@tesouro/embedded-components-react 0.5.203 → 0.5.205

package/dist/libs/tesouro-embedded-components-react/invoicing-widget/ui/dist/index5.js

@@ -1,24 +1,161 @@
-import { Badge as e, cn as t } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
-import { RECEIVABLE_STATUS_BADGE_LABELS_EN as n } from "./index2.js";
-import { jsxs as r } from "react/jsx-runtime";
+import { Button as e, Checkbox as t, Separator as n, Typography as r, cn as i } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { RECEIVABLE_FORM_SHEET_LABELS_EN as a } from "./index2.js";
+import { Fragment as o, jsx as s, jsxs as c } from "react/jsx-runtime";
+import { FileText as l, ImageIcon as u, Loader2 as d, Trash2 as f, X as p } from "lucide-react";
 //#region ../../libs/tesouro-embedded-components-react/invoicing-widget/ui/dist/index5.js
-var i = {
-	danger: "ttw:border-red-200 ttw:bg-red-50 ttw:text-red-700 ttw:hover:bg-red-50",
-	info: "ttw:border-blue-200 ttw:bg-blue-50 ttw:text-blue-700 ttw:hover:bg-blue-50",
-	neutral: "ttw:border-border ttw:bg-muted ttw:text-foreground ttw:hover:bg-muted",
-	success: "ttw:border-emerald-200 ttw:bg-emerald-50 ttw:text-emerald-700 ttw:hover:bg-emerald-50",
-	warning: "ttw:border-amber-200 ttw:bg-amber-50 ttw:text-amber-800 ttw:hover:bg-amber-50"
-};
-function a({ status: a, tone: o, labels: s, icon: c }) {
-	let l = {
-		...n,
-		...s
-	}, u = l[a] ?? l.unknown;
-	return /* @__PURE__ */ r(e, {
-		variant: "outline",
-		className: t(c && "ttw:gap-1", i[o]),
-		children: [c, u]
+function m({ view: m, isDragging: h, disabled: g, inputRef: _, onBrowseClick: v, onDragOver: y, onDragLeave: b, onDrop: x, onFilesSelect: S, onIncludeInEmailChange: C, onRemove: w, labels: T }) {
+	let E = {
+		...a,
+		...T
+	};
+	return /* @__PURE__ */ c("div", {
+		className: "ttw:flex ttw:flex-col ttw:gap-2.5 ttw:rounded-xl ttw:border ttw:border-border ttw:p-6",
+		children: [
+			/* @__PURE__ */ c("div", {
+				className: "ttw:flex ttw:flex-col ttw:gap-2.5 ttw:pb-4",
+				children: [/* @__PURE__ */ s(r, {
+					variant: "h4",
+					children: E.attachmentsHeading
+				}), /* @__PURE__ */ s(r, {
+					variant: "body2",
+					color: "muted",
+					className: "ttw:font-medium",
+					children: E.attachmentsDescription
+				})]
+			}),
+			m.showRows && /* @__PURE__ */ c("div", {
+				className: "ttw:flex ttw:flex-col ttw:gap-2",
+				children: [m.emailCaption && /* @__PURE__ */ c(o, { children: [/* @__PURE__ */ s(r, {
+					variant: "caption",
+					color: "muted",
+					children: m.emailCaption
+				}), /* @__PURE__ */ s(n, {})] }), /* @__PURE__ */ c("ul", {
+					className: "ttw:flex ttw:flex-col ttw:gap-2",
+					children: [m.attachedRows.map((n) => /* @__PURE__ */ c("li", {
+						className: "ttw:flex ttw:items-center ttw:gap-2",
+						children: [/* @__PURE__ */ s(t, {
+							checked: n.includeInEmail,
+							disabled: g,
+							"aria-label": n.includeInEmailLabel,
+							onCheckedChange: (e) => C(n.id, e === !0)
+						}), /* @__PURE__ */ c("div", {
+							className: "ttw:flex ttw:w-full ttw:items-center ttw:gap-3 ttw:rounded-lg ttw:bg-muted ttw:px-2 ttw:py-1",
+							children: [/* @__PURE__ */ c("div", {
+								className: "ttw:flex ttw:min-w-0 ttw:flex-1 ttw:items-center ttw:gap-1",
+								children: [/* @__PURE__ */ s(r, {
+									variant: "body2",
+									className: "ttw:truncate",
+									children: n.name
+								}), /* @__PURE__ */ c(r, {
+									variant: "body2",
+									color: "muted",
+									className: "ttw:shrink-0",
+									children: [
+										"(",
+										n.sizeLabel,
+										")"
+									]
+								})]
+							}), /* @__PURE__ */ s(e, {
+								type: "button",
+								variant: "ghost",
+								size: "icon",
+								className: "ttw:size-4",
+								disabled: g,
+								"aria-label": n.removeLabel,
+								onClick: () => w(n.id),
+								children: /* @__PURE__ */ s(f, { className: "ttw:size-4" })
+							})]
+						})]
+					}, n.id)), m.pendingRows.map((t) => /* @__PURE__ */ c("li", {
+						className: "ttw:flex ttw:w-full ttw:items-center ttw:gap-3 ttw:rounded-lg ttw:bg-muted ttw:px-2 ttw:py-1",
+						children: [
+							t.state === "uploading" ? /* @__PURE__ */ s(d, { className: "ttw:size-5 ttw:shrink-0 ttw:animate-spin ttw:text-muted-foreground" }) : /* @__PURE__ */ s(l, { className: "ttw:size-5 ttw:shrink-0 ttw:text-destructive" }),
+							/* @__PURE__ */ c("div", {
+								className: "ttw:flex ttw:min-w-0 ttw:flex-1 ttw:flex-col",
+								children: [/* @__PURE__ */ s(r, {
+									variant: "body2",
+									className: "ttw:truncate",
+									children: t.name
+								}), t.state === "uploading" ? /* @__PURE__ */ s(r, {
+									variant: "caption",
+									color: "muted",
+									children: t.message
+								}) : /* @__PURE__ */ s(r, {
+									variant: "caption",
+									role: "alert",
+									className: "ttw:text-destructive",
+									children: t.message
+								})]
+							}),
+							/* @__PURE__ */ s(e, {
+								type: "button",
+								variant: "ghost",
+								size: "icon",
+								disabled: g,
+								"aria-label": t.removeLabel,
+								onClick: () => w(t.id),
+								children: /* @__PURE__ */ s(p, { className: "ttw:size-4" })
+							})
+						]
+					}, t.id))]
+				})]
+			}),
+			/* @__PURE__ */ c("button", {
+				type: "button",
+				disabled: g,
+				onClick: v,
+				onDragOver: (e) => {
+					e.preventDefault(), y();
+				},
+				onDragLeave: (e) => {
+					e.preventDefault(), b();
+				},
+				onDrop: (e) => {
+					e.preventDefault(), x(e.dataTransfer.files);
+				},
+				className: i("ttw:flex ttw:w-full ttw:flex-col ttw:items-center ttw:gap-2 ttw:rounded-xl ttw:border ttw:border-dashed ttw:p-6 ttw:text-center ttw:disabled:cursor-not-allowed ttw:disabled:opacity-50", h ? "ttw:border-primary ttw:bg-primary/5" : "ttw:border-border ttw:bg-muted"),
+				children: [
+					/* @__PURE__ */ s("span", {
+						className: "ttw:flex ttw:size-10 ttw:items-center ttw:justify-center ttw:rounded-full ttw:border ttw:border-border",
+						children: /* @__PURE__ */ s(u, { className: "ttw:size-5 ttw:text-muted-foreground" })
+					}),
+					/* @__PURE__ */ c(r, {
+						variant: "body2",
+						children: [
+							E.attachmentsDropPrompt,
+							" ",
+							/* @__PURE__ */ s("span", {
+								className: "ttw:text-primary ttw:underline",
+								children: E.attachmentsBrowseLink
+							})
+						]
+					}),
+					/* @__PURE__ */ s(r, {
+						variant: "caption",
+						color: "muted",
+						children: E.attachmentsFormatsHint
+					})
+				]
+			}),
+			m.countLimitMessage && /* @__PURE__ */ s(r, {
+				variant: "body2",
+				role: "alert",
+				className: "ttw:text-destructive",
+				children: m.countLimitMessage
+			}),
+			/* @__PURE__ */ s("input", {
+				ref: _,
+				type: "file",
+				multiple: !0,
+				tabIndex: -1,
+				"aria-hidden": !0,
+				className: "ttw:sr-only",
+				accept: m.accept,
+				onChange: (e) => S(e.target.files)
+			})
+		]
 	});
 }
 //#endregion
-export { a as ReceivableStatusBadge, a as default };
+export { m as ReceivableAttachmentsSection };

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

@@ -1 +1,24 @@
-import "lucide-react";
+import { Badge as e, cn as t } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { RECEIVABLE_STATUS_BADGE_LABELS_EN as n } from "./index2.js";
+import { jsxs as r } from "react/jsx-runtime";
+//#region ../../libs/tesouro-embedded-components-react/invoicing-widget/ui/dist/index6.js
+var i = {
+	danger: "ttw:border-red-200 ttw:bg-red-50 ttw:text-red-700 ttw:hover:bg-red-50",
+	info: "ttw:border-blue-200 ttw:bg-blue-50 ttw:text-blue-700 ttw:hover:bg-blue-50",
+	neutral: "ttw:border-border ttw:bg-muted ttw:text-foreground ttw:hover:bg-muted",
+	success: "ttw:border-emerald-200 ttw:bg-emerald-50 ttw:text-emerald-700 ttw:hover:bg-emerald-50",
+	warning: "ttw:border-amber-200 ttw:bg-amber-50 ttw:text-amber-800 ttw:hover:bg-amber-50"
+};
+function a({ status: a, tone: o, labels: s, icon: c }) {
+	let l = {
+		...n,
+		...s
+	}, u = l[a] ?? l.unknown;
+	return /* @__PURE__ */ r(e, {
+		variant: "outline",
+		className: t(c && "ttw:gap-1", i[o]),
+		children: [c, u]
+	});
+}
+//#endregion
+export { a as ReceivableStatusBadge, a as default };

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

@@ -1,3 +1 @@
-import "../../../../../packages/shared-ui-shadcn/dist/index.js";
-import "./index6.js";
-import "react/jsx-runtime";
+import "lucide-react";

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

@@ -1,3 +1,3 @@
 import "../../../../../packages/shared-ui-shadcn/dist/index.js";
+import "./index7.js";
 import "react/jsx-runtime";
-import "lucide-react";

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

@@ -1,18 +1,3 @@
-import { Button as e } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
-import { forwardRef as t } from "react";
-import { jsx as n } from "react/jsx-runtime";
-import { XIcon as r } from "lucide-react";
-t(function({ label: t, onClose: i, variant: a = "ghost", size: o = "icon", onClick: s, ...c }, l) {
-	return /* @__PURE__ */ n(e, {
-		ref: l,
-		variant: a,
-		size: o,
-		...c,
-		"aria-label": t,
-		onClick: (e) => {
-			s?.(e), i();
-		},
-		children: /* @__PURE__ */ n(r, { className: "ttw:size-4" })
-	});
-});
-//#endregion
+import "../../../../../packages/shared-ui-shadcn/dist/index.js";
+import "react/jsx-runtime";
+import "lucide-react";

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

@@ -1,2 +1,2 @@
-import { ProductsWidget as e } from "./index8.js";
+import { ProductsWidget as e } from "./index10.js";
 export { e as ProductsWidget };

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

@@ -0,0 +1,136 @@
+"use client";
+"use client";
+"use client";
+"use client";
+import { useAnalyticsTrack as e } from "../../../shared/feature/dist/lib/analytics/hooks.js";
+import { WidgetProvider as t } from "../../../shared/feature/dist/lib/WidgetProvider/WidgetProvider.js";
+import "../../../shared/feature/dist/index.js";
+import { ProductFormSheet as n } from "../../../shared/product-catalog/ui/dist/index3.js";
+import { MeasureUnitsManagerContainer as r } from "../../../shared/product-catalog/feature/dist/lib/MeasureUnitsManagerContainer.js";
+import "../../../shared/product-catalog/feature/dist/index.js";
+import { ProductsWidgetAnalyticsEvent as i, WIDGET_NAME as a } from "./index2.js";
+import { PAGE_SIZE_OPTIONS as o } from "./index3.js";
+import { productsWidgetTestIds as s } from "./index4.js";
+import { useProductsWidget as c } from "./index9.js";
+import { ProductsScreen as l } from "../../ui/dist/index4.js";
+import { ProductDetailsSheet as u } from "../../ui/dist/index5.js";
+import { ProductDeleteDialog as d } from "../../ui/dist/index6.js";
+import "../../ui/dist/index.js";
+import { useEffect as f } from "react";
+import { Fragment as p, jsx as m, jsxs as h } from "react/jsx-runtime";
+//#region ../../libs/tesouro-embedded-components-react/products-widget/feature/dist/index10.js
+function g({ pageSizeOptions: t = o, screenLabels: a, formLabels: g, detailsLabels: _, deleteLabels: v, measureUnitsLabels: y, measureUnitDeleteLabels: b, messageLabels: x }) {
+	let S = e();
+	f(() => {
+		S(i.Mounted);
+	}, [S]);
+	let { view: C, units: w, table: T, details: E, form: D, del: O, permissions: k, isPermissionLoading: A, isTableLoading: j, hasInitError: M, refetchWidgetInit: N, measureUnitsOpen: P, actionsSuspended: F, handleRowClick: I, openMeasureUnits: L, closeMeasureUnits: R, submitForm: z, confirmDelete: B } = c({ messageLabels: x });
+	return /* @__PURE__ */ h(p, { children: [
+		/* @__PURE__ */ m(l, {
+			products: T.rows,
+			isLoading: j,
+			isError: M || T.isError,
+			sorting: T.sorting,
+			onSortingChange: T.onSortingChange,
+			pageSize: T.pageSize,
+			onPageSizeChange: T.onPageSizeChange,
+			pageSizeOptions: t,
+			hasNextPage: T.hasNextPage,
+			hasPrevPage: T.hasPrevPage,
+			onNextPage: T.onNextPage,
+			onPrevPage: T.onPrevPage,
+			searchValue: T.searchValue,
+			onSearchChange: T.onSearchChange,
+			typeFilter: T.typeFilter,
+			onTypeFilterChange: T.onTypeFilterChange,
+			unitFilter: T.unitFilter,
+			onUnitFilterChange: T.onUnitFilterChange,
+			unitOptions: w.unitOptions,
+			isFiltering: T.isFiltering,
+			canCreate: k.canCreate,
+			canManageUnits: k.canCreate,
+			isAccessRestricted: !A && !M && !k.canRead,
+			onCreateClick: D.openCreate,
+			onManageUnitsClick: L,
+			onRowClick: I,
+			onRetry: M ? N : T.onRetry,
+			labels: a,
+			testIds: {
+				empty: s.empty,
+				accessRestricted: s.accessRestricted
+			}
+		}),
+		/* @__PURE__ */ m(n, {
+			open: C === "create" || C === "edit",
+			onOpenChange: (e) => {
+				e || D.close();
+			},
+			mode: C === "edit" ? "edit" : "create",
+			values: D.values,
+			errors: D.errors,
+			unitOptions: w.unitOptions,
+			currencyOptions: D.currencyOptions,
+			inProgress: D.isSubmitting || F,
+			onChange: (e) => D.setValues((t) => ({
+				...t,
+				...e
+			})),
+			onManageUnits: L,
+			onSubmit: z,
+			onCancel: D.close,
+			labels: g
+		}),
+		/* @__PURE__ */ m(u, {
+			open: C === "details",
+			onOpenChange: (e) => {
+				e || D.close();
+			},
+			product: E.detailsView,
+			isLoading: E.isLoading,
+			isError: E.isError,
+			onEdit: D.openEdit,
+			onDelete: O.requestDelete,
+			canEdit: k.canUpdate,
+			canDelete: k.canDelete,
+			labels: _
+		}),
+		/* @__PURE__ */ m(d, {
+			open: O.open,
+			onOpenChange: O.onOpenChange,
+			productName: E.productName,
+			isDeleting: O.isDeleting || F,
+			onConfirm: B,
+			onCancel: O.cancel,
+			labels: v
+		}),
+		/* @__PURE__ */ m(r, {
+			open: P,
+			onClose: R,
+			suspended: F,
+			managerLabels: y,
+			deleteLabels: b,
+			messageLabels: x
+		})
+	] });
+}
+function _({ baseUrl: e, widgetToken: n, organizationId: r, configClient: i, gatewayRouting: o, linkComponent: s, implementation: c, uiFramework: l, errorFallback: u, onError: d, analytics: f, disclosuresAcceptance: p, providerLabels: h, ..._ }) {
+	return /* @__PURE__ */ m(t, {
+		widgetName: a,
+		baseUrl: e,
+		widgetToken: n,
+		organizationId: r,
+		configClient: i,
+		gatewayRouting: o,
+		linkComponent: s,
+		implementation: c,
+		uiFramework: l,
+		errorFallback: u,
+		onError: d,
+		analytics: f,
+		disclosuresAcceptance: p,
+		providerLabels: h,
+		children: /* @__PURE__ */ m(g, { ..._ })
+	});
+}
+//#endregion
+export { _ as ProductsWidget, _ as default };

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

@@ -1,32 +1,7 @@
-"use client";
-"use client";
-"use client";
-"use client";
-import { useDeleteProductMutation as e } from "../../../shared/product-catalog/data-access/dist/index8.js";
-import "../../../shared/product-catalog/feature/dist/index.js";
-import { useCallback as t, useState as n } from "react";
 //#region ../../libs/tesouro-embedded-components-react/products-widget/feature/dist/index4.js
-function r({ selectedProductId: r, setSelectedProductId: i, setView: a }) {
-	let o = e(), [s, c] = n(!1), l = t(() => c(!0), []), u = t((e) => {
-		e || c(!1);
-	}, []), d = t(() => c(!1), []);
-	return {
-		open: s,
-		requestDelete: l,
-		onOpenChange: u,
-		confirm: t(async () => {
-			if (r) try {
-				await o.mutateAsync({ path: { product_id: r } }), c(!1), a("none"), i(void 0);
-			} catch {}
-		}, [
-			r,
-			o,
-			a,
-			i
-		]),
-		cancel: d,
-		isDeleting: o.isPending
-	};
-}
+var e = {
+	empty: "products-widget-empty-state",
+	accessRestricted: "products-widget-access-restricted"
+};
 //#endregion
-export { r as useProductDelete };
+export { e as productsWidgetTestIds };

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

@@ -1,24 +1,14 @@
-"use client";
-"use client";
-"use client";
-"use client";
-import { buildProductDetailsView as e } from "../../../shared/product-catalog/feature/dist/lib/helpers.js";
-import { useProductQuery as t } from "../../../shared/product-catalog/data-access/dist/index4.js";
-import "../../../shared/product-catalog/feature/dist/index.js";
-import { useMemo as n } from "react";
+import { Scope as e } from "../../../shared/data-access/dist/lib/scopes.js";
+import "../../../shared/data-access/dist/index.js";
 //#region ../../libs/tesouro-embedded-components-react/products-widget/feature/dist/index5.js
-function r({ selectedProductId: r, unitNamesById: i }) {
-	let a = t(r), o = n(() => a.data ? e({
-		product: a.data,
-		unitNamesById: i
-	}) : void 0, [a.data, i]);
+function t(t) {
+	let n = new Set(t ?? []), r = n.has(e.InvoiceReadOrg), i = n.has(e.InvoiceWriteOrg);
 	return {
-		product: a.data,
-		detailsView: o,
-		isLoading: a.isLoading,
-		isError: a.isError,
-		productName: a.data?.name ?? ""
+		canRead: r,
+		canCreate: i,
+		canUpdate: i,
+		canDelete: i
 	};
 }
 //#endregion
-export { r as useProductDetails };
+export { t as getProductPermissions };

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

@@ -2,63 +2,31 @@
 "use client";
 "use client";
 "use client";
-import { buildProductRows as e } from "../../../shared/product-catalog/feature/dist/lib/helpers.js";
-import { useProductsQuery as t } from "../../../shared/product-catalog/data-access/dist/index2.js";
+import { useDeleteProductMutation as e } from "../../../shared/product-catalog/data-access/dist/index8.js";
 import "../../../shared/product-catalog/feature/dist/index.js";
-import { useCallback as n, useEffect as r, useMemo as i, useState as a } from "react";
+import { useCallback as t, useState as n } from "react";
 //#region ../../libs/tesouro-embedded-components-react/products-widget/feature/dist/index6.js
-function o({ unitNamesById: o }) {
-	let [s, c] = a([]), [l, u] = a(10), [d, f] = a(), [p, m] = a(""), [h, g] = a(""), [_, v] = a("all"), [y, b] = a("all");
-	r(() => {
-		let e = setTimeout(() => {
-			g(p), f(void 0);
-		}, 400);
-		return () => clearTimeout(e);
-	}, [p]);
-	let x = s[0]?.id === "name" ? "name" : void 0, S = s[0] ? s[0].desc ? "desc" : "asc" : void 0, C = t({
-		...x ? {
-			sort: x,
-			order: S
-		} : {},
-		limit: l,
-		pagination_token: d,
-		name__icontains: h || void 0,
-		type: _ === "all" ? void 0 : _,
-		measure_unit_id: y === "all" ? void 0 : y
-	}), w = i(() => e({
-		products: C.data?.data ?? [],
-		unitNamesById: o
-	}), [C.data, o]), T = !!h || _ !== "all" || y !== "all", E = n((e) => {
-		let t = typeof e == "function" ? e(s) : e;
-		c(t), f(void 0);
-	}, [s]), D = n((e) => {
-		u(e), f(void 0);
-	}, []), O = n(() => f(C.data?.next_pagination_token ?? void 0), [C.data?.next_pagination_token]), k = n(() => f(C.data?.prev_pagination_token ?? void 0), [C.data?.prev_pagination_token]), A = n(() => {
-		C.refetch();
-	}, [C]), j = n((e) => (t) => {
-		e(t), f(void 0);
-	}, []);
+function r({ selectedProductId: r, setSelectedProductId: i, setView: a }) {
+	let o = e(), [s, c] = n(!1), l = t(() => c(!0), []), u = t((e) => {
+		e || c(!1);
+	}, []), d = t(() => c(!1), []);
 	return {
-		rows: w,
-		isLoading: C.isLoading,
-		isError: C.isError,
-		sorting: s,
-		onSortingChange: E,
-		pageSize: l,
-		onPageSizeChange: D,
-		hasNextPage: !!C.data?.next_pagination_token,
-		hasPrevPage: !!C.data?.prev_pagination_token,
-		onNextPage: O,
-		onPrevPage: k,
-		searchValue: p,
-		onSearchChange: m,
-		typeFilter: _,
-		onTypeFilterChange: j(v),
-		unitFilter: y,
-		onUnitFilterChange: j(b),
-		isFiltering: T,
-		onRetry: A
+		open: s,
+		requestDelete: l,
+		onOpenChange: u,
+		confirm: t(async () => {
+			if (r) try {
+				await o.mutateAsync({ path: { product_id: r } }), c(!1), a("none"), i(void 0);
+			} catch {}
+		}, [
+			r,
+			o,
+			a,
+			i
+		]),
+		cancel: d,
+		isDeleting: o.isPending
 	};
 }
 //#endregion
-export { o as useProductsTable };
+export { r as useProductDelete };

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

@@ -2,49 +2,23 @@
 "use client";
 "use client";
 "use client";
-import { PRODUCT_MESSAGE_LABELS_EN as e } from "../../../shared/product-catalog/feature/dist/lib/labels.js";
-import { hasSelectedText as t } from "../../../shared/product-catalog/feature/dist/lib/helpers.js";
-import { useMeasureUnits as n } from "../../../shared/product-catalog/feature/dist/lib/useMeasureUnits.js";
-import { useProductForm as r } from "../../../shared/product-catalog/feature/dist/lib/useProductForm.js";
+import { buildProductDetailsView as e } from "../../../shared/product-catalog/feature/dist/lib/helpers.js";
+import { useProductQuery as t } from "../../../shared/product-catalog/data-access/dist/index4.js";
 import "../../../shared/product-catalog/feature/dist/index.js";
-import { useProductDelete as i } from "./index4.js";
-import { useProductDetails as a } from "./index5.js";
-import { useProductsTable as o } from "./index6.js";
-import { useCallback as s, useMemo as c, useState as l } from "react";
+import { useMemo as n } from "react";
 //#region ../../libs/tesouro-embedded-components-react/products-widget/feature/dist/index7.js
-function u({ messageLabels: u }) {
-	let d = c(() => ({
-		...e,
-		...u
-	}), [u]), [f, p] = l("none"), [m, h] = l(), [g, _] = l(!1), v = n(), y = o({ unitNamesById: v.unitNamesById }), b = a({
-		selectedProductId: m,
-		unitNamesById: v.unitNamesById
-	});
+function r({ selectedProductId: r, unitNamesById: i, enabled: a = !0 }) {
+	let o = t(r, { enabled: a }), s = n(() => o.data ? e({
+		product: o.data,
+		unitNamesById: i
+	}) : void 0, [o.data, i]);
 	return {
-		view: f,
-		units: v,
-		table: y,
-		details: b,
-		form: r({
-			view: f,
-			setView: p,
-			selectedProductId: m,
-			setSelectedProductId: h,
-			product: b.product,
-			messages: d
-		}),
-		del: i({
-			selectedProductId: m,
-			setSelectedProductId: h,
-			setView: p
-		}),
-		measureUnitsOpen: g,
-		handleRowClick: s((e) => {
-			t() || (h(e.id), p("details"));
-		}, []),
-		openMeasureUnits: s(() => _(!0), []),
-		closeMeasureUnits: s(() => _(!1), [])
+		product: o.data,
+		detailsView: s,
+		isLoading: o.isLoading,
+		isError: o.isError,
+		productName: o.data?.name ?? ""
 	};
 }
 //#endregion
-export { u as useProductsWidget };
+export { r as useProductDetails };