@tesouro/embedded-components-react 0.5.178 → 0.5.180

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

@@ -1,35 +1,182 @@
-import { Dialog as e, DialogContent as t } from "./index57.js";
-import { ActionsModalIssueStep as n } from "./index517.js";
-import { ActionsModalProductsStep as r } from "./index518.js";
-import { useState as i } from "react";
-import { jsx as a } from "@emotion/react/jsx-runtime";
-import { useLingui as o } from "@lingui/react";
+import { useMoniteContext as e } from "./index46.js";
+import { useCounterpartById as t } from "./index47.js";
+import { getCounterpartEmail as n, getCounterpartName as r } from "./index52.js";
+import { Button as i } from "./index55.js";
+import { Input as a } from "./index88.js";
+import { Textarea as o } from "./index108.js";
+import { useGetReceivableById as s } from "./index143.js";
+import "./index144.js";
+import { DialogDescription as c, DialogFooter as ee, DialogHeader as l, DialogTitle as u } from "./index57.js";
+import { Typography as d } from "./index61.js";
+import { invalidateReceivableHistory as f } from "./index157.js";
+import { invalidateReceivableLists as p } from "./index158.js";
+import { getReceivePaymentMethods as m } from "./index160.js";
+import { formatFileSize as h } from "./index173.js";
+import "./index184.js";
+import { useEffect as g, useMemo as _, useState as v } from "react";
+import { Check as y, Send as b } from "lucide-react";
+import { Fragment as x, jsx as S, jsxs as C } from "@emotion/react/jsx-runtime";
+import { toast as w } from "react-hot-toast";
+import { useLingui as T } from "@lingui/react";
 //#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index519.js
-var s = ({ open: s, onClose: c, action: l, inlineLineItems: u, issue: d, isEditFlow: f = !1 }) => {
-	let { i18n: p } = o(), [m, h] = i(d ? "issue" : "products"), [g, _] = i(null), v = (e) => {
-		_(e), u.length > 0 ? h("products") : c();
-	}, y = g === "sent" ? p._("Invoice sent") : g === "issued" || l === "issue" ? p._("Invoice issued") : l === "recurrence" ? p._("Recurring billing activated") : l === "update" ? p._("Invoice updated") : p._("Draft saved");
-	return /* @__PURE__ */ a(e, {
-		open: s,
-		onOpenChange: (e) => {
-			e || (m === "issue" ? v("issued") : c());
-		},
-		children: /* @__PURE__ */ a(t, {
-			showCloseButton: !1,
-			className: "ttw:gap-0 ttw:p-0 ttw:max-w-178 ttw:sm:max-w-178",
-			children: m === "issue" && d ? /* @__PURE__ */ a(n, {
-				receivableId: d.receivableId,
-				counterpartId: d.counterpartId,
-				isEditFlow: f,
-				onSkip: () => v("issued"),
-				onSent: () => v("sent")
-			}) : /* @__PURE__ */ a(r, {
-				inlineLineItems: u,
-				title: y,
-				onClose: c
+var E = ({ receivableId: E, counterpartId: D, onSkip: O, onSent: k, isEditFlow: A = !1 }) => {
+	let { i18n: j } = T(), { api: M, queryClient: N, entityId: P } = e(), { data: F } = s(E, !!E), { data: I } = t(D), { data: L } = M.finops.getEntitiesIdPaymentMethods.useQuery({ path: { entity_id: P } }), { mutateAsync: R } = M.finops.postReceivablesIdSend.useMutation(), { mutateAsync: z } = M.finops.postPaymentLinks.useMutation({}), B = r(I), V = n(I), H = F, U = H?.document_id, W = H?.attachments ?? [], G = _(() => B ? U ? j._("Invoice #{documentId} for {name}", {
+		documentId: U,
+		name: B
+	}) : j._("Invoice for {name}", { name: B }) : "", [
+		U,
+		B,
+		j
+	]), [K, q] = v(""), [J, Y] = v(!1), [X, Z] = v(""), [Q, $] = v(!1);
+	return g(() => {
+		!J && G && q(G);
+	}, [G, J]), /* @__PURE__ */ C(x, { children: [
+		/* @__PURE__ */ S(l, {
+			className: "ttw:border-b ttw:border-border ttw:p-6",
+			children: /* @__PURE__ */ C("div", {
+				className: "ttw:flex ttw:items-center ttw:gap-4",
+				children: [/* @__PURE__ */ S("span", {
+					className: "ttw:flex ttw:size-10 ttw:shrink-0 ttw:items-center ttw:justify-center ttw:rounded-full ttw:border ttw:border-emerald-200 ttw:bg-emerald-50",
+					children: S(A ? b : y, { className: "ttw:size-6 ttw:text-green-700" })
+				}), /* @__PURE__ */ C("div", {
+					className: "ttw:flex ttw:flex-col ttw:gap-1",
+					children: [/* @__PURE__ */ S(u, { children: A ? j._("Send a copy to {name}?", { name: B }) : j._("Invoice issued. Send a copy to {name}?", { name: B }) }), /* @__PURE__ */ S(c, {
+						className: "ttw:text-xs",
+						children: j._("The customer will be emailed a copy of the invoice with payment instructions.")
+					})]
+				})]
 			})
+		}),
+		/* @__PURE__ */ C("div", {
+			className: "ttw:flex ttw:flex-col ttw:gap-2 ttw:p-6",
+			children: [
+				/* @__PURE__ */ C("div", {
+					className: "ttw:flex ttw:items-center ttw:gap-4",
+					children: [/* @__PURE__ */ S(d, {
+						variant: "body2",
+						color: "muted",
+						className: "ttw:w-16 ttw:shrink-0",
+						children: j._("To")
+					}), /* @__PURE__ */ C(d, {
+						variant: "body2",
+						children: [B, V ? ` <${V}>` : ""]
+					})]
+				}),
+				/* @__PURE__ */ C("div", {
+					className: "ttw:flex ttw:items-center ttw:gap-4",
+					children: [/* @__PURE__ */ S(d, {
+						variant: "body2",
+						color: "muted",
+						className: "ttw:w-16 ttw:shrink-0",
+						children: j._("Subject")
+					}), /* @__PURE__ */ S(a, {
+						className: "ttw:flex-1",
+						value: K,
+						onChange: (e) => {
+							q(e.target.value), Y(!0);
+						},
+						disabled: Q
+					})]
+				}),
+				/* @__PURE__ */ C("div", {
+					className: "ttw:flex ttw:items-start ttw:gap-4",
+					children: [/* @__PURE__ */ S(d, {
+						variant: "body2",
+						color: "muted",
+						className: "ttw:w-16 ttw:shrink-0 ttw:pt-2",
+						children: j._("Message")
+					}), /* @__PURE__ */ S(o, {
+						className: "ttw:flex-1",
+						value: X,
+						onChange: (e) => Z(e.target.value),
+						placeholder: j._("e.g., Thank you for your business"),
+						disabled: Q
+					})]
+				}),
+				W.length > 0 && /* @__PURE__ */ C("div", {
+					className: "ttw:flex ttw:flex-col ttw:gap-2.5 ttw:pl-20",
+					children: [/* @__PURE__ */ C("div", {
+						className: "ttw:flex ttw:flex-col",
+						children: [/* @__PURE__ */ S(d, {
+							variant: "body2",
+							color: "muted",
+							children: j._("Attachments")
+						}), /* @__PURE__ */ S(d, {
+							variant: "caption",
+							color: "muted",
+							children: j._("To change what files are attached to the email, you will need to update the invoice.")
+						})]
+					}), /* @__PURE__ */ S("ul", {
+						className: "ttw:flex ttw:flex-col ttw:gap-2.5",
+						children: W.map((e) => /* @__PURE__ */ C("li", {
+							className: "ttw:rounded-lg ttw:bg-muted ttw:px-2 ttw:py-1 ttw:text-sm ttw:font-medium",
+							children: [
+								e.name,
+								" ",
+								/* @__PURE__ */ C("span", {
+									className: "ttw:text-muted-foreground",
+									children: [
+										"(",
+										h(e.size),
+										")"
+									]
+								})
+							]
+						}, e.id))
+					})]
+				})
+			]
+		}),
+		/* @__PURE__ */ C(ee, {
+			className: "ttw:flex ttw:flex-row ttw:gap-4 ttw:border-t ttw:border-border ttw:p-6",
+			children: [/* @__PURE__ */ S(i, {
+				type: "button",
+				variant: "outline",
+				className: "ttw:flex-1 ttw:border-border",
+				disabled: Q,
+				onClick: O,
+				children: A ? j._("Cancel") : j._("Skip")
+			}), /* @__PURE__ */ S(i, {
+				type: "button",
+				variant: "default",
+				className: "ttw:flex-1",
+				disabled: Q || !K.trim() || !X.trim(),
+				onClick: async () => {
+					$(!0);
+					try {
+						let e = m(L?.data);
+						e.length === 0 ? w.error(j._("You haven't onboarded for any payment method. Invoice is sent without a payment link.")) : await z({
+							recipient: {
+								id: P,
+								type: "entity"
+							},
+							payment_methods: e.map((e) => e.type),
+							object: {
+								id: E,
+								type: "receivable"
+							}
+						}), await R({
+							path: { receivable_id: E },
+							body: {
+								subject_text: K,
+								body_text: X,
+								recipients: V ? { to: [V] } : void 0
+							}
+						}), await Promise.all([
+							p(M, N),
+							M.finops.getReceivablesId.invalidateQueries({ parameters: { path: { receivable_id: E } } }, N),
+							f(M, N, E)
+						]), w.success(j._("Invoice sent successfully")), k();
+					} catch {
+						w.error(j._("Failed to send invoice."));
+					} finally {
+						$(!1);
+					}
+				},
+				children: j._("Send invoice")
+			})]
 		})
-	});
+	] });
 };
 //#endregion
-export { s as ActionsModal };
+export { E as ActionsModalIssueStep };

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

@@ -1,119 +1,144 @@
-import { Scope as e } from "../../shared/data-access/dist/lib/scopes.js";
-import "../../shared/data-access/dist/index.js";
-import { useMoniteContext as t } from "./index46.js";
+import { useMoniteContext as e } from "./index46.js";
+import { useCurrencies as t } from "./index62.js";
 import { Button as n } from "./index55.js";
-import { getDraftInvoiceValidationSchema as r, getInvoiceValidationSchema as i } from "./index100.js";
-import { useUserPermissions as a } from "./index118.js";
-import { willRecurrenceIssue as o } from "./index169.js";
-import { buildEditInvoiceFormValues as s } from "./index177.js";
-import "./index183.js";
-import { useMeasureUnitsMapping as c } from "./index197.js";
-import { useGetRecurrenceById as l } from "./index200.js";
-import { LoadingPage as u } from "./index265.js";
-import "./index266.js";
-import { useGetMeasureUnits as d } from "./index450.js";
-import { useReceivableSubmit as f } from "./index451.js";
-import { ReceivableFormLayout as p } from "./index507.js";
-import { useCallback as m, useEffect as h, useMemo as g, useRef 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 { useForm as S } from "react-hook-form";
-import { zodResolver as C } from "@hookform/resolvers/zod";
+import "./index224.js";
+import { DialogFooter as r, DialogHeader as i, DialogTitle as a } from "./index57.js";
+import { Typography as o } from "./index61.js";
+import { Separator as s } from "./index63.js";
+import { Checkbox as c } from "./index105.js";
+import { useGetMeasureUnits as l } from "./index451.js";
+import { useMemo as u, useState as d } from "react";
+import { Check as f } from "lucide-react";
+import { Fragment as p, jsx as m, jsxs as h } from "@emotion/react/jsx-runtime";
+import { toast as g } from "react-hot-toast";
+import { useLingui as _ } from "@lingui/react";
 //#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index520.js
-var w = (e) => {
-	let { data: t, isLoading: n } = l(e.invoice.recurrence_id);
-	return e.invoice.recurrence_id && n ? /* @__PURE__ */ y(u, {}) : /* @__PURE__ */ y(T, {
-		...e,
-		recurrence: t
-	});
-}, T = ({ invoice: l, onCancel: u, onUpdated: w, isOpen: T, recurrence: E, issueIntent: D, embeddedBankName: O }) => {
-	let { i18n: k } = x(), { componentSettings: A } = t(), j = a().has(e.CounterpartWriteOrg), M = !!A?.receivables?.enableEntityBankAccount, N = _("draft"), { data: P } = d(), F = l.currency, I = g(() => s(l, E), [l, E]), L = g(() => E?.iterations?.filter((e) => e.issued_invoice_id).length ?? 0, [E?.iterations]), R = g(() => C(r(k, j, L)), [
-		k,
-		j,
-		L
-	]), z = g(() => C(i(k, M, j, L)), [
-		k,
-		M,
-		j,
-		L
-	]), B = m((e, t, n) => (N.current === "issue" || o(e) && L === 0 ? z : R)(e, t, n), [
-		z,
-		R,
-		L
-	]), V = S({
-		mode: "onBlur",
-		resolver: B,
-		defaultValues: I
-	});
-	c(P, V);
-	let H = !!E?.iterations?.some((e) => e.issued_invoice_id), U = f({
-		mode: "edit",
-		methods: V,
-		currency: F,
-		invoice: l,
-		submitModeRef: N,
-		existingRecurrence: E ? {
-			id: E.id,
-			scheduleLocked: H
-		} : void 0,
-		hasStartedRecurrence: L > 0,
-		onComplete: (e) => w(e.receivable, {
-			inlineLineItems: e.inlineLineItems,
-			activatedRecurrence: e.mode === "recurrence",
-			issued: e.mode === "issue",
-			counterpartId: e.counterpartId,
-			hasCustomerEmail: e.hasCustomerEmail
+var v = ({ inlineLineItems: v, title: y, onClose: b }) => {
+	let { i18n: x } = _(), { api: S, queryClient: C } = e(), { formatCurrencyToDisplay: w } = t(), { data: T } = l(), { mutateAsync: E } = S.finops.postProducts.useMutation(), D = u(() => v.map((e, t) => ({
+		key: e.id ?? String(t),
+		lineItem: e
+	})), [v]), [O, k] = d(() => new Set(D.map((e) => e.key))), [A, j] = d(!1), M = D.length > 0 && O.size === D.length, N = O.size > 0, P = () => k(new Set(D.map((e) => e.key))), F = () => k(/* @__PURE__ */ new Set()), I = (e) => k((t) => {
+		let n = new Set(t);
+		return n.has(e) ? n.delete(e) : n.add(e), n;
+	}), L = (e) => {
+		let t = w(e.product.price.value, e.product.price.currency) ?? "", n = e.product.measure_unit_id ? T?.data?.find((t) => t.id === e.product.measure_unit_id)?.name : void 0;
+		return n ? `${t} ${n}` : t;
+	};
+	return /* @__PURE__ */ h(p, { children: [
+		/* @__PURE__ */ m(i, {
+			className: "ttw:border-b ttw:border-border ttw:p-6",
+			children: /* @__PURE__ */ h(a, {
+				className: "ttw:flex ttw:flex-row ttw:items-center ttw:gap-4",
+				children: [/* @__PURE__ */ m("span", {
+					className: "ttw:flex ttw:size-10 ttw:items-center ttw:justify-center ttw:rounded-full ttw:border ttw:border-emerald-200 ttw:bg-emerald-50",
+					children: /* @__PURE__ */ m(f, { className: "ttw:size-6 ttw:text-green-700" })
+				}), y]
+			})
 		}),
-		onClose: u
-	});
-	return h(() => {
-		D && U.highlightForIssue();
-	}, []), /* @__PURE__ */ y(p, {
-		open: T,
-		onRequestClose: U.requestClose,
-		methods: V,
-		title: k._("Edit invoice"),
-		currency: F,
-		embeddedBankName: O,
-		showPurchaseOrder: !1,
-		lockRecurrenceSchedule: H,
-		formName: U.formName,
-		onSubmit: U.onSubmit,
-		formScrollRef: U.formScrollRef,
-		registerLineItemCleanupFn: U.registerLineItemCleanupFn,
-		onAttachmentsUploadingChange: U.onAttachmentsUploadingChange,
-		disabled: U.isLoading,
-		closeDisabled: U.isSaving,
-		unsavedPrompt: U.unsavedPrompt,
-		footer: /* @__PURE__ */ b(v, { children: [
-			/* @__PURE__ */ y(n, {
+		/* @__PURE__ */ h("div", {
+			className: "ttw:flex ttw:flex-col ttw:gap-4 ttw:p-6",
+			children: [/* @__PURE__ */ h("div", {
+				className: "ttw:flex ttw:items-start ttw:justify-between ttw:gap-1.5",
+				children: [/* @__PURE__ */ h("div", {
+					className: "ttw:flex ttw:min-w-0 ttw:flex-col ttw:gap-1",
+					children: [/* @__PURE__ */ m(o, {
+						variant: "h4",
+						children: x._("Do you want to also save these items?")
+					}), /* @__PURE__ */ m(o, {
+						variant: "caption",
+						color: "muted",
+						children: x._("Saved items can be quickly added to future invoices.")
+					})]
+				}), /* @__PURE__ */ m(n, {
+					type: "button",
+					variant: "ghost",
+					className: "ttw:shrink-0 ttw:text-primary ttw:hover:text-primary",
+					disabled: A,
+					onClick: N ? F : P,
+					children: N ? x._("Deselect all") : x._("Select all")
+				})]
+			}), /* @__PURE__ */ h("ul", {
+				className: "ttw:flex ttw:flex-col ttw:gap-3",
+				children: [
+					/* @__PURE__ */ h("li", {
+						className: "ttw:flex ttw:items-center ttw:gap-2",
+						children: [/* @__PURE__ */ m(c, {
+							checked: M,
+							onCheckedChange: (e) => e ? P() : F(),
+							disabled: A || D.length === 0,
+							"aria-label": x._("Products and services")
+						}), /* @__PURE__ */ m(o, {
+							variant: "body2",
+							className: "ttw:font-semibold",
+							children: x._("Products and services")
+						})]
+					}),
+					/* @__PURE__ */ m("li", { children: /* @__PURE__ */ m(s, {}) }),
+					D.map(({ key: e, lineItem: t }) => /* @__PURE__ */ h("li", {
+						className: "ttw:flex ttw:items-start ttw:gap-2",
+						children: [/* @__PURE__ */ m(c, {
+							checked: O.has(e),
+							onCheckedChange: () => I(e),
+							disabled: A,
+							"aria-label": t.product.name
+						}), /* @__PURE__ */ h("div", {
+							className: "ttw:flex ttw:min-w-0 ttw:flex-1 ttw:flex-col ttw:gap-1",
+							children: [/* @__PURE__ */ m(o, {
+								variant: "caption",
+								className: "ttw:truncate",
+								title: t.product.name,
+								children: t.product.name
+							}), /* @__PURE__ */ m(o, {
+								variant: "caption",
+								color: "muted",
+								className: "ttw:truncate",
+								children: L(t)
+							})]
+						})]
+					}, e))
+				]
+			})]
+		}),
+		/* @__PURE__ */ h(r, {
+			className: "ttw:flex ttw:flex-row ttw:gap-4 ttw:border-t ttw:border-border ttw:p-6",
+			children: [/* @__PURE__ */ m(n, {
+				type: "button",
 				variant: "outline",
-				className: "ttw:border-border",
-				onClick: U.requestClose,
-				disabled: U.isSaving || U.attachmentsUploading,
-				children: k._("Cancel")
-			}),
-			!U.isRecurrenceEnabled && /* @__PURE__ */ y(n, {
-				variant: "secondary",
-				type: "submit",
-				form: U.formName,
-				disabled: U.isLoading || U.attachmentsUploading,
-				onClick: () => {
-					U.submitModeRef.current = "draft";
-				},
-				children: k._("Update draft")
-			}),
-			/* @__PURE__ */ y(n, {
-				type: "submit",
-				form: U.formName,
-				disabled: U.isLoading || U.attachmentsUploading || U.isIssuePreflightLoading || !U.isRecurrenceEnabled && U.isCustomerEmailLoading,
-				onClick: () => {
-					U.submitModeRef.current = U.isRecurrenceEnabled ? "draft" : "issue";
+				className: "ttw:flex-1 ttw:border-border",
+				disabled: A,
+				onClick: b,
+				children: x._("Skip")
+			}), /* @__PURE__ */ m(n, {
+				type: "button",
+				variant: "default",
+				className: "ttw:flex-1",
+				disabled: !N || A,
+				onClick: async () => {
+					let e = D.filter((e) => O.has(e.key));
+					if (e.length) {
+						j(!0);
+						try {
+							await Promise.all(e.map(({ lineItem: e }) => E({ body: {
+								name: e.product.name,
+								type: "product",
+								price: {
+									value: e.product.price.value,
+									currency: e.product.price?.currency ?? "USD"
+								},
+								...e.product.measure_unit_id ? { measure_unit_id: e.product.measure_unit_id } : {},
+								...e.product.description ? { description: e.product.description } : {}
+							} }))), await S.finops.getProducts.invalidateQueries(C), g.success(x._("Products and services saved.")), b();
+						} catch {
+							g.error(x._("Failed to save products and services."));
+						} finally {
+							j(!1);
+						}
+					}
 				},
-				children: U.isRecurrenceEnabled ? E ? k._("Update recurring billing schedule") : k._("Activate recurring billing schedule") : k._("Issue invoice")
-			}, "next")
-		] })
-	});
+				children: x._("Save selected items")
+			})]
+		})
+	] });
 };
 //#endregion
-export { w as EditInvoiceDetails };
+export { v as ActionsModalProductsStep };

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

@@ -1,22 +1,35 @@
-import { Typography as e } from "./index61.js";
-import { jsx as t, jsxs as n } from "@emotion/react/jsx-runtime";
+import { Dialog as e, DialogContent as t } from "./index57.js";
+import { ActionsModalIssueStep as n } from "./index519.js";
+import { ActionsModalProductsStep as r } from "./index520.js";
+import { useState as i } from "react";
+import { jsx as a } from "@emotion/react/jsx-runtime";
+import { useLingui as o } from "@lingui/react";
 //#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index521.js
-function r({ label: r, value: i }) {
-	return /* @__PURE__ */ n("div", {
-		className: "ttw:flex ttw:gap-4 ttw:border-b ttw:border-border ttw:py-3 ttw:last:border-b-0",
-		children: [/* @__PURE__ */ t(e, {
-			component: "span",
-			variant: "body2",
-			color: "muted",
-			className: "ttw:w-40 ttw:shrink-0",
-			children: r
-		}), /* @__PURE__ */ t(e, {
-			component: "span",
-			variant: "body2",
-			className: "ttw:whitespace-pre-line",
-			children: i
-		})]
+var s = ({ open: s, onClose: c, action: l, inlineLineItems: u, issue: d, isEditFlow: f = !1 }) => {
+	let { i18n: p } = o(), [m, h] = i(d ? "issue" : "products"), [g, _] = i(null), v = (e) => {
+		_(e), u.length > 0 ? h("products") : c();
+	}, y = g === "sent" ? p._("Invoice sent") : g === "issued" || l === "issue" ? p._("Invoice issued") : l === "recurrence" ? p._("Recurring billing activated") : l === "update" ? p._("Invoice updated") : p._("Draft saved");
+	return /* @__PURE__ */ a(e, {
+		open: s,
+		onOpenChange: (e) => {
+			e || (m === "issue" ? v("issued") : c());
+		},
+		children: /* @__PURE__ */ a(t, {
+			showCloseButton: !1,
+			className: "ttw:gap-0 ttw:p-0 ttw:max-w-178 ttw:sm:max-w-178",
+			children: m === "issue" && d ? /* @__PURE__ */ a(n, {
+				receivableId: d.receivableId,
+				counterpartId: d.counterpartId,
+				isEditFlow: f,
+				onSkip: () => v("issued"),
+				onSent: () => v("sent")
+			}) : /* @__PURE__ */ a(r, {
+				inlineLineItems: u,
+				title: y,
+				onClose: c
+			})
+		})
 	});
-}
+};
 //#endregion
-export { r as InvoiceDetailsInfoRow };
+export { s as ActionsModal };