@tesouro/embedded-components-react 0.2.324 → 0.2.326

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

@@ -1,22 +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 "./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 "./index235.js";
+import { CounterpartAutocomplete as oe } from "./index253.js";
+import "./index282.js";
+import { MoniteCurrency as se } from "./index291.js";
+import "./index293.js";
+import { TagsAutocompleteInput as ce } from "./index307.js";
+import "./index308.js";
+import { classNames as le } from "./index339.js";
+import { useGetPayableCounterpart as ue } from "./index354.js";
+import { usePayableDetailsThemeProps as i } from "./index355.js";
+import "./index373.js";
+import { calculateTotalsForPayable as de, findDefaultBankAccount as fe, isFieldRequired as a, prepareDefaultValues as o, prepareSubmit as pe, resolveCreatePayableCounterpartAddressId as me } from "./index375.js";
+import { PayableLineItemsForm as he } from "./index378.js";
+import "./index379.js";
+import { usePayableDetailsForm as ge } from "./index380.js";
+import { getPayableDetailsFormSchema as _e, isFieldRequiredByValidations as s } from "./index381.js";
+import { useProductCurrencyGroups as c } from "./index384.js";
+import { getBankAccountName as ve } from "./index385.js";
+import { safeZodResolver as ye } from "./index386.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/index387.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 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
 			});
-		},
-		onError: (t) => {
-			n.error(e(u, t));
 		}
-	});
+	}, [
+		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 useRejectApprovalRequest };
+export { C as PayableDetailsForm };

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

@@ -1,20 +1 @@
-import { getAPIErrorMessage as e } from "./index26.js";
-import { useMoniteContext as t } from "./index47.js";
-import { toast as n } from "react-hot-toast";
-import { useLingui as r } from "@lingui/react";
-//#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index388.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));
-		}
-	});
-};
-//#endregion
-export { i as useApproveApprovalRequest };
+import "./index387.js";

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

@@ -1,4 +1,22 @@
+import { useMoniteContext as e } from "./index47.js";
 //#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index389.js
-var e = (e) => e.source_of_payable_data === "ocr" && e.ocr_status === "processing";
+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 { e as isPayableInOCRProcessing };
+export { n as useCreatePayablePaymentLink, t as usePaymentLinkById };