@gusto/embedded-react-sdk 0.48.1 → 0.48.3

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

@@ -1,2 +1,40 @@
 import { PayrollFlowProps } from './PayrollFlowComponents';
+/**
+ * Guided workflow for selecting and running a company's payroll end to end.
+ *
+ * @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.
+ *
+ * | Event | Description | Data |
+ * | ----- | ----------- | ---- |
+ * | `runPayroll/selected` | A payroll is selected to run | `{ payrollId: string }` |
+ * | `payroll/review` | A calculated payroll is opened for review | `{ payrollId: string }` |
+ * | `runPayroll/calculated` | Payroll calculations complete | — |
+ * | `runPayroll/edit` | The user returns to configuration to make changes | — |
+ * | `runPayroll/employee/edit` | An employee row is opened for editing | `{ employeeId: string, firstName: string, lastName: string }` |
+ * | `runPayroll/employee/saved` | Employee payroll changes are saved | `{ payrollPrepared: object, employee: object }` |
+ * | `runPayroll/employee/cancelled` | Employee editing is cancelled | — |
+ * | `runPayroll/submitted` | Payroll is successfully submitted | Response from the submit payroll endpoint |
+ * | `runPayroll/processed` | Payroll processing completes | — |
+ * | `runPayroll/processingFailed` | Payroll processing fails | Error details |
+ * | `runPayroll/cancelled` | A submitted payroll is cancelled | `{ payrollId: string, result: object }` |
+ * | `runPayroll/summary/viewed` | The summary screen is opened | `{ payrollId: string }` |
+ * | `runPayroll/receipt/viewed` | The receipt screen is opened | `{ payrollId: string }` |
+ * | `runPayroll/offCycle/start` | The user starts an off-cycle payroll | — |
+ * | `transition/runPayroll` | The user starts a pending transition payroll | — |
+ * | `payroll/saveAndExit` | The user clicks Save and Exit | — |
+ *
+ * @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
+ * import { Payroll } from '@gusto/embedded-react-sdk'
+ *
+ * function RunPayrollPage() {
+ *   return <Payroll.PayrollFlow companyId="company-uuid" onEvent={() => {}} />
+ * }
+ * ```
+ */
 export declare const PayrollFlow: ({ companyId, onEvent, withReimbursements, ConfirmWireDetailsComponent, }: PayrollFlowProps) => import("react").JSX.Element;

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\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":";;;;;;;AAYO,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 * 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;"}

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

@@ -4,18 +4,38 @@ import { ConfirmWireDetailsComponentType } from '../ConfirmWireDetails/ConfirmWi
 import { FlowContextInterface } from '../../Flow/useFlow';
 import { BaseComponentInterface } from '../../Base';
 import { BreadcrumbTrail } from '../../Common/FlowBreadcrumbs/FlowBreadcrumbsTypes';
+/**
+ * Props accepted by {@link PayrollFlow}.
+ *
+ * @public
+ */
 export interface PayrollFlowProps extends BaseComponentInterface {
+    /** 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`. */
     withReimbursements?: boolean;
+    /** Optional custom component that replaces the default wire-details confirmation UI. */
     ConfirmWireDetailsComponent?: ConfirmWireDetailsComponentType;
 }
+/**
+ * An alert banner rendered above payroll content in {@link PayrollOverview} and
+ * {@link PayrollConfiguration}.
+ *
+ * @public
+ */
 export type PayrollFlowAlert = {
+    /** Visual severity of the alert. */
     type: 'error' | 'info' | 'success';
+    /** Short heading text displayed in the alert. */
     title: string;
+    /** Optional body content rendered below the title. */
     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). */
     alertKey?: string;
 };
+/** @internal */
 export interface PayrollFlowContextInterface extends FlowContextInterface {
     companyId: string;
     payrollUuid?: string;
@@ -34,10 +54,17 @@ export interface PayrollFlowContextInterface extends FlowContextInterface {
     transitionEndDate?: string;
     transitionPayScheduleUuid?: string;
 }
+/** @internal */
 export declare function PayrollLandingContextual(): import("react").JSX.Element;
+/** @internal */
 export declare function PayrollConfigurationContextual(): import("react").JSX.Element;
+/** @internal */
 export declare function PayrollOverviewContextual(): import("react").JSX.Element;
+/** @internal */
 export declare function PayrollEditEmployeeContextual(): import("react").JSX.Element;
+/** @internal */
 export declare function PayrollReceiptsContextual(): import("react").JSX.Element;
+/** @internal */
 export declare function PayrollBlockerContextual(): import("react").JSX.Element;
+/** @internal */
 export declare function SaveAndExitCta(): import("react").JSX.Element | null;

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\nexport interface PayrollFlowProps extends BaseComponentInterface {\n  companyId: string\n  withReimbursements?: boolean\n  ConfirmWireDetailsComponent?: ConfirmWireDetailsComponentType\n}\n\nexport type PayrollFlowAlert = {\n  type: 'error' | 'info' | 'success'\n  title: string\n  content?: ReactNode\n  onDismiss?: () => void\n  alertKey?: string\n}\n\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\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\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\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\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\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\nexport function PayrollBlockerContextual() {\n  const { companyId, onEvent } = useFlow<PayrollFlowContextInterface>()\n  return <PayrollBlockerList onEvent={onEvent} companyId={ensureRequired(companyId)} />\n}\n\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":";;;;;;;;;;;;;AAmDO,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;AAEO,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;AAEO,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;AAEO,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;AAEO,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;AAEO,SAASkB,IAA2B;AACzC,QAAM,EAAE,WAAApB,GAAW,SAAAC,EAAA,IAAYI,EAAA;AAC/B,2BAAQgB,GAAA,EAAmB,SAAApB,GAAkB,WAAWO,EAAeR,CAAS,GAAG;AACrF;AAEO,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 {\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;"}

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

@@ -1 +1,2 @@
+/** @internal */
 export declare function TransitionFlowContextual(): import("react").JSX.Element;

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

@@ -1 +1 @@
-{"version":3,"file":"TransitionFlowContextual.js","sources":["../../../../src/components/Payroll/PayrollFlow/TransitionFlowContextual.tsx"],"sourcesContent":["import { useMemo, useRef } from 'react'\nimport { usePayrollsListSuspense } from '@gusto/embedded-api-v-2025-11-15/react-query/payrollsList'\nimport {\n  ProcessingStatuses,\n  QueryParamPayrollTypes,\n} from '@gusto/embedded-api-v-2025-11-15/models/operations/getv1companiescompanyidpayrolls'\nimport { TransitionFlow } from '../Transition/TransitionFlow'\nimport type { PayrollFlowContextInterface } from './PayrollFlowComponents'\nimport { useFlow } from '@/components/Flow/useFlow'\nimport { ensureRequired } from '@/helpers/ensureRequired'\n\nconst FUTURE_LOOKAHEAD_DAYS = 28\n\nfunction getFutureEndDate(): string {\n  const date = new Date()\n  date.setDate(date.getDate() + FUTURE_LOOKAHEAD_DAYS)\n  return date.toISOString().split('T')[0]!\n}\n\nexport function TransitionFlowContextual() {\n  const { companyId, transitionStartDate, transitionEndDate, transitionPayScheduleUuid, onEvent } =\n    useFlow<PayrollFlowContextInterface>()\n\n  const resolvedCompanyId = ensureRequired(companyId)\n  const startDate = ensureRequired(transitionStartDate)\n  const endDate = ensureRequired(transitionEndDate)\n  const payScheduleUuid = ensureRequired(transitionPayScheduleUuid)\n\n  const { data: payrollsData } = usePayrollsListSuspense({\n    companyId: resolvedCompanyId,\n    processingStatuses: [ProcessingStatuses.Unprocessed],\n    endDate: getFutureEndDate(),\n    payrollTypes: [\n      QueryParamPayrollTypes.Regular,\n      QueryParamPayrollTypes.OffCycle,\n      QueryParamPayrollTypes.External,\n    ],\n  })\n\n  const existingPayrollUuid = useMemo(() => {\n    const match = payrollsData.payrollList?.find(p => {\n      const period = p.payPeriod\n      return (\n        p.offCycleReason === 'Transition from old pay schedule' &&\n        period?.startDate === startDate &&\n        period.endDate === endDate &&\n        period.payScheduleUuid === payScheduleUuid\n      )\n    })\n    return match?.payrollUuid\n  }, [payrollsData, startDate, endDate, payScheduleUuid])\n\n  const payrollLookupKey = `${resolvedCompanyId}:${startDate}:${endDate}:${payScheduleUuid}`\n  const stablePayrollUuidRef = useRef(existingPayrollUuid)\n  const previousLookupKeyRef = useRef(payrollLookupKey)\n\n  if (previousLookupKeyRef.current !== payrollLookupKey) {\n    previousLookupKeyRef.current = payrollLookupKey\n    stablePayrollUuidRef.current = undefined\n  }\n  if (existingPayrollUuid) {\n    stablePayrollUuidRef.current = existingPayrollUuid\n  }\n\n  return (\n    <TransitionFlow\n      companyId={resolvedCompanyId}\n      startDate={startDate}\n      endDate={endDate}\n      payScheduleUuid={payScheduleUuid}\n      payrollUuid={stablePayrollUuidRef.current}\n      onEvent={onEvent}\n    />\n  )\n}\n"],"names":["FUTURE_LOOKAHEAD_DAYS","getFutureEndDate","date","TransitionFlowContextual","companyId","transitionStartDate","transitionEndDate","transitionPayScheduleUuid","onEvent","useFlow","resolvedCompanyId","ensureRequired","startDate","endDate","payScheduleUuid","payrollsData","usePayrollsListSuspense","ProcessingStatuses","QueryParamPayrollTypes","existingPayrollUuid","useMemo","p","period","payrollLookupKey","stablePayrollUuidRef","useRef","previousLookupKeyRef","jsx","TransitionFlow"],"mappings":";;;;;;;AAWA,MAAMA,IAAwB;AAE9B,SAASC,IAA2B;AAClC,QAAMC,wBAAW,KAAA;AACjB,SAAAA,EAAK,QAAQA,EAAK,QAAA,IAAYF,CAAqB,GAC5CE,EAAK,YAAA,EAAc,MAAM,GAAG,EAAE,CAAC;AACxC;AAEO,SAASC,IAA2B;AACzC,QAAM,EAAE,WAAAC,GAAW,qBAAAC,GAAqB,mBAAAC,GAAmB,2BAAAC,GAA2B,SAAAC,EAAA,IACpFC,EAAA,GAEIC,IAAoBC,EAAeP,CAAS,GAC5CQ,IAAYD,EAAeN,CAAmB,GAC9CQ,IAAUF,EAAeL,CAAiB,GAC1CQ,IAAkBH,EAAeJ,CAAyB,GAE1D,EAAE,MAAMQ,EAAA,IAAiBC,EAAwB;AAAA,IACrD,WAAWN;AAAA,IACX,oBAAoB,CAACO,EAAmB,WAAW;AAAA,IACnD,SAAShB,EAAA;AAAA,IACT,cAAc;AAAA,MACZiB,EAAuB;AAAA,MACvBA,EAAuB;AAAA,MACvBA,EAAuB;AAAA,IAAA;AAAA,EACzB,CACD,GAEKC,IAAsBC,EAAQ,MACpBL,EAAa,aAAa,KAAK,CAAAM,MAAK;AAChD,UAAMC,IAASD,EAAE;AACjB,WACEA,EAAE,mBAAmB,sCACrBC,GAAQ,cAAcV,KACtBU,EAAO,YAAYT,KACnBS,EAAO,oBAAoBR;AAAA,EAE/B,CAAC,GACa,aACb,CAACC,GAAcH,GAAWC,GAASC,CAAe,CAAC,GAEhDS,IAAmB,GAAGb,CAAiB,IAAIE,CAAS,IAAIC,CAAO,IAAIC,CAAe,IAClFU,IAAuBC,EAAON,CAAmB,GACjDO,IAAuBD,EAAOF,CAAgB;AAEpD,SAAIG,EAAqB,YAAYH,MACnCG,EAAqB,UAAUH,GAC/BC,EAAqB,UAAU,SAE7BL,MACFK,EAAqB,UAAUL,IAI/B,gBAAAQ;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,WAAWlB;AAAA,MACX,WAAAE;AAAA,MACA,SAAAC;AAAA,MACA,iBAAAC;AAAA,MACA,aAAaU,EAAqB;AAAA,MAClC,SAAAhB;AAAA,IAAA;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"TransitionFlowContextual.js","sources":["../../../../src/components/Payroll/PayrollFlow/TransitionFlowContextual.tsx"],"sourcesContent":["import { useMemo, useRef } from 'react'\nimport { usePayrollsListSuspense } from '@gusto/embedded-api-v-2025-11-15/react-query/payrollsList'\nimport {\n  ProcessingStatuses,\n  QueryParamPayrollTypes,\n} from '@gusto/embedded-api-v-2025-11-15/models/operations/getv1companiescompanyidpayrolls'\nimport { TransitionFlow } from '../Transition/TransitionFlow'\nimport type { PayrollFlowContextInterface } from './PayrollFlowComponents'\nimport { useFlow } from '@/components/Flow/useFlow'\nimport { ensureRequired } from '@/helpers/ensureRequired'\n\nconst FUTURE_LOOKAHEAD_DAYS = 28\n\nfunction getFutureEndDate(): string {\n  const date = new Date()\n  date.setDate(date.getDate() + FUTURE_LOOKAHEAD_DAYS)\n  return date.toISOString().split('T')[0]!\n}\n\n/** @internal */\nexport function TransitionFlowContextual() {\n  const { companyId, transitionStartDate, transitionEndDate, transitionPayScheduleUuid, onEvent } =\n    useFlow<PayrollFlowContextInterface>()\n\n  const resolvedCompanyId = ensureRequired(companyId)\n  const startDate = ensureRequired(transitionStartDate)\n  const endDate = ensureRequired(transitionEndDate)\n  const payScheduleUuid = ensureRequired(transitionPayScheduleUuid)\n\n  const { data: payrollsData } = usePayrollsListSuspense({\n    companyId: resolvedCompanyId,\n    processingStatuses: [ProcessingStatuses.Unprocessed],\n    endDate: getFutureEndDate(),\n    payrollTypes: [\n      QueryParamPayrollTypes.Regular,\n      QueryParamPayrollTypes.OffCycle,\n      QueryParamPayrollTypes.External,\n    ],\n  })\n\n  const existingPayrollUuid = useMemo(() => {\n    const match = payrollsData.payrollList?.find(p => {\n      const period = p.payPeriod\n      return (\n        p.offCycleReason === 'Transition from old pay schedule' &&\n        period?.startDate === startDate &&\n        period.endDate === endDate &&\n        period.payScheduleUuid === payScheduleUuid\n      )\n    })\n    return match?.payrollUuid\n  }, [payrollsData, startDate, endDate, payScheduleUuid])\n\n  const payrollLookupKey = `${resolvedCompanyId}:${startDate}:${endDate}:${payScheduleUuid}`\n  const stablePayrollUuidRef = useRef(existingPayrollUuid)\n  const previousLookupKeyRef = useRef(payrollLookupKey)\n\n  if (previousLookupKeyRef.current !== payrollLookupKey) {\n    previousLookupKeyRef.current = payrollLookupKey\n    stablePayrollUuidRef.current = undefined\n  }\n  if (existingPayrollUuid) {\n    stablePayrollUuidRef.current = existingPayrollUuid\n  }\n\n  return (\n    <TransitionFlow\n      companyId={resolvedCompanyId}\n      startDate={startDate}\n      endDate={endDate}\n      payScheduleUuid={payScheduleUuid}\n      payrollUuid={stablePayrollUuidRef.current}\n      onEvent={onEvent}\n    />\n  )\n}\n"],"names":["FUTURE_LOOKAHEAD_DAYS","getFutureEndDate","date","TransitionFlowContextual","companyId","transitionStartDate","transitionEndDate","transitionPayScheduleUuid","onEvent","useFlow","resolvedCompanyId","ensureRequired","startDate","endDate","payScheduleUuid","payrollsData","usePayrollsListSuspense","ProcessingStatuses","QueryParamPayrollTypes","existingPayrollUuid","useMemo","p","period","payrollLookupKey","stablePayrollUuidRef","useRef","previousLookupKeyRef","jsx","TransitionFlow"],"mappings":";;;;;;;AAWA,MAAMA,IAAwB;AAE9B,SAASC,IAA2B;AAClC,QAAMC,wBAAW,KAAA;AACjB,SAAAA,EAAK,QAAQA,EAAK,QAAA,IAAYF,CAAqB,GAC5CE,EAAK,YAAA,EAAc,MAAM,GAAG,EAAE,CAAC;AACxC;AAGO,SAASC,IAA2B;AACzC,QAAM,EAAE,WAAAC,GAAW,qBAAAC,GAAqB,mBAAAC,GAAmB,2BAAAC,GAA2B,SAAAC,EAAA,IACpFC,EAAA,GAEIC,IAAoBC,EAAeP,CAAS,GAC5CQ,IAAYD,EAAeN,CAAmB,GAC9CQ,IAAUF,EAAeL,CAAiB,GAC1CQ,IAAkBH,EAAeJ,CAAyB,GAE1D,EAAE,MAAMQ,EAAA,IAAiBC,EAAwB;AAAA,IACrD,WAAWN;AAAA,IACX,oBAAoB,CAACO,EAAmB,WAAW;AAAA,IACnD,SAAShB,EAAA;AAAA,IACT,cAAc;AAAA,MACZiB,EAAuB;AAAA,MACvBA,EAAuB;AAAA,MACvBA,EAAuB;AAAA,IAAA;AAAA,EACzB,CACD,GAEKC,IAAsBC,EAAQ,MACpBL,EAAa,aAAa,KAAK,CAAAM,MAAK;AAChD,UAAMC,IAASD,EAAE;AACjB,WACEA,EAAE,mBAAmB,sCACrBC,GAAQ,cAAcV,KACtBU,EAAO,YAAYT,KACnBS,EAAO,oBAAoBR;AAAA,EAE/B,CAAC,GACa,aACb,CAACC,GAAcH,GAAWC,GAASC,CAAe,CAAC,GAEhDS,IAAmB,GAAGb,CAAiB,IAAIE,CAAS,IAAIC,CAAO,IAAIC,CAAe,IAClFU,IAAuBC,EAAON,CAAmB,GACjDO,IAAuBD,EAAOF,CAAgB;AAEpD,SAAIG,EAAqB,YAAYH,MACnCG,EAAqB,UAAUH,GAC/BC,EAAqB,UAAU,SAE7BL,MACFK,EAAqB,UAAUL,IAI/B,gBAAAQ;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,WAAWlB;AAAA,MACX,WAAAE;AAAA,MACA,SAAAC;AAAA,MACA,iBAAAC;AAAA,MACA,aAAaU,EAAqB;AAAA,MAClC,SAAAhB;AAAA,IAAA;AAAA,EAAA;AAGN;"}

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

@@ -1,5 +1,7 @@
 import { BreadcrumbNodes } from '../../Common/FlowBreadcrumbs/FlowBreadcrumbsTypes';
+/** @internal */
 export declare const payrollFlowBreadcrumbsNodes: BreadcrumbNodes;
+/** @internal */
 export declare const payrollFlowMachine: {
     landing: import('robot3').MachineState<any>;
     execution: import('robot3').MachineState<any>;

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

@@ -1 +1 @@
-{"version":3,"file":"payrollStateMachine.js","sources":["../../../../src/components/Payroll/PayrollFlow/payrollStateMachine.ts"],"sourcesContent":["import { state, transition, reduce, guard } from 'robot3'\nimport type { PayrollPayPeriodType } from '@gusto/embedded-api-v-2025-11-15/models/components/payrollpayperiodtype'\nimport type { PayrollExecutionInitialState } from '../PayrollExecutionFlow'\nimport {\n  PayrollLandingContextual,\n  PayrollBlockerContextual,\n  PayrollOverviewContextual,\n  PayrollReceiptsContextual,\n  type PayrollFlowContextInterface,\n} from './PayrollFlowComponents'\nimport { PayrollExecutionFlowContextual } from './PayrollExecutionFlowContextual'\nimport { TransitionFlowContextual } from './TransitionFlowContextual'\nimport { OffCycleFlowContextual } from './OffCycleFlowContextual'\nimport { componentEvents } from '@/shared/constants'\nimport type { MachineEventType, MachineTransition } from '@/types/Helpers'\nimport { patchBreadcrumbsHeader, updateBreadcrumbs } from '@/helpers/breadcrumbHelpers'\nimport type { BreadcrumbNodes } from '@/components/Common/FlowBreadcrumbs/FlowBreadcrumbsTypes'\nimport { createBreadcrumbNavigateTransition } from '@/components/Common/FlowBreadcrumbs/breadcrumbTransitionHelpers'\n\ntype PayrollFlowEventPayloads = {\n  [componentEvents.RUN_PAYROLL_SELECTED]: {\n    payrollUuid: string\n  }\n  [componentEvents.REVIEW_PAYROLL]: {\n    payrollUuid: string\n  }\n  [componentEvents.RUN_PAYROLL_PROCESSED]: {\n    payPeriod?: PayrollPayPeriodType\n    payrollUuid?: string\n  }\n  [componentEvents.RUN_TRANSITION_PAYROLL]: {\n    startDate: string\n    endDate: string\n    payScheduleUuid: string\n  }\n}\n\nexport const payrollFlowBreadcrumbsNodes: BreadcrumbNodes = {\n  landing: {\n    parent: null,\n    item: {\n      id: 'landing',\n      label: 'breadcrumbs.landing',\n      namespace: 'Payroll.PayrollLanding',\n      onNavigate: ((ctx: PayrollFlowContextInterface) => ({\n        ...patchBreadcrumbsHeader(ctx, { currentBreadcrumbId: undefined }),\n        component: PayrollLandingContextual,\n        payrollUuid: undefined,\n        executionInitialState: undefined,\n      })) as (context: unknown) => unknown,\n    },\n  },\n  blockers: {\n    parent: 'landing',\n    item: {\n      id: 'blockers',\n      label: 'breadcrumbLabel',\n      namespace: 'Payroll.PayrollBlocker',\n    },\n  },\n  submittedOverview: {\n    parent: 'landing',\n    item: {\n      id: 'submittedOverview',\n      label: 'breadcrumbs.overview',\n      namespace: 'Payroll.PayrollLanding',\n    },\n  },\n  submittedReceipts: {\n    parent: 'landing',\n    item: {\n      id: 'submittedReceipts',\n      label: 'breadcrumbs.receipt',\n      namespace: 'Payroll.PayrollLanding',\n    },\n  },\n}\n\nconst breadcrumbNavigateTransition =\n  createBreadcrumbNavigateTransition<PayrollFlowContextInterface>()\n\nfunction toLandingReducer(ctx: PayrollFlowContextInterface): PayrollFlowContextInterface {\n  return {\n    ...patchBreadcrumbsHeader(ctx, { currentBreadcrumbId: undefined }),\n    component: PayrollLandingContextual,\n    payrollUuid: undefined,\n    payPeriod: undefined,\n    executionInitialState: undefined,\n  }\n}\n\nfunction toExecutionReducer(\n  ctx: PayrollFlowContextInterface,\n  ev: { payload: { payrollUuid: string } },\n  executionInitialState: PayrollExecutionInitialState,\n): PayrollFlowContextInterface {\n  return {\n    ...ctx,\n    component: PayrollExecutionFlowContextual,\n    payrollUuid: ev.payload.payrollUuid,\n    showPayrollCancelledAlert: false,\n    executionInitialState,\n  }\n}\n\nconst landingBreadcrumbNavigateTransition = transition(\n  componentEvents.BREADCRUMB_NAVIGATE,\n  'landing',\n  guard(\n    (_ctx: PayrollFlowContextInterface, ev: { payload: { key: string } }) =>\n      ev.payload.key === 'landing',\n  ),\n  reduce(toLandingReducer),\n)\n\nconst exitFlowTransition = transition(\n  componentEvents.PAYROLL_EXIT_FLOW,\n  'landing',\n  reduce(toLandingReducer),\n)\n\nconst cancelledToLandingTransition = transition(\n  componentEvents.RUN_PAYROLL_CANCELLED,\n  'landing',\n  reduce(\n    (ctx: PayrollFlowContextInterface): PayrollFlowContextInterface => ({\n      ...toLandingReducer(ctx),\n      showPayrollCancelledAlert: true,\n    }),\n  ),\n)\n\nconst processedToSubmittedOverviewTransition = transition(\n  componentEvents.RUN_PAYROLL_PROCESSED,\n  'submittedOverview',\n  reduce(\n    (\n      ctx: PayrollFlowContextInterface,\n      ev: MachineEventType<PayrollFlowEventPayloads, typeof componentEvents.RUN_PAYROLL_PROCESSED>,\n    ): PayrollFlowContextInterface => {\n      const payPeriod = ev.payload.payPeriod ?? ctx.payPeriod\n      return {\n        ...updateBreadcrumbs('submittedOverview', ctx, {\n          startDate: payPeriod?.startDate ?? '',\n          endDate: payPeriod?.endDate ?? '',\n        }),\n        component: PayrollOverviewContextual,\n        payrollUuid: ev.payload.payrollUuid ?? ctx.payrollUuid,\n        payPeriod,\n        executionInitialState: undefined,\n        ctaConfig: {\n          labelKey: 'exitFlowCta',\n          namespace: 'Payroll.PayrollOverview',\n        },\n      }\n    },\n  ),\n)\n\nexport const payrollFlowMachine = {\n  landing: state<MachineTransition>(\n    transition(\n      componentEvents.RUN_PAYROLL_SELECTED,\n      'execution',\n      reduce(\n        (\n          ctx: PayrollFlowContextInterface,\n          ev: MachineEventType<\n            PayrollFlowEventPayloads,\n            typeof componentEvents.RUN_PAYROLL_SELECTED\n          >,\n        ) => toExecutionReducer(ctx, ev, 'configuration'),\n      ),\n    ),\n    transition(\n      componentEvents.REVIEW_PAYROLL,\n      'execution',\n      reduce(\n        (\n          ctx: PayrollFlowContextInterface,\n          ev: MachineEventType<PayrollFlowEventPayloads, typeof componentEvents.REVIEW_PAYROLL>,\n        ) => toExecutionReducer(ctx, ev, 'overview'),\n      ),\n    ),\n    transition(\n      componentEvents.RUN_PAYROLL_BLOCKERS_VIEW_ALL,\n      'blockers',\n      reduce(\n        (ctx: PayrollFlowContextInterface): PayrollFlowContextInterface => ({\n          ...updateBreadcrumbs('blockers', ctx),\n          component: PayrollBlockerContextual,\n          showPayrollCancelledAlert: false,\n          ctaConfig: {\n            labelKey: 'exitFlowCta',\n            namespace: 'Payroll.PayrollBlocker',\n          },\n        }),\n      ),\n    ),\n    transition(\n      componentEvents.RUN_PAYROLL_CANCELLED_ALERT_DISMISSED,\n      'landing',\n      reduce(\n        (ctx: PayrollFlowContextInterface): PayrollFlowContextInterface => ({\n          ...ctx,\n          showPayrollCancelledAlert: false,\n        }),\n      ),\n    ),\n    transition(\n      componentEvents.RUN_TRANSITION_PAYROLL,\n      'transition',\n      reduce(\n        (\n          ctx: PayrollFlowContextInterface,\n          ev: MachineEventType<\n            PayrollFlowEventPayloads,\n            typeof componentEvents.RUN_TRANSITION_PAYROLL\n          >,\n        ): PayrollFlowContextInterface => ({\n          ...patchBreadcrumbsHeader(ctx, { currentBreadcrumbId: undefined }),\n          component: TransitionFlowContextual,\n          transitionStartDate: ev.payload.startDate,\n          transitionEndDate: ev.payload.endDate,\n          transitionPayScheduleUuid: ev.payload.payScheduleUuid,\n          showPayrollCancelledAlert: false,\n        }),\n      ),\n    ),\n    transition(\n      componentEvents.RUN_OFF_CYCLE_PAYROLL,\n      'offCycle',\n      reduce(\n        (ctx: PayrollFlowContextInterface): PayrollFlowContextInterface => ({\n          ...patchBreadcrumbsHeader(ctx, { currentBreadcrumbId: undefined }),\n          component: OffCycleFlowContextual,\n          showPayrollCancelledAlert: false,\n        }),\n      ),\n    ),\n  ),\n  execution: state<MachineTransition>(\n    landingBreadcrumbNavigateTransition,\n    exitFlowTransition,\n    cancelledToLandingTransition,\n    processedToSubmittedOverviewTransition,\n  ),\n  blockers: state<MachineTransition>(breadcrumbNavigateTransition('landing'), exitFlowTransition),\n  submittedOverview: state<MachineTransition>(\n    breadcrumbNavigateTransition('landing'),\n    transition(\n      componentEvents.RUN_PAYROLL_RECEIPT_GET,\n      'submittedReceipts',\n      reduce(\n        (ctx: PayrollFlowContextInterface): PayrollFlowContextInterface => ({\n          ...updateBreadcrumbs('submittedReceipts', 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    cancelledToLandingTransition,\n    exitFlowTransition,\n  ),\n  submittedReceipts: state<MachineTransition>(\n    breadcrumbNavigateTransition('landing'),\n    exitFlowTransition,\n  ),\n  transition: state<MachineTransition>(\n    landingBreadcrumbNavigateTransition,\n    exitFlowTransition,\n    cancelledToLandingTransition,\n    processedToSubmittedOverviewTransition,\n  ),\n  offCycle: state<MachineTransition>(\n    landingBreadcrumbNavigateTransition,\n    exitFlowTransition,\n    cancelledToLandingTransition,\n    processedToSubmittedOverviewTransition,\n  ),\n}\n"],"names":["payrollFlowBreadcrumbsNodes","ctx","patchBreadcrumbsHeader","PayrollLandingContextual","breadcrumbNavigateTransition","createBreadcrumbNavigateTransition","toLandingReducer","toExecutionReducer","ev","executionInitialState","PayrollExecutionFlowContextual","landingBreadcrumbNavigateTransition","transition","componentEvents","guard","_ctx","reduce","exitFlowTransition","cancelledToLandingTransition","processedToSubmittedOverviewTransition","payPeriod","updateBreadcrumbs","PayrollOverviewContextual","payrollFlowMachine","state","PayrollBlockerContextual","TransitionFlowContextual","OffCycleFlowContextual","PayrollReceiptsContextual"],"mappings":"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"}
+{"version":3,"file":"payrollStateMachine.js","sources":["../../../../src/components/Payroll/PayrollFlow/payrollStateMachine.ts"],"sourcesContent":["import { state, transition, reduce, guard } from 'robot3'\nimport type { PayrollPayPeriodType } from '@gusto/embedded-api-v-2025-11-15/models/components/payrollpayperiodtype'\nimport type { PayrollExecutionInitialState } from '../PayrollExecutionFlow'\nimport {\n  PayrollLandingContextual,\n  PayrollBlockerContextual,\n  PayrollOverviewContextual,\n  PayrollReceiptsContextual,\n  type PayrollFlowContextInterface,\n} from './PayrollFlowComponents'\nimport { PayrollExecutionFlowContextual } from './PayrollExecutionFlowContextual'\nimport { TransitionFlowContextual } from './TransitionFlowContextual'\nimport { OffCycleFlowContextual } from './OffCycleFlowContextual'\nimport { componentEvents } from '@/shared/constants'\nimport type { MachineEventType, MachineTransition } from '@/types/Helpers'\nimport { patchBreadcrumbsHeader, updateBreadcrumbs } from '@/helpers/breadcrumbHelpers'\nimport type { BreadcrumbNodes } from '@/components/Common/FlowBreadcrumbs/FlowBreadcrumbsTypes'\nimport { createBreadcrumbNavigateTransition } from '@/components/Common/FlowBreadcrumbs/breadcrumbTransitionHelpers'\n\ntype PayrollFlowEventPayloads = {\n  [componentEvents.RUN_PAYROLL_SELECTED]: {\n    payrollUuid: string\n  }\n  [componentEvents.REVIEW_PAYROLL]: {\n    payrollUuid: string\n  }\n  [componentEvents.RUN_PAYROLL_PROCESSED]: {\n    payPeriod?: PayrollPayPeriodType\n    payrollUuid?: string\n  }\n  [componentEvents.RUN_TRANSITION_PAYROLL]: {\n    startDate: string\n    endDate: string\n    payScheduleUuid: string\n  }\n}\n\n/** @internal */\nexport const payrollFlowBreadcrumbsNodes: BreadcrumbNodes = {\n  landing: {\n    parent: null,\n    item: {\n      id: 'landing',\n      label: 'breadcrumbs.landing',\n      namespace: 'Payroll.PayrollLanding',\n      onNavigate: ((ctx: PayrollFlowContextInterface) => ({\n        ...patchBreadcrumbsHeader(ctx, { currentBreadcrumbId: undefined }),\n        component: PayrollLandingContextual,\n        payrollUuid: undefined,\n        executionInitialState: undefined,\n      })) as (context: unknown) => unknown,\n    },\n  },\n  blockers: {\n    parent: 'landing',\n    item: {\n      id: 'blockers',\n      label: 'breadcrumbLabel',\n      namespace: 'Payroll.PayrollBlocker',\n    },\n  },\n  submittedOverview: {\n    parent: 'landing',\n    item: {\n      id: 'submittedOverview',\n      label: 'breadcrumbs.overview',\n      namespace: 'Payroll.PayrollLanding',\n    },\n  },\n  submittedReceipts: {\n    parent: 'landing',\n    item: {\n      id: 'submittedReceipts',\n      label: 'breadcrumbs.receipt',\n      namespace: 'Payroll.PayrollLanding',\n    },\n  },\n}\n\nconst breadcrumbNavigateTransition =\n  createBreadcrumbNavigateTransition<PayrollFlowContextInterface>()\n\nfunction toLandingReducer(ctx: PayrollFlowContextInterface): PayrollFlowContextInterface {\n  return {\n    ...patchBreadcrumbsHeader(ctx, { currentBreadcrumbId: undefined }),\n    component: PayrollLandingContextual,\n    payrollUuid: undefined,\n    payPeriod: undefined,\n    executionInitialState: undefined,\n  }\n}\n\nfunction toExecutionReducer(\n  ctx: PayrollFlowContextInterface,\n  ev: { payload: { payrollUuid: string } },\n  executionInitialState: PayrollExecutionInitialState,\n): PayrollFlowContextInterface {\n  return {\n    ...ctx,\n    component: PayrollExecutionFlowContextual,\n    payrollUuid: ev.payload.payrollUuid,\n    showPayrollCancelledAlert: false,\n    executionInitialState,\n  }\n}\n\nconst landingBreadcrumbNavigateTransition = transition(\n  componentEvents.BREADCRUMB_NAVIGATE,\n  'landing',\n  guard(\n    (_ctx: PayrollFlowContextInterface, ev: { payload: { key: string } }) =>\n      ev.payload.key === 'landing',\n  ),\n  reduce(toLandingReducer),\n)\n\nconst exitFlowTransition = transition(\n  componentEvents.PAYROLL_EXIT_FLOW,\n  'landing',\n  reduce(toLandingReducer),\n)\n\nconst cancelledToLandingTransition = transition(\n  componentEvents.RUN_PAYROLL_CANCELLED,\n  'landing',\n  reduce(\n    (ctx: PayrollFlowContextInterface): PayrollFlowContextInterface => ({\n      ...toLandingReducer(ctx),\n      showPayrollCancelledAlert: true,\n    }),\n  ),\n)\n\nconst processedToSubmittedOverviewTransition = transition(\n  componentEvents.RUN_PAYROLL_PROCESSED,\n  'submittedOverview',\n  reduce(\n    (\n      ctx: PayrollFlowContextInterface,\n      ev: MachineEventType<PayrollFlowEventPayloads, typeof componentEvents.RUN_PAYROLL_PROCESSED>,\n    ): PayrollFlowContextInterface => {\n      const payPeriod = ev.payload.payPeriod ?? ctx.payPeriod\n      return {\n        ...updateBreadcrumbs('submittedOverview', ctx, {\n          startDate: payPeriod?.startDate ?? '',\n          endDate: payPeriod?.endDate ?? '',\n        }),\n        component: PayrollOverviewContextual,\n        payrollUuid: ev.payload.payrollUuid ?? ctx.payrollUuid,\n        payPeriod,\n        executionInitialState: undefined,\n        ctaConfig: {\n          labelKey: 'exitFlowCta',\n          namespace: 'Payroll.PayrollOverview',\n        },\n      }\n    },\n  ),\n)\n\n/** @internal */\nexport const payrollFlowMachine = {\n  landing: state<MachineTransition>(\n    transition(\n      componentEvents.RUN_PAYROLL_SELECTED,\n      'execution',\n      reduce(\n        (\n          ctx: PayrollFlowContextInterface,\n          ev: MachineEventType<\n            PayrollFlowEventPayloads,\n            typeof componentEvents.RUN_PAYROLL_SELECTED\n          >,\n        ) => toExecutionReducer(ctx, ev, 'configuration'),\n      ),\n    ),\n    transition(\n      componentEvents.REVIEW_PAYROLL,\n      'execution',\n      reduce(\n        (\n          ctx: PayrollFlowContextInterface,\n          ev: MachineEventType<PayrollFlowEventPayloads, typeof componentEvents.REVIEW_PAYROLL>,\n        ) => toExecutionReducer(ctx, ev, 'overview'),\n      ),\n    ),\n    transition(\n      componentEvents.RUN_PAYROLL_BLOCKERS_VIEW_ALL,\n      'blockers',\n      reduce(\n        (ctx: PayrollFlowContextInterface): PayrollFlowContextInterface => ({\n          ...updateBreadcrumbs('blockers', ctx),\n          component: PayrollBlockerContextual,\n          showPayrollCancelledAlert: false,\n          ctaConfig: {\n            labelKey: 'exitFlowCta',\n            namespace: 'Payroll.PayrollBlocker',\n          },\n        }),\n      ),\n    ),\n    transition(\n      componentEvents.RUN_PAYROLL_CANCELLED_ALERT_DISMISSED,\n      'landing',\n      reduce(\n        (ctx: PayrollFlowContextInterface): PayrollFlowContextInterface => ({\n          ...ctx,\n          showPayrollCancelledAlert: false,\n        }),\n      ),\n    ),\n    transition(\n      componentEvents.RUN_TRANSITION_PAYROLL,\n      'transition',\n      reduce(\n        (\n          ctx: PayrollFlowContextInterface,\n          ev: MachineEventType<\n            PayrollFlowEventPayloads,\n            typeof componentEvents.RUN_TRANSITION_PAYROLL\n          >,\n        ): PayrollFlowContextInterface => ({\n          ...patchBreadcrumbsHeader(ctx, { currentBreadcrumbId: undefined }),\n          component: TransitionFlowContextual,\n          transitionStartDate: ev.payload.startDate,\n          transitionEndDate: ev.payload.endDate,\n          transitionPayScheduleUuid: ev.payload.payScheduleUuid,\n          showPayrollCancelledAlert: false,\n        }),\n      ),\n    ),\n    transition(\n      componentEvents.RUN_OFF_CYCLE_PAYROLL,\n      'offCycle',\n      reduce(\n        (ctx: PayrollFlowContextInterface): PayrollFlowContextInterface => ({\n          ...patchBreadcrumbsHeader(ctx, { currentBreadcrumbId: undefined }),\n          component: OffCycleFlowContextual,\n          showPayrollCancelledAlert: false,\n        }),\n      ),\n    ),\n  ),\n  execution: state<MachineTransition>(\n    landingBreadcrumbNavigateTransition,\n    exitFlowTransition,\n    cancelledToLandingTransition,\n    processedToSubmittedOverviewTransition,\n  ),\n  blockers: state<MachineTransition>(breadcrumbNavigateTransition('landing'), exitFlowTransition),\n  submittedOverview: state<MachineTransition>(\n    breadcrumbNavigateTransition('landing'),\n    transition(\n      componentEvents.RUN_PAYROLL_RECEIPT_GET,\n      'submittedReceipts',\n      reduce(\n        (ctx: PayrollFlowContextInterface): PayrollFlowContextInterface => ({\n          ...updateBreadcrumbs('submittedReceipts', 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    cancelledToLandingTransition,\n    exitFlowTransition,\n  ),\n  submittedReceipts: state<MachineTransition>(\n    breadcrumbNavigateTransition('landing'),\n    exitFlowTransition,\n  ),\n  transition: state<MachineTransition>(\n    landingBreadcrumbNavigateTransition,\n    exitFlowTransition,\n    cancelledToLandingTransition,\n    processedToSubmittedOverviewTransition,\n  ),\n  offCycle: state<MachineTransition>(\n    landingBreadcrumbNavigateTransition,\n    exitFlowTransition,\n    cancelledToLandingTransition,\n    processedToSubmittedOverviewTransition,\n  ),\n}\n"],"names":["payrollFlowBreadcrumbsNodes","ctx","patchBreadcrumbsHeader","PayrollLandingContextual","breadcrumbNavigateTransition","createBreadcrumbNavigateTransition","toLandingReducer","toExecutionReducer","ev","executionInitialState","PayrollExecutionFlowContextual","landingBreadcrumbNavigateTransition","transition","componentEvents","guard","_ctx","reduce","exitFlowTransition","cancelledToLandingTransition","processedToSubmittedOverviewTransition","payPeriod","updateBreadcrumbs","PayrollOverviewContextual","payrollFlowMachine","state","PayrollBlockerContextual","TransitionFlowContextual","OffCycleFlowContextual","PayrollReceiptsContextual"],"mappings":"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"}

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

@@ -1,6 +1,30 @@
 import { BaseComponentInterface } from '../../Base/Base';
+/**
+ * Props for the {@link PayrollHistory} component.
+ *
+ * @public
+ */
 export interface PayrollHistoryProps extends BaseComponentInterface<'Payroll.PayrollHistory'> {
+    /** Identifier of the company whose processed payrolls should be listed. */
     companyId: string;
 }
+/**
+ * Displays historical payroll records with filtering and management capabilities.
+ *
+ * @remarks
+ * Lists processed regular, off-cycle, and external payrolls for a company and supports filtering by
+ * check date (3 months, 6 months, or 1 year), viewing payroll summaries and receipts, and
+ * cancelling processed payrolls when they remain within the cancellation window. Each row shows
+ * the pay period, payroll type, pay date, status, and total pay amount.
+ *
+ * | Event | Description | Data |
+ * | ----- | ----------- | ---- |
+ * | `runPayroll/summary/viewed` | User views a payroll summary | `{ payrollId: string; startDate?: string; endDate?: string }` |
+ * | `runPayroll/receipt/viewed` | User views a payroll receipt | `{ payrollId: string; startDate?: string; endDate?: string }` |
+ * | `runPayroll/cancelled` | A payroll is cancelled | `{ payrollId: string; result: PayrollsCancelResponse }` |
+ *
+ * @param props - See {@link PayrollHistoryProps}.
+ * @returns The rendered payroll history view.
+ * @public
+ */
 export declare function PayrollHistory(props: PayrollHistoryProps): import("react").JSX.Element;
-export declare const Root: ({ onEvent, companyId, dictionary }: PayrollHistoryProps) => import("react").JSX.Element;

package/dist/components/Payroll/PayrollHistory/PayrollHistory.js

@@ -78,7 +78,6 @@ const T = ({ onEvent: e, companyId: o, dictionary: p }) => {
   );
 };
 export {
-  oe as PayrollHistory,
-  T as Root
+  oe as PayrollHistory
 };
 //# sourceMappingURL=PayrollHistory.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"PayrollHistory.js","sources":["../../../../src/components/Payroll/PayrollHistory/PayrollHistory.tsx"],"sourcesContent":["import { useState, useCallback } from 'react'\nimport { usePayrollsListSuspense } from '@gusto/embedded-api-v-2025-11-15/react-query/payrollsList'\nimport { usePayrollsCancelMutation } from '@gusto/embedded-api-v-2025-11-15/react-query/payrollsCancel'\nimport { useWireInRequestsListSuspense } from '@gusto/embedded-api-v-2025-11-15/react-query/wireInRequestsList'\nimport {\n  DateFilterBy,\n  ProcessingStatuses,\n  QueryParamPayrollTypes,\n  SortOrder,\n} from '@gusto/embedded-api-v-2025-11-15/models/operations/getv1companiescompanyidpayrolls'\nimport type { Payroll } from '@gusto/embedded-api-v-2025-11-15/models/components/payroll'\nimport { PayrollHistoryPresentation } from './PayrollHistoryPresentation'\nimport type { BaseComponentInterface } from '@/components/Base/Base'\nimport { BaseComponent } from '@/components/Base/Base'\nimport { useBase } from '@/components/Base/useBase'\nimport { componentEvents } from '@/shared/constants'\nimport { useComponentDictionary, useI18n } from '@/i18n'\nimport { usePagination } from '@/hooks/usePagination/usePagination'\nimport { useDateRangeFilter } from '@/hooks/useDateRangeFilter/useDateRangeFilter'\n\nexport interface PayrollHistoryProps extends BaseComponentInterface<'Payroll.PayrollHistory'> {\n  companyId: string\n}\n\nexport function PayrollHistory(props: PayrollHistoryProps) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props}>{props.children}</Root>\n    </BaseComponent>\n  )\n}\n\nexport const Root = ({ onEvent, companyId, dictionary }: PayrollHistoryProps) => {\n  useComponentDictionary('Payroll.PayrollHistory', dictionary)\n  useI18n('Payroll.PayrollHistory')\n\n  const [cancelDialogItem, setCancelDialogItem] = useState<Payroll | null>(null)\n  const { baseSubmitHandler } = useBase()\n  const { currentPage, itemsPerPage, getPaginationProps, resetPage } = usePagination()\n\n  const dateRangeFilter = useDateRangeFilter({\n    onFilterChange: useCallback(() => {\n      resetPage()\n    }, [resetPage]),\n  })\n  const dateFilterParams = dateRangeFilter.getApiDateParams()\n\n  const { data: payrollsData } = usePayrollsListSuspense({\n    companyId,\n    processingStatuses: [ProcessingStatuses.Processed],\n    payrollTypes: [\n      QueryParamPayrollTypes.Regular,\n      QueryParamPayrollTypes.OffCycle,\n      QueryParamPayrollTypes.External,\n    ],\n    includeOffCycle: true,\n    include: ['totals', 'payroll_status_meta'],\n    sortOrder: SortOrder.Desc,\n    startDate: dateFilterParams.startDate,\n    endDate: dateFilterParams.endDate,\n    dateFilterBy: dateRangeFilter.isFilterActive ? DateFilterBy.CheckDate : undefined,\n    page: currentPage,\n    per: itemsPerPage,\n  })\n\n  const payrollHistory = payrollsData.payrollList || []\n  const paginationProps = getPaginationProps(payrollsData.httpMeta.response.headers)\n\n  const { data: wireInRequestsData } = useWireInRequestsListSuspense({\n    companyUuid: companyId,\n  })\n\n  const wireInRequests = wireInRequestsData.wireInRequestList ?? []\n\n  const { mutateAsync: cancelPayroll, isPending: isCancelling } = usePayrollsCancelMutation()\n\n  const handleViewSummary = (payrollId: string, startDate?: string, endDate?: string) => {\n    onEvent(componentEvents.RUN_PAYROLL_SUMMARY_VIEWED, { payrollId, startDate, endDate })\n  }\n\n  const handleViewReceipt = (payrollId: string, startDate?: string, endDate?: string) => {\n    onEvent(componentEvents.RUN_PAYROLL_RECEIPT_VIEWED, { payrollId, startDate, endDate })\n  }\n\n  const handleCancelPayroll = async (item: Payroll) => {\n    const payrollId = item.payrollUuid || item.uuid!\n    try {\n      await baseSubmitHandler(payrollId, async id => {\n        const result = await cancelPayroll({\n          request: {\n            companyId,\n            payrollId: id,\n          },\n        })\n\n        onEvent(componentEvents.RUN_PAYROLL_CANCELLED, { payrollId: id, result })\n      })\n    } finally {\n      setCancelDialogItem(null)\n    }\n  }\n\n  return (\n    <PayrollHistoryPresentation\n      payrollHistory={payrollHistory}\n      wireInRequests={wireInRequests}\n      pagination={paginationProps}\n      onViewSummary={handleViewSummary}\n      onViewReceipt={handleViewReceipt}\n      onCancelPayroll={handleCancelPayroll}\n      cancelDialogItem={cancelDialogItem}\n      onCancelDialogOpen={setCancelDialogItem}\n      onCancelDialogClose={() => {\n        setCancelDialogItem(null)\n      }}\n      isLoading={isCancelling}\n      dateRangeFilter={dateRangeFilter}\n    />\n  )\n}\n"],"names":["PayrollHistory","props","jsx","BaseComponent","Root","onEvent","companyId","dictionary","useComponentDictionary","useI18n","cancelDialogItem","setCancelDialogItem","useState","baseSubmitHandler","useBase","currentPage","itemsPerPage","getPaginationProps","resetPage","usePagination","dateRangeFilter","useDateRangeFilter","useCallback","dateFilterParams","payrollsData","usePayrollsListSuspense","ProcessingStatuses","QueryParamPayrollTypes","SortOrder","DateFilterBy","payrollHistory","paginationProps","wireInRequestsData","useWireInRequestsListSuspense","wireInRequests","cancelPayroll","isCancelling","usePayrollsCancelMutation","PayrollHistoryPresentation","payrollId","startDate","endDate","componentEvents","item","id","result"],"mappings":";;;;;;;;;;;;;AAwBO,SAASA,GAAeC,GAA4B;AACzD,SACE,gBAAAC,EAACC,GAAA,EAAe,GAAGF,GACjB,UAAA,gBAAAC,EAACE,KAAM,GAAGH,GAAQ,UAAAA,EAAM,SAAA,CAAS,EAAA,CACnC;AAEJ;AAEO,MAAMG,IAAO,CAAC,EAAE,SAAAC,GAAS,WAAAC,GAAW,YAAAC,QAAsC;AAC/E,EAAAC,EAAuB,0BAA0BD,CAAU,GAC3DE,EAAQ,wBAAwB;AAEhC,QAAM,CAACC,GAAkBC,CAAmB,IAAIC,EAAyB,IAAI,GACvE,EAAE,mBAAAC,EAAA,IAAsBC,EAAA,GACxB,EAAE,aAAAC,GAAa,cAAAC,GAAc,oBAAAC,GAAoB,WAAAC,EAAA,IAAcC,EAAA,GAE/DC,IAAkBC,EAAmB;AAAA,IACzC,gBAAgBC,EAAY,MAAM;AAChC,MAAAJ,EAAA;AAAA,IACF,GAAG,CAACA,CAAS,CAAC;AAAA,EAAA,CACf,GACKK,IAAmBH,EAAgB,iBAAA,GAEnC,EAAE,MAAMI,EAAA,IAAiBC,EAAwB;AAAA,IACrD,WAAAnB;AAAA,IACA,oBAAoB,CAACoB,EAAmB,SAAS;AAAA,IACjD,cAAc;AAAA,MACZC,EAAuB;AAAA,MACvBA,EAAuB;AAAA,MACvBA,EAAuB;AAAA,IAAA;AAAA,IAEzB,iBAAiB;AAAA,IACjB,SAAS,CAAC,UAAU,qBAAqB;AAAA,IACzC,WAAWC,EAAU;AAAA,IACrB,WAAWL,EAAiB;AAAA,IAC5B,SAASA,EAAiB;AAAA,IAC1B,cAAcH,EAAgB,iBAAiBS,EAAa,YAAY;AAAA,IACxE,MAAMd;AAAA,IACN,KAAKC;AAAA,EAAA,CACN,GAEKc,IAAiBN,EAAa,eAAe,CAAA,GAC7CO,IAAkBd,EAAmBO,EAAa,SAAS,SAAS,OAAO,GAE3E,EAAE,MAAMQ,EAAA,IAAuBC,EAA8B;AAAA,IACjE,aAAa3B;AAAA,EAAA,CACd,GAEK4B,IAAiBF,EAAmB,qBAAqB,CAAA,GAEzD,EAAE,aAAaG,GAAe,WAAWC,EAAA,IAAiBC,EAAA;AA4BhE,SACE,gBAAAnC;AAAA,IAACoC;AAAA,IAAA;AAAA,MACC,gBAAAR;AAAA,MACA,gBAAAI;AAAA,MACA,YAAYH;AAAA,MACZ,eA/BsB,CAACQ,GAAmBC,GAAoBC,MAAqB;AACrF,QAAApC,EAAQqC,EAAgB,4BAA4B,EAAE,WAAAH,GAAW,WAAAC,GAAW,SAAAC,GAAS;AAAA,MACvF;AAAA,MA8BI,eA5BsB,CAACF,GAAmBC,GAAoBC,MAAqB;AACrF,QAAApC,EAAQqC,EAAgB,4BAA4B,EAAE,WAAAH,GAAW,WAAAC,GAAW,SAAAC,GAAS;AAAA,MACvF;AAAA,MA2BI,iBAzBwB,OAAOE,MAAkB;AACnD,cAAMJ,IAAYI,EAAK,eAAeA,EAAK;AAC3C,YAAI;AACF,gBAAM9B,EAAkB0B,GAAW,OAAMK,MAAM;AAC7C,kBAAMC,IAAS,MAAMV,EAAc;AAAA,cACjC,SAAS;AAAA,gBACP,WAAA7B;AAAA,gBACA,WAAWsC;AAAA,cAAA;AAAA,YACb,CACD;AAED,YAAAvC,EAAQqC,EAAgB,uBAAuB,EAAE,WAAWE,GAAI,QAAAC,GAAQ;AAAA,UAC1E,CAAC;AAAA,QACH,UAAA;AACE,UAAAlC,EAAoB,IAAI;AAAA,QAC1B;AAAA,MACF;AAAA,MAUI,kBAAAD;AAAA,MACA,oBAAoBC;AAAA,MACpB,qBAAqB,MAAM;AACzB,QAAAA,EAAoB,IAAI;AAAA,MAC1B;AAAA,MACA,WAAWyB;AAAA,MACX,iBAAAhB;AAAA,IAAA;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"PayrollHistory.js","sources":["../../../../src/components/Payroll/PayrollHistory/PayrollHistory.tsx"],"sourcesContent":["import { useState, useCallback } from 'react'\nimport { usePayrollsListSuspense } from '@gusto/embedded-api-v-2025-11-15/react-query/payrollsList'\nimport { usePayrollsCancelMutation } from '@gusto/embedded-api-v-2025-11-15/react-query/payrollsCancel'\nimport { useWireInRequestsListSuspense } from '@gusto/embedded-api-v-2025-11-15/react-query/wireInRequestsList'\nimport {\n  DateFilterBy,\n  ProcessingStatuses,\n  QueryParamPayrollTypes,\n  SortOrder,\n} from '@gusto/embedded-api-v-2025-11-15/models/operations/getv1companiescompanyidpayrolls'\nimport type { Payroll } from '@gusto/embedded-api-v-2025-11-15/models/components/payroll'\nimport { PayrollHistoryPresentation } from './PayrollHistoryPresentation'\nimport type { BaseComponentInterface } from '@/components/Base/Base'\nimport { BaseComponent } from '@/components/Base/Base'\nimport { useBase } from '@/components/Base/useBase'\nimport { componentEvents } from '@/shared/constants'\nimport { useComponentDictionary, useI18n } from '@/i18n'\nimport { usePagination } from '@/hooks/usePagination/usePagination'\nimport { useDateRangeFilter } from '@/hooks/useDateRangeFilter/useDateRangeFilter'\n\n/**\n * Props for the {@link PayrollHistory} component.\n *\n * @public\n */\nexport interface PayrollHistoryProps extends BaseComponentInterface<'Payroll.PayrollHistory'> {\n  /** Identifier of the company whose processed payrolls should be listed. */\n  companyId: string\n}\n\n/**\n * Displays historical payroll records with filtering and management capabilities.\n *\n * @remarks\n * Lists processed regular, off-cycle, and external payrolls for a company and supports filtering by\n * check date (3 months, 6 months, or 1 year), viewing payroll summaries and receipts, and\n * cancelling processed payrolls when they remain within the cancellation window. Each row shows\n * the pay period, payroll type, pay date, status, and total pay amount.\n *\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `runPayroll/summary/viewed` | User views a payroll summary | `{ payrollId: string; startDate?: string; endDate?: string }` |\n * | `runPayroll/receipt/viewed` | User views a payroll receipt | `{ payrollId: string; startDate?: string; endDate?: string }` |\n * | `runPayroll/cancelled` | A payroll is cancelled | `{ payrollId: string; result: PayrollsCancelResponse }` |\n *\n * @param props - See {@link PayrollHistoryProps}.\n * @returns The rendered payroll history view.\n * @public\n */\nexport function PayrollHistory(props: PayrollHistoryProps) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props}>{props.children}</Root>\n    </BaseComponent>\n  )\n}\n\nconst Root = ({ onEvent, companyId, dictionary }: PayrollHistoryProps) => {\n  useComponentDictionary('Payroll.PayrollHistory', dictionary)\n  useI18n('Payroll.PayrollHistory')\n\n  const [cancelDialogItem, setCancelDialogItem] = useState<Payroll | null>(null)\n  const { baseSubmitHandler } = useBase()\n  const { currentPage, itemsPerPage, getPaginationProps, resetPage } = usePagination()\n\n  const dateRangeFilter = useDateRangeFilter({\n    onFilterChange: useCallback(() => {\n      resetPage()\n    }, [resetPage]),\n  })\n  const dateFilterParams = dateRangeFilter.getApiDateParams()\n\n  const { data: payrollsData } = usePayrollsListSuspense({\n    companyId,\n    processingStatuses: [ProcessingStatuses.Processed],\n    payrollTypes: [\n      QueryParamPayrollTypes.Regular,\n      QueryParamPayrollTypes.OffCycle,\n      QueryParamPayrollTypes.External,\n    ],\n    includeOffCycle: true,\n    include: ['totals', 'payroll_status_meta'],\n    sortOrder: SortOrder.Desc,\n    startDate: dateFilterParams.startDate,\n    endDate: dateFilterParams.endDate,\n    dateFilterBy: dateRangeFilter.isFilterActive ? DateFilterBy.CheckDate : undefined,\n    page: currentPage,\n    per: itemsPerPage,\n  })\n\n  const payrollHistory = payrollsData.payrollList || []\n  const paginationProps = getPaginationProps(payrollsData.httpMeta.response.headers)\n\n  const { data: wireInRequestsData } = useWireInRequestsListSuspense({\n    companyUuid: companyId,\n  })\n\n  const wireInRequests = wireInRequestsData.wireInRequestList ?? []\n\n  const { mutateAsync: cancelPayroll, isPending: isCancelling } = usePayrollsCancelMutation()\n\n  const handleViewSummary = (payrollId: string, startDate?: string, endDate?: string) => {\n    onEvent(componentEvents.RUN_PAYROLL_SUMMARY_VIEWED, { payrollId, startDate, endDate })\n  }\n\n  const handleViewReceipt = (payrollId: string, startDate?: string, endDate?: string) => {\n    onEvent(componentEvents.RUN_PAYROLL_RECEIPT_VIEWED, { payrollId, startDate, endDate })\n  }\n\n  const handleCancelPayroll = async (item: Payroll) => {\n    const payrollId = item.payrollUuid || item.uuid!\n    try {\n      await baseSubmitHandler(payrollId, async id => {\n        const result = await cancelPayroll({\n          request: {\n            companyId,\n            payrollId: id,\n          },\n        })\n\n        onEvent(componentEvents.RUN_PAYROLL_CANCELLED, { payrollId: id, result })\n      })\n    } finally {\n      setCancelDialogItem(null)\n    }\n  }\n\n  return (\n    <PayrollHistoryPresentation\n      payrollHistory={payrollHistory}\n      wireInRequests={wireInRequests}\n      pagination={paginationProps}\n      onViewSummary={handleViewSummary}\n      onViewReceipt={handleViewReceipt}\n      onCancelPayroll={handleCancelPayroll}\n      cancelDialogItem={cancelDialogItem}\n      onCancelDialogOpen={setCancelDialogItem}\n      onCancelDialogClose={() => {\n        setCancelDialogItem(null)\n      }}\n      isLoading={isCancelling}\n      dateRangeFilter={dateRangeFilter}\n    />\n  )\n}\n"],"names":["PayrollHistory","props","jsx","BaseComponent","Root","onEvent","companyId","dictionary","useComponentDictionary","useI18n","cancelDialogItem","setCancelDialogItem","useState","baseSubmitHandler","useBase","currentPage","itemsPerPage","getPaginationProps","resetPage","usePagination","dateRangeFilter","useDateRangeFilter","useCallback","dateFilterParams","payrollsData","usePayrollsListSuspense","ProcessingStatuses","QueryParamPayrollTypes","SortOrder","DateFilterBy","payrollHistory","paginationProps","wireInRequestsData","useWireInRequestsListSuspense","wireInRequests","cancelPayroll","isCancelling","usePayrollsCancelMutation","PayrollHistoryPresentation","payrollId","startDate","endDate","componentEvents","item","id","result"],"mappings":";;;;;;;;;;;;;AAiDO,SAASA,GAAeC,GAA4B;AACzD,SACE,gBAAAC,EAACC,GAAA,EAAe,GAAGF,GACjB,UAAA,gBAAAC,EAACE,KAAM,GAAGH,GAAQ,UAAAA,EAAM,SAAA,CAAS,EAAA,CACnC;AAEJ;AAEA,MAAMG,IAAO,CAAC,EAAE,SAAAC,GAAS,WAAAC,GAAW,YAAAC,QAAsC;AACxE,EAAAC,EAAuB,0BAA0BD,CAAU,GAC3DE,EAAQ,wBAAwB;AAEhC,QAAM,CAACC,GAAkBC,CAAmB,IAAIC,EAAyB,IAAI,GACvE,EAAE,mBAAAC,EAAA,IAAsBC,EAAA,GACxB,EAAE,aAAAC,GAAa,cAAAC,GAAc,oBAAAC,GAAoB,WAAAC,EAAA,IAAcC,EAAA,GAE/DC,IAAkBC,EAAmB;AAAA,IACzC,gBAAgBC,EAAY,MAAM;AAChC,MAAAJ,EAAA;AAAA,IACF,GAAG,CAACA,CAAS,CAAC;AAAA,EAAA,CACf,GACKK,IAAmBH,EAAgB,iBAAA,GAEnC,EAAE,MAAMI,EAAA,IAAiBC,EAAwB;AAAA,IACrD,WAAAnB;AAAA,IACA,oBAAoB,CAACoB,EAAmB,SAAS;AAAA,IACjD,cAAc;AAAA,MACZC,EAAuB;AAAA,MACvBA,EAAuB;AAAA,MACvBA,EAAuB;AAAA,IAAA;AAAA,IAEzB,iBAAiB;AAAA,IACjB,SAAS,CAAC,UAAU,qBAAqB;AAAA,IACzC,WAAWC,EAAU;AAAA,IACrB,WAAWL,EAAiB;AAAA,IAC5B,SAASA,EAAiB;AAAA,IAC1B,cAAcH,EAAgB,iBAAiBS,EAAa,YAAY;AAAA,IACxE,MAAMd;AAAA,IACN,KAAKC;AAAA,EAAA,CACN,GAEKc,IAAiBN,EAAa,eAAe,CAAA,GAC7CO,IAAkBd,EAAmBO,EAAa,SAAS,SAAS,OAAO,GAE3E,EAAE,MAAMQ,EAAA,IAAuBC,EAA8B;AAAA,IACjE,aAAa3B;AAAA,EAAA,CACd,GAEK4B,IAAiBF,EAAmB,qBAAqB,CAAA,GAEzD,EAAE,aAAaG,GAAe,WAAWC,EAAA,IAAiBC,EAAA;AA4BhE,SACE,gBAAAnC;AAAA,IAACoC;AAAA,IAAA;AAAA,MACC,gBAAAR;AAAA,MACA,gBAAAI;AAAA,MACA,YAAYH;AAAA,MACZ,eA/BsB,CAACQ,GAAmBC,GAAoBC,MAAqB;AACrF,QAAApC,EAAQqC,EAAgB,4BAA4B,EAAE,WAAAH,GAAW,WAAAC,GAAW,SAAAC,GAAS;AAAA,MACvF;AAAA,MA8BI,eA5BsB,CAACF,GAAmBC,GAAoBC,MAAqB;AACrF,QAAApC,EAAQqC,EAAgB,4BAA4B,EAAE,WAAAH,GAAW,WAAAC,GAAW,SAAAC,GAAS;AAAA,MACvF;AAAA,MA2BI,iBAzBwB,OAAOE,MAAkB;AACnD,cAAMJ,IAAYI,EAAK,eAAeA,EAAK;AAC3C,YAAI;AACF,gBAAM9B,EAAkB0B,GAAW,OAAMK,MAAM;AAC7C,kBAAMC,IAAS,MAAMV,EAAc;AAAA,cACjC,SAAS;AAAA,gBACP,WAAA7B;AAAA,gBACA,WAAWsC;AAAA,cAAA;AAAA,YACb,CACD;AAED,YAAAvC,EAAQqC,EAAgB,uBAAuB,EAAE,WAAWE,GAAI,QAAAC,GAAQ;AAAA,UAC1E,CAAC;AAAA,QACH,UAAA;AACE,UAAAlC,EAAoB,IAAI;AAAA,QAC1B;AAAA,MACF;AAAA,MAUI,kBAAAD;AAAA,MACA,oBAAoBC;AAAA,MACpB,qBAAqB,MAAM;AACzB,QAAAA,EAAoB,IAAI;AAAA,MAC1B;AAAA,MACA,WAAWyB;AAAA,MACX,iBAAAhB;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/dist/components/Payroll/PayrollHistory/PayrollHistoryPresentation.d.ts

@@ -15,5 +15,6 @@ interface PayrollHistoryPresentationProps {
     isLoading?: boolean;
     dateRangeFilter: UseDateRangeFilterResult;
 }
+/** @internal */
 export declare const PayrollHistoryPresentation: ({ payrollHistory, wireInRequests, pagination, onViewSummary, onViewReceipt, onCancelPayroll, cancelDialogItem, onCancelDialogOpen, onCancelDialogClose, isLoading, dateRangeFilter, }: PayrollHistoryPresentationProps) => import("react").JSX.Element;
 export {};

package/dist/components/Payroll/PayrollHistory/PayrollHistoryPresentation.js.map

@@ -1 +1 @@
-{"version":3,"file":"PayrollHistoryPresentation.js","sources":["../../../../src/components/Payroll/PayrollHistory/PayrollHistoryPresentation.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport type { Payroll } from '@gusto/embedded-api-v-2025-11-15/models/components/payroll'\nimport type { WireInRequest } from '@gusto/embedded-api-v-2025-11-15/models/components/wireinrequest'\nimport { PayrollStatusBadges } from '../PayrollStatusBadges'\nimport { getPayrollTypeLabel, calculateTotalPayroll, canCancelPayroll } from '../helpers'\nimport type { MenuItem } from '@/components/Common/UI/Menu/MenuTypes'\nimport { DataView, Flex, DateRangeFilter } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { HamburgerMenu } from '@/components/Common/HamburgerMenu'\nimport { formatNumberAsCurrency } from '@/helpers/formattedStrings'\nimport { useI18n } from '@/i18n'\nimport { useDateFormatter } from '@/hooks/useDateFormatter'\nimport type { PaginationControlProps } from '@/components/Common/PaginationControl/PaginationControlTypes'\nimport type { UseDateRangeFilterResult } from '@/hooks/useDateRangeFilter/useDateRangeFilter'\nimport TrashcanIcon from '@/assets/icons/trashcan.svg?react'\nimport FileIcon from '@/assets/icons/icon-file-outline.svg?react'\nimport ReceiptIcon from '@/assets/icons/icon-receipt-outline.svg?react'\nimport { EmptyData } from '@/components/Common/'\n\ninterface PayrollHistoryPresentationProps {\n  payrollHistory: Payroll[]\n  wireInRequests: WireInRequest[]\n  pagination: PaginationControlProps\n  onViewSummary: (payrollId: string, startDate?: string, endDate?: string) => void\n  onViewReceipt: (payrollId: string, startDate?: string, endDate?: string) => void\n  onCancelPayroll: (item: Payroll) => void\n  cancelDialogItem: Payroll | null\n  onCancelDialogOpen: (item: Payroll) => void\n  onCancelDialogClose: () => void\n  isLoading?: boolean\n  dateRangeFilter: UseDateRangeFilterResult\n}\n\nexport const PayrollHistoryPresentation = ({\n  payrollHistory,\n  wireInRequests,\n  pagination,\n  onViewSummary,\n  onViewReceipt,\n  onCancelPayroll,\n  cancelDialogItem,\n  onCancelDialogOpen,\n  onCancelDialogClose,\n  isLoading = false,\n  dateRangeFilter,\n}: PayrollHistoryPresentationProps) => {\n  const { Heading, Text, Dialog } = useComponentContext()\n  useI18n('Payroll.PayrollHistory')\n  const { t } = useTranslation('Payroll.PayrollHistory')\n  const dateFormatter = useDateFormatter()\n\n  const formatDeadlineForDialog = (item: Payroll): string => {\n    const deadline = item.payrollDeadline\n    if (!deadline) return ''\n\n    const deadlineDate = new Date(deadline)\n    const timeZone = 'America/New_York'\n\n    const formatter = new Intl.DateTimeFormat('en-US', {\n      weekday: 'short',\n      month: 'short',\n      day: 'numeric',\n      timeZone,\n    })\n\n    const timeFormatter = new Intl.DateTimeFormat('en-US', {\n      hour: 'numeric',\n      minute: '2-digit',\n      timeZoneName: 'short',\n      timeZone,\n    })\n\n    const dateStr = formatter.format(deadlineDate)\n    const timeStr = timeFormatter.format(deadlineDate)\n\n    return `${timeStr} on ${dateStr}`\n  }\n\n  const handleCancelClick = (item: Payroll) => {\n    onCancelDialogOpen(item)\n  }\n\n  const handleConfirmCancel = () => {\n    if (cancelDialogItem) {\n      onCancelPayroll(cancelDialogItem)\n    }\n  }\n\n  const getMenuItems = (item: Payroll): MenuItem[] => {\n    const payrollId = item.payrollUuid || item.uuid!\n    const items: MenuItem[] = [\n      {\n        label: t('menu.viewSummary'),\n        icon: <FileIcon aria-hidden />,\n        onClick: () => {\n          onViewSummary(payrollId, item.payPeriod?.startDate, item.payPeriod?.endDate)\n        },\n      },\n      {\n        label: t('menu.viewReceipt'),\n        icon: <ReceiptIcon aria-hidden />,\n        onClick: () => {\n          onViewReceipt(payrollId, item.payPeriod?.startDate, item.payPeriod?.endDate)\n        },\n      },\n    ]\n\n    if (canCancelPayroll(item)) {\n      items.push({\n        label: t('menu.cancelPayroll'),\n        icon: <TrashcanIcon aria-hidden />,\n        onClick: () => {\n          handleCancelClick(item)\n        },\n        'data-destructive': 'true',\n      })\n    }\n\n    return items\n  }\n\n  return (\n    <Flex flexDirection=\"column\" gap={16}>\n      <Flex justifyContent=\"space-between\" alignItems=\"center\">\n        <Heading as=\"h2\">{t('title')}</Heading>\n        <DateRangeFilter\n          startDate={dateRangeFilter.filterStartDate}\n          endDate={dateRangeFilter.filterEndDate}\n          onStartDateChange={dateRangeFilter.handleStartDateChange}\n          onEndDateChange={dateRangeFilter.handleEndDateChange}\n          onClear={dateRangeFilter.handleClearFilter}\n          startDateLabel={t('dateFilter.startDate')}\n          endDateLabel={t('dateFilter.endDate')}\n          applyLabel={t('dateFilter.apply')}\n          cancelLabel={t('dateFilter.cancel')}\n          resetLabel={t('dateFilter.reset')}\n          selectDatesLabel={t('dateFilter.selectDates')}\n          triggerLabel={t('dateFilter.trigger')}\n          isFilterActive={dateRangeFilter.isFilterActive}\n          maxEndDate={dateRangeFilter.getMaxEndDate()}\n          minStartDate={dateRangeFilter.getMinStartDate()}\n        />\n      </Flex>\n\n      <DataView\n        label={t('dataView.label')}\n        pagination={pagination}\n        emptyState={() => (\n          <EmptyData title={t('emptyState.title')} description={t('emptyState.description')} />\n        )}\n        columns={[\n          {\n            title: t('columns.payPeriod'),\n            render: (item: Payroll) =>\n              dateFormatter.formatPayPeriodRange(\n                item.payPeriod?.startDate,\n                item.payPeriod?.endDate,\n              ),\n          },\n          {\n            title: t('columns.type'),\n            render: (item: Payroll) => getPayrollTypeLabel(item),\n          },\n          {\n            title: t('columns.payDate'),\n            render: (item: Payroll) => dateFormatter.formatShortWithYear(item.checkDate),\n          },\n          {\n            title: t('columns.status'),\n            render: (item: Payroll) => {\n              const wireInRequest = wireInRequests.find(\n                wire => wire.paymentUuid === item.payrollUuid,\n              )\n              return <PayrollStatusBadges payroll={item} wireInRequest={wireInRequest} />\n            },\n          },\n          {\n            title: t('columns.totalPayroll'),\n            render: (item: Payroll) => formatNumberAsCurrency(calculateTotalPayroll(item)),\n          },\n        ]}\n        data={payrollHistory}\n        itemMenu={(item: Payroll) => <HamburgerMenu items={getMenuItems(item)} />}\n      />\n\n      <Dialog\n        isOpen={!!cancelDialogItem}\n        onClose={onCancelDialogClose}\n        onPrimaryActionClick={handleConfirmCancel}\n        isDestructive\n        isPrimaryActionLoading={isLoading}\n        primaryActionLabel={t('cancelDialog.primaryAction')}\n        closeActionLabel={t('cancelDialog.secondaryAction')}\n        title={\n          cancelDialogItem\n            ? t('cancelDialog.title', {\n                payPeriod: dateFormatter.formatPayPeriodRange(\n                  cancelDialogItem.payPeriod?.startDate,\n                  cancelDialogItem.payPeriod?.endDate,\n                ),\n              })\n            : ''\n        }\n      >\n        {cancelDialogItem && (\n          <Flex flexDirection=\"column\" gap={16}>\n            <Text>{t('cancelDialog.body')}</Text>\n            {cancelDialogItem.payrollDeadline && (\n              <Text>\n                {t('cancelDialog.deadline', {\n                  deadline: formatDeadlineForDialog(cancelDialogItem),\n                })}\n              </Text>\n            )}\n          </Flex>\n        )}\n      </Dialog>\n    </Flex>\n  )\n}\n"],"names":["PayrollHistoryPresentation","payrollHistory","wireInRequests","pagination","onViewSummary","onViewReceipt","onCancelPayroll","cancelDialogItem","onCancelDialogOpen","onCancelDialogClose","isLoading","dateRangeFilter","Heading","Text","Dialog","useComponentContext","useI18n","useTranslation","dateFormatter","useDateFormatter","formatDeadlineForDialog","item","deadline","deadlineDate","timeZone","formatter","timeFormatter","dateStr","handleCancelClick","handleConfirmCancel","getMenuItems","payrollId","items","jsx","FileIcon","ReceiptIcon","canCancelPayroll","TrashcanIcon","jsxs","Flex","DateRangeFilter","DataView","EmptyData","getPayrollTypeLabel","wireInRequest","wire","PayrollStatusBadges","formatNumberAsCurrency","calculateTotalPayroll","HamburgerMenu"],"mappings":";;;;;;;;;;;;;;;;AAiCO,MAAMA,KAA6B,CAAC;AAAA,EACzC,gBAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,YAAAC;AAAA,EACA,eAAAC;AAAA,EACA,eAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,oBAAAC;AAAA,EACA,qBAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,iBAAAC;AACF,MAAuC;AACrC,QAAM,EAAE,SAAAC,GAAS,MAAAC,GAAM,QAAAC,EAAA,IAAWC,EAAA;AAClC,EAAAC,EAAQ,wBAAwB;AAChC,QAAM,EAAE,EAAA,IAAMC,EAAe,wBAAwB,GAC/CC,IAAgBC,EAAA,GAEhBC,IAA0B,CAACC,MAA0B;AACzD,UAAMC,IAAWD,EAAK;AACtB,QAAI,CAACC,EAAU,QAAO;AAEtB,UAAMC,IAAe,IAAI,KAAKD,CAAQ,GAChCE,IAAW,oBAEXC,IAAY,IAAI,KAAK,eAAe,SAAS;AAAA,MACjD,SAAS;AAAA,MACT,OAAO;AAAA,MACP,KAAK;AAAA,MACL,UAAAD;AAAA,IAAA,CACD,GAEKE,IAAgB,IAAI,KAAK,eAAe,SAAS;AAAA,MACrD,MAAM;AAAA,MACN,QAAQ;AAAA,MACR,cAAc;AAAA,MACd,UAAAF;AAAA,IAAA,CACD,GAEKG,IAAUF,EAAU,OAAOF,CAAY;AAG7C,WAAO,GAFSG,EAAc,OAAOH,CAAY,CAEhC,OAAOI,CAAO;AAAA,EACjC,GAEMC,IAAoB,CAACP,MAAkB;AAC3C,IAAAb,EAAmBa,CAAI;AAAA,EACzB,GAEMQ,IAAsB,MAAM;AAChC,IAAItB,KACFD,EAAgBC,CAAgB;AAAA,EAEpC,GAEMuB,IAAe,CAACT,MAA8B;AAClD,UAAMU,IAAYV,EAAK,eAAeA,EAAK,MACrCW,IAAoB;AAAA,MACxB;AAAA,QACE,OAAO,EAAE,kBAAkB;AAAA,QAC3B,MAAM,gBAAAC,EAACC,GAAA,EAAS,eAAW,GAAA,CAAC;AAAA,QAC5B,SAAS,MAAM;AACb,UAAA9B,EAAc2B,GAAWV,EAAK,WAAW,WAAWA,EAAK,WAAW,OAAO;AAAA,QAC7E;AAAA,MAAA;AAAA,MAEF;AAAA,QACE,OAAO,EAAE,kBAAkB;AAAA,QAC3B,MAAM,gBAAAY,EAACE,GAAA,EAAY,eAAW,GAAA,CAAC;AAAA,QAC/B,SAAS,MAAM;AACb,UAAA9B,EAAc0B,GAAWV,EAAK,WAAW,WAAWA,EAAK,WAAW,OAAO;AAAA,QAC7E;AAAA,MAAA;AAAA,IACF;AAGF,WAAIe,EAAiBf,CAAI,KACvBW,EAAM,KAAK;AAAA,MACT,OAAO,EAAE,oBAAoB;AAAA,MAC7B,MAAM,gBAAAC,EAACI,GAAA,EAAa,eAAW,GAAA,CAAC;AAAA,MAChC,SAAS,MAAM;AACb,QAAAT,EAAkBP,CAAI;AAAA,MACxB;AAAA,MACA,oBAAoB;AAAA,IAAA,CACrB,GAGIW;AAAA,EACT;AAEA,SACE,gBAAAM,EAACC,GAAA,EAAK,eAAc,UAAS,KAAK,IAChC,UAAA;AAAA,IAAA,gBAAAD,EAACC,GAAA,EAAK,gBAAe,iBAAgB,YAAW,UAC9C,UAAA;AAAA,MAAA,gBAAAN,EAACrB,GAAA,EAAQ,IAAG,MAAM,UAAA,EAAE,OAAO,GAAE;AAAA,MAC7B,gBAAAqB;AAAA,QAACO;AAAA,QAAA;AAAA,UACC,WAAW7B,EAAgB;AAAA,UAC3B,SAASA,EAAgB;AAAA,UACzB,mBAAmBA,EAAgB;AAAA,UACnC,iBAAiBA,EAAgB;AAAA,UACjC,SAASA,EAAgB;AAAA,UACzB,gBAAgB,EAAE,sBAAsB;AAAA,UACxC,cAAc,EAAE,oBAAoB;AAAA,UACpC,YAAY,EAAE,kBAAkB;AAAA,UAChC,aAAa,EAAE,mBAAmB;AAAA,UAClC,YAAY,EAAE,kBAAkB;AAAA,UAChC,kBAAkB,EAAE,wBAAwB;AAAA,UAC5C,cAAc,EAAE,oBAAoB;AAAA,UACpC,gBAAgBA,EAAgB;AAAA,UAChC,YAAYA,EAAgB,cAAA;AAAA,UAC5B,cAAcA,EAAgB,gBAAA;AAAA,QAAgB;AAAA,MAAA;AAAA,IAChD,GACF;AAAA,IAEA,gBAAAsB;AAAA,MAACQ;AAAA,MAAA;AAAA,QACC,OAAO,EAAE,gBAAgB;AAAA,QACzB,YAAAtC;AAAA,QACA,YAAY,MACV,gBAAA8B,EAACS,GAAA,EAAU,OAAO,EAAE,kBAAkB,GAAG,aAAa,EAAE,wBAAwB,EAAA,CAAG;AAAA,QAErF,SAAS;AAAA,UACP;AAAA,YACE,OAAO,EAAE,mBAAmB;AAAA,YAC5B,QAAQ,CAACrB,MACPH,EAAc;AAAA,cACZG,EAAK,WAAW;AAAA,cAChBA,EAAK,WAAW;AAAA,YAAA;AAAA,UAClB;AAAA,UAEJ;AAAA,YACE,OAAO,EAAE,cAAc;AAAA,YACvB,QAAQ,CAACA,MAAkBsB,EAAoBtB,CAAI;AAAA,UAAA;AAAA,UAErD;AAAA,YACE,OAAO,EAAE,iBAAiB;AAAA,YAC1B,QAAQ,CAACA,MAAkBH,EAAc,oBAAoBG,EAAK,SAAS;AAAA,UAAA;AAAA,UAE7E;AAAA,YACE,OAAO,EAAE,gBAAgB;AAAA,YACzB,QAAQ,CAACA,MAAkB;AACzB,oBAAMuB,IAAgB1C,EAAe;AAAA,gBACnC,CAAA2C,MAAQA,EAAK,gBAAgBxB,EAAK;AAAA,cAAA;AAEpC,qBAAO,gBAAAY,EAACa,GAAA,EAAoB,SAASzB,GAAM,eAAAuB,EAAA,CAA8B;AAAA,YAC3E;AAAA,UAAA;AAAA,UAEF;AAAA,YACE,OAAO,EAAE,sBAAsB;AAAA,YAC/B,QAAQ,CAACvB,MAAkB0B,EAAuBC,EAAsB3B,CAAI,CAAC;AAAA,UAAA;AAAA,QAC/E;AAAA,QAEF,MAAMpB;AAAA,QACN,UAAU,CAACoB,MAAkB,gBAAAY,EAACgB,KAAc,OAAOnB,EAAaT,CAAI,EAAA,CAAG;AAAA,MAAA;AAAA,IAAA;AAAA,IAGzE,gBAAAY;AAAA,MAACnB;AAAA,MAAA;AAAA,QACC,QAAQ,CAAC,CAACP;AAAA,QACV,SAASE;AAAA,QACT,sBAAsBoB;AAAA,QACtB,eAAa;AAAA,QACb,wBAAwBnB;AAAA,QACxB,oBAAoB,EAAE,4BAA4B;AAAA,QAClD,kBAAkB,EAAE,8BAA8B;AAAA,QAClD,OACEH,IACI,EAAE,sBAAsB;AAAA,UACtB,WAAWW,EAAc;AAAA,YACvBX,EAAiB,WAAW;AAAA,YAC5BA,EAAiB,WAAW;AAAA,UAAA;AAAA,QAC9B,CACD,IACD;AAAA,QAGL,eACC,gBAAA+B,EAACC,GAAA,EAAK,eAAc,UAAS,KAAK,IAChC,UAAA;AAAA,UAAA,gBAAAN,EAACpB,GAAA,EAAM,UAAA,EAAE,mBAAmB,EAAA,CAAE;AAAA,UAC7BN,EAAiB,mBAChB,gBAAA0B,EAACpB,GAAA,EACE,YAAE,yBAAyB;AAAA,YAC1B,UAAUO,EAAwBb,CAAgB;AAAA,UAAA,CACnD,EAAA,CACH;AAAA,QAAA,EAAA,CAEJ;AAAA,MAAA;AAAA,IAAA;AAAA,EAEJ,GACF;AAEJ;"}
+{"version":3,"file":"PayrollHistoryPresentation.js","sources":["../../../../src/components/Payroll/PayrollHistory/PayrollHistoryPresentation.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport type { Payroll } from '@gusto/embedded-api-v-2025-11-15/models/components/payroll'\nimport type { WireInRequest } from '@gusto/embedded-api-v-2025-11-15/models/components/wireinrequest'\nimport { PayrollStatusBadges } from '../PayrollStatusBadges'\nimport { getPayrollTypeLabel, calculateTotalPayroll, canCancelPayroll } from '../helpers'\nimport type { MenuItem } from '@/components/Common/UI/Menu/MenuTypes'\nimport { DataView, Flex, DateRangeFilter } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { HamburgerMenu } from '@/components/Common/HamburgerMenu'\nimport { formatNumberAsCurrency } from '@/helpers/formattedStrings'\nimport { useI18n } from '@/i18n'\nimport { useDateFormatter } from '@/hooks/useDateFormatter'\nimport type { PaginationControlProps } from '@/components/Common/PaginationControl/PaginationControlTypes'\nimport type { UseDateRangeFilterResult } from '@/hooks/useDateRangeFilter/useDateRangeFilter'\nimport TrashcanIcon from '@/assets/icons/trashcan.svg?react'\nimport FileIcon from '@/assets/icons/icon-file-outline.svg?react'\nimport ReceiptIcon from '@/assets/icons/icon-receipt-outline.svg?react'\nimport { EmptyData } from '@/components/Common/'\n\ninterface PayrollHistoryPresentationProps {\n  payrollHistory: Payroll[]\n  wireInRequests: WireInRequest[]\n  pagination: PaginationControlProps\n  onViewSummary: (payrollId: string, startDate?: string, endDate?: string) => void\n  onViewReceipt: (payrollId: string, startDate?: string, endDate?: string) => void\n  onCancelPayroll: (item: Payroll) => void\n  cancelDialogItem: Payroll | null\n  onCancelDialogOpen: (item: Payroll) => void\n  onCancelDialogClose: () => void\n  isLoading?: boolean\n  dateRangeFilter: UseDateRangeFilterResult\n}\n\n/** @internal */\nexport const PayrollHistoryPresentation = ({\n  payrollHistory,\n  wireInRequests,\n  pagination,\n  onViewSummary,\n  onViewReceipt,\n  onCancelPayroll,\n  cancelDialogItem,\n  onCancelDialogOpen,\n  onCancelDialogClose,\n  isLoading = false,\n  dateRangeFilter,\n}: PayrollHistoryPresentationProps) => {\n  const { Heading, Text, Dialog } = useComponentContext()\n  useI18n('Payroll.PayrollHistory')\n  const { t } = useTranslation('Payroll.PayrollHistory')\n  const dateFormatter = useDateFormatter()\n\n  const formatDeadlineForDialog = (item: Payroll): string => {\n    const deadline = item.payrollDeadline\n    if (!deadline) return ''\n\n    const deadlineDate = new Date(deadline)\n    const timeZone = 'America/New_York'\n\n    const formatter = new Intl.DateTimeFormat('en-US', {\n      weekday: 'short',\n      month: 'short',\n      day: 'numeric',\n      timeZone,\n    })\n\n    const timeFormatter = new Intl.DateTimeFormat('en-US', {\n      hour: 'numeric',\n      minute: '2-digit',\n      timeZoneName: 'short',\n      timeZone,\n    })\n\n    const dateStr = formatter.format(deadlineDate)\n    const timeStr = timeFormatter.format(deadlineDate)\n\n    return `${timeStr} on ${dateStr}`\n  }\n\n  const handleCancelClick = (item: Payroll) => {\n    onCancelDialogOpen(item)\n  }\n\n  const handleConfirmCancel = () => {\n    if (cancelDialogItem) {\n      onCancelPayroll(cancelDialogItem)\n    }\n  }\n\n  const getMenuItems = (item: Payroll): MenuItem[] => {\n    const payrollId = item.payrollUuid || item.uuid!\n    const items: MenuItem[] = [\n      {\n        label: t('menu.viewSummary'),\n        icon: <FileIcon aria-hidden />,\n        onClick: () => {\n          onViewSummary(payrollId, item.payPeriod?.startDate, item.payPeriod?.endDate)\n        },\n      },\n      {\n        label: t('menu.viewReceipt'),\n        icon: <ReceiptIcon aria-hidden />,\n        onClick: () => {\n          onViewReceipt(payrollId, item.payPeriod?.startDate, item.payPeriod?.endDate)\n        },\n      },\n    ]\n\n    if (canCancelPayroll(item)) {\n      items.push({\n        label: t('menu.cancelPayroll'),\n        icon: <TrashcanIcon aria-hidden />,\n        onClick: () => {\n          handleCancelClick(item)\n        },\n        'data-destructive': 'true',\n      })\n    }\n\n    return items\n  }\n\n  return (\n    <Flex flexDirection=\"column\" gap={16}>\n      <Flex justifyContent=\"space-between\" alignItems=\"center\">\n        <Heading as=\"h2\">{t('title')}</Heading>\n        <DateRangeFilter\n          startDate={dateRangeFilter.filterStartDate}\n          endDate={dateRangeFilter.filterEndDate}\n          onStartDateChange={dateRangeFilter.handleStartDateChange}\n          onEndDateChange={dateRangeFilter.handleEndDateChange}\n          onClear={dateRangeFilter.handleClearFilter}\n          startDateLabel={t('dateFilter.startDate')}\n          endDateLabel={t('dateFilter.endDate')}\n          applyLabel={t('dateFilter.apply')}\n          cancelLabel={t('dateFilter.cancel')}\n          resetLabel={t('dateFilter.reset')}\n          selectDatesLabel={t('dateFilter.selectDates')}\n          triggerLabel={t('dateFilter.trigger')}\n          isFilterActive={dateRangeFilter.isFilterActive}\n          maxEndDate={dateRangeFilter.getMaxEndDate()}\n          minStartDate={dateRangeFilter.getMinStartDate()}\n        />\n      </Flex>\n\n      <DataView\n        label={t('dataView.label')}\n        pagination={pagination}\n        emptyState={() => (\n          <EmptyData title={t('emptyState.title')} description={t('emptyState.description')} />\n        )}\n        columns={[\n          {\n            title: t('columns.payPeriod'),\n            render: (item: Payroll) =>\n              dateFormatter.formatPayPeriodRange(\n                item.payPeriod?.startDate,\n                item.payPeriod?.endDate,\n              ),\n          },\n          {\n            title: t('columns.type'),\n            render: (item: Payroll) => getPayrollTypeLabel(item),\n          },\n          {\n            title: t('columns.payDate'),\n            render: (item: Payroll) => dateFormatter.formatShortWithYear(item.checkDate),\n          },\n          {\n            title: t('columns.status'),\n            render: (item: Payroll) => {\n              const wireInRequest = wireInRequests.find(\n                wire => wire.paymentUuid === item.payrollUuid,\n              )\n              return <PayrollStatusBadges payroll={item} wireInRequest={wireInRequest} />\n            },\n          },\n          {\n            title: t('columns.totalPayroll'),\n            render: (item: Payroll) => formatNumberAsCurrency(calculateTotalPayroll(item)),\n          },\n        ]}\n        data={payrollHistory}\n        itemMenu={(item: Payroll) => <HamburgerMenu items={getMenuItems(item)} />}\n      />\n\n      <Dialog\n        isOpen={!!cancelDialogItem}\n        onClose={onCancelDialogClose}\n        onPrimaryActionClick={handleConfirmCancel}\n        isDestructive\n        isPrimaryActionLoading={isLoading}\n        primaryActionLabel={t('cancelDialog.primaryAction')}\n        closeActionLabel={t('cancelDialog.secondaryAction')}\n        title={\n          cancelDialogItem\n            ? t('cancelDialog.title', {\n                payPeriod: dateFormatter.formatPayPeriodRange(\n                  cancelDialogItem.payPeriod?.startDate,\n                  cancelDialogItem.payPeriod?.endDate,\n                ),\n              })\n            : ''\n        }\n      >\n        {cancelDialogItem && (\n          <Flex flexDirection=\"column\" gap={16}>\n            <Text>{t('cancelDialog.body')}</Text>\n            {cancelDialogItem.payrollDeadline && (\n              <Text>\n                {t('cancelDialog.deadline', {\n                  deadline: formatDeadlineForDialog(cancelDialogItem),\n                })}\n              </Text>\n            )}\n          </Flex>\n        )}\n      </Dialog>\n    </Flex>\n  )\n}\n"],"names":["PayrollHistoryPresentation","payrollHistory","wireInRequests","pagination","onViewSummary","onViewReceipt","onCancelPayroll","cancelDialogItem","onCancelDialogOpen","onCancelDialogClose","isLoading","dateRangeFilter","Heading","Text","Dialog","useComponentContext","useI18n","useTranslation","dateFormatter","useDateFormatter","formatDeadlineForDialog","item","deadline","deadlineDate","timeZone","formatter","timeFormatter","dateStr","handleCancelClick","handleConfirmCancel","getMenuItems","payrollId","items","jsx","FileIcon","ReceiptIcon","canCancelPayroll","TrashcanIcon","jsxs","Flex","DateRangeFilter","DataView","EmptyData","getPayrollTypeLabel","wireInRequest","wire","PayrollStatusBadges","formatNumberAsCurrency","calculateTotalPayroll","HamburgerMenu"],"mappings":";;;;;;;;;;;;;;;;AAkCO,MAAMA,KAA6B,CAAC;AAAA,EACzC,gBAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,YAAAC;AAAA,EACA,eAAAC;AAAA,EACA,eAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,oBAAAC;AAAA,EACA,qBAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,iBAAAC;AACF,MAAuC;AACrC,QAAM,EAAE,SAAAC,GAAS,MAAAC,GAAM,QAAAC,EAAA,IAAWC,EAAA;AAClC,EAAAC,EAAQ,wBAAwB;AAChC,QAAM,EAAE,EAAA,IAAMC,EAAe,wBAAwB,GAC/CC,IAAgBC,EAAA,GAEhBC,IAA0B,CAACC,MAA0B;AACzD,UAAMC,IAAWD,EAAK;AACtB,QAAI,CAACC,EAAU,QAAO;AAEtB,UAAMC,IAAe,IAAI,KAAKD,CAAQ,GAChCE,IAAW,oBAEXC,IAAY,IAAI,KAAK,eAAe,SAAS;AAAA,MACjD,SAAS;AAAA,MACT,OAAO;AAAA,MACP,KAAK;AAAA,MACL,UAAAD;AAAA,IAAA,CACD,GAEKE,IAAgB,IAAI,KAAK,eAAe,SAAS;AAAA,MACrD,MAAM;AAAA,MACN,QAAQ;AAAA,MACR,cAAc;AAAA,MACd,UAAAF;AAAA,IAAA,CACD,GAEKG,IAAUF,EAAU,OAAOF,CAAY;AAG7C,WAAO,GAFSG,EAAc,OAAOH,CAAY,CAEhC,OAAOI,CAAO;AAAA,EACjC,GAEMC,IAAoB,CAACP,MAAkB;AAC3C,IAAAb,EAAmBa,CAAI;AAAA,EACzB,GAEMQ,IAAsB,MAAM;AAChC,IAAItB,KACFD,EAAgBC,CAAgB;AAAA,EAEpC,GAEMuB,IAAe,CAACT,MAA8B;AAClD,UAAMU,IAAYV,EAAK,eAAeA,EAAK,MACrCW,IAAoB;AAAA,MACxB;AAAA,QACE,OAAO,EAAE,kBAAkB;AAAA,QAC3B,MAAM,gBAAAC,EAACC,GAAA,EAAS,eAAW,GAAA,CAAC;AAAA,QAC5B,SAAS,MAAM;AACb,UAAA9B,EAAc2B,GAAWV,EAAK,WAAW,WAAWA,EAAK,WAAW,OAAO;AAAA,QAC7E;AAAA,MAAA;AAAA,MAEF;AAAA,QACE,OAAO,EAAE,kBAAkB;AAAA,QAC3B,MAAM,gBAAAY,EAACE,GAAA,EAAY,eAAW,GAAA,CAAC;AAAA,QAC/B,SAAS,MAAM;AACb,UAAA9B,EAAc0B,GAAWV,EAAK,WAAW,WAAWA,EAAK,WAAW,OAAO;AAAA,QAC7E;AAAA,MAAA;AAAA,IACF;AAGF,WAAIe,EAAiBf,CAAI,KACvBW,EAAM,KAAK;AAAA,MACT,OAAO,EAAE,oBAAoB;AAAA,MAC7B,MAAM,gBAAAC,EAACI,GAAA,EAAa,eAAW,GAAA,CAAC;AAAA,MAChC,SAAS,MAAM;AACb,QAAAT,EAAkBP,CAAI;AAAA,MACxB;AAAA,MACA,oBAAoB;AAAA,IAAA,CACrB,GAGIW;AAAA,EACT;AAEA,SACE,gBAAAM,EAACC,GAAA,EAAK,eAAc,UAAS,KAAK,IAChC,UAAA;AAAA,IAAA,gBAAAD,EAACC,GAAA,EAAK,gBAAe,iBAAgB,YAAW,UAC9C,UAAA;AAAA,MAAA,gBAAAN,EAACrB,GAAA,EAAQ,IAAG,MAAM,UAAA,EAAE,OAAO,GAAE;AAAA,MAC7B,gBAAAqB;AAAA,QAACO;AAAA,QAAA;AAAA,UACC,WAAW7B,EAAgB;AAAA,UAC3B,SAASA,EAAgB;AAAA,UACzB,mBAAmBA,EAAgB;AAAA,UACnC,iBAAiBA,EAAgB;AAAA,UACjC,SAASA,EAAgB;AAAA,UACzB,gBAAgB,EAAE,sBAAsB;AAAA,UACxC,cAAc,EAAE,oBAAoB;AAAA,UACpC,YAAY,EAAE,kBAAkB;AAAA,UAChC,aAAa,EAAE,mBAAmB;AAAA,UAClC,YAAY,EAAE,kBAAkB;AAAA,UAChC,kBAAkB,EAAE,wBAAwB;AAAA,UAC5C,cAAc,EAAE,oBAAoB;AAAA,UACpC,gBAAgBA,EAAgB;AAAA,UAChC,YAAYA,EAAgB,cAAA;AAAA,UAC5B,cAAcA,EAAgB,gBAAA;AAAA,QAAgB;AAAA,MAAA;AAAA,IAChD,GACF;AAAA,IAEA,gBAAAsB;AAAA,MAACQ;AAAA,MAAA;AAAA,QACC,OAAO,EAAE,gBAAgB;AAAA,QACzB,YAAAtC;AAAA,QACA,YAAY,MACV,gBAAA8B,EAACS,GAAA,EAAU,OAAO,EAAE,kBAAkB,GAAG,aAAa,EAAE,wBAAwB,EAAA,CAAG;AAAA,QAErF,SAAS;AAAA,UACP;AAAA,YACE,OAAO,EAAE,mBAAmB;AAAA,YAC5B,QAAQ,CAACrB,MACPH,EAAc;AAAA,cACZG,EAAK,WAAW;AAAA,cAChBA,EAAK,WAAW;AAAA,YAAA;AAAA,UAClB;AAAA,UAEJ;AAAA,YACE,OAAO,EAAE,cAAc;AAAA,YACvB,QAAQ,CAACA,MAAkBsB,EAAoBtB,CAAI;AAAA,UAAA;AAAA,UAErD;AAAA,YACE,OAAO,EAAE,iBAAiB;AAAA,YAC1B,QAAQ,CAACA,MAAkBH,EAAc,oBAAoBG,EAAK,SAAS;AAAA,UAAA;AAAA,UAE7E;AAAA,YACE,OAAO,EAAE,gBAAgB;AAAA,YACzB,QAAQ,CAACA,MAAkB;AACzB,oBAAMuB,IAAgB1C,EAAe;AAAA,gBACnC,CAAA2C,MAAQA,EAAK,gBAAgBxB,EAAK;AAAA,cAAA;AAEpC,qBAAO,gBAAAY,EAACa,GAAA,EAAoB,SAASzB,GAAM,eAAAuB,EAAA,CAA8B;AAAA,YAC3E;AAAA,UAAA;AAAA,UAEF;AAAA,YACE,OAAO,EAAE,sBAAsB;AAAA,YAC/B,QAAQ,CAACvB,MAAkB0B,EAAuBC,EAAsB3B,CAAI,CAAC;AAAA,UAAA;AAAA,QAC/E;AAAA,QAEF,MAAMpB;AAAA,QACN,UAAU,CAACoB,MAAkB,gBAAAY,EAACgB,KAAc,OAAOnB,EAAaT,CAAI,EAAA,CAAG;AAAA,MAAA;AAAA,IAAA;AAAA,IAGzE,gBAAAY;AAAA,MAACnB;AAAA,MAAA;AAAA,QACC,QAAQ,CAAC,CAACP;AAAA,QACV,SAASE;AAAA,QACT,sBAAsBoB;AAAA,QACtB,eAAa;AAAA,QACb,wBAAwBnB;AAAA,QACxB,oBAAoB,EAAE,4BAA4B;AAAA,QAClD,kBAAkB,EAAE,8BAA8B;AAAA,QAClD,OACEH,IACI,EAAE,sBAAsB;AAAA,UACtB,WAAWW,EAAc;AAAA,YACvBX,EAAiB,WAAW;AAAA,YAC5BA,EAAiB,WAAW;AAAA,UAAA;AAAA,QAC9B,CACD,IACD;AAAA,QAGL,eACC,gBAAA+B,EAACC,GAAA,EAAK,eAAc,UAAS,KAAK,IAChC,UAAA;AAAA,UAAA,gBAAAN,EAACpB,GAAA,EAAM,UAAA,EAAE,mBAAmB,EAAA,CAAE;AAAA,UAC7BN,EAAiB,mBAChB,gBAAA0B,EAACpB,GAAA,EACE,YAAE,yBAAyB;AAAA,YAC1B,UAAUO,EAAwBb,CAAgB;AAAA,UAAA,CACnD,EAAA,CACH;AAAA,QAAA,EAAA,CAEJ;AAAA,MAAA;AAAA,IAAA;AAAA,EAEJ,GACF;AAEJ;"}

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

@@ -1,12 +1,41 @@
 import { ConfirmWireDetailsComponentType } from '../ConfirmWireDetails/ConfirmWireDetails';
-import { PayrollLandingFlowProps } from './PayrollLandingFlowComponents';
 import { BaseComponentInterface } from '../../Base/Base';
-interface PayrollLandingProps extends BaseComponentInterface<'Payroll.PayrollLanding'> {
+/**
+ * Props for {@link PayrollLanding}.
+ *
+ * @public
+ */
+export interface PayrollLandingProps extends BaseComponentInterface<'Payroll.PayrollLanding'> {
+    /** The associated company identifier. */
     companyId: string;
+    /** Whether to show reimbursement fields throughout the landing flow. Defaults to `true`. */
     withReimbursements?: 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. */
     showPayrollCancelledAlert?: boolean;
 }
+/**
+ * Main landing surface for payroll operations, with tabs for running payroll and
+ * viewing payroll history, plus inline navigation to a payroll's overview and receipt.
+ *
+ * @remarks
+ * | Event | Description | Data |
+ * | ----- | ----------- | ---- |
+ * | `runPayroll/selected` | User selected a payroll to run | `{ payrollUuid: string, payPeriod: object }` |
+ * | `payroll/review` | User selected a calculated payroll to review | `{ payrollUuid: string, payPeriod: object }` |
+ * | `payroll/skipped` | A payroll was skipped | `{ payrollId: string }` |
+ * | `payroll/deleted` | A cancellable off-cycle payroll was deleted | `{ payrollId: string }` |
+ * | `runPayroll/offCycle/start` | User clicked the Run off-cycle call-to-action | — |
+ * | `transition/runPayroll` | User started a pending transition payroll | — |
+ * | `runPayroll/summary/viewed` | User opened a payroll's summary view | `{ payrollId: string }` |
+ * | `runPayroll/receipt/viewed` | User opened a payroll's receipt view | `{ payrollId: string }` |
+ * | `runPayroll/blockers/viewAll` | User opened the full list of payroll blockers | — |
+ * | `runPayroll/cancelled` | A payroll was cancelled | `{ payrollId: string, result: object }` |
+ * | `runPayroll/cancelled/alertDismissed` | User dismissed the payroll-cancelled success alert | — |
+ *
+ * @param props - See {@link PayrollLandingProps}.
+ * @returns The payroll landing flow.
+ * @public
+ */
 export declare function PayrollLanding(props: PayrollLandingProps): import("react").JSX.Element;
-export declare function PayrollLandingFlow({ companyId, onEvent, dictionary, withReimbursements, ConfirmWireDetailsComponent, showPayrollCancelledAlert, }: PayrollLandingFlowProps): import("react").JSX.Element;
-export {};

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

@@ -42,7 +42,6 @@ function L({
   return /* @__PURE__ */ o(b, { onEvent: t, machine: i });
 }
 export {
-  k as PayrollLanding,
-  L as PayrollLandingFlow
+  k 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\ninterface PayrollLandingProps extends BaseComponentInterface<'Payroll.PayrollLanding'> {\n  companyId: string\n  withReimbursements?: boolean\n  ConfirmWireDetailsComponent?: ConfirmWireDetailsComponentType\n  showPayrollCancelledAlert?: boolean\n}\n\nexport function PayrollLanding(props: PayrollLandingProps) {\n  return (\n    <BaseComponent {...props}>\n      <PayrollLandingFlow {...props} />\n    </BaseComponent>\n  )\n}\n\nexport function 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":";;;;;;;;;AAsBO,SAASA,EAAeC,GAA4B;AACzD,SACE,gBAAAC,EAACC,KAAe,GAAGF,GACjB,4BAACG,GAAA,EAAoB,GAAGH,GAAO,EAAA,CACjC;AAEJ;AAEO,SAASG,EAAmB;AAAA,EACjC,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  /** 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 * @remarks\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 started a pending transition payroll | — |\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 * @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":";;;;;;;;;AAsDO,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;"}

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

@@ -1,24 +1,43 @@
 import { ConfirmWireDetailsComponentType } from '../ConfirmWireDetails/ConfirmWireDetails';
 import { BaseComponentInterface } from '../../Base/Base';
 import { FlowContextInterface } from '../../Flow/useFlow';
+/** @internal */
 export interface PayrollLandingFlowProps extends BaseComponentInterface<'Payroll.PayrollLanding'> {
+    /** @internal */
     companyId: string;
+    /** @internal */
     withReimbursements?: boolean;
+    /** @internal */
     ConfirmWireDetailsComponent?: ConfirmWireDetailsComponentType;
+    /** @internal */
     showPayrollCancelledAlert?: boolean;
 }
+/** @internal */
 export interface PayrollLandingFlowContextInterface extends FlowContextInterface {
+    /** @internal */
     component: (() => React.JSX.Element) | null;
+    /** @internal */
     companyId: string;
+    /** @internal */
     payrollUuid?: string;
+    /** @internal */
     previousState?: 'tabs' | 'overview';
+    /** @internal */
     selectedTab?: string;
+    /** @internal */
     withReimbursements: boolean;
+    /** @internal */
     ConfirmWireDetailsComponent?: ConfirmWireDetailsComponentType;
+    /** @internal */
     startDate?: string;
+    /** @internal */
     endDate?: string;
+    /** @internal */
     showPayrollCancelledAlert?: boolean;
 }
+/** @internal */
 export declare function PayrollLandingTabsContextual(): import("react").JSX.Element;
+/** @internal */
 export declare function PayrollLandingReceiptsContextual(): import("react").JSX.Element;
+/** @internal */
 export declare function PayrollLandingOverviewContextual(): import("react").JSX.Element;