@tesouro/embedded-components-react 0.5.178 → 0.5.179

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

@@ -1 +1,412 @@
-import "./index386.js";
+import { ScopedCssBaselineContainerClassName as e } from "./index30.js";
+import { useMoniteContext as t } from "./index46.js";
+import { useCounterpartById as n } from "./index47.js";
+import { useCurrencies as ee } from "./index62.js";
+import { useOptionalFields as te } from "./index212.js";
+import { useRootElements as ne } from "./index213.js";
+import "./index214.js";
+import { MoniteScopedProviders as r } from "./index243.js";
+import { useUserPermissions as re } from "./index118.js";
+import { CounterpartDetails as ie } from "./index246.js";
+import { CounterpartAutocomplete as ae } from "./index264.js";
+import "./index293.js";
+import { MoniteCurrency as oe } from "./index302.js";
+import "./index304.js";
+import { classNames as se } from "./index339.js";
+import { useGetPayableCounterpart as ce } from "./index354.js";
+import { usePayableDetailsThemeProps as le } from "./index355.js";
+import "./index373.js";
+import { calculateTotalsForPayable as ue, findDefaultBankAccount as de, isFieldRequired as i, prepareDefaultValues as a, prepareSubmit as fe, resolveCreatePayableCounterpartAddressId as pe } from "./index375.js";
+import { PayableLineItemsForm as me } from "./index378.js";
+import "./index379.js";
+import { usePayableDetailsForm as he } from "./index380.js";
+import { getPayableDetailsFormSchema as ge, isFieldRequiredByValidations as o } from "./index381.js";
+import { useProductCurrencyGroups as _e } from "./index384.js";
+import { getBankAccountName as ve } from "./index385.js";
+import { safeZodResolver as ye } from "./index386.js";
+import { useEffect as s, useMemo as c, useRef as be, useState as xe } from "react";
+import { Fragment as Se, jsx as l, jsxs as u } from "@emotion/react/jsx-runtime";
+import { Box as d, Button as f, FormControl as Ce, FormHelperText as we, Grid as p, IconButton as Te, InputLabel as Ee, MenuItem as De, Paper as m, Select as Oe, Stack as ke, Table as Ae, TableBody as je, TableCell as h, TableRow as g, TextField as _, Typography as v } from "@mui/material";
+import { useLingui as Me } from "@lingui/react";
+import { DatePicker as y } from "@mui/x-date-pickers";
+import { Controller as b, FormProvider as x, useForm as Ne, useFormState as Pe } from "react-hook-form";
+import Fe from "@mui/icons-material/DeleteForever";
+import S from "@mui/icons-material/Add";
+//#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index387.js
+var C = ({ ref: e, ...t }) => /* @__PURE__ */ l(r, { children: /* @__PURE__ */ l(w, {
+	ref: e,
+	...t
+}) }), w = ({ payable: r, savePayable: C, createPayable: w, lineItems: T, payableDetailsFormId: Ie, initialCounterpartId: E, enableGLCodes: Le, hideAddDiscountButton: Re, hideAddBankAccountButton: ze, ref: Be, ...Ve }) => {
+	let { i18n: D } = Me(), { api: He, componentSettings: Ue } = t(), { root: O } = ne(), k = "Monite-PayableDetailsForm", { formatFromMinorUnits: A, formatToMinorUnits: j, formatCurrencyToDisplay: M, getSymbolFromCurrency: We } = ee(), { data: N } = He.finops.getPayablesValidations.useQuery(), Ge = c(() => a(A, r, T, E), [
+		A,
+		r,
+		T,
+		E
+	]), P = Ne({
+		resolver: ye(ge(D, N)),
+		defaultValues: Ge,
+		mode: "onTouched"
+	}), { control: F, handleSubmit: Ke, watch: I, reset: L, trigger: R, setValue: z, getValues: B, getFieldState: V } = P, { dirtyFields: qe } = Pe({ control: F }), H = I("counterpart"), U = I("counterpartBankAccount"), Je = I("invoiceDate"), Ye = I("dueDate"), W = I("currency"), Xe = I("lineItems"), G = I("discount"), K = ue(Xe, G), [Ze, q] = xe(!1), { counterpartQuery: Qe, counterpartBankAccountQuery: J } = he({ currentCounterpartId: H }), { ocrRequiredFields: Y, optionalFields: $e } = le(Ve), { showInvoiceDate: et } = te($e, { showInvoiceDate: !0 });
+	re();
+	let X = be(!1), { counterpart: Z, counterpartRawName: tt, isCounterpartAIMatched: nt, isCounterpartMatchingToOCRFound: Q, isCounterpartLoading: rt } = ce({ payable: r }), { data: $ } = n(E);
+	s(() => {
+		L(a(A, r, T, E));
+	}, [
+		r,
+		A,
+		L,
+		T,
+		E
+	]), s(() => {
+		!H && U && z("counterpartBankAccount", "", { shouldValidate: !0 });
+	}, [
+		H,
+		U,
+		z
+	]), s(() => {
+		Q && Z && (V("counterpart").isTouched || z("counterpart", Z.id));
+	}, [
+		Z,
+		V,
+		Q,
+		z
+	]), s(() => {
+		if (J.isSuccess && J.data?.data) {
+			let e = de(J.data.data, W);
+			B("counterpartBankAccount") !== e && z("counterpartBankAccount", e, {
+				shouldDirty: !0,
+				shouldTouch: !0,
+				shouldValidate: !0
+			});
+		}
+	}, [
+		J.data,
+		J.isSuccess,
+		W,
+		B,
+		z
+	]), s(() => {
+		r?.id && R();
+	}, [R, r?.id]);
+	let { currencyGroups: it, isLoadingCurrencyGroups: at } = _e();
+	return /* @__PURE__ */ u(Se, { children: [/* @__PURE__ */ l(d, {
+		className: se(e, k),
+		sx: {
+			pb: 6,
+			display: "flex",
+			flex: "1 1 auto",
+			overflow: "auto",
+			width: "100%",
+			height: 0
+		},
+		children: /* @__PURE__ */ l(x, {
+			...P,
+			children: /* @__PURE__ */ l("form", {
+				style: { width: "100%" },
+				ref: Be,
+				id: Ie,
+				noValidate: !0,
+				onBlur: () => {
+					X.current = !1;
+				},
+				onKeyDown: (e) => {
+					X.current = e.key === "Enter";
+				},
+				onSubmit: Ke(async (e) => {
+					let t = {
+						...e,
+						currency: e.currency,
+						counterpartAddressId: pe(Qe.data?.data, $, e.counterpart)
+					}, n = fe(t, j, K);
+					r ? C && C(r.id, n, e.lineItems, qe) : w && w(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: k + "-Details",
+								children: [/* @__PURE__ */ l(v, {
+									variant: "subtitle2",
+									mb: 2,
+									children: D._("Details")
+								}), /* @__PURE__ */ u(ke, {
+									spacing: 3,
+									children: [
+										/* @__PURE__ */ l(b, {
+											name: "invoiceNumber",
+											control: F,
+											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: i("invoiceNumber", Y)
+											})
+										}),
+										/* @__PURE__ */ l(ae, {
+											control: F,
+											disabled: rt,
+											name: "counterpart",
+											label: D._("Vendor"),
+											customerType: "vendor",
+											required: i("counterpart", Y) || o("counterpart_id", N),
+											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: tt,
+											showEditCounterpartButton: !0,
+											setShowEditCounterpartDialog: q,
+											counterpartAISuggested: nt ? Z : void 0,
+											preselectedCounterpart: $
+										}),
+										/* @__PURE__ */ l(b, {
+											name: "counterpartBankAccount",
+											control: F,
+											render: ({ field: e, fieldState: { error: t } }) => /* @__PURE__ */ u(Ce, {
+												variant: "standard",
+												fullWidth: !0,
+												error: !!t,
+												required: i("counterpartBankAccount", Y) || o("counterpart_bank_account_id", N),
+												children: [
+													/* @__PURE__ */ l(Ee, {
+														htmlFor: e.name,
+														children: D._("Bank account")
+													}),
+													/* @__PURE__ */ u(Oe, {
+														...e,
+														id: e.name,
+														labelId: e.name,
+														label: D._("Bank Account"),
+														MenuProps: { container: O },
+														disabled: !J?.data || J?.data?.data.length === 0,
+														children: [!ze && /* @__PURE__ */ l(f, {
+															variant: "text",
+															startIcon: /* @__PURE__ */ l(S, {}),
+															fullWidth: !0,
+															sx: {
+																justifyContent: "flex-start",
+																px: 2,
+																py: 1
+															},
+															onClick: () => q(!0),
+															children: D._("Add new bank account")
+														}), J?.data?.data.map((e) => /* @__PURE__ */ l(De, {
+															value: e.id,
+															children: ve(D, e)
+														}, e.id))]
+													}),
+													t && /* @__PURE__ */ l(we, { children: t.message })
+												]
+											})
+										}),
+										et && /* @__PURE__ */ l(b, {
+											name: "invoiceDate",
+											control: F,
+											render: ({ field: e, fieldState: { error: t } }) => /* @__PURE__ */ l(y, {
+												maxDate: Ye,
+												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: i("invoiceDate", Y) || o("issued_at", N)
+													}
+												},
+												...e,
+												label: D._("Issue date"),
+												views: [
+													"year",
+													"month",
+													"day"
+												]
+											})
+										}),
+										/* @__PURE__ */ l(b, {
+											name: "dueDate",
+											control: F,
+											render: ({ field: e, fieldState: { error: t } }) => /* @__PURE__ */ l(y, {
+												minDate: Je,
+												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: i("dueDate", Y)
+													}
+												},
+												...e,
+												label: D._("Due date"),
+												views: [
+													"year",
+													"month",
+													"day"
+												]
+											})
+										}),
+										/* @__PURE__ */ l(oe, {
+											name: "currency",
+											control: F,
+											required: i("currency", Y) || o("currency", N),
+											groups: it,
+											disabled: at,
+											allowedCurrencies: Ue?.payables?.availableCurrencies
+										})
+									]
+								})]
+							})
+						}),
+						/* @__PURE__ */ l(p, {
+							item: !0,
+							xs: 12,
+							children: /* @__PURE__ */ u(m, {
+								variant: "outlined",
+								sx: { p: 3 },
+								className: k + "-Items",
+								children: [/* @__PURE__ */ l(v, {
+									variant: "subtitle2",
+									mb: 2,
+									children: D._("Items")
+								}), /* @__PURE__ */ l(me, { enableGLCodes: Le })]
+							})
+						}),
+						/* @__PURE__ */ l(p, {
+							item: !0,
+							xs: 12,
+							className: k + "-Totals",
+							children: /* @__PURE__ */ l(m, {
+								variant: "outlined",
+								children: /* @__PURE__ */ l(Ae, { children: /* @__PURE__ */ u(je, { children: [
+									/* @__PURE__ */ u(g, {
+										className: k + "-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: [G === null && !Re && /* @__PURE__ */ l(f, {
+													variant: "text",
+													startIcon: /* @__PURE__ */ l(S, {}),
+													size: "small",
+													sx: {
+														pl: 1.25,
+														pr: 2,
+														py: 0
+													},
+													onClick: () => {
+														let e = P.setValue;
+														e("discount", 0);
+													},
+													children: D._("Add Discount")
+												}), K.subtotal && W ? M(j(K.subtotal, W) || 0, W) : "—"]
+											})
+										})]
+									}),
+									G !== null && /* @__PURE__ */ u(g, {
+										className: k + "-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(Te, {
+													"aria-label": "delete",
+													onClick: () => {
+														let e = P.setValue;
+														e("discount", null);
+													},
+													children: /* @__PURE__ */ l(Fe, {})
+												}), /* @__PURE__ */ l(b, {
+													name: "discount",
+													control: F,
+													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: We(W) }
+													})
+												})]
+											})
+										})]
+									}),
+									/* @__PURE__ */ u(g, {
+										className: k + "-Totals-Taxes",
+										children: [/* @__PURE__ */ l(h, { children: D._("Tax total") }), /* @__PURE__ */ l(h, {
+											align: "right",
+											children: K.taxes && W ? M(j(K.taxes, W) || 0, W) : "—"
+										})]
+									}),
+									/* @__PURE__ */ u(g, {
+										className: k + "-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: K.total && W ? M(j(K.total, W) || 0, W) : "—"
+											})
+										})]
+									})
+								] }) })
+							})
+						})
+					]
+				})
+			})
+		})
+	}), H && /* @__PURE__ */ l(ie, {
+		counterpartId: H,
+		open: Ze,
+		onClose: () => q(!1),
+		customerType: "vendor"
+	})] });
+};
+//#endregion
+export { C as PayableDetailsForm };

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

@@ -1,22 +1 @@
-import { useMoniteContext as e } from "./index46.js";
-//#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index388.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 "./index387.js";

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

@@ -1,95 +1,22 @@
-import { usePaymentIntentById as e } from "./index141.js";
-import "./index144.js";
-import { useRootElements as t } from "./index212.js";
-import "./index213.js";
-import { useCreatePayablePaymentLink as n, usePaymentLinkById as r } from "./index388.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 "./index46.js";
 //#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index389.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/index390.js

@@ -1,22 +1,95 @@
-import { getAPIErrorMessage as e } from "./index27.js";
-import { useMoniteContext as t } from "./index46.js";
-import { toast as n } from "react-hot-toast";
-import { useLingui as r } from "@lingui/react";
+import { usePaymentIntentById as e } from "./index141.js";
+import "./index144.js";
+import { useRootElements as t } from "./index213.js";
+import "./index214.js";
+import { useCreatePayablePaymentLink as n, usePaymentLinkById as r } from "./index389.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/index390.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 };