@tesouro/embedded-components-react 0.2.1

package/dist/libs/tesouro-embedded-components-react/shared/counterpart-management/ui/dist/index4.js

@@ -0,0 +1,108 @@
+import { jsxs as a, jsx as t } from "react/jsx-runtime";
+import { Label as c, Input as n, Select as m, SelectTrigger as g, SelectValue as w, SelectContent as u, SelectItem as v } from "../../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { FieldError as d } from "./index13.js";
+import { ADDRESS_FIELD_GROUP_LABELS_EN as f } from "./index2.js";
+const N = {
+  line1: "",
+  line2: "",
+  city: "",
+  state: "",
+  postalCode: ""
+};
+function F({
+  idPrefix: l,
+  values: r,
+  errors: s,
+  stateOptions: h,
+  onChange: o,
+  labels: p
+}) {
+  const i = { ...f, ...p };
+  return /* @__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", children: [
+      /* @__PURE__ */ t(c, { htmlFor: `${l}-line1`, children: i.line1 }),
+      /* @__PURE__ */ t(
+        n,
+        {
+          id: `${l}-line1`,
+          value: r.line1,
+          "aria-invalid": !!s?.line1,
+          onChange: (e) => o({ line1: e.target.value })
+        }
+      ),
+      /* @__PURE__ */ t(d, { message: s?.line1 })
+    ] }),
+    /* @__PURE__ */ a("div", { className: "ttw:flex ttw:flex-col ttw:gap-1.5", children: [
+      /* @__PURE__ */ t(c, { htmlFor: `${l}-line2`, children: i.line2 }),
+      /* @__PURE__ */ t(
+        n,
+        {
+          id: `${l}-line2`,
+          value: r.line2,
+          onChange: (e) => o({ line2: e.target.value })
+        }
+      )
+    ] }),
+    /* @__PURE__ */ a("div", { className: "ttw:grid ttw:grid-cols-2 ttw:gap-4", children: [
+      /* @__PURE__ */ a("div", { className: "ttw:flex ttw:flex-col ttw:gap-1.5", children: [
+        /* @__PURE__ */ t(c, { htmlFor: `${l}-city`, children: i.city }),
+        /* @__PURE__ */ t(
+          n,
+          {
+            id: `${l}-city`,
+            value: r.city,
+            "aria-invalid": !!s?.city,
+            onChange: (e) => o({ city: e.target.value })
+          }
+        ),
+        /* @__PURE__ */ t(d, { message: s?.city })
+      ] }),
+      /* @__PURE__ */ a("div", { className: "ttw:flex ttw:flex-col ttw:gap-1.5", children: [
+        /* @__PURE__ */ t(c, { htmlFor: `${l}-state`, children: i.state }),
+        /* @__PURE__ */ a(
+          m,
+          {
+            value: r.state === "" ? void 0 : r.state,
+            onValueChange: (e) => o({ state: e }),
+            children: [
+              /* @__PURE__ */ t(g, { id: `${l}-state`, className: "ttw:w-full", children: /* @__PURE__ */ t(w, { placeholder: i.statePlaceholder }) }),
+              /* @__PURE__ */ t(u, { children: h.map((e) => /* @__PURE__ */ t(v, { value: e.value, children: e.label }, e.value)) })
+            ]
+          }
+        ),
+        /* @__PURE__ */ t(d, { message: s?.state })
+      ] })
+    ] }),
+    /* @__PURE__ */ a("div", { className: "ttw:grid ttw:grid-cols-2 ttw:gap-4", children: [
+      /* @__PURE__ */ a("div", { className: "ttw:flex ttw:flex-col ttw:gap-1.5", children: [
+        /* @__PURE__ */ t(c, { htmlFor: `${l}-postal`, children: i.postalCode }),
+        /* @__PURE__ */ t(
+          n,
+          {
+            id: `${l}-postal`,
+            value: r.postalCode,
+            "aria-invalid": !!s?.postalCode,
+            onChange: (e) => o({ postalCode: e.target.value })
+          }
+        ),
+        /* @__PURE__ */ t(d, { message: s?.postalCode })
+      ] }),
+      /* @__PURE__ */ a("div", { className: "ttw:flex ttw:flex-col ttw:gap-1.5", children: [
+        /* @__PURE__ */ t(c, { htmlFor: `${l}-country`, children: i.country }),
+        /* @__PURE__ */ t(
+          n,
+          {
+            id: `${l}-country`,
+            value: i.countryValue,
+            disabled: !0,
+            readOnly: !0
+          }
+        )
+      ] })
+    ] })
+  ] });
+}
+export {
+  F as AddressFieldGroup,
+  N as EMPTY_ADDRESS_FORM_VALUES
+};

package/dist/libs/tesouro-embedded-components-react/shared/counterpart-management/ui/dist/index5.js

@@ -0,0 +1,56 @@
+import { jsxs as e, jsx as t } from "react/jsx-runtime";
+import { useId as w } from "react";
+import { RadioGroup as c, Label as r, RadioGroupItem as n } from "../../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { COUNTERPART_TYPE_CHOOSER_LABELS_EN as p } from "./index2.js";
+function x({
+  value: s,
+  onChange: d,
+  disabled: l,
+  labels: o
+}) {
+  const a = { ...p, ...o }, i = w();
+  return /* @__PURE__ */ e("fieldset", { className: "ttw:flex ttw:flex-col ttw:gap-2", disabled: l, children: [
+    /* @__PURE__ */ t("legend", { className: "ttw:mb-1 ttw:text-sm ttw:font-medium", children: a.heading }),
+    /* @__PURE__ */ e(
+      c,
+      {
+        className: "ttw:grid ttw:grid-cols-2 ttw:gap-3",
+        value: s,
+        onValueChange: (m) => d(m),
+        children: [
+          /* @__PURE__ */ e(
+            r,
+            {
+              htmlFor: `${i}-organization`,
+              className: "ttw:flex ttw:cursor-pointer ttw:items-start ttw:gap-3 ttw:rounded-md ttw:border ttw:p-3 ttw:has-[:checked]:border-primary",
+              children: [
+                /* @__PURE__ */ t(n, { value: "organization", id: `${i}-organization` }),
+                /* @__PURE__ */ e("span", { className: "ttw:flex ttw:flex-col ttw:gap-0.5", children: [
+                  /* @__PURE__ */ t("span", { className: "ttw:font-medium", children: a.organization }),
+                  /* @__PURE__ */ t("span", { className: "ttw:text-sm ttw:text-muted-foreground", children: a.organizationHint })
+                ] })
+              ]
+            }
+          ),
+          /* @__PURE__ */ e(
+            r,
+            {
+              htmlFor: `${i}-individual`,
+              className: "ttw:flex ttw:cursor-pointer ttw:items-start ttw:gap-3 ttw:rounded-md ttw:border ttw:p-3 ttw:has-[:checked]:border-primary",
+              children: [
+                /* @__PURE__ */ t(n, { value: "individual", id: `${i}-individual` }),
+                /* @__PURE__ */ e("span", { className: "ttw:flex ttw:flex-col ttw:gap-0.5", children: [
+                  /* @__PURE__ */ t("span", { className: "ttw:font-medium", children: a.individual }),
+                  /* @__PURE__ */ t("span", { className: "ttw:text-sm ttw:text-muted-foreground", children: a.individualHint })
+                ] })
+              ]
+            }
+          )
+        ]
+      }
+    )
+  ] });
+}
+export {
+  x as CounterpartTypeChooser
+};

package/dist/libs/tesouro-embedded-components-react/shared/counterpart-management/ui/dist/index6.js

@@ -0,0 +1,464 @@
+import { jsxs as a, jsx as e, Fragment as b } from "react/jsx-runtime";
+import { useId as A } from "react";
+import { Typography as h, Label as d, Input as c, Checkbox as k, Separator as y } from "../../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { AddressFieldGroup as $ } from "./index4.js";
+import { CounterpartTypeChooser as O } from "./index5.js";
+import { FieldError as g } from "./index13.js";
+import { FormSheet as M } from "./index14.js";
+import { COUNTERPART_FORM_SHEET_LABELS_EN as D } from "./index2.js";
+function U({
+  open: f,
+  onOpenChange: x,
+  mode: s,
+  counterpartMode: m = "customer",
+  values: u,
+  errors: r,
+  stateOptions: C,
+  inProgress: v,
+  submitDisabled: F,
+  onChange: n,
+  onAddressChange: i,
+  onBankAccountChange: w,
+  onSubmit: N,
+  onCancel: H,
+  labels: T
+}) {
+  const l = { ...D, ...T }, t = A(), L = u.entityType === "organization", p = m === "customer", E = m === "vendor", I = s === "edit" ? p ? l.editTitleCustomer : l.editTitleVendor : p ? l.createTitleCustomer : l.createTitleVendor, S = s === "create" ? p ? l.createDescriptionCustomer : l.createDescriptionVendor : void 0, R = p ? l.customerTypeHeading : l.vendorTypeHeading, z = p ? l.customerTaxIdHelp : l.vendorTaxIdHelp;
+  return /* @__PURE__ */ a(
+    M,
+    {
+      open: f,
+      onOpenChange: x,
+      title: I,
+      description: S,
+      formError: r?.form,
+      inProgress: v,
+      submitDisabled: F,
+      submitLabel: s === "edit" ? l.saveButton : l.createButton,
+      cancelLabel: l.cancelButton,
+      onSubmit: N,
+      onCancel: H,
+      children: [
+        s === "create" && /* @__PURE__ */ e(
+          O,
+          {
+            value: u.entityType,
+            onChange: (o) => n({ entityType: o }),
+            labels: {
+              heading: R,
+              organization: l.businessTypeOption,
+              organizationHint: l.businessTypeHint,
+              individual: l.personTypeOption,
+              individualHint: l.personTypeHint
+            }
+          }
+        ),
+        /* @__PURE__ */ e(h, { variant: "body2", className: "ttw:font-semibold", children: l.profileHeading }),
+        L ? /* @__PURE__ */ a("div", { className: "ttw:flex ttw:flex-col ttw:gap-1.5", children: [
+          /* @__PURE__ */ e(d, { htmlFor: `${t}-legal-name`, children: l.businessNameLabel }),
+          /* @__PURE__ */ e(
+            c,
+            {
+              id: `${t}-legal-name`,
+              autoFocus: !0,
+              value: u.legalName,
+              "aria-invalid": !!r?.legalName,
+              onChange: (o) => n({ legalName: o.target.value })
+            }
+          ),
+          /* @__PURE__ */ e(g, { message: r?.legalName })
+        ] }) : /* @__PURE__ */ a("div", { className: "ttw:grid ttw:grid-cols-2 ttw:gap-4", children: [
+          /* @__PURE__ */ a("div", { className: "ttw:flex ttw:flex-col ttw:gap-1.5", children: [
+            /* @__PURE__ */ e(d, { htmlFor: `${t}-first-name`, children: l.firstNameLabel }),
+            /* @__PURE__ */ e(
+              c,
+              {
+                id: `${t}-first-name`,
+                autoFocus: !0,
+                value: u.firstName,
+                "aria-invalid": !!r?.firstName,
+                onChange: (o) => n({ firstName: o.target.value })
+              }
+            ),
+            /* @__PURE__ */ e(g, { message: r?.firstName })
+          ] }),
+          /* @__PURE__ */ a("div", { className: "ttw:flex ttw:flex-col ttw:gap-1.5", children: [
+            /* @__PURE__ */ e(d, { htmlFor: `${t}-last-name`, children: l.lastNameLabel }),
+            /* @__PURE__ */ e(
+              c,
+              {
+                id: `${t}-last-name`,
+                value: u.lastName,
+                "aria-invalid": !!r?.lastName,
+                onChange: (o) => n({ lastName: o.target.value })
+              }
+            ),
+            /* @__PURE__ */ e(g, { message: r?.lastName })
+          ] })
+        ] }),
+        !L && /* @__PURE__ */ a("div", { className: "ttw:flex ttw:flex-col ttw:gap-1.5", children: [
+          /* @__PURE__ */ e(d, { htmlFor: `${t}-title`, children: l.titleLabel }),
+          /* @__PURE__ */ e(
+            c,
+            {
+              id: `${t}-title`,
+              value: u.title,
+              onChange: (o) => n({ title: o.target.value })
+            }
+          )
+        ] }),
+        /* @__PURE__ */ a("div", { className: "ttw:grid ttw:grid-cols-2 ttw:gap-4", children: [
+          /* @__PURE__ */ a("div", { className: "ttw:flex ttw:flex-col ttw:gap-1.5", children: [
+            /* @__PURE__ */ e(d, { htmlFor: `${t}-email`, children: l.emailLabel }),
+            /* @__PURE__ */ e(
+              c,
+              {
+                id: `${t}-email`,
+                type: "email",
+                value: u.email,
+                "aria-invalid": !!r?.email,
+                onChange: (o) => n({ email: o.target.value })
+              }
+            ),
+            /* @__PURE__ */ e(g, { message: r?.email })
+          ] }),
+          /* @__PURE__ */ a("div", { className: "ttw:flex ttw:flex-col ttw:gap-1.5", children: [
+            /* @__PURE__ */ e(d, { htmlFor: `${t}-phone`, children: l.phoneLabel }),
+            /* @__PURE__ */ e(
+              c,
+              {
+                id: `${t}-phone`,
+                value: u.phone,
+                onChange: (o) => n({ phone: o.target.value })
+              }
+            )
+          ] })
+        ] }),
+        /* @__PURE__ */ a("div", { className: "ttw:flex ttw:flex-col ttw:gap-1.5", children: [
+          /* @__PURE__ */ e(d, { htmlFor: `${t}-tax-id`, children: l.taxIdLabel }),
+          /* @__PURE__ */ e(
+            c,
+            {
+              id: `${t}-tax-id`,
+              value: u.taxId,
+              onChange: (o) => n({ taxId: o.target.value })
+            }
+          ),
+          /* @__PURE__ */ e(h, { variant: "caption", className: "ttw:text-muted-foreground", children: z })
+        ] }),
+        p && /* @__PURE__ */ a(
+          d,
+          {
+            htmlFor: `${t}-reminders`,
+            className: "ttw:flex ttw:items-start ttw:gap-3 ttw:rounded-md ttw:border ttw:p-3",
+            children: [
+              /* @__PURE__ */ e(
+                k,
+                {
+                  id: `${t}-reminders`,
+                  checked: u.remindersEnabled,
+                  onCheckedChange: (o) => n({ remindersEnabled: o === !0 })
+                }
+              ),
+              /* @__PURE__ */ a("span", { className: "ttw:flex ttw:flex-col ttw:gap-0.5", children: [
+                /* @__PURE__ */ e("span", { className: "ttw:text-sm ttw:font-medium", children: l.paymentRemindersLabel }),
+                /* @__PURE__ */ e("span", { className: "ttw:text-sm ttw:text-muted-foreground", children: l.paymentRemindersDescription })
+              ] })
+            ]
+          }
+        ),
+        /* @__PURE__ */ e(y, { className: "ttw:my-1" }),
+        /* @__PURE__ */ a(b, { children: [
+          /* @__PURE__ */ a("div", { className: "ttw:flex ttw:flex-col ttw:gap-1", children: [
+            /* @__PURE__ */ e(h, { variant: "body2", className: "ttw:font-semibold", children: l.addressHeading }),
+            p && /* @__PURE__ */ e(h, { variant: "body2", className: "ttw:text-muted-foreground", children: l.customerAddressDescription })
+          ] }),
+          /* @__PURE__ */ e(
+            $,
+            {
+              idPrefix: `${t}-address`,
+              values: u.address,
+              errors: r?.address,
+              stateOptions: C,
+              onChange: i,
+              labels: l.address
+            }
+          )
+        ] }),
+        s === "create" && E && /* @__PURE__ */ a(b, { children: [
+          /* @__PURE__ */ e(y, { className: "ttw:my-1" }),
+          /* @__PURE__ */ a("div", { className: "ttw:flex ttw:flex-col ttw:gap-1", children: [
+            /* @__PURE__ */ e(h, { variant: "body2", className: "ttw:font-semibold", children: l.paymentMethodsHeading }),
+            /* @__PURE__ */ e(h, { variant: "body2", className: "ttw:text-muted-foreground", children: l.paymentMethodsDescription })
+          ] }),
+          /* @__PURE__ */ a("div", { className: "ttw:flex ttw:flex-col ttw:gap-1.5", children: [
+            /* @__PURE__ */ e(d, { htmlFor: `${t}-account-holder`, children: l.accountHolderNameLabel }),
+            /* @__PURE__ */ e(
+              c,
+              {
+                id: `${t}-account-holder`,
+                value: u.bankAccount.accountHolderName,
+                "aria-invalid": !!r?.bankAccount?.accountHolderName,
+                onChange: (o) => w?.({
+                  accountHolderName: o.target.value
+                })
+              }
+            ),
+            /* @__PURE__ */ e(g, { message: r?.bankAccount?.accountHolderName })
+          ] }),
+          /* @__PURE__ */ a("div", { className: "ttw:grid ttw:grid-cols-2 ttw:gap-4", children: [
+            /* @__PURE__ */ a("div", { className: "ttw:flex ttw:flex-col ttw:gap-1.5", children: [
+              /* @__PURE__ */ e(d, { htmlFor: `${t}-routing-number`, children: l.routingNumberLabel }),
+              /* @__PURE__ */ e(
+                c,
+                {
+                  id: `${t}-routing-number`,
+                  value: u.bankAccount.routingNumber,
+                  "aria-invalid": !!r?.bankAccount?.routingNumber,
+                  onChange: (o) => w?.({
+                    routingNumber: o.target.value
+                  })
+                }
+              ),
+              /* @__PURE__ */ e(g, { message: r?.bankAccount?.routingNumber })
+            ] }),
+            /* @__PURE__ */ a("div", { className: "ttw:flex ttw:flex-col ttw:gap-1.5", children: [
+              /* @__PURE__ */ e(d, { htmlFor: `${t}-account-number`, children: l.accountNumberLabel }),
+              /* @__PURE__ */ e(
+                c,
+                {
+                  id: `${t}-account-number`,
+                  value: u.bankAccount.accountNumber,
+                  "aria-invalid": !!r?.bankAccount?.accountNumber,
+                  onChange: (o) => w?.({
+                    accountNumber: o.target.value
+                  })
+                }
+              ),
+              /* @__PURE__ */ e(g, { message: r?.bankAccount?.accountNumber })
+            ] })
+          ] })
+        ] })
+      ]
+    }
+  );
+}
+function q({
+  mode: f,
+  counterpartMode: x = "customer",
+  values: s,
+  errors: m,
+  stateOptions: u,
+  onChange: r,
+  onAddressChange: C,
+  onBankAccountChange: v,
+  labels: F
+}) {
+  const n = { ...D, ...F }, i = A(), w = s.entityType === "organization", N = x === "customer", H = x === "vendor", T = N ? n.customerTypeHeading : n.vendorTypeHeading, l = N ? n.customerTaxIdHelp : n.vendorTaxIdHelp;
+  return /* @__PURE__ */ a(b, { children: [
+    f === "create" && /* @__PURE__ */ e(
+      O,
+      {
+        value: s.entityType,
+        onChange: (t) => r({ entityType: t }),
+        labels: {
+          heading: T,
+          organization: n.businessTypeOption,
+          organizationHint: n.businessTypeHint,
+          individual: n.personTypeOption,
+          individualHint: n.personTypeHint
+        }
+      }
+    ),
+    /* @__PURE__ */ e(h, { variant: "body2", className: "ttw:font-semibold", children: n.profileHeading }),
+    w ? /* @__PURE__ */ a("div", { className: "ttw:flex ttw:flex-col ttw:gap-1.5", children: [
+      /* @__PURE__ */ e(d, { htmlFor: `${i}-legal-name`, children: n.businessNameLabel }),
+      /* @__PURE__ */ e(
+        c,
+        {
+          id: `${i}-legal-name`,
+          autoFocus: !0,
+          value: s.legalName,
+          "aria-invalid": !!m?.legalName,
+          onChange: (t) => r({ legalName: t.target.value })
+        }
+      ),
+      /* @__PURE__ */ e(g, { message: m?.legalName })
+    ] }) : /* @__PURE__ */ a("div", { className: "ttw:grid ttw:grid-cols-2 ttw:gap-4", children: [
+      /* @__PURE__ */ a("div", { className: "ttw:flex ttw:flex-col ttw:gap-1.5", children: [
+        /* @__PURE__ */ e(d, { htmlFor: `${i}-first-name`, children: n.firstNameLabel }),
+        /* @__PURE__ */ e(
+          c,
+          {
+            id: `${i}-first-name`,
+            autoFocus: !0,
+            value: s.firstName,
+            "aria-invalid": !!m?.firstName,
+            onChange: (t) => r({ firstName: t.target.value })
+          }
+        ),
+        /* @__PURE__ */ e(g, { message: m?.firstName })
+      ] }),
+      /* @__PURE__ */ a("div", { className: "ttw:flex ttw:flex-col ttw:gap-1.5", children: [
+        /* @__PURE__ */ e(d, { htmlFor: `${i}-last-name`, children: n.lastNameLabel }),
+        /* @__PURE__ */ e(
+          c,
+          {
+            id: `${i}-last-name`,
+            value: s.lastName,
+            "aria-invalid": !!m?.lastName,
+            onChange: (t) => r({ lastName: t.target.value })
+          }
+        ),
+        /* @__PURE__ */ e(g, { message: m?.lastName })
+      ] })
+    ] }),
+    !w && /* @__PURE__ */ a("div", { className: "ttw:flex ttw:flex-col ttw:gap-1.5", children: [
+      /* @__PURE__ */ e(d, { htmlFor: `${i}-title`, children: n.titleLabel }),
+      /* @__PURE__ */ e(
+        c,
+        {
+          id: `${i}-title`,
+          value: s.title,
+          onChange: (t) => r({ title: t.target.value })
+        }
+      )
+    ] }),
+    /* @__PURE__ */ a("div", { className: "ttw:grid ttw:grid-cols-2 ttw:gap-4", children: [
+      /* @__PURE__ */ a("div", { className: "ttw:flex ttw:flex-col ttw:gap-1.5", children: [
+        /* @__PURE__ */ e(d, { htmlFor: `${i}-email`, children: n.emailLabel }),
+        /* @__PURE__ */ e(
+          c,
+          {
+            id: `${i}-email`,
+            type: "email",
+            value: s.email,
+            "aria-invalid": !!m?.email,
+            onChange: (t) => r({ email: t.target.value })
+          }
+        ),
+        /* @__PURE__ */ e(g, { message: m?.email })
+      ] }),
+      /* @__PURE__ */ a("div", { className: "ttw:flex ttw:flex-col ttw:gap-1.5", children: [
+        /* @__PURE__ */ e(d, { htmlFor: `${i}-phone`, children: n.phoneLabel }),
+        /* @__PURE__ */ e(
+          c,
+          {
+            id: `${i}-phone`,
+            value: s.phone,
+            onChange: (t) => r({ phone: t.target.value })
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ a("div", { className: "ttw:flex ttw:flex-col ttw:gap-1.5", children: [
+      /* @__PURE__ */ e(d, { htmlFor: `${i}-tax-id`, children: n.taxIdLabel }),
+      /* @__PURE__ */ e(
+        c,
+        {
+          id: `${i}-tax-id`,
+          value: s.taxId,
+          onChange: (t) => r({ taxId: t.target.value })
+        }
+      ),
+      /* @__PURE__ */ e(h, { variant: "caption", className: "ttw:text-muted-foreground", children: l })
+    ] }),
+    N && /* @__PURE__ */ a(
+      d,
+      {
+        htmlFor: `${i}-reminders`,
+        className: "ttw:flex ttw:items-start ttw:gap-3 ttw:rounded-md ttw:border ttw:p-3",
+        children: [
+          /* @__PURE__ */ e(
+            k,
+            {
+              id: `${i}-reminders`,
+              checked: s.remindersEnabled,
+              onCheckedChange: (t) => r({ remindersEnabled: t === !0 })
+            }
+          ),
+          /* @__PURE__ */ a("span", { className: "ttw:flex ttw:flex-col ttw:gap-0.5", children: [
+            /* @__PURE__ */ e("span", { className: "ttw:text-sm ttw:font-medium", children: n.paymentRemindersLabel }),
+            /* @__PURE__ */ e("span", { className: "ttw:text-sm ttw:text-muted-foreground", children: n.paymentRemindersDescription })
+          ] })
+        ]
+      }
+    ),
+    /* @__PURE__ */ e(y, { className: "ttw:my-1" }),
+    /* @__PURE__ */ a(b, { children: [
+      /* @__PURE__ */ a("div", { className: "ttw:flex ttw:flex-col ttw:gap-1", children: [
+        /* @__PURE__ */ e(h, { variant: "body2", className: "ttw:font-semibold", children: n.addressHeading }),
+        N && /* @__PURE__ */ e(h, { variant: "body2", className: "ttw:text-muted-foreground", children: n.customerAddressDescription })
+      ] }),
+      /* @__PURE__ */ e(
+        $,
+        {
+          idPrefix: `${i}-address`,
+          values: s.address,
+          errors: m?.address,
+          stateOptions: u,
+          onChange: C,
+          labels: n.address
+        }
+      )
+    ] }),
+    f === "create" && H && /* @__PURE__ */ a(b, { children: [
+      /* @__PURE__ */ e(y, { className: "ttw:my-1" }),
+      /* @__PURE__ */ a("div", { className: "ttw:flex ttw:flex-col ttw:gap-1", children: [
+        /* @__PURE__ */ e(h, { variant: "body2", className: "ttw:font-semibold", children: n.paymentMethodsHeading }),
+        /* @__PURE__ */ e(h, { variant: "body2", className: "ttw:text-muted-foreground", children: n.paymentMethodsDescription })
+      ] }),
+      /* @__PURE__ */ a("div", { className: "ttw:flex ttw:flex-col ttw:gap-1.5", children: [
+        /* @__PURE__ */ e(d, { htmlFor: `${i}-account-holder`, children: n.accountHolderNameLabel }),
+        /* @__PURE__ */ e(
+          c,
+          {
+            id: `${i}-account-holder`,
+            value: s.bankAccount.accountHolderName,
+            "aria-invalid": !!m?.bankAccount?.accountHolderName,
+            onChange: (t) => v?.({
+              accountHolderName: t.target.value
+            })
+          }
+        ),
+        /* @__PURE__ */ e(g, { message: m?.bankAccount?.accountHolderName })
+      ] }),
+      /* @__PURE__ */ a("div", { className: "ttw:grid ttw:grid-cols-2 ttw:gap-4", children: [
+        /* @__PURE__ */ a("div", { className: "ttw:flex ttw:flex-col ttw:gap-1.5", children: [
+          /* @__PURE__ */ e(d, { htmlFor: `${i}-routing-number`, children: n.routingNumberLabel }),
+          /* @__PURE__ */ e(
+            c,
+            {
+              id: `${i}-routing-number`,
+              value: s.bankAccount.routingNumber,
+              "aria-invalid": !!m?.bankAccount?.routingNumber,
+              onChange: (t) => v?.({
+                routingNumber: t.target.value
+              })
+            }
+          ),
+          /* @__PURE__ */ e(g, { message: m?.bankAccount?.routingNumber })
+        ] }),
+        /* @__PURE__ */ a("div", { className: "ttw:flex ttw:flex-col ttw:gap-1.5", children: [
+          /* @__PURE__ */ e(d, { htmlFor: `${i}-account-number`, children: n.accountNumberLabel }),
+          /* @__PURE__ */ e(
+            c,
+            {
+              id: `${i}-account-number`,
+              value: s.bankAccount.accountNumber,
+              "aria-invalid": !!m?.bankAccount?.accountNumber,
+              onChange: (t) => v?.({
+                accountNumber: t.target.value
+              })
+            }
+          ),
+          /* @__PURE__ */ e(g, { message: m?.bankAccount?.accountNumber })
+        ] })
+      ] })
+    ] })
+  ] });
+}
+export {
+  q as CounterpartFormFields,
+  U as CounterpartFormSheet
+};