@gusto/embedded-react-sdk 0.52.2 → 0.54.0

package/dist/components/Company/StateTaxes/StateTaxesForm/Form.js

@@ -1,37 +1,26 @@
-import { jsxs as m, Fragment as u, jsx as o } from "react/jsx-runtime";
-import { useTranslation as d } from "react-i18next";
-import { useFormContext as x, useWatch as h } from "react-hook-form";
-import { useStateTaxesForm as T } from "./context.js";
-import { toRhfKey as F } from "./rhfKey.js";
-import { isRequirementApplicable as y } from "./applicableIf.js";
-import { QuestionInput as C } from "../../../Common/TaxInputs/TaxInputs.js";
-import { useLocaleDateFormatter as b } from "../../../../contexts/LocaleProvider/useLocale.js";
-import { useComponentContext as R } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
-function z() {
-  const { t: n } = d("Company.StateTaxes", { keyPrefix: "form" }), s = b(), { stateTaxRequirements: i } = T(), r = R(), { control: p } = x(), f = h({ control: p });
-  return i.requirementSets?.map(
-    ({ requirements: c, label: l, effectiveFrom: a, key: e }) => /* @__PURE__ */ m(u, { children: [
-      /* @__PURE__ */ m("div", { children: [
-        /* @__PURE__ */ o(r.Heading, { as: "h3", children: l }),
-        a && /* @__PURE__ */ o(r.Text, { size: "sm", children: n("effectiveFromLabel", { date: s.format(new Date(a)) }) })
+import { jsxs as i, Fragment as d, jsx as e } from "react/jsx-runtime";
+import { useTranslation as x } from "react-i18next";
+import { RequirementFields as h } from "../shared/RequirementFields.js";
+import { getUniqueRhfKey as F } from "../shared/rhfKey.js";
+import { useStateTaxesForm as q } from "./context.js";
+import { useComponentContext as y } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
+import { useDateFormatter as S } from "../../../../hooks/useDateFormatter.js";
+function k() {
+  const { t: s } = x("Company.StateTaxes", { keyPrefix: "form" }), a = S(), { stateTaxRequirements: f } = q(), t = y(), r = f.requirementSets ?? [];
+  return r.map((o, u) => {
+    const { requirements: c, label: p, effectiveFrom: n, key: l } = o;
+    if (!l) return null;
+    const m = F(o, u, r);
+    return /* @__PURE__ */ i(d, { children: [
+      /* @__PURE__ */ i("div", { children: [
+        /* @__PURE__ */ e(t.Heading, { as: "h3", children: p }),
+        n && /* @__PURE__ */ e(t.Text, { size: "sm", children: s("effectiveFromLabel", { date: a.formatLongWithYear(n) }) })
       ] }),
-      c?.flatMap((t) => t.editable === !1 ? [] : !e || !y(t, e, f) ? [] : [
-        /* @__PURE__ */ o(
-          C,
-          {
-            requirement: {
-              ...t,
-              key: `${e}.${F(t.key)}`
-            },
-            questionType: t.metadata?.type ?? "Text"
-          },
-          t.key
-        )
-      ])
-    ] }, e)
-  );
+      /* @__PURE__ */ e(h, { requirements: c, requirementSetKey: m })
+    ] }, m);
+  });
 }
 export {
-  z as Form
+  k as Form
 };
 //# sourceMappingURL=Form.js.map

package/dist/components/Company/StateTaxes/StateTaxesForm/Form.js.map

@@ -1 +1 @@
-{"version":3,"file":"Form.js","sources":["../../../../../src/components/Company/StateTaxes/StateTaxesForm/Form.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { Fragment } from 'react/jsx-runtime'\nimport { useFormContext, useWatch } from 'react-hook-form'\nimport { useStateTaxesForm } from './context'\nimport { toRhfKey } from './rhfKey'\nimport { isRequirementApplicable, type StateTaxesFormValues } from './applicableIf'\nimport { QuestionInput } from '@/components/Common/TaxInputs/TaxInputs'\nimport { useLocaleDateFormatter } from '@/contexts/LocaleProvider/useLocale'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\n/** @internal */\nexport function Form() {\n  const { t } = useTranslation('Company.StateTaxes', { keyPrefix: 'form' })\n  const dateFormatter = useLocaleDateFormatter()\n  const { stateTaxRequirements } = useStateTaxesForm()\n  const Components = useComponentContext()\n  const { control } = useFormContext()\n  const watchedValues = useWatch({ control }) as StateTaxesFormValues\n\n  return stateTaxRequirements.requirementSets?.map(\n    ({ requirements, label, effectiveFrom, key }) => (\n      <Fragment key={key}>\n        <div>\n          <Components.Heading as=\"h3\">{label}</Components.Heading>\n          {effectiveFrom && (\n            <Components.Text size=\"sm\">\n              {t('effectiveFromLabel', { date: dateFormatter.format(new Date(effectiveFrom)) })}\n            </Components.Text>\n          )}\n        </div>\n        {requirements?.flatMap(requirement => {\n          if (requirement.editable === false) return []\n          if (!key || !isRequirementApplicable(requirement, key, watchedValues)) return []\n          return [\n            <QuestionInput\n              requirement={{\n                ...requirement,\n                key: `${key}.${toRhfKey(requirement.key as string)}`,\n              }}\n              questionType={requirement.metadata?.type ?? 'Text'}\n              key={requirement.key}\n            />,\n          ]\n        })}\n      </Fragment>\n    ),\n  )\n}\n"],"names":["Form","t","useTranslation","dateFormatter","useLocaleDateFormatter","stateTaxRequirements","useStateTaxesForm","Components","useComponentContext","control","useFormContext","watchedValues","useWatch","requirements","label","effectiveFrom","key","Fragment","jsxs","jsx","requirement","isRequirementApplicable","QuestionInput","toRhfKey"],"mappings":";;;;;;;;;AAWO,SAASA,IAAO;AACrB,QAAM,EAAE,GAAAC,MAAMC,EAAe,sBAAsB,EAAE,WAAW,QAAQ,GAClEC,IAAgBC,EAAA,GAChB,EAAE,sBAAAC,EAAA,IAAyBC,EAAA,GAC3BC,IAAaC,EAAA,GACb,EAAE,SAAAC,EAAA,IAAYC,EAAA,GACdC,IAAgBC,EAAS,EAAE,SAAAH,GAAS;AAE1C,SAAOJ,EAAqB,iBAAiB;AAAA,IAC3C,CAAC,EAAE,cAAAQ,GAAc,OAAAC,GAAO,eAAAC,GAAe,KAAAC,EAAA,wBACpCC,GAAA,EACC,UAAA;AAAA,MAAA,gBAAAC,EAAC,OAAA,EACC,UAAA;AAAA,QAAA,gBAAAC,EAACZ,EAAW,SAAX,EAAmB,IAAG,MAAM,UAAAO,GAAM;AAAA,QAClCC,KACC,gBAAAI,EAACZ,EAAW,MAAX,EAAgB,MAAK,MACnB,UAAAN,EAAE,sBAAsB,EAAE,MAAME,EAAc,OAAO,IAAI,KAAKY,CAAa,CAAC,EAAA,CAAG,EAAA,CAClF;AAAA,MAAA,GAEJ;AAAA,MACCF,GAAc,QAAQ,CAAAO,MACjBA,EAAY,aAAa,KAAc,CAAA,IACvC,CAACJ,KAAO,CAACK,EAAwBD,GAAaJ,GAAKL,CAAa,IAAU,CAAA,IACvE;AAAA,QACL,gBAAAQ;AAAA,UAACG;AAAA,UAAA;AAAA,YACC,aAAa;AAAA,cACX,GAAGF;AAAA,cACH,KAAK,GAAGJ,CAAG,IAAIO,EAASH,EAAY,GAAa,CAAC;AAAA,YAAA;AAAA,YAEpD,cAAcA,EAAY,UAAU,QAAQ;AAAA,UAAA;AAAA,UACvCA,EAAY;AAAA,QAAA;AAAA,MACnB,CAEH;AAAA,IAAA,EAAA,GAtBYJ,CAuBf;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"Form.js","sources":["../../../../../src/components/Company/StateTaxes/StateTaxesForm/Form.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { Fragment } from 'react/jsx-runtime'\nimport { RequirementFields } from '../shared/RequirementFields'\nimport { getUniqueRhfKey } from '../shared/rhfKey'\nimport { useStateTaxesForm } from './context'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useDateFormatter } from '@/hooks/useDateFormatter'\n\n/** @internal */\nexport function Form() {\n  const { t } = useTranslation('Company.StateTaxes', { keyPrefix: 'form' })\n  const dateFormatter = useDateFormatter()\n  const { stateTaxRequirements } = useStateTaxesForm()\n  const Components = useComponentContext()\n  const requirementSets = stateTaxRequirements.requirementSets ?? []\n\n  // A single key (e.g. \"taxrates\") can appear in more than one set when a future-dated set is\n  // already scheduled alongside the current one — each rendered section still needs its own\n  // disambiguated form path so the two sections' fields don't share state.\n  return requirementSets.map((requirementSet, index) => {\n    const { requirements, label, effectiveFrom, key } = requirementSet\n    if (!key) return null\n    const requirementSetPath = getUniqueRhfKey(requirementSet, index, requirementSets)\n    return (\n      <Fragment key={requirementSetPath}>\n        <div>\n          <Components.Heading as=\"h3\">{label}</Components.Heading>\n          {effectiveFrom && (\n            <Components.Text size=\"sm\">\n              {t('effectiveFromLabel', { date: dateFormatter.formatLongWithYear(effectiveFrom) })}\n            </Components.Text>\n          )}\n        </div>\n        <RequirementFields requirements={requirements} requirementSetKey={requirementSetPath} />\n      </Fragment>\n    )\n  })\n}\n"],"names":["Form","t","useTranslation","dateFormatter","useDateFormatter","stateTaxRequirements","useStateTaxesForm","Components","useComponentContext","requirementSets","requirementSet","index","requirements","label","effectiveFrom","key","requirementSetPath","getUniqueRhfKey","Fragment","jsxs","jsx","RequirementFields"],"mappings":";;;;;;;AASO,SAASA,IAAO;AACrB,QAAM,EAAE,GAAAC,MAAMC,EAAe,sBAAsB,EAAE,WAAW,QAAQ,GAClEC,IAAgBC,EAAA,GAChB,EAAE,sBAAAC,EAAA,IAAyBC,EAAA,GAC3BC,IAAaC,EAAA,GACbC,IAAkBJ,EAAqB,mBAAmB,CAAA;AAKhE,SAAOI,EAAgB,IAAI,CAACC,GAAgBC,MAAU;AACpD,UAAM,EAAE,cAAAC,GAAc,OAAAC,GAAO,eAAAC,GAAe,KAAAC,MAAQL;AACpD,QAAI,CAACK,EAAK,QAAO;AACjB,UAAMC,IAAqBC,EAAgBP,GAAgBC,GAAOF,CAAe;AACjF,6BACGS,GAAA,EACC,UAAA;AAAA,MAAA,gBAAAC,EAAC,OAAA,EACC,UAAA;AAAA,QAAA,gBAAAC,EAACb,EAAW,SAAX,EAAmB,IAAG,MAAM,UAAAM,GAAM;AAAA,QAClCC,KACC,gBAAAM,EAACb,EAAW,MAAX,EAAgB,MAAK,MACnB,UAAAN,EAAE,sBAAsB,EAAE,MAAME,EAAc,mBAAmBW,CAAa,EAAA,CAAG,EAAA,CACpF;AAAA,MAAA,GAEJ;AAAA,MACA,gBAAAM,EAACC,GAAA,EAAkB,cAAAT,GAA4B,mBAAmBI,EAAA,CAAoB;AAAA,IAAA,EAAA,GATzEA,CAUf;AAAA,EAEJ,CAAC;AACH;"}

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

@@ -1,95 +1,87 @@
-import { jsx as n, jsxs as w, Fragment as K } from "react/jsx-runtime";
-import { useForm as O, FormProvider as B } from "react-hook-form";
-import { zodResolver as D } from "@hookform/resolvers/zod";
-import { useTaxRequirementsUpdateStateMutation as M } from "@gusto/embedded-api/react-query/taxRequirementsUpdateState";
-import { useTaxRequirementsGetSuspense as z } from "@gusto/embedded-api/react-query/taxRequirementsGet";
-import { z as m } from "zod";
-import { useMemo as H } from "react";
-import { useTranslation as q } from "react-i18next";
-import { Head as G } from "./Head.js";
-import { StateTaxesFormProvider as L } from "./context.js";
-import { Form as X } from "./Form.js";
-import { Actions as Y } from "./Actions.js";
-import { toRhfKey as g } from "./rhfKey.js";
-import { isRequirementApplicable as $ } from "./applicableIf.js";
-import { BaseComponent as I } from "../../../Base/Base.js";
-import { useI18n as J } from "../../../../i18n/I18n.js";
-import { Flex as Q } from "../../../Common/Flex/Flex.js";
-import { Form as W } from "../../../Common/Form/Form.js";
-import { componentEvents as T } from "../../../../shared/constants.js";
-import { useBase as Z } from "../../../Base/useBase.js";
-function ee(t) {
-  return t == null ? "" : typeof t == "number" ? isNaN(t) ? "" : String(t) : typeof t == "string" ? t : typeof t == "boolean" ? String(t) : "";
+import { jsx as t, jsxs as D, Fragment as M } from "react/jsx-runtime";
+import { useForm as _, FormProvider as w } from "react-hook-form";
+import { zodResolver as z } from "@hookform/resolvers/zod";
+import { useTaxRequirementsUpdateStateMutation as H } from "@gusto/embedded-api/react-query/taxRequirementsUpdateState";
+import { useTaxRequirementsGetSuspense as K } from "@gusto/embedded-api/react-query/taxRequirementsGet";
+import { z as b } from "zod";
+import { useMemo as N } from "react";
+import { useTranslation as O } from "react-i18next";
+import { getUniqueRhfKey as d } from "../shared/rhfKey.js";
+import { isRequirementApplicable as G } from "../shared/applicableIf.js";
+import { buildRequirementSchema as L } from "../shared/buildRequirementSchema.js";
+import { stringifyRequirementValue as X } from "../shared/requirementValue.js";
+import { Head as Y } from "./Head.js";
+import { StateTaxesFormProvider as $ } from "./context.js";
+import { Form as I } from "./Form.js";
+import { Actions as J } from "./Actions.js";
+import { BaseComponent as Q } from "../../../Base/Base.js";
+import { useI18n as W } from "../../../../i18n/I18n.js";
+import { Flex as Z } from "../../../Common/Flex/Flex.js";
+import { Form as ee } from "../../../Common/Form/Form.js";
+import { componentEvents as R } from "../../../../shared/constants.js";
+import { useBase as te } from "../../../Base/useBase.js";
+function Pe(n) {
+  return /* @__PURE__ */ t(Q, { ...n, children: /* @__PURE__ */ t(re, { ...n, children: n.children }) });
 }
-function ge(t) {
-  return /* @__PURE__ */ n(I, { ...t, children: /* @__PURE__ */ n(te, { ...t, children: t.children }) });
-}
-function te({ companyId: t, state: f, className: F, children: y }) {
-  J("Company.StateTaxes");
-  const { onEvent: S, baseSubmitHandler: R } = Z(), { t: h } = q("Company.StateTaxes", { keyPrefix: "form" }), { data: P } = z({ companyUuid: t, state: f }), l = P.taxRequirementsState, { mutateAsync: _, isPending: A } = M(), { dynamicSchema: C, defaultValues: E } = H(() => {
-    const p = {}, i = {};
-    return l.requirementSets?.forEach((c) => {
-      if (!c.key) return;
-      const a = c.key, r = {}, s = {};
-      c.requirements?.forEach((e) => {
-        if (!e.key) return;
-        const o = g(e.key), U = e.metadata?.type === "tax_rate" || e.metadata?.type === "percent";
-        e.metadata?.type === "radio" ? s[o] = e.value ?? void 0 : e.metadata?.type === "workers_compensation_rate" ? s[o] = e.value !== null && e.value !== void 0 ? Number(e.value) : void 0 : s[o] = e.value ? String(e.value) : "";
-        let u = m.string().optional();
-        const d = e.metadata?.validation;
-        if (d && U && d.type === "one_of") {
-          const x = d.rates;
-          u = m.string().optional().refine((k) => !k || x.includes(k), {
-            message: h("validations.oneOf", { values: x.join(", ") })
-          });
-        }
-        e.metadata?.type === "radio" ? u = m.boolean().optional() : e.metadata?.type === "workers_compensation_rate" && (u = m.number().optional()), r[o] = u;
-      }), Object.keys(r).length > 0 && (p[a] = m.object(r), i[a] = s);
+function re({ companyId: n, state: a, className: v, children: S }) {
+  W("Company.StateTaxes");
+  const { onEvent: y, baseSubmitHandler: F } = te(), { t: q } = O("Company.StateTaxes", { keyPrefix: "form" }), { data: P } = K({ companyUuid: n, state: a }), c = P.taxRequirementsState, { mutateAsync: g, isPending: k } = H(), { dynamicSchema: A, defaultValues: C } = N(() => {
+    const u = {}, m = {}, f = c.requirementSets ?? [];
+    return f.forEach((s, e) => {
+      if (!s.key) return;
+      const r = d(s, e, f), { shape: i, defaults: p } = L(s.requirements, q);
+      Object.keys(i).length > 0 && (u[r] = b.object(i), m[r] = p);
     }), {
-      dynamicSchema: m.object(p),
-      defaultValues: i
+      dynamicSchema: b.object(u),
+      defaultValues: m
     };
-  }, [l, h]), { control: j, ...b } = O({
-    resolver: D(C),
-    defaultValues: E
-  }), V = async (p) => {
-    await R(p, async (i) => {
-      const v = i, c = l.requirementSets?.filter((a) => a.key && i[a.key]).map((a) => {
-        const r = a.key, s = i[r], e = (a.requirements ?? []).filter((o) => o.editable !== !1).filter((o) => $(o, r, v));
+  }, [c, q]), { control: E, ...x } = _({
+    resolver: z(A),
+    defaultValues: C
+  }), U = async (u) => {
+    await F(u, async (m) => {
+      const f = m, l = c.requirementSets ?? [], s = l.map((e, r) => ({ requirementSet: e, setIndex: r })).filter(({ requirementSet: e, setIndex: r }) => {
+        if (!e.key) return !1;
+        const i = d(e, r, l);
+        return !!m[i];
+      }).map(({ requirementSet: e, setIndex: r }) => {
+        const i = e.key, p = d(e, r, l), B = m[p], T = e.requirements ?? [], V = T.map((o, h) => ({ req: o, index: h })).filter(({ req: o }) => o.editable !== !1).filter(({ req: o }) => G(o, p, f));
         return {
-          state: f,
-          key: r,
-          effectiveFrom: a.effectiveFrom,
-          requirements: e.map((o) => ({
+          state: a,
+          key: i,
+          effectiveFrom: e.effectiveFrom,
+          requirements: V.map(({ req: o, index: h }) => ({
             key: o.key,
-            value: ee(s[g(o.key)])
+            value: X(
+              B[d(o, h, T)]
+            )
           }))
         };
       });
-      await _({
+      await g({
         request: {
-          companyUuid: t,
-          requestBody: { requirementSets: c },
-          state: f
+          companyUuid: n,
+          requestBody: { requirementSets: s },
+          state: a
         }
-      }), S(T.COMPANY_STATE_TAX_UPDATED);
+      }), y(R.COMPANY_STATE_TAX_UPDATED);
     });
-  }, N = () => {
-    S(T.CANCEL);
+  }, j = () => {
+    y(R.CANCEL);
   };
-  return /* @__PURE__ */ n("section", { className: F, children: /* @__PURE__ */ n(B, { ...b, control: j, children: /* @__PURE__ */ n(W, { onSubmit: b.handleSubmit(V), children: /* @__PURE__ */ n(
-    L,
+  return /* @__PURE__ */ t("section", { className: v, children: /* @__PURE__ */ t(w, { ...x, control: E, children: /* @__PURE__ */ t(ee, { onSubmit: x.handleSubmit(U), children: /* @__PURE__ */ t(
+    $,
     {
-      value: { stateTaxRequirements: l, isPending: A, state: f, handleCancel: N },
-      children: /* @__PURE__ */ n(Q, { flexDirection: "column", gap: 32, children: y || /* @__PURE__ */ w(K, { children: [
-        /* @__PURE__ */ n(G, {}),
-        /* @__PURE__ */ n(X, {}),
-        /* @__PURE__ */ n(Y, {})
+      value: { stateTaxRequirements: c, isPending: k, state: a, handleCancel: j },
+      children: /* @__PURE__ */ t(Z, { flexDirection: "column", gap: 32, children: S || /* @__PURE__ */ D(M, { children: [
+        /* @__PURE__ */ t(Y, {}),
+        /* @__PURE__ */ t(I, {}),
+        /* @__PURE__ */ t(J, {})
       ] }) })
     }
   ) }) }) });
 }
 export {
-  ge as StateTaxesForm
+  Pe as StateTaxesForm
 };
 //# sourceMappingURL=StateTaxesForm.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"StateTaxesForm.js","sources":["../../../../../src/components/Company/StateTaxes/StateTaxesForm/StateTaxesForm.tsx"],"sourcesContent":["import { FormProvider, useForm } from 'react-hook-form'\nimport { zodResolver } from '@hookform/resolvers/zod'\nimport { useTaxRequirementsUpdateStateMutation } from '@gusto/embedded-api/react-query/taxRequirementsUpdateState'\nimport { useTaxRequirementsGetSuspense } from '@gusto/embedded-api/react-query/taxRequirementsGet'\nimport { z } from 'zod'\nimport { useMemo } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { Head } from './Head'\nimport { StateTaxesFormProvider } from './context'\nimport { Form } from './Form'\nimport { Actions } from './Actions'\nimport { toRhfKey } from './rhfKey'\nimport { isRequirementApplicable, type StateTaxesFormValues } from './applicableIf'\nimport type { BaseComponentInterface } from '@/components/Base/Base'\nimport { BaseComponent } from '@/components/Base/Base'\nimport { useI18n } from '@/i18n/I18n'\nimport { Flex } from '@/components/Common/Flex/Flex'\nimport { Form as HtmlForm } from '@/components/Common/Form'\nimport { componentEvents } from '@/shared/constants'\nimport { useBase } from '@/components/Base'\n\n/**\n * Props for {@link StateTaxesForm}.\n *\n * @public\n */\nexport interface StateTaxesFormProps extends BaseComponentInterface<'Company.StateTaxes'> {\n  /** The associated company identifier. */\n  companyId: string\n  /** Two-letter code of the state whose tax requirements are edited. */\n  state: string\n}\n\nfunction 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\n/**\n * Standalone form for editing a company's state tax requirements for a single state.\n *\n * @remarks\n * Lower-level building block used by {@link StateTaxes} for its edit view. Use directly when\n * you need full control over navigation between the list and edit views.\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `company/stateTaxes/updated` | State tax requirements were saved successfully | Response from the update state tax requirements API |\n * | `CANCEL` | The user cancelled editing | — |\n *\n * @param props - {@link StateTaxesFormProps}\n * @returns The rendered state taxes edit form.\n * @public\n *\n * @example\n * ```tsx\n * import { CompanyOnboarding } from '@gusto/embedded-react-sdk'\n *\n * function MyComponent() {\n *   return (\n *     <CompanyOnboarding.StateTaxesForm\n *       companyId=\"a007e1ab-3595-43c2-ab4b-af7a5af2e365\"\n *       state=\"CA\"\n *       onEvent={() => {}}\n *     />\n *   )\n * }\n * ```\n */\nexport function StateTaxesForm(props: StateTaxesFormProps) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props}>{props.children}</Root>\n    </BaseComponent>\n  )\n}\n\nfunction Root({ companyId, state, className, children }: StateTaxesFormProps) {\n  useI18n('Company.StateTaxes')\n  const { onEvent, baseSubmitHandler } = useBase()\n  const { t } = useTranslation('Company.StateTaxes', { keyPrefix: 'form' })\n  const { data } = useTaxRequirementsGetSuspense({ companyUuid: companyId, state })\n  const stateTaxRequirements = data.taxRequirementsState!\n\n  const { mutateAsync: updateStateTax, isPending: isPendingUpdate } =\n    useTaxRequirementsUpdateStateMutation()\n\n  // Schema and default value generation\n  const { dynamicSchema, defaultValues } = useMemo(() => {\n    const schemaShape: Record<string, z.ZodObject> = {}\n    const values: Partial<Record<string, Record<string, string | boolean | number | undefined>>> =\n      {}\n\n    //Looping through each requirement set\n    stateTaxRequirements.requirementSets?.forEach(requirementSet => {\n      if (!requirementSet.key) return\n\n      const requirementSetKey = requirementSet.key\n      const requirementShape: Record<string, z.ZodType> = {}\n      const requirementValues: Record<string, string | boolean | number | undefined> = {}\n\n      requirementSet.requirements?.forEach(requirement => {\n        if (!requirement.key) return\n\n        const requirementKey = toRhfKey(requirement.key)\n\n        const isPercentField =\n          requirement.metadata?.type === 'tax_rate' || requirement.metadata?.type === 'percent'\n\n        if (requirement.metadata?.type === 'radio') {\n          requirementValues[requirementKey] = requirement.value ?? undefined\n        } else if (requirement.metadata?.type === 'workers_compensation_rate') {\n          requirementValues[requirementKey] =\n            requirement.value !== null && requirement.value !== undefined\n              ? Number(requirement.value)\n              : undefined\n        } else {\n          requirementValues[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          }\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        requirementShape[requirementKey] = fieldSchema\n        // --- End Schema Logic ---\n      })\n\n      if (Object.keys(requirementShape).length > 0) {\n        schemaShape[requirementSetKey] = z.object(requirementShape)\n        values[requirementSetKey] = requirementValues\n      }\n    })\n\n    const finalSchema = z.object(schemaShape)\n\n    // Return both the schema and the default values\n    return {\n      dynamicSchema: finalSchema,\n      defaultValues: values as z.infer<typeof finalSchema>,\n    }\n  }, [stateTaxRequirements, t])\n\n  // Infer the type from the schema\n  type InferredFormInputs = z.infer<typeof dynamicSchema>\n\n  const { control, ...methods } = useForm({\n    resolver: zodResolver(dynamicSchema),\n    defaultValues,\n  })\n\n  const onSubmit = async (formData: InferredFormInputs) => {\n    await baseSubmitHandler(formData, async payload => {\n      const formValues = payload as StateTaxesFormValues\n      const requirementSets = stateTaxRequirements.requirementSets\n        ?.filter(rs => rs.key && payload[rs.key])\n        .map(requirementSet => {\n          const requirementSetKey = requirementSet.key as string\n          const payloadSet = payload[requirementSetKey] as Record<string, unknown>\n\n          const applicableRequirements = (requirementSet.requirements ?? [])\n            .filter(req => req.editable !== false)\n            .filter(req => isRequirementApplicable(req, requirementSetKey, formValues))\n\n          return {\n            state,\n            key: requirementSetKey,\n            effectiveFrom: requirementSet.effectiveFrom,\n            requirements: applicableRequirements.map(req => ({\n              key: req.key as string,\n              value: stringifyRequirementValue(payloadSet[toRhfKey(req.key as string)]),\n            })),\n          }\n        })\n      await updateStateTax({\n        request: {\n          companyUuid: companyId,\n          requestBody: { requirementSets },\n          state,\n        },\n      })\n      onEvent(componentEvents.COMPANY_STATE_TAX_UPDATED)\n    })\n  }\n\n  const handleCancel = () => {\n    onEvent(componentEvents.CANCEL)\n  }\n\n  return (\n    <section className={className}>\n      <FormProvider {...methods} control={control}>\n        <HtmlForm onSubmit={methods.handleSubmit(onSubmit)}>\n          <StateTaxesFormProvider\n            value={{ stateTaxRequirements, isPending: isPendingUpdate, state, handleCancel }}\n          >\n            <Flex flexDirection=\"column\" gap={32}>\n              {children ? (\n                children\n              ) : (\n                <>\n                  <Head />\n                  <Form />\n                  <Actions />\n                </>\n              )}\n            </Flex>\n          </StateTaxesFormProvider>\n        </HtmlForm>\n      </FormProvider>\n    </section>\n  )\n}\n"],"names":["stringifyRequirementValue","value","StateTaxesForm","props","jsx","BaseComponent","Root","companyId","state","className","children","useI18n","onEvent","baseSubmitHandler","useBase","t","useTranslation","data","useTaxRequirementsGetSuspense","stateTaxRequirements","updateStateTax","isPendingUpdate","useTaxRequirementsUpdateStateMutation","dynamicSchema","defaultValues","useMemo","schemaShape","values","requirementSet","requirementSetKey","requirementShape","requirementValues","requirement","requirementKey","toRhfKey","isPercentField","fieldSchema","z","validation","oneOfValues","val","control","methods","useForm","zodResolver","onSubmit","formData","payload","formValues","requirementSets","rs","payloadSet","applicableRequirements","req","isRequirementApplicable","componentEvents","handleCancel","FormProvider","HtmlForm","StateTaxesFormProvider","Flex","jsxs","Fragment","Head","Form","Actions"],"mappings":"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"}
+{"version":3,"file":"StateTaxesForm.js","sources":["../../../../../src/components/Company/StateTaxes/StateTaxesForm/StateTaxesForm.tsx"],"sourcesContent":["import { FormProvider, useForm } from 'react-hook-form'\nimport { zodResolver } from '@hookform/resolvers/zod'\nimport { useTaxRequirementsUpdateStateMutation } from '@gusto/embedded-api/react-query/taxRequirementsUpdateState'\nimport { useTaxRequirementsGetSuspense } from '@gusto/embedded-api/react-query/taxRequirementsGet'\nimport { z } from 'zod'\nimport { useMemo } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { getUniqueRhfKey } from '../shared/rhfKey'\nimport { isRequirementApplicable, type StateTaxesFormValues } from '../shared/applicableIf'\nimport { buildRequirementSchema } from '../shared/buildRequirementSchema'\nimport { stringifyRequirementValue } from '../shared/requirementValue'\nimport { Head } from './Head'\nimport { StateTaxesFormProvider } from './context'\nimport { Form } from './Form'\nimport { Actions } from './Actions'\nimport type { BaseComponentInterface } from '@/components/Base/Base'\nimport { BaseComponent } from '@/components/Base/Base'\nimport { useI18n } from '@/i18n/I18n'\nimport { Flex } from '@/components/Common/Flex/Flex'\nimport { Form as HtmlForm } from '@/components/Common/Form'\nimport { componentEvents } from '@/shared/constants'\nimport { useBase } from '@/components/Base'\n\n/**\n * Props for {@link StateTaxesForm}.\n *\n * @public\n */\nexport interface StateTaxesFormProps extends BaseComponentInterface<'Company.StateTaxes'> {\n  /** The associated company identifier. */\n  companyId: string\n  /** Two-letter code of the state whose tax requirements are edited. */\n  state: string\n}\n\n/**\n * Standalone form for editing a company's state tax requirements for a single state.\n *\n * @remarks\n * Lower-level building block used by {@link StateTaxes} for its edit view. Use directly when\n * you need full control over navigation between the list and edit views.\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `company/stateTaxes/updated` | State tax requirements were saved successfully | Response from the update state tax requirements API |\n * | `CANCEL` | The user cancelled editing | — |\n *\n * @param props - {@link StateTaxesFormProps}\n * @returns The rendered state taxes edit form.\n * @public\n *\n * @example\n * ```tsx\n * import { CompanyOnboarding } from '@gusto/embedded-react-sdk'\n *\n * function MyComponent() {\n *   return (\n *     <CompanyOnboarding.StateTaxesForm\n *       companyId=\"a007e1ab-3595-43c2-ab4b-af7a5af2e365\"\n *       state=\"CA\"\n *       onEvent={() => {}}\n *     />\n *   )\n * }\n * ```\n */\nexport function StateTaxesForm(props: StateTaxesFormProps) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props}>{props.children}</Root>\n    </BaseComponent>\n  )\n}\n\nfunction Root({ companyId, state, className, children }: StateTaxesFormProps) {\n  useI18n('Company.StateTaxes')\n  const { onEvent, baseSubmitHandler } = useBase()\n  const { t } = useTranslation('Company.StateTaxes', { keyPrefix: 'form' })\n  const { data } = useTaxRequirementsGetSuspense({ companyUuid: companyId, state })\n  const stateTaxRequirements = data.taxRequirementsState!\n\n  const { mutateAsync: updateStateTax, isPending: isPendingUpdate } =\n    useTaxRequirementsUpdateStateMutation()\n\n  // Schema and default value generation\n  const { dynamicSchema, defaultValues } = useMemo(() => {\n    const schemaShape: Record<string, z.ZodObject> = {}\n    const values: Partial<Record<string, Record<string, string | boolean | number | undefined>>> =\n      {}\n    const requirementSets = stateTaxRequirements.requirementSets ?? []\n\n    //Looping through each requirement set. A single key (e.g. \"taxrates\") can appear more than\n    //once when a future-dated set is already scheduled alongside the current one, so each set\n    //needs its own disambiguated path — otherwise two visually distinct sections would silently\n    //share one underlying form field.\n    requirementSets.forEach((requirementSet, index) => {\n      if (!requirementSet.key) return\n\n      const requirementSetPath = getUniqueRhfKey(requirementSet, index, requirementSets)\n      const { shape, defaults } = buildRequirementSchema(requirementSet.requirements, t)\n\n      if (Object.keys(shape).length > 0) {\n        schemaShape[requirementSetPath] = z.object(shape)\n        values[requirementSetPath] = defaults\n      }\n    })\n\n    const finalSchema = z.object(schemaShape)\n\n    // Return both the schema and the default values\n    return {\n      dynamicSchema: finalSchema,\n      defaultValues: values as z.infer<typeof finalSchema>,\n    }\n  }, [stateTaxRequirements, t])\n\n  // Infer the type from the schema\n  type InferredFormInputs = z.infer<typeof dynamicSchema>\n\n  const { control, ...methods } = useForm({\n    resolver: zodResolver(dynamicSchema),\n    defaultValues,\n  })\n\n  const onSubmit = async (formData: InferredFormInputs) => {\n    await baseSubmitHandler(formData, async payload => {\n      const formValues = payload as StateTaxesFormValues\n      const allRequirementSets = stateTaxRequirements.requirementSets ?? []\n      const requirementSets = allRequirementSets\n        .map((requirementSet, setIndex) => ({ requirementSet, setIndex }))\n        .filter(({ requirementSet, setIndex }) => {\n          if (!requirementSet.key) return false\n          const requirementSetPath = getUniqueRhfKey(requirementSet, setIndex, allRequirementSets)\n          return Boolean(payload[requirementSetPath])\n        })\n        .map(({ requirementSet, setIndex }) => {\n          const requirementSetKey = requirementSet.key as string\n          const requirementSetPath = getUniqueRhfKey(requirementSet, setIndex, allRequirementSets)\n          const payloadSet = payload[requirementSetPath] as Record<string, unknown>\n          const requirements = requirementSet.requirements ?? []\n\n          const applicableRequirements = requirements\n            .map((req, index) => ({ req, index }))\n            .filter(({ req }) => req.editable !== false)\n            .filter(({ req }) => isRequirementApplicable(req, requirementSetPath, formValues))\n\n          return {\n            state,\n            key: requirementSetKey,\n            effectiveFrom: requirementSet.effectiveFrom,\n            requirements: applicableRequirements.map(({ req, index }) => ({\n              key: req.key as string,\n              value: stringifyRequirementValue(\n                payloadSet[getUniqueRhfKey(req, index, requirements)],\n              ),\n            })),\n          }\n        })\n      await updateStateTax({\n        request: {\n          companyUuid: companyId,\n          requestBody: { requirementSets },\n          state,\n        },\n      })\n      onEvent(componentEvents.COMPANY_STATE_TAX_UPDATED)\n    })\n  }\n\n  const handleCancel = () => {\n    onEvent(componentEvents.CANCEL)\n  }\n\n  return (\n    <section className={className}>\n      <FormProvider {...methods} control={control}>\n        <HtmlForm onSubmit={methods.handleSubmit(onSubmit)}>\n          <StateTaxesFormProvider\n            value={{ stateTaxRequirements, isPending: isPendingUpdate, state, handleCancel }}\n          >\n            <Flex flexDirection=\"column\" gap={32}>\n              {children ? (\n                children\n              ) : (\n                <>\n                  <Head />\n                  <Form />\n                  <Actions />\n                </>\n              )}\n            </Flex>\n          </StateTaxesFormProvider>\n        </HtmlForm>\n      </FormProvider>\n    </section>\n  )\n}\n"],"names":["StateTaxesForm","props","jsx","BaseComponent","Root","companyId","state","className","children","useI18n","onEvent","baseSubmitHandler","useBase","t","useTranslation","data","useTaxRequirementsGetSuspense","stateTaxRequirements","updateStateTax","isPendingUpdate","useTaxRequirementsUpdateStateMutation","dynamicSchema","defaultValues","useMemo","schemaShape","values","requirementSets","requirementSet","index","requirementSetPath","getUniqueRhfKey","shape","defaults","buildRequirementSchema","z","control","methods","useForm","zodResolver","onSubmit","formData","payload","formValues","allRequirementSets","setIndex","requirementSetKey","payloadSet","requirements","applicableRequirements","req","isRequirementApplicable","stringifyRequirementValue","componentEvents","handleCancel","FormProvider","HtmlForm","StateTaxesFormProvider","Flex","jsxs","Fragment","Head","Form","Actions"],"mappings":"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"}

package/dist/components/Company/StateTaxes/StateTaxesForm/context.js

@@ -9,13 +9,15 @@ import "@gusto/embedded-api/models/errors/gustoembeddederror";
 import "@gusto/embedded-api/models/errors/sdkvalidationerror";
 import "@gusto/embedded-api/models/errors/unprocessableentityerror";
 import "@gusto/embedded-api/models/errors/httpclienterrors";
+import "dompurify";
+import "../../../../contexts/LocaleProvider/useLocale.js";
 import "../../../../shared/constants.js";
 import "../../../../contexts/ComponentAdapter/useComponentContext.js";
 import "../../../../contexts/LoadingIndicatorProvider/useLoadingIndicator.js";
 import { createCompoundContext as t } from "../../../Base/createCompoundContext.js";
-const [d, u] = t("StateTaxesFormContext");
+const [f, v] = t("StateTaxesFormContext");
 export {
-  u as StateTaxesFormProvider,
-  d as useStateTaxesForm
+  v as StateTaxesFormProvider,
+  f as useStateTaxesForm
 };
 //# sourceMappingURL=context.js.map

package/dist/components/Company/StateTaxes/StateTaxesForm/context.js.map

@@ -1 +1 @@
-{"version":3,"file":"context.js","sources":["../../../../../src/components/Company/StateTaxes/StateTaxesForm/context.ts"],"sourcesContent":["import type { TaxRequirementsState } from '@gusto/embedded-api/models/components/taxrequirementsstate'\nimport { createCompoundContext } from '@/components/Base'\n\ninterface StateTaxFormContext {\n  isPending: boolean\n  state: string\n  stateTaxRequirements: TaxRequirementsState\n  handleCancel: () => void\n}\n\nconst [useStateTaxesForm, StateTaxesFormProvider] =\n  createCompoundContext<StateTaxFormContext>('StateTaxesFormContext')\n\nexport { useStateTaxesForm, StateTaxesFormProvider }\n"],"names":["useStateTaxesForm","StateTaxesFormProvider","createCompoundContext"],"mappings":";;;;;;;;;;;;;;;AAUA,MAAM,CAACA,GAAmBC,CAAsB,IAC9CC,EAA2C,uBAAuB;"}
+{"version":3,"file":"context.js","sources":["../../../../../src/components/Company/StateTaxes/StateTaxesForm/context.ts"],"sourcesContent":["import type { TaxRequirementsState } from '@gusto/embedded-api/models/components/taxrequirementsstate'\nimport { createCompoundContext } from '@/components/Base'\n\ninterface StateTaxFormContext {\n  isPending: boolean\n  state: string\n  stateTaxRequirements: TaxRequirementsState\n  handleCancel: () => void\n}\n\nconst [useStateTaxesForm, StateTaxesFormProvider] =\n  createCompoundContext<StateTaxFormContext>('StateTaxesFormContext')\n\nexport { useStateTaxesForm, StateTaxesFormProvider }\n"],"names":["useStateTaxesForm","StateTaxesFormProvider","createCompoundContext"],"mappings":";;;;;;;;;;;;;;;;;AAUA,MAAM,CAACA,GAAmBC,CAAsB,IAC9CC,EAA2C,uBAAuB;"}

package/dist/components/Company/StateTaxes/StateTaxesList/Actions.js

@@ -1,14 +1,13 @@
 import { jsx as t } from "react/jsx-runtime";
 import { useTranslation as i } from "react-i18next";
 import { useStateTaxesList as e } from "./context.js";
-import { ActionsLayout as m } from "../../../Common/ActionsLayout/ActionsLayout.js";
-import { useComponentContext as s } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
-import "react";
-function l() {
-  const { t: o } = i("Company.StateTaxes"), n = s(), { handleContinue: r } = e();
-  return /* @__PURE__ */ t(m, { children: /* @__PURE__ */ t(n.Button, { variant: "primary", onClick: r, children: o("list.continueCta") }) });
+import { ActionsLayout as s } from "../../../Common/ActionsLayout/ActionsLayout.js";
+import { useComponentContext as m } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
+function f() {
+  const { t: o } = i("Company.StateTaxes"), n = m(), { handleContinue: r } = e();
+  return /* @__PURE__ */ t(s, { children: /* @__PURE__ */ t(n.Button, { variant: "primary", onClick: r, children: o("list.continueCta") }) });
 }
 export {
-  l as Actions
+  f as Actions
 };
 //# sourceMappingURL=Actions.js.map

package/dist/components/Company/StateTaxes/StateTaxesList/Actions.js.map

@@ -1 +1 @@
-{"version":3,"file":"Actions.js","sources":["../../../../../src/components/Company/StateTaxes/StateTaxesList/Actions.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { useStateTaxesList } from './context'\nimport { ActionsLayout } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\n/** @internal */\nexport function Actions() {\n  const { t } = useTranslation('Company.StateTaxes')\n  const Components = useComponentContext()\n  const { handleContinue } = useStateTaxesList()\n  return (\n    <ActionsLayout>\n      <Components.Button variant=\"primary\" onClick={handleContinue}>\n        {t('list.continueCta')}\n      </Components.Button>\n    </ActionsLayout>\n  )\n}\n"],"names":["Actions","t","useTranslation","Components","useComponentContext","handleContinue","useStateTaxesList","jsx","ActionsLayout"],"mappings":";;;;;;AAMO,SAASA,IAAU;AACxB,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,oBAAoB,GAC3CC,IAAaC,EAAA,GACb,EAAE,gBAAAC,EAAA,IAAmBC,EAAA;AAC3B,SACE,gBAAAC,EAACC,GAAA,EACC,UAAA,gBAAAD,EAACJ,EAAW,QAAX,EAAkB,SAAQ,WAAU,SAASE,GAC3C,UAAAJ,EAAE,kBAAkB,GACvB,GACF;AAEJ;"}
+{"version":3,"file":"Actions.js","sources":["../../../../../src/components/Company/StateTaxes/StateTaxesList/Actions.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { useStateTaxesList } from './context'\nimport { ActionsLayout } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\n/** @internal */\nexport function Actions() {\n  const { t } = useTranslation('Company.StateTaxes')\n  const Components = useComponentContext()\n  const { handleContinue } = useStateTaxesList()\n  return (\n    <ActionsLayout>\n      <Components.Button variant=\"primary\" onClick={handleContinue}>\n        {t('list.continueCta')}\n      </Components.Button>\n    </ActionsLayout>\n  )\n}\n"],"names":["Actions","t","useTranslation","Components","useComponentContext","handleContinue","useStateTaxesList","jsx","ActionsLayout"],"mappings":";;;;;AAMO,SAASA,IAAU;AACxB,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,oBAAoB,GAC3CC,IAAaC,EAAA,GACb,EAAE,gBAAAC,EAAA,IAAmBC,EAAA;AAC3B,SACE,gBAAAC,EAACC,GAAA,EACC,UAAA,gBAAAD,EAACJ,EAAW,QAAX,EAAkB,SAAQ,WAAU,SAASE,GAC3C,UAAAJ,EAAE,kBAAkB,GACvB,GACF;AAEJ;"}

package/dist/components/Company/StateTaxes/StateTaxesList/List.js

@@ -1,71 +1,86 @@
-import { jsxs as i, jsx as s } from "react/jsx-runtime";
-import { useTranslation as l } from "react-i18next";
-import { SetupStatus as t } from "@gusto/embedded-api/models/components/taxrequirementstateslist";
-import { useStateTaxesList as g } from "./context.js";
-import { Flex as p } from "../../../Common/Flex/Flex.js";
-import { EmptyData as f } from "../../../Common/EmptyData/EmptyData.js";
-import { useComponentContext as x } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
-import "react";
-import { useDataView as S } from "../../../Common/DataView/useDataView.js";
-import { DataView as T } from "../../../Common/DataView/DataView.js";
+import { jsxs as m, jsx as s } from "react/jsx-runtime";
+import { useTranslation as p } from "react-i18next";
+import { SetupStatus as e } from "@gusto/embedded-api/models/components/taxrequirementstateslist";
+import { useStateTaxesList as f } from "./context.js";
+import { Flex as u } from "../../../Common/Flex/Flex.js";
+import { EmptyData as S } from "../../../Common/EmptyData/EmptyData.js";
+import { HamburgerMenu as C } from "../../../Common/HamburgerMenu/HamburgerMenu.js";
+import { useComponentContext as T } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
+import { useDataView as b } from "../../../Common/DataView/useDataView.js";
+import { DataView as h } from "../../../Common/DataView/DataView.js";
 const y = {
-  [t.NotStarted]: "info",
-  [t.InProgress]: "warning",
-  [t.Complete]: "success"
-}, C = {
-  [t.NotStarted]: "notStartedBadge",
-  [t.InProgress]: "inProgressBadge",
-  [t.Complete]: "completeBadge"
-}, h = {
-  [t.NotStarted]: "startStateTaxSetupCta",
-  [t.InProgress]: "continueStateTaxSetupCta",
-  [t.Complete]: "editStateTaxCta"
+  [e.NotStarted]: "info",
+  [e.InProgress]: "warning",
+  [e.Complete]: "success"
+}, P = {
+  [e.NotStarted]: "notStartedBadge",
+  [e.InProgress]: "inProgressBadge",
+  [e.Complete]: "completeBadge"
+}, L = {
+  [e.NotStarted]: "startStateTaxSetupCta",
+  [e.InProgress]: "continueStateTaxSetupCta",
+  [e.Complete]: "editStateTaxCta"
 };
-function m(n) {
-  return n.setupStatus ?? t.InProgress;
+function d(i) {
+  return i.setupStatus ?? e.InProgress;
 }
-const N = () => {
-  const { stateTaxRequirements: n, handleChange: c } = g(), o = x(), { t: e } = l("Company.StateTaxes", { keyPrefix: "list" }), { t: u } = l("common", { keyPrefix: "statesHash" }), { ...d } = S({
-    data: n,
+const j = () => {
+  const { stateTaxRequirements: i, handleChange: c, handleManageRates: g } = f(), r = T(), { t } = p("Company.StateTaxes", { keyPrefix: "list" }), { t: l } = p("common", { keyPrefix: "statesHash" }), { ...x } = b({
+    data: i,
     columns: [
       {
         key: "state",
-        title: e("requirementsListCol1"),
-        render: (a) => /* @__PURE__ */ i(p, { flexDirection: "column", gap: 4, children: [
-          /* @__PURE__ */ s(o.Text, { as: "span", children: u(a.state) }),
-          a.defaultRatesApplied && /* @__PURE__ */ s(o.Text, { size: "sm", children: e("defaultRatesAppliedText") })
+        title: t("requirementsListCol1"),
+        render: (a) => /* @__PURE__ */ m(u, { flexDirection: "column", gap: 4, children: [
+          /* @__PURE__ */ s(r.Text, { as: "span", children: l(a.state) }),
+          a.defaultRatesApplied && /* @__PURE__ */ s(r.Text, { size: "sm", children: t("defaultRatesAppliedText") })
         ] })
       },
       {
         key: "status",
-        title: e("requirementsListCol2"),
+        title: t("requirementsListCol2"),
         render: (a) => {
-          const r = m(a);
-          return /* @__PURE__ */ i(p, { gap: 8, alignItems: "center", flexWrap: "wrap", children: [
-            /* @__PURE__ */ s(o.Badge, { status: y[r], children: e(C[r]) }),
-            a.readyToRunPayroll && /* @__PURE__ */ s(o.Badge, { status: "success", children: e("readyToRunPayrollBadge") })
+          const o = d(a);
+          return /* @__PURE__ */ m(u, { gap: 8, alignItems: "center", flexWrap: "wrap", children: [
+            /* @__PURE__ */ s(r.Badge, { status: y[o], children: t(P[o]) }),
+            a.readyToRunPayroll && /* @__PURE__ */ s(r.Badge, { status: "success", children: t("readyToRunPayrollBadge") })
           ] });
         }
       }
     ],
     itemMenu: (a) => {
-      const r = m(a);
-      return /* @__PURE__ */ s(
-        o.Button,
+      const o = d(a), n = a.state;
+      return n ? /* @__PURE__ */ s(
+        C,
         {
-          variant: "secondary",
-          onClick: () => {
-            a.state && c(a.state);
-          },
-          children: e(h[r])
+          triggerLabel: t("hamburgerTitle", {
+            state: l(n)
+          }),
+          items: [
+            {
+              label: t(L[o]),
+              onClick: () => {
+                c(n);
+              },
+              "data-testid": "edit-state-tax"
+            },
+            {
+              label: t("manageRatesCta"),
+              onClick: () => {
+                g(n);
+              },
+              "data-testid": "manage-tax-rates"
+            }
+          ],
+          "data-testid": "state-tax-hamburger"
         }
-      );
+      ) : null;
     },
-    emptyState: () => /* @__PURE__ */ s(f, { title: e("emptyTableTitle"), description: e("emptyTableDescription") })
+    emptyState: () => /* @__PURE__ */ s(S, { title: t("emptyTableTitle"), description: t("emptyTableDescription") })
   });
-  return /* @__PURE__ */ s(T, { label: e("requirementsListLabel"), ...d });
+  return /* @__PURE__ */ s(h, { label: t("requirementsListLabel"), ...x });
 };
 export {
-  N as List
+  j as List
 };
 //# sourceMappingURL=List.js.map

package/dist/components/Company/StateTaxes/StateTaxesList/List.js.map

@@ -1 +1 @@
-{"version":3,"file":"List.js","sources":["../../../../../src/components/Company/StateTaxes/StateTaxesList/List.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport {\n  SetupStatus,\n  type TaxRequirementStatesList,\n} from '@gusto/embedded-api/models/components/taxrequirementstateslist'\nimport { useStateTaxesList } from './context'\nimport { DataView, EmptyData, Flex, useDataView } from '@/components/Common'\nimport type { STATES_ABBR } from '@/shared/constants'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\ntype BadgeStatus = 'success' | 'warning' | 'info'\n\nconst badgeStatusMap: Record<SetupStatus, BadgeStatus> = {\n  [SetupStatus.NotStarted]: 'info',\n  [SetupStatus.InProgress]: 'warning',\n  [SetupStatus.Complete]: 'success',\n}\n\nconst badgeLabelMap = {\n  [SetupStatus.NotStarted]: 'notStartedBadge',\n  [SetupStatus.InProgress]: 'inProgressBadge',\n  [SetupStatus.Complete]: 'completeBadge',\n} as const satisfies Record<SetupStatus, string>\n\nconst ctaLabelMap = {\n  [SetupStatus.NotStarted]: 'startStateTaxSetupCta',\n  [SetupStatus.InProgress]: 'continueStateTaxSetupCta',\n  [SetupStatus.Complete]: 'editStateTaxCta',\n} as const satisfies Record<SetupStatus, string>\n\nfunction getSetupStatus(req: TaxRequirementStatesList): SetupStatus {\n  return req.setupStatus ?? SetupStatus.InProgress\n}\n\n/** @internal */\nexport const List = () => {\n  const { stateTaxRequirements, handleChange } = useStateTaxesList()\n  const Components = useComponentContext()\n\n  const { t } = useTranslation('Company.StateTaxes', { keyPrefix: 'list' })\n  const { t: statesHash } = useTranslation('common', { keyPrefix: 'statesHash' })\n\n  const { ...dataViewProps } = useDataView({\n    data: stateTaxRequirements,\n    columns: [\n      {\n        key: 'state',\n        title: t('requirementsListCol1'),\n        render: requirement => (\n          <Flex flexDirection=\"column\" gap={4}>\n            <Components.Text as=\"span\">\n              {statesHash(requirement.state as (typeof STATES_ABBR)[number])}\n            </Components.Text>\n            {requirement.defaultRatesApplied && (\n              <Components.Text size=\"sm\">{t('defaultRatesAppliedText')}</Components.Text>\n            )}\n          </Flex>\n        ),\n      },\n      {\n        key: 'status',\n        title: t('requirementsListCol2'),\n        render: requirement => {\n          const status = getSetupStatus(requirement)\n          return (\n            <Flex gap={8} alignItems=\"center\" flexWrap=\"wrap\">\n              <Components.Badge status={badgeStatusMap[status]}>\n                {t(badgeLabelMap[status])}\n              </Components.Badge>\n              {requirement.readyToRunPayroll && (\n                <Components.Badge status=\"success\">{t('readyToRunPayrollBadge')}</Components.Badge>\n              )}\n            </Flex>\n          )\n        },\n      },\n    ],\n    itemMenu: requirement => {\n      const status = getSetupStatus(requirement)\n      return (\n        <Components.Button\n          variant=\"secondary\"\n          onClick={() => {\n            if (requirement.state) handleChange(requirement.state)\n          }}\n        >\n          {t(ctaLabelMap[status])}\n        </Components.Button>\n      )\n    },\n\n    emptyState: () => (\n      <EmptyData title={t('emptyTableTitle')} description={t('emptyTableDescription')} />\n    ),\n  })\n  return <DataView label={t('requirementsListLabel')} {...dataViewProps} />\n}\n"],"names":["badgeStatusMap","SetupStatus","badgeLabelMap","ctaLabelMap","getSetupStatus","req","List","stateTaxRequirements","handleChange","useStateTaxesList","Components","useComponentContext","t","useTranslation","statesHash","dataViewProps","useDataView","requirement","jsxs","Flex","jsx","status","EmptyData","DataView"],"mappings":";;;;;;;;;;AAYA,MAAMA,IAAmD;AAAA,EACvD,CAACC,EAAY,UAAU,GAAG;AAAA,EAC1B,CAACA,EAAY,UAAU,GAAG;AAAA,EAC1B,CAACA,EAAY,QAAQ,GAAG;AAC1B,GAEMC,IAAgB;AAAA,EACpB,CAACD,EAAY,UAAU,GAAG;AAAA,EAC1B,CAACA,EAAY,UAAU,GAAG;AAAA,EAC1B,CAACA,EAAY,QAAQ,GAAG;AAC1B,GAEME,IAAc;AAAA,EAClB,CAACF,EAAY,UAAU,GAAG;AAAA,EAC1B,CAACA,EAAY,UAAU,GAAG;AAAA,EAC1B,CAACA,EAAY,QAAQ,GAAG;AAC1B;AAEA,SAASG,EAAeC,GAA4C;AAClE,SAAOA,EAAI,eAAeJ,EAAY;AACxC;AAGO,MAAMK,IAAO,MAAM;AACxB,QAAM,EAAE,sBAAAC,GAAsB,cAAAC,EAAA,IAAiBC,EAAA,GACzCC,IAAaC,EAAA,GAEb,EAAE,GAAAC,MAAMC,EAAe,sBAAsB,EAAE,WAAW,QAAQ,GAClE,EAAE,GAAGC,MAAeD,EAAe,UAAU,EAAE,WAAW,cAAc,GAExE,EAAE,GAAGE,EAAA,IAAkBC,EAAY;AAAA,IACvC,MAAMT;AAAA,IACN,SAAS;AAAA,MACP;AAAA,QACE,KAAK;AAAA,QACL,OAAOK,EAAE,sBAAsB;AAAA,QAC/B,QAAQ,CAAAK,MACN,gBAAAC,EAACC,KAAK,eAAc,UAAS,KAAK,GAChC,UAAA;AAAA,UAAA,gBAAAC,EAACV,EAAW,MAAX,EAAgB,IAAG,QACjB,UAAAI,EAAWG,EAAY,KAAqC,GAC/D;AAAA,UACCA,EAAY,uBACX,gBAAAG,EAACV,EAAW,MAAX,EAAgB,MAAK,MAAM,UAAAE,EAAE,yBAAyB,EAAA,CAAE;AAAA,QAAA,EAAA,CAE7D;AAAA,MAAA;AAAA,MAGJ;AAAA,QACE,KAAK;AAAA,QACL,OAAOA,EAAE,sBAAsB;AAAA,QAC/B,QAAQ,CAAAK,MAAe;AACrB,gBAAMI,IAASjB,EAAea,CAAW;AACzC,mCACGE,GAAA,EAAK,KAAK,GAAG,YAAW,UAAS,UAAS,QACzC,UAAA;AAAA,YAAA,gBAAAC,EAACV,EAAW,OAAX,EAAiB,QAAQV,EAAeqB,CAAM,GAC5C,UAAAT,EAAEV,EAAcmB,CAAM,CAAC,EAAA,CAC1B;AAAA,YACCJ,EAAY,qBACX,gBAAAG,EAACV,EAAW,OAAX,EAAiB,QAAO,WAAW,UAAAE,EAAE,wBAAwB,EAAA,CAAE;AAAA,UAAA,GAEpE;AAAA,QAEJ;AAAA,MAAA;AAAA,IACF;AAAA,IAEF,UAAU,CAAAK,MAAe;AACvB,YAAMI,IAASjB,EAAea,CAAW;AACzC,aACE,gBAAAG;AAAA,QAACV,EAAW;AAAA,QAAX;AAAA,UACC,SAAQ;AAAA,UACR,SAAS,MAAM;AACb,YAAIO,EAAY,SAAOT,EAAaS,EAAY,KAAK;AAAA,UACvD;AAAA,UAEC,UAAAL,EAAET,EAAYkB,CAAM,CAAC;AAAA,QAAA;AAAA,MAAA;AAAA,IAG5B;AAAA,IAEA,YAAY,MACV,gBAAAD,EAACE,GAAA,EAAU,OAAOV,EAAE,iBAAiB,GAAG,aAAaA,EAAE,uBAAuB,EAAA,CAAG;AAAA,EAAA,CAEpF;AACD,2BAAQW,GAAA,EAAS,OAAOX,EAAE,uBAAuB,GAAI,GAAGG,GAAe;AACzE;"}
+{"version":3,"file":"List.js","sources":["../../../../../src/components/Company/StateTaxes/StateTaxesList/List.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport {\n  SetupStatus,\n  type TaxRequirementStatesList,\n} from '@gusto/embedded-api/models/components/taxrequirementstateslist'\nimport { useStateTaxesList } from './context'\nimport { DataView, EmptyData, Flex, useDataView } from '@/components/Common'\nimport type { STATES_ABBR } from '@/shared/constants'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { HamburgerMenu } from '@/components/Common/HamburgerMenu'\n\ntype BadgeStatus = 'success' | 'warning' | 'info'\n\nconst badgeStatusMap: Record<SetupStatus, BadgeStatus> = {\n  [SetupStatus.NotStarted]: 'info',\n  [SetupStatus.InProgress]: 'warning',\n  [SetupStatus.Complete]: 'success',\n}\n\nconst badgeLabelMap = {\n  [SetupStatus.NotStarted]: 'notStartedBadge',\n  [SetupStatus.InProgress]: 'inProgressBadge',\n  [SetupStatus.Complete]: 'completeBadge',\n} as const satisfies Record<SetupStatus, string>\n\nconst ctaLabelMap = {\n  [SetupStatus.NotStarted]: 'startStateTaxSetupCta',\n  [SetupStatus.InProgress]: 'continueStateTaxSetupCta',\n  [SetupStatus.Complete]: 'editStateTaxCta',\n} as const satisfies Record<SetupStatus, string>\n\nfunction getSetupStatus(req: TaxRequirementStatesList): SetupStatus {\n  return req.setupStatus ?? SetupStatus.InProgress\n}\n\n/** @internal */\nexport const List = () => {\n  const { stateTaxRequirements, handleChange, handleManageRates } = useStateTaxesList()\n  const Components = useComponentContext()\n\n  const { t } = useTranslation('Company.StateTaxes', { keyPrefix: 'list' })\n  const { t: statesHash } = useTranslation('common', { keyPrefix: 'statesHash' })\n\n  const { ...dataViewProps } = useDataView({\n    data: stateTaxRequirements,\n    columns: [\n      {\n        key: 'state',\n        title: t('requirementsListCol1'),\n        render: requirement => (\n          <Flex flexDirection=\"column\" gap={4}>\n            <Components.Text as=\"span\">\n              {statesHash(requirement.state as (typeof STATES_ABBR)[number])}\n            </Components.Text>\n            {requirement.defaultRatesApplied && (\n              <Components.Text size=\"sm\">{t('defaultRatesAppliedText')}</Components.Text>\n            )}\n          </Flex>\n        ),\n      },\n      {\n        key: 'status',\n        title: t('requirementsListCol2'),\n        render: requirement => {\n          const status = getSetupStatus(requirement)\n          return (\n            <Flex gap={8} alignItems=\"center\" flexWrap=\"wrap\">\n              <Components.Badge status={badgeStatusMap[status]}>\n                {t(badgeLabelMap[status])}\n              </Components.Badge>\n              {requirement.readyToRunPayroll && (\n                <Components.Badge status=\"success\">{t('readyToRunPayrollBadge')}</Components.Badge>\n              )}\n            </Flex>\n          )\n        },\n      },\n    ],\n    itemMenu: requirement => {\n      const status = getSetupStatus(requirement)\n      const state = requirement.state\n      if (!state) return null\n      return (\n        <HamburgerMenu\n          triggerLabel={t('hamburgerTitle', {\n            state: statesHash(state as (typeof STATES_ABBR)[number]),\n          })}\n          items={[\n            {\n              label: t(ctaLabelMap[status]),\n              onClick: () => {\n                handleChange(state)\n              },\n              'data-testid': 'edit-state-tax',\n            },\n            {\n              label: t('manageRatesCta'),\n              onClick: () => {\n                handleManageRates(state)\n              },\n              'data-testid': 'manage-tax-rates',\n            },\n          ]}\n          data-testid=\"state-tax-hamburger\"\n        />\n      )\n    },\n\n    emptyState: () => (\n      <EmptyData title={t('emptyTableTitle')} description={t('emptyTableDescription')} />\n    ),\n  })\n  return <DataView label={t('requirementsListLabel')} {...dataViewProps} />\n}\n"],"names":["badgeStatusMap","SetupStatus","badgeLabelMap","ctaLabelMap","getSetupStatus","req","List","stateTaxRequirements","handleChange","handleManageRates","useStateTaxesList","Components","useComponentContext","useTranslation","statesHash","dataViewProps","useDataView","requirement","jsxs","Flex","jsx","status","state","HamburgerMenu","EmptyData","DataView"],"mappings":"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"}

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

@@ -27,6 +27,7 @@ export interface StateTaxesListProps extends BaseComponentInterface<'Company.Sta
  * | Event | Description | Data |
  * | ----- | ----------- | ---- |
  * | `company/stateTaxes/edit` | A user chose to edit requirements for a specific state | `{ state: string }` |
+ * | `company/stateTaxes/manageRates` | A user chose to view rate history/scheduling for a specific state | `{ state: string }` |
  * | `company/stateTaxes/done` | The user chose to proceed to the next step | — |
  *
  * @param props - Component props including the `companyId` whose state tax requirements should be listed.