@gusto/embedded-react-sdk 0.47.0 → 0.48.0

package/dist/components/Employee/Dashboard/JobAndPayView.js.map

@@ -1 +1 @@
-{"version":3,"file":"JobAndPayView.js","sources":["../../../../src/components/Employee/Dashboard/JobAndPayView.tsx"],"sourcesContent":["import { CompensationCard } from '@/components/Employee/Compensation/management/CompensationCard'\nimport { Flex } from '@/components/Common/Flex/Flex'\nimport { PaymentMethodCard } from '@/components/Employee/PaymentMethod/management'\nimport { DeductionsCard } from '@/components/Employee/Deductions/management/DeductionsCard'\nimport { PaystubsCard } from '@/components/Employee/Paystubs/management/PaystubsCard'\nimport { type EventType } from '@/shared/constants'\nimport type { OnEventType } from '@/components/Base/useBase'\n\nexport interface JobAndPayViewProps {\n  employeeId: string\n  onEvent: OnEventType<EventType, unknown>\n}\n\nexport function JobAndPayView({ employeeId, onEvent }: JobAndPayViewProps) {\n  return (\n    <Flex flexDirection=\"column\" gap={24}>\n      <CompensationCard employeeId={employeeId} onEvent={onEvent} />\n      <PaymentMethodCard employeeId={employeeId} onEvent={onEvent} />\n      <DeductionsCard employeeId={employeeId} onEvent={onEvent} />\n      <PaystubsCard employeeId={employeeId} onEvent={onEvent} />\n    </Flex>\n  )\n}\n"],"names":["JobAndPayView","employeeId","onEvent","jsxs","Flex","jsx","CompensationCard","PaymentMethodCard","DeductionsCard","PaystubsCard"],"mappings":";;;;;;AAaO,SAASA,EAAc,EAAE,YAAAC,GAAY,SAAAC,KAA+B;AACzE,SACE,gBAAAC,EAACC,GAAA,EAAK,eAAc,UAAS,KAAK,IAChC,UAAA;AAAA,IAAA,gBAAAC,EAACC,GAAA,EAAiB,YAAAL,GAAwB,SAAAC,EAAA,CAAkB;AAAA,IAC5D,gBAAAG,EAACE,GAAA,EAAkB,YAAAN,GAAwB,SAAAC,EAAA,CAAkB;AAAA,IAC7D,gBAAAG,EAACG,GAAA,EAAe,YAAAP,GAAwB,SAAAC,EAAA,CAAkB;AAAA,IAC1D,gBAAAG,EAACI,GAAA,EAAa,YAAAR,GAAwB,SAAAC,EAAA,CAAkB;AAAA,EAAA,GAC1D;AAEJ;"}
+{"version":3,"file":"JobAndPayView.js","sources":["../../../../src/components/Employee/Dashboard/JobAndPayView.tsx"],"sourcesContent":["import { CompensationCard } from '@/components/Employee/Compensation/management/CompensationCard'\nimport { Flex } from '@/components/Common/Flex/Flex'\nimport { PaymentMethodCard } from '@/components/Employee/PaymentMethod/management'\nimport { DeductionsCard } from '@/components/Employee/Deductions/management/DeductionsCard'\nimport { PaystubsCard } from '@/components/Employee/Paystubs/management/PaystubsCard'\nimport { type EventType } from '@/shared/constants'\nimport type { OnEventType } from '@/components/Base/useBase'\n\n/**\n * Props for {@link JobAndPayView}.\n *\n * @internal\n */\nexport interface JobAndPayViewProps {\n  /** The associated employee identifier. */\n  employeeId: string\n  /** Event handler invoked when the inner Compensation, Payment method, Deductions, and Paystubs cards emit events. */\n  onEvent: OnEventType<EventType, unknown>\n}\n\n/**\n * Layout container for the Job and pay tab of the employee dashboard.\n *\n * @remarks\n * Renders the Compensation, Payment method, Deductions, and Paystubs cards\n * stacked vertically. Each card is a self-fetching surface that owns its own\n * data fetch and event emission; this container only forwards `employeeId`\n * and `onEvent`.\n *\n * @param props - See {@link JobAndPayViewProps}.\n * @returns The stacked card layout for the Job and pay tab.\n * @internal\n */\nexport function JobAndPayView({ employeeId, onEvent }: JobAndPayViewProps) {\n  return (\n    <Flex flexDirection=\"column\" gap={24}>\n      <CompensationCard employeeId={employeeId} onEvent={onEvent} />\n      <PaymentMethodCard employeeId={employeeId} onEvent={onEvent} />\n      <DeductionsCard employeeId={employeeId} onEvent={onEvent} />\n      <PaystubsCard employeeId={employeeId} onEvent={onEvent} />\n    </Flex>\n  )\n}\n"],"names":["JobAndPayView","employeeId","onEvent","jsxs","Flex","jsx","CompensationCard","PaymentMethodCard","DeductionsCard","PaystubsCard"],"mappings":";;;;;;AAiCO,SAASA,EAAc,EAAE,YAAAC,GAAY,SAAAC,KAA+B;AACzE,SACE,gBAAAC,EAACC,GAAA,EAAK,eAAc,UAAS,KAAK,IAChC,UAAA;AAAA,IAAA,gBAAAC,EAACC,GAAA,EAAiB,YAAAL,GAAwB,SAAAC,EAAA,CAAkB;AAAA,IAC5D,gBAAAG,EAACE,GAAA,EAAkB,YAAAN,GAAwB,SAAAC,EAAA,CAAkB;AAAA,IAC7D,gBAAAG,EAACG,GAAA,EAAe,YAAAP,GAAwB,SAAAC,EAAA,CAAkB;AAAA,IAC1D,gBAAAG,EAACI,GAAA,EAAa,YAAAR,GAAwB,SAAAC,EAAA,CAAkB;AAAA,EAAA,GAC1D;AAEJ;"}

package/dist/components/Employee/Dashboard/TaxesView.d.ts

@@ -1,14 +1,47 @@
 import { OnEventType } from '../../Base/useBase';
 import { EventType } from '../../../shared/constants';
+/**
+ * Props for {@link TaxesView} and {@link TaxesViewWithData}.
+ *
+ * @internal
+ */
 export interface TaxesViewProps {
+    /** The associated employee identifier. */
     employeeId: string;
+    /** Event handler invoked when the inner Federal taxes and State taxes cards emit events. */
     onEvent: OnEventType<EventType, unknown>;
 }
+/**
+ * Props for {@link TaxesViewWithData}. Alias of {@link TaxesViewProps}.
+ *
+ * @internal
+ */
 export type TaxesViewWithDataProps = TaxesViewProps;
 /**
- * Tab-mounted container for the Taxes tab. Both the Federal taxes and State
- * taxes surfaces are now standalone, self-fetching cards rendered as siblings;
- * this view owns no data fetching or edit-screen orchestration of its own.
+ * Layout container for the Taxes tab of the employee dashboard.
+ *
+ * @remarks
+ * Identical to {@link TaxesView} — kept as a separate export for naming
+ * symmetry with other dashboard tab containers that historically owned
+ * their own data fetching. Both the Federal taxes and State taxes surfaces
+ * are now standalone, self-fetching cards rendered as siblings, so this
+ * view owns no data fetching or edit-screen orchestration of its own.
+ *
+ * @param props - See {@link TaxesViewWithDataProps}.
+ * @returns The stacked card layout for the Taxes tab.
+ * @internal
  */
 export declare function TaxesViewWithData(props: TaxesViewWithDataProps): import("react").JSX.Element;
+/**
+ * Layout container for the Taxes tab of the employee dashboard.
+ *
+ * @remarks
+ * Renders the Federal taxes and State taxes cards stacked vertically. Each
+ * card is a self-fetching surface that owns its own data fetch and event
+ * emission; this container only forwards `employeeId` and `onEvent`.
+ *
+ * @param props - See {@link TaxesViewProps}.
+ * @returns The stacked card layout for the Taxes tab.
+ * @internal
+ */
 export declare function TaxesView({ employeeId, onEvent }: TaxesViewProps): import("react").JSX.Element;

package/dist/components/Employee/Dashboard/TaxesView.js.map

@@ -1 +1 @@
-{"version":3,"file":"TaxesView.js","sources":["../../../../src/components/Employee/Dashboard/TaxesView.tsx"],"sourcesContent":["import { Flex } from '@/components/Common/Flex/Flex'\nimport { FederalTaxesCard } from '@/components/Employee/FederalTaxes/management/FederalTaxesCard'\nimport { StateTaxesCard } from '@/components/Employee/StateTaxes/management/StateTaxesCard'\nimport type { OnEventType } from '@/components/Base/useBase'\nimport type { EventType } from '@/shared/constants'\n\nexport interface TaxesViewProps {\n  employeeId: string\n  onEvent: OnEventType<EventType, unknown>\n}\n\nexport type TaxesViewWithDataProps = TaxesViewProps\n\n/**\n * Tab-mounted container for the Taxes tab. Both the Federal taxes and State\n * taxes surfaces are now standalone, self-fetching cards rendered as siblings;\n * this view owns no data fetching or edit-screen orchestration of its own.\n */\nexport function TaxesViewWithData(props: TaxesViewWithDataProps) {\n  return <TaxesView {...props} />\n}\n\nexport function TaxesView({ employeeId, onEvent }: TaxesViewProps) {\n  return (\n    <Flex flexDirection=\"column\" gap={24}>\n      <FederalTaxesCard employeeId={employeeId} onEvent={onEvent} />\n      <StateTaxesCard employeeId={employeeId} onEvent={onEvent} />\n    </Flex>\n  )\n}\n"],"names":["TaxesViewWithData","props","jsx","TaxesView","employeeId","onEvent","jsxs","Flex","FederalTaxesCard","StateTaxesCard"],"mappings":";;;;AAkBO,SAASA,EAAkBC,GAA+B;AAC/D,SAAO,gBAAAC,EAACC,GAAA,EAAW,GAAGF,EAAA,CAAO;AAC/B;AAEO,SAASE,EAAU,EAAE,YAAAC,GAAY,SAAAC,KAA2B;AACjE,SACE,gBAAAC,EAACC,GAAA,EAAK,eAAc,UAAS,KAAK,IAChC,UAAA;AAAA,IAAA,gBAAAL,EAACM,GAAA,EAAiB,YAAAJ,GAAwB,SAAAC,EAAA,CAAkB;AAAA,IAC5D,gBAAAH,EAACO,GAAA,EAAe,YAAAL,GAAwB,SAAAC,EAAA,CAAkB;AAAA,EAAA,GAC5D;AAEJ;"}
+{"version":3,"file":"TaxesView.js","sources":["../../../../src/components/Employee/Dashboard/TaxesView.tsx"],"sourcesContent":["import { Flex } from '@/components/Common/Flex/Flex'\nimport { FederalTaxesCard } from '@/components/Employee/FederalTaxes/management/FederalTaxesCard'\nimport { StateTaxesCard } from '@/components/Employee/StateTaxes/management/StateTaxesCard'\nimport type { OnEventType } from '@/components/Base/useBase'\nimport type { EventType } from '@/shared/constants'\n\n/**\n * Props for {@link TaxesView} and {@link TaxesViewWithData}.\n *\n * @internal\n */\nexport interface TaxesViewProps {\n  /** The associated employee identifier. */\n  employeeId: string\n  /** Event handler invoked when the inner Federal taxes and State taxes cards emit events. */\n  onEvent: OnEventType<EventType, unknown>\n}\n\n/**\n * Props for {@link TaxesViewWithData}. Alias of {@link TaxesViewProps}.\n *\n * @internal\n */\nexport type TaxesViewWithDataProps = TaxesViewProps\n\n/**\n * Layout container for the Taxes tab of the employee dashboard.\n *\n * @remarks\n * Identical to {@link TaxesView} — kept as a separate export for naming\n * symmetry with other dashboard tab containers that historically owned\n * their own data fetching. Both the Federal taxes and State taxes surfaces\n * are now standalone, self-fetching cards rendered as siblings, so this\n * view owns no data fetching or edit-screen orchestration of its own.\n *\n * @param props - See {@link TaxesViewWithDataProps}.\n * @returns The stacked card layout for the Taxes tab.\n * @internal\n */\nexport function TaxesViewWithData(props: TaxesViewWithDataProps) {\n  return <TaxesView {...props} />\n}\n\n/**\n * Layout container for the Taxes tab of the employee dashboard.\n *\n * @remarks\n * Renders the Federal taxes and State taxes cards stacked vertically. Each\n * card is a self-fetching surface that owns its own data fetch and event\n * emission; this container only forwards `employeeId` and `onEvent`.\n *\n * @param props - See {@link TaxesViewProps}.\n * @returns The stacked card layout for the Taxes tab.\n * @internal\n */\nexport function TaxesView({ employeeId, onEvent }: TaxesViewProps) {\n  return (\n    <Flex flexDirection=\"column\" gap={24}>\n      <FederalTaxesCard employeeId={employeeId} onEvent={onEvent} />\n      <StateTaxesCard employeeId={employeeId} onEvent={onEvent} />\n    </Flex>\n  )\n}\n"],"names":["TaxesViewWithData","props","jsx","TaxesView","employeeId","onEvent","jsxs","Flex","FederalTaxesCard","StateTaxesCard"],"mappings":";;;;AAuCO,SAASA,EAAkBC,GAA+B;AAC/D,SAAO,gBAAAC,EAACC,GAAA,EAAW,GAAGF,EAAA,CAAO;AAC/B;AAcO,SAASE,EAAU,EAAE,YAAAC,GAAY,SAAAC,KAA2B;AACjE,SACE,gBAAAC,EAACC,GAAA,EAAK,eAAc,UAAS,KAAK,IAChC,UAAA;AAAA,IAAA,gBAAAL,EAACM,GAAA,EAAiB,YAAAJ,GAAwB,SAAAC,EAAA,CAAkB;AAAA,IAC5D,gBAAAH,EAACO,GAAA,EAAe,YAAAL,GAAwB,SAAAC,EAAA,CAAkB;AAAA,EAAA,GAC5D;AAEJ;"}

package/dist/components/Employee/Dashboard/dashboardStateMachine.d.ts

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

package/dist/components/Employee/Dashboard/dashboardStateMachine.js.map

@@ -1 +1 @@
-{"version":3,"file":"dashboardStateMachine.js","sources":["../../../../src/components/Employee/Dashboard/dashboardStateMachine.ts"],"sourcesContent":["import { transition, reduce, state } from 'robot3'\nimport type { Garnishment } from '@gusto/embedded-api-v-2025-11-15/models/components/garnishment'\nimport type { DashboardTab } from './Dashboard'\nimport {\n  DashboardViewContextual,\n  HomeAddressContextual,\n  WorkAddressContextual,\n  FederalTaxesContextual,\n  StateTaxesContextual,\n  ProfileContextual,\n  PaymentBankFormContextual,\n  PaymentSplitViewContextual,\n  DocumentManagerContextual,\n  DeductionsEditFormContextual,\n  AddJobContextual,\n  EditCompensationContextual,\n  AddAnotherJobContextual,\n  type DashboardContextInterface,\n} from './DashboardComponents'\nimport { componentEvents } from '@/shared/constants'\nimport type { MachineEventType, MachineTransition } from '@/types/Helpers'\n\ntype EventPayloads = {\n  [componentEvents.EMPLOYEE_MANAGEMENT_DOCUMENTS_CARD_VIEW_REQUESTED]: {\n    employeeId: string\n    formId: string\n  }\n  [componentEvents.EMPLOYEE_MANAGEMENT_DEDUCTIONS_CARD_EDIT_REQUESTED]: Garnishment\n  [componentEvents.EMPLOYEE_MANAGEMENT_COMPENSATION_CARD_EDIT_REQUESTED]: {\n    employeeId: string\n    jobId: string\n  }\n  [componentEvents.EMPLOYEE_DASHBOARD_TAB_CHANGE]: { tab: DashboardTab }\n}\n\nconst returnToIndex = reduce(\n  (ctx: DashboardContextInterface): DashboardContextInterface => ({\n    ...ctx,\n    component: DashboardViewContextual,\n    header: null,\n    currentJobId: null,\n    successAlert: null,\n  }),\n)\n\nconst returnToIndexWithAlert = (alert: DashboardContextInterface['successAlert']) =>\n  reduce(\n    (ctx: DashboardContextInterface): DashboardContextInterface => ({\n      ...ctx,\n      component: DashboardViewContextual,\n      header: null,\n      currentJobId: null,\n      successAlert: alert,\n    }),\n  )\n\nexport const dashboardStateMachine = {\n  index: state<MachineTransition>(\n    transition(\n      componentEvents.EMPLOYEE_MANAGEMENT_PROFILE_EDIT_REQUESTED,\n      'profile',\n      reduce(\n        (ctx: DashboardContextInterface): DashboardContextInterface => ({\n          ...ctx,\n          component: ProfileContextual,\n          successAlert: null,\n        }),\n      ),\n    ),\n    transition(\n      componentEvents.EMPLOYEE_MANAGEMENT_HOME_ADDRESS_EDIT_REQUESTED,\n      'homeAddress',\n      reduce(\n        (ctx: DashboardContextInterface): DashboardContextInterface => ({\n          ...ctx,\n          component: HomeAddressContextual,\n          successAlert: null,\n        }),\n      ),\n    ),\n    transition(\n      componentEvents.EMPLOYEE_MANAGEMENT_WORK_ADDRESS_EDIT_REQUESTED,\n      'workAddress',\n      reduce(\n        (ctx: DashboardContextInterface): DashboardContextInterface => ({\n          ...ctx,\n          component: WorkAddressContextual,\n          successAlert: null,\n        }),\n      ),\n    ),\n    transition(\n      componentEvents.EMPLOYEE_MANAGEMENT_FEDERAL_TAXES_CARD_EDIT_REQUESTED,\n      'federalTaxes',\n      reduce(\n        (ctx: DashboardContextInterface): DashboardContextInterface => ({\n          ...ctx,\n          component: FederalTaxesContextual,\n          successAlert: null,\n        }),\n      ),\n    ),\n    transition(\n      componentEvents.EMPLOYEE_MANAGEMENT_STATE_TAXES_EDIT_REQUESTED,\n      'stateTaxes',\n      reduce(\n        (ctx: DashboardContextInterface): DashboardContextInterface => ({\n          ...ctx,\n          component: StateTaxesContextual,\n          successAlert: null,\n        }),\n      ),\n    ),\n    transition(\n      componentEvents.EMPLOYEE_MANAGEMENT_PAYMENT_METHOD_CARD_ADD_REQUESTED,\n      'paymentBankForm',\n      reduce(\n        (ctx: DashboardContextInterface): DashboardContextInterface => ({\n          ...ctx,\n          component: PaymentBankFormContextual,\n          successAlert: null,\n        }),\n      ),\n    ),\n    transition(\n      componentEvents.EMPLOYEE_MANAGEMENT_PAYMENT_METHOD_CARD_SPLIT_REQUESTED,\n      'paymentSplitView',\n      reduce(\n        (ctx: DashboardContextInterface): DashboardContextInterface => ({\n          ...ctx,\n          component: PaymentSplitViewContextual,\n          successAlert: null,\n        }),\n      ),\n    ),\n    transition(\n      componentEvents.EMPLOYEE_MANAGEMENT_DOCUMENTS_CARD_VIEW_REQUESTED,\n      'documentManager',\n      reduce(\n        (\n          ctx: DashboardContextInterface,\n          ev: MachineEventType<\n            EventPayloads,\n            typeof componentEvents.EMPLOYEE_MANAGEMENT_DOCUMENTS_CARD_VIEW_REQUESTED\n          >,\n        ): DashboardContextInterface => ({\n          ...ctx,\n          component: DocumentManagerContextual,\n          formId: ev.payload.formId,\n          successAlert: null,\n        }),\n      ),\n    ),\n    transition(\n      componentEvents.EMPLOYEE_MANAGEMENT_COMPENSATION_CARD_ADD_REQUESTED,\n      'addJob',\n      reduce(\n        (ctx: DashboardContextInterface): DashboardContextInterface => ({\n          ...ctx,\n          component: AddJobContextual,\n          currentJobId: null,\n          successAlert: null,\n        }),\n      ),\n    ),\n    transition(\n      componentEvents.EMPLOYEE_MANAGEMENT_COMPENSATION_CARD_EDIT_REQUESTED,\n      'editCompensation',\n      reduce(\n        (\n          ctx: DashboardContextInterface,\n          ev: MachineEventType<\n            EventPayloads,\n            typeof componentEvents.EMPLOYEE_MANAGEMENT_COMPENSATION_CARD_EDIT_REQUESTED\n          >,\n        ): DashboardContextInterface => ({\n          ...ctx,\n          component: EditCompensationContextual,\n          currentJobId: ev.payload.jobId,\n          successAlert: null,\n        }),\n      ),\n    ),\n    transition(\n      componentEvents.EMPLOYEE_MANAGEMENT_COMPENSATION_CARD_ADD_ANOTHER_REQUESTED,\n      'addAnotherJob',\n      reduce(\n        (ctx: DashboardContextInterface): DashboardContextInterface => ({\n          ...ctx,\n          component: AddAnotherJobContextual,\n          currentJobId: null,\n          successAlert: null,\n        }),\n      ),\n    ),\n    transition(\n      componentEvents.EMPLOYEE_MANAGEMENT_PAYMENT_METHOD_CARD_BANK_ACCOUNT_DELETED,\n      'index',\n      reduce(\n        (ctx: DashboardContextInterface): DashboardContextInterface => ({\n          ...ctx,\n          successAlert: 'bankAccountDeleted',\n        }),\n      ),\n    ),\n    transition(\n      componentEvents.EMPLOYEE_MANAGEMENT_DEDUCTIONS_CARD_ADD_REQUESTED,\n      'editDeduction',\n      reduce(\n        (ctx: DashboardContextInterface): DashboardContextInterface => ({\n          ...ctx,\n          component: DeductionsEditFormContextual,\n          successAlert: null,\n          editingDeductionId: undefined,\n        }),\n      ),\n    ),\n    transition(\n      componentEvents.EMPLOYEE_MANAGEMENT_DEDUCTIONS_CARD_EDIT_REQUESTED,\n      'editDeduction',\n      reduce(\n        (\n          ctx: DashboardContextInterface,\n          ev: MachineEventType<\n            EventPayloads,\n            typeof componentEvents.EMPLOYEE_MANAGEMENT_DEDUCTIONS_CARD_EDIT_REQUESTED\n          >,\n        ): DashboardContextInterface => ({\n          ...ctx,\n          component: DeductionsEditFormContextual,\n          successAlert: null,\n          editingDeductionId: ev.payload.uuid,\n        }),\n      ),\n    ),\n    transition(\n      componentEvents.EMPLOYEE_MANAGEMENT_DEDUCTIONS_CARD_DELETED,\n      'index',\n      reduce(\n        (ctx: DashboardContextInterface): DashboardContextInterface => ({\n          ...ctx,\n          successAlert: 'deductionDeleted',\n        }),\n      ),\n    ),\n    transition(\n      componentEvents.EMPLOYEE_DISMISS,\n      'index',\n      reduce(\n        (ctx: DashboardContextInterface): DashboardContextInterface => ({\n          ...ctx,\n          successAlert: null,\n        }),\n      ),\n    ),\n    transition(\n      componentEvents.EMPLOYEE_DASHBOARD_TAB_CHANGE,\n      'index',\n      reduce(\n        (\n          ctx: DashboardContextInterface,\n          ev: MachineEventType<EventPayloads, typeof componentEvents.EMPLOYEE_DASHBOARD_TAB_CHANGE>,\n        ): DashboardContextInterface => ({\n          ...ctx,\n          selectedTab: ev.payload.tab,\n        }),\n      ),\n    ),\n  ),\n  homeAddress: state<MachineTransition>(\n    transition(\n      componentEvents.EMPLOYEE_MANAGEMENT_HOME_ADDRESS_EDIT_CANCELLED,\n      'index',\n      returnToIndex,\n    ),\n  ),\n  workAddress: state<MachineTransition>(\n    transition(\n      componentEvents.EMPLOYEE_MANAGEMENT_WORK_ADDRESS_EDIT_CANCELLED,\n      'index',\n      returnToIndex,\n    ),\n  ),\n  federalTaxes: state<MachineTransition>(\n    transition(\n      componentEvents.EMPLOYEE_MANAGEMENT_FEDERAL_TAXES_EDIT_FORM_CANCELLED,\n      'index',\n      returnToIndex,\n    ),\n    transition(\n      componentEvents.EMPLOYEE_MANAGEMENT_FEDERAL_TAXES_EDIT_FORM_SUBMITTED,\n      'index',\n      returnToIndexWithAlert('federalTaxesUpdated'),\n    ),\n  ),\n  stateTaxes: state<MachineTransition>(\n    transition(\n      componentEvents.EMPLOYEE_MANAGEMENT_STATE_TAXES_UPDATED,\n      'index',\n      returnToIndexWithAlert('stateTaxesUpdated'),\n    ),\n    transition(\n      componentEvents.EMPLOYEE_MANAGEMENT_STATE_TAXES_EDIT_CANCELLED,\n      'index',\n      returnToIndex,\n    ),\n  ),\n  profile: state<MachineTransition>(\n    transition(componentEvents.EMPLOYEE_MANAGEMENT_PROFILE_EDIT_CANCELLED, 'index', returnToIndex),\n    transition(\n      componentEvents.EMPLOYEE_MANAGEMENT_PROFILE_UPDATED,\n      'index',\n      returnToIndexWithAlert('profileUpdated'),\n    ),\n  ),\n  paymentBankForm: state<MachineTransition>(\n    transition(\n      componentEvents.EMPLOYEE_MANAGEMENT_PAYMENT_METHOD_BANK_FORM_SUBMITTED,\n      'index',\n      returnToIndexWithAlert('bankAccountAdded'),\n    ),\n    transition(\n      componentEvents.EMPLOYEE_MANAGEMENT_PAYMENT_METHOD_BANK_FORM_CANCELLED,\n      'index',\n      returnToIndex,\n    ),\n  ),\n  paymentSplitView: state<MachineTransition>(\n    transition(\n      componentEvents.EMPLOYEE_MANAGEMENT_PAYMENT_METHOD_SPLIT_FORM_SUBMITTED,\n      'index',\n      returnToIndexWithAlert('splitUpdated'),\n    ),\n    transition(\n      componentEvents.EMPLOYEE_MANAGEMENT_PAYMENT_METHOD_SPLIT_FORM_CANCELLED,\n      'index',\n      returnToIndex,\n    ),\n  ),\n  documentManager: state<MachineTransition>(\n    // Admin-facing dashboard: documents are read-only here, so the viewer only\n    // returns to the dashboard on Back. Signing happens in the employee\n    // onboarding DocumentSigner flow, not from this surface.\n    transition(componentEvents.CANCEL, 'index', returnToIndex),\n  ),\n  editDeduction: state<MachineTransition>(\n    transition(\n      componentEvents.EMPLOYEE_MANAGEMENT_DEDUCTIONS_EDIT_FORM_CREATED,\n      'index',\n      returnToIndexWithAlert('deductionAdded'),\n    ),\n    transition(\n      componentEvents.EMPLOYEE_MANAGEMENT_DEDUCTIONS_EDIT_FORM_UPDATED,\n      'index',\n      returnToIndexWithAlert('deductionUpdated'),\n    ),\n    transition(\n      componentEvents.EMPLOYEE_MANAGEMENT_DEDUCTIONS_EDIT_FORM_CANCELLED,\n      'index',\n      returnToIndex,\n    ),\n  ),\n  addJob: state<MachineTransition>(\n    transition(\n      componentEvents.EMPLOYEE_MANAGEMENT_COMPENSATION_ADD_JOB_FORM_SUBMITTED,\n      'index',\n      returnToIndexWithAlert('jobAdded'),\n    ),\n    transition(\n      componentEvents.EMPLOYEE_MANAGEMENT_COMPENSATION_ADD_JOB_FORM_CANCELLED,\n      'index',\n      returnToIndex,\n    ),\n  ),\n  editCompensation: state<MachineTransition>(\n    transition(\n      componentEvents.EMPLOYEE_MANAGEMENT_COMPENSATION_EDIT_FORM_SUBMITTED,\n      'index',\n      returnToIndex,\n    ),\n    transition(\n      componentEvents.EMPLOYEE_MANAGEMENT_COMPENSATION_EDIT_FORM_CANCELLED,\n      'index',\n      returnToIndex,\n    ),\n  ),\n  addAnotherJob: state<MachineTransition>(\n    transition(\n      componentEvents.EMPLOYEE_MANAGEMENT_COMPENSATION_ADD_ANOTHER_JOB_FORM_SUBMITTED,\n      'index',\n      returnToIndexWithAlert('jobAdded'),\n    ),\n    transition(\n      componentEvents.EMPLOYEE_MANAGEMENT_COMPENSATION_ADD_ANOTHER_JOB_FORM_CANCELLED,\n      'index',\n      returnToIndex,\n    ),\n  ),\n}\n"],"names":["returnToIndex","reduce","ctx","DashboardViewContextual","returnToIndexWithAlert","alert","dashboardStateMachine","state","transition","componentEvents","ProfileContextual","HomeAddressContextual","WorkAddressContextual","FederalTaxesContextual","StateTaxesContextual","PaymentBankFormContextual","PaymentSplitViewContextual","ev","DocumentManagerContextual","AddJobContextual","EditCompensationContextual","AddAnotherJobContextual","DeductionsEditFormContextual"],"mappings":"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"}
+{"version":3,"file":"dashboardStateMachine.js","sources":["../../../../src/components/Employee/Dashboard/dashboardStateMachine.ts"],"sourcesContent":["import { transition, reduce, state } from 'robot3'\nimport type { Garnishment } from '@gusto/embedded-api-v-2025-11-15/models/components/garnishment'\nimport type { DashboardTab } from './Dashboard'\nimport {\n  DashboardViewContextual,\n  HomeAddressContextual,\n  WorkAddressContextual,\n  FederalTaxesContextual,\n  StateTaxesContextual,\n  ProfileContextual,\n  PaymentBankFormContextual,\n  PaymentSplitViewContextual,\n  DocumentManagerContextual,\n  DeductionsEditFormContextual,\n  AddJobContextual,\n  EditCompensationContextual,\n  AddAnotherJobContextual,\n  type DashboardContextInterface,\n} from './DashboardComponents'\nimport { componentEvents } from '@/shared/constants'\nimport type { MachineEventType, MachineTransition } from '@/types/Helpers'\n\ntype EventPayloads = {\n  [componentEvents.EMPLOYEE_MANAGEMENT_DOCUMENTS_CARD_VIEW_REQUESTED]: {\n    employeeId: string\n    formId: string\n  }\n  [componentEvents.EMPLOYEE_MANAGEMENT_DEDUCTIONS_CARD_EDIT_REQUESTED]: Garnishment\n  [componentEvents.EMPLOYEE_MANAGEMENT_COMPENSATION_CARD_EDIT_REQUESTED]: {\n    employeeId: string\n    jobId: string\n  }\n  [componentEvents.EMPLOYEE_DASHBOARD_TAB_CHANGE]: { tab: DashboardTab }\n}\n\nconst returnToIndex = reduce(\n  (ctx: DashboardContextInterface): DashboardContextInterface => ({\n    ...ctx,\n    component: DashboardViewContextual,\n    header: null,\n    currentJobId: null,\n    successAlert: null,\n  }),\n)\n\nconst returnToIndexWithAlert = (alert: DashboardContextInterface['successAlert']) =>\n  reduce(\n    (ctx: DashboardContextInterface): DashboardContextInterface => ({\n      ...ctx,\n      component: DashboardViewContextual,\n      header: null,\n      currentJobId: null,\n      successAlert: alert,\n    }),\n  )\n\n/** @internal */\nexport const dashboardStateMachine = {\n  index: state<MachineTransition>(\n    transition(\n      componentEvents.EMPLOYEE_MANAGEMENT_PROFILE_EDIT_REQUESTED,\n      'profile',\n      reduce(\n        (ctx: DashboardContextInterface): DashboardContextInterface => ({\n          ...ctx,\n          component: ProfileContextual,\n          successAlert: null,\n        }),\n      ),\n    ),\n    transition(\n      componentEvents.EMPLOYEE_MANAGEMENT_HOME_ADDRESS_EDIT_REQUESTED,\n      'homeAddress',\n      reduce(\n        (ctx: DashboardContextInterface): DashboardContextInterface => ({\n          ...ctx,\n          component: HomeAddressContextual,\n          successAlert: null,\n        }),\n      ),\n    ),\n    transition(\n      componentEvents.EMPLOYEE_MANAGEMENT_WORK_ADDRESS_EDIT_REQUESTED,\n      'workAddress',\n      reduce(\n        (ctx: DashboardContextInterface): DashboardContextInterface => ({\n          ...ctx,\n          component: WorkAddressContextual,\n          successAlert: null,\n        }),\n      ),\n    ),\n    transition(\n      componentEvents.EMPLOYEE_MANAGEMENT_FEDERAL_TAXES_CARD_EDIT_REQUESTED,\n      'federalTaxes',\n      reduce(\n        (ctx: DashboardContextInterface): DashboardContextInterface => ({\n          ...ctx,\n          component: FederalTaxesContextual,\n          successAlert: null,\n        }),\n      ),\n    ),\n    transition(\n      componentEvents.EMPLOYEE_MANAGEMENT_STATE_TAXES_EDIT_REQUESTED,\n      'stateTaxes',\n      reduce(\n        (ctx: DashboardContextInterface): DashboardContextInterface => ({\n          ...ctx,\n          component: StateTaxesContextual,\n          successAlert: null,\n        }),\n      ),\n    ),\n    transition(\n      componentEvents.EMPLOYEE_MANAGEMENT_PAYMENT_METHOD_CARD_ADD_REQUESTED,\n      'paymentBankForm',\n      reduce(\n        (ctx: DashboardContextInterface): DashboardContextInterface => ({\n          ...ctx,\n          component: PaymentBankFormContextual,\n          successAlert: null,\n        }),\n      ),\n    ),\n    transition(\n      componentEvents.EMPLOYEE_MANAGEMENT_PAYMENT_METHOD_CARD_SPLIT_REQUESTED,\n      'paymentSplitView',\n      reduce(\n        (ctx: DashboardContextInterface): DashboardContextInterface => ({\n          ...ctx,\n          component: PaymentSplitViewContextual,\n          successAlert: null,\n        }),\n      ),\n    ),\n    transition(\n      componentEvents.EMPLOYEE_MANAGEMENT_DOCUMENTS_CARD_VIEW_REQUESTED,\n      'documentManager',\n      reduce(\n        (\n          ctx: DashboardContextInterface,\n          ev: MachineEventType<\n            EventPayloads,\n            typeof componentEvents.EMPLOYEE_MANAGEMENT_DOCUMENTS_CARD_VIEW_REQUESTED\n          >,\n        ): DashboardContextInterface => ({\n          ...ctx,\n          component: DocumentManagerContextual,\n          formId: ev.payload.formId,\n          successAlert: null,\n        }),\n      ),\n    ),\n    transition(\n      componentEvents.EMPLOYEE_MANAGEMENT_COMPENSATION_CARD_ADD_REQUESTED,\n      'addJob',\n      reduce(\n        (ctx: DashboardContextInterface): DashboardContextInterface => ({\n          ...ctx,\n          component: AddJobContextual,\n          currentJobId: null,\n          successAlert: null,\n        }),\n      ),\n    ),\n    transition(\n      componentEvents.EMPLOYEE_MANAGEMENT_COMPENSATION_CARD_EDIT_REQUESTED,\n      'editCompensation',\n      reduce(\n        (\n          ctx: DashboardContextInterface,\n          ev: MachineEventType<\n            EventPayloads,\n            typeof componentEvents.EMPLOYEE_MANAGEMENT_COMPENSATION_CARD_EDIT_REQUESTED\n          >,\n        ): DashboardContextInterface => ({\n          ...ctx,\n          component: EditCompensationContextual,\n          currentJobId: ev.payload.jobId,\n          successAlert: null,\n        }),\n      ),\n    ),\n    transition(\n      componentEvents.EMPLOYEE_MANAGEMENT_COMPENSATION_CARD_ADD_ANOTHER_REQUESTED,\n      'addAnotherJob',\n      reduce(\n        (ctx: DashboardContextInterface): DashboardContextInterface => ({\n          ...ctx,\n          component: AddAnotherJobContextual,\n          currentJobId: null,\n          successAlert: null,\n        }),\n      ),\n    ),\n    transition(\n      componentEvents.EMPLOYEE_MANAGEMENT_PAYMENT_METHOD_CARD_BANK_ACCOUNT_DELETED,\n      'index',\n      reduce(\n        (ctx: DashboardContextInterface): DashboardContextInterface => ({\n          ...ctx,\n          successAlert: 'bankAccountDeleted',\n        }),\n      ),\n    ),\n    transition(\n      componentEvents.EMPLOYEE_MANAGEMENT_DEDUCTIONS_CARD_ADD_REQUESTED,\n      'editDeduction',\n      reduce(\n        (ctx: DashboardContextInterface): DashboardContextInterface => ({\n          ...ctx,\n          component: DeductionsEditFormContextual,\n          successAlert: null,\n          editingDeductionId: undefined,\n        }),\n      ),\n    ),\n    transition(\n      componentEvents.EMPLOYEE_MANAGEMENT_DEDUCTIONS_CARD_EDIT_REQUESTED,\n      'editDeduction',\n      reduce(\n        (\n          ctx: DashboardContextInterface,\n          ev: MachineEventType<\n            EventPayloads,\n            typeof componentEvents.EMPLOYEE_MANAGEMENT_DEDUCTIONS_CARD_EDIT_REQUESTED\n          >,\n        ): DashboardContextInterface => ({\n          ...ctx,\n          component: DeductionsEditFormContextual,\n          successAlert: null,\n          editingDeductionId: ev.payload.uuid,\n        }),\n      ),\n    ),\n    transition(\n      componentEvents.EMPLOYEE_MANAGEMENT_DEDUCTIONS_CARD_DELETED,\n      'index',\n      reduce(\n        (ctx: DashboardContextInterface): DashboardContextInterface => ({\n          ...ctx,\n          successAlert: 'deductionDeleted',\n        }),\n      ),\n    ),\n    transition(\n      componentEvents.EMPLOYEE_DISMISS,\n      'index',\n      reduce(\n        (ctx: DashboardContextInterface): DashboardContextInterface => ({\n          ...ctx,\n          successAlert: null,\n        }),\n      ),\n    ),\n    transition(\n      componentEvents.EMPLOYEE_DASHBOARD_TAB_CHANGE,\n      'index',\n      reduce(\n        (\n          ctx: DashboardContextInterface,\n          ev: MachineEventType<EventPayloads, typeof componentEvents.EMPLOYEE_DASHBOARD_TAB_CHANGE>,\n        ): DashboardContextInterface => ({\n          ...ctx,\n          selectedTab: ev.payload.tab,\n        }),\n      ),\n    ),\n  ),\n  homeAddress: state<MachineTransition>(\n    transition(\n      componentEvents.EMPLOYEE_MANAGEMENT_HOME_ADDRESS_EDIT_CANCELLED,\n      'index',\n      returnToIndex,\n    ),\n  ),\n  workAddress: state<MachineTransition>(\n    transition(\n      componentEvents.EMPLOYEE_MANAGEMENT_WORK_ADDRESS_EDIT_CANCELLED,\n      'index',\n      returnToIndex,\n    ),\n  ),\n  federalTaxes: state<MachineTransition>(\n    transition(\n      componentEvents.EMPLOYEE_MANAGEMENT_FEDERAL_TAXES_EDIT_FORM_CANCELLED,\n      'index',\n      returnToIndex,\n    ),\n    transition(\n      componentEvents.EMPLOYEE_MANAGEMENT_FEDERAL_TAXES_EDIT_FORM_SUBMITTED,\n      'index',\n      returnToIndexWithAlert('federalTaxesUpdated'),\n    ),\n  ),\n  stateTaxes: state<MachineTransition>(\n    transition(\n      componentEvents.EMPLOYEE_MANAGEMENT_STATE_TAXES_UPDATED,\n      'index',\n      returnToIndexWithAlert('stateTaxesUpdated'),\n    ),\n    transition(\n      componentEvents.EMPLOYEE_MANAGEMENT_STATE_TAXES_EDIT_CANCELLED,\n      'index',\n      returnToIndex,\n    ),\n  ),\n  profile: state<MachineTransition>(\n    transition(componentEvents.EMPLOYEE_MANAGEMENT_PROFILE_EDIT_CANCELLED, 'index', returnToIndex),\n    transition(\n      componentEvents.EMPLOYEE_MANAGEMENT_PROFILE_UPDATED,\n      'index',\n      returnToIndexWithAlert('profileUpdated'),\n    ),\n  ),\n  paymentBankForm: state<MachineTransition>(\n    transition(\n      componentEvents.EMPLOYEE_MANAGEMENT_PAYMENT_METHOD_BANK_FORM_SUBMITTED,\n      'index',\n      returnToIndexWithAlert('bankAccountAdded'),\n    ),\n    transition(\n      componentEvents.EMPLOYEE_MANAGEMENT_PAYMENT_METHOD_BANK_FORM_CANCELLED,\n      'index',\n      returnToIndex,\n    ),\n  ),\n  paymentSplitView: state<MachineTransition>(\n    transition(\n      componentEvents.EMPLOYEE_MANAGEMENT_PAYMENT_METHOD_SPLIT_FORM_SUBMITTED,\n      'index',\n      returnToIndexWithAlert('splitUpdated'),\n    ),\n    transition(\n      componentEvents.EMPLOYEE_MANAGEMENT_PAYMENT_METHOD_SPLIT_FORM_CANCELLED,\n      'index',\n      returnToIndex,\n    ),\n  ),\n  documentManager: state<MachineTransition>(\n    // Admin-facing dashboard: documents are read-only here, so the viewer only\n    // returns to the dashboard on Back. Signing happens in the employee\n    // onboarding DocumentSigner flow, not from this surface.\n    transition(componentEvents.CANCEL, 'index', returnToIndex),\n  ),\n  editDeduction: state<MachineTransition>(\n    transition(\n      componentEvents.EMPLOYEE_MANAGEMENT_DEDUCTIONS_EDIT_FORM_CREATED,\n      'index',\n      returnToIndexWithAlert('deductionAdded'),\n    ),\n    transition(\n      componentEvents.EMPLOYEE_MANAGEMENT_DEDUCTIONS_EDIT_FORM_UPDATED,\n      'index',\n      returnToIndexWithAlert('deductionUpdated'),\n    ),\n    transition(\n      componentEvents.EMPLOYEE_MANAGEMENT_DEDUCTIONS_EDIT_FORM_CANCELLED,\n      'index',\n      returnToIndex,\n    ),\n  ),\n  addJob: state<MachineTransition>(\n    transition(\n      componentEvents.EMPLOYEE_MANAGEMENT_COMPENSATION_ADD_JOB_FORM_SUBMITTED,\n      'index',\n      returnToIndexWithAlert('jobAdded'),\n    ),\n    transition(\n      componentEvents.EMPLOYEE_MANAGEMENT_COMPENSATION_ADD_JOB_FORM_CANCELLED,\n      'index',\n      returnToIndex,\n    ),\n  ),\n  editCompensation: state<MachineTransition>(\n    transition(\n      componentEvents.EMPLOYEE_MANAGEMENT_COMPENSATION_EDIT_FORM_SUBMITTED,\n      'index',\n      returnToIndex,\n    ),\n    transition(\n      componentEvents.EMPLOYEE_MANAGEMENT_COMPENSATION_EDIT_FORM_CANCELLED,\n      'index',\n      returnToIndex,\n    ),\n  ),\n  addAnotherJob: state<MachineTransition>(\n    transition(\n      componentEvents.EMPLOYEE_MANAGEMENT_COMPENSATION_ADD_ANOTHER_JOB_FORM_SUBMITTED,\n      'index',\n      returnToIndexWithAlert('jobAdded'),\n    ),\n    transition(\n      componentEvents.EMPLOYEE_MANAGEMENT_COMPENSATION_ADD_ANOTHER_JOB_FORM_CANCELLED,\n      'index',\n      returnToIndex,\n    ),\n  ),\n}\n"],"names":["returnToIndex","reduce","ctx","DashboardViewContextual","returnToIndexWithAlert","alert","dashboardStateMachine","state","transition","componentEvents","ProfileContextual","HomeAddressContextual","WorkAddressContextual","FederalTaxesContextual","StateTaxesContextual","PaymentBankFormContextual","PaymentSplitViewContextual","ev","DocumentManagerContextual","AddJobContextual","EditCompensationContextual","AddAnotherJobContextual","DeductionsEditFormContextual"],"mappings":"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"}

package/dist/components/Employee/Dashboard/index.d.ts

@@ -3,9 +3,3 @@ export { DashboardFlow } from './DashboardFlow';
 export type { DashboardFlowProps } from './DashboardFlow';
 export { Dashboard } from './Dashboard';
 export type { DashboardProps } from './Dashboard';
-export { BasicDetailsView } from './BasicDetailsView';
-export type { BasicDetailsViewProps } from './BasicDetailsView';
-export { JobAndPayView } from './JobAndPayView';
-export type { JobAndPayViewProps } from './JobAndPayView';
-export { TaxesView } from './TaxesView';
-export type { TaxesViewProps } from './TaxesView';

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

@@ -1,8 +1,38 @@
 import { BaseComponentInterface, CommonComponentInterface } from '../../../Base';
 import { EventType } from '../../../../shared/constants';
 import { OnEventType } from '../../../Base/useBase';
+/**
+ * Props for {@link Deductions}.
+ *
+ * @public
+ */
 export interface DeductionsProps extends CommonComponentInterface<'Employee.Management.Deductions'> {
+    /** The associated employee identifier. */
     employeeId: string;
+    /** Callback invoked when the block emits an event. See the events table on {@link Deductions} for the available event types and payloads. */
     onEvent: OnEventType<EventType, unknown>;
 }
+/**
+ * Self-contained block for viewing and managing an employee's post-tax deductions — the same experience the dashboard surfaces, but as a drop-in component that doesn't require the surrounding dashboard chrome.
+ *
+ * @remarks
+ * Renders a card listing the employee's active deductions with affordances to add a new deduction, edit an existing one, or delete one via a confirm dialog. Choosing to add or edit swaps the card for the deduction form; a successful save returns to the card and emits the corresponding event, and cancelling returns without saving. Wraps everything in error and suspense boundaries.
+ *
+ * The card and form surfaces ({@link DeductionsCard}, {@link DeductionsEditForm}) are also exported individually for cases where that orchestration is the wrong fit — for example, when the form needs to render in a modal or drawer, or when the swap is driven by a router. Using them directly means owning the swap, the alert, and any cross-component state yourself.
+ *
+ * | Event | Description | Data |
+ * | ----- | ----------- | ---- |
+ * | `employee/management/deductions/card/addRequested` | Fired when the "Add deduction" CTA is clicked from the card; the block opens the edit form in add mode | `{ employeeId: string }` |
+ * | `employee/management/deductions/card/editRequested` | Fired when an "Edit" CTA is clicked for a deduction; the block opens the edit form pre-populated with that deduction | The matching `Garnishment` |
+ * | `employee/management/deductions/card/deleted` | Fired after a deduction is deleted via the confirm dialog; the block stays on the card | The deleted `Garnishment` |
+ * | `employee/management/deductions/editForm/created` | Fired after a new deduction is saved from the edit form; the block returns to the card view | The created `Garnishment` |
+ * | `employee/management/deductions/editForm/updated` | Fired after an existing deduction is updated from the edit form; the block returns to the card view | The updated `Garnishment` |
+ * | `employee/management/deductions/editForm/cancelled` | Fired when the user cancels the edit form; the block returns to the card view | — |
+ * | `employee/management/deductions/alertDismissed` | Fired when the user dismisses a success alert above the card | `null` |
+ *
+ * @param props - See {@link DeductionsProps}.
+ * @returns The rendered deductions block.
+ * @public
+ * @group Block Components
+ */
 export declare function Deductions({ dictionary, FallbackComponent, ...props }: DeductionsProps & BaseComponentInterface<'Employee.Management.Deductions'>): import("react").JSX.Element;

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

@@ -1 +1 @@
-{"version":3,"file":"Deductions.js","sources":["../../../../../src/components/Employee/Deductions/management/Deductions.tsx"],"sourcesContent":["import { createMachine } from 'robot3'\nimport { useMemo } from 'react'\nimport { DeductionsCardContextual, type DeductionsContextInterface } from './DeductionsComponents'\nimport { deductionsStateMachine } from './deductionsStateMachine'\nimport { Flow } from '@/components/Flow/Flow'\nimport {\n  BaseBoundaries,\n  type BaseComponentInterface,\n  type CommonComponentInterface,\n} from '@/components/Base'\nimport { type EventType } from '@/shared/constants'\nimport { useComponentDictionary } from '@/i18n/I18n'\nimport { useI18n } from '@/i18n'\nimport type { OnEventType } from '@/components/Base/useBase'\n\nexport interface DeductionsProps extends CommonComponentInterface<'Employee.Management.Deductions'> {\n  employeeId: string\n  onEvent: OnEventType<EventType, unknown>\n}\n\nfunction DeductionsFlow({ employeeId, onEvent }: DeductionsProps) {\n  useI18n('Employee.Management.Deductions')\n\n  const machine = useMemo(\n    () =>\n      createMachine('card', deductionsStateMachine, (ctx: DeductionsContextInterface) => ({\n        ...ctx,\n        component: DeductionsCardContextual,\n        employeeId,\n        successAlert: null,\n      })),\n    [employeeId],\n  )\n\n  return <Flow machine={machine} onEvent={onEvent} />\n}\n\nexport function Deductions({\n  dictionary,\n  FallbackComponent,\n  ...props\n}: DeductionsProps & BaseComponentInterface<'Employee.Management.Deductions'>) {\n  useComponentDictionary('Employee.Management.Deductions', dictionary)\n  return (\n    <BaseBoundaries\n      componentName=\"Employee.Management.Deductions\"\n      FallbackComponent={FallbackComponent}\n    >\n      <DeductionsFlow {...props} />\n    </BaseBoundaries>\n  )\n}\n"],"names":["DeductionsFlow","employeeId","onEvent","useI18n","machine","useMemo","createMachine","deductionsStateMachine","ctx","DeductionsCardContextual","jsx","Flow","Deductions","dictionary","FallbackComponent","props","useComponentDictionary","BaseBoundaries"],"mappings":";;;;;;;;;AAoBA,SAASA,EAAe,EAAE,YAAAC,GAAY,SAAAC,KAA4B;AAChE,EAAAC,EAAQ,gCAAgC;AAExC,QAAMC,IAAUC;AAAA,IACd,MACEC,EAAc,QAAQC,GAAwB,CAACC,OAAqC;AAAA,MAClF,GAAGA;AAAA,MACH,WAAWC;AAAA,MACX,YAAAR;AAAA,MACA,cAAc;AAAA,IAAA,EACd;AAAA,IACJ,CAACA,CAAU;AAAA,EAAA;AAGb,SAAO,gBAAAS,EAACC,GAAA,EAAK,SAAAP,GAAkB,SAAAF,EAAA,CAAkB;AACnD;AAEO,SAASU,EAAW;AAAA,EACzB,YAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,GAAGC;AACL,GAA+E;AAC7E,SAAAC,EAAuB,kCAAkCH,CAAU,GAEjE,gBAAAH;AAAA,IAACO;AAAA,IAAA;AAAA,MACC,eAAc;AAAA,MACd,mBAAAH;AAAA,MAEA,UAAA,gBAAAJ,EAACV,GAAA,EAAgB,GAAGe,EAAA,CAAO;AAAA,IAAA;AAAA,EAAA;AAGjC;"}
+{"version":3,"file":"Deductions.js","sources":["../../../../../src/components/Employee/Deductions/management/Deductions.tsx"],"sourcesContent":["import { createMachine } from 'robot3'\nimport { useMemo } from 'react'\nimport { DeductionsCardContextual, type DeductionsContextInterface } from './DeductionsComponents'\nimport { deductionsStateMachine } from './deductionsStateMachine'\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 Deductions}.\n *\n * @public\n */\nexport interface DeductionsProps extends CommonComponentInterface<'Employee.Management.Deductions'> {\n  /** The associated employee identifier. */\n  employeeId: string\n  /** Callback invoked when the block emits an event. See the events table on {@link Deductions} for the available event types and payloads. */\n  onEvent: OnEventType<EventType, unknown>\n}\n\nfunction DeductionsFlow({ employeeId, onEvent }: DeductionsProps) {\n  useI18n('Employee.Management.Deductions')\n\n  const machine = useMemo(\n    () =>\n      createMachine('card', deductionsStateMachine, (ctx: DeductionsContextInterface) => ({\n        ...ctx,\n        component: DeductionsCardContextual,\n        employeeId,\n        successAlert: null,\n      })),\n    [employeeId],\n  )\n\n  return <Flow machine={machine} onEvent={onEvent} />\n}\n\n/**\n * Self-contained block for viewing and managing an employee's post-tax deductions — the same experience the dashboard surfaces, but as a drop-in component that doesn't require the surrounding dashboard chrome.\n *\n * @remarks\n * Renders a card listing the employee's active deductions with affordances to add a new deduction, edit an existing one, or delete one via a confirm dialog. Choosing to add or edit swaps the card for the deduction form; a successful save returns to the card and emits the corresponding event, and cancelling returns without saving. Wraps everything in error and suspense boundaries.\n *\n * The card and form surfaces ({@link DeductionsCard}, {@link DeductionsEditForm}) are also exported individually for cases where that orchestration is the wrong fit — for example, when the form needs to render in a modal or drawer, or when the swap is driven by a router. Using them directly means owning the swap, the alert, and any cross-component state yourself.\n *\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `employee/management/deductions/card/addRequested` | Fired when the \"Add deduction\" CTA is clicked from the card; the block opens the edit form in add mode | `{ employeeId: string }` |\n * | `employee/management/deductions/card/editRequested` | Fired when an \"Edit\" CTA is clicked for a deduction; the block opens the edit form pre-populated with that deduction | The matching `Garnishment` |\n * | `employee/management/deductions/card/deleted` | Fired after a deduction is deleted via the confirm dialog; the block stays on the card | The deleted `Garnishment` |\n * | `employee/management/deductions/editForm/created` | Fired after a new deduction is saved from the edit form; the block returns to the card view | The created `Garnishment` |\n * | `employee/management/deductions/editForm/updated` | Fired after an existing deduction is updated from the edit form; the block returns to the card view | The updated `Garnishment` |\n * | `employee/management/deductions/editForm/cancelled` | Fired when the user cancels the edit form; the block returns to the card view | — |\n * | `employee/management/deductions/alertDismissed` | Fired when the user dismisses a success alert above the card | `null` |\n *\n * @param props - See {@link DeductionsProps}.\n * @returns The rendered deductions block.\n * @public\n * @group Block Components\n */\nexport function Deductions({\n  dictionary,\n  FallbackComponent,\n  ...props\n}: DeductionsProps & BaseComponentInterface<'Employee.Management.Deductions'>) {\n  useComponentDictionary('Employee.Management.Deductions', dictionary)\n  return (\n    <BaseBoundaries\n      componentName=\"Employee.Management.Deductions\"\n      FallbackComponent={FallbackComponent}\n    >\n      <DeductionsFlow {...props} />\n    </BaseBoundaries>\n  )\n}\n"],"names":["DeductionsFlow","employeeId","onEvent","useI18n","machine","useMemo","createMachine","deductionsStateMachine","ctx","DeductionsCardContextual","jsx","Flow","Deductions","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,MACA,cAAc;AAAA,IAAA,EACd;AAAA,IACJ,CAACA,CAAU;AAAA,EAAA;AAGb,SAAO,gBAAAS,EAACC,GAAA,EAAK,SAAAP,GAAkB,SAAAF,EAAA,CAAkB;AACnD;AAyBO,SAASU,EAAW;AAAA,EACzB,YAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,GAAGC;AACL,GAA+E;AAC7E,SAAAC,EAAuB,kCAAkCH,CAAU,GAEjE,gBAAAH;AAAA,IAACO;AAAA,IAAA;AAAA,MACC,eAAc;AAAA,MACd,mBAAAH;AAAA,MAEA,UAAA,gBAAAJ,EAACV,GAAA,EAAgB,GAAGe,EAAA,CAAO;AAAA,IAAA;AAAA,EAAA;AAGjC;"}

package/dist/components/Employee/Deductions/management/DeductionsCard/DeductionsCard.d.ts

@@ -1,17 +1,30 @@
 import { EventType } from '../../../../../shared/constants';
 import { OnEventType } from '../../../../Base/useBase';
+/**
+ * Props for {@link DeductionsCard}.
+ *
+ * @public
+ */
 export interface DeductionsCardProps {
+    /** The associated employee identifier. */
     employeeId: string;
+    /** Callback invoked when the card emits an event. See the events table on {@link DeductionsCard} for the available event types and payloads. */
     onEvent: OnEventType<EventType, unknown>;
 }
 /**
- * Standalone "Deductions" management card. Owns its own data fetch via
- * `useDeductionsList`, plus the delete confirm dialog, and emits
- * `EMPLOYEE_MANAGEMENT_DEDUCTIONS_CARD_ADD_REQUESTED` /
- * `EMPLOYEE_MANAGEMENT_DEDUCTIONS_CARD_EDIT_REQUESTED` /
- * `EMPLOYEE_MANAGEMENT_DEDUCTIONS_CARD_DELETED` events. The card has no
- * alert API — alert rendering is the orchestrator's responsibility (block's
- * `DeductionsCardContextual` for standalone consumption, dashboard chrome
- * for dashboard consumption).
+ * Standalone read-only card listing an employee's active deductions, with affordances to add, edit, or delete a deduction.
+ *
+ * @remarks
+ * Fetches its own data and owns the delete confirm dialog. Has no alert API — alert rendering is the consumer's responsibility. Add and edit affordances do not open a form themselves; emit-then-route is the contract, so the consumer listens for the `addRequested` / `editRequested` events and renders {@link DeductionsEditForm} (or its own equivalent) accordingly. For an orchestrated card-plus-form flow, use {@link Deductions} instead.
+ *
+ * | Event | Description | Data |
+ * | ----- | ----------- | ---- |
+ * | `employee/management/deductions/card/addRequested` | Fired when the "Add deduction" CTA is clicked | `{ employeeId: string }` |
+ * | `employee/management/deductions/card/editRequested` | Fired when an "Edit" CTA is clicked for a deduction | The matching `Garnishment` |
+ * | `employee/management/deductions/card/deleted` | Fired after a deduction is deleted via the confirm dialog | The deleted `Garnishment` |
+ *
+ * @param props - See {@link DeductionsCardProps}.
+ * @returns The rendered deductions card.
+ * @public
  */
 export declare function DeductionsCard(props: DeductionsCardProps): import("react").JSX.Element;

package/dist/components/Employee/Deductions/management/DeductionsCard/DeductionsCard.js

@@ -4,25 +4,25 @@ import { useDeductionsList as _ } from "../../shared/useDeductionsList.js";
 import { useDeleteDeduction as A } from "../../shared/useDeleteDeduction.js";
 import { DeleteDeductionDialog as P } from "../../shared/DeleteDeductionDialog.js";
 import { formatDeductionAmount as N } from "../../shared/formatDeductionAmount.js";
-import { componentEvents as s } from "../../../../../shared/constants.js";
 import { Loading as S } from "../../../../Common/Loading/Loading.js";
 import { EmptyData as b } from "../../../../Common/EmptyData/EmptyData.js";
-import { BaseBoundaries as k, BaseLayout as x } from "../../../../Base/Base.js";
-import { useComponentContext as B } from "../../../../../contexts/ComponentAdapter/useComponentContext.js";
+import { HamburgerMenu as k } from "../../../../Common/HamburgerMenu/HamburgerMenu.js";
+import { BaseBoundaries as x, BaseLayout as B } from "../../../../Base/Base.js";
+import { useComponentContext as U } from "../../../../../contexts/ComponentAdapter/useComponentContext.js";
 import u from "../../../../../hooks/useNumberFormatter.js";
-import { useI18n as U } from "../../../../../i18n/I18n.js";
-import w from "../../../../../assets/icons/plus-circle.svg.js";
-import O from "../../../../../assets/icons/trashcan.svg.js";
-import v from "../../../../../assets/icons/pencil.svg.js";
-import { HamburgerMenu as G } from "../../../../Common/HamburgerMenu/HamburgerMenu.js";
+import { useI18n as w } from "../../../../../i18n/I18n.js";
+import { componentEvents as s } from "../../../../../shared/constants.js";
+import O from "../../../../../assets/icons/plus-circle.svg.js";
+import v from "../../../../../assets/icons/trashcan.svg.js";
+import G from "../../../../../assets/icons/pencil.svg.js";
 import { useDataView as R } from "../../../../Common/DataView/useDataView.js";
 import { DataView as H } from "../../../../Common/DataView/DataView.js";
 function ae(n) {
-  return /* @__PURE__ */ o(k, { componentName: "Employee.Management.Deductions", children: /* @__PURE__ */ o(I, { ...n }) });
+  return /* @__PURE__ */ o(x, { componentName: "Employee.Management.Deductions", children: /* @__PURE__ */ o(I, { ...n }) });
 }
 function I({ employeeId: n, onEvent: a }) {
-  U("Employee.Management.Deductions");
-  const { t: e } = T("Employee.Management.Deductions"), d = B(), D = u("currency"), p = u("percent"), i = _({ employeeId: n }), {
+  w("Employee.Management.Deductions");
+  const { t: e } = T("Employee.Management.Deductions"), d = U(), D = u("currency"), p = u("percent"), i = _({ employeeId: n }), {
     pendingDeleteDeduction: c,
     setPendingDeleteDeduction: m,
     handleConfirmDelete: f
@@ -58,7 +58,7 @@ function I({ employeeId: n, onEvent: a }) {
     data: E,
     columns: y,
     itemMenu: (t) => /* @__PURE__ */ o(
-      G,
+      k,
       {
         isLoading: l === t.uuid,
         items: [
@@ -67,14 +67,14 @@ function I({ employeeId: n, onEvent: a }) {
             onClick: () => {
               h(t);
             },
-            icon: /* @__PURE__ */ o(v, { "aria-hidden": !0 })
+            icon: /* @__PURE__ */ o(G, { "aria-hidden": !0 })
           },
           {
             label: e("deleteCta"),
             onClick: () => {
               m(t);
             },
-            icon: /* @__PURE__ */ o(O, { "aria-hidden": !0 })
+            icon: /* @__PURE__ */ o(v, { "aria-hidden": !0 })
           }
         ],
         triggerLabel: e("hamburgerTitle")
@@ -82,7 +82,7 @@ function I({ employeeId: n, onEvent: a }) {
     ),
     emptyState: () => /* @__PURE__ */ o(b, { title: e("emptyState.title"), description: e("emptyState.description") })
   });
-  return /* @__PURE__ */ M(x, { error: i.errorHandling.errors, children: [
+  return /* @__PURE__ */ M(B, { error: i.errorHandling.errors, children: [
     /* @__PURE__ */ o(
       d.Box,
       {
@@ -91,7 +91,7 @@ function I({ employeeId: n, onEvent: a }) {
           d.BoxHeader,
           {
             title: e("title"),
-            action: /* @__PURE__ */ o(d.Button, { variant: "secondary", onClick: C, icon: /* @__PURE__ */ o(w, {}), children: e("addDeductionCta") })
+            action: /* @__PURE__ */ o(d.Button, { variant: "secondary", onClick: C, icon: /* @__PURE__ */ o(O, {}), children: e("addDeductionCta") })
           }
         ),
         children: g ? /* @__PURE__ */ o(S, {}) : /* @__PURE__ */ o(H, { label: e("listLabel"), isWithinBox: !0, ...L })

package/dist/components/Employee/Deductions/management/DeductionsCard/DeductionsCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"DeductionsCard.js","sources":["../../../../../../src/components/Employee/Deductions/management/DeductionsCard/DeductionsCard.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport type { Garnishment } from '@gusto/embedded-api-v-2025-11-15/models/components/garnishment'\nimport { useDeductionsList } from '../../shared/useDeductionsList'\nimport { useDeleteDeduction } from '../../shared/useDeleteDeduction'\nimport { DeleteDeductionDialog } from '../../shared/DeleteDeductionDialog'\nimport { formatDeductionAmount } from '../../shared/formatDeductionAmount'\nimport { DataView, useDataView, EmptyData, Loading } from '@/components/Common'\nimport { HamburgerMenu } from '@/components/Common/HamburgerMenu'\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'\nimport PlusCircleIcon from '@/assets/icons/plus-circle.svg?react'\nimport TrashCanSvg from '@/assets/icons/trashcan.svg?react'\nimport PencilSvg from '@/assets/icons/pencil.svg?react'\n\nexport interface DeductionsCardProps {\n  employeeId: string\n  onEvent: OnEventType<EventType, unknown>\n}\n\n/**\n * Standalone \"Deductions\" management card. Owns its own data fetch via\n * `useDeductionsList`, plus the delete confirm dialog, and emits\n * `EMPLOYEE_MANAGEMENT_DEDUCTIONS_CARD_ADD_REQUESTED` /\n * `EMPLOYEE_MANAGEMENT_DEDUCTIONS_CARD_EDIT_REQUESTED` /\n * `EMPLOYEE_MANAGEMENT_DEDUCTIONS_CARD_DELETED` events. The card has no\n * alert API — alert rendering is the orchestrator's responsibility (block's\n * `DeductionsCardContextual` for standalone consumption, dashboard chrome\n * for dashboard consumption).\n */\nexport function DeductionsCard(props: DeductionsCardProps) {\n  return (\n    <BaseBoundaries componentName=\"Employee.Management.Deductions\">\n      <DeductionsCardContent {...props} />\n    </BaseBoundaries>\n  )\n}\n\nfunction DeductionsCardContent({ employeeId, onEvent }: DeductionsCardProps) {\n  useI18n('Employee.Management.Deductions')\n  const { t } = useTranslation('Employee.Management.Deductions')\n  const Components = useComponentContext()\n  const formatCurrency = useNumberFormatter('currency')\n  const formatPercent = useNumberFormatter('percent')\n\n  const deductionsList = useDeductionsList({ employeeId })\n\n  const {\n    pendingDeleteDeduction,\n    setPendingDeleteDeduction,\n    handleConfirmDelete: handleConfirmDeleteDeduction,\n  } = useDeleteDeduction(async garnishment => {\n    if (deductionsList.isLoading) return\n    const result = await deductionsList.actions.onDelete(garnishment)\n    if (result) {\n      onEvent(componentEvents.EMPLOYEE_MANAGEMENT_DEDUCTIONS_CARD_DELETED, result.data.garnishment)\n    }\n  })\n\n  // `useDeductionsList` returns `isLoading: true` even when the query has\n  // errored and `data` is missing. Treat those rows as \"not loading\" so the\n  // section doesn't show a perpetual skeleton while BaseLayout already\n  // renders the error alert.\n  const isDeductionsLoading =\n    deductionsList.isLoading && deductionsList.errorHandling.errors.length === 0\n\n  const deductions = deductionsList.isLoading ? [] : deductionsList.data.deductions\n  const deletingGarnishmentUuid = deductionsList.isLoading\n    ? undefined\n    : deductionsList.status.deletingGarnishmentUuid\n\n  const handleAdd = () => {\n    onEvent(componentEvents.EMPLOYEE_MANAGEMENT_DEDUCTIONS_CARD_ADD_REQUESTED, { employeeId })\n  }\n  const handleEdit = (garnishment: Garnishment) => {\n    onEvent(componentEvents.EMPLOYEE_MANAGEMENT_DEDUCTIONS_CARD_EDIT_REQUESTED, garnishment)\n  }\n\n  const garnishmentsColumns = [\n    {\n      key: 'description',\n      title: t('columns.deduction'),\n      render: (garnishment: Garnishment) => garnishment.description || '-',\n    },\n    {\n      key: 'frequency',\n      title: t('columns.frequency'),\n      render: (garnishment: Garnishment) => (garnishment.recurring ? t('recurring') : t('oneTime')),\n    },\n    {\n      key: 'amount',\n      title: t('columns.withhold'),\n      render: (garnishment: Garnishment) =>\n        formatDeductionAmount(garnishment, {\n          formatCurrency,\n          formatPercent,\n          formatPerPaycheck: (value: string) => t('amountPerPaycheck', { value }),\n        }),\n    },\n  ]\n\n  const garnishmentsDataView = useDataView({\n    data: deductions,\n    columns: garnishmentsColumns,\n    itemMenu: (garnishment: Garnishment) => (\n      <HamburgerMenu\n        isLoading={deletingGarnishmentUuid === garnishment.uuid}\n        items={[\n          {\n            label: t('editCta'),\n            onClick: () => {\n              handleEdit(garnishment)\n            },\n            icon: <PencilSvg aria-hidden />,\n          },\n          {\n            label: t('deleteCta'),\n            onClick: () => {\n              setPendingDeleteDeduction(garnishment)\n            },\n            icon: <TrashCanSvg aria-hidden />,\n          },\n        ]}\n        triggerLabel={t('hamburgerTitle')}\n      />\n    ),\n    emptyState: () => (\n      <EmptyData title={t('emptyState.title')} description={t('emptyState.description')} />\n    ),\n  })\n\n  return (\n    <BaseLayout error={deductionsList.errorHandling.errors}>\n      <Components.Box\n        withPadding={false}\n        header={\n          <Components.BoxHeader\n            title={t('title')}\n            action={\n              <Components.Button variant=\"secondary\" onClick={handleAdd} icon={<PlusCircleIcon />}>\n                {t('addDeductionCta')}\n              </Components.Button>\n            }\n          />\n        }\n      >\n        {isDeductionsLoading ? (\n          <Loading />\n        ) : (\n          <DataView label={t('listLabel')} isWithinBox {...garnishmentsDataView} />\n        )}\n      </Components.Box>\n\n      <DeleteDeductionDialog\n        pendingDeleteDeduction={pendingDeleteDeduction}\n        isPrimaryActionLoading={deletingGarnishmentUuid === pendingDeleteDeduction?.uuid}\n        onClose={() => {\n          setPendingDeleteDeduction(null)\n        }}\n        onConfirm={() => {\n          void handleConfirmDeleteDeduction()\n        }}\n        title={t('deleteDeductionDialog.title')}\n        description={t('deleteDeductionDialog.description', {\n          deduction: pendingDeleteDeduction?.description ?? '',\n        })}\n        confirmLabel={t('deleteDeductionDialog.confirmCta')}\n        cancelLabel={t('deleteDeductionDialog.cancelCta')}\n      />\n    </BaseLayout>\n  )\n}\n"],"names":["DeductionsCard","props","jsx","BaseBoundaries","DeductionsCardContent","employeeId","onEvent","useI18n","t","useTranslation","Components","useComponentContext","formatCurrency","useNumberFormatter","formatPercent","deductionsList","useDeductionsList","pendingDeleteDeduction","setPendingDeleteDeduction","handleConfirmDeleteDeduction","useDeleteDeduction","garnishment","result","componentEvents","isDeductionsLoading","deductions","deletingGarnishmentUuid","handleAdd","handleEdit","garnishmentsColumns","formatDeductionAmount","value","garnishmentsDataView","useDataView","HamburgerMenu","PencilSvg","TrashCanSvg","EmptyData","jsxs","BaseLayout","PlusCircleIcon","Loading","DataView","DeleteDeductionDialog"],"mappings":"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"}
+{"version":3,"file":"DeductionsCard.js","sources":["../../../../../../src/components/Employee/Deductions/management/DeductionsCard/DeductionsCard.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport type { Garnishment } from '@gusto/embedded-api-v-2025-11-15/models/components/garnishment'\nimport { useDeductionsList } from '../../shared/useDeductionsList'\nimport { useDeleteDeduction } from '../../shared/useDeleteDeduction'\nimport { DeleteDeductionDialog } from '../../shared/DeleteDeductionDialog'\nimport { formatDeductionAmount } from '../../shared/formatDeductionAmount'\nimport { DataView, useDataView, EmptyData, Loading } from '@/components/Common'\nimport { HamburgerMenu } from '@/components/Common/HamburgerMenu'\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'\nimport PlusCircleIcon from '@/assets/icons/plus-circle.svg?react'\nimport TrashCanSvg from '@/assets/icons/trashcan.svg?react'\nimport PencilSvg from '@/assets/icons/pencil.svg?react'\n\n/**\n * Props for {@link DeductionsCard}.\n *\n * @public\n */\nexport interface DeductionsCardProps {\n  /** The associated employee identifier. */\n  employeeId: string\n  /** Callback invoked when the card emits an event. See the events table on {@link DeductionsCard} for the available event types and payloads. */\n  onEvent: OnEventType<EventType, unknown>\n}\n\n/**\n * Standalone read-only card listing an employee's active deductions, with affordances to add, edit, or delete a deduction.\n *\n * @remarks\n * Fetches its own data and owns the delete confirm dialog. Has no alert API — alert rendering is the consumer's responsibility. Add and edit affordances do not open a form themselves; emit-then-route is the contract, so the consumer listens for the `addRequested` / `editRequested` events and renders {@link DeductionsEditForm} (or its own equivalent) accordingly. For an orchestrated card-plus-form flow, use {@link Deductions} instead.\n *\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `employee/management/deductions/card/addRequested` | Fired when the \"Add deduction\" CTA is clicked | `{ employeeId: string }` |\n * | `employee/management/deductions/card/editRequested` | Fired when an \"Edit\" CTA is clicked for a deduction | The matching `Garnishment` |\n * | `employee/management/deductions/card/deleted` | Fired after a deduction is deleted via the confirm dialog | The deleted `Garnishment` |\n *\n * @param props - See {@link DeductionsCardProps}.\n * @returns The rendered deductions card.\n * @public\n */\nexport function DeductionsCard(props: DeductionsCardProps) {\n  return (\n    <BaseBoundaries componentName=\"Employee.Management.Deductions\">\n      <DeductionsCardContent {...props} />\n    </BaseBoundaries>\n  )\n}\n\nfunction DeductionsCardContent({ employeeId, onEvent }: DeductionsCardProps) {\n  useI18n('Employee.Management.Deductions')\n  const { t } = useTranslation('Employee.Management.Deductions')\n  const Components = useComponentContext()\n  const formatCurrency = useNumberFormatter('currency')\n  const formatPercent = useNumberFormatter('percent')\n\n  const deductionsList = useDeductionsList({ employeeId })\n\n  const {\n    pendingDeleteDeduction,\n    setPendingDeleteDeduction,\n    handleConfirmDelete: handleConfirmDeleteDeduction,\n  } = useDeleteDeduction(async garnishment => {\n    if (deductionsList.isLoading) return\n    const result = await deductionsList.actions.onDelete(garnishment)\n    if (result) {\n      onEvent(componentEvents.EMPLOYEE_MANAGEMENT_DEDUCTIONS_CARD_DELETED, result.data.garnishment)\n    }\n  })\n\n  // `useDeductionsList` returns `isLoading: true` even when the query has\n  // errored and `data` is missing. Treat those rows as \"not loading\" so the\n  // section doesn't show a perpetual skeleton while BaseLayout already\n  // renders the error alert.\n  const isDeductionsLoading =\n    deductionsList.isLoading && deductionsList.errorHandling.errors.length === 0\n\n  const deductions = deductionsList.isLoading ? [] : deductionsList.data.deductions\n  const deletingGarnishmentUuid = deductionsList.isLoading\n    ? undefined\n    : deductionsList.status.deletingGarnishmentUuid\n\n  const handleAdd = () => {\n    onEvent(componentEvents.EMPLOYEE_MANAGEMENT_DEDUCTIONS_CARD_ADD_REQUESTED, { employeeId })\n  }\n  const handleEdit = (garnishment: Garnishment) => {\n    onEvent(componentEvents.EMPLOYEE_MANAGEMENT_DEDUCTIONS_CARD_EDIT_REQUESTED, garnishment)\n  }\n\n  const garnishmentsColumns = [\n    {\n      key: 'description',\n      title: t('columns.deduction'),\n      render: (garnishment: Garnishment) => garnishment.description || '-',\n    },\n    {\n      key: 'frequency',\n      title: t('columns.frequency'),\n      render: (garnishment: Garnishment) => (garnishment.recurring ? t('recurring') : t('oneTime')),\n    },\n    {\n      key: 'amount',\n      title: t('columns.withhold'),\n      render: (garnishment: Garnishment) =>\n        formatDeductionAmount(garnishment, {\n          formatCurrency,\n          formatPercent,\n          formatPerPaycheck: (value: string) => t('amountPerPaycheck', { value }),\n        }),\n    },\n  ]\n\n  const garnishmentsDataView = useDataView({\n    data: deductions,\n    columns: garnishmentsColumns,\n    itemMenu: (garnishment: Garnishment) => (\n      <HamburgerMenu\n        isLoading={deletingGarnishmentUuid === garnishment.uuid}\n        items={[\n          {\n            label: t('editCta'),\n            onClick: () => {\n              handleEdit(garnishment)\n            },\n            icon: <PencilSvg aria-hidden />,\n          },\n          {\n            label: t('deleteCta'),\n            onClick: () => {\n              setPendingDeleteDeduction(garnishment)\n            },\n            icon: <TrashCanSvg aria-hidden />,\n          },\n        ]}\n        triggerLabel={t('hamburgerTitle')}\n      />\n    ),\n    emptyState: () => (\n      <EmptyData title={t('emptyState.title')} description={t('emptyState.description')} />\n    ),\n  })\n\n  return (\n    <BaseLayout error={deductionsList.errorHandling.errors}>\n      <Components.Box\n        withPadding={false}\n        header={\n          <Components.BoxHeader\n            title={t('title')}\n            action={\n              <Components.Button variant=\"secondary\" onClick={handleAdd} icon={<PlusCircleIcon />}>\n                {t('addDeductionCta')}\n              </Components.Button>\n            }\n          />\n        }\n      >\n        {isDeductionsLoading ? (\n          <Loading />\n        ) : (\n          <DataView label={t('listLabel')} isWithinBox {...garnishmentsDataView} />\n        )}\n      </Components.Box>\n\n      <DeleteDeductionDialog\n        pendingDeleteDeduction={pendingDeleteDeduction}\n        isPrimaryActionLoading={deletingGarnishmentUuid === pendingDeleteDeduction?.uuid}\n        onClose={() => {\n          setPendingDeleteDeduction(null)\n        }}\n        onConfirm={() => {\n          void handleConfirmDeleteDeduction()\n        }}\n        title={t('deleteDeductionDialog.title')}\n        description={t('deleteDeductionDialog.description', {\n          deduction: pendingDeleteDeduction?.description ?? '',\n        })}\n        confirmLabel={t('deleteDeductionDialog.confirmCta')}\n        cancelLabel={t('deleteDeductionDialog.cancelCta')}\n      />\n    </BaseLayout>\n  )\n}\n"],"names":["DeductionsCard","props","jsx","BaseBoundaries","DeductionsCardContent","employeeId","onEvent","useI18n","t","useTranslation","Components","useComponentContext","formatCurrency","useNumberFormatter","formatPercent","deductionsList","useDeductionsList","pendingDeleteDeduction","setPendingDeleteDeduction","handleConfirmDeleteDeduction","useDeleteDeduction","garnishment","result","componentEvents","isDeductionsLoading","deductions","deletingGarnishmentUuid","handleAdd","handleEdit","garnishmentsColumns","formatDeductionAmount","value","garnishmentsDataView","useDataView","HamburgerMenu","PencilSvg","TrashCanSvg","EmptyData","jsxs","BaseLayout","PlusCircleIcon","Loading","DataView","DeleteDeductionDialog"],"mappings":"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"}

package/dist/components/Employee/Deductions/management/DeductionsComponents.d.ts

@@ -1,5 +1,6 @@
 import { FlowContextInterface } from '../../../Flow/useFlow';
-export type DeductionsSuccessAlertCode = 'deductionAdded' | 'deductionUpdated' | 'deductionDeleted';
+type DeductionsSuccessAlertCode = 'deductionAdded' | 'deductionUpdated' | 'deductionDeleted';
+/** @internal */
 export interface DeductionsContextInterface extends FlowContextInterface {
     employeeId?: string;
     /** Set when transitioning to `editDeduction` via the EDIT event; consumed
@@ -8,5 +9,8 @@ export interface DeductionsContextInterface extends FlowContextInterface {
     editingDeductionId?: string;
     successAlert?: DeductionsSuccessAlertCode | null;
 }
+/** @internal */
 export declare function DeductionsCardContextual(): import("react").JSX.Element;
+/** @internal */
 export declare function DeductionsEditFormContextual(): import("react").JSX.Element;
+export {};

package/dist/components/Employee/Deductions/management/DeductionsComponents.js.map

@@ -1 +1 @@
-{"version":3,"file":"DeductionsComponents.js","sources":["../../../../../src/components/Employee/Deductions/management/DeductionsComponents.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { DeductionsCard } from './DeductionsCard'\nimport { DeductionsEditForm } from './DeductionsEditForm'\nimport { Flex } from '@/components/Common/Flex/Flex'\nimport { useFlow, type FlowContextInterface } from '@/components/Flow/useFlow'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { ensureRequired } from '@/helpers/ensureRequired'\nimport { componentEvents } from '@/shared/constants'\n\nexport type DeductionsSuccessAlertCode = 'deductionAdded' | 'deductionUpdated' | 'deductionDeleted'\n\nexport interface DeductionsContextInterface extends FlowContextInterface {\n  employeeId?: string\n  /** Set when transitioning to `editDeduction` via the EDIT event; consumed\n   *  by `DeductionsEditFormContextual` to pre-populate the form. Omit on\n   *  ADD to open the form in create mode. */\n  editingDeductionId?: string\n  successAlert?: DeductionsSuccessAlertCode | null\n}\n\nexport function DeductionsCardContextual() {\n  const { employeeId, onEvent, successAlert } = useFlow<DeductionsContextInterface>()\n  const { t } = useTranslation('Employee.Management.Deductions')\n  const Components = useComponentContext()\n  return (\n    <Flex flexDirection=\"column\" gap={16}>\n      {successAlert ? (\n        <Components.Alert\n          status=\"success\"\n          label={t(`alerts.${successAlert}`)}\n          onDismiss={() => {\n            onEvent(componentEvents.EMPLOYEE_MANAGEMENT_DEDUCTIONS_ALERT_DISMISSED, null)\n          }}\n        />\n      ) : null}\n      <DeductionsCard employeeId={ensureRequired(employeeId)} onEvent={onEvent} />\n    </Flex>\n  )\n}\n\nexport function DeductionsEditFormContextual() {\n  const { employeeId, editingDeductionId, onEvent } = useFlow<DeductionsContextInterface>()\n  return (\n    <DeductionsEditForm\n      employeeId={ensureRequired(employeeId)}\n      editingDeductionId={editingDeductionId}\n      onEvent={onEvent}\n    />\n  )\n}\n"],"names":["DeductionsCardContextual","employeeId","onEvent","successAlert","useFlow","t","useTranslation","Components","useComponentContext","jsxs","Flex","jsx","componentEvents","DeductionsCard","ensureRequired","DeductionsEditFormContextual","editingDeductionId","DeductionsEditForm"],"mappings":";;;;;;;;;AAoBO,SAASA,IAA2B;AACzC,QAAM,EAAE,YAAAC,GAAY,SAAAC,GAAS,cAAAC,EAAA,IAAiBC,EAAA,GACxC,EAAE,GAAAC,EAAA,IAAMC,EAAe,gCAAgC,GACvDC,IAAaC,EAAA;AACnB,SACE,gBAAAC,EAACC,GAAA,EAAK,eAAc,UAAS,KAAK,IAC/B,UAAA;AAAA,IAAAP,IACC,gBAAAQ;AAAA,MAACJ,EAAW;AAAA,MAAX;AAAA,QACC,QAAO;AAAA,QACP,OAAOF,EAAE,UAAUF,CAAY,EAAE;AAAA,QACjC,WAAW,MAAM;AACf,UAAAD,EAAQU,EAAgB,gDAAgD,IAAI;AAAA,QAC9E;AAAA,MAAA;AAAA,IAAA,IAEA;AAAA,sBACHC,GAAA,EAAe,YAAYC,EAAeb,CAAU,GAAG,SAAAC,EAAA,CAAkB;AAAA,EAAA,GAC5E;AAEJ;AAEO,SAASa,IAA+B;AAC7C,QAAM,EAAE,YAAAd,GAAY,oBAAAe,GAAoB,SAAAd,EAAA,IAAYE,EAAA;AACpD,SACE,gBAAAO;AAAA,IAACM;AAAA,IAAA;AAAA,MACC,YAAYH,EAAeb,CAAU;AAAA,MACrC,oBAAAe;AAAA,MACA,SAAAd;AAAA,IAAA;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"DeductionsComponents.js","sources":["../../../../../src/components/Employee/Deductions/management/DeductionsComponents.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { DeductionsCard } from './DeductionsCard'\nimport { DeductionsEditForm } from './DeductionsEditForm'\nimport { Flex } from '@/components/Common/Flex/Flex'\nimport { useFlow, type FlowContextInterface } from '@/components/Flow/useFlow'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { ensureRequired } from '@/helpers/ensureRequired'\nimport { componentEvents } from '@/shared/constants'\n\ntype DeductionsSuccessAlertCode = 'deductionAdded' | 'deductionUpdated' | 'deductionDeleted'\n\n/** @internal */\nexport interface DeductionsContextInterface extends FlowContextInterface {\n  employeeId?: string\n  /** Set when transitioning to `editDeduction` via the EDIT event; consumed\n   *  by `DeductionsEditFormContextual` to pre-populate the form. Omit on\n   *  ADD to open the form in create mode. */\n  editingDeductionId?: string\n  successAlert?: DeductionsSuccessAlertCode | null\n}\n\n/** @internal */\nexport function DeductionsCardContextual() {\n  const { employeeId, onEvent, successAlert } = useFlow<DeductionsContextInterface>()\n  const { t } = useTranslation('Employee.Management.Deductions')\n  const Components = useComponentContext()\n  return (\n    <Flex flexDirection=\"column\" gap={16}>\n      {successAlert ? (\n        <Components.Alert\n          status=\"success\"\n          label={t(`alerts.${successAlert}`)}\n          onDismiss={() => {\n            onEvent(componentEvents.EMPLOYEE_MANAGEMENT_DEDUCTIONS_ALERT_DISMISSED, null)\n          }}\n        />\n      ) : null}\n      <DeductionsCard employeeId={ensureRequired(employeeId)} onEvent={onEvent} />\n    </Flex>\n  )\n}\n\n/** @internal */\nexport function DeductionsEditFormContextual() {\n  const { employeeId, editingDeductionId, onEvent } = useFlow<DeductionsContextInterface>()\n  return (\n    <DeductionsEditForm\n      employeeId={ensureRequired(employeeId)}\n      editingDeductionId={editingDeductionId}\n      onEvent={onEvent}\n    />\n  )\n}\n"],"names":["DeductionsCardContextual","employeeId","onEvent","successAlert","useFlow","t","useTranslation","Components","useComponentContext","jsxs","Flex","jsx","componentEvents","DeductionsCard","ensureRequired","DeductionsEditFormContextual","editingDeductionId","DeductionsEditForm"],"mappings":";;;;;;;;;AAsBO,SAASA,IAA2B;AACzC,QAAM,EAAE,YAAAC,GAAY,SAAAC,GAAS,cAAAC,EAAA,IAAiBC,EAAA,GACxC,EAAE,GAAAC,EAAA,IAAMC,EAAe,gCAAgC,GACvDC,IAAaC,EAAA;AACnB,SACE,gBAAAC,EAACC,GAAA,EAAK,eAAc,UAAS,KAAK,IAC/B,UAAA;AAAA,IAAAP,IACC,gBAAAQ;AAAA,MAACJ,EAAW;AAAA,MAAX;AAAA,QACC,QAAO;AAAA,QACP,OAAOF,EAAE,UAAUF,CAAY,EAAE;AAAA,QACjC,WAAW,MAAM;AACf,UAAAD,EAAQU,EAAgB,gDAAgD,IAAI;AAAA,QAC9E;AAAA,MAAA;AAAA,IAAA,IAEA;AAAA,sBACHC,GAAA,EAAe,YAAYC,EAAeb,CAAU,GAAG,SAAAC,EAAA,CAAkB;AAAA,EAAA,GAC5E;AAEJ;AAGO,SAASa,IAA+B;AAC7C,QAAM,EAAE,YAAAd,GAAY,oBAAAe,GAAoB,SAAAd,EAAA,IAAYE,EAAA;AACpD,SACE,gBAAAO;AAAA,IAACM;AAAA,IAAA;AAAA,MACC,YAAYH,EAAeb,CAAU;AAAA,MACrC,oBAAAe;AAAA,MACA,SAAAd;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/dist/components/Employee/Deductions/management/DeductionsEditForm/DeductionsEditForm.d.ts

@@ -1,18 +1,32 @@
 import { BaseComponentInterface, CommonComponentInterface } from '../../../../Base';
+/**
+ * Props for {@link DeductionsEditForm}.
+ *
+ * @public
+ */
 export interface DeductionsEditFormProps extends CommonComponentInterface<'Employee.Management.Deductions'> {
+    /** The associated employee identifier. */
     employeeId: string;
     /** When provided, the form opens in edit mode pre-populated with the
      *  matching active deduction. Omit to open in add mode. */
     editingDeductionId?: string;
+    /** Callback invoked when the form emits an event. See the events table on {@link DeductionsEditForm} for the available event types and payloads. */
     onEvent: BaseComponentInterface['onEvent'];
 }
 /**
- * Standalone add/edit surface for a single deduction. Renders the shared
- * `DeductionsForm` with management's own translation dictionary so partner
- * overrides on `Employee.Management.Deductions` flow into the form text.
- * Looks up the row to edit by id and translates the form's `onSaved` /
- * `onCancel` callbacks into the management block's scoped events
- * (`EMPLOYEE_MANAGEMENT_DEDUCTIONS_EDIT_FORM_CREATED` / `_UPDATED` /
- * `_CANCELLED`).
+ * Standalone add/edit surface for a single employee deduction.
+ *
+ * @remarks
+ * Renders the inline form for a post-tax custom deduction or court-ordered garnishment. Looks up the row to edit by `editingDeductionId`; omit it to open in add mode. Resolves its text against the `Employee.Management.Deductions` translation namespace so partner overrides on that namespace flow into the form. For an orchestrated card-plus-form flow, use {@link Deductions}.
+ *
+ * | Event | Description | Data |
+ * | ----- | ----------- | ---- |
+ * | `employee/management/deductions/editForm/created` | Fired after a new deduction is saved | The created `Garnishment` |
+ * | `employee/management/deductions/editForm/updated` | Fired after an existing deduction is updated | The updated `Garnishment` |
+ * | `employee/management/deductions/editForm/cancelled` | Fired when the user cancels the form | — |
+ *
+ * @param input - See {@link DeductionsEditFormProps}, plus a `FallbackComponent` override for the error boundary.
+ * @returns The rendered add/edit form.
+ * @public
  */
 export declare function DeductionsEditForm({ FallbackComponent, ...props }: DeductionsEditFormProps & Pick<BaseComponentInterface, 'FallbackComponent'>): import("react").JSX.Element;

package/dist/components/Employee/Deductions/management/DeductionsEditForm/DeductionsEditForm.js.map

@@ -1 +1 @@
-{"version":3,"file":"DeductionsEditForm.js","sources":["../../../../../../src/components/Employee/Deductions/management/DeductionsEditForm/DeductionsEditForm.tsx"],"sourcesContent":["import { DeductionsForm } from '../../shared/DeductionsForm'\nimport { useDeductionsList } from '../../shared/useDeductionsList'\nimport { useManagementDeductionsFormDictionary } from './useFormDictionary'\nimport {\n  BaseBoundaries,\n  BaseLayout,\n  type BaseComponentInterface,\n  type CommonComponentInterface,\n} from '@/components/Base'\nimport { useI18n, useComponentDictionary } from '@/i18n'\nimport { componentEvents } from '@/shared/constants'\n\nexport interface DeductionsEditFormProps extends CommonComponentInterface<'Employee.Management.Deductions'> {\n  employeeId: string\n  /** When provided, the form opens in edit mode pre-populated with the\n   *  matching active deduction. Omit to open in add mode. */\n  editingDeductionId?: string\n  onEvent: BaseComponentInterface['onEvent']\n}\n\n/**\n * Standalone add/edit surface for a single deduction. Renders the shared\n * `DeductionsForm` with management's own translation dictionary so partner\n * overrides on `Employee.Management.Deductions` flow into the form text.\n * Looks up the row to edit by id and translates the form's `onSaved` /\n * `onCancel` callbacks into the management block's scoped events\n * (`EMPLOYEE_MANAGEMENT_DEDUCTIONS_EDIT_FORM_CREATED` / `_UPDATED` /\n * `_CANCELLED`).\n */\nexport function DeductionsEditForm({\n  FallbackComponent,\n  ...props\n}: DeductionsEditFormProps & Pick<BaseComponentInterface, 'FallbackComponent'>) {\n  return (\n    <BaseBoundaries\n      componentName=\"Employee.Management.Deductions\"\n      FallbackComponent={FallbackComponent}\n    >\n      <DeductionsEditFormRoot {...props} />\n    </BaseBoundaries>\n  )\n}\n\nfunction DeductionsEditFormRoot({\n  employeeId,\n  editingDeductionId,\n  dictionary,\n  onEvent,\n}: DeductionsEditFormProps) {\n  useI18n('Employee.Management.Deductions')\n  useComponentDictionary('Employee.Management.Deductions', dictionary)\n\n  // React Query dedupes against any sibling consumer of this list, so this\n  // is just a typed handle on the loaded row used to seed edit mode.\n  const list = useDeductionsList({ employeeId })\n  const formDictionary = useManagementDeductionsFormDictionary()\n\n  if (list.isLoading) {\n    return <BaseLayout isLoading error={list.errorHandling.errors} />\n  }\n\n  const deduction = editingDeductionId\n    ? (list.data.deductions.find(d => d.uuid === editingDeductionId) ?? null)\n    : null\n\n  return (\n    <BaseLayout error={list.errorHandling.errors}>\n      <DeductionsForm\n        employeeId={employeeId}\n        deduction={deduction}\n        dictionary={formDictionary}\n        onSaved={(saved, mode) => {\n          onEvent(\n            mode === 'create'\n              ? componentEvents.EMPLOYEE_MANAGEMENT_DEDUCTIONS_EDIT_FORM_CREATED\n              : componentEvents.EMPLOYEE_MANAGEMENT_DEDUCTIONS_EDIT_FORM_UPDATED,\n            saved,\n          )\n        }}\n        onCancel={() => {\n          onEvent(componentEvents.EMPLOYEE_MANAGEMENT_DEDUCTIONS_EDIT_FORM_CANCELLED)\n        }}\n      />\n    </BaseLayout>\n  )\n}\n"],"names":["DeductionsEditForm","FallbackComponent","props","jsx","BaseBoundaries","DeductionsEditFormRoot","employeeId","editingDeductionId","dictionary","onEvent","useI18n","useComponentDictionary","list","useDeductionsList","formDictionary","useManagementDeductionsFormDictionary","BaseLayout","deduction","d","DeductionsForm","saved","mode","componentEvents"],"mappings":";;;;;;;;AA6BO,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,oBAAAC;AAAA,EACA,YAAAC;AAAA,EACA,SAAAC;AACF,GAA4B;AAC1B,EAAAC,EAAQ,gCAAgC,GACxCC,EAAuB,kCAAkCH,CAAU;AAInE,QAAMI,IAAOC,EAAkB,EAAE,YAAAP,GAAY,GACvCQ,IAAiBC,EAAA;AAEvB,MAAIH,EAAK;AACP,6BAAQI,GAAA,EAAW,WAAS,IAAC,OAAOJ,EAAK,cAAc,QAAQ;AAGjE,QAAMK,IAAYV,IACbK,EAAK,KAAK,WAAW,KAAK,CAAAM,MAAKA,EAAE,SAASX,CAAkB,KAAK,OAClE;AAEJ,SACE,gBAAAJ,EAACa,GAAA,EAAW,OAAOJ,EAAK,cAAc,QACpC,UAAA,gBAAAT;AAAA,IAACgB;AAAA,IAAA;AAAA,MACC,YAAAb;AAAA,MACA,WAAAW;AAAA,MACA,YAAYH;AAAA,MACZ,SAAS,CAACM,GAAOC,MAAS;AACxB,QAAAZ;AAAA,UACEY,MAAS,WACLC,EAAgB,mDAChBA,EAAgB;AAAA,UACpBF;AAAA,QAAA;AAAA,MAEJ;AAAA,MACA,UAAU,MAAM;AACd,QAAAX,EAAQa,EAAgB,kDAAkD;AAAA,MAC5E;AAAA,IAAA;AAAA,EAAA,GAEJ;AAEJ;"}
+{"version":3,"file":"DeductionsEditForm.js","sources":["../../../../../../src/components/Employee/Deductions/management/DeductionsEditForm/DeductionsEditForm.tsx"],"sourcesContent":["import { DeductionsForm } from '../../shared/DeductionsForm'\nimport { useDeductionsList } from '../../shared/useDeductionsList'\nimport { useManagementDeductionsFormDictionary } from './useFormDictionary'\nimport {\n  BaseBoundaries,\n  BaseLayout,\n  type BaseComponentInterface,\n  type CommonComponentInterface,\n} from '@/components/Base'\nimport { useI18n, useComponentDictionary } from '@/i18n'\nimport { componentEvents } from '@/shared/constants'\n\n/**\n * Props for {@link DeductionsEditForm}.\n *\n * @public\n */\nexport interface DeductionsEditFormProps extends CommonComponentInterface<'Employee.Management.Deductions'> {\n  /** The associated employee identifier. */\n  employeeId: string\n  /** When provided, the form opens in edit mode pre-populated with the\n   *  matching active deduction. Omit to open in add mode. */\n  editingDeductionId?: string\n  /** Callback invoked when the form emits an event. See the events table on {@link DeductionsEditForm} for the available event types and payloads. */\n  onEvent: BaseComponentInterface['onEvent']\n}\n\n/**\n * Standalone add/edit surface for a single employee deduction.\n *\n * @remarks\n * Renders the inline form for a post-tax custom deduction or court-ordered garnishment. Looks up the row to edit by `editingDeductionId`; omit it to open in add mode. Resolves its text against the `Employee.Management.Deductions` translation namespace so partner overrides on that namespace flow into the form. For an orchestrated card-plus-form flow, use {@link Deductions}.\n *\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `employee/management/deductions/editForm/created` | Fired after a new deduction is saved | The created `Garnishment` |\n * | `employee/management/deductions/editForm/updated` | Fired after an existing deduction is updated | The updated `Garnishment` |\n * | `employee/management/deductions/editForm/cancelled` | Fired when the user cancels the form | — |\n *\n * @param input - See {@link DeductionsEditFormProps}, plus a `FallbackComponent` override for the error boundary.\n * @returns The rendered add/edit form.\n * @public\n */\nexport function DeductionsEditForm({\n  FallbackComponent,\n  ...props\n}: DeductionsEditFormProps & Pick<BaseComponentInterface, 'FallbackComponent'>) {\n  return (\n    <BaseBoundaries\n      componentName=\"Employee.Management.Deductions\"\n      FallbackComponent={FallbackComponent}\n    >\n      <DeductionsEditFormRoot {...props} />\n    </BaseBoundaries>\n  )\n}\n\nfunction DeductionsEditFormRoot({\n  employeeId,\n  editingDeductionId,\n  dictionary,\n  onEvent,\n}: DeductionsEditFormProps) {\n  useI18n('Employee.Management.Deductions')\n  useComponentDictionary('Employee.Management.Deductions', dictionary)\n\n  // React Query dedupes against any sibling consumer of this list, so this\n  // is just a typed handle on the loaded row used to seed edit mode.\n  const list = useDeductionsList({ employeeId })\n  const formDictionary = useManagementDeductionsFormDictionary()\n\n  if (list.isLoading) {\n    return <BaseLayout isLoading error={list.errorHandling.errors} />\n  }\n\n  const deduction = editingDeductionId\n    ? (list.data.deductions.find(d => d.uuid === editingDeductionId) ?? null)\n    : null\n\n  return (\n    <BaseLayout error={list.errorHandling.errors}>\n      <DeductionsForm\n        employeeId={employeeId}\n        deduction={deduction}\n        dictionary={formDictionary}\n        onSaved={(saved, mode) => {\n          onEvent(\n            mode === 'create'\n              ? componentEvents.EMPLOYEE_MANAGEMENT_DEDUCTIONS_EDIT_FORM_CREATED\n              : componentEvents.EMPLOYEE_MANAGEMENT_DEDUCTIONS_EDIT_FORM_UPDATED,\n            saved,\n          )\n        }}\n        onCancel={() => {\n          onEvent(componentEvents.EMPLOYEE_MANAGEMENT_DEDUCTIONS_EDIT_FORM_CANCELLED)\n        }}\n      />\n    </BaseLayout>\n  )\n}\n"],"names":["DeductionsEditForm","FallbackComponent","props","jsx","BaseBoundaries","DeductionsEditFormRoot","employeeId","editingDeductionId","dictionary","onEvent","useI18n","useComponentDictionary","list","useDeductionsList","formDictionary","useManagementDeductionsFormDictionary","BaseLayout","deduction","d","DeductionsForm","saved","mode","componentEvents"],"mappings":";;;;;;;;AA2CO,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,oBAAAC;AAAA,EACA,YAAAC;AAAA,EACA,SAAAC;AACF,GAA4B;AAC1B,EAAAC,EAAQ,gCAAgC,GACxCC,EAAuB,kCAAkCH,CAAU;AAInE,QAAMI,IAAOC,EAAkB,EAAE,YAAAP,GAAY,GACvCQ,IAAiBC,EAAA;AAEvB,MAAIH,EAAK;AACP,6BAAQI,GAAA,EAAW,WAAS,IAAC,OAAOJ,EAAK,cAAc,QAAQ;AAGjE,QAAMK,IAAYV,IACbK,EAAK,KAAK,WAAW,KAAK,CAAAM,MAAKA,EAAE,SAASX,CAAkB,KAAK,OAClE;AAEJ,SACE,gBAAAJ,EAACa,GAAA,EAAW,OAAOJ,EAAK,cAAc,QACpC,UAAA,gBAAAT;AAAA,IAACgB;AAAA,IAAA;AAAA,MACC,YAAAb;AAAA,MACA,WAAAW;AAAA,MACA,YAAYH;AAAA,MACZ,SAAS,CAACM,GAAOC,MAAS;AACxB,QAAAZ;AAAA,UACEY,MAAS,WACLC,EAAgB,mDAChBA,EAAgB;AAAA,UACpBF;AAAA,QAAA;AAAA,MAEJ;AAAA,MACA,UAAU,MAAM;AACd,QAAAX,EAAQa,EAAgB,kDAAkD;AAAA,MAC5E;AAAA,IAAA;AAAA,EAAA,GAEJ;AAEJ;"}

package/dist/components/Employee/Deductions/management/DeductionsEditForm/useFormDictionary.d.ts

@@ -5,5 +5,7 @@ import { DeductionsFormDictionary } from '../../shared/DeductionsForm';
  * management's translation file under the nested `form.*` shape, so partner
  * overrides on `Employee.Management.Deductions` flow into the form text via
  * `t(...)` resolution at render time.
+ *
+ * @internal
  */
 export declare function useManagementDeductionsFormDictionary(): DeductionsFormDictionary;

package/dist/components/Employee/Deductions/management/DeductionsEditForm/useFormDictionary.js.map

@@ -1 +1 @@
-{"version":3,"file":"useFormDictionary.js","sources":["../../../../../../src/components/Employee/Deductions/management/DeductionsEditForm/useFormDictionary.ts"],"sourcesContent":["import { useMemo } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport type { DeductionsFormDictionary } from '../../shared/DeductionsForm'\n\n/**\n * Resolves the shared `DeductionsForm`'s text against management's\n * `Employee.Management.Deductions` namespace. All form copy is owned by\n * management's translation file under the nested `form.*` shape, so partner\n * overrides on `Employee.Management.Deductions` flow into the form text via\n * `t(...)` resolution at render time.\n */\nexport function useManagementDeductionsFormDictionary(): DeductionsFormDictionary {\n  const { t } = useTranslation('Employee.Management.Deductions')\n\n  return useMemo<DeductionsFormDictionary>(\n    () => ({\n      en: {\n        addTitle: t('form.addTitle'),\n        editTitle: t('form.editTitle'),\n        description: t('form.description'),\n        variantLabel: t('form.variantLabel'),\n        variantDescription: t('form.variantDescription'),\n        garnishmentOption: t('form.garnishmentOption'),\n        customOption: t('form.customOption'),\n        garnishmentTypeLabel: t('form.garnishmentTypeLabel'),\n        types: {\n          childSupport: t('form.types.childSupport'),\n          federalTaxLien: t('form.types.federalTaxLien'),\n          stateTaxLien: t('form.types.stateTaxLien'),\n          studentLoan: t('form.types.studentLoan'),\n          creditorGarnishment: t('form.types.creditorGarnishment'),\n          federalLoan: t('form.types.federalLoan'),\n          otherGarnishment: t('form.types.otherGarnishment'),\n          custom: t('form.types.custom'),\n        },\n        standard: {\n          descriptionLabel: t('form.standard.descriptionLabel'),\n          descriptionRequired: t('form.standard.descriptionRequired'),\n          frequencyLabel: t('form.standard.frequencyLabel'),\n          frequencyRecurring: t('form.standard.frequencyRecurring'),\n          frequencyOneTime: t('form.standard.frequencyOneTime'),\n          frequencyRequired: t('form.standard.frequencyRequired'),\n          typeLabel: t('form.standard.typeLabel'),\n          typePercentage: t('form.standard.typePercentage'),\n          typeFixed: t('form.standard.typeFixed'),\n          typeRequired: t('form.standard.typeRequired'),\n          amountLabel: t('form.standard.amountLabel'),\n          amountPercentDescription: t('form.standard.amountPercentDescription'),\n          amountFixedDescription: t('form.standard.amountFixedDescription'),\n          amountRequired: t('form.standard.amountRequired'),\n          amountNonNegative: t('form.standard.amountNonNegative'),\n          totalAmountLabel: t('form.standard.totalAmountLabel'),\n          totalAmountDescription: t('form.standard.totalAmountDescription'),\n          annualMaxLabel: t('form.standard.annualMaxLabel'),\n          annualMaxDescription: t('form.standard.annualMaxDescription'),\n        },\n        childSupport: {\n          agencyLabel: t('form.childSupport.agencyLabel'),\n          agencyDescription: t('form.childSupport.agencyDescription'),\n          agencyRequired: t('form.childSupport.agencyRequired'),\n          manualPaymentRequired: t('form.childSupport.manualPaymentRequired'),\n          countyLabel: t('form.childSupport.countyLabel'),\n          countyDescription: t('form.childSupport.countyDescription'),\n          allCounties: t('form.childSupport.allCounties'),\n          countyRequired: t('form.childSupport.countyRequired'),\n          caseNumberDescription: t('form.childSupport.caseNumberDescription'),\n          caseNumberRequired: t('form.childSupport.caseNumberRequired'),\n          orderNumberDescription: t('form.childSupport.orderNumberDescription'),\n          orderNumberRequired: t('form.childSupport.orderNumberRequired'),\n          remittanceNumberDescription: t('form.childSupport.remittanceNumberDescription'),\n          remittanceNumberRequired: t('form.childSupport.remittanceNumberRequired'),\n          totalAmountWithheld: t('form.childSupport.totalAmountWithheld'),\n          totalAmountWithheldDescription: t('form.childSupport.totalAmountWithheldDescription'),\n          payPeriodMaximumRequired: t('form.childSupport.payPeriodMaximumRequired'),\n          maxPaycheckPercentage: t('form.childSupport.maxPaycheckPercentage'),\n          maxPaycheckPercentageDescription: t('form.childSupport.maxPaycheckPercentageDescription'),\n          amountRequired: t('form.childSupport.amountRequired'),\n          amountNonNegative: t('form.childSupport.amountNonNegative'),\n          percentOutOfRange: t('form.childSupport.percentOutOfRange'),\n          paymentPeriodLabel: t('form.childSupport.paymentPeriodLabel'),\n          paymentPeriodDescription: t('form.childSupport.paymentPeriodDescription'),\n          paymentPeriodRequired: t('form.childSupport.paymentPeriodRequired'),\n          paymentPeriod: {\n            everyWeek: t('form.childSupport.paymentPeriod.everyWeek'),\n            everyOtherWeek: t('form.childSupport.paymentPeriod.everyOtherWeek'),\n            twicePerMonth: t('form.childSupport.paymentPeriod.twicePerMonth'),\n            monthly: t('form.childSupport.paymentPeriod.monthly'),\n          },\n        },\n        actions: {\n          save: t('form.actions.save'),\n          cancel: t('form.actions.cancel'),\n        },\n      },\n    }),\n    [t],\n  )\n}\n"],"names":["useManagementDeductionsFormDictionary","t","useTranslation","useMemo"],"mappings":"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"}
+{"version":3,"file":"useFormDictionary.js","sources":["../../../../../../src/components/Employee/Deductions/management/DeductionsEditForm/useFormDictionary.ts"],"sourcesContent":["import { useMemo } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport type { DeductionsFormDictionary } from '../../shared/DeductionsForm'\n\n/**\n * Resolves the shared `DeductionsForm`'s text against management's\n * `Employee.Management.Deductions` namespace. All form copy is owned by\n * management's translation file under the nested `form.*` shape, so partner\n * overrides on `Employee.Management.Deductions` flow into the form text via\n * `t(...)` resolution at render time.\n *\n * @internal\n */\nexport function useManagementDeductionsFormDictionary(): DeductionsFormDictionary {\n  const { t } = useTranslation('Employee.Management.Deductions')\n\n  return useMemo<DeductionsFormDictionary>(\n    () => ({\n      en: {\n        addTitle: t('form.addTitle'),\n        editTitle: t('form.editTitle'),\n        description: t('form.description'),\n        variantLabel: t('form.variantLabel'),\n        variantDescription: t('form.variantDescription'),\n        garnishmentOption: t('form.garnishmentOption'),\n        customOption: t('form.customOption'),\n        garnishmentTypeLabel: t('form.garnishmentTypeLabel'),\n        types: {\n          childSupport: t('form.types.childSupport'),\n          federalTaxLien: t('form.types.federalTaxLien'),\n          stateTaxLien: t('form.types.stateTaxLien'),\n          studentLoan: t('form.types.studentLoan'),\n          creditorGarnishment: t('form.types.creditorGarnishment'),\n          federalLoan: t('form.types.federalLoan'),\n          otherGarnishment: t('form.types.otherGarnishment'),\n          custom: t('form.types.custom'),\n        },\n        standard: {\n          descriptionLabel: t('form.standard.descriptionLabel'),\n          descriptionRequired: t('form.standard.descriptionRequired'),\n          frequencyLabel: t('form.standard.frequencyLabel'),\n          frequencyRecurring: t('form.standard.frequencyRecurring'),\n          frequencyOneTime: t('form.standard.frequencyOneTime'),\n          frequencyRequired: t('form.standard.frequencyRequired'),\n          typeLabel: t('form.standard.typeLabel'),\n          typePercentage: t('form.standard.typePercentage'),\n          typeFixed: t('form.standard.typeFixed'),\n          typeRequired: t('form.standard.typeRequired'),\n          amountLabel: t('form.standard.amountLabel'),\n          amountPercentDescription: t('form.standard.amountPercentDescription'),\n          amountFixedDescription: t('form.standard.amountFixedDescription'),\n          amountRequired: t('form.standard.amountRequired'),\n          amountNonNegative: t('form.standard.amountNonNegative'),\n          totalAmountLabel: t('form.standard.totalAmountLabel'),\n          totalAmountDescription: t('form.standard.totalAmountDescription'),\n          annualMaxLabel: t('form.standard.annualMaxLabel'),\n          annualMaxDescription: t('form.standard.annualMaxDescription'),\n        },\n        childSupport: {\n          agencyLabel: t('form.childSupport.agencyLabel'),\n          agencyDescription: t('form.childSupport.agencyDescription'),\n          agencyRequired: t('form.childSupport.agencyRequired'),\n          manualPaymentRequired: t('form.childSupport.manualPaymentRequired'),\n          countyLabel: t('form.childSupport.countyLabel'),\n          countyDescription: t('form.childSupport.countyDescription'),\n          allCounties: t('form.childSupport.allCounties'),\n          countyRequired: t('form.childSupport.countyRequired'),\n          caseNumberDescription: t('form.childSupport.caseNumberDescription'),\n          caseNumberRequired: t('form.childSupport.caseNumberRequired'),\n          orderNumberDescription: t('form.childSupport.orderNumberDescription'),\n          orderNumberRequired: t('form.childSupport.orderNumberRequired'),\n          remittanceNumberDescription: t('form.childSupport.remittanceNumberDescription'),\n          remittanceNumberRequired: t('form.childSupport.remittanceNumberRequired'),\n          totalAmountWithheld: t('form.childSupport.totalAmountWithheld'),\n          totalAmountWithheldDescription: t('form.childSupport.totalAmountWithheldDescription'),\n          payPeriodMaximumRequired: t('form.childSupport.payPeriodMaximumRequired'),\n          maxPaycheckPercentage: t('form.childSupport.maxPaycheckPercentage'),\n          maxPaycheckPercentageDescription: t('form.childSupport.maxPaycheckPercentageDescription'),\n          amountRequired: t('form.childSupport.amountRequired'),\n          amountNonNegative: t('form.childSupport.amountNonNegative'),\n          percentOutOfRange: t('form.childSupport.percentOutOfRange'),\n          paymentPeriodLabel: t('form.childSupport.paymentPeriodLabel'),\n          paymentPeriodDescription: t('form.childSupport.paymentPeriodDescription'),\n          paymentPeriodRequired: t('form.childSupport.paymentPeriodRequired'),\n          paymentPeriod: {\n            everyWeek: t('form.childSupport.paymentPeriod.everyWeek'),\n            everyOtherWeek: t('form.childSupport.paymentPeriod.everyOtherWeek'),\n            twicePerMonth: t('form.childSupport.paymentPeriod.twicePerMonth'),\n            monthly: t('form.childSupport.paymentPeriod.monthly'),\n          },\n        },\n        actions: {\n          save: t('form.actions.save'),\n          cancel: t('form.actions.cancel'),\n        },\n      },\n    }),\n    [t],\n  )\n}\n"],"names":["useManagementDeductionsFormDictionary","t","useTranslation","useMemo"],"mappings":"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"}