@tesouro/embedded-components-react 0.2.176 → 0.2.177

package/dist/libs/tesouro-embedded-components-react/counterparts-widget/feature/dist/index2.js

@@ -15,17 +15,17 @@ import "../../../shared/ui/dist/lib/OnboardingShell/OnboardingShellOverlayPortal
 import "../../../shared/feature/dist/lib/WidgetProvider/WidgetContext.js";
 import { WidgetProvider as w } from "../../../shared/feature/dist/lib/WidgetProvider/WidgetProvider.js";
 import "../../../shared/feature/dist/lib/WidgetProvider/WidgetTokenRefreshContext.js";
-import { useAnalyticsTrack as V } from "../../../shared/feature/dist/lib/analytics/hooks.js";
-import { WIDGET_NAME as T, CounterpartsWidgetAnalyticsEvent as z } from "./index3.js";
-import { CounterpartFormSheet as I } from "../../../shared/counterpart-management/ui/dist/index6.js";
-import { BankAccountFormSheet as x } from "../../../shared/counterpart-management/ui/dist/index8.js";
-import { AddressFormSheet as B } from "../../../shared/counterpart-management/ui/dist/index10.js";
-import { ConfirmDeleteDialog as N } from "../../../shared/counterpart-management/ui/dist/index11.js";
-import { CounterpartsScreen as R } from "../../ui/dist/index3.js";
+import { useAnalyticsTrack as T } from "../../../shared/feature/dist/lib/analytics/hooks.js";
+import { WIDGET_NAME as V, CounterpartsWidgetAnalyticsEvent as I } from "./index3.js";
+import { CounterpartFormSheet as z } from "../../../shared/counterpart-management/ui/dist/index6.js";
+import { BankAccountFormSheet as R } from "../../../shared/counterpart-management/ui/dist/index8.js";
+import { AddressFormSheet as x } from "../../../shared/counterpart-management/ui/dist/index10.js";
+import { ConfirmDeleteDialog as B } from "../../../shared/counterpart-management/ui/dist/index11.js";
+import { CounterpartsScreen as N } from "../../ui/dist/index3.js";
 import { CounterpartDetailsSheet as W } from "../../ui/dist/index4.js";
 import { PAGE_SIZE_OPTIONS as _ } from "./index4.js";
 import { useCounterpartsWidget as M } from "./index5.js";
-function q({
+function j({
   counterpartType: l,
   pageSizeOptions: C = _,
   screenLabels: b,
@@ -36,9 +36,9 @@ function q({
   deleteLabels: k,
   messageLabels: S
 }) {
-  const g = V();
+  const g = T();
   L(() => {
-    g(z.Mounted);
+    g(I.Mounted);
   }, [g]);
   const {
     stateOptions: m,
@@ -46,19 +46,19 @@ function q({
     view: u,
     table: r,
     details: P,
-    detailsSheetView: y,
+    detailsSheetView: v,
     permissions: c,
     isPermissionLoading: E,
-    form: o,
-    bank: t,
+    form: t,
+    bank: n,
     address: s,
     del: a,
     handleRowClick: D,
-    closeDetails: v
+    closeDetails: y
   } = M({ counterpartType: l, detailsLabels: p, messageLabels: S });
   return /* @__PURE__ */ F(O, { children: [
     /* @__PURE__ */ i(
-      R,
+      N,
       {
         mode: l,
         counterparts: r.rows,
@@ -80,38 +80,40 @@ function q({
         isFiltering: r.isFiltering,
         canCreate: c.canCreate,
         isAccessRestricted: !E && !c.canRead,
-        onCreateClick: c.canCreate ? o.openCreate : () => {
+        onCreateClick: c.canCreate ? t.openCreate : () => {
         },
         onRowClick: D,
         onRetry: r.onRetry,
-        labels: b
+        labels: b,
+        emptyStateTestId: "counterparts-widget-empty-state",
+        accessRestrictedTestId: "counterparts-widget-access-restricted"
       }
     ),
     /* @__PURE__ */ i(
-      I,
+      z,
       {
         open: u === "create",
         onOpenChange: (e) => {
-          e || o.close();
+          e || t.close();
         },
         mode: "create",
         counterpartMode: l,
-        values: o.values,
-        errors: o.errors,
+        values: t.values,
+        errors: t.errors,
         stateOptions: m,
-        inProgress: o.isSubmitting,
-        submitDisabled: o.isSubmitDisabled,
-        onChange: (e) => o.setValues((n) => ({ ...n, ...e })),
-        onAddressChange: (e) => o.setValues((n) => ({
-          ...n,
-          address: { ...n.address, ...e }
+        inProgress: t.isSubmitting,
+        submitDisabled: t.isSubmitDisabled,
+        onChange: (e) => t.setValues((o) => ({ ...o, ...e })),
+        onAddressChange: (e) => t.setValues((o) => ({
+          ...o,
+          address: { ...o.address, ...e }
         })),
-        onBankAccountChange: (e) => o.setValues((n) => ({
-          ...n,
-          bankAccount: { ...n.bankAccount, ...e }
+        onBankAccountChange: (e) => t.setValues((o) => ({
+          ...o,
+          bankAccount: { ...o.bankAccount, ...e }
         })),
-        onSubmit: o.submit,
-        onCancel: o.close,
+        onSubmit: t.submit,
+        onCancel: t.close,
         labels: d
       }
     ),
@@ -120,69 +122,69 @@ function q({
       {
         open: A !== void 0 && (u === "none" || u === "edit"),
         onOpenChange: (e) => {
-          e || v();
+          e || y();
         },
         privacyResetKey: A,
         mode: l,
-        counterpart: y,
+        counterpart: v,
         isLoading: P.isLoading,
         isError: P.isError,
         canEdit: c.canUpdate,
         canDelete: c.canDelete,
-        onEdit: o.openEdit,
+        onEdit: t.openEdit,
         onDelete: a.requestDeleteCounterpart,
-        onClose: v,
+        onClose: y,
         onAddAddress: s.openCreate,
         onEditAddress: s.openEdit,
-        onAddBankAccount: t.form.openCreate,
-        onEditBankAccount: t.form.openEdit,
+        onAddBankAccount: n.form.openCreate,
+        onEditBankAccount: n.form.openEdit,
         onDeleteBankAccount: (e) => a.requestDelete({
           kind: "bankAccount",
           id: e,
-          name: P.bankItems.find((n) => n.id === e)?.primary ?? ""
+          name: P.bankItems.find((o) => o.id === e)?.primary ?? ""
         }),
         editForm: u === "edit" ? {
-          values: o.values,
-          errors: o.errors,
+          values: t.values,
+          errors: t.errors,
           stateOptions: m,
-          inProgress: o.isSubmitting,
-          submitDisabled: o.isSubmitDisabled,
-          onChange: (e) => o.setValues((n) => ({ ...n, ...e })),
-          onAddressChange: (e) => o.setValues((n) => ({
-            ...n,
-            address: { ...n.address, ...e }
+          inProgress: t.isSubmitting,
+          submitDisabled: t.isSubmitDisabled,
+          onChange: (e) => t.setValues((o) => ({ ...o, ...e })),
+          onAddressChange: (e) => t.setValues((o) => ({
+            ...o,
+            address: { ...o.address, ...e }
           })),
-          onBankAccountChange: (e) => o.setValues((n) => ({
-            ...n,
-            bankAccount: { ...n.bankAccount, ...e }
+          onBankAccountChange: (e) => t.setValues((o) => ({
+            ...o,
+            bankAccount: { ...o.bankAccount, ...e }
           })),
-          onSubmit: o.submit,
-          onCancel: o.close,
+          onSubmit: t.submit,
+          onCancel: t.close,
           labels: d
         } : void 0,
         labels: p
       }
     ),
     /* @__PURE__ */ i(
-      x,
+      R,
       {
-        open: t.form.sheet.open,
+        open: n.form.sheet.open,
         onOpenChange: (e) => {
-          e || t.form.close();
+          e || n.form.close();
         },
-        mode: t.form.sheet.mode,
-        values: t.form.values,
-        errors: t.form.errors,
-        currencyOptions: t.currencyOptions,
-        inProgress: t.inProgress,
-        onChange: (e) => t.form.setValues((n) => ({ ...n, ...e })),
-        onSubmit: t.form.submit,
-        onCancel: t.form.close,
+        mode: n.form.sheet.mode,
+        values: n.form.values,
+        errors: n.form.errors,
+        currencyOptions: n.currencyOptions,
+        inProgress: n.inProgress,
+        onChange: (e) => n.form.setValues((o) => ({ ...o, ...e })),
+        onSubmit: n.form.submit,
+        onCancel: n.form.close,
         labels: h
       }
     ),
     /* @__PURE__ */ i(
-      B,
+      x,
       {
         open: s.open,
         onOpenChange: (e) => {
@@ -193,14 +195,14 @@ function q({
         stateOptions: m,
         inProgress: s.isPending,
         formError: s.formError,
-        onChange: (e) => s.setValues((n) => ({ ...n, ...e })),
+        onChange: (e) => s.setValues((o) => ({ ...o, ...e })),
         onSubmit: s.submit,
         onCancel: s.close,
         labels: f
       }
     ),
     /* @__PURE__ */ i(
-      N,
+      B,
       {
         open: a.target !== null,
         onOpenChange: (e) => {
@@ -232,7 +234,7 @@ function Ce({
   return /* @__PURE__ */ i(
     w,
     {
-      widgetName: T,
+      widgetName: V,
       baseUrl: l,
       widgetToken: C,
       organizationId: b,
@@ -244,7 +246,7 @@ function Ce({
       onError: S,
       analytics: g,
       children: /* @__PURE__ */ i(
-        q,
+        j,
         {
           ...m
         },

package/dist/libs/tesouro-embedded-components-react/counterparts-widget/ui/dist/index3.js

@@ -1,48 +1,48 @@
-import { jsxs as o, jsx as e } from "react/jsx-runtime";
-import { ArrowUpIcon as q, ArrowDownIcon as J, ArrowUpDownIcon as M, SearchIcon as Q } from "lucide-react";
-import { Typography as W, Button as b, DataTable as X, Input as Y, Select as Z, SelectTrigger as $, SelectValue as ee, SelectContent as te, SelectItem as h, Skeleton as ae } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { jsxs as r, jsx as e } from "react/jsx-runtime";
+import { ArrowUpIcon as Z, ArrowDownIcon as J, ArrowUpDownIcon as M, SearchIcon as Q } from "lucide-react";
+import { Typography as W, Button as S, DataTable as X, Input as Y, Select as ee, SelectTrigger as te, SelectValue as ae, SelectContent as ie, SelectItem as w, Skeleton as ne } 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 { EmptyState as ie } from "../../../shared/ui/dist/lib/EmptyState/EmptyState.js";
-import { ErrorState as C } from "../../../shared/ui/dist/lib/ErrorState/ErrorState.js";
+import { EmptyState as re } from "../../../shared/ui/dist/lib/EmptyState/EmptyState.js";
+import { ErrorState as b } from "../../../shared/ui/dist/lib/ErrorState/ErrorState.js";
 import "../../../shared/ui/dist/lib/OnboardingShell/OnboardingShellOverlayPortal.js";
-import { COUNTERPARTS_SCREEN_LABELS_EN as ne } from "./index2.js";
-const oe = "all", re = [10, 25, 50, 100];
-function le({
+import { COUNTERPARTS_SCREEN_LABELS_EN as oe } from "./index2.js";
+const le = "all", se = [10, 25, 50, 100];
+function ce({
   labels: i,
-  searchValue: r,
+  searchValue: o,
   onSearchChange: l,
   entityFilter: m,
   onEntityFilterChange: g,
   disabled: s
 }) {
-  return /* @__PURE__ */ o("div", { className: "ttw:flex ttw:flex-wrap ttw:items-center ttw:gap-2 ttw:px-4", children: [
-    /* @__PURE__ */ o("div", { className: "ttw:relative ttw:w-80", children: [
+  return /* @__PURE__ */ r("div", { className: "ttw:flex ttw:flex-wrap ttw:items-center ttw:gap-2 ttw:px-4", children: [
+    /* @__PURE__ */ r("div", { className: "ttw:relative ttw:w-80", children: [
       /* @__PURE__ */ e(Q, { className: "ttw:pointer-events-none ttw:absolute ttw:left-3 ttw:top-1/2 ttw:size-4 ttw:-translate-y-1/2 ttw:text-muted-foreground" }),
       /* @__PURE__ */ e(
         Y,
         {
           className: "ttw:pl-9",
           placeholder: i.searchPlaceholder,
-          value: r,
+          value: o,
           disabled: s,
           onChange: (u) => l(u.target.value)
         }
       )
     ] }),
-    /* @__PURE__ */ o(
-      Z,
+    /* @__PURE__ */ r(
+      ee,
       {
         value: m,
         onValueChange: g,
         disabled: s,
         children: [
-          /* @__PURE__ */ e($, { className: "ttw:w-44", children: /* @__PURE__ */ e(ee, {}) }),
-          /* @__PURE__ */ o(te, { children: [
-            /* @__PURE__ */ e(h, { value: oe, children: i.entityFilterAll }),
-            /* @__PURE__ */ e(h, { value: "individual", children: i.entityFilterIndividual }),
-            /* @__PURE__ */ e(h, { value: "organization", children: i.entityFilterOrganization })
+          /* @__PURE__ */ e(te, { className: "ttw:w-44", children: /* @__PURE__ */ e(ae, {}) }),
+          /* @__PURE__ */ r(ie, { children: [
+            /* @__PURE__ */ e(w, { value: le, children: i.entityFilterAll }),
+            /* @__PURE__ */ e(w, { value: "individual", children: i.entityFilterIndividual }),
+            /* @__PURE__ */ e(w, { value: "organization", children: i.entityFilterOrganization })
           ] })
         ]
       }
@@ -51,57 +51,59 @@ function le({
 }
 function d({
   value: i,
-  isLoading: r,
+  isLoading: o,
   colorClass: l
 }) {
-  return /* @__PURE__ */ e("div", { className: "ttw:flex ttw:justify-end", children: r ? /* @__PURE__ */ e(ae, { className: "ttw:h-4 ttw:w-20" }) : /* @__PURE__ */ e("span", { className: l, children: i }) });
+  return /* @__PURE__ */ e("div", { className: "ttw:flex ttw:justify-end", children: o ? /* @__PURE__ */ e(ne, { className: "ttw:h-4 ttw:w-20" }) : /* @__PURE__ */ e("span", { className: l, children: i }) });
 }
-function ye({
+function fe({
   mode: i,
-  counterparts: r,
+  counterparts: o,
   isLoading: l,
   isError: m,
   sorting: g,
   onSortingChange: s,
   pageSize: u,
-  onPageSizeChange: S,
-  pageSizeOptions: A = re,
+  onPageSizeChange: C,
+  pageSizeOptions: A = se,
   hasNextPage: L,
   hasPrevPage: P,
   onNextPage: E,
   onPrevPage: R,
   searchValue: p,
   onSearchChange: T,
-  entityFilter: z,
-  onEntityFilterChange: F,
+  entityFilter: F,
+  onEntityFilterChange: O,
   isFiltering: c,
-  canCreate: O = !0,
+  canCreate: z = !0,
   isAccessRestricted: v,
   onCreateClick: y,
   onRowClick: D,
   onRetry: N,
-  labels: j
+  labels: I,
+  emptyStateTestId: j,
+  accessRestrictedTestId: k
 }) {
-  const t = { ...ne, ...j }, n = i === "customer", I = n ? t.customersTitle : t.vendorsTitle, k = n ? t.columnReceivedAmount : t.columnTotalPaidToDate, B = n ? t.columnAmountDue : t.columnBalanceDue, K = [
+  const t = { ...oe, ...I }, n = i === "customer", B = n ? t.customersTitle : t.vendorsTitle, K = n ? t.columnReceivedAmount : t.columnTotalPaidToDate, V = n ? t.columnAmountDue : t.columnBalanceDue, U = [
     {
       accessorKey: "name",
       header: ({ column: a }) => {
-        const w = a.getIsSorted();
-        return /* @__PURE__ */ o("div", { className: "ttw:flex ttw:items-center ttw:gap-2 ttw:text-inherit", children: [
+        const h = a.getIsSorted();
+        return /* @__PURE__ */ r("div", { className: "ttw:flex ttw:items-center ttw:gap-2 ttw:text-inherit", children: [
           t.columnName,
           /* @__PURE__ */ e(
-            b,
+            S,
             {
               variant: "ghost",
               size: "icon-sm",
               "aria-label": t.sortByName,
-              onClick: () => a.toggleSorting(w === "asc"),
-              children: w === "asc" ? /* @__PURE__ */ e(q, { className: "ttw:size-4" }) : w === "desc" ? /* @__PURE__ */ e(J, { className: "ttw:size-4" }) : /* @__PURE__ */ e(M, { className: "ttw:size-4" })
+              onClick: () => a.toggleSorting(h === "asc"),
+              children: h === "asc" ? /* @__PURE__ */ e(Z, { className: "ttw:size-4" }) : h === "desc" ? /* @__PURE__ */ e(J, { className: "ttw:size-4" }) : /* @__PURE__ */ e(M, { className: "ttw:size-4" })
             }
           )
         ] });
       },
-      cell: ({ row: a }) => /* @__PURE__ */ o("div", { className: "ttw:flex ttw:flex-col ttw:gap-1", children: [
+      cell: ({ row: a }) => /* @__PURE__ */ r("div", { className: "ttw:flex ttw:flex-col ttw:gap-1", children: [
         /* @__PURE__ */ e("span", { className: "ttw:font-medium", children: a.original.name }),
         a.original.locationLabel && /* @__PURE__ */ e("span", { className: "ttw:text-sm ttw:text-muted-foreground", children: a.original.locationLabel })
       ] })
@@ -119,7 +121,7 @@ function ye({
     },
     {
       accessorKey: "receivedOrPaidAmountLabel",
-      header: () => /* @__PURE__ */ e("div", { className: "ttw:text-right", children: k }),
+      header: () => /* @__PURE__ */ e("div", { className: "ttw:text-right", children: K }),
       cell: ({ row: a }) => /* @__PURE__ */ e(
         d,
         {
@@ -145,7 +147,7 @@ function ye({
     ],
     {
       accessorKey: "dueOrOwedAmountLabel",
-      header: () => /* @__PURE__ */ e("div", { className: "ttw:text-right", children: B }),
+      header: () => /* @__PURE__ */ e("div", { className: "ttw:text-right", children: V }),
       cell: ({ row: a }) => /* @__PURE__ */ e(
         d,
         {
@@ -154,20 +156,21 @@ function ye({
         }
       )
     }
-  ], V = n ? t.customersEmptyTitle : t.vendorsEmptyTitle, U = n ? t.customersEmptyDescription : t.vendorsEmptyDescription, _ = n ? t.customersEmptyAction : t.vendorsEmptyAction, G = n ? t.customersFilterEmptyTitle : t.vendorsFilterEmptyTitle, H = !c && !p && !r.length && !l, f = !!(O && !v), x = !!(!c && f);
-  return /* @__PURE__ */ o("div", { className: "ttw:flex ttw:flex-col ttw:gap-4", children: [
-    /* @__PURE__ */ o("div", { className: "ttw:flex ttw:items-center ttw:justify-between", children: [
-      /* @__PURE__ */ e(W, { component: "h2", variant: "h6", className: "ttw:font-semibold", children: I }),
-      f && /* @__PURE__ */ e(b, { onClick: y, children: t.createButton })
+  ], _ = n ? t.customersEmptyTitle : t.vendorsEmptyTitle, G = n ? t.customersEmptyDescription : t.vendorsEmptyDescription, $ = n ? t.customersEmptyAction : t.vendorsEmptyAction, q = n ? t.customersFilterEmptyTitle : t.vendorsFilterEmptyTitle, H = !c && !p && !o.length && !l, f = !!(z && !v), x = !!(!c && f);
+  return /* @__PURE__ */ r("div", { className: "ttw:flex ttw:flex-col ttw:gap-4", children: [
+    /* @__PURE__ */ r("div", { className: "ttw:flex ttw:items-center ttw:justify-between", children: [
+      /* @__PURE__ */ e(W, { component: "h2", variant: "h6", className: "ttw:font-semibold", children: B }),
+      f && /* @__PURE__ */ e(S, { onClick: y, children: t.createButton })
     ] }),
     v ? /* @__PURE__ */ e(
-      C,
+      b,
       {
+        testId: k,
         title: t.accessRestrictedTitle,
         description: t.accessRestrictedDescription
       }
     ) : m ? /* @__PURE__ */ e(
-      C,
+      b,
       {
         title: t.errorTitle,
         description: t.errorDescription,
@@ -177,13 +180,13 @@ function ye({
     ) : /* @__PURE__ */ e(
       X,
       {
-        columns: K,
-        data: r,
+        columns: U,
+        data: o,
         isLoading: l,
         sorting: g,
         onSortingChange: s,
         pageSize: u,
-        onPageSizeChange: S,
+        onPageSizeChange: C,
         pageSizeOptions: A,
         hasNextPage: L,
         hasPrevPage: P,
@@ -191,22 +194,23 @@ function ye({
         onPrevPage: R,
         onRowClick: D,
         filterComponent: /* @__PURE__ */ e(
-          le,
+          ce,
           {
             labels: t,
             searchValue: p,
             onSearchChange: T,
-            entityFilter: z,
-            onEntityFilterChange: F,
+            entityFilter: F,
+            onEntityFilterChange: O,
             disabled: H
           }
         ),
         children: /* @__PURE__ */ e(
-          ie,
+          re,
           {
-            title: c ? G : V,
-            description: c ? t.filterEmptyDescription : U,
-            actionLabel: x ? _ : void 0,
+            testId: j,
+            title: c ? q : _,
+            description: c ? t.filterEmptyDescription : G,
+            actionLabel: x ? $ : void 0,
             onAction: x ? y : void 0
           }
         )
@@ -215,5 +219,5 @@ function ye({
   ] });
 }
 export {
-  ye as CounterpartsScreen
+  fe as CounterpartsScreen
 };

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

@@ -1,13 +1,13 @@
 "use client";
 import { jsx as k } from "react/jsx-runtime";
-import { useGetLedgerAccountsQuery as E } from "../../data-access/dist/index2.js";
-import { GlCodeTable as T } from "../../ui/dist/index2.js";
+import { useGetLedgerAccountsQuery as T } from "../../data-access/dist/index2.js";
+import { GlCodeTable as E } from "../../ui/dist/index2.js";
 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 "@tanstack/react-query";
 import "../../../shared/data-access/dist/lib/rest/zod.gen.js";
-import { useEffect as x, useState as l, useMemo as h, useCallback as m } from "react";
+import { useEffect as x, useState as l, useMemo as S, useCallback as m } from "react";
 import "../../../shared/feature/dist/lib/WidgetProvider/types.js";
 import "@radix-ui/react-use-controllable-state";
 import "lucide-react";
@@ -15,86 +15,87 @@ import "../../../../../packages/shared-ui-shadcn/dist/index.js";
 import "../../../shared/ui/dist/lib/UIContext/UIContext.js";
 import "../../../shared/ui/dist/lib/OnboardingShell/OnboardingShellOverlayPortal.js";
 import "../../../shared/feature/dist/lib/WidgetProvider/WidgetContext.js";
-import { WidgetProvider as z } from "../../../shared/feature/dist/lib/WidgetProvider/WidgetProvider.js";
+import { WidgetProvider as h } from "../../../shared/feature/dist/lib/WidgetProvider/WidgetProvider.js";
 import "../../../shared/feature/dist/lib/WidgetProvider/WidgetTokenRefreshContext.js";
-import { useAnalyticsTrack as S } from "../../../shared/feature/dist/lib/analytics/hooks.js";
-import { WIDGET_NAME as w, GlCodeTableAnalyticsEvent as G } from "./index3.js";
-const N = [10, 25, 50, 100];
-function y(p) {
-  const r = S();
+import { useAnalyticsTrack as w } from "../../../shared/feature/dist/lib/analytics/hooks.js";
+import { WIDGET_NAME as y, GlCodeTableAnalyticsEvent as z } from "./index3.js";
+const G = [10, 25, 50, 100];
+function L(p) {
+  const a = w();
   x(() => {
-    r(G.Mounted);
-  }, [r]);
-  const [i, s] = l([
+    a(z.Mounted);
+  }, [a]);
+  const [t, s] = l([
     { id: "name", desc: !1 }
-  ]), [a, d] = l(10), [g, t] = l(), n = i[0]?.desc ? "desc" : "asc", { isLoading: c, isError: f, data: e } = E({
+  ]), [r, d] = l(10), [g, i] = l(), n = t[0]?.desc ? "desc" : "asc", { isLoading: c, isError: f, data: e } = T({
     sort: "name",
     order: n,
-    limit: a,
+    limit: r,
     pagination_token: g
-  }), u = h(() => e?.data?.map((o) => ({
+  }), u = S(() => e?.data?.map((o) => ({
     id: o.id,
     name: o.name ?? "",
     nominal_code: o.nominal_code ?? "",
     description: o.description ?? ""
   })) ?? [], [e]), C = m(
     (o) => {
-      const _ = typeof o == "function" ? o(i) : o;
-      s(_), (_[0]?.desc ? "desc" : "asc") !== n && t(void 0);
+      const _ = typeof o == "function" ? o(t) : o;
+      s(_), (_[0]?.desc ? "desc" : "asc") !== n && i(void 0);
     },
-    [i, n]
-  ), v = m((o) => {
-    d(o), t(void 0);
-  }, []), P = m(() => {
-    t(e?.next_pagination_token);
-  }, [e?.next_pagination_token]), b = m(() => {
-    t(e?.prev_pagination_token);
+    [t, n]
+  ), b = m((o) => {
+    d(o), i(void 0);
+  }, []), v = m(() => {
+    i(e?.next_pagination_token);
+  }, [e?.next_pagination_token]), P = m(() => {
+    i(e?.prev_pagination_token);
   }, [e?.prev_pagination_token]);
   return /* @__PURE__ */ k(
-    T,
+    E,
     {
       ...p,
       isLoading: c,
       isError: f,
       data: u,
-      sorting: i,
+      sorting: t,
       onSortingChange: C,
-      pageSize: a,
-      onPageSizeChange: v,
-      pageSizeOptions: N,
+      pageSize: r,
+      onPageSizeChange: b,
+      pageSizeOptions: G,
       hasNextPage: !!e?.next_pagination_token,
       hasPrevPage: !!e?.prev_pagination_token,
-      onNextPage: P,
-      onPrevPage: b
+      onNextPage: v,
+      onPrevPage: P,
+      emptyStateTestId: "gl-code-table-widget-empty-state"
     }
   );
 }
 function Y({
   baseUrl: p,
-  widgetToken: r,
-  organizationId: i,
+  widgetToken: a,
+  organizationId: t,
   configClient: s,
-  linkComponent: a,
+  linkComponent: r,
   implementation: d,
   uiFramework: g,
-  errorFallback: t,
+  errorFallback: i,
   onError: n,
   ...c
 }) {
   return /* @__PURE__ */ k(
-    z,
+    h,
     {
-      widgetName: w,
+      widgetName: y,
       baseUrl: p,
-      widgetToken: r,
-      organizationId: i,
+      widgetToken: a,
+      organizationId: t,
       configClient: s,
-      linkComponent: a,
+      linkComponent: r,
       implementation: d,
       uiFramework: g,
-      errorFallback: t,
+      errorFallback: i,
       onError: n,
-      children: /* @__PURE__ */ k(y, { ...c })
+      children: /* @__PURE__ */ k(L, { ...c })
     }
   );
 }