@carlonicora/nextjs-jsonapi 1.0.4 → 1.0.6

package/src/features/company/components/forms/CompanyConfigurationSecurityForm.tsx

@@ -0,0 +1,97 @@
+"use client";
+
+import { useTranslations } from "next-intl";
+import { UseFormReturn } from "react-hook-form";
+import { Checkbox, FormControl, FormField, FormItem, FormLabel, FormMessage, Input } from "../../../../shadcnui";
+
+type SecurityConfigurationFormProps = {
+  form: UseFormReturn<any>;
+};
+
+type Fields = {
+  fields: string[];
+  defaults: Record<string, any>;
+};
+
+const providerConfig: Fields = {
+  fields: ["isManagedKnowledge", "allowPublicBot"],
+  defaults: {},
+};
+
+export function CompanyConfigurationSecurityForm({ form }: SecurityConfigurationFormProps) {
+  const t = useTranslations();
+
+  const renderProviderFields = () => {
+    const config = providerConfig;
+    if (!config) return null;
+
+    return config.fields.map((currentField) => {
+      const isRequired = currentField === "";
+
+      let label = "";
+      let placeholder = "";
+      let type = "text";
+
+      switch (currentField) {
+        case "isManagedKnowledge":
+          label = "Limit Require structured knowledge management";
+          placeholder =
+            "Enforce single-nesting expertises, require expertise associations to content, and enable knowledge manager roles for better long-term organization.";
+          type = "checkbox";
+          break;
+        case "allowPublicBot":
+          label = "Allow Public Bot";
+          placeholder = "Enable this to allow the public to access public information.";
+          type = "checkbox";
+          break;
+      }
+
+      return (
+        <FormField
+          key={currentField}
+          control={form.control}
+          name={currentField}
+          render={({ field: formField }) =>
+            type === "checkbox" ? (
+              <FormItem className="flex items-start space-x-4">
+                <FormControl>
+                  <Checkbox
+                    id={currentField}
+                    checked={formField.value}
+                    onCheckedChange={(checked) => {
+                      return checked ? formField.onChange(true) : formField.onChange(false);
+                    }}
+                  />
+                </FormControl>
+                <div className="grid gap-2">
+                  <FormLabel htmlFor={currentField}>
+                    {label} {isRequired && <span className="text-destructive">*</span>}
+                  </FormLabel>
+                  <p className="text-muted-foreground text-sm">{placeholder}</p>
+                </div>
+                <FormLabel></FormLabel>
+                <FormMessage />
+              </FormItem>
+            ) : (
+              <FormItem>
+                <FormLabel>
+                  {label} {isRequired && <span className="text-destructive">*</span>}
+                </FormLabel>
+                <FormControl>
+                  <Input type={type} placeholder={placeholder} {...formField} />
+                </FormControl>
+                <FormMessage />
+              </FormItem>
+            )
+          }
+        />
+      );
+    });
+  };
+
+  return (
+    <div className="space-y-4">
+      <div className="space-y-4 border-t pt-4">{renderProviderFields()}</div>
+    </div>
+  );
+}

package/src/features/company/components/forms/CompanyDeleter.tsx

@@ -0,0 +1,121 @@
+"use client";
+
+import { LoaderCircleIcon, Trash2Icon } from "lucide-react";
+import { useTranslations } from "next-intl";
+import { useState } from "react";
+import { errorToast } from "../../../../components";
+import { Modules } from "../../../../core";
+import { useI18nRouter } from "../../../../i18n";
+import { Action } from "../../../../permissions";
+import { getRoleId } from "../../../../roles";
+import {
+  AlertDialog,
+  AlertDialogContent,
+  AlertDialogDescription,
+  AlertDialogHeader,
+  AlertDialogTitle,
+  AlertDialogTrigger,
+  Button,
+  Input,
+  Label,
+} from "../../../../shadcnui";
+import { UserInterface } from "../../../user";
+import { useCurrentUserContext } from "../../../user/contexts";
+import { CompanyInterface, CompanyService } from "../../data";
+
+type CompanyDeleterProps = {
+  company: CompanyInterface;
+};
+
+function CompanyDeleterInternal({ company }: CompanyDeleterProps) {
+  const t = useTranslations();
+  const router = useI18nRouter();
+  const [open, setOpen] = useState<boolean>(false);
+  const [isDeleting, setIsDeleting] = useState<boolean>(false);
+  const [companyName, setCompanyName] = useState<string>("");
+
+  const handleDelete = async () => {
+    setIsDeleting(true);
+    try {
+      await CompanyService.delete({ companyId: company.id });
+      router.push("/");
+    } catch (error) {
+      errorToast({ title: t(`generic.errors.delete`), error: error });
+    }
+    setIsDeleting(false);
+  };
+
+  return (
+    <AlertDialog open={open} onOpenChange={setOpen}>
+      <AlertDialogTrigger asChild>
+        <Button size="sm" variant={"destructive"}>
+          <Trash2Icon className="mr-3 h-3.5 w-3.5" />
+          {t(`generic.buttons.delete`)}
+        </Button>
+      </AlertDialogTrigger>
+      <AlertDialogContent className={`flex max-h-[70vh] max-w-3xl flex-col overflow-y-auto`}>
+        <AlertDialogHeader>
+          <AlertDialogTitle>{t(`generic.delete.title`, { type: t(`types.companies`, { count: 1 }) })}</AlertDialogTitle>
+          <AlertDialogDescription>
+            {t(`generic.delete.subtitle`, { type: t(`types.companies`, { count: 1 }) })}
+          </AlertDialogDescription>
+        </AlertDialogHeader>
+        <div className="text-destructive p-4 text-sm">
+          {t(`generic.delete.description`, { type: t(`types.companies`, { count: 1 }) })}
+        </div>
+        <div className="flex w-full flex-col gap-y-2">
+          <div>{t(`generic.delete.confirmation`, { type: t(`types.companies`, { count: 1 }) })}</div>
+          <div className="flex w-full flex-col">
+            <Label className="flex items-center">
+              {t(`foundations.company.fields.name.label`)}
+              <span className="text-destructive ml-2 font-semibold">*</span>
+            </Label>
+            <Input
+              className={`w-full`}
+              placeholder={t(`foundations.company.fields.name.placeholder`)}
+              onChange={(e) => setCompanyName(e.target.value)}
+            />
+          </div>
+        </div>
+        <div className="flex justify-end">
+          <Button
+            className="mr-2"
+            variant={"outline"}
+            type={`button`}
+            onClick={() => setOpen(false)}
+            disabled={isDeleting}
+          >
+            {t(`generic.buttons.cancel`)}
+          </Button>
+          <Button
+            type="submit"
+            onClick={(e) => {
+              e.preventDefault();
+              handleDelete();
+            }}
+            variant={"destructive"}
+            disabled={company.name !== companyName || isDeleting}
+          >
+            {isDeleting ? (
+              <>
+                {t(`generic.buttons.is_deleting`)}
+                <LoaderCircleIcon className="animate-spin-slow h-5 w-5" />
+              </>
+            ) : (
+              t(`generic.buttons.delete`)
+            )}
+          </Button>
+        </div>
+      </AlertDialogContent>
+    </AlertDialog>
+  );
+}
+
+export function CompanyDeleter({ company }: CompanyDeleterProps) {
+  const { hasPermissionToModule, hasRole } = useCurrentUserContext<UserInterface>();
+
+  if (!hasRole(getRoleId().Administrator) && !hasPermissionToModule({ module: Modules.Company, action: Action.Delete }))
+    return null;
+
+  return <CompanyDeleterInternal company={company} />;
+}

package/src/features/company/components/forms/CompanyEditor.tsx

@@ -0,0 +1,245 @@
+"use client";
+
+import { zodResolver } from "@hookform/resolvers/zod";
+import { setCookie } from "cookies-next";
+import { UploadIcon } from "lucide-react";
+import { useTranslations } from "next-intl";
+import Image from "next/image";
+import { useEffect, useState } from "react";
+import { DropzoneOptions } from "react-dropzone";
+import { SubmitHandler, useForm } from "react-hook-form";
+import { v4 } from "uuid";
+import { z } from "zod";
+import {
+  CommonEditorButtons,
+  CommonEditorHeader,
+  CommonEditorTrigger,
+  errorToast,
+  FileInput,
+  FileUploader,
+  FormFeatures,
+  FormInput,
+} from "../../../../components";
+import { Modules } from "../../../../core";
+import { usePageUrlGenerator } from "../../../../hooks";
+import { useI18nRouter } from "../../../../i18n";
+import { getRoleId } from "../../../../roles";
+import { Dialog, DialogContent, Form, ScrollArea } from "../../../../shadcnui";
+import { FeatureInterface, FeatureService } from "../../../feature";
+import { S3Interface, S3Service } from "../../../s3";
+import { UserInterface } from "../../../user";
+import { useCurrentUserContext } from "../../../user/contexts";
+import { CompanyInput, CompanyInterface, CompanyService } from "../../data";
+
+type CompanyEditorProps = {
+  company?: CompanyInterface;
+  propagateChanges?: (company: CompanyInterface) => void;
+  onRevalidate?: (path: string) => Promise<void>;
+};
+
+function CompanyEditorInternal({ company, propagateChanges, onRevalidate }: CompanyEditorProps) {
+  const { hasRole } = useCurrentUserContext<UserInterface>();
+  const router = useI18nRouter();
+  const [open, setOpen] = useState<boolean>(false);
+  const [features, setFeatures] = useState<FeatureInterface[]>([]);
+  const [file, setFile] = useState<File | null>(null);
+  const [files, setFiles] = useState<File[] | null>(null);
+  const [contentType, setContentType] = useState<string | null>(null);
+  const t = useTranslations();
+  const generateUrl = usePageUrlGenerator();
+
+  const formSchema = z.object({
+    id: z.uuidv4(),
+    name: z.string().min(1, {
+      message: t(`foundations.company.fields.name.error`),
+    }),
+    featureIds: z.array(z.string()).optional(),
+    moduleIds: z.array(z.string()).optional(),
+    logo: z.string().optional(),
+  });
+
+  const form = useForm({
+    resolver: zodResolver(formSchema),
+    defaultValues: {
+      id: company?.id || v4(),
+      name: company?.name || "",
+      featureIds: company?.features.map((feature) => feature.id) || [],
+      moduleIds: company?.modules.map((module) => module.id) || [],
+      logo: company?.logo || "",
+    },
+  });
+
+  const onSubmit: SubmitHandler<z.infer<typeof formSchema>> = async (values: z.infer<typeof formSchema>) => {
+    if (values.logo && contentType) {
+      const s3: S3Interface = await S3Service.getPreSignedUrl({
+        key: values.logo,
+        contentType: contentType,
+        isPublic: true,
+      });
+
+      await fetch(s3.url, {
+        method: "PUT",
+        headers: s3.headers,
+        body: file,
+      });
+    }
+
+    const payload: CompanyInput = {
+      id: company?.id ?? v4(),
+      name: values.name,
+      logo: files && contentType ? values.logo : undefined,
+      featureIds: values.featureIds,
+      moduleIds: values.moduleIds,
+    };
+
+    try {
+      const updatedCompany = company ? await CompanyService.update(payload) : await CompanyService.create(payload);
+
+      if (onRevalidate) {
+        await onRevalidate(generateUrl({ page: Modules.Company, id: updatedCompany.id, language: `[locale]` }));
+      }
+      if (company && propagateChanges) {
+        setCookie("reloadData", "true", { path: "/" });
+        propagateChanges(updatedCompany);
+        setOpen(false);
+      } else {
+        router.push(`/administration/companies/${updatedCompany.id}`);
+      }
+    } catch (error) {
+      errorToast({
+        title: company ? t(`generic.errors.update`) : t(`generic.errors.create`),
+        error,
+      });
+    }
+  };
+
+  useEffect(() => {
+    async function fetchFeatures() {
+      const allfeatures = await FeatureService.findMany({});
+      if (hasRole(getRoleId().Administrator)) {
+        setFeatures(allfeatures);
+      } else {
+        setFeatures(allfeatures.filter((feature) => feature.isProduction));
+      }
+    }
+    if (
+      open &&
+      features.length === 0 &&
+      (hasRole(getRoleId().Administrator) ||
+        (hasRole(getRoleId().CompanyAdministrator) &&
+          process.env.NEXT_PUBLIC_PRIVATE_INSTALLATION?.toLowerCase() === "true"))
+    )
+      fetchFeatures();
+  }, [open, features]);
+
+  useEffect(() => {
+    if (file && company) {
+      const id = form.getValues("id");
+      const fileType = file.type;
+      let extension = "";
+
+      switch (fileType) {
+        default:
+          extension = file.type.split("/").pop() ?? "";
+          break;
+      }
+
+      const timestamp = new Date().toISOString().replace(/[-:T]/g, "").split(".")[0];
+
+      const fileUrl = `companies/${form.getValues("id")}/companies/${id}/${id}.${timestamp}.${extension}`;
+      form.setValue("logo", fileUrl);
+
+      setContentType(fileType);
+    } else {
+      setContentType(null);
+    }
+  }, [file]);
+
+  useEffect(() => {
+    if (files && files.length > 0) {
+      setFile(files[0]);
+    }
+  }, [files]);
+
+  const dropzone = {
+    multiple: false,
+    maxSize: 100 * 1024 * 1024,
+    preventDropOnDocument: false,
+    accept: {
+      "application/images": [".jpg", ".jpeg", ".png", ".gif", ".webp", ".svg"],
+    },
+  } satisfies DropzoneOptions;
+
+  const canAccessFeatures =
+    hasRole(getRoleId().Administrator) ||
+    (hasRole(getRoleId().CompanyAdministrator) &&
+      process.env.NEXT_PUBLIC_PRIVATE_INSTALLATION?.toLowerCase() === "true");
+
+  const isAdministrator = hasRole(getRoleId().Administrator);
+
+  return (
+    <Dialog open={open} onOpenChange={setOpen}>
+      <CommonEditorTrigger isEdit={!!company} />
+      <DialogContent
+        className={`flex max-h-[70vh] w-full ${isAdministrator || canAccessFeatures ? `max-w-5xl` : `max-w-4xl`} flex-col overflow-y-auto`}
+      >
+        <CommonEditorHeader type={t(`types.companies`, { count: 1 })} name={company?.name} />
+        <Form {...form}>
+          <form onSubmit={form.handleSubmit(onSubmit)} className={`flex w-full flex-col gap-y-4`}>
+            <div className="flex w-full items-start justify-between gap-x-4">
+              <div className={`flex w-96 flex-col justify-start gap-y-4`}>
+                <FileUploader value={files} onValueChange={setFiles} dropzoneOptions={dropzone} className="w-full p-4">
+                  <FileInput className="text-neutral-300 outline-dashed">
+                    <div className="flex w-full flex-col items-center justify-center pt-3 pb-4">
+                      <div className="flex w-full flex-col items-center justify-center pt-3 pb-4">
+                        {file || company?.logo ? (
+                          <Image
+                            src={file ? URL.createObjectURL(file) : company?.logo || ""}
+                            alt="Company Logo"
+                            width={200}
+                            height={200}
+                          />
+                        ) : (
+                          <>
+                            <UploadIcon className="my-4 h-8 w-8" />
+                            <p className="mb-1 flex w-full text-center text-sm">
+                              {t(`foundations.company.click_drag_logo`)}
+                            </p>
+                          </>
+                        )}
+                      </div>
+                    </div>
+                  </FileInput>
+                </FileUploader>
+              </div>
+              <div className={`flex w-full flex-col justify-start gap-y-4`}>
+                <FormInput
+                  form={form}
+                  id="name"
+                  name={t(`foundations.company.fields.name.label`)}
+                  placeholder={t(`foundations.company.fields.name.placeholder`)}
+                />
+              </div>
+              {canAccessFeatures && (
+                <div className={`flex w-96 flex-col justify-start gap-y-4`}>
+                  <ScrollArea className="h-max">
+                    <FormFeatures
+                      form={form}
+                      name={t(`foundations.company.features_and_modules`)}
+                      features={features}
+                    />
+                  </ScrollArea>
+                </div>
+              )}
+            </div>
+            <CommonEditorButtons form={form} setOpen={setOpen} isEdit={!!company} />
+          </form>
+        </Form>
+      </DialogContent>
+    </Dialog>
+  );
+}
+
+export function CompanyEditor(props: CompanyEditorProps) {
+  return <CompanyEditorInternal {...props} />;
+}

package/src/features/company/components/forms/CompanyLicense.tsx

@@ -0,0 +1,213 @@
+"use client";
+
+import { zodResolver } from "@hookform/resolvers/zod";
+import { deleteCookie } from "cookies-next";
+import { ClipboardIcon } from "lucide-react";
+import { useTranslations } from "next-intl";
+import Image from "next/image";
+import { SubmitHandler, useForm } from "react-hook-form";
+import { toast } from "sonner";
+import z from "zod";
+import { errorToast, FormInput, FormTextarea } from "../../../../components";
+import { Modules } from "../../../../core";
+import { useI18nRouter, usePageUrlGenerator } from "../../../../hooks";
+import { getRoleId } from "../../../../roles";
+import {
+  Button,
+  Card,
+  CardContent,
+  CardDescription,
+  CardFooter,
+  CardHeader,
+  CardTitle,
+  Form,
+  Input,
+  Label,
+  Link,
+} from "../../../../shadcnui";
+import { UserInterface, UserService } from "../../../user";
+import { useCurrentUserContext } from "../../../user/contexts";
+import { CompanyInput, CompanyService } from "../../data";
+
+type TokenPayload = {
+  userId: string;
+  companyId?: string;
+  licenseExpirationDate?: Date;
+  roles: string[];
+  features: string[];
+  modules: {
+    id: string;
+    permissions: {
+      create: boolean | string;
+      read: boolean | string;
+      update: boolean | string;
+      delete: boolean | string;
+    };
+  }[];
+};
+
+type CompanyLicenseProps = {
+  onRevalidate?: (path: string) => Promise<void>;
+  onUpdateToken?: (token: TokenPayload) => Promise<void>;
+};
+
+export default function CompanyLicense({ onRevalidate, onUpdateToken }: CompanyLicenseProps = {}) {
+  const { currentUser, setUser, hasRole } = useCurrentUserContext<UserInterface>();
+
+  const t = useTranslations();
+  const generateUrl = usePageUrlGenerator();
+  const router = useI18nRouter();
+
+  const copyToClipboard = (text: string) => {
+    navigator.clipboard.writeText(text);
+    toast("Copied to clipboard");
+  };
+
+  const formSchema = z.object({
+    license: z.string().min(1, {
+      message: `License is required`,
+    }),
+    privateKey: z.string().min(1, {
+      message: `Private key is required`,
+    }),
+  });
+
+  const defaultValues = {
+    license:
+      "09001678dca2f4a6d2d32bb984811278:3e93a432f6130579e543a511346c0d2c6ca7a97d49c7ff2d3e789ca7c7c8d79b864fd3406c8315e72aa5febf6232776dfaea51d72168ddcdd34a59ea1a05b3b3dd60ac3af6c3934203d19ea68642293aa5b79f012633b4ba2e4a474e9ceed6b6cda13d8dedc8e60ece61886843ee6edc1af6d2da5e07945033295507df6f87994f8347b5759b446aa20b1185d7b5c54c67509ae280e729913d0e68e95b5f090b0577a8a735f24fb7c1df8f6586886d840af4a43f9dc74d5d1f291058a45ace759176fa19fe5e164f5d8307981e8bcd166f346e97b676dd0242d1c30ec4fe744f22621fae603b1caaac25f198d2b29be0e0f2afc81a40edeb20242345e2feac8666027d0c30aa8dadbca742dd68ade46602545979f473b344021d27921553d5b284fd96a717b74573ca7e693723876357013e3c0d07a35d270a0e32654d2c244220e2492380279aa34a4744d145b89d06a8abef49cc2ef0dd0171e0eefcf16724decf53e545d10d9bfd8e0c4b03ca720b0fc63d8a20ca2c71d74cb0cf7e547637dbcc8d27257414b5b0b40eabe9eb53a4b5f61ca2250d5933a13565f785a89fc5e3e3c468acbeddf14627aa4109f32af641fc96513e52edc21849e81331cafc900ea85f58927d583aafe5a959af69ce5c967d0cd5d9050cf6601a615e8e3ccf32e6a04227f1f228d94f9bd24073c7b0ec2550f4efc69bddde745144dcb279864fb3e7e7d57d1e96d0701b55f0d6f3bd688880e4a78adb0974cba278cd34bc02753e8a736a4b3a4e48afdf206b9330fee4e29a3c28dec8457e0f44adc10735c1d1992b798e0dd710053ce98ff38b6ff59004079a5face769950401b49fdc13e4cd3324d7df2cf0f40593f51c117debbafd",
+    privateKey:
+      "-----BEGIN PRIVATE KEY-----\nMIIEvAIBADANBgkqhkiG9w0BAQEFAASCBKYwggSiAgEAAoIBAQCKDXrjEXBcYx6p\nChtixITGiFqZeaurD3n2SeJl8QuniKlbl7ytC71gS9BzIG5Q/ENhAE41qa7FaHdN\nHLQ2anfAjS/wd/41wx9ilvQeN/IcDb5Dx3Qd07OMLdrgDvkhlUPSvt7Y5/yft1IX\nS8NaDrKoO4zjpVB9SeLYGyFXmfP0ciJ97AkWDfXp3l2WjwwxEQByo5uXOMzpEZla\nkqBFy7kkO3c/SJWqnuXbXrUVr7AjZ9zMCPP/NbvvOkGzovrOYHN5WO9Rg7m+wIFK\n+gTL2e3RnyjUUSoX5/NMZO9oyDNEaaWgIv6LOG72A2Xq55gpNQihjltZWd/o+xFb\nIRZzbmllAgMBAAECggEABrrvgcBo5OgkJ4OJoEAKZQ9is1a+KsG/ZWVmtyeQNOOx\ntfhox1rqKZaom+Q53JLfygvUxEL4dUFJh6Xdl0WLfwSjEKsY5pATqJ/JWOvLTtjQ\nrMc9fvLCLxRRNlkkhiGbw9twS8zLgRHT27Ti2jIbPZ5hmPuHOARxHa386yNjREh1\n14Vlhk+dvhmqtYt11AKWuU8nHuf92wCCetATUg/pfNQ1itf6XDlygUZTl4GkoJg/\nVrt1MnsrTKcGzP+gvpNH0aOuUbgtUWtBIKaSuGgY6lMMny6AApeJ+kXZR8cyPVSi\nYm/185AcxQDlPunoyl3QzvV41zJUccoMI576wFTUQQKBgQC8QQtNXjfcQvYDeVv8\ntWKAxgk+OE6/3ntLkbYxPw2H5IOikhb5OjNirzUzRs4CKjnGhx0zDzCi4TV2xwZf\nwDHpd9VEhEXmKBJe43RCQs0vb1jwz4ttRk9eoz1Oa4cNij3yH5F4oNu5ZnOSZWi/\n1c4mIsGjjTWzeOkJ6J+fCc6ztQKBgQC7u53nuvMubVhNW3FyuHaXuE+nUlNaw2gc\n9mhm17DY+MBf2YqdJOCY1B44WMIZe3k/75qXrZEYG4ikdlAGzrh7q3/8GMKCxk8P\n5y+YeKODdURM1SsUoOqAzga7s2vFxnChtWxk3KfXCzjKUoX/9zWX/zfIAl9VsVVC\nhrARyffM8QKBgC6pIJgIpmfd4QRzbC1y9/tbGqdlZX+BMaZFc5c5Pa1VIpuFAlS7\n7EiljNYs0psOxEtE6iPhu/hjQdEy+414IebwYNgewQSPIh6K2iIiVKFRRAZMKw7m\nwn1+kI+Db3IXtcrxsCjqFgwaLMM4h4IlCHfDXaOgOJNHgNuH4SiWUbmRAoGAUGD4\nLuugi1RN5nEslc3dGQDVOfLJtabMwPnPoZjgI0X+OAvQiY/sigLoHYADOx3ewD06\nl468/PFtA92UThXcbzbyyWFghtWZrFlzy3h7qiFfaPYsR9zOCvAredpMXpWkS9h9\n3IGNa0lmu1mx/fI+hCHGJGC/qNUQiDda04MCEkECgYAxDhQW7sRox+7Pn0TsRotN\nTv6AJggyTjBaF45fVy+28sn53f/9HE++Rxn8W5xQl+hEOywT95OcWB9b4CiZsp1P\nZyjkByeUuraVM1DoFh66UdXUvC2FECdyz4N3JyKHvV82GdrTPsQLVPCsGfzkj7V8\nX+iuQoeEbUvwnnrg3pbClQ==\n-----END PRIVATE KEY-----\n",
+  };
+
+  const form = useForm<z.infer<typeof formSchema>>({
+    resolver: zodResolver(formSchema),
+    defaultValues: defaultValues,
+  });
+
+  const onSubmit: SubmitHandler<z.infer<typeof formSchema>> = async (values: z.infer<typeof formSchema>) => {
+    if (!currentUser || !currentUser.company) {
+      errorToast({
+        title: t("generic.errors.error"),
+        error: new Error("User or company not found"),
+      });
+      return;
+    }
+
+    const payload: CompanyInput = {
+      id: currentUser.company.id,
+      license: values.license,
+      privateKey: values.privateKey,
+    };
+
+    try {
+      const updatedLicense = await CompanyService.activateLicense(payload);
+
+      const fullUser = await UserService.findFullUser();
+
+      if (fullUser) {
+        setUser(fullUser);
+        const token = {
+          userId: fullUser.id,
+          companyId: fullUser.company?.id,
+          licenseExpirationDate: fullUser.company?.licenseExpirationDate,
+          roles: fullUser.roles.map((role) => role.id),
+          features: fullUser.company?.features?.map((feature) => feature.id) ?? [],
+          modules: fullUser.modules.map((module) => {
+            return { id: module.id, permissions: module.permissions };
+          }),
+        };
+
+        if (onUpdateToken) {
+          await onUpdateToken(token);
+        }
+        deleteCookie("reloadData");
+      }
+
+      if (onRevalidate) {
+        await onRevalidate(generateUrl({ page: Modules.Company, id: updatedLicense.id, language: `[locale]` }));
+      }
+      router.push(generateUrl({ page: "/" }));
+    } catch (error) {
+      errorToast({
+        title: t(`generic.errors.update`),
+        error,
+      });
+    }
+  };
+
+  if (!currentUser || !currentUser.company) return null;
+
+  return (
+    <Form {...form}>
+      <form
+        onSubmit={form.handleSubmit(onSubmit)}
+        className="relative flex min-h-screen w-full flex-col items-center justify-center"
+      >
+        <div className="absolute top-4 left-4 z-0">
+          <Image
+            src={`/phlow-logo.webp`}
+            className="object-contain p-4"
+            height={300}
+            width={300}
+            alt={"Phlow"}
+            priority
+          />
+        </div>
+        <Card className="z-10 w-3xl">
+          {hasRole(getRoleId().CompanyAdministrator) ? (
+            <>
+              <CardHeader>
+                <CardTitle>Company License Required</CardTitle>
+                <CardDescription className={`flex w-full flex-col`}>
+                  <div>You need to activate your license to use Phlow.</div>
+                  <div>
+                    <span>To obtain your license, please visit</span>
+                    <Link href="https://phlow.com" target="_blank" className={`text-primary`}>
+                      our website (https://phlow.com)
+                    </Link>
+                    <span>, register for an account and follow the instructions provided.</span>
+                  </div>
+                  <div>You will be required to provide the installation identifier provided below.</div>
+                  <div>
+                    Once you have activated your license, please paste your license and private key in the fields below.
+                  </div>
+                </CardDescription>
+              </CardHeader>
+              <CardContent className="flex flex-col gap-y-4">
+                <div>
+                  <Label>Installation Identifier</Label>
+                  <div className="flex items-center">
+                    <Input disabled value={currentUser.company.id} />
+                    <ClipboardIcon
+                      className="text-muted-foreground ml-2 cursor-pointer"
+                      onClick={() => copyToClipboard(currentUser!.company!.id)}
+                    />
+                  </div>
+                </div>
+                <div>
+                  <FormInput form={form} id="license" name={"license"} placeholder="Enter your license" />
+                </div>
+                <div>
+                  <FormTextarea name="Private Key" form={form} id="privateKey" placeholder="Enter your private key" />
+                </div>
+              </CardContent>
+              <CardFooter className="flex justify-end">
+                <Button type="submit">Activate License</Button>
+              </CardFooter>
+            </>
+          ) : (
+            <>
+              <CardHeader>
+                <CardTitle>Company License Required</CardTitle>
+                <CardDescription className={`flex w-full flex-col`}>
+                  The company license is either missing or expired.
+                </CardDescription>
+              </CardHeader>
+              <CardContent>Please contact your system administrator to resolve this issue.</CardContent>
+            </>
+          )}
+        </Card>
+      </form>
+    </Form>
+  );
+}

package/src/features/company/components/forms/index.ts

@@ -0,0 +1,5 @@
+export * from "./CompanyConfigurationEditor";
+export * from "./CompanyConfigurationSecurityForm";
+export * from "./CompanyDeleter";
+export * from "./CompanyEditor";
+export * from "./CompanyLicense";

package/src/features/company/components/index.ts

@@ -0,0 +1,4 @@
+export * from "./containers";
+export * from "./details";
+export * from "./forms";
+export * from "./lists";