@tesouro/embedded-components-react 0.3.57 → 0.3.60

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

@@ -1,142 +1,36 @@
 import { cn as e } from "./index49.js";
-import { Button as t } from "./index56.js";
-import { useFileInput as n } from "./index209.js";
-import "./index217.js";
-import { Popover as r, PopoverContent as i, PopoverTrigger as a } from "./index440.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";
+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/index441.js
-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);
-					}
-				})]
-			})]
-		})
+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 { g as CreatePayableMenu };
+export { r as Popover, o as PopoverAnchor, a as PopoverContent, i as PopoverTrigger };

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

@@ -1 +1,142 @@
-import "./index441.js";
+import { cn as e } from "./index49.js";
+import { Button as t } from "./index56.js";
+import { useFileInput as n } from "./index210.js";
+import "./index218.js";
+import { Popover as r, PopoverContent as i, PopoverTrigger as a } from "./index441.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/index442.js
+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 { g as CreatePayableMenu };

package/dist/libs/tesouro-embedded-components-react/monite-sdk/dist/index443.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 "./index206.js";
-import "./index207.js";
-import { useFileInput as a } from "./index209.js";
-import { useComponentSettings as ee } from "./index215.js";
-import "./index217.js";
-import { Dialog as o } from "./index229.js";
-import "./index230.js";
-import { MoniteScopedProviders as s } from "./index237.js";
-import { useUserPermissions as te } from "./index116.js";
-import { AccessRestriction as c } from "./index247.js";
-import "./index249.js";
-import { usePayableCallbacks as l } from "./index361.js";
-import { PayableDetails as u } from "./index425.js";
-import { PayablesTable as ne } from "./index438.js";
-import "./index426.js";
-import "./index439.js";
-import { CreatePayableMenu as d } from "./index441.js";
 import "./index442.js";
-import { useEffect as re, useMemo as ie, useRef as ae, useState as f } from "react";
-import { jsx as p, jsxs as m } from "@emotion/react/jsx-runtime";
-import { toast as h } from "react-hot-toast";
-import { useLingui as g } from "@lingui/react";
-//#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index443.js
-var _ = (e) => /* @__PURE__ */ p(s, { children: /* @__PURE__ */ p(v, { ...e }) }), v = ({ pageTitleComponent: s, enableGLCodes: _, initialView: v, initialCounterpartId: y, onSaved: b, onCanceled: x, onSubmitted: S, onRejected: C, onApproved: oe, onReopened: se, onDeleted: ce, onPay: le }) => {
-	let { i18n: w } = g(), { api: T, queryClient: E, theme: D } = r(), { componentSettings: O } = ee(), { handleSaved: k, handleCanceled: A, handleSubmitted: j, handleRejected: M, handleApproved: N, handleReopened: P, handleDeleted: F, handlePay: I } = l({
-		onSaved: b,
-		onCanceled: x,
-		onSubmitted: S,
-		onRejected: C,
-		onApproved: oe,
-		onReopened: se,
-		onDeleted: ce,
-		onPay: le
-	}), [L, R] = f({
-		invoiceId: void 0,
-		open: !1,
-		shouldOpenEditMode: !1
-	}), z = () => {
-		R((e) => ({
-			...e,
-			open: !1,
-			shouldOpenEditMode: !1,
-			invoiceId: void 0
-		}));
-	}, [B, V] = f(!1), [H, U] = f(void 0), W = ae(!1), G = () => {
-		V(!1), U(void 0);
-	}, { FileInput: ue, openFileInput: de, checkFileError: fe } = a(), K = T.finops.postPayablesUploadFromFile.useMutation({}, {
-		onSuccess: () => T.finops.getPayables.invalidateQueries(E),
-		onError: () => {}
-	}), q = (e) => {
-		let n = e instanceof File ? [e] : Array.from(e);
-		if (n.length > 10) {
-			h.error(w._("You can only upload up to {fileCount} files at a time", { fileCount: 10 }));
-			return;
-		}
-		n.forEach((e) => {
-			let n = fe(e);
-			if (n) {
-				h.error(n);
-				return;
-			}
-			h.promise(K.mutateAsync({ file: e }), {
-				loading: w._("Uploading {fileName}", { fileName: e.name }),
-				success: w._("Payable {fileName} uploaded successfully", { fileName: e.name }),
-				error: (e) => t(w, e)
-			});
-		});
-	}, J = te(), Y = J.has(e.PayableWriteOrg), X = J.has(e.PayableReadOrg);
-	re(() => {
-		W.current || v === "create" && Y && (W.current = !0, U(y), V(!0));
-	}, [
-		v,
-		Y,
-		y
-	]);
-	let { root: Z } = i(), Q = "Monite-Payables-Header", $ = _ ?? O?.payables?.enableGLCodes ?? !1, pe = ie(() => n(D.components?.styles?.payables?.button), [D.components?.styles?.payables?.button]);
-	return /* @__PURE__ */ m("div", {
-		className: "Monite-Payables",
-		style: pe,
-		children: [
-			s(/* @__PURE__ */ p(d, {
-				isCreateAllowed: Y,
-				onCreateInvoice: () => {
-					U(void 0), V(!0);
-				},
-				handleFileUpload: q
-			})),
-			!X && /* @__PURE__ */ p(c, {}),
-			X && /* @__PURE__ */ p(ne, {
-				initialCounterpartId: v === "create" ? void 0 : y,
-				onRowClick: (e) => R({
-					open: !0,
-					invoiceId: e
-				}),
-				onPay: I,
-				onApproved: N,
-				onCanceled: A,
-				onSubmitted: j,
-				openFileInput: de,
-				setIsCreateInvoiceDialogOpen: V,
-				openEditDialog: (e) => R({
-					open: !0,
-					invoiceId: e,
-					shouldOpenEditMode: !0
-				})
-			}),
-			/* @__PURE__ */ p(ue, {
-				"aria-label": w._("Upload payable files"),
-				multiple: !0,
-				onChange: (e) => {
-					let t = e.target.files;
-					t && q(t);
-				}
-			}),
-			/* @__PURE__ */ p(o, {
-				className: Q + "-Dialog-PayableDetails",
-				open: L.open,
-				container: Z,
-				onClose: z,
-				onClosed: z,
-				fullScreen: !0,
-				children: /* @__PURE__ */ p(u, {
-					id: L.invoiceId,
-					shouldOpenInEditMode: L.shouldOpenEditMode,
-					enableGLCodes: $,
-					onClose: z,
-					onSaved: k,
-					onCanceled: A,
-					onSubmitted: j,
-					onRejected: M,
-					onApproved: N,
-					onReopened: P,
-					onDeleted: (e) => {
-						F?.(e), z(), h(w._("Bill #{payableId} has been deleted", { payableId: e }), { duration: 5e3 });
-					},
-					onPay: I
-				})
-			}),
-			/* @__PURE__ */ p(o, {
-				className: Q + "-Dialog-CreatePayable",
-				open: B,
-				container: Z,
-				onClose: G,
-				fullScreen: !0,
-				children: /* @__PURE__ */ p(u, {
-					shouldOpenInEditMode: !0,
-					initialCounterpartId: H,
-					enableGLCodes: $,
-					onClose: G,
-					onSaved: (e) => {
-						R({
-							open: !0,
-							invoiceId: e
-						}), G(), k?.(e);
-					}
-				})
-			})
-		]
-	});
-};
-//#endregion
-export { _ as Payables };

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

@@ -1,26 +1,167 @@
-import "./index117.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 "./index370.js";
-import "./index371.js";
-import "./index372.js";
-import "./index373.js";
-import "./index374.js";
-import "./index375.js";
-import "./index376.js";
-import "./index377.js";
-import "./index378.js";
-import "./index425.js";
-import "./index438.js";
-import "./index426.js";
-import "./index439.js";
+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 "./index207.js";
+import "./index208.js";
+import { useFileInput as a } from "./index210.js";
+import { useComponentSettings as ee } from "./index216.js";
+import "./index218.js";
+import { Dialog as o } from "./index230.js";
+import "./index231.js";
+import { MoniteScopedProviders as s } from "./index238.js";
+import { useUserPermissions as te } from "./index119.js";
+import { AccessRestriction as c } from "./index248.js";
+import "./index250.js";
+import { usePayableCallbacks as l } from "./index362.js";
+import { PayableDetails as u } from "./index426.js";
+import { PayablesTable as ne } from "./index439.js";
+import "./index427.js";
+import "./index440.js";
+import { CreatePayableMenu as d } from "./index442.js";
 import "./index443.js";
+import { useEffect as re, useMemo as ie, useRef as ae, useState as f } from "react";
+import { jsx as p, jsxs as m } from "@emotion/react/jsx-runtime";
+import { toast as h } from "react-hot-toast";
+import { useLingui as g } from "@lingui/react";
+//#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index444.js
+var _ = (e) => /* @__PURE__ */ p(s, { children: /* @__PURE__ */ p(v, { ...e }) }), v = ({ pageTitleComponent: s, enableGLCodes: _, initialView: v, initialCounterpartId: y, onSaved: b, onCanceled: x, onSubmitted: S, onRejected: C, onApproved: oe, onReopened: se, onDeleted: ce, onPay: le }) => {
+	let { i18n: w } = g(), { api: T, queryClient: E, theme: D } = r(), { componentSettings: O } = ee(), { handleSaved: k, handleCanceled: A, handleSubmitted: j, handleRejected: M, handleApproved: N, handleReopened: P, handleDeleted: F, handlePay: I } = l({
+		onSaved: b,
+		onCanceled: x,
+		onSubmitted: S,
+		onRejected: C,
+		onApproved: oe,
+		onReopened: se,
+		onDeleted: ce,
+		onPay: le
+	}), [L, R] = f({
+		invoiceId: void 0,
+		open: !1,
+		shouldOpenEditMode: !1
+	}), z = () => {
+		R((e) => ({
+			...e,
+			open: !1,
+			shouldOpenEditMode: !1,
+			invoiceId: void 0
+		}));
+	}, [B, V] = f(!1), [H, U] = f(void 0), W = ae(!1), G = () => {
+		V(!1), U(void 0);
+	}, { FileInput: ue, openFileInput: de, checkFileError: fe } = a(), K = T.finops.postPayablesUploadFromFile.useMutation({}, {
+		onSuccess: () => T.finops.getPayables.invalidateQueries(E),
+		onError: () => {}
+	}), q = (e) => {
+		let n = e instanceof File ? [e] : Array.from(e);
+		if (n.length > 10) {
+			h.error(w._("You can only upload up to {fileCount} files at a time", { fileCount: 10 }));
+			return;
+		}
+		n.forEach((e) => {
+			let n = fe(e);
+			if (n) {
+				h.error(n);
+				return;
+			}
+			h.promise(K.mutateAsync({ file: e }), {
+				loading: w._("Uploading {fileName}", { fileName: e.name }),
+				success: w._("Payable {fileName} uploaded successfully", { fileName: e.name }),
+				error: (e) => t(w, e)
+			});
+		});
+	}, J = te(), Y = J.has(e.PayableWriteOrg), X = J.has(e.PayableReadOrg);
+	re(() => {
+		W.current || v === "create" && Y && (W.current = !0, U(y), V(!0));
+	}, [
+		v,
+		Y,
+		y
+	]);
+	let { root: Z } = i(), Q = "Monite-Payables-Header", $ = _ ?? O?.payables?.enableGLCodes ?? !1, pe = ie(() => n(D.components?.styles?.payables?.button), [D.components?.styles?.payables?.button]);
+	return /* @__PURE__ */ m("div", {
+		className: "Monite-Payables",
+		style: pe,
+		children: [
+			s(/* @__PURE__ */ p(d, {
+				isCreateAllowed: Y,
+				onCreateInvoice: () => {
+					U(void 0), V(!0);
+				},
+				handleFileUpload: q
+			})),
+			!X && /* @__PURE__ */ p(c, {}),
+			X && /* @__PURE__ */ p(ne, {
+				initialCounterpartId: v === "create" ? void 0 : y,
+				onRowClick: (e) => R({
+					open: !0,
+					invoiceId: e
+				}),
+				onPay: I,
+				onApproved: N,
+				onCanceled: A,
+				onSubmitted: j,
+				openFileInput: de,
+				setIsCreateInvoiceDialogOpen: V,
+				openEditDialog: (e) => R({
+					open: !0,
+					invoiceId: e,
+					shouldOpenEditMode: !0
+				})
+			}),
+			/* @__PURE__ */ p(ue, {
+				"aria-label": w._("Upload payable files"),
+				multiple: !0,
+				onChange: (e) => {
+					let t = e.target.files;
+					t && q(t);
+				}
+			}),
+			/* @__PURE__ */ p(o, {
+				className: Q + "-Dialog-PayableDetails",
+				open: L.open,
+				container: Z,
+				onClose: z,
+				onClosed: z,
+				fullScreen: !0,
+				children: /* @__PURE__ */ p(u, {
+					id: L.invoiceId,
+					shouldOpenInEditMode: L.shouldOpenEditMode,
+					enableGLCodes: $,
+					onClose: z,
+					onSaved: k,
+					onCanceled: A,
+					onSubmitted: j,
+					onRejected: M,
+					onApproved: N,
+					onReopened: P,
+					onDeleted: (e) => {
+						F?.(e), z(), h(w._("Bill #{payableId} has been deleted", { payableId: e }), { duration: 5e3 });
+					},
+					onPay: I
+				})
+			}),
+			/* @__PURE__ */ p(o, {
+				className: Q + "-Dialog-CreatePayable",
+				open: B,
+				container: Z,
+				onClose: G,
+				fullScreen: !0,
+				children: /* @__PURE__ */ p(u, {
+					shouldOpenInEditMode: !0,
+					initialCounterpartId: H,
+					enableGLCodes: $,
+					onClose: G,
+					onSaved: (e) => {
+						R({
+							open: !0,
+							invoiceId: e
+						}), G(), k?.(e);
+					}
+				})
+			})
+		]
+	});
+};
+//#endregion
+export { _ as Payables };