@tesouro/embedded-components-react 0.5.202 → 0.5.204

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 };

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",