@gusto/embedded-react-sdk 0.48.2 → 0.49.0

package/dist/components/Payroll/PayrollExecutionFlow/PayrollExecutionFlow.js.map

@@ -1 +1 @@
-{"version":3,"file":"PayrollExecutionFlow.js","sources":["../../../../src/components/Payroll/PayrollExecutionFlow/PayrollExecutionFlow.tsx"],"sourcesContent":["import { useMemo } from 'react'\nimport { createMachine } from 'robot3'\nimport type { PayrollPayPeriodType } from '@gusto/embedded-api-v-2025-11-15/models/components/payrollpayperiodtype'\nimport type { ConfirmWireDetailsComponentType } from '../ConfirmWireDetails/ConfirmWireDetails'\nimport {\n  PayrollConfigurationContextual,\n  PayrollOverviewContextual,\n  SaveAndExitCta,\n  type PayrollFlowContextInterface,\n} from '../PayrollFlow/PayrollFlowComponents'\nimport {\n  payrollExecutionMachine,\n  getPayrollExecutionBreadcrumbsNodes,\n} from './payrollExecutionMachine'\nimport { Flow } from '@/components/Flow/Flow'\nimport type { FlowBreadcrumb } from '@/components/Common/FlowBreadcrumbs/FlowBreadcrumbsTypes'\nimport { buildBreadcrumbs, updateBreadcrumbs } from '@/helpers/breadcrumbHelpers'\nimport type { OnEventType } from '@/components/Base/useBase'\nimport type { EventType } from '@/shared/constants'\n\nconst EMPTY_BREADCRUMBS: FlowBreadcrumb[] = []\n\n/**\n * Entry point for {@link PayrollExecutionFlow}. Determines which screen the flow renders first.\n *\n * @public\n */\nexport type PayrollExecutionInitialState = 'configuration' | 'overview'\n\n/**\n * Props for {@link PayrollExecutionFlow}.\n *\n * @public\n */\nexport interface PayrollExecutionFlowProps {\n  /** The associated company identifier. */\n  companyId: string\n  /**\n   * The identifier of the payroll to execute. The payroll must already exist (e.g. created by a\n   * prior creation step or by the standard `PayrollFlow` selection).\n   */\n  payrollId: string\n  /** Event handler that receives the `RUN_PAYROLL_*` events emitted during the flow. */\n  onEvent: OnEventType<EventType, unknown>\n  /** Optional pay period metadata used to seed breadcrumb labels and date context. */\n  initialPayPeriod?: PayrollPayPeriodType\n  /**\n   * When true, surfaces dismissal-specific copy and breadcrumbs (used by `Payroll.DismissalFlow`).\n   * Defaults to `false`.\n   */\n  isDismissalPayroll?: boolean\n  /** Optional flag to show or hide reimbursement fields throughout the flow. Defaults to `true`. */\n  withReimbursements?: boolean\n  /** Optional custom component to replace the default wire details confirmation UI. */\n  ConfirmWireDetailsComponent?: ConfirmWireDetailsComponentType\n  /**\n   * Optional breadcrumbs prepended to the flow's own breadcrumb trail. Useful when embedding inside\n   * a parent flow (e.g. an off-cycle creation step) so the breadcrumb history remains coherent.\n   */\n  prefixBreadcrumbs?: FlowBreadcrumb[]\n  /**\n   * Where the flow starts. Use `'overview'` when you want to drop the user directly on the review\n   * screen (e.g. resuming an already-calculated payroll). Defaults to `'configuration'`.\n   */\n  initialState?: PayrollExecutionInitialState\n}\n\nconst INITIAL_COMPONENT_MAP = {\n  configuration: PayrollConfigurationContextual,\n  overview: PayrollOverviewContextual,\n} as const\n\nconst INITIAL_NAMESPACE_MAP = {\n  configuration: 'Payroll.PayrollConfiguration' as const,\n  overview: 'Payroll.PayrollOverview' as const,\n} as const\n\n/**\n * Shared execution flow that runs the configuration, overview, submission, and receipt steps for a\n * single payroll.\n *\n * @remarks\n * This is the inner flow that powers the back half of `Payroll.PayrollFlow`, and it is also reused\n * by the off-cycle, dismissal, and transition flows after they have created their respective\n * payrolls. Render it directly when you have built your own payroll-creation step and want to hand\n * the user off to the standard execution experience without re-implementing it. The flow ships\n * with breadcrumb navigation and the standard wire-confirmation UX.\n *\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `runPayroll/edit` | Fired when user chooses to edit payroll | — |\n * | `runPayroll/back` | Fired when user navigates back | — |\n * | `runPayroll/calculated` | Fired when payroll calculation completes | `{ payrollUuid, payPeriod?, alert? }` |\n * | `runPayroll/employee/edit` | Fired when user opens an employee row to edit | `{ employeeId, firstName, lastName }` |\n * | `runPayroll/employee/saved` | Fired when employee edits are saved | — |\n * | `runPayroll/employee/cancelled` | Fired when employee edits are cancelled | — |\n * | `runPayroll/submitting` | Fired when payroll submission begins | — |\n * | `runPayroll/submitted` | Fired when payroll is successfully submitted | Response from the Submit payroll endpoint |\n * | `runPayroll/processed` | Fired when payroll processing is completed | — |\n * | `runPayroll/processingFailed` | Fired when payroll processing fails | Error details |\n * | `runPayroll/cancelled` | Fired when a payroll is cancelled | Response from the Cancel payroll endpoint |\n * | `runPayroll/receipt/get` | Fired when user requests payroll receipt | `{ payrollId }` |\n * | `runPayroll/receipt/viewed` | Fired when the receipt screen is viewed | — |\n * | `runPayroll/pdfPaystub/viewed` | Fired when user views employee paystub PDF | `{ employeeId }` |\n * | `runPayroll/blockers/viewAll` | Fired when user opens the full blockers list | — |\n * | `payroll/saveAndExit` | Fired when user uses the save-and-exit CTA | — |\n *\n * @param input - {@link PayrollExecutionFlowProps}\n * @returns The rendered execution flow.\n * @public\n */\nexport function PayrollExecutionFlow({\n  companyId,\n  payrollId,\n  onEvent,\n  initialPayPeriod,\n  isDismissalPayroll: isDismissal = false,\n  withReimbursements = true,\n  ConfirmWireDetailsComponent,\n  prefixBreadcrumbs = EMPTY_BREADCRUMBS,\n  initialState = 'configuration',\n}: PayrollExecutionFlowProps) {\n  const executionFlowMachine = useMemo(() => {\n    const breadcrumbNodes = getPayrollExecutionBreadcrumbsNodes(isDismissal)\n    const baseBreadcrumbs = buildBreadcrumbs(breadcrumbNodes)\n    const displayOnlyPrefixes = prefixBreadcrumbs.map(({ onNavigate, ...rest }) => rest)\n    const breadcrumbs = Object.fromEntries(\n      Object.entries(baseBreadcrumbs).map(([stateKey, trail]) => [\n        stateKey,\n        [...displayOnlyPrefixes, ...trail],\n      ]),\n    )\n\n    const initialBreadcrumbContext = updateBreadcrumbs(\n      initialState,\n      {\n        header: {\n          type: 'breadcrumbs' as const,\n          breadcrumbs,\n          cta: SaveAndExitCta,\n        },\n      },\n      {\n        startDate: initialPayPeriod?.startDate ?? '',\n        endDate: initialPayPeriod?.endDate ?? '',\n      },\n    )\n\n    return createMachine(\n      initialState,\n      payrollExecutionMachine,\n      (initialContext: PayrollFlowContextInterface) => ({\n        ...initialContext,\n        ...initialBreadcrumbContext,\n        component: INITIAL_COMPONENT_MAP[initialState],\n        companyId,\n        payrollUuid: payrollId,\n        payPeriod: initialPayPeriod,\n        withReimbursements,\n        ConfirmWireDetailsComponent,\n        ctaConfig: {\n          labelKey: 'exitFlowCta',\n          namespace: INITIAL_NAMESPACE_MAP[initialState],\n        },\n      }),\n    )\n  }, [\n    companyId,\n    payrollId,\n    isDismissal,\n    withReimbursements,\n    ConfirmWireDetailsComponent,\n    prefixBreadcrumbs,\n    initialState,\n  ])\n\n  return <Flow machine={executionFlowMachine} onEvent={onEvent} />\n}\n"],"names":["EMPTY_BREADCRUMBS","INITIAL_COMPONENT_MAP","PayrollConfigurationContextual","PayrollOverviewContextual","INITIAL_NAMESPACE_MAP","PayrollExecutionFlow","companyId","payrollId","onEvent","initialPayPeriod","isDismissal","withReimbursements","ConfirmWireDetailsComponent","prefixBreadcrumbs","initialState","executionFlowMachine","useMemo","breadcrumbNodes","getPayrollExecutionBreadcrumbsNodes","baseBreadcrumbs","buildBreadcrumbs","displayOnlyPrefixes","onNavigate","rest","breadcrumbs","stateKey","trail","initialBreadcrumbContext","updateBreadcrumbs","SaveAndExitCta","createMachine","payrollExecutionMachine","initialContext","jsx","Flow"],"mappings":";;;;;;;AAoBA,MAAMA,IAAsC,CAAA,GA+CtCC,IAAwB;AAAA,EAC5B,eAAeC;AAAA,EACf,UAAUC;AACZ,GAEMC,IAAwB;AAAA,EAC5B,eAAe;AAAA,EACf,UAAU;AACZ;AAoCO,SAASC,EAAqB;AAAA,EACnC,WAAAC;AAAA,EACA,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,oBAAoBC,IAAc;AAAA,EAClC,oBAAAC,IAAqB;AAAA,EACrB,6BAAAC;AAAA,EACA,mBAAAC,IAAoBb;AAAA,EACpB,cAAAc,IAAe;AACjB,GAA8B;AAC5B,QAAMC,IAAuBC,EAAQ,MAAM;AACzC,UAAMC,IAAkBC,EAAoCR,CAAW,GACjES,IAAkBC,EAAiBH,CAAe,GAClDI,IAAsBR,EAAkB,IAAI,CAAC,EAAE,YAAAS,GAAY,GAAGC,EAAA,MAAWA,CAAI,GAC7EC,IAAc,OAAO;AAAA,MACzB,OAAO,QAAQL,CAAe,EAAE,IAAI,CAAC,CAACM,GAAUC,CAAK,MAAM;AAAA,QACzDD;AAAA,QACA,CAAC,GAAGJ,GAAqB,GAAGK,CAAK;AAAA,MAAA,CAClC;AAAA,IAAA,GAGGC,IAA2BC;AAAA,MAC/Bd;AAAA,MACA;AAAA,QACE,QAAQ;AAAA,UACN,MAAM;AAAA,UACN,aAAAU;AAAA,UACA,KAAKK;AAAA,QAAA;AAAA,MACP;AAAA,MAEF;AAAA,QACE,WAAWpB,GAAkB,aAAa;AAAA,QAC1C,SAASA,GAAkB,WAAW;AAAA,MAAA;AAAA,IACxC;AAGF,WAAOqB;AAAA,MACLhB;AAAA,MACAiB;AAAA,MACA,CAACC,OAAiD;AAAA,QAChD,GAAGA;AAAA,QACH,GAAGL;AAAA,QACH,WAAW1B,EAAsBa,CAAY;AAAA,QAC7C,WAAAR;AAAA,QACA,aAAaC;AAAA,QACb,WAAWE;AAAA,QACX,oBAAAE;AAAA,QACA,6BAAAC;AAAA,QACA,WAAW;AAAA,UACT,UAAU;AAAA,UACV,WAAWR,EAAsBU,CAAY;AAAA,QAAA;AAAA,MAC/C;AAAA,IACF;AAAA,EAEJ,GAAG;AAAA,IACDR;AAAA,IACAC;AAAA,IACAG;AAAA,IACAC;AAAA,IACAC;AAAA,IACAC;AAAA,IACAC;AAAA,EAAA,CACD;AAED,SAAO,gBAAAmB,EAACC,GAAA,EAAK,SAASnB,GAAsB,SAAAP,EAAA,CAAkB;AAChE;"}
+{"version":3,"file":"PayrollExecutionFlow.js","sources":["../../../../src/components/Payroll/PayrollExecutionFlow/PayrollExecutionFlow.tsx"],"sourcesContent":["import { useMemo } from 'react'\nimport { createMachine } from 'robot3'\nimport type { PayrollPayPeriodType } from '@gusto/embedded-api-v-2025-11-15/models/components/payrollpayperiodtype'\nimport type { ConfirmWireDetailsComponentType } from '../ConfirmWireDetails/ConfirmWireDetails'\nimport {\n  PayrollConfigurationContextual,\n  PayrollOverviewContextual,\n  SaveAndExitCta,\n  type PayrollFlowContextInterface,\n} from '../PayrollFlow/PayrollFlowComponents'\nimport {\n  payrollExecutionMachine,\n  getPayrollExecutionBreadcrumbsNodes,\n} from './payrollExecutionMachine'\nimport { Flow } from '@/components/Flow/Flow'\nimport type { FlowBreadcrumb } from '@/components/Common/FlowBreadcrumbs/FlowBreadcrumbsTypes'\nimport { buildBreadcrumbs, updateBreadcrumbs } from '@/helpers/breadcrumbHelpers'\nimport type { OnEventType } from '@/components/Base/useBase'\nimport type { EventType } from '@/shared/constants'\n\nconst EMPTY_BREADCRUMBS: FlowBreadcrumb[] = []\n\n/**\n * Entry point for {@link PayrollExecutionFlow}. Determines which screen the flow renders first.\n *\n * @public\n */\nexport type PayrollExecutionInitialState = 'configuration' | 'overview'\n\n/**\n * Props for {@link PayrollExecutionFlow}.\n *\n * @public\n */\nexport interface PayrollExecutionFlowProps {\n  /** The associated company identifier. */\n  companyId: string\n  /**\n   * The identifier of the payroll to execute. The payroll must already exist (e.g. created by a\n   * prior creation step or by the standard `PayrollFlow` selection).\n   */\n  payrollId: string\n  /** Event handler that receives the `RUN_PAYROLL_*` events emitted during the flow. */\n  onEvent: OnEventType<EventType, unknown>\n  /** Optional pay period metadata used to seed breadcrumb labels and date context. */\n  initialPayPeriod?: PayrollPayPeriodType\n  /**\n   * When true, surfaces dismissal-specific copy and breadcrumbs (used by `Payroll.DismissalFlow`).\n   * Defaults to `false`.\n   */\n  isDismissalPayroll?: boolean\n  /** Optional flag to show or hide reimbursement fields throughout the flow. Defaults to `true`. */\n  withReimbursements?: boolean\n  /** Optional custom component to replace the default wire details confirmation UI. */\n  ConfirmWireDetailsComponent?: ConfirmWireDetailsComponentType\n  /**\n   * Optional breadcrumbs prepended to the flow's own breadcrumb trail. Useful when embedding inside\n   * a parent flow (e.g. an off-cycle creation step) so the breadcrumb history remains coherent.\n   */\n  prefixBreadcrumbs?: FlowBreadcrumb[]\n  /**\n   * Where the flow starts. Use `'overview'` when you want to drop the user directly on the review\n   * screen (e.g. resuming an already-calculated payroll). Defaults to `'configuration'`.\n   */\n  initialState?: PayrollExecutionInitialState\n}\n\nconst INITIAL_COMPONENT_MAP = {\n  configuration: PayrollConfigurationContextual,\n  overview: PayrollOverviewContextual,\n} as const\n\nconst INITIAL_NAMESPACE_MAP = {\n  configuration: 'Payroll.PayrollConfiguration' as const,\n  overview: 'Payroll.PayrollOverview' as const,\n} as const\n\n/**\n * Guided flow to configure, review, and submit a single payroll.\n *\n * @remarks\n * This is the inner flow that powers the back half of `Payroll.PayrollFlow`, and it is also reused\n * by the off-cycle, dismissal, and transition flows after they have created their respective\n * payrolls. Render it directly when you have built your own payroll-creation step and want to hand\n * the user off to the standard execution experience without re-implementing it. The flow ships\n * with breadcrumb navigation and the standard wire-confirmation UX.\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `runPayroll/edit` | Fired when user chooses to edit payroll | — |\n * | `runPayroll/calculated` | Fired when payroll calculation completes | `{ payrollUuid, payPeriod?, alert? }` |\n * | `runPayroll/employee/edit` | Fired when user opens an employee row to edit | `{ employeeId, firstName, lastName }` |\n * | `runPayroll/employee/saved` | Fired when employee edits are saved | — |\n * | `runPayroll/employee/cancelled` | Fired when employee edits are cancelled | — |\n * | `runPayroll/submitting` | Fired when payroll submission begins | — |\n * | `runPayroll/submitted` | Fired when payroll is successfully submitted | Response from the Submit payroll endpoint |\n * | `runPayroll/processed` | Fired when payroll processing is completed | — |\n * | `runPayroll/processingFailed` | Fired when payroll processing fails | Error details |\n * | `runPayroll/cancelled` | Fired when a payroll is cancelled | Response from the Cancel payroll endpoint |\n * | `runPayroll/receipt/get` | Fired when user requests payroll receipt | `{ payrollId }` |\n * | `runPayroll/receipt/viewed` | Fired when the receipt screen is viewed | — |\n * | `runPayroll/pdfPaystub/viewed` | Fired when user views employee paystub PDF | `{ employeeId }` |\n * | `runPayroll/blockers/viewAll` | Fired when user opens the full blockers list | — |\n * | `payroll/saveAndExit` | Fired when user uses the save-and-exit CTA | — |\n *\n * @components\n * - {@link PayrollConfiguration}\n * - {@link PayrollOverview}\n * - {@link PayrollEditEmployee}\n * - {@link PayrollReceipts}\n * - {@link PayrollBlockerList}\n *\n * @param input - {@link PayrollExecutionFlowProps}\n * @returns The rendered execution flow.\n * @public\n *\n * @example\n * ```tsx title=\"App.tsx\"\n * import { Payroll, type EventType } from '@gusto/embedded-react-sdk'\n *\n * function MyApp() {\n *   return (\n *     <Payroll.PayrollExecutionFlow\n *       companyId=\"a007e1ab-3595-43c2-ab4b-af7a5af2e365\"\n *       payrollId=\"0987fcea-7b59-4907-a301-f232b5aff508\"\n *       onEvent={(eventType: EventType) => {\n *         if (eventType === 'runPayroll/submitted') {\n *           // Payroll submitted — navigate to your next screen\n *         }\n *       }}\n *     />\n *   )\n * }\n * ```\n */\nexport function PayrollExecutionFlow({\n  companyId,\n  payrollId,\n  onEvent,\n  initialPayPeriod,\n  isDismissalPayroll: isDismissal = false,\n  withReimbursements = true,\n  ConfirmWireDetailsComponent,\n  prefixBreadcrumbs = EMPTY_BREADCRUMBS,\n  initialState = 'configuration',\n}: PayrollExecutionFlowProps) {\n  const executionFlowMachine = useMemo(() => {\n    const breadcrumbNodes = getPayrollExecutionBreadcrumbsNodes(isDismissal)\n    const baseBreadcrumbs = buildBreadcrumbs(breadcrumbNodes)\n    const displayOnlyPrefixes = prefixBreadcrumbs.map(({ onNavigate, ...rest }) => rest)\n    const breadcrumbs = Object.fromEntries(\n      Object.entries(baseBreadcrumbs).map(([stateKey, trail]) => [\n        stateKey,\n        [...displayOnlyPrefixes, ...trail],\n      ]),\n    )\n\n    const initialBreadcrumbContext = updateBreadcrumbs(\n      initialState,\n      {\n        header: {\n          type: 'breadcrumbs' as const,\n          breadcrumbs,\n          cta: SaveAndExitCta,\n        },\n      },\n      {\n        startDate: initialPayPeriod?.startDate ?? '',\n        endDate: initialPayPeriod?.endDate ?? '',\n      },\n    )\n\n    return createMachine(\n      initialState,\n      payrollExecutionMachine,\n      (initialContext: PayrollFlowContextInterface) => ({\n        ...initialContext,\n        ...initialBreadcrumbContext,\n        component: INITIAL_COMPONENT_MAP[initialState],\n        companyId,\n        payrollUuid: payrollId,\n        payPeriod: initialPayPeriod,\n        withReimbursements,\n        ConfirmWireDetailsComponent,\n        ctaConfig: {\n          labelKey: 'exitFlowCta',\n          namespace: INITIAL_NAMESPACE_MAP[initialState],\n        },\n      }),\n    )\n  }, [\n    companyId,\n    payrollId,\n    isDismissal,\n    withReimbursements,\n    ConfirmWireDetailsComponent,\n    prefixBreadcrumbs,\n    initialState,\n  ])\n\n  return <Flow machine={executionFlowMachine} onEvent={onEvent} />\n}\n"],"names":["EMPTY_BREADCRUMBS","INITIAL_COMPONENT_MAP","PayrollConfigurationContextual","PayrollOverviewContextual","INITIAL_NAMESPACE_MAP","PayrollExecutionFlow","companyId","payrollId","onEvent","initialPayPeriod","isDismissal","withReimbursements","ConfirmWireDetailsComponent","prefixBreadcrumbs","initialState","executionFlowMachine","useMemo","breadcrumbNodes","getPayrollExecutionBreadcrumbsNodes","baseBreadcrumbs","buildBreadcrumbs","displayOnlyPrefixes","onNavigate","rest","breadcrumbs","stateKey","trail","initialBreadcrumbContext","updateBreadcrumbs","SaveAndExitCta","createMachine","payrollExecutionMachine","initialContext","jsx","Flow"],"mappings":";;;;;;;AAoBA,MAAMA,IAAsC,CAAA,GA+CtCC,IAAwB;AAAA,EAC5B,eAAeC;AAAA,EACf,UAAUC;AACZ,GAEMC,IAAwB;AAAA,EAC5B,eAAe;AAAA,EACf,UAAU;AACZ;AA6DO,SAASC,EAAqB;AAAA,EACnC,WAAAC;AAAA,EACA,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,oBAAoBC,IAAc;AAAA,EAClC,oBAAAC,IAAqB;AAAA,EACrB,6BAAAC;AAAA,EACA,mBAAAC,IAAoBb;AAAA,EACpB,cAAAc,IAAe;AACjB,GAA8B;AAC5B,QAAMC,IAAuBC,EAAQ,MAAM;AACzC,UAAMC,IAAkBC,EAAoCR,CAAW,GACjES,IAAkBC,EAAiBH,CAAe,GAClDI,IAAsBR,EAAkB,IAAI,CAAC,EAAE,YAAAS,GAAY,GAAGC,EAAA,MAAWA,CAAI,GAC7EC,IAAc,OAAO;AAAA,MACzB,OAAO,QAAQL,CAAe,EAAE,IAAI,CAAC,CAACM,GAAUC,CAAK,MAAM;AAAA,QACzDD;AAAA,QACA,CAAC,GAAGJ,GAAqB,GAAGK,CAAK;AAAA,MAAA,CAClC;AAAA,IAAA,GAGGC,IAA2BC;AAAA,MAC/Bd;AAAA,MACA;AAAA,QACE,QAAQ;AAAA,UACN,MAAM;AAAA,UACN,aAAAU;AAAA,UACA,KAAKK;AAAA,QAAA;AAAA,MACP;AAAA,MAEF;AAAA,QACE,WAAWpB,GAAkB,aAAa;AAAA,QAC1C,SAASA,GAAkB,WAAW;AAAA,MAAA;AAAA,IACxC;AAGF,WAAOqB;AAAA,MACLhB;AAAA,MACAiB;AAAA,MACA,CAACC,OAAiD;AAAA,QAChD,GAAGA;AAAA,QACH,GAAGL;AAAA,QACH,WAAW1B,EAAsBa,CAAY;AAAA,QAC7C,WAAAR;AAAA,QACA,aAAaC;AAAA,QACb,WAAWE;AAAA,QACX,oBAAAE;AAAA,QACA,6BAAAC;AAAA,QACA,WAAW;AAAA,UACT,UAAU;AAAA,UACV,WAAWR,EAAsBU,CAAY;AAAA,QAAA;AAAA,MAC/C;AAAA,IACF;AAAA,EAEJ,GAAG;AAAA,IACDR;AAAA,IACAC;AAAA,IACAG;AAAA,IACAC;AAAA,IACAC;AAAA,IACAC;AAAA,IACAC;AAAA,EAAA,CACD;AAED,SAAO,gBAAAmB,EAACC,GAAA,EAAK,SAASnB,GAAsB,SAAAP,EAAA,CAAkB;AAChE;"}

package/dist/components/Payroll/PayrollExecutionFlow/payrollExecutionMachine.js

@@ -125,61 +125,53 @@ const s = g(), S = (e = !1) => ({
 ), C = t(
   i.RUN_PAYROLL_SUBMITTING,
   "overview",
-  r(
-    (e) => ({
-      ...f("configuration", e),
-      hasPayrollSubmissionStarted: !0
-    })
-  )
+  r((e) => ({
+    ...f("configuration", e),
+    hasPayrollSubmissionStarted: !0
+  }))
 ), N = t(
   i.RUN_PAYROLL_RECEIPT_GET,
   "receipts",
-  r(
-    (e) => ({
-      ...n("receipts", e, {
-        startDate: e.payPeriod?.startDate ?? "",
-        endDate: e.payPeriod?.endDate ?? ""
-      }),
-      component: u,
-      alerts: void 0,
-      ctaConfig: {
-        labelKey: "exitFlowCta",
-        namespace: "Payroll.PayrollReceipts"
-      }
-    })
-  )
+  r((e) => ({
+    ...n("receipts", e, {
+      startDate: e.payPeriod?.startDate ?? "",
+      endDate: e.payPeriod?.endDate ?? ""
+    }),
+    component: u,
+    alerts: void 0,
+    ctaConfig: {
+      labelKey: "exitFlowCta",
+      namespace: "Payroll.PayrollReceipts"
+    }
+  }))
 ), _ = t(
   i.RUN_PAYROLL_EMPLOYEE_SAVED,
   "configuration",
-  r(
-    (e) => ({
-      ...p(e, { currentBreadcrumbId: "configuration" }),
-      component: d,
-      employeeId: void 0,
-      firstName: void 0,
-      lastName: void 0,
-      ctaConfig: {
-        labelKey: "exitFlowCta",
-        namespace: "Payroll.PayrollConfiguration"
-      }
-    })
-  )
+  r((e) => ({
+    ...p(e, { currentBreadcrumbId: "configuration" }),
+    component: d,
+    employeeId: void 0,
+    firstName: void 0,
+    lastName: void 0,
+    ctaConfig: {
+      labelKey: "exitFlowCta",
+      namespace: "Payroll.PayrollConfiguration"
+    }
+  }))
 ), R = t(
   i.RUN_PAYROLL_EMPLOYEE_CANCELLED,
   "configuration",
-  r(
-    (e) => ({
-      ...p(e, { currentBreadcrumbId: "configuration" }),
-      component: d,
-      employeeId: void 0,
-      firstName: void 0,
-      lastName: void 0,
-      ctaConfig: {
-        labelKey: "exitFlowCta",
-        namespace: "Payroll.PayrollConfiguration"
-      }
-    })
-  )
+  r((e) => ({
+    ...p(e, { currentBreadcrumbId: "configuration" }),
+    component: d,
+    employeeId: void 0,
+    firstName: void 0,
+    lastName: void 0,
+    ctaConfig: {
+      labelKey: "exitFlowCta",
+      namespace: "Payroll.PayrollConfiguration"
+    }
+  }))
 ), B = {
   configuration: l(
     s("configuration"),

package/dist/components/Payroll/PayrollExecutionFlow/payrollExecutionMachine.js.map

@@ -1 +1 @@
-{"version":3,"file":"payrollExecutionMachine.js","sources":["../../../../src/components/Payroll/PayrollExecutionFlow/payrollExecutionMachine.ts"],"sourcesContent":["import { transition, reduce, state, guard } from 'robot3'\nimport type { PayrollPayPeriodType } from '@gusto/embedded-api-v-2025-11-15/models/components/payrollpayperiodtype'\nimport type { PayrollFlowAlert } from '../PayrollFlow/PayrollFlowComponents'\nimport {\n  PayrollConfigurationContextual,\n  PayrollOverviewContextual,\n  PayrollEditEmployeeContextual,\n  PayrollReceiptsContextual,\n  PayrollBlockerContextual,\n  type PayrollFlowContextInterface,\n} from '../PayrollFlow/PayrollFlowComponents'\nimport { componentEvents } from '@/shared/constants'\nimport type { MachineEventType, MachineTransition } from '@/types/Helpers'\nimport {\n  hideBreadcrumb,\n  patchBreadcrumbsHeader,\n  updateBreadcrumbs,\n} from '@/helpers/breadcrumbHelpers'\nimport type {\n  BreadcrumbNode,\n  BreadcrumbNodes,\n} from '@/components/Common/FlowBreadcrumbs/FlowBreadcrumbsTypes'\nimport { createBreadcrumbNavigateTransition } from '@/components/Common/FlowBreadcrumbs/breadcrumbTransitionHelpers'\n\ntype PayrollEventPayloads = {\n  [componentEvents.RUN_PAYROLL_EMPLOYEE_EDIT]: {\n    employeeId: string\n    firstName: string\n    lastName: string\n  }\n  [componentEvents.RUN_PAYROLL_CALCULATED]: {\n    payrollUuid: string\n    alert?: PayrollFlowAlert\n    payPeriod?: PayrollPayPeriodType\n  }\n  [componentEvents.BREADCRUMB_NAVIGATE]: {\n    key: string\n    onNavigate: (ctx: PayrollFlowContextInterface) => PayrollFlowContextInterface\n  }\n  [componentEvents.RUN_PAYROLL_BLOCKERS_VIEW_ALL]: undefined\n  [componentEvents.RUN_PAYROLL_EDIT]: undefined\n}\n\nconst breadcrumbNavigateTransition =\n  createBreadcrumbNavigateTransition<PayrollFlowContextInterface>()\n\ntype BreadcrumbNodeKeys = 'configuration' | 'overview' | 'editEmployee' | 'receipts' | 'blockers'\n\n/** @internal */\nexport const getPayrollExecutionBreadcrumbsNodes = (\n  isDismissal: boolean = false,\n): BreadcrumbNodes => {\n  const configLabel = isDismissal ? 'breadcrumbLabelDismissal' : 'breadcrumbLabel'\n\n  return {\n    configuration: {\n      parent: null,\n      item: {\n        id: 'configuration',\n        label: configLabel,\n        namespace: 'Payroll.PayrollConfiguration',\n        onNavigate: ((ctx: PayrollFlowContextInterface) => ({\n          ...updateBreadcrumbs('configuration', ctx, {\n            startDate: ctx.payPeriod?.startDate ?? '',\n            endDate: ctx.payPeriod?.endDate ?? '',\n          }),\n          component: PayrollConfigurationContextual,\n          alerts: undefined,\n        })) as (context: unknown) => unknown,\n      },\n    },\n    overview: {\n      parent: 'configuration',\n      item: {\n        id: 'overview',\n        label: 'breadcrumbLabel',\n        namespace: 'Payroll.PayrollOverview',\n        onNavigate: ((ctx: PayrollFlowContextInterface) => ({\n          ...updateBreadcrumbs('overview', ctx, {\n            startDate: ctx.payPeriod?.startDate ?? '',\n            endDate: ctx.payPeriod?.endDate ?? '',\n          }),\n          component: PayrollOverviewContextual,\n          alerts: undefined,\n        })) as (context: unknown) => unknown,\n      },\n    },\n    editEmployee: {\n      parent: 'configuration',\n      item: {\n        id: 'editEmployee',\n        label: 'breadcrumbLabel',\n        namespace: 'Payroll.PayrollEditEmployee',\n      },\n    },\n    receipts: {\n      parent: 'overview',\n      item: {\n        id: 'receipts',\n        label: 'breadcrumbLabel',\n        namespace: 'Payroll.PayrollReceipts',\n      },\n    },\n    blockers: {\n      parent: 'configuration',\n      item: {\n        id: 'blockers',\n        label: 'breadcrumbLabel',\n        namespace: 'Payroll.PayrollBlocker',\n      },\n    },\n  } satisfies Record<BreadcrumbNodeKeys, BreadcrumbNode>\n}\n\nconst calculatedTransition = transition(\n  componentEvents.RUN_PAYROLL_CALCULATED,\n  'overview',\n  reduce(\n    (\n      ctx: PayrollFlowContextInterface,\n      ev: MachineEventType<PayrollEventPayloads, typeof componentEvents.RUN_PAYROLL_CALCULATED>,\n    ): PayrollFlowContextInterface => {\n      return {\n        ...updateBreadcrumbs('overview', ctx, {\n          startDate: ev.payload.payPeriod?.startDate ?? '',\n          endDate: ev.payload.payPeriod?.endDate ?? '',\n        }),\n        component: PayrollOverviewContextual,\n        payPeriod: ev.payload.payPeriod ?? ctx.payPeriod,\n        alerts: ev.payload.alert\n          ? [\n              ...(ctx.alerts ?? []).filter(a => a.alertKey !== 'progressSaved'),\n              { ...ev.payload.alert, alertKey: 'progressSaved' as const },\n            ]\n          : ctx.alerts,\n        ctaConfig: {\n          labelKey: 'exitFlowCta',\n          namespace: 'Payroll.PayrollOverview',\n        },\n      }\n    },\n  ),\n)\n\nconst employeeEditTransition = transition(\n  componentEvents.RUN_PAYROLL_EMPLOYEE_EDIT,\n  'editEmployee',\n  reduce(\n    (\n      ctx: PayrollFlowContextInterface,\n      ev: MachineEventType<PayrollEventPayloads, typeof componentEvents.RUN_PAYROLL_EMPLOYEE_EDIT>,\n    ): PayrollFlowContextInterface => {\n      return {\n        ...updateBreadcrumbs('editEmployee', ctx, {\n          firstName: ev.payload.firstName,\n          lastName: ev.payload.lastName,\n          startDate: ctx.payPeriod?.startDate ?? '',\n          endDate: ctx.payPeriod?.endDate ?? '',\n        }),\n        component: PayrollEditEmployeeContextual,\n        employeeId: ev.payload.employeeId,\n        firstName: ev.payload.firstName,\n        lastName: ev.payload.lastName,\n        ctaConfig: null,\n      }\n    },\n  ),\n)\n\nconst blockersViewAllTransition = transition(\n  componentEvents.RUN_PAYROLL_BLOCKERS_VIEW_ALL,\n  'blockers',\n  reduce((ctx: PayrollFlowContextInterface): PayrollFlowContextInterface => {\n    return {\n      ...updateBreadcrumbs('blockers', ctx),\n      component: PayrollBlockerContextual,\n    }\n  }),\n)\n\nconst notSubmitted = (ctx: PayrollFlowContextInterface) => !ctx.hasPayrollSubmissionStarted\n\nconst editPayrollTransition = transition(\n  componentEvents.RUN_PAYROLL_EDIT,\n  'configuration',\n  guard(notSubmitted),\n  reduce((ctx: PayrollFlowContextInterface): PayrollFlowContextInterface => {\n    return {\n      ...updateBreadcrumbs('configuration', ctx, {\n        startDate: ctx.payPeriod?.startDate ?? '',\n        endDate: ctx.payPeriod?.endDate ?? '',\n      }),\n      component: PayrollConfigurationContextual,\n      alerts: undefined,\n      ctaConfig: {\n        labelKey: 'exitFlowCta',\n        namespace: 'Payroll.PayrollConfiguration',\n      },\n    }\n  }),\n)\n\nconst payrollSubmittingTransition = transition(\n  componentEvents.RUN_PAYROLL_SUBMITTING,\n  'overview',\n  reduce(\n    (ctx: PayrollFlowContextInterface): PayrollFlowContextInterface => ({\n      ...hideBreadcrumb('configuration', ctx),\n      hasPayrollSubmissionStarted: true,\n    }),\n  ),\n)\n\nconst receiptGetTransition = transition(\n  componentEvents.RUN_PAYROLL_RECEIPT_GET,\n  'receipts',\n  reduce(\n    (ctx: PayrollFlowContextInterface): PayrollFlowContextInterface => ({\n      ...updateBreadcrumbs('receipts', ctx, {\n        startDate: ctx.payPeriod?.startDate ?? '',\n        endDate: ctx.payPeriod?.endDate ?? '',\n      }),\n      component: PayrollReceiptsContextual,\n      alerts: undefined,\n      ctaConfig: {\n        labelKey: 'exitFlowCta',\n        namespace: 'Payroll.PayrollReceipts',\n      },\n    }),\n  ),\n)\n\nconst employeeSavedTransition = transition(\n  componentEvents.RUN_PAYROLL_EMPLOYEE_SAVED,\n  'configuration',\n  reduce(\n    (ctx: PayrollFlowContextInterface): PayrollFlowContextInterface => ({\n      ...patchBreadcrumbsHeader(ctx, { currentBreadcrumbId: 'configuration' }),\n      component: PayrollConfigurationContextual,\n      employeeId: undefined,\n      firstName: undefined,\n      lastName: undefined,\n      ctaConfig: {\n        labelKey: 'exitFlowCta',\n        namespace: 'Payroll.PayrollConfiguration',\n      },\n    }),\n  ),\n)\n\nconst employeeCancelledTransition = transition(\n  componentEvents.RUN_PAYROLL_EMPLOYEE_CANCELLED,\n  'configuration',\n  reduce(\n    (ctx: PayrollFlowContextInterface): PayrollFlowContextInterface => ({\n      ...patchBreadcrumbsHeader(ctx, { currentBreadcrumbId: 'configuration' }),\n      component: PayrollConfigurationContextual,\n      employeeId: undefined,\n      firstName: undefined,\n      lastName: undefined,\n      ctaConfig: {\n        labelKey: 'exitFlowCta',\n        namespace: 'Payroll.PayrollConfiguration',\n      },\n    }),\n  ),\n)\n\n/** @internal */\nexport const payrollExecutionMachine = {\n  configuration: state<MachineTransition>(\n    breadcrumbNavigateTransition('configuration'),\n    calculatedTransition,\n    employeeEditTransition,\n    blockersViewAllTransition,\n  ),\n  overview: state<MachineTransition>(\n    breadcrumbNavigateTransition('configuration', notSubmitted),\n    payrollSubmittingTransition,\n    editPayrollTransition,\n    receiptGetTransition,\n  ),\n  editEmployee: state<MachineTransition>(\n    breadcrumbNavigateTransition('configuration'),\n    employeeSavedTransition,\n    employeeCancelledTransition,\n  ),\n  receipts: state<MachineTransition>(breadcrumbNavigateTransition('configuration')),\n  blockers: state<MachineTransition>(breadcrumbNavigateTransition('configuration')),\n}\n"],"names":["breadcrumbNavigateTransition","createBreadcrumbNavigateTransition","getPayrollExecutionBreadcrumbsNodes","isDismissal","ctx","updateBreadcrumbs","PayrollConfigurationContextual","PayrollOverviewContextual","calculatedTransition","transition","componentEvents","reduce","ev","a","employeeEditTransition","PayrollEditEmployeeContextual","blockersViewAllTransition","PayrollBlockerContextual","notSubmitted","editPayrollTransition","guard","payrollSubmittingTransition","hideBreadcrumb","receiptGetTransition","PayrollReceiptsContextual","employeeSavedTransition","patchBreadcrumbsHeader","employeeCancelledTransition","payrollExecutionMachine","state"],"mappings":"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"}
+{"version":3,"file":"payrollExecutionMachine.js","sources":["../../../../src/components/Payroll/PayrollExecutionFlow/payrollExecutionMachine.ts"],"sourcesContent":["import { transition, reduce, state, guard } from 'robot3'\nimport type { PayrollPayPeriodType } from '@gusto/embedded-api-v-2025-11-15/models/components/payrollpayperiodtype'\nimport type { PayrollFlowAlert } from '../PayrollFlow/PayrollFlowComponents'\nimport {\n  PayrollConfigurationContextual,\n  PayrollOverviewContextual,\n  PayrollEditEmployeeContextual,\n  PayrollReceiptsContextual,\n  PayrollBlockerContextual,\n  type PayrollFlowContextInterface,\n} from '../PayrollFlow/PayrollFlowComponents'\nimport { componentEvents } from '@/shared/constants'\nimport type { MachineEventType, MachineTransition } from '@/types/Helpers'\nimport {\n  hideBreadcrumb,\n  patchBreadcrumbsHeader,\n  updateBreadcrumbs,\n} from '@/helpers/breadcrumbHelpers'\nimport type {\n  BreadcrumbNode,\n  BreadcrumbNodes,\n} from '@/components/Common/FlowBreadcrumbs/FlowBreadcrumbsTypes'\nimport { createBreadcrumbNavigateTransition } from '@/components/Common/FlowBreadcrumbs/breadcrumbTransitionHelpers'\n\ntype PayrollEventPayloads = {\n  [componentEvents.RUN_PAYROLL_EMPLOYEE_EDIT]: {\n    employeeId: string\n    firstName: string\n    lastName: string\n  }\n  [componentEvents.RUN_PAYROLL_CALCULATED]: {\n    payrollUuid: string\n    alert?: PayrollFlowAlert\n    payPeriod?: PayrollPayPeriodType\n  }\n  [componentEvents.BREADCRUMB_NAVIGATE]: {\n    key: string\n    onNavigate: (ctx: PayrollFlowContextInterface) => PayrollFlowContextInterface\n  }\n  [componentEvents.RUN_PAYROLL_BLOCKERS_VIEW_ALL]: undefined\n  [componentEvents.RUN_PAYROLL_EDIT]: undefined\n}\n\nconst breadcrumbNavigateTransition =\n  createBreadcrumbNavigateTransition<PayrollFlowContextInterface>()\n\ntype BreadcrumbNodeKeys = 'configuration' | 'overview' | 'editEmployee' | 'receipts' | 'blockers'\n\n/** @internal */\nexport const getPayrollExecutionBreadcrumbsNodes = (\n  isDismissal: boolean = false,\n): BreadcrumbNodes => {\n  const configLabel = isDismissal ? 'breadcrumbLabelDismissal' : 'breadcrumbLabel'\n\n  return {\n    configuration: {\n      parent: null,\n      item: {\n        id: 'configuration',\n        label: configLabel,\n        namespace: 'Payroll.PayrollConfiguration',\n        onNavigate: ((ctx: PayrollFlowContextInterface) => ({\n          ...updateBreadcrumbs('configuration', ctx, {\n            startDate: ctx.payPeriod?.startDate ?? '',\n            endDate: ctx.payPeriod?.endDate ?? '',\n          }),\n          component: PayrollConfigurationContextual,\n          alerts: undefined,\n        })) as (context: unknown) => unknown,\n      },\n    },\n    overview: {\n      parent: 'configuration',\n      item: {\n        id: 'overview',\n        label: 'breadcrumbLabel',\n        namespace: 'Payroll.PayrollOverview',\n        onNavigate: ((ctx: PayrollFlowContextInterface) => ({\n          ...updateBreadcrumbs('overview', ctx, {\n            startDate: ctx.payPeriod?.startDate ?? '',\n            endDate: ctx.payPeriod?.endDate ?? '',\n          }),\n          component: PayrollOverviewContextual,\n          alerts: undefined,\n        })) as (context: unknown) => unknown,\n      },\n    },\n    editEmployee: {\n      parent: 'configuration',\n      item: {\n        id: 'editEmployee',\n        label: 'breadcrumbLabel',\n        namespace: 'Payroll.PayrollEditEmployee',\n      },\n    },\n    receipts: {\n      parent: 'overview',\n      item: {\n        id: 'receipts',\n        label: 'breadcrumbLabel',\n        namespace: 'Payroll.PayrollReceipts',\n      },\n    },\n    blockers: {\n      parent: 'configuration',\n      item: {\n        id: 'blockers',\n        label: 'breadcrumbLabel',\n        namespace: 'Payroll.PayrollBlocker',\n      },\n    },\n  } satisfies Record<BreadcrumbNodeKeys, BreadcrumbNode>\n}\n\nconst calculatedTransition = transition(\n  componentEvents.RUN_PAYROLL_CALCULATED,\n  'overview',\n  reduce(\n    (\n      ctx: PayrollFlowContextInterface,\n      ev: MachineEventType<PayrollEventPayloads, typeof componentEvents.RUN_PAYROLL_CALCULATED>,\n    ): PayrollFlowContextInterface => {\n      return {\n        ...updateBreadcrumbs('overview', ctx, {\n          startDate: ev.payload.payPeriod?.startDate ?? '',\n          endDate: ev.payload.payPeriod?.endDate ?? '',\n        }),\n        component: PayrollOverviewContextual,\n        payPeriod: ev.payload.payPeriod ?? ctx.payPeriod,\n        alerts: ev.payload.alert\n          ? [\n              ...(ctx.alerts ?? []).filter(a => a.alertKey !== 'progressSaved'),\n              { ...ev.payload.alert, alertKey: 'progressSaved' as const },\n            ]\n          : ctx.alerts,\n        ctaConfig: {\n          labelKey: 'exitFlowCta',\n          namespace: 'Payroll.PayrollOverview',\n        },\n      }\n    },\n  ),\n)\n\nconst employeeEditTransition = transition(\n  componentEvents.RUN_PAYROLL_EMPLOYEE_EDIT,\n  'editEmployee',\n  reduce(\n    (\n      ctx: PayrollFlowContextInterface,\n      ev: MachineEventType<PayrollEventPayloads, typeof componentEvents.RUN_PAYROLL_EMPLOYEE_EDIT>,\n    ): PayrollFlowContextInterface => {\n      return {\n        ...updateBreadcrumbs('editEmployee', ctx, {\n          firstName: ev.payload.firstName,\n          lastName: ev.payload.lastName,\n          startDate: ctx.payPeriod?.startDate ?? '',\n          endDate: ctx.payPeriod?.endDate ?? '',\n        }),\n        component: PayrollEditEmployeeContextual,\n        employeeId: ev.payload.employeeId,\n        firstName: ev.payload.firstName,\n        lastName: ev.payload.lastName,\n        ctaConfig: null,\n      }\n    },\n  ),\n)\n\nconst blockersViewAllTransition = transition(\n  componentEvents.RUN_PAYROLL_BLOCKERS_VIEW_ALL,\n  'blockers',\n  reduce((ctx: PayrollFlowContextInterface): PayrollFlowContextInterface => {\n    return {\n      ...updateBreadcrumbs('blockers', ctx),\n      component: PayrollBlockerContextual,\n    }\n  }),\n)\n\nconst notSubmitted = (ctx: PayrollFlowContextInterface) => !ctx.hasPayrollSubmissionStarted\n\nconst editPayrollTransition = transition(\n  componentEvents.RUN_PAYROLL_EDIT,\n  'configuration',\n  guard(notSubmitted),\n  reduce((ctx: PayrollFlowContextInterface): PayrollFlowContextInterface => {\n    return {\n      ...updateBreadcrumbs('configuration', ctx, {\n        startDate: ctx.payPeriod?.startDate ?? '',\n        endDate: ctx.payPeriod?.endDate ?? '',\n      }),\n      component: PayrollConfigurationContextual,\n      alerts: undefined,\n      ctaConfig: {\n        labelKey: 'exitFlowCta',\n        namespace: 'Payroll.PayrollConfiguration',\n      },\n    }\n  }),\n)\n\nconst payrollSubmittingTransition = transition(\n  componentEvents.RUN_PAYROLL_SUBMITTING,\n  'overview',\n  reduce((ctx: PayrollFlowContextInterface): PayrollFlowContextInterface => ({\n    ...hideBreadcrumb('configuration', ctx),\n    hasPayrollSubmissionStarted: true,\n  })),\n)\n\nconst receiptGetTransition = transition(\n  componentEvents.RUN_PAYROLL_RECEIPT_GET,\n  'receipts',\n  reduce((ctx: PayrollFlowContextInterface): PayrollFlowContextInterface => ({\n    ...updateBreadcrumbs('receipts', ctx, {\n      startDate: ctx.payPeriod?.startDate ?? '',\n      endDate: ctx.payPeriod?.endDate ?? '',\n    }),\n    component: PayrollReceiptsContextual,\n    alerts: undefined,\n    ctaConfig: {\n      labelKey: 'exitFlowCta',\n      namespace: 'Payroll.PayrollReceipts',\n    },\n  })),\n)\n\nconst employeeSavedTransition = transition(\n  componentEvents.RUN_PAYROLL_EMPLOYEE_SAVED,\n  'configuration',\n  reduce((ctx: PayrollFlowContextInterface): PayrollFlowContextInterface => ({\n    ...patchBreadcrumbsHeader(ctx, { currentBreadcrumbId: 'configuration' }),\n    component: PayrollConfigurationContextual,\n    employeeId: undefined,\n    firstName: undefined,\n    lastName: undefined,\n    ctaConfig: {\n      labelKey: 'exitFlowCta',\n      namespace: 'Payroll.PayrollConfiguration',\n    },\n  })),\n)\n\nconst employeeCancelledTransition = transition(\n  componentEvents.RUN_PAYROLL_EMPLOYEE_CANCELLED,\n  'configuration',\n  reduce((ctx: PayrollFlowContextInterface): PayrollFlowContextInterface => ({\n    ...patchBreadcrumbsHeader(ctx, { currentBreadcrumbId: 'configuration' }),\n    component: PayrollConfigurationContextual,\n    employeeId: undefined,\n    firstName: undefined,\n    lastName: undefined,\n    ctaConfig: {\n      labelKey: 'exitFlowCta',\n      namespace: 'Payroll.PayrollConfiguration',\n    },\n  })),\n)\n\n/** @internal */\nexport const payrollExecutionMachine = {\n  configuration: state<MachineTransition>(\n    breadcrumbNavigateTransition('configuration'),\n    calculatedTransition,\n    employeeEditTransition,\n    blockersViewAllTransition,\n  ),\n  overview: state<MachineTransition>(\n    breadcrumbNavigateTransition('configuration', notSubmitted),\n    payrollSubmittingTransition,\n    editPayrollTransition,\n    receiptGetTransition,\n  ),\n  editEmployee: state<MachineTransition>(\n    breadcrumbNavigateTransition('configuration'),\n    employeeSavedTransition,\n    employeeCancelledTransition,\n  ),\n  receipts: state<MachineTransition>(breadcrumbNavigateTransition('configuration')),\n  blockers: state<MachineTransition>(breadcrumbNavigateTransition('configuration')),\n}\n"],"names":["breadcrumbNavigateTransition","createBreadcrumbNavigateTransition","getPayrollExecutionBreadcrumbsNodes","isDismissal","ctx","updateBreadcrumbs","PayrollConfigurationContextual","PayrollOverviewContextual","calculatedTransition","transition","componentEvents","reduce","ev","a","employeeEditTransition","PayrollEditEmployeeContextual","blockersViewAllTransition","PayrollBlockerContextual","notSubmitted","editPayrollTransition","guard","payrollSubmittingTransition","hideBreadcrumb","receiptGetTransition","PayrollReceiptsContextual","employeeSavedTransition","patchBreadcrumbsHeader","employeeCancelledTransition","payrollExecutionMachine","state"],"mappings":"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"}

package/dist/components/Payroll/PayrollFlow/PayrollExecutionFlowContextual.js

@@ -1,51 +1,52 @@
-import { jsx as n } from "react/jsx-runtime";
+import { jsx as e } from "react/jsx-runtime";
 import { Suspense as d } from "react";
-import { usePayrollsGetSuspense as y } from "@gusto/embedded-api-v-2025-11-15/react-query/payrollsGet";
-import { PayrollExecutionFlow as f } from "../PayrollExecutionFlow/PayrollExecutionFlow.js";
+import { usePayrollsGetSuspense as f } from "@gusto/embedded-api-v-2025-11-15/react-query/payrollsGet";
+import { PayrollExecutionFlow as y } from "../PayrollExecutionFlow/PayrollExecutionFlow.js";
 import { isDismissalPayroll as P } from "../helpers.js";
 import { useFlow as x } from "../../Flow/useFlow.js";
 import { ensureRequired as a } from "../../../helpers/ensureRequired.js";
-function F() {
+import { Loading as w } from "../../Common/Loading/Loading.js";
+function g() {
   const {
     companyId: o,
     payrollUuid: r,
-    onEvent: i,
-    withReimbursements: e,
-    ConfirmWireDetailsComponent: t,
+    onEvent: t,
+    withReimbursements: i,
+    ConfirmWireDetailsComponent: l,
     executionInitialState: s,
     breadcrumbs: m
-  } = x(), l = m?.landing?.[0], u = l ? [l] : void 0, c = a(o), p = a(r);
-  return /* @__PURE__ */ n(d, { children: /* @__PURE__ */ n(
-    w,
+  } = x(), n = m?.landing?.[0], c = n ? [n] : void 0, u = a(o), p = a(r);
+  return /* @__PURE__ */ e(d, { fallback: /* @__PURE__ */ e(w, {}), children: /* @__PURE__ */ e(
+    b,
     {
-      companyId: c,
+      companyId: u,
       payrollId: p,
-      onEvent: i,
-      withReimbursements: e,
-      ConfirmWireDetailsComponent: t,
+      onEvent: t,
+      withReimbursements: i,
+      ConfirmWireDetailsComponent: l,
       initialState: s,
-      prefixBreadcrumbs: u
+      prefixBreadcrumbs: c
     }
   ) });
 }
-function w({
+function b({
   companyId: o,
   payrollId: r,
-  ...i
+  ...t
 }) {
-  const { data: e } = y({ companyId: o, payrollId: r }), t = e.payrollShow?.payPeriod;
-  return /* @__PURE__ */ n(
-    f,
+  const { data: i } = f({ companyId: o, payrollId: r }), l = i.payrollShow?.payPeriod;
+  return /* @__PURE__ */ e(
+    y,
     {
       companyId: o,
       payrollId: r,
-      initialPayPeriod: t,
-      isDismissalPayroll: P(e.payrollShow?.offCycleReason),
-      ...i
+      initialPayPeriod: l,
+      isDismissalPayroll: P(i.payrollShow?.offCycleReason),
+      ...t
     }
   );
 }
 export {
-  F as PayrollExecutionFlowContextual
+  g as PayrollExecutionFlowContextual
 };
 //# sourceMappingURL=PayrollExecutionFlowContextual.js.map

package/dist/components/Payroll/PayrollFlow/PayrollExecutionFlowContextual.js.map

@@ -1 +1 @@
-{"version":3,"file":"PayrollExecutionFlowContextual.js","sources":["../../../../src/components/Payroll/PayrollFlow/PayrollExecutionFlowContextual.tsx"],"sourcesContent":["import { Suspense } from 'react'\nimport { usePayrollsGetSuspense } from '@gusto/embedded-api-v-2025-11-15/react-query/payrollsGet'\nimport { PayrollExecutionFlow } from '../PayrollExecutionFlow/PayrollExecutionFlow'\nimport { isDismissalPayroll } from '../helpers'\nimport type { PayrollFlowContextInterface } from './PayrollFlowComponents'\nimport { useFlow } from '@/components/Flow/useFlow'\nimport { ensureRequired } from '@/helpers/ensureRequired'\n\n/** @internal */\nexport function PayrollExecutionFlowContextual() {\n  const {\n    companyId,\n    payrollUuid,\n    onEvent,\n    withReimbursements,\n    ConfirmWireDetailsComponent,\n    executionInitialState,\n    breadcrumbs,\n  } = useFlow<PayrollFlowContextInterface>()\n\n  const landingBreadcrumb = breadcrumbs?.['landing']?.[0]\n  const prefixBreadcrumbs = landingBreadcrumb ? [landingBreadcrumb] : undefined\n\n  const resolvedCompanyId = ensureRequired(companyId)\n  const resolvedPayrollId = ensureRequired(payrollUuid)\n\n  return (\n    <Suspense>\n      <PayrollExecutionFlowWithData\n        companyId={resolvedCompanyId}\n        payrollId={resolvedPayrollId}\n        onEvent={onEvent}\n        withReimbursements={withReimbursements}\n        ConfirmWireDetailsComponent={ConfirmWireDetailsComponent}\n        initialState={executionInitialState}\n        prefixBreadcrumbs={prefixBreadcrumbs}\n      />\n    </Suspense>\n  )\n}\n\ntype PayrollExecutionFlowWithDataProps = React.ComponentProps<typeof PayrollExecutionFlow>\n\nfunction PayrollExecutionFlowWithData({\n  companyId,\n  payrollId,\n  ...rest\n}: PayrollExecutionFlowWithDataProps) {\n  const { data } = usePayrollsGetSuspense({ companyId, payrollId })\n  const initialPayPeriod = data.payrollShow?.payPeriod\n\n  return (\n    <PayrollExecutionFlow\n      companyId={companyId}\n      payrollId={payrollId}\n      initialPayPeriod={initialPayPeriod}\n      isDismissalPayroll={isDismissalPayroll(data.payrollShow?.offCycleReason)}\n      {...rest}\n    />\n  )\n}\n"],"names":["PayrollExecutionFlowContextual","companyId","payrollUuid","onEvent","withReimbursements","ConfirmWireDetailsComponent","executionInitialState","breadcrumbs","useFlow","landingBreadcrumb","prefixBreadcrumbs","resolvedCompanyId","ensureRequired","resolvedPayrollId","Suspense","jsx","PayrollExecutionFlowWithData","payrollId","rest","data","usePayrollsGetSuspense","initialPayPeriod","PayrollExecutionFlow","isDismissalPayroll"],"mappings":";;;;;;;AASO,SAASA,IAAiC;AAC/C,QAAM;AAAA,IACJ,WAAAC;AAAA,IACA,aAAAC;AAAA,IACA,SAAAC;AAAA,IACA,oBAAAC;AAAA,IACA,6BAAAC;AAAA,IACA,uBAAAC;AAAA,IACA,aAAAC;AAAA,EAAA,IACEC,EAAA,GAEEC,IAAoBF,GAAc,UAAa,CAAC,GAChDG,IAAoBD,IAAoB,CAACA,CAAiB,IAAI,QAE9DE,IAAoBC,EAAeX,CAAS,GAC5CY,IAAoBD,EAAeV,CAAW;AAEpD,2BACGY,GAAA,EACC,UAAA,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,WAAWL;AAAA,MACX,WAAWE;AAAA,MACX,SAAAV;AAAA,MACA,oBAAAC;AAAA,MACA,6BAAAC;AAAA,MACA,cAAcC;AAAA,MACd,mBAAAI;AAAA,IAAA;AAAA,EAAA,GAEJ;AAEJ;AAIA,SAASM,EAA6B;AAAA,EACpC,WAAAf;AAAA,EACA,WAAAgB;AAAA,EACA,GAAGC;AACL,GAAsC;AACpC,QAAM,EAAE,MAAAC,EAAA,IAASC,EAAuB,EAAE,WAAAnB,GAAW,WAAAgB,GAAW,GAC1DI,IAAmBF,EAAK,aAAa;AAE3C,SACE,gBAAAJ;AAAA,IAACO;AAAA,IAAA;AAAA,MACC,WAAArB;AAAA,MACA,WAAAgB;AAAA,MACA,kBAAAI;AAAA,MACA,oBAAoBE,EAAmBJ,EAAK,aAAa,cAAc;AAAA,MACtE,GAAGD;AAAA,IAAA;AAAA,EAAA;AAGV;"}
+{"version":3,"file":"PayrollExecutionFlowContextual.js","sources":["../../../../src/components/Payroll/PayrollFlow/PayrollExecutionFlowContextual.tsx"],"sourcesContent":["import { Suspense } from 'react'\nimport { usePayrollsGetSuspense } from '@gusto/embedded-api-v-2025-11-15/react-query/payrollsGet'\nimport { PayrollExecutionFlow } from '../PayrollExecutionFlow/PayrollExecutionFlow'\nimport { isDismissalPayroll } from '../helpers'\nimport type { PayrollFlowContextInterface } from './PayrollFlowComponents'\nimport { useFlow } from '@/components/Flow/useFlow'\nimport { ensureRequired } from '@/helpers/ensureRequired'\nimport { Loading } from '@/components/Common/Loading/Loading'\n\n/** @internal */\nexport function PayrollExecutionFlowContextual() {\n  const {\n    companyId,\n    payrollUuid,\n    onEvent,\n    withReimbursements,\n    ConfirmWireDetailsComponent,\n    executionInitialState,\n    breadcrumbs,\n  } = useFlow<PayrollFlowContextInterface>()\n\n  const landingBreadcrumb = breadcrumbs?.['landing']?.[0]\n  const prefixBreadcrumbs = landingBreadcrumb ? [landingBreadcrumb] : undefined\n\n  const resolvedCompanyId = ensureRequired(companyId)\n  const resolvedPayrollId = ensureRequired(payrollUuid)\n\n  return (\n    <Suspense fallback={<Loading />}>\n      <PayrollExecutionFlowWithData\n        companyId={resolvedCompanyId}\n        payrollId={resolvedPayrollId}\n        onEvent={onEvent}\n        withReimbursements={withReimbursements}\n        ConfirmWireDetailsComponent={ConfirmWireDetailsComponent}\n        initialState={executionInitialState}\n        prefixBreadcrumbs={prefixBreadcrumbs}\n      />\n    </Suspense>\n  )\n}\n\ntype PayrollExecutionFlowWithDataProps = React.ComponentProps<typeof PayrollExecutionFlow>\n\nfunction PayrollExecutionFlowWithData({\n  companyId,\n  payrollId,\n  ...rest\n}: PayrollExecutionFlowWithDataProps) {\n  const { data } = usePayrollsGetSuspense({ companyId, payrollId })\n  const initialPayPeriod = data.payrollShow?.payPeriod\n\n  return (\n    <PayrollExecutionFlow\n      companyId={companyId}\n      payrollId={payrollId}\n      initialPayPeriod={initialPayPeriod}\n      isDismissalPayroll={isDismissalPayroll(data.payrollShow?.offCycleReason)}\n      {...rest}\n    />\n  )\n}\n"],"names":["PayrollExecutionFlowContextual","companyId","payrollUuid","onEvent","withReimbursements","ConfirmWireDetailsComponent","executionInitialState","breadcrumbs","useFlow","landingBreadcrumb","prefixBreadcrumbs","resolvedCompanyId","ensureRequired","resolvedPayrollId","jsx","Suspense","Loading","PayrollExecutionFlowWithData","payrollId","rest","data","usePayrollsGetSuspense","initialPayPeriod","PayrollExecutionFlow","isDismissalPayroll"],"mappings":";;;;;;;;AAUO,SAASA,IAAiC;AAC/C,QAAM;AAAA,IACJ,WAAAC;AAAA,IACA,aAAAC;AAAA,IACA,SAAAC;AAAA,IACA,oBAAAC;AAAA,IACA,6BAAAC;AAAA,IACA,uBAAAC;AAAA,IACA,aAAAC;AAAA,EAAA,IACEC,EAAA,GAEEC,IAAoBF,GAAc,UAAa,CAAC,GAChDG,IAAoBD,IAAoB,CAACA,CAAiB,IAAI,QAE9DE,IAAoBC,EAAeX,CAAS,GAC5CY,IAAoBD,EAAeV,CAAW;AAEpD,SACE,gBAAAY,EAACC,GAAA,EAAS,UAAU,gBAAAD,EAACE,KAAQ,GAC3B,UAAA,gBAAAF;AAAA,IAACG;AAAA,IAAA;AAAA,MACC,WAAWN;AAAA,MACX,WAAWE;AAAA,MACX,SAAAV;AAAA,MACA,oBAAAC;AAAA,MACA,6BAAAC;AAAA,MACA,cAAcC;AAAA,MACd,mBAAAI;AAAA,IAAA;AAAA,EAAA,GAEJ;AAEJ;AAIA,SAASO,EAA6B;AAAA,EACpC,WAAAhB;AAAA,EACA,WAAAiB;AAAA,EACA,GAAGC;AACL,GAAsC;AACpC,QAAM,EAAE,MAAAC,EAAA,IAASC,EAAuB,EAAE,WAAApB,GAAW,WAAAiB,GAAW,GAC1DI,IAAmBF,EAAK,aAAa;AAE3C,SACE,gBAAAN;AAAA,IAACS;AAAA,IAAA;AAAA,MACC,WAAAtB;AAAA,MACA,WAAAiB;AAAA,MACA,kBAAAI;AAAA,MACA,oBAAoBE,EAAmBJ,EAAK,aAAa,cAAc;AAAA,MACtE,GAAGD;AAAA,IAAA;AAAA,EAAA;AAGV;"}

package/dist/components/Payroll/PayrollFlow/PayrollFlow.d.ts

@@ -1,10 +1,11 @@
 import { PayrollFlowProps } from './PayrollFlowComponents';
 /**
- * Guided workflow for selecting and running a company's payroll end to end.
+ * Hub for running and managing all payrolls across a company's pay schedules.
  *
  * @remarks
  * Renders the payroll landing page and orchestrates the full run-payroll experience: selecting a payroll, configuring earnings and reimbursements, reviewing totals, submitting, and viewing receipts. Off-cycle, transition, and edit-employee steps are reachable from the same flow.
  *
+ * @events
  * | Event | Description | Data |
  * | ----- | ----------- | ---- |
  * | `runPayroll/selected` | A payroll is selected to run | `{ payrollId: string }` |
@@ -24,16 +25,25 @@ import { PayrollFlowProps } from './PayrollFlowComponents';
  * | `transition/runPayroll` | The user starts a pending transition payroll | — |
  * | `payroll/saveAndExit` | The user clicks Save and Exit | — |
  *
+ * @components
+ * - {@link PayrollLanding}
+ * - {@link PayrollExecutionFlow}
+ * - {@link OffCycleFlow}
+ * - {@link TransitionFlow}
+ * - {@link PayrollBlockerList}
+ * - {@link PayrollOverview}
+ * - {@link PayrollReceipts}
+ *
  * @param props - {@link PayrollFlowProps} with the company, optional reimbursements toggle, optional wire-details override, and event handler.
  * @returns The composed payroll flow.
  * @public
  *
  * @example
- * ```tsx
+ * ```tsx title="App.tsx"
  * import { Payroll } from '@gusto/embedded-react-sdk'
  *
  * function RunPayrollPage() {
- *   return <Payroll.PayrollFlow companyId="company-uuid" onEvent={() => {}} />
+ *   return <Payroll.PayrollFlow companyId="a007e1ab-3595-43c2-ab4b-af7a5af2e365" onEvent={() => {}} />
  * }
  * ```
  */

package/dist/components/Payroll/PayrollFlow/PayrollFlow.js.map

@@ -1 +1 @@
-{"version":3,"file":"PayrollFlow.js","sources":["../../../../src/components/Payroll/PayrollFlow/PayrollFlow.tsx"],"sourcesContent":["import { createMachine } from 'robot3'\nimport { useMemo } from 'react'\nimport { payrollFlowBreadcrumbsNodes, payrollFlowMachine } from './payrollStateMachine'\nimport type { PayrollFlowProps } from './PayrollFlowComponents'\nimport {\n  SaveAndExitCta,\n  PayrollLandingContextual,\n  type PayrollFlowContextInterface,\n} from './PayrollFlowComponents'\nimport { Flow } from '@/components/Flow/Flow'\nimport { buildBreadcrumbs } from '@/helpers/breadcrumbHelpers'\n\n/**\n * Guided workflow for selecting and running a company's payroll end to end.\n *\n * @remarks\n * Renders the payroll landing page and orchestrates the full run-payroll experience: selecting a payroll, configuring earnings and reimbursements, reviewing totals, submitting, and viewing receipts. Off-cycle, transition, and edit-employee steps are reachable from the same flow.\n *\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `runPayroll/selected` | A payroll is selected to run | `{ payrollId: string }` |\n * | `payroll/review` | A calculated payroll is opened for review | `{ payrollId: string }` |\n * | `runPayroll/calculated` | Payroll calculations complete | — |\n * | `runPayroll/edit` | The user returns to configuration to make changes | — |\n * | `runPayroll/employee/edit` | An employee row is opened for editing | `{ employeeId: string, firstName: string, lastName: string }` |\n * | `runPayroll/employee/saved` | Employee payroll changes are saved | `{ payrollPrepared: object, employee: object }` |\n * | `runPayroll/employee/cancelled` | Employee editing is cancelled | — |\n * | `runPayroll/submitted` | Payroll is successfully submitted | Response from the submit payroll endpoint |\n * | `runPayroll/processed` | Payroll processing completes | — |\n * | `runPayroll/processingFailed` | Payroll processing fails | Error details |\n * | `runPayroll/cancelled` | A submitted payroll is cancelled | `{ payrollId: string, result: object }` |\n * | `runPayroll/summary/viewed` | The summary screen is opened | `{ payrollId: string }` |\n * | `runPayroll/receipt/viewed` | The receipt screen is opened | `{ payrollId: string }` |\n * | `runPayroll/offCycle/start` | The user starts an off-cycle payroll | — |\n * | `transition/runPayroll` | The user starts a pending transition payroll | — |\n * | `payroll/saveAndExit` | The user clicks Save and Exit | — |\n *\n * @param props - {@link PayrollFlowProps} with the company, optional reimbursements toggle, optional wire-details override, and event handler.\n * @returns The composed payroll flow.\n * @public\n *\n * @example\n * ```tsx\n * import { Payroll } from '@gusto/embedded-react-sdk'\n *\n * function RunPayrollPage() {\n *   return <Payroll.PayrollFlow companyId=\"company-uuid\" onEvent={() => {}} />\n * }\n * ```\n */\nexport const PayrollFlow = ({\n  companyId,\n  onEvent,\n  withReimbursements = true,\n  ConfirmWireDetailsComponent,\n}: PayrollFlowProps) => {\n  const payrollFlow = useMemo(\n    () =>\n      createMachine(\n        'landing',\n        payrollFlowMachine,\n        (initialContext: PayrollFlowContextInterface) => ({\n          ...initialContext,\n          component: PayrollLandingContextual,\n          companyId,\n          header: {\n            type: 'breadcrumbs' as const,\n            breadcrumbs: buildBreadcrumbs(payrollFlowBreadcrumbsNodes),\n            cta: SaveAndExitCta,\n          },\n          withReimbursements,\n          ConfirmWireDetailsComponent,\n        }),\n      ),\n    [companyId, withReimbursements, ConfirmWireDetailsComponent],\n  )\n\n  return <Flow machine={payrollFlow} onEvent={onEvent} />\n}\n"],"names":["PayrollFlow","companyId","onEvent","withReimbursements","ConfirmWireDetailsComponent","payrollFlow","useMemo","createMachine","payrollFlowMachine","initialContext","PayrollLandingContextual","buildBreadcrumbs","payrollFlowBreadcrumbsNodes","SaveAndExitCta","jsx","Flow"],"mappings":";;;;;;;AAkDO,MAAMA,IAAc,CAAC;AAAA,EAC1B,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,oBAAAC,IAAqB;AAAA,EACrB,6BAAAC;AACF,MAAwB;AACtB,QAAMC,IAAcC;AAAA,IAClB,MACEC;AAAA,MACE;AAAA,MACAC;AAAA,MACA,CAACC,OAAiD;AAAA,QAChD,GAAGA;AAAA,QACH,WAAWC;AAAA,QACX,WAAAT;AAAA,QACA,QAAQ;AAAA,UACN,MAAM;AAAA,UACN,aAAaU,EAAiBC,CAA2B;AAAA,UACzD,KAAKC;AAAA,QAAA;AAAA,QAEP,oBAAAV;AAAA,QACA,6BAAAC;AAAA,MAAA;AAAA,IACF;AAAA,IAEJ,CAACH,GAAWE,GAAoBC,CAA2B;AAAA,EAAA;AAG7D,SAAO,gBAAAU,EAACC,GAAA,EAAK,SAASV,GAAa,SAAAH,EAAA,CAAkB;AACvD;"}
+{"version":3,"file":"PayrollFlow.js","sources":["../../../../src/components/Payroll/PayrollFlow/PayrollFlow.tsx"],"sourcesContent":["import { createMachine } from 'robot3'\nimport { useMemo } from 'react'\nimport { payrollFlowBreadcrumbsNodes, payrollFlowMachine } from './payrollStateMachine'\nimport type { PayrollFlowProps } from './PayrollFlowComponents'\nimport {\n  SaveAndExitCta,\n  PayrollLandingContextual,\n  type PayrollFlowContextInterface,\n} from './PayrollFlowComponents'\nimport { Flow } from '@/components/Flow/Flow'\nimport { buildBreadcrumbs } from '@/helpers/breadcrumbHelpers'\n\n/**\n * Hub for running and managing all payrolls across a company's pay schedules.\n *\n * @remarks\n * Renders the payroll landing page and orchestrates the full run-payroll experience: selecting a payroll, configuring earnings and reimbursements, reviewing totals, submitting, and viewing receipts. Off-cycle, transition, and edit-employee steps are reachable from the same flow.\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `runPayroll/selected` | A payroll is selected to run | `{ payrollId: string }` |\n * | `payroll/review` | A calculated payroll is opened for review | `{ payrollId: string }` |\n * | `runPayroll/calculated` | Payroll calculations complete | — |\n * | `runPayroll/edit` | The user returns to configuration to make changes | — |\n * | `runPayroll/employee/edit` | An employee row is opened for editing | `{ employeeId: string, firstName: string, lastName: string }` |\n * | `runPayroll/employee/saved` | Employee payroll changes are saved | `{ payrollPrepared: object, employee: object }` |\n * | `runPayroll/employee/cancelled` | Employee editing is cancelled | — |\n * | `runPayroll/submitted` | Payroll is successfully submitted | Response from the submit payroll endpoint |\n * | `runPayroll/processed` | Payroll processing completes | — |\n * | `runPayroll/processingFailed` | Payroll processing fails | Error details |\n * | `runPayroll/cancelled` | A submitted payroll is cancelled | `{ payrollId: string, result: object }` |\n * | `runPayroll/summary/viewed` | The summary screen is opened | `{ payrollId: string }` |\n * | `runPayroll/receipt/viewed` | The receipt screen is opened | `{ payrollId: string }` |\n * | `runPayroll/offCycle/start` | The user starts an off-cycle payroll | — |\n * | `transition/runPayroll` | The user starts a pending transition payroll | — |\n * | `payroll/saveAndExit` | The user clicks Save and Exit | — |\n *\n * @components\n * - {@link PayrollLanding}\n * - {@link PayrollExecutionFlow}\n * - {@link OffCycleFlow}\n * - {@link TransitionFlow}\n * - {@link PayrollBlockerList}\n * - {@link PayrollOverview}\n * - {@link PayrollReceipts}\n *\n * @param props - {@link PayrollFlowProps} with the company, optional reimbursements toggle, optional wire-details override, and event handler.\n * @returns The composed payroll flow.\n * @public\n *\n * @example\n * ```tsx title=\"App.tsx\"\n * import { Payroll } from '@gusto/embedded-react-sdk'\n *\n * function RunPayrollPage() {\n *   return <Payroll.PayrollFlow companyId=\"a007e1ab-3595-43c2-ab4b-af7a5af2e365\" onEvent={() => {}} />\n * }\n * ```\n */\nexport const PayrollFlow = ({\n  companyId,\n  onEvent,\n  withReimbursements = true,\n  ConfirmWireDetailsComponent,\n}: PayrollFlowProps) => {\n  const payrollFlow = useMemo(\n    () =>\n      createMachine(\n        'landing',\n        payrollFlowMachine,\n        (initialContext: PayrollFlowContextInterface) => ({\n          ...initialContext,\n          component: PayrollLandingContextual,\n          companyId,\n          header: {\n            type: 'breadcrumbs' as const,\n            breadcrumbs: buildBreadcrumbs(payrollFlowBreadcrumbsNodes),\n            cta: SaveAndExitCta,\n          },\n          withReimbursements,\n          ConfirmWireDetailsComponent,\n        }),\n      ),\n    [companyId, withReimbursements, ConfirmWireDetailsComponent],\n  )\n\n  return <Flow machine={payrollFlow} onEvent={onEvent} />\n}\n"],"names":["PayrollFlow","companyId","onEvent","withReimbursements","ConfirmWireDetailsComponent","payrollFlow","useMemo","createMachine","payrollFlowMachine","initialContext","PayrollLandingContextual","buildBreadcrumbs","payrollFlowBreadcrumbsNodes","SaveAndExitCta","jsx","Flow"],"mappings":";;;;;;;AA4DO,MAAMA,IAAc,CAAC;AAAA,EAC1B,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,oBAAAC,IAAqB;AAAA,EACrB,6BAAAC;AACF,MAAwB;AACtB,QAAMC,IAAcC;AAAA,IAClB,MACEC;AAAA,MACE;AAAA,MACAC;AAAA,MACA,CAACC,OAAiD;AAAA,QAChD,GAAGA;AAAA,QACH,WAAWC;AAAA,QACX,WAAAT;AAAA,QACA,QAAQ;AAAA,UACN,MAAM;AAAA,UACN,aAAaU,EAAiBC,CAA2B;AAAA,UACzD,KAAKC;AAAA,QAAA;AAAA,QAEP,oBAAAV;AAAA,QACA,6BAAAC;AAAA,MAAA;AAAA,IACF;AAAA,IAEJ,CAACH,GAAWE,GAAoBC,CAA2B;AAAA,EAAA;AAG7D,SAAO,gBAAAU,EAACC,GAAA,EAAK,SAASV,GAAa,SAAAH,EAAA,CAAkB;AACvD;"}

package/dist/components/Payroll/PayrollFlow/PayrollFlowComponents.d.ts

@@ -9,7 +9,7 @@ import { BreadcrumbTrail } from '../../Common/FlowBreadcrumbs/FlowBreadcrumbsTyp
  *
  * @public
  */
-export interface PayrollFlowProps extends BaseComponentInterface {
+export interface PayrollFlowProps extends BaseComponentInterface<never> {
     /** Identifier of the company whose payroll is being run. */
     companyId: string;
     /** Whether reimbursement fields are shown in the payroll configuration and overview. Defaults to `true`. */
@@ -32,7 +32,7 @@ export type PayrollFlowAlert = {
     content?: ReactNode;
     /** Called when the user dismisses the alert. When omitted, the alert is not dismissible. */
     onDismiss?: () => void;
-    /** Stable key used to track alert identity across renders (e.g. for animations or dedup). */
+    /** Stable key used to track alert identity across renders (e.g. for animations or deduplication). */
     alertKey?: string;
 };
 /** @internal */

package/dist/components/Payroll/PayrollFlow/PayrollFlowComponents.js.map

@@ -1 +1 @@
-{"version":3,"file":"PayrollFlowComponents.js","sources":["../../../../src/components/Payroll/PayrollFlow/PayrollFlowComponents.tsx"],"sourcesContent":["import type { ReactNode } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport type { PayrollPayPeriodType } from '@gusto/embedded-api-v-2025-11-15/models/components/payrollpayperiodtype'\nimport { PayrollLanding } from '../PayrollLanding/PayrollLanding'\nimport { PayrollConfiguration } from '../PayrollConfiguration/PayrollConfiguration'\nimport { PayrollOverview } from '../PayrollOverview/PayrollOverview'\nimport { PayrollEditEmployee } from '../PayrollEditEmployee/PayrollEditEmployee'\nimport { PayrollReceipts } from '../PayrollReceipts/PayrollReceipts'\nimport { PayrollBlockerList } from '../PayrollBlocker'\nimport type { ConfirmWireDetailsComponentType } from '../ConfirmWireDetails/ConfirmWireDetails'\nimport { useFlow, type FlowContextInterface } from '@/components/Flow/useFlow'\nimport type { BaseComponentInterface } from '@/components/Base'\nimport { ensureRequired } from '@/helpers/ensureRequired'\nimport type { BreadcrumbTrail } from '@/components/Common/FlowBreadcrumbs/FlowBreadcrumbsTypes'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useI18n } from '@/i18n'\nimport { componentEvents } from '@/shared/constants'\n\n/**\n * Props accepted by {@link PayrollFlow}.\n *\n * @public\n */\nexport interface PayrollFlowProps extends BaseComponentInterface {\n  /** Identifier of the company whose payroll is being run. */\n  companyId: string\n  /** Whether reimbursement fields are shown in the payroll configuration and overview. Defaults to `true`. */\n  withReimbursements?: boolean\n  /** Optional custom component that replaces the default wire-details confirmation UI. */\n  ConfirmWireDetailsComponent?: ConfirmWireDetailsComponentType\n}\n\n/**\n * An alert banner rendered above payroll content in {@link PayrollOverview} and\n * {@link PayrollConfiguration}.\n *\n * @public\n */\nexport type PayrollFlowAlert = {\n  /** Visual severity of the alert. */\n  type: 'error' | 'info' | 'success'\n  /** Short heading text displayed in the alert. */\n  title: string\n  /** Optional body content rendered below the title. */\n  content?: ReactNode\n  /** Called when the user dismisses the alert. When omitted, the alert is not dismissible. */\n  onDismiss?: () => void\n  /** Stable key used to track alert identity across renders (e.g. for animations or dedup). */\n  alertKey?: string\n}\n\n/** @internal */\nexport interface PayrollFlowContextInterface extends FlowContextInterface {\n  companyId: string\n  payrollUuid?: string\n  employeeId?: string\n  firstName?: string\n  lastName?: string\n  alerts?: PayrollFlowAlert[]\n  breadcrumbs?: BreadcrumbTrail\n  payPeriod?: PayrollPayPeriodType\n  withReimbursements: boolean\n  ConfirmWireDetailsComponent?: ConfirmWireDetailsComponentType\n  showPayrollCancelledAlert?: boolean\n  hasPayrollSubmissionStarted?: boolean\n  executionInitialState?: 'configuration' | 'overview'\n  transitionStartDate?: string\n  transitionEndDate?: string\n  transitionPayScheduleUuid?: string\n}\n\n/** @internal */\nexport function PayrollLandingContextual() {\n  const {\n    companyId,\n    onEvent,\n    withReimbursements,\n    ConfirmWireDetailsComponent,\n    showPayrollCancelledAlert,\n  } = useFlow<PayrollFlowContextInterface>()\n  return (\n    <PayrollLanding\n      onEvent={onEvent}\n      companyId={ensureRequired(companyId)}\n      withReimbursements={withReimbursements}\n      ConfirmWireDetailsComponent={ConfirmWireDetailsComponent}\n      showPayrollCancelledAlert={showPayrollCancelledAlert}\n    />\n  )\n}\n\n/** @internal */\nexport function PayrollConfigurationContextual() {\n  const { companyId, payrollUuid, onEvent, withReimbursements } =\n    useFlow<PayrollFlowContextInterface>()\n  return (\n    <PayrollConfiguration\n      onEvent={onEvent}\n      companyId={ensureRequired(companyId)}\n      payrollId={ensureRequired(payrollUuid)}\n      withReimbursements={withReimbursements}\n    />\n  )\n}\n\n/** @internal */\nexport function PayrollOverviewContextual() {\n  const {\n    companyId,\n    payrollUuid,\n    onEvent,\n    alerts,\n    withReimbursements,\n    ConfirmWireDetailsComponent,\n  } = useFlow<PayrollFlowContextInterface>()\n  return (\n    <PayrollOverview\n      onEvent={onEvent}\n      companyId={ensureRequired(companyId)}\n      payrollId={ensureRequired(payrollUuid)}\n      alerts={alerts}\n      withReimbursements={withReimbursements}\n      ConfirmWireDetailsComponent={ConfirmWireDetailsComponent}\n    />\n  )\n}\n\n/** @internal */\nexport function PayrollEditEmployeeContextual() {\n  const { companyId, payrollUuid, employeeId, onEvent, withReimbursements } =\n    useFlow<PayrollFlowContextInterface>()\n  return (\n    <PayrollEditEmployee\n      onEvent={onEvent}\n      companyId={ensureRequired(companyId)}\n      payrollId={ensureRequired(payrollUuid)}\n      employeeId={ensureRequired(employeeId)}\n      withReimbursements={withReimbursements}\n    />\n  )\n}\n\n/** @internal */\nexport function PayrollReceiptsContextual() {\n  const { payrollUuid, onEvent, withReimbursements } = useFlow<PayrollFlowContextInterface>()\n  return (\n    <PayrollReceipts\n      onEvent={onEvent}\n      payrollId={ensureRequired(payrollUuid)}\n      withReimbursements={withReimbursements}\n    />\n  )\n}\n\n/** @internal */\nexport function PayrollBlockerContextual() {\n  const { companyId, onEvent } = useFlow<PayrollFlowContextInterface>()\n  return <PayrollBlockerList onEvent={onEvent} companyId={ensureRequired(companyId)} />\n}\n\n/** @internal */\nexport function SaveAndExitCta() {\n  const { onEvent, ctaConfig } = useFlow<PayrollFlowContextInterface>()\n  const { Button } = useComponentContext()\n  const namespace = ctaConfig?.namespace || 'common'\n  useI18n([namespace])\n  const { t } = useTranslation(namespace)\n\n  if (!ctaConfig?.labelKey) return null\n\n  return (\n    <Button\n      onClick={() => {\n        onEvent(componentEvents.PAYROLL_EXIT_FLOW)\n      }}\n      variant=\"secondary\"\n    >\n      {t(ctaConfig.labelKey as never)}\n    </Button>\n  )\n}\n"],"names":["PayrollLandingContextual","companyId","onEvent","withReimbursements","ConfirmWireDetailsComponent","showPayrollCancelledAlert","useFlow","jsx","PayrollLanding","ensureRequired","PayrollConfigurationContextual","payrollUuid","PayrollConfiguration","PayrollOverviewContextual","alerts","PayrollOverview","PayrollEditEmployeeContextual","employeeId","PayrollEditEmployee","PayrollReceiptsContextual","PayrollReceipts","PayrollBlockerContextual","PayrollBlockerList","SaveAndExitCta","ctaConfig","Button","useComponentContext","namespace","useI18n","t","useTranslation","componentEvents"],"mappings":";;;;;;;;;;;;;AAwEO,SAASA,IAA2B;AACzC,QAAM;AAAA,IACJ,WAAAC;AAAA,IACA,SAAAC;AAAA,IACA,oBAAAC;AAAA,IACA,6BAAAC;AAAA,IACA,2BAAAC;AAAA,EAAA,IACEC,EAAA;AACJ,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,SAAAN;AAAA,MACA,WAAWO,EAAeR,CAAS;AAAA,MACnC,oBAAAE;AAAA,MACA,6BAAAC;AAAA,MACA,2BAAAC;AAAA,IAAA;AAAA,EAAA;AAGN;AAGO,SAASK,IAAiC;AAC/C,QAAM,EAAE,WAAAT,GAAW,aAAAU,GAAa,SAAAT,GAAS,oBAAAC,EAAA,IACvCG,EAAA;AACF,SACE,gBAAAC;AAAA,IAACK;AAAA,IAAA;AAAA,MACC,SAAAV;AAAA,MACA,WAAWO,EAAeR,CAAS;AAAA,MACnC,WAAWQ,EAAeE,CAAW;AAAA,MACrC,oBAAAR;AAAA,IAAA;AAAA,EAAA;AAGN;AAGO,SAASU,IAA4B;AAC1C,QAAM;AAAA,IACJ,WAAAZ;AAAA,IACA,aAAAU;AAAA,IACA,SAAAT;AAAA,IACA,QAAAY;AAAA,IACA,oBAAAX;AAAA,IACA,6BAAAC;AAAA,EAAA,IACEE,EAAA;AACJ,SACE,gBAAAC;AAAA,IAACQ;AAAA,IAAA;AAAA,MACC,SAAAb;AAAA,MACA,WAAWO,EAAeR,CAAS;AAAA,MACnC,WAAWQ,EAAeE,CAAW;AAAA,MACrC,QAAAG;AAAA,MACA,oBAAAX;AAAA,MACA,6BAAAC;AAAA,IAAA;AAAA,EAAA;AAGN;AAGO,SAASY,IAAgC;AAC9C,QAAM,EAAE,WAAAf,GAAW,aAAAU,GAAa,YAAAM,GAAY,SAAAf,GAAS,oBAAAC,EAAA,IACnDG,EAAA;AACF,SACE,gBAAAC;AAAA,IAACW;AAAA,IAAA;AAAA,MACC,SAAAhB;AAAA,MACA,WAAWO,EAAeR,CAAS;AAAA,MACnC,WAAWQ,EAAeE,CAAW;AAAA,MACrC,YAAYF,EAAeQ,CAAU;AAAA,MACrC,oBAAAd;AAAA,IAAA;AAAA,EAAA;AAGN;AAGO,SAASgB,IAA4B;AAC1C,QAAM,EAAE,aAAAR,GAAa,SAAAT,GAAS,oBAAAC,EAAA,IAAuBG,EAAA;AACrD,SACE,gBAAAC;AAAA,IAACa;AAAA,IAAA;AAAA,MACC,SAAAlB;AAAA,MACA,WAAWO,EAAeE,CAAW;AAAA,MACrC,oBAAAR;AAAA,IAAA;AAAA,EAAA;AAGN;AAGO,SAASkB,IAA2B;AACzC,QAAM,EAAE,WAAApB,GAAW,SAAAC,EAAA,IAAYI,EAAA;AAC/B,2BAAQgB,GAAA,EAAmB,SAAApB,GAAkB,WAAWO,EAAeR,CAAS,GAAG;AACrF;AAGO,SAASsB,IAAiB;AAC/B,QAAM,EAAE,SAAArB,GAAS,WAAAsB,EAAA,IAAclB,EAAA,GACzB,EAAE,QAAAmB,EAAA,IAAWC,EAAA,GACbC,IAAYH,GAAW,aAAa;AAC1C,EAAAI,EAAQ,CAACD,CAAS,CAAC;AACnB,QAAM,EAAE,GAAAE,EAAA,IAAMC,EAAeH,CAAS;AAEtC,SAAKH,GAAW,WAGd,gBAAAjB;AAAA,IAACkB;AAAA,IAAA;AAAA,MACC,SAAS,MAAM;AACb,QAAAvB,EAAQ6B,EAAgB,iBAAiB;AAAA,MAC3C;AAAA,MACA,SAAQ;AAAA,MAEP,UAAAF,EAAEL,EAAU,QAAiB;AAAA,IAAA;AAAA,EAAA,IATD;AAYnC;"}
+{"version":3,"file":"PayrollFlowComponents.js","sources":["../../../../src/components/Payroll/PayrollFlow/PayrollFlowComponents.tsx"],"sourcesContent":["import type { ReactNode } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport type { PayrollPayPeriodType } from '@gusto/embedded-api-v-2025-11-15/models/components/payrollpayperiodtype'\nimport { PayrollLanding } from '../PayrollLanding/PayrollLanding'\nimport { PayrollConfiguration } from '../PayrollConfiguration/PayrollConfiguration'\nimport { PayrollOverview } from '../PayrollOverview/PayrollOverview'\nimport { PayrollEditEmployee } from '../PayrollEditEmployee/PayrollEditEmployee'\nimport { PayrollReceipts } from '../PayrollReceipts/PayrollReceipts'\nimport { PayrollBlockerList } from '../PayrollBlocker'\nimport type { ConfirmWireDetailsComponentType } from '../ConfirmWireDetails/ConfirmWireDetails'\nimport { useFlow, type FlowContextInterface } from '@/components/Flow/useFlow'\nimport type { BaseComponentInterface } from '@/components/Base'\nimport { ensureRequired } from '@/helpers/ensureRequired'\nimport type { BreadcrumbTrail } from '@/components/Common/FlowBreadcrumbs/FlowBreadcrumbsTypes'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useI18n } from '@/i18n'\nimport { componentEvents } from '@/shared/constants'\n\n/**\n * Props accepted by {@link PayrollFlow}.\n *\n * @public\n */\nexport interface PayrollFlowProps extends BaseComponentInterface<never> {\n  /** Identifier of the company whose payroll is being run. */\n  companyId: string\n  /** Whether reimbursement fields are shown in the payroll configuration and overview. Defaults to `true`. */\n  withReimbursements?: boolean\n  /** Optional custom component that replaces the default wire-details confirmation UI. */\n  ConfirmWireDetailsComponent?: ConfirmWireDetailsComponentType\n}\n\n/**\n * An alert banner rendered above payroll content in {@link PayrollOverview} and\n * {@link PayrollConfiguration}.\n *\n * @public\n */\nexport type PayrollFlowAlert = {\n  /** Visual severity of the alert. */\n  type: 'error' | 'info' | 'success'\n  /** Short heading text displayed in the alert. */\n  title: string\n  /** Optional body content rendered below the title. */\n  content?: ReactNode\n  /** Called when the user dismisses the alert. When omitted, the alert is not dismissible. */\n  onDismiss?: () => void\n  /** Stable key used to track alert identity across renders (e.g. for animations or deduplication). */\n  alertKey?: string\n}\n\n/** @internal */\nexport interface PayrollFlowContextInterface extends FlowContextInterface {\n  companyId: string\n  payrollUuid?: string\n  employeeId?: string\n  firstName?: string\n  lastName?: string\n  alerts?: PayrollFlowAlert[]\n  breadcrumbs?: BreadcrumbTrail\n  payPeriod?: PayrollPayPeriodType\n  withReimbursements: boolean\n  ConfirmWireDetailsComponent?: ConfirmWireDetailsComponentType\n  showPayrollCancelledAlert?: boolean\n  hasPayrollSubmissionStarted?: boolean\n  executionInitialState?: 'configuration' | 'overview'\n  transitionStartDate?: string\n  transitionEndDate?: string\n  transitionPayScheduleUuid?: string\n}\n\n/** @internal */\nexport function PayrollLandingContextual() {\n  const {\n    companyId,\n    onEvent,\n    withReimbursements,\n    ConfirmWireDetailsComponent,\n    showPayrollCancelledAlert,\n  } = useFlow<PayrollFlowContextInterface>()\n  return (\n    <PayrollLanding\n      onEvent={onEvent}\n      companyId={ensureRequired(companyId)}\n      withReimbursements={withReimbursements}\n      ConfirmWireDetailsComponent={ConfirmWireDetailsComponent}\n      showPayrollCancelledAlert={showPayrollCancelledAlert}\n    />\n  )\n}\n\n/** @internal */\nexport function PayrollConfigurationContextual() {\n  const { companyId, payrollUuid, onEvent, withReimbursements } =\n    useFlow<PayrollFlowContextInterface>()\n  return (\n    <PayrollConfiguration\n      onEvent={onEvent}\n      companyId={ensureRequired(companyId)}\n      payrollId={ensureRequired(payrollUuid)}\n      withReimbursements={withReimbursements}\n    />\n  )\n}\n\n/** @internal */\nexport function PayrollOverviewContextual() {\n  const {\n    companyId,\n    payrollUuid,\n    onEvent,\n    alerts,\n    withReimbursements,\n    ConfirmWireDetailsComponent,\n  } = useFlow<PayrollFlowContextInterface>()\n  return (\n    <PayrollOverview\n      onEvent={onEvent}\n      companyId={ensureRequired(companyId)}\n      payrollId={ensureRequired(payrollUuid)}\n      alerts={alerts}\n      withReimbursements={withReimbursements}\n      ConfirmWireDetailsComponent={ConfirmWireDetailsComponent}\n    />\n  )\n}\n\n/** @internal */\nexport function PayrollEditEmployeeContextual() {\n  const { companyId, payrollUuid, employeeId, onEvent, withReimbursements } =\n    useFlow<PayrollFlowContextInterface>()\n  return (\n    <PayrollEditEmployee\n      onEvent={onEvent}\n      companyId={ensureRequired(companyId)}\n      payrollId={ensureRequired(payrollUuid)}\n      employeeId={ensureRequired(employeeId)}\n      withReimbursements={withReimbursements}\n    />\n  )\n}\n\n/** @internal */\nexport function PayrollReceiptsContextual() {\n  const { payrollUuid, onEvent, withReimbursements } = useFlow<PayrollFlowContextInterface>()\n  return (\n    <PayrollReceipts\n      onEvent={onEvent}\n      payrollId={ensureRequired(payrollUuid)}\n      withReimbursements={withReimbursements}\n    />\n  )\n}\n\n/** @internal */\nexport function PayrollBlockerContextual() {\n  const { companyId, onEvent } = useFlow<PayrollFlowContextInterface>()\n  return <PayrollBlockerList onEvent={onEvent} companyId={ensureRequired(companyId)} />\n}\n\n/** @internal */\nexport function SaveAndExitCta() {\n  const { onEvent, ctaConfig } = useFlow<PayrollFlowContextInterface>()\n  const { Button } = useComponentContext()\n  const namespace = ctaConfig?.namespace || 'common'\n  useI18n([namespace])\n  const { t } = useTranslation(namespace)\n\n  if (!ctaConfig?.labelKey) return null\n\n  return (\n    <Button\n      onClick={() => {\n        onEvent(componentEvents.PAYROLL_EXIT_FLOW)\n      }}\n      variant=\"secondary\"\n    >\n      {t(ctaConfig.labelKey as never)}\n    </Button>\n  )\n}\n"],"names":["PayrollLandingContextual","companyId","onEvent","withReimbursements","ConfirmWireDetailsComponent","showPayrollCancelledAlert","useFlow","jsx","PayrollLanding","ensureRequired","PayrollConfigurationContextual","payrollUuid","PayrollConfiguration","PayrollOverviewContextual","alerts","PayrollOverview","PayrollEditEmployeeContextual","employeeId","PayrollEditEmployee","PayrollReceiptsContextual","PayrollReceipts","PayrollBlockerContextual","PayrollBlockerList","SaveAndExitCta","ctaConfig","Button","useComponentContext","namespace","useI18n","t","useTranslation","componentEvents"],"mappings":";;;;;;;;;;;;;AAwEO,SAASA,IAA2B;AACzC,QAAM;AAAA,IACJ,WAAAC;AAAA,IACA,SAAAC;AAAA,IACA,oBAAAC;AAAA,IACA,6BAAAC;AAAA,IACA,2BAAAC;AAAA,EAAA,IACEC,EAAA;AACJ,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,SAAAN;AAAA,MACA,WAAWO,EAAeR,CAAS;AAAA,MACnC,oBAAAE;AAAA,MACA,6BAAAC;AAAA,MACA,2BAAAC;AAAA,IAAA;AAAA,EAAA;AAGN;AAGO,SAASK,IAAiC;AAC/C,QAAM,EAAE,WAAAT,GAAW,aAAAU,GAAa,SAAAT,GAAS,oBAAAC,EAAA,IACvCG,EAAA;AACF,SACE,gBAAAC;AAAA,IAACK;AAAA,IAAA;AAAA,MACC,SAAAV;AAAA,MACA,WAAWO,EAAeR,CAAS;AAAA,MACnC,WAAWQ,EAAeE,CAAW;AAAA,MACrC,oBAAAR;AAAA,IAAA;AAAA,EAAA;AAGN;AAGO,SAASU,IAA4B;AAC1C,QAAM;AAAA,IACJ,WAAAZ;AAAA,IACA,aAAAU;AAAA,IACA,SAAAT;AAAA,IACA,QAAAY;AAAA,IACA,oBAAAX;AAAA,IACA,6BAAAC;AAAA,EAAA,IACEE,EAAA;AACJ,SACE,gBAAAC;AAAA,IAACQ;AAAA,IAAA;AAAA,MACC,SAAAb;AAAA,MACA,WAAWO,EAAeR,CAAS;AAAA,MACnC,WAAWQ,EAAeE,CAAW;AAAA,MACrC,QAAAG;AAAA,MACA,oBAAAX;AAAA,MACA,6BAAAC;AAAA,IAAA;AAAA,EAAA;AAGN;AAGO,SAASY,IAAgC;AAC9C,QAAM,EAAE,WAAAf,GAAW,aAAAU,GAAa,YAAAM,GAAY,SAAAf,GAAS,oBAAAC,EAAA,IACnDG,EAAA;AACF,SACE,gBAAAC;AAAA,IAACW;AAAA,IAAA;AAAA,MACC,SAAAhB;AAAA,MACA,WAAWO,EAAeR,CAAS;AAAA,MACnC,WAAWQ,EAAeE,CAAW;AAAA,MACrC,YAAYF,EAAeQ,CAAU;AAAA,MACrC,oBAAAd;AAAA,IAAA;AAAA,EAAA;AAGN;AAGO,SAASgB,IAA4B;AAC1C,QAAM,EAAE,aAAAR,GAAa,SAAAT,GAAS,oBAAAC,EAAA,IAAuBG,EAAA;AACrD,SACE,gBAAAC;AAAA,IAACa;AAAA,IAAA;AAAA,MACC,SAAAlB;AAAA,MACA,WAAWO,EAAeE,CAAW;AAAA,MACrC,oBAAAR;AAAA,IAAA;AAAA,EAAA;AAGN;AAGO,SAASkB,IAA2B;AACzC,QAAM,EAAE,WAAApB,GAAW,SAAAC,EAAA,IAAYI,EAAA;AAC/B,2BAAQgB,GAAA,EAAmB,SAAApB,GAAkB,WAAWO,EAAeR,CAAS,GAAG;AACrF;AAGO,SAASsB,IAAiB;AAC/B,QAAM,EAAE,SAAArB,GAAS,WAAAsB,EAAA,IAAclB,EAAA,GACzB,EAAE,QAAAmB,EAAA,IAAWC,EAAA,GACbC,IAAYH,GAAW,aAAa;AAC1C,EAAAI,EAAQ,CAACD,CAAS,CAAC;AACnB,QAAM,EAAE,GAAAE,EAAA,IAAMC,EAAeH,CAAS;AAEtC,SAAKH,GAAW,WAGd,gBAAAjB;AAAA,IAACkB;AAAA,IAAA;AAAA,MACC,SAAS,MAAM;AACb,QAAAvB,EAAQ6B,EAAgB,iBAAiB;AAAA,MAC3C;AAAA,MACA,SAAQ;AAAA,MAEP,UAAAF,EAAEL,EAAU,QAAiB;AAAA,IAAA;AAAA,EAAA,IATD;AAYnC;"}

package/dist/components/Payroll/PayrollFlow/payrollStateMachine.js

@@ -78,12 +78,10 @@ const u = t(
 ), d = t(
   l.RUN_PAYROLL_CANCELLED,
   "landing",
-  o(
-    (e) => ({
-      ...y(e),
-      showPayrollCancelledAlert: !0
-    })
-  )
+  o((e) => ({
+    ...y(e),
+    showPayrollCancelledAlert: !0
+  }))
 ), p = t(
   l.RUN_PAYROLL_PROCESSED,
   "submittedOverview",
@@ -125,27 +123,23 @@ const u = t(
     t(
       l.RUN_PAYROLL_BLOCKERS_VIEW_ALL,
       "blockers",
-      o(
-        (e) => ({
-          ...m("blockers", e),
-          component: v,
-          showPayrollCancelledAlert: !1,
-          ctaConfig: {
-            labelKey: "exitFlowCta",
-            namespace: "Payroll.PayrollBlocker"
-          }
-        })
-      )
+      o((e) => ({
+        ...m("blockers", e),
+        component: v,
+        showPayrollCancelledAlert: !1,
+        ctaConfig: {
+          labelKey: "exitFlowCta",
+          namespace: "Payroll.PayrollBlocker"
+        }
+      }))
     ),
     t(
       l.RUN_PAYROLL_CANCELLED_ALERT_DISMISSED,
       "landing",
-      o(
-        (e) => ({
-          ...e,
-          showPayrollCancelledAlert: !1
-        })
-      )
+      o((e) => ({
+        ...e,
+        showPayrollCancelledAlert: !1
+      }))
     ),
     t(
       l.RUN_TRANSITION_PAYROLL,
@@ -164,13 +158,11 @@ const u = t(
     t(
       l.RUN_OFF_CYCLE_PAYROLL,
       "offCycle",
-      o(
-        (e) => ({
-          ...c(e, { currentBreadcrumbId: void 0 }),
-          component: E,
-          showPayrollCancelledAlert: !1
-        })
-      )
+      o((e) => ({
+        ...c(e, { currentBreadcrumbId: void 0 }),
+        component: E,
+        showPayrollCancelledAlert: !1
+      }))
     )
   ),
   execution: n(
@@ -185,20 +177,18 @@ const u = t(
     t(
       l.RUN_PAYROLL_RECEIPT_GET,
       "submittedReceipts",
-      o(
-        (e) => ({
-          ...m("submittedReceipts", e, {
-            startDate: e.payPeriod?.startDate ?? "",
-            endDate: e.payPeriod?.endDate ?? ""
-          }),
-          component: R,
-          alerts: void 0,
-          ctaConfig: {
-            labelKey: "exitFlowCta",
-            namespace: "Payroll.PayrollReceipts"
-          }
-        })
-      )
+      o((e) => ({
+        ...m("submittedReceipts", e, {
+          startDate: e.payPeriod?.startDate ?? "",
+          endDate: e.payPeriod?.endDate ?? ""
+        }),
+        component: R,
+        alerts: void 0,
+        ctaConfig: {
+          labelKey: "exitFlowCta",
+          namespace: "Payroll.PayrollReceipts"
+        }
+      }))
     ),
     d,
     r