@tesouro/embedded-components-react 0.2.111 → 0.2.112

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

@@ -1,38 +1,148 @@
-import { jsx as e, jsxs as i } from "@emotion/react/jsx-runtime";
-import { cn as a } from "./index100.js";
-import * as o from "@radix-ui/react-accordion";
-import { ChevronDownIcon as s } from "lucide-react";
-function l({
-  ...t
-}) {
-  return /* @__PURE__ */ e(o.Root, { "data-slot": "accordion", ...t });
-}
-function m({
-  className: t,
-  ...n
-}) {
-  return /* @__PURE__ */ e(o.Item, { "data-slot": "accordion-item", className: a("ttw:border-b ttw:last:border-b-0", t), ...n });
-}
-function f({
-  className: t,
-  children: n,
-  ...r
-}) {
-  return /* @__PURE__ */ e(o.Header, { className: "ttw:flex", children: /* @__PURE__ */ i(o.Trigger, { "data-slot": "accordion-trigger", className: a("ttw:focus-visible:border-ring ttw:focus-visible:ring-ring/50 ttw:flex ttw:flex-1 ttw:items-start ttw:justify-between ttw:gap-4 ttw:rounded-md ttw:py-4 ttw:text-left ttw:text-sm ttw:font-medium ttw:transition-all ttw:outline-none ttw:hover:underline ttw:focus-visible:ring-[3px] ttw:disabled:pointer-events-none ttw:disabled:opacity-50 ttw:[&[data-state=open]>svg]:rotate-180", t), ...r, children: [
-    n,
-    /* @__PURE__ */ e(s, { className: "ttw:text-muted-foreground ttw:pointer-events-none ttw:size-4 ttw:shrink-0 ttw:translate-y-0.5 ttw:transition-transform ttw:duration-200" })
-  ] }) });
-}
-function u({
-  className: t,
-  children: n,
-  ...r
-}) {
-  return /* @__PURE__ */ e(o.Content, { "data-slot": "accordion-content", className: "ttw:data-[state=closed]:animate-accordion-up ttw:data-[state=open]:animate-accordion-down ttw:overflow-hidden ttw:text-sm", ...r, children: /* @__PURE__ */ e("div", { className: a("ttw:pt-0 ttw:pb-4", t), children: n }) });
-}
+import { jsxs as a, jsx as e } from "@emotion/react/jsx-runtime";
+import { FieldLabel as m, Field as h, FieldContent as p, FieldError as f, FieldDescription as _ } from "./index155.js";
+import { Input as b } from "./index117.js";
+import { Label as v } from "./index297.js";
+import { RadioGroup as C, RadioGroupItem as y } from "./index316.js";
+import { Typography as n } from "./index85.js";
+import { useLingui as F } from "@lingui/react";
+import { useRef as S } from "react";
+import { useFormContext as T, Controller as u } from "react-hook-form";
+import { twMerge as c } from "tailwind-merge";
+import { CounterpartBankSection as z } from "./index148.js";
+import { Checkbox as I } from "./index354.js";
+import { CounterpartAddressSection as L } from "./index150.js";
+const $ = ({
+  handleChangeCounterpartType: N,
+  counterpartType: d,
+  isLoading: l,
+  customerType: g,
+  isEditMode: o
+}) => {
+  const {
+    i18n: r
+  } = F(), {
+    control: w
+  } = T(), x = S(null), s = g === "vendor";
+  return /* @__PURE__ */ a("div", { className: "ttw:flex ttw:flex-col ttw:gap-4", ref: x, children: [
+    /* @__PURE__ */ a("div", { className: c("ttw:flex ttw:flex-col ttw:gap-1.5", o && "ttw:pt-6 ttw:pb-7 ttw:border-b ttw:border-border"), children: [
+      /* @__PURE__ */ e(n, { variant: "body1", className: "ttw:font-medium", children: o ? r._("Editing {customerType} details", {
+        customerType: g
+      }) : r._("{customerType} details", {
+        customerType: s ? "Vendor" : "Customer"
+      }) }),
+      !o && /* @__PURE__ */ e(n, { variant: "body2", color: "muted", children: s ? r._("Who are you paying?") : r._("Who are you billing?") })
+    ] }),
+    !o && /* @__PURE__ */ a("div", { className: "ttw:flex ttw:flex-col ttw:gap-1.5", children: [
+      /* @__PURE__ */ e(m, { children: r._("{customerType} type", {
+        customerType: s ? "Vendor" : "Customer"
+      }) }),
+      /* @__PURE__ */ a(C, { className: "ttw:flex", value: d, disabled: l, onValueChange: (t) => N?.(t), children: [
+        /* @__PURE__ */ a("div", { className: c("ttw:flex ttw:p-4 ttw:flex-1 ttw:gap-2 ttw:border ttw:rounded-xl ttw:border-border ttw:hover:bg-primary/10 ttw:hover:border-primary/30", d === "organization" && "ttw:bg-primary/10 ttw:border-primary/30"), children: [
+          /* @__PURE__ */ e(y, { value: "organization", id: "organization", className: c(d === "organization" ? "ttw:bg-primary" : "ttw:bg-white"), dotClassName: c(d === "organization" && "ttw:fill-white"), disabled: l }),
+          /* @__PURE__ */ a(v, { htmlFor: "organization", className: "ttw:flex ttw:flex-col ttw:items-start ttw:gap-1.5", children: [
+            /* @__PURE__ */ e(n, { variant: "body2", className: "ttw:leading-3.5", children: r._("Business") }),
+            /* @__PURE__ */ e(n, { variant: "caption", color: "muted", children: r._("A company or organization") })
+          ] })
+        ] }),
+        /* @__PURE__ */ a("div", { className: c("ttw:flex ttw:p-4 ttw:flex-1 ttw:gap-2 ttw:border ttw:rounded-xl ttw:border-border ttw:hover:bg-primary/10 ttw:hover:border-primary/30", d === "individual" && "ttw:bg-primary/10 ttw:border-primary/30"), children: [
+          /* @__PURE__ */ e(y, { value: "individual", id: "individual", className: c(d === "individual" ? "ttw:bg-primary" : "ttw:bg-white"), dotClassName: c(d === "individual" && "ttw:fill-white"), disabled: l }),
+          /* @__PURE__ */ a(v, { htmlFor: "individual", className: "ttw:flex ttw:flex-col ttw:items-start ttw:gap-1.5", children: [
+            /* @__PURE__ */ e(n, { variant: "body2", className: "ttw:leading-3.5", children: r._("Person") }),
+            /* @__PURE__ */ e(n, { variant: "caption", color: "muted", children: r._("An individual or contractor") })
+          ] })
+        ] })
+      ] })
+    ] }),
+    d === "individual" ? /* @__PURE__ */ a("div", { className: "ttw:flex ttw:gap-4", children: [
+      /* @__PURE__ */ e(u, { name: "firstName", control: w, render: ({
+        field: t,
+        fieldState: {
+          error: i
+        }
+      }) => /* @__PURE__ */ e(h, { children: /* @__PURE__ */ a(p, { children: [
+        /* @__PURE__ */ e(m, { htmlFor: t.name, children: r._("First name") }),
+        /* @__PURE__ */ e(b, { className: o ? "ttw:bg-white" : "", id: t.name, ...t, disabled: l, "aria-invalid": !!i || void 0 }),
+        /* @__PURE__ */ e(f, { errors: [i] })
+      ] }) }) }),
+      /* @__PURE__ */ e(u, { name: "lastName", control: w, render: ({
+        field: t,
+        fieldState: {
+          error: i
+        }
+      }) => /* @__PURE__ */ e(h, { children: /* @__PURE__ */ a(p, { children: [
+        /* @__PURE__ */ e(m, { htmlFor: t.name, children: r._("Last name") }),
+        /* @__PURE__ */ e(b, { id: t.name, ...t, className: o ? "ttw:bg-white" : "", disabled: l, "aria-invalid": !!i || void 0 }),
+        /* @__PURE__ */ e(f, { errors: [i] })
+      ] }) }) })
+    ] }) : /* @__PURE__ */ e(u, { name: "companyName", control: w, render: ({
+      field: t,
+      fieldState: {
+        error: i
+      }
+    }) => /* @__PURE__ */ e(h, { children: /* @__PURE__ */ a(p, { children: [
+      /* @__PURE__ */ e(m, { htmlFor: t.name, children: r._("Business name") }),
+      /* @__PURE__ */ e(b, { id: t.name, ...t, className: o ? "ttw:bg-white" : "", disabled: l, "aria-invalid": !!i || void 0 }),
+      /* @__PURE__ */ e(f, { errors: [i] })
+    ] }) }) }),
+    /* @__PURE__ */ a("div", { className: c("ttw:flex ttw:gap-4", s ? "ttw:flex-row" : "ttw:flex-col"), children: [
+      /* @__PURE__ */ e(u, { name: "email", control: w, render: ({
+        field: t,
+        fieldState: {
+          error: i
+        }
+      }) => /* @__PURE__ */ e(h, { children: /* @__PURE__ */ a(p, { children: [
+        /* @__PURE__ */ e(m, { htmlFor: t.name, children: r._("Email") }),
+        /* @__PURE__ */ e(b, { id: t.name, ...t, className: o ? "ttw:bg-white" : "", disabled: l, "aria-invalid": !!i || void 0 }),
+        /* @__PURE__ */ e(f, { errors: [i] })
+      ] }) }) }),
+      !s && /* @__PURE__ */ e(u, { name: "remindersEnabled", control: w, render: ({
+        field: t
+      }) => /* @__PURE__ */ e(h, { orientation: "horizontal", children: /* @__PURE__ */ a(p, { className: "ttw:flex-row", children: [
+        /* @__PURE__ */ e(I, { id: t.name, ref: t.ref, checked: t.value, onCheckedChange: t.onChange, onBlur: t.onBlur, disabled: l }),
+        /* @__PURE__ */ e(m, { htmlFor: t.name, className: "ttw:font-normal ttw:leading-4", children: r._("Send reminders to this email when an invoice is approaching its due date") })
+      ] }) }) }),
+      /* @__PURE__ */ e(u, { name: "phone", control: w, render: ({
+        field: t,
+        fieldState: {
+          error: i
+        }
+      }) => /* @__PURE__ */ e(h, { children: /* @__PURE__ */ a(p, { children: [
+        /* @__PURE__ */ a(m, { htmlFor: t.name, className: "ttw:gap-1", children: [
+          r._("Phone"),
+          /* @__PURE__ */ e(n, { variant: "body2", color: "muted", className: "ttw:leading-snug", children: r._("(optional)") })
+        ] }),
+        /* @__PURE__ */ e(b, { id: t.name, ...t, className: o ? "ttw:bg-white" : "", disabled: l, "aria-invalid": !!i || void 0 }),
+        /* @__PURE__ */ e(f, { errors: [i] })
+      ] }) }) })
+    ] }),
+    /* @__PURE__ */ e(u, { name: "tax_id", control: w, render: ({
+      field: t,
+      fieldState: {
+        error: i
+      }
+    }) => /* @__PURE__ */ e(h, { children: /* @__PURE__ */ a(p, { children: [
+      /* @__PURE__ */ a(m, { htmlFor: t.name, className: "ttw:gap-1", children: [
+        r._("Tax ID / {documentType}", {
+          documentType: d === "individual" ? "SSN" : "EIN"
+        }),
+        /* @__PURE__ */ e(n, { variant: "body2", color: "muted", className: "ttw:leading-snug", children: r._("(optional)") })
+      ] }),
+      /* @__PURE__ */ e(b, { id: t.name, ...t, className: o ? "ttw:bg-white" : "", placeholder: r._("e.g., {example}", {
+        example: d === "individual" ? "034-56-78890" : "12-3456789"
+      }), disabled: l, "aria-invalid": !!i || void 0 }),
+      /* @__PURE__ */ e(_, { children: s ? r._("Required only if you'll file a 1099 IRS form for this vendor at year-end.") : r._("Required only if you'll issue a 1099 IRS form at year-end.") }),
+      /* @__PURE__ */ e(f, { errors: [i] })
+    ] }) }) }),
+    (s || !o) && /* @__PURE__ */ e(L, { isLoading: l, customerType: g, isStandalone: !1 }),
+    s && !o && /* @__PURE__ */ a("div", { className: "ttw:flex ttw:flex-col ttw:gap-4", children: [
+      /* @__PURE__ */ a("div", { className: "ttw:flex ttw:flex-col ttw:gap-1.5 ttw:pt-6 ttw:pb-7", children: [
+        /* @__PURE__ */ e(n, { variant: "body1", className: "ttw:font-medium", children: r._("Accepted payment methods") }),
+        /* @__PURE__ */ e(n, { variant: "body2", color: "muted", children: r._("How and where will the money be sent. Don't have these yet? No problem. You can save this vendor and add their payment details later - you just won't be able to send payments until you do.") })
+      ] }),
+      /* @__PURE__ */ e(z, { isLoading: l, isStandalone: !1 })
+    ] })
+  ] });
+};
 export {
-  l as Accordion,
-  u as AccordionContent,
-  m as AccordionItem,
-  f as AccordionTrigger
+  $ as CounterpartFormContent
 };

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

@@ -1,53 +1,88 @@
-import { jsxs as u, jsx as v } from "@emotion/react/jsx-runtime";
-import { cn as t } from "./index100.js";
-import { Slot as b } from "@radix-ui/react-slot";
-import { cva as r } from "class-variance-authority";
-const g = r("ttw:inline-flex ttw:items-center ttw:justify-center ttw:rounded-md ttw:border ttw:px-2 ttw:py-0.5 ttw:text-xs ttw:font-medium ttw:w-fit ttw:whitespace-nowrap ttw:shrink-0 ttw:[&>svg]:size-3 ttw:gap-1 ttw:[&>svg]:pointer-events-none ttw:focus-visible:border-ring ttw:focus-visible:ring-ring/50 ttw:focus-visible:ring-[3px] ttw:aria-invalid:ring-destructive/20 ttw:dark:aria-invalid:ring-destructive/40 ttw:aria-invalid:border-destructive ttw:transition-[color,box-shadow] ttw:overflow-hidden", {
-  variants: {
-    variant: {
-      default: "ttw:border-transparent ttw:bg-primary ttw:text-primary-foreground ttw:[a&]:hover:bg-primary/90",
-      secondary: "ttw:border-transparent ttw:bg-secondary ttw:text-neutral ttw:[a&]:hover:bg-secondary/90",
-      destructive: "ttw:border-transparent ttw:bg-destructive ttw:text-white ttw:[a&]:hover:bg-destructive/90 ttw:focus-visible:ring-destructive/20 ttw:dark:focus-visible:ring-destructive/40 ttw:dark:bg-destructive/60",
-      outline: "ttw:text-foreground ttw:[a&]:hover:bg-accent ttw:[a&]:hover:text-accent-foreground"
-    }
-  },
-  defaultVariants: {
-    variant: "default"
-  }
-}), f = r("ttw:rounded-full ttw:box-content! ttw:inline-block", {
-  variants: {
-    dotSize: {
-      small: "ttw:w-1.5 ttw:h-1.5 ttw:border-2",
-      medium: "ttw:w-2 ttw:h-2 ttw:border-[3px]",
-      large: "ttw:w-2.5 ttw:h-2.5 ttw:border-4"
-    }
-  },
-  defaultVariants: {
-    dotSize: "medium"
-  }
+import { AllowedCountries as l } from "./index367.js";
+import { z as i } from "zod";
+import "./index315.js";
+const m = (e, t) => ({
+  line1: i.string().optional().refine((a) => !t || !!a?.trim(), {
+    message: e._("Street address is required")
+  }),
+  line2: i.string().optional(),
+  city: i.string().optional().refine((a) => !t || !!a?.trim(), {
+    message: e._("City is required")
+  }),
+  state: i.string().optional().refine((a) => !t || !!a?.trim(), {
+    message: e._("State is required")
+  }),
+  country: i.enum(l).optional().refine((a) => !t || !!a, {
+    message: e._("Country is required")
+  }),
+  postalCode: i.string().optional().refine((a) => !t || !!a?.trim(), {
+    message: e._("Postal code is required")
+  })
+}), d = (e, t) => e.superRefine((a, s) => {
+  const n = a;
+  (n.line1?.trim() || n.line2?.trim() || n.city?.trim() || n.state?.trim() || n.postalCode?.trim()) && (n.line1?.trim() || s.addIssue({
+    code: "custom",
+    message: t._("Street address is required"),
+    path: ["line1"]
+  }), n.city?.trim() || s.addIssue({
+    code: "custom",
+    message: t._("City is required"),
+    path: ["city"]
+  }), n.state?.trim() || s.addIssue({
+    code: "custom",
+    message: t._("State is required"),
+    path: ["state"]
+  }), n.postalCode?.trim() || s.addIssue({
+    code: "custom",
+    message: t._("Postal code is required"),
+    path: ["postalCode"]
+  }));
+}), _ = (e, t) => {
+  const a = i.object(m(e, t));
+  return t ? a : d(a, e);
+}, b = (e, t, a) => {
+  const s = a === "vendor", n = i.object({
+    tax_id: i.string().optional(),
+    remindersEnabled: i.boolean(),
+    email: i.email(e._("Email must be a valid email")).min(1, e._("Email is required")),
+    phone: i.string().optional(),
+    isVendor: i.boolean(),
+    isCustomer: i.boolean(),
+    ...u(e).shape,
+    ...m(e, s)
+  }), r = n.extend({
+    firstName: i.string().min(1, e._("First name is required")),
+    lastName: i.string().min(1, e._("Last name is required"))
+  }), o = n.extend({
+    companyName: i.string().min(1, e._("Company name is required"))
+  });
+  return s ? t === "individual" ? r : o : d(t === "individual" ? r : o, e);
+}, q = (e, t, a) => {
+  const s = a === "vendor", n = i.object({
+    tax_id: i.string().optional(),
+    remindersEnabled: i.boolean(),
+    email: i.email(e._("Email must be a valid email")).min(1, e._("Email is required")),
+    phone: i.string().optional(),
+    ...m(e, s)
+  }), r = n.extend({
+    firstName: i.string().min(1, e._("First name is required")),
+    lastName: i.string().min(1, e._("Last name is required"))
+  }), o = n.extend({
+    companyName: i.string().min(1, e._("Company name is required"))
+  });
+  return s ? t === "individual" ? r : o : d(t === "individual" ? r : o, e);
+}, u = (e) => i.object({
+  accountHolderName: i.string().optional(),
+  routingNumber: i.string().refine((t) => !t || t.length === 9, {
+    message: e._("Routing number must be 9 digits")
+  }).optional(),
+  accountNumber: i.string().refine((t) => !t || t.length >= 9 && t.length <= 12, {
+    message: e._("Account number must be between 9 and 12 digits")
+  }).optional()
 });
-function y({
-  className: e,
-  variant: a,
-  showBadgeBackground: i = !0,
-  asChild: n = !1,
-  dotSize: o,
-  showDot: w = !1,
-  showDotBorder: s,
-  dotClassName: d,
-  children: c,
-  ...l
-}) {
-  return /* @__PURE__ */ u(n ? b : "span", { "data-slot": "badge", className: t(g({
-    variant: a
-  }), !i && "ttw:bg-transparent! ttw:border-transparent! ttw:p-0!", e), ...l, children: [
-    w && /* @__PURE__ */ v("span", { className: t(f({
-      dotSize: o
-    }), !s && "ttw:border-none", d) }),
-    c
-  ] });
-}
 export {
-  y as Badge,
-  g as badgeVariants
+  _ as getAddressValidationSchema,
+  u as getCounterpartBankValidationSchema,
+  b as getCreateCounterpartValidationSchema,
+  q as getUpdateCounterpartValidationSchema
 };

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

@@ -1,36 +1,28 @@
-import { jsx as i, jsxs as n } from "@emotion/react/jsx-runtime";
-import { cn as d } from "./index100.js";
-import * as o from "@radix-ui/react-tooltip";
-function s({
-  delayDuration: t = 0,
-  ...r
-}) {
-  return /* @__PURE__ */ i(o.Provider, { "data-slot": "tooltip-provider", delayDuration: t, ...r });
-}
-function m({
-  ...t
-}) {
-  return /* @__PURE__ */ i(s, { children: /* @__PURE__ */ i(o.Root, { "data-slot": "tooltip", ...t }) });
-}
-function p({
-  ...t
-}) {
-  return /* @__PURE__ */ i(o.Trigger, { "data-slot": "tooltip-trigger", ...t });
-}
-function f({
-  className: t,
-  sideOffset: r = 0,
-  children: a,
-  ...e
-}) {
-  return /* @__PURE__ */ i(o.Portal, { children: /* @__PURE__ */ n(o.Content, { "data-slot": "tooltip-content", sideOffset: r, className: d("ttw:bg-primary ttw:text-primary-foreground ttw:animate-in ttw:fade-in-0 ttw:zoom-in-95 ttw:data-[state=closed]:animate-out ttw:data-[state=closed]:fade-out-0 ttw:data-[state=closed]:zoom-out-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-fit ttw:origin-(--radix-tooltip-content-transform-origin) ttw:rounded-md ttw:px-3 ttw:py-1.5 ttw:text-xs ttw:text-balance", t), ...e, children: [
-    a,
-    /* @__PURE__ */ i(o.Arrow, { className: "ttw:bg-primary ttw:fill-primary ttw:z-1300 ttw:size-2.5 ttw:translate-y-[calc(-50%_-_2px)] ttw:rotate-45 ttw:rounded-[2px]" })
-  ] }) });
-}
+import { useMoniteContext as n } from "./index57.js";
+import { useLingui as a } from "@lingui/react";
+import { toast as s } from "react-hot-toast";
+const c = () => {
+  const {
+    i18n: r
+  } = a(), {
+    api: t,
+    queryClient: o
+  } = n();
+  return t.finops.postCounterpartsIdBankAccounts.useMutation(void 0, {
+    onSuccess: async (e) => {
+      await t.finops.getCounterpartsIdBankAccounts.invalidateQueries({
+        parameters: {
+          path: {
+            counterpart_id: e.counterpart_id
+          }
+        }
+      }, o);
+    },
+    onError: () => {
+      s.error(r._("There was an error setting up the bank account"));
+    }
+  });
+};
 export {
-  m as Tooltip,
-  f as TooltipContent,
-  s as TooltipProvider,
-  p as TooltipTrigger
+  c as useCreateCounterpartBank
 };

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

@@ -1,68 +1,49 @@
-import "@mui/icons-material/BlockOutlined";
-import "@mui/icons-material/Cancel";
-import "@mui/icons-material/CheckOutlined";
-import "@mui/icons-material/DangerousOutlined";
-import "@mui/icons-material/DeleteForever";
-import "@mui/icons-material/ErrorOutlineOutlined";
-import "@mui/icons-material/HourglassBottomOutlined";
-import "@mui/icons-material/InsertDriveFileOutlined";
-import "@mui/icons-material/PaidOutlined";
-import "@mui/icons-material/ReplayOutlined";
-import "@mui/icons-material/SendOutlined";
-import "@mui/icons-material/StarHalfOutlined";
-import { Check as a, Ban as t, Pause as o, ChevronsRight as r, Clock as e, PenTool as c, CalendarX2 as i, Play as n, CircleOff as d, Trash2 as s, CopyPlus as p, Mail as l, ClipboardCheck as m, Send as T, FileCheck as u, Pencil as C } from "lucide-react";
-const P = "INV-auto", R = {
-  edit: C,
-  // Issue = issue only (no email); the Mail/Send icon is reserved for the
-  // actions that actually email the customer.
-  issue: u,
-  issueAndSend: T,
-  recordPayment: m,
-  send: l,
-  clone: p,
-  cancel: t,
-  delete: s,
-  markUncollectible: d,
-  pauseRecurrence: o,
-  resumeRecurrence: n,
-  cancelRecurrence: i
-}, U = {
-  draft: c,
-  issuing: e,
-  issued: e,
-  partially_paid: e,
-  paid: a,
-  overdue: e,
-  canceled: t
-}, D = {
-  active: r,
-  paused: o,
-  canceled: t,
-  completed: a
-}, k = {
-  default: "ttw:text-foreground",
-  danger: "ttw:text-red-600",
-  success: "ttw:text-emerald-600",
-  muted: "ttw:text-muted-foreground"
-}, v = "ttw:bg-muted ttw:text-muted-foreground ttw:hover:bg-accent", H = 500, b = [
-  "application/pdf",
-  "image/jpeg",
-  "image/png",
-  "application/msword",
-  // .doc
-  "application/vnd.openxmlformats-officedocument.wordprocessingml.document"
-  // .docx
-], y = ["pdf", "jpg", "jpeg", "png", "doc", "docx"], F = 3, L = 10;
+import { jsxs as a, jsx as t } from "@emotion/react/jsx-runtime";
+import { useFormContext as m, Controller as w } from "react-hook-form";
+import { Typography as n } from "./index85.js";
+import { useLingui as u } from "@lingui/react";
+import { Switch as i } from "./index423.js";
+import { twMerge as h } from "tailwind-merge";
+const x = ({
+  control: l,
+  isDialog: r
+}) => {
+  const {
+    i18n: e
+  } = u(), {
+    watch: c,
+    setValue: d
+  } = m(), s = c("invoice_bank_display");
+  return /* @__PURE__ */ a("div", { className: "ttw:flex ttw:flex-col ttw:gap-2.5", children: [
+    /* @__PURE__ */ a("div", { className: "ttw:flex ttw:flex-col ttw:gap-1.5 ttw:pt-5 ttw:pb-2.5", children: [
+      /* @__PURE__ */ t(n, { variant: "h3", children: e._("PDF settings") }),
+      /* @__PURE__ */ t(n, { variant: "body2", color: "muted", children: e._("Invoices are generated as PDFs") })
+    ] }),
+    /* @__PURE__ */ a("div", { className: h("ttw:flex ttw:flex-col ttw:gap-2.5 ttw:p-4 ttw:rounded-lg", r ? "ttw:bg-zinc-100" : "ttw:bg-white"), children: [
+      /* @__PURE__ */ a("section", { className: "ttw:flex ttw:justify-between ttw:gap-4", children: [
+        /* @__PURE__ */ a("div", { className: "ttw:flex ttw:flex-col ttw:gap-1", children: [
+          /* @__PURE__ */ t(n, { variant: "body1", className: "ttw:font-medium", children: e._("Display your bank account details on the PDF") }),
+          /* @__PURE__ */ t(n, { variant: "body2", color: "muted", children: e._("Shows your bank account number, routing number, and account holder name so that customers can pay using an ACH bank transfer. Should only be used with accounts that have a debit block.") })
+        ] }),
+        /* @__PURE__ */ t(i, { checked: s, onCheckedChange: (o) => {
+          d("invoice_bank_display", o, {
+            shouldDirty: !0
+          });
+        }, "aria-label": e._("Display bank display options") })
+      ] }),
+      /* @__PURE__ */ a("section", { className: "ttw:flex ttw:justify-between ttw:gap-4", children: [
+        /* @__PURE__ */ a("div", { className: "ttw:flex ttw:flex-col ttw:gap-1", children: [
+          /* @__PURE__ */ t(n, { variant: "body1", className: "ttw:font-medium", children: e._("Update PDF files for paid invoices") }),
+          /* @__PURE__ */ t(n, { variant: "body2", color: "muted", children: e._("PDF invoice files will be regenerated to reflect payments made and any remaining amount due. Once a PDF has been updated, you won't be able to revert it.") }),
+          /* @__PURE__ */ t(n, { variant: "body2", color: "muted", className: "ttw:font-medium", children: e._("Once updated, you won't be able to revert the PDFs.") })
+        ] }),
+        /* @__PURE__ */ t(w, { name: "update_paid_invoices", control: l, render: ({
+          field: o
+        }) => /* @__PURE__ */ t(i, { checked: o.value, onCheckedChange: o.onChange, "aria-label": e._("Enable update paid invoices pdf") }) })
+      ] })
+    ] })
+  ] });
+};
 export {
-  R as ACTION_ICON,
-  y as ATTACHMENT_ACCEPTED_EXTENSIONS,
-  b as ATTACHMENT_ACCEPTED_FORMATS,
-  L as ATTACHMENT_MAX_FILE_COUNT,
-  F as ATTACHMENT_MAX_FILE_SIZE_MB,
-  H as HEADER_TOOLTIP_DELAY,
-  P as INVOICE_DOCUMENT_AUTO_ID,
-  D as RECURRENCE_STATUS_ICON,
-  U as STATUS_ICON,
-  k as amountValueToneClass,
-  v as headerIconButtonClass
+  x as PDFSettings
 };