@tesouro/embedded-components-react 0.2.237 → 0.2.239

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

@@ -1,125 +1,22 @@
-import { useCurrencies as m } from "./index58.js";
-import "react";
-import "./index92.js";
-import "@emotion/react/jsx-runtime";
-import { useLingui as d } from "@lingui/react";
-import "react-dom";
-import "./index57.js";
-import "@mui/x-data-grid";
-import { getTriggerKeyAndValue as f, isValidTriggerKey as p, isValidOperation as A, OPERATOR_OPERATIONS as o } from "./index448.js";
-const O = ({
-  approvalPolicy: i
-}) => {
-  const {
-    i18n: t
-  } = d(), {
-    formatCurrencyToDisplay: s
-  } = m(), c = (e) => {
-    switch (e) {
-      case "amount":
-        return t._("Amount");
-      case "was_created_by_user_id":
-        return t._("Created by user");
-      case "counterpart_id":
-        return t._("Vendors");
-      case "tags":
-        return t._("Tags");
-      default:
-        return e;
-    }
-  }, l = (e) => {
-    switch (e) {
-      case "amount":
-        return t._("Amount");
-      case "was_created_by_user_id":
-        return t._("Created by");
-      case "counterpart_id":
-        return t._("Vendors");
-      case "tags":
-        return t._("Has tags");
-      default:
-        return e;
-    }
-  }, _ = (e, u) => {
-    const a = s(e[0][1], u);
-    if (e.length === 1)
-      switch (e[0][0]) {
-        case o.GREATER_THAN:
-          return t._("Greater than {formattedValue}", {
-            formattedValue: a
-          });
-        case o.GREATER_THAN_OR_EQUAL:
-          return t._("Greater than or equal to {formattedValue}", {
-            formattedValue: a
-          });
-        case o.LESS_THAN:
-          return t._("Less than {formattedValue}", {
-            formattedValue: a
-          });
-        case o.LESS_THAN_OR_EQUAL:
-          return t._("Less than or equal to {formattedValue}", {
-            formattedValue: a
-          });
-        case o.EQUALS:
-          return t._("Equal to {formattedValue}", {
-            formattedValue: a
-          });
-        default:
-          return a;
-      }
-    if (e.length === 2) {
-      const r = e.find((n) => n[0] === o.GREATER_THAN_OR_EQUAL), g = e.find((n) => n[0] === o.LESS_THAN_OR_EQUAL);
-      if (r && g)
-        return t._("{from} - {to}", {
-          from: s(r[1], u),
-          to: s(g[1], u)
-        });
-    }
-    return a;
-  };
-  return ((e) => !!(e && typeof e == "object" && "all" in e && Array.isArray(e.all)))(i?.trigger) ? {
-    triggers: i.trigger?.all?.reduce((e, u) => {
-      if (typeof u == "string" || !u.operator || !u.left_operand || u.right_operand == null)
-        return e;
-      const {
-        key: a,
-        value: r
-      } = f(u);
-      if (!a || r == null || !p(a))
-        return e;
-      switch (a) {
-        case "amount":
-          (typeof r == "string" || typeof r == "number") && A(u.operator) && (e.amount || (e.amount = {
-            currency: "EUR",
-            value: []
-          }), e.amount.value.push([u.operator, r]));
-          break;
-        case "currency":
-          e.amount ? e.amount.currency = r : e.amount = {
-            value: [],
-            currency: r
-          };
-          break;
-        case "tags.id":
-          typeof r == "string" && (e.tags || (e.tags = []), e.tags.push(r));
-          break;
-        case "counterpart_id":
-        case "was_created_by_user_id":
-          Array.isArray(r) && (e[a] = r);
-          break;
-      }
-      return e;
-    }, {}),
-    getTriggerName: c,
-    getTriggerLabel: l,
-    getAmountLabel: _
-  } : {
-    triggers: {},
-    getTriggerName: c,
-    getTriggerLabel: l,
-    getAmountLabel: _
-  };
-};
-export {
-  O as useApprovalPolicyTrigger
+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/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);
+			});
+		},
+		onError: (t) => {
+			n.error(e(u, t));
+		}
+	});
 };
+//#endregion
+export { i as useRejectApprovalRequest };

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

@@ -1,20 +1,20 @@
-import b from "@emotion/styled/base";
-function t() {
-  return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop).";
-}
-const e = /* @__PURE__ */ b("ul", process.env.NODE_ENV === "production" ? {
-  target: "e10it8hw0"
-} : {
-  target: "e10it8hw0",
-  label: "ColumnList"
-})(process.env.NODE_ENV === "production" ? {
-  name: "1932ye7",
-  styles: "margin:0;padding:0;list-style:none;li{display:flex;gap:4px;align-items:center;}"
-} : {
-  name: "1932ye7",
-  styles: "margin:0;padding:0;list-style:none;li{display:flex;gap:4px;align-items:center;}/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL1Rlc291cm8uUGF5bWVudHMuRnJvbnRlbmRzL1Rlc291cm8uUGF5bWVudHMuRnJvbnRlbmRzL2xpYnMvdGVzb3Vyby1lbWJlZGRlZC1jb21wb25lbnRzLXJlYWN0L21vbml0ZS1zZGsvc3JjL2NvbXBvbmVudHMvYXBwcm92YWxQb2xpY2llcy9BcHByb3ZhbFBvbGljaWVzVGFibGUvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUVtQyIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9UZXNvdXJvLlBheW1lbnRzLkZyb250ZW5kcy9UZXNvdXJvLlBheW1lbnRzLkZyb250ZW5kcy9saWJzL3Rlc291cm8tZW1iZWRkZWQtY29tcG9uZW50cy1yZWFjdC9tb25pdGUtc2RrL3NyYy9jb21wb25lbnRzL2FwcHJvdmFsUG9saWNpZXMvQXBwcm92YWxQb2xpY2llc1RhYmxlL3N0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcblxuZXhwb3J0IGNvbnN0IENvbHVtbkxpc3QgPSBzdHlsZWQudWxgXG4gIG1hcmdpbjogMDtcbiAgcGFkZGluZzogMDtcbiAgbGlzdC1zdHlsZTogbm9uZTtcblxuICBsaSB7XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBnYXA6IDRweDtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICB9XG5gO1xuIl19 */",
-  toString: t
-});
-export {
-  e as ColumnList
+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/index385.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 };

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

@@ -1,18 +1,4 @@
-import { createElement as H } from "react";
-const e = ({
-  color: o = "currentColor",
-  size: a,
-  ...t
-}) => H("svg", {
-  xmlns: "http://www.w3.org/2000/svg",
-  width: a,
-  height: a,
-  viewBox: "0 0 24 24",
-  fill: o,
-  ...t
-}, H("path", {
-  d: "M14,8h1a1,1,0,0,0,0-2H14a1,1,0,0,0,0,2Zm0,4h1a1,1,0,0,0,0-2H14a1,1,0,0,0,0,2ZM9,8h1a1,1,0,0,0,0-2H9A1,1,0,0,0,9,8Zm0,4h1a1,1,0,0,0,0-2H9a1,1,0,0,0,0,2Zm12,8H20V3a1,1,0,0,0-1-1H5A1,1,0,0,0,4,3V20H3a1,1,0,0,0,0,2H21a1,1,0,0,0,0-2Zm-8,0H11V16h2Zm5,0H15V15a1,1,0,0,0-1-1H10a1,1,0,0,0-1,1v5H6V4H18Z"
-}));
-export {
-  e as UBuilding
-};
+//#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index386.js
+var e = (e) => e.source_of_payable_data === "ocr" && e.ocr_status === "processing";
+//#endregion
+export { e as isPayableInOCRProcessing };

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

@@ -1,18 +1,193 @@
-import { createElement as l } from "react";
-const a = ({
-  color: o = "currentColor",
-  size: e,
-  ...t
-}) => l("svg", {
-  xmlns: "http://www.w3.org/2000/svg",
-  width: e,
-  height: e,
-  viewBox: "0 0 24 24",
-  fill: o,
-  ...t
-}, l("path", {
-  d: "M21.71,11.29l-5-5A1,1,0,0,0,16,6H5A3,3,0,0,0,2,9v6a3,3,0,0,0,3,3H16a1,1,0,0,0,.71-.29l5-5A1,1,0,0,0,21.71,11.29ZM15.59,16H5a1,1,0,0,1-1-1V9A1,1,0,0,1,5,8H15.59l4,4Z"
-}));
-export {
-  a as ULabel
-};
+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 "./index347.js";
+import { usePayButtonVisibility as s } from "./index350.js";
+import { useGetPayableById as c } from "./index352.js";
+import { useGetPayableLineItems as l } from "./index353.js";
+import { useGetPayableApprovalRequests as u } from "./index354.js";
+import { useCreatePayable as ee } from "./index355.js";
+import { useUpdatePayable as d } from "./index356.js";
+import { useCreatePayableLineItem as te } from "./index357.js";
+import { useUpdatePayableLineItem as ne } from "./index358.js";
+import { useDeletePayableLineItem as re } from "./index359.js";
+import { useCancelPayableById as ie } from "./index360.js";
+import { useSubmitPayableForApproval as ae } from "./index361.js";
+import { useForceRejectPayable as oe } from "./index362.js";
+import { useForceApprovePayable as se } from "./index363.js";
+import { useReopenPayable as ce } from "./index364.js";
+import { useDeletePayable as le } from "./index365.js";
+import { prepareLineItemSubmit as f } from "./index368.js";
+import { usePaymentHandler as ue } from "./index383.js";
+import { useRejectApprovalRequest as de } from "./index384.js";
+import { useApproveApprovalRequest as fe } from "./index385.js";
+import { isPayableInOCRProcessing as p } from "./index386.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";
+//#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index387.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
+		}
+	};
+}
+//#endregion
+export { v as usePayableDetails };

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

@@ -1,18 +1,102 @@
-import { createElement as o } from "react";
-const l = ({
-  color: t = "currentColor",
-  size: a,
-  ...e
-}) => o("svg", {
-  xmlns: "http://www.w3.org/2000/svg",
-  width: a,
-  height: a,
-  viewBox: "0 0 24 24",
-  fill: t,
-  ...e
-}, o("path", {
-  d: "M6,11a1,1,0,1,0,1,1A1,1,0,0,0,6,11Zm12,0a1,1,0,1,0,1,1A1,1,0,0,0,18,11Zm2-6H4A3,3,0,0,0,1,8v8a3,3,0,0,0,3,3H20a3,3,0,0,0,3-3V8A3,3,0,0,0,20,5Zm1,11a1,1,0,0,1-1,1H4a1,1,0,0,1-1-1V8A1,1,0,0,1,4,7H20a1,1,0,0,1,1,1ZM12,9a3,3,0,1,0,3,3A3,3,0,0,0,12,9Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,12,13Z"
-}));
-export {
-  l as UMoneyBill
+import { getAPIErrorMessage as e } from "./index26.js";
+import { useMoniteContext as t } from "./index47.js";
+import { useFileInput as n } from "./index181.js";
+import "./index189.js";
+import { CenteredContentBox as r } from "./index203.js";
+import "./index204.js";
+import { useMemo as i, useState as a } from "react";
+import { Fragment as o, jsx as s, jsxs as c } from "@emotion/react/jsx-runtime";
+import { toast as l } from "react-hot-toast";
+import { Box as u, Button as d, CircularProgress as f, Typography as p, alpha as m, useTheme as h } from "@mui/material";
+import { useLingui as g } from "@lingui/react";
+import _ from "@mui/icons-material/AttachFile";
+import v from "@mui/icons-material/CloudUploadOutlined";
+//#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index388.js
+var y = ({ payableId: y }) => {
+	let { i18n: b } = g(), { api: x, queryClient: S } = t(), C = h(), { FileInput: w, openFileInput: T, checkFileError: E } = n(), [D, O] = a(!1), k = x.finops.postPayablesIdAttachFile.useMutation({ path: { payable_id: y } }, {
+		onSuccess: () => Promise.all([x.finops.getPayables.invalidateQueries(S), x.finops.getPayablesId.invalidateQueries({ parameters: { path: { payable_id: y } } }, S)]),
+		onError: () => {}
+	}), A = i(() => ({
+		border: 2,
+		borderRadius: 2,
+		borderStyle: "dashed",
+		borderColor: "primary.main",
+		backgroundColor: m(C.palette.primary.main, .05)
+	}), [C.palette.primary.main]), j = (e) => {
+		e.preventDefault(), O(!0);
+	}, M = (e) => {
+		e.preventDefault(), O(!1);
+	}, N = (e) => {
+		e.preventDefault(), O(!1);
+		let t = Array.from(e.dataTransfer.files)[0];
+		t && P(t);
+	}, P = (t) => {
+		let n = E(t);
+		if (n) {
+			l.error(n);
+			return;
+		}
+		y && k.mutate({ file: t }, {
+			onSuccess: () => {
+				l.success(b._("File successfully attached"));
+			},
+			onError: (t) => {
+				l.error(e(b, t));
+			}
+		});
+	};
+	return k.isPending ? /* @__PURE__ */ s(r, { children: /* @__PURE__ */ s(f, {}) }) : /* @__PURE__ */ s(u, {
+		className: "Monite-PayableDetailsAttachFile",
+		sx: {
+			width: "100%",
+			height: "100%",
+			display: "flex",
+			flexDirection: "column",
+			justifyContent: "center",
+			textAlign: "center",
+			...D && A
+		},
+		onDragOver: j,
+		onDragLeave: M,
+		onDrop: N,
+		children: /* @__PURE__ */ s(u, {
+			sx: { margin: "auto" },
+			children: D ? /* @__PURE__ */ c(o, { children: [/* @__PURE__ */ s(v, {
+				color: "primary",
+				fontSize: "large"
+			}), /* @__PURE__ */ s(p, {
+				color: "primary",
+				variant: "subtitle2",
+				children: b._("Drop the file here to upload")
+			})] }) : /* @__PURE__ */ c(o, { children: [
+				/* @__PURE__ */ s(_, {
+					color: "primary",
+					fontSize: "large",
+					sx: { marginBottom: 2 }
+				}),
+				/* @__PURE__ */ s(p, {
+					variant: "h3",
+					sx: { marginBottom: 1 },
+					children: b._("Attach a file")
+				}),
+				/* @__PURE__ */ s(p, { children: b._("This invoice doesn't have a file attached.") }),
+				/* @__PURE__ */ s(p, {
+					sx: { marginBottom: 2 },
+					children: b._("Drag & Drop it here to save for administrative purposes.")
+				}),
+				/* @__PURE__ */ s(d, {
+					variant: "outlined",
+					component: "label",
+					onClick: T,
+					children: b._("Choose from device")
+				}),
+				/* @__PURE__ */ s(w, { onChange: (e) => {
+					let t = e.target.files ? e.target.files[0] : null;
+					t && P(t);
+				} })
+			] })
+		})
+	});
 };
+//#endregion
+export { y as PayableDetailsAttachFile };

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

@@ -1,18 +1 @@
-import { createElement as r } from "react";
-const h = ({
-  color: o = "currentColor",
-  size: e,
-  ...t
-}) => r("svg", {
-  xmlns: "http://www.w3.org/2000/svg",
-  width: e,
-  height: e,
-  viewBox: "0 0 24 24",
-  fill: o,
-  ...t
-}, r("path", {
-  d: "M12,2A10,10,0,0,0,4.65,18.76h0a10,10,0,0,0,14.7,0h0A10,10,0,0,0,12,2Zm0,18a8,8,0,0,1-5.55-2.25,6,6,0,0,1,11.1,0A8,8,0,0,1,12,20ZM10,10a2,2,0,1,1,2,2A2,2,0,0,1,10,10Zm8.91,6A8,8,0,0,0,15,12.62a4,4,0,1,0-6,0A8,8,0,0,0,5.09,16,7.92,7.92,0,0,1,4,12a8,8,0,0,1,16,0A7.92,7.92,0,0,1,18.91,16Z"
-}));
-export {
-  h as UUserCircle
-};
+import "./index388.js";