@tesouro/embedded-components-react 0.3.0 → 0.3.2

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

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

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

@@ -1,4 +1 @@
-//#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index393.js
-var e = (e) => e.source_of_payable_data === "ocr" && e.ocr_status === "processing";
-//#endregion
-export { e as isPayableInOCRProcessing };
+import "./index392.js";

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

@@ -1,193 +1,22 @@
-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 { useCurrencies as n } from "./index63.js";
-import { useEntityUserByAuthToken as r } from "./index129.js";
-import { usePayablePaymentIntentsAndRecords as i } from "./index134.js";
-import "./index189.js";
-import { useUserPermissions as a } from "./index112.js";
-import { useGetPayableCounterpart as o } from "./index354.js";
-import { usePayButtonVisibility as s } from "./index357.js";
-import { useGetPayableById as c } from "./index359.js";
-import { useGetPayableLineItems as l } from "./index360.js";
-import { useGetPayableApprovalRequests as u } from "./index361.js";
-import { useCreatePayable as ee } from "./index362.js";
-import { useUpdatePayable as d } from "./index363.js";
-import { useCreatePayableLineItem as te } from "./index364.js";
-import { useUpdatePayableLineItem as ne } from "./index365.js";
-import { useDeletePayableLineItem as re } from "./index366.js";
-import { useCancelPayableById as ie } from "./index367.js";
-import { useSubmitPayableForApproval as ae } from "./index368.js";
-import { useForceRejectPayable as oe } from "./index369.js";
-import { useForceApprovePayable as se } from "./index370.js";
-import { useReopenPayable as ce } from "./index371.js";
-import { useDeletePayable as le } from "./index372.js";
-import { prepareLineItemSubmit as f } from "./index375.js";
-import { usePaymentHandler as ue } from "./index390.js";
-import { useRejectApprovalRequest as de } from "./index391.js";
-import { useApproveApprovalRequest as fe } from "./index392.js";
-import { isPayableInOCRProcessing as p } from "./index393.js";
-import { useCallback as m, useEffect as h, useMemo as g, useState as pe } from "react";
-import { toast as _ } from "react-hot-toast";
-import { useLingui as me } from "@lingui/react";
+import { useMoniteContext as e } from "./index47.js";
 //#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index394.js
-function v({ id: v, enableGLCodes: he, shouldOpenInEditMode: ge, onSaved: y, onCanceled: _e, onSubmitted: ve, onRejected: b, onApproved: x, onReopened: ye, onDeleted: be, onPay: S }) {
-	let { api: C, queryClient: w } = t(), T = a(), { i18n: E } = me(), { formatToMinorUnits: D } = n(), { data: O } = r(), [k, A] = pe(ge ?? !1), j = C.finops.getPayablesId.getQueryData({ path: { payable_id: v ?? "" } }, w), M = j && p(j), { data: N, error: xe, isLoading: Se, refetch: P } = c(v ?? "", M, k), F = N?.status, { payablesPaymentIntentsRecord: Ce, refetch: I } = i(v ? [v] : []), { showPayButton: we, intentsAnalysis: Te } = s({
-		payable: N,
-		payableRecentPaymentRecordByIntent: Ce?.[v ?? ""] || []
-	}), { handlePay: L, modalComponent: Ee } = ue(v, N?.counterpart_id, () => {
-		P(), I();
-	}, Te.idPaymentIntentInCreated), { counterpart: De, isCounterpartAIMatched: Oe, AISuggestions: ke } = o({ payable: N });
-	h(() => {
-		if (M) return () => void C.finops.getPayables.invalidateQueries(w);
-	}, [
-		C,
-		M,
-		w
-	]);
-	let { data: Ae } = l(v ?? ""), R = Ae?.data, { data: z } = u(v ?? "", F), B = z?.data?.find((e) => e.status === "waiting" && !e.approved_by?.includes(O?.id ?? "") && e.user_ids?.includes(O?.id ?? "")), V = T.has(e.PayableWriteOrg), H = T.has(e.PayableWriteOrg), U = T.has(e.PayableWriteOrg), W = T.has(e.PayableApproveOrg), G = T.has(e.PayablePayOrg), K = T.has(e.PayableWriteOrg), q = T.has(e.PayableWriteOrg), J = ee(), Y = d(), X = te(v ?? ""), je = ne(v ?? ""), Me = re(v ?? ""), { mutateAsync: Ne, isPending: Pe } = ie(v ?? "", _e), { submitForApproval: Fe, isPending: Z } = ae({
-		payableId: v ?? "",
-		AISuggestions: ke?.suggested_counterpart,
-		isCounterpartAIMatched: Oe,
-		counterpartId: De?.id,
-		onSubmitted: ve
-	}), { mutateAsync: Ie, isPending: Le } = de(B?.id ?? "", b, v, N?.document_id), { mutateAsync: Re, isPending: ze } = fe(B?.id ?? "", x, v, N?.document_id), { mutateAsync: Be, isPending: Ve } = oe(v ?? "", b), { mutateAsync: He, isPending: Q } = se(v ?? "", x), { mutateAsync: Ue, isPending: We } = ce(v ?? "", ye), { mutateAsync: Ge } = le(v ?? "", be), Ke = J.isPending || Y.isPending || Pe || Z || Ve || Q || We || Le || ze, qe = J.isPending || Y.isPending || Z, $ = m(() => T.has(e.PayableApproveOrg), [T]), Je = g(() => {
-		if (!v) return ["cancelEdit", "save"];
-		if (F === "draft") return k ? H ? ["cancelEdit", "save"] : [] : [...V ? ["cancel"] : [], ...H ? ["edit"] : []];
-		if (F === "new") return k ? H ? ["cancelEdit", "save"] : [] : [
-			...V ? ["cancel"] : [],
-			...H ? ["edit"] : [],
-			...U ? ["submit"] : []
-		];
-		if (F === "approve_in_progress") {
-			let e = (z?.data?.length ?? 0) > 0 && z?.data?.[0]?.status === "waiting" && B !== void 0, t = $();
-			return [...e ? ["reject", "approve"] : [], ...W && t ? ["forceReject", "forceApprove"] : []];
-		}
-		return (F === "waiting_to_be_paid" || F === "partially_paid") && G && Number(N?.amount_to_pay) > 0 ? ["pay"] : F === "rejected" && K ? ["reopen"] : F === "canceled" && q ? ["delete"] : [];
-	}, [
-		v,
-		F,
-		k,
-		H,
-		V,
-		U,
-		W,
-		K,
-		q,
-		G,
-		z,
-		B,
-		N?.amount_to_pay,
-		$
-	]), Ye = async (e, t) => {
-		let n = await J.mutateAsync({ ...e }, { onSuccess: (e) => {
-			_.success(E._("Payable “{createdPayableDocument_id}” has been created", { createdPayableDocument_id: e.document_id })), C.finops.getCounterparts.invalidateQueries({ parameters: { query: { is_vendor: !0 } } }, w);
-		} });
-		if (t) {
-			let e = [];
-			t?.forEach((t) => {
-				n.currency && !t.id && e.push(X.mutateAsync({
-					path: { payable_id: n.id },
-					body: f(n.currency, t, D, { allowLedgerUpdate: !1 })
-				}));
-			}), await Promise.all(e);
-		}
-		await Promise.all([
-			C.finops.getPayablesId.invalidateQueries({ parameters: { path: { payable_id: n.id } } }, w),
-			C.finops.getPayables.invalidateQueries(w),
-			C.finops.getPayablesIdLineItems.invalidateQueries({ parameters: { path: { payable_id: n.id } } }, w)
-		]), k && A(!1), y?.(n.id);
-	}, Xe = async (e, t, n, r) => {
-		let i = await Y.mutateAsync({
-			path: { payable_id: e },
-			body: t
-		}, { onSuccess: (e) => {
-			_.success(E._("Payable “{updatedPayableDocument_id}” has been updated", { updatedPayableDocument_id: e.document_id }));
-		} });
-		if (n && r) {
-			let e = [];
-			n?.forEach((t) => {
-				i.currency && !t.id && e.push(X.mutateAsync({
-					path: { payable_id: i.id },
-					body: f(i.currency, t, D)
-				}));
-			}), r?.lineItems?.forEach((t, r) => {
-				if (!t) return;
-				let { id: a, ...o } = t, s = Object.values(o).some((e) => e), c = n[r]?.id, l = n[r], u = !a && !!s && !!c && !!l;
-				i.currency && u && e.push(je.mutateAsync({
-					path: {
-						payable_id: i.id,
-						line_item_id: c
-					},
-					body: f(i.currency, l, D, {
-						allowLedgerUpdate: he && !!o.ledger_account_id,
-						previous: R?.find((e) => e.id === c)?.ledger_account_id
-					})
-				}));
-			}), R?.forEach((t) => {
-				n?.find((e) => e.id === t.id) || e.push(Me.mutateAsync({ path: {
-					payable_id: i.id,
-					line_item_id: t.id
-				} }));
-			}), await Promise.all(e);
-		}
-		await C.finops.getPayablesId.invalidateQueries({ parameters: { path: { payable_id: i.id } } }, w), k && A(!1), y?.(e);
-	}, Ze = async (e, t) => {
-		let n = t.map((e) => e.id);
-		await Y.mutateAsync({
-			path: { payable_id: e },
-			body: { tag_ids: n }
-		}, { onSuccess: (e) => {
-			C.finops.getPayablesId.invalidateQueries({ parameters: { path: { payable_id: e.id } } }, w);
-		} });
-	}, Qe = m(() => {
-		if (N) {
-			if (!S) return L();
-			if (S?.length < 2) return S(N.id);
-			S(N.id, void 0, {
-				resolve: (e) => {
-					e?.showToast && _.success(E._("Payment flow started")), P(), I();
-				},
-				reject: (e, t) => {
-					t?.showToast && _.error(E._("Payment failed or cancelled")), P(), I();
-				}
-			});
-		}
-	}, [
-		E,
-		N,
-		L,
-		S,
-		P,
-		I
-	]);
-	return {
-		payable: N,
-		isLoading: Se || Ke || qe,
-		payableQueryError: xe,
-		isEdit: k,
-		permissions: Je,
-		lineItems: R,
-		showPayButton: we,
-		currentUserApprovalRequest: B,
-		actions: {
-			setEdit: A,
-			createInvoice: Ye,
-			saveInvoice: Xe,
-			submitInvoice: Fe,
-			rejectInvoice: Ie,
-			approveInvoice: Re,
-			forceRejectInvoice: Be,
-			forceApproveInvoice: He,
-			reopenInvoice: Ue,
-			cancelInvoice: Ne,
-			deleteInvoice: Ge,
-			payInvoice: Qe,
-			handlePay: L,
-			updateTags: Ze,
-			modalComponent: Ee
-		}
-	};
-}
+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 { v as usePayableDetails };
+export { n as useCreatePayablePaymentLink, t as usePaymentLinkById };