@tesouro/embedded-components-react 0.2.234 → 0.2.238

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

@@ -1,23 +1,36 @@
-import { useMoniteContext as n } from "./index57.js";
-import { getAPIErrorMessage as i } from "./index121.js";
-import { useLingui as a } from "@lingui/react";
-import { toast as o } from "react-hot-toast";
-const c = () => {
-  const {
-    api: e,
-    queryClient: s
-  } = n(), {
-    i18n: r
-  } = a();
-  return e.finops.postPaymentReminders.useMutation(void 0, {
-    onSuccess: async () => {
-      await e.finops.getPaymentReminders.invalidateQueries(s), o.success(r._("Reminder has been added"));
-    },
-    onError: (t) => {
-      o.error(i(r, t));
-    }
-  });
-};
-export {
-  c as useCreatePaymentReminder
-};
+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/index427.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/index428.js

@@ -1,18 +1,142 @@
-import { useMoniteContext as m } from "./index57.js";
-const a = (e) => e && e.length > 0 ? Math.min(...e.map((t) => t.days_after)) : Number.POSITIVE_INFINITY, i = () => {
-  const {
-    api: e
-  } = m();
-  return e.finops.getOverdueReminders.useQuery(void 0, {
-    select: (t) => [...t.data].sort((r, s) => a(r.terms) - a(s.terms)).map(({
-      id: r,
-      name: s
-    }) => ({
-      value: r,
-      label: s
-    }))
-  });
-};
-export {
-  i as useGetOverdueReminders
+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 "./index427.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/index428.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/index429.js

@@ -1,23 +1 @@
-import { useMoniteContext as t } from "./index57.js";
-import { getAPIErrorMessage as n } from "./index121.js";
-import { useLingui as a } from "@lingui/react";
-import { toast as s } from "react-hot-toast";
-const c = () => {
-  const {
-    api: e,
-    queryClient: o
-  } = t(), {
-    i18n: r
-  } = a();
-  return e.finops.postOverdueReminders.useMutation(void 0, {
-    onSuccess: async () => {
-      await e.finops.getOverdueReminders.invalidateQueries(o), s.success(r._("Reminder has been added"));
-    },
-    onError: (i) => {
-      s.error(n(r, i));
-    }
-  });
-};
-export {
-  c as useCreateOverdueReminder
-};
+import "./index428.js";

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

@@ -1,144 +1,14 @@
-import { jsx as t, jsxs as a, Fragment as B } from "@emotion/react/jsx-runtime";
-import { useState as s, useMemo as N, useCallback as G } from "react";
-import { ProductDeleteModal as W } from "./index168.js";
-import { ProductType as q } from "./index169.js";
-import { Filters as H } from "./index170.js";
-import { useMoniteContext as Y } from "./index57.js";
-import { MoniteScopedProviders as J } from "./index83.js";
-import { useCurrencies as Q } from "./index58.js";
-import "./index92.js";
-import { useLingui as V } from "@lingui/react";
-import "react-dom";
-import "@mui/x-data-grid";
-import { useUserPermissions as X } from "./index146.js";
-import "../../shared/data-access/dist/lib/rest/client/utils.gen.js";
-import "../../shared/data-access/dist/lib/EmbedApiContext.js";
-import "../../shared/data-access/dist/lib/rest/client.gen.js";
-import "@tanstack/react-query";
-import "../../shared/data-access/dist/lib/rest/zod.gen.js";
-import { Scope as k } from "../../shared/data-access/dist/lib/scopes.js";
-import { AccessRestriction as Z } from "./index157.js";
-import { Button as f } from "./index84.js";
-import "clsx";
-import "tailwind-merge";
-import "@radix-ui/react-dialog";
-import { ArrowUp as ee, ArrowDown as te, ArrowUpDown as oe, Plus as ie } from "lucide-react";
-import { DataTable as re } from "./index164.js";
-import { GetNoRowsOverlay as ae } from "./index163.js";
-import { MeasureUnit as se } from "./index171.js";
-import { hasSelectedText as ne } from "./index165.js";
-import { FILTER_TYPE_SEARCH as S } from "./index172.js";
-import "react-hot-toast";
-import { useGetProducts as le } from "./index173.js";
-import { ManageMeasureUnits as ce } from "./index174.js";
-const Ge = (d) => /* @__PURE__ */ t(J, { children: /* @__PURE__ */ t(de, { ...d }) }), de = ({
-  onFilterChanged: d,
-  onSortChanged: g,
-  onRowClick: P,
-  onDeleted: T,
-  openCreateModal: w
-}) => {
-  const {
-    i18n: i
-  } = V(), {
-    componentSettings: D
-  } = Y(), {
-    formatCurrencyToDisplay: h
-  } = Q(), [v, y] = s(!1), [M, m] = s(void 0), [_, b] = s(D.products.pageSizeOptions[0]), [n, R] = s({}), [r, C] = s(), [p, A] = s({
-    open: !1,
-    id: null
-  }), x = X(), L = x.has(k.InvoiceWriteOrg), $ = x.has(k.InvoiceReadOrg), {
-    data: l,
-    isLoading: j,
-    isError: z,
-    refetch: E
-  } = le({
-    sort: r?.field,
-    order: r?.sort,
-    limit: _,
-    pagination_token: M,
-    name__icontains: n[S] || void 0
-  }), F = (e, o) => {
-    m(void 0), R((c) => ({
-      ...c,
-      [e]: o === "all" ? null : o
-    })), d?.({
-      field: e,
-      value: o
-    });
-  }, u = N(() => r ? [{
-    id: r.field,
-    desc: r.sort === "desc"
-  }] : [], [r]), I = G((e) => {
-    const o = typeof e == "function" ? e(u) : e;
-    if (o.length > 0) {
-      const c = {
-        field: o[0].id,
-        sort: o[0].desc ? "desc" : "asc"
-      };
-      C(c), g?.(c);
-    } else
-      C(void 0);
-    m(void 0);
-  }, [u, g]), O = N(() => [{
-    accessorKey: "name",
-    header: ({
-      column: e
-    }) => {
-      const o = e.getIsSorted();
-      return /* @__PURE__ */ a("div", { className: "ttw:flex ttw:items-center ttw:gap-2 ttw:text-inherit", children: [
-        i._("Name"),
-        /* @__PURE__ */ t(f, { variant: "ghost", onClick: () => e.toggleSorting(o === "asc"), children: o === "asc" ? /* @__PURE__ */ t(ee, { className: "ttw:size-4" }) : o === "desc" ? /* @__PURE__ */ t(te, { className: "ttw:size-4" }) : /* @__PURE__ */ t(oe, { className: "ttw:size-4" }) })
-      ] });
-    },
-    cell: ({
-      row: e
-    }) => /* @__PURE__ */ t("span", { children: e.original.name })
-  }, {
-    accessorKey: "type",
-    header: i._("Type"),
-    cell: ({
-      row: e
-    }) => e.original.type ? /* @__PURE__ */ t(q, { type: e.original.type }) : null
-  }, {
-    accessorKey: "description",
-    header: i._("Description"),
-    cell: ({
-      row: e
-    }) => /* @__PURE__ */ t("div", { className: "ttw:w-120", children: /* @__PURE__ */ t("span", { className: "ttw:w-full ttw:inline-block ttw:truncate", children: e.original?.description }) })
-  }, {
-    accessorKey: "price",
-    header: () => /* @__PURE__ */ t("div", { className: "ttw:text-right", children: i._("Price per unit") }),
-    cell: ({
-      row: e
-    }) => {
-      const o = e.original.price;
-      return /* @__PURE__ */ a("div", { className: "ttw:justify-end ttw:flex ttw:gap-1 ttw:items-center", children: [
-        o ? h(o.value, o.currency) : "",
-        /* @__PURE__ */ t(se, { unitId: e.original.measure_unit_id ?? "" })
-      ] });
-    }
-  }], [i, h]), U = Object.keys(n).some((e) => n[e] !== null && n[e] !== void 0), K = !!n[S];
-  return $ ? /* @__PURE__ */ a(B, { children: [
-    /* @__PURE__ */ t("div", { className: "ttw:flex ttw:flex-col ttw:overflow-hidden ttw:min-h-125", children: /* @__PURE__ */ t(re, { columns: O, data: l?.data ?? [], sorting: u, onSortingChange: I, pageSize: _, onPageSizeChange: b, nextPaginationToken: l?.next_pagination_token ?? void 0, prevPaginationToken: l?.prev_pagination_token ?? void 0, onPaginationTokenChange: m, onRowClick: (e) => {
-      ne() || P?.(e.id);
-    }, filterComponent: /* @__PURE__ */ a("div", { className: "ttw:flex ttw:items-center ttw:justify-between ttw:px-4", children: [
-      /* @__PURE__ */ t(H, { onChangeFilter: F }),
-      /* @__PURE__ */ a("div", { className: "ttw:flex ttw:gap-2", children: [
-        /* @__PURE__ */ t(f, { variant: "ghost", onClick: () => y(!0), className: "ttw:py-0 ttw:text-primary ttw:hover:text-primary", children: i._("Manage units of measure") }),
-        /* @__PURE__ */ a(f, { disabled: !L, onClick: w, className: "ttw:py-0", children: [
-          /* @__PURE__ */ t(ie, {}),
-          i._("Add product or service")
-        ] })
-      ] })
-    ] }), children: /* @__PURE__ */ t(ae, { isLoading: j, dataLength: l?.data.length || 0, isFiltering: U, isSearching: K, isError: z, onCreate: w, refetch: E, filterTitle: i._("No product or service found"), filterDescription1: i._("Try adjusting your search or filter criteria"), entityName: i._("products or services"), actionButtonLabel: i._("Add your first product or service"), actionOptions: [i._("Product")], noDataTitle: i._("Build your products & services list."), noDataDescription1: i._("Save the products and services you sell so you can quickly add them as line items on invoices."), type: "no-data" }) }) }),
-    p.id && /* @__PURE__ */ t(W, { id: p.id, open: p.open, onDeleted: T, onClose: () => A((e) => ({
-      ...e,
-      open: !1
-    })) }),
-    v && /* @__PURE__ */ t(ce, { open: v, handleClose: () => y(!1) })
-  ] }) : /* @__PURE__ */ t(Z, {});
-};
-export {
-  Ge as ProductsTable
-};
+import { getSeverityColors as e } from "./index36.js";
+//#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index43.js
+var t = (t) => ({
+	...e(t),
+	10: "#996600",
+	30: "#cc8000",
+	50: "#ff9900",
+	60: "#ffb333",
+	80: "#ffd999",
+	90: "#ffe6cc",
+	95: "#fff3ee"
+});
+//#endregion
+export { t as getWarningColors };

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

@@ -1,16 +1,167 @@
-import { useMoniteContext as n } from "./index57.js";
-const m = (e) => {
-  const {
-    api: t
-  } = n();
-  return t.finops.getPaymentTermsId.useQuery({
-    path: {
-      payment_terms_id: e ?? ""
-    }
-  }, {
-    enabled: !!e
-  });
-};
-export {
-  m as useGetPaymentTermById
+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 };