@tesouro/embedded-components-react 0.3.0 → 0.3.1

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

@@ -1,141 +1,22 @@
-import { useMoniteContext as e } from "./index47.js";
-import { useCurrencies as t } from "./index63.js";
-import { Button as n } from "./index56.js";
-import "./index189.js";
-import { DialogFooter as r, DialogHeader as i, DialogTitle as a } from "./index58.js";
-import { Typography as o } from "./index62.js";
-import { Separator as s } from "./index64.js";
-import { Checkbox as c } from "./index99.js";
-import { useGetMeasureUnits as l } from "./index453.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";
+import { getAPIErrorMessage as e } from "./index26.js";
+import { useMoniteContext as t } from "./index47.js";
+import { toast as n } from "react-hot-toast";
+import { useLingui as r } from "@lingui/react";
 //#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index515.js
-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]
-			})
-		}),
-		/* @__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: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: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:flex-col ttw:gap-1",
-							children: [/* @__PURE__ */ m(o, {
-								variant: "caption",
-								children: t.product.name
-							}), /* @__PURE__ */ m(o, {
-								variant: "caption",
-								color: "muted",
-								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: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: x._("Save selected items")
-			})]
-		})
-	] });
+var i = (i, a) => {
+	let { i18n: o } = r(), { api: s, queryClient: c } = t();
+	return s.finops.postRecurrencesIdPause.useMutation({ path: { recurrence_id: i } }, {
+		onError: (t) => {
+			n.error(e(o, t));
+		},
+		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 paused"));
+		}
+	});
 };
 //#endregion
-export { v as ActionsModalProductsStep };
+export { i as usePauseRecurrence };

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

@@ -1,35 +1,22 @@
-import { Dialog as e, DialogContent as t } from "./index58.js";
-import { ActionsModalIssueStep as n } from "./index514.js";
-import { ActionsModalProductsStep as r } from "./index515.js";
-import { useState as i } from "react";
-import { jsx as a } from "@emotion/react/jsx-runtime";
-import { useLingui as o } from "@lingui/react";
+import { getAPIErrorMessage as e } from "./index26.js";
+import { useMoniteContext as t } from "./index47.js";
+import { toast as n } from "react-hot-toast";
+import { useLingui as r } from "@lingui/react";
 //#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index516.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());
+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));
 		},
-		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
-			})
-		})
+		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"));
+		}
 	});
 };
 //#endregion
-export { s as ActionsModal };
+export { i as useResumeRecurrence };

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

@@ -1,119 +1,24 @@
-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 { getDraftInvoiceValidationSchema as r, getInvoiceValidationSchema as i } from "./index94.js";
-import { useUserPermissions as a } from "./index112.js";
-import { useMeasureUnitsMapping as o } from "./index161.js";
-import { useGetRecurrenceById as s } from "./index164.js";
-import { willRecurrenceIssue as c } from "./index220.js";
-import { buildEditInvoiceFormValues as l } from "./index227.js";
-import "./index232.js";
-import { LoadingPage as u } from "./index255.js";
-import "./index256.js";
-import { useGetMeasureUnits as d } from "./index453.js";
-import { useReceivableSubmit as f } from "./index454.js";
-import { ReceivableFormLayout as p } from "./index505.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 { cn as e } from "./index49.js";
+import { Typography as t } from "./index62.js";
+import { amountValueToneClass as n } from "./index93.js";
+import { jsx as r, jsxs as i } from "@emotion/react/jsx-runtime";
 //#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index517.js
-var w = (e) => {
-	let { data: t, isLoading: n } = s(e.invoice.recurrence_id);
-	return e.invoice.recurrence_id && n ? /* @__PURE__ */ y(u, {}) : /* @__PURE__ */ y(T, {
-		...e,
-		recurrence: t
+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
+		})]
 	});
-}, T = ({ invoice: s, 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 = s.currency, I = g(() => l(s, E), [s, 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" || c(e) && L === 0 ? z : R)(e, t, n), [
-		z,
-		R,
-		L
-	]), V = S({
-		mode: "onBlur",
-		resolver: B,
-		defaultValues: I
-	}), { getValues: H, reset: U } = V;
-	o(P, H, U);
-	let W = !!E?.iterations?.some((e) => e.issued_invoice_id), G = f({
-		mode: "edit",
-		methods: V,
-		currency: F,
-		invoice: s,
-		submitModeRef: N,
-		existingRecurrence: E ? {
-			id: E.id,
-			scheduleLocked: W
-		} : 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
-		}),
-		onClose: u
-	});
-	return h(() => {
-		D && G.highlightForIssue();
-	}, []), /* @__PURE__ */ y(p, {
-		open: T,
-		onRequestClose: G.requestClose,
-		methods: V,
-		title: k._("Edit invoice"),
-		currency: F,
-		embeddedBankName: O,
-		showPurchaseOrder: !1,
-		lockRecurrenceSchedule: W,
-		formName: G.formName,
-		onSubmit: G.onSubmit,
-		formScrollRef: G.formScrollRef,
-		registerLineItemCleanupFn: G.registerLineItemCleanupFn,
-		onAttachmentsUploadingChange: G.onAttachmentsUploadingChange,
-		disabled: G.isLoading,
-		closeDisabled: G.isSaving,
-		discardModal: G.discardModal,
-		footer: /* @__PURE__ */ b(v, { children: [
-			/* @__PURE__ */ y(n, {
-				variant: "outline",
-				className: "ttw:border-border",
-				onClick: G.requestClose,
-				disabled: G.isSaving || G.attachmentsUploading,
-				children: k._("Cancel")
-			}),
-			!G.isRecurrenceEnabled && /* @__PURE__ */ y(n, {
-				variant: "secondary",
-				type: "submit",
-				form: G.formName,
-				disabled: G.isLoading || G.attachmentsUploading,
-				onClick: () => {
-					G.submitModeRef.current = "draft";
-				},
-				children: k._("Update draft")
-			}),
-			/* @__PURE__ */ y(n, {
-				type: "submit",
-				form: G.formName,
-				disabled: G.isLoading || G.attachmentsUploading || G.isIssuePreflightLoading || !G.isRecurrenceEnabled && G.isCustomerEmailLoading,
-				onClick: () => {
-					G.submitModeRef.current = G.isRecurrenceEnabled ? "draft" : "issue";
-				},
-				children: G.isRecurrenceEnabled ? E ? k._("Update recurring billing schedule") : k._("Activate recurring billing schedule") : k._("Issue invoice")
-			}, "next")
-		] })
-	});
-};
+}
 //#endregion
-export { w as EditInvoiceDetails };
+export { a as InvoiceDetailsAmountCell };

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

@@ -1,22 +1,76 @@
 import { Typography as e } from "./index62.js";
-import { jsx as t, jsxs as n } from "@emotion/react/jsx-runtime";
+import { Badge as t } from "./index223.js";
+import { AccordionContent as n, AccordionItem as r, AccordionTrigger as i } from "./index513.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";
 //#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index518.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",
+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",
-			className: "ttw:w-40 ttw:shrink-0",
-			children: r
-		}), /* @__PURE__ */ t(e, {
-			component: "span",
-			variant: "body2",
-			className: "ttw:whitespace-pre-line",
-			children: i
-		})]
+			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)) })]
+		}) })]
 	});
-}
+};
 //#endregion
-export { r as InvoiceDetailsInfoRow };
+export { l as InvoiceDetailsAttachments };

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

@@ -1,48 +1,20 @@
-import { Typography as e } from "./index62.js";
-import { ChevronRight as t } from "lucide-react";
-import { jsx as n, jsxs as r } from "@emotion/react/jsx-runtime";
+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";
 //#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index519.js
-function i({ label: i, name: a, onOpenCounterpart: o }) {
-	let s = "ttw:flex ttw:items-center ttw:gap-4 ttw:border-b ttw:border-border ttw:py-3 ttw:last:border-b-0";
-	return o ? /* @__PURE__ */ r("button", {
-		type: "button",
-		onClick: o,
-		"aria-haspopup": "dialog",
-		className: `ttw:group ttw:w-full ttw:cursor-pointer ttw:rounded-sm ttw:text-left ttw:outline-none ttw:focus-visible:ring-ring/50 ttw:focus-visible:ring-[3px] ${s}`,
-		children: [
-			/* @__PURE__ */ n(e, {
-				component: "span",
-				variant: "body2",
-				color: "muted",
-				className: "ttw:w-40 ttw:shrink-0",
-				children: i
-			}),
-			/* @__PURE__ */ n(e, {
-				component: "span",
-				variant: "body2",
-				color: "primary",
-				className: "ttw:underline-offset-4 ttw:group-hover:underline",
-				children: a
-			}),
-			/* @__PURE__ */ n(t, {
-				className: "ttw:ml-auto ttw:size-4 ttw:shrink-0 ttw:text-muted-foreground",
-				"aria-hidden": "true"
-			})
-		]
-	}) : /* @__PURE__ */ r("div", {
-		className: s,
-		children: [/* @__PURE__ */ n(e, {
-			component: "span",
-			variant: "body2",
-			color: "muted",
-			className: "ttw:w-40 ttw:shrink-0",
-			children: i
-		}), /* @__PURE__ */ n(e, {
-			component: "span",
-			variant: "body2",
-			children: a
-		})]
+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" })
 	});
-}
+});
 //#endregion
-export { i as InvoiceDetailsCustomerRow };
+export { i as InvoiceDetailsCloseButton };