@tesouro/embedded-components-react 0.2.241 → 0.2.243

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

@@ -1 +1,425 @@
-import "./index380.js";
+import { Scope as e } from "../../shared/data-access/dist/lib/scopes.js";
+import "../../shared/data-access/dist/index.js";
+import { ScopedCssBaselineContainerClassName as t } from "./index31.js";
+import { useMoniteContext as n } from "./index47.js";
+import { useCounterpartById as ee } from "./index48.js";
+import { useCurrencies as te } from "./index63.js";
+import { useOptionalFields as ne } from "./index177.js";
+import { useRootElements as re } from "./index178.js";
+import "./index179.js";
+import { MoniteScopedProviders as r } from "./index209.js";
+import { useUserPermissions as ie } from "./index112.js";
+import { CounterpartDetails as ae } from "./index229.js";
+import { CounterpartAutocomplete as oe } from "./index247.js";
+import "./index276.js";
+import { MoniteCurrency as se } from "./index285.js";
+import "./index287.js";
+import { TagsAutocompleteInput as ce } from "./index301.js";
+import "./index302.js";
+import { classNames as le } from "./index333.js";
+import { useGetPayableCounterpart as ue } from "./index348.js";
+import { usePayableDetailsThemeProps as i } from "./index349.js";
+import "./index367.js";
+import { calculateTotalsForPayable as de, findDefaultBankAccount as fe, isFieldRequired as a, prepareDefaultValues as o, prepareSubmit as pe, resolveCreatePayableCounterpartAddressId as me } from "./index369.js";
+import { PayableLineItemsForm as he } from "./index372.js";
+import "./index373.js";
+import { usePayableDetailsForm as ge } from "./index374.js";
+import { getPayableDetailsFormSchema as _e, isFieldRequiredByValidations as s } from "./index375.js";
+import { useProductCurrencyGroups as ve } from "./index378.js";
+import { getBankAccountName as ye } from "./index379.js";
+import { safeZodResolver as be } from "./index380.js";
+import { useEffect as c, useMemo as xe, useRef as Se, useState as Ce } from "react";
+import { Fragment as we, jsx as l, jsxs as u } from "@emotion/react/jsx-runtime";
+import { Box as d, Button as f, FormControl as Te, FormHelperText as Ee, Grid as p, IconButton as De, InputLabel as Oe, MenuItem as ke, Paper as m, Select as Ae, Stack as je, Table as Me, TableBody as Ne, TableCell as h, TableRow as g, TextField as _, Typography as v } from "@mui/material";
+import { useLingui as Pe } from "@lingui/react";
+import { DatePicker as y } from "@mui/x-date-pickers";
+import { Controller as b, FormProvider as Fe, useForm as Ie, useFormState as Le } from "react-hook-form";
+import x from "@mui/icons-material/Add";
+import Re from "@mui/icons-material/DeleteForever";
+//#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index381.js
+var S = ({ ref: e, ...t }) => /* @__PURE__ */ l(r, { children: /* @__PURE__ */ l(C, {
+	ref: e,
+	...t
+}) }), C = ({ payable: r, savePayable: S, createPayable: C, lineItems: w, payableDetailsFormId: ze, initialCounterpartId: T, enableGLCodes: Be, hideAddDiscountButton: Ve, hideAddBankAccountButton: He, ref: Ue, ...E }) => {
+	let { i18n: D } = Pe(), { api: We, componentSettings: Ge } = n(), { root: O } = re(), { formatFromMinorUnits: k, formatToMinorUnits: A, formatCurrencyToDisplay: j, getSymbolFromCurrency: Ke } = te(), { isTagsDisabled: qe } = i(E), { data: M } = We.finops.getPayablesValidations.useQuery(), Je = xe(() => o(k, r, w, T), [
+		k,
+		r,
+		w,
+		T
+	]), N = Ie({
+		resolver: be(_e(D, M)),
+		defaultValues: Je,
+		mode: "onTouched"
+	}), { control: P, handleSubmit: Ye, watch: F, reset: I, trigger: L, setValue: R, getValues: z, getFieldState: B } = N, { dirtyFields: Xe } = Le({ control: P }), V = F("counterpart"), H = F("counterpartBankAccount"), Ze = F("invoiceDate"), Qe = F("dueDate"), U = F("currency"), $e = F("lineItems"), W = F("discount"), G = de($e, W), [et, K] = Ce(!1), { counterpartQuery: tt, counterpartBankAccountQuery: q } = ge({ currentCounterpartId: V }), { ocrRequiredFields: J, optionalFields: Y } = i(E), { showInvoiceDate: nt, showTags: rt } = ne(Y, {
+		showInvoiceDate: !0,
+		showTags: !0
+	}), it = ie().has(e.AccountingConfigReadOrg), X = Se(!1), { counterpart: Z, counterpartRawName: at, isCounterpartAIMatched: ot, isCounterpartMatchingToOCRFound: Q, isCounterpartLoading: st } = ue({ payable: r }), { data: $ } = ee(T);
+	c(() => {
+		I(o(k, r, w, T));
+	}, [
+		r,
+		k,
+		I,
+		w,
+		T
+	]), c(() => {
+		!V && H && R("counterpartBankAccount", "", { shouldValidate: !0 });
+	}, [
+		V,
+		H,
+		R
+	]), c(() => {
+		!Q || !Z || B("counterpart").isTouched || R("counterpart", Z.id);
+	}, [
+		Z,
+		B,
+		Q,
+		R
+	]), c(() => {
+		if (q.isSuccess && q.data?.data) {
+			let e = fe(q.data.data, U);
+			z("counterpartBankAccount") !== e && R("counterpartBankAccount", e, {
+				shouldDirty: !0,
+				shouldTouch: !0,
+				shouldValidate: !0
+			});
+		}
+	}, [
+		q.data,
+		q.isSuccess,
+		U,
+		z,
+		R
+	]), c(() => {
+		r?.id && L();
+	}, [L, r?.id]);
+	let { currencyGroups: ct, isLoadingCurrencyGroups: lt } = ve();
+	return /* @__PURE__ */ u(we, { children: [/* @__PURE__ */ l(d, {
+		className: le(t, "Monite-PayableDetailsForm"),
+		sx: {
+			pb: 6,
+			display: "flex",
+			flex: "1 1 auto",
+			overflow: "auto",
+			width: "100%",
+			height: 0
+		},
+		children: /* @__PURE__ */ l(Fe, {
+			...N,
+			children: /* @__PURE__ */ l("form", {
+				style: { width: "100%" },
+				ref: Ue,
+				id: ze,
+				noValidate: !0,
+				onBlur: () => {
+					X.current = !1;
+				},
+				onKeyDown: (e) => {
+					X.current = e.key === "Enter";
+				},
+				onSubmit: Ye(async (e) => {
+					let t = {
+						...e,
+						currency: e.currency,
+						counterpartAddressId: me(tt.data?.data, $, e.counterpart)
+					}, n = pe(t, A);
+					r ? S && S(r.id, n, e.lineItems, Xe) : C && C(n, e.lineItems);
+				}),
+				children: /* @__PURE__ */ u(p, {
+					container: !0,
+					spacing: 3,
+					children: [
+						/* @__PURE__ */ l(p, {
+							item: !0,
+							xs: 12,
+							children: /* @__PURE__ */ u(m, {
+								variant: "outlined",
+								sx: { p: 3 },
+								className: "Monite-PayableDetailsForm-Details",
+								children: [/* @__PURE__ */ l(v, {
+									variant: "subtitle2",
+									mb: 2,
+									children: D._("Details")
+								}), /* @__PURE__ */ u(je, {
+									spacing: 3,
+									children: [
+										/* @__PURE__ */ l(b, {
+											name: "invoiceNumber",
+											control: P,
+											render: ({ field: e, fieldState: { error: t } }) => /* @__PURE__ */ l(_, {
+												...e,
+												id: e.name,
+												label: D._("Number"),
+												variant: "standard",
+												fullWidth: !0,
+												error: !!t,
+												helperText: t?.message,
+												required: a("invoiceNumber", J)
+											})
+										}),
+										/* @__PURE__ */ l(oe, {
+											control: P,
+											disabled: st,
+											name: "counterpart",
+											label: D._("Vendor"),
+											customerType: "vendor",
+											required: a("counterpart", J) || s("counterpart_id", M),
+											getCounterpartDefaultValues: (e) => ({
+												tax_id: "",
+												counterpart: {
+													email: r?.counterpart_raw_data?.email ?? "",
+													phone: r?.counterpart_raw_data?.phone ?? "",
+													isCustomer: !1,
+													isVendor: !0,
+													line1: r?.counterpart_raw_data?.address?.line1 ?? "",
+													line2: r?.counterpart_raw_data?.address?.line2 ?? "",
+													city: r?.counterpart_raw_data?.address?.city ?? "",
+													state: r?.counterpart_raw_data?.address?.state ?? "",
+													postalCode: r?.counterpart_raw_data?.address?.postal_code ?? "",
+													country: "US",
+													...e === "individual" && { firstName: r?.counterpart_raw_data?.name ?? "" },
+													...e === "individual" && { lastName: "" },
+													...e === "organization" && { companyName: r?.counterpart_raw_data?.name ?? "" }
+												}
+											}),
+											counterpartMatchingToOCR: Q ? Z : void 0,
+											counterpartRawName: at,
+											showEditCounterpartButton: !0,
+											setShowEditCounterpartDialog: K,
+											counterpartAISuggested: ot ? Z : void 0,
+											preselectedCounterpart: $
+										}),
+										/* @__PURE__ */ l(b, {
+											name: "counterpartBankAccount",
+											control: P,
+											render: ({ field: e, fieldState: { error: t } }) => /* @__PURE__ */ u(Te, {
+												variant: "standard",
+												fullWidth: !0,
+												error: !!t,
+												required: a("counterpartBankAccount", J) || s("counterpart_bank_account_id", M),
+												children: [
+													/* @__PURE__ */ l(Oe, {
+														htmlFor: e.name,
+														children: D._("Bank account")
+													}),
+													/* @__PURE__ */ u(Ae, {
+														...e,
+														id: e.name,
+														labelId: e.name,
+														label: D._("Bank Account"),
+														MenuProps: { container: O },
+														disabled: !q?.data || q?.data?.data.length === 0,
+														children: [!He && /* @__PURE__ */ l(f, {
+															variant: "text",
+															startIcon: /* @__PURE__ */ l(x, {}),
+															fullWidth: !0,
+															sx: {
+																justifyContent: "flex-start",
+																px: 2,
+																py: 1
+															},
+															onClick: () => K(!0),
+															children: D._("Add new bank account")
+														}), q?.data?.data.map((e) => /* @__PURE__ */ l(ke, {
+															value: e.id,
+															children: ye(D, e)
+														}, e.id))]
+													}),
+													t && /* @__PURE__ */ l(Ee, { children: t.message })
+												]
+											})
+										}),
+										nt && /* @__PURE__ */ l(b, {
+											name: "invoiceDate",
+											control: P,
+											render: ({ field: e, fieldState: { error: t } }) => /* @__PURE__ */ l(y, {
+												maxDate: Qe,
+												slotProps: {
+													popper: { container: O },
+													dialog: { container: O },
+													actionBar: { actions: ["clear", "today"] },
+													textField: {
+														id: e.name,
+														variant: "outlined",
+														fullWidth: !0,
+														error: !!t,
+														helperText: t?.message,
+														required: a("invoiceDate", J) || s("issued_at", M)
+													}
+												},
+												...e,
+												label: D._("Issue date"),
+												views: [
+													"year",
+													"month",
+													"day"
+												]
+											})
+										}),
+										/* @__PURE__ */ l(b, {
+											name: "dueDate",
+											control: P,
+											render: ({ field: e, fieldState: { error: t } }) => /* @__PURE__ */ l(y, {
+												minDate: Ze,
+												slotProps: {
+													popper: { container: O },
+													dialog: { container: O },
+													actionBar: { actions: ["clear", "today"] },
+													textField: {
+														id: e.name,
+														variant: "outlined",
+														fullWidth: !0,
+														error: !!t,
+														helperText: t?.message,
+														required: a("dueDate", J)
+													}
+												},
+												...e,
+												label: D._("Due date"),
+												views: [
+													"year",
+													"month",
+													"day"
+												]
+											})
+										}),
+										/* @__PURE__ */ l(se, {
+											name: "currency",
+											control: P,
+											required: a("currency", J) || s("currency", M),
+											groups: ct,
+											disabled: lt,
+											allowedCurrencies: Ge?.payables?.availableCurrencies
+										}),
+										rt && /* @__PURE__ */ l(ce, {
+											control: P,
+											name: "tags",
+											label: D._("Tags"),
+											variant: "standard",
+											disabled: qe || !it,
+											required: a("tags", J)
+										})
+									]
+								})]
+							})
+						}),
+						/* @__PURE__ */ l(p, {
+							item: !0,
+							xs: 12,
+							children: /* @__PURE__ */ u(m, {
+								variant: "outlined",
+								sx: { p: 3 },
+								className: "Monite-PayableDetailsForm-Items",
+								children: [/* @__PURE__ */ l(v, {
+									variant: "subtitle2",
+									mb: 2,
+									children: D._("Items")
+								}), /* @__PURE__ */ l(he, { enableGLCodes: Be })]
+							})
+						}),
+						/* @__PURE__ */ l(p, {
+							item: !0,
+							xs: 12,
+							className: "Monite-PayableDetailsForm-Totals",
+							children: /* @__PURE__ */ l(m, {
+								variant: "outlined",
+								children: /* @__PURE__ */ l(Me, { children: /* @__PURE__ */ u(Ne, { children: [
+									/* @__PURE__ */ u(g, {
+										className: "Monite-PayableDetailsForm-Totals-Subtotal",
+										children: [/* @__PURE__ */ l(h, { children: D._("Subtotal") }), /* @__PURE__ */ l(h, {
+											align: "right",
+											children: /* @__PURE__ */ u(d, {
+												gap: .5,
+												alignItems: "center",
+												justifyContent: "flex-end",
+												display: "flex",
+												children: [W === null && !Ve && /* @__PURE__ */ l(f, {
+													variant: "text",
+													startIcon: /* @__PURE__ */ l(x, {}),
+													size: "small",
+													sx: {
+														pl: 1.25,
+														pr: 2,
+														py: 0
+													},
+													onClick: () => {
+														let e = N.setValue;
+														e("discount", 0);
+													},
+													children: D._("Add Discount")
+												}), G.subtotal && U ? j(A(G.subtotal, U) || 0, U) : "—"]
+											})
+										})]
+									}),
+									W !== null && /* @__PURE__ */ u(g, {
+										className: "Monite-PayableDetailsForm-Totals-Discount",
+										children: [/* @__PURE__ */ l(h, { children: D._("Discount") }), /* @__PURE__ */ l(h, {
+											align: "right",
+											children: /* @__PURE__ */ u(d, {
+												gap: .5,
+												alignItems: "center",
+												justifyContent: "flex-end",
+												display: "flex",
+												children: [/* @__PURE__ */ l(De, {
+													"aria-label": "delete",
+													onClick: () => {
+														let e = N.setValue;
+														e("discount", null);
+													},
+													children: /* @__PURE__ */ l(Re, {})
+												}), /* @__PURE__ */ l(b, {
+													name: "discount",
+													control: P,
+													render: ({ field: e, fieldState: { error: t } }) => /* @__PURE__ */ l(_, {
+														...e,
+														id: e.name,
+														variant: "standard",
+														type: "number",
+														inputProps: {
+															min: 0,
+															step: .01
+														},
+														error: !!t,
+														sx: { width: 150 },
+														InputProps: { endAdornment: Ke(U) }
+													})
+												})]
+											})
+										})]
+									}),
+									/* @__PURE__ */ u(g, {
+										className: "Monite-PayableDetailsForm-Totals-Taxes",
+										children: [/* @__PURE__ */ l(h, { children: D._("Tax total") }), /* @__PURE__ */ l(h, {
+											align: "right",
+											children: G.taxes && U ? j(A(G.taxes, U) || 0, U) : "—"
+										})]
+									}),
+									/* @__PURE__ */ u(g, {
+										className: "Monite-PayableDetailsForm-Totals-Total",
+										children: [/* @__PURE__ */ l(h, { children: /* @__PURE__ */ l(v, {
+											variant: "subtitle1",
+											children: D._("Total")
+										}) }), /* @__PURE__ */ l(h, {
+											align: "right",
+											children: /* @__PURE__ */ l(v, {
+												variant: "subtitle1",
+												children: G.total && U ? j(A(G.total, U) || 0, U) : "—"
+											})
+										})]
+									})
+								] }) })
+							})
+						})
+					]
+				})
+			})
+		})
+	}), V && /* @__PURE__ */ l(ae, {
+		counterpartId: V,
+		open: et,
+		onClose: () => K(!1),
+		customerType: "vendor"
+	})] });
+};
+//#endregion
+export { S as PayableDetailsForm };

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

@@ -1,22 +1 @@
-import { useMoniteContext as e } from "./index47.js";
-//#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index382.js
-var t = (t) => {
-	let { api: n } = e();
-	return n.finops.getPaymentLinksId.useQuery({ path: { payment_link_id: t ?? "" } }, { enabled: !!t });
-}, n = () => {
-	let { api: t } = e(), n = t.finops.postPaymentLinks.useMutation({});
-	return async (e, t, r, i) => n.mutateAsync({
-		recipient: {
-			id: t,
-			type: "counterpart"
-		},
-		object: {
-			id: e,
-			type: "payable"
-		},
-		payment_methods: r,
-		expires_at: new Date(Date.now() + i * 24 * 3600 * 1e3).toISOString()
-	});
-};
-//#endregion
-export { n as useCreatePayablePaymentLink, t as usePaymentLinkById };
+import "./index381.js";

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

@@ -1,95 +1,22 @@
-import { usePaymentIntentById as e } from "./index135.js";
-import "./index138.js";
-import { useRootElements as t } from "./index178.js";
-import "./index179.js";
-import { useCreatePayablePaymentLink as n, usePaymentLinkById as r } from "./index382.js";
-import { useEffect as i, useState as a } from "react";
-import { jsx as o, jsxs as s } from "@emotion/react/jsx-runtime";
-import { toast as c } from "react-hot-toast";
-import { Box as l, CircularProgress as u, Modal as d } from "@mui/material";
-import { useLingui as f } from "@lingui/react";
+import { useMoniteContext as e } from "./index47.js";
 //#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index383.js
-var p = (p, m, h, g) => {
-	let { i18n: _ } = f(), { root: v } = t(), y = n(), [b, x] = a(!1), [S, C] = a(null), [w, T] = a(null), [E, D] = a(!1), { data: O, isSuccess: k } = e(g ?? "");
-	i(() => {
-		k && O?.payment_link_id && g && T(O.payment_link_id);
-	}, [
-		k,
-		O,
-		g
-	]);
-	let { data: A, refetch: j, isSuccess: M, isLoading: N } = r(w ?? "");
-	return i(() => {
-		M && A?.payment_intent?.status === "processing" && h?.(p ?? "", A?.payment_intent?.status ?? "");
-	}, [
-		A,
-		M,
-		h,
-		p
-	]), {
-		handlePay: async () => {
-			if (!m) {
-				c.error(_._("Vendor not found. Please create a vendor first."));
-				return;
-			}
-			if (!E) try {
-				if (N) {
-					c.error(_._("Payment link is still loading. Please wait a moment and try again."));
-					return;
-				}
-				if (!w || M && A?.payment_intent?.status !== "created") {
-					if (D(!0), !p) throw Error("Payable ID is undefined");
-					let e = await y(p, m, ["sepa_credit"], 60);
-					if (e.payment_page_url) T(e.id), C(e.payment_page_url);
-					else throw T(null), C(null), Error("No payment page URL in response");
-				} else if (A?.payment_page_url) C(A.payment_page_url);
-				else throw Error("No payment page URL in existing payment link");
-				x(!0);
-			} catch (e) {
-				console.error("Payment link creation/retrieval error:", e), c.error(g && O?.status === "created" ? _._("Failed to retrieve payment link. Please try again.") : _._("Failed to create payment link. Please try again.")), x(!1);
-			} finally {
-				D(!1);
-			}
+var t = (t) => {
+	let { api: n } = e();
+	return n.finops.getPaymentLinksId.useQuery({ path: { payment_link_id: t ?? "" } }, { enabled: !!t });
+}, n = () => {
+	let { api: t } = e(), n = t.finops.postPaymentLinks.useMutation({});
+	return async (e, t, r, i) => n.mutateAsync({
+		recipient: {
+			id: t,
+			type: "counterpart"
 		},
-		isCreatingPaymentLink: E,
-		modalComponent: /* @__PURE__ */ o(d, {
-			open: b,
-			onClose: async () => {
-				await j(), x(!1), C(null);
-			},
-			container: v,
-			children: /* @__PURE__ */ o(l, {
-				sx: {
-					position: "absolute",
-					top: "50%",
-					left: "50%",
-					transform: "translate(-50%, -50%)",
-					width: "80%",
-					maxWidth: 600,
-					bgcolor: "background.paper",
-					boxShadow: 24,
-					p: 4,
-					borderRadius: 2
-				},
-				children: S ? /* @__PURE__ */ o("iframe", {
-					src: S,
-					title: "Payment Page",
-					width: "100%",
-					height: "400px",
-					style: { border: "none" }
-				}) : /* @__PURE__ */ s(l, {
-					sx: {
-						display: "flex",
-						flexDirection: "column",
-						alignItems: "center",
-						gap: 2,
-						py: 4
-					},
-					children: [/* @__PURE__ */ o(u, {}), /* @__PURE__ */ o("p", { children: _._("Loading payment page...") })]
-				})
-			})
-		})
-	};
+		object: {
+			id: e,
+			type: "payable"
+		},
+		payment_methods: r,
+		expires_at: new Date(Date.now() + i * 24 * 3600 * 1e3).toISOString()
+	});
 };
 //#endregion
-export { p as usePaymentHandler };
+export { n as useCreatePayablePaymentLink, t as usePaymentLinkById };

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

@@ -1,22 +1,95 @@
-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";
+import { usePaymentIntentById as e } from "./index135.js";
+import "./index138.js";
+import { useRootElements as t } from "./index178.js";
+import "./index179.js";
+import { useCreatePayablePaymentLink as n, usePaymentLinkById as r } from "./index383.js";
+import { useEffect as i, useState as a } from "react";
+import { jsx as o, jsxs as s } from "@emotion/react/jsx-runtime";
+import { toast as c } from "react-hot-toast";
+import { Box as l, CircularProgress as u, Modal as d } from "@mui/material";
+import { useLingui as f } from "@lingui/react";
 //#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index384.js
-var i = (i, a, o, s) => {
-	let { api: c, queryClient: l } = t(), { i18n: u } = r();
-	return c.finops.postApprovalRequestsIdReject.useMutation({ path: { approval_request_id: i } }, {
-		onSuccess: () => {
-			if (c.finops.getApprovalRequests.invalidateQueries(l), n.success(u._("Payable “{document_id}” has been rejected", { document_id: s })), o) return a?.(o ?? ""), new Promise((e) => {
-				setTimeout(() => {
-					Promise.all([c.finops.getPayablesId.invalidateQueries({ parameters: { path: { payable_id: o ?? "" } } }, l), c.finops.getPayables.invalidateQueries(l)]).then(() => e());
-				}, 500);
-			});
+var p = (p, m, h, g) => {
+	let { i18n: _ } = f(), { root: v } = t(), y = n(), [b, x] = a(!1), [S, C] = a(null), [w, T] = a(null), [E, D] = a(!1), { data: O, isSuccess: k } = e(g ?? "");
+	i(() => {
+		k && O?.payment_link_id && g && T(O.payment_link_id);
+	}, [
+		k,
+		O,
+		g
+	]);
+	let { data: A, refetch: j, isSuccess: M, isLoading: N } = r(w ?? "");
+	return i(() => {
+		M && A?.payment_intent?.status === "processing" && h?.(p ?? "", A?.payment_intent?.status ?? "");
+	}, [
+		A,
+		M,
+		h,
+		p
+	]), {
+		handlePay: async () => {
+			if (!m) {
+				c.error(_._("Vendor not found. Please create a vendor first."));
+				return;
+			}
+			if (!E) try {
+				if (N) {
+					c.error(_._("Payment link is still loading. Please wait a moment and try again."));
+					return;
+				}
+				if (!w || M && A?.payment_intent?.status !== "created") {
+					if (D(!0), !p) throw Error("Payable ID is undefined");
+					let e = await y(p, m, ["sepa_credit"], 60);
+					if (e.payment_page_url) T(e.id), C(e.payment_page_url);
+					else throw T(null), C(null), Error("No payment page URL in response");
+				} else if (A?.payment_page_url) C(A.payment_page_url);
+				else throw Error("No payment page URL in existing payment link");
+				x(!0);
+			} catch (e) {
+				console.error("Payment link creation/retrieval error:", e), c.error(g && O?.status === "created" ? _._("Failed to retrieve payment link. Please try again.") : _._("Failed to create payment link. Please try again.")), x(!1);
+			} finally {
+				D(!1);
+			}
 		},
-		onError: (t) => {
-			n.error(e(u, t));
-		}
-	});
+		isCreatingPaymentLink: E,
+		modalComponent: /* @__PURE__ */ o(d, {
+			open: b,
+			onClose: async () => {
+				await j(), x(!1), C(null);
+			},
+			container: v,
+			children: /* @__PURE__ */ o(l, {
+				sx: {
+					position: "absolute",
+					top: "50%",
+					left: "50%",
+					transform: "translate(-50%, -50%)",
+					width: "80%",
+					maxWidth: 600,
+					bgcolor: "background.paper",
+					boxShadow: 24,
+					p: 4,
+					borderRadius: 2
+				},
+				children: S ? /* @__PURE__ */ o("iframe", {
+					src: S,
+					title: "Payment Page",
+					width: "100%",
+					height: "400px",
+					style: { border: "none" }
+				}) : /* @__PURE__ */ s(l, {
+					sx: {
+						display: "flex",
+						flexDirection: "column",
+						alignItems: "center",
+						gap: 2,
+						py: 4
+					},
+					children: [/* @__PURE__ */ o(u, {}), /* @__PURE__ */ o("p", { children: _._("Loading payment page...") })]
+				})
+			})
+		})
+	};
 };
 //#endregion
-export { i as useRejectApprovalRequest };
+export { p as usePaymentHandler };