@tesouro/embedded-components-react 0.2.1

package/dist/libs/tesouro-embedded-components-react/onboarding-widget/ui/dist/index6.js

@@ -0,0 +1,275 @@
+import { jsxs as a, jsx as e } from "react/jsx-runtime";
+import { Table as S, TableHeader as A, TableRow as w, TableHead as h, TableBody as E, TableCell as c, Button as m, Alert as T, AlertDescription as z, Label as d, Input as s, DatePicker as q, Select as I, SelectTrigger as B, SelectValue as L, SelectContent as D, SelectItem as R } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { PencilIcon as H, Trash2Icon as j, PlusIcon as _ } from "lucide-react";
+import { ADDITIONAL_OWNERS_LABELS_EN as V } from "./index7.js";
+function Q({
+  stateOptions: b,
+  owners: u,
+  primaryOwnerShareDisplay: v,
+  totalOwnershipError: g,
+  addOwnerDisabled: p,
+  onAddOwner: N,
+  onEditOwner: f,
+  onRemoveOwner: x,
+  editingOwner: i,
+  editingIsExisting: C,
+  onEditingOwnerChange: O,
+  onEditingOwnerSubmit: k,
+  onEditingOwnerCancel: y,
+  isSubmitting: n,
+  labels: P
+}) {
+  const l = {
+    ...V,
+    ...P
+  }, r = (t, o) => {
+    i !== null && O({ ...i, [t]: o });
+  };
+  return /* @__PURE__ */ a("div", { className: "ttw:flex ttw:flex-col ttw:gap-6", children: [
+    /* @__PURE__ */ a("header", { className: "ttw:flex ttw:flex-col ttw:gap-1", children: [
+      /* @__PURE__ */ e("h2", { className: "ttw:text-xl ttw:font-semibold ttw:tracking-tight", children: l.heading }),
+      /* @__PURE__ */ e("p", { className: "ttw:text-sm ttw:text-muted-foreground", children: l.subheading })
+    ] }),
+    /* @__PURE__ */ e("div", { className: "ttw:overflow-hidden ttw:rounded-md ttw:border", children: /* @__PURE__ */ a(S, { children: [
+      /* @__PURE__ */ e(A, { children: /* @__PURE__ */ a(w, { children: [
+        /* @__PURE__ */ e(h, { children: l.ownerNameColumn }),
+        /* @__PURE__ */ e(h, { children: l.ownerShareColumn }),
+        /* @__PURE__ */ e(h, { className: "ttw:text-right", children: l.ownerActionsColumn })
+      ] }) }),
+      /* @__PURE__ */ a(E, { children: [
+        /* @__PURE__ */ a(w, { children: [
+          /* @__PURE__ */ e(c, { children: l.primaryOwnerRowLabel }),
+          /* @__PURE__ */ e(c, { children: v }),
+          /* @__PURE__ */ e(c, {})
+        ] }),
+        u.map((t, o) => /* @__PURE__ */ a(w, { children: [
+          /* @__PURE__ */ a(c, { children: [
+            t.firstName,
+            " ",
+            t.lastName
+          ] }),
+          /* @__PURE__ */ a(c, { children: [
+            t.ownershipPercentage,
+            "%"
+          ] }),
+          /* @__PURE__ */ e(c, { className: "ttw:text-right", children: /* @__PURE__ */ a("div", { className: "ttw:flex ttw:justify-end ttw:gap-2", children: [
+            /* @__PURE__ */ e(
+              m,
+              {
+                type: "button",
+                variant: "ghost",
+                size: "icon-sm",
+                "aria-label": l.edit,
+                onClick: () => f(o),
+                disabled: n,
+                children: /* @__PURE__ */ e(H, { className: "ttw:size-4" })
+              }
+            ),
+            /* @__PURE__ */ e(
+              m,
+              {
+                type: "button",
+                variant: "ghost",
+                size: "icon-sm",
+                "aria-label": l.remove,
+                onClick: () => x(o),
+                disabled: n,
+                children: /* @__PURE__ */ e(j, { className: "ttw:size-4" })
+              }
+            )
+          ] }) })
+        ] }, o)),
+        u.length === 0 && /* @__PURE__ */ e(w, { children: /* @__PURE__ */ e(
+          c,
+          {
+            colSpan: 3,
+            className: "ttw:text-center ttw:text-sm ttw:text-muted-foreground",
+            children: l.emptyOwnersText
+          }
+        ) })
+      ] })
+    ] }) }),
+    g && /* @__PURE__ */ e(T, { variant: "destructive", children: /* @__PURE__ */ e(z, { children: g }) }),
+    !i && /* @__PURE__ */ e("div", { children: /* @__PURE__ */ a(
+      m,
+      {
+        type: "button",
+        onClick: N,
+        disabled: p || n,
+        children: [
+          /* @__PURE__ */ e(_, { className: "ttw:mr-1 ttw:size-4" }),
+          l.addOwner
+        ]
+      }
+    ) }),
+    i && /* @__PURE__ */ a("div", { className: "ttw:flex ttw:flex-col ttw:gap-4 ttw:rounded-md ttw:border ttw:p-4", children: [
+      /* @__PURE__ */ e("h3", { className: "ttw:text-base ttw:font-semibold", children: C ? l.formHeadingEdit : l.formHeadingAdd }),
+      /* @__PURE__ */ a("div", { className: "ttw:grid ttw:grid-cols-1 ttw:gap-4 ttw:md:grid-cols-2", children: [
+        /* @__PURE__ */ a("div", { children: [
+          /* @__PURE__ */ e(d, { className: "ttw:mb-1 ttw:block ttw:text-sm ttw:font-medium", children: l.firstName }),
+          /* @__PURE__ */ e(
+            s,
+            {
+              value: i.firstName,
+              onChange: (t) => r("firstName", t.target.value),
+              disabled: n,
+              required: !0
+            }
+          )
+        ] }),
+        /* @__PURE__ */ a("div", { children: [
+          /* @__PURE__ */ e(d, { className: "ttw:mb-1 ttw:block ttw:text-sm ttw:font-medium", children: l.lastName }),
+          /* @__PURE__ */ e(
+            s,
+            {
+              value: i.lastName,
+              onChange: (t) => r("lastName", t.target.value),
+              disabled: n,
+              required: !0
+            }
+          )
+        ] })
+      ] }),
+      /* @__PURE__ */ a("div", { className: "ttw:grid ttw:grid-cols-1 ttw:gap-4 ttw:md:grid-cols-2", children: [
+        /* @__PURE__ */ a("div", { children: [
+          /* @__PURE__ */ e(d, { className: "ttw:mb-1 ttw:block ttw:text-sm ttw:font-medium", children: l.dateOfBirth }),
+          /* @__PURE__ */ e(
+            q,
+            {
+              value: i.dateOfBirth,
+              onChange: (t) => r("dateOfBirth", t),
+              placeholder: l.dateOfBirthPlaceholder,
+              disabled: n
+            }
+          )
+        ] }),
+        /* @__PURE__ */ a("div", { children: [
+          /* @__PURE__ */ e(d, { className: "ttw:mb-1 ttw:block ttw:text-sm ttw:font-medium", children: l.ssn }),
+          /* @__PURE__ */ e(
+            s,
+            {
+              value: i.ssn,
+              onChange: (t) => r("ssn", t.target.value),
+              disabled: n,
+              inputMode: "numeric",
+              maxLength: 9,
+              required: !0
+            }
+          )
+        ] })
+      ] }),
+      /* @__PURE__ */ a("div", { children: [
+        /* @__PURE__ */ e(d, { className: "ttw:mb-1 ttw:block ttw:text-sm ttw:font-medium", children: l.homeAddress }),
+        /* @__PURE__ */ e(
+          s,
+          {
+            value: i.homeAddress,
+            onChange: (t) => r("homeAddress", t.target.value),
+            disabled: n,
+            required: !0
+          }
+        )
+      ] }),
+      /* @__PURE__ */ a("div", { className: "ttw:grid ttw:grid-cols-1 ttw:gap-4 ttw:md:grid-cols-2", children: [
+        /* @__PURE__ */ a("div", { children: [
+          /* @__PURE__ */ e(d, { className: "ttw:mb-1 ttw:block ttw:text-sm ttw:font-medium", children: l.city }),
+          /* @__PURE__ */ e(
+            s,
+            {
+              value: i.city,
+              onChange: (t) => r("city", t.target.value),
+              disabled: n,
+              required: !0
+            }
+          )
+        ] }),
+        /* @__PURE__ */ a("div", { className: "ttw:grid ttw:grid-cols-2 ttw:gap-4", children: [
+          /* @__PURE__ */ a("div", { children: [
+            /* @__PURE__ */ e(d, { className: "ttw:mb-1 ttw:block ttw:text-sm ttw:font-medium", children: l.state }),
+            /* @__PURE__ */ a(
+              I,
+              {
+                value: i.state,
+                onValueChange: (t) => r("state", t),
+                disabled: n,
+                children: [
+                  /* @__PURE__ */ e(B, { children: /* @__PURE__ */ e(L, { placeholder: l.statePlaceholder }) }),
+                  /* @__PURE__ */ e(D, { children: b.map((t) => /* @__PURE__ */ e(R, { value: t.value, children: t.label }, t.value)) })
+                ]
+              }
+            )
+          ] }),
+          /* @__PURE__ */ a("div", { children: [
+            /* @__PURE__ */ e(d, { className: "ttw:mb-1 ttw:block ttw:text-sm ttw:font-medium", children: l.zipCode }),
+            /* @__PURE__ */ e(
+              s,
+              {
+                value: i.zipCode,
+                onChange: (t) => r("zipCode", t.target.value),
+                disabled: n,
+                required: !0
+              }
+            )
+          ] })
+        ] })
+      ] }),
+      /* @__PURE__ */ a("div", { className: "ttw:grid ttw:grid-cols-1 ttw:gap-4 ttw:md:grid-cols-2", children: [
+        /* @__PURE__ */ a("div", { children: [
+          /* @__PURE__ */ e(d, { className: "ttw:mb-1 ttw:block ttw:text-sm ttw:font-medium", children: l.mobilePhoneNumber }),
+          /* @__PURE__ */ e(
+            s,
+            {
+              type: "tel",
+              value: i.mobilePhoneNumber,
+              onChange: (t) => r("mobilePhoneNumber", t.target.value),
+              disabled: n,
+              required: !0
+            }
+          )
+        ] }),
+        /* @__PURE__ */ a("div", { children: [
+          /* @__PURE__ */ e(d, { className: "ttw:mb-1 ttw:block ttw:text-sm ttw:font-medium", children: l.ownershipPercentage }),
+          /* @__PURE__ */ e(
+            s,
+            {
+              type: "number",
+              min: 0,
+              max: 100,
+              value: i.ownershipPercentage === 0 ? "" : i.ownershipPercentage,
+              onChange: (t) => r(
+                "ownershipPercentage",
+                t.target.value === "" ? 0 : Number(t.target.value)
+              ),
+              disabled: n,
+              required: !0
+            }
+          )
+        ] })
+      ] }),
+      /* @__PURE__ */ a("div", { className: "ttw:flex ttw:justify-end ttw:gap-2", children: [
+        /* @__PURE__ */ e(
+          m,
+          {
+            type: "button",
+            variant: "outline",
+            onClick: y,
+            disabled: n,
+            children: l.cancel
+          }
+        ),
+        /* @__PURE__ */ e(
+          m,
+          {
+            type: "button",
+            onClick: k,
+            disabled: n,
+            children: l.save
+          }
+        )
+      ] })
+    ] })
+  ] });
+}
+export {
+  Q as AdditionalOwnersForm
+};

package/dist/libs/tesouro-embedded-components-react/onboarding-widget/ui/dist/index7.js

@@ -0,0 +1,33 @@
+const a = {
+  heading: "Additional owners",
+  subheading: "Add anyone else who owns 25% or more of the business.",
+  primaryOwnerRowLabel: "Primary applicant",
+  primaryOwnerShareLabel: "Ownership share",
+  emptyOwnersText: "No additional owners added yet.",
+  addOwner: "Add owner",
+  edit: "Edit",
+  remove: "Remove",
+  cancel: "Cancel",
+  save: "Save owner",
+  ownerNameColumn: "Name",
+  ownerShareColumn: "Share",
+  ownerActionsColumn: "Actions",
+  formHeadingAdd: "Add an owner",
+  formHeadingEdit: "Edit owner",
+  firstName: "First name",
+  lastName: "Last name",
+  dateOfBirth: "Date of birth",
+  dateOfBirthPlaceholder: "Pick a date",
+  ssn: "Social Security Number",
+  homeAddress: "Home address",
+  city: "City",
+  state: "State",
+  statePlaceholder: "Select state",
+  zipCode: "ZIP code",
+  mobilePhoneNumber: "Mobile phone number",
+  ownershipPercentage: "Ownership percentage",
+  totalOwnershipExceedsTemplate: (e) => `Total ownership exceeds 100%. Current total: ${e}%`
+};
+export {
+  a as ADDITIONAL_OWNERS_LABELS_EN
+};

package/dist/libs/tesouro-embedded-components-react/onboarding-widget/ui/dist/index8.js

@@ -0,0 +1,41 @@
+import { jsxs as n, jsx as e } from "react/jsx-runtime";
+import { Spinner as g, Button as u } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { CheckCircle2Icon as f, ClockIcon as h, XCircleIcon as N } from "lucide-react";
+import { RESULT_LABELS_EN as y } from "./index9.js";
+function C({
+  status: s,
+  isLoading: o,
+  companyName: a,
+  followUpEmail: r,
+  bankName: c,
+  vspName: l,
+  bankLogoSrc: i,
+  onNavigateToDashboard: d,
+  labels: m
+}) {
+  const t = { ...y, ...m };
+  if (o)
+    return /* @__PURE__ */ n("div", { className: "ttw:flex ttw:min-h-[420px] ttw:flex-col ttw:items-center ttw:justify-center ttw:gap-4 ttw:text-center", children: [
+      /* @__PURE__ */ e(g, { className: "ttw:size-10 ttw:text-primary" }),
+      /* @__PURE__ */ e("p", { className: "ttw:text-sm ttw:text-muted-foreground", children: t.loadingMessage })
+    ] });
+  const w = s === "success" ? t.successHeading : s === "pending" ? t.pendingHeading : t.errorHeading, p = s === "success" ? t.successBody(a) : s === "pending" ? t.pendingBody(a) : t.errorBody(a), x = s === "success" ? t.successFollowUp(r) : s === "pending" ? t.pendingFollowUp(r) : t.errorFollowUp(r);
+  return /* @__PURE__ */ n("div", { className: "ttw:flex ttw:flex-col ttw:items-center ttw:gap-6 ttw:py-10 ttw:text-center", children: [
+    /* @__PURE__ */ e(s === "success" ? f : s === "pending" ? h : N, { className: `ttw:size-12 ${s === "success" ? "ttw:text-emerald-600" : s === "pending" ? "ttw:text-amber-600" : "ttw:text-destructive"}` }),
+    /* @__PURE__ */ n("div", { className: "ttw:flex ttw:flex-col ttw:gap-2", children: [
+      /* @__PURE__ */ e("h2", { className: "ttw:text-2xl ttw:font-semibold ttw:tracking-tight", children: w }),
+      /* @__PURE__ */ e("p", { className: "ttw:max-w-md ttw:text-sm ttw:text-muted-foreground", children: p }),
+      /* @__PURE__ */ e("p", { className: "ttw:max-w-md ttw:text-sm ttw:text-muted-foreground", children: x })
+    ] }),
+    s === "success" && /* @__PURE__ */ e(u, { onClick: d, children: t.navigateToDashboard }),
+    /* @__PURE__ */ n("div", { className: "ttw:mt-6 ttw:flex ttw:items-center ttw:gap-2 ttw:text-xs ttw:text-muted-foreground", children: [
+      /* @__PURE__ */ e("span", { children: t.poweredBy }),
+      i ? /* @__PURE__ */ e("img", { src: i, alt: c, className: "ttw:h-5" }) : /* @__PURE__ */ e("span", { className: "ttw:font-medium", children: c }),
+      /* @__PURE__ */ e("span", { children: "·" }),
+      /* @__PURE__ */ e("span", { children: l })
+    ] })
+  ] });
+}
+export {
+  C as ResultStep
+};

package/dist/libs/tesouro-embedded-components-react/onboarding-widget/ui/dist/index9.js

@@ -0,0 +1,17 @@
+const e = {
+  loadingMessage: "Processing your application...",
+  successHeading: "Your account is ready",
+  successBody: (o) => `${o}'s application has been approved. You can now access your dashboard.`,
+  successFollowUp: (o) => `A confirmation email has been sent to ${o}.`,
+  pendingHeading: "Application under review",
+  pendingBody: (o) => `${o}'s application is being reviewed. We'll let you know as soon as it's processed.`,
+  pendingFollowUp: (o) => `We'll send updates to ${o}.`,
+  errorHeading: "Application not approved",
+  errorBody: (o) => `We were unable to approve ${o}'s application at this time.`,
+  errorFollowUp: (o) => `If you have questions, contact us at ${o}.`,
+  navigateToDashboard: "Go to dashboard",
+  poweredBy: "Powered by"
+};
+export {
+  e as RESULT_LABELS_EN
+};

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

@@ -0,0 +1,175 @@
+"use client";
+import { jsx as n, jsxs as O, Fragment as L } from "react/jsx-runtime";
+import { useEffect as k } from "react";
+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 "../../../shared/feature/dist/lib/WidgetProvider/types.js";
+import "@radix-ui/react-use-controllable-state";
+import "lucide-react";
+import "../../../../../packages/shared-ui-shadcn/dist/index.js";
+import "../../../shared/ui/dist/lib/UIContext/UIContext.js";
+import "../../../shared/feature/dist/lib/WidgetProvider/WidgetContext.js";
+import { WidgetProvider as E } from "../../../shared/feature/dist/lib/WidgetProvider/WidgetProvider.js";
+import "../../../shared/feature/dist/lib/WidgetProvider/WidgetTokenRefreshContext.js";
+import { useAnalyticsTrack as y } from "../../../shared/feature/dist/lib/analytics/hooks.js";
+import { ProductsWidgetAnalyticsEvent as U } from "./index3.js";
+import { MeasureUnitsManagerContainer as v } from "../../../shared/product-catalog/feature/dist/lib/MeasureUnitsManagerContainer.js";
+import { ProductFormSheet as w } from "../../../shared/product-catalog/ui/dist/index3.js";
+import "tailwind-merge";
+import { ProductsScreen as z } from "../../ui/dist/index4.js";
+import { ProductDetailsSheet as D } from "../../ui/dist/index5.js";
+import { ProductDeleteDialog as x } from "../../ui/dist/index6.js";
+import { PAGE_SIZE_OPTIONS as M } from "./index4.js";
+import { useProductsWidget as N } from "./index5.js";
+function T({
+  pageSizeOptions: g = M,
+  screenLabels: p,
+  formLabels: c,
+  detailsLabels: u,
+  deleteLabels: d,
+  measureUnitsLabels: C,
+  measureUnitDeleteLabels: h,
+  messageLabels: a
+}) {
+  const s = y();
+  k(() => {
+    s(U.Mounted);
+  }, [s]);
+  const {
+    view: r,
+    units: l,
+    table: e,
+    details: m,
+    form: o,
+    del: t,
+    measureUnitsOpen: b,
+    handleRowClick: f,
+    openMeasureUnits: P,
+    closeMeasureUnits: S
+  } = N({ messageLabels: a });
+  return /* @__PURE__ */ O(L, { children: [
+    /* @__PURE__ */ n(
+      z,
+      {
+        products: e.rows,
+        isLoading: e.isLoading,
+        isError: e.isError,
+        sorting: e.sorting,
+        onSortingChange: e.onSortingChange,
+        pageSize: e.pageSize,
+        onPageSizeChange: e.onPageSizeChange,
+        pageSizeOptions: g,
+        hasNextPage: e.hasNextPage,
+        hasPrevPage: e.hasPrevPage,
+        onNextPage: e.onNextPage,
+        onPrevPage: e.onPrevPage,
+        searchValue: e.searchValue,
+        onSearchChange: e.onSearchChange,
+        typeFilter: e.typeFilter,
+        onTypeFilterChange: e.onTypeFilterChange,
+        unitFilter: e.unitFilter,
+        onUnitFilterChange: e.onUnitFilterChange,
+        unitOptions: l.unitOptions,
+        isFiltering: e.isFiltering,
+        onCreateClick: o.openCreate,
+        onManageUnitsClick: P,
+        onRowClick: f,
+        onRetry: e.onRetry,
+        labels: p
+      }
+    ),
+    /* @__PURE__ */ n(
+      w,
+      {
+        open: r === "create" || r === "edit",
+        onOpenChange: (i) => {
+          i || o.close();
+        },
+        mode: r === "edit" ? "edit" : "create",
+        values: o.values,
+        errors: o.errors,
+        unitOptions: l.unitOptions,
+        currencyOptions: o.currencyOptions,
+        inProgress: o.isSubmitting,
+        onChange: (i) => o.setValues((F) => ({ ...F, ...i })),
+        onManageUnits: P,
+        onSubmit: o.submit,
+        onCancel: o.close,
+        labels: c
+      }
+    ),
+    /* @__PURE__ */ n(
+      D,
+      {
+        open: r === "details",
+        onOpenChange: (i) => {
+          i || o.close();
+        },
+        product: m.detailsView,
+        isLoading: m.isLoading,
+        isError: m.isError,
+        onEdit: o.openEdit,
+        onDelete: t.requestDelete,
+        labels: u
+      }
+    ),
+    /* @__PURE__ */ n(
+      x,
+      {
+        open: t.open,
+        onOpenChange: t.onOpenChange,
+        productName: m.productName,
+        isDeleting: t.isDeleting,
+        onConfirm: t.confirm,
+        onCancel: t.cancel,
+        labels: d
+      }
+    ),
+    /* @__PURE__ */ n(
+      v,
+      {
+        open: b,
+        onClose: S,
+        managerLabels: C,
+        deleteLabels: h,
+        messageLabels: a
+      }
+    )
+  ] });
+}
+function se({
+  baseUrl: g,
+  widgetToken: p,
+  organizationId: c,
+  configClient: u,
+  linkComponent: d,
+  implementation: C,
+  uiFramework: h,
+  errorFallback: a,
+  onError: s,
+  analytics: r,
+  ...l
+}) {
+  return /* @__PURE__ */ n(
+    E,
+    {
+      baseUrl: g,
+      widgetToken: p,
+      organizationId: c,
+      configClient: u,
+      linkComponent: d,
+      implementation: C,
+      uiFramework: h,
+      errorFallback: a,
+      onError: s,
+      analytics: r,
+      children: /* @__PURE__ */ n(T, { ...l })
+    }
+  );
+}
+export {
+  se as ProductsWidget
+};

package/dist/libs/tesouro-embedded-components-react/products-widget/feature/dist/index3.js

@@ -0,0 +1,6 @@
+const t = {
+  Mounted: "products.mounted"
+};
+export {
+  t as ProductsWidgetAnalyticsEvent
+};

package/dist/libs/tesouro-embedded-components-react/products-widget/feature/dist/index4.js

@@ -0,0 +1,6 @@
+const E = [10, 25, 50, 100], _ = 400, a = "all";
+export {
+  a as ALL_FILTER,
+  E as PAGE_SIZE_OPTIONS,
+  _ as SEARCH_DEBOUNCE_MS
+};

package/dist/libs/tesouro-embedded-components-react/products-widget/feature/dist/index5.js

@@ -0,0 +1,55 @@
+"use client";
+import { useMemo as w, useState as r, useCallback as i } from "react";
+import "react/jsx-runtime";
+import "../../../../../packages/shared-ui-shadcn/dist/index.js";
+import "tailwind-merge";
+import "lucide-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 { hasSelectedText as B } from "../../../shared/product-catalog/feature/dist/lib/helpers.js";
+import { PRODUCT_MESSAGE_LABELS_EN as N } from "../../../shared/product-catalog/feature/dist/lib/labels.js";
+import { useMeasureUnits as U } from "../../../shared/product-catalog/feature/dist/lib/useMeasureUnits.js";
+import { useProductForm as b } from "../../../shared/product-catalog/feature/dist/lib/useProductForm.js";
+import { useProductDelete as y } from "./index6.js";
+import { useProductDetails as C } from "./index7.js";
+import { useProductsTable as E } from "./index8.js";
+function W({ messageLabels: m }) {
+  const c = w(
+    () => ({ ...N, ...m }),
+    [m]
+  ), [d, e] = r("none"), [t, s] = r(), [p, a] = r(!1), o = U(), l = E({ unitNamesById: o.unitNamesById }), u = C({
+    selectedProductId: t,
+    unitNamesById: o.unitNamesById
+  }), n = b({
+    view: d,
+    setView: e,
+    selectedProductId: t,
+    setSelectedProductId: s,
+    product: u.product,
+    messages: c
+  }), f = y({
+    selectedProductId: t,
+    setSelectedProductId: s,
+    setView: e
+  }), P = i((M) => {
+    B() || (s(M.id), e("details"));
+  }, []), I = i(() => a(!0), []), S = i(() => a(!1), []);
+  return {
+    view: d,
+    units: o,
+    table: l,
+    details: u,
+    form: n,
+    del: f,
+    measureUnitsOpen: p,
+    handleRowClick: P,
+    openMeasureUnits: I,
+    closeMeasureUnits: S
+  };
+}
+export {
+  W as useProductsWidget
+};

package/dist/libs/tesouro-embedded-components-react/products-widget/feature/dist/index6.js

@@ -0,0 +1,40 @@
+"use client";
+import { useState as d, useCallback as e } from "react";
+import "react/jsx-runtime";
+import "../../../../../packages/shared-ui-shadcn/dist/index.js";
+import "tailwind-merge";
+import "lucide-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 { useDeleteProductMutation as l } from "../../../shared/product-catalog/data-access/dist/index6.js";
+function k({
+  selectedProductId: o,
+  setSelectedProductId: i,
+  setView: c
+}) {
+  const r = l(), [s, t] = d(!1), a = e(() => t(!0), []), m = e((u) => {
+    u || t(!1);
+  }, []), n = e(() => t(!1), []), p = e(async () => {
+    if (o)
+      try {
+        await r.mutateAsync({
+          path: { product_id: o }
+        }), t(!1), c("none"), i(void 0);
+      } catch {
+      }
+  }, [o, r, c, i]);
+  return {
+    open: s,
+    requestDelete: a,
+    onOpenChange: m,
+    confirm: p,
+    cancel: n,
+    isDeleting: r.isPending
+  };
+}
+export {
+  k as useProductDelete
+};