@gusto/embedded-react-sdk 0.52.1 → 0.53.0

package/dist/components/Company/StateTaxes/shared/RequirementFields.d.ts

@@ -0,0 +1,17 @@
+import { TaxRequirement } from '@gusto/embedded-api/models/components/taxrequirement';
+interface RequirementFieldsProps {
+    /** Requirements to render as inputs, nested under `requirementSetKey` in the form's RHF path. */
+    requirements: TaxRequirement[] | undefined;
+    /** RHF path segment the requirements are nested under, e.g. `taxrates` or `fields`. */
+    requirementSetKey: string;
+}
+/**
+ * Renders one form field per editable, currently-applicable requirement, filtering
+ * out non-editable requirements, requirements with no `key` (the API doesn't guarantee one, and
+ * without it there's no stable form path to register), and requirements whose `applicableIf`
+ * constraints aren't satisfied by the form's current values.
+ *
+ * @internal
+ */
+export declare function RequirementFields({ requirements, requirementSetKey }: RequirementFieldsProps): import("react").JSX.Element;
+export {};

package/dist/components/Company/StateTaxes/shared/RequirementFields.js

@@ -0,0 +1,24 @@
+import { jsx as o, Fragment as f } from "react/jsx-runtime";
+import { useFormContext as p, useWatch as l } from "react-hook-form";
+import { getUniqueRhfKey as s } from "./rhfKey.js";
+import { isRequirementApplicable as c } from "./applicableIf.js";
+import { QuestionInput as m } from "../../../Common/TaxInputs/TaxInputs.js";
+function k({ requirements: r, requirementSetKey: e }) {
+  const { control: i } = p(), n = l({ control: i });
+  return /* @__PURE__ */ o(f, { children: r?.flatMap((t, a) => t.key ? t.editable === !1 ? [] : c(t, e, n) ? [
+    /* @__PURE__ */ o(f, { children: /* @__PURE__ */ o(
+      m,
+      {
+        requirement: {
+          ...t,
+          key: `${e}.${s(t, a, r)}`
+        },
+        questionType: t.metadata?.type ?? "Text"
+      }
+    ) }, `${t.key}-${a}`)
+  ] : [] : []) });
+}
+export {
+  k as RequirementFields
+};
+//# sourceMappingURL=RequirementFields.js.map

package/dist/components/Company/StateTaxes/shared/RequirementFields.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RequirementFields.js","sources":["../../../../../src/components/Company/StateTaxes/shared/RequirementFields.tsx"],"sourcesContent":["import { Fragment } from 'react/jsx-runtime'\nimport { useFormContext, useWatch } from 'react-hook-form'\nimport type { TaxRequirement } from '@gusto/embedded-api/models/components/taxrequirement'\nimport { getUniqueRhfKey } from './rhfKey'\nimport { isRequirementApplicable, type StateTaxesFormValues } from './applicableIf'\nimport { QuestionInput } from '@/components/Common/TaxInputs/TaxInputs'\n\ninterface RequirementFieldsProps {\n  /** Requirements to render as inputs, nested under `requirementSetKey` in the form's RHF path. */\n  requirements: TaxRequirement[] | undefined\n  /** RHF path segment the requirements are nested under, e.g. `taxrates` or `fields`. */\n  requirementSetKey: string\n}\n\n/**\n * Renders one form field per editable, currently-applicable requirement, filtering\n * out non-editable requirements, requirements with no `key` (the API doesn't guarantee one, and\n * without it there's no stable form path to register), and requirements whose `applicableIf`\n * constraints aren't satisfied by the form's current values.\n *\n * @internal\n */\nexport function RequirementFields({ requirements, requirementSetKey }: RequirementFieldsProps) {\n  const { control } = useFormContext()\n  const watchedValues = useWatch({ control }) as StateTaxesFormValues\n\n  return (\n    <>\n      {requirements?.flatMap((requirement, index) => {\n        if (!requirement.key) return []\n        if (requirement.editable === false) return []\n        if (!isRequirementApplicable(requirement, requirementSetKey, watchedValues)) return []\n        return [\n          <Fragment key={`${requirement.key}-${index}`}>\n            <QuestionInput\n              requirement={{\n                ...requirement,\n                key: `${requirementSetKey}.${getUniqueRhfKey(requirement, index, requirements)}`,\n              }}\n              questionType={requirement.metadata?.type ?? 'Text'}\n            />\n          </Fragment>,\n        ]\n      })}\n    </>\n  )\n}\n"],"names":["RequirementFields","requirements","requirementSetKey","control","useFormContext","watchedValues","useWatch","jsx","Fragment","requirement","index","isRequirementApplicable","QuestionInput","getUniqueRhfKey"],"mappings":";;;;;AAsBO,SAASA,EAAkB,EAAE,cAAAC,GAAc,mBAAAC,KAA6C;AAC7F,QAAM,EAAE,SAAAC,EAAA,IAAYC,EAAA,GACdC,IAAgBC,EAAS,EAAE,SAAAH,GAAS;AAE1C,SACE,gBAAAI,EAAAC,GAAA,EACG,UAAAP,GAAc,QAAQ,CAACQ,GAAaC,MAC9BD,EAAY,MACbA,EAAY,aAAa,KAAc,CAAA,IACtCE,EAAwBF,GAAaP,GAAmBG,CAAa,IACnE;AAAA,IACL,gBAAAE,EAACC,GAAA,EACC,UAAA,gBAAAD;AAAA,MAACK;AAAA,MAAA;AAAA,QACC,aAAa;AAAA,UACX,GAAGH;AAAA,UACH,KAAK,GAAGP,CAAiB,IAAIW,EAAgBJ,GAAaC,GAAOT,CAAY,CAAC;AAAA,QAAA;AAAA,QAEhF,cAAcQ,EAAY,UAAU,QAAQ;AAAA,MAAA;AAAA,IAAA,KANjC,GAAGA,EAAY,GAAG,IAAIC,CAAK,EAQ1C;AAAA,EAAA,IAVkF,CAAA,IAFvD,CAAA,CAc9B,EAAA,CACH;AAEJ;"}

package/dist/components/Company/StateTaxes/{StateTaxesForm → shared}/applicableIf.d.ts

@@ -7,4 +7,4 @@ import { TaxRequirement } from '@gusto/embedded-api/models/components/taxrequire
  */
 export type StateTaxesFormValues = Record<string, Record<string, unknown> | undefined>;
 /** @internal */
-export declare function isRequirementApplicable(requirement: TaxRequirement, setKey: string, formValues: StateTaxesFormValues): boolean;
+export declare function isRequirementApplicable(requirement: TaxRequirement, requirementSetKey: string, formValues: StateTaxesFormValues): boolean;

package/dist/components/Company/StateTaxes/shared/applicableIf.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"applicableIf.js","sources":["../../../../../src/components/Company/StateTaxes/shared/applicableIf.ts"],"sourcesContent":["import type { TaxRequirement } from '@gusto/embedded-api/models/components/taxrequirement'\nimport { toRhfKey } from './rhfKey'\n\n/**\n * Map of `applicable_if` set key to its values, keyed by RHF-encoded field key.\n * Internal shape used by {@link isRequirementApplicable}.\n *\n * @internal\n */\nexport type StateTaxesFormValues = Record<string, Record<string, unknown> | undefined>\n\n/** @internal */\nexport function isRequirementApplicable(\n  requirement: TaxRequirement,\n  requirementSetKey: string,\n  formValues: StateTaxesFormValues,\n): boolean {\n  const constraints = requirement.applicableIf\n  if (!constraints || constraints.length === 0) return true\n\n  const setValues = formValues[requirementSetKey]\n  if (!setValues) return false\n\n  return constraints.every(({ key, value }) => {\n    if (!key) return true\n    return setValues[toRhfKey(key)] === value\n  })\n}\n"],"names":["isRequirementApplicable","requirement","requirementSetKey","formValues","constraints","setValues","key","value","toRhfKey"],"mappings":";AAYO,SAASA,EACdC,GACAC,GACAC,GACS;AACT,QAAMC,IAAcH,EAAY;AAChC,MAAI,CAACG,KAAeA,EAAY,WAAW,EAAG,QAAO;AAErD,QAAMC,IAAYF,EAAWD,CAAiB;AAC9C,SAAKG,IAEED,EAAY,MAAM,CAAC,EAAE,KAAAE,GAAK,OAAAC,QAC1BD,IACED,EAAUG,EAASF,CAAG,CAAC,MAAMC,IADnB,EAElB,IALsB;AAMzB;"}

package/dist/components/Company/StateTaxes/shared/applicableIf.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/Company/StateTaxes/shared/buildRequirementSchema.d.ts

@@ -0,0 +1,19 @@
+import { z } from 'zod';
+import { TFunction } from 'i18next';
+import { TaxRequirement } from '@gusto/embedded-api/models/components/taxrequirement';
+/** @internal */
+export interface RequirementSchema {
+    shape: Record<string, z.ZodType>;
+    defaults: Record<string, string | boolean | number | undefined>;
+}
+/**
+ * Builds a dynamic Zod shape and default values for a single set of tax requirements.
+ *
+ * @param requirements - The requirements to build a schema for.
+ * @param t - A translator scoped so that `t('validations.oneOf', ...)` resolves to
+ * `Company.StateTaxes`'s `form.validations.oneOf` key (i.e. call
+ * `useTranslation('Company.StateTaxes', { keyPrefix: 'form' })` even from callers whose own
+ * copy lives under a different keyPrefix).
+ * @internal
+ */
+export declare function buildRequirementSchema(requirements: TaxRequirement[] | undefined, t: TFunction<'Company.StateTaxes', 'form'>): RequirementSchema;

package/dist/components/Company/StateTaxes/shared/buildRequirementSchema.js

@@ -0,0 +1,38 @@
+import { z as e } from "zod";
+import { getUniqueRhfKey as y } from "./rhfKey.js";
+function N(f, l) {
+  const u = {}, d = {};
+  return f?.forEach((a, r) => {
+    if (!a.key) return;
+    const n = y(a, r, f), c = a.metadata?.type === "tax_rate" || a.metadata?.type === "percent";
+    a.metadata?.type === "radio" ? d[n] = a.value ?? void 0 : a.metadata?.type === "workers_compensation_rate" ? d[n] = a.value !== null && a.value !== void 0 ? Number(a.value) : void 0 : d[n] = a.value ? String(a.value) : "";
+    let s = e.string().optional();
+    const o = a.metadata?.validation;
+    if (o) {
+      if (c && o.type === "one_of") {
+        const t = o.rates;
+        s = e.string().optional().refine((i) => !i || t.includes(i), {
+          message: l("validations.oneOf", { values: t.join(", ") })
+        });
+      } else if (c && o.type === "min_max") {
+        const t = o.min !== void 0 ? Number(o.min) : void 0, i = o.max !== void 0 ? Number(o.max) : void 0;
+        s = e.string().optional().superRefine((p, v) => {
+          if (!p) return;
+          const m = Number(p);
+          Number.isNaN(m) || (t !== void 0 && m < t ? v.addIssue({
+            code: e.ZodIssueCode.custom,
+            message: l("validations.minValue", { min: Number((t * 100).toFixed(4)) })
+          }) : i !== void 0 && m > i && v.addIssue({
+            code: e.ZodIssueCode.custom,
+            message: l("validations.maxValue", { max: Number((i * 100).toFixed(4)) })
+          }));
+        });
+      }
+    }
+    a.metadata?.type === "radio" ? s = e.boolean().optional() : a.metadata?.type === "workers_compensation_rate" && (s = e.number().optional()), u[n] = s;
+  }), { shape: u, defaults: d };
+}
+export {
+  N as buildRequirementSchema
+};
+//# sourceMappingURL=buildRequirementSchema.js.map

package/dist/components/Company/StateTaxes/shared/buildRequirementSchema.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"buildRequirementSchema.js","sources":["../../../../../src/components/Company/StateTaxes/shared/buildRequirementSchema.ts"],"sourcesContent":["import { z } from 'zod'\nimport type { TFunction } from 'i18next'\nimport type { TaxRequirement } from '@gusto/embedded-api/models/components/taxrequirement'\nimport { getUniqueRhfKey } from './rhfKey'\n\n/** @internal */\nexport interface RequirementSchema {\n  shape: Record<string, z.ZodType>\n  defaults: Record<string, string | boolean | number | undefined>\n}\n\n/**\n * Builds a dynamic Zod shape and default values for a single set of tax requirements.\n *\n * @param requirements - The requirements to build a schema for.\n * @param t - A translator scoped so that `t('validations.oneOf', ...)` resolves to\n * `Company.StateTaxes`'s `form.validations.oneOf` key (i.e. call\n * `useTranslation('Company.StateTaxes', { keyPrefix: 'form' })` even from callers whose own\n * copy lives under a different keyPrefix).\n * @internal\n */\nexport function buildRequirementSchema(\n  requirements: TaxRequirement[] | undefined,\n  t: TFunction<'Company.StateTaxes', 'form'>,\n): RequirementSchema {\n  const shape: Record<string, z.ZodType> = {}\n  const defaults: Record<string, string | boolean | number | undefined> = {}\n\n  requirements?.forEach((requirement, index) => {\n    if (!requirement.key) return\n\n    const requirementKey = getUniqueRhfKey(requirement, index, requirements)\n\n    const isPercentField =\n      requirement.metadata?.type === 'tax_rate' || requirement.metadata?.type === 'percent'\n\n    if (requirement.metadata?.type === 'radio') {\n      defaults[requirementKey] = requirement.value ?? undefined\n    } else if (requirement.metadata?.type === 'workers_compensation_rate') {\n      defaults[requirementKey] =\n        requirement.value !== null && requirement.value !== undefined\n          ? Number(requirement.value)\n          : undefined\n    } else {\n      defaults[requirementKey] = requirement.value ? String(requirement.value) : ''\n    }\n\n    let fieldSchema: z.ZodType = z.string().optional()\n\n    const validation = requirement.metadata?.validation\n\n    if (validation) {\n      if (isPercentField && validation.type === 'one_of') {\n        const oneOfValues = validation.rates as string[]\n        fieldSchema = z\n          .string()\n          .optional()\n          .refine(val => !val || oneOfValues.includes(val), {\n            message: t('validations.oneOf', { values: oneOfValues.join(', ') }),\n          })\n      } else if (isPercentField && validation.type === 'min_max') {\n        const min = validation.min !== undefined ? Number(validation.min) : undefined\n        const max = validation.max !== undefined ? Number(validation.max) : undefined\n        // Backstops PercentageField's own on-blur min/max check (which handles the\n        // interactive case) in case a value ever reaches submission without a blur.\n        fieldSchema = z\n          .string()\n          .optional()\n          .superRefine((val, ctx) => {\n            if (!val) return\n            const num = Number(val)\n            if (Number.isNaN(num)) return\n            if (min !== undefined && num < min) {\n              ctx.addIssue({\n                code: z.ZodIssueCode.custom,\n                message: t('validations.minValue', { min: Number((min * 100).toFixed(4)) }),\n              })\n            } else if (max !== undefined && num > max) {\n              ctx.addIssue({\n                code: z.ZodIssueCode.custom,\n                message: t('validations.maxValue', { max: Number((max * 100).toFixed(4)) }),\n              })\n            }\n          })\n      }\n    }\n\n    if (requirement.metadata?.type === 'radio') {\n      fieldSchema = z.boolean().optional()\n    } else if (requirement.metadata?.type === 'workers_compensation_rate') {\n      fieldSchema = z.number().optional()\n    }\n    shape[requirementKey] = fieldSchema\n  })\n\n  return { shape, defaults }\n}\n"],"names":["buildRequirementSchema","requirements","t","shape","defaults","requirement","index","requirementKey","getUniqueRhfKey","isPercentField","fieldSchema","z","validation","oneOfValues","val","min","max","ctx","num"],"mappings":";;AAqBO,SAASA,EACdC,GACAC,GACmB;AACnB,QAAMC,IAAmC,CAAA,GACnCC,IAAkE,CAAA;AAExE,SAAAH,GAAc,QAAQ,CAACI,GAAaC,MAAU;AAC5C,QAAI,CAACD,EAAY,IAAK;AAEtB,UAAME,IAAiBC,EAAgBH,GAAaC,GAAOL,CAAY,GAEjEQ,IACJJ,EAAY,UAAU,SAAS,cAAcA,EAAY,UAAU,SAAS;AAE9E,IAAIA,EAAY,UAAU,SAAS,UACjCD,EAASG,CAAc,IAAIF,EAAY,SAAS,SACvCA,EAAY,UAAU,SAAS,8BACxCD,EAASG,CAAc,IACrBF,EAAY,UAAU,QAAQA,EAAY,UAAU,SAChD,OAAOA,EAAY,KAAK,IACxB,SAEND,EAASG,CAAc,IAAIF,EAAY,QAAQ,OAAOA,EAAY,KAAK,IAAI;AAG7E,QAAIK,IAAyBC,EAAE,OAAA,EAAS,SAAA;AAExC,UAAMC,IAAaP,EAAY,UAAU;AAEzC,QAAIO;AACF,UAAIH,KAAkBG,EAAW,SAAS,UAAU;AAClD,cAAMC,IAAcD,EAAW;AAC/B,QAAAF,IAAcC,EACX,SACA,SAAA,EACA,OAAO,CAAAG,MAAO,CAACA,KAAOD,EAAY,SAASC,CAAG,GAAG;AAAA,UAChD,SAASZ,EAAE,qBAAqB,EAAE,QAAQW,EAAY,KAAK,IAAI,EAAA,CAAG;AAAA,QAAA,CACnE;AAAA,MACL,WAAWJ,KAAkBG,EAAW,SAAS,WAAW;AAC1D,cAAMG,IAAMH,EAAW,QAAQ,SAAY,OAAOA,EAAW,GAAG,IAAI,QAC9DI,IAAMJ,EAAW,QAAQ,SAAY,OAAOA,EAAW,GAAG,IAAI;AAGpE,QAAAF,IAAcC,EACX,SACA,SAAA,EACA,YAAY,CAACG,GAAKG,MAAQ;AACzB,cAAI,CAACH,EAAK;AACV,gBAAMI,IAAM,OAAOJ,CAAG;AACtB,UAAI,OAAO,MAAMI,CAAG,MAChBH,MAAQ,UAAaG,IAAMH,IAC7BE,EAAI,SAAS;AAAA,YACX,MAAMN,EAAE,aAAa;AAAA,YACrB,SAAST,EAAE,wBAAwB,EAAE,KAAK,QAAQa,IAAM,KAAK,QAAQ,CAAC,CAAC,EAAA,CAAG;AAAA,UAAA,CAC3E,IACQC,MAAQ,UAAaE,IAAMF,KACpCC,EAAI,SAAS;AAAA,YACX,MAAMN,EAAE,aAAa;AAAA,YACrB,SAAST,EAAE,wBAAwB,EAAE,KAAK,QAAQc,IAAM,KAAK,QAAQ,CAAC,CAAC,EAAA,CAAG;AAAA,UAAA,CAC3E;AAAA,QAEL,CAAC;AAAA,MACL;AAAA;AAGF,IAAIX,EAAY,UAAU,SAAS,UACjCK,IAAcC,EAAE,QAAA,EAAU,SAAA,IACjBN,EAAY,UAAU,SAAS,gCACxCK,IAAcC,EAAE,OAAA,EAAS,SAAA,IAE3BR,EAAMI,CAAc,IAAIG;AAAA,EAC1B,CAAC,GAEM,EAAE,OAAAP,GAAO,UAAAC,EAAA;AAClB;"}

package/dist/components/Company/StateTaxes/shared/requirementValue.d.ts

@@ -0,0 +1,2 @@
+/** @internal */
+export declare function stringifyRequirementValue(value: unknown): string;

package/dist/components/Company/StateTaxes/shared/requirementValue.js

@@ -0,0 +1,7 @@
+function n(r) {
+  return r == null ? "" : typeof r == "number" ? isNaN(r) ? "" : String(r) : typeof r == "string" ? r : typeof r == "boolean" ? String(r) : "";
+}
+export {
+  n as stringifyRequirementValue
+};
+//# sourceMappingURL=requirementValue.js.map

package/dist/components/Company/StateTaxes/shared/requirementValue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"requirementValue.js","sources":["../../../../../src/components/Company/StateTaxes/shared/requirementValue.ts"],"sourcesContent":["/** @internal */\nexport function stringifyRequirementValue(value: unknown): string {\n  if (value === undefined || value === null) return ''\n  if (typeof value === 'number') return isNaN(value) ? '' : String(value)\n  if (typeof value === 'string') return value\n  if (typeof value === 'boolean') return String(value)\n  return ''\n}\n"],"names":["stringifyRequirementValue","value"],"mappings":"AACO,SAASA,EAA0BC,GAAwB;AAChE,SAA2BA,KAAU,OAAa,KAC9C,OAAOA,KAAU,WAAiB,MAAMA,CAAK,IAAI,KAAK,OAAOA,CAAK,IAClE,OAAOA,KAAU,WAAiBA,IAClC,OAAOA,KAAU,YAAkB,OAAOA,CAAK,IAC5C;AACT;"}

package/dist/components/Company/StateTaxes/shared/rhfKey.d.ts

@@ -0,0 +1,23 @@
+/** @internal */
+export declare const toRhfKey: (key: string) => string;
+/** @internal */
+export declare const fromRhfKey: (key: string) => string;
+/**
+ * `toRhfKey(requirement.key)`, disambiguated with a numeric suffix if an earlier requirement in
+ * the same `requirements` array has the same `key`.
+ *
+ * @remarks
+ * The API doesn't guarantee `TaxRequirement.key` is unique within a single requirement set. Two
+ * fields sharing a raw key would otherwise register under the identical react-hook-form field
+ * name and silently share state (editing one would overwrite the other). Call this — instead of
+ * `toRhfKey` directly — everywhere a requirement's key becomes a form field name, and use the
+ * same `(requirement, index, requirements)` triple both when building the field and when reading
+ * its value back out of the submitted payload.
+ *
+ * @internal
+ */
+export declare function getUniqueRhfKey(requirement: {
+    key?: string;
+}, index: number, requirements: {
+    key?: string;
+}[]): string;

package/dist/components/Company/StateTaxes/shared/rhfKey.js

@@ -0,0 +1,13 @@
+const f = "__PIPE__", l = (e) => e.replaceAll("|", f);
+function r(e, y, c) {
+  let t = 0;
+  for (let o = 0; o < y; o++)
+    c[o]?.key === e.key && t++;
+  const n = l(e.key ?? "");
+  return t === 0 ? n : `${n}--dup${t}`;
+}
+export {
+  r as getUniqueRhfKey,
+  l as toRhfKey
+};
+//# sourceMappingURL=rhfKey.js.map

package/dist/components/Company/StateTaxes/shared/rhfKey.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"rhfKey.js","sources":["../../../../../src/components/Company/StateTaxes/shared/rhfKey.ts"],"sourcesContent":["// react-hook-form's path parser strips `|`, `\"`, `'`, and `]` from field names\n// (see its stringToPath regex), which silently re-routes writes to a different\n// path than reads. Tax requirement keys like `wa_wc_hourly_rate|010103` need\n// the pipe replaced to round-trip through RHF state without losing values.\nconst PIPE_PLACEHOLDER = '__PIPE__'\n\n/** @internal */\nexport const toRhfKey = (key: string): string => key.replaceAll('|', PIPE_PLACEHOLDER)\n/** @internal */\nexport const fromRhfKey = (key: string): string => key.replaceAll(PIPE_PLACEHOLDER, '|')\n\n/**\n * `toRhfKey(requirement.key)`, disambiguated with a numeric suffix if an earlier requirement in\n * the same `requirements` array has the same `key`.\n *\n * @remarks\n * The API doesn't guarantee `TaxRequirement.key` is unique within a single requirement set. Two\n * fields sharing a raw key would otherwise register under the identical react-hook-form field\n * name and silently share state (editing one would overwrite the other). Call this — instead of\n * `toRhfKey` directly — everywhere a requirement's key becomes a form field name, and use the\n * same `(requirement, index, requirements)` triple both when building the field and when reading\n * its value back out of the submitted payload.\n *\n * @internal\n */\nexport function getUniqueRhfKey(\n  requirement: { key?: string },\n  index: number,\n  requirements: { key?: string }[],\n): string {\n  let priorSameKeyCount = 0\n  for (let i = 0; i < index; i++) {\n    if (requirements[i]?.key === requirement.key) priorSameKeyCount++\n  }\n  const base = toRhfKey(requirement.key ?? '')\n  return priorSameKeyCount === 0 ? base : `${base}--dup${priorSameKeyCount}`\n}\n"],"names":["PIPE_PLACEHOLDER","toRhfKey","key","getUniqueRhfKey","requirement","index","requirements","priorSameKeyCount","i","base"],"mappings":"AAIA,MAAMA,IAAmB,YAGZC,IAAW,CAACC,MAAwBA,EAAI,WAAW,KAAKF,CAAgB;AAkB9E,SAASG,EACdC,GACAC,GACAC,GACQ;AACR,MAAIC,IAAoB;AACxB,WAASC,IAAI,GAAGA,IAAIH,GAAOG;AACzB,IAAIF,EAAaE,CAAC,GAAG,QAAQJ,EAAY,OAAKG;AAEhD,QAAME,IAAOR,EAASG,EAAY,OAAO,EAAE;AAC3C,SAAOG,MAAsB,IAAIE,IAAO,GAAGA,CAAI,QAAQF,CAAiB;AAC1E;"}

package/dist/components/Company/StateTaxes/shared/rhfKey.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/Company/StateTaxes/stateTaxesStateMachine.d.ts

@@ -2,5 +2,5 @@
 export declare const stateTaxesStateMachine: {
     viewStateTaxes: import('robot3').MachineState<any>;
     editStateTaxes: import('robot3').MachineState<any>;
-    done: import('robot3').MachineState<any>;
+    manageTaxRates: import('robot3').MachineState<any>;
 };

package/dist/components/Company/StateTaxes/stateTaxesStateMachine.js

@@ -1,46 +1,66 @@
-import { state as o, transition as e, reduce as T } from "robot3";
-import { StateTaxesListContextual as n, StateTaxesFormContextual as i } from "./StateTaxesComponents.js";
-import { componentEvents as a } from "../../../shared/constants.js";
-const S = {
-  viewStateTaxes: o(
+import { state as s, transition as e, reduce as a } from "robot3";
+import { StateTaxesListContextual as T, StateTaxesFormContextual as i, TaxRateManagementContextual as m } from "./StateTaxesComponents.js";
+import { componentEvents as o } from "../../../shared/constants.js";
+const p = {
+  viewStateTaxes: s(
     e(
-      a.COMPANY_STATE_TAX_EDIT,
+      o.COMPANY_STATE_TAX_EDIT,
       "editStateTaxes",
-      T(
-        (t, s) => ({
+      a(
+        (t, n) => ({
           ...t,
           component: i,
-          state: s.payload.state
+          state: n.payload.state
         })
       )
     ),
-    e(a.COMPANY_STATE_TAX_DONE, "done")
+    e(
+      o.COMPANY_STATE_TAX_MANAGE_RATES,
+      "manageTaxRates",
+      a(
+        (t, n) => ({
+          ...t,
+          component: m,
+          state: n.payload.state
+        })
+      )
+    )
   ),
-  editStateTaxes: o(
+  editStateTaxes: s(
     e(
-      a.COMPANY_STATE_TAX_UPDATED,
+      o.COMPANY_STATE_TAX_UPDATED,
       "viewStateTaxes",
-      T(
-        (t, s) => ({
+      a(
+        (t, n) => ({
           ...t,
-          component: n,
+          component: T,
           state: void 0
         })
       )
     ),
     e(
-      a.CANCEL,
+      o.CANCEL,
       "viewStateTaxes",
-      T((t) => ({
+      a((t) => ({
         ...t,
-        component: n,
+        component: T,
         state: void 0
       }))
     )
   ),
-  done: o()
+  manageTaxRates: s(
+    e(
+      o.CANCEL,
+      "viewStateTaxes",
+      a((t) => ({
+        ...t,
+        component: T,
+        state: void 0
+      }))
+    )
+  )
 };
 export {
-  S as stateTaxesStateMachine
+  p as stateTaxesStateMachine
 };
 //# sourceMappingURL=stateTaxesStateMachine.js.map

package/dist/components/Company/StateTaxes/stateTaxesStateMachine.js.map

@@ -1 +1 @@
-{"version":3,"file":"stateTaxesStateMachine.js","sources":["../../../../src/components/Company/StateTaxes/stateTaxesStateMachine.tsx"],"sourcesContent":["import { reduce, state, state as final, transition } from 'robot3'\nimport type { ComponentType } from 'react'\nimport type { StateTaxesContextInterface } from './StateTaxesComponents'\nimport { StateTaxesFormContextual, StateTaxesListContextual } from './StateTaxesComponents'\nimport { componentEvents } from '@/shared/constants'\nimport type { MachineEventType, MachineTransition } from '@/types/Helpers'\n\ntype EventPayloads = {\n  [componentEvents.COMPANY_STATE_TAX_UPDATED]: undefined\n  [componentEvents.COMPANY_STATE_TAX_EDIT]: { state: string }\n}\n\n/** @internal */\nexport const stateTaxesStateMachine = {\n  viewStateTaxes: state<MachineTransition>(\n    transition(\n      componentEvents.COMPANY_STATE_TAX_EDIT,\n      'editStateTaxes',\n      reduce(\n        (\n          ctx: StateTaxesContextInterface,\n          ev: MachineEventType<EventPayloads, typeof componentEvents.COMPANY_STATE_TAX_EDIT>,\n        ): StateTaxesContextInterface => ({\n          ...ctx,\n          component: StateTaxesFormContextual as ComponentType,\n          state: ev.payload.state,\n        }),\n      ),\n    ),\n    transition(componentEvents.COMPANY_STATE_TAX_DONE, 'done'),\n  ),\n  editStateTaxes: state<MachineTransition>(\n    transition(\n      componentEvents.COMPANY_STATE_TAX_UPDATED,\n      'viewStateTaxes',\n      reduce(\n        (\n          ctx: StateTaxesContextInterface,\n          ev: MachineEventType<EventPayloads, typeof componentEvents.COMPANY_STATE_TAX_UPDATED>,\n        ): StateTaxesContextInterface => ({\n          ...ctx,\n          component: StateTaxesListContextual as ComponentType,\n          state: undefined,\n        }),\n      ),\n    ),\n    transition(\n      componentEvents.CANCEL,\n      'viewStateTaxes',\n      reduce((ctx: StateTaxesContextInterface): StateTaxesContextInterface => ({\n        ...ctx,\n        component: StateTaxesListContextual as ComponentType,\n        state: undefined,\n      })),\n    ),\n  ),\n  done: final(),\n}\n"],"names":["stateTaxesStateMachine","state","transition","componentEvents","reduce","ctx","ev","StateTaxesFormContextual","StateTaxesListContextual","final"],"mappings":";;;AAaO,MAAMA,IAAyB;AAAA,EACpC,gBAAgBC;AAAA,IACdC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC;AAAA,QACE,CACEC,GACAC,OACgC;AAAA,UAChC,GAAGD;AAAA,UACH,WAAWE;AAAA,UACX,OAAOD,EAAG,QAAQ;AAAA,QAAA;AAAA,MACpB;AAAA,IACF;AAAA,IAEFJ,EAAWC,EAAgB,wBAAwB,MAAM;AAAA,EAAA;AAAA,EAE3D,gBAAgBF;AAAA,IACdC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC;AAAA,QACE,CACEC,GACAC,OACgC;AAAA,UAChC,GAAGD;AAAA,UACH,WAAWG;AAAA,UACX,OAAO;AAAA,QAAA;AAAA,MACT;AAAA,IACF;AAAA,IAEFN;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC,EAAO,CAACC,OAAiE;AAAA,QACvE,GAAGA;AAAA,QACH,WAAWG;AAAA,QACX,OAAO;AAAA,MAAA,EACP;AAAA,IAAA;AAAA,EACJ;AAAA,EAEF,MAAMC,EAAA;AACR;"}
+{"version":3,"file":"stateTaxesStateMachine.js","sources":["../../../../src/components/Company/StateTaxes/stateTaxesStateMachine.tsx"],"sourcesContent":["import { reduce, state, transition } from 'robot3'\nimport type { ComponentType } from 'react'\nimport type { StateTaxesContextInterface } from './StateTaxesComponents'\nimport {\n  StateTaxesFormContextual,\n  StateTaxesListContextual,\n  TaxRateManagementContextual,\n} from './StateTaxesComponents'\nimport { componentEvents } from '@/shared/constants'\nimport type { MachineEventType, MachineTransition } from '@/types/Helpers'\n\ntype EventPayloads = {\n  [componentEvents.COMPANY_STATE_TAX_UPDATED]: undefined\n  [componentEvents.COMPANY_STATE_TAX_EDIT]: { state: string }\n  [componentEvents.COMPANY_STATE_TAX_MANAGE_RATES]: { state: string }\n}\n\n/** @internal */\nexport const stateTaxesStateMachine = {\n  viewStateTaxes: state<MachineTransition>(\n    transition(\n      componentEvents.COMPANY_STATE_TAX_EDIT,\n      'editStateTaxes',\n      reduce(\n        (\n          ctx: StateTaxesContextInterface,\n          ev: MachineEventType<EventPayloads, typeof componentEvents.COMPANY_STATE_TAX_EDIT>,\n        ): StateTaxesContextInterface => ({\n          ...ctx,\n          component: StateTaxesFormContextual as ComponentType,\n          state: ev.payload.state,\n        }),\n      ),\n    ),\n    transition(\n      componentEvents.COMPANY_STATE_TAX_MANAGE_RATES,\n      'manageTaxRates',\n      reduce(\n        (\n          ctx: StateTaxesContextInterface,\n          ev: MachineEventType<\n            EventPayloads,\n            typeof componentEvents.COMPANY_STATE_TAX_MANAGE_RATES\n          >,\n        ): StateTaxesContextInterface => ({\n          ...ctx,\n          component: TaxRateManagementContextual as ComponentType,\n          state: ev.payload.state,\n        }),\n      ),\n    ),\n  ),\n  editStateTaxes: state<MachineTransition>(\n    transition(\n      componentEvents.COMPANY_STATE_TAX_UPDATED,\n      'viewStateTaxes',\n      reduce(\n        (\n          ctx: StateTaxesContextInterface,\n          ev: MachineEventType<EventPayloads, typeof componentEvents.COMPANY_STATE_TAX_UPDATED>,\n        ): StateTaxesContextInterface => ({\n          ...ctx,\n          component: StateTaxesListContextual as ComponentType,\n          state: undefined,\n        }),\n      ),\n    ),\n    transition(\n      componentEvents.CANCEL,\n      'viewStateTaxes',\n      reduce((ctx: StateTaxesContextInterface): StateTaxesContextInterface => ({\n        ...ctx,\n        component: StateTaxesListContextual as ComponentType,\n        state: undefined,\n      })),\n    ),\n  ),\n  manageTaxRates: state<MachineTransition>(\n    transition(\n      componentEvents.CANCEL,\n      'viewStateTaxes',\n      reduce((ctx: StateTaxesContextInterface): StateTaxesContextInterface => ({\n        ...ctx,\n        component: StateTaxesListContextual as ComponentType,\n        state: undefined,\n      })),\n    ),\n  ),\n}\n"],"names":["stateTaxesStateMachine","state","transition","componentEvents","reduce","ctx","ev","StateTaxesFormContextual","TaxRateManagementContextual","StateTaxesListContextual"],"mappings":";;;AAkBO,MAAMA,IAAyB;AAAA,EACpC,gBAAgBC;AAAA,IACdC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC;AAAA,QACE,CACEC,GACAC,OACgC;AAAA,UAChC,GAAGD;AAAA,UACH,WAAWE;AAAA,UACX,OAAOD,EAAG,QAAQ;AAAA,QAAA;AAAA,MACpB;AAAA,IACF;AAAA,IAEFJ;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC;AAAA,QACE,CACEC,GACAC,OAIgC;AAAA,UAChC,GAAGD;AAAA,UACH,WAAWG;AAAA,UACX,OAAOF,EAAG,QAAQ;AAAA,QAAA;AAAA,MACpB;AAAA,IACF;AAAA,EACF;AAAA,EAEF,gBAAgBL;AAAA,IACdC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC;AAAA,QACE,CACEC,GACAC,OACgC;AAAA,UAChC,GAAGD;AAAA,UACH,WAAWI;AAAA,UACX,OAAO;AAAA,QAAA;AAAA,MACT;AAAA,IACF;AAAA,IAEFP;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC,EAAO,CAACC,OAAiE;AAAA,QACvE,GAAGA;AAAA,QACH,WAAWI;AAAA,QACX,OAAO;AAAA,MAAA,EACP;AAAA,IAAA;AAAA,EACJ;AAAA,EAEF,gBAAgBR;AAAA,IACdC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC,EAAO,CAACC,OAAiE;AAAA,QACvE,GAAGA;AAAA,QACH,WAAWI;AAAA,QACX,OAAO;AAAA,MAAA,EACP;AAAA,IAAA;AAAA,EACJ;AAEJ;"}

package/dist/components/Company/exports/companyOnboarding.d.ts

@@ -13,6 +13,7 @@ export { FederalTaxes, type FederalTaxesProps, type FederalTaxesDefaultValues, }
 export { StateTaxes, type StateTaxesProps } from '../StateTaxes/StateTaxes';
 export { StateTaxesForm, type StateTaxesFormProps } from '../StateTaxes/StateTaxesForm';
 export { StateTaxesList, type StateTaxesListProps } from '../StateTaxes/StateTaxesList';
+export { TaxRateManagement, type TaxRateManagementProps } from '../StateTaxes/TaxRateManagement';
 export { AssignSignatory, type AssignSignatoryProps, type AssignSignatoryDefaultValues, } from '../AssignSignatory';
 export { CreateSignatory, type CreateSignatoryProps, type CreateSignatoryDefaultValues, } from '../AssignSignatory/CreateSignatory';
 export { InviteSignatory, type InviteSignatoryProps, type InviteSignatoryDefaultValues, } from '../AssignSignatory/InviteSignatory';

package/dist/components/Company/exports/companyOnboarding.js

@@ -1,10 +1,10 @@
 import { OnboardingFlow as t } from "../OnboardingFlow/OnboardingFlow.js";
 import { OnboardingOverview as m } from "../OnboardingOverview/OnboardingOverview.js";
-import { BankAccount as a } from "../BankAccount/BankAccount.js";
+import { BankAccount as x } from "../BankAccount/BankAccount.js";
 import { Locations as f } from "../Locations/Locations.js";
 import { StateTaxes as i } from "../StateTaxes/StateTaxes.js";
-import { AssignSignatory as S } from "../AssignSignatory/AssignSignatory.js";
-import { CreateSignatory as g } from "../AssignSignatory/CreateSignatory/CreateSignatory.js";
+import { AssignSignatory as g } from "../AssignSignatory/AssignSignatory.js";
+import { CreateSignatory as c } from "../AssignSignatory/CreateSignatory/CreateSignatory.js";
 import { DocumentList as L } from "../DocumentSigner/DocumentList/DocumentList.js";
 import { DocumentSigner as y } from "../DocumentSigner/DocumentSigner.js";
 import { FederalTaxes as T } from "../FederalTaxes/FederalTaxes.js";
@@ -14,12 +14,13 @@ import { LocationForm as A } from "../Locations/LocationForm/LocationForm.js";
 import { LocationsList as I } from "../Locations/LocationsList/LocationsList.js";
 import { PaySchedule as k } from "../PaySchedule/PaySchedule.js";
 import { SignatureForm as C } from "../DocumentSigner/SignatureForm/SignatureForm.js";
-import { StateTaxesForm as j } from "../StateTaxes/StateTaxesForm/StateTaxesForm.js";
-import { StateTaxesList as z } from "../StateTaxes/StateTaxesList/StateTaxesList.js";
+import { StateTaxesForm as P } from "../StateTaxes/StateTaxesForm/StateTaxesForm.js";
+import { StateTaxesList as j } from "../StateTaxes/StateTaxesList/StateTaxesList.js";
+import { TaxRateManagement as z } from "../StateTaxes/TaxRateManagement/TaxRateManagement.js";
 export {
-  S as AssignSignatory,
-  a as BankAccount,
-  g as CreateSignatory,
+  g as AssignSignatory,
+  x as BankAccount,
+  c as CreateSignatory,
   L as DocumentList,
   y as DocumentSigner,
   T as FederalTaxes,
@@ -33,7 +34,8 @@ export {
   k as PaySchedule,
   C as SignatureForm,
   i as StateTaxes,
-  j as StateTaxesForm,
-  z as StateTaxesList
+  P as StateTaxesForm,
+  j as StateTaxesList,
+  z as TaxRateManagement
 };
 //# sourceMappingURL=companyOnboarding.js.map

package/dist/components/Company/exports/companyOnboarding.js.map

@@ -1 +1 @@
-{"version":3,"file":"companyOnboarding.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"companyOnboarding.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;"}

package/dist/components/Contractor/Address/Address.js

@@ -1,91 +1,98 @@
-import { jsx as e, jsxs as l } from "react/jsx-runtime";
-import { useTranslation as c } from "react-i18next";
-import g from "classnames";
-import C from "./Address.module.scss.js";
+import { jsx as t, jsxs as l } from "react/jsx-runtime";
+import { useTranslation as m } from "react-i18next";
+import R from "classnames";
+import b from "./Address.module.scss.js";
 import { useContractorAddressForm as E } from "./shared/useContractorAddressForm/useContractorAddressForm.js";
 import { BaseBoundaries as S, BaseLayout as p } from "../../Base/Base.js";
 import "../../Base/useBase.js";
-import { SDKFormProvider as b } from "../../../partner-hook-utils/form/SDKFormProvider.js";
-import { Form as v } from "../../Common/Form/Form.js";
-import { Flex as u } from "../../Common/Flex/Flex.js";
-import { Grid as I } from "../../Common/Grid/Grid.js";
-import { ActionsLayout as T } from "../../Common/ActionsLayout/ActionsLayout.js";
-import { useComponentContext as y } from "../../../contexts/ComponentAdapter/useComponentContext.js";
-import "react";
+import { SDKFormProvider as v } from "../../../partner-hook-utils/form/SDKFormProvider.js";
+import { Form as T } from "../../Common/Form/Form.js";
+import { Flex as f } from "../../Common/Flex/Flex.js";
+import { Grid as y } from "../../Common/Grid/Grid.js";
+import { ActionsLayout as I } from "../../Common/ActionsLayout/ActionsLayout.js";
+import { useComponentContext as h } from "../../../contexts/ComponentAdapter/useComponentContext.js";
 import { useComponentDictionary as x, useI18n as _ } from "../../../i18n/I18n.js";
-import { contractorEvents as f } from "../../../shared/constants.js";
-const F = {
+import { contractorEvents as g } from "../../../shared/constants.js";
+import { useContractorHasSignedW9 as F } from "../shared/useContractorHasSignedW9.js";
+const L = {
   update: ["street1", "city", "state", "zip"]
 };
-function G({ onEvent: n, FallbackComponent: a, ...i }) {
-  return /* @__PURE__ */ e(S, { componentName: "Contractor.Address", FallbackComponent: a, children: /* @__PURE__ */ e(L, { onEvent: n, ...i }) });
+function $({ onEvent: o, FallbackComponent: i, ...s }) {
+  return /* @__PURE__ */ t(S, { componentName: "Contractor.Address", FallbackComponent: i, children: /* @__PURE__ */ t(B, { onEvent: o, ...s }) });
 }
-function L({
-  contractorId: n,
-  defaultValues: a,
-  onEvent: i,
-  dictionary: D,
-  className: h
+function N({ contractorId: o }) {
+  const i = F(o), { t: s } = m("Contractor.Address"), d = h();
+  return i ? /* @__PURE__ */ t(d.Alert, { status: "warning", disableScrollIntoView: !0, label: s("w9EditWarning.label"), children: /* @__PURE__ */ t(d.Text, { children: s("w9EditWarning.body") }) }) : null;
+}
+function B({
+  contractorId: o,
+  defaultValues: i,
+  onEvent: s,
+  dictionary: d,
+  className: D
 }) {
-  x("Contractor.Address", D), _("Contractor.Address");
-  const { t } = c("Contractor.Address"), { t: A } = c("common"), d = y(), r = E({
-    contractorId: n,
-    optionalFieldsToRequire: F,
-    defaultValues: a
+  x("Contractor.Address", d), _("Contractor.Address");
+  const { t: r } = m("Contractor.Address"), { t: A } = m("common"), c = h(), e = E({
+    contractorId: o,
+    optionalFieldsToRequire: L,
+    defaultValues: i
   });
-  if (r.isLoading)
-    return /* @__PURE__ */ e(p, { isLoading: !0, error: r.errorHandling.errors });
-  const { Fields: s } = r.form, m = r.data.contractorType === "Business", R = async () => {
-    const o = await r.actions.onSubmit();
-    o && (i(f.CONTRACTOR_ADDRESS_UPDATED, o.data), i(f.CONTRACTOR_ADDRESS_DONE));
+  if (e.isLoading)
+    return /* @__PURE__ */ t(p, { isLoading: !0, error: e.errorHandling.errors });
+  const { Fields: n } = e.form, u = e.data.contractorType === "Business", C = async () => {
+    const a = await e.actions.onSubmit();
+    a && (s(g.CONTRACTOR_ADDRESS_UPDATED, a.data), s(g.CONTRACTOR_ADDRESS_DONE));
   };
-  return /* @__PURE__ */ e("section", { className: g(C.container, h), children: /* @__PURE__ */ e(p, { error: r.errorHandling.errors, children: /* @__PURE__ */ e(b, { formHookResult: r, children: /* @__PURE__ */ e(v, { onSubmit: () => {
-    R();
-  }, children: /* @__PURE__ */ l(u, { flexDirection: "column", gap: 32, alignItems: "stretch", children: [
-    /* @__PURE__ */ e("header", { children: /* @__PURE__ */ l(u, { flexDirection: "column", gap: 4, children: [
-      /* @__PURE__ */ e(d.Heading, { as: "h2", children: t(m ? "businessAddressTitle" : "homeAddressTitle") }),
-      /* @__PURE__ */ e(d.Text, { variant: "supporting", children: t(m ? "businessAddressDescription" : "homeAddressDescription") })
-    ] }) }),
-    /* @__PURE__ */ l(I, { gridTemplateColumns: { base: "1fr", small: ["1fr", "1fr"] }, gap: 20, children: [
-      /* @__PURE__ */ e(
-        s.Street1,
-        {
-          label: t("street1"),
-          validationMessages: { REQUIRED: t("validations.street1") }
-        }
-      ),
-      /* @__PURE__ */ e(s.Street2, { label: t("street2") }),
-      /* @__PURE__ */ e(
-        s.City,
-        {
-          label: t("city"),
-          validationMessages: { REQUIRED: t("validations.city") }
-        }
-      ),
-      /* @__PURE__ */ e(
-        s.State,
-        {
-          label: t("state"),
-          placeholder: t("statePlaceholder"),
-          validationMessages: { REQUIRED: t("validations.state") },
-          getOptionLabel: (o) => A(`statesHash.${o}`, { defaultValue: o })
-        }
-      ),
-      /* @__PURE__ */ e(
-        s.Zip,
-        {
-          label: t("zip"),
-          validationMessages: {
-            REQUIRED: t("validations.zip"),
-            INVALID_ZIP: t("validations.zipInvalid")
+  return /* @__PURE__ */ t("section", { className: R(b.container, D), children: /* @__PURE__ */ t(p, { error: e.errorHandling.errors, children: /* @__PURE__ */ t(v, { formHookResult: e, children: /* @__PURE__ */ l(T, { onSubmit: () => {
+    C();
+  }, children: [
+    /* @__PURE__ */ t(N, { contractorId: o }),
+    /* @__PURE__ */ l(f, { flexDirection: "column", gap: 32, alignItems: "stretch", children: [
+      /* @__PURE__ */ t("header", { children: /* @__PURE__ */ l(f, { flexDirection: "column", gap: 4, children: [
+        /* @__PURE__ */ t(c.Heading, { as: "h2", children: r(u ? "businessAddressTitle" : "homeAddressTitle") }),
+        /* @__PURE__ */ t(c.Text, { variant: "supporting", children: r(u ? "businessAddressDescription" : "homeAddressDescription") })
+      ] }) }),
+      /* @__PURE__ */ l(y, { gridTemplateColumns: { base: "1fr", small: ["1fr", "1fr"] }, gap: 20, children: [
+        /* @__PURE__ */ t(
+          n.Street1,
+          {
+            label: r("street1"),
+            validationMessages: { REQUIRED: r("validations.street1") }
+          }
+        ),
+        /* @__PURE__ */ t(n.Street2, { label: r("street2") }),
+        /* @__PURE__ */ t(
+          n.City,
+          {
+            label: r("city"),
+            validationMessages: { REQUIRED: r("validations.city") }
+          }
+        ),
+        /* @__PURE__ */ t(
+          n.State,
+          {
+            label: r("state"),
+            placeholder: r("statePlaceholder"),
+            validationMessages: { REQUIRED: r("validations.state") },
+            getOptionLabel: (a) => A(`statesHash.${a}`, { defaultValue: a })
+          }
+        ),
+        /* @__PURE__ */ t(
+          n.Zip,
+          {
+            label: r("zip"),
+            validationMessages: {
+              REQUIRED: r("validations.zip"),
+              INVALID_ZIP: r("validations.zipInvalid")
+            }
           }
-        }
-      )
-    ] }),
-    /* @__PURE__ */ e(T, { children: /* @__PURE__ */ e(d.Button, { type: "submit", isDisabled: r.status.isPending, children: r.status.isPending ? t("submitting") : t("submit") }) })
-  ] }) }) }) }) });
+        )
+      ] }),
+      /* @__PURE__ */ t(I, { children: /* @__PURE__ */ t(c.Button, { type: "submit", isDisabled: e.status.isPending, children: e.status.isPending ? r("submitting") : r("submit") }) })
+    ] })
+  ] }) }) }) });
 }
 export {
-  G as Address
+  $ as Address
 };
 //# sourceMappingURL=Address.js.map