@tesouro/embedded-components-react 0.2.6 → 0.2.15

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

@@ -1,27 +1,27 @@
 import { jsx as t, jsxs as a, Fragment as h } from "@emotion/react/jsx-runtime";
 import { useCounterpartById as Nt } from "./index72.js";
-import { Sheet as V, SheetContent as W, SheetHeader as xt, SheetTitle as Ct, SheetDescription as St, SheetClose as Dt } from "./index146.js";
-import { LoadingSpinner as Tt } from "./index147.js";
+import { Sheet as V, SheetContent as W, SheetHeader as xt, SheetTitle as Ct, SheetDescription as St, SheetClose as Dt } from "./index132.js";
+import { LoadingSpinner as Tt } from "./index133.js";
 import { useLingui as At } from "@lingui/react";
 import { getCounterpartName as S } from "./index7.js";
-import { Skeleton as c } from "./index153.js";
+import { Skeleton as c } from "./index134.js";
 import { useMoniteContext as $t } from "./index59.js";
-import { DropdownMenu as It, DropdownMenuTrigger as Lt, DropdownMenuContent as Bt, DropdownMenuItem as kt } from "./index152.js";
+import { DropdownMenu as It, DropdownMenuTrigger as Lt, DropdownMenuContent as Bt, DropdownMenuItem as kt } from "./index135.js";
 import { Button as f } from "./index86.js";
 import { MoreVerticalIcon as jt, Trash2 as Mt, X as Rt, EyeOff as Ut, Eye as Et } from "lucide-react";
-import { DeleteCounterpartModal as Pt } from "./index208.js";
+import { DeleteCounterpartModal as Pt } from "./index136.js";
 import { useState as D, useCallback as Ot, Fragment as zt } from "react";
 import { Typography as i } from "./index87.js";
 import { useCurrencies as Ft } from "./index60.js";
-import { Separator as Vt } from "./index209.js";
-import { CounterpartContactDetailLine as m } from "./index210.js";
+import { Separator as Vt } from "./index137.js";
+import { CounterpartContactDetailLine as m } from "./index138.js";
 import "react-hot-toast";
 import "date-fns";
-import { useDeleteCounterpartBank as Wt } from "./index211.js";
-import { useCounterpartAddressesById as Gt } from "./index212.js";
-import { useGetCounterpartPayables as Ht } from "./index213.js";
-import { EditCounterpart as qt } from "./index214.js";
-import { useUserPermissions as Jt } from "./index133.js";
+import { useDeleteCounterpartBank as Wt } from "./index139.js";
+import { useCounterpartAddressesById as Gt } from "./index140.js";
+import { useGetCounterpartPayables as Ht } from "./index141.js";
+import { EditCounterpart as qt } from "./index142.js";
+import { useUserPermissions as Jt } from "./index143.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";
@@ -29,20 +29,20 @@ import "@tanstack/react-query";
 import "../../shared/data-access/dist/lib/rest/zod.gen.js";
 import { Scope as G } from "../../shared/data-access/dist/lib/scopes.js";
 import { useGetPayablesAnalytics as T } from "./index35.js";
-import { useGetReceivables as Kt } from "./index161.js";
-import { useGetReceivablesAnalytics as H } from "./index215.js";
+import { useGetReceivables as Kt } from "./index144.js";
+import { useGetReceivablesAnalytics as H } from "./index145.js";
 import "./index94.js";
 import "react-dom";
 import "@mui/x-data-grid";
 import "react-hook-form";
-import { PayableStatusChip as q } from "./index216.js";
-import { CounterpartBankSection as Qt } from "./index217.js";
-import { useCounterpartsBankAccountsList as Xt } from "./index218.js";
+import { PayableStatusChip as q } from "./index146.js";
+import { CounterpartBankSection as Qt } from "./index147.js";
+import { useCounterpartsBankAccountsList as Xt } from "./index148.js";
 import { MoniteScopedProviders as Yt } from "./index85.js";
 import { InvoiceStatusChip as Zt } from "./index57.js";
-import { CounterpartAddressSection as te } from "./index219.js";
-import { NotFound as ee } from "./index154.js";
-import { isBillOverdue as ae } from "./index220.js";
+import { CounterpartAddressSection as te } from "./index149.js";
+import { NotFound as ee } from "./index150.js";
+import { isBillOverdue as ae } from "./index151.js";
 const Ke = (d) => /* @__PURE__ */ t(Yt, { children: /* @__PURE__ */ t(re, { ...d }) }), re = ({
   counterpartId: d,
   customerType: u,

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

@@ -1,58 +1,24 @@
-import { jsxs as m, jsx as e } from "@emotion/react/jsx-runtime";
-import { useState as c } from "react";
-import { Button as f } from "./index86.js";
-import { cn as l } from "./index102.js";
-import { cva as g } from "class-variance-authority";
-import { X as p } from "lucide-react";
-const u = g("ttw:relative ttw:w-full ttw:rounded-lg ttw:pl-4 ttw:pt-3 ttw:pr-3 ttw:pb-4 ttw:flex ttw:items-start ttw:gap-4", {
-  variants: {
-    variant: {
-      default: "ttw:bg-background ttw:text-foreground",
-      info: "ttw:bg-blue-50 ttw:text-blue-900 ttw:dark:bg-blue-950 ttw:dark:text-blue-100",
-      warning: "ttw:bg-yellow-50 ttw:text-yellow-900 ttw:dark:bg-yellow-950 ttw:dark:text-yellow-100",
-      error: "ttw:bg-red-50 ttw:text-red-900 ttw:dark:bg-red-950 ttw:dark:text-red-100",
-      success: "ttw:bg-green-50 ttw:text-green-900 ttw:dark:bg-green-950 ttw:dark:text-green-100"
+import { toast as o } from "react-hot-toast";
+import { useMoniteContext as s } from "./index59.js";
+import { useLingui as r } from "@lingui/react";
+const p = (t) => {
+  const {
+    i18n: n
+  } = r(), {
+    api: a,
+    queryClient: i
+  } = s();
+  return a.finops.postBankDetails.useMutation(void 0, {
+    onSuccess: async (e) => {
+      await a.finops.getBankDetails.invalidateQueries(i), t && t(e?.id), o.success(n._('Bank Account "{name}" has been created.', {
+        name: e.display_name
+      }));
+    },
+    onError: (e) => {
+      o.error(e?.detail?.[0]?.msg || n._("Failed to create Bank Account."));
     }
-  },
-  defaultVariants: {
-    variant: "default"
-  }
-}), b = ({
-  className: r,
-  variant: a,
-  icon: t,
-  children: w,
-  ref: n,
-  onClose: s,
-  ...i
-}) => {
-  const [o, d] = c(!1);
-  return o ? null : /* @__PURE__ */ m("div", { ref: n, role: "alert", className: l(u({
-    variant: a
-  }), r), ...i, children: [
-    t && /* @__PURE__ */ e("div", { className: "ttw:shrink-0 ttw:h-8 ttw:w-8 ttw:mt-1", children: t }),
-    /* @__PURE__ */ e("div", { className: "ttw:flex-1", children: w }),
-    /* @__PURE__ */ e(f, { variant: "ghost", size: "icon", className: "ttw:h-8 ttw:w-8 ttw:rounded-md ttw:bg-transparent ttw:opacity-70 ttw:hover:opacity-100", onClick: () => {
-      s && s(), d(!0);
-    }, "aria-label": "Close alert", children: /* @__PURE__ */ e(p, {}) })
-  ] });
+  });
 };
-b.displayName = "Alert";
-const x = ({
-  className: r,
-  ref: a,
-  ...t
-}) => /* @__PURE__ */ e("h3", { ref: a, className: l("ttw:mb-1 ttw:font-medium ttw:leading-none ttw:tracking-tight", r), ...t });
-x.displayName = "AlertTitle";
-const k = ({
-  className: r,
-  ref: a,
-  ...t
-}) => /* @__PURE__ */ e("p", { ref: a, className: l("ttw:text-sm ttw:[&_p]:leading-relaxed ttw:font-normal", r), ...t });
-k.displayName = "AlertDescription";
 export {
-  b as Alert,
-  k as AlertDescription,
-  x as AlertTitle,
-  u as alertVariants
+  p as useCreateEntityBankAccount
 };

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

@@ -1,10 +1,24 @@
+import { toast as i } from "react-hot-toast";
 import { useMoniteContext as s } from "./index59.js";
-const n = () => {
+import { useLingui as r } from "@lingui/react";
+const d = (a) => {
   const {
-    api: e
-  } = s();
-  return e.finops.getMeasureUnits.useQuery();
+    api: t,
+    queryClient: e
+  } = s(), {
+    i18n: n
+  } = r();
+  return t.finops.patchBankDetailsId.useMutation(void 0, {
+    onSuccess: async (o) => {
+      i.success(n._('Bank Account "{name}" has been updated.', {
+        name: o.display_name
+      })), await t.finops.getBankDetailsId.invalidateQueries(e), await t.finops.getBankDetails.invalidateQueries(e), a && a();
+    },
+    onError: () => {
+      i.error(n._("Failed to update Bank Account."));
+    }
+  });
 };
 export {
-  n as useGetMeasureUnits
+  d as useUpdateEntityBankAccount
 };

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

@@ -1,24 +1,22 @@
 import { toast as o } from "react-hot-toast";
 import { useMoniteContext as s } from "./index59.js";
-import { useLingui as r } from "@lingui/react";
-const p = (t) => {
+import { useLingui as a } from "@lingui/react";
+const d = (e) => {
   const {
-    i18n: n
-  } = r(), {
-    api: a,
+    i18n: t
+  } = a(), {
+    api: n,
     queryClient: i
   } = s();
-  return a.finops.postBankDetails.useMutation(void 0, {
-    onSuccess: async (e) => {
-      await a.finops.getBankDetails.invalidateQueries(i), t && t(e?.id), o.success(n._('Bank Account "{name}" has been created.', {
-        name: e.display_name
-      }));
+  return n.finops.deleteBankDetailsId.useMutation(void 0, {
+    onSuccess: async () => {
+      await n.finops.getBankDetails.invalidateQueries(i), e && e(), o.success(t._("Bank Account has been deleted."));
     },
-    onError: (e) => {
-      o.error(e?.detail?.[0]?.msg || n._("Failed to create Bank Account."));
+    onError: () => {
+      o.error(t._("Failed to delete Bank Account."));
     }
   });
 };
 export {
-  p as useCreateEntityBankAccount
+  d as useDeleteEntityBankAccount
 };

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

@@ -1,24 +1,16 @@
-import { toast as i } from "react-hot-toast";
-import { useMoniteContext as s } from "./index59.js";
-import { useLingui as r } from "@lingui/react";
-const d = (a) => {
+import { useMoniteContext as n } from "./index59.js";
+const o = (t) => {
   const {
-    api: t,
-    queryClient: e
-  } = s(), {
-    i18n: n
-  } = r();
-  return t.finops.patchBankDetailsId.useMutation(void 0, {
-    onSuccess: async (o) => {
-      i.success(n._('Bank Account "{name}" has been updated.', {
-        name: o.display_name
-      })), await t.finops.getBankDetailsId.invalidateQueries(e), await t.finops.getBankDetails.invalidateQueries(e), a && a();
-    },
-    onError: () => {
-      i.error(n._("Failed to update Bank Account."));
+    api: e
+  } = n();
+  return e.finops.getBankDetailsId.useQuery({
+    path: {
+      bank_account_id: t
     }
+  }, {
+    enabled: !!t
   });
 };
 export {
-  d as useUpdateEntityBankAccount
+  o as useGetEntityBankAccountById
 };

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

@@ -1,22 +1,17 @@
-import { toast as o } from "react-hot-toast";
-import { useMoniteContext as s } from "./index59.js";
-import { useLingui as a } from "@lingui/react";
-const d = (e) => {
+import { jsx as a } from "@emotion/react/jsx-runtime";
+import { ConfirmationModal as l } from "./index250.js";
+import { useLingui as r } from "@lingui/react";
+const m = ({
+  open: o,
+  isDeleting: n,
+  onClose: i,
+  handleDelete: t
+}) => {
   const {
-    i18n: t
-  } = a(), {
-    api: n,
-    queryClient: i
-  } = s();
-  return n.finops.deleteBankDetailsId.useMutation(void 0, {
-    onSuccess: async () => {
-      await n.finops.getBankDetails.invalidateQueries(i), e && e(), o.success(t._("Bank Account has been deleted."));
-    },
-    onError: () => {
-      o.error(t._("Failed to delete Bank Account."));
-    }
-  });
+    i18n: e
+  } = r();
+  return /* @__PURE__ */ a(l, { open: o, title: e._("Delete bank account?"), message: e._("Draft or already issued invoices will keep this bank account. If required, you will need to manually update those invoices with new account information."), confirmLabel: e._("Delete"), cancelLabel: e._("Cancel"), onClose: i, onConfirm: t, isLoading: n });
 };
 export {
-  d as useDeleteEntityBankAccount
+  m as BankAccountDeleteModal
 };

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

@@ -1,16 +1,95 @@
-import { useMoniteContext as n } from "./index59.js";
-const o = (t) => {
+import { jsxs as t, jsx as e } from "@emotion/react/jsx-runtime";
+import { prepareBankAccountUpdatePayload as y, prepareBankAccountCreatePayload as v } from "./index358.js";
+import "date-fns";
+import { getEntityBankAccountValidationSchema as F } from "./index186.js";
+import { safeZodResolver as g } from "./index253.js";
+import { useLingui as A } from "@lingui/react";
+import { useForm as w, Controller as l } from "react-hook-form";
+import { Field as d, FieldContent as m, FieldLabel as c, FieldError as s } from "./index155.js";
+import { Input as u } from "./index129.js";
+import { Typography as x } from "./index87.js";
+const R = ({
+  bankAccounts: h,
+  bankAccount: n,
+  formId: f,
+  createBankAccount: p,
+  updateBankAccount: _
+}) => {
   const {
-    api: e
-  } = n();
-  return e.finops.getBankDetailsId.useQuery({
-    path: {
-      bank_account_id: t
-    }
+    i18n: o
+  } = A(), b = {
+    display_name: n?.display_name ?? o._("Bank account {number}", {
+      number: h?.length + 1
+    }),
+    bank_name: n?.bank_name ?? "",
+    account_holder_name: n?.account_holder_name ?? "",
+    account_number: n?.account_number ?? "",
+    routing_number: n?.routing_number ?? ""
   }, {
-    enabled: !!t
+    control: i,
+    handleSubmit: k
+  } = w({
+    resolver: g(F(o, !!n)),
+    defaultValues: b
   });
+  return /* @__PURE__ */ t("form", { id: f, onSubmit: k((a) => {
+    n ? _(y(a)) : p(v(a));
+  }), noValidate: !0, className: "ttw:flex ttw:flex-col ttw:gap-4", children: [
+    /* @__PURE__ */ e(x, { variant: "body1", children: o._("This bank account will receive payments for your invoices") }),
+    /* @__PURE__ */ t("div", { className: "ttw:flex ttw:gap-4", children: [
+      /* @__PURE__ */ e(l, { name: "display_name", control: i, render: ({
+        field: a,
+        fieldState: {
+          error: r
+        }
+      }) => /* @__PURE__ */ e(d, { className: "ttw:flex-1", children: /* @__PURE__ */ t(m, { children: [
+        /* @__PURE__ */ e(c, { htmlFor: "display_name", children: o._("Display name") }),
+        /* @__PURE__ */ e(u, { ...a, id: "display_name", "aria-invalid": !!r }),
+        /* @__PURE__ */ e(s, { errors: r ? [r] : [] })
+      ] }) }) }),
+      /* @__PURE__ */ e(l, { name: "bank_name", control: i, disabled: !!n, render: ({
+        field: a,
+        fieldState: {
+          error: r
+        }
+      }) => /* @__PURE__ */ e(d, { className: "ttw:flex-1", children: /* @__PURE__ */ t(m, { children: [
+        /* @__PURE__ */ e(c, { htmlFor: "bank_name", children: o._("Bank name") }),
+        /* @__PURE__ */ e(u, { ...a, id: "bank_name", "aria-invalid": !!r }),
+        /* @__PURE__ */ e(s, { errors: r ? [r] : [] })
+      ] }) }) })
+    ] }),
+    /* @__PURE__ */ e(l, { name: "account_number", control: i, disabled: !!n, render: ({
+      field: a,
+      fieldState: {
+        error: r
+      }
+    }) => /* @__PURE__ */ e(d, { children: /* @__PURE__ */ t(m, { children: [
+      /* @__PURE__ */ e(c, { htmlFor: a.name, children: o._("Account number") }),
+      /* @__PURE__ */ e(u, { ...a, id: a.name, "aria-invalid": !!r }),
+      /* @__PURE__ */ e(s, { errors: r ? [r] : [] })
+    ] }) }) }),
+    /* @__PURE__ */ e(l, { name: "routing_number", control: i, disabled: !!n, render: ({
+      field: a,
+      fieldState: {
+        error: r
+      }
+    }) => /* @__PURE__ */ e(d, { children: /* @__PURE__ */ t(m, { children: [
+      /* @__PURE__ */ e(c, { htmlFor: a.name, children: o._("Routing number") }),
+      /* @__PURE__ */ e(u, { ...a, id: a.name, "aria-invalid": !!r }),
+      /* @__PURE__ */ e(s, { errors: r ? [r] : [] })
+    ] }) }) }),
+    /* @__PURE__ */ e(l, { name: "account_holder_name", control: i, render: ({
+      field: a,
+      fieldState: {
+        error: r
+      }
+    }) => /* @__PURE__ */ e(d, { children: /* @__PURE__ */ t(m, { children: [
+      /* @__PURE__ */ e(c, { htmlFor: a.name, children: o._("Account holder name") }),
+      /* @__PURE__ */ e(u, { ...a, id: a.name, "aria-invalid": !!r }),
+      /* @__PURE__ */ e(s, { errors: r ? [r] : [] })
+    ] }) }) })
+  ] });
 };
 export {
-  o as useGetEntityBankAccountById
+  R as BankAccountFormContent
 };

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

@@ -1,17 +1,101 @@
-import { jsx as a } from "@emotion/react/jsx-runtime";
-import { ConfirmationModal as l } from "./index249.js";
-import { useLingui as r } from "@lingui/react";
-const m = ({
-  open: o,
-  isDeleting: n,
-  onClose: i,
-  handleDelete: t
+import { jsx as t, jsxs as r } from "@emotion/react/jsx-runtime";
+import { useState as f } from "react";
+import { toast as n } from "react-hot-toast";
+import "./index59.js";
+import { useLingui as _ } from "@lingui/react";
+import "./index94.js";
+import { useFileInput as z } from "./index63.js";
+import "react-dom";
+import "@mui/x-data-grid";
+import { Button as s } from "./index86.js";
+import { Popover as D, PopoverTrigger as P, PopoverContent as k } from "./index379.js";
+import { cn as F } from "./index102.js";
+import { ChevronUpIcon as I, ChevronDownIcon as U, CloudUpload as j, Copy as A, Plus as E } from "lucide-react";
+const K = ({
+  isCreateAllowed: u,
+  onCreateInvoice: h,
+  handleFileUpload: w
 }) => {
   const {
     i18n: e
-  } = r();
-  return /* @__PURE__ */ a(l, { open: o, title: e._("Delete bank account?"), message: e._("Draft or already issued invoices will keep this bank account. If required, you will need to manually update those invoices with new account information."), confirmLabel: e._("Delete"), cancelLabel: e._("Cancel"), onClose: i, onConfirm: t, isLoading: n });
+  } = _(), [c, a] = f(!1), {
+    FileInput: x,
+    openFileInput: b,
+    checkFileError: y
+  } = z(), [g, i] = f(!1), v = (l) => {
+    l.preventDefault(), i(!0);
+  }, N = (l) => {
+    l.preventDefault(), i(!1);
+  }, d = 10, C = (l) => {
+    l.preventDefault(), i(!1);
+    const o = Array.from(l.dataTransfer.files);
+    if (o.length > d) {
+      n.error(e._("You can only upload up to {fileCount} files at a time", {
+        fileCount: d
+      })), a(!1);
+      return;
+    }
+    o.forEach((m) => {
+      const p = y(m);
+      if (p) {
+        n.error(p);
+        return;
+      }
+      w(m);
+    }), a(!1);
+  };
+  return /* @__PURE__ */ t("div", { className: "Monite-Payables", children: /* @__PURE__ */ r(D, { open: c, onOpenChange: a, children: [
+    /* @__PURE__ */ t(P, { asChild: !0, children: /* @__PURE__ */ r(s, { size: "lg", disabled: !u, children: [
+      e._("Add new bill"),
+      c ? /* @__PURE__ */ t(I, {}) : /* @__PURE__ */ t(U, {})
+    ] }) }),
+    /* @__PURE__ */ r(k, { align: "end", className: "ttw:w-auto ttw:min-w-110 ttw:border-none ttw:p-6", children: [
+      /* @__PURE__ */ r("div", { className: "ttw:w-110 ttw:flex ttw:flex-col ttw:gap-4", onClick: (l) => {
+        l.preventDefault(), l.stopPropagation();
+      }, children: [
+        /* @__PURE__ */ r("div", { children: [
+          /* @__PURE__ */ t("h3", { className: "ttw:text-xl ttw:font-semibold ttw:text-zinc-950", children: e._("Upload bills") }),
+          /* @__PURE__ */ t("p", { className: "ttw:text-sm ttw:font-normal ttw:text-zinc-500", children: e._("Upload your bills and we'll automatically pull the details so you can review and approve.") })
+        ] }),
+        /* @__PURE__ */ t("div", { className: F("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", g && "ttw:bg-transparent"), onDragOver: v, onDragLeave: N, onDrop: C, onClick: b, children: /* @__PURE__ */ r("div", { className: "ttw:mx-auto ttw:flex ttw:flex-col ttw:items-center ttw:gap-2", children: [
+          /* @__PURE__ */ t("div", { className: "ttw:w-11 ttw:h-11 ttw:rounded-full ttw:bg-primary ttw:flex ttw:items-center ttw:justify-center", children: /* @__PURE__ */ t(j, { className: "ttw:text-white ttw:size-5" }) }),
+          /* @__PURE__ */ r("p", { className: "ttw:text-sm ttw:font-medium ttw:text-zinc-950", children: [
+            e._("Drop your files here, or"),
+            " ",
+            /* @__PURE__ */ t("span", { className: "ttw:text-primary ttw:underline", children: e._("click to browse") })
+          ] }),
+          /* @__PURE__ */ t("p", { className: "ttw:text-xs ttw:font-normal ttw:text-zinc-500", children: e._("PDF, PNG or JPG (max. 20MB)") })
+        ] }) }),
+        /* @__PURE__ */ r("div", { className: "ttw:flex ttw:flex-col", children: [
+          /* @__PURE__ */ t("h3", { className: "ttw:text-primary ttw:text-sm ttw:font-semibold", children: e._("Send via email") }),
+          /* @__PURE__ */ t("p", { className: "ttw:text-zinc-500 ttw:font-normal ttw:text-sm", children: e._("Email your bills here and they'll appear in your bill pay inbox, ready to review and pay.") })
+        ] }),
+        /* @__PURE__ */ r("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__ */ t("span", { children: e._("bills@business-banking.com") }),
+          /* @__PURE__ */ r(s, { 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"), n.success(e._("Email address copied to clipboard"));
+          }, children: [
+            /* @__PURE__ */ t(A, {}),
+            e._("Copy")
+          ] })
+        ] }),
+        /* @__PURE__ */ r("div", { className: "ttw:flex ttw:flex-col ttw:gap-4", children: [
+          /* @__PURE__ */ t("h3", { className: "ttw:text-sm ttw:font-semibold ttw:text-primary", children: e._("Or add bill manually") }),
+          /* @__PURE__ */ r(s, { onClick: () => {
+            a(!1), h();
+          }, className: "ttw:w-fit ttw:bg-primary-foreground ttw:hover:bg-primary-foreground ttw:text-primary", children: [
+            /* @__PURE__ */ t(E, {}),
+            e._("Add new bill")
+          ] })
+        ] })
+      ] }),
+      /* @__PURE__ */ t(x, { "aria-label": e._("Upload payable files"), multiple: !0, onChange: (l) => {
+        const o = l.target.files;
+        o && w(o), a(!1);
+      } })
+    ] })
+  ] }) });
 };
 export {
-  m as BankAccountDeleteModal
+  K as CreatePayableMenu
 };