@tesouro/embedded-components-react 0.2.237 → 0.2.238

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

@@ -1,49 +1,167 @@
-import { jsx as e, jsxs as a, Fragment as m } from "@emotion/react/jsx-runtime";
-import { useCurrencies as b } from "./index58.js";
-import "react";
-import "./index92.js";
-import { useLingui as x } from "@lingui/react";
-import "react-dom";
-import "./index57.js";
-import "@mui/x-data-grid";
-import { ConfirmationModal as y } from "./index258.js";
-import { Table as C, TableBody as _, TableRow as D, TableCell as l } from "./index256.js";
-import { Typography as r } from "./index85.js";
-import { Loader2 as L } from "lucide-react";
-import { useGetProducts as T } from "./index186.js";
-const R = ({
-  onClose: c,
-  onDelete: d,
-  name: p,
-  isLoading: u,
-  open: h,
-  id: n
-}) => {
-  const {
-    i18n: t
-  } = x(), {
-    formatCurrencyToDisplay: w
-  } = b(), {
-    data: s,
-    isLoading: o
-  } = T({
-    measure_unit_id: n ?? ""
-  }, !!n), f = s?.data.length === 0, g = () => f ? /* @__PURE__ */ a(m, { children: [
-    /* @__PURE__ */ e(r, { children: t._("There are no items created with this measure unit.") }),
-    /* @__PURE__ */ e(r, { color: "muted", children: t._("Deleting it won't affect your items.") })
-  ] }) : /* @__PURE__ */ a(m, { children: [
-    /* @__PURE__ */ e(r, { children: t._("Any products or services referencing this unit will update to use a blank unit of measure.") }),
-    /* @__PURE__ */ e(r, { color: "muted", children: t._("Previously issued invoices will not be impacted.") }),
-    o && /* @__PURE__ */ e(L, { className: "ttw:mx-auto ttw:size-6 ttw:animate-spin" }),
-    !o && /* @__PURE__ */ e(C, { children: /* @__PURE__ */ e(_, { children: s?.data.map((i) => /* @__PURE__ */ a(D, { className: "ttw:border-border ttw:hover:bg-transparent", children: [
-      /* @__PURE__ */ e(l, { className: "ttw:pl-0 ttw:whitespace-normal ttw:text-text ttw:font-medium", children: i.name }),
-      /* @__PURE__ */ e(l, { className: "ttw:pr-0 ttw:text-right ttw:text-text ttw:font-medium", children: i.price && w(i.price?.value, i.price?.currency) })
-    ] }, i.id)) }) })
-  ] });
-  return /* @__PURE__ */ e(y, { open: h, title: t._('Delete "{name}"?', {
-    name: p
-  }), confirmLabel: t._("Delete"), cancelLabel: t._("Cancel"), onClose: c, onConfirm: d, isLoading: u || o, children: g() });
-};
-export {
-  R as ConfirmDeleteMeasureUnitDialog
+import { Scope as e } from "../../shared/data-access/dist/lib/scopes.js";
+import "../../shared/data-access/dist/index.js";
+import { getAPIErrorMessage as t } from "./index26.js";
+import { generatePayablesButtonCssVars as n } from "./index44.js";
+import { useMoniteContext as r } from "./index47.js";
+import { useRootElements as i } from "./index178.js";
+import "./index179.js";
+import { useFileInput as a } from "./index181.js";
+import { useComponentSettings as o } from "./index187.js";
+import "./index189.js";
+import { Dialog as s } from "./index201.js";
+import "./index202.js";
+import { MoniteScopedProviders as c } from "./index209.js";
+import { useUserPermissions as ee } from "./index112.js";
+import { AccessRestriction as l } from "./index235.js";
+import "./index237.js";
+import { usePayableCallbacks as u } from "./index349.js";
+import { PayableDetails as d } from "./index413.js";
+import { PayablesTable as f } from "./index425.js";
+import "./index414.js";
+import "./index426.js";
+import { CreatePayableMenu as p } from "./index428.js";
+import "./index429.js";
+import { useEffect as te, useMemo as ne, useRef as re, useState as m } from "react";
+import { jsx as h, jsxs as g } from "@emotion/react/jsx-runtime";
+import { toast as _ } from "react-hot-toast";
+import { useLingui as v } from "@lingui/react";
+//#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index430.js
+var y = (e) => /* @__PURE__ */ h(c, { children: /* @__PURE__ */ h(b, { ...e }) }), b = ({ pageTitleComponent: c, enableGLCodes: y, initialView: b, initialCounterpartId: x, onSaved: S, onCanceled: C, onSubmitted: w, onRejected: T, onApproved: ie, onReopened: ae, onDeleted: oe, onPay: se }) => {
+	let { i18n: E } = v(), { api: D, queryClient: O, theme: k } = r(), { componentSettings: A } = o(), { handleSaved: j, handleCanceled: M, handleSubmitted: N, handleRejected: P, handleApproved: F, handleReopened: I, handleDeleted: L, handlePay: R } = u({
+		onSaved: S,
+		onCanceled: C,
+		onSubmitted: w,
+		onRejected: T,
+		onApproved: ie,
+		onReopened: ae,
+		onDeleted: oe,
+		onPay: se
+	}), [z, B] = m({
+		invoiceId: void 0,
+		open: !1,
+		shouldOpenEditMode: !1
+	}), V = () => {
+		B((e) => ({
+			...e,
+			open: !1,
+			shouldOpenEditMode: !1,
+			invoiceId: void 0
+		}));
+	}, [ce, H] = m(!1), [U, W] = m(void 0), G = re(!1), K = () => {
+		H(!1), W(void 0);
+	}, { FileInput: le, openFileInput: ue, checkFileError: de } = a(), q = D.finops.postPayablesUploadFromFile.useMutation({}, {
+		onSuccess: () => D.finops.getPayables.invalidateQueries(O),
+		onError: () => {}
+	}), J = (e) => {
+		let n = e instanceof File ? [e] : Array.from(e);
+		if (n.length > 10) {
+			_.error(E._("You can only upload up to {fileCount} files at a time", { fileCount: 10 }));
+			return;
+		}
+		n.forEach((e) => {
+			let n = de(e);
+			if (n) {
+				_.error(n);
+				return;
+			}
+			_.promise(q.mutateAsync({ file: e }), {
+				loading: E._("Uploading {fileName}", { fileName: e.name }),
+				success: E._("Payable {fileName} uploaded successfully", { fileName: e.name }),
+				error: (e) => t(E, e)
+			});
+		});
+	}, Y = ee(), X = Y.has(e.PayableWriteOrg), Z = Y.has(e.PayableReadOrg);
+	te(() => {
+		G.current || b === "create" && X && (G.current = !0, W(x), H(!0));
+	}, [
+		b,
+		X,
+		x
+	]);
+	let { root: Q } = i(), $ = y ?? A?.payables?.enableGLCodes ?? !1, fe = ne(() => n(k.components?.styles?.payables?.button), [k.components?.styles?.payables?.button]);
+	return /* @__PURE__ */ g("div", {
+		className: "Monite-Payables",
+		style: fe,
+		children: [
+			c(/* @__PURE__ */ h(p, {
+				isCreateAllowed: X,
+				onCreateInvoice: () => {
+					W(void 0), H(!0);
+				},
+				handleFileUpload: J
+			})),
+			!Z && /* @__PURE__ */ h(l, {}),
+			Z && /* @__PURE__ */ h(f, {
+				initialCounterpartId: b === "create" ? void 0 : x,
+				onRowClick: (e) => B({
+					open: !0,
+					invoiceId: e
+				}),
+				onPay: R,
+				onApproved: F,
+				onCanceled: M,
+				onSubmitted: N,
+				openFileInput: ue,
+				setIsCreateInvoiceDialogOpen: H,
+				openEditDialog: (e) => B({
+					open: !0,
+					invoiceId: e,
+					shouldOpenEditMode: !0
+				})
+			}),
+			/* @__PURE__ */ h(le, {
+				"aria-label": E._("Upload payable files"),
+				multiple: !0,
+				onChange: (e) => {
+					let t = e.target.files;
+					t && J(t);
+				}
+			}),
+			/* @__PURE__ */ h(s, {
+				className: "Monite-Payables-Header-Dialog-PayableDetails",
+				open: z.open,
+				container: Q,
+				onClose: V,
+				onClosed: V,
+				fullScreen: !0,
+				children: /* @__PURE__ */ h(d, {
+					id: z.invoiceId,
+					shouldOpenInEditMode: z.shouldOpenEditMode,
+					enableGLCodes: $,
+					onClose: V,
+					onSaved: j,
+					onCanceled: M,
+					onSubmitted: N,
+					onRejected: P,
+					onApproved: F,
+					onReopened: I,
+					onDeleted: (e) => {
+						L?.(e), V(), _(E._("Bill #{payableId} has been deleted", { payableId: e }), { duration: 5e3 });
+					},
+					onPay: R
+				})
+			}),
+			/* @__PURE__ */ h(s, {
+				className: "Monite-Payables-Header-Dialog-CreatePayable",
+				open: ce,
+				container: Q,
+				onClose: K,
+				fullScreen: !0,
+				children: /* @__PURE__ */ h(d, {
+					shouldOpenInEditMode: !0,
+					initialCounterpartId: U,
+					enableGLCodes: $,
+					onClose: K,
+					onSaved: (e) => {
+						B({
+							open: !0,
+							invoiceId: e
+						}), K(), j?.(e);
+					}
+				})
+			})
+		]
+	});
 };
+//#endregion
+export { y as Payables };

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

@@ -1,30 +1,26 @@
-import { jsxs as i, jsx as e } from "@emotion/react/jsx-runtime";
-import { DropdownMenu as s, DropdownMenuTrigger as a, DropdownMenuContent as d, DropdownMenuItem as r } from "./index138.js";
-import { Button as c } from "./index84.js";
-import { useLingui as u } from "@lingui/react";
-import { MoreVertical as m, Pencil as p, Trash2 as h } from "lucide-react";
-const A = ({
-  onEdit: t,
-  onDelete: l,
-  permissions: o
-}) => {
-  const {
-    i18n: n
-  } = u();
-  return o.isUpdateAllowed || o.isDeleteAllowed ? /* @__PURE__ */ i(s, { children: [
-    /* @__PURE__ */ e(a, { asChild: !0, children: /* @__PURE__ */ e(c, { variant: "ghost", size: "icon", "aria-label": "actions-menu-button", children: /* @__PURE__ */ e(m, {}) }) }),
-    /* @__PURE__ */ i(d, { align: "end", children: [
-      o.isUpdateAllowed && /* @__PURE__ */ i(r, { onClick: t, children: [
-        /* @__PURE__ */ e(p, {}),
-        n._("Edit")
-      ] }),
-      o.isDeleteAllowed && /* @__PURE__ */ i(r, { onClick: l, variant: "destructive", children: [
-        /* @__PURE__ */ e(h, {}),
-        n._("Delete")
-      ] })
-    ] })
-  ] }) : null;
-};
-export {
-  A as TableActions
-};
+import "./index113.js";
+import "./index347.js";
+import "./index348.js";
+import "./index349.js";
+import "./index350.js";
+import "./index351.js";
+import "./index352.js";
+import "./index353.js";
+import "./index354.js";
+import "./index355.js";
+import "./index356.js";
+import "./index357.js";
+import "./index358.js";
+import "./index359.js";
+import "./index360.js";
+import "./index361.js";
+import "./index362.js";
+import "./index363.js";
+import "./index364.js";
+import "./index365.js";
+import "./index366.js";
+import "./index413.js";
+import "./index425.js";
+import "./index414.js";
+import "./index426.js";
+import "./index430.js";

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

@@ -1,98 +1,10 @@
-import { jsx as n, jsxs as I } from "@emotion/react/jsx-runtime";
-import { useState as l, useEffect as w } from "react";
-import { toast as c } from "react-hot-toast";
-import { useRootElements as S } from "./index92.js";
-import "./index57.js";
-import "@tanstack/react-query";
-import "date-fns";
-import { useLingui as R } from "@lingui/react";
-import { usePaymentIntentById as $ } from "./index80.js";
-import { useCreatePayablePaymentLink as v, usePaymentLinkById as B } from "./index481.js";
-import { Modal as j, Box as x, CircularProgress as D } from "@mui/material";
-const G = (r, d, f, i) => {
-  const {
-    i18n: t
-  } = R(), {
-    root: k
-  } = S(), b = v(), [L, m] = l(!1), [u, o] = l(null), [g, p] = l(null), [_, P] = l(!1), {
-    data: s,
-    isSuccess: h
-  } = $(i ?? "");
-  w(() => {
-    h && s?.payment_link_id && i && p(s.payment_link_id);
-  }, [h, s, i]);
-  const {
-    data: e,
-    refetch: C,
-    isSuccess: y,
-    isLoading: E
-  } = B(g ?? "");
-  return w(() => {
-    y && e?.payment_intent?.status === "processing" && f?.(r ?? "", e?.payment_intent?.status ?? "");
-  }, [e, y, f, r]), {
-    handlePay: async () => {
-      if (!d) {
-        c.error(t._("Vendor not found. Please create a vendor first."));
-        return;
-      }
-      if (!_)
-        try {
-          if (E) {
-            c.error(t._("Payment link is still loading. Please wait a moment and try again."));
-            return;
-          }
-          if (!g || y && e?.payment_intent?.status !== "created") {
-            if (P(!0), !r) throw new Error("Payable ID is undefined");
-            const a = await b(
-              r,
-              d,
-              ["sepa_credit"],
-              60
-              // 60 days from now
-            );
-            if (a.payment_page_url)
-              p(a.id), o(a.payment_page_url);
-            else
-              throw p(null), o(null), new Error("No payment page URL in response");
-          } else if (e?.payment_page_url)
-            o(e.payment_page_url);
-          else
-            throw new Error("No payment page URL in existing payment link");
-          m(!0);
-        } catch (a) {
-          console.error("Payment link creation/retrieval error:", a), c.error(i && s?.status === "created" ? t._("Failed to retrieve payment link. Please try again.") : t._("Failed to create payment link. Please try again.")), m(!1);
-        } finally {
-          P(!1);
-        }
-    },
-    isCreatingPaymentLink: _,
-    modalComponent: /* @__PURE__ */ n(j, { open: L, onClose: async () => {
-      await C(), m(!1), o(null);
-    }, container: k, children: /* @__PURE__ */ n(x, { 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: u ? /* @__PURE__ */ n("iframe", { src: u, title: "Payment Page", width: "100%", height: "400px", style: {
-      border: "none"
-    } }) : /* @__PURE__ */ I(x, { sx: {
-      display: "flex",
-      flexDirection: "column",
-      alignItems: "center",
-      gap: 2,
-      py: 4
-    }, children: [
-      /* @__PURE__ */ n(D, {}),
-      /* @__PURE__ */ n("p", { children: t._("Loading payment page...") })
-    ] }) }) })
-  };
-};
-export {
-  G as usePaymentHandler
-};
+import { CounterpartNameCellById as e } from "./index231.js";
+import "./index328.js";
+import { jsx as t } from "@emotion/react/jsx-runtime";
+//#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index432.js
+var n = ({ counterpartName: n, counterpartId: r }) => n ? /* @__PURE__ */ t("span", { children: n }) : r ? /* @__PURE__ */ t(e, { counterpartId: r }) : /* @__PURE__ */ t("span", {
+	style: { opacity: .4 },
+	children: "-"
+});
+//#endregion
+export { n as InvoicesCounterpartCell };

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

@@ -1,40 +1,61 @@
-import { useMoniteContext as u } from "./index57.js";
-import { getAPIErrorMessage as l } from "./index121.js";
-import { useLingui as m } from "@lingui/react";
-import { toast as a } from "react-hot-toast";
-const v = (i, n, s, p) => {
-  const {
-    api: e,
-    queryClient: t
-  } = u(), {
-    i18n: o
-  } = m();
-  return e.finops.postApprovalRequestsIdReject.useMutation({
-    path: {
-      approval_request_id: i
-    }
-  }, {
-    onSuccess: () => {
-      if (e.finops.getApprovalRequests.invalidateQueries(t), a.success(o._("Payable “{document_id}” has been rejected", {
-        document_id: p
-      })), !!s)
-        return n?.(s ?? ""), new Promise((r) => {
-          setTimeout(() => {
-            Promise.all([e.finops.getPayablesId.invalidateQueries({
-              parameters: {
-                path: {
-                  payable_id: s ?? ""
-                }
-              }
-            }, t), e.finops.getPayables.invalidateQueries(t)]).then(() => r());
-          }, 500);
-        });
-    },
-    onError: (r) => {
-      a.error(l(o, r));
-    }
-  });
-};
-export {
-  v as useRejectApprovalRequest
-};
+import { Ban as e, CalendarX2 as t, Check as n, ChevronsRight as r, CircleOff as i, ClipboardCheck as a, Clock as o, CopyPlus as s, FileCheck as c, Mail as l, Pause as u, PenTool as d, Pencil as f, Play as p, Send as m, Trash2 as h } from "lucide-react";
+import "@mui/icons-material/PaidOutlined";
+import "@mui/icons-material/BlockOutlined";
+import "@mui/icons-material/Cancel";
+import "@mui/icons-material/DangerousOutlined";
+import "@mui/icons-material/DeleteForever";
+import "@mui/icons-material/CheckOutlined";
+import "@mui/icons-material/ErrorOutlineOutlined";
+import "@mui/icons-material/HourglassBottomOutlined";
+import "@mui/icons-material/InsertDriveFileOutlined";
+import "@mui/icons-material/ReplayOutlined";
+import "@mui/icons-material/SendOutlined";
+import "@mui/icons-material/StarHalfOutlined";
+//#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index433.js
+var g = {
+	edit: f,
+	issue: c,
+	issueAndSend: m,
+	recordPayment: a,
+	send: l,
+	clone: s,
+	cancel: e,
+	delete: h,
+	markUncollectible: i,
+	pauseRecurrence: u,
+	resumeRecurrence: p,
+	cancelRecurrence: t
+}, _ = {
+	draft: d,
+	issuing: o,
+	issued: o,
+	partially_paid: o,
+	paid: n,
+	overdue: o,
+	canceled: e
+}, v = {
+	active: r,
+	paused: u,
+	canceled: e,
+	completed: n
+}, y = {
+	default: "ttw:text-foreground",
+	danger: "ttw:text-red-600",
+	success: "ttw:text-emerald-600",
+	muted: "ttw:text-muted-foreground"
+}, b = "ttw:bg-muted ttw:text-muted-foreground ttw:hover:bg-accent", x = [
+	"application/pdf",
+	"image/jpeg",
+	"image/png",
+	"application/msword",
+	"application/vnd.openxmlformats-officedocument.wordprocessingml.document"
+], S = [
+	"pdf",
+	"jpg",
+	"jpeg",
+	"png",
+	"doc",
+	"docx"
+];
+//#endregion
+export { g as ACTION_ICON, S as ATTACHMENT_ACCEPTED_EXTENSIONS, x as ATTACHMENT_ACCEPTED_FORMATS, v as RECURRENCE_STATUS_ICON, _ as STATUS_ICON, y as amountValueToneClass, b as headerIconButtonClass };

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

@@ -1,37 +1,40 @@
-import { useMoniteContext as u } from "./index57.js";
-import { getAPIErrorMessage as m } from "./index121.js";
-import { useLingui as d } from "@lingui/react";
-import { toast as a } from "react-hot-toast";
-const g = (i, p, t, n) => {
-  const {
-    api: e,
-    queryClient: o
-  } = u(), {
-    i18n: r
-  } = d();
-  return e.finops.postApprovalRequestsIdApprove.useMutation({
-    path: {
-      approval_request_id: i
-    }
-  }, {
-    onSuccess: () => (e.finops.getApprovalRequests.invalidateQueries(o), a.success(r._('Payable "{document_id}" has been approved', {
-      document_id: n ?? "document id is unknown"
-    })), p?.(t ?? ""), new Promise((s) => {
-      setTimeout(() => {
-        Promise.all([e.finops.getPayablesId.invalidateQueries({
-          parameters: {
-            path: {
-              payable_id: t ?? ""
-            }
-          }
-        }, o), e.finops.getPayables.invalidateQueries(o)]).then(() => s());
-      }, 500);
-    })),
-    onError: (s) => {
-      a.error(m(r, s));
-    }
-  });
-};
-export {
-  g as useApproveApprovalRequest
+import { cn as e } from "./index49.js";
+import { Badge as t } from "./index195.js";
+import { getCommonRecurrenceStatusLabel as n } from "./index210.js";
+import "./index225.js";
+import { RECURRENCE_STATUS_ICON as r } from "./index433.js";
+import { jsx as i, jsxs as a } from "@emotion/react/jsx-runtime";
+import { useLingui as o } from "@lingui/react";
+import { cva as s } from "class-variance-authority";
+//#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index434.js
+var c = s("", { variants: {
+	variant: {
+		active: "ttw:bg-indigo-100 ttw:text-indigo-700",
+		paused: "ttw:bg-yellow-100 ttw:text-yellow-700",
+		canceled: "ttw:bg-red-100 ttw:text-red-700",
+		completed: "ttw:bg-green-100 ttw:text-green-700"
+	},
+	dotVariant: {
+		active: "ttw:border-indigo-100 ttw:bg-indigo-700",
+		paused: "ttw:border-yellow-100 ttw:bg-yellow-700",
+		canceled: "ttw:border-red-100 ttw:bg-red-700",
+		completed: "ttw:border-green-100 ttw:bg-green-700"
+	}
+} }), l = ({ status: s, className: l, showBadgeBackground: u = !0, showIcon: d = !1, dotSize: f, ref: p }) => {
+	let { i18n: m } = o(), h = r[s];
+	return /* @__PURE__ */ a(t, {
+		ref: p,
+		className: e("ttw:inline-flex ttw:items-center ttw:gap-1", c({ variant: s }), l),
+		dotClassName: c({ dotVariant: s }),
+		showBadgeBackground: u,
+		showDotBorder: !u,
+		dotSize: f,
+		showDot: !1,
+		children: [d && /* @__PURE__ */ i(h, {
+			className: "ttw:size-3",
+			"aria-hidden": !0
+		}), n(m, s)]
+	});
 };
+//#endregion
+export { l as InvoiceRecurrenceStatusChip };