@tesouro/embedded-components-react 0.2.221 → 0.2.223

package/dist/libs/tesouro-embedded-components-react/gl-code-table-widget/feature/dist/index3.js

@@ -1,7 +1,18 @@
 const e = {
-  Mounted: "gl_code_table.mounted"
-}, t = "gl_code_table";
+  nameRequired: "Enter a name",
+  glCodeRequired: "Enter a GL code",
+  nameTooLong: "Keep the name under {max} characters",
+  glCodeTooLong: "Keep the GL code under {max} characters",
+  descriptionTooLong: "Keep the description under {max} characters",
+  saveError: "Could not save this account. Please try again.",
+  deleteError: "Could not delete this account. Please try again.",
+  // The design words these after the account rather than the action ("Office
+  // supplies added"), so they interpolate the name the same way the delete
+  // dialog's own title does.
+  accountCreated: "{name} added",
+  accountUpdated: "{name} updated",
+  accountDeleted: "{name} deleted"
+};
 export {
-  e as GlCodeTableAnalyticsEvent,
-  t as WIDGET_NAME
+  e as CHART_OF_ACCOUNTS_MESSAGE_LABELS_EN
 };

package/dist/libs/tesouro-embedded-components-react/gl-code-table-widget/feature/dist/index4.js

@@ -0,0 +1,7 @@
+const e = {
+  Mounted: "gl_code_table.mounted"
+}, t = "gl_code_table";
+export {
+  e as GlCodeTableAnalyticsEvent,
+  t as WIDGET_NAME
+};

package/dist/libs/tesouro-embedded-components-react/gl-code-table-widget/feature/dist/index5.js

@@ -0,0 +1,21 @@
+import "../../../shared/data-access/dist/lib/rest/client/utils.gen.js";
+import "../../../shared/data-access/dist/lib/EmbedApiContext.js";
+import "../../../shared/data-access/dist/lib/rest/client.gen.js";
+import { hasAnyScope as t } from "../../../shared/data-access/dist/lib/hasAnyScope.js";
+import "@tanstack/react-query";
+import "../../../shared/data-access/dist/lib/rest/zod.gen.js";
+import { Scope as r } from "../../../shared/data-access/dist/lib/scopes.js";
+import "react";
+const n = [r.AccountingConfigReadOrg], e = [
+  r.AccountingConfigWriteOrg
+];
+function A(i) {
+  const o = new Set(i ?? []);
+  return {
+    canRead: t(o, n),
+    canWrite: t(o, e)
+  };
+}
+export {
+  A as getChartOfAccountsPermissions
+};

package/dist/libs/tesouro-embedded-components-react/gl-code-table-widget/feature/dist/index6.js

@@ -0,0 +1,176 @@
+"use client";
+import { useMemo as N, useState as a, useRef as R, useCallback as t } from "react";
+import "@tanstack/react-query";
+import "../../../shared/data-access/dist/lib/rest/client/utils.gen.js";
+import "../../../shared/data-access/dist/lib/EmbedApiContext.js";
+import "../../../shared/data-access/dist/lib/rest/client.gen.js";
+import "../../../shared/data-access/dist/lib/rest/zod.gen.js";
+import { useCreateLedgerAccountMutation as pe, useUpdateLedgerAccountMutation as fe, useDeleteLedgerAccountMutation as Ce } from "../../data-access/dist/index3.js";
+import "react/jsx-runtime";
+import "lucide-react";
+import "../../../../../packages/shared-ui-shadcn/dist/index.js";
+import "@radix-ui/react-use-controllable-state";
+import "../../../shared/ui/dist/lib/UIContext/UIContext.js";
+import "../../../shared/ui/dist/lib/OnboardingShell/OnboardingShellOverlayPortal.js";
+import { ACCOUNT_FORM_SHEET_LABELS_EN as ge, ACCOUNT_DELETE_DIALOG_LABELS_EN as _e } from "../../ui/dist/index5.js";
+import { ACCOUNT_FIELD_LIMITS as Ae } from "./index7.js";
+import { extractApiErrorMessage as q } from "../../../shared/util/dist/index14.js";
+import { CHART_OF_ACCOUNTS_MESSAGE_LABELS_EN as Ee } from "./index3.js";
+import { validateAccountForm as Le, hasFormErrors as he } from "./index8.js";
+import { toast as _ } from "sonner";
+const k = {
+  name: "",
+  nominal_code: "",
+  description: ""
+}, T = (c, A) => c.replace("{name}", () => A);
+function ke({
+  canWrite: c = !1,
+  labels: A,
+  formLabels: $,
+  deleteLabels: b
+} = {}) {
+  const s = N(
+    () => ({ ...Ee, ...A }),
+    [A]
+  ), E = N(
+    () => ({ ...ge, ...$ }),
+    [$]
+  ), H = N(
+    () => ({ ..._e, ...b }),
+    [b]
+  ), { createLedgerAccount: v } = pe(), { updateLedgerAccount: U } = fe(), { deleteLedgerAccount: x } = Ce(), [W, m] = a(!1), [d, I] = a("create"), [o, w] = a(), [i, u] = a(k), [j, p] = a({}), [z, L] = a(!1), [h, J] = a(), [K, B] = a(), f = R(0), [P, M] = a(!1), n = t(() => {
+    f.current += 1, M(!1);
+  }, []), Q = t(() => {
+    c && (n(), I("create"), w(void 0), u(k), p({}), m(!0));
+  }, [c, n]), V = t(
+    (e) => {
+      c && (n(), I("edit"), w(e), u({
+        name: e.name,
+        nominal_code: e.nominal_code,
+        description: e.description
+      }), p({}), m(!0));
+    },
+    [c, n]
+  ), X = t(
+    (e) => {
+      e || (n(), m(!1));
+    },
+    [n]
+  ), Y = t(() => {
+    n(), m(!1);
+  }, [n]), Z = t(
+    (e) => u((r) => ({ ...r, name: e })),
+    []
+  ), ee = t(
+    (e) => u((r) => ({ ...r, nominal_code: e })),
+    []
+  ), te = t(
+    (e) => u((r) => ({ ...r, description: e })),
+    []
+  ), re = t(async () => {
+    const e = Le(i, s);
+    if (he(e)) {
+      p(e);
+      return;
+    }
+    p({});
+    const r = {
+      name: i.name.trim(),
+      nominal_code: i.nominal_code.trim(),
+      // Always send the field, even when empty. The API types description as a
+      // plain optional string (no null) and the update path only applies keys
+      // that are present, so omitting it would silently keep a description the
+      // user just cleared.
+      description: i.description.trim()
+    }, C = f.current, g = () => f.current === C;
+    M(!0);
+    try {
+      d === "edit" && o ? (await U(o.id, r), _.success(T(s.accountUpdated, r.name))) : (await v(r), _.success(T(s.accountCreated, r.name))), g() && m(!1);
+    } catch (F) {
+      const D = q(F) ?? s.saveError;
+      g() ? p({ form: D }) : _.error(D);
+    } finally {
+      g() && M(!1);
+    }
+  }, [
+    i,
+    s,
+    d,
+    o,
+    U,
+    v
+  ]), O = R(0), [oe, S] = a(!1), l = t(() => {
+    O.current += 1, S(!1);
+  }, []), y = t(
+    (e) => {
+      c && (l(), J(e), B(void 0), L(!0));
+    },
+    [c, l]
+  ), ne = t(() => {
+    l(), L(!1);
+  }, [l]), ae = t(
+    (e) => {
+      e || (l(), L(!1));
+    },
+    [l]
+  ), ie = t(async () => {
+    if (!h) return;
+    const e = h, r = O.current, C = () => O.current === r, g = f.current, F = () => f.current === g;
+    S(!0);
+    try {
+      await x(e.id), _.success(T(s.accountDeleted, e.name)), C() && L(!1), F() && o?.id === e.id && (n(), m(!1));
+    } catch (D) {
+      const G = q(D) ?? s.deleteError;
+      C() ? B(G) : _.error(G);
+    } finally {
+      C() && S(!1);
+    }
+  }, [
+    h,
+    x,
+    o?.id,
+    s,
+    n
+  ]), ce = t(() => {
+    o && y(o);
+  }, [o, y]), se = i.name.trim().length === 0 || i.nominal_code.trim().length === 0, me = E.descriptionCounter.replace("{count}", () => String(i.description.length)).replace("{max}", () => String(Ae.description)), le = d === "edit" ? o?.name ?? "" : E.createTitle, de = d === "edit" ? E.editDescription : E.createDescription, ue = T(
+    H.title,
+    h?.name ?? ""
+  );
+  return {
+    form: {
+      open: W,
+      mode: d,
+      title: le,
+      description: de,
+      values: i,
+      errors: j,
+      editing: o,
+      inProgress: P,
+      submitDisabled: se,
+      descriptionCounterText: me,
+      onOpenChange: X,
+      onNameChange: Z,
+      onGlCodeChange: ee,
+      onDescriptionChange: te,
+      onSubmit: re,
+      onCancel: Y
+    },
+    deleteDialog: {
+      open: z,
+      title: ue,
+      error: K,
+      isDeleting: oe,
+      onOpenChange: ae,
+      onConfirm: ie,
+      onCancel: ne
+    },
+    openCreate: Q,
+    openEdit: V,
+    requestDelete: y,
+    requestDeleteFromForm: ce
+  };
+}
+export {
+  ke as useChartOfAccountsCrud
+};

package/dist/libs/tesouro-embedded-components-react/gl-code-table-widget/feature/dist/index7.js

@@ -0,0 +1,16 @@
+import "react/jsx-runtime";
+import "lucide-react";
+import "../../../../../packages/shared-ui-shadcn/dist/index.js";
+import "@radix-ui/react-use-controllable-state";
+import "react";
+import "../../../shared/ui/dist/lib/UIContext/UIContext.js";
+import "../../../shared/ui/dist/lib/OnboardingShell/OnboardingShellOverlayPortal.js";
+import { ACCOUNT_DESCRIPTION_MAX_LENGTH as o, ACCOUNT_GL_CODE_MAX_LENGTH as i } from "../../ui/dist/index3.js";
+const a = {
+  name: 500,
+  nominalCode: i,
+  description: o
+};
+export {
+  a as ACCOUNT_FIELD_LIMITS
+};

package/dist/libs/tesouro-embedded-components-react/gl-code-table-widget/feature/dist/index8.js

@@ -0,0 +1,21 @@
+import { ACCOUNT_FIELD_LIMITS as r } from "./index7.js";
+function i(n, e) {
+  return n.replace("{max}", () => String(e));
+}
+function d(n, e) {
+  const o = {}, t = n.name.trim(), a = n.nominal_code.trim(), m = n.description.trim();
+  return t ? t.length > r.name && (o.name = i(e.nameTooLong, r.name)) : o.name = e.nameRequired, a ? a.length > r.nominalCode && (o.nominal_code = i(
+    e.glCodeTooLong,
+    r.nominalCode
+  )) : o.nominal_code = e.glCodeRequired, m.length > r.description && (o.description = i(
+    e.descriptionTooLong,
+    r.description
+  )), o;
+}
+function l(n) {
+  return Object.values(n).some(Boolean);
+}
+export {
+  l as hasFormErrors,
+  d as validateAccountForm
+};

package/dist/libs/tesouro-embedded-components-react/gl-code-table-widget/ui/dist/index2.js

@@ -1,210 +1,224 @@
-import { jsxs as n, Fragment as h, jsx as t } from "react/jsx-runtime";
-import { ArrowUpIcon as j, ArrowDownIcon as O, ArrowUpDownIcon as B, MoreVerticalIcon as H, PencilIcon as _, Trash2Icon as F, AlertCircleIcon as K, FileTextIcon as V, PlusIcon as R, ExternalLinkIcon as U } from "lucide-react";
-import { TableRow as u, TableCell as s, Skeleton as N, Button as d, DropdownMenu as J, DropdownMenuTrigger as Q, DropdownMenuContent as Z, DropdownMenuItem as C, DataTable as q, Table as W, TableHeader as X, TableHead as g, TableBody as Y } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { jsxs as a, Fragment as l, jsx as t } from "react/jsx-runtime";
+import { PlusIcon as k, AlertCircleIcon as F, ArrowUpIcon as K, ArrowDownIcon as R, ArrowUpDownIcon as U, MoreVerticalIcon as G, PencilIcon as $, Trash2Icon as J, FileTextIcon as Q } from "lucide-react";
+import { TableRow as x, TableCell as c, Skeleton as P, DataTable as L, Button as m, Table as V, TableHeader as Z, TableHead as p, TableBody as q, DropdownMenu as W, DropdownMenuTrigger as X, DropdownMenuContent as Y, DropdownMenuItem as M } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
 import "@radix-ui/react-use-controllable-state";
 import "react";
 import "../../../shared/ui/dist/lib/UIContext/UIContext.js";
 import "../../../shared/ui/dist/lib/OnboardingShell/OnboardingShellOverlayPortal.js";
-import { SectionHeading as $ } from "../../../shared/ui/dist/lib/SectionHeading/SectionHeading.js";
-const tt = {
-  columnName: "Name",
-  columnGlCode: "GL Code",
-  columnDescription: "Description",
-  columnActions: "Actions",
-  actionEdit: "Edit",
-  actionDelete: "Delete",
-  emptyTitle: "No Accounting Categories Created",
-  emptyDescription: "To begin adding your GL Codes, connect your accounting software on the settings page or upload a CSV with your GL codes.",
-  emptyAddIntegration: "Add integration",
-  emptyImportCsv: "Import CSV",
-  emptyLearnMore: "Learn more about Integrations",
-  errorTitle: "Failed to Load GL Codes",
-  errorDescription: "Something went wrong while fetching your GL codes. Please try again.",
-  paginationPrev: "Previous",
-  paginationNext: "Next"
-};
-function et({ labels: e }) {
-  return /* @__PURE__ */ n("div", { className: "ttw:flex ttw:flex-col ttw:items-center ttw:justify-center ttw:px-4 ttw:py-14 ttw:text-center", children: [
-    /* @__PURE__ */ t("div", { className: "ttw:mb-4 ttw:flex ttw:h-14 ttw:w-14 ttw:items-center ttw:justify-center ttw:rounded-2xl ttw:bg-destructive/10", children: /* @__PURE__ */ t(K, { className: "ttw:h-6 ttw:w-6 ttw:text-destructive" }) }),
-    /* @__PURE__ */ t("h3", { className: "ttw:mb-2 ttw:text-lg ttw:font-bold ttw:tracking-tight ttw:text-foreground", children: e.errorTitle }),
-    /* @__PURE__ */ t("p", { className: "ttw:max-w-sm ttw:text-sm ttw:text-muted-foreground", children: e.errorDescription })
+import { SectionHeading as tt } from "../../../shared/ui/dist/lib/SectionHeading/SectionHeading.js";
+import { CHART_OF_ACCOUNTS_LABELS_EN as et } from "./index5.js";
+function at({
+  labels: n
+}) {
+  return /* @__PURE__ */ a("div", { className: "ttw:flex ttw:flex-col ttw:items-center ttw:justify-center ttw:px-4 ttw:py-14 ttw:text-center", children: [
+    /* @__PURE__ */ t("div", { className: "ttw:mb-4 ttw:flex ttw:h-14 ttw:w-14 ttw:items-center ttw:justify-center ttw:rounded-2xl ttw:bg-destructive/10", children: /* @__PURE__ */ t(F, { className: "ttw:h-6 ttw:w-6 ttw:text-destructive" }) }),
+    /* @__PURE__ */ t("h3", { className: "ttw:mb-2 ttw:text-lg ttw:font-bold ttw:tracking-tight ttw:text-foreground", children: n.errorTitle }),
+    /* @__PURE__ */ t("p", { className: "ttw:max-w-sm ttw:text-sm ttw:text-muted-foreground", children: n.errorDescription })
   ] });
 }
-function nt({
-  labels: e,
-  onAddIntegration: o,
-  onImportCsv: a,
-  learnMoreHref: w,
-  testId: p
+function O({
+  title: n,
+  description: s,
+  addLabel: o,
+  onAdd: d,
+  testId: g
 }) {
-  return /* @__PURE__ */ n(
+  return /* @__PURE__ */ a(
     "div",
     {
-      "data-testid": p,
+      "data-testid": g,
       className: "ttw:flex ttw:flex-col ttw:items-center ttw:justify-center ttw:px-4 ttw:py-14 ttw:text-center",
       children: [
-        /* @__PURE__ */ t("div", { className: "ttw:mb-4 ttw:flex ttw:h-14 ttw:w-14 ttw:items-center ttw:justify-center ttw:rounded-2xl ttw:bg-muted", children: /* @__PURE__ */ t(V, { className: "ttw:h-6 ttw:w-6 ttw:text-muted-foreground" }) }),
-        /* @__PURE__ */ t("h3", { className: "ttw:mb-2 ttw:text-lg ttw:font-bold ttw:tracking-tight ttw:text-foreground", children: e.emptyTitle }),
-        /* @__PURE__ */ t("p", { className: "ttw:mb-6 ttw:max-w-sm ttw:text-sm ttw:text-muted-foreground", children: e.emptyDescription }),
-        (o ?? a) && /* @__PURE__ */ n("div", { className: "ttw:mb-4 ttw:flex ttw:gap-2", children: [
-          o && /* @__PURE__ */ n(d, { onClick: o, children: [
-            /* @__PURE__ */ t(R, { className: "ttw:mr-1 ttw:h-4 ttw:w-4" }),
-            e.emptyAddIntegration
-          ] }),
-          a && /* @__PURE__ */ t(d, { variant: "outline", onClick: a, children: e.emptyImportCsv })
-        ] }),
-        w && /* @__PURE__ */ n(
-          "a",
-          {
-            href: w,
-            target: "_blank",
-            rel: "noopener noreferrer",
-            className: "ttw:inline-flex ttw:items-center ttw:gap-1 ttw:text-sm ttw:text-foreground ttw:underline-offset-4 hover:ttw:underline",
-            children: [
-              e.emptyLearnMore,
-              /* @__PURE__ */ t(U, { className: "ttw:h-3.5 ttw:w-3.5" })
-            ]
-          }
-        )
+        /* @__PURE__ */ t("div", { className: "ttw:mb-4 ttw:flex ttw:h-14 ttw:w-14 ttw:items-center ttw:justify-center ttw:rounded-2xl ttw:bg-muted", children: /* @__PURE__ */ t(Q, { className: "ttw:h-6 ttw:w-6 ttw:text-muted-foreground" }) }),
+        /* @__PURE__ */ t("h3", { className: "ttw:mb-2 ttw:text-lg ttw:font-bold ttw:tracking-tight ttw:text-foreground", children: n }),
+        /* @__PURE__ */ t("p", { className: "ttw:mb-6 ttw:max-w-sm ttw:text-sm ttw:text-muted-foreground", children: s }),
+        d && /* @__PURE__ */ a(m, { onClick: d, children: [
+          /* @__PURE__ */ t(k, { className: "ttw:mr-1 ttw:h-4 ttw:w-4" }),
+          o
+        ] })
       ]
     }
   );
 }
-function b({
-  labels: e,
-  hasActions: o,
-  children: a
+function v({
+  labels: n,
+  hasActions: s,
+  children: o
 }) {
-  return /* @__PURE__ */ t("div", { className: "ttw:overflow-hidden ttw:rounded-xl ttw:border ttw:border-border ttw:bg-card", children: /* @__PURE__ */ n(W, { children: [
-    /* @__PURE__ */ t(X, { children: /* @__PURE__ */ n(u, { children: [
-      /* @__PURE__ */ t(g, { children: /* @__PURE__ */ t(d, { variant: "ghost", disabled: !0, className: "ttw:-ml-3", children: e.columnName }) }),
-      /* @__PURE__ */ t(g, { children: e.columnGlCode }),
-      /* @__PURE__ */ t(g, { children: e.columnDescription }),
-      o && /* @__PURE__ */ t(g, { className: "ttw:w-16 ttw:text-right", children: e.columnActions })
+  return /* @__PURE__ */ t("div", { className: "ttw:overflow-hidden ttw:rounded-xl ttw:border ttw:border-border ttw:bg-card", children: /* @__PURE__ */ a(V, { children: [
+    /* @__PURE__ */ t(Z, { children: /* @__PURE__ */ a(x, { children: [
+      /* @__PURE__ */ t(p, { children: n.columnGlCode }),
+      /* @__PURE__ */ t(p, { children: /* @__PURE__ */ t(m, { variant: "ghost", disabled: !0, className: "ttw:-ml-3", children: n.columnName }) }),
+      /* @__PURE__ */ t(p, { children: n.columnDescription }),
+      s && /* @__PURE__ */ t(p, { className: "ttw:w-16 ttw:text-right", children: n.columnActions })
     ] }) }),
-    /* @__PURE__ */ t(Y, { children: a })
+    /* @__PURE__ */ t(q, { children: o })
   ] }) });
 }
-function wt({
-  data: e,
-  isLoading: o,
-  isError: a,
-  sorting: w,
-  onSortingChange: p,
-  pageSize: v,
-  onPageSizeChange: I,
-  pageSizeOptions: A,
-  hasNextPage: D,
-  hasPrevPage: S,
-  onNextPage: P,
-  onPrevPage: T,
-  labels: L,
-  title: y,
-  onEdit: f,
-  onDelete: x,
-  onAddIntegration: M,
-  onImportCsv: k,
-  learnMoreHref: z,
-  emptyStateTestId: E
+function ht({
+  data: n,
+  isLoading: s,
+  isError: o,
+  sorting: d,
+  onSortingChange: g,
+  pageSize: A,
+  onPageSizeChange: S,
+  pageSizeOptions: y,
+  hasNextPage: C,
+  hasPrevPage: u,
+  onNextPage: T,
+  onPrevPage: z,
+  labels: j,
+  title: _,
+  emptyStateTestId: E,
+  onEdit: N,
+  onDelete: b,
+  onAdd: f
 }) {
-  const r = { ...tt, ...L }, i = !!(f ?? x), m = y ? /* @__PURE__ */ t($, { children: y }) : null;
-  if (a)
-    return /* @__PURE__ */ n(h, { children: [
-      m,
-      /* @__PURE__ */ t(b, { labels: r, hasActions: i, children: /* @__PURE__ */ t(u, { children: /* @__PURE__ */ t(s, { colSpan: i ? 4 : 3, className: "ttw:p-0", children: /* @__PURE__ */ t(et, { labels: r }) }) }) })
-    ] });
-  if (o && e.length === 0)
-    return /* @__PURE__ */ n(h, { children: [
-      m,
-      /* @__PURE__ */ t(b, { labels: r, hasActions: i, children: Array.from({ length: 5 }).map((l, c) => /* @__PURE__ */ n(u, { children: [
-        /* @__PURE__ */ t(s, { children: /* @__PURE__ */ t(N, { className: "ttw:h-4 ttw:w-36" }) }),
-        /* @__PURE__ */ t(s, { children: /* @__PURE__ */ t(N, { className: "ttw:h-4 ttw:w-14" }) }),
-        /* @__PURE__ */ t(s, { children: /* @__PURE__ */ t(N, { className: "ttw:h-4 ttw:w-56" }) }),
-        i && /* @__PURE__ */ t(s, {})
-      ] }, c)) })
-    ] });
-  if (e.length === 0)
-    return /* @__PURE__ */ n(h, { children: [
-      m,
-      /* @__PURE__ */ t(b, { labels: r, hasActions: i, children: /* @__PURE__ */ t(u, { children: /* @__PURE__ */ t(s, { colSpan: i ? 4 : 3, className: "ttw:p-0", children: /* @__PURE__ */ t(
-        nt,
-        {
-          labels: r,
-          onAddIntegration: M,
-          onImportCsv: k,
-          learnMoreHref: z,
-          testId: E
-        }
-      ) }) }) })
-    ] });
-  const G = [
+  const e = { ...et, ...j }, i = !!(N ?? b), D = _ ?? e.title, H = D ? /* @__PURE__ */ a("div", { className: "ttw:mb-4", children: [
+    /* @__PURE__ */ t(tt, { children: D }),
+    e.subtitle && /* @__PURE__ */ t("p", { className: "ttw:text-sm ttw:text-muted-foreground", children: e.subtitle })
+  ] }) : null, B = n.length === 0 && !u, w = /* @__PURE__ */ a(l, { children: [
+    H,
+    f && !B && /* @__PURE__ */ t("div", { className: "ttw:mb-4 ttw:flex ttw:items-center ttw:justify-end", children: /* @__PURE__ */ a(m, { onClick: f, children: [
+      /* @__PURE__ */ t(k, { className: "ttw:mr-1 ttw:h-4 ttw:w-4" }),
+      e.addAccount
+    ] }) })
+  ] }), I = [
+    {
+      accessorKey: "nominal_code",
+      header: e.columnGlCode
+    },
     {
       accessorKey: "name",
-      header: ({ column: l }) => {
-        const c = l.getIsSorted();
-        return /* @__PURE__ */ n("div", { className: "ttw:flex ttw:items-center ttw:gap-2 ttw:text-inherit", children: [
-          r.columnName,
+      header: ({ column: r }) => {
+        const h = r.getIsSorted();
+        return /* @__PURE__ */ a("div", { className: "ttw:flex ttw:items-center ttw:gap-2 ttw:text-inherit", children: [
+          e.columnName,
           /* @__PURE__ */ t(
-            d,
+            m,
             {
               variant: "ghost",
-              "data-testid": "nameSortButton",
-              onClick: () => l.toggleSorting(c === "asc"),
-              children: c === "asc" ? /* @__PURE__ */ t(j, { className: "ttw:size-4" }) : c === "desc" ? /* @__PURE__ */ t(O, { className: "ttw:size-4" }) : /* @__PURE__ */ t(B, { className: "ttw:size-4" })
+              "aria-label": e.sortByName,
+              onClick: () => r.toggleSorting(h === "asc"),
+              children: h === "asc" ? /* @__PURE__ */ t(K, { className: "ttw:size-4" }) : h === "desc" ? /* @__PURE__ */ t(R, { className: "ttw:size-4" }) : /* @__PURE__ */ t(U, { className: "ttw:size-4" })
             }
           )
         ] });
       }
     },
-    {
-      accessorKey: "nominal_code",
-      header: r.columnGlCode
-    },
     {
       accessorKey: "description",
-      header: r.columnDescription
+      header: e.columnDescription
     },
     ...i ? [
       {
         id: "actions",
-        header: () => /* @__PURE__ */ t("div", { className: "ttw:flex ttw:justify-end", children: r.columnActions }),
-        cell: ({ row: l }) => /* @__PURE__ */ t("div", { className: "ttw:flex ttw:justify-end", children: /* @__PURE__ */ n(J, { children: [
-          /* @__PURE__ */ t(Q, { asChild: !0, children: /* @__PURE__ */ t(d, { variant: "ghost", size: "icon-sm", children: /* @__PURE__ */ t(H, { className: "ttw:h-4 ttw:w-4" }) }) }),
-          /* @__PURE__ */ n(Z, { align: "end", children: [
-            f && /* @__PURE__ */ n(C, { onClick: () => f(l.original), children: [
-              /* @__PURE__ */ t(_, { className: "ttw:mr-2 ttw:h-4 ttw:w-4" }),
-              r.actionEdit
+        header: () => /* @__PURE__ */ t("div", { className: "ttw:flex ttw:justify-end", children: e.columnActions }),
+        cell: ({ row: r }) => r.original.is_external ? null : /* @__PURE__ */ t("div", { className: "ttw:flex ttw:justify-end", children: /* @__PURE__ */ a(W, { children: [
+          /* @__PURE__ */ t(X, { asChild: !0, children: /* @__PURE__ */ t(
+            m,
+            {
+              variant: "ghost",
+              size: "icon-sm",
+              "aria-label": e.openActionsMenu,
+              children: /* @__PURE__ */ t(G, { className: "ttw:h-4 ttw:w-4" })
+            }
+          ) }),
+          /* @__PURE__ */ a(Y, { align: "end", children: [
+            N && /* @__PURE__ */ a(M, { onClick: () => N(r.original), children: [
+              /* @__PURE__ */ t($, { className: "ttw:mr-2 ttw:h-4 ttw:w-4" }),
+              e.actionEdit
             ] }),
-            x && /* @__PURE__ */ n(C, { onClick: () => x(l.original), children: [
-              /* @__PURE__ */ t(F, { className: "ttw:mr-2 ttw:h-4 ttw:w-4" }),
-              r.actionDelete
-            ] })
+            b && /* @__PURE__ */ a(
+              M,
+              {
+                variant: "destructive",
+                onClick: () => b(r.original),
+                children: [
+                  /* @__PURE__ */ t(J, { className: "ttw:mr-2 ttw:h-4 ttw:w-4" }),
+                  e.actionDelete
+                ]
+              }
+            )
           ] })
         ] }) })
       }
     ] : []
   ];
-  return /* @__PURE__ */ n(h, { children: [
-    m,
+  return o ? /* @__PURE__ */ a(l, { children: [
+    w,
+    /* @__PURE__ */ t(v, { labels: e, hasActions: i, children: /* @__PURE__ */ t(x, { children: /* @__PURE__ */ t(c, { colSpan: i ? 4 : 3, className: "ttw:p-0", children: /* @__PURE__ */ t(at, { labels: e }) }) }) })
+  ] }) : s && n.length === 0 ? /* @__PURE__ */ a(l, { children: [
+    w,
+    /* @__PURE__ */ t(v, { labels: e, hasActions: i, children: Array.from({ length: 5 }).map((r, h) => /* @__PURE__ */ a(x, { children: [
+      /* @__PURE__ */ t(c, { children: /* @__PURE__ */ t(P, { className: "ttw:h-4 ttw:w-36" }) }),
+      /* @__PURE__ */ t(c, { children: /* @__PURE__ */ t(P, { className: "ttw:h-4 ttw:w-14" }) }),
+      /* @__PURE__ */ t(c, { children: /* @__PURE__ */ t(P, { className: "ttw:h-4 ttw:w-56" }) }),
+      i && /* @__PURE__ */ t(c, {})
+    ] }, h)) })
+  ] }) : n.length === 0 && u ? /* @__PURE__ */ a(l, { children: [
+    w,
+    /* @__PURE__ */ t(
+      L,
+      {
+        columns: I,
+        data: n,
+        sorting: d,
+        onSortingChange: g,
+        pageSize: A,
+        onPageSizeChange: S,
+        pageSizeOptions: y,
+        hasNextPage: C,
+        hasPrevPage: u,
+        onNextPage: T,
+        onPrevPage: z,
+        previousPageLabel: e.paginationPrev,
+        nextPageLabel: e.paginationNext,
+        children: /* @__PURE__ */ t(
+          O,
+          {
+            title: e.emptyPageTitle,
+            description: e.emptyPageDescription,
+            addLabel: e.addAccount
+          }
+        )
+      }
+    )
+  ] }) : n.length === 0 ? /* @__PURE__ */ a(l, { children: [
+    w,
+    /* @__PURE__ */ t(v, { labels: e, hasActions: i, children: /* @__PURE__ */ t(x, { children: /* @__PURE__ */ t(c, { colSpan: i ? 4 : 3, className: "ttw:p-0", children: /* @__PURE__ */ t(
+      O,
+      {
+        title: e.emptyTitle,
+        description: e.emptyDescription,
+        addLabel: e.addAccount,
+        onAdd: f,
+        testId: E
+      }
+    ) }) }) })
+  ] }) : /* @__PURE__ */ a(l, { children: [
+    w,
     /* @__PURE__ */ t(
-      q,
+      L,
       {
-        columns: G,
-        data: e,
-        sorting: w,
-        onSortingChange: p,
-        pageSize: v,
-        onPageSizeChange: I,
-        pageSizeOptions: A,
-        hasNextPage: D,
-        hasPrevPage: S,
-        onNextPage: P,
-        onPrevPage: T
+        columns: I,
+        data: n,
+        sorting: d,
+        onSortingChange: g,
+        pageSize: A,
+        onPageSizeChange: S,
+        pageSizeOptions: y,
+        hasNextPage: C,
+        hasPrevPage: u,
+        onNextPage: T,
+        onPrevPage: z,
+        previousPageLabel: e.paginationPrev,
+        nextPageLabel: e.paginationNext
       }
     )
   ] });
 }
 export {
-  tt as GL_CODE_TABLE_LABELS_EN,
-  wt as GlCodeTable
+  ht as ChartOfAccountsTable
 };