@tesouro/embedded-components-react 0.2.234 → 0.2.238

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

@@ -1,21 +1,131 @@
-import { ACCOUNT_FIELD_LIMITS as r } from "./index7.js";
-function i(n, e) {
-  return n.replace("{max}", () => String(e));
+"use client";
+"use client";
+"use client";
+"use client";
+import { EmbeddedToaster as e } from "../../../shared/ui/dist/lib/EmbeddedToaster.js";
+import "../../../shared/ui/dist/index.js";
+import { useAnalyticsTrack as t } from "../../../shared/feature/dist/lib/analytics/hooks.js";
+import { WidgetProvider as n } from "../../../shared/feature/dist/lib/WidgetProvider/WidgetProvider.js";
+import { useWidgetConfig as r } from "../../../shared/feature/dist/lib/WidgetProvider/hooks.js";
+import "../../../shared/feature/dist/index.js";
+import { GlCodeTableAnalyticsEvent as i, WIDGET_NAME as a } from "./index2.js";
+import { getChartOfAccountsPermissions as o } from "./index3.js";
+import { ChartOfAccountsTable as s } from "../../ui/dist/index3.js";
+import { AccountFormSheet as c } from "../../ui/dist/index4.js";
+import { AccountDeleteDialog as l } from "../../ui/dist/index5.js";
+import "../../ui/dist/index.js";
+import { useGetLedgerAccountsQuery as u } from "../../data-access/dist/index2.js";
+import "../../data-access/dist/index.js";
+import { useChartOfAccountsCrud as d } from "./index7.js";
+import { useCallback as f, useEffect as p, useMemo as m, useState as h } from "react";
+import { Fragment as g, jsx as _, jsxs as v } from "react/jsx-runtime";
+//#region ../../libs/tesouro-embedded-components-react/gl-code-table-widget/feature/dist/index8.js
+var y = [
+	10,
+	25,
+	50,
+	100
+];
+function b({ onEdit: n, onDelete: a, onAdd: b, screenLabels: x, formLabels: S, deleteLabels: C, messageLabels: w, ...T }) {
+	let E = t();
+	p(() => {
+		E(i.Mounted);
+	}, [E]);
+	let { initResponse: D } = r(), { canWrite: O } = m(() => o(D?.scopes), [D?.scopes]), k = d({
+		canWrite: O,
+		labels: w,
+		formLabels: S,
+		deleteLabels: C
+	}), A = O ? n ?? k.openEdit : void 0, j = O ? a ?? k.requestDelete : void 0, M = O ? b ?? k.openCreate : void 0, N = a || k.form.mode !== "edit" ? void 0 : k.requestDeleteFromForm, [P, F] = h([{
+		id: "name",
+		desc: !1
+	}]), [I, L] = h(10), [R, z] = h(), B = P[0]?.desc ? "desc" : "asc", { isLoading: V, isError: H, data: U } = u({
+		sort: "name",
+		order: B,
+		limit: I,
+		pagination_token: R
+	}), W = m(() => U?.data?.map((e) => ({
+		id: e.id,
+		name: e.name ?? "",
+		nominal_code: e.nominal_code ?? "",
+		description: e.description ?? "",
+		is_external: e.is_external
+	})) ?? [], [U]), G = f((e) => {
+		let t = typeof e == "function" ? e(P) : e;
+		F(t), (t[0]?.desc ? "desc" : "asc") !== B && z(void 0);
+	}, [P, B]), K = f((e) => {
+		L(e), z(void 0);
+	}, []), q = f(() => {
+		z(U?.next_pagination_token);
+	}, [U?.next_pagination_token]), J = f(() => {
+		z(U?.prev_pagination_token);
+	}, [U?.prev_pagination_token]);
+	return /* @__PURE__ */ v(g, { children: [/* @__PURE__ */ _(s, {
+		...T,
+		labels: x,
+		isLoading: V,
+		isError: H,
+		data: W,
+		sorting: P,
+		onSortingChange: G,
+		pageSize: I,
+		onPageSizeChange: K,
+		pageSizeOptions: y,
+		hasNextPage: !!U?.next_pagination_token,
+		hasPrevPage: !!U?.prev_pagination_token,
+		onNextPage: q,
+		onPrevPage: J,
+		emptyStateTestId: "gl-code-table-widget-empty-state",
+		onEdit: A,
+		onDelete: j,
+		onAdd: M
+	}), O && /* @__PURE__ */ v(g, { children: [
+		/* @__PURE__ */ _(e, {}),
+		/* @__PURE__ */ _(c, {
+			labels: S,
+			open: k.form.open,
+			onOpenChange: k.form.onOpenChange,
+			title: k.form.title,
+			description: k.form.description,
+			values: k.form.values,
+			errors: k.form.errors,
+			inProgress: k.form.inProgress,
+			submitDisabled: k.form.submitDisabled,
+			descriptionCounterText: k.form.descriptionCounterText,
+			onNameChange: k.form.onNameChange,
+			onGlCodeChange: k.form.onGlCodeChange,
+			onDescriptionChange: k.form.onDescriptionChange,
+			onSubmit: k.form.onSubmit,
+			onCancel: k.form.onCancel,
+			onDelete: N
+		}),
+		/* @__PURE__ */ _(l, {
+			labels: C,
+			open: k.deleteDialog.open,
+			onOpenChange: k.deleteDialog.onOpenChange,
+			title: k.deleteDialog.title,
+			error: k.deleteDialog.error,
+			isDeleting: k.deleteDialog.isDeleting,
+			onConfirm: k.deleteDialog.onConfirm,
+			onCancel: k.deleteDialog.onCancel
+		})
+	] })] });
 }
-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 x({ baseUrl: e, widgetToken: t, organizationId: r, configClient: i, linkComponent: o, implementation: s, uiFramework: c, analytics: l, errorFallback: u, onError: d, ...f }) {
+	return /* @__PURE__ */ _(n, {
+		widgetName: a,
+		baseUrl: e,
+		widgetToken: t,
+		organizationId: r,
+		configClient: i,
+		linkComponent: o,
+		implementation: s,
+		uiFramework: c,
+		analytics: l,
+		errorFallback: u,
+		onError: d,
+		children: /* @__PURE__ */ _(b, { ...f })
+	});
 }
-function l(n) {
-  return Object.values(n).some(Boolean);
-}
-export {
-  l as hasFormErrors,
-  d as validateAccountForm
-};
+//#endregion
+export { x as ChartOfAccountsWidget, x as default };

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

@@ -0,0 +1,5 @@
+import { ACCOUNT_DELETE_DIALOG_LABELS_EN as e, ACCOUNT_FORM_SHEET_LABELS_EN as t, CHART_OF_ACCOUNTS_LABELS_EN as n } from "./index2.js";
+import { ChartOfAccountsTable as r } from "./index3.js";
+import { AccountFormSheet as i } from "./index4.js";
+import { AccountDeleteDialog as a } from "./index5.js";
+export { e as ACCOUNT_DELETE_DIALOG_LABELS_EN, t as ACCOUNT_FORM_SHEET_LABELS_EN, a as AccountDeleteDialog, i as AccountFormSheet, n as CHART_OF_ACCOUNTS_LABELS_EN, r as ChartOfAccountsTable };

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

@@ -1,224 +1,46 @@
-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 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 O({
-  title: n,
-  description: s,
-  addLabel: o,
-  onAdd: d,
-  testId: g
-}) {
-  return /* @__PURE__ */ a(
-    "div",
-    {
-      "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(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 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__ */ 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(q, { children: o })
-  ] }) });
-}
-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 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: 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(
-            m,
-            {
-              variant: "ghost",
-              "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: "description",
-      header: e.columnDescription
-    },
-    ...i ? [
-      {
-        id: "actions",
-        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
-            ] }),
-            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 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(
-      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
-      }
-    )
-  ] });
-}
-export {
-  ht as ChartOfAccountsTable
+//#region ../../libs/tesouro-embedded-components-react/gl-code-table-widget/ui/dist/index2.js
+var e = {
+	title: "Chart of accounts",
+	subtitle: "An organized list of every account your business uses to record its financial transactions in its general ledger.",
+	columnGlCode: "GL code",
+	columnName: "Account name",
+	columnDescription: "Description",
+	columnActions: "Actions",
+	actionEdit: "Edit",
+	actionDelete: "Delete",
+	sortByName: "Sort by account name",
+	openActionsMenu: "Open actions menu",
+	addAccount: "Add account",
+	emptyTitle: "No accounts created yet",
+	emptyDescription: "Add your first ledger account.",
+	emptyPageTitle: "Nothing left on this page",
+	emptyPageDescription: "Every account on this page has been removed. Go back to see the rest.",
+	errorTitle: "Failed to load your chart of accounts",
+	errorDescription: "Something went wrong while fetching your accounts. Please try again.",
+	paginationPrev: "Previous",
+	paginationNext: "Next"
+}, t = {
+	createTitle: "Add account",
+	createDescription: "Name a new ledger account and give it a GL code. It becomes available across your organization.",
+	editDescription: "Change this account’s GL code, name, or description.",
+	glCodeLabel: "GL code",
+	glCodePlaceholder: "e.g., 1234",
+	nameLabel: "Account name",
+	namePlaceholder: "e.g., Office supplies",
+	descriptionLabel: "Description",
+	descriptionPlaceholder: "e.g., Stationery; small office items",
+	descriptionCounter: "{count}/{max} characters",
+	cancelButton: "Cancel",
+	saveButton: "Save",
+	saveDisabledHint: "Complete the form to continue.",
+	openAccountMenu: "Open account menu",
+	deleteAction: "Delete",
+	closeSheet: "Close"
+}, n = {
+	title: "Delete {name}?",
+	message: "This cannot be undone.",
+	confirmButton: "Delete",
+	cancelButton: "Cancel"
 };
+//#endregion
+export { n as ACCOUNT_DELETE_DIALOG_LABELS_EN, t as ACCOUNT_FORM_SHEET_LABELS_EN, e as CHART_OF_ACCOUNTS_LABELS_EN };