@tesouro/embedded-components-react 0.5.203 → 0.5.205

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

@@ -2,125 +2,64 @@
 "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 { 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 "../../../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 { useProductsWidget as s } from "./index7.js";
-import { ProductsScreen as c } from "../../ui/dist/index4.js";
-import { ProductDetailsSheet as l } from "../../ui/dist/index5.js";
-import { ProductDeleteDialog as u } from "../../ui/dist/index6.js";
-import "../../ui/dist/index.js";
-import { useEffect as d } from "react";
-import { Fragment as f, jsx as p, jsxs as m } from "react/jsx-runtime";
+import { useCallback as n, useEffect as r, useMemo as i, useState as a } from "react";
 //#region ../../libs/tesouro-embedded-components-react/products-widget/feature/dist/index8.js
-function h({ pageSizeOptions: t = o, screenLabels: a, formLabels: h, detailsLabels: g, deleteLabels: _, measureUnitsLabels: v, measureUnitDeleteLabels: y, messageLabels: b }) {
-	let x = e();
-	d(() => {
-		x(i.Mounted);
-	}, [x]);
-	let { view: S, units: C, table: w, details: T, form: E, del: D, measureUnitsOpen: O, handleRowClick: k, openMeasureUnits: A, closeMeasureUnits: j } = s({ messageLabels: b });
-	return /* @__PURE__ */ m(f, { children: [
-		/* @__PURE__ */ p(c, {
-			products: w.rows,
-			isLoading: w.isLoading,
-			isError: w.isError,
-			sorting: w.sorting,
-			onSortingChange: w.onSortingChange,
-			pageSize: w.pageSize,
-			onPageSizeChange: w.onPageSizeChange,
-			pageSizeOptions: t,
-			hasNextPage: w.hasNextPage,
-			hasPrevPage: w.hasPrevPage,
-			onNextPage: w.onNextPage,
-			onPrevPage: w.onPrevPage,
-			searchValue: w.searchValue,
-			onSearchChange: w.onSearchChange,
-			typeFilter: w.typeFilter,
-			onTypeFilterChange: w.onTypeFilterChange,
-			unitFilter: w.unitFilter,
-			onUnitFilterChange: w.onUnitFilterChange,
-			unitOptions: C.unitOptions,
-			isFiltering: w.isFiltering,
-			onCreateClick: E.openCreate,
-			onManageUnitsClick: A,
-			onRowClick: k,
-			onRetry: w.onRetry,
-			labels: a,
-			emptyStateTestId: "products-widget-empty-state"
-		}),
-		/* @__PURE__ */ p(n, {
-			open: S === "create" || S === "edit",
-			onOpenChange: (e) => {
-				e || E.close();
-			},
-			mode: S === "edit" ? "edit" : "create",
-			values: E.values,
-			errors: E.errors,
-			unitOptions: C.unitOptions,
-			currencyOptions: E.currencyOptions,
-			inProgress: E.isSubmitting,
-			onChange: (e) => E.setValues((t) => ({
-				...t,
-				...e
-			})),
-			onManageUnits: A,
-			onSubmit: E.submit,
-			onCancel: E.close,
-			labels: h
-		}),
-		/* @__PURE__ */ p(l, {
-			open: S === "details",
-			onOpenChange: (e) => {
-				e || E.close();
-			},
-			product: T.detailsView,
-			isLoading: T.isLoading,
-			isError: T.isError,
-			onEdit: E.openEdit,
-			onDelete: D.requestDelete,
-			labels: g
-		}),
-		/* @__PURE__ */ p(u, {
-			open: D.open,
-			onOpenChange: D.onOpenChange,
-			productName: T.productName,
-			isDeleting: D.isDeleting,
-			onConfirm: D.confirm,
-			onCancel: D.cancel,
-			labels: _
-		}),
-		/* @__PURE__ */ p(r, {
-			open: O,
-			onClose: j,
-			managerLabels: v,
-			deleteLabels: y,
-			messageLabels: b
-		})
-	] });
-}
-function g({ baseUrl: e, widgetToken: n, organizationId: r, configClient: i, gatewayRouting: o, linkComponent: s, implementation: c, uiFramework: l, errorFallback: u, onError: d, analytics: f, disclosuresAcceptance: m, providerLabels: g, ..._ }) {
-	return /* @__PURE__ */ p(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: m,
-		providerLabels: g,
-		children: /* @__PURE__ */ p(h, { ..._ })
-	});
+function o({ unitNamesById: o, enabled: s = !0 }) {
+	let [c, l] = a([]), [u, d] = a(10), [f, p] = a(), [m, h] = a(""), [g, _] = a(""), [v, y] = a("all"), [b, x] = a("all");
+	r(() => {
+		let e = setTimeout(() => {
+			_(m), p(void 0);
+		}, 400);
+		return () => clearTimeout(e);
+	}, [m]);
+	let S = c[0]?.id === "name" ? "name" : void 0, C = c[0] ? c[0].desc ? "desc" : "asc" : void 0, w = t({
+		...S ? {
+			sort: S,
+			order: C
+		} : {},
+		limit: u,
+		pagination_token: f,
+		name__icontains: g || void 0,
+		type: v === "all" ? void 0 : v,
+		measure_unit_id: b === "all" ? void 0 : b,
+		enabled: s
+	}), T = i(() => e({
+		products: w.data?.data ?? [],
+		unitNamesById: o
+	}), [w.data, o]), E = !!g || v !== "all" || b !== "all", D = n((e) => {
+		let t = typeof e == "function" ? e(c) : e;
+		l(t), p(void 0);
+	}, [c]), O = n((e) => {
+		d(e), p(void 0);
+	}, []), k = n(() => p(w.data?.next_pagination_token ?? void 0), [w.data?.next_pagination_token]), A = n(() => p(w.data?.prev_pagination_token ?? void 0), [w.data?.prev_pagination_token]), j = n(() => {
+		w.refetch();
+	}, [w]), M = n((e) => (t) => {
+		e(t), p(void 0);
+	}, []);
+	return {
+		rows: T,
+		isLoading: w.isLoading,
+		isError: w.isError,
+		sorting: c,
+		onSortingChange: D,
+		pageSize: u,
+		onPageSizeChange: O,
+		hasNextPage: !!w.data?.next_pagination_token,
+		hasPrevPage: !!w.data?.prev_pagination_token,
+		onNextPage: k,
+		onPrevPage: A,
+		searchValue: m,
+		onSearchChange: h,
+		typeFilter: v,
+		onTypeFilterChange: M(y),
+		unitFilter: b,
+		onUnitFilterChange: M(x),
+		isFiltering: E,
+		onRetry: j
+	};
 }
 //#endregion
-export { g as ProductsWidget, g as default };
+export { o as useProductsTable };

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

@@ -0,0 +1,72 @@
+"use client";
+"use client";
+"use client";
+"use client";
+import { useRefetchWidget as e, useWidgetConfig as t, useWidgetError as n, useWidgetInitStaleForToken as r, useWidgetLoading as i } from "../../../shared/feature/dist/lib/WidgetProvider/hooks.js";
+import "../../../shared/feature/dist/index.js";
+import { PRODUCT_MESSAGE_LABELS_EN as a } from "../../../shared/product-catalog/feature/dist/lib/labels.js";
+import { hasSelectedText as o } from "../../../shared/product-catalog/feature/dist/lib/helpers.js";
+import { useMeasureUnits as s } from "../../../shared/product-catalog/feature/dist/lib/useMeasureUnits.js";
+import { useProductForm as c } from "../../../shared/product-catalog/feature/dist/lib/useProductForm.js";
+import "../../../shared/product-catalog/feature/dist/index.js";
+import { getProductPermissions as l } from "./index5.js";
+import { useProductDelete as u } from "./index6.js";
+import { useProductDetails as d } from "./index7.js";
+import { useProductsTable as f } from "./index8.js";
+import { useCallback as p, useMemo as m, useState as h } from "react";
+//#region ../../libs/tesouro-embedded-components-react/products-widget/feature/dist/index9.js
+function g({ messageLabels: g }) {
+	let _ = m(() => ({
+		...a,
+		...g
+	}), [g]), { initResponse: v, widgetToken: y } = t(), b = i(), x = n(), S = r(), C = e(), w = m(() => l(S ? void 0 : v?.scopes), [S, v?.scopes]), T = !(!y || v || x) || b && !v || S, E = !!x && (!v || S), [D, O] = h("none"), [k, A] = h(), [j, M] = h(!1), N = s({ enabled: w.canRead }), P = f({
+		unitNamesById: N.unitNamesById,
+		enabled: w.canRead
+	}), F = d({
+		selectedProductId: k,
+		unitNamesById: N.unitNamesById,
+		enabled: w.canRead
+	}), I = c({
+		view: D,
+		setView: O,
+		selectedProductId: k,
+		setSelectedProductId: A,
+		product: F.product,
+		messages: _
+	}), L = u({
+		selectedProductId: k,
+		setSelectedProductId: A,
+		setView: O
+	});
+	if (!S) {
+		let { canRead: e, canCreate: t, canUpdate: n, canDelete: r } = w;
+		(!e && (D !== "none" || k) || D === "create" && !t || D === "edit" && !n) && (O("none"), A(void 0)), L.open && !(e && r) && L.cancel(), j && !(e && t) && M(!1);
+	}
+	let R = p((e) => {
+		w.canRead && !o() && (A(e.id), O("details"));
+	}, [w.canRead]), z = p(() => {
+		w.canCreate && M(!0);
+	}, [w.canCreate]), B = p(() => M(!1), []), V = p(() => S ? void 0 : I.submit(), [S, I.submit]), H = p(() => S ? void 0 : L.confirm(), [S, L.confirm]);
+	return {
+		view: D,
+		units: N,
+		table: P,
+		details: F,
+		form: I,
+		del: L,
+		permissions: w,
+		isPermissionLoading: T,
+		isTableLoading: P.isLoading || T && P.rows.length === 0,
+		hasInitError: E,
+		refetchWidgetInit: C,
+		measureUnitsOpen: j,
+		actionsSuspended: S,
+		handleRowClick: R,
+		openMeasureUnits: z,
+		closeMeasureUnits: B,
+		submitForm: V,
+		confirmDelete: H
+	};
+}
+//#endregion
+export { g as useProductsWidget };

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

@@ -23,6 +23,8 @@ var e = {
 	errorTitle: "Failed to load products",
 	errorDescription: "Something went wrong while fetching your products. Please try again.",
 	errorRetry: "Try again",
+	accessRestrictedTitle: "Access restricted",
+	accessRestrictedDescription: "You don't have permission to view products.",
 	openRow: (e) => `View product — ${e}`,
 	typeBadge: {
 		product: "Product",

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

@@ -4,104 +4,107 @@ import { ErrorState as d } from "../../../shared/ui/dist/lib/ErrorState/ErrorSta
 import "../../../shared/ui/dist/index.js";
 import { PRODUCTS_SCREEN_LABELS_EN as f } from "./index2.js";
 import { ProductTypeBadge as p } from "./index3.js";
-import { jsx as m, jsxs as h } from "react/jsx-runtime";
-import { ArrowDownIcon as g, ArrowUpDownIcon as _, ArrowUpIcon as v, Plus as y, Search as b } from "lucide-react";
+import { Fragment as m, jsx as h, jsxs as g } from "react/jsx-runtime";
+import { ArrowDownIcon as _, ArrowUpDownIcon as v, ArrowUpIcon as y, Plus as b, Search as x } from "lucide-react";
 //#region ../../libs/tesouro-embedded-components-react/products-widget/ui/dist/index4.js
-var x = [
+var S = [
 	10,
 	25,
 	50,
 	100
-], S = "all";
-function C({ labels: e, searchValue: t, onSearchChange: u, typeFilter: d, onTypeFilterChange: f, unitFilter: p, onUnitFilterChange: g, unitOptions: _ }) {
-	return /* @__PURE__ */ h("div", {
+], C = "all";
+function w({ labels: e, searchValue: t, onSearchChange: u, typeFilter: d, onTypeFilterChange: f, unitFilter: p, onUnitFilterChange: m, unitOptions: _, headerActions: v }) {
+	return /* @__PURE__ */ g("div", {
 		className: "ttw:flex ttw:flex-wrap ttw:items-center ttw:gap-2 ttw:px-4",
 		children: [
-			/* @__PURE__ */ h(n, {
+			/* @__PURE__ */ g(n, {
 				className: "ttw:w-80",
-				children: [/* @__PURE__ */ m(r, {
+				children: [/* @__PURE__ */ h(r, {
 					align: "inline-start",
-					children: /* @__PURE__ */ m(b, { className: "ttw:size-4" })
-				}), /* @__PURE__ */ m(i, {
+					children: /* @__PURE__ */ h(x, { className: "ttw:size-4" })
+				}), /* @__PURE__ */ h(i, {
 					"data-has-start-addon": !0,
 					placeholder: e.searchPlaceholder,
 					value: t,
 					onChange: (e) => u(e.target.value)
 				})]
 			}),
-			/* @__PURE__ */ h(a, {
+			/* @__PURE__ */ g(a, {
 				value: d,
 				onValueChange: f,
-				children: [/* @__PURE__ */ m(c, {
+				children: [/* @__PURE__ */ h(c, {
 					className: "ttw:w-44",
-					children: /* @__PURE__ */ m(l, {})
-				}), /* @__PURE__ */ h(o, { children: [
-					/* @__PURE__ */ m(s, {
-						value: S,
+					children: /* @__PURE__ */ h(l, {})
+				}), /* @__PURE__ */ g(o, { children: [
+					/* @__PURE__ */ h(s, {
+						value: C,
 						children: e.typeFilterAll
 					}),
-					/* @__PURE__ */ m(s, {
+					/* @__PURE__ */ h(s, {
 						value: "product",
 						children: e.typeFilterProduct
 					}),
-					/* @__PURE__ */ m(s, {
+					/* @__PURE__ */ h(s, {
 						value: "service",
 						children: e.typeFilterService
 					})
 				] })]
 			}),
-			/* @__PURE__ */ h(a, {
-				value: p,
-				onValueChange: g,
-				children: [/* @__PURE__ */ m(c, {
-					className: "ttw:w-44",
-					children: /* @__PURE__ */ m(l, {})
-				}), /* @__PURE__ */ h(o, { children: [/* @__PURE__ */ m(s, {
-					value: S,
-					children: e.unitFilterAll
-				}), _.map((e) => /* @__PURE__ */ m(s, {
-					value: e.value,
-					children: e.label
-				}, e.value))] })]
+			/* @__PURE__ */ g("div", {
+				className: "ttw:ml-auto ttw:flex ttw:items-center ttw:gap-2",
+				children: [/* @__PURE__ */ g(a, {
+					value: p,
+					onValueChange: m,
+					children: [/* @__PURE__ */ h(c, {
+						className: "ttw:w-44",
+						children: /* @__PURE__ */ h(l, {})
+					}), /* @__PURE__ */ g(o, { children: [/* @__PURE__ */ h(s, {
+						value: C,
+						children: e.unitFilterAll
+					}), _.map((e) => /* @__PURE__ */ h(s, {
+						value: e.value,
+						children: e.label
+					}, e.value))] })]
+				}), v]
 			})
 		]
 	});
 }
-function w({ products: n, isLoading: r, isError: i, sorting: a, onSortingChange: o, pageSize: s, onPageSizeChange: c, pageSizeOptions: l = x, hasNextPage: b, hasPrevPage: S, onNextPage: w, onPrevPage: T, searchValue: E, onSearchChange: D, typeFilter: O, onTypeFilterChange: k, unitFilter: A, onUnitFilterChange: j, unitOptions: M, isFiltering: N, onCreateClick: P, onManageUnitsClick: F, onRowClick: I, onRetry: L, labels: R, emptyStateTestId: z }) {
-	let B = {
+function T({ products: n, isLoading: r, isError: i, sorting: a, onSortingChange: o, pageSize: s, onPageSizeChange: c, pageSizeOptions: l = S, hasNextPage: x, hasPrevPage: C, onNextPage: T, onPrevPage: E, searchValue: D, onSearchChange: O, typeFilter: k, onTypeFilterChange: A, unitFilter: j, onUnitFilterChange: M, unitOptions: N, isFiltering: P, onCreateClick: F, onManageUnitsClick: I, onRowClick: L, onRetry: R, canCreate: z = !0, canManageUnits: B = !0, isAccessRestricted: V, labels: H, testIds: U }) {
+	let W = {
 		...f,
-		...R
-	}, V = [
+		...H
+	}, G = [
 		{
 			accessorKey: "name",
 			enableSorting: !0,
 			header: ({ column: t }) => {
 				let n = t.getIsSorted();
-				return /* @__PURE__ */ h("div", {
+				return /* @__PURE__ */ g("div", {
 					className: "ttw:flex ttw:items-center ttw:gap-2 ttw:text-inherit",
-					children: [B.columnName, /* @__PURE__ */ m(e, {
+					children: [W.columnName, /* @__PURE__ */ h(e, {
 						variant: "ghost",
 						size: "icon-sm",
 						onClick: () => t.toggleSorting(n === "asc"),
-						children: m(n === "asc" ? v : n === "desc" ? g : _, { className: "ttw:size-4" })
+						children: h(n === "asc" ? y : n === "desc" ? _ : v, { className: "ttw:size-4" })
 					})]
 				});
 			}
 		},
 		{
 			accessorKey: "type",
-			header: B.columnType,
-			cell: ({ row: e }) => e.original.type ? /* @__PURE__ */ m(p, {
+			header: W.columnType,
+			cell: ({ row: e }) => e.original.type ? /* @__PURE__ */ h(p, {
 				type: e.original.type,
-				labels: B.typeBadge
+				labels: W.typeBadge
 			}) : null
 		},
 		{
 			accessorKey: "description",
-			header: B.columnDescription,
-			cell: ({ row: e }) => /* @__PURE__ */ m("div", {
+			header: W.columnDescription,
+			cell: ({ row: e }) => /* @__PURE__ */ h("div", {
 				className: "ttw:w-120",
-				children: /* @__PURE__ */ m("span", {
+				children: /* @__PURE__ */ h("span", {
 					className: "ttw:w-full ttw:inline-block ttw:truncate",
 					children: e.original.description
 				})
@@ -109,42 +112,42 @@ function w({ products: n, isLoading: r, isError: i, sorting: a, onSortingChange:
 		},
 		{
 			accessorKey: "priceLabel",
-			header: () => /* @__PURE__ */ m("div", {
+			header: () => /* @__PURE__ */ h("div", {
 				className: "ttw:text-right",
-				children: B.columnPrice
+				children: W.columnPrice
 			}),
-			cell: ({ row: e }) => /* @__PURE__ */ h("div", {
+			cell: ({ row: e }) => /* @__PURE__ */ g("div", {
 				className: "ttw:flex ttw:justify-end ttw:items-center ttw:gap-1",
-				children: [/* @__PURE__ */ m("span", { children: e.original.priceLabel }), e.original.unitLabel && /* @__PURE__ */ m("span", {
+				children: [/* @__PURE__ */ h("span", { children: e.original.priceLabel }), e.original.unitLabel && /* @__PURE__ */ h("span", {
 					className: "ttw:text-muted-foreground ttw:text-xs",
 					children: e.original.unitLabel
 				})]
 			})
 		}
-	];
+	], K = /* @__PURE__ */ g(m, { children: [/* @__PURE__ */ h(e, {
+		variant: "ghost",
+		className: "ttw:text-primary ttw:hover:text-primary",
+		onClick: I,
+		disabled: !B,
+		children: W.manageUnitsButton
+	}), /* @__PURE__ */ g(e, {
+		onClick: F,
+		disabled: !z,
+		children: [/* @__PURE__ */ h(b, { className: "ttw:size-4" }), W.createButton]
+	})] });
 	return /* @__PURE__ */ h("div", {
 		className: "ttw:flex ttw:flex-col ttw:gap-4",
-		children: [/* @__PURE__ */ m("div", {
-			className: "ttw:flex ttw:items-center ttw:justify-end",
-			children: /* @__PURE__ */ h("div", {
-				className: "ttw:flex ttw:gap-2",
-				children: [/* @__PURE__ */ m(e, {
-					variant: "ghost",
-					className: "ttw:text-primary ttw:hover:text-primary",
-					onClick: F,
-					children: B.manageUnitsButton
-				}), /* @__PURE__ */ h(e, {
-					onClick: P,
-					children: [/* @__PURE__ */ m(y, { className: "ttw:size-4" }), B.createButton]
-				})]
-			})
-		}), i ? /* @__PURE__ */ m(d, {
-			title: B.errorTitle,
-			description: B.errorDescription,
-			retryLabel: L ? B.errorRetry : void 0,
-			onRetry: L
-		}) : /* @__PURE__ */ m(t, {
-			columns: V,
+		children: V ? /* @__PURE__ */ h(d, {
+			testId: U?.accessRestricted,
+			title: W.accessRestrictedTitle,
+			description: W.accessRestrictedDescription
+		}) : i ? /* @__PURE__ */ h(d, {
+			title: W.errorTitle,
+			description: W.errorDescription,
+			retryLabel: R ? W.errorRetry : void 0,
+			onRetry: R
+		}) : /* @__PURE__ */ h(t, {
+			columns: G,
 			data: n,
 			isLoading: r,
 			sorting: a,
@@ -152,31 +155,32 @@ function w({ products: n, isLoading: r, isError: i, sorting: a, onSortingChange:
 			pageSize: s,
 			onPageSizeChange: c,
 			pageSizeOptions: l,
-			hasNextPage: b,
-			hasPrevPage: S,
-			onNextPage: w,
-			onPrevPage: T,
-			onRowClick: I,
-			rowAriaLabel: (e) => B.openRow(e.name),
-			filterComponent: /* @__PURE__ */ m(C, {
-				labels: B,
-				searchValue: E,
-				onSearchChange: D,
-				typeFilter: O,
-				onTypeFilterChange: k,
-				unitFilter: A,
-				onUnitFilterChange: j,
-				unitOptions: M
+			hasNextPage: x,
+			hasPrevPage: C,
+			onNextPage: T,
+			onPrevPage: E,
+			onRowClick: L,
+			rowAriaLabel: (e) => W.openRow(e.name),
+			filterComponent: /* @__PURE__ */ h(w, {
+				labels: W,
+				searchValue: D,
+				onSearchChange: O,
+				typeFilter: k,
+				onTypeFilterChange: A,
+				unitFilter: j,
+				onUnitFilterChange: M,
+				unitOptions: N,
+				headerActions: K
 			}),
-			children: /* @__PURE__ */ m(u, {
-				testId: z,
-				title: N ? B.filterEmptyTitle : B.emptyTitle,
-				description: N ? B.filterEmptyDescription : B.emptyDescription,
-				actionLabel: N ? void 0 : B.emptyAction,
-				onAction: N ? void 0 : P
+			children: /* @__PURE__ */ h(u, {
+				testId: U?.empty,
+				title: P ? W.filterEmptyTitle : W.emptyTitle,
+				description: P ? W.filterEmptyDescription : W.emptyDescription,
+				actionLabel: P || !z ? void 0 : W.emptyAction,
+				onAction: P || !z ? void 0 : F
 			})
-		})]
+		})
 	});
 }
 //#endregion
-export { w as ProductsScreen, w as default };
+export { T as ProductsScreen, T as default };