@carlonicora/nextjs-jsonapi 1.0.3 → 1.0.5

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";

package/src/features/company/components/lists/CompaniesList.tsx

@@ -0,0 +1,31 @@
+"use client";
+
+import { useTranslations } from "next-intl";
+import { ReactNode } from "react";
+import { ContentListTable } from "../../../../components";
+import { Modules } from "../../../../core";
+import { DataListRetriever, useDataListRetriever } from "../../../../hooks";
+import { CompanyFields, CompanyInterface, CompanyService } from "../../data";
+import { CompanyEditor } from "../forms/CompanyEditor";
+
+export function CompaniesList() {
+  const t = useTranslations();
+
+  const data: DataListRetriever<CompanyInterface> = useDataListRetriever({
+    retriever: (params) => CompanyService.findMany(params),
+    retrieverParams: {},
+    module: Modules.Company,
+  });
+
+  const functions: ReactNode[] = [<CompanyEditor key="create-account" />];
+
+  return (
+    <ContentListTable
+      data={data}
+      fields={[CompanyFields.name, CompanyFields.createdAt]}
+      tableGeneratorType={Modules.Company}
+      functions={functions}
+      title={t(`types.companies`, { count: 2 })}
+    />
+  );
+}

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

@@ -0,0 +1 @@
+export * from "./CompaniesList";

package/src/features/company/contexts/CompanyContext.tsx

@@ -0,0 +1,99 @@
+"use client";
+
+import { useTranslations } from "next-intl";
+import { createContext, ReactNode, useContext, useState } from "react";
+import { SharedProvider } from "../../../contexts";
+import { JsonApiHydratedDataInterface, Modules, rehydrate } from "../../../core";
+import { usePageUrlGenerator } from "../../../hooks";
+import { BreadcrumbItemData } from "../../../interfaces";
+import { Action } from "../../../permissions";
+import { getRoleId } from "../../../roles";
+import { UserInterface } from "../../user";
+import { useCurrentUserContext } from "../../user/contexts";
+import { CompanyConfigurationEditor, CompanyDeleter, CompanyEditor } from "../components";
+import { CompanyInterface } from "../data";
+
+interface CompanyContextType {
+  company: CompanyInterface | undefined;
+  setCompany: (value: CompanyInterface | undefined) => void;
+}
+
+const CompanyContext = createContext<CompanyContextType | undefined>(undefined);
+
+type CompanyProviderProps = {
+  children: ReactNode;
+  dehydratedCompany?: JsonApiHydratedDataInterface;
+};
+
+const defaultContextValue: CompanyContextType = {
+  company: undefined,
+  setCompany: () => {},
+};
+
+export const CompanyProvider = ({ children, dehydratedCompany }: CompanyProviderProps) => {
+  const generateUrl = usePageUrlGenerator();
+  const t = useTranslations();
+  const { hasPermissionToModule, hasRole } = useCurrentUserContext<UserInterface>();
+
+  const [company, setCompany] = useState<CompanyInterface | undefined>(
+    dehydratedCompany ? rehydrate<CompanyInterface>(Modules.Company, dehydratedCompany) : undefined,
+  );
+
+  const breadcrumb = () => {
+    const response: BreadcrumbItemData[] = [];
+
+    if (company)
+      response.push({
+        name: company.name,
+        href: generateUrl({ page: Modules.Company }),
+      });
+
+    return response;
+  };
+
+  const title = () => {
+    const response: any = {
+      type: t(`types.companies`, { count: company ? 1 : 2 }),
+    };
+
+    if (company) response.element = company.name;
+
+    const functions: ReactNode[] = [];
+
+    if (
+      company &&
+      hasRole(getRoleId().Administrator) &&
+      hasPermissionToModule({ module: Modules.Company, action: Action.Delete })
+    )
+      functions.push(<CompanyDeleter key="companyDeleter" company={company} />);
+
+    if (
+      hasRole(getRoleId().Administrator) ||
+      hasPermissionToModule({ module: Modules.Company, action: Action.Update })
+    ) {
+      if (company) functions.push(<CompanyConfigurationEditor key="companyConfigurationEditor" company={company} />);
+      functions.push(<CompanyEditor key="companyEditor" company={company} propagateChanges={setCompany} />);
+    }
+
+    if (functions.length > 0) response.functions = functions;
+
+    return response;
+  };
+
+  return (
+    <SharedProvider value={{ breadcrumbs: breadcrumb(), title: title() }}>
+      <CompanyContext.Provider
+        value={{
+          company: company,
+          setCompany: setCompany,
+        }}
+      >
+        {children}
+      </CompanyContext.Provider>
+    </SharedProvider>
+  );
+};
+
+export const useCompanyContext = (): CompanyContextType => {
+  return useContext(CompanyContext) ?? defaultContextValue;
+};

package/src/features/company/data/company.fields.ts

@@ -0,0 +1,6 @@
+export enum CompanyFields {
+  companyId = "companyId",
+  name = "name",
+  createdAt = "createdAt",
+  updatedAt = "updatedAt",
+}

package/src/features/company/data/company.interface.ts

@@ -0,0 +1,28 @@
+import { ApiDataInterface } from "../../../core";
+import { FeatureInterface } from "../../feature/data/feature.interface";
+import { ModuleInterface } from "../../module/data/module.interface";
+
+export type CompanyInput = {
+  id: string;
+  name?: string;
+  logo?: string;
+  configurations?: any;
+
+  license?: string;
+  privateKey?: string;
+
+  featureIds?: string[];
+  moduleIds?: string[];
+};
+
+export interface CompanyInterface extends ApiDataInterface {
+  get name(): string;
+  get configurations(): any;
+  get logo(): string | undefined;
+  get logoUrl(): string | undefined;
+
+  get licenseExpirationDate(): Date | undefined;
+
+  get features(): FeatureInterface[];
+  get modules(): ModuleInterface[];
+}

package/src/features/company/data/company.service.ts

@@ -0,0 +1,73 @@
+import { AbstractService, EndpointCreator, HttpMethod, Modules, NextRef } from "../../../core";
+import { CompanyInput, CompanyInterface } from "./company.interface";
+
+export class CompanyService extends AbstractService {
+  static async findOne(params: { companyId: string }): Promise<CompanyInterface> {
+    return this.callApi<CompanyInterface>({
+      type: Modules.Company,
+      method: HttpMethod.GET,
+      endpoint: new EndpointCreator({ endpoint: Modules.Company, id: params.companyId }).generate(),
+    });
+  }
+
+  static async findMany(params: { search?: string; next?: NextRef }): Promise<CompanyInterface[]> {
+    const endpoint = new EndpointCreator({ endpoint: Modules.Company });
+
+    if (params.search) endpoint.addAdditionalParam("search", params.search);
+
+    return this.callApi<CompanyInterface[]>({
+      type: Modules.Company,
+      method: HttpMethod.GET,
+      endpoint: endpoint.generate(),
+      next: params.next,
+    });
+  }
+
+  static async delete(params: { companyId: string }): Promise<void> {
+    await this.callApi({
+      type: Modules.Company,
+      method: HttpMethod.DELETE,
+      endpoint: new EndpointCreator({ endpoint: Modules.Company, id: params.companyId }).generate(),
+    });
+  }
+
+  static async create(params: CompanyInput): Promise<CompanyInterface> {
+    return this.callApi({
+      type: Modules.Company,
+      method: HttpMethod.POST,
+      endpoint: new EndpointCreator({ endpoint: Modules.Company }).generate(),
+      input: params,
+    });
+  }
+
+  static async update(params: CompanyInput): Promise<CompanyInterface> {
+    return this.callApi({
+      type: Modules.Company,
+      method: HttpMethod.PUT,
+      endpoint: new EndpointCreator({ endpoint: Modules.Company, id: params.id }).generate(),
+      input: params,
+    });
+  }
+
+  static async updateConfigurations(params: CompanyInput): Promise<CompanyInterface> {
+    return this.callApi({
+      type: Modules.Company,
+      method: HttpMethod.PUT,
+      endpoint: new EndpointCreator({
+        endpoint: Modules.Company,
+        id: params.id,
+        childEndpoint: "configurations",
+      }).generate(),
+      input: params,
+    });
+  }
+
+  static async activateLicense(params: CompanyInput): Promise<CompanyInterface> {
+    return this.callApi({
+      type: Modules.Company,
+      method: HttpMethod.PUT,
+      endpoint: new EndpointCreator({ endpoint: Modules.Company, id: params.id, childEndpoint: "license" }).generate(),
+      input: params,
+    });
+  }
+}

package/src/features/company/data/company.ts

@@ -0,0 +1,104 @@
+import { AbstractApiData, JsonApiHydratedDataInterface, Modules } from "../../../core";
+import { FeatureInterface } from "../../feature";
+import { ModuleInterface } from "../../module";
+import { CompanyInput, CompanyInterface } from "./company.interface";
+
+export class Company extends AbstractApiData implements CompanyInterface {
+  private _name?: string;
+  private _logo?: string;
+  private _logoUrl?: string;
+  private _configurations?: any;
+
+  private _licenseExpirationDate?: Date;
+
+  private _features?: FeatureInterface[];
+  private _modules?: ModuleInterface[];
+
+  get name(): string {
+    if (this._name === undefined) throw new Error("Name is not defined");
+    return this._name;
+  }
+
+  get logo(): string | undefined {
+    return this._logo;
+  }
+
+  get logoUrl(): string | undefined {
+    return this._logoUrl;
+  }
+
+  get licenseExpirationDate(): Date | undefined {
+    return this._licenseExpirationDate;
+  }
+
+  get features(): FeatureInterface[] {
+    return this._features ?? [];
+  }
+
+  get modules(): ModuleInterface[] {
+    return this._modules ?? [];
+  }
+
+  get configurations(): any | undefined {
+    return this._configurations;
+  }
+
+  rehydrate(data: JsonApiHydratedDataInterface): this {
+    super.rehydrate(data);
+
+    this._name = data.jsonApi.attributes.name;
+    this._configurations = data.jsonApi.attributes.configurations
+      ? JSON.parse(data.jsonApi.attributes.configurations)
+      : undefined;
+    this._logo = data.jsonApi.attributes.logo;
+    this._logoUrl = data.jsonApi.attributes.logoUrl;
+
+    this._licenseExpirationDate = data.jsonApi.attributes.licenseExpirationDate
+      ? new Date(data.jsonApi.attributes.licenseExpirationDate)
+      : undefined;
+
+    this._features = this._readIncluded<FeatureInterface>(data, "features", Modules.Feature) as FeatureInterface[];
+    this._modules = this._readIncluded<ModuleInterface>(data, "modules", Modules.Module) as ModuleInterface[];
+
+    return this;
+  }
+
+  createJsonApi(data: CompanyInput) {
+    const response: any = {
+      data: {
+        type: Modules.Company.name,
+        id: data.id,
+        attributes: {},
+        meta: {},
+        relationships: {},
+      },
+      included: [],
+    };
+
+    if (data.name) response.data.attributes.name = data.name;
+    if (data.configurations) response.data.attributes.configurations = JSON.stringify(data.configurations);
+    if (data.logo) response.data.attributes.logo = data.logo;
+    if (data.license) response.data.attributes.license = data.license;
+    if (data.privateKey) response.data.attributes.privateKey = data.privateKey;
+
+    if (data.featureIds && data.featureIds.length > 0) {
+      response.data.relationships.features = {
+        data: data.featureIds.map((featureId) => ({
+          type: Modules.Feature.name,
+          id: featureId,
+        })),
+      };
+    }
+
+    if (data.moduleIds && data.moduleIds.length > 0) {
+      response.data.relationships.modules = {
+        data: data.moduleIds.map((moduleId) => ({
+          type: Modules.Module.name,
+          id: moduleId,
+        })),
+      };
+    }
+
+    return response;
+  }
+}

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

@@ -0,0 +1,4 @@
+export * from "./company";
+export * from "./company.fields";
+export * from "./company.interface";
+export * from "./company.service";

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

@@ -0,0 +1 @@
+export * from "./useCompanyTableStructure";

package/src/features/company/hooks/useCompanyTableStructure.tsx

@@ -0,0 +1,82 @@
+"use client";
+
+import { ColumnDef, Row } from "@tanstack/react-table";
+import { useTranslations } from "next-intl";
+import { useMemo } from "react";
+import { cellDate, cellId } from "../../../components";
+import { Modules } from "../../../core";
+import { TableContent, usePageUrlGenerator, UseTableStructureHook } from "../../../hooks";
+import { getRoleId } from "../../../roles";
+import { Link } from "../../../shadcnui";
+import { UserInterface } from "../../user";
+import { useCurrentUserContext } from "../../user/contexts";
+import { CompanyFields, CompanyInterface } from "../data";
+
+export const useCompanyTableStructure: UseTableStructureHook<CompanyInterface, CompanyFields> = (params) => {
+  const t = useTranslations();
+  const generateUrl = usePageUrlGenerator();
+  const { hasRole } = useCurrentUserContext<UserInterface>();
+
+  // Memoize tableData to prevent infinite re-renders
+  const tableData = useMemo(() => {
+    return params.data.map((company: CompanyInterface) => {
+      const entry: TableContent<CompanyInterface> = {
+        jsonApiData: company,
+      };
+      entry[CompanyFields.companyId] = company.id;
+      params.fields.forEach((field) => {
+        entry[field] = company[field as keyof CompanyInterface];
+      });
+      return entry;
+    });
+  }, [params.data, params.fields]);
+
+  const fieldColumnMap: Partial<Record<CompanyFields, () => any>> = {
+    [CompanyFields.companyId]: () =>
+      cellId({
+        name: "companyId",
+        checkedIds: params.checkedIds,
+        toggleId: params.toggleId,
+      }),
+    [CompanyFields.name]: () => ({
+      id: "name",
+      accessorKey: "name",
+      header: t(`foundations.user.fields.name.label`),
+      cell: ({ row }: { row: Row<TableContent<CompanyInterface>> }) => {
+        const company = row.original.jsonApiData as CompanyInterface;
+        return (
+          <Link
+            href={
+              hasRole(getRoleId().Administrator)
+                ? generateUrl({
+                    page: "/administration",
+                    id: Modules.Company.pageUrl?.substring(1),
+                    childPage: company.id,
+                  })
+                : generateUrl({ page: Modules.Company, id: company.id })
+            }
+          >
+            {row.getValue("name")}
+          </Link>
+        );
+      },
+      enableSorting: false,
+      enableHiding: false,
+    }),
+    [CompanyFields.createdAt]: () =>
+      cellDate({
+        name: "createdAt",
+        title: t(`generic.date.create`),
+      }),
+  };
+
+  // Memoize columns to prevent infinite re-renders
+  const columns = useMemo(() => {
+    return params.fields.map((field) => fieldColumnMap[field]?.()).filter((col) => col !== undefined) as ColumnDef<
+      TableContent<CompanyInterface>
+    >[];
+  }, [params.fields, fieldColumnMap, t, generateUrl, hasRole]);
+
+  // Memoize the return object to prevent infinite re-renders
+  return useMemo(() => ({ data: tableData, columns: columns }), [tableData, columns]);
+};

package/src/features/company/index.ts

@@ -0,0 +1,2 @@
+export * from "./company.module";
+export * from "./data";