@tesouro/embedded-components-react 0.3.0 → 0.3.2

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

@@ -1,24 +1,149 @@
-import { cn as e } from "./index49.js";
-import { Typography as t } from "./index62.js";
-import { amountValueToneClass as n } from "./index217.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 { useCounterpartById as n } from "./index48.js";
+import { Button as r } from "./index56.js";
+import { useCounterpartAddresses as i } from "./index130.js";
+import { useMyEntity as a } from "./index137.js";
+import "./index142.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 "./index116.js";
+import { buildInvoicePreviewData as ee } from "./index195.js";
+import "./index202.js";
+import { LoadingPage as te } from "./index260.js";
+import "./index261.js";
+import { CustomerSection as ne } from "./index461.js";
+import { BillingSection as re } from "./index473.js";
+import { ItemsSection as ie } from "./index497.js";
+import { BankAccountSection as m } from "./index499.js";
+import { NotesSection as h } from "./index500.js";
+import { AttachmentSection as g } from "./index501.js";
+import { InvoicePreview as _ } from "./index510.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/index511.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 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("discount"), xe = Y("bank_account_id"), Se = Y("bank_account_type");
+	return se ? /* @__PURE__ */ S(te, {}) : /* @__PURE__ */ C(x, { children: [/* @__PURE__ */ S(o, {
+		open: E,
+		onOpenChange: (e) => {
+			e || D();
+		},
+		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: xe,
+							bankAccountType: Se,
+							taxMode: _e,
+							purchaseOrder: ve,
+							taxRate: ye,
+							discount: be
+						}),
+						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 { a as InvoiceDetailsAmountCell };
+export { E as ReceivableFormLayout };

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

@@ -1,76 +1,118 @@
-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 "./index507.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 { 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 "./index237.js";
+import { getDraftInvoiceValidationSchema as i, getInvoiceValidationSchema as a } from "./index98.js";
+import { useUserPermissions as o } from "./index116.js";
+import { willRecurrenceIssue as s } from "./index190.js";
+import { AccessRestriction as c } from "./index247.js";
+import { useReceivableSubmit as l } from "./index459.js";
+import { ReceivableFormLayout as u } from "./index511.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/index512.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, {
+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,
+			discount: null,
+			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",
-				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)) })]
-		}) })]
+				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 { l as InvoiceDetailsAttachments };
+export { b as CreateReceivables };

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

@@ -1,20 +1,43 @@
-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 { 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/index513.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 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 { i as InvoiceDetailsCloseButton };
+export { a as Accordion, c as AccordionContent, o as AccordionItem, s as AccordionTrigger };

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

@@ -1,174 +1,35 @@
-import { useMoniteContext as e } from "./index47.js";
-import { useCounterpartById as t } from "./index48.js";
-import { getCounterpartEmail as n, getCounterpartName as r } from "./index53.js";
-import { Button as i } from "./index56.js";
-import { Input as a } from "./index89.js";
-import { Textarea as o } from "./index102.js";
-import { useGetReceivableById as s } from "./index137.js";
-import "./index138.js";
-import { DialogDescription as c, DialogFooter as l, DialogHeader as u, DialogTitle as d } from "./index58.js";
-import { Typography as f } from "./index62.js";
-import { formatFileSize as p } from "./index223.js";
-import { useEffect as m, useMemo as h, useState as g } from "react";
-import { Check as _, Send as v } from "lucide-react";
-import { Fragment as y, jsx as b, jsxs as x } from "@emotion/react/jsx-runtime";
-import { toast as S } from "react-hot-toast";
-import { useLingui as C } from "@lingui/react";
+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/index514.js
-var w = ({ receivableId: w, counterpartId: T, onSkip: E, onSent: D, isEditFlow: O = !1 }) => {
-	let { i18n: k } = C(), { api: A, queryClient: j, entityId: M } = e(), { data: N } = s(w, !!w), { data: P } = t(T), { data: F } = A.finops.getEntitiesIdPaymentMethods.useQuery({ path: { entity_id: M } }), { mutateAsync: I } = A.finops.postReceivablesIdSend.useMutation(), { mutateAsync: L } = A.finops.postPaymentLinks.useMutation({}), R = r(P), z = n(P), B = N, V = B?.document_id, H = B?.attachments ?? [], U = h(() => R ? V ? k._("Invoice #{documentId} for {name}", {
-		documentId: V,
-		name: R
-	}) : k._("Invoice for {name}", { name: R }) : "", [
-		V,
-		R,
-		k
-	]), [W, G] = g(""), [K, q] = g(!1), [J, Y] = g(""), [X, Z] = g(!1);
-	return m(() => {
-		!K && U && G(U);
-	}, [U, K]), /* @__PURE__ */ x(y, { children: [
-		/* @__PURE__ */ b(u, {
-			className: "ttw:border-b ttw:border-border ttw:p-6",
-			children: /* @__PURE__ */ x("div", {
-				className: "ttw:flex ttw:items-center ttw:gap-4",
-				children: [/* @__PURE__ */ b("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: b(O ? v : _, { className: "ttw:size-6 ttw:text-green-700" })
-				}), /* @__PURE__ */ x("div", {
-					className: "ttw:flex ttw:flex-col ttw:gap-1",
-					children: [/* @__PURE__ */ b(d, { children: O ? k._("Send a copy to {name}?", { name: R }) : k._("Invoice issued. Send a copy to {name}?", { name: R }) }), /* @__PURE__ */ b(c, {
-						className: "ttw:text-xs",
-						children: k._("The customer will be emailed a copy of the invoice with payment instructions.")
-					})]
-				})]
-			})
-		}),
-		/* @__PURE__ */ x("div", {
-			className: "ttw:flex ttw:flex-col ttw:gap-2 ttw:p-6",
-			children: [
-				/* @__PURE__ */ x("div", {
-					className: "ttw:flex ttw:items-center ttw:gap-4",
-					children: [/* @__PURE__ */ b(f, {
-						variant: "body2",
-						color: "muted",
-						className: "ttw:w-16 ttw:shrink-0",
-						children: k._("To")
-					}), /* @__PURE__ */ x(f, {
-						variant: "body2",
-						children: [R, z ? ` <${z}>` : ""]
-					})]
-				}),
-				/* @__PURE__ */ x("div", {
-					className: "ttw:flex ttw:items-center ttw:gap-4",
-					children: [/* @__PURE__ */ b(f, {
-						variant: "body2",
-						color: "muted",
-						className: "ttw:w-16 ttw:shrink-0",
-						children: k._("Subject")
-					}), /* @__PURE__ */ b(a, {
-						className: "ttw:flex-1",
-						value: W,
-						onChange: (e) => {
-							G(e.target.value), q(!0);
-						},
-						disabled: X
-					})]
-				}),
-				/* @__PURE__ */ x("div", {
-					className: "ttw:flex ttw:items-start ttw:gap-4",
-					children: [/* @__PURE__ */ b(f, {
-						variant: "body2",
-						color: "muted",
-						className: "ttw:w-16 ttw:shrink-0 ttw:pt-2",
-						children: k._("Message")
-					}), /* @__PURE__ */ b(o, {
-						className: "ttw:flex-1",
-						value: J,
-						onChange: (e) => Y(e.target.value),
-						placeholder: k._("e.g., Thank you for your business"),
-						disabled: X
-					})]
-				}),
-				H.length > 0 && /* @__PURE__ */ x("div", {
-					className: "ttw:flex ttw:flex-col ttw:gap-2.5 ttw:pl-20",
-					children: [/* @__PURE__ */ x("div", {
-						className: "ttw:flex ttw:flex-col",
-						children: [/* @__PURE__ */ b(f, {
-							variant: "body2",
-							color: "muted",
-							children: k._("Attachments")
-						}), /* @__PURE__ */ b(f, {
-							variant: "caption",
-							color: "muted",
-							children: k._("To change what files are attached to the email, you will need to update the invoice.")
-						})]
-					}), /* @__PURE__ */ b("ul", {
-						className: "ttw:flex ttw:flex-col ttw:gap-2.5",
-						children: H.map((e) => /* @__PURE__ */ x("li", {
-							className: "ttw:rounded-lg ttw:bg-muted ttw:px-2 ttw:py-1 ttw:text-sm ttw:font-medium",
-							children: [
-								e.name,
-								" ",
-								/* @__PURE__ */ x("span", {
-									className: "ttw:text-muted-foreground",
-									children: [
-										"(",
-										p(e.size),
-										")"
-									]
-								})
-							]
-						}, e.id))
-					})]
-				})
-			]
-		}),
-		/* @__PURE__ */ x(l, {
-			className: "ttw:flex ttw:flex-row ttw:gap-4 ttw:border-t ttw:border-border ttw:p-6",
-			children: [/* @__PURE__ */ b(i, {
-				type: "button",
-				variant: "outline",
-				className: "ttw:flex-1 ttw:border-border",
-				disabled: X,
-				onClick: E,
-				children: O ? k._("Cancel") : k._("Skip")
-			}), /* @__PURE__ */ b(i, {
-				type: "button",
-				variant: "default",
-				className: "ttw:flex-1",
-				disabled: X || !W.trim() || !J.trim(),
-				onClick: async () => {
-					Z(!0);
-					try {
-						let e = F ? F.data.filter(({ status: e, direction: t }) => e === "active" && t === "receive") : [];
-						e.length === 0 ? S.error(k._("You haven't onboarded for any payment method. Invoice is sent without a payment link.")) : await L({
-							recipient: {
-								id: M,
-								type: "entity"
-							},
-							payment_methods: e.map((e) => e.type),
-							object: {
-								id: w,
-								type: "receivable"
-							}
-						}), await I({
-							path: { receivable_id: w },
-							body: {
-								subject_text: W,
-								body_text: J,
-								recipients: z ? { to: [z] } : void 0
-							}
-						}), await Promise.all([A.finops.getReceivables.invalidateQueries(j), A.finops.getReceivablesId.invalidateQueries({ parameters: { path: { receivable_id: w } } }, j)]), S.success(k._("Invoice sent successfully")), D();
-					} catch {
-						S.error(k._("Failed to send invoice."));
-					} finally {
-						Z(!1);
-					}
-				},
-				children: k._("Send invoice")
-			})]
-		})
-	] });
-};
+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 { w as ActionsModalIssueStep };
+export { a as Tooltip, s as TooltipContent, i as TooltipProvider, o as TooltipTrigger };