@gusto/embedded-react-sdk 0.47.1 → 0.48.1

package/dist/components/Employee/StateTaxes/management/StateTaxes.d.ts

@@ -1,8 +1,32 @@
 import { BaseComponentInterface, CommonComponentInterface } from '../../../Base';
 import { EventType } from '../../../../shared/constants';
 import { OnEventType } from '../../../Base/useBase';
+/**
+ * Props for {@link StateTaxes}.
+ *
+ * @public
+ */
 export interface StateTaxesProps extends CommonComponentInterface<'Employee.Management.StateTaxes'> {
+    /** The associated employee identifier. */
     employeeId: string;
+    /** Event handler fired on flow state changes. */
     onEvent: OnEventType<EventType, unknown>;
 }
+/**
+ * Standalone state-tax management flow for a given employee. Renders the
+ * read-only summary card and the edit form, switching between them as the
+ * partner-emitted events from {@link StateTaxesCard} and {@link StateTaxesEditForm}
+ * drive the internal state machine.
+ *
+ * @remarks
+ *
+ * | Event | Description | Data |
+ * | ----- | ----------- | ---- |
+ * | `employee/management/stateTaxes/editRequested` | Edit button on the summary card was clicked | `{ employeeId: string }` |
+ * | `employee/management/stateTaxes/editCancelled` | Cancel button on the edit form was clicked | — |
+ * | `employee/management/stateTaxes/updated` | Edit form was submitted successfully | `{ employeeStateTaxesList: EmployeeStateTaxesList[] }` |
+ *
+ * @param props - The component props.
+ * @public
+ */
 export declare function StateTaxes({ dictionary, FallbackComponent, ...props }: StateTaxesProps & BaseComponentInterface<'Employee.Management.StateTaxes'>): import("react").JSX.Element;

package/dist/components/Employee/StateTaxes/management/StateTaxes.js

@@ -1,25 +1,24 @@
 import { jsx as a } from "react/jsx-runtime";
-import { createMachine as r } from "robot3";
-import { useMemo as n } from "react";
+import { createMachine as n } from "robot3";
+import { useMemo as r } from "react";
 import { StateTaxesCardContextual as i } from "./StateTaxesComponents.js";
-import { stateTaxesStateMachine as p } from "./stateTaxesStateMachine.js";
-import { Flow as s } from "../../../Flow/Flow.js";
+import { stateTaxesStateMachine as s } from "./stateTaxesStateMachine.js";
+import { Flow as p } from "../../../Flow/Flow.js";
 import { BaseBoundaries as c } from "../../../Base/Base.js";
-import "../../../Base/useBase.js";
 import { useComponentDictionary as f, useI18n as x } from "../../../../i18n/I18n.js";
 function u({ employeeId: e, onEvent: t }) {
   x("Employee.Management.StateTaxes");
-  const o = n(
-    () => r("card", p, (m) => ({
+  const o = r(
+    () => n("card", s, (m) => ({
       ...m,
       component: i,
       employeeId: e
     })),
     [e]
   );
-  return /* @__PURE__ */ a(s, { machine: o, onEvent: t });
+  return /* @__PURE__ */ a(p, { machine: o, onEvent: t });
 }
-function E({
+function C({
   dictionary: e,
   FallbackComponent: t,
   ...o
@@ -34,6 +33,6 @@ function E({
   );
 }
 export {
-  E as StateTaxes
+  C as StateTaxes
 };
 //# sourceMappingURL=StateTaxes.js.map

package/dist/components/Employee/StateTaxes/management/StateTaxes.js.map

@@ -1 +1 @@
-{"version":3,"file":"StateTaxes.js","sources":["../../../../../src/components/Employee/StateTaxes/management/StateTaxes.tsx"],"sourcesContent":["import { createMachine } from 'robot3'\nimport { useMemo } from 'react'\nimport { StateTaxesCardContextual, type StateTaxesContextInterface } from './StateTaxesComponents'\nimport { stateTaxesStateMachine } from './stateTaxesStateMachine'\nimport { Flow } from '@/components/Flow/Flow'\nimport {\n  BaseBoundaries,\n  type BaseComponentInterface,\n  type CommonComponentInterface,\n} from '@/components/Base'\nimport { type EventType } from '@/shared/constants'\nimport { useComponentDictionary } from '@/i18n/I18n'\nimport { useI18n } from '@/i18n'\nimport type { OnEventType } from '@/components/Base/useBase'\n\nexport interface StateTaxesProps extends CommonComponentInterface<'Employee.Management.StateTaxes'> {\n  employeeId: string\n  onEvent: OnEventType<EventType, unknown>\n}\n\nfunction StateTaxesFlow({ employeeId, onEvent }: StateTaxesProps) {\n  useI18n('Employee.Management.StateTaxes')\n\n  const machine = useMemo(\n    () =>\n      createMachine('card', stateTaxesStateMachine, (ctx: StateTaxesContextInterface) => ({\n        ...ctx,\n        component: StateTaxesCardContextual,\n        employeeId,\n      })),\n    [employeeId],\n  )\n\n  return <Flow machine={machine} onEvent={onEvent} />\n}\n\nexport function StateTaxes({\n  dictionary,\n  FallbackComponent,\n  ...props\n}: StateTaxesProps & BaseComponentInterface<'Employee.Management.StateTaxes'>) {\n  useComponentDictionary('Employee.Management.StateTaxes', dictionary)\n  return (\n    <BaseBoundaries\n      componentName=\"Employee.Management.StateTaxes\"\n      FallbackComponent={FallbackComponent}\n    >\n      <StateTaxesFlow {...props} />\n    </BaseBoundaries>\n  )\n}\n"],"names":["StateTaxesFlow","employeeId","onEvent","useI18n","machine","useMemo","createMachine","stateTaxesStateMachine","ctx","StateTaxesCardContextual","jsx","Flow","StateTaxes","dictionary","FallbackComponent","props","useComponentDictionary","BaseBoundaries"],"mappings":";;;;;;;;;AAoBA,SAASA,EAAe,EAAE,YAAAC,GAAY,SAAAC,KAA4B;AAChE,EAAAC,EAAQ,gCAAgC;AAExC,QAAMC,IAAUC;AAAA,IACd,MACEC,EAAc,QAAQC,GAAwB,CAACC,OAAqC;AAAA,MAClF,GAAGA;AAAA,MACH,WAAWC;AAAA,MACX,YAAAR;AAAA,IAAA,EACA;AAAA,IACJ,CAACA,CAAU;AAAA,EAAA;AAGb,SAAO,gBAAAS,EAACC,GAAA,EAAK,SAAAP,GAAkB,SAAAF,EAAA,CAAkB;AACnD;AAEO,SAASU,EAAW;AAAA,EACzB,YAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,GAAGC;AACL,GAA+E;AAC7E,SAAAC,EAAuB,kCAAkCH,CAAU,GAEjE,gBAAAH;AAAA,IAACO;AAAA,IAAA;AAAA,MACC,eAAc;AAAA,MACd,mBAAAH;AAAA,MAEA,UAAA,gBAAAJ,EAACV,GAAA,EAAgB,GAAGe,EAAA,CAAO;AAAA,IAAA;AAAA,EAAA;AAGjC;"}
+{"version":3,"file":"StateTaxes.js","sources":["../../../../../src/components/Employee/StateTaxes/management/StateTaxes.tsx"],"sourcesContent":["import { createMachine } from 'robot3'\nimport { useMemo } from 'react'\nimport { StateTaxesCardContextual, type StateTaxesContextInterface } from './StateTaxesComponents'\nimport { stateTaxesStateMachine } from './stateTaxesStateMachine'\nimport { Flow } from '@/components/Flow/Flow'\nimport {\n  BaseBoundaries,\n  type BaseComponentInterface,\n  type CommonComponentInterface,\n} from '@/components/Base'\nimport { type EventType } from '@/shared/constants'\nimport { useComponentDictionary } from '@/i18n/I18n'\nimport { useI18n } from '@/i18n'\nimport type { OnEventType } from '@/components/Base/useBase'\n\n/**\n * Props for {@link StateTaxes}.\n *\n * @public\n */\nexport interface StateTaxesProps extends CommonComponentInterface<'Employee.Management.StateTaxes'> {\n  /** The associated employee identifier. */\n  employeeId: string\n  /** Event handler fired on flow state changes. */\n  onEvent: OnEventType<EventType, unknown>\n}\n\nfunction StateTaxesFlow({ employeeId, onEvent }: StateTaxesProps) {\n  useI18n('Employee.Management.StateTaxes')\n\n  const machine = useMemo(\n    () =>\n      createMachine('card', stateTaxesStateMachine, (ctx: StateTaxesContextInterface) => ({\n        ...ctx,\n        component: StateTaxesCardContextual,\n        employeeId,\n      })),\n    [employeeId],\n  )\n\n  return <Flow machine={machine} onEvent={onEvent} />\n}\n\n/**\n * Standalone state-tax management flow for a given employee. Renders the\n * read-only summary card and the edit form, switching between them as the\n * partner-emitted events from {@link StateTaxesCard} and {@link StateTaxesEditForm}\n * drive the internal state machine.\n *\n * @remarks\n *\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `employee/management/stateTaxes/editRequested` | Edit button on the summary card was clicked | `{ employeeId: string }` |\n * | `employee/management/stateTaxes/editCancelled` | Cancel button on the edit form was clicked | — |\n * | `employee/management/stateTaxes/updated` | Edit form was submitted successfully | `{ employeeStateTaxesList: EmployeeStateTaxesList[] }` |\n *\n * @param props - The component props.\n * @public\n */\nexport function StateTaxes({\n  dictionary,\n  FallbackComponent,\n  ...props\n}: StateTaxesProps & BaseComponentInterface<'Employee.Management.StateTaxes'>) {\n  useComponentDictionary('Employee.Management.StateTaxes', dictionary)\n  return (\n    <BaseBoundaries\n      componentName=\"Employee.Management.StateTaxes\"\n      FallbackComponent={FallbackComponent}\n    >\n      <StateTaxesFlow {...props} />\n    </BaseBoundaries>\n  )\n}\n"],"names":["StateTaxesFlow","employeeId","onEvent","useI18n","machine","useMemo","createMachine","stateTaxesStateMachine","ctx","StateTaxesCardContextual","jsx","Flow","StateTaxes","dictionary","FallbackComponent","props","useComponentDictionary","BaseBoundaries"],"mappings":";;;;;;;;AA2BA,SAASA,EAAe,EAAE,YAAAC,GAAY,SAAAC,KAA4B;AAChE,EAAAC,EAAQ,gCAAgC;AAExC,QAAMC,IAAUC;AAAA,IACd,MACEC,EAAc,QAAQC,GAAwB,CAACC,OAAqC;AAAA,MAClF,GAAGA;AAAA,MACH,WAAWC;AAAA,MACX,YAAAR;AAAA,IAAA,EACA;AAAA,IACJ,CAACA,CAAU;AAAA,EAAA;AAGb,SAAO,gBAAAS,EAACC,GAAA,EAAK,SAAAP,GAAkB,SAAAF,EAAA,CAAkB;AACnD;AAmBO,SAASU,EAAW;AAAA,EACzB,YAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,GAAGC;AACL,GAA+E;AAC7E,SAAAC,EAAuB,kCAAkCH,CAAU,GAEjE,gBAAAH;AAAA,IAACO;AAAA,IAAA;AAAA,MACC,eAAc;AAAA,MACd,mBAAAH;AAAA,MAEA,UAAA,gBAAAJ,EAACV,GAAA,EAAgB,GAAGe,EAAA,CAAO;AAAA,IAAA;AAAA,EAAA;AAGjC;"}

package/dist/components/Employee/StateTaxes/management/StateTaxesCard/StateTaxesCard.d.ts

@@ -1,15 +1,30 @@
 import { EventType } from '../../../../../shared/constants';
 import { OnEventType } from '../../../../Base/useBase';
+/**
+ * Props for {@link StateTaxesCard}.
+ *
+ * @public
+ */
 export interface StateTaxesCardProps {
+    /** The associated employee identifier. */
     employeeId: string;
+    /** Event handler fired when the Edit button is clicked. */
     onEvent: OnEventType<EventType, unknown>;
 }
 /**
- * Standalone "State taxes" card. Owns its own data fetch via
- * `useStateTaxesSummary` and emits
- * `EMPLOYEE_MANAGEMENT_STATE_TAXES_EDIT_REQUESTED` when the Edit
- * button is clicked. The Edit button is hidden when no state on
- * record has any tax-withholding questions (e.g. WA), matching the
- * product rule that a state with no income tax has nothing to edit.
+ * Standalone read-only summary card showing an employee's per-state tax
+ * withholding answers. Fetches its own data and surfaces an Edit button
+ * that emits an event for the orchestrator to swap in the edit form.
+ *
+ * @remarks
+ * The Edit button is hidden when no state on record has any tax-withholding
+ * questions (e.g. states with no income tax), since there is nothing to edit.
+ *
+ * | Event | Description | Data |
+ * | ----- | ----------- | ---- |
+ * | `employee/management/stateTaxes/editRequested` | Edit button was clicked | `{ employeeId: string }` |
+ *
+ * @param props - The component props.
+ * @public
  */
 export declare function StateTaxesCard(props: StateTaxesCardProps): import("react").JSX.Element;

package/dist/components/Employee/StateTaxes/management/StateTaxesCard/StateTaxesCard.js

@@ -2,18 +2,19 @@ import { jsx as e, jsxs as C } from "react/jsx-runtime";
 import { useTranslation as h } from "react-i18next";
 import { Flex as d } from "../../../../Common/Flex/Flex.js";
 import { Loading as F } from "../../../../Common/Loading/Loading.js";
-import { BaseBoundaries as Q, BaseLayout as b } from "../../../../Base/Base.js";
-import { useComponentContext as v } from "../../../../../contexts/ComponentAdapter/useComponentContext.js";
+import { useComponentContext as Q } from "../../../../../contexts/ComponentAdapter/useComponentContext.js";
+import "react";
+import { BaseBoundaries as b, BaseLayout as v } from "../../../../Base/Base.js";
 import L from "../../../../../hooks/useNumberFormatter.js";
 import { useI18n as D } from "../../../../../i18n/I18n.js";
 import { componentEvents as N } from "../../../../../shared/constants.js";
 import { useStateTaxesSummary as A } from "../../shared/useStateTaxesSummary/useStateTaxesSummary.js";
-function U(i) {
-  return /* @__PURE__ */ e(Q, { componentName: "Employee.Management.StateTaxes", children: /* @__PURE__ */ e(B, { ...i }) });
+function V(i) {
+  return /* @__PURE__ */ e(b, { componentName: "Employee.Management.StateTaxes", children: /* @__PURE__ */ e(B, { ...i }) });
 }
 function B({ employeeId: i, onEvent: y }) {
   D("Employee.Management.StateTaxes");
-  const { t: n } = h("Employee.Management.StateTaxes"), { t: g } = h("common"), r = v(), f = L("currency"), s = A({ employeeId: i }), m = s.isLoading, c = s.isLoading ? [] : s.data.employeeStateTaxesList, x = c.some((t) => (t.questions?.length ?? 0) > 0), E = (t, o) => {
+  const { t: n } = h("Employee.Management.StateTaxes"), { t: g } = h("common"), r = Q(), f = L("currency"), s = A({ employeeId: i }), m = s.isLoading, c = s.isLoading ? [] : s.data.employeeStateTaxesList, x = c.some((t) => (t.questions?.length ?? 0) > 0), E = (t, o) => {
     if (t.inputQuestionFormat.type === "Select" && t.inputQuestionFormat.options && t.inputQuestionFormat.options.length > 0) {
       const a = t.inputQuestionFormat.options.find((l) => l.value === o);
       if (a?.label)
@@ -29,7 +30,7 @@ function B({ employeeId: i, onEvent: y }) {
   }, S = /* @__PURE__ */ e("span", { "aria-label": n("card.listEmptyPlaceholder"), children: "–" }), T = () => {
     y(N.EMPLOYEE_MANAGEMENT_STATE_TAXES_EDIT_REQUESTED, { employeeId: i });
   };
-  return /* @__PURE__ */ e(b, { error: s.errorHandling.errors, children: /* @__PURE__ */ e(
+  return /* @__PURE__ */ e(v, { error: s.errorHandling.errors, children: /* @__PURE__ */ e(
     r.Box,
     {
       header: /* @__PURE__ */ e(
@@ -46,11 +47,11 @@ function B({ employeeId: i, onEvent: y }) {
           l ? /* @__PURE__ */ e(
             r.DescriptionList,
             {
-              items: t.questions.map((u) => {
-                const p = u.answers[0]?.value;
+              items: t.questions.map((p) => {
+                const u = p.answers[0]?.value;
                 return {
-                  term: u.label,
-                  description: p == null ? S : E(u, p)
+                  term: p.label,
+                  description: u == null ? S : E(p, u)
                 };
               })
             }
@@ -61,6 +62,6 @@ function B({ employeeId: i, onEvent: y }) {
   ) });
 }
 export {
-  U as StateTaxesCard
+  V as StateTaxesCard
 };
 //# sourceMappingURL=StateTaxesCard.js.map

package/dist/components/Employee/StateTaxes/management/StateTaxesCard/StateTaxesCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"StateTaxesCard.js","sources":["../../../../../../src/components/Employee/StateTaxes/management/StateTaxesCard/StateTaxesCard.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport type { EmployeeStateTaxQuestion } from '@gusto/embedded-api-v-2025-11-15/models/components/employeestatetaxquestion'\nimport { useStateTaxesSummary } from '../../shared/useStateTaxesSummary'\nimport { Flex } from '@/components/Common/Flex/Flex'\nimport { Loading } from '@/components/Common'\nimport { BaseBoundaries, BaseLayout } from '@/components/Base/Base'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport useNumberFormatter from '@/hooks/useNumberFormatter'\nimport { useI18n } from '@/i18n'\nimport { componentEvents, type EventType } from '@/shared/constants'\nimport type { OnEventType } from '@/components/Base/useBase'\n\nexport interface StateTaxesCardProps {\n  employeeId: string\n  onEvent: OnEventType<EventType, unknown>\n}\n\n/**\n * Standalone \"State taxes\" card. Owns its own data fetch via\n * `useStateTaxesSummary` and emits\n * `EMPLOYEE_MANAGEMENT_STATE_TAXES_EDIT_REQUESTED` when the Edit\n * button is clicked. The Edit button is hidden when no state on\n * record has any tax-withholding questions (e.g. WA), matching the\n * product rule that a state with no income tax has nothing to edit.\n */\nexport function StateTaxesCard(props: StateTaxesCardProps) {\n  return (\n    <BaseBoundaries componentName=\"Employee.Management.StateTaxes\">\n      <StateTaxesCardContent {...props} />\n    </BaseBoundaries>\n  )\n}\n\nfunction StateTaxesCardContent({ employeeId, onEvent }: StateTaxesCardProps) {\n  useI18n('Employee.Management.StateTaxes')\n  const { t } = useTranslation('Employee.Management.StateTaxes')\n  const { t: tCommon } = useTranslation('common')\n  const Components = useComponentContext()\n  const formatCurrency = useNumberFormatter('currency')\n\n  const summary = useStateTaxesSummary({ employeeId })\n  const isLoading = summary.isLoading\n  const stateTaxes = summary.isLoading ? [] : summary.data.employeeStateTaxesList\n\n  const stateTaxesHaveAnyQuestions = stateTaxes.some(s => (s.questions?.length ?? 0) > 0)\n\n  const formatStateTaxAnswer = (\n    question: EmployeeStateTaxQuestion,\n    answer: string | number | boolean,\n  ) => {\n    if (\n      question.inputQuestionFormat.type === 'Select' &&\n      question.inputQuestionFormat.options &&\n      question.inputQuestionFormat.options.length > 0\n    ) {\n      const option = question.inputQuestionFormat.options.find(opt => opt.value === answer)\n      if (option?.label) {\n        return option.label\n      }\n    }\n\n    if (typeof answer === 'number') {\n      if (question.inputQuestionFormat.type === 'Currency') {\n        return formatCurrency(answer)\n      }\n      return answer\n    }\n\n    if (typeof answer === 'string' && !isNaN(parseFloat(answer))) {\n      const numValue = parseFloat(answer)\n      if (question.inputQuestionFormat.type === 'Currency') {\n        return formatCurrency(numValue)\n      }\n      return answer\n    }\n\n    if (typeof answer === 'boolean') {\n      return answer ? t('card.yes') : t('card.no')\n    }\n\n    return answer\n  }\n\n  const emptyPlaceholder = <span aria-label={t('card.listEmptyPlaceholder')}>–</span>\n\n  const handleEdit = () => {\n    onEvent(componentEvents.EMPLOYEE_MANAGEMENT_STATE_TAXES_EDIT_REQUESTED, { employeeId })\n  }\n\n  return (\n    <BaseLayout error={summary.errorHandling.errors}>\n      <Components.Box\n        header={\n          <Components.BoxHeader\n            title={t('card.title')}\n            action={\n              isLoading || stateTaxesHaveAnyQuestions ? (\n                <Components.Button variant=\"secondary\" onClick={handleEdit} isDisabled={isLoading}>\n                  {t('card.editCta')}\n                </Components.Button>\n              ) : undefined\n            }\n          />\n        }\n      >\n        <Flex flexDirection=\"column\" gap={16}>\n          {isLoading ? (\n            <Loading />\n          ) : stateTaxes.length > 0 ? (\n            <Flex flexDirection=\"column\" gap={24}>\n              {stateTaxes.map((stateTax, index) => {\n                const stateName = stateTax.state\n                  ? tCommon(`statesHash.${stateTax.state}`, stateTax.state)\n                  : ''\n                const hasQuestions = (stateTax.questions?.length ?? 0) > 0\n                return (\n                  <Flex key={stateTax.state ?? index} flexDirection=\"column\" gap={16}>\n                    {stateName ? (\n                      <Components.Heading as=\"h4\">{stateName}</Components.Heading>\n                    ) : null}\n\n                    {hasQuestions ? (\n                      <Components.DescriptionList\n                        items={stateTax.questions!.map(question => {\n                          const answer = question.answers[0]?.value\n                          return {\n                            term: question.label,\n                            description:\n                              answer === null || answer === undefined\n                                ? emptyPlaceholder\n                                : formatStateTaxAnswer(question, answer),\n                          }\n                        })}\n                      />\n                    ) : (\n                      <Components.Text variant=\"supporting\">\n                        {t('card.noWithholdingForState')}\n                      </Components.Text>\n                    )}\n                  </Flex>\n                )\n              })}\n            </Flex>\n          ) : (\n            <Components.Text>{t('card.noStateTaxes')}</Components.Text>\n          )}\n        </Flex>\n      </Components.Box>\n    </BaseLayout>\n  )\n}\n"],"names":["StateTaxesCard","props","jsx","BaseBoundaries","StateTaxesCardContent","employeeId","onEvent","useI18n","t","useTranslation","tCommon","Components","useComponentContext","formatCurrency","useNumberFormatter","summary","useStateTaxesSummary","isLoading","stateTaxes","stateTaxesHaveAnyQuestions","s","formatStateTaxAnswer","question","answer","option","opt","numValue","emptyPlaceholder","handleEdit","componentEvents","BaseLayout","Flex","Loading","stateTax","index","stateName","hasQuestions","jsxs"],"mappings":"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"}
+{"version":3,"file":"StateTaxesCard.js","sources":["../../../../../../src/components/Employee/StateTaxes/management/StateTaxesCard/StateTaxesCard.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport type { EmployeeStateTaxQuestion } from '@gusto/embedded-api-v-2025-11-15/models/components/employeestatetaxquestion'\nimport { useStateTaxesSummary } from '../../shared/useStateTaxesSummary'\nimport { Flex } from '@/components/Common/Flex/Flex'\nimport { Loading } from '@/components/Common'\nimport { BaseBoundaries, BaseLayout } from '@/components/Base/Base'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport useNumberFormatter from '@/hooks/useNumberFormatter'\nimport { useI18n } from '@/i18n'\nimport { componentEvents, type EventType } from '@/shared/constants'\nimport type { OnEventType } from '@/components/Base/useBase'\n\n/**\n * Props for {@link StateTaxesCard}.\n *\n * @public\n */\nexport interface StateTaxesCardProps {\n  /** The associated employee identifier. */\n  employeeId: string\n  /** Event handler fired when the Edit button is clicked. */\n  onEvent: OnEventType<EventType, unknown>\n}\n\n/**\n * Standalone read-only summary card showing an employee's per-state tax\n * withholding answers. Fetches its own data and surfaces an Edit button\n * that emits an event for the orchestrator to swap in the edit form.\n *\n * @remarks\n * The Edit button is hidden when no state on record has any tax-withholding\n * questions (e.g. states with no income tax), since there is nothing to edit.\n *\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `employee/management/stateTaxes/editRequested` | Edit button was clicked | `{ employeeId: string }` |\n *\n * @param props - The component props.\n * @public\n */\nexport function StateTaxesCard(props: StateTaxesCardProps) {\n  return (\n    <BaseBoundaries componentName=\"Employee.Management.StateTaxes\">\n      <StateTaxesCardContent {...props} />\n    </BaseBoundaries>\n  )\n}\n\nfunction StateTaxesCardContent({ employeeId, onEvent }: StateTaxesCardProps) {\n  useI18n('Employee.Management.StateTaxes')\n  const { t } = useTranslation('Employee.Management.StateTaxes')\n  const { t: tCommon } = useTranslation('common')\n  const Components = useComponentContext()\n  const formatCurrency = useNumberFormatter('currency')\n\n  const summary = useStateTaxesSummary({ employeeId })\n  const isLoading = summary.isLoading\n  const stateTaxes = summary.isLoading ? [] : summary.data.employeeStateTaxesList\n\n  const stateTaxesHaveAnyQuestions = stateTaxes.some(s => (s.questions?.length ?? 0) > 0)\n\n  const formatStateTaxAnswer = (\n    question: EmployeeStateTaxQuestion,\n    answer: string | number | boolean,\n  ) => {\n    if (\n      question.inputQuestionFormat.type === 'Select' &&\n      question.inputQuestionFormat.options &&\n      question.inputQuestionFormat.options.length > 0\n    ) {\n      const option = question.inputQuestionFormat.options.find(opt => opt.value === answer)\n      if (option?.label) {\n        return option.label\n      }\n    }\n\n    if (typeof answer === 'number') {\n      if (question.inputQuestionFormat.type === 'Currency') {\n        return formatCurrency(answer)\n      }\n      return answer\n    }\n\n    if (typeof answer === 'string' && !isNaN(parseFloat(answer))) {\n      const numValue = parseFloat(answer)\n      if (question.inputQuestionFormat.type === 'Currency') {\n        return formatCurrency(numValue)\n      }\n      return answer\n    }\n\n    if (typeof answer === 'boolean') {\n      return answer ? t('card.yes') : t('card.no')\n    }\n\n    return answer\n  }\n\n  const emptyPlaceholder = <span aria-label={t('card.listEmptyPlaceholder')}>–</span>\n\n  const handleEdit = () => {\n    onEvent(componentEvents.EMPLOYEE_MANAGEMENT_STATE_TAXES_EDIT_REQUESTED, { employeeId })\n  }\n\n  return (\n    <BaseLayout error={summary.errorHandling.errors}>\n      <Components.Box\n        header={\n          <Components.BoxHeader\n            title={t('card.title')}\n            action={\n              isLoading || stateTaxesHaveAnyQuestions ? (\n                <Components.Button variant=\"secondary\" onClick={handleEdit} isDisabled={isLoading}>\n                  {t('card.editCta')}\n                </Components.Button>\n              ) : undefined\n            }\n          />\n        }\n      >\n        <Flex flexDirection=\"column\" gap={16}>\n          {isLoading ? (\n            <Loading />\n          ) : stateTaxes.length > 0 ? (\n            <Flex flexDirection=\"column\" gap={24}>\n              {stateTaxes.map((stateTax, index) => {\n                const stateName = stateTax.state\n                  ? tCommon(`statesHash.${stateTax.state}`, stateTax.state)\n                  : ''\n                const hasQuestions = (stateTax.questions?.length ?? 0) > 0\n                return (\n                  <Flex key={stateTax.state ?? index} flexDirection=\"column\" gap={16}>\n                    {stateName ? (\n                      <Components.Heading as=\"h4\">{stateName}</Components.Heading>\n                    ) : null}\n\n                    {hasQuestions ? (\n                      <Components.DescriptionList\n                        items={stateTax.questions!.map(question => {\n                          const answer = question.answers[0]?.value\n                          return {\n                            term: question.label,\n                            description:\n                              answer === null || answer === undefined\n                                ? emptyPlaceholder\n                                : formatStateTaxAnswer(question, answer),\n                          }\n                        })}\n                      />\n                    ) : (\n                      <Components.Text variant=\"supporting\">\n                        {t('card.noWithholdingForState')}\n                      </Components.Text>\n                    )}\n                  </Flex>\n                )\n              })}\n            </Flex>\n          ) : (\n            <Components.Text>{t('card.noStateTaxes')}</Components.Text>\n          )}\n        </Flex>\n      </Components.Box>\n    </BaseLayout>\n  )\n}\n"],"names":["StateTaxesCard","props","jsx","BaseBoundaries","StateTaxesCardContent","employeeId","onEvent","useI18n","t","useTranslation","tCommon","Components","useComponentContext","formatCurrency","useNumberFormatter","summary","useStateTaxesSummary","isLoading","stateTaxes","stateTaxesHaveAnyQuestions","s","formatStateTaxAnswer","question","answer","option","opt","numValue","emptyPlaceholder","handleEdit","componentEvents","BaseLayout","Flex","Loading","stateTax","index","stateName","hasQuestions","jsxs"],"mappings":"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"}

package/dist/components/Employee/StateTaxes/management/StateTaxesComponents.d.ts

@@ -1,8 +1,12 @@
 import { FlowContextInterface } from '../../../Flow/useFlow';
+/** @internal */
 export type StateTaxesSuccessAlertCode = 'stateTaxesUpdated';
+/** @internal */
 export interface StateTaxesContextInterface extends FlowContextInterface {
     employeeId?: string;
     successAlert?: StateTaxesSuccessAlertCode | null;
 }
+/** @internal */
 export declare function StateTaxesCardContextual(): import("react").JSX.Element;
+/** @internal */
 export declare function StateTaxesEditFormContextual(): import("react").JSX.Element;

package/dist/components/Employee/StateTaxes/management/StateTaxesComponents.js.map

@@ -1 +1 @@
-{"version":3,"file":"StateTaxesComponents.js","sources":["../../../../../src/components/Employee/StateTaxes/management/StateTaxesComponents.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { StateTaxesCard } from './StateTaxesCard'\nimport { StateTaxesEditForm } from './StateTaxesEditForm'\nimport { Flex } from '@/components/Common/Flex/Flex'\nimport { useFlow, type FlowContextInterface } from '@/components/Flow/useFlow'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { componentEvents } from '@/shared/constants'\nimport { ensureRequired } from '@/helpers/ensureRequired'\n\nexport type StateTaxesSuccessAlertCode = 'stateTaxesUpdated'\n\nexport interface StateTaxesContextInterface extends FlowContextInterface {\n  employeeId?: string\n  successAlert?: StateTaxesSuccessAlertCode | null\n}\n\nexport function StateTaxesCardContextual() {\n  const { employeeId, onEvent, successAlert } = useFlow<StateTaxesContextInterface>()\n  const { t } = useTranslation('Employee.Management.StateTaxes')\n  const Components = useComponentContext()\n  return (\n    <Flex flexDirection=\"column\" gap={16}>\n      {successAlert ? (\n        <Components.Alert\n          status=\"success\"\n          label={t(`alerts.${successAlert}`)}\n          onDismiss={() => {\n            onEvent(componentEvents.EMPLOYEE_MANAGEMENT_STATE_TAXES_ALERT_DISMISSED, null)\n          }}\n        />\n      ) : null}\n      <StateTaxesCard employeeId={ensureRequired(employeeId)} onEvent={onEvent} />\n    </Flex>\n  )\n}\n\nexport function StateTaxesEditFormContextual() {\n  const { employeeId, onEvent } = useFlow<StateTaxesContextInterface>()\n  return <StateTaxesEditForm employeeId={ensureRequired(employeeId)} onEvent={onEvent} />\n}\n"],"names":["StateTaxesCardContextual","employeeId","onEvent","successAlert","useFlow","t","useTranslation","Components","useComponentContext","jsxs","Flex","jsx","componentEvents","StateTaxesCard","ensureRequired","StateTaxesEditFormContextual","StateTaxesEditForm"],"mappings":";;;;;;;;;AAgBO,SAASA,IAA2B;AACzC,QAAM,EAAE,YAAAC,GAAY,SAAAC,GAAS,cAAAC,EAAA,IAAiBC,EAAA,GACxC,EAAE,GAAAC,EAAA,IAAMC,EAAe,gCAAgC,GACvDC,IAAaC,EAAA;AACnB,SACE,gBAAAC,EAACC,GAAA,EAAK,eAAc,UAAS,KAAK,IAC/B,UAAA;AAAA,IAAAP,IACC,gBAAAQ;AAAA,MAACJ,EAAW;AAAA,MAAX;AAAA,QACC,QAAO;AAAA,QACP,OAAOF,EAAE,UAAUF,CAAY,EAAE;AAAA,QACjC,WAAW,MAAM;AACf,UAAAD,EAAQU,EAAgB,iDAAiD,IAAI;AAAA,QAC/E;AAAA,MAAA;AAAA,IAAA,IAEA;AAAA,sBACHC,GAAA,EAAe,YAAYC,EAAeb,CAAU,GAAG,SAAAC,EAAA,CAAkB;AAAA,EAAA,GAC5E;AAEJ;AAEO,SAASa,IAA+B;AAC7C,QAAM,EAAE,YAAAd,GAAY,SAAAC,EAAA,IAAYE,EAAA;AAChC,2BAAQY,GAAA,EAAmB,YAAYF,EAAeb,CAAU,GAAG,SAAAC,GAAkB;AACvF;"}
+{"version":3,"file":"StateTaxesComponents.js","sources":["../../../../../src/components/Employee/StateTaxes/management/StateTaxesComponents.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { StateTaxesCard } from './StateTaxesCard'\nimport { StateTaxesEditForm } from './StateTaxesEditForm'\nimport { Flex } from '@/components/Common/Flex/Flex'\nimport { useFlow, type FlowContextInterface } from '@/components/Flow/useFlow'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { componentEvents } from '@/shared/constants'\nimport { ensureRequired } from '@/helpers/ensureRequired'\n\n/** @internal */\nexport type StateTaxesSuccessAlertCode = 'stateTaxesUpdated'\n\n/** @internal */\nexport interface StateTaxesContextInterface extends FlowContextInterface {\n  employeeId?: string\n  successAlert?: StateTaxesSuccessAlertCode | null\n}\n\n/** @internal */\nexport function StateTaxesCardContextual() {\n  const { employeeId, onEvent, successAlert } = useFlow<StateTaxesContextInterface>()\n  const { t } = useTranslation('Employee.Management.StateTaxes')\n  const Components = useComponentContext()\n  return (\n    <Flex flexDirection=\"column\" gap={16}>\n      {successAlert ? (\n        <Components.Alert\n          status=\"success\"\n          label={t(`alerts.${successAlert}`)}\n          onDismiss={() => {\n            onEvent(componentEvents.EMPLOYEE_MANAGEMENT_STATE_TAXES_ALERT_DISMISSED, null)\n          }}\n        />\n      ) : null}\n      <StateTaxesCard employeeId={ensureRequired(employeeId)} onEvent={onEvent} />\n    </Flex>\n  )\n}\n\n/** @internal */\nexport function StateTaxesEditFormContextual() {\n  const { employeeId, onEvent } = useFlow<StateTaxesContextInterface>()\n  return <StateTaxesEditForm employeeId={ensureRequired(employeeId)} onEvent={onEvent} />\n}\n"],"names":["StateTaxesCardContextual","employeeId","onEvent","successAlert","useFlow","t","useTranslation","Components","useComponentContext","jsxs","Flex","jsx","componentEvents","StateTaxesCard","ensureRequired","StateTaxesEditFormContextual","StateTaxesEditForm"],"mappings":";;;;;;;;;AAmBO,SAASA,IAA2B;AACzC,QAAM,EAAE,YAAAC,GAAY,SAAAC,GAAS,cAAAC,EAAA,IAAiBC,EAAA,GACxC,EAAE,GAAAC,EAAA,IAAMC,EAAe,gCAAgC,GACvDC,IAAaC,EAAA;AACnB,SACE,gBAAAC,EAACC,GAAA,EAAK,eAAc,UAAS,KAAK,IAC/B,UAAA;AAAA,IAAAP,IACC,gBAAAQ;AAAA,MAACJ,EAAW;AAAA,MAAX;AAAA,QACC,QAAO;AAAA,QACP,OAAOF,EAAE,UAAUF,CAAY,EAAE;AAAA,QACjC,WAAW,MAAM;AACf,UAAAD,EAAQU,EAAgB,iDAAiD,IAAI;AAAA,QAC/E;AAAA,MAAA;AAAA,IAAA,IAEA;AAAA,sBACHC,GAAA,EAAe,YAAYC,EAAeb,CAAU,GAAG,SAAAC,EAAA,CAAkB;AAAA,EAAA,GAC5E;AAEJ;AAGO,SAASa,IAA+B;AAC7C,QAAM,EAAE,YAAAd,GAAY,SAAAC,EAAA,IAAYE,EAAA;AAChC,2BAAQY,GAAA,EAAmB,YAAYF,EAAeb,CAAU,GAAG,SAAAC,GAAkB;AACvF;"}

package/dist/components/Employee/StateTaxes/management/StateTaxesEditForm.d.ts

@@ -1,17 +1,29 @@
 import { BaseComponentInterface, CommonComponentInterface } from '../../../Base';
+/**
+ * Props for {@link StateTaxesEditForm}.
+ *
+ * @public
+ */
 export type StateTaxesEditFormProps = Omit<CommonComponentInterface<'Employee.Management.StateTaxes'>, 'children'> & {
+    /** The associated employee identifier. */
     employeeId: string;
+    /** Event handler fired when the form is submitted or cancelled. */
     onEvent: BaseComponentInterface['onEvent'];
 };
 /**
- * Standalone state-tax edit screen for the management flow. Wraps the shared
- * {@link useEmployeeStateTaxesForm} hook with scoped events and the
- * `Employee.Management.StateTaxes` namespace; the shared `EmployeeStateTaxesView`
- * resolves its text through `useManagementStateTaxesViewDictionary` so partner
- * overrides on the management namespace don't leak into onboarding.
+ * Standalone edit screen for the state-tax management flow. Renders the shared
+ * state-tax form against the `Employee.Management.StateTaxes` namespace and
+ * emits scoped management events on submit and cancel, so partner copy
+ * overrides on the management namespace do not leak into the onboarding flow.
+ *
+ * @remarks
+ *
+ * | Event | Description | Data |
+ * | ----- | ----------- | ---- |
+ * | `employee/management/stateTaxes/updated` | Form was submitted successfully | `{ employeeStateTaxesList: EmployeeStateTaxesList[] }` |
+ * | `employee/management/stateTaxes/editCancelled` | Cancel button was clicked | — |
  *
- * Emits `EMPLOYEE_MANAGEMENT_STATE_TAXES_UPDATED` on a successful save and
- * `EMPLOYEE_MANAGEMENT_STATE_TAXES_EDIT_CANCELLED` on Cancel. The orchestrator
- * (the block or the dashboard) handles both by returning to the card surface.
+ * @param props - The component props.
+ * @public
  */
 export declare function StateTaxesEditForm({ FallbackComponent, ...props }: StateTaxesEditFormProps & Pick<BaseComponentInterface, 'FallbackComponent'>): import("react").JSX.Element;

package/dist/components/Employee/StateTaxes/management/StateTaxesEditForm.js

@@ -3,11 +3,11 @@ import { useTranslation as l } from "react-i18next";
 import { EmployeeStateTaxesView as S } from "../shared/EmployeeStateTaxesView.js";
 import { useManagementStateTaxesViewDictionary as d } from "./useViewDictionary.js";
 import { BaseBoundaries as x, BaseLayout as y } from "../../../Base/Base.js";
-import "../../../Base/useBase.js";
 import { ActionsLayout as f } from "../../../Common/ActionsLayout/ActionsLayout.js";
-import { useI18n as g, useComponentDictionary as A } from "../../../../i18n/I18n.js";
+import { useComponentContext as g } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
+import "react";
+import { useI18n as A, useComponentDictionary as M } from "../../../../i18n/I18n.js";
 import { componentEvents as m } from "../../../../shared/constants.js";
-import { useComponentContext as M } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
 import { useEmployeeStateTaxesForm as C } from "../shared/useEmployeeStateTaxesForm/useEmployeeStateTaxesForm.js";
 function G({
   FallbackComponent: o,
@@ -28,8 +28,8 @@ function L({
   dictionary: c,
   onEvent: a
 }) {
-  g("Employee.Management.StateTaxes"), A("Employee.Management.StateTaxes", c);
-  const { t: r } = l("Employee.Management.StateTaxes"), i = M(), e = C({ employeeId: o }), E = d();
+  A("Employee.Management.StateTaxes"), M("Employee.Management.StateTaxes", c);
+  const { t: r } = l("Employee.Management.StateTaxes"), i = g(), e = C({ employeeId: o }), E = d();
   if (e.isLoading)
     return /* @__PURE__ */ t(y, { isLoading: !0, error: e.errorHandling.errors });
   const p = async () => {

package/dist/components/Employee/StateTaxes/management/StateTaxesEditForm.js.map

@@ -1 +1 @@
-{"version":3,"file":"StateTaxesEditForm.js","sources":["../../../../../src/components/Employee/StateTaxes/management/StateTaxesEditForm.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { EmployeeStateTaxesView, useEmployeeStateTaxesForm } from '../shared'\nimport { useManagementStateTaxesViewDictionary } from './useViewDictionary'\nimport {\n  BaseBoundaries,\n  BaseLayout,\n  type BaseComponentInterface,\n  type CommonComponentInterface,\n} from '@/components/Base'\nimport { ActionsLayout } from '@/components/Common'\nimport { useI18n, useComponentDictionary } from '@/i18n'\nimport { componentEvents } from '@/shared/constants'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\nexport type StateTaxesEditFormProps = Omit<\n  CommonComponentInterface<'Employee.Management.StateTaxes'>,\n  'children'\n> & {\n  employeeId: string\n  onEvent: BaseComponentInterface['onEvent']\n}\n\n/**\n * Standalone state-tax edit screen for the management flow. Wraps the shared\n * {@link useEmployeeStateTaxesForm} hook with scoped events and the\n * `Employee.Management.StateTaxes` namespace; the shared `EmployeeStateTaxesView`\n * resolves its text through `useManagementStateTaxesViewDictionary` so partner\n * overrides on the management namespace don't leak into onboarding.\n *\n * Emits `EMPLOYEE_MANAGEMENT_STATE_TAXES_UPDATED` on a successful save and\n * `EMPLOYEE_MANAGEMENT_STATE_TAXES_EDIT_CANCELLED` on Cancel. The orchestrator\n * (the block or the dashboard) handles both by returning to the card surface.\n */\nexport function StateTaxesEditForm({\n  FallbackComponent,\n  ...props\n}: StateTaxesEditFormProps & Pick<BaseComponentInterface, 'FallbackComponent'>) {\n  return (\n    <BaseBoundaries\n      componentName=\"Employee.Management.StateTaxes\"\n      FallbackComponent={FallbackComponent}\n    >\n      <StateTaxesEditFormRoot {...props} />\n    </BaseBoundaries>\n  )\n}\n\nfunction StateTaxesEditFormRoot({\n  employeeId,\n  className,\n  dictionary,\n  onEvent,\n}: StateTaxesEditFormProps) {\n  useI18n('Employee.Management.StateTaxes')\n  useComponentDictionary('Employee.Management.StateTaxes', dictionary)\n  const { t } = useTranslation('Employee.Management.StateTaxes')\n  const Components = useComponentContext()\n\n  const stateTaxes = useEmployeeStateTaxesForm({ employeeId })\n  const managementStateTaxesDictionary = useManagementStateTaxesViewDictionary()\n\n  if (stateTaxes.isLoading) {\n    return <BaseLayout isLoading error={stateTaxes.errorHandling.errors} />\n  }\n\n  const handleSubmit = async () => {\n    const result = await stateTaxes.actions.onSubmit()\n    if (!result) return\n\n    onEvent(componentEvents.EMPLOYEE_MANAGEMENT_STATE_TAXES_UPDATED, {\n      employeeStateTaxesList: result.data,\n    })\n  }\n\n  const handleCancel = () => {\n    onEvent(componentEvents.EMPLOYEE_MANAGEMENT_STATE_TAXES_EDIT_CANCELLED)\n  }\n\n  return (\n    <EmployeeStateTaxesView\n      stateTaxes={stateTaxes}\n      onSubmit={handleSubmit}\n      actions={\n        <ActionsLayout>\n          <Components.Button variant=\"secondary\" onClick={handleCancel}>\n            {t('cancelCta')}\n          </Components.Button>\n          <Components.Button type=\"submit\" isLoading={stateTaxes.status.isPending}>\n            {t('saveCta')}\n          </Components.Button>\n        </ActionsLayout>\n      }\n      className={className}\n      dictionary={managementStateTaxesDictionary}\n    />\n  )\n}\n"],"names":["StateTaxesEditForm","FallbackComponent","props","jsx","BaseBoundaries","StateTaxesEditFormRoot","employeeId","className","dictionary","onEvent","useI18n","useComponentDictionary","t","useTranslation","Components","useComponentContext","stateTaxes","useEmployeeStateTaxesForm","managementStateTaxesDictionary","useManagementStateTaxesViewDictionary","BaseLayout","handleSubmit","result","componentEvents","handleCancel","EmployeeStateTaxesView","ActionsLayout"],"mappings":";;;;;;;;;;;AAiCO,SAASA,EAAmB;AAAA,EACjC,mBAAAC;AAAA,EACA,GAAGC;AACL,GAAgF;AAC9E,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,eAAc;AAAA,MACd,mBAAAH;AAAA,MAEA,UAAA,gBAAAE,EAACE,GAAA,EAAwB,GAAGH,EAAA,CAAO;AAAA,IAAA;AAAA,EAAA;AAGzC;AAEA,SAASG,EAAuB;AAAA,EAC9B,YAAAC;AAAA,EACA,WAAAC;AAAA,EACA,YAAAC;AAAA,EACA,SAAAC;AACF,GAA4B;AAC1B,EAAAC,EAAQ,gCAAgC,GACxCC,EAAuB,kCAAkCH,CAAU;AACnE,QAAM,EAAE,GAAAI,EAAA,IAAMC,EAAe,gCAAgC,GACvDC,IAAaC,EAAA,GAEbC,IAAaC,EAA0B,EAAE,YAAAX,GAAY,GACrDY,IAAiCC,EAAA;AAEvC,MAAIH,EAAW;AACb,6BAAQI,GAAA,EAAW,WAAS,IAAC,OAAOJ,EAAW,cAAc,QAAQ;AAGvE,QAAMK,IAAe,YAAY;AAC/B,UAAMC,IAAS,MAAMN,EAAW,QAAQ,SAAA;AACxC,IAAKM,KAELb,EAAQc,EAAgB,yCAAyC;AAAA,MAC/D,wBAAwBD,EAAO;AAAA,IAAA,CAChC;AAAA,EACH,GAEME,IAAe,MAAM;AACzB,IAAAf,EAAQc,EAAgB,8CAA8C;AAAA,EACxE;AAEA,SACE,gBAAApB;AAAA,IAACsB;AAAA,IAAA;AAAA,MACC,YAAAT;AAAA,MACA,UAAUK;AAAA,MACV,2BACGK,GAAA,EACC,UAAA;AAAA,QAAA,gBAAAvB,EAACW,EAAW,QAAX,EAAkB,SAAQ,aAAY,SAASU,GAC7C,UAAAZ,EAAE,WAAW,EAAA,CAChB;AAAA,QACA,gBAAAT,EAACW,EAAW,QAAX,EAAkB,MAAK,UAAS,WAAWE,EAAW,OAAO,WAC3D,UAAAJ,EAAE,SAAS,EAAA,CACd;AAAA,MAAA,GACF;AAAA,MAEF,WAAAL;AAAA,MACA,YAAYW;AAAA,IAAA;AAAA,EAAA;AAGlB;"}
+{"version":3,"file":"StateTaxesEditForm.js","sources":["../../../../../src/components/Employee/StateTaxes/management/StateTaxesEditForm.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { EmployeeStateTaxesView, useEmployeeStateTaxesForm } from '../shared'\nimport { useManagementStateTaxesViewDictionary } from './useViewDictionary'\nimport {\n  BaseBoundaries,\n  BaseLayout,\n  type BaseComponentInterface,\n  type CommonComponentInterface,\n} from '@/components/Base'\nimport { ActionsLayout } from '@/components/Common'\nimport { useI18n, useComponentDictionary } from '@/i18n'\nimport { componentEvents } from '@/shared/constants'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\n/**\n * Props for {@link StateTaxesEditForm}.\n *\n * @public\n */\nexport type StateTaxesEditFormProps = Omit<\n  CommonComponentInterface<'Employee.Management.StateTaxes'>,\n  'children'\n> & {\n  /** The associated employee identifier. */\n  employeeId: string\n  /** Event handler fired when the form is submitted or cancelled. */\n  onEvent: BaseComponentInterface['onEvent']\n}\n\n/**\n * Standalone edit screen for the state-tax management flow. Renders the shared\n * state-tax form against the `Employee.Management.StateTaxes` namespace and\n * emits scoped management events on submit and cancel, so partner copy\n * overrides on the management namespace do not leak into the onboarding flow.\n *\n * @remarks\n *\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `employee/management/stateTaxes/updated` | Form was submitted successfully | `{ employeeStateTaxesList: EmployeeStateTaxesList[] }` |\n * | `employee/management/stateTaxes/editCancelled` | Cancel button was clicked | — |\n *\n * @param props - The component props.\n * @public\n */\nexport function StateTaxesEditForm({\n  FallbackComponent,\n  ...props\n}: StateTaxesEditFormProps & Pick<BaseComponentInterface, 'FallbackComponent'>) {\n  return (\n    <BaseBoundaries\n      componentName=\"Employee.Management.StateTaxes\"\n      FallbackComponent={FallbackComponent}\n    >\n      <StateTaxesEditFormRoot {...props} />\n    </BaseBoundaries>\n  )\n}\n\nfunction StateTaxesEditFormRoot({\n  employeeId,\n  className,\n  dictionary,\n  onEvent,\n}: StateTaxesEditFormProps) {\n  useI18n('Employee.Management.StateTaxes')\n  useComponentDictionary('Employee.Management.StateTaxes', dictionary)\n  const { t } = useTranslation('Employee.Management.StateTaxes')\n  const Components = useComponentContext()\n\n  const stateTaxes = useEmployeeStateTaxesForm({ employeeId })\n  const managementStateTaxesDictionary = useManagementStateTaxesViewDictionary()\n\n  if (stateTaxes.isLoading) {\n    return <BaseLayout isLoading error={stateTaxes.errorHandling.errors} />\n  }\n\n  const handleSubmit = async () => {\n    const result = await stateTaxes.actions.onSubmit()\n    if (!result) return\n\n    onEvent(componentEvents.EMPLOYEE_MANAGEMENT_STATE_TAXES_UPDATED, {\n      employeeStateTaxesList: result.data,\n    })\n  }\n\n  const handleCancel = () => {\n    onEvent(componentEvents.EMPLOYEE_MANAGEMENT_STATE_TAXES_EDIT_CANCELLED)\n  }\n\n  return (\n    <EmployeeStateTaxesView\n      stateTaxes={stateTaxes}\n      onSubmit={handleSubmit}\n      actions={\n        <ActionsLayout>\n          <Components.Button variant=\"secondary\" onClick={handleCancel}>\n            {t('cancelCta')}\n          </Components.Button>\n          <Components.Button type=\"submit\" isLoading={stateTaxes.status.isPending}>\n            {t('saveCta')}\n          </Components.Button>\n        </ActionsLayout>\n      }\n      className={className}\n      dictionary={managementStateTaxesDictionary}\n    />\n  )\n}\n"],"names":["StateTaxesEditForm","FallbackComponent","props","jsx","BaseBoundaries","StateTaxesEditFormRoot","employeeId","className","dictionary","onEvent","useI18n","useComponentDictionary","t","useTranslation","Components","useComponentContext","stateTaxes","useEmployeeStateTaxesForm","managementStateTaxesDictionary","useManagementStateTaxesViewDictionary","BaseLayout","handleSubmit","result","componentEvents","handleCancel","EmployeeStateTaxesView","ActionsLayout"],"mappings":";;;;;;;;;;;AA6CO,SAASA,EAAmB;AAAA,EACjC,mBAAAC;AAAA,EACA,GAAGC;AACL,GAAgF;AAC9E,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,eAAc;AAAA,MACd,mBAAAH;AAAA,MAEA,UAAA,gBAAAE,EAACE,GAAA,EAAwB,GAAGH,EAAA,CAAO;AAAA,IAAA;AAAA,EAAA;AAGzC;AAEA,SAASG,EAAuB;AAAA,EAC9B,YAAAC;AAAA,EACA,WAAAC;AAAA,EACA,YAAAC;AAAA,EACA,SAAAC;AACF,GAA4B;AAC1B,EAAAC,EAAQ,gCAAgC,GACxCC,EAAuB,kCAAkCH,CAAU;AACnE,QAAM,EAAE,GAAAI,EAAA,IAAMC,EAAe,gCAAgC,GACvDC,IAAaC,EAAA,GAEbC,IAAaC,EAA0B,EAAE,YAAAX,GAAY,GACrDY,IAAiCC,EAAA;AAEvC,MAAIH,EAAW;AACb,6BAAQI,GAAA,EAAW,WAAS,IAAC,OAAOJ,EAAW,cAAc,QAAQ;AAGvE,QAAMK,IAAe,YAAY;AAC/B,UAAMC,IAAS,MAAMN,EAAW,QAAQ,SAAA;AACxC,IAAKM,KAELb,EAAQc,EAAgB,yCAAyC;AAAA,MAC/D,wBAAwBD,EAAO;AAAA,IAAA,CAChC;AAAA,EACH,GAEME,IAAe,MAAM;AACzB,IAAAf,EAAQc,EAAgB,8CAA8C;AAAA,EACxE;AAEA,SACE,gBAAApB;AAAA,IAACsB;AAAA,IAAA;AAAA,MACC,YAAAT;AAAA,MACA,UAAUK;AAAA,MACV,2BACGK,GAAA,EACC,UAAA;AAAA,QAAA,gBAAAvB,EAACW,EAAW,QAAX,EAAkB,SAAQ,aAAY,SAASU,GAC7C,UAAAZ,EAAE,WAAW,EAAA,CAChB;AAAA,QACA,gBAAAT,EAACW,EAAW,QAAX,EAAkB,MAAK,UAAS,WAAWE,EAAW,OAAO,WAC3D,UAAAJ,EAAE,SAAS,EAAA,CACd;AAAA,MAAA,GACF;AAAA,MAEF,WAAAL;AAAA,MACA,YAAYW;AAAA,IAAA;AAAA,EAAA;AAGlB;"}

package/dist/components/Employee/StateTaxes/management/stateTaxesStateMachine.d.ts

@@ -1,3 +1,4 @@
+/** @internal */
 export declare const stateTaxesStateMachine: {
     card: import('robot3').MachineState<any>;
     editStateTaxes: import('robot3').MachineState<any>;

package/dist/components/Employee/StateTaxes/management/stateTaxesStateMachine.js.map

@@ -1 +1 @@
-{"version":3,"file":"stateTaxesStateMachine.js","sources":["../../../../../src/components/Employee/StateTaxes/management/stateTaxesStateMachine.ts"],"sourcesContent":["import { reduce, state, transition } from 'robot3'\nimport type { ComponentType } from 'react'\nimport type { StateTaxesContextInterface, StateTaxesSuccessAlertCode } from './StateTaxesComponents'\nimport { StateTaxesCardContextual, StateTaxesEditFormContextual } from './StateTaxesComponents'\nimport { componentEvents } from '@/shared/constants'\nimport type { MachineTransition } from '@/types/Helpers'\n\nconst returnToCard = reduce(\n  (ctx: StateTaxesContextInterface): StateTaxesContextInterface => ({\n    ...ctx,\n    component: StateTaxesCardContextual as ComponentType,\n    successAlert: null,\n  }),\n)\n\nconst returnToCardWithAlert = (alert: StateTaxesSuccessAlertCode) =>\n  reduce(\n    (ctx: StateTaxesContextInterface): StateTaxesContextInterface => ({\n      ...ctx,\n      component: StateTaxesCardContextual as ComponentType,\n      successAlert: alert,\n    }),\n  )\n\nexport const stateTaxesStateMachine = {\n  card: state<MachineTransition>(\n    transition(\n      componentEvents.EMPLOYEE_MANAGEMENT_STATE_TAXES_EDIT_REQUESTED,\n      'editStateTaxes',\n      reduce(\n        (ctx: StateTaxesContextInterface): StateTaxesContextInterface => ({\n          ...ctx,\n          component: StateTaxesEditFormContextual as ComponentType,\n          successAlert: null,\n        }),\n      ),\n    ),\n    transition(\n      componentEvents.EMPLOYEE_MANAGEMENT_STATE_TAXES_ALERT_DISMISSED,\n      'card',\n      returnToCard,\n    ),\n  ),\n  editStateTaxes: state<MachineTransition>(\n    transition(\n      componentEvents.EMPLOYEE_MANAGEMENT_STATE_TAXES_UPDATED,\n      'card',\n      returnToCardWithAlert('stateTaxesUpdated'),\n    ),\n    transition(\n      componentEvents.EMPLOYEE_MANAGEMENT_STATE_TAXES_EDIT_CANCELLED,\n      'card',\n      returnToCard,\n    ),\n  ),\n}\n"],"names":["returnToCard","reduce","ctx","StateTaxesCardContextual","returnToCardWithAlert","alert","stateTaxesStateMachine","state","transition","componentEvents","StateTaxesEditFormContextual"],"mappings":";;;AAOA,MAAMA,IAAeC;AAAA,EACnB,CAACC,OAAiE;AAAA,IAChE,GAAGA;AAAA,IACH,WAAWC;AAAA,IACX,cAAc;AAAA,EAAA;AAElB,GAEMC,IAAwB,CAACC,MAC7BJ;AAAA,EACE,CAACC,OAAiE;AAAA,IAChE,GAAGA;AAAA,IACH,WAAWC;AAAA,IACX,cAAcE;AAAA,EAAA;AAElB,GAEWC,IAAyB;AAAA,EACpC,MAAMC;AAAA,IACJC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAR;AAAA,QACE,CAACC,OAAiE;AAAA,UAChE,GAAGA;AAAA,UACH,WAAWQ;AAAA,UACX,cAAc;AAAA,QAAA;AAAA,MAChB;AAAA,IACF;AAAA,IAEFF;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAT;AAAA,IAAA;AAAA,EACF;AAAA,EAEF,gBAAgBO;AAAA,IACdC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAL,EAAsB,mBAAmB;AAAA,IAAA;AAAA,IAE3CI;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAT;AAAA,IAAA;AAAA,EACF;AAEJ;"}
+{"version":3,"file":"stateTaxesStateMachine.js","sources":["../../../../../src/components/Employee/StateTaxes/management/stateTaxesStateMachine.ts"],"sourcesContent":["import { reduce, state, transition } from 'robot3'\nimport type { ComponentType } from 'react'\nimport type { StateTaxesContextInterface, StateTaxesSuccessAlertCode } from './StateTaxesComponents'\nimport { StateTaxesCardContextual, StateTaxesEditFormContextual } from './StateTaxesComponents'\nimport { componentEvents } from '@/shared/constants'\nimport type { MachineTransition } from '@/types/Helpers'\n\nconst returnToCard = reduce(\n  (ctx: StateTaxesContextInterface): StateTaxesContextInterface => ({\n    ...ctx,\n    component: StateTaxesCardContextual as ComponentType,\n    successAlert: null,\n  }),\n)\n\nconst returnToCardWithAlert = (alert: StateTaxesSuccessAlertCode) =>\n  reduce(\n    (ctx: StateTaxesContextInterface): StateTaxesContextInterface => ({\n      ...ctx,\n      component: StateTaxesCardContextual as ComponentType,\n      successAlert: alert,\n    }),\n  )\n\n/** @internal */\nexport const stateTaxesStateMachine = {\n  card: state<MachineTransition>(\n    transition(\n      componentEvents.EMPLOYEE_MANAGEMENT_STATE_TAXES_EDIT_REQUESTED,\n      'editStateTaxes',\n      reduce(\n        (ctx: StateTaxesContextInterface): StateTaxesContextInterface => ({\n          ...ctx,\n          component: StateTaxesEditFormContextual as ComponentType,\n          successAlert: null,\n        }),\n      ),\n    ),\n    transition(\n      componentEvents.EMPLOYEE_MANAGEMENT_STATE_TAXES_ALERT_DISMISSED,\n      'card',\n      returnToCard,\n    ),\n  ),\n  editStateTaxes: state<MachineTransition>(\n    transition(\n      componentEvents.EMPLOYEE_MANAGEMENT_STATE_TAXES_UPDATED,\n      'card',\n      returnToCardWithAlert('stateTaxesUpdated'),\n    ),\n    transition(\n      componentEvents.EMPLOYEE_MANAGEMENT_STATE_TAXES_EDIT_CANCELLED,\n      'card',\n      returnToCard,\n    ),\n  ),\n}\n"],"names":["returnToCard","reduce","ctx","StateTaxesCardContextual","returnToCardWithAlert","alert","stateTaxesStateMachine","state","transition","componentEvents","StateTaxesEditFormContextual"],"mappings":";;;AAOA,MAAMA,IAAeC;AAAA,EACnB,CAACC,OAAiE;AAAA,IAChE,GAAGA;AAAA,IACH,WAAWC;AAAA,IACX,cAAc;AAAA,EAAA;AAElB,GAEMC,IAAwB,CAACC,MAC7BJ;AAAA,EACE,CAACC,OAAiE;AAAA,IAChE,GAAGA;AAAA,IACH,WAAWC;AAAA,IACX,cAAcE;AAAA,EAAA;AAElB,GAGWC,IAAyB;AAAA,EACpC,MAAMC;AAAA,IACJC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAR;AAAA,QACE,CAACC,OAAiE;AAAA,UAChE,GAAGA;AAAA,UACH,WAAWQ;AAAA,UACX,cAAc;AAAA,QAAA;AAAA,MAChB;AAAA,IACF;AAAA,IAEFF;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAT;AAAA,IAAA;AAAA,EACF;AAAA,EAEF,gBAAgBO;AAAA,IACdC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAL,EAAsB,mBAAmB;AAAA,IAAA;AAAA,IAE3CI;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAT;AAAA,IAAA;AAAA,EACF;AAEJ;"}

package/dist/components/Employee/StateTaxes/management/useViewDictionary.d.ts

@@ -4,5 +4,7 @@ import { StateTaxesViewDictionary } from '../shared';
  * `Employee.Management.StateTaxes` namespace. Partner overrides supplied
  * through the management edit form's `dictionary` prop flow into the view
  * text via `t(...)` resolution at render time.
+ *
+ * @internal
  */
 export declare function useManagementStateTaxesViewDictionary(): StateTaxesViewDictionary;

package/dist/components/Employee/StateTaxes/management/useViewDictionary.js.map

@@ -1 +1 @@
-{"version":3,"file":"useViewDictionary.js","sources":["../../../../../src/components/Employee/StateTaxes/management/useViewDictionary.ts"],"sourcesContent":["import { useMemo } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport type { StateTaxesViewDictionary } from '../shared'\n\n/**\n * Resolves the shared `EmployeeStateTaxesView`'s text against management's\n * `Employee.Management.StateTaxes` namespace. Partner overrides supplied\n * through the management edit form's `dictionary` prop flow into the view\n * text via `t(...)` resolution at render time.\n */\nexport function useManagementStateTaxesViewDictionary(): StateTaxesViewDictionary {\n  const { t } = useTranslation('Employee.Management.StateTaxes')\n\n  return useMemo<StateTaxesViewDictionary>(\n    () => ({\n      en: {\n        stateTaxesTitle: t('stateTaxesTitle'),\n        noWithholding: t('noWithholding'),\n        validations: {\n          required: t('validations.required'),\n        },\n      },\n    }),\n    [t],\n  )\n}\n"],"names":["useManagementStateTaxesViewDictionary","t","useTranslation","useMemo"],"mappings":";;AAUO,SAASA,IAAkE;AAChF,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,gCAAgC;AAE7D,SAAOC;AAAA,IACL,OAAO;AAAA,MACL,IAAI;AAAA,QACF,iBAAiBF,EAAE,iBAAiB;AAAA,QACpC,eAAeA,EAAE,eAAe;AAAA,QAChC,aAAa;AAAA,UACX,UAAUA,EAAE,sBAAsB;AAAA,QAAA;AAAA,MACpC;AAAA,IACF;AAAA,IAEF,CAACA,CAAC;AAAA,EAAA;AAEN;"}
+{"version":3,"file":"useViewDictionary.js","sources":["../../../../../src/components/Employee/StateTaxes/management/useViewDictionary.ts"],"sourcesContent":["import { useMemo } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport type { StateTaxesViewDictionary } from '../shared'\n\n/**\n * Resolves the shared `EmployeeStateTaxesView`'s text against management's\n * `Employee.Management.StateTaxes` namespace. Partner overrides supplied\n * through the management edit form's `dictionary` prop flow into the view\n * text via `t(...)` resolution at render time.\n *\n * @internal\n */\nexport function useManagementStateTaxesViewDictionary(): StateTaxesViewDictionary {\n  const { t } = useTranslation('Employee.Management.StateTaxes')\n\n  return useMemo<StateTaxesViewDictionary>(\n    () => ({\n      en: {\n        stateTaxesTitle: t('stateTaxesTitle'),\n        noWithholding: t('noWithholding'),\n        validations: {\n          required: t('validations.required'),\n        },\n      },\n    }),\n    [t],\n  )\n}\n"],"names":["useManagementStateTaxesViewDictionary","t","useTranslation","useMemo"],"mappings":";;AAYO,SAASA,IAAkE;AAChF,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,gCAAgC;AAE7D,SAAOC;AAAA,IACL,OAAO;AAAA,MACL,IAAI;AAAA,QACF,iBAAiBF,EAAE,iBAAiB;AAAA,QACpC,eAAeA,EAAE,eAAe;AAAA,QAChC,aAAa;AAAA,UACX,UAAUA,EAAE,sBAAsB;AAAA,QAAA;AAAA,MACpC;AAAA,IACF;AAAA,IAEF,CAACA,CAAC;AAAA,EAAA;AAEN;"}

package/dist/components/Employee/StateTaxes/onboarding/StateTaxes.d.ts

@@ -1,8 +1,30 @@
 import { BaseComponentInterface, CommonComponentInterface } from '../../../Base';
+/**
+ * Props for {@link StateTaxes}.
+ *
+ * @public
+ */
 export type StateTaxesProps = Omit<CommonComponentInterface<'Employee.StateTaxes'>, 'children'> & {
+    /** The associated employee identifier. */
     employeeId: string;
     /** Render admin-only questions and submit them. Defaults to `false`. */
     isAdmin?: boolean;
+    /** Event handler fired when the form is submitted successfully. */
     onEvent: BaseComponentInterface['onEvent'];
 };
+/**
+ * Onboarding step that collects an employee's per-state tax withholding
+ * answers. The set of fields is driven by the API response for each state
+ * on record.
+ *
+ * @remarks
+ *
+ * | Event | Description | Data |
+ * | ----- | ----------- | ---- |
+ * | `employee/stateTaxes/updated` | Form was submitted successfully | `{ employeeStateTaxesList: EmployeeStateTaxesList[] }` |
+ * | `employee/stateTaxes/done` | Onboarding step has finished — emitted immediately after `updated` | — |
+ *
+ * @param props - The component props.
+ * @public
+ */
 export declare function StateTaxes({ FallbackComponent, ...props }: StateTaxesProps & Pick<BaseComponentInterface, 'FallbackComponent'>): import("react").JSX.Element;

package/dist/components/Employee/StateTaxes/onboarding/StateTaxes.js

@@ -3,11 +3,11 @@ import { useTranslation as p } from "react-i18next";
 import { EmployeeStateTaxesView as c } from "../shared/EmployeeStateTaxesView.js";
 import { useOnboardingStateTaxesViewDictionary as T } from "./useViewDictionary.js";
 import { BaseBoundaries as S, BaseLayout as E } from "../../../Base/Base.js";
-import "../../../Base/useBase.js";
 import { ActionsLayout as d } from "../../../Common/ActionsLayout/ActionsLayout.js";
-import { useI18n as f, useComponentDictionary as l } from "../../../../i18n/I18n.js";
+import { useComponentContext as f } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
+import "react";
+import { useI18n as l, useComponentDictionary as x } from "../../../../i18n/I18n.js";
 import { componentEvents as s } from "../../../../shared/constants.js";
-import { useComponentContext as x } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
 import { useEmployeeStateTaxesForm as y } from "../shared/useEmployeeStateTaxesForm/useEmployeeStateTaxesForm.js";
 function V({
   FallbackComponent: e,
@@ -22,7 +22,7 @@ function b({
   onEvent: r,
   isAdmin: m = !1
 }) {
-  f("Employee.StateTaxes"), l("Employee.StateTaxes", i);
+  l("Employee.StateTaxes"), x("Employee.StateTaxes", i);
   const n = y({ employeeId: e, isAdmin: m }), u = T();
   return n.isLoading ? /* @__PURE__ */ t(E, { isLoading: !0, error: n.errorHandling.errors }) : /* @__PURE__ */ t(
     c,
@@ -41,7 +41,7 @@ function b({
   );
 }
 function g({ isPending: e }) {
-  const { t: o } = p("Employee.StateTaxes"), i = x();
+  const { t: o } = p("Employee.StateTaxes"), i = f();
   return /* @__PURE__ */ t(d, { children: /* @__PURE__ */ t(i.Button, { type: "submit", isLoading: e, children: o("submitCta") }) });
 }
 export {

package/dist/components/Employee/StateTaxes/onboarding/StateTaxes.js.map

@@ -1 +1 @@
-{"version":3,"file":"StateTaxes.js","sources":["../../../../../src/components/Employee/StateTaxes/onboarding/StateTaxes.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { EmployeeStateTaxesView, useEmployeeStateTaxesForm } from '../shared'\nimport { useOnboardingStateTaxesViewDictionary } from './useViewDictionary'\nimport {\n  BaseBoundaries,\n  BaseLayout,\n  type BaseComponentInterface,\n  type CommonComponentInterface,\n} from '@/components/Base'\nimport { ActionsLayout } from '@/components/Common'\nimport { useI18n, useComponentDictionary } from '@/i18n'\nimport { componentEvents } from '@/shared/constants'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\nexport type StateTaxesProps = Omit<CommonComponentInterface<'Employee.StateTaxes'>, 'children'> & {\n  employeeId: string\n  /** Render admin-only questions and submit them. Defaults to `false`. */\n  isAdmin?: boolean\n  onEvent: BaseComponentInterface['onEvent']\n}\n\nexport function StateTaxes({\n  FallbackComponent,\n  ...props\n}: StateTaxesProps & Pick<BaseComponentInterface, 'FallbackComponent'>) {\n  return (\n    <BaseBoundaries componentName=\"Employee.StateTaxes\" FallbackComponent={FallbackComponent}>\n      <StateTaxesRoot {...props} />\n    </BaseBoundaries>\n  )\n}\n\nfunction StateTaxesRoot({\n  employeeId,\n  className,\n  dictionary,\n  onEvent,\n  isAdmin = false,\n}: StateTaxesProps) {\n  useI18n('Employee.StateTaxes')\n  useComponentDictionary('Employee.StateTaxes', dictionary)\n\n  const stateTaxes = useEmployeeStateTaxesForm({ employeeId, isAdmin })\n  const onboardingStateTaxesDictionary = useOnboardingStateTaxesViewDictionary()\n\n  if (stateTaxes.isLoading) {\n    return <BaseLayout isLoading error={stateTaxes.errorHandling.errors} />\n  }\n\n  const handleSubmit = async () => {\n    const result = await stateTaxes.actions.onSubmit()\n    if (!result) return\n\n    onEvent(componentEvents.EMPLOYEE_STATE_TAXES_UPDATED, {\n      employeeStateTaxesList: result.data,\n    })\n    onEvent(componentEvents.EMPLOYEE_STATE_TAXES_DONE)\n  }\n\n  return (\n    <EmployeeStateTaxesView\n      stateTaxes={stateTaxes}\n      onSubmit={handleSubmit}\n      actions={<ContinueAction isPending={stateTaxes.status.isPending} />}\n      className={className}\n      dictionary={onboardingStateTaxesDictionary}\n    />\n  )\n}\n\nfunction ContinueAction({ isPending }: { isPending: boolean }) {\n  const { t } = useTranslation('Employee.StateTaxes')\n  const Components = useComponentContext()\n\n  return (\n    <ActionsLayout>\n      <Components.Button type=\"submit\" isLoading={isPending}>\n        {t('submitCta')}\n      </Components.Button>\n    </ActionsLayout>\n  )\n}\n"],"names":["StateTaxes","FallbackComponent","props","jsx","BaseBoundaries","StateTaxesRoot","employeeId","className","dictionary","onEvent","isAdmin","useI18n","useComponentDictionary","stateTaxes","useEmployeeStateTaxesForm","onboardingStateTaxesDictionary","useOnboardingStateTaxesViewDictionary","BaseLayout","EmployeeStateTaxesView","result","componentEvents","ContinueAction","isPending","t","useTranslation","Components","useComponentContext","ActionsLayout"],"mappings":";;;;;;;;;;;AAqBO,SAASA,EAAW;AAAA,EACzB,mBAAAC;AAAA,EACA,GAAGC;AACL,GAAwE;AACtE,SACE,gBAAAC,EAACC,KAAe,eAAc,uBAAsB,mBAAAH,GAClD,UAAA,gBAAAE,EAACE,GAAA,EAAgB,GAAGH,EAAA,CAAO,EAAA,CAC7B;AAEJ;AAEA,SAASG,EAAe;AAAA,EACtB,YAAAC;AAAA,EACA,WAAAC;AAAA,EACA,YAAAC;AAAA,EACA,SAAAC;AAAA,EACA,SAAAC,IAAU;AACZ,GAAoB;AAClB,EAAAC,EAAQ,qBAAqB,GAC7BC,EAAuB,uBAAuBJ,CAAU;AAExD,QAAMK,IAAaC,EAA0B,EAAE,YAAAR,GAAY,SAAAI,GAAS,GAC9DK,IAAiCC,EAAA;AAEvC,SAAIH,EAAW,8BACLI,GAAA,EAAW,WAAS,IAAC,OAAOJ,EAAW,cAAc,QAAQ,IAcrE,gBAAAV;AAAA,IAACe;AAAA,IAAA;AAAA,MACC,YAAAL;AAAA,MACA,UAbiB,YAAY;AAC/B,cAAMM,IAAS,MAAMN,EAAW,QAAQ,SAAA;AACxC,QAAKM,MAELV,EAAQW,EAAgB,8BAA8B;AAAA,UACpD,wBAAwBD,EAAO;AAAA,QAAA,CAChC,GACDV,EAAQW,EAAgB,yBAAyB;AAAA,MACnD;AAAA,MAMI,SAAS,gBAAAjB,EAACkB,GAAA,EAAe,WAAWR,EAAW,OAAO,WAAW;AAAA,MACjE,WAAAN;AAAA,MACA,YAAYQ;AAAA,IAAA;AAAA,EAAA;AAGlB;AAEA,SAASM,EAAe,EAAE,WAAAC,KAAqC;AAC7D,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,qBAAqB,GAC5CC,IAAaC,EAAA;AAEnB,SACE,gBAAAvB,EAACwB,GAAA,EACC,UAAA,gBAAAxB,EAACsB,EAAW,QAAX,EAAkB,MAAK,UAAS,WAAWH,GACzC,UAAAC,EAAE,WAAW,GAChB,GACF;AAEJ;"}
+{"version":3,"file":"StateTaxes.js","sources":["../../../../../src/components/Employee/StateTaxes/onboarding/StateTaxes.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { EmployeeStateTaxesView, useEmployeeStateTaxesForm } from '../shared'\nimport { useOnboardingStateTaxesViewDictionary } from './useViewDictionary'\nimport {\n  BaseBoundaries,\n  BaseLayout,\n  type BaseComponentInterface,\n  type CommonComponentInterface,\n} from '@/components/Base'\nimport { ActionsLayout } from '@/components/Common'\nimport { useI18n, useComponentDictionary } from '@/i18n'\nimport { componentEvents } from '@/shared/constants'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\n/**\n * Props for {@link StateTaxes}.\n *\n * @public\n */\nexport type StateTaxesProps = Omit<CommonComponentInterface<'Employee.StateTaxes'>, 'children'> & {\n  /** The associated employee identifier. */\n  employeeId: string\n  /** Render admin-only questions and submit them. Defaults to `false`. */\n  isAdmin?: boolean\n  /** Event handler fired when the form is submitted successfully. */\n  onEvent: BaseComponentInterface['onEvent']\n}\n\n/**\n * Onboarding step that collects an employee's per-state tax withholding\n * answers. The set of fields is driven by the API response for each state\n * on record.\n *\n * @remarks\n *\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `employee/stateTaxes/updated` | Form was submitted successfully | `{ employeeStateTaxesList: EmployeeStateTaxesList[] }` |\n * | `employee/stateTaxes/done` | Onboarding step has finished — emitted immediately after `updated` | — |\n *\n * @param props - The component props.\n * @public\n */\nexport function StateTaxes({\n  FallbackComponent,\n  ...props\n}: StateTaxesProps & Pick<BaseComponentInterface, 'FallbackComponent'>) {\n  return (\n    <BaseBoundaries componentName=\"Employee.StateTaxes\" FallbackComponent={FallbackComponent}>\n      <StateTaxesRoot {...props} />\n    </BaseBoundaries>\n  )\n}\n\nfunction StateTaxesRoot({\n  employeeId,\n  className,\n  dictionary,\n  onEvent,\n  isAdmin = false,\n}: StateTaxesProps) {\n  useI18n('Employee.StateTaxes')\n  useComponentDictionary('Employee.StateTaxes', dictionary)\n\n  const stateTaxes = useEmployeeStateTaxesForm({ employeeId, isAdmin })\n  const onboardingStateTaxesDictionary = useOnboardingStateTaxesViewDictionary()\n\n  if (stateTaxes.isLoading) {\n    return <BaseLayout isLoading error={stateTaxes.errorHandling.errors} />\n  }\n\n  const handleSubmit = async () => {\n    const result = await stateTaxes.actions.onSubmit()\n    if (!result) return\n\n    onEvent(componentEvents.EMPLOYEE_STATE_TAXES_UPDATED, {\n      employeeStateTaxesList: result.data,\n    })\n    onEvent(componentEvents.EMPLOYEE_STATE_TAXES_DONE)\n  }\n\n  return (\n    <EmployeeStateTaxesView\n      stateTaxes={stateTaxes}\n      onSubmit={handleSubmit}\n      actions={<ContinueAction isPending={stateTaxes.status.isPending} />}\n      className={className}\n      dictionary={onboardingStateTaxesDictionary}\n    />\n  )\n}\n\nfunction ContinueAction({ isPending }: { isPending: boolean }) {\n  const { t } = useTranslation('Employee.StateTaxes')\n  const Components = useComponentContext()\n\n  return (\n    <ActionsLayout>\n      <Components.Button type=\"submit\" isLoading={isPending}>\n        {t('submitCta')}\n      </Components.Button>\n    </ActionsLayout>\n  )\n}\n"],"names":["StateTaxes","FallbackComponent","props","jsx","BaseBoundaries","StateTaxesRoot","employeeId","className","dictionary","onEvent","isAdmin","useI18n","useComponentDictionary","stateTaxes","useEmployeeStateTaxesForm","onboardingStateTaxesDictionary","useOnboardingStateTaxesViewDictionary","BaseLayout","EmployeeStateTaxesView","result","componentEvents","ContinueAction","isPending","t","useTranslation","Components","useComponentContext","ActionsLayout"],"mappings":";;;;;;;;;;;AA2CO,SAASA,EAAW;AAAA,EACzB,mBAAAC;AAAA,EACA,GAAGC;AACL,GAAwE;AACtE,SACE,gBAAAC,EAACC,KAAe,eAAc,uBAAsB,mBAAAH,GAClD,UAAA,gBAAAE,EAACE,GAAA,EAAgB,GAAGH,EAAA,CAAO,EAAA,CAC7B;AAEJ;AAEA,SAASG,EAAe;AAAA,EACtB,YAAAC;AAAA,EACA,WAAAC;AAAA,EACA,YAAAC;AAAA,EACA,SAAAC;AAAA,EACA,SAAAC,IAAU;AACZ,GAAoB;AAClB,EAAAC,EAAQ,qBAAqB,GAC7BC,EAAuB,uBAAuBJ,CAAU;AAExD,QAAMK,IAAaC,EAA0B,EAAE,YAAAR,GAAY,SAAAI,GAAS,GAC9DK,IAAiCC,EAAA;AAEvC,SAAIH,EAAW,8BACLI,GAAA,EAAW,WAAS,IAAC,OAAOJ,EAAW,cAAc,QAAQ,IAcrE,gBAAAV;AAAA,IAACe;AAAA,IAAA;AAAA,MACC,YAAAL;AAAA,MACA,UAbiB,YAAY;AAC/B,cAAMM,IAAS,MAAMN,EAAW,QAAQ,SAAA;AACxC,QAAKM,MAELV,EAAQW,EAAgB,8BAA8B;AAAA,UACpD,wBAAwBD,EAAO;AAAA,QAAA,CAChC,GACDV,EAAQW,EAAgB,yBAAyB;AAAA,MACnD;AAAA,MAMI,SAAS,gBAAAjB,EAACkB,GAAA,EAAe,WAAWR,EAAW,OAAO,WAAW;AAAA,MACjE,WAAAN;AAAA,MACA,YAAYQ;AAAA,IAAA;AAAA,EAAA;AAGlB;AAEA,SAASM,EAAe,EAAE,WAAAC,KAAqC;AAC7D,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,qBAAqB,GAC5CC,IAAaC,EAAA;AAEnB,SACE,gBAAAvB,EAACwB,GAAA,EACC,UAAA,gBAAAxB,EAACsB,EAAW,QAAX,EAAkB,MAAK,UAAS,WAAWH,GACzC,UAAAC,EAAE,WAAW,GAChB,GACF;AAEJ;"}

package/dist/components/Employee/StateTaxes/onboarding/useViewDictionary.d.ts

@@ -4,5 +4,7 @@ import { StateTaxesViewDictionary } from '../shared';
  * `Employee.StateTaxes` namespace. Partner overrides supplied through the
  * onboarding block's `dictionary` prop flow into the view text via `t(...)`
  * resolution at render time.
+ *
+ * @internal
  */
 export declare function useOnboardingStateTaxesViewDictionary(): StateTaxesViewDictionary;

package/dist/components/Employee/StateTaxes/onboarding/useViewDictionary.js.map

@@ -1 +1 @@
-{"version":3,"file":"useViewDictionary.js","sources":["../../../../../src/components/Employee/StateTaxes/onboarding/useViewDictionary.ts"],"sourcesContent":["import { useMemo } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport type { StateTaxesViewDictionary } from '../shared'\n\n/**\n * Resolves the shared `EmployeeStateTaxesView`'s text against onboarding's\n * `Employee.StateTaxes` namespace. Partner overrides supplied through the\n * onboarding block's `dictionary` prop flow into the view text via `t(...)`\n * resolution at render time.\n */\nexport function useOnboardingStateTaxesViewDictionary(): StateTaxesViewDictionary {\n  const { t } = useTranslation('Employee.StateTaxes')\n\n  return useMemo<StateTaxesViewDictionary>(\n    () => ({\n      en: {\n        stateTaxesTitle: t('stateTaxesTitle'),\n        noWithholding: t('noWithholding'),\n        validations: {\n          required: t('validations.required'),\n        },\n      },\n    }),\n    [t],\n  )\n}\n"],"names":["useOnboardingStateTaxesViewDictionary","t","useTranslation","useMemo"],"mappings":";;AAUO,SAASA,IAAkE;AAChF,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,qBAAqB;AAElD,SAAOC;AAAA,IACL,OAAO;AAAA,MACL,IAAI;AAAA,QACF,iBAAiBF,EAAE,iBAAiB;AAAA,QACpC,eAAeA,EAAE,eAAe;AAAA,QAChC,aAAa;AAAA,UACX,UAAUA,EAAE,sBAAsB;AAAA,QAAA;AAAA,MACpC;AAAA,IACF;AAAA,IAEF,CAACA,CAAC;AAAA,EAAA;AAEN;"}
+{"version":3,"file":"useViewDictionary.js","sources":["../../../../../src/components/Employee/StateTaxes/onboarding/useViewDictionary.ts"],"sourcesContent":["import { useMemo } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport type { StateTaxesViewDictionary } from '../shared'\n\n/**\n * Resolves the shared `EmployeeStateTaxesView`'s text against onboarding's\n * `Employee.StateTaxes` namespace. Partner overrides supplied through the\n * onboarding block's `dictionary` prop flow into the view text via `t(...)`\n * resolution at render time.\n *\n * @internal\n */\nexport function useOnboardingStateTaxesViewDictionary(): StateTaxesViewDictionary {\n  const { t } = useTranslation('Employee.StateTaxes')\n\n  return useMemo<StateTaxesViewDictionary>(\n    () => ({\n      en: {\n        stateTaxesTitle: t('stateTaxesTitle'),\n        noWithholding: t('noWithholding'),\n        validations: {\n          required: t('validations.required'),\n        },\n      },\n    }),\n    [t],\n  )\n}\n"],"names":["useOnboardingStateTaxesViewDictionary","t","useTranslation","useMemo"],"mappings":";;AAYO,SAASA,IAAkE;AAChF,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,qBAAqB;AAElD,SAAOC;AAAA,IACL,OAAO;AAAA,MACL,IAAI;AAAA,QACF,iBAAiBF,EAAE,iBAAiB;AAAA,QACpC,eAAeA,EAAE,eAAe;AAAA,QAChC,aAAa;AAAA,UACX,UAAUA,EAAE,sBAAsB;AAAA,QAAA;AAAA,MACpC;AAAA,IACF;AAAA,IAEF,CAACA,CAAC;AAAA,EAAA;AAEN;"}

package/dist/components/Employee/StateTaxes/shared/EmployeeStateTaxesView.d.ts

@@ -13,8 +13,11 @@ type ReadyEmployeeStateTaxesForm = Extract<ReturnType<typeof useEmployeeStateTax
  *
  * The underlying `Employee.StateTaxesView` namespace is an implementation
  * detail of the shared view — consumers shouldn't reference it directly.
+ *
+ * @internal
  */
 export type StateTaxesViewDictionary = ResourceDictionary<'Employee.StateTaxesView'>;
+/** @internal */
 export interface EmployeeStateTaxesViewProps {
     stateTaxes: ReadyEmployeeStateTaxesForm;
     onSubmit: () => void | Promise<void>;
@@ -29,5 +32,6 @@ export interface EmployeeStateTaxesViewProps {
      */
     dictionary?: StateTaxesViewDictionary;
 }
+/** @internal */
 export declare function EmployeeStateTaxesView({ stateTaxes, onSubmit, actions, alert, className, dictionary, }: EmployeeStateTaxesViewProps): import("react").JSX.Element;
 export {};

package/dist/components/Employee/StateTaxes/shared/EmployeeStateTaxesView.js

@@ -4,12 +4,11 @@ import { useTranslation as i } from "react-i18next";
 import T from "classnames";
 import C from "./EmployeeStateTaxesView.module.scss.js";
 import { BaseLayout as S } from "../../../Base/Base.js";
-import "../../../Base/useBase.js";
 import { Form as w } from "../../../Common/Form/Form.js";
 import { SDKFormProvider as E } from "../../../../partner-hook-utils/form/SDKFormProvider.js";
 import { useComponentContext as F } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
 import { useI18n as H, useComponentDictionary as V } from "../../../../i18n/I18n.js";
-function P({
+function L({
   stateTaxes: o,
   onSubmit: a,
   actions: l,
@@ -32,6 +31,6 @@ function P({
   ] }) }) }) });
 }
 export {
-  P as EmployeeStateTaxesView
+  L as EmployeeStateTaxesView
 };
 //# sourceMappingURL=EmployeeStateTaxesView.js.map

package/dist/components/Employee/StateTaxes/shared/EmployeeStateTaxesView.js.map

@@ -1 +1 @@
-{"version":3,"file":"EmployeeStateTaxesView.js","sources":["../../../../../src/components/Employee/StateTaxes/shared/EmployeeStateTaxesView.tsx"],"sourcesContent":["import { Fragment, type ReactNode } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport classNames from 'classnames'\nimport { type useEmployeeStateTaxesForm } from './useEmployeeStateTaxesForm'\nimport styles from './EmployeeStateTaxesView.module.scss'\nimport { BaseLayout } from '@/components/Base'\nimport { Form } from '@/components/Common/Form'\nimport { SDKFormProvider } from '@/partner-hook-utils/form/SDKFormProvider'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useComponentDictionary, useI18n } from '@/i18n'\nimport type { ResourceDictionary } from '@/types/Helpers'\n\ntype ReadyEmployeeStateTaxesForm = Extract<\n  ReturnType<typeof useEmployeeStateTaxesForm>,\n  { isLoading: false }\n>\n\n/**\n * Override surface for {@link EmployeeStateTaxesView}'s default copy. Each\n * consuming flow (onboarding, management) builds a resolved dictionary from\n * its own translation namespace via a dedicated `use*StateTaxesViewDictionary`\n * hook and passes it here, so partner overrides on the flow's namespace flow\n * into the shared view text at render time.\n *\n * The underlying `Employee.StateTaxesView` namespace is an implementation\n * detail of the shared view — consumers shouldn't reference it directly.\n */\nexport type StateTaxesViewDictionary = ResourceDictionary<'Employee.StateTaxesView'>\n\nexport interface EmployeeStateTaxesViewProps {\n  stateTaxes: ReadyEmployeeStateTaxesForm\n  onSubmit: () => void | Promise<void>\n  actions: ReactNode\n  alert?: ReactNode\n  className?: string\n  /**\n   * Per-flow translation override for this shared view. Consumers build the\n   * value inside a flow-local `use*StateTaxesViewDictionary` hook that\n   * resolves the view's keys against the flow's own namespace, so partner\n   * overrides on the flow's `dictionary` prop propagate into the view.\n   */\n  dictionary?: StateTaxesViewDictionary\n}\n\nexport function EmployeeStateTaxesView({\n  stateTaxes,\n  onSubmit,\n  actions,\n  alert,\n  className,\n  dictionary,\n}: EmployeeStateTaxesViewProps) {\n  useI18n('Employee.StateTaxesView')\n  useComponentDictionary('Employee.StateTaxesView', dictionary)\n\n  const { t } = useTranslation('Employee.StateTaxesView')\n  const { t: tCommon } = useTranslation('common')\n  const Components = useComponentContext()\n  const groups = stateTaxes.form.Fields\n\n  return (\n    <section className={classNames(styles.container, className)}>\n      <BaseLayout error={stateTaxes.errorHandling.errors}>\n        <SDKFormProvider formHookResult={stateTaxes}>\n          <Form onSubmit={onSubmit}>\n            {alert}\n\n            {groups.length === 0 ? (\n              <Components.Text>{t('noWithholding')}</Components.Text>\n            ) : (\n              groups.map(group => {\n                const stateName = tCommon(`statesHash.${group.state}`, group.state)\n                return (\n                  <Fragment key={group.state}>\n                    <Components.Heading as=\"h2\">\n                      {t('stateTaxesTitle', { state: stateName })}\n                    </Components.Heading>\n\n                    {group.questions.map(({ questionId, Field }) => {\n                      return <Field key={questionId} />\n                    })}\n                  </Fragment>\n                )\n              })\n            )}\n\n            {actions}\n          </Form>\n        </SDKFormProvider>\n      </BaseLayout>\n    </section>\n  )\n}\n"],"names":["EmployeeStateTaxesView","stateTaxes","onSubmit","actions","alert","className","dictionary","useI18n","useComponentDictionary","t","useTranslation","tCommon","Components","useComponentContext","groups","jsx","classNames","styles","BaseLayout","SDKFormProvider","jsxs","Form","group","stateName","Fragment","questionId","Field"],"mappings":";;;;;;;;;;;AA4CO,SAASA,EAAuB;AAAA,EACrC,YAAAC;AAAA,EACA,UAAAC;AAAA,EACA,SAAAC;AAAA,EACA,OAAAC;AAAA,EACA,WAAAC;AAAA,EACA,YAAAC;AACF,GAAgC;AAC9B,EAAAC,EAAQ,yBAAyB,GACjCC,EAAuB,2BAA2BF,CAAU;AAE5D,QAAM,EAAE,GAAAG,EAAA,IAAMC,EAAe,yBAAyB,GAChD,EAAE,GAAGC,MAAYD,EAAe,QAAQ,GACxCE,IAAaC,EAAA,GACbC,IAASb,EAAW,KAAK;AAE/B,SACE,gBAAAc,EAAC,aAAQ,WAAWC,EAAWC,EAAO,WAAWZ,CAAS,GACxD,UAAA,gBAAAU,EAACG,GAAA,EAAW,OAAOjB,EAAW,cAAc,QAC1C,UAAA,gBAAAc,EAACI,GAAA,EAAgB,gBAAgBlB,GAC/B,UAAA,gBAAAmB,EAACC,KAAK,UAAAnB,GACH,UAAA;AAAA,IAAAE;AAAA,IAEAU,EAAO,WAAW,IACjB,gBAAAC,EAACH,EAAW,MAAX,EAAiB,UAAAH,EAAE,eAAe,EAAA,CAAE,IAErCK,EAAO,IAAI,CAAAQ,MAAS;AAClB,YAAMC,IAAYZ,EAAQ,cAAcW,EAAM,KAAK,IAAIA,EAAM,KAAK;AAClE,+BACGE,GAAA,EACC,UAAA;AAAA,QAAA,gBAAAT,EAACH,EAAW,SAAX,EAAmB,IAAG,MACpB,UAAAH,EAAE,mBAAmB,EAAE,OAAOc,EAAA,CAAW,EAAA,CAC5C;AAAA,QAECD,EAAM,UAAU,IAAI,CAAC,EAAE,YAAAG,GAAY,OAAAC,QAC3B,gBAAAX,EAACW,OAAWD,CAAY,CAChC;AAAA,MAAA,EAAA,GAPYH,EAAM,KAQrB;AAAA,IAEJ,CAAC;AAAA,IAGFnB;AAAA,EAAA,GACH,EAAA,CACF,GACF,GACF;AAEJ;"}
+{"version":3,"file":"EmployeeStateTaxesView.js","sources":["../../../../../src/components/Employee/StateTaxes/shared/EmployeeStateTaxesView.tsx"],"sourcesContent":["import { Fragment, type ReactNode } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport classNames from 'classnames'\nimport { type useEmployeeStateTaxesForm } from './useEmployeeStateTaxesForm'\nimport styles from './EmployeeStateTaxesView.module.scss'\nimport { BaseLayout } from '@/components/Base'\nimport { Form } from '@/components/Common/Form'\nimport { SDKFormProvider } from '@/partner-hook-utils/form/SDKFormProvider'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useComponentDictionary, useI18n } from '@/i18n'\nimport type { ResourceDictionary } from '@/types/Helpers'\n\ntype ReadyEmployeeStateTaxesForm = Extract<\n  ReturnType<typeof useEmployeeStateTaxesForm>,\n  { isLoading: false }\n>\n\n/**\n * Override surface for {@link EmployeeStateTaxesView}'s default copy. Each\n * consuming flow (onboarding, management) builds a resolved dictionary from\n * its own translation namespace via a dedicated `use*StateTaxesViewDictionary`\n * hook and passes it here, so partner overrides on the flow's namespace flow\n * into the shared view text at render time.\n *\n * The underlying `Employee.StateTaxesView` namespace is an implementation\n * detail of the shared view — consumers shouldn't reference it directly.\n *\n * @internal\n */\nexport type StateTaxesViewDictionary = ResourceDictionary<'Employee.StateTaxesView'>\n\n/** @internal */\nexport interface EmployeeStateTaxesViewProps {\n  stateTaxes: ReadyEmployeeStateTaxesForm\n  onSubmit: () => void | Promise<void>\n  actions: ReactNode\n  alert?: ReactNode\n  className?: string\n  /**\n   * Per-flow translation override for this shared view. Consumers build the\n   * value inside a flow-local `use*StateTaxesViewDictionary` hook that\n   * resolves the view's keys against the flow's own namespace, so partner\n   * overrides on the flow's `dictionary` prop propagate into the view.\n   */\n  dictionary?: StateTaxesViewDictionary\n}\n\n/** @internal */\nexport function EmployeeStateTaxesView({\n  stateTaxes,\n  onSubmit,\n  actions,\n  alert,\n  className,\n  dictionary,\n}: EmployeeStateTaxesViewProps) {\n  useI18n('Employee.StateTaxesView')\n  useComponentDictionary('Employee.StateTaxesView', dictionary)\n\n  const { t } = useTranslation('Employee.StateTaxesView')\n  const { t: tCommon } = useTranslation('common')\n  const Components = useComponentContext()\n  const groups = stateTaxes.form.Fields\n\n  return (\n    <section className={classNames(styles.container, className)}>\n      <BaseLayout error={stateTaxes.errorHandling.errors}>\n        <SDKFormProvider formHookResult={stateTaxes}>\n          <Form onSubmit={onSubmit}>\n            {alert}\n\n            {groups.length === 0 ? (\n              <Components.Text>{t('noWithholding')}</Components.Text>\n            ) : (\n              groups.map(group => {\n                const stateName = tCommon(`statesHash.${group.state}`, group.state)\n                return (\n                  <Fragment key={group.state}>\n                    <Components.Heading as=\"h2\">\n                      {t('stateTaxesTitle', { state: stateName })}\n                    </Components.Heading>\n\n                    {group.questions.map(({ questionId, Field }) => {\n                      return <Field key={questionId} />\n                    })}\n                  </Fragment>\n                )\n              })\n            )}\n\n            {actions}\n          </Form>\n        </SDKFormProvider>\n      </BaseLayout>\n    </section>\n  )\n}\n"],"names":["EmployeeStateTaxesView","stateTaxes","onSubmit","actions","alert","className","dictionary","useI18n","useComponentDictionary","t","useTranslation","tCommon","Components","useComponentContext","groups","jsx","classNames","styles","BaseLayout","SDKFormProvider","jsxs","Form","group","stateName","Fragment","questionId","Field"],"mappings":";;;;;;;;;;AAgDO,SAASA,EAAuB;AAAA,EACrC,YAAAC;AAAA,EACA,UAAAC;AAAA,EACA,SAAAC;AAAA,EACA,OAAAC;AAAA,EACA,WAAAC;AAAA,EACA,YAAAC;AACF,GAAgC;AAC9B,EAAAC,EAAQ,yBAAyB,GACjCC,EAAuB,2BAA2BF,CAAU;AAE5D,QAAM,EAAE,GAAAG,EAAA,IAAMC,EAAe,yBAAyB,GAChD,EAAE,GAAGC,MAAYD,EAAe,QAAQ,GACxCE,IAAaC,EAAA,GACbC,IAASb,EAAW,KAAK;AAE/B,SACE,gBAAAc,EAAC,aAAQ,WAAWC,EAAWC,EAAO,WAAWZ,CAAS,GACxD,UAAA,gBAAAU,EAACG,GAAA,EAAW,OAAOjB,EAAW,cAAc,QAC1C,UAAA,gBAAAc,EAACI,GAAA,EAAgB,gBAAgBlB,GAC/B,UAAA,gBAAAmB,EAACC,KAAK,UAAAnB,GACH,UAAA;AAAA,IAAAE;AAAA,IAEAU,EAAO,WAAW,IACjB,gBAAAC,EAACH,EAAW,MAAX,EAAiB,UAAAH,EAAE,eAAe,EAAA,CAAE,IAErCK,EAAO,IAAI,CAAAQ,MAAS;AAClB,YAAMC,IAAYZ,EAAQ,cAAcW,EAAM,KAAK,IAAIA,EAAM,KAAK;AAClE,+BACGE,GAAA,EACC,UAAA;AAAA,QAAA,gBAAAT,EAACH,EAAW,SAAX,EAAmB,IAAG,MACpB,UAAAH,EAAE,mBAAmB,EAAE,OAAOc,EAAA,CAAW,EAAA,CAC5C;AAAA,QAECD,EAAM,UAAU,IAAI,CAAC,EAAE,YAAAG,GAAY,OAAAC,QAC3B,gBAAAX,EAACW,OAAWD,CAAY,CAChC;AAAA,MAAA,EAAA,GAPYH,EAAM,KAQrB;AAAA,IAEJ,CAAC;AAAA,IAGFnB;AAAA,EAAA,GACH,EAAA,CACF,GACF,GACF;AAEJ;"}