@tesouro/embedded-components-react 0.2.324 → 0.2.326

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

@@ -1 +1,242 @@
+import { Scope as e } from "../../shared/data-access/dist/lib/scopes.js";
+import "../../shared/data-access/dist/index.js";
+import { dateStringToLocalDate as t } from "./index16.js";
+import { useMoniteContext as n } from "./index47.js";
+import { useCurrencies as r } from "./index63.js";
+import { usePayablePaymentIntentsAndRecords as i } from "./index134.js";
+import { MoniteScopedProviders as a } from "./index209.js";
+import { useUserPermissions as o } from "./index112.js";
+import { PayableStatusChip as s } from "./index197.js";
+import { CounterpartNameCellById as ee } from "./index238.js";
+import { GetNoRowsOverlay as c } from "./index241.js";
+import { AccessRestriction as l } from "./index242.js";
+import "./index244.js";
+import { DataTable as u, SortableHeader as d } from "./index246.js";
+import { hasSelectedText as te } from "./index247.js";
+import "./index335.js";
+import { isPayableInOCRProcessing as f } from "./index393.js";
+import "./index397.js";
+import { SummaryCardsFilters as p } from "./index425.js";
+import { PayablesFilterBar as m } from "./index426.js";
+import { usePayablesFilter as h } from "./index428.js";
+import { DEFAULT_SORTING as g, SORT_FIELD_BY_COLUMN_ID as _ } from "./index429.js";
+import { DueDateCell as v } from "./index431.js";
 import "./index432.js";
+import { useEffect as y, useMemo as b, useState as x } from "react";
+import { Loader2 as S } from "lucide-react";
+import { Fragment as C, jsx as w, jsxs as T } from "@emotion/react/jsx-runtime";
+import { useLingui as ne } from "@lingui/react";
+//#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index433.js
+var E = (e) => /* @__PURE__ */ w(a, { children: /* @__PURE__ */ w(D, { ...e }) }), D = ({ initialCounterpartId: a, onRowClick: E, onPay: D, openFileInput: O, setIsCreateInvoiceDialogOpen: k, openEditDialog: A, onSubmitted: j, onApproved: M, onCanceled: N }) => {
+	let { i18n: P } = ne(), { api: F, locale: I, queryClient: L, componentSettings: R } = n(), [z, B] = x(null), [V, H] = x(R.payables.pageSizeOptions?.[0] ?? 10), [U, W] = x(g), G = h({ initialCounterpartId: a }), [K, q] = x("");
+	y(() => {
+		let e = setTimeout(() => q(G.state.search), 300);
+		return () => clearTimeout(e);
+	}, [G.state.search]);
+	let { formatCurrencyToDisplay: J } = r(), Y = o().has(e.PayableReadOrg), X = U[0], Z = F.finops.getPayables.getQueryKey({ query: {
+		sort: X ? _[X.id] : void 0,
+		order: X?.desc ? "desc" : "asc",
+		limit: V,
+		pagination_token: z || void 0,
+		...G.queryParams,
+		search_text: K || G.queryParams.search_text || void 0
+	} }), { data: Q, isLoading: re, isError: ie, refetch: $ } = F.finops.getPayables.useQuery(Z, {
+		enabled: !!Y,
+		refetchInterval: F.finops.getPayables.getQueryData(Z, L)?.data.filter(f).length ? 2e3 : 3e4
+	}), ae = b(() => Q?.data?.filter((e) => e.status === "waiting_to_be_paid" || e.status === "partially_paid").map((e) => e.id), [Q?.data]), { payablesPaymentIntentsRecord: oe, refetch: se } = i(ae || []), ce = (e) => {
+		let t = typeof e == "function" ? e(U) : e;
+		W(t[0] && _[t[0].id] ? t : g), B(null);
+	}, le = b(() => [
+		{
+			accessorKey: "due_date",
+			header: ({ column: e }) => /* @__PURE__ */ w(d, {
+				column: e,
+				title: P._("Due date"),
+				ariaLabel: P._("Sort by due date")
+			}),
+			cell: ({ row: e }) => /* @__PURE__ */ w(v, { data: e.original })
+		},
+		{
+			accessorKey: "status",
+			header: ({ column: e }) => /* @__PURE__ */ w(d, {
+				column: e,
+				title: P._("Status"),
+				ariaLabel: P._("Sort by status")
+			}),
+			cell: ({ row: e }) => /* @__PURE__ */ w(s, {
+				status: e.original.status,
+				dueDate: e.original.due_date
+			})
+		},
+		{
+			accessorKey: "document_id",
+			header: ({ column: e }) => /* @__PURE__ */ w(d, {
+				column: e,
+				title: P._("Number"),
+				ariaLabel: P._("Sort by number")
+			}),
+			cell: ({ row: e }) => {
+				let t = e.original;
+				return f(t) ? /* @__PURE__ */ T("div", {
+					className: "ttw:flex ttw:items-center ttw:gap-2",
+					children: [/* @__PURE__ */ w(S, { className: "ttw:animate-spin ttw:size-5 ttw:shrink-0" }), /* @__PURE__ */ w("span", { children: t.document_id ? t.document_id : /* @__PURE__ */ T(C, { children: [
+						P._("Processing file"),
+						" '",
+						t.file?.name,
+						"'"
+					] }) })]
+				}) : /* @__PURE__ */ w("span", { children: t.document_id });
+			}
+		},
+		{
+			accessorKey: "counterpart_id",
+			header: P._("Vendor"),
+			cell: ({ row: e }) => {
+				let t = e.original;
+				return t.counterpart?.name ? /* @__PURE__ */ w("span", { children: t.counterpart.name }) : t.counterpart_id ? /* @__PURE__ */ w(ee, { counterpartId: t.counterpart_id }) : t.counterpart_raw_data?.name ? /* @__PURE__ */ w("span", { children: t.counterpart_raw_data.name }) : /* @__PURE__ */ w("span", {
+					style: { opacity: .4 },
+					children: "-"
+				});
+			}
+		},
+		{
+			accessorKey: "issued_at",
+			header: ({ column: e }) => /* @__PURE__ */ w(d, {
+				column: e,
+				title: P._("Issued on"),
+				ariaLabel: P._("Sort by issue date")
+			}),
+			cell: ({ row: e }) => {
+				let n = e.original.issued_at;
+				return n ? P.date(t(n), I.dateFormat) : "—";
+			}
+		},
+		{
+			accessorKey: "amount",
+			header: ({ column: e }) => /* @__PURE__ */ w("div", {
+				className: "ttw:flex ttw:justify-end",
+				children: /* @__PURE__ */ w(d, {
+					column: e,
+					title: P._("Total"),
+					ariaLabel: P._("Sort by total")
+				})
+			}),
+			cell: ({ row: e }) => {
+				let t = e.original.total_amount;
+				return /* @__PURE__ */ w("div", {
+					className: "ttw:text-right",
+					children: t ? J(t, e.original.currency ?? "USD") : ""
+				});
+			}
+		}
+	], [
+		P,
+		I.dateFormat,
+		J,
+		oe,
+		se,
+		D,
+		j,
+		M,
+		N,
+		$,
+		A
+	]);
+	if (y(() => {
+		B(null);
+	}, [G.queryParams]), !Y) return /* @__PURE__ */ w(l, {});
+	let ue = G.activeFilterCount > 0, de = !!K;
+	return /* @__PURE__ */ T("div", {
+		className: "ttw:flex ttw:flex-col ttw:overflow-hidden ttw:min-h-125",
+		children: [/* @__PURE__ */ w(p, {
+			selectedStatus: G.state.status.length === 0 ? "all" : G.state.status[0],
+			onChangeFilter: (e, t) => G.setState((e) => ({
+				...e,
+				status: t ? [t] : []
+			}))
+		}), /* @__PURE__ */ w(u, {
+			columns: le,
+			data: Q?.data ?? [],
+			sorting: U,
+			onSortingChange: ce,
+			pageSize: V,
+			onPageSizeChange: (e) => {
+				H(e), B(null);
+			},
+			nextPaginationToken: Q?.next_pagination_token ?? void 0,
+			prevPaginationToken: Q?.prev_pagination_token ?? void 0,
+			onPaginationTokenChange: (e) => B(e ?? null),
+			onRowClick: (e) => {
+				!te() && e.ocr_status !== "processing" && E?.(e.id);
+			},
+			filterComponent: /* @__PURE__ */ w(m, {
+				searchValue: G.state.search,
+				onSearchChange: (e) => G.setState((t) => ({
+					...t,
+					search: e
+				})),
+				activeFilterCount: G.activeFilterCount,
+				activeChips: G.activeChips,
+				onDismissChip: G.clearFilter,
+				onClearAll: G.clearAll,
+				activeDateField: G.state.activeDateField,
+				onActiveDateFieldChange: G.setActiveDateField,
+				allPresets: G.datePresets,
+				selectedDatePreset: G.state.datePreset,
+				dateFrom: G.state.dateFrom,
+				dateTo: G.state.dateTo,
+				onDateRangeChange: ({ from: e, to: t }) => G.setDateRange(e, t),
+				onDatePresetChange: G.setDatePreset,
+				statusOptions: G.statusOptions,
+				selectedStatus: G.state.status,
+				onStatusChange: (e) => G.setState((t) => ({
+					...t,
+					status: e
+				})),
+				amountMode: G.state.amountMode,
+				onAmountModeChange: (e) => G.setState((t) => ({
+					...t,
+					amountMode: e
+				})),
+				amountMin: G.state.amountMin,
+				amountMax: G.state.amountMax,
+				onAmountMinChange: (e) => G.setState((t) => ({
+					...t,
+					amountMin: e
+				})),
+				onAmountMaxChange: (e) => G.setState((t) => ({
+					...t,
+					amountMax: e
+				})),
+				vendorName: G.state.vendorName,
+				onVendorNameChange: (e) => G.setState((t) => ({
+					...t,
+					vendorName: e
+				})),
+				hasFile: G.state.hasFile,
+				onHasFileChange: (e) => G.setState((t) => ({
+					...t,
+					hasFile: e
+				}))
+			}),
+			children: /* @__PURE__ */ w(c, {
+				noDataTitle: P._("No bills yet"),
+				noDataDescription1: P._("You don't have any bills yet"),
+				filterTitle: P._("No bills found"),
+				isLoading: re,
+				isFiltering: ue,
+				isSearching: de,
+				isError: ie,
+				dataLength: Q?.data.length || 0,
+				onCreate: (e) => {
+					e === "New Invoice" ? k?.(!0) : e === "Upload File" && O?.();
+				},
+				refetch: $,
+				entityName: P._("Payable"),
+				type: "no-data=payables"
+			})
+		})]
+	});
+};
+//#endregion
+export { E as PayablesTable };

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

@@ -1,167 +1 @@
-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 "./index238.js";
-import "./index240.js";
-import { usePayableCallbacks as u } from "./index352.js";
-import { PayableDetails as d } from "./index416.js";
-import { PayablesTable as f } from "./index429.js";
-import "./index417.js";
-import "./index430.js";
-import { CreatePayableMenu as p } from "./index432.js";
 import "./index433.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/index434.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/index435.js

@@ -1,26 +1,36 @@
-import "./index113.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 "./index367.js";
-import "./index368.js";
-import "./index369.js";
-import "./index416.js";
-import "./index429.js";
-import "./index417.js";
-import "./index430.js";
-import "./index434.js";
+import { cn as e } from "./index49.js";
+import "react";
+import { jsx as t } from "@emotion/react/jsx-runtime";
+import * as n from "@radix-ui/react-popover";
+//#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index435.js
+function r({ ...e }) {
+	return /* @__PURE__ */ t(n.Root, {
+		"data-slot": "popover",
+		...e
+	});
+}
+function i({ ref: e, ...r }) {
+	return /* @__PURE__ */ t(n.Trigger, {
+		"data-slot": "popover-trigger",
+		ref: e,
+		...r
+	});
+}
+i.displayName = n.Trigger.displayName;
+function a({ className: r, align: i = "center", sideOffset: a = 4, ...o }) {
+	return /* @__PURE__ */ t(n.Portal, { children: /* @__PURE__ */ t(n.Content, {
+		"data-slot": "popover-content",
+		align: i,
+		sideOffset: a,
+		className: e("ttw:bg-popover ttw:text-popover-foreground ttw:data-[state=open]:animate-in ttw:data-[state=closed]:animate-out ttw:data-[state=closed]:fade-out-0 ttw:data-[state=open]:fade-in-0 ttw:data-[state=closed]:zoom-out-95 ttw:data-[state=open]:zoom-in-95 ttw:data-[side=bottom]:slide-in-from-top-2 ttw:data-[side=left]:slide-in-from-right-2 ttw:data-[side=right]:slide-in-from-left-2 ttw:data-[side=top]:slide-in-from-bottom-2 ttw:z-1300 ttw:w-72 ttw:origin-(--radix-popover-content-transform-origin) ttw:rounded-md ttw:border ttw:p-4 ttw:shadow-md ttw:outline-hidden", r),
+		...o
+	}) });
+}
+function o({ ...e }) {
+	return /* @__PURE__ */ t(n.Anchor, {
+		"data-slot": "popover-anchor",
+		...e
+	});
+}
+//#endregion
+export { r as Popover, o as PopoverAnchor, a as PopoverContent, i as PopoverTrigger };

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

@@ -1,10 +1,142 @@
-import { CounterpartNameCellById as e } from "./index234.js";
-import "./index331.js";
-import { jsx as t } from "@emotion/react/jsx-runtime";
+import { cn as e } from "./index49.js";
+import { Button as t } from "./index56.js";
+import { useFileInput as n } from "./index181.js";
+import "./index189.js";
+import { Popover as r, PopoverContent as i, PopoverTrigger as a } from "./index435.js";
+import { useState as o } from "react";
+import { ChevronDownIcon as s, ChevronUpIcon as c, CloudUpload as l, Copy as u, Plus as d } from "lucide-react";
+import { jsx as f, jsxs as p } from "@emotion/react/jsx-runtime";
+import { toast as m } from "react-hot-toast";
+import { useLingui as h } from "@lingui/react";
 //#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index436.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: "-"
-});
+var g = ({ isCreateAllowed: g, onCreateInvoice: _, handleFileUpload: v }) => {
+	let { i18n: y } = h(), [b, x] = o(!1), { FileInput: S, openFileInput: C, checkFileError: w } = n(), [T, E] = o(!1);
+	return /* @__PURE__ */ f("div", {
+		className: "Monite-Payables",
+		children: /* @__PURE__ */ p(r, {
+			open: b,
+			onOpenChange: x,
+			children: [/* @__PURE__ */ f(a, {
+				asChild: !0,
+				children: /* @__PURE__ */ p(t, {
+					size: "lg",
+					disabled: !g,
+					children: [y._("Add new bill"), f(b ? c : s, {})]
+				})
+			}), /* @__PURE__ */ p(i, {
+				align: "end",
+				className: "ttw:w-auto ttw:min-w-110 ttw:border-none ttw:p-6",
+				children: [/* @__PURE__ */ p("div", {
+					className: "ttw:w-110 ttw:flex ttw:flex-col ttw:gap-4",
+					onClick: (e) => {
+						e.preventDefault(), e.stopPropagation();
+					},
+					children: [
+						/* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("h3", {
+							className: "ttw:text-xl ttw:font-semibold ttw:text-zinc-950",
+							children: y._("Upload bills")
+						}), /* @__PURE__ */ f("p", {
+							className: "ttw:text-sm ttw:font-normal ttw:text-zinc-500",
+							children: y._("Upload your bills and we'll automatically pull the details so you can review and approve.")
+						})] }),
+						/* @__PURE__ */ f("div", {
+							className: e("ttw:box-border ttw:cursor-pointer ttw:w-full ttw:h-36.5 ttw:flex ttw:flex-col ttw:items-center ttw:justify-center ttw:text-center ttw:border ttw:rounded-lg ttw:border-dashed ttw:border-zinc-200 ttw:bg-zinc-50", T && "ttw:bg-transparent"),
+							onDragOver: (e) => {
+								e.preventDefault(), E(!0);
+							},
+							onDragLeave: (e) => {
+								e.preventDefault(), E(!1);
+							},
+							onDrop: (e) => {
+								e.preventDefault(), E(!1);
+								let t = Array.from(e.dataTransfer.files);
+								if (t.length > 10) {
+									m.error(y._("You can only upload up to {fileCount} files at a time", { fileCount: 10 })), x(!1);
+									return;
+								}
+								t.forEach((e) => {
+									let t = w(e);
+									if (t) {
+										m.error(t);
+										return;
+									}
+									v(e);
+								}), x(!1);
+							},
+							onClick: C,
+							children: /* @__PURE__ */ p("div", {
+								className: "ttw:mx-auto ttw:flex ttw:flex-col ttw:items-center ttw:gap-2",
+								children: [
+									/* @__PURE__ */ f("div", {
+										className: "ttw:w-11 ttw:h-11 ttw:rounded-full ttw:bg-primary ttw:flex ttw:items-center ttw:justify-center",
+										children: /* @__PURE__ */ f(l, { className: "ttw:text-white ttw:size-5" })
+									}),
+									/* @__PURE__ */ p("p", {
+										className: "ttw:text-sm ttw:font-medium ttw:text-zinc-950",
+										children: [
+											y._("Drop your files here, or"),
+											" ",
+											/* @__PURE__ */ f("span", {
+												className: "ttw:text-primary ttw:underline",
+												children: y._("click to browse")
+											})
+										]
+									}),
+									/* @__PURE__ */ f("p", {
+										className: "ttw:text-xs ttw:font-normal ttw:text-zinc-500",
+										children: y._("PDF, PNG or JPG (max. 20MB)")
+									})
+								]
+							})
+						}),
+						/* @__PURE__ */ p("div", {
+							className: "ttw:flex ttw:flex-col",
+							children: [/* @__PURE__ */ f("h3", {
+								className: "ttw:text-primary ttw:text-sm ttw:font-semibold",
+								children: y._("Send via email")
+							}), /* @__PURE__ */ f("p", {
+								className: "ttw:text-zinc-500 ttw:font-normal ttw:text-sm",
+								children: y._("Email your bills here and they'll appear in your bill pay inbox, ready to review and pay.")
+							})]
+						}),
+						/* @__PURE__ */ p("div", {
+							className: "ttw:px-3 ttw:h-14 ttw:border ttw:border-zinc-200 ttw:rounded-lg ttw:flex ttw:items-center ttw:justify-between ttw:gap-6",
+							children: [/* @__PURE__ */ f("span", { children: y._("bills@business-banking.com") }), /* @__PURE__ */ p(t, {
+								type: "button",
+								variant: "ghost",
+								size: "sm",
+								className: "ttw:text-primary ttw:hover:bg-primary-foreground ttw:hover:text-primary",
+								onClick: () => {
+									navigator.clipboard.writeText("bills@business-banking.com"), m.success(y._("Email address copied to clipboard"));
+								},
+								children: [/* @__PURE__ */ f(u, {}), y._("Copy")]
+							})]
+						}),
+						/* @__PURE__ */ p("div", {
+							className: "ttw:flex ttw:flex-col ttw:gap-4",
+							children: [/* @__PURE__ */ f("h3", {
+								className: "ttw:text-sm ttw:font-semibold ttw:text-primary",
+								children: y._("Or add bill manually")
+							}), /* @__PURE__ */ p(t, {
+								onClick: () => {
+									x(!1), _();
+								},
+								className: "ttw:w-fit ttw:bg-primary-foreground ttw:hover:bg-primary-foreground ttw:text-primary",
+								children: [/* @__PURE__ */ f(d, {}), y._("Add new bill")]
+							})]
+						})
+					]
+				}), /* @__PURE__ */ f(S, {
+					"aria-label": y._("Upload payable files"),
+					multiple: !0,
+					onChange: (e) => {
+						let t = e.target.files;
+						t && v(t), x(!1);
+					}
+				})]
+			})]
+		})
+	});
+};
 //#endregion
-export { n as InvoicesCounterpartCell };
+export { g as CreatePayableMenu };

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

@@ -1,61 +1 @@
-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/index437.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 };
+import "./index436.js";