@tesouro/embedded-components-react 0.2.55 → 0.2.58

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

@@ -1,14 +1,216 @@
-import { getSeverityColors as c } from "./index227.js";
-const a = (e) => ({
-  ...c(e),
-  10: "#12705f",
-  30: "#0dac8e",
-  50: "#1fbca0",
-  60: "#4dd6bd",
-  80: "#ace5da",
-  90: "#ccf0e9",
-  95: "#eefbf9"
-});
+import { getTheme as n } from "./index225.js";
+import t from "chroma-js";
+const l = (o, e, i) => {
+  const r = n(e);
+  return {
+    styleOverrides: {
+      root: {
+        "&[hidden]": {
+          display: "none",
+          visibility: "hidden",
+          opacity: 0
+        },
+        "& .MuiInputBase-root": {
+          minHeight: "48px",
+          backgroundColor: o.neutral[95],
+          borderRadius: r.borderRadius * 2,
+          "& > .MuiOutlinedInput-notchedOutline": {
+            top: 0,
+            "> legend": {
+              display: "none"
+            }
+          },
+          "&:not(.Mui-disabled):hover fieldset.MuiOutlinedInput-notchedOutline": {
+            borderColor: "transparent"
+          },
+          ".MuiSelect-icon": {
+            color: o.text.primary
+          },
+          "&.Mui-focused": {
+            backgroundColor: o.neutral[80],
+            borderColor: "transparent",
+            boxShadow: `0 0 0 4px ${t(o.primary.main).alpha(0.24).hex()}`
+          },
+          "&.Mui-error": {
+            border: `1px solid ${o.error.main}`,
+            boxShadow: `0 0 0 4px ${t(o.error.main).alpha(0.24).hex()}`
+          },
+          "&.MuiInputBase-adornedEnd": {
+            paddingRight: 8
+          }
+        },
+        "label+.MuiInputBase-root": {
+          marginTop: 0
+        },
+        "&:hover": {
+          "&.MuiInputBase-root:not(.Mui-disabled):not(.Mui-focused)": {
+            backgroundColor: o.neutral[90],
+            border: `1px solid ${o.primary[40]}`
+          },
+          "& .MuiFormLabel-root.MuiFormLabel-filled": {
+            "+ .MuiInputBase-root:not(.Mui-disabled):not(.Mui-focused)": {
+              backgroundColor: "transparent",
+              border: `1px solid ${o.primary[40]}`
+            }
+          }
+        },
+        "&:not(.Monite-FilterControl):not(.Monite-Selector):hover": {
+          "& .MuiInputBase-root:not(.Mui-disabled):not(.Mui-focused)": {
+            border: `1px solid ${o.primary[40]}`
+          },
+          "& .MuiInputAdornment-root .MuiInputBase-root:not(.Mui-disabled):not(.Mui-focused)": {
+            borderColor: "transparent"
+          },
+          "& .MuiFormLabel-root": {
+            "+ .MuiInputBase-root:not(.Mui-focused)": {
+              backgroundColor: "transparent",
+              border: `1px solid ${o.primary[40]}`
+            }
+          }
+        },
+        "&:not(.Monite-Selector):not(.Monite-FilterControl) .MuiFormLabel-root": {
+          fontSize: "14px",
+          color: " rgba(112, 112, 112, 1)",
+          backgroundColor: "transparent",
+          "&:hover, &.Mui-focused": {
+            backgroundColor: "transparent",
+            "& > .MuiOutlinedInput-notchedOutline": {
+              backgroundColor: "transparent"
+            }
+          },
+          "&.Mui-required > .MuiFormLabel-asterisk": {
+            display: "none"
+          },
+          "&.Mui-required::after": {
+            content: '"●"',
+            position: "relative",
+            bottom: "2px",
+            left: "4px",
+            color: " rgba(255, 71, 93, 1)"
+          },
+          "+ .MuiInputBase-root:not(.Mui-disabled):not(.Mui-focused)": {
+            backgroundColor: "transparent",
+            border: `1px solid ${o.neutral[80]}`
+          },
+          "+ .MuiInputBase-root.Mui-focused": {
+            backgroundColor: "transparent",
+            border: `1px solid ${o.primary.main}`
+          },
+          "&:not(.Monite-Selector) > .MuiInputLabel-root > .MuiFormLabel-asterisk": {
+            display: "none"
+          },
+          "& .MuiOutlinedInput-notchedOutline": {
+            top: 0
+          },
+          // Hide border cutout
+          "& .MuiOutlinedInput-notchedOutline legend": {
+            display: "none"
+          },
+          "& .MuiOutlinedInput-root": {
+            left: 0,
+            top: 0,
+            "&:hover .MuiOutlinedInput-notchedOutline": {
+              borderColor: "transparent"
+            }
+          },
+          // Monite Filter Control styles
+          "&.Monite-FilterControl": {
+            height: "40px",
+            minHeight: "40px",
+            maxHeight: "40px",
+            maxWidth: i,
+            width: "100%",
+            "& .MuiInputBase-root": {
+              marginTop: 0,
+              height: "40px",
+              minHeight: "40px",
+              maxHeight: "40px",
+              borderRadius: r.borderRadius * 2,
+              color: o.text.primary,
+              fontWeight: 500,
+              backgroundColor: o.neutral[95],
+              padding: "0 6px",
+              "&.Mui-focused": {
+                backgroundColor: t(o.primary.main).alpha(0.05).hex()
+              }
+            },
+            "&:hover": {
+              "& .MuiInputBase-root:not(.Mui-disabled):not(.Mui-focused)": {
+                border: "none"
+              },
+              ".MuiFormLabel-root.MuiFormLabel-filled": {
+                opacity: 0,
+                "+ .MuiInputBase-root:not(.Mui-disabled):not(.Mui-focused)": {
+                  backgroundColor: t(o.primary.main).alpha(0.12).hex()
+                }
+              }
+            },
+            "& .MuiSelect-select": {
+              fontSize: "14px",
+              "&:focus": {
+                backgroundColor: "transparent"
+              }
+            },
+            "& .MuiFormLabel-root": {
+              position: "absolute",
+              zIndex: 1,
+              left: "45px",
+              top: "10px",
+              fontSize: "14px",
+              maxWidth: "calc(100% - 52px)",
+              textOverflow: "ellipsis",
+              pointerEvents: "none",
+              "&.MuiFormLabel-filled": {
+                opacity: 0,
+                "+ .MuiInputBase-root": {
+                  color: o.primary.main,
+                  backgroundColor: t(o.primary.main).alpha(0.05).hex(),
+                  ".MuiSelect-icon, .MuiSvgIcon-root, .MuiSvgIcon-root>*": {
+                    color: o.primary.main
+                  }
+                }
+              }
+            },
+            "& .MuiInputLabel-root": {
+              fontWeight: 500,
+              color: o.text.secondary
+            },
+            "& .MuiIconButton-root": {
+              marginRight: "-6px"
+            },
+            "& .MuiInputAdornment-positionEnd .MuiSvgIcon-root, & .MuiIconButton-root .MuiSvgIcon-root": {
+              width: "20px",
+              height: "20px",
+              "> *": {
+                color: o.text.primary
+              }
+            },
+            "&.Monite-DateFilterControl": {
+              "input::placeholder": {
+                opacity: 0
+              }
+            },
+            "& .MuiInputBase-input:not(.MuiSelect-select)": {
+              padding: "0 0 0 8px",
+              fontSize: "14px",
+              textOverflow: "ellipsis",
+              "& + .MuiInputAdornment-root": {
+                marginLeft: 0
+              }
+            }
+          },
+          "&.Monite-SearchField": {
+            maxWidth: "400px",
+            width: "100%",
+            "& label": {
+              color: "secondary.main"
+            }
+          }
+        }
+      }
+    }
+  };
+};
 export {
-  a as getSuccessColors
+  l as getFormControlStyles
 };

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

@@ -1,14 +1,12 @@
-import { getSeverityColors as e } from "./index227.js";
-const r = (f) => ({
-  ...e(f),
-  10: "#996600",
-  30: "#cc8000",
-  50: "#ff9900",
-  60: "#ffb333",
-  80: "#ffd999",
-  90: "#ffe6cc",
-  95: "#fff3ee"
+import { getSeverityColors as r } from "./index229.js";
+const t = (o) => ({
+  ...r(o),
+  10: "#D42623",
+  25: "#DF5C5A",
+  50: "#EA9391",
+  75: "#F4C9C8",
+  100: "#FCF1F1"
 });
 export {
-  r as getWarningColors
+  t as getErrorColors
 };

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

@@ -1,9 +1,14 @@
-import { jsx as l } from "@emotion/react/jsx-runtime";
-import { cn as n } from "./index101.js";
-const c = ({
-  children: t,
-  className: e
-}) => /* @__PURE__ */ l("div", { className: n("ttw:flex ttw:items-center ttw:justify-center ttw:h-full ttw:w-full", e), children: t });
+import { getSeverityColors as c } from "./index229.js";
+const a = (e) => ({
+  ...c(e),
+  10: "#12705f",
+  30: "#0dac8e",
+  50: "#1fbca0",
+  60: "#4dd6bd",
+  80: "#ace5da",
+  90: "#ccf0e9",
+  95: "#eefbf9"
+});
 export {
-  c as CenteredContentBox
+  a as getSuccessColors
 };

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

@@ -1,37 +1,14 @@
-import { jsx as n } from "@emotion/react/jsx-runtime";
-import { useState as g, useEffect as h } from "react";
-import { useMoniteContext as v } from "./index58.js";
-import x from "@mui/icons-material/ArrowBack";
-import c from "@mui/icons-material/Close";
-import E from "@mui/material/IconButton";
-import L from "@mui/material/Tooltip";
-const P = ({
-  icon: y,
-  fallbackIcon: B,
-  tooltip: t,
-  onClick: i = () => {
-  },
-  onHover: l,
-  onFocus: f,
-  onBlur: m,
-  ariaLabelOverride: s,
-  isDynamic: p = !1,
-  ref: u,
-  ...b
-}) => {
-  const {
-    componentSettings: k
-  } = v(), o = k?.general?.iconWrapper, [I, e] = g(o.icon || o.fallbackIcon || /* @__PURE__ */ n(c, {}));
-  h(() => {
-    e(o.icon || o.fallbackIcon || /* @__PURE__ */ n(c, {}));
-  }, [o.icon, o.fallbackIcon]);
-  const d = (r) => {
-    l?.(r), p && e(/* @__PURE__ */ n(x, {}));
-  }, C = () => {
-    e(o.icon || o.fallbackIcon || /* @__PURE__ */ n(c, {}));
-  }, M = s || "Icon button", a = () => /* @__PURE__ */ n(E, { ref: u, onClick: i, onMouseEnter: d, onMouseLeave: C, onFocus: (r) => f?.(r), onBlur: (r) => m?.(r), "aria-label": M, ...b, children: I });
-  return t ? /* @__PURE__ */ n(L, { title: t, children: a() }) : a();
-};
+import { getSeverityColors as e } from "./index229.js";
+const r = (f) => ({
+  ...e(f),
+  10: "#996600",
+  30: "#cc8000",
+  50: "#ff9900",
+  60: "#ffb333",
+  80: "#ffd999",
+  90: "#ffe6cc",
+  95: "#fff3ee"
+});
 export {
-  P as IconWrapper
+  r as getWarningColors
 };

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

@@ -1,148 +1,39 @@
-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 "./index156.js";
-import { Input as b } from "./index118.js";
-import { Label as v } from "./index317.js";
-import { RadioGroup as C, RadioGroupItem as y } from "./index359.js";
-import { Typography as n } from "./index86.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 "./index149.js";
-import { Checkbox as I } from "./index364.js";
-import { CounterpartAddressSection as L } from "./index151.js";
-const W = ({
-  handleChangeCounterpartType: N,
-  counterpartType: d,
-  isLoading: l,
-  customerType: g,
-  isEditMode: o
+import { jsx as o, jsxs as n } from "@emotion/react/jsx-runtime";
+import { LoadingSpinner as f } from "./index146.js";
+import { Button as t } from "./index85.js";
+import { Dialog as C, DialogContent as u, DialogHeader as D, DialogTitle as b, DialogDescription as w, DialogFooter as L } from "./index178.js";
+import { useLingui as x } from "@lingui/react";
+const N = ({
+  open: e,
+  title: l,
+  message: s,
+  children: c,
+  confirmLabel: d,
+  cancelLabel: m,
+  onClose: a,
+  onConfirm: p,
+  container: g,
+  isLoading: r = !1
 }) => {
   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") })
-          ] })
-        ] })
+    i18n: h
+  } = x();
+  return /* @__PURE__ */ o(C, { open: e, onOpenChange: a, "aria-label": h._("Confirmation dialog"), children: /* @__PURE__ */ n(u, { container: g, showCloseButton: !1, children: [
+    /* @__PURE__ */ o(D, { children: /* @__PURE__ */ o(b, { children: l }) }),
+    /* @__PURE__ */ o(w, { children: s || c }),
+    /* @__PURE__ */ n(L, { children: [
+      /* @__PURE__ */ o(t, { onClick: (i) => {
+        i.stopPropagation(), a();
+      }, variant: "outline", children: m }),
+      /* @__PURE__ */ n(t, { onClick: (i) => {
+        i.stopPropagation(), p();
+      }, disabled: r, variant: "destructive", children: [
+        r && /* @__PURE__ */ o(f, { className: "ttw:w-5 ttw:h-5 ttw:border-inherit ttw:border-t-transparent" }),
+        d
       ] })
-    ] }),
-    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 {
-  W as CounterpartFormContent
+  N as ConfirmationModal
 };

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

@@ -1,88 +1,49 @@
-import { AllowedCountries as l } from "./index366.js";
-import { z as i } from "zod";
-import "./index355.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()
-});
+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 "./index86.js";
+import { useLingui as u } from "@lingui/react";
+import { Switch as i } from "./index366.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 {
-  _ as getAddressValidationSchema,
-  u as getCounterpartBankValidationSchema,
-  b as getCreateCounterpartValidationSchema,
-  q as getUpdateCounterpartValidationSchema
+  x as PDFSettings
 };