@tesouro/embedded-components-react 0.2.133 → 0.2.148

package/dist/libs/tesouro-embedded-components-react/bank-account-onboarding-widget/ui/dist/index20.js

@@ -0,0 +1,338 @@
+import { jsx as a, jsxs as t } from "react/jsx-runtime";
+import * as y from "react";
+import { Button as o, Separator as w, Input as s, DatePicker as F, Select as k, SelectTrigger as q, SelectValue as P, SelectContent as I, SelectItem as M, InputGroup as S, InputGroupInput as O, InputGroupAddon as V, Label as z } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
+import "@radix-ui/react-use-controllable-state";
+import { XIcon as B, UserPlusIcon as D, EyeOffIcon as A, EyeIcon as E, PlusIcon as j } from "lucide-react";
+import "../../../shared/ui/dist/lib/UIContext/UIContext.js";
+import { OnboardingShellOverlayPortal as G } from "../../../shared/ui/dist/lib/OnboardingShell/OnboardingShellOverlayPortal.js";
+function d({
+  htmlFor: r,
+  children: n
+}) {
+  return /* @__PURE__ */ a(
+    z,
+    {
+      htmlFor: r,
+      className: "ttw:mb-1 ttw:block ttw:text-sm ttw:font-medium",
+      children: n
+    }
+  );
+}
+const H = "ttw:w-full";
+function Z({
+  fields: r,
+  display: n,
+  isExisting: c,
+  isValid: m,
+  isDisabled: i,
+  labels: e,
+  onCancel: p,
+  onSubmit: v,
+  onClose: g,
+  ssnRevealed: h,
+  ssnToggleAriaLabel: b,
+  onToggleSsnVisibility: f
+}) {
+  const [N, u] = y.useState(!1), C = !h && !N, x = c ? e.saveOwnerSubmit : e.addOwnerSubmit;
+  return /* @__PURE__ */ a(G, { expandContainer: !0, children: /* @__PURE__ */ t(
+    "div",
+    {
+      className: "ttw:flex ttw:h-full ttw:w-full ttw:min-h-0 ttw:flex-col ttw:px-8 ttw:pb-8 ttw:pt-8",
+      role: "dialog",
+      "aria-modal": "true",
+      "aria-labelledby": "additional-owner-form-title",
+      children: [
+        /* @__PURE__ */ t("div", { className: "ttw:relative ttw:shrink-0", children: [
+          /* @__PURE__ */ a(
+            o,
+            {
+              type: "button",
+              variant: "ghost",
+              size: "icon-sm",
+              onClick: g,
+              disabled: i,
+              "aria-label": e.close,
+              className: "ttw:absolute ttw:top-0 ttw:right-0",
+              children: /* @__PURE__ */ a(B, { className: "ttw:size-4" })
+            }
+          ),
+          /* @__PURE__ */ a(
+            "div",
+            {
+              className: "ttw:mb-3 ttw:flex ttw:size-10 ttw:items-center ttw:justify-center ttw:rounded-full ttw:bg-primary/10",
+              "aria-hidden": !0,
+              children: /* @__PURE__ */ a(D, { className: "ttw:size-5 ttw:text-primary" })
+            }
+          ),
+          /* @__PURE__ */ a(
+            "h2",
+            {
+              id: "additional-owner-form-title",
+              className: "ttw:pr-10 ttw:text-xl ttw:font-semibold ttw:tracking-tight",
+              children: c ? e.formHeadingEdit : e.formHeadingAdd
+            }
+          )
+        ] }),
+        /* @__PURE__ */ a(w, { className: "ttw:my-4 ttw:shrink-0" }),
+        /* @__PURE__ */ t("div", { className: "ttw:flex ttw:min-h-0 ttw:flex-1 ttw:flex-col ttw:gap-3 ttw:overflow-y-auto ttw:pb-4", children: [
+          /* @__PURE__ */ t("div", { className: "ttw:grid ttw:grid-cols-2 ttw:gap-3", children: [
+            /* @__PURE__ */ t("div", { children: [
+              /* @__PURE__ */ t(d, { htmlFor: "owner-first-name", children: [
+                e.firstName,
+                e.requiredFieldMarker
+              ] }),
+              /* @__PURE__ */ a(
+                s,
+                {
+                  id: "owner-first-name",
+                  value: r.firstName.value,
+                  onChange: (l) => r.firstName.onValueChange(l.target.value),
+                  disabled: i,
+                  required: !0
+                }
+              )
+            ] }),
+            /* @__PURE__ */ t("div", { children: [
+              /* @__PURE__ */ t(d, { htmlFor: "owner-last-name", children: [
+                e.lastName,
+                e.requiredFieldMarker
+              ] }),
+              /* @__PURE__ */ a(
+                s,
+                {
+                  id: "owner-last-name",
+                  value: r.lastName.value,
+                  onChange: (l) => r.lastName.onValueChange(l.target.value),
+                  disabled: i,
+                  required: !0
+                }
+              )
+            ] })
+          ] }),
+          /* @__PURE__ */ t("div", { children: [
+            /* @__PURE__ */ t(d, { htmlFor: "owner-dob", children: [
+              e.dateOfBirth,
+              e.requiredFieldMarker
+            ] }),
+            /* @__PURE__ */ a(
+              F,
+              {
+                id: "owner-dob",
+                value: r.dateOfBirth.value,
+                onChange: r.dateOfBirth.onValueChange,
+                placeholder: e.dateOfBirthPlaceholder,
+                disabled: i,
+                maxDate: n.maxBirthDate,
+                "aria-invalid": n.dateOfBirthInvalid || void 0
+              }
+            ),
+            n.dateOfBirthInvalid ? /* @__PURE__ */ a(
+              "p",
+              {
+                className: "ttw:mt-1 ttw:text-sm ttw:text-destructive",
+                role: "alert",
+                children: e.dateOfBirthMinAgeError
+              }
+            ) : null
+          ] }),
+          /* @__PURE__ */ t("div", { children: [
+            /* @__PURE__ */ t(d, { htmlFor: "owner-ssn", children: [
+              e.ssn,
+              e.requiredFieldMarker
+            ] }),
+            /* @__PURE__ */ t("div", { className: "ttw:flex ttw:gap-2", children: [
+              /* @__PURE__ */ a(
+                s,
+                {
+                  id: "owner-ssn",
+                  className: "ttw:flex-1 ttw:font-mono ttw:tracking-wider",
+                  type: "text",
+                  value: C ? n.ssnMaskedDisplay : n.ssnFormattedDisplay,
+                  onChange: (l) => r.ssn.onValueChange(l.target.value),
+                  onFocus: () => u(!0),
+                  onBlur: () => u(!1),
+                  disabled: i,
+                  autoComplete: "off",
+                  inputMode: "numeric",
+                  maxLength: 11,
+                  required: !0
+                }
+              ),
+              /* @__PURE__ */ a(
+                o,
+                {
+                  type: "button",
+                  variant: "outline",
+                  size: "icon",
+                  onClick: f,
+                  disabled: i,
+                  "aria-label": b,
+                  children: h ? /* @__PURE__ */ a(A, { className: "ttw:size-4" }) : /* @__PURE__ */ a(E, { className: "ttw:size-4" })
+                }
+              )
+            ] })
+          ] }),
+          /* @__PURE__ */ t("div", { children: [
+            /* @__PURE__ */ t(d, { htmlFor: "owner-home-address", children: [
+              e.homeAddress,
+              e.requiredFieldMarker
+            ] }),
+            /* @__PURE__ */ a(
+              s,
+              {
+                id: "owner-home-address",
+                value: r.homeAddress.value,
+                onChange: (l) => r.homeAddress.onValueChange(l.target.value),
+                disabled: i,
+                required: !0
+              }
+            )
+          ] }),
+          /* @__PURE__ */ t("div", { className: "ttw:grid ttw:grid-cols-3 ttw:gap-3", children: [
+            /* @__PURE__ */ t("div", { className: "ttw:min-w-0", children: [
+              /* @__PURE__ */ t(d, { htmlFor: "owner-city", children: [
+                e.city,
+                e.requiredFieldMarker
+              ] }),
+              /* @__PURE__ */ a(
+                s,
+                {
+                  id: "owner-city",
+                  value: r.city.value,
+                  onChange: (l) => r.city.onValueChange(l.target.value),
+                  disabled: i,
+                  required: !0
+                }
+              )
+            ] }),
+            /* @__PURE__ */ t("div", { className: "ttw:min-w-0", children: [
+              /* @__PURE__ */ t(d, { htmlFor: "owner-state", children: [
+                e.state,
+                e.requiredFieldMarker
+              ] }),
+              /* @__PURE__ */ t(
+                k,
+                {
+                  value: r.state.value,
+                  onValueChange: r.state.onValueChange,
+                  disabled: i,
+                  children: [
+                    /* @__PURE__ */ a(
+                      q,
+                      {
+                        id: "owner-state",
+                        className: H,
+                        children: /* @__PURE__ */ a(P, { placeholder: e.statePlaceholder })
+                      }
+                    ),
+                    /* @__PURE__ */ a(I, { children: r.state.options.map((l) => /* @__PURE__ */ a(M, { value: l.value, children: l.label }, l.value)) })
+                  ]
+                }
+              )
+            ] }),
+            /* @__PURE__ */ t("div", { className: "ttw:min-w-0", children: [
+              /* @__PURE__ */ t(d, { htmlFor: "owner-zip", children: [
+                e.zipCode,
+                e.requiredFieldMarker
+              ] }),
+              /* @__PURE__ */ a(
+                s,
+                {
+                  id: "owner-zip",
+                  value: r.zipCode.value,
+                  onChange: (l) => r.zipCode.onValueChange(l.target.value),
+                  disabled: i,
+                  required: !0,
+                  inputMode: "numeric"
+                }
+              )
+            ] })
+          ] }),
+          /* @__PURE__ */ t("div", { children: [
+            /* @__PURE__ */ t(d, { htmlFor: "owner-phone", children: [
+              e.mobilePhoneNumber,
+              e.requiredFieldMarker
+            ] }),
+            /* @__PURE__ */ a(
+              s,
+              {
+                id: "owner-phone",
+                type: "tel",
+                value: r.mobilePhoneNumber.value,
+                onChange: (l) => r.mobilePhoneNumber.onValueChange(l.target.value),
+                disabled: i,
+                required: !0
+              }
+            )
+          ] }),
+          /* @__PURE__ */ t("div", { children: [
+            /* @__PURE__ */ t(d, { htmlFor: "owner-ownership", children: [
+              e.ownershipPercentage,
+              e.requiredFieldMarker
+            ] }),
+            /* @__PURE__ */ t(S, { className: "ttw:w-32", children: [
+              /* @__PURE__ */ a(
+                O,
+                {
+                  id: "owner-ownership",
+                  type: "number",
+                  min: 25,
+                  max: 100,
+                  "data-has-end-addon": "",
+                  placeholder: e.ownershipPercentagePlaceholder,
+                  value: r.ownershipPercentage.value ?? "",
+                  onChange: (l) => r.ownershipPercentage.onValueChange(
+                    l.target.value === "" ? null : Number(l.target.value)
+                  ),
+                  disabled: i,
+                  required: !0,
+                  "aria-invalid": n.ownershipPercentageInvalid || void 0,
+                  "aria-describedby": n.ownershipPercentageInvalid ? "owner-ownership-error" : void 0
+                }
+              ),
+              /* @__PURE__ */ a(V, { align: "inline-end", "aria-hidden": !0, children: e.percentSuffix })
+            ] }),
+            n.ownershipPercentageInvalid ? /* @__PURE__ */ a(
+              "p",
+              {
+                id: "owner-ownership-error",
+                className: "ttw:mt-1 ttw:text-sm ttw:text-destructive",
+                role: "alert",
+                children: e.ownershipPercentageMinError
+              }
+            ) : null
+          ] })
+        ] }),
+        /* @__PURE__ */ a(w, { className: "ttw:my-4 ttw:shrink-0" }),
+        /* @__PURE__ */ t("div", { className: "ttw:flex ttw:shrink-0 ttw:justify-end ttw:gap-3", children: [
+          /* @__PURE__ */ a(
+            o,
+            {
+              type: "button",
+              variant: "outline",
+              onClick: p,
+              disabled: i,
+              children: e.cancel
+            }
+          ),
+          /* @__PURE__ */ t(
+            o,
+            {
+              type: "button",
+              onClick: v,
+              disabled: i || !m,
+              className: "ttw:gap-1.5",
+              children: [
+                x,
+                /* @__PURE__ */ a(j, { className: "ttw:size-4" })
+              ]
+            }
+          )
+        ] })
+      ]
+    }
+  ) });
+}
+export {
+  Z as AdditionalOwnerFormOverlay
+};

package/dist/libs/tesouro-embedded-components-react/bank-account-onboarding-widget/ui/dist/index21.js

@@ -0,0 +1,32 @@
+"use client";
+import { jsx as o } from "react/jsx-runtime";
+import * as t from "react";
+import r from "react-confetti";
+function h() {
+  const [e, n] = t.useState({
+    width: typeof window < "u" ? window.innerWidth : 0,
+    height: typeof window < "u" ? window.innerHeight : 0
+  });
+  return t.useEffect(() => {
+    const i = () => {
+      n({
+        width: window.innerWidth,
+        height: window.innerHeight
+      });
+    };
+    return window.addEventListener("resize", i), () => window.removeEventListener("resize", i);
+  }, []), /* @__PURE__ */ o(
+    r,
+    {
+      width: e.width,
+      height: e.height,
+      recycle: !1,
+      gravity: 0.6,
+      numberOfPieces: 400,
+      initialVelocityY: { min: 10, max: 12 }
+    }
+  );
+}
+export {
+  h as ResultStepConfetti
+};

package/dist/libs/tesouro-embedded-components-react/bank-account-onboarding-widget/ui/dist/index22.js

@@ -0,0 +1,50 @@
+import { jsxs as l, jsx as i } from "react/jsx-runtime";
+function e() {
+  return /* @__PURE__ */ l(
+    "svg",
+    {
+      width: "46",
+      height: "18",
+      viewBox: "0 0 46 18",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      "aria-hidden": !0,
+      children: [
+        /* @__PURE__ */ l("g", { clipPath: "url(#result-step-fdic-clip)", children: [
+          /* @__PURE__ */ i(
+            "path",
+            {
+              d: "M4.85119 17.952H0V0.0942383H9.9788V4.76193H4.85119V7.65267H9.68264V12.3209H4.85119V17.952Z",
+              fill: "#667085"
+            }
+          ),
+          /* @__PURE__ */ i(
+            "path",
+            {
+              d: "M25.9108 9.01442C25.9108 0.834634 18.5742 0.0942383 15.5366 0.0942383H10.6465V17.9352H15.5366L15.529 13.2837V4.68818C18.5377 4.68818 21.0939 5.79964 21.0939 8.98596C21.0939 12.1717 18.5377 13.2837 15.529 13.2837L15.5366 17.9352C19.3164 17.9358 25.9108 17.211 25.9108 9.01442Z",
+              fill: "#667085"
+            }
+          ),
+          /* @__PURE__ */ i(
+            "path",
+            {
+              d: "M31.6022 0.0563965H26.751V17.9513H31.6022V0.0563965Z",
+              fill: "#667085"
+            }
+          ),
+          /* @__PURE__ */ i(
+            "path",
+            {
+              d: "M41.5067 13.2276C39.1763 13.2276 37.2478 11.3287 37.2478 9.0001C37.2478 6.67148 39.1763 4.772 41.5067 4.772C43.6314 4.772 44.7423 5.90205 45.474 7.39039V0.982918C45.474 0.982918 43.326 0.0195312 41.3243 0.0195312C36.8785 0.0195312 32.0615 4.10884 32.0615 9.0001C32.0615 14.9883 36.656 17.9801 41.3243 17.9801C43.3254 17.9801 45.474 17.0179 45.474 17.0179V10.6661C44.5983 12.176 43.6198 13.2276 41.5067 13.2276Z",
+              fill: "#667085"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ i("defs", { children: /* @__PURE__ */ i("clipPath", { id: "result-step-fdic-clip", children: /* @__PURE__ */ i("rect", { width: "45.4737", height: "18", fill: "white" }) }) })
+      ]
+    }
+  );
+}
+export {
+  e as ResultStepFdicLogo
+};

package/dist/libs/tesouro-embedded-components-react/bank-account-onboarding-widget/ui/dist/index23.js

@@ -0,0 +1,50 @@
+import { jsx as t, jsxs as e } from "react/jsx-runtime";
+function r() {
+  return /* @__PURE__ */ t(
+    "svg",
+    {
+      width: "66",
+      height: "66",
+      viewBox: "0 0 66 66",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      "aria-hidden": !0,
+      className: "ttw:mb-2",
+      children: /* @__PURE__ */ e("g", { style: { mixBlendMode: "multiply" }, children: [
+        /* @__PURE__ */ t(
+          "rect",
+          {
+            x: "5",
+            y: "5",
+            width: "56",
+            height: "56",
+            rx: "28",
+            className: "ttw:fill-primary/25"
+          }
+        ),
+        /* @__PURE__ */ t(
+          "rect",
+          {
+            x: "5",
+            y: "5",
+            width: "56",
+            height: "56",
+            rx: "28",
+            className: "ttw:stroke-primary/10",
+            strokeWidth: "10"
+          }
+        ),
+        /* @__PURE__ */ t(
+          "path",
+          {
+            d: "M24 26.25C23.5781 26.25 23.25 26.625 23.25 27V28.0781L31.3125 34.6875C32.2969 35.4844 33.6562 35.4844 34.6406 34.6875L42.75 28.0781V27C42.75 26.625 42.375 26.25 42 26.25H24ZM23.25 30.9844V39C23.25 39.4219 23.5781 39.75 24 39.75H42C42.375 39.75 42.75 39.4219 42.75 39V30.9844L36.0938 36.4219C34.2656 37.9219 31.6875 37.9219 29.9062 36.4219L23.25 30.9844ZM21 27C21 25.3594 22.3125 24 24 24H42C43.6406 24 45 25.3594 45 27V39C45 40.6875 43.6406 42 42 42H24C22.3125 42 21 40.6875 21 39V27Z",
+            className: "ttw:fill-primary"
+          }
+        )
+      ] })
+    }
+  );
+}
+export {
+  r as ResultStepMailIcon
+};

package/dist/libs/tesouro-embedded-components-react/bank-account-onboarding-widget/ui/dist/index24.js

@@ -0,0 +1,218 @@
+import { jsxs as i, jsx as e } from "react/jsx-runtime";
+import { Input as n, Select as c, SelectTrigger as o, SelectValue as u, SelectContent as m, SelectItem as h, Combobox as b, Label as p } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
+function r({
+  htmlFor: a,
+  children: t
+}) {
+  return /* @__PURE__ */ e(
+    p,
+    {
+      htmlFor: a,
+      className: "ttw:mb-1 ttw:block ttw:text-sm ttw:font-medium",
+      children: t
+    }
+  );
+}
+const v = "ttw:w-full";
+function y({
+  fields: a,
+  labels: t,
+  isDisabled: d,
+  websiteInvalid: s = !1
+}) {
+  return /* @__PURE__ */ i(
+    "section",
+    {
+      className: "ttw:flex ttw:flex-col ttw:gap-3",
+      "data-testid": "business-details-edit-form",
+      children: [
+        /* @__PURE__ */ i("div", { children: [
+          /* @__PURE__ */ e(r, { htmlFor: "companyLegalName", children: t.companyLegalName }),
+          /* @__PURE__ */ e(
+            n,
+            {
+              id: "companyLegalName",
+              value: a.companyLegalName.value,
+              onChange: (l) => a.companyLegalName.onValueChange(l.target.value),
+              disabled: d,
+              required: !0
+            }
+          )
+        ] }),
+        /* @__PURE__ */ i("div", { children: [
+          /* @__PURE__ */ e(r, { htmlFor: "companyDbaName", children: t.companyDbaName }),
+          /* @__PURE__ */ e(
+            n,
+            {
+              id: "companyDbaName",
+              value: a.companyDbaName.value,
+              onChange: (l) => a.companyDbaName.onValueChange(l.target.value),
+              disabled: d
+            }
+          )
+        ] }),
+        /* @__PURE__ */ i("div", { children: [
+          /* @__PURE__ */ e(r, { htmlFor: "businessAddress", children: t.businessAddress }),
+          /* @__PURE__ */ e(
+            n,
+            {
+              id: "businessAddress",
+              value: a.businessAddress.value,
+              onChange: (l) => a.businessAddress.onValueChange(l.target.value),
+              disabled: d,
+              required: !0
+            }
+          )
+        ] }),
+        /* @__PURE__ */ i("div", { className: "ttw:grid ttw:grid-cols-3 ttw:gap-4", children: [
+          /* @__PURE__ */ i("div", { className: "ttw:min-w-0", children: [
+            /* @__PURE__ */ e(r, { htmlFor: "city", children: t.city }),
+            /* @__PURE__ */ e(
+              n,
+              {
+                id: "city",
+                value: a.city.value,
+                onChange: (l) => a.city.onValueChange(l.target.value),
+                disabled: d,
+                required: !0
+              }
+            )
+          ] }),
+          /* @__PURE__ */ i("div", { className: "ttw:min-w-0", children: [
+            /* @__PURE__ */ e(r, { htmlFor: "state", children: t.state }),
+            /* @__PURE__ */ i(
+              c,
+              {
+                value: a.state.value,
+                onValueChange: a.state.onValueChange,
+                disabled: d,
+                children: [
+                  /* @__PURE__ */ e(
+                    o,
+                    {
+                      id: "state",
+                      className: v,
+                      children: /* @__PURE__ */ e(u, { placeholder: t.statePlaceholder })
+                    }
+                  ),
+                  /* @__PURE__ */ e(m, { children: a.state.options.map((l) => /* @__PURE__ */ e(h, { value: l.value, children: l.label }, l.value)) })
+                ]
+              }
+            )
+          ] }),
+          /* @__PURE__ */ i("div", { className: "ttw:min-w-0", children: [
+            /* @__PURE__ */ e(r, { htmlFor: "zipCode", children: t.zipCode }),
+            /* @__PURE__ */ e(
+              n,
+              {
+                id: "zipCode",
+                value: a.zipCode.value,
+                onChange: (l) => a.zipCode.onValueChange(l.target.value),
+                disabled: d,
+                required: !0,
+                inputMode: "numeric"
+              }
+            )
+          ] })
+        ] }),
+        /* @__PURE__ */ i("div", { children: [
+          /* @__PURE__ */ e(r, { htmlFor: "companyPhoneNumber", children: t.companyPhoneNumber }),
+          /* @__PURE__ */ e(
+            n,
+            {
+              id: "companyPhoneNumber",
+              type: "tel",
+              value: a.companyPhoneNumber.value,
+              onChange: (l) => a.companyPhoneNumber.onValueChange(l.target.value),
+              disabled: d,
+              required: !0
+            }
+          )
+        ] }),
+        /* @__PURE__ */ i("div", { children: [
+          /* @__PURE__ */ e(r, { htmlFor: "companyStructure", children: t.companyStructure }),
+          /* @__PURE__ */ i(
+            c,
+            {
+              value: a.companyStructure.value,
+              onValueChange: a.companyStructure.onValueChange,
+              disabled: d,
+              children: [
+                /* @__PURE__ */ e(
+                  o,
+                  {
+                    id: "companyStructure",
+                    className: v,
+                    children: /* @__PURE__ */ e(u, { placeholder: t.companyStructurePlaceholder })
+                  }
+                ),
+                /* @__PURE__ */ e(m, { children: a.companyStructure.options.map((l) => /* @__PURE__ */ e(h, { value: l.value, children: l.label }, l.value)) })
+              ]
+            }
+          )
+        ] }),
+        /* @__PURE__ */ i("div", { children: [
+          /* @__PURE__ */ e(r, { htmlFor: "website", children: t.website }),
+          /* @__PURE__ */ e(
+            n,
+            {
+              id: "website",
+              type: "url",
+              value: a.website.value,
+              onChange: (l) => a.website.onValueChange(l.target.value),
+              disabled: d,
+              "aria-invalid": s || void 0,
+              "aria-describedby": s ? "website-error" : void 0
+            }
+          ),
+          s ? /* @__PURE__ */ e(
+            "p",
+            {
+              id: "website-error",
+              className: "ttw:mt-1 ttw:text-sm ttw:text-destructive",
+              role: "alert",
+              children: t.websiteInvalid
+            }
+          ) : null
+        ] }),
+        /* @__PURE__ */ i("div", { children: [
+          /* @__PURE__ */ e(r, { htmlFor: "taxId", children: t.taxId }),
+          /* @__PURE__ */ e(
+            n,
+            {
+              id: "taxId",
+              value: a.taxId.value,
+              onChange: (l) => a.taxId.onValueChange(l.target.value),
+              disabled: d,
+              required: !0,
+              inputMode: "numeric",
+              maxLength: 9
+            }
+          )
+        ] }),
+        /* @__PURE__ */ i("div", { children: [
+          /* @__PURE__ */ e(r, { htmlFor: "naicsCode", children: t.naicsCode }),
+          /* @__PURE__ */ e(
+            b,
+            {
+              id: "naicsCode",
+              "data-testid": "business-details-naics-combobox",
+              items: a.naicsCode.options,
+              value: a.naicsCode.value,
+              onValueChange: (l) => {
+                a.naicsCode.onValueChange(
+                  Array.isArray(l) ? l[0] ?? "" : l
+                );
+              },
+              placeholder: t.naicsCodePlaceholder,
+              disabled: d
+            }
+          )
+        ] })
+      ]
+    }
+  );
+}
+export {
+  y as BusinessDetailsEditForm
+};