@tesouro/embedded-components-react 0.2.324 → 0.2.326

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

@@ -1,22 +1,148 @@
-import { getAPIErrorMessage as e } from "./index26.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 { toast as n } from "react-hot-toast";
-import { useLingui as r } from "@lingui/react";
+import { useCounterpartById as n } from "./index48.js";
+import { Button as r } from "./index56.js";
+import { useCounterpartAddresses as i } from "./index126.js";
+import { useMyEntity as a } from "./index133.js";
+import "./index138.js";
+import { Dialog as o, DialogContent as s, DialogDescription as c, DialogFooter as l, DialogHeader as u, DialogTitle as d } from "./index58.js";
+import { ConfirmationModal as f } from "./index59.js";
+import "./index60.js";
+import { useUserPermissions as p } from "./index112.js";
+import { buildInvoicePreviewData as ee } from "./index225.js";
+import "./index232.js";
+import { LoadingPage as te } from "./index255.js";
+import "./index256.js";
+import { CustomerSection as ne } from "./index456.js";
+import { BillingSection as re } from "./index468.js";
+import { ItemsSection as ie } from "./index491.js";
+import { BankAccountSection as m } from "./index493.js";
+import { NotesSection as h } from "./index494.js";
+import { AttachmentSection as g } from "./index495.js";
+import { InvoicePreview as _ } from "./index504.js";
+import { useMemo as v, useState as y } from "react";
+import { X as b } from "lucide-react";
+import { Fragment as x, jsx as S, jsxs as C } from "@emotion/react/jsx-runtime";
+import { useLingui as w } from "@lingui/react";
+import { FormProvider as T } from "react-hook-form";
 //#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index505.js
-var i = (i, a) => {
-	let { i18n: o } = r(), { api: s, queryClient: c } = t();
-	return s.finops.postRecurrencesIdResume.useMutation({ path: { recurrence_id: i } }, {
-		onError: (t) => {
-			n.error(e(o, t));
+var E = ({ open: E, onRequestClose: D, methods: O, title: k, description: A, currency: j, embeddedBankName: M, showPurchaseOrder: N = !0, lockRecurrenceSchedule: P = !1, formName: F, onSubmit: I, formScrollRef: L, registerLineItemCleanupFn: R, onAttachmentsUploadingChange: z, disabled: B, closeDisabled: ae, footer: V, discardModal: H }) => {
+	let { i18n: U } = w(), { api: W, componentSettings: G } = t(), K = p().has(e.CounterpartWriteOrg), q = !!G?.receivables?.enableEntityBankAccount, { data: J, isLoading: oe } = W.finops.getPaymentTerms.useQuery(), { isLoading: se, data: ce } = a(), { watch: Y } = O, [le, ue] = y(!1), X = Y("counterpart_id"), Z = Y("default_billing_address_id"), { data: Q } = n(X), { data: $ } = i(X), de = v(() => $?.data?.find((e) => e.id === Z), [Z, $?.data]), fe = Y("line_items"), pe = Y("payment_terms_id"), me = Y("payment_terms_custom_date"), he = Y("memo"), ge = Y("footer"), _e = Y("tax_mode"), ve = Y("purchase_order"), ye = Y("tax_rate"), be = Y("bank_account_id"), xe = Y("bank_account_type");
+	return se ? /* @__PURE__ */ S(te, {}) : /* @__PURE__ */ C(x, { children: [/* @__PURE__ */ S(o, {
+		open: E,
+		onOpenChange: (e) => {
+			e || D();
 		},
-		onSuccess: async () => {
-			await Promise.all([
-				s.finops.getReceivables.invalidateQueries(c),
-				s.finops.getReceivablesId.invalidateQueries({ parameters: { path: { receivable_id: a } } }, c),
-				s.finops.getRecurrencesId.invalidateQueries({ parameters: { path: { recurrence_id: i } } }, c)
-			]), n.success(o._("Series has been resumed"));
-		}
-	});
+		modal: !1,
+		children: /* @__PURE__ */ C(s, {
+			showCloseButton: !1,
+			fullScreen: !0,
+			className: "ttw:flex ttw:flex-col ttw:overflow-hidden ttw:p-0 ttw:gap-0",
+			onInteractOutside: (e) => e.preventDefault(),
+			children: [/* @__PURE__ */ C(u, {
+				className: "ttw:w-full ttw:max-w-screen ttw:flex-row ttw:justify-between ttw:border-b ttw:border-border ttw:items-center ttw:px-6 ttw:pt-6 ttw:pb-7",
+				children: [/* @__PURE__ */ C("div", {
+					className: "ttw:flex ttw:flex-col ttw:gap-1.5",
+					children: [/* @__PURE__ */ S(d, {
+						className: "ttw:text-3xl",
+						children: k
+					}), /* @__PURE__ */ S(c, {
+						className: A ? "" : "ttw:sr-only",
+						children: A ?? U._("Invoice details")
+					})]
+				}), /* @__PURE__ */ S(r, {
+					variant: "ghost",
+					type: "button",
+					className: "ttw:p-2 ttw:has-[>svg]:px-2",
+					onClick: D,
+					disabled: ae,
+					"aria-label": U._("Close"),
+					children: /* @__PURE__ */ S(b, { className: "ttw:size-6.5" })
+				})]
+			}), /* @__PURE__ */ C("div", {
+				className: "ttw:flex ttw:flex-1 ttw:min-h-0",
+				children: [/* @__PURE__ */ C("div", {
+					ref: L,
+					className: "ttw:w-1/2 ttw:h-full ttw:min-h-0 ttw:overflow-auto ttw:px-8 ttw:pt-6",
+					children: [/* @__PURE__ */ S(T, {
+						...O,
+						children: /* @__PURE__ */ S("form", {
+							id: F,
+							noValidate: !0,
+							className: "ttw:pb-10",
+							onSubmit: I,
+							children: /* @__PURE__ */ C("div", {
+								className: "ttw:flex ttw:flex-col ttw:gap-8",
+								children: [
+									/* @__PURE__ */ S(ne, {
+										disabled: B,
+										canCreateCounterpart: K,
+										isEditCustomerOpen: le,
+										handleOpenEditCustomer: ue,
+										counterpart: Q
+									}),
+									/* @__PURE__ */ S(re, {
+										paymentTerms: J,
+										isPaymentTermsLoading: oe,
+										disabled: B,
+										showPurchaseOrder: N,
+										lockRecurrenceSchedule: P
+									}),
+									/* @__PURE__ */ S(ie, {
+										registerLineItemCleanupFn: R,
+										defaultCurrency: j
+									}),
+									q && /* @__PURE__ */ S(m, {
+										disabled: B,
+										embeddedBankName: M
+									}),
+									/* @__PURE__ */ S(h, { disabled: B }),
+									/* @__PURE__ */ S(g, {
+										disabled: B,
+										onUploadingChange: z
+									})
+								]
+							})
+						})
+					}), /* @__PURE__ */ S(l, {
+						className: "ttw:sticky ttw:bottom-0 ttw:z-10 ttw:flex ttw:items-center ttw:justify-end ttw:gap-4 ttw:bg-background ttw:pt-3 ttw:px-6 ttw:pb-6",
+						children: V
+					})]
+				}), /* @__PURE__ */ S("div", {
+					className: "ttw:w-1/2 ttw:h-full ttw:min-h-0 ttw:overflow-auto",
+					style: { background: "linear-gradient(180deg, #F6F6F6 0%, #E4E4FF 100%)" },
+					children: /* @__PURE__ */ S(_, {
+						invoiceData: ee({
+							lineItems: fe,
+							paymentTermsId: pe,
+							paymentTermsCustomDate: me,
+							memo: he,
+							footer: ge,
+							bankAccountId: be,
+							bankAccountType: xe,
+							taxMode: _e,
+							purchaseOrder: ve,
+							taxRate: ye
+						}),
+						counterpart: Q,
+						currency: j,
+						entityData: ce,
+						address: de,
+						paymentTerms: J
+					})
+				})]
+			})]
+		})
+	}), /* @__PURE__ */ S(f, {
+		open: H.open,
+		title: U._("You have unsaved changes"),
+		message: U._("Any unsaved changes will be lost. Are you sure you want to quit without saving?"),
+		confirmLabel: U._("Quit without saving"),
+		cancelLabel: U._("Cancel"),
+		onClose: () => H.onOpenChange(!1),
+		onConfirm: H.onConfirm
+	})] });
 };
 //#endregion
-export { i as useResumeRecurrence };
+export { E as ReceivableFormLayout };

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

@@ -1,24 +1,117 @@
-import { cn as e } from "./index49.js";
-import { Typography as t } from "./index62.js";
-import { amountValueToneClass as n } from "./index437.js";
-import { jsx as r, jsxs as i } from "@emotion/react/jsx-runtime";
+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 { Button as n } from "./index56.js";
+import { MoniteScopedProviders as r } from "./index209.js";
+import { getDraftInvoiceValidationSchema as i, getInvoiceValidationSchema as a } from "./index94.js";
+import { useUserPermissions as o } from "./index112.js";
+import { willRecurrenceIssue as s } from "./index220.js";
+import { AccessRestriction as c } from "./index242.js";
+import { useReceivableSubmit as l } from "./index454.js";
+import { ReceivableFormLayout as u } from "./index505.js";
+import { useCallback as d, useMemo as f, useRef as p } from "react";
+import { Fragment as m, jsx as h, jsxs as g } from "@emotion/react/jsx-runtime";
+import { useLingui as _ } from "@lingui/react";
+import { useForm as v } from "react-hook-form";
+import { zodResolver as y } from "@hookform/resolvers/zod";
 //#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index506.js
-function a({ row: a, defaultTone: o }) {
-	let s = a.tone ?? (a.emphasis ? o : "default");
-	return /* @__PURE__ */ i("div", {
-		className: "ttw:flex ttw:flex-col ttw:gap-0.5",
-		children: [/* @__PURE__ */ r(t, {
-			variant: "caption",
-			color: "muted",
-			className: "ttw:font-medium",
-			children: a.label
-		}), /* @__PURE__ */ r(t, {
-			component: "span",
-			variant: a.emphasis ? "h3" : "body1",
-			className: e(!a.emphasis && "ttw:font-medium", n[s]),
-			children: a.value
-		})]
+var b = (e) => {
+	let { i18n: t } = _();
+	return /* @__PURE__ */ h(r, { children: e.type === "invoice" ? /* @__PURE__ */ h(S, { ...e }) : /* @__PURE__ */ h(c, { description: t._("You can not create receivable with a type other than “invoice”") }) });
+}, x = "USD", S = ({ type: r, onCreate: c, open: b, onOpenChange: S, embeddedBankName: C, initialCounterpartId: w }) => {
+	let { i18n: T } = _(), { componentSettings: E } = t(), D = o().has(e.CounterpartWriteOrg), O = !!E?.receivables?.enableEntityBankAccount, k = p("draft"), A = f(() => y(i(T, D)), [T, D]), j = f(() => y(a(T, O, D)), [
+		T,
+		O,
+		D
+	]), M = d((e, t, n) => (k.current === "issue" || s(e) ? j : A)(e, t, n), [j, A]), N = v({
+		mode: "onBlur",
+		resolver: M,
+		defaultValues: f(() => ({
+			type: r,
+			counterpart_id: w ?? "",
+			counterpart_name: "",
+			counterpart_email: "",
+			payment_terms_id: "",
+			payment_terms_custom_date: null,
+			default_shipping_address_id: "",
+			default_billing_address_id: "",
+			purchase_order: "",
+			line_items: [],
+			bank_account_id: "",
+			overdue_reminder_id: "",
+			payment_reminder_id: "",
+			memo: "",
+			footer: "",
+			tax_mode: "exclusive",
+			frequency: "once",
+			recurrence_start_date: void 0,
+			recurrence_end_date: void 0,
+			recurrence_issue_mode: "first_day",
+			recurrence_days_of_week: void 0,
+			recurrence_end_mode: "after",
+			recurrence_max_occurrences: void 0,
+			tax_rate: void 0,
+			attachments: []
+		}), [r, w])
+	}), P = l({
+		mode: "create",
+		methods: N,
+		currency: x,
+		submitModeRef: k,
+		onComplete: (e) => c?.(e.receivableId, {
+			mode: e.mode,
+			counterpartId: e.counterpartId,
+			inlineLineItems: e.inlineLineItems,
+			hasCustomerEmail: e.hasCustomerEmail
+		}),
+		onClose: () => S(!1)
 	});
-}
+	return /* @__PURE__ */ h(u, {
+		open: b,
+		onRequestClose: P.requestClose,
+		methods: N,
+		title: T._("Create invoice"),
+		description: T._("Create and issue an invoice to your customers "),
+		currency: x,
+		embeddedBankName: C,
+		showPurchaseOrder: !0,
+		formName: P.formName,
+		onSubmit: P.onSubmit,
+		formScrollRef: P.formScrollRef,
+		registerLineItemCleanupFn: P.registerLineItemCleanupFn,
+		onAttachmentsUploadingChange: P.onAttachmentsUploadingChange,
+		disabled: P.isLoading,
+		closeDisabled: P.isSaving,
+		discardModal: P.discardModal,
+		footer: /* @__PURE__ */ g(m, { children: [
+			/* @__PURE__ */ h(n, {
+				variant: "outline",
+				className: "ttw:border-border",
+				onClick: P.requestClose,
+				disabled: P.isSaving || P.attachmentsUploading,
+				children: T._("Cancel")
+			}),
+			!P.isRecurrenceEnabled && /* @__PURE__ */ h(n, {
+				variant: "secondary",
+				type: "submit",
+				form: P.formName,
+				disabled: P.isLoading || P.attachmentsUploading,
+				onClick: () => {
+					P.submitModeRef.current = "draft";
+				},
+				children: T._("Save as draft")
+			}),
+			/* @__PURE__ */ h(n, {
+				type: "submit",
+				form: P.formName,
+				disabled: P.isLoading || P.attachmentsUploading || P.isIssuePreflightLoading || !P.isRecurrenceEnabled && P.isCustomerEmailLoading,
+				onClick: () => {
+					P.submitModeRef.current = P.isRecurrenceEnabled ? "draft" : "issue";
+				},
+				children: P.isRecurrenceEnabled ? T._("Activate recurring billing schedule") : T._("Issue invoice")
+			}, "next")
+		] })
+	});
+};
 //#endregion
-export { a as InvoiceDetailsAmountCell };
+export { b as CreateReceivables };

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

@@ -1,76 +1,43 @@
-import { Typography as e } from "./index62.js";
-import { Badge as t } from "./index195.js";
-import { AccordionContent as n, AccordionItem as r, AccordionTrigger as i } from "./index502.js";
-import { Check as a } from "lucide-react";
-import { jsx as o, jsxs as s } from "@emotion/react/jsx-runtime";
-import { useLingui as c } from "@lingui/react";
+import { cn as e } from "./index49.js";
+import "react";
+import { ChevronDownIcon as t } from "lucide-react";
+import { jsx as n, jsxs as r } from "@emotion/react/jsx-runtime";
+import * as i from "@radix-ui/react-accordion";
 //#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index507.js
-var l = ({ attachments: l }) => {
-	let { i18n: u } = c();
-	return /* @__PURE__ */ s(r, {
-		value: "attachments",
-		children: [/* @__PURE__ */ o(i, { children: /* @__PURE__ */ s("span", {
-			className: "ttw:flex ttw:items-center ttw:gap-2",
-			children: [/* @__PURE__ */ o("span", {
-				className: "ttw:group-hover:underline",
-				children: u._("Attachments")
-			}), /* @__PURE__ */ o(t, {
-				variant: "secondary",
-				className: "ttw:rounded-full",
-				children: l.length
-			})]
-		}) }), /* @__PURE__ */ o(n, { children: l.length === 0 ? /* @__PURE__ */ o(e, {
-			variant: "body2",
-			color: "muted",
-			children: u._("No attached files")
-		}) : /* @__PURE__ */ s("table", {
-			className: "ttw:w-full ttw:border-collapse",
-			children: [/* @__PURE__ */ o("thead", { children: /* @__PURE__ */ s("tr", {
-				className: "ttw:border-b ttw:border-border",
-				children: [/* @__PURE__ */ o("th", {
-					scope: "col",
-					className: "ttw:py-2 ttw:text-left",
-					children: /* @__PURE__ */ o(e, {
-						component: "span",
-						variant: "caption",
-						color: "muted",
-						children: u._("File")
-					})
-				}), /* @__PURE__ */ o("th", {
-					scope: "col",
-					className: "ttw:py-2 ttw:text-right",
-					children: /* @__PURE__ */ o(e, {
-						component: "span",
-						variant: "caption",
-						color: "muted",
-						children: u._("Emailed")
-					})
-				})]
-			}) }), /* @__PURE__ */ o("tbody", { children: l.map((e) => /* @__PURE__ */ s("tr", {
-				className: "ttw:border-b ttw:border-border ttw:last:border-b-0",
-				children: [/* @__PURE__ */ o("td", {
-					className: "ttw:py-3",
-					children: /* @__PURE__ */ o("a", {
-						href: e.url,
-						target: "_blank",
-						rel: "noreferrer",
-						className: "ttw:text-primary ttw:hover:underline",
-						children: e.name
-					})
-				}), /* @__PURE__ */ o("td", {
-					className: "ttw:py-3 ttw:text-right ttw:align-middle",
-					children: e.include_in_email ? /* @__PURE__ */ o(a, {
-						role: "img",
-						"aria-label": u._("Included in email"),
-						className: "ttw:inline-block ttw:size-4 ttw:text-emerald-600"
-					}) : /* @__PURE__ */ o("span", {
-						className: "ttw:sr-only",
-						children: u._("Not included in email")
-					})
-				})]
-			}, e.id)) })]
-		}) })]
+function a({ ...e }) {
+	return /* @__PURE__ */ n(i.Root, {
+		"data-slot": "accordion",
+		...e
 	});
-};
+}
+function o({ className: t, ...r }) {
+	return /* @__PURE__ */ n(i.Item, {
+		"data-slot": "accordion-item",
+		className: e("ttw:border-b ttw:border-border ttw:last:border-b-0", t),
+		...r
+	});
+}
+function s({ className: a, children: o, ...s }) {
+	return /* @__PURE__ */ n(i.Header, {
+		className: "ttw:flex",
+		children: /* @__PURE__ */ r(i.Trigger, {
+			"data-slot": "accordion-trigger",
+			className: e("ttw:group ttw:focus-visible:border-ring ttw:focus-visible:ring-ring/50 ttw:flex ttw:flex-1 ttw:cursor-pointer ttw:items-start ttw:justify-between ttw:gap-4 ttw:rounded-md ttw:py-4 ttw:text-left ttw:text-sm ttw:font-medium ttw:transition-all ttw:outline-none ttw:focus-visible:ring-[3px] ttw:disabled:pointer-events-none ttw:disabled:opacity-50 ttw:[&[data-state=open]>svg]:rotate-180", a),
+			...s,
+			children: [o, /* @__PURE__ */ n(t, { className: "ttw:text-muted-foreground ttw:pointer-events-none ttw:size-4 ttw:shrink-0 ttw:translate-y-0.5 ttw:transition-transform ttw:duration-200" })]
+		})
+	});
+}
+function c({ className: t, children: r, ...a }) {
+	return /* @__PURE__ */ n(i.Content, {
+		"data-slot": "accordion-content",
+		className: "ttw:data-[state=closed]:animate-accordion-up ttw:data-[state=open]:animate-accordion-down ttw:overflow-hidden ttw:text-sm",
+		...a,
+		children: /* @__PURE__ */ n("div", {
+			className: e("ttw:pt-0 ttw:pb-4", t),
+			children: r
+		})
+	});
+}
 //#endregion
-export { l as InvoiceDetailsAttachments };
+export { a as Accordion, c as AccordionContent, o as AccordionItem, s as AccordionTrigger };

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

@@ -1,20 +1,35 @@
-import { Button as e } from "./index56.js";
-import { forwardRef as t } from "react";
-import { XIcon as n } from "lucide-react";
-import { jsx as r } from "@emotion/react/jsx-runtime";
+import { cn as e } from "./index49.js";
+import "react";
+import { jsx as t, jsxs as n } from "@emotion/react/jsx-runtime";
+import * as r from "@radix-ui/react-tooltip";
 //#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index508.js
-var i = t(function({ label: t, onClose: i, variant: a = "ghost", size: o = "icon", onClick: s, ...c }, l) {
-	return /* @__PURE__ */ r(e, {
-		ref: l,
-		variant: a,
-		size: o,
-		...c,
-		"aria-label": t,
-		onClick: (e) => {
-			s?.(e), i();
-		},
-		children: /* @__PURE__ */ r(n, { className: "ttw:size-4" })
+function i({ delayDuration: e = 0, ...n }) {
+	return /* @__PURE__ */ t(r.Provider, {
+		"data-slot": "tooltip-provider",
+		delayDuration: e,
+		...n
 	});
-});
+}
+function a({ ...e }) {
+	return /* @__PURE__ */ t(i, { children: /* @__PURE__ */ t(r.Root, {
+		"data-slot": "tooltip",
+		...e
+	}) });
+}
+function o({ ...e }) {
+	return /* @__PURE__ */ t(r.Trigger, {
+		"data-slot": "tooltip-trigger",
+		...e
+	});
+}
+function s({ className: i, sideOffset: a = 0, children: o, ...s }) {
+	return /* @__PURE__ */ t(r.Portal, { children: /* @__PURE__ */ n(r.Content, {
+		"data-slot": "tooltip-content",
+		sideOffset: a,
+		className: e("ttw:bg-primary ttw:text-primary-foreground ttw:animate-in ttw:fade-in-0 ttw:zoom-in-95 ttw:data-[state=closed]:animate-out ttw:data-[state=closed]:fade-out-0 ttw:data-[state=closed]:zoom-out-95 ttw:data-[side=bottom]:slide-in-from-top-2 ttw:data-[side=left]:slide-in-from-right-2 ttw:data-[side=right]:slide-in-from-left-2 ttw:data-[side=top]:slide-in-from-bottom-2 ttw:z-1300 ttw:w-fit ttw:origin-(--radix-tooltip-content-transform-origin) ttw:rounded-md ttw:px-3 ttw:py-1.5 ttw:text-xs ttw:text-balance", i),
+		...s,
+		children: [o, /* @__PURE__ */ t(r.Arrow, { className: "ttw:bg-primary ttw:fill-primary ttw:z-1300 ttw:size-2.5 ttw:translate-y-[calc(-50%_-_2px)] ttw:rotate-45 ttw:rounded-[2px]" })]
+	}) });
+}
 //#endregion
-export { i as InvoiceDetailsCloseButton };
+export { a as Tooltip, s as TooltipContent, i as TooltipProvider, o as TooltipTrigger };