@tesouro/embedded-components-react 0.3.20 → 0.3.22

package/dist/libs/tesouro-embedded-components-react/monite-sdk/dist/index551.js

@@ -1,210 +1,173 @@
-import { useCurrencies as e } from "./index63.js";
-import { Input as t } from "./index89.js";
-import { InputGroup as n, InputGroupAddon as r, InputGroupInput as i, InputGroupTextarea as a } from "./index107.js";
-import { Combobox as o, ComboboxCollection as s, ComboboxContent as c, ComboboxEmpty as l, ComboboxInput as u, ComboboxItem as d, ComboboxList as f } from "./index108.js";
+import { Scope as e } from "../../shared/data-access/dist/lib/scopes.js";
+import "../../shared/data-access/dist/index.js";
+import { useMoniteContext as t } from "./index47.js";
+import { useCurrencies as n } from "./index63.js";
+import { Button as r } from "./index56.js";
 import "./index217.js";
-import { Typography as p } from "./index62.js";
-import { Label as m } from "./index87.js";
-import { Field as h, FieldContent as g, FieldError as _, FieldLabel as v } from "./index88.js";
-import { RadioGroup as y, RadioGroupItem as b } from "./index90.js";
-import { useGetMeasureUnits as x } from "./index458.js";
-import "./index490.js";
-import { useCallback as S, useMemo as C, useRef as w } from "react";
-import { jsx as T, jsxs as E } from "@emotion/react/jsx-runtime";
-import { useLingui as D } from "@lingui/react";
-import { twMerge as O } from "tailwind-merge";
-import { Controller as k, useFormContext as A } from "react-hook-form";
+import { MoniteScopedProviders as i } from "./index237.js";
+import { useUserPermissions as a } from "./index116.js";
+import { GetNoRowsOverlay as o } from "./index246.js";
+import { AccessRestriction as s } from "./index247.js";
+import "./index249.js";
+import { DataTable as c } from "./index251.js";
+import { hasSelectedText as l } from "./index252.js";
+import { useGetProducts as u } from "./index387.js";
+import "./index491.js";
+import { ManageMeasureUnits as d } from "./index493.js";
+import { ProductDeleteModal as f } from "./index546.js";
+import { ProductType as p } from "./index547.js";
+import { FILTER_TYPE_SEARCH as m } from "./index548.js";
+import { Filters as ee } from "./index549.js";
+import { MeasureUnit as h } from "./index550.js";
+import { useCallback as g, useMemo as _, useState as v } from "react";
+import { ArrowDown as y, ArrowUp as b, ArrowUpDown as x, Plus as S } from "lucide-react";
+import { Fragment as C, jsx as w, jsxs as T } from "@emotion/react/jsx-runtime";
+import { useLingui as E } from "@lingui/react";
 //#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index551.js
-var j = ({ isLoading: j, isEditMode: M, isProduct: N }) => {
-	let { i18n: P } = D(), { getSymbolFromCurrency: F } = e(), I = w(null), { data: L } = x(), R = L?.data ?? [], { control: z, formState: { errors: B } } = A(), V = C(() => R.map((e) => e.id), [R]), H = C(() => new Map(R.map((e) => [e.id, e.name])), [R]), U = S((e) => H.get(e) ?? e, [H]);
-	return /* @__PURE__ */ E("div", {
-		className: "ttw:flex ttw:flex-col ttw:gap-4",
-		children: [
-			M && /* @__PURE__ */ T("div", {
-				className: "ttw:flex ttw:items-center ttw:gap-3 ttw:pt-6 ttw:pb-7 ttw:border-b ttw:border-border",
-				children: /* @__PURE__ */ T(p, {
-					variant: "body1",
-					className: "ttw:font-medium",
-					children: P._("Editing {type} details", { type: N ? "product" : "service" })
+var D = (e) => /* @__PURE__ */ w(i, { children: /* @__PURE__ */ w(O, { ...e }) }), O = ({ onFilterChanged: i, onSortChanged: D, onRowClick: O, onDeleted: k, openCreateModal: A }) => {
+	let { i18n: j } = E(), { componentSettings: M } = t(), { formatCurrencyToDisplay: N } = n(), [P, F] = v(!1), [I, L] = v(void 0), [R, z] = v(M.products.pageSizeOptions[0]), [B, te] = v({}), [V, H] = v(), [U, W] = v({
+		open: !1,
+		id: null
+	}), G = a(), K = G.has(e.InvoiceWriteOrg), q = G.has(e.InvoiceReadOrg), { data: J, isLoading: Y, isError: X, refetch: Z } = u({
+		sort: V?.field,
+		order: V?.sort,
+		limit: R,
+		pagination_token: I,
+		name__icontains: B.search || void 0
+	}), Q = (e, t) => {
+		L(void 0), te((n) => ({
+			...n,
+			[e]: t === "all" ? null : t
+		})), i?.({
+			field: e,
+			value: t
+		});
+	}, $ = _(() => V ? [{
+		id: V.field,
+		desc: V.sort === "desc"
+	}] : [], [V]), ne = g((e) => {
+		let t = typeof e == "function" ? e($) : e;
+		if (t.length > 0) {
+			let e = {
+				field: t[0].id,
+				sort: t[0].desc ? "desc" : "asc"
+			};
+			H(e), D?.(e);
+		} else H(void 0);
+		L(void 0);
+	}, [$, D]), re = _(() => [
+		{
+			accessorKey: "name",
+			header: ({ column: e }) => {
+				let t = e.getIsSorted();
+				return /* @__PURE__ */ T("div", {
+					className: "ttw:flex ttw:items-center ttw:gap-2 ttw:text-inherit",
+					children: [j._("Name"), /* @__PURE__ */ w(r, {
+						variant: "ghost",
+						onClick: () => e.toggleSorting(t === "asc"),
+						children: w(t === "asc" ? b : t === "desc" ? y : x, { className: "ttw:size-4" })
+					})]
+				});
+			},
+			cell: ({ row: e }) => /* @__PURE__ */ w("span", { children: e.original.name })
+		},
+		{
+			accessorKey: "type",
+			header: j._("Type"),
+			cell: ({ row: e }) => e.original.type ? /* @__PURE__ */ w(p, { type: e.original.type }) : null
+		},
+		{
+			accessorKey: "description",
+			header: j._("Description"),
+			cell: ({ row: e }) => /* @__PURE__ */ w("div", {
+				className: "ttw:w-120",
+				children: /* @__PURE__ */ w("span", {
+					className: "ttw:w-full ttw:inline-block ttw:truncate",
+					children: e.original?.description
 				})
+			})
+		},
+		{
+			accessorKey: "price",
+			header: () => /* @__PURE__ */ w("div", {
+				className: "ttw:text-right",
+				children: j._("Price per unit")
 			}),
-			/* @__PURE__ */ T(k, {
-				name: "type",
-				control: z,
-				render: ({ field: e }) => /* @__PURE__ */ E("div", {
-					className: "ttw:flex ttw:flex-col ttw:gap-1.5",
-					children: [/* @__PURE__ */ T(v, { children: P._("Type") }), /* @__PURE__ */ E(y, {
-						className: "ttw:flex",
-						value: e.value,
-						disabled: j,
-						onValueChange: e.onChange,
-						children: [/* @__PURE__ */ E("div", {
-							className: O("ttw:flex ttw:p-4 ttw:flex-1 ttw:gap-2 ttw:border ttw:rounded-xl ttw:border-border ttw:hover:bg-primary/10 ttw:hover:border-primary/30", e.value === "product" && "ttw:bg-primary/10 ttw:border-primary/30"),
-							children: [/* @__PURE__ */ T(b, {
-								value: "product",
-								id: "type-product",
-								className: O(e.value === "product" ? "ttw:bg-primary" : "ttw:bg-white"),
-								dotClassName: O(e.value === "product" && "ttw:fill-white"),
-								disabled: j
-							}), /* @__PURE__ */ E(m, {
-								htmlFor: "type-product",
-								className: "ttw:flex ttw:flex-col ttw:items-start ttw:gap-1.5",
-								children: [/* @__PURE__ */ T(p, {
-									variant: "body2",
-									className: "ttw:leading-3.5",
-									children: P._("Product")
-								}), /* @__PURE__ */ T(p, {
-									variant: "caption",
-									color: "muted",
-									children: P._("A physical or digital item")
-								})]
-							})]
-						}), /* @__PURE__ */ E("div", {
-							className: O("ttw:flex ttw:p-4 ttw:flex-1 ttw:gap-2 ttw:border ttw:rounded-xl ttw:border-border ttw:hover:bg-primary/10 ttw:hover:border-primary/30", e.value === "service" && "ttw:bg-primary/10 ttw:border-primary/30"),
-							children: [/* @__PURE__ */ T(b, {
-								value: "service",
-								id: "type-service",
-								className: O(e.value === "service" ? "ttw:bg-primary" : "ttw:bg-white"),
-								dotClassName: O(e.value === "service" && "ttw:fill-white"),
-								disabled: j
-							}), /* @__PURE__ */ E(m, {
-								htmlFor: "type-service",
-								className: "ttw:flex ttw:flex-col ttw:items-start ttw:gap-1.5",
-								children: [/* @__PURE__ */ T(p, {
-									variant: "body2",
-									className: "ttw:leading-3.5",
-									children: P._("Service")
-								}), /* @__PURE__ */ T(p, {
-									variant: "caption",
-									color: "muted",
-									children: P._("Work or labor you provide")
-								})]
-							})]
+			cell: ({ row: e }) => {
+				let t = e.original.price;
+				return /* @__PURE__ */ T("div", {
+					className: "ttw:justify-end ttw:flex ttw:gap-1 ttw:items-center",
+					children: [t ? N(t.value, t.currency) : "", /* @__PURE__ */ w(h, { unitId: e.original.measure_unit_id ?? "" })]
+				});
+			}
+		}
+	], [j, N]), ie = Object.keys(B).some((e) => B[e] !== null && B[e] !== void 0), ae = !!B[m];
+	return q ? /* @__PURE__ */ T(C, { children: [
+		/* @__PURE__ */ w("div", {
+			className: "ttw:flex ttw:flex-col ttw:overflow-hidden ttw:min-h-125",
+			children: /* @__PURE__ */ w(c, {
+				columns: re,
+				data: J?.data ?? [],
+				sorting: $,
+				onSortingChange: ne,
+				pageSize: R,
+				onPageSizeChange: z,
+				nextPaginationToken: J?.next_pagination_token ?? void 0,
+				prevPaginationToken: J?.prev_pagination_token ?? void 0,
+				onPaginationTokenChange: L,
+				onRowClick: (e) => {
+					l() || O?.(e.id);
+				},
+				filterComponent: /* @__PURE__ */ T("div", {
+					className: "ttw:flex ttw:items-center ttw:justify-between ttw:px-4",
+					children: [/* @__PURE__ */ w(ee, { onChangeFilter: Q }), /* @__PURE__ */ T("div", {
+						className: "ttw:flex ttw:gap-2",
+						children: [/* @__PURE__ */ w(r, {
+							variant: "ghost",
+							onClick: () => F(!0),
+							className: "ttw:py-0 ttw:text-primary ttw:hover:text-primary",
+							children: j._("Manage units of measure")
+						}), /* @__PURE__ */ T(r, {
+							disabled: !K,
+							onClick: A,
+							className: "ttw:py-0",
+							children: [/* @__PURE__ */ w(S, {}), j._("Add product or service")]
 						})]
 					})]
-				})
-			}),
-			/* @__PURE__ */ T(k, {
-				name: "name",
-				control: z,
-				render: ({ field: e, fieldState: { error: n } }) => /* @__PURE__ */ T(h, { children: /* @__PURE__ */ E(g, { children: [
-					/* @__PURE__ */ T(v, {
-						htmlFor: e.name,
-						children: P._("Name")
-					}),
-					/* @__PURE__ */ T(t, {
-						...e,
-						id: e.name,
-						placeholder: P._("e.g. House blend espresso beans"),
-						className: M ? "ttw:bg-white" : "",
-						disabled: j,
-						"aria-invalid": !!n || void 0
-					}),
-					/* @__PURE__ */ T(_, { errors: [n] })
-				] }) })
-			}),
-			/* @__PURE__ */ E("div", {
-				className: "ttw:w-1/2 ttw:flex ttw:flex-col ttw:gap-1.5",
-				children: [
-					/* @__PURE__ */ T(v, { children: P._("Price per unit") }),
-					/* @__PURE__ */ E("div", {
-						className: O("ttw:flex ttw:overflow-hidden ttw:rounded-md ttw:border ttw:border-input ttw:shadow-xs ttw:transition-[color,box-shadow]", "ttw:focus-within:border-ring ttw:focus-within:ring-[3px] ttw:focus-within:ring-ring/50", "ttw:has-[[data-slot][aria-invalid=true]]:border-destructive ttw:has-[[data-slot][aria-invalid=true]]:ring-[3px] ttw:has-[[data-slot][aria-invalid=true]]:ring-destructive/20", M && "ttw:bg-white"),
-						ref: I,
-						children: [
-							/* @__PURE__ */ T(k, {
-								name: "pricePerUnit",
-								control: z,
-								render: ({ field: e, fieldState: { error: t } }) => /* @__PURE__ */ E(n, {
-									className: "ttw:flex-1 ttw:border-0 ttw:shadow-none ttw:rounded-none ttw:has-[[data-slot=input-group-control]:focus-visible]:border-transparent ttw:has-[[data-slot=input-group-control]:focus-visible]:ring-0",
-									children: [/* @__PURE__ */ T(r, {
-										align: "inline-start",
-										children: F("USD")
-									}), /* @__PURE__ */ T(i, {
-										type: "number",
-										name: e.name,
-										ref: e.ref,
-										value: e.value ?? "",
-										onChange: (t) => e.onChange(t.target.value === "" ? void 0 : Number(t.target.value)),
-										className: "ttw:text-end",
-										onBlur: e.onBlur,
-										placeholder: "0.00",
-										"aria-invalid": !!t || void 0,
-										disabled: j
-									})]
-								})
-							}),
-							/* @__PURE__ */ T("div", { className: "ttw:w-px ttw:shrink-0 ttw:bg-border" }),
-							/* @__PURE__ */ T(k, {
-								name: "measureUnitId",
-								control: z,
-								render: ({ field: e }) => /* @__PURE__ */ E(o, {
-									value: e.value ?? null,
-									onValueChange: (t) => e.onChange(t ?? void 0),
-									items: V,
-									itemToStringLabel: U,
-									disabled: j,
-									children: [/* @__PURE__ */ T(u, {
-										showClear: !!e.value,
-										placeholder: "-",
-										disabled: j,
-										className: "ttw:w-28 ttw:border-0 ttw:shadow-none ttw:rounded-none ttw:has-[[data-slot=input-group-control]:focus-visible]:border-transparent ttw:has-[[data-slot=input-group-control]:focus-visible]:ring-0"
-									}), /* @__PURE__ */ T(c, {
-										container: I.current,
-										children: /* @__PURE__ */ E(f, { children: [/* @__PURE__ */ T(l, { children: P._("No units found") }), /* @__PURE__ */ T(s, { children: (e) => /* @__PURE__ */ T(d, {
-											value: e,
-											children: U(e)
-										}, e) })] })
-									})]
-								})
-							})
-						]
-					}),
-					/* @__PURE__ */ T(_, { errors: [B.pricePerUnit] })
-				]
-			}),
-			/* @__PURE__ */ T(k, {
-				name: "description",
-				control: z,
-				render: ({ field: e, fieldState: { error: t } }) => /* @__PURE__ */ T(h, {
-					className: "ttw:block",
-					children: /* @__PURE__ */ E(g, { children: [
-						/* @__PURE__ */ E(v, {
-							htmlFor: e.name,
-							className: "ttw:gap-1",
-							children: [P._("Description"), /* @__PURE__ */ T(p, {
-								variant: "body2",
-								color: "muted",
-								className: "ttw:leading-snug",
-								children: P._("(optional)")
-							})]
-						}),
-						/* @__PURE__ */ E(n, {
-							className: O(M && "ttw:bg-white"),
-							children: [/* @__PURE__ */ T(a, {
-								...e,
-								id: e.name,
-								placeholder: P._("e.g. 16oz whole bean, medium-dark roast, ground to order"),
-								rows: 4,
-								maxLength: 280,
-								disabled: j,
-								"aria-invalid": !!t || void 0
-							}), /* @__PURE__ */ T(r, {
-								align: "block-end",
-								className: "ttw:cursor-default",
-								children: /* @__PURE__ */ T(p, {
-									variant: "caption",
-									color: "muted",
-									className: "ttw:leading-none",
-									children: P._("{count}/280 characters", { count: (e.value ?? "").length })
-								})
-							})]
-						}),
-						/* @__PURE__ */ T(_, { errors: [t] })
-					] })
+				}),
+				children: /* @__PURE__ */ w(o, {
+					isLoading: Y,
+					dataLength: J?.data.length || 0,
+					isFiltering: ie,
+					isSearching: ae,
+					isError: X,
+					onCreate: A,
+					refetch: Z,
+					filterTitle: j._("No product or service found"),
+					filterDescription1: j._("Try adjusting your search or filter criteria"),
+					entityName: j._("products or services"),
+					actionButtonLabel: j._("Add your first product or service"),
+					actionOptions: [j._("Product")],
+					noDataTitle: j._("Build your products & services list."),
+					noDataDescription1: j._("Save the products and services you sell so you can quickly add them as line items on invoices."),
+					type: "no-data"
 				})
 			})
-		]
-	});
+		}),
+		U.id && /* @__PURE__ */ w(f, {
+			id: U.id,
+			open: U.open,
+			onDeleted: k,
+			onClose: () => W((e) => ({
+				...e,
+				open: !1
+			}))
+		}),
+		P && /* @__PURE__ */ w(d, {
+			open: P,
+			handleClose: () => F(!1)
+		})
+	] }) : /* @__PURE__ */ w(s, {});
 };
 //#endregion
-export { j as ProductFormContent };
+export { D as ProductsTable };