@tesouro/embedded-components-react 0.2.288 → 0.2.292

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

@@ -1,210 +1,4 @@
-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 "./index103.js";
-import { Combobox as o, ComboboxCollection as s, ComboboxContent as c, ComboboxEmpty as l, ComboboxInput as u, ComboboxItem as d, ComboboxList as f } from "./index104.js";
-import "./index189.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 "./index447.js";
-import "./index477.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";
 //#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index536.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" })
-				})
-			}),
-			/* @__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")
-								})]
-							})]
-						})]
-					})]
-				})
-			}),
-			/* @__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] })
-					] })
-				})
-			})
-		]
-	});
-};
+var e = "search";
 //#endregion
-export { j as ProductFormContent };
+export { e as FILTER_TYPE_SEARCH };

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

@@ -1,84 +1,27 @@
-import { useCurrencies as e } from "./index63.js";
-import { Button as t } from "./index56.js";
-import "./index189.js";
-import { LoadingSpinner as n } from "./index51.js";
-import "./index52.js";
-import { getProductValidationSchema as r } from "./index465.js";
-import { useUpdateProduct as i } from "./index476.js";
-import { ProductFormContent as a } from "./index536.js";
-import { useCallback as o, useId as s, useMemo as c } from "react";
-import { jsx as l, jsxs as u } from "@emotion/react/jsx-runtime";
-import { useLingui as d } from "@lingui/react";
-import { FormProvider as f, useForm as p } from "react-hook-form";
-import { zodResolver as m } from "@hookform/resolvers/zod";
+import { InputGroup as e, InputGroupAddon as t, InputGroupInput as n } from "./index103.js";
+import { useDebounceCallback as r } from "./index185.js";
+import { FILTER_TYPE_SEARCH as i } from "./index536.js";
+import { Search as a } from "lucide-react";
+import { jsx as o, jsxs as s } from "@emotion/react/jsx-runtime";
+import { useLingui as c } from "@lingui/react";
 //#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index537.js
-var h = ({ product: h, handleClose: g, onUpdate: _ }) => {
-	let { i18n: v } = d(), { formatToMinorUnits: y, formatFromMinorUnits: b } = e(), x = `product-edit-form-${s()}`, { mutate: S, isPending: C } = i(h.id), w = c(() => ({
-		name: h.name,
-		type: h.type ?? "product",
-		pricePerUnit: b(h.price?.value, h.price?.currency) ?? void 0,
-		currency: h.price?.currency ?? "USD",
-		description: h.description ?? "",
-		measureUnitId: h.measure_unit_id ?? void 0
-	}), [
-		h.name,
-		h.type,
-		h.price?.value,
-		h.price?.currency,
-		h.description,
-		h.measure_unit_id,
-		b
-	]), T = p({
-		resolver: m(r(v)),
-		defaultValues: w
-	}), E = o((e) => {
-		e.preventDefault(), e.stopPropagation(), T.handleSubmit((e) => {
-			S({
-				name: e.name,
-				type: e.type,
-				price: {
-					value: y(e.pricePerUnit, e.currency) ?? e.pricePerUnit,
-					currency: e.currency
-				},
-				description: e.description,
-				...e.measureUnitId ? { measure_unit_id: e.measureUnitId } : {}
-			}, { onSuccess: (e) => {
-				_?.(e);
-			} });
-		})(e);
-	}, [
-		S,
-		y,
-		_,
-		T.handleSubmit
-	]);
-	return /* @__PURE__ */ l(f, {
-		...T,
-		children: /* @__PURE__ */ u("form", {
-			id: x,
-			onSubmit: E,
-			className: "ttw:flex ttw:flex-col ttw:gap-4 ttw:p-4 ttw:border ttw:border-primary ttw:rounded-[10px] ttw:bg-zinc-100",
-			children: [/* @__PURE__ */ l(a, {
-				isLoading: C,
-				isProduct: h?.type === "product",
-				isEditMode: !0
-			}), /* @__PURE__ */ u("div", {
-				className: "ttw:flex ttw:gap-4 ttw:pt-6",
-				children: [/* @__PURE__ */ l(t, {
-					type: "button",
-					variant: "outline",
-					className: "ttw:border-border ttw:flex-1",
-					onClick: g,
-					children: v._("Cancel")
-				}), /* @__PURE__ */ u(t, {
-					type: "submit",
-					className: "ttw:flex-1",
-					disabled: C || !T.formState.isDirty,
-					children: [C && /* @__PURE__ */ l(n, { className: "ttw:border-white ttw:border-t-transparent ttw:size-4" }), v._("Save")]
-				})]
+var l = ({ onChangeFilter: l }) => {
+	let { i18n: u } = c(), d = r((e) => {
+		l(i, e);
+	}, 500);
+	return /* @__PURE__ */ o("div", {
+		className: "ttw:flex ttw:justify-between ttw:items-center ttw:gap-4",
+		children: /* @__PURE__ */ s(e, {
+			className: "ttw:w-80",
+			children: [/* @__PURE__ */ o(t, {
+				align: "inline-start",
+				children: /* @__PURE__ */ o(a, {})
+			}), /* @__PURE__ */ o(n, {
+				placeholder: u._("Search by name"),
+				onChange: (e) => d(e.target.value)
 			})]
 		})
 	});
 };
 //#endregion
-export { h as ProductEditForm };
+export { l as Filters };

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

@@ -1,19 +1,16 @@
-import { Typography as e } from "./index62.js";
-import { jsx as t, jsxs as n } from "@emotion/react/jsx-runtime";
-import { twMerge as r } from "tailwind-merge";
+import { useMoniteContext as e } from "./index47.js";
+import { Skeleton as t } from "./index54.js";
+import { Typography as n } from "./index62.js";
+import { memo as r } from "react";
+import { jsx as i } from "@emotion/react/jsx-runtime";
 //#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index538.js
-var i = ({ label: i, value: a, isLast: o }) => /* @__PURE__ */ n("li", {
-	className: r("ttw:flex ttw:gap-4 ttw:py-2.5", !o && "ttw:border-b ttw:border-border"),
-	children: [/* @__PURE__ */ t(e, {
-		variant: "body2",
+var a = r(({ unitId: r }) => {
+	let { api: a } = e(), { data: o, isLoading: s } = a.finops.getMeasureUnitsId.useQuery({ path: { unit_id: r } });
+	return s ? /* @__PURE__ */ i(t, { className: "ttw:h-4 ttw:w-4" }) : o ? /* @__PURE__ */ i(n, {
 		color: "muted",
-		className: "ttw:w-35 ttw:min-w-35 ttw:font-medium",
-		children: i
-	}), typeof a == "string" ? /* @__PURE__ */ t(e, {
 		variant: "body2",
-		className: "ttw:font-medium",
-		children: a
-	}) : a]
+		children: o.name
+	}) : null;
 });
 //#endregion
-export { i as ProductDetailLine };
+export { a as MeasureUnit };