@tesouro/embedded-components-react 0.2.125 → 0.2.126

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

@@ -1,5 +1,5 @@
 import { useMoniteContext as i } from "./index57.js";
-import { getAPIErrorMessage as a } from "./index121.js";
+import { getAPIErrorMessage as a } from "./index123.js";
 import { useLingui as n } from "@lingui/react";
 import { toast as m } from "react-hot-toast";
 const d = (t) => {

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

@@ -1,14 +1,170 @@
-import { jsxs as a, jsx as t } from "@emotion/react/jsx-runtime";
-import { Typography as e } from "./index85.js";
-function i({
-  label: r,
-  value: o
-}) {
-  return /* @__PURE__ */ a("div", { className: "ttw:flex ttw:gap-4 ttw:border-b ttw:border-border ttw:py-3 ttw:last:border-b-0", children: [
-    /* @__PURE__ */ t(e, { component: "span", variant: "body2", color: "muted", className: "ttw:w-40 ttw:shrink-0", children: r }),
-    /* @__PURE__ */ t(e, { component: "span", variant: "body2", className: "ttw:whitespace-pre-line", children: o })
+import { jsx as e, jsxs as s, Fragment as D } from "@emotion/react/jsx-runtime";
+import { Role as j } from "./index453.js";
+import { User as g } from "./index302.js";
+import { useApprovalPolicyScript as B } from "./index402.js";
+import { useApprovalPolicyTrigger as R } from "./index396.js";
+import { getCounterpartName as $ } from "./index7.js";
+import { useMoniteContext as q } from "./index57.js";
+import { useDialog as H } from "./index50.js";
+import { DialogFooter as N } from "./index448.js";
+import { DialogHeader as Q } from "./index449.js";
+import { useLingui as U, Trans as E } from "@lingui/react";
+import { Stack as c, Chip as w, DialogContent as F, Typography as u, Paper as A, Table as x, TableHead as C, TableRow as m, TableCell as o, TableBody as I } from "@mui/material";
+import { toast as M } from "react-hot-toast";
+const le = ({
+  approvalPolicy: d,
+  setIsEdit: P
+}) => {
+  const {
+    i18n: a
+  } = U(), T = H(), {
+    api: h,
+    queryClient: _
+  } = q(), {
+    triggers: i,
+    getTriggerLabel: k,
+    getAmountLabel: S
+  } = R({
+    approvalPolicy: d
+  }), {
+    rules: t,
+    getRuleLabel: b
+  } = B({
+    approvalPolicy: d
+  }), {
+    data: L
+  } = h.finops.getTags.useQuery({
+    query: {
+      id__in: Array.isArray(i?.tags) ? i.tags : []
+    }
+  }, {
+    enabled: !!i?.tags?.length
+  }), {
+    data: W
+  } = h.finops.getCounterparts.useQuery({
+    query: {
+      id__in: Array.isArray(i?.counterpart_id) ? i.counterpart_id : []
+    }
+  }, {
+    enabled: !!i?.counterpart_id?.length
+  }), y = h.finops.deleteApprovalPoliciesId.useMutation(void 0, {
+    onSuccess: async () => {
+      await Promise.all([h.finops.getApprovalPolicies.invalidateQueries(_), h.finops.getApprovalPoliciesId.invalidateQueries({
+        parameters: {
+          path: {
+            approval_policy_id: d.id
+          }
+        }
+      }, _)]), M.success(a._("Approval policy has been deleted"));
+    }
+  }), f = Object.keys(i).map((r) => {
+    const l = k(r);
+    let p;
+    switch (r) {
+      case "was_created_by_user_id":
+        Array.isArray(i[r]) && (p = /* @__PURE__ */ e(c, { direction: "row", gap: 1, sx: {
+          flexWrap: "wrap"
+        }, children: i[r].map((n) => /* @__PURE__ */ e(g, { userId: n }, n)) }));
+        break;
+      case "tags":
+        p = /* @__PURE__ */ e(c, { direction: "row", gap: 1, sx: {
+          flexWrap: "wrap"
+        }, children: L?.data.map((n) => /* @__PURE__ */ e(w, { label: n.name }, n.id)) });
+        break;
+      case "counterpart_id":
+        p = /* @__PURE__ */ e(c, { direction: "row", gap: 1, sx: {
+          flexWrap: "wrap"
+        }, children: W?.data.map((n) => /* @__PURE__ */ e(w, { label: $(n) }, n.id)) });
+        break;
+      case "amount":
+        p = /* @__PURE__ */ e("p", { children: S(i.amount?.value ?? [], i.amount?.currency ?? "EUR") });
+        break;
+      default:
+        p = r;
+        break;
+    }
+    return {
+      label: l,
+      value: p
+    };
+  }), v = t && Object.keys(t)?.map((r) => {
+    if (!t[r]) return null;
+    switch (r) {
+      case "single_user":
+        return {
+          label: b(r),
+          value: /* @__PURE__ */ e(g, { userId: t[r].userId })
+        };
+      case "users_from_list":
+        return {
+          label: b(r, t[r].count),
+          value: /* @__PURE__ */ e(c, { direction: "column", gap: 1, sx: {
+            flexWrap: "wrap"
+          }, children: t[r].userIds?.map((l) => /* @__PURE__ */ e(g, { userId: l }, l)) })
+        };
+      case "roles_from_list":
+        return {
+          label: b(r),
+          value: /* @__PURE__ */ e(c, { direction: "row", gap: 1, sx: {
+            flexWrap: "wrap"
+          }, children: t[r].roleIds?.map((l) => /* @__PURE__ */ e(j, { roleId: l, quoted: !0 }, l)) })
+        };
+      case "approval_chain":
+        return {
+          label: b(r),
+          value: /* @__PURE__ */ e(c, { direction: "column", spacing: 0.5, children: t[r].chainUserIds?.map((l) => l ? /* @__PURE__ */ e(g, { userId: l }, l) : null) })
+        };
+    }
+  });
+  return /* @__PURE__ */ s(D, { children: [
+    /* @__PURE__ */ e(Q, { title: d?.name, closeButtonTooltip: a._("Close approval policy details") }),
+    /* @__PURE__ */ s(F, { children: [
+      /* @__PURE__ */ e(u, { variant: "h5", mt: 2, mb: 1, children: a._("Description") }),
+      d?.description && /* @__PURE__ */ e(u, { variant: "body1", children: d.description }),
+      /* @__PURE__ */ e(u, { variant: "h5", mt: 4, mb: 1, children: a._("Conditions") }),
+      /* @__PURE__ */ e(u, { variant: "body1", mb: 1, children: /* @__PURE__ */ e(E, { id: "INKhSX", components: {
+        0: /* @__PURE__ */ e("strong", {})
+      } }) }),
+      /* @__PURE__ */ e(A, { variant: "outlined", children: /* @__PURE__ */ s(x, { children: [
+        /* @__PURE__ */ e(C, { children: /* @__PURE__ */ s(m, { children: [
+          /* @__PURE__ */ e(o, { children: a._("Condition") }),
+          /* @__PURE__ */ e(o, { children: a._("Criteria") })
+        ] }) }),
+        /* @__PURE__ */ e(I, { children: f.length > 0 ? f.map((r) => /* @__PURE__ */ s(m, { children: [
+          /* @__PURE__ */ e(o, { children: r.label }),
+          /* @__PURE__ */ e(o, { children: r.value })
+        ] }, r.label)) : /* @__PURE__ */ e(m, { children: /* @__PURE__ */ e(o, { colSpan: 2, children: a._("No conditions") }) }) })
+      ] }) }),
+      /* @__PURE__ */ e(u, { variant: "h5", mt: 4, mb: 1, children: a._("Approval flow") }),
+      /* @__PURE__ */ e(u, { variant: "body1", mb: 1, children: a._("Who needs to approve the document and how:") }),
+      /* @__PURE__ */ e(A, { variant: "outlined", children: /* @__PURE__ */ s(x, { children: [
+        /* @__PURE__ */ e(C, { children: /* @__PURE__ */ s(m, { children: [
+          /* @__PURE__ */ e(o, { children: a._("Approval type") }),
+          /* @__PURE__ */ e(o, { children: a._("Users or Roles") })
+        ] }) }),
+        /* @__PURE__ */ e(I, { children: v && v.length > 0 ? v.map((r) => /* @__PURE__ */ s(m, { children: [
+          /* @__PURE__ */ e(o, { children: r?.label }),
+          /* @__PURE__ */ e(o, { children: r?.value })
+        ] }, r?.label)) : /* @__PURE__ */ e(m, { children: /* @__PURE__ */ e(o, { colSpan: 2, children: a._("No rules") }) }) })
+      ] }) })
+    ] }),
+    /* @__PURE__ */ e(N, { primaryButton: {
+      label: a._("Edit"),
+      onClick: () => P(!0)
+    }, deleteButton: {
+      onClick: () => {
+        y.mutate({
+          path: {
+            approval_policy_id: d.id
+          }
+        }, {
+          onSuccess: () => T?.onClose?.()
+        });
+      },
+      isLoading: y.isPending
+    } })
   ] });
-}
+};
 export {
-  i as InvoiceDetailsInfoRow
+  le as ApprovalPolicyView
 };

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

@@ -1,21 +1,46 @@
-import { jsxs as i, jsx as t } from "@emotion/react/jsx-runtime";
-import { Typography as r } from "./index85.js";
-import { ChevronRight as s } from "lucide-react";
+import { jsx as e } from "@emotion/react/jsx-runtime";
+import { cn as l } from "./index100.js";
+function r({
+  className: t,
+  ...a
+}) {
+  return /* @__PURE__ */ e("div", { "data-slot": "table-container", className: "ttw:flex-1 ttw:relative ttw:w-0 ttw:min-w-full ttw:overflow-x-auto", children: /* @__PURE__ */ e("table", { "data-slot": "table", className: l("ttw:w-full ttw:caption-bottom ttw:text-sm", t), ...a }) });
+}
+function w({
+  className: t,
+  ...a
+}) {
+  return /* @__PURE__ */ e("thead", { "data-slot": "table-header", className: l("ttw:[&_tr]:border-b", t), ...a });
+}
+function c({
+  className: t,
+  ...a
+}) {
+  return /* @__PURE__ */ e("tbody", { "data-slot": "table-body", className: l("ttw:[&_tr:last-child]:border-0", t), ...a });
+}
+function n({
+  className: t,
+  ...a
+}) {
+  return /* @__PURE__ */ e("tr", { "data-slot": "table-row", className: l("ttw:border-b ttw:transition-colors ttw:hover:bg-muted/50 ttw:data-[state=selected]:bg-muted", t), ...a });
+}
 function d({
-  label: e,
-  name: o,
-  onOpenCounterpart: n
+  className: t,
+  ...a
+}) {
+  return /* @__PURE__ */ e("th", { "data-slot": "table-head", className: l("ttw:h-10 ttw:px-2 ttw:text-left ttw:align-middle ttw:font-medium ttw:whitespace-nowrap ttw:text-foreground ttw:[&:has([role=checkbox])]:pr-0 ttw:[&>[role=checkbox]]:translate-y-[2px]", t), ...a });
+}
+function b({
+  className: t,
+  ...a
 }) {
-  const a = "ttw:flex ttw:items-center ttw:gap-4 ttw:border-b ttw:border-border ttw:py-3 ttw:last:border-b-0";
-  return n ? /* @__PURE__ */ i("button", { type: "button", onClick: n, "aria-haspopup": "dialog", className: `ttw:group ttw:w-full ttw:cursor-pointer ttw:rounded-sm ttw:text-left ttw:outline-none ttw:focus-visible:ring-ring/50 ttw:focus-visible:ring-[3px] ${a}`, children: [
-    /* @__PURE__ */ t(r, { component: "span", variant: "body2", color: "muted", className: "ttw:w-40 ttw:shrink-0", children: e }),
-    /* @__PURE__ */ t(r, { component: "span", variant: "body2", color: "primary", className: "ttw:underline-offset-4 ttw:group-hover:underline", children: o }),
-    /* @__PURE__ */ t(s, { className: "ttw:ml-auto ttw:size-4 ttw:shrink-0 ttw:text-muted-foreground", "aria-hidden": "true" })
-  ] }) : /* @__PURE__ */ i("div", { className: a, children: [
-    /* @__PURE__ */ t(r, { component: "span", variant: "body2", color: "muted", className: "ttw:w-40 ttw:shrink-0", children: e }),
-    /* @__PURE__ */ t(r, { component: "span", variant: "body2", children: o })
-  ] });
+  return /* @__PURE__ */ e("td", { "data-slot": "table-cell", className: l("ttw:p-2 ttw:align-middle ttw:whitespace-nowrap ttw:[&:has([role=checkbox])]:pr-0 ttw:[&>[role=checkbox]]:translate-y-[2px]", t), ...a });
 }
 export {
-  d as InvoiceDetailsCustomerRow
+  r as Table,
+  c as TableBody,
+  b as TableCell,
+  d as TableHead,
+  w as TableHeader,
+  n as TableRow
 };

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

@@ -1,28 +1,22 @@
-import { jsx as s } from "@emotion/react/jsx-runtime";
-import { useGetReceivableById as r } from "./index82.js";
-import { useCancelReceivableById as m } from "./index395.js";
-import { ConfirmationModal as d } from "./index214.js";
-import { useLingui as u } from "@lingui/react";
-const v = ({
-  invoiceId: o,
-  open: c,
-  onClose: i
-}) => {
+import { useMoniteContext as n } from "./index57.js";
+import { useLingui as s } from "@lingui/react";
+import { toast as r } from "react-hot-toast";
+const p = () => {
   const {
     i18n: e
-  } = u(), {
-    data: n,
-    isLoading: t
-  } = r(o), a = m(o);
-  if (!n)
-    return null;
-  const l = n.document_id ? e._("Cancel receivable") + ` "${n?.document_id}"?` : e._("Cancel receivable?");
-  return /* @__PURE__ */ s(d, { open: c && !!o, title: l, message: e._("This action can't be undone."), confirmLabel: e._("Cancel"), cancelLabel: e._("Close"), onClose: i, onConfirm: () => {
-    a.mutate(void 0, {
-      onSuccess: i
-    });
-  }, isLoading: a.isPending || t });
+  } = s(), {
+    api: t,
+    queryClient: o
+  } = n();
+  return t.finops.deleteCounterpartsId.useMutation(void 0, {
+    onSuccess: async () => {
+      await t.finops.getCounterparts.invalidateQueries(o), r.success(e._("Counterpart has been deleted."));
+    },
+    onError: () => {
+      r.error(e._("Failed to delete Counterpart."));
+    }
+  });
 };
 export {
-  v as InvoiceCancelModal
+  p as useDeleteCounterpart
 };

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

@@ -1,42 +1,32 @@
-import { jsx as p } from "@emotion/react/jsx-runtime";
-import { useDeleteReceivableById as u } from "./index396.js";
-import { useComponentSettings as f } from "./index67.js";
-import { useUserPermissions as v } from "./index135.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 b } from "../../shared/data-access/dist/lib/scopes.js";
-import "react";
-import { ConfirmationModal as C } from "./index214.js";
-import { useLingui as D } from "@lingui/react";
-import { toast as I } from "react-hot-toast";
-const H = ({
-  open: r,
-  onClose: o,
-  invoiceId: t,
-  onDelete: n,
-  documentId: i
-}) => {
+import { useMoniteContext as s } from "./index57.js";
+import { useLingui as i } from "@lingui/react";
+import { toast as a } from "react-hot-toast";
+import { getCounterpartName as p } from "./index7.js";
+const f = () => {
   const {
-    i18n: e
-  } = D(), {
-    receivablesCallbacks: s
-  } = f(), {
-    mutate: m,
-    isPending: a
-  } = u(t), l = v().has(b.InvoiceWriteOrg), c = () => {
-    l ? m(void 0, {
-      onSuccess: () => {
-        s?.onDelete?.(t), n?.(), o();
-      }
-    }) : I.error(e._("You don't have permission to delete this document. Please, contact your system administrator for details."));
-  }, d = i ? e._("Delete receivable “{documentId}”?", {
-    documentId: i
-  }) : e._("Delete receivable?");
-  return /* @__PURE__ */ p(C, { open: r, title: d, message: e._("This action can't be undone."), confirmLabel: e._("Delete"), cancelLabel: e._("Cancel"), onClose: o, onConfirm: c, isLoading: a });
+    i18n: r
+  } = i(), {
+    api: t,
+    queryClient: o
+  } = s();
+  return t.finops.patchCounterpartsId.useMutation(void 0, {
+    onSuccess: async (e) => {
+      t.finops.getCounterpartsId.setQueryData({
+        path: {
+          counterpart_id: e.id
+        }
+      }, (n) => ({
+        ...n,
+        ...e
+      }), o), await t.finops.getCounterparts.invalidateQueries(o), a.success(r._("{name} has been updated.", {
+        name: p(e)
+      }));
+    },
+    onError: () => {
+      a.error(r._("Failed to update counterpart."));
+    }
+  });
 };
 export {
-  H as InvoiceDeleteModal
+  f as useUpdateCounterpart
 };

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

@@ -1,60 +1,44 @@
-import { jsxs as m, jsx as t } from "@emotion/react/jsx-runtime";
-import { InvoiceRecurrenceIterationStatusChip as d } from "./index397.js";
-import { InvoiceStatusChip as c } from "./index55.js";
-import { useMoniteContext as u } from "./index57.js";
-import { useCurrencies as h } from "./index58.js";
-import "react";
-import "./index92.js";
-import { useLingui as p } from "@lingui/react";
-import "react-dom";
-import "@mui/x-data-grid";
-import { useGetReceivableById as x } from "./index82.js";
-import { ChevronRight as f } from "lucide-react";
-import { twMerge as _ } from "tailwind-merge";
-const N = ({
-  iteration: r,
-  invoice: o,
-  i18n: w,
-  onRowClick: e
+import { useMoniteContext as n } from "./index57.js";
+import { useLingui as i } from "@lingui/react";
+import { toast as p } from "react-hot-toast";
+const m = ({
+  counterpartId: e,
+  addressId: t
 }) => {
   const {
-    locale: a
-  } = u(), {
-    formatCurrencyToDisplay: s
-  } = h(), n = !!r?.issued_invoice_id, {
-    data: i
-  } = x(r?.issued_invoice_id ?? "", n), l = !!(n && i?.id);
-  return /* @__PURE__ */ m("tr", { className: _("ttw:border-t ttw:border-border", l && "ttw:hover:cursor-pointer"), ...l && e && i?.id && {
-    onClick: () => e(i.id)
-  }, children: [
-    /* @__PURE__ */ t("td", { className: "ttw:text-left ttw:h-9 ttw:py-2 ttw:pr-2 ttw:text-sm ttw:leading-5 ttw:font-normal", children: w.date(r?.issue_at, a.dateFormat) }),
-    /* @__PURE__ */ t("td", { className: "ttw:text-left ttw:h-9 ttw:py-2 ttw:px-2 ttw:text-sm ttw:leading-5 ttw:font-normal", children: n && i ? s(i?.total_amount, i?.currency) : s(o?.total_amount, o?.currency) }),
-    /* @__PURE__ */ t("td", { className: "ttw:text-left ttw:h-9 ttw:py-2 ttw:px-2", children: n && i ? /* @__PURE__ */ t(c, { status: i?.status }) : /* @__PURE__ */ t(d, { status: r?.status }) }),
-    /* @__PURE__ */ t("td", { className: "ttw:text-left ttw:h-9 ttw:py-2 ttw:px-2 ttw:text-sm ttw:leading-5 ttw:font-normal", children: n ? i?.document_id : "-" }),
-    /* @__PURE__ */ t("td", { className: "ttw:text-right ttw:h-9 ttw:w-6 ttw:py-2 ttw:pl-2 ttw:text-muted-foreground", children: l ? /* @__PURE__ */ t(f, { className: "ttw:inline ttw:size-4", "aria-hidden": "true" }) : null })
-  ] });
-}, z = ({
-  invoice: r,
-  recurrence: o,
-  openInvoiceDetails: w
-}) => {
-  const {
-    i18n: e
-  } = p();
-  return /* @__PURE__ */ m("table", { className: "ttw:w-full", children: [
-    /* @__PURE__ */ t("thead", { children: /* @__PURE__ */ m("tr", { children: [
-      /* @__PURE__ */ t("th", { className: "ttw:text-left ttw:h-10 ttw:pr-2 ttw:text-sm ttw:font-medium ttw:leading-5", children: e._("Issue date") }),
-      /* @__PURE__ */ t("th", { className: "ttw:text-left ttw:h-10 ttw:px-2 ttw:text-sm ttw:font-medium ttw:leading-5", children: e._("Amount") }),
-      /* @__PURE__ */ t("th", { className: "ttw:text-left ttw:h-10 ttw:px-2 ttw:text-sm ttw:font-medium ttw:leading-5", children: e._("Status") }),
-      /* @__PURE__ */ t("th", { className: "ttw:text-left ttw:h-10 ttw:px-2 ttw:text-sm ttw:font-medium ttw:leading-5", children: e._("Number") }),
-      /* @__PURE__ */ t("th", { className: "ttw:h-10 ttw:w-6 ttw:pl-2", "aria-hidden": "true" })
-    ] }) }),
-    /* @__PURE__ */ t("tbody", { children: o?.iterations?.map((a, s) => /* @__PURE__ */ t(N, { iteration: a, invoice: r, i18n: e, onRowClick: w }, e._("iteration-{iteration}-{index}", {
-      iteration: a?.iteration,
-      index: s
-    }))) })
-  ] });
+    i18n: a
+  } = i(), {
+    api: r,
+    queryClient: s
+  } = n();
+  return r.finops.patchCounterpartsIdAddressesId.useMutation({
+    path: {
+      counterpart_id: e,
+      address_id: t
+    }
+  }, {
+    onSuccess: async (d) => {
+      r.finops.getCounterpartsIdAddressesId.setQueryData({
+        path: {
+          counterpart_id: e,
+          address_id: t
+        }
+      }, (o) => ({
+        ...o,
+        ...d
+      }), s), await r.finops.getCounterpartsIdAddresses.invalidateQueries({
+        parameters: {
+          path: {
+            counterpart_id: e
+          }
+        }
+      }, s);
+    },
+    onError: () => {
+      p.error(a._("Failed to update address."));
+    }
+  });
 };
 export {
-  z as InvoiceDetailsTabScheduledInvoices
+  m as useUpdateCounterpartAddress
 };

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

@@ -1,54 +1,65 @@
-import { jsx as e, jsxs as t } from "@emotion/react/jsx-runtime";
-import { Button as l } from "./index84.js";
-import { Dialog as u, DialogContent as g, DialogHeader as b, DialogTitle as f, DialogDescription as w, DialogFooter as k } from "./index213.js";
-import { useLingui as v } from "@lingui/react";
-import { useMarkAsUncollectibleReceivableById as C } from "./index398.js";
-import { useState as x } from "react";
-import { Textarea as D } from "./index128.js";
-import { Label as _ } from "./index257.js";
-import { LoadingSpinner as M } from "./index138.js";
-const U = ({
-  invoiceId: r,
-  open: s,
-  onClose: i,
-  onMarkAsUncollectible: c
+import { jsxs as n, jsx as e } from "@emotion/react/jsx-runtime";
+import { Button as f } from "./index84.js";
+import { Field as m, FieldContent as c, FieldLabel as s, FieldError as u } from "./index154.js";
+import { Input as h } from "./index118.js";
+import { Typography as p } from "./index85.js";
+import { useLingui as g } from "@lingui/react";
+import { useFormContext as y, Controller as w } from "react-hook-form";
+import { twMerge as N } from "tailwind-merge";
+const j = ({
+  hasExistingBankAccount: a,
+  isLoading: o,
+  isStandalone: b,
+  handleCancel: v
 }) => {
   const {
-    i18n: o
-  } = v(), [n, m] = x(""), {
-    mutate: d,
-    isPending: a
-  } = C(r, c), p = () => {
-    d({
-      comment: n.trim()
-    }, {
-      onSuccess: () => {
-        i();
-      }
-    });
-  };
-  return /* @__PURE__ */ e(u, { open: s, onOpenChange: i, children: /* @__PURE__ */ t(g, { showCloseButton: !1, children: [
-    /* @__PURE__ */ t(b, { children: [
-      /* @__PURE__ */ e(f, { children: o._("Mark invoice as uncollectible?") }),
-      /* @__PURE__ */ t(w, { children: [
-        /* @__PURE__ */ e("p", { children: o._("This invoice will change its status, and you won't be able to receive or log any payment against it.") }),
-        /* @__PURE__ */ e("br", {}),
-        /* @__PURE__ */ e("p", { children: o._("For bookkeeping purposes, this is a write-off and has tax implications.") })
-      ] })
+    i18n: t
+  } = g(), {
+    control: d,
+    resetField: l
+  } = y();
+  return /* @__PURE__ */ n("div", { className: N("ttw:flex ttw:flex-col ttw:gap-4 ttw:p-4 ttw:bg-zinc-100", !b && "ttw:border ttw:border-primary ttw:rounded-[10px]"), children: [
+    /* @__PURE__ */ n("div", { className: "ttw:flex ttw:items-center ttw:justify-between ttw:gap-3 ttw:pt-6 ttw:pb-7 ttw:border-b ttw:border-border", children: [
+      /* @__PURE__ */ e(p, { variant: "body1", className: "ttw:font-medium", children: a ? t._("Editing ACH bank transfer") : t._("Adding ACH bank transfer") }),
+      !a && !b && /* @__PURE__ */ e(f, { type: "button", variant: "ghost", className: "ttw:text-primary ttw:hover:text-primary", onClick: () => {
+        l("accountHolderName"), l("accountNumber"), l("routingNumber"), v?.();
+      }, children: t._("Cancel") })
     ] }),
-    /* @__PURE__ */ t("div", { className: "ttw:flex ttw:flex-col ttw:gap-2", children: [
-      /* @__PURE__ */ e(_, { htmlFor: "comment", children: o._("Comment (optional)") }),
-      /* @__PURE__ */ e(D, { id: "comment", placeholder: o._("Add a comment"), value: n, onChange: (h) => m(h.target.value) })
+    /* @__PURE__ */ e(w, { name: "accountHolderName", control: d, render: ({
+      field: r,
+      fieldState: {
+        error: i
+      }
+    }) => /* @__PURE__ */ e(m, { "data-invalid": !!(!r.value && a), children: /* @__PURE__ */ n(c, { children: [
+      /* @__PURE__ */ e(s, { htmlFor: r.name, children: t._("Account holder name") }),
+      /* @__PURE__ */ e(h, { id: r.name, ...r, className: "ttw:bg-white", disabled: o, "aria-invalid": !!(!r.value && a) || !!i || void 0 }),
+      /* @__PURE__ */ e(u, { errors: [i] })
+    ] }) }) }),
+    /* @__PURE__ */ n("div", { className: "ttw:flex ttw:gap-4", children: [
+      /* @__PURE__ */ e(w, { name: "routingNumber", control: d, render: ({
+        field: r,
+        fieldState: {
+          error: i
+        }
+      }) => /* @__PURE__ */ e(m, { "data-invalid": !!(!r.value && a), children: /* @__PURE__ */ n(c, { children: [
+        /* @__PURE__ */ e(s, { htmlFor: r.name, children: t._("Routing number") }),
+        /* @__PURE__ */ e(h, { id: r.name, ...r, placeholder: t._("e.g., 123456789"), className: "ttw:bg-white", disabled: o, "aria-invalid": !!(!r.value && a) || !!i || void 0 }),
+        /* @__PURE__ */ e(u, { errors: [i] })
+      ] }) }) }),
+      /* @__PURE__ */ e(w, { name: "accountNumber", control: d, render: ({
+        field: r,
+        fieldState: {
+          error: i
+        }
+      }) => /* @__PURE__ */ e(m, { "data-invalid": !!(!r.value && a), children: /* @__PURE__ */ n(c, { children: [
+        /* @__PURE__ */ e(s, { htmlFor: r.name, children: t._("Account number") }),
+        /* @__PURE__ */ e(h, { id: r.name, ...r, placeholder: t._("e.g., 12345678"), className: "ttw:bg-white", disabled: o, "aria-invalid": !!(!r.value && a) || !!i || void 0 }),
+        /* @__PURE__ */ e(u, { errors: [i] })
+      ] }) }) })
     ] }),
-    /* @__PURE__ */ t(k, { children: [
-      /* @__PURE__ */ e(l, { variant: "outline", onClick: i, children: o._("Cancel") }),
-      /* @__PURE__ */ t(l, { onClick: p, disabled: a, children: [
-        a && /* @__PURE__ */ e(M, { className: "ttw:w-5 ttw:h-5 ttw:border-inherit ttw:border-t-transparent" }),
-        o._("Mark as uncollectible")
-      ] })
-    ] })
-  ] }) });
+    /* @__PURE__ */ e(p, { color: "muted", variant: "body2", children: t._("Ask your vendor for this — it's usually on their invoice, W-9, or a payment instructions email they send you.") })
+  ] });
 };
 export {
-  U as MarkAsUncollectibleModal
+  j as CounterpartBankFormContent
 };