@gusto/embedded-react-sdk 0.48.3 → 0.49.0

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

@@ -20,6 +20,7 @@ export interface StateTaxesCardProps {
  * 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.
  *
+ * @events
  * | Event | Description | Data |
  * | ----- | ----------- | ---- |
  * | `employee/management/stateTaxes/editRequested` | Edit button was clicked | `{ employeeId: string }` |

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\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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"}
+{"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 * @events\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":";;;;;;;;;;;AAyCO,SAASA,EAAeC,GAA4B;AACzD,SACE,gBAAAC,EAACC,KAAe,eAAc,kCAC5B,4BAACC,GAAA,EAAuB,GAAGH,GAAO,EAAA,CACpC;AAEJ;AAEA,SAASG,EAAsB,EAAE,YAAAC,GAAY,SAAAC,KAAgC;AAC3E,EAAAC,EAAQ,gCAAgC;AACxC,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,gCAAgC,GACvD,EAAE,GAAGC,MAAYD,EAAe,QAAQ,GACxCE,IAAaC,EAAA,GACbC,IAAiBC,EAAmB,UAAU,GAE9CC,IAAUC,EAAqB,EAAE,YAAAX,GAAY,GAC7CY,IAAYF,EAAQ,WACpBG,IAAaH,EAAQ,YAAY,CAAA,IAAKA,EAAQ,KAAK,wBAEnDI,IAA6BD,EAAW,KAAK,CAAAE,OAAMA,EAAE,WAAW,UAAU,KAAK,CAAC,GAEhFC,IAAuB,CAC3BC,GACAC,MACG;AACH,QACED,EAAS,oBAAoB,SAAS,YACtCA,EAAS,oBAAoB,WAC7BA,EAAS,oBAAoB,QAAQ,SAAS,GAC9C;AACA,YAAME,IAASF,EAAS,oBAAoB,QAAQ,KAAK,CAAAG,MAAOA,EAAI,UAAUF,CAAM;AACpF,UAAIC,GAAQ;AACV,eAAOA,EAAO;AAAA,IAElB;AAEA,QAAI,OAAOD,KAAW;AACpB,aAAID,EAAS,oBAAoB,SAAS,aACjCT,EAAeU,CAAM,IAEvBA;AAGT,QAAI,OAAOA,KAAW,YAAY,CAAC,MAAM,WAAWA,CAAM,CAAC,GAAG;AAC5D,YAAMG,IAAW,WAAWH,CAAM;AAClC,aAAID,EAAS,oBAAoB,SAAS,aACjCT,EAAea,CAAQ,IAEzBH;AAAA,IACT;AAEA,WAAI,OAAOA,KAAW,YACJf,EAATe,IAAW,aAAgB,SAAN,IAGvBA;AAAA,EACT,GAEMI,IAAmB,gBAAAzB,EAAC,QAAA,EAAK,cAAYM,EAAE,2BAA2B,GAAG,UAAA,KAAC,GAEtEoB,IAAa,MAAM;AACvB,IAAAtB,EAAQuB,EAAgB,gDAAgD,EAAE,YAAAxB,EAAA,CAAY;AAAA,EACxF;AAEA,SACE,gBAAAH,EAAC4B,GAAA,EAAW,OAAOf,EAAQ,cAAc,QACvC,UAAA,gBAAAb;AAAA,IAACS,EAAW;AAAA,IAAX;AAAA,MACC,QACE,gBAAAT;AAAA,QAACS,EAAW;AAAA,QAAX;AAAA,UACC,OAAOH,EAAE,YAAY;AAAA,UACrB,QACES,KAAaE,IACX,gBAAAjB,EAACS,EAAW,QAAX,EAAkB,SAAQ,aAAY,SAASiB,GAAY,YAAYX,GACrE,UAAAT,EAAE,cAAc,GACnB,IACE;AAAA,QAAA;AAAA,MAAA;AAAA,MAKV,UAAA,gBAAAN,EAAC6B,KAAK,eAAc,UAAS,KAAK,IAC/B,UAAAd,IACC,gBAAAf,EAAC8B,GAAA,CAAA,CAAQ,IACPd,EAAW,SAAS,IACtB,gBAAAhB,EAAC6B,GAAA,EAAK,eAAc,UAAS,KAAK,IAC/B,UAAAb,EAAW,IAAI,CAACe,GAAUC,MAAU;AACnC,cAAMC,IAAYF,EAAS,QACvBvB,EAAQ,cAAcuB,EAAS,KAAK,IAAIA,EAAS,KAAK,IACtD,IACEG,KAAgBH,EAAS,WAAW,UAAU,KAAK;AACzD,eACE,gBAAAI,EAACN,GAAA,EAAmC,eAAc,UAAS,KAAK,IAC7D,UAAA;AAAA,UAAAI,sBACExB,EAAW,SAAX,EAAmB,IAAG,MAAM,aAAU,IACrC;AAAA,UAEHyB,IACC,gBAAAlC;AAAA,YAACS,EAAW;AAAA,YAAX;AAAA,cACC,OAAOsB,EAAS,UAAW,IAAI,CAAAX,MAAY;AACzC,sBAAMC,IAASD,EAAS,QAAQ,CAAC,GAAG;AACpC,uBAAO;AAAA,kBACL,MAAMA,EAAS;AAAA,kBACf,aACEC,KAAW,OACPI,IACAN,EAAqBC,GAAUC,CAAM;AAAA,gBAAA;AAAA,cAE/C,CAAC;AAAA,YAAA;AAAA,UAAA,sBAGFZ,EAAW,MAAX,EAAgB,SAAQ,cACtB,UAAAH,EAAE,4BAA4B,EAAA,CACjC;AAAA,QAAA,KArBOyB,EAAS,SAASC,CAuB7B;AAAA,MAEJ,CAAC,EAAA,CACH,IAEA,gBAAAhC,EAACS,EAAW,MAAX,EAAiB,UAAAH,EAAE,mBAAmB,EAAA,CAAE,EAAA,CAE7C;AAAA,IAAA;AAAA,EAAA,GAEJ;AAEJ;"}

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

@@ -1,23 +1,20 @@
-import { BaseComponentInterface, CommonComponentInterface } from '../../../Base';
+import { BaseComponentInterface } from '../../../Base';
 /**
  * Props for {@link StateTaxesEditForm}.
  *
  * @public
  */
-export type StateTaxesEditFormProps = Omit<CommonComponentInterface<'Employee.Management.StateTaxes'>, 'children'> & {
+export interface StateTaxesEditFormProps extends BaseComponentInterface<'Employee.Management.StateTaxes'> {
     /** The associated employee identifier. */
     employeeId: string;
-    /** Event handler fired when the form is submitted or cancelled. */
-    onEvent: BaseComponentInterface['onEvent'];
-};
+}
 /**
  * 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
- *
+ * @events
  * | Event | Description | Data |
  * | ----- | ----------- | ---- |
  * | `employee/management/stateTaxes/updated` | Form was submitted successfully | `{ employeeStateTaxesList: EmployeeStateTaxesList[] }` |
@@ -26,4 +23,4 @@ export type StateTaxesEditFormProps = Omit<CommonComponentInterface<'Employee.Ma
  * @param props - The component props.
  * @public
  */
-export declare function StateTaxesEditForm({ FallbackComponent, ...props }: StateTaxesEditFormProps & Pick<BaseComponentInterface, 'FallbackComponent'>): import("react").JSX.Element;
+export declare function StateTaxesEditForm({ FallbackComponent, ...props }: StateTaxesEditFormProps): import("react").JSX.Element;

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

@@ -10,10 +10,7 @@ import "react";
 import { useI18n as A, useComponentDictionary as M } from "../../../../i18n/I18n.js";
 import { componentEvents as m } from "../../../../shared/constants.js";
 import { useEmployeeStateTaxesForm as C } from "../shared/useEmployeeStateTaxesForm/useEmployeeStateTaxesForm.js";
-function I({
-  FallbackComponent: o,
-  ...n
-}) {
+function I({ FallbackComponent: o, ...n }) {
   return /* @__PURE__ */ t(
     x,
     {

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\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;"}
+{"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 { BaseBoundaries, BaseLayout, type BaseComponentInterface } 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 interface StateTaxesEditFormProps extends BaseComponentInterface<'Employee.Management.StateTaxes'> {\n  /** The associated employee identifier. */\n  employeeId: string\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 * @events\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({ FallbackComponent, ...props }: StateTaxesEditFormProps) {\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":";;;;;;;;;;;;AAkCO,SAASA,EAAmB,EAAE,mBAAAC,GAAmB,GAAGC,KAAkC;AAC3F,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.js

@@ -1,30 +1,24 @@
 import { state as a, transition as E, reduce as T } from "robot3";
 import { StateTaxesEditFormContextual as A, StateTaxesCardContextual as o } from "./StateTaxesComponents.js";
 import { componentEvents as e } from "../../../../shared/constants.js";
-const r = T(
-  (t) => ({
-    ...t,
-    component: o,
-    successAlert: null
-  })
-), n = (t) => T(
-  (s) => ({
-    ...s,
-    component: o,
-    successAlert: t
-  })
-), M = {
+const r = T((t) => ({
+  ...t,
+  component: o,
+  successAlert: null
+})), n = (t) => T((s) => ({
+  ...s,
+  component: o,
+  successAlert: t
+})), M = {
   card: a(
     E(
       e.EMPLOYEE_MANAGEMENT_STATE_TAXES_EDIT_REQUESTED,
       "editStateTaxes",
-      T(
-        (t) => ({
-          ...t,
-          component: A,
-          successAlert: null
-        })
-      )
+      T((t) => ({
+        ...t,
+        component: A,
+        successAlert: null
+      }))
     ),
     E(
       e.EMPLOYEE_MANAGEMENT_STATE_TAXES_ALERT_DISMISSED,

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\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;"}
+{"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((ctx: StateTaxesContextInterface): StateTaxesContextInterface => ({\n  ...ctx,\n  component: StateTaxesCardContextual as ComponentType,\n  successAlert: null,\n}))\n\nconst returnToCardWithAlert = (alert: StateTaxesSuccessAlertCode) =>\n  reduce((ctx: StateTaxesContextInterface): StateTaxesContextInterface => ({\n    ...ctx,\n    component: StateTaxesCardContextual as ComponentType,\n    successAlert: alert,\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((ctx: StateTaxesContextInterface): StateTaxesContextInterface => ({\n        ...ctx,\n        component: StateTaxesEditFormContextual as ComponentType,\n        successAlert: null,\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,EAAO,CAACC,OAAiE;AAAA,EAC5F,GAAGA;AAAA,EACH,WAAWC;AAAA,EACX,cAAc;AAChB,EAAE,GAEIC,IAAwB,CAACC,MAC7BJ,EAAO,CAACC,OAAiE;AAAA,EACvE,GAAGA;AAAA,EACH,WAAWC;AAAA,EACX,cAAcE;AAChB,EAAE,GAGSC,IAAyB;AAAA,EACpC,MAAMC;AAAA,IACJC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAR,EAAO,CAACC,OAAiE;AAAA,QACvE,GAAGA;AAAA,QACH,WAAWQ;AAAA,QACX,cAAc;AAAA,MAAA,EACd;AAAA,IAAA;AAAA,IAEJF;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/onboarding/StateTaxes.d.ts

@@ -1,24 +1,21 @@
-import { BaseComponentInterface, CommonComponentInterface } from '../../../Base';
+import { BaseComponentInterface } from '../../../Base';
 /**
  * Props for {@link StateTaxes}.
  *
  * @public
  */
-export type StateTaxesProps = Omit<CommonComponentInterface<'Employee.StateTaxes'>, 'children'> & {
+export interface StateTaxesProps extends BaseComponentInterface<'Employee.StateTaxes'> {
     /** 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
- *
+ * @events
  * | Event | Description | Data |
  * | ----- | ----------- | ---- |
  * | `employee/stateTaxes/updated` | Form was submitted successfully | `{ employeeStateTaxesList: EmployeeStateTaxesList[] }` |
@@ -27,4 +24,4 @@ export type StateTaxesProps = Omit<CommonComponentInterface<'Employee.StateTaxes
  * @param props - The component props.
  * @public
  */
-export declare function StateTaxes({ FallbackComponent, ...props }: StateTaxesProps & Pick<BaseComponentInterface, 'FallbackComponent'>): import("react").JSX.Element;
+export declare function StateTaxes({ FallbackComponent, ...props }: StateTaxesProps): import("react").JSX.Element;

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

@@ -10,10 +10,7 @@ import "react";
 import { useI18n as l, useComponentDictionary as x } from "../../../../i18n/I18n.js";
 import { componentEvents as s } from "../../../../shared/constants.js";
 import { useEmployeeStateTaxesForm as y } from "../shared/useEmployeeStateTaxesForm/useEmployeeStateTaxesForm.js";
-function X({
-  FallbackComponent: e,
-  ...o
-}) {
+function X({ FallbackComponent: e, ...o }) {
   return /* @__PURE__ */ t(S, { componentName: "Employee.StateTaxes", FallbackComponent: e, children: /* @__PURE__ */ t(b, { ...o }) });
 }
 function b({

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\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;"}
+{"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 { BaseBoundaries, BaseLayout, type BaseComponentInterface } 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 interface StateTaxesProps extends BaseComponentInterface<'Employee.StateTaxes'> {\n  /** The associated employee identifier. */\n  employeeId: string\n  /** Render admin-only questions and submit them. Defaults to `false`. */\n  isAdmin?: boolean\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 * @events\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({ FallbackComponent, ...props }: StateTaxesProps) {\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":";;;;;;;;;;;;AAmCO,SAASA,EAAW,EAAE,mBAAAC,GAAmB,GAAGC,KAA0B;AAC3E,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/shared/useEmployeeStateTaxesForm/fieldComponents.js

@@ -1,17 +1,17 @@
 import { jsx as i } from "react/jsx-runtime";
-import { useTranslation as l } from "react-i18next";
-import { EmployeeStateTaxesErrorCodes as s } from "./employeeStateTaxesSchema.js";
+import { useTranslation as r } from "react-i18next";
+import { EmployeeStateTaxesErrorCodes as c } from "./employeeStateTaxesSchema.js";
 import { TextInputHookField as d } from "../../../../../partner-hook-utils/form/fields/TextInputHookField.js";
-import { SelectHookField as c } from "../../../../../partner-hook-utils/form/fields/SelectHookField.js";
-import { NumberInputHookField as r } from "../../../../../partner-hook-utils/form/fields/NumberInputHookField.js";
-import { DatePickerHookField as m } from "../../../../../partner-hook-utils/form/fields/DatePickerHookField.js";
-import { RadioGroupHookField as u } from "../../../../../partner-hook-utils/form/fields/RadioGroupHookField.js";
-function f() {
-  const { t: o } = l("Employee.StateTaxesView");
-  return { [s.REQUIRED]: o("validations.required") };
+import { SelectHookField as m } from "../../../../../partner-hook-utils/form/fields/SelectHookField.js";
+import { NumberInputHookField as l } from "../../../../../partner-hook-utils/form/fields/NumberInputHookField.js";
+import { DatePickerHookField as u } from "../../../../../partner-hook-utils/form/fields/DatePickerHookField.js";
+import { RadioGroupHookField as f } from "../../../../../partner-hook-utils/form/fields/RadioGroupHookField.js";
+function F() {
+  const { t: o } = r("Employee.StateTaxesView");
+  return { [c.REQUIRED]: o("validations.required") };
 }
 function a(o, e) {
-  const n = f();
+  const n = F();
   return {
     name: o.name,
     label: e.label ?? o.apiLabel,
@@ -20,57 +20,57 @@ function a(o, e) {
     validationMessages: { ...n, ...e.validationMessages }
   };
 }
-function h({ meta: o, ...e }) {
-  const t = {
+function P({ meta: o, ...e }) {
+  const { t: n } = r("common"), s = {
     ...a(o, e),
-    placeholder: e.placeholder,
+    placeholder: e.placeholder ?? n("selectPlaceholder"),
     FieldComponent: e.FieldComponent
   };
-  return /* @__PURE__ */ i(c, { ...t });
+  return /* @__PURE__ */ i(m, { ...s });
 }
-function P({ meta: o, ...e }) {
+function H({ meta: o, ...e }) {
   const t = {
     ...a(o, e),
     FieldComponent: e.FieldComponent
   };
-  return /* @__PURE__ */ i(u, { ...t });
+  return /* @__PURE__ */ i(f, { ...t });
 }
-function H({ meta: o, ...e }) {
+function R({ meta: o, ...e }) {
   const t = {
     ...a(o, e),
     placeholder: e.placeholder
   };
   return /* @__PURE__ */ i(d, { ...t });
 }
-function R({ meta: o, ...e }) {
+function v({ meta: o, ...e }) {
   const t = {
     ...a(o, e),
     format: "decimal",
     FieldComponent: e.FieldComponent
   };
-  return /* @__PURE__ */ i(r, { ...t });
+  return /* @__PURE__ */ i(l, { ...t });
 }
-function v({ meta: o, ...e }) {
+function D({ meta: o, ...e }) {
   const t = {
     ...a(o, e),
     format: "currency",
     FieldComponent: e.FieldComponent
   };
-  return /* @__PURE__ */ i(r, { ...t });
+  return /* @__PURE__ */ i(l, { ...t });
 }
-function D({ meta: o, ...e }) {
+function E({ meta: o, ...e }) {
   const t = {
     ...a(o, e),
     FieldComponent: e.FieldComponent
   };
-  return /* @__PURE__ */ i(m, { ...t });
+  return /* @__PURE__ */ i(u, { ...t });
 }
 export {
-  v as CurrencyStateTaxField,
-  D as DateStateTaxField,
-  R as NumberStateTaxField,
-  P as RadioStateTaxField,
-  h as SelectStateTaxField,
-  H as TextStateTaxField
+  D as CurrencyStateTaxField,
+  E as DateStateTaxField,
+  v as NumberStateTaxField,
+  H as RadioStateTaxField,
+  P as SelectStateTaxField,
+  R as TextStateTaxField
 };
 //# sourceMappingURL=fieldComponents.js.map

package/dist/components/Employee/StateTaxes/shared/useEmployeeStateTaxesForm/fieldComponents.js.map

@@ -1 +1 @@
-{"version":3,"file":"fieldComponents.js","sources":["../../../../../../src/components/Employee/StateTaxes/shared/useEmployeeStateTaxesForm/fieldComponents.tsx"],"sourcesContent":["import type { ReactNode } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { EmployeeStateTaxesErrorCodes } from './employeeStateTaxesSchema'\nimport type { BoundFieldMeta } from './fieldMeta'\nimport type {\n  BaseStateTaxFieldProps,\n  CurrencyStateTaxFieldProps,\n  DateStateTaxFieldProps,\n  NumberStateTaxFieldProps,\n  RadioStateTaxFieldProps,\n  SelectStateTaxFieldProps,\n  StateTaxValidationMessages,\n  TextStateTaxFieldProps,\n} from './fieldProps'\nimport {\n  SelectHookField,\n  RadioGroupHookField,\n  TextInputHookField,\n  NumberInputHookField,\n  DatePickerHookField,\n} from '@/partner-hook-utils/form/fields'\nimport type { SelectHookFieldProps } from '@/partner-hook-utils/form/fields/SelectHookField'\nimport type { RadioGroupHookFieldProps } from '@/partner-hook-utils/form/fields/RadioGroupHookField'\nimport type { TextInputHookFieldProps } from '@/partner-hook-utils/form/fields/TextInputHookField'\nimport type { NumberInputHookFieldProps } from '@/partner-hook-utils/form/fields/NumberInputHookField'\nimport type { DatePickerHookFieldProps } from '@/partner-hook-utils/form/fields/DatePickerHookField'\nimport type { FormHookResult } from '@/partner-hook-utils/types'\n\ninterface MetaProps {\n  meta: BoundFieldMeta\n}\n\nfunction useStateTaxValidationDefaults(): StateTaxValidationMessages {\n  const { t } = useTranslation('Employee.StateTaxesView')\n  return { [EmployeeStateTaxesErrorCodes.REQUIRED]: t('validations.required') }\n}\n\nfunction useResolvedBaseProps(\n  meta: BoundFieldMeta,\n  props: BaseStateTaxFieldProps,\n): {\n  name: string\n  label: string\n  description: ReactNode\n  formHookResult: FormHookResult | undefined\n  validationMessages: StateTaxValidationMessages\n} {\n  const defaults = useStateTaxValidationDefaults()\n  return {\n    name: meta.name,\n    label: props.label ?? meta.apiLabel,\n    description: props.description !== undefined ? props.description : meta.apiDescription,\n    formHookResult: props.formHookResult,\n    validationMessages: { ...defaults, ...props.validationMessages },\n  }\n}\n\n/** @internal */\nexport function SelectStateTaxField({ meta, ...props }: MetaProps & SelectStateTaxFieldProps) {\n  const base = useResolvedBaseProps(meta, props)\n  const hookProps: SelectHookFieldProps<typeof EmployeeStateTaxesErrorCodes.REQUIRED> = {\n    ...base,\n    placeholder: props.placeholder,\n    FieldComponent: props.FieldComponent,\n  }\n  return <SelectHookField {...hookProps} />\n}\n\n/** @internal */\nexport function RadioStateTaxField({ meta, ...props }: MetaProps & RadioStateTaxFieldProps) {\n  const base = useResolvedBaseProps(meta, props)\n  const hookProps: RadioGroupHookFieldProps<typeof EmployeeStateTaxesErrorCodes.REQUIRED> = {\n    ...base,\n    FieldComponent: props.FieldComponent,\n  }\n  return <RadioGroupHookField {...hookProps} />\n}\n\n/** @internal */\nexport function TextStateTaxField({ meta, ...props }: MetaProps & TextStateTaxFieldProps) {\n  const base = useResolvedBaseProps(meta, props)\n  const hookProps: TextInputHookFieldProps<typeof EmployeeStateTaxesErrorCodes.REQUIRED> = {\n    ...base,\n    placeholder: props.placeholder,\n  }\n  return <TextInputHookField {...hookProps} />\n}\n\n/** @internal */\nexport function NumberStateTaxField({ meta, ...props }: MetaProps & NumberStateTaxFieldProps) {\n  const base = useResolvedBaseProps(meta, props)\n  const hookProps: NumberInputHookFieldProps<typeof EmployeeStateTaxesErrorCodes.REQUIRED> = {\n    ...base,\n    format: 'decimal',\n    FieldComponent: props.FieldComponent,\n  }\n  return <NumberInputHookField {...hookProps} />\n}\n\n/** @internal */\nexport function CurrencyStateTaxField({ meta, ...props }: MetaProps & CurrencyStateTaxFieldProps) {\n  const base = useResolvedBaseProps(meta, props)\n  const hookProps: NumberInputHookFieldProps<typeof EmployeeStateTaxesErrorCodes.REQUIRED> = {\n    ...base,\n    format: 'currency',\n    FieldComponent: props.FieldComponent,\n  }\n  return <NumberInputHookField {...hookProps} />\n}\n\n/** @internal */\nexport function DateStateTaxField({ meta, ...props }: MetaProps & DateStateTaxFieldProps) {\n  const base = useResolvedBaseProps(meta, props)\n  const hookProps: DatePickerHookFieldProps<typeof EmployeeStateTaxesErrorCodes.REQUIRED> = {\n    ...base,\n    FieldComponent: props.FieldComponent,\n  }\n  return <DatePickerHookField {...hookProps} />\n}\n"],"names":["useStateTaxValidationDefaults","t","useTranslation","EmployeeStateTaxesErrorCodes","useResolvedBaseProps","meta","props","defaults","SelectStateTaxField","hookProps","jsx","SelectHookField","RadioStateTaxField","RadioGroupHookField","TextStateTaxField","TextInputHookField","NumberStateTaxField","NumberInputHookField","CurrencyStateTaxField","DateStateTaxField","DatePickerHookField"],"mappings":";;;;;;;;AAgCA,SAASA,IAA4D;AACnE,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,yBAAyB;AACtD,SAAO,EAAE,CAACC,EAA6B,QAAQ,GAAGF,EAAE,sBAAsB,EAAA;AAC5E;AAEA,SAASG,EACPC,GACAC,GAOA;AACA,QAAMC,IAAWP,EAAA;AACjB,SAAO;AAAA,IACL,MAAMK,EAAK;AAAA,IACX,OAAOC,EAAM,SAASD,EAAK;AAAA,IAC3B,aAAaC,EAAM,gBAAgB,SAAYA,EAAM,cAAcD,EAAK;AAAA,IACxE,gBAAgBC,EAAM;AAAA,IACtB,oBAAoB,EAAE,GAAGC,GAAU,GAAGD,EAAM,mBAAA;AAAA,EAAmB;AAEnE;AAGO,SAASE,EAAoB,EAAE,MAAAH,GAAM,GAAGC,KAA+C;AAE5F,QAAMG,IAAgF;AAAA,IACpF,GAFWL,EAAqBC,GAAMC,CAAK;AAAA,IAG3C,aAAaA,EAAM;AAAA,IACnB,gBAAgBA,EAAM;AAAA,EAAA;AAExB,SAAO,gBAAAI,EAACC,GAAA,EAAiB,GAAGF,EAAA,CAAW;AACzC;AAGO,SAASG,EAAmB,EAAE,MAAAP,GAAM,GAAGC,KAA8C;AAE1F,QAAMG,IAAoF;AAAA,IACxF,GAFWL,EAAqBC,GAAMC,CAAK;AAAA,IAG3C,gBAAgBA,EAAM;AAAA,EAAA;AAExB,SAAO,gBAAAI,EAACG,GAAA,EAAqB,GAAGJ,EAAA,CAAW;AAC7C;AAGO,SAASK,EAAkB,EAAE,MAAAT,GAAM,GAAGC,KAA6C;AAExF,QAAMG,IAAmF;AAAA,IACvF,GAFWL,EAAqBC,GAAMC,CAAK;AAAA,IAG3C,aAAaA,EAAM;AAAA,EAAA;AAErB,SAAO,gBAAAI,EAACK,GAAA,EAAoB,GAAGN,EAAA,CAAW;AAC5C;AAGO,SAASO,EAAoB,EAAE,MAAAX,GAAM,GAAGC,KAA+C;AAE5F,QAAMG,IAAqF;AAAA,IACzF,GAFWL,EAAqBC,GAAMC,CAAK;AAAA,IAG3C,QAAQ;AAAA,IACR,gBAAgBA,EAAM;AAAA,EAAA;AAExB,SAAO,gBAAAI,EAACO,GAAA,EAAsB,GAAGR,EAAA,CAAW;AAC9C;AAGO,SAASS,EAAsB,EAAE,MAAAb,GAAM,GAAGC,KAAiD;AAEhG,QAAMG,IAAqF;AAAA,IACzF,GAFWL,EAAqBC,GAAMC,CAAK;AAAA,IAG3C,QAAQ;AAAA,IACR,gBAAgBA,EAAM;AAAA,EAAA;AAExB,SAAO,gBAAAI,EAACO,GAAA,EAAsB,GAAGR,EAAA,CAAW;AAC9C;AAGO,SAASU,EAAkB,EAAE,MAAAd,GAAM,GAAGC,KAA6C;AAExF,QAAMG,IAAoF;AAAA,IACxF,GAFWL,EAAqBC,GAAMC,CAAK;AAAA,IAG3C,gBAAgBA,EAAM;AAAA,EAAA;AAExB,SAAO,gBAAAI,EAACU,GAAA,EAAqB,GAAGX,EAAA,CAAW;AAC7C;"}
+{"version":3,"file":"fieldComponents.js","sources":["../../../../../../src/components/Employee/StateTaxes/shared/useEmployeeStateTaxesForm/fieldComponents.tsx"],"sourcesContent":["import type { ReactNode } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { EmployeeStateTaxesErrorCodes } from './employeeStateTaxesSchema'\nimport type { BoundFieldMeta } from './fieldMeta'\nimport type {\n  BaseStateTaxFieldProps,\n  CurrencyStateTaxFieldProps,\n  DateStateTaxFieldProps,\n  NumberStateTaxFieldProps,\n  RadioStateTaxFieldProps,\n  SelectStateTaxFieldProps,\n  StateTaxValidationMessages,\n  TextStateTaxFieldProps,\n} from './fieldProps'\nimport {\n  SelectHookField,\n  RadioGroupHookField,\n  TextInputHookField,\n  NumberInputHookField,\n  DatePickerHookField,\n} from '@/partner-hook-utils/form/fields'\nimport type { SelectHookFieldProps } from '@/partner-hook-utils/form/fields/SelectHookField'\nimport type { RadioGroupHookFieldProps } from '@/partner-hook-utils/form/fields/RadioGroupHookField'\nimport type { TextInputHookFieldProps } from '@/partner-hook-utils/form/fields/TextInputHookField'\nimport type { NumberInputHookFieldProps } from '@/partner-hook-utils/form/fields/NumberInputHookField'\nimport type { DatePickerHookFieldProps } from '@/partner-hook-utils/form/fields/DatePickerHookField'\nimport type { FormHookResult } from '@/partner-hook-utils/types'\n\ninterface MetaProps {\n  meta: BoundFieldMeta\n}\n\nfunction useStateTaxValidationDefaults(): StateTaxValidationMessages {\n  const { t } = useTranslation('Employee.StateTaxesView')\n  return { [EmployeeStateTaxesErrorCodes.REQUIRED]: t('validations.required') }\n}\n\nfunction useResolvedBaseProps(\n  meta: BoundFieldMeta,\n  props: BaseStateTaxFieldProps,\n): {\n  name: string\n  label: string\n  description: ReactNode\n  formHookResult: FormHookResult | undefined\n  validationMessages: StateTaxValidationMessages\n} {\n  const defaults = useStateTaxValidationDefaults()\n  return {\n    name: meta.name,\n    label: props.label ?? meta.apiLabel,\n    description: props.description !== undefined ? props.description : meta.apiDescription,\n    formHookResult: props.formHookResult,\n    validationMessages: { ...defaults, ...props.validationMessages },\n  }\n}\n\n/** @internal */\nexport function SelectStateTaxField({ meta, ...props }: MetaProps & SelectStateTaxFieldProps) {\n  const { t } = useTranslation('common')\n  const base = useResolvedBaseProps(meta, props)\n  const hookProps: SelectHookFieldProps<typeof EmployeeStateTaxesErrorCodes.REQUIRED> = {\n    ...base,\n    placeholder: props.placeholder ?? t('selectPlaceholder'),\n    FieldComponent: props.FieldComponent,\n  }\n  return <SelectHookField {...hookProps} />\n}\n\n/** @internal */\nexport function RadioStateTaxField({ meta, ...props }: MetaProps & RadioStateTaxFieldProps) {\n  const base = useResolvedBaseProps(meta, props)\n  const hookProps: RadioGroupHookFieldProps<typeof EmployeeStateTaxesErrorCodes.REQUIRED> = {\n    ...base,\n    FieldComponent: props.FieldComponent,\n  }\n  return <RadioGroupHookField {...hookProps} />\n}\n\n/** @internal */\nexport function TextStateTaxField({ meta, ...props }: MetaProps & TextStateTaxFieldProps) {\n  const base = useResolvedBaseProps(meta, props)\n  const hookProps: TextInputHookFieldProps<typeof EmployeeStateTaxesErrorCodes.REQUIRED> = {\n    ...base,\n    placeholder: props.placeholder,\n  }\n  return <TextInputHookField {...hookProps} />\n}\n\n/** @internal */\nexport function NumberStateTaxField({ meta, ...props }: MetaProps & NumberStateTaxFieldProps) {\n  const base = useResolvedBaseProps(meta, props)\n  const hookProps: NumberInputHookFieldProps<typeof EmployeeStateTaxesErrorCodes.REQUIRED> = {\n    ...base,\n    format: 'decimal',\n    FieldComponent: props.FieldComponent,\n  }\n  return <NumberInputHookField {...hookProps} />\n}\n\n/** @internal */\nexport function CurrencyStateTaxField({ meta, ...props }: MetaProps & CurrencyStateTaxFieldProps) {\n  const base = useResolvedBaseProps(meta, props)\n  const hookProps: NumberInputHookFieldProps<typeof EmployeeStateTaxesErrorCodes.REQUIRED> = {\n    ...base,\n    format: 'currency',\n    FieldComponent: props.FieldComponent,\n  }\n  return <NumberInputHookField {...hookProps} />\n}\n\n/** @internal */\nexport function DateStateTaxField({ meta, ...props }: MetaProps & DateStateTaxFieldProps) {\n  const base = useResolvedBaseProps(meta, props)\n  const hookProps: DatePickerHookFieldProps<typeof EmployeeStateTaxesErrorCodes.REQUIRED> = {\n    ...base,\n    FieldComponent: props.FieldComponent,\n  }\n  return <DatePickerHookField {...hookProps} />\n}\n"],"names":["useStateTaxValidationDefaults","t","useTranslation","EmployeeStateTaxesErrorCodes","useResolvedBaseProps","meta","props","defaults","SelectStateTaxField","hookProps","jsx","SelectHookField","RadioStateTaxField","RadioGroupHookField","TextStateTaxField","TextInputHookField","NumberStateTaxField","NumberInputHookField","CurrencyStateTaxField","DateStateTaxField","DatePickerHookField"],"mappings":";;;;;;;;AAgCA,SAASA,IAA4D;AACnE,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,yBAAyB;AACtD,SAAO,EAAE,CAACC,EAA6B,QAAQ,GAAGF,EAAE,sBAAsB,EAAA;AAC5E;AAEA,SAASG,EACPC,GACAC,GAOA;AACA,QAAMC,IAAWP,EAAA;AACjB,SAAO;AAAA,IACL,MAAMK,EAAK;AAAA,IACX,OAAOC,EAAM,SAASD,EAAK;AAAA,IAC3B,aAAaC,EAAM,gBAAgB,SAAYA,EAAM,cAAcD,EAAK;AAAA,IACxE,gBAAgBC,EAAM;AAAA,IACtB,oBAAoB,EAAE,GAAGC,GAAU,GAAGD,EAAM,mBAAA;AAAA,EAAmB;AAEnE;AAGO,SAASE,EAAoB,EAAE,MAAAH,GAAM,GAAGC,KAA+C;AAC5F,QAAM,EAAE,GAAAL,EAAA,IAAMC,EAAe,QAAQ,GAE/BO,IAAgF;AAAA,IACpF,GAFWL,EAAqBC,GAAMC,CAAK;AAAA,IAG3C,aAAaA,EAAM,eAAeL,EAAE,mBAAmB;AAAA,IACvD,gBAAgBK,EAAM;AAAA,EAAA;AAExB,SAAO,gBAAAI,EAACC,GAAA,EAAiB,GAAGF,EAAA,CAAW;AACzC;AAGO,SAASG,EAAmB,EAAE,MAAAP,GAAM,GAAGC,KAA8C;AAE1F,QAAMG,IAAoF;AAAA,IACxF,GAFWL,EAAqBC,GAAMC,CAAK;AAAA,IAG3C,gBAAgBA,EAAM;AAAA,EAAA;AAExB,SAAO,gBAAAI,EAACG,GAAA,EAAqB,GAAGJ,EAAA,CAAW;AAC7C;AAGO,SAASK,EAAkB,EAAE,MAAAT,GAAM,GAAGC,KAA6C;AAExF,QAAMG,IAAmF;AAAA,IACvF,GAFWL,EAAqBC,GAAMC,CAAK;AAAA,IAG3C,aAAaA,EAAM;AAAA,EAAA;AAErB,SAAO,gBAAAI,EAACK,GAAA,EAAoB,GAAGN,EAAA,CAAW;AAC5C;AAGO,SAASO,EAAoB,EAAE,MAAAX,GAAM,GAAGC,KAA+C;AAE5F,QAAMG,IAAqF;AAAA,IACzF,GAFWL,EAAqBC,GAAMC,CAAK;AAAA,IAG3C,QAAQ;AAAA,IACR,gBAAgBA,EAAM;AAAA,EAAA;AAExB,SAAO,gBAAAI,EAACO,GAAA,EAAsB,GAAGR,EAAA,CAAW;AAC9C;AAGO,SAASS,EAAsB,EAAE,MAAAb,GAAM,GAAGC,KAAiD;AAEhG,QAAMG,IAAqF;AAAA,IACzF,GAFWL,EAAqBC,GAAMC,CAAK;AAAA,IAG3C,QAAQ;AAAA,IACR,gBAAgBA,EAAM;AAAA,EAAA;AAExB,SAAO,gBAAAI,EAACO,GAAA,EAAsB,GAAGR,EAAA,CAAW;AAC9C;AAGO,SAASU,EAAkB,EAAE,MAAAd,GAAM,GAAGC,KAA6C;AAExF,QAAMG,IAAoF;AAAA,IACxF,GAFWL,EAAqBC,GAAMC,CAAK;AAAA,IAG3C,gBAAgBA,EAAM;AAAA,EAAA;AAExB,SAAO,gBAAAI,EAACU,GAAA,EAAqB,GAAGX,EAAA,CAAW;AAC7C;"}

package/dist/components/Employee/StateTaxes/shared/useEmployeeStateTaxesForm/fieldProps.d.ts

@@ -37,7 +37,7 @@ export interface BaseStateTaxFieldProps {
  * @public
  */
 export type SelectStateTaxFieldProps = BaseStateTaxFieldProps & {
-    /** Placeholder shown when no option is selected. */
+    /** Placeholder shown when no option is selected. Defaults to a generic localized string when omitted. */
     placeholder?: string;
     /** Replace the underlying SDK Select primitive with a component of your own. */
     FieldComponent?: ComponentType<SelectProps>;

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

@@ -1 +1 @@
-{"version":3,"file":"useEmployeeStateTaxesForm.js","sources":["../../../../../../src/components/Employee/StateTaxes/shared/useEmployeeStateTaxesForm/useEmployeeStateTaxesForm.tsx"],"sourcesContent":["import { useMemo } from 'react'\nimport { useForm } from 'react-hook-form'\nimport type { UseFormProps } from 'react-hook-form'\nimport { zodResolver } from '@hookform/resolvers/zod'\nimport type { EmployeeStateTaxesList } from '@gusto/embedded-api-v-2025-11-15/models/components/employeestatetaxeslist'\nimport type {\n  EmployeeStateTaxesRequest,\n  States as EmployeeStateTaxesRequestState,\n} from '@gusto/embedded-api-v-2025-11-15/models/components/employeestatetaxesrequest'\nimport { useEmployeeTaxSetupGetStateTaxes } from '@gusto/embedded-api-v-2025-11-15/react-query/employeeTaxSetupGetStateTaxes'\nimport { useEmployeeTaxSetupUpdateStateTaxesMutation } from '@gusto/embedded-api-v-2025-11-15/react-query/employeeTaxSetupUpdateStateTaxes'\nimport {\n  createEmployeeStateTaxesSchema,\n  type EmployeeStateTaxesFormData,\n  type EmployeeStateTaxesFormOutputs,\n  type EmployeeStateTaxesMetadataConfig,\n} from './employeeStateTaxesSchema'\nimport { createStateFields, type StateTaxFieldsGroup } from './fields'\nimport { getQuestionVariant } from './fieldMapping'\nimport { snakeCaseToCamelCase } from '@/helpers/formattedStrings'\nimport { useDeriveFieldsMetadata } from '@/partner-hook-utils/form/useDeriveFieldsMetadata'\nimport { createGetFormSubmissionValues } from '@/partner-hook-utils/form/getFormSubmissionValues'\nimport { useHookFormInternals } from '@/partner-hook-utils/form/useHookFormInternals'\nimport { composeErrorHandler } from '@/partner-hook-utils/composeErrorHandler'\nimport type {\n  BaseFormHookReady,\n  FieldsMetadata,\n  HookLoadingResult,\n  HookSubmitResult,\n} from '@/partner-hook-utils/types'\nimport { useBaseSubmit } from '@/components/Base/useBaseSubmit'\nimport { SDKInternalError } from '@/types/sdkError'\n\nconst DEFAULT_TAX_VALID_FROM = '2010-01-01'\n\n/**\n * Options accepted by {@link useEmployeeStateTaxesForm}.\n *\n * @public\n */\nexport interface UseEmployeeStateTaxesFormProps {\n  /** The UUID of the employee whose state taxes are being updated. */\n  employeeId: string\n  /**\n   * When `true`, admin-only questions are visible and submitted. When\n   * `false`, they are filtered out and the surfaced answer for those\n   * questions is preserved unchanged on submit.\n   */\n  isAdmin?: boolean\n  /** When validation runs. Passed through to react-hook-form. Defaults to `'onSubmit'`. */\n  validationMode?: UseFormProps['mode']\n  /** Auto-focus the first invalid field on submit. Defaults to `true`. Set to `false` when composing with other forms. */\n  shouldFocusError?: boolean\n}\n\n/**\n * Ready-state return value of {@link useEmployeeStateTaxesForm} — the\n * `isLoading: false` branch of {@link UseEmployeeStateTaxesFormResult}.\n *\n * @public\n */\nexport interface UseEmployeeStateTaxesFormReady extends BaseFormHookReady<\n  FieldsMetadata,\n  EmployeeStateTaxesFormData,\n  StateTaxFieldsGroup[]\n> {\n  /** Current per-state tax records returned by the server. */\n  data: {\n    employeeStateTaxes: EmployeeStateTaxesList[]\n  }\n  /** Submission status. `mode` is always `'update'` since state-tax records are created with the employee. */\n  status: { isPending: boolean; mode: 'update' }\n  /** Form actions. */\n  actions: {\n    /** Validates and submits the form, resolving to the updated records on success or `undefined` when validation blocked the submit. */\n    onSubmit: () => Promise<HookSubmitResult<EmployeeStateTaxesList[]> | undefined>\n  }\n  /** Form internals plus the iterable per-state `Fields` array. */\n  form: BaseFormHookReady<\n    FieldsMetadata,\n    EmployeeStateTaxesFormData,\n    StateTaxFieldsGroup[]\n  >['form'] & {\n    /** Iterable, render-ready group + question entries with bound Field components. */\n    Fields: StateTaxFieldsGroup[]\n  }\n}\n\n/**\n * Discriminated union returned by {@link useEmployeeStateTaxesForm}. Loading\n * branch carries only `errorHandling`; ready branch carries form data,\n * fields, status, and actions.\n *\n * @public\n */\nexport type UseEmployeeStateTaxesFormResult = HookLoadingResult | UseEmployeeStateTaxesFormReady\n\n/**\n * Headless form hook for updating an employee's state tax withholding answers.\n * The set of questions is driven by the API response per state, so\n * `form.Fields` is an array of state groups with discriminated, render-ready\n * `Field` components rather than a fixed named object.\n *\n * @remarks\n * The state-tax record(s) are created automatically with the employee, so this\n * hook is always in update mode. When the form has no states with submittable\n * answers (e.g. an employee in a no-income-tax state), submit resolves with\n * the existing record list without making a network request.\n *\n * @param props - Hook options.\n * @returns A loading result while data is fetching, or a ready result with\n * form data, fields, status, actions, and error handling.\n * @public\n *\n * @example\n * ```tsx\n * import {\n *   useEmployeeStateTaxesForm,\n *   SDKFormProvider,\n *   type UseEmployeeStateTaxesFormReady,\n * } from '@gusto/embedded-react-sdk'\n *\n * function StateTaxesPage({ employeeId }: { employeeId: string }) {\n *   const stateTaxes = useEmployeeStateTaxesForm({ employeeId })\n *\n *   if (stateTaxes.isLoading) return <div>Loading...</div>\n *\n *   return <StateTaxesFormReady stateTaxes={stateTaxes} />\n * }\n *\n * function StateTaxesFormReady({\n *   stateTaxes,\n * }: {\n *   stateTaxes: UseEmployeeStateTaxesFormReady\n * }) {\n *   const handleSubmit = async () => {\n *     const result = await stateTaxes.actions.onSubmit()\n *     if (result) console.log('Updated state tax records:', result.data)\n *   }\n *\n *   return (\n *     <SDKFormProvider formHookResult={stateTaxes}>\n *       <form\n *         onSubmit={e => {\n *           e.preventDefault()\n *           void handleSubmit()\n *         }}\n *       >\n *         {stateTaxes.form.Fields.map(group => (\n *           <section key={group.state}>\n *             <h2>{group.state}</h2>\n *             {group.questions.map(question => (\n *               <question.Field key={question.questionId} />\n *             ))}\n *           </section>\n *         ))}\n *         <button type=\"submit\" disabled={stateTaxes.status.isPending}>\n *           Save\n *         </button>\n *       </form>\n *     </SDKFormProvider>\n *   )\n * }\n * ```\n */\nexport function useEmployeeStateTaxesForm({\n  employeeId,\n  isAdmin = false,\n  validationMode = 'onSubmit',\n  shouldFocusError = true,\n}: UseEmployeeStateTaxesFormProps): UseEmployeeStateTaxesFormResult {\n  const stateTaxesQuery = useEmployeeTaxSetupGetStateTaxes({ employeeUuid: employeeId })\n\n  const employeeStateTaxes = useMemo<EmployeeStateTaxesList[]>(\n    () => stateTaxesQuery.data?.employeeStateTaxesList ?? [],\n    [stateTaxesQuery.data?.employeeStateTaxesList],\n  )\n\n  const [schema, metadataConfig] = useMemo(\n    () => createEmployeeStateTaxesSchema(employeeStateTaxes, { isAdmin }),\n    [employeeStateTaxes, isAdmin],\n  )\n\n  const fieldsArray = useMemo(\n    () => createStateFields(employeeStateTaxes, { isAdmin }),\n    [employeeStateTaxes, isAdmin],\n  )\n\n  const resolvedDefaults = useMemo(\n    () => deriveDefaultValues(employeeStateTaxes, isAdmin),\n    [employeeStateTaxes, isAdmin],\n  )\n\n  const formMethods = useForm<EmployeeStateTaxesFormData, unknown, EmployeeStateTaxesFormOutputs>({\n    resolver: zodResolver(schema),\n    mode: validationMode,\n    shouldFocusError,\n    defaultValues: resolvedDefaults,\n    values: resolvedDefaults,\n    resetOptions: { keepDirtyValues: true },\n  })\n\n  const { mutateAsync: updateStateTaxes, isPending } = useEmployeeTaxSetupUpdateStateTaxesMutation()\n\n  const {\n    baseSubmitHandler,\n    error: submitError,\n    setError: setSubmitError,\n  } = useBaseSubmit('EmployeeStateTaxesForm')\n\n  const errorHandling = composeErrorHandler([stateTaxesQuery], {\n    submitError,\n    setSubmitError,\n  })\n\n  const fieldsMetadata = useDeriveFieldsMetadata(\n    metadataConfig as EmployeeStateTaxesMetadataConfig,\n    formMethods.control,\n  ) as FieldsMetadata\n\n  const onSubmit = async (): Promise<HookSubmitResult<EmployeeStateTaxesList[]> | undefined> => {\n    let submitResult: HookSubmitResult<EmployeeStateTaxesList[]> | undefined\n\n    await new Promise<void>(resolve => {\n      void formMethods.handleSubmit(\n        async data => {\n          await baseSubmitHandler(data, async payload => {\n            const requestStates = serializeStatesPayload(payload, employeeStateTaxes, isAdmin)\n\n            if (requestStates.length === 0) {\n              submitResult = { mode: 'update', data: employeeStateTaxes }\n              return\n            }\n\n            const requestBody: EmployeeStateTaxesRequest = { states: requestStates }\n            const response = await updateStateTaxes({\n              request: { employeeUuid: employeeId, employeeStateTaxesRequest: requestBody },\n            })\n\n            const updated = response.employeeStateTaxesList\n            if (!updated) {\n              throw new SDKInternalError('State taxes update did not return an updated record')\n            }\n\n            submitResult = { mode: 'update', data: updated }\n          })\n          resolve()\n        },\n        () => {\n          resolve()\n        },\n      )()\n    })\n\n    return submitResult\n  }\n\n  const hookFormInternals = useHookFormInternals(formMethods)\n\n  if (stateTaxesQuery.isLoading || !stateTaxesQuery.data?.employeeStateTaxesList) {\n    return { isLoading: true as const, errorHandling }\n  }\n\n  return {\n    isLoading: false as const,\n    data: { employeeStateTaxes },\n    status: { isPending, mode: 'update' as const },\n    actions: { onSubmit },\n    errorHandling,\n    form: {\n      Fields: fieldsArray,\n      fieldsMetadata,\n      hookFormInternals,\n      getFormSubmissionValues: createGetFormSubmissionValues(formMethods, schema) as () =>\n        | Record<string, unknown>\n        | undefined,\n    },\n  }\n}\n\n// ── Defaults derivation ────────────────────────────────────────────────\n\nfunction deriveDefaultValues(\n  employeeStateTaxes: EmployeeStateTaxesList[],\n  isAdmin: boolean,\n): EmployeeStateTaxesFormData {\n  const states: Record<string, Record<string, unknown>> = {}\n\n  for (const stateGroup of employeeStateTaxes) {\n    if (!stateGroup.state || !stateGroup.questions) continue\n\n    const stateValues: Record<string, unknown> = {}\n    for (const question of stateGroup.questions) {\n      if (question.isQuestionForAdminOnly && !isAdmin) continue\n      const formKey = snakeCaseToCamelCase(question.key)\n      const wireValue = question.answers[0]?.value\n      stateValues[formKey] = resolveDefaultForQuestion(question, wireValue)\n    }\n\n    if (Object.keys(stateValues).length > 0) {\n      states[stateGroup.state] = stateValues\n    }\n  }\n\n  return { states: states as EmployeeStateTaxesFormData['states'] }\n}\n\nfunction resolveDefaultForQuestion(\n  question: EmployeeStateTaxesList['questions'] extends Array<infer Q> | undefined ? Q : never,\n  wireValue: string | number | boolean | null | undefined,\n): unknown {\n  if (question.key === 'file_new_hire_report') {\n    if (wireValue === undefined || wireValue === null) return true\n    return wireValue\n  }\n\n  const variant = getQuestionVariant(question)\n\n  switch (variant) {\n    case 'date': {\n      if (wireValue === undefined || wireValue === null || wireValue === '') return undefined\n      if (typeof wireValue === 'string') {\n        const trimmed = wireValue.trim()\n        if (trimmed === '') return undefined\n        const parsed = new Date(trimmed)\n        return Number.isNaN(parsed.getTime()) ? undefined : parsed\n      }\n      return wireValue\n    }\n    case 'number':\n    case 'currency': {\n      if (wireValue === undefined || wireValue === null || wireValue === '') return undefined\n      const parsed = typeof wireValue === 'number' ? wireValue : Number(wireValue)\n      return Number.isNaN(parsed) ? undefined : parsed\n    }\n    default:\n      return wireValue\n  }\n}\n\n// ── Submit serialization ───────────────────────────────────────────────\n\ntype SerializedQuestion = {\n  key: string\n  answers: Array<{\n    validFrom: string\n    validUpTo: string | null\n    value: string | number | boolean\n  }>\n}\n\nfunction serializeStatesPayload(\n  payload: EmployeeStateTaxesFormOutputs,\n  employeeStateTaxes: EmployeeStateTaxesList[],\n  isAdmin: boolean,\n): EmployeeStateTaxesRequestState[] {\n  const { states: statesPayload } = payload\n  if (Object.keys(statesPayload).length === 0) return []\n\n  const result: EmployeeStateTaxesRequestState[] = []\n\n  for (const state of employeeStateTaxes) {\n    const stateName = state.state\n    if (!stateName || state.questions === undefined) continue\n\n    const serialized: SerializedQuestion[] = []\n    for (const question of state.questions) {\n      if (question.isQuestionForAdminOnly && !isAdmin) continue\n\n      const formValue = (statesPayload[stateName] as Record<string, unknown> | undefined)?.[\n        snakeCaseToCamelCase(question.key)\n      ]\n\n      let serializedValue: string | number | boolean\n      if (formValue === undefined || formValue === null) {\n        serializedValue = ''\n      } else if (typeof formValue === 'number' && Number.isNaN(formValue)) {\n        serializedValue = ''\n      } else if (formValue instanceof Date) {\n        if (Number.isNaN(formValue.getTime())) {\n          serializedValue = ''\n        } else {\n          serializedValue = formValue.toISOString().split('T')[0] ?? ''\n        }\n      } else {\n        serializedValue = formValue as string | number | boolean\n      }\n\n      serialized.push({\n        key: question.key,\n        answers: [\n          {\n            validFrom: question.answers[0]?.validFrom ?? DEFAULT_TAX_VALID_FROM,\n            validUpTo: question.answers[0]?.validUpTo ?? null,\n            value: serializedValue,\n          },\n        ],\n      })\n    }\n\n    result.push({ state: stateName, questions: serialized })\n  }\n\n  return result\n}\n\n/**\n * Static field metadata keyed by full form path (`states.<STATE>.<camelKey>`),\n * with `isRequired` / `isDisabled` and option lists.\n *\n * @public\n */\nexport type EmployeeStateTaxesFieldsMetadata =\n  UseEmployeeStateTaxesFormReady['form']['fieldsMetadata']\n\n/**\n * The array of per-state field groups exposed by\n * {@link useEmployeeStateTaxesForm} on `form.Fields`.\n *\n * @public\n */\nexport type EmployeeStateTaxesFormFields = UseEmployeeStateTaxesFormReady['form']['Fields']\n"],"names":["DEFAULT_TAX_VALID_FROM","useEmployeeStateTaxesForm","employeeId","isAdmin","validationMode","shouldFocusError","stateTaxesQuery","useEmployeeTaxSetupGetStateTaxes","employeeStateTaxes","useMemo","schema","metadataConfig","createEmployeeStateTaxesSchema","fieldsArray","createStateFields","resolvedDefaults","deriveDefaultValues","formMethods","useForm","zodResolver","updateStateTaxes","isPending","useEmployeeTaxSetupUpdateStateTaxesMutation","baseSubmitHandler","submitError","setSubmitError","useBaseSubmit","errorHandling","composeErrorHandler","fieldsMetadata","useDeriveFieldsMetadata","onSubmit","submitResult","resolve","data","payload","requestStates","serializeStatesPayload","updated","SDKInternalError","hookFormInternals","useHookFormInternals","createGetFormSubmissionValues","states","stateGroup","stateValues","question","formKey","snakeCaseToCamelCase","wireValue","resolveDefaultForQuestion","getQuestionVariant","trimmed","parsed","statesPayload","result","state","stateName","serialized","formValue","serializedValue"],"mappings":";;;;;;;;;;;;;;;AAiCA,MAAMA,IAAyB;AAoIxB,SAASC,GAA0B;AAAA,EACxC,YAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,EACV,gBAAAC,IAAiB;AAAA,EACjB,kBAAAC,IAAmB;AACrB,GAAoE;AAClE,QAAMC,IAAkBC,EAAiC,EAAE,cAAcL,GAAY,GAE/EM,IAAqBC;AAAA,IACzB,MAAMH,EAAgB,MAAM,0BAA0B,CAAA;AAAA,IACtD,CAACA,EAAgB,MAAM,sBAAsB;AAAA,EAAA,GAGzC,CAACI,GAAQC,CAAc,IAAIF;AAAA,IAC/B,MAAMG,EAA+BJ,GAAoB,EAAE,SAAAL,GAAS;AAAA,IACpE,CAACK,GAAoBL,CAAO;AAAA,EAAA,GAGxBU,IAAcJ;AAAA,IAClB,MAAMK,EAAkBN,GAAoB,EAAE,SAAAL,GAAS;AAAA,IACvD,CAACK,GAAoBL,CAAO;AAAA,EAAA,GAGxBY,IAAmBN;AAAA,IACvB,MAAMO,EAAoBR,GAAoBL,CAAO;AAAA,IACrD,CAACK,GAAoBL,CAAO;AAAA,EAAA,GAGxBc,IAAcC,EAA4E;AAAA,IAC9F,UAAUC,EAAYT,CAAM;AAAA,IAC5B,MAAMN;AAAA,IACN,kBAAAC;AAAA,IACA,eAAeU;AAAA,IACf,QAAQA;AAAA,IACR,cAAc,EAAE,iBAAiB,GAAA;AAAA,EAAK,CACvC,GAEK,EAAE,aAAaK,GAAkB,WAAAC,EAAA,IAAcC,EAAA,GAE/C;AAAA,IACJ,mBAAAC;AAAA,IACA,OAAOC;AAAA,IACP,UAAUC;AAAA,EAAA,IACRC,EAAc,wBAAwB,GAEpCC,IAAgBC,EAAoB,CAACtB,CAAe,GAAG;AAAA,IAC3D,aAAAkB;AAAA,IACA,gBAAAC;AAAA,EAAA,CACD,GAEKI,IAAiBC;AAAA,IACrBnB;AAAA,IACAM,EAAY;AAAA,EAAA,GAGRc,IAAW,YAA6E;AAC5F,QAAIC;AAEJ,iBAAM,IAAI,QAAc,CAAAC,MAAW;AACjC,MAAKhB,EAAY;AAAA,QACf,OAAMiB,MAAQ;AACZ,gBAAMX,EAAkBW,GAAM,OAAMC,MAAW;AAC7C,kBAAMC,IAAgBC,EAAuBF,GAAS3B,GAAoBL,CAAO;AAEjF,gBAAIiC,EAAc,WAAW,GAAG;AAC9B,cAAAJ,IAAe,EAAE,MAAM,UAAU,MAAMxB,EAAA;AACvC;AAAA,YACF;AAOA,kBAAM8B,KAJW,MAAMlB,EAAiB;AAAA,cACtC,SAAS,EAAE,cAAclB,GAAY,2BAFQ,EAAE,QAAQkC,EAAA,EAES;AAAA,YAAY,CAC7E,GAEwB;AACzB,gBAAI,CAACE;AACH,oBAAM,IAAIC,EAAiB,qDAAqD;AAGlF,YAAAP,IAAe,EAAE,MAAM,UAAU,MAAMM,EAAA;AAAA,UACzC,CAAC,GACDL,EAAA;AAAA,QACF;AAAA,QACA,MAAM;AACJ,UAAAA,EAAA;AAAA,QACF;AAAA,MAAA,EACF;AAAA,IACF,CAAC,GAEMD;AAAA,EACT,GAEMQ,IAAoBC,EAAqBxB,CAAW;AAE1D,SAAIX,EAAgB,aAAa,CAACA,EAAgB,MAAM,yBAC/C,EAAE,WAAW,IAAe,eAAAqB,EAAA,IAG9B;AAAA,IACL,WAAW;AAAA,IACX,MAAM,EAAE,oBAAAnB,EAAA;AAAA,IACR,QAAQ,EAAE,WAAAa,GAAW,MAAM,SAAA;AAAA,IAC3B,SAAS,EAAE,UAAAU,EAAA;AAAA,IACX,eAAAJ;AAAA,IACA,MAAM;AAAA,MACJ,QAAQd;AAAA,MACR,gBAAAgB;AAAA,MACA,mBAAAW;AAAA,MACA,yBAAyBE,EAA8BzB,GAAaP,CAAM;AAAA,IAAA;AAAA,EAG5E;AAEJ;AAIA,SAASM,EACPR,GACAL,GAC4B;AAC5B,QAAMwC,IAAkD,CAAA;AAExD,aAAWC,KAAcpC,GAAoB;AAC3C,QAAI,CAACoC,EAAW,SAAS,CAACA,EAAW,UAAW;AAEhD,UAAMC,IAAuC,CAAA;AAC7C,eAAWC,KAAYF,EAAW,WAAW;AAC3C,UAAIE,EAAS,0BAA0B,CAAC3C,EAAS;AACjD,YAAM4C,IAAUC,EAAqBF,EAAS,GAAG,GAC3CG,IAAYH,EAAS,QAAQ,CAAC,GAAG;AACvC,MAAAD,EAAYE,CAAO,IAAIG,EAA0BJ,GAAUG,CAAS;AAAA,IACtE;AAEA,IAAI,OAAO,KAAKJ,CAAW,EAAE,SAAS,MACpCF,EAAOC,EAAW,KAAK,IAAIC;AAAA,EAE/B;AAEA,SAAO,EAAE,QAAAF,EAAA;AACX;AAEA,SAASO,EACPJ,GACAG,GACS;AACT,MAAIH,EAAS,QAAQ;AACnB,WAA+BG,KAA2B;AAM5D,UAFgBE,EAAmBL,CAAQ,GAEnC;AAAA,IACN,KAAK,QAAQ;AACX,UAA+BG,KAAc,QAAQA,MAAc,GAAI;AACvE,UAAI,OAAOA,KAAc,UAAU;AACjC,cAAMG,IAAUH,EAAU,KAAA;AAC1B,YAAIG,MAAY,GAAI;AACpB,cAAMC,IAAS,IAAI,KAAKD,CAAO;AAC/B,eAAO,OAAO,MAAMC,EAAO,QAAA,CAAS,IAAI,SAAYA;AAAA,MACtD;AACA,aAAOJ;AAAA,IACT;AAAA,IACA,KAAK;AAAA,IACL,KAAK,YAAY;AACf,UAA+BA,KAAc,QAAQA,MAAc,GAAI;AACvE,YAAMI,IAAS,OAAOJ,KAAc,WAAWA,IAAY,OAAOA,CAAS;AAC3E,aAAO,OAAO,MAAMI,CAAM,IAAI,SAAYA;AAAA,IAC5C;AAAA,IACA;AACE,aAAOJ;AAAA,EAAA;AAEb;AAaA,SAASZ,EACPF,GACA3B,GACAL,GACkC;AAClC,QAAM,EAAE,QAAQmD,EAAA,IAAkBnB;AAClC,MAAI,OAAO,KAAKmB,CAAa,EAAE,WAAW,UAAU,CAAA;AAEpD,QAAMC,IAA2C,CAAA;AAEjD,aAAWC,KAAShD,GAAoB;AACtC,UAAMiD,IAAYD,EAAM;AACxB,QAAI,CAACC,KAAaD,EAAM,cAAc,OAAW;AAEjD,UAAME,IAAmC,CAAA;AACzC,eAAWZ,KAAYU,EAAM,WAAW;AACtC,UAAIV,EAAS,0BAA0B,CAAC3C,EAAS;AAEjD,YAAMwD,IAAaL,EAAcG,CAAS,IACxCT,EAAqBF,EAAS,GAAG,CACnC;AAEA,UAAIc;AACJ,MAA+BD,KAAc,QAElC,OAAOA,KAAc,YAAY,OAAO,MAAMA,CAAS,IADhEC,IAAkB,KAGTD,aAAqB,OAC1B,OAAO,MAAMA,EAAU,QAAA,CAAS,IAClCC,IAAkB,KAElBA,IAAkBD,EAAU,YAAA,EAAc,MAAM,GAAG,EAAE,CAAC,KAAK,KAG7DC,IAAkBD,GAGpBD,EAAW,KAAK;AAAA,QACd,KAAKZ,EAAS;AAAA,QACd,SAAS;AAAA,UACP;AAAA,YACE,WAAWA,EAAS,QAAQ,CAAC,GAAG,aAAa9C;AAAA,YAC7C,WAAW8C,EAAS,QAAQ,CAAC,GAAG,aAAa;AAAA,YAC7C,OAAOc;AAAA,UAAA;AAAA,QACT;AAAA,MACF,CACD;AAAA,IACH;AAEA,IAAAL,EAAO,KAAK,EAAE,OAAOE,GAAW,WAAWC,GAAY;AAAA,EACzD;AAEA,SAAOH;AACT;"}
+{"version":3,"file":"useEmployeeStateTaxesForm.js","sources":["../../../../../../src/components/Employee/StateTaxes/shared/useEmployeeStateTaxesForm/useEmployeeStateTaxesForm.tsx"],"sourcesContent":["import { useMemo } from 'react'\nimport { useForm } from 'react-hook-form'\nimport type { UseFormProps } from 'react-hook-form'\nimport { zodResolver } from '@hookform/resolvers/zod'\nimport type { EmployeeStateTaxesList } from '@gusto/embedded-api-v-2025-11-15/models/components/employeestatetaxeslist'\nimport type {\n  EmployeeStateTaxesRequest,\n  States as EmployeeStateTaxesRequestState,\n} from '@gusto/embedded-api-v-2025-11-15/models/components/employeestatetaxesrequest'\nimport { useEmployeeTaxSetupGetStateTaxes } from '@gusto/embedded-api-v-2025-11-15/react-query/employeeTaxSetupGetStateTaxes'\nimport { useEmployeeTaxSetupUpdateStateTaxesMutation } from '@gusto/embedded-api-v-2025-11-15/react-query/employeeTaxSetupUpdateStateTaxes'\nimport {\n  createEmployeeStateTaxesSchema,\n  type EmployeeStateTaxesFormData,\n  type EmployeeStateTaxesFormOutputs,\n  type EmployeeStateTaxesMetadataConfig,\n} from './employeeStateTaxesSchema'\nimport { createStateFields, type StateTaxFieldsGroup } from './fields'\nimport { getQuestionVariant } from './fieldMapping'\nimport { snakeCaseToCamelCase } from '@/helpers/formattedStrings'\nimport { useDeriveFieldsMetadata } from '@/partner-hook-utils/form/useDeriveFieldsMetadata'\nimport { createGetFormSubmissionValues } from '@/partner-hook-utils/form/getFormSubmissionValues'\nimport { useHookFormInternals } from '@/partner-hook-utils/form/useHookFormInternals'\nimport { composeErrorHandler } from '@/partner-hook-utils/composeErrorHandler'\nimport type {\n  BaseFormHookReady,\n  FieldsMetadata,\n  HookLoadingResult,\n  HookSubmitResult,\n} from '@/partner-hook-utils/types'\nimport { useBaseSubmit } from '@/components/Base/useBaseSubmit'\nimport { SDKInternalError } from '@/types/sdkError'\n\nconst DEFAULT_TAX_VALID_FROM = '2010-01-01'\n\n/**\n * Options accepted by {@link useEmployeeStateTaxesForm}.\n *\n * @public\n */\nexport interface UseEmployeeStateTaxesFormProps {\n  /** The UUID of the employee whose state taxes are being updated. */\n  employeeId: string\n  /**\n   * When `true`, admin-only questions are visible and submitted. When\n   * `false`, they are filtered out and the surfaced answer for those\n   * questions is preserved unchanged on submit.\n   */\n  isAdmin?: boolean\n  /** When validation runs. Passed through to react-hook-form. Defaults to `'onSubmit'`. */\n  validationMode?: UseFormProps['mode']\n  /** Auto-focus the first invalid field on submit. Defaults to `true`. Set to `false` when composing with other forms. */\n  shouldFocusError?: boolean\n}\n\n/**\n * Ready-state return value of {@link useEmployeeStateTaxesForm} — the\n * `isLoading: false` branch of {@link UseEmployeeStateTaxesFormResult}.\n *\n * @public\n */\nexport interface UseEmployeeStateTaxesFormReady extends BaseFormHookReady<\n  FieldsMetadata,\n  EmployeeStateTaxesFormData,\n  StateTaxFieldsGroup[]\n> {\n  /** Current per-state tax records returned by the server. */\n  data: {\n    employeeStateTaxes: EmployeeStateTaxesList[]\n  }\n  /** Submission status. `mode` is always `'update'` since state-tax records are created with the employee. */\n  status: { isPending: boolean; mode: 'update' }\n  /** Form actions. */\n  actions: {\n    /** Validates and submits the form, resolving to the updated records on success or `undefined` when validation blocked the submit. */\n    onSubmit: () => Promise<HookSubmitResult<EmployeeStateTaxesList[]> | undefined>\n  }\n  /** Form internals plus the iterable per-state `Fields` array. */\n  form: BaseFormHookReady<\n    FieldsMetadata,\n    EmployeeStateTaxesFormData,\n    StateTaxFieldsGroup[]\n  >['form'] & {\n    /** Iterable, render-ready group + question entries with bound Field components. */\n    Fields: StateTaxFieldsGroup[]\n  }\n}\n\n/**\n * Discriminated union returned by {@link useEmployeeStateTaxesForm}. Loading\n * branch carries only `errorHandling`; ready branch carries form data,\n * fields, status, and actions.\n *\n * @public\n */\nexport type UseEmployeeStateTaxesFormResult = HookLoadingResult | UseEmployeeStateTaxesFormReady\n\n/**\n * Headless form hook for updating an employee's state tax withholding answers.\n * The set of questions is driven by the API response per state, so\n * `form.Fields` is an array of state groups with discriminated, render-ready\n * `Field` components rather than a fixed named object.\n *\n * @remarks\n * The state-tax record(s) are created automatically with the employee, so this\n * hook is always in update mode. When the form has no states with submittable\n * answers (e.g. an employee in a no-income-tax state), submit resolves with\n * the existing record list without making a network request.\n *\n * @param props - Hook options.\n * @returns A loading result while data is fetching, or a ready result with\n * form data, fields, status, actions, and error handling.\n * @public\n *\n * @example\n * ```tsx\n * import {\n *   useEmployeeStateTaxesForm,\n *   SDKFormProvider,\n *   type UseEmployeeStateTaxesFormReady,\n * } from '@gusto/embedded-react-sdk'\n *\n * function StateTaxesPage({ employeeId }: { employeeId: string }) {\n *   const stateTaxes = useEmployeeStateTaxesForm({ employeeId })\n *\n *   if (stateTaxes.isLoading) return <div>Loading...</div>\n *\n *   return <StateTaxesFormReady stateTaxes={stateTaxes} />\n * }\n *\n * function StateTaxesFormReady({\n *   stateTaxes,\n * }: {\n *   stateTaxes: UseEmployeeStateTaxesFormReady\n * }) {\n *   const handleSubmit = async () => {\n *     const result = await stateTaxes.actions.onSubmit()\n *     if (result) console.log('Updated state tax records:', result.data)\n *   }\n *\n *   return (\n *     <SDKFormProvider formHookResult={stateTaxes}>\n *       <form\n *         onSubmit={e => {\n *           e.preventDefault()\n *           void handleSubmit()\n *         }}\n *       >\n *         {stateTaxes.form.Fields.map(group => (\n *           <section key={group.state}>\n *             <h2>{group.state}</h2>\n *             {group.questions.map(question => (\n *               <question.Field key={question.questionId} />\n *             ))}\n *           </section>\n *         ))}\n *         <button type=\"submit\" disabled={stateTaxes.status.isPending}>\n *           Save\n *         </button>\n *       </form>\n *     </SDKFormProvider>\n *   )\n * }\n * ```\n */\nexport function useEmployeeStateTaxesForm({\n  employeeId,\n  isAdmin = false,\n  validationMode = 'onSubmit',\n  shouldFocusError = true,\n}: UseEmployeeStateTaxesFormProps): UseEmployeeStateTaxesFormResult {\n  const stateTaxesQuery = useEmployeeTaxSetupGetStateTaxes({ employeeUuid: employeeId })\n\n  const employeeStateTaxes = useMemo<EmployeeStateTaxesList[]>(\n    () => stateTaxesQuery.data?.employeeStateTaxesList ?? [],\n    [stateTaxesQuery.data?.employeeStateTaxesList],\n  )\n\n  const [schema, metadataConfig] = useMemo(\n    () => createEmployeeStateTaxesSchema(employeeStateTaxes, { isAdmin }),\n    [employeeStateTaxes, isAdmin],\n  )\n\n  const fieldsArray = useMemo(\n    () => createStateFields(employeeStateTaxes, { isAdmin }),\n    [employeeStateTaxes, isAdmin],\n  )\n\n  const resolvedDefaults = useMemo(\n    () => deriveDefaultValues(employeeStateTaxes, isAdmin),\n    [employeeStateTaxes, isAdmin],\n  )\n\n  const formMethods = useForm<EmployeeStateTaxesFormData, unknown, EmployeeStateTaxesFormOutputs>({\n    resolver: zodResolver(schema),\n    mode: validationMode,\n    shouldFocusError,\n    defaultValues: resolvedDefaults,\n    values: resolvedDefaults,\n    resetOptions: { keepDirtyValues: true },\n  })\n\n  const { mutateAsync: updateStateTaxes, isPending } = useEmployeeTaxSetupUpdateStateTaxesMutation()\n\n  const {\n    baseSubmitHandler,\n    error: submitError,\n    setError: setSubmitError,\n  } = useBaseSubmit('EmployeeStateTaxesForm')\n\n  const errorHandling = composeErrorHandler([stateTaxesQuery], {\n    submitError,\n    setSubmitError,\n  })\n\n  const fieldsMetadata = useDeriveFieldsMetadata(\n    metadataConfig as EmployeeStateTaxesMetadataConfig,\n    formMethods.control,\n  ) as FieldsMetadata\n\n  const onSubmit = async (): Promise<HookSubmitResult<EmployeeStateTaxesList[]> | undefined> => {\n    let submitResult: HookSubmitResult<EmployeeStateTaxesList[]> | undefined\n\n    await new Promise<void>(resolve => {\n      void formMethods.handleSubmit(\n        async data => {\n          await baseSubmitHandler(data, async payload => {\n            const requestStates = serializeStatesPayload(payload, employeeStateTaxes, isAdmin)\n\n            if (requestStates.length === 0) {\n              submitResult = { mode: 'update', data: employeeStateTaxes }\n              return\n            }\n\n            const requestBody: EmployeeStateTaxesRequest = { states: requestStates }\n            const response = await updateStateTaxes({\n              request: { employeeUuid: employeeId, employeeStateTaxesRequest: requestBody },\n            })\n\n            const updated = response.employeeStateTaxesList\n            if (!updated) {\n              throw new SDKInternalError('State taxes update did not return an updated record')\n            }\n\n            submitResult = { mode: 'update', data: updated }\n          })\n          resolve()\n        },\n        () => {\n          resolve()\n        },\n      )()\n    })\n\n    return submitResult\n  }\n\n  const hookFormInternals = useHookFormInternals(formMethods)\n\n  if (stateTaxesQuery.isLoading || !stateTaxesQuery.data?.employeeStateTaxesList) {\n    return { isLoading: true as const, errorHandling }\n  }\n\n  return {\n    isLoading: false as const,\n    data: { employeeStateTaxes },\n    status: { isPending, mode: 'update' as const },\n    actions: { onSubmit },\n    errorHandling,\n    form: {\n      Fields: fieldsArray,\n      fieldsMetadata,\n      hookFormInternals,\n      getFormSubmissionValues: createGetFormSubmissionValues(formMethods, schema) as () =>\n        Record<string, unknown> | undefined,\n    },\n  }\n}\n\n// ── Defaults derivation ────────────────────────────────────────────────\n\nfunction deriveDefaultValues(\n  employeeStateTaxes: EmployeeStateTaxesList[],\n  isAdmin: boolean,\n): EmployeeStateTaxesFormData {\n  const states: Record<string, Record<string, unknown>> = {}\n\n  for (const stateGroup of employeeStateTaxes) {\n    if (!stateGroup.state || !stateGroup.questions) continue\n\n    const stateValues: Record<string, unknown> = {}\n    for (const question of stateGroup.questions) {\n      if (question.isQuestionForAdminOnly && !isAdmin) continue\n      const formKey = snakeCaseToCamelCase(question.key)\n      const wireValue = question.answers[0]?.value\n      stateValues[formKey] = resolveDefaultForQuestion(question, wireValue)\n    }\n\n    if (Object.keys(stateValues).length > 0) {\n      states[stateGroup.state] = stateValues\n    }\n  }\n\n  return { states: states as EmployeeStateTaxesFormData['states'] }\n}\n\nfunction resolveDefaultForQuestion(\n  question: EmployeeStateTaxesList['questions'] extends Array<infer Q> | undefined ? Q : never,\n  wireValue: string | number | boolean | null | undefined,\n): unknown {\n  if (question.key === 'file_new_hire_report') {\n    if (wireValue === undefined || wireValue === null) return true\n    return wireValue\n  }\n\n  const variant = getQuestionVariant(question)\n\n  switch (variant) {\n    case 'date': {\n      if (wireValue === undefined || wireValue === null || wireValue === '') return undefined\n      if (typeof wireValue === 'string') {\n        const trimmed = wireValue.trim()\n        if (trimmed === '') return undefined\n        const parsed = new Date(trimmed)\n        return Number.isNaN(parsed.getTime()) ? undefined : parsed\n      }\n      return wireValue\n    }\n    case 'number':\n    case 'currency': {\n      if (wireValue === undefined || wireValue === null || wireValue === '') return undefined\n      const parsed = typeof wireValue === 'number' ? wireValue : Number(wireValue)\n      return Number.isNaN(parsed) ? undefined : parsed\n    }\n    default:\n      return wireValue\n  }\n}\n\n// ── Submit serialization ───────────────────────────────────────────────\n\ntype SerializedQuestion = {\n  key: string\n  answers: Array<{\n    validFrom: string\n    validUpTo: string | null\n    value: string | number | boolean\n  }>\n}\n\nfunction serializeStatesPayload(\n  payload: EmployeeStateTaxesFormOutputs,\n  employeeStateTaxes: EmployeeStateTaxesList[],\n  isAdmin: boolean,\n): EmployeeStateTaxesRequestState[] {\n  const { states: statesPayload } = payload\n  if (Object.keys(statesPayload).length === 0) return []\n\n  const result: EmployeeStateTaxesRequestState[] = []\n\n  for (const state of employeeStateTaxes) {\n    const stateName = state.state\n    if (!stateName || state.questions === undefined) continue\n\n    const serialized: SerializedQuestion[] = []\n    for (const question of state.questions) {\n      if (question.isQuestionForAdminOnly && !isAdmin) continue\n\n      const formValue = (statesPayload[stateName] as Record<string, unknown> | undefined)?.[\n        snakeCaseToCamelCase(question.key)\n      ]\n\n      let serializedValue: string | number | boolean\n      if (formValue === undefined || formValue === null) {\n        serializedValue = ''\n      } else if (typeof formValue === 'number' && Number.isNaN(formValue)) {\n        serializedValue = ''\n      } else if (formValue instanceof Date) {\n        if (Number.isNaN(formValue.getTime())) {\n          serializedValue = ''\n        } else {\n          serializedValue = formValue.toISOString().split('T')[0] ?? ''\n        }\n      } else {\n        serializedValue = formValue as string | number | boolean\n      }\n\n      serialized.push({\n        key: question.key,\n        answers: [\n          {\n            validFrom: question.answers[0]?.validFrom ?? DEFAULT_TAX_VALID_FROM,\n            validUpTo: question.answers[0]?.validUpTo ?? null,\n            value: serializedValue,\n          },\n        ],\n      })\n    }\n\n    result.push({ state: stateName, questions: serialized })\n  }\n\n  return result\n}\n\n/**\n * Static field metadata keyed by full form path (`states.<STATE>.<camelKey>`),\n * with `isRequired` / `isDisabled` and option lists.\n *\n * @public\n */\nexport type EmployeeStateTaxesFieldsMetadata =\n  UseEmployeeStateTaxesFormReady['form']['fieldsMetadata']\n\n/**\n * The array of per-state field groups exposed by\n * {@link useEmployeeStateTaxesForm} on `form.Fields`.\n *\n * @public\n */\nexport type EmployeeStateTaxesFormFields = UseEmployeeStateTaxesFormReady['form']['Fields']\n"],"names":["DEFAULT_TAX_VALID_FROM","useEmployeeStateTaxesForm","employeeId","isAdmin","validationMode","shouldFocusError","stateTaxesQuery","useEmployeeTaxSetupGetStateTaxes","employeeStateTaxes","useMemo","schema","metadataConfig","createEmployeeStateTaxesSchema","fieldsArray","createStateFields","resolvedDefaults","deriveDefaultValues","formMethods","useForm","zodResolver","updateStateTaxes","isPending","useEmployeeTaxSetupUpdateStateTaxesMutation","baseSubmitHandler","submitError","setSubmitError","useBaseSubmit","errorHandling","composeErrorHandler","fieldsMetadata","useDeriveFieldsMetadata","onSubmit","submitResult","resolve","data","payload","requestStates","serializeStatesPayload","updated","SDKInternalError","hookFormInternals","useHookFormInternals","createGetFormSubmissionValues","states","stateGroup","stateValues","question","formKey","snakeCaseToCamelCase","wireValue","resolveDefaultForQuestion","getQuestionVariant","trimmed","parsed","statesPayload","result","state","stateName","serialized","formValue","serializedValue"],"mappings":"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"}

package/dist/components/Employee/Terminations/TerminateEmployee/TerminateEmployee.d.ts

@@ -31,6 +31,7 @@ export interface TerminateEmployeeFormData {
  * the summary view (via the `employee/termination/viewSummary` event) when the
  * employee is already terminated.
  *
+ * @events
  * | Event | Description | Data |
  * | ----- | ----------- | ---- |
  * | `employee/termination/created` | Fired when a new termination is created | `{ employeeId: string, effectiveDate: string, payrollOption: PayrollOption }` |