@gusto/embedded-react-sdk 0.55.0 → 0.55.2

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/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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"}
+{"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/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.RUN_PAYROLL_ALREADY_PROCESSED]: {\n    payrollId: 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 alreadyProcessedTransition = transition(\n  componentEvents.RUN_PAYROLL_ALREADY_PROCESSED,\n  'overview',\n  reduce(\n    (\n      ctx: PayrollFlowContextInterface,\n      ev: MachineEventType<\n        PayrollEventPayloads,\n        typeof componentEvents.RUN_PAYROLL_ALREADY_PROCESSED\n      >,\n    ): PayrollFlowContextInterface => {\n      const payPeriod = ev.payload.payPeriod ?? ctx.payPeriod\n      return {\n        ...updateBreadcrumbs('overview', ctx, {\n          startDate: payPeriod?.startDate ?? '',\n          endDate: payPeriod?.endDate ?? '',\n        }),\n        component: PayrollOverviewContextual,\n        payPeriod,\n        alerts: ev.payload.alert\n          ? [\n              ...(ctx.alerts ?? []).filter(a => a.alertKey !== 'alreadyProcessed'),\n              { ...ev.payload.alert, alertKey: 'alreadyProcessed' 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    alreadyProcessedTransition,\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","alreadyProcessedTransition","payPeriod","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/PayrollFlow.d.ts

@@ -47,4 +47,4 @@ import { PayrollFlowProps } from './PayrollFlowComponents';
  * }
  * ```
  */
-export declare const PayrollFlow: ({ companyId, onEvent, withReimbursements, ConfirmWireDetailsComponent, }: PayrollFlowProps) => import("react").JSX.Element;
+export declare const PayrollFlow: ({ companyId, onEvent, withReimbursements, withOffcyclePayroll, ConfirmWireDetailsComponent, }: PayrollFlowProps) => import("react").JSX.Element;

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

@@ -1,38 +1,40 @@
-import { jsx as e } from "react/jsx-runtime";
+import { jsx as p } from "react/jsx-runtime";
 import { createMachine as c } from "robot3";
-import { useMemo as p } from "react";
-import { payrollFlowMachine as d, payrollFlowBreadcrumbsNodes as i } from "./payrollStateMachine.js";
-import { SaveAndExitCta as n, PayrollLandingContextual as u } from "./PayrollFlowComponents.js";
-import { Flow as b } from "../../Flow/Flow.js";
-import { buildBreadcrumbs as f } from "../../../helpers/breadcrumbHelpers.js";
-const g = ({
+import { useMemo as d } from "react";
+import { payrollFlowMachine as n, payrollFlowBreadcrumbsNodes as u } from "./payrollStateMachine.js";
+import { SaveAndExitCta as i, PayrollLandingContextual as b } from "./PayrollFlowComponents.js";
+import { Flow as s } from "../../Flow/Flow.js";
+import { buildBreadcrumbs as F } from "../../../helpers/breadcrumbHelpers.js";
+const B = ({
   companyId: r,
-  onEvent: l,
+  onEvent: t,
   withReimbursements: o = !0,
-  ConfirmWireDetailsComponent: a
+  withOffcyclePayroll: a = !0,
+  ConfirmWireDetailsComponent: m
 }) => {
-  const m = p(
+  const e = d(
     () => c(
       "landing",
-      d,
-      (t) => ({
-        ...t,
-        component: u,
+      n,
+      (l) => ({
+        ...l,
+        component: b,
         companyId: r,
         header: {
           type: "breadcrumbs",
-          breadcrumbs: f(i),
-          cta: n
+          breadcrumbs: F(u),
+          cta: i
         },
         withReimbursements: o,
-        ConfirmWireDetailsComponent: a
+        withOffcyclePayroll: a,
+        ConfirmWireDetailsComponent: m
       })
     ),
-    [r, o, a]
+    [r, o, a, m]
   );
-  return /* @__PURE__ */ e(b, { machine: m, onEvent: l });
+  return /* @__PURE__ */ p(s, { machine: e, onEvent: t });
 };
 export {
-  g as PayrollFlow
+  B as PayrollFlow
 };
 //# sourceMappingURL=PayrollFlow.js.map

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 * 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;"}
+{"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  withOffcyclePayroll = 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          withOffcyclePayroll,\n          ConfirmWireDetailsComponent,\n        }),\n      ),\n    [companyId, withReimbursements, withOffcyclePayroll, ConfirmWireDetailsComponent],\n  )\n\n  return <Flow machine={payrollFlow} onEvent={onEvent} />\n}\n"],"names":["PayrollFlow","companyId","onEvent","withReimbursements","withOffcyclePayroll","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,qBAAAC,IAAsB;AAAA,EACtB,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,WAAAV;AAAA,QACA,QAAQ;AAAA,UACN,MAAM;AAAA,UACN,aAAaW,EAAiBC,CAA2B;AAAA,UACzD,KAAKC;AAAA,QAAA;AAAA,QAEP,oBAAAX;AAAA,QACA,qBAAAC;AAAA,QACA,6BAAAC;AAAA,MAAA;AAAA,IACF;AAAA,IAEJ,CAACJ,GAAWE,GAAoBC,GAAqBC,CAA2B;AAAA,EAAA;AAGlF,SAAO,gBAAAU,EAACC,GAAA,EAAK,SAASV,GAAa,SAAAJ,EAAA,CAAkB;AACvD;"}

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

@@ -14,6 +14,8 @@ export interface PayrollFlowProps extends BaseComponentInterface<never> {
     companyId: string;
     /** Whether reimbursement fields are shown in the payroll configuration and overview. Defaults to `true`. */
     withReimbursements?: boolean;
+    /** Whether to show the off-cycle payroll call-to-action. Defaults to `true`. */
+    withOffcyclePayroll?: boolean;
     /** Optional custom component that replaces the default wire-details confirmation UI. */
     ConfirmWireDetailsComponent?: ConfirmWireDetailsComponentType;
 }
@@ -46,6 +48,7 @@ export interface PayrollFlowContextInterface extends FlowContextInterface {
     breadcrumbs?: BreadcrumbTrail;
     payPeriod?: PayrollPayPeriodType;
     withReimbursements: boolean;
+    withOffcyclePayroll: boolean;
     ConfirmWireDetailsComponent?: ConfirmWireDetailsComponentType;
     showPayrollCancelledAlert?: boolean;
     hasPayrollSubmissionStarted?: boolean;

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

@@ -2,36 +2,38 @@ import { jsx as i } from "react/jsx-runtime";
 import { useTranslation as p } from "react-i18next";
 import { PayrollLanding as c } from "../PayrollLanding/PayrollLanding.js";
 import { PayrollConfiguration as u } from "../PayrollConfiguration/PayrollConfiguration.js";
-import { PayrollOverview as s } from "../PayrollOverview/PayrollOverview.js";
-import { PayrollEditEmployee as y } from "../PayrollEditEmployee/PayrollEditEmployee.js";
+import { PayrollOverview as y } from "../PayrollOverview/PayrollOverview.js";
+import { PayrollEditEmployee as s } from "../PayrollEditEmployee/PayrollEditEmployee.js";
 import { PayrollReceipts as d } from "../PayrollReceipts/PayrollReceipts.js";
-import { useFlow as m } from "../../Flow/useFlow.js";
+import { useFlow as a } from "../../Flow/useFlow.js";
 import { ensureRequired as r } from "../../../helpers/ensureRequired.js";
 import { useComponentContext as f } from "../../../contexts/ComponentAdapter/useComponentContext.js";
 import { useI18n as C } from "../../../i18n/I18n.js";
 import { componentEvents as I } from "../../../shared/constants.js";
-import { PayrollBlockerList as v } from "../PayrollBlocker/components/PayrollBlockerList.js";
+import { PayrollBlockerList as P } from "../PayrollBlocker/components/PayrollBlockerList.js";
 function B() {
   const {
     companyId: n,
     onEvent: o,
     withReimbursements: t,
-    ConfirmWireDetailsComponent: e,
-    showPayrollCancelledAlert: l
-  } = m();
+    withOffcyclePayroll: e,
+    ConfirmWireDetailsComponent: l,
+    showPayrollCancelledAlert: m
+  } = a();
   return /* @__PURE__ */ i(
     c,
     {
       onEvent: o,
       companyId: r(n),
       withReimbursements: t,
-      ConfirmWireDetailsComponent: e,
-      showPayrollCancelledAlert: l
+      withOffcyclePayroll: e,
+      ConfirmWireDetailsComponent: l,
+      showPayrollCancelledAlert: m
     }
   );
 }
 function W() {
-  const { companyId: n, payrollUuid: o, onEvent: t, withReimbursements: e } = m();
+  const { companyId: n, payrollUuid: o, onEvent: t, withReimbursements: e } = a();
   return /* @__PURE__ */ i(
     u,
     {
@@ -49,24 +51,24 @@ function D() {
     onEvent: t,
     alerts: e,
     withReimbursements: l,
-    ConfirmWireDetailsComponent: a
-  } = m();
+    ConfirmWireDetailsComponent: m
+  } = a();
   return /* @__PURE__ */ i(
-    s,
+    y,
     {
       onEvent: t,
       companyId: r(n),
       payrollId: r(o),
       alerts: e,
       withReimbursements: l,
-      ConfirmWireDetailsComponent: a
+      ConfirmWireDetailsComponent: m
     }
   );
 }
 function F() {
-  const { companyId: n, payrollUuid: o, employeeId: t, onEvent: e, withReimbursements: l } = m();
+  const { companyId: n, payrollUuid: o, employeeId: t, onEvent: e, withReimbursements: l } = a();
   return /* @__PURE__ */ i(
-    y,
+    s,
     {
       onEvent: e,
       companyId: r(n),
@@ -77,7 +79,7 @@ function F() {
   );
 }
 function K() {
-  const { payrollUuid: n, onEvent: o, withReimbursements: t } = m();
+  const { payrollUuid: n, onEvent: o, withReimbursements: t } = a();
   return /* @__PURE__ */ i(
     d,
     {
@@ -88,11 +90,11 @@ function K() {
   );
 }
 function T() {
-  const { companyId: n, onEvent: o } = m();
-  return /* @__PURE__ */ i(v, { onEvent: o, companyId: r(n) });
+  const { companyId: n, onEvent: o } = a();
+  return /* @__PURE__ */ i(P, { onEvent: o, companyId: r(n) });
 }
 function _() {
-  const { onEvent: n, ctaConfig: o } = m(), { Button: t } = f(), e = o?.namespace || "common";
+  const { onEvent: n, ctaConfig: o } = a(), { Button: t } = f(), e = o?.namespace || "common";
   C([e]);
   const { t: l } = p(e);
   return o?.labelKey ? /* @__PURE__ */ i(

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/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;"}
+{"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/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  /** Whether to show the off-cycle payroll call-to-action. Defaults to `true`. */\n  withOffcyclePayroll?: 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  withOffcyclePayroll: 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    withOffcyclePayroll,\n    ConfirmWireDetailsComponent,\n    showPayrollCancelledAlert,\n  } = useFlow<PayrollFlowContextInterface>()\n  return (\n    <PayrollLanding\n      onEvent={onEvent}\n      companyId={ensureRequired(companyId)}\n      withReimbursements={withReimbursements}\n      withOffcyclePayroll={withOffcyclePayroll}\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","withOffcyclePayroll","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":";;;;;;;;;;;;;AA2EO,SAASA,IAA2B;AACzC,QAAM;AAAA,IACJ,WAAAC;AAAA,IACA,SAAAC;AAAA,IACA,oBAAAC;AAAA,IACA,qBAAAC;AAAA,IACA,6BAAAC;AAAA,IACA,2BAAAC;AAAA,EAAA,IACEC,EAAA;AACJ,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,SAAAP;AAAA,MACA,WAAWQ,EAAeT,CAAS;AAAA,MACnC,oBAAAE;AAAA,MACA,qBAAAC;AAAA,MACA,6BAAAC;AAAA,MACA,2BAAAC;AAAA,IAAA;AAAA,EAAA;AAGN;AAGO,SAASK,IAAiC;AAC/C,QAAM,EAAE,WAAAV,GAAW,aAAAW,GAAa,SAAAV,GAAS,oBAAAC,EAAA,IACvCI,EAAA;AACF,SACE,gBAAAC;AAAA,IAACK;AAAA,IAAA;AAAA,MACC,SAAAX;AAAA,MACA,WAAWQ,EAAeT,CAAS;AAAA,MACnC,WAAWS,EAAeE,CAAW;AAAA,MACrC,oBAAAT;AAAA,IAAA;AAAA,EAAA;AAGN;AAGO,SAASW,IAA4B;AAC1C,QAAM;AAAA,IACJ,WAAAb;AAAA,IACA,aAAAW;AAAA,IACA,SAAAV;AAAA,IACA,QAAAa;AAAA,IACA,oBAAAZ;AAAA,IACA,6BAAAE;AAAA,EAAA,IACEE,EAAA;AACJ,SACE,gBAAAC;AAAA,IAACQ;AAAA,IAAA;AAAA,MACC,SAAAd;AAAA,MACA,WAAWQ,EAAeT,CAAS;AAAA,MACnC,WAAWS,EAAeE,CAAW;AAAA,MACrC,QAAAG;AAAA,MACA,oBAAAZ;AAAA,MACA,6BAAAE;AAAA,IAAA;AAAA,EAAA;AAGN;AAGO,SAASY,IAAgC;AAC9C,QAAM,EAAE,WAAAhB,GAAW,aAAAW,GAAa,YAAAM,GAAY,SAAAhB,GAAS,oBAAAC,EAAA,IACnDI,EAAA;AACF,SACE,gBAAAC;AAAA,IAACW;AAAA,IAAA;AAAA,MACC,SAAAjB;AAAA,MACA,WAAWQ,EAAeT,CAAS;AAAA,MACnC,WAAWS,EAAeE,CAAW;AAAA,MACrC,YAAYF,EAAeQ,CAAU;AAAA,MACrC,oBAAAf;AAAA,IAAA;AAAA,EAAA;AAGN;AAGO,SAASiB,IAA4B;AAC1C,QAAM,EAAE,aAAAR,GAAa,SAAAV,GAAS,oBAAAC,EAAA,IAAuBI,EAAA;AACrD,SACE,gBAAAC;AAAA,IAACa;AAAA,IAAA;AAAA,MACC,SAAAnB;AAAA,MACA,WAAWQ,EAAeE,CAAW;AAAA,MACrC,oBAAAT;AAAA,IAAA;AAAA,EAAA;AAGN;AAGO,SAASmB,IAA2B;AACzC,QAAM,EAAE,WAAArB,GAAW,SAAAC,EAAA,IAAYK,EAAA;AAC/B,2BAAQgB,GAAA,EAAmB,SAAArB,GAAkB,WAAWQ,EAAeT,CAAS,GAAG;AACrF;AAGO,SAASuB,IAAiB;AAC/B,QAAM,EAAE,SAAAtB,GAAS,WAAAuB,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,QAAAxB,EAAQ8B,EAAgB,iBAAiB;AAAA,MAC3C;AAAA,MACA,SAAQ;AAAA,MAEP,UAAAF,EAAEL,EAAU,QAAiB;AAAA,IAAA;AAAA,EAAA,IATD;AAYnC;"}

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

@@ -10,6 +10,8 @@ export interface PayrollLandingProps extends BaseComponentInterface<'Payroll.Pay
     companyId: string;
     /** Whether to show reimbursement fields throughout the landing flow. Defaults to `true`. */
     withReimbursements?: boolean;
+    /** Whether to show the off-cycle payroll call-to-action. Defaults to `true`. */
+    withOffcyclePayroll?: boolean;
     /** Custom component that replaces the default wire details confirmation UI. */
     ConfirmWireDetailsComponent?: ConfirmWireDetailsComponentType;
     /** When `true`, displays a dismissible success alert indicating a payroll was cancelled. */

package/dist/components/Payroll/PayrollLanding/PayrollLanding.js

@@ -1,47 +1,55 @@
 import { jsx as o } from "react/jsx-runtime";
-import { useMemo as c } from "react";
-import { createMachine as d } from "robot3";
-import { payrollLandingMachine as p, payrollLandingBreadcrumbNodes as u } from "./payrollLandingStateMachine.js";
+import { useMemo as l } from "react";
+import { createMachine as p } from "robot3";
+import { payrollLandingMachine as c, payrollLandingBreadcrumbNodes as b } from "./payrollLandingStateMachine.js";
 import { PayrollLandingTabsContextual as f } from "./PayrollLandingFlowComponents.js";
-import { Flow as b } from "../../Flow/Flow.js";
-import { BaseComponent as y } from "../../Base/Base.js";
-import { useComponentDictionary as s } from "../../../i18n/I18n.js";
-import { buildBreadcrumbs as g } from "../../../helpers/breadcrumbHelpers.js";
-function k(r) {
-  return /* @__PURE__ */ o(y, { ...r, children: /* @__PURE__ */ o(L, { ...r }) });
+import { Flow as s } from "../../Flow/Flow.js";
+import { BaseComponent as g } from "../../Base/Base.js";
+import { useComponentDictionary as y } from "../../../i18n/I18n.js";
+import { buildBreadcrumbs as L } from "../../../helpers/breadcrumbHelpers.js";
+function q(r) {
+  return /* @__PURE__ */ o(g, { ...r, children: /* @__PURE__ */ o(x, { ...r }) });
 }
-function L({
+function x({
   companyId: r,
-  onEvent: t,
-  dictionary: e,
+  onEvent: e,
+  dictionary: i,
   withReimbursements: n = !0,
-  ConfirmWireDetailsComponent: a,
-  showPayrollCancelledAlert: m
+  withOffcyclePayroll: a = !0,
+  ConfirmWireDetailsComponent: m,
+  showPayrollCancelledAlert: t
 }) {
-  s("Payroll.PayrollLanding", e);
-  const i = c(
-    () => d(
+  y("Payroll.PayrollLanding", i);
+  const u = l(
+    () => p(
       "tabs",
-      p,
-      (l) => ({
-        ...l,
+      c,
+      (d) => ({
+        ...d,
         component: f,
         companyId: r,
         selectedTab: "run-payroll",
         withReimbursements: n,
-        ConfirmWireDetailsComponent: a,
+        withOffcyclePayroll: a,
+        ConfirmWireDetailsComponent: m,
         header: {
           type: "breadcrumbs",
-          breadcrumbs: g(u)
+          breadcrumbs: L(b)
         },
-        showPayrollCancelledAlert: m
+        showPayrollCancelledAlert: t
       })
     ),
-    [r, n, a, m]
+    [
+      r,
+      n,
+      a,
+      m,
+      t
+    ]
   );
-  return /* @__PURE__ */ o(b, { onEvent: t, machine: i });
+  return /* @__PURE__ */ o(s, { onEvent: e, machine: u });
 }
 export {
-  k as PayrollLanding
+  q as PayrollLanding
 };
 //# sourceMappingURL=PayrollLanding.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"PayrollLanding.js","sources":["../../../../src/components/Payroll/PayrollLanding/PayrollLanding.tsx"],"sourcesContent":["import { useMemo } from 'react'\nimport { createMachine } from 'robot3'\nimport type { ConfirmWireDetailsComponentType } from '../ConfirmWireDetails/ConfirmWireDetails'\nimport { payrollLandingMachine, payrollLandingBreadcrumbNodes } from './payrollLandingStateMachine'\nimport {\n  PayrollLandingTabsContextual,\n  type PayrollLandingFlowContextInterface,\n  type PayrollLandingFlowProps,\n} from './PayrollLandingFlowComponents'\nimport { Flow } from '@/components/Flow/Flow'\nimport type { BaseComponentInterface } from '@/components/Base/Base'\nimport { BaseComponent } from '@/components/Base/Base'\nimport { useComponentDictionary } from '@/i18n'\nimport { buildBreadcrumbs } from '@/helpers/breadcrumbHelpers'\n\n/**\n * Props for {@link PayrollLanding}.\n *\n * @public\n */\nexport interface PayrollLandingProps extends BaseComponentInterface<'Payroll.PayrollLanding'> {\n  /** The associated company identifier. */\n  companyId: string\n  /** Whether to show reimbursement fields throughout the landing flow. Defaults to `true`. */\n  withReimbursements?: boolean\n  /** Custom component that replaces the default wire details confirmation UI. */\n  ConfirmWireDetailsComponent?: ConfirmWireDetailsComponentType\n  /** When `true`, displays a dismissible success alert indicating a payroll was cancelled. */\n  showPayrollCancelledAlert?: boolean\n}\n\n/**\n * Main landing surface for payroll operations, with tabs for running payroll and\n * viewing payroll history, plus inline navigation to a payroll's overview and receipt.\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `runPayroll/selected` | User selected a payroll to run | `{ payrollUuid: string, payPeriod: object }` |\n * | `payroll/review` | User selected a calculated payroll to review | `{ payrollUuid: string, payPeriod: object }` |\n * | `payroll/skipped` | A payroll was skipped | `{ payrollId: string }` |\n * | `payroll/deleted` | A cancellable off-cycle payroll was deleted | `{ payrollId: string }` |\n * | `runPayroll/offCycle/start` | User clicked the Run off-cycle call-to-action | — |\n * | `transition/runPayroll` | User chose to run an unprocessed transition payroll from the Transition Payroll Alert | `{ startDate: string, endDate: string, payScheduleUuid?: string }` |\n * | `transition/payrollSkipped` | User skipped an unprocessed transition payroll from the Transition Payroll Alert | `{ startDate: string, endDate: string, payScheduleUuid?: string }` |\n * | `runPayroll/summary/viewed` | User opened a payroll's summary view | `{ payrollId: string }` |\n * | `runPayroll/receipt/viewed` | User opened a payroll's receipt view | `{ payrollId: string }` |\n * | `runPayroll/blockers/viewAll` | User opened the full list of payroll blockers | — |\n * | `runPayroll/cancelled` | A payroll was cancelled | `{ payrollId: string, result: object }` |\n * | `runPayroll/cancelled/alertDismissed` | User dismissed the payroll-cancelled success alert | — |\n *\n * When unprocessed transition pay periods exist, the landing surface renders a Transition\n * Payroll Alert. It looks ahead 90 days for upcoming transition periods, groups them by pay\n * schedule, and offers to run or skip each one. Choosing to run emits `transition/runPayroll`\n * (handle it by rendering `Payroll.TransitionFlow` with the supplied dates and pay schedule).\n * Skipping opens a confirmation dialog — warning that employees will not be paid for the\n * period — then skips the payroll and emits `transition/payrollSkipped`. Transition pay\n * periods should be resolved (run or skipped) before regular payrolls are run; the Gusto API\n * may reject regular payrolls while unresolved transition periods exist.\n *\n * @param props - See {@link PayrollLandingProps}.\n * @returns The payroll landing flow.\n * @public\n */\nexport function PayrollLanding(props: PayrollLandingProps) {\n  return (\n    <BaseComponent {...props}>\n      <PayrollLandingFlow {...props} />\n    </BaseComponent>\n  )\n}\n\nfunction PayrollLandingFlow({\n  companyId,\n  onEvent,\n  dictionary,\n  withReimbursements = true,\n  ConfirmWireDetailsComponent,\n  showPayrollCancelledAlert,\n}: PayrollLandingFlowProps) {\n  useComponentDictionary('Payroll.PayrollLanding', dictionary)\n\n  const machine = useMemo(\n    () =>\n      createMachine(\n        'tabs',\n        payrollLandingMachine,\n        (initialContext: PayrollLandingFlowContextInterface) => ({\n          ...initialContext,\n          component: PayrollLandingTabsContextual,\n          companyId,\n          selectedTab: 'run-payroll',\n          withReimbursements,\n          ConfirmWireDetailsComponent,\n          header: {\n            type: 'breadcrumbs' as const,\n            breadcrumbs: buildBreadcrumbs(payrollLandingBreadcrumbNodes),\n          },\n          showPayrollCancelledAlert,\n        }),\n      ),\n    [companyId, withReimbursements, ConfirmWireDetailsComponent, showPayrollCancelledAlert],\n  )\n\n  return <Flow onEvent={onEvent} machine={machine} />\n}\n"],"names":["PayrollLanding","props","jsx","BaseComponent","PayrollLandingFlow","companyId","onEvent","dictionary","withReimbursements","ConfirmWireDetailsComponent","showPayrollCancelledAlert","useComponentDictionary","machine","useMemo","createMachine","payrollLandingMachine","initialContext","PayrollLandingTabsContextual","buildBreadcrumbs","payrollLandingBreadcrumbNodes","Flow"],"mappings":";;;;;;;;;AAgEO,SAASA,EAAeC,GAA4B;AACzD,SACE,gBAAAC,EAACC,KAAe,GAAGF,GACjB,4BAACG,GAAA,EAAoB,GAAGH,GAAO,EAAA,CACjC;AAEJ;AAEA,SAASG,EAAmB;AAAA,EAC1B,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,YAAAC;AAAA,EACA,oBAAAC,IAAqB;AAAA,EACrB,6BAAAC;AAAA,EACA,2BAAAC;AACF,GAA4B;AAC1B,EAAAC,EAAuB,0BAA0BJ,CAAU;AAE3D,QAAMK,IAAUC;AAAA,IACd,MACEC;AAAA,MACE;AAAA,MACAC;AAAA,MACA,CAACC,OAAwD;AAAA,QACvD,GAAGA;AAAA,QACH,WAAWC;AAAA,QACX,WAAAZ;AAAA,QACA,aAAa;AAAA,QACb,oBAAAG;AAAA,QACA,6BAAAC;AAAA,QACA,QAAQ;AAAA,UACN,MAAM;AAAA,UACN,aAAaS,EAAiBC,CAA6B;AAAA,QAAA;AAAA,QAE7D,2BAAAT;AAAA,MAAA;AAAA,IACF;AAAA,IAEJ,CAACL,GAAWG,GAAoBC,GAA6BC,CAAyB;AAAA,EAAA;AAGxF,SAAO,gBAAAR,EAACkB,GAAA,EAAK,SAAAd,GAAkB,SAAAM,EAAA,CAAkB;AACnD;"}
+{"version":3,"file":"PayrollLanding.js","sources":["../../../../src/components/Payroll/PayrollLanding/PayrollLanding.tsx"],"sourcesContent":["import { useMemo } from 'react'\nimport { createMachine } from 'robot3'\nimport type { ConfirmWireDetailsComponentType } from '../ConfirmWireDetails/ConfirmWireDetails'\nimport { payrollLandingMachine, payrollLandingBreadcrumbNodes } from './payrollLandingStateMachine'\nimport {\n  PayrollLandingTabsContextual,\n  type PayrollLandingFlowContextInterface,\n  type PayrollLandingFlowProps,\n} from './PayrollLandingFlowComponents'\nimport { Flow } from '@/components/Flow/Flow'\nimport type { BaseComponentInterface } from '@/components/Base/Base'\nimport { BaseComponent } from '@/components/Base/Base'\nimport { useComponentDictionary } from '@/i18n'\nimport { buildBreadcrumbs } from '@/helpers/breadcrumbHelpers'\n\n/**\n * Props for {@link PayrollLanding}.\n *\n * @public\n */\nexport interface PayrollLandingProps extends BaseComponentInterface<'Payroll.PayrollLanding'> {\n  /** The associated company identifier. */\n  companyId: string\n  /** Whether to show reimbursement fields throughout the landing flow. Defaults to `true`. */\n  withReimbursements?: boolean\n  /** Whether to show the off-cycle payroll call-to-action. Defaults to `true`. */\n  withOffcyclePayroll?: boolean\n  /** Custom component that replaces the default wire details confirmation UI. */\n  ConfirmWireDetailsComponent?: ConfirmWireDetailsComponentType\n  /** When `true`, displays a dismissible success alert indicating a payroll was cancelled. */\n  showPayrollCancelledAlert?: boolean\n}\n\n/**\n * Main landing surface for payroll operations, with tabs for running payroll and\n * viewing payroll history, plus inline navigation to a payroll's overview and receipt.\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `runPayroll/selected` | User selected a payroll to run | `{ payrollUuid: string, payPeriod: object }` |\n * | `payroll/review` | User selected a calculated payroll to review | `{ payrollUuid: string, payPeriod: object }` |\n * | `payroll/skipped` | A payroll was skipped | `{ payrollId: string }` |\n * | `payroll/deleted` | A cancellable off-cycle payroll was deleted | `{ payrollId: string }` |\n * | `runPayroll/offCycle/start` | User clicked the Run off-cycle call-to-action | — |\n * | `transition/runPayroll` | User chose to run an unprocessed transition payroll from the Transition Payroll Alert | `{ startDate: string, endDate: string, payScheduleUuid?: string }` |\n * | `transition/payrollSkipped` | User skipped an unprocessed transition payroll from the Transition Payroll Alert | `{ startDate: string, endDate: string, payScheduleUuid?: string }` |\n * | `runPayroll/summary/viewed` | User opened a payroll's summary view | `{ payrollId: string }` |\n * | `runPayroll/receipt/viewed` | User opened a payroll's receipt view | `{ payrollId: string }` |\n * | `runPayroll/blockers/viewAll` | User opened the full list of payroll blockers | — |\n * | `runPayroll/cancelled` | A payroll was cancelled | `{ payrollId: string, result: object }` |\n * | `runPayroll/cancelled/alertDismissed` | User dismissed the payroll-cancelled success alert | — |\n *\n * When unprocessed transition pay periods exist, the landing surface renders a Transition\n * Payroll Alert. It looks ahead 90 days for upcoming transition periods, groups them by pay\n * schedule, and offers to run or skip each one. Choosing to run emits `transition/runPayroll`\n * (handle it by rendering `Payroll.TransitionFlow` with the supplied dates and pay schedule).\n * Skipping opens a confirmation dialog — warning that employees will not be paid for the\n * period — then skips the payroll and emits `transition/payrollSkipped`. Transition pay\n * periods should be resolved (run or skipped) before regular payrolls are run; the Gusto API\n * may reject regular payrolls while unresolved transition periods exist.\n *\n * @param props - See {@link PayrollLandingProps}.\n * @returns The payroll landing flow.\n * @public\n */\nexport function PayrollLanding(props: PayrollLandingProps) {\n  return (\n    <BaseComponent {...props}>\n      <PayrollLandingFlow {...props} />\n    </BaseComponent>\n  )\n}\n\nfunction PayrollLandingFlow({\n  companyId,\n  onEvent,\n  dictionary,\n  withReimbursements = true,\n  withOffcyclePayroll = true,\n  ConfirmWireDetailsComponent,\n  showPayrollCancelledAlert,\n}: PayrollLandingFlowProps) {\n  useComponentDictionary('Payroll.PayrollLanding', dictionary)\n\n  const machine = useMemo(\n    () =>\n      createMachine(\n        'tabs',\n        payrollLandingMachine,\n        (initialContext: PayrollLandingFlowContextInterface) => ({\n          ...initialContext,\n          component: PayrollLandingTabsContextual,\n          companyId,\n          selectedTab: 'run-payroll',\n          withReimbursements,\n          withOffcyclePayroll,\n          ConfirmWireDetailsComponent,\n          header: {\n            type: 'breadcrumbs' as const,\n            breadcrumbs: buildBreadcrumbs(payrollLandingBreadcrumbNodes),\n          },\n          showPayrollCancelledAlert,\n        }),\n      ),\n    [\n      companyId,\n      withReimbursements,\n      withOffcyclePayroll,\n      ConfirmWireDetailsComponent,\n      showPayrollCancelledAlert,\n    ],\n  )\n\n  return <Flow onEvent={onEvent} machine={machine} />\n}\n"],"names":["PayrollLanding","props","jsx","BaseComponent","PayrollLandingFlow","companyId","onEvent","dictionary","withReimbursements","withOffcyclePayroll","ConfirmWireDetailsComponent","showPayrollCancelledAlert","useComponentDictionary","machine","useMemo","createMachine","payrollLandingMachine","initialContext","PayrollLandingTabsContextual","buildBreadcrumbs","payrollLandingBreadcrumbNodes","Flow"],"mappings":";;;;;;;;;AAkEO,SAASA,EAAeC,GAA4B;AACzD,SACE,gBAAAC,EAACC,KAAe,GAAGF,GACjB,4BAACG,GAAA,EAAoB,GAAGH,GAAO,EAAA,CACjC;AAEJ;AAEA,SAASG,EAAmB;AAAA,EAC1B,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,YAAAC;AAAA,EACA,oBAAAC,IAAqB;AAAA,EACrB,qBAAAC,IAAsB;AAAA,EACtB,6BAAAC;AAAA,EACA,2BAAAC;AACF,GAA4B;AAC1B,EAAAC,EAAuB,0BAA0BL,CAAU;AAE3D,QAAMM,IAAUC;AAAA,IACd,MACEC;AAAA,MACE;AAAA,MACAC;AAAA,MACA,CAACC,OAAwD;AAAA,QACvD,GAAGA;AAAA,QACH,WAAWC;AAAA,QACX,WAAAb;AAAA,QACA,aAAa;AAAA,QACb,oBAAAG;AAAA,QACA,qBAAAC;AAAA,QACA,6BAAAC;AAAA,QACA,QAAQ;AAAA,UACN,MAAM;AAAA,UACN,aAAaS,EAAiBC,CAA6B;AAAA,QAAA;AAAA,QAE7D,2BAAAT;AAAA,MAAA;AAAA,IACF;AAAA,IAEJ;AAAA,MACEN;AAAA,MACAG;AAAA,MACAC;AAAA,MACAC;AAAA,MACAC;AAAA,IAAA;AAAA,EACF;AAGF,SAAO,gBAAAT,EAACmB,GAAA,EAAK,SAAAf,GAAkB,SAAAO,EAAA,CAAkB;AACnD;"}

package/dist/components/Payroll/PayrollLanding/PayrollLandingFlowComponents.d.ts

@@ -8,6 +8,8 @@ export interface PayrollLandingFlowProps extends BaseComponentInterface<'Payroll
     /** @internal */
     withReimbursements?: boolean;
     /** @internal */
+    withOffcyclePayroll?: boolean;
+    /** @internal */
     ConfirmWireDetailsComponent?: ConfirmWireDetailsComponentType;
     /** @internal */
     showPayrollCancelledAlert?: boolean;
@@ -27,6 +29,8 @@ export interface PayrollLandingFlowContextInterface extends FlowContextInterface
     /** @internal */
     withReimbursements: boolean;
     /** @internal */
+    withOffcyclePayroll: boolean;
+    /** @internal */
     ConfirmWireDetailsComponent?: ConfirmWireDetailsComponentType;
     /** @internal */
     startDate?: string;