@tesouro/embedded-components-react 0.2.324 → 0.2.326

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

@@ -1,3 +1,80 @@
-import "./index593.js";
-import "./index594.js";
-import "./index598.js";
+import { Typography as e } from "./index62.js";
+import { Switch as t } from "./index464.js";
+import { jsx as n, jsxs as r } from "@emotion/react/jsx-runtime";
+import { useLingui as i } from "@lingui/react";
+import { twMerge as a } from "tailwind-merge";
+import { Controller as o, useFormContext as s } from "react-hook-form";
+//#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index599.js
+var c = ({ control: c, isDialog: l }) => {
+	let { i18n: u } = i(), { watch: d, setValue: f } = s(), p = d("invoice_bank_display");
+	return /* @__PURE__ */ r("div", {
+		className: "ttw:flex ttw:flex-col ttw:gap-2.5",
+		children: [/* @__PURE__ */ r("div", {
+			className: "ttw:flex ttw:flex-col ttw:gap-1.5 ttw:pt-5 ttw:pb-2.5",
+			children: [/* @__PURE__ */ n(e, {
+				variant: "h3",
+				children: u._("PDF settings")
+			}), /* @__PURE__ */ n(e, {
+				variant: "body2",
+				color: "muted",
+				children: u._("Invoices are generated as PDFs")
+			})]
+		}), /* @__PURE__ */ r("div", {
+			className: a("ttw:flex ttw:flex-col ttw:gap-2.5 ttw:rounded-lg", l ? "ttw:bg-zinc-100 ttw:p-4" : ""),
+			children: [/* @__PURE__ */ r("section", {
+				className: "ttw:flex ttw:justify-between ttw:gap-4",
+				children: [/* @__PURE__ */ r("div", {
+					className: "ttw:flex ttw:flex-col ttw:gap-1",
+					children: [/* @__PURE__ */ n(e, {
+						variant: "body1",
+						className: "ttw:font-medium",
+						children: u._("Display your bank account details on the PDF")
+					}), /* @__PURE__ */ n(e, {
+						variant: "body2",
+						color: "muted",
+						children: u._("Shows your bank account number, routing number, and account holder name so that customers can pay using an ACH bank transfer. Should only be used with accounts that have a debit block.")
+					})]
+				}), /* @__PURE__ */ n(t, {
+					checked: p,
+					onCheckedChange: (e) => {
+						f("invoice_bank_display", e, { shouldDirty: !0 });
+					},
+					"aria-label": u._("Display bank display options")
+				})]
+			}), /* @__PURE__ */ r("section", {
+				className: "ttw:flex ttw:justify-between ttw:gap-4",
+				children: [/* @__PURE__ */ r("div", {
+					className: "ttw:flex ttw:flex-col ttw:gap-1",
+					children: [
+						/* @__PURE__ */ n(e, {
+							variant: "body1",
+							className: "ttw:font-medium",
+							children: u._("Update PDF files for paid invoices")
+						}),
+						/* @__PURE__ */ n(e, {
+							variant: "body2",
+							color: "muted",
+							children: u._("PDF invoice files will be regenerated to reflect payments made and any remaining amount due. Once a PDF has been updated, you won't be able to revert it.")
+						}),
+						/* @__PURE__ */ n(e, {
+							variant: "body2",
+							color: "muted",
+							className: "ttw:font-medium",
+							children: u._("Once updated, you won't be able to revert the PDFs.")
+						})
+					]
+				}), /* @__PURE__ */ n(o, {
+					name: "update_paid_invoices",
+					control: c,
+					render: ({ field: e }) => /* @__PURE__ */ n(t, {
+						checked: e.value,
+						onCheckedChange: e.onChange,
+						"aria-label": u._("Enable update paid invoices pdf")
+					})
+				})]
+			})]
+		})]
+	});
+};
+//#endregion
+export { c as PDFSettings };

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

@@ -1,26 +1,146 @@
-import { ConfirmationModal as e } from "./index59.js";
-import "./index60.js";
+import { Input as e } from "./index89.js";
 import { Typography as t } from "./index62.js";
-import { jsx as n, jsxs as r } from "@emotion/react/jsx-runtime";
-import { useLingui as i } from "@lingui/react";
+import { Field as n, FieldContent as r, FieldError as i, FieldLabel as a } from "./index88.js";
+import { Checkbox as o } from "./index99.js";
+import { jsx as s, jsxs as c } from "@emotion/react/jsx-runtime";
+import { useLingui as l } from "@lingui/react";
+import { Controller as u, useFormContext as d } from "react-hook-form";
 //#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index600.js
-var a = ({ open: a, onClose: o, onContinue: s }) => {
-	let { i18n: c } = i();
-	return /* @__PURE__ */ r(e, {
-		open: a,
-		title: c._("You have unsaved changes"),
-		confirmLabel: c._("Quit without saving"),
-		cancelLabel: c._("Cancel"),
-		onClose: o,
-		onConfirm: s,
-		children: [/* @__PURE__ */ n(t, {
-			variant: "body1",
-			children: c._("Any unsaved changes will be lost.")
-		}), /* @__PURE__ */ n(t, {
-			variant: "body1",
-			children: c._("Are you sure you want to quit without saving?")
-		})]
+var f = ({ control: f }) => {
+	let { i18n: p } = l(), { setValue: m, watch: h } = d(), g = h("min_digits"), _ = h("prefix"), v = h("separator"), y = h("include_date"), b = h("invoice"), x = h("invoice_number");
+	function S() {
+		return `${b}${v}${_ ? `${_}${v}` : ""}${y ? `${(/* @__PURE__ */ new Date()).getFullYear()}${v}` : ""}${x.toString().padStart(g, "0")}`;
+	}
+	let C = S();
+	return /* @__PURE__ */ c("div", {
+		className: "ttw:flex ttw:flex-col ttw:gap-2.5",
+		children: [
+			/* @__PURE__ */ c("div", {
+				className: "ttw:flex ttw:flex-col ttw:gap-1.5 ttw:pt-5 ttw:pb-2.5",
+				children: [/* @__PURE__ */ s(t, {
+					variant: "h3",
+					children: p._("Invoice numbering")
+				}), /* @__PURE__ */ s(t, {
+					variant: "body2",
+					color: "muted",
+					children: p._("Specify how you want your invoices to be numbered. Changes apply to new invoices only. Existing invoice numbers won't be updated.")
+				})]
+			}),
+			/* @__PURE__ */ c("div", {
+				className: "ttw:flex ttw:flex-col ttw:w-94 ttw:gap-0.5 ttw:p-4 ttw:bg-neutral-200 ttw:rounded-xl",
+				children: [/* @__PURE__ */ s(t, {
+					variant: "body2",
+					color: "muted",
+					children: p._("Preview")
+				}), /* @__PURE__ */ s(t, {
+					variant: "h4",
+					className: "ttw:font-medium",
+					children: C
+				})]
+			}),
+			/* @__PURE__ */ c("div", {
+				className: "ttw:flex ttw:w-min ttw:gap-2 ttw:p-2",
+				children: [
+					/* @__PURE__ */ s(u, {
+						name: "invoice",
+						control: f,
+						render: ({ field: t, fieldState: { error: o } }) => /* @__PURE__ */ s(n, { children: /* @__PURE__ */ c(r, {
+							className: "ttw:grow-0",
+							children: [
+								/* @__PURE__ */ s(a, {
+									htmlFor: t.name,
+									children: p._("Invoice prefix")
+								}),
+								/* @__PURE__ */ s(e, {
+									...t,
+									id: t.name,
+									maxLength: 25,
+									"aria-invalid": !!o || void 0,
+									className: "ttw:w-29 ttw:min-w-29 ttw:bg-white"
+								}),
+								/* @__PURE__ */ s(i, { errors: [o] })
+							]
+						}) })
+					}),
+					/* @__PURE__ */ s(u, {
+						name: "invoice_number",
+						control: f,
+						render: ({ field: t, fieldState: { error: o } }) => /* @__PURE__ */ s(n, { children: /* @__PURE__ */ c(r, {
+							className: "ttw:grow-0",
+							children: [
+								/* @__PURE__ */ s(a, {
+									htmlFor: t.name,
+									children: p._("Starting number")
+								}),
+								/* @__PURE__ */ s(e, {
+									...t,
+									id: t.name,
+									type: "number",
+									"aria-invalid": !!o || void 0,
+									onChange: (e) => {
+										let n = e.target.value.replace(/^0+(?=\d)/, "");
+										t.onChange(Number(n));
+									},
+									value: t.value.toString().padStart(g, "0"),
+									className: "ttw:w-29 ttw:min-w-29 ttw:bg-white"
+								}),
+								/* @__PURE__ */ s(i, { errors: [o] })
+							]
+						}) })
+					}),
+					/* @__PURE__ */ s(u, {
+						name: "min_digits",
+						control: f,
+						render: ({ field: t, fieldState: { error: o } }) => /* @__PURE__ */ s(n, { children: /* @__PURE__ */ c(r, {
+							className: "ttw:grow-0",
+							children: [
+								/* @__PURE__ */ s(a, {
+									htmlFor: t.name,
+									children: p._("Digit count")
+								}),
+								/* @__PURE__ */ s(e, {
+									...t,
+									id: t.name,
+									type: "number",
+									className: "ttw:bg-white ttw:w-29 ttw:max-w-29",
+									onChange: (e) => {
+										+e.target.value > 20 ? m("min_digits", 20, { shouldDirty: !0 }) : t.onChange(e);
+									},
+									"aria-invalid": !!o || void 0
+								}),
+								/* @__PURE__ */ s(i, { errors: [o] })
+							]
+						}) })
+					})
+				]
+			}),
+			/* @__PURE__ */ s("div", {
+				className: "ttw:bg-transparent ttw:w-full ttw:p-2",
+				children: /* @__PURE__ */ s(u, {
+					name: "include_date",
+					control: f,
+					render: ({ field: e }) => /* @__PURE__ */ s(n, {
+						orientation: "horizontal",
+						children: /* @__PURE__ */ c(r, {
+							className: "ttw:flex-row ttw:items-center",
+							children: [/* @__PURE__ */ s(o, {
+								id: e.name,
+								ref: e.ref,
+								checked: e.value ?? !1,
+								onCheckedChange: e.onChange,
+								onBlur: e.onBlur,
+								className: "ttw:bg-white"
+							}), /* @__PURE__ */ s(a, {
+								htmlFor: e.name,
+								className: "ttw:font-normal",
+								children: p._("Include the current year in the invoice number prefix")
+							})]
+						})
+					})
+				})
+			})
+		]
 	});
 };
 //#endregion
-export { a as DiscardChangesModal };
+export { f as InvoiceNumbering };

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

@@ -1,71 +1,30 @@
-import { Scope as e } from "../../shared/data-access/dist/lib/scopes.js";
-import "../../shared/data-access/dist/index.js";
-import { useMyEntity as t } from "./index133.js";
-import { Sheet as n, SheetContent as r, SheetDescription as i, SheetHeader as a, SheetTitle as o } from "./index50.js";
-import { LoadingSpinner as s } from "./index51.js";
-import { useUserPermissions as c } from "./index112.js";
-import { PageHeader as l } from "./index328.js";
-import { DiscardChangesContextProvider as u, useDiscardChangesContext as d } from "./index583.js";
-import { useGetEntitySettings as f } from "./index587.js";
-import { useGetEntityDocumentNumber as p } from "./index589.js";
-import { LogoSection as m } from "./index593.js";
-import { TemplateSettingsContent as h } from "./index598.js";
-import "./index599.js";
-import { DiscardChangesModal as g } from "./index600.js";
-import { useState as _ } from "react";
-import { Fragment as v, jsx as y, jsxs as b } from "@emotion/react/jsx-runtime";
-import { useLingui as x } from "@lingui/react";
+import { z as e } from "zod";
 //#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index601.js
-var S = (e) => /* @__PURE__ */ y(u, { children: /* @__PURE__ */ y(C, { ...e }) }), C = ({ isDialog: u, isOpen: S, handleCloseDialog: C }) => {
-	let w = c(), { shouldShowChangesModal: T, handleShowModal: E } = d(), { i18n: D } = x(), [O, k] = _(!1), A = w.has(e.OrganizationSettingsWriteOrg), { data: j } = t(), M = j?.id ?? "", { data: N, isLoading: P } = f(M, A), { data: F, isLoading: I } = p(M, A), L = P || I;
-	if (!A) return null;
-	let R = () => {
-		T ? k(!0) : C?.();
-	}, z = /* @__PURE__ */ b("div", {
-		className: "ttw:flex ttw:flex-col ttw:gap-6 ttw:w-full ttw:max-w-163",
-		children: [
-			/* @__PURE__ */ y(m, {}),
-			L && /* @__PURE__ */ y(s, {}),
-			N && F && /* @__PURE__ */ y(h, {
-				entityId: M,
-				entitySettings: N,
-				nextNumbers: F,
-				isDialog: u
-			})
-		]
-	});
-	return /* @__PURE__ */ b(v, { children: [u ? /* @__PURE__ */ y(n, {
-		open: !!S,
-		onOpenChange: (e) => !e && R(),
-		children: /* @__PURE__ */ b(r, {
-			className: "ttw:flex ttw:flex-col ttw:gap-6 ttw:p-6 ttw:overflow-auto",
-			children: [/* @__PURE__ */ b(a, {
-				className: "ttw:p-0",
-				children: [/* @__PURE__ */ y(o, {
-					className: "ttw:text-2xl ttw:font-semibold ttw:leading-8 ttw:text-text",
-					children: D._("Edit invoice settings")
-				}), /* @__PURE__ */ y(i, {
-					className: "ttw:sr-only",
-					children: D._("Manage invoice settings including logo, and document configuration")
-				})]
-			}), z]
-		})
-	}) : /* @__PURE__ */ b(v, { children: [/* @__PURE__ */ y(l, {
-		className: "-Header",
-		titleVariant: "h3",
-		title: /* @__PURE__ */ y(v, { children: D._("Invoices") })
-	}), /* @__PURE__ */ y("div", {
-		className: "ttw:rounded-xl ttw:border ttw:border-border ttw:bg-card ttw:p-6",
-		children: z
-	})] }), /* @__PURE__ */ y(g, {
-		open: O,
-		onClose: () => {
-			k(!1);
-		},
-		onContinue: () => {
-			k(!1), E(!1), u && C && C();
-		}
-	})] });
-};
+var t = (t, n) => e.object({
+	min_digits: e.coerce.number().int().min(1, t._("Can't be less than 1")).max(20, t._("Can't be greater than 20")),
+	credit_note: e.string().min(1),
+	credit_note_number: e.coerce.number().int().min(n.credit_note, t._("Can't be less than {nextNumbersCredit_note}", { nextNumbersCredit_note: n.credit_note })),
+	delivery_note: e.string().min(1),
+	delivery_note_number: e.coerce.number().int().min(n.delivery_note, t._("Can't be less than {nextNumbersDelivery_note}", { nextNumbersDelivery_note: n.delivery_note })),
+	quote: e.string().min(1),
+	quote_number: e.coerce.number().int().min(n.quote, t._("Can't be less than {nextNumbersQuote}", { nextNumbersQuote: n.quote })),
+	invoice: e.string().min(1, t._("Invoice prefix is required")).max(25, t._("Invoice prefix should have at most 25 characters")),
+	invoice_number: e.coerce.number().int().min(n.invoice, t._("Can't be less than {nextNumbersInvoice}", { nextNumbersInvoice: n.invoice })),
+	purchase_order: e.string().min(1),
+	purchase_order_number: e.coerce.number().int().min(n.purchase_order, t._("Can't be less than {nextNumbersPurchase_order}", { nextNumbersPurchase_order: n.purchase_order })),
+	include_date: e.boolean(),
+	prefix: e.string().max(25, t._("Prefix should have at most 25 characters")),
+	separator: e.enum([
+		"/",
+		"-",
+		"|",
+		".",
+		""
+	]),
+	invoice_bank_display: e.boolean(),
+	update_paid_invoices: e.boolean(),
+	quote_signature_display: e.boolean(),
+	quote_electronic_signature: e.union([e.boolean(), e.string()])
+});
 //#endregion
-export { S as TemplateSettings };
+export { t as getInvoiceSettingsFormSchema };

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

@@ -1 +1,18 @@
-import "./index601.js";
+//#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index602.js
+var e = (e) => !!e && typeof e == "object" && "display_organization_bank_account" in e, t = (t, n) => e(t) ? !!(t.display_organization_bank_account ?? n) : n, n = (t, n) => {
+	let r = e(t?.invoice);
+	return {
+		...t,
+		display_organization_bank_account: n.invoice_bank_display,
+		quote: {
+			...t?.quote,
+			display_signature: n.quote_signature_display
+		},
+		...r ? { invoice: {
+			...t?.invoice,
+			display_organization_bank_account: n.invoice_bank_display
+		} } : {}
+	};
+};
+//#endregion
+export { n as buildDocumentRendering, t as getBankDisplayValue, e as hasBankDisplay };

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

@@ -1,66 +1,91 @@
-import "./index53.js";
-import "./index113.js";
-import "./index201.js";
-import "./index202.js";
-import "./index231.js";
-import "./index244.js";
-import "./index245.js";
-import "./index247.js";
-import "./index249.js";
-import "./index300.js";
-import "./index310.js";
-import "./index326.js";
-import "./index328.js";
-import "./index329.js";
-import "./index345.js";
-import "./index347.js";
-import "./index350.js";
-import "./index351.js";
-import "./index352.js";
-import "./index353.js";
-import "./index354.js";
-import "./index355.js";
-import "./index356.js";
-import "./index357.js";
-import "./index358.js";
-import "./index359.js";
-import "./index360.js";
-import "./index361.js";
-import "./index362.js";
-import "./index363.js";
-import "./index364.js";
-import "./index365.js";
-import "./index366.js";
-import "./index367.js";
-import "./index368.js";
-import "./index416.js";
-import "./index429.js";
-import "./index434.js";
-import "./index441.js";
-import "./index446.js";
-import "./index447.js";
-import "./index501.js";
-import "./index531.js";
-import "./index532.js";
-import "./index539.js";
-import "./index543.js";
-import "./index544.js";
-import "./index545.js";
-import "./index550.js";
-import "./index552.js";
-import "./index565.js";
-import "./index571.js";
-import "./index573.js";
-import "./index578.js";
-import "./index580.js";
-import "./index581.js";
-import "./index601.js";
-import "./index250.js";
-import "./index330.js";
-import "./index348.js";
-import "./index435.js";
-import "./index533.js";
-import "./index546.js";
-import "./index553.js";
-import "./index582.js";
-import "./index602.js";
+import { Button as e } from "./index56.js";
+import { safeZodResolver as t } from "./index386.js";
+import { useDiscardChangesContext as n } from "./index588.js";
+import { usePatchEntitySettings as r } from "./index593.js";
+import { PDFSettings as i } from "./index599.js";
+import { InvoiceNumbering as a } from "./index600.js";
+import { getInvoiceSettingsFormSchema as o } from "./index601.js";
+import { buildDocumentRendering as s, getBankDisplayValue as c } from "./index602.js";
+import { useEffect as l } from "react";
+import { jsx as u, jsxs as d } from "@emotion/react/jsx-runtime";
+import { useLingui as f } from "@lingui/react";
+import { FormProvider as p, useForm as m } from "react-hook-form";
+//#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index603.js
+var h = ({ entityId: h, entitySettings: g, nextNumbers: _, isDialog: v }) => {
+	let { i18n: y } = f(), { handleShowModal: b } = n(), { mutate: x, isPending: S } = r(h), C = m({
+		resolver: t(o(y, _)),
+		defaultValues: {
+			credit_note: g?.document_ids?.document_type_prefix?.credit_note ?? "CN",
+			credit_note_number: _?.credit_note ?? 1,
+			delivery_note: g?.document_ids?.document_type_prefix?.delivery_note ?? "DN",
+			delivery_note_number: _?.delivery_note ?? 1,
+			invoice: g?.document_ids?.document_type_prefix?.invoice ?? "INV",
+			invoice_number: _?.invoice ?? 1,
+			purchase_order: g?.document_ids?.document_type_prefix?.purchase_order ?? "PO",
+			purchase_order_number: _?.purchase_order ?? 1,
+			quote: g?.document_ids?.document_type_prefix?.quote ?? "Q",
+			quote_number: _?.quote ?? 1,
+			include_date: g?.document_ids?.include_date ?? !1,
+			min_digits: g?.document_ids?.min_digits ?? 5,
+			prefix: g?.document_ids?.prefix ?? "",
+			separator: g?.document_ids?.separator ?? "-",
+			invoice_bank_display: c(g?.document_rendering?.invoice, !!(g?.document_rendering?.display_organization_bank_account ?? !1)),
+			credit_note_bank_display: c(g?.document_rendering?.credit_note, !!(g?.document_rendering?.display_organization_bank_account ?? !1)),
+			quote_bank_display: c(g?.document_rendering?.quote, !!(g?.document_rendering?.display_organization_bank_account ?? !1)),
+			update_paid_invoices: g?.generate_paid_invoice_pdf ?? !1,
+			quote_signature_display: g?.document_rendering?.quote?.display_signature ?? !1,
+			quote_electronic_signature: g?.quote_signature_required ?? !1
+		}
+	}), { control: w, handleSubmit: T, formState: E, reset: D } = C, O = (e) => {
+		let { dirtyFields: t } = E, n = s(g?.document_rendering, e), r = t.invoice_number;
+		x({
+			path: { entity_id: h },
+			body: {
+				...g,
+				document_ids: {
+					document_type_prefix: {
+						invoice: e.invoice,
+						credit_note: e.credit_note,
+						delivery_note: e.delivery_note,
+						purchase_order: e.purchase_order,
+						quote: e.quote
+					},
+					...r && { next_number: { invoice: e.invoice_number } },
+					min_digits: e.min_digits,
+					separator: e.separator,
+					include_date: e.include_date,
+					prefix: e.prefix || null
+				},
+				document_rendering: n,
+				generate_paid_invoice_pdf: e.update_paid_invoices,
+				quote_signature_required: e.quote_electronic_signature === !0 || e.quote_electronic_signature === "true"
+			}
+		}, { onSuccess: () => {
+			D(C.getValues());
+		} });
+	};
+	return l(() => {
+		b(E?.isDirty);
+	}, [E?.isDirty, b]), /* @__PURE__ */ u(p, {
+		...C,
+		children: /* @__PURE__ */ d("form", {
+			className: "ttw:flex ttw:flex-col ttw:gap-6",
+			onSubmit: T(O),
+			children: [
+				/* @__PURE__ */ u(a, { control: w }),
+				/* @__PURE__ */ u(i, {
+					control: w,
+					isDialog: v
+				}),
+				/* @__PURE__ */ u(e, {
+					type: "submit",
+					className: "ttw:w-fit",
+					disabled: S || !E?.isDirty,
+					children: y._("Save changes")
+				})
+			]
+		})
+	});
+};
+//#endregion
+export { h as TemplateSettingsContent };

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

@@ -1,29 +1,3 @@
-import { jsx as e } from "@emotion/react/jsx-runtime";
-import { Toaster as t } from "react-hot-toast";
-import { useTheme as n } from "@mui/material";
-//#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index604.js
-var r = () => {
-	let r = n();
-	return /* @__PURE__ */ e(t, {
-		toastOptions: { style: {
-			padding: "8px 12px",
-			borderRadius: "4px",
-			fontFamily: r.typography.body1.fontFamily,
-			fontWeight: 500,
-			fontSize: "14px",
-			lineHeight: "20px",
-			background: r.palette.grey[900],
-			color: r.palette.grey[50]
-		} },
-		gutter: 8,
-		position: "bottom-left",
-		containerStyle: {
-			top: 40,
-			left: 40,
-			bottom: 40,
-			right: 40
-		}
-	});
-};
-//#endregion
-export { r as GlobalToast };
+import "./index598.js";
+import "./index599.js";
+import "./index603.js";