@gusto/embedded-react-sdk 0.48.2 → 0.49.0

package/dist/components/Employee/SelfOnboardingFlow/selfOnboardingMachine.js

@@ -6,36 +6,30 @@ const P = {
     n(
       m.EMPLOYEE_SELF_ONBOARDING_START,
       "employeeProfile",
-      E(
-        (e) => ({
-          ...e,
-          component: O
-        })
-      )
+      E((e) => ({
+        ...e,
+        component: O
+      }))
     )
   ),
   employeeProfile: o(
     n(
       m.EMPLOYEE_PROFILE_DONE,
       "employeeFederalTaxes",
-      E(
-        (e) => ({
-          ...e,
-          component: l
-        })
-      )
+      E((e) => ({
+        ...e,
+        component: l
+      }))
     )
   ),
   employeeFederalTaxes: o(
     n(
       m.EMPLOYEE_FEDERAL_TAXES_DONE,
       "employeeStateTaxes",
-      E(
-        (e) => ({
-          ...e,
-          component: r
-        })
-      )
+      E((e) => ({
+        ...e,
+        component: r
+      }))
     )
   ),
   employeeStateTaxes: o(

package/dist/components/Employee/SelfOnboardingFlow/selfOnboardingMachine.js.map

@@ -1 +1 @@
-{"version":3,"file":"selfOnboardingMachine.js","sources":["../../../../src/components/Employee/SelfOnboardingFlow/selfOnboardingMachine.ts"],"sourcesContent":["import { transition, reduce, state } from 'robot3'\nimport type { SelfOnboardingContextInterface } from './SelfOnboardingComponents'\nimport {\n  Profile,\n  FederalTaxes,\n  StateTaxes,\n  PaymentMethod,\n  OnboardingSummary,\n  DocumentSigner,\n} from './SelfOnboardingComponents'\nimport { componentEvents } from '@/shared/constants'\nimport type { MachineTransition } from '@/types/Helpers'\n\n/** @internal */\nexport const employeeSelfOnboardingMachine = {\n  index: state<MachineTransition>(\n    transition(\n      componentEvents.EMPLOYEE_SELF_ONBOARDING_START,\n      'employeeProfile',\n      reduce(\n        (ctx: SelfOnboardingContextInterface): SelfOnboardingContextInterface => ({\n          ...ctx,\n          component: Profile,\n        }),\n      ),\n    ),\n  ),\n  employeeProfile: state<MachineTransition>(\n    transition(\n      componentEvents.EMPLOYEE_PROFILE_DONE,\n      'employeeFederalTaxes',\n      reduce(\n        (ctx: SelfOnboardingContextInterface): SelfOnboardingContextInterface => ({\n          ...ctx,\n          component: FederalTaxes,\n        }),\n      ),\n    ),\n  ),\n  employeeFederalTaxes: state<MachineTransition>(\n    transition(\n      componentEvents.EMPLOYEE_FEDERAL_TAXES_DONE,\n      'employeeStateTaxes',\n      reduce(\n        (ctx: SelfOnboardingContextInterface): SelfOnboardingContextInterface => ({\n          ...ctx,\n          component: StateTaxes,\n        }),\n      ),\n    ),\n  ),\n  employeeStateTaxes: state<MachineTransition>(\n    transition(\n      componentEvents.EMPLOYEE_STATE_TAXES_DONE,\n      'employeePaymentMethod',\n      reduce((ctx: SelfOnboardingContextInterface) => ({\n        ...ctx,\n        component: PaymentMethod,\n      })),\n    ),\n  ),\n  employeePaymentMethod: state<MachineTransition>(\n    transition(\n      componentEvents.EMPLOYEE_PAYMENT_METHOD_DONE,\n      'employeeDocumentSigner',\n      reduce((ctx: SelfOnboardingContextInterface) => ({\n        ...ctx,\n        component: DocumentSigner,\n      })),\n    ),\n  ),\n  employeeDocumentSigner: state<MachineTransition>(\n    transition(\n      componentEvents.EMPLOYEE_FORMS_DONE,\n      'index',\n      reduce((ctx: SelfOnboardingContextInterface) => ({\n        ...ctx,\n        component: OnboardingSummary,\n      })),\n    ),\n  ),\n}\n"],"names":["employeeSelfOnboardingMachine","state","transition","componentEvents","reduce","ctx","Profile","FederalTaxes","StateTaxes","PaymentMethod","DocumentSigner","OnboardingSummary"],"mappings":";;;AAcO,MAAMA,IAAgC;AAAA,EAC3C,OAAOC;AAAA,IACLC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC;AAAA,QACE,CAACC,OAAyE;AAAA,UACxE,GAAGA;AAAA,UACH,WAAWC;AAAA,QAAA;AAAA,MACb;AAAA,IACF;AAAA,EACF;AAAA,EAEF,iBAAiBL;AAAA,IACfC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC;AAAA,QACE,CAACC,OAAyE;AAAA,UACxE,GAAGA;AAAA,UACH,WAAWE;AAAA,QAAA;AAAA,MACb;AAAA,IACF;AAAA,EACF;AAAA,EAEF,sBAAsBN;AAAA,IACpBC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC;AAAA,QACE,CAACC,OAAyE;AAAA,UACxE,GAAGA;AAAA,UACH,WAAWG;AAAA,QAAA;AAAA,MACb;AAAA,IACF;AAAA,EACF;AAAA,EAEF,oBAAoBP;AAAA,IAClBC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC,EAAO,CAACC,OAAyC;AAAA,QAC/C,GAAGA;AAAA,QACH,WAAWI;AAAA,MAAA,EACX;AAAA,IAAA;AAAA,EACJ;AAAA,EAEF,uBAAuBR;AAAA,IACrBC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC,EAAO,CAACC,OAAyC;AAAA,QAC/C,GAAGA;AAAA,QACH,WAAWK;AAAA,MAAA,EACX;AAAA,IAAA;AAAA,EACJ;AAAA,EAEF,wBAAwBT;AAAA,IACtBC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC,EAAO,CAACC,OAAyC;AAAA,QAC/C,GAAGA;AAAA,QACH,WAAWM;AAAA,MAAA,EACX;AAAA,IAAA;AAAA,EACJ;AAEJ;"}
+{"version":3,"file":"selfOnboardingMachine.js","sources":["../../../../src/components/Employee/SelfOnboardingFlow/selfOnboardingMachine.ts"],"sourcesContent":["import { transition, reduce, state } from 'robot3'\nimport type { SelfOnboardingContextInterface } from './SelfOnboardingComponents'\nimport {\n  Profile,\n  FederalTaxes,\n  StateTaxes,\n  PaymentMethod,\n  OnboardingSummary,\n  DocumentSigner,\n} from './SelfOnboardingComponents'\nimport { componentEvents } from '@/shared/constants'\nimport type { MachineTransition } from '@/types/Helpers'\n\n/** @internal */\nexport const employeeSelfOnboardingMachine = {\n  index: state<MachineTransition>(\n    transition(\n      componentEvents.EMPLOYEE_SELF_ONBOARDING_START,\n      'employeeProfile',\n      reduce((ctx: SelfOnboardingContextInterface): SelfOnboardingContextInterface => ({\n        ...ctx,\n        component: Profile,\n      })),\n    ),\n  ),\n  employeeProfile: state<MachineTransition>(\n    transition(\n      componentEvents.EMPLOYEE_PROFILE_DONE,\n      'employeeFederalTaxes',\n      reduce((ctx: SelfOnboardingContextInterface): SelfOnboardingContextInterface => ({\n        ...ctx,\n        component: FederalTaxes,\n      })),\n    ),\n  ),\n  employeeFederalTaxes: state<MachineTransition>(\n    transition(\n      componentEvents.EMPLOYEE_FEDERAL_TAXES_DONE,\n      'employeeStateTaxes',\n      reduce((ctx: SelfOnboardingContextInterface): SelfOnboardingContextInterface => ({\n        ...ctx,\n        component: StateTaxes,\n      })),\n    ),\n  ),\n  employeeStateTaxes: state<MachineTransition>(\n    transition(\n      componentEvents.EMPLOYEE_STATE_TAXES_DONE,\n      'employeePaymentMethod',\n      reduce((ctx: SelfOnboardingContextInterface) => ({\n        ...ctx,\n        component: PaymentMethod,\n      })),\n    ),\n  ),\n  employeePaymentMethod: state<MachineTransition>(\n    transition(\n      componentEvents.EMPLOYEE_PAYMENT_METHOD_DONE,\n      'employeeDocumentSigner',\n      reduce((ctx: SelfOnboardingContextInterface) => ({\n        ...ctx,\n        component: DocumentSigner,\n      })),\n    ),\n  ),\n  employeeDocumentSigner: state<MachineTransition>(\n    transition(\n      componentEvents.EMPLOYEE_FORMS_DONE,\n      'index',\n      reduce((ctx: SelfOnboardingContextInterface) => ({\n        ...ctx,\n        component: OnboardingSummary,\n      })),\n    ),\n  ),\n}\n"],"names":["employeeSelfOnboardingMachine","state","transition","componentEvents","reduce","ctx","Profile","FederalTaxes","StateTaxes","PaymentMethod","DocumentSigner","OnboardingSummary"],"mappings":";;;AAcO,MAAMA,IAAgC;AAAA,EAC3C,OAAOC;AAAA,IACLC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC,EAAO,CAACC,OAAyE;AAAA,QAC/E,GAAGA;AAAA,QACH,WAAWC;AAAA,MAAA,EACX;AAAA,IAAA;AAAA,EACJ;AAAA,EAEF,iBAAiBL;AAAA,IACfC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC,EAAO,CAACC,OAAyE;AAAA,QAC/E,GAAGA;AAAA,QACH,WAAWE;AAAA,MAAA,EACX;AAAA,IAAA;AAAA,EACJ;AAAA,EAEF,sBAAsBN;AAAA,IACpBC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC,EAAO,CAACC,OAAyE;AAAA,QAC/E,GAAGA;AAAA,QACH,WAAWG;AAAA,MAAA,EACX;AAAA,IAAA;AAAA,EACJ;AAAA,EAEF,oBAAoBP;AAAA,IAClBC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC,EAAO,CAACC,OAAyC;AAAA,QAC/C,GAAGA;AAAA,QACH,WAAWI;AAAA,MAAA,EACX;AAAA,IAAA;AAAA,EACJ;AAAA,EAEF,uBAAuBR;AAAA,IACrBC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC,EAAO,CAACC,OAAyC;AAAA,QAC/C,GAAGA;AAAA,QACH,WAAWK;AAAA,MAAA,EACX;AAAA,IAAA;AAAA,EACJ;AAAA,EAEF,wBAAwBT;AAAA,IACtBC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC,EAAO,CAACC,OAAyC;AAAA,QAC/C,GAAGA;AAAA,QACH,WAAWM;AAAA,MAAA,EACX;AAAA,IAAA;AAAA,EACJ;AAEJ;"}

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

@@ -1,16 +1,12 @@
-import { BaseComponentInterface, CommonComponentInterface } from '../../../Base';
-import { EventType } from '../../../../shared/constants';
-import { OnEventType } from '../../../Base/useBase';
+import { BaseComponentInterface } from '../../../Base';
 /**
  * Props for {@link StateTaxes}.
  *
  * @public
  */
-export interface StateTaxesProps extends CommonComponentInterface<'Employee.Management.StateTaxes'> {
+export interface StateTaxesProps extends BaseComponentInterface<'Employee.Management.StateTaxes'> {
     /** The associated employee identifier. */
     employeeId: string;
-    /** Event handler fired on flow state changes. */
-    onEvent: OnEventType<EventType, unknown>;
 }
 /**
  * Standalone state-tax management flow for a given employee. Renders the
@@ -18,8 +14,7 @@ export interface StateTaxesProps extends CommonComponentInterface<'Employee.Mana
  * partner-emitted events from {@link StateTaxesCard} and {@link StateTaxesEditForm}
  * drive the internal state machine.
  *
- * @remarks
- *
+ * @events
  * | Event | Description | Data |
  * | ----- | ----------- | ---- |
  * | `employee/management/stateTaxes/editRequested` | Edit button on the summary card was clicked | `{ employeeId: string }` |
@@ -29,4 +24,4 @@ export interface StateTaxesProps extends CommonComponentInterface<'Employee.Mana
  * @param props - The component props.
  * @public
  */
-export declare function StateTaxes({ dictionary, FallbackComponent, ...props }: StateTaxesProps & BaseComponentInterface<'Employee.Management.StateTaxes'>): import("react").JSX.Element;
+export declare function StateTaxes({ dictionary, FallbackComponent, ...props }: StateTaxesProps): import("react").JSX.Element;

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

@@ -19,11 +19,7 @@ function u({ employeeId: e, onEvent: t }) {
   );
   return /* @__PURE__ */ a(s, { machine: o, onEvent: t });
 }
-function E({
-  dictionary: e,
-  FallbackComponent: t,
-  ...o
-}) {
+function E({ dictionary: e, FallbackComponent: t, ...o }) {
   return f("Employee.Management.StateTaxes", e), /* @__PURE__ */ a(
     c,
     {

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

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

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

@@ -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":"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"}

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>;