@gusto/embedded-react-sdk 0.21.0 → 0.23.0-rc.1

package/dist/components/Payroll/ConfirmWireDetails/confirmWireDetailsStateMachine.d.ts

@@ -2,11 +2,11 @@ import { ConfirmationAlert } from './types';
 import { payrollWireEvents } from '../../../shared/constants';
 export type EventPayloads = {
     [payrollWireEvents.PAYROLL_WIRE_INSTRUCTIONS_SELECT]: {
-        selectedId: string;
+        selectedWireInId: string;
     };
     [payrollWireEvents.PAYROLL_WIRE_START_TRANSFER]: undefined;
     [payrollWireEvents.PAYROLL_WIRE_INSTRUCTIONS_DONE]: {
-        selectedId: string;
+        selectedWireInId: string;
     };
     [payrollWireEvents.PAYROLL_WIRE_FORM_DONE]: {
         confirmationAlert: ConfirmationAlert;

package/dist/components/Payroll/ConfirmWireDetails/confirmWireDetailsStateMachine.js

@@ -1,45 +1,45 @@
-import { state as i, transition as e, reduce as o } from "robot3";
-import { ConfirmWireDetailsFormContextual as a, WireInstructionsContextual as c } from "./ConfirmWireDetailsComponents.js";
-import { payrollWireEvents as r } from "../../../shared/constants.js";
+import { state as i, transition as e, reduce as r } from "robot3";
+import { ConfirmWireDetailsFormContextual as I, WireInstructionsContextual as a } from "./ConfirmWireDetailsComponents.js";
+import { payrollWireEvents as o } from "../../../shared/constants.js";
 const m = {
   banner: i(
     e(
-      r.PAYROLL_WIRE_START_TRANSFER,
+      o.PAYROLL_WIRE_START_TRANSFER,
       "wireInstructions",
-      o(
+      r(
         (n) => ({
           ...n,
-          component: c
+          component: a
         })
       )
     )
   ),
   wireInstructions: i(
     e(
-      r.PAYROLL_WIRE_INSTRUCTIONS_SELECT,
+      o.PAYROLL_WIRE_INSTRUCTIONS_SELECT,
       "wireInstructions",
-      o(
+      r(
         (n, t) => ({
           ...n,
-          selectedWireInId: t.payload.selectedId
+          selectedWireInId: t.payload.selectedWireInId
         })
       )
     ),
     e(
-      r.PAYROLL_WIRE_INSTRUCTIONS_DONE,
+      o.PAYROLL_WIRE_INSTRUCTIONS_DONE,
       "confirmForm",
-      o(
+      r(
         (n, t) => ({
           ...n,
-          component: a,
-          selectedWireInId: t.payload.selectedId
+          component: I,
+          selectedWireInId: t.payload.selectedWireInId
         })
       )
     ),
     e(
-      r.PAYROLL_WIRE_FORM_CANCEL,
+      o.PAYROLL_WIRE_FORM_CANCEL,
       "banner",
-      o(
+      r(
         (n) => ({
           ...n
         })
@@ -48,9 +48,9 @@ const m = {
   ),
   confirmForm: i(
     e(
-      r.PAYROLL_WIRE_FORM_DONE,
+      o.PAYROLL_WIRE_FORM_DONE,
       "banner",
-      o(
+      r(
         (n, t) => ({
           ...n,
           component: null,
@@ -59,9 +59,9 @@ const m = {
       )
     ),
     e(
-      r.PAYROLL_WIRE_FORM_CANCEL,
+      o.PAYROLL_WIRE_FORM_CANCEL,
       "banner",
-      o(
+      r(
         (n) => ({
           ...n,
           component: null

package/dist/components/Payroll/ConfirmWireDetails/confirmWireDetailsStateMachine.js.map

@@ -1 +1 @@
-{"version":3,"file":"confirmWireDetailsStateMachine.js","sources":["../../../../src/components/Payroll/ConfirmWireDetails/confirmWireDetailsStateMachine.tsx"],"sourcesContent":["import { state, transition, reduce } from 'robot3'\nimport type { ConfirmationAlert } from './types'\nimport type { ConfirmWireDetailsContextInterface } from './ConfirmWireDetailsComponents'\nimport {\n  WireInstructionsContextual,\n  ConfirmWireDetailsFormContextual,\n} from './ConfirmWireDetailsComponents'\nimport { payrollWireEvents } from '@/shared/constants'\nimport type { MachineEventType, MachineTransition } from '@/types/Helpers'\n\nexport type EventPayloads = {\n  [payrollWireEvents.PAYROLL_WIRE_INSTRUCTIONS_SELECT]: {\n    selectedId: string\n  }\n  [payrollWireEvents.PAYROLL_WIRE_START_TRANSFER]: undefined\n  [payrollWireEvents.PAYROLL_WIRE_INSTRUCTIONS_DONE]: {\n    selectedId: string\n  }\n  [payrollWireEvents.PAYROLL_WIRE_FORM_DONE]: {\n    confirmationAlert: ConfirmationAlert\n  }\n  [payrollWireEvents.PAYROLL_WIRE_FORM_CANCEL]: undefined\n}\n\nexport const confirmWireDetailsMachine = {\n  banner: state<MachineTransition>(\n    transition(\n      payrollWireEvents.PAYROLL_WIRE_START_TRANSFER,\n      'wireInstructions',\n      reduce(\n        (ctx: ConfirmWireDetailsContextInterface): ConfirmWireDetailsContextInterface => ({\n          ...ctx,\n          component: WireInstructionsContextual,\n        }),\n      ),\n    ),\n  ),\n  wireInstructions: state<MachineTransition>(\n    transition(\n      payrollWireEvents.PAYROLL_WIRE_INSTRUCTIONS_SELECT,\n      'wireInstructions',\n      reduce(\n        (\n          ctx: ConfirmWireDetailsContextInterface,\n          ev: MachineEventType<\n            EventPayloads,\n            typeof payrollWireEvents.PAYROLL_WIRE_INSTRUCTIONS_SELECT\n          >,\n        ): ConfirmWireDetailsContextInterface => ({\n          ...ctx,\n          selectedWireInId: ev.payload.selectedId,\n        }),\n      ),\n    ),\n    transition(\n      payrollWireEvents.PAYROLL_WIRE_INSTRUCTIONS_DONE,\n      'confirmForm',\n      reduce(\n        (\n          ctx: ConfirmWireDetailsContextInterface,\n          ev: MachineEventType<\n            EventPayloads,\n            typeof payrollWireEvents.PAYROLL_WIRE_INSTRUCTIONS_DONE\n          >,\n        ): ConfirmWireDetailsContextInterface => ({\n          ...ctx,\n          component: ConfirmWireDetailsFormContextual,\n          selectedWireInId: ev.payload.selectedId,\n        }),\n      ),\n    ),\n    transition(\n      payrollWireEvents.PAYROLL_WIRE_FORM_CANCEL,\n      'banner',\n      reduce(\n        (ctx: ConfirmWireDetailsContextInterface): ConfirmWireDetailsContextInterface => ({\n          ...ctx,\n        }),\n      ),\n    ),\n  ),\n  confirmForm: state<MachineTransition>(\n    transition(\n      payrollWireEvents.PAYROLL_WIRE_FORM_DONE,\n      'banner',\n      reduce(\n        (\n          ctx: ConfirmWireDetailsContextInterface,\n          ev: MachineEventType<EventPayloads, typeof payrollWireEvents.PAYROLL_WIRE_FORM_DONE>,\n        ): ConfirmWireDetailsContextInterface => ({\n          ...ctx,\n          component: null,\n          confirmationAlert: ev.payload.confirmationAlert,\n        }),\n      ),\n    ),\n    transition(\n      payrollWireEvents.PAYROLL_WIRE_FORM_CANCEL,\n      'banner',\n      reduce(\n        (ctx: ConfirmWireDetailsContextInterface): ConfirmWireDetailsContextInterface => ({\n          ...ctx,\n          component: null,\n        }),\n      ),\n    ),\n  ),\n  final: state<MachineTransition>(),\n}\n"],"names":["confirmWireDetailsMachine","state","transition","payrollWireEvents","reduce","ctx","WireInstructionsContextual","ev","ConfirmWireDetailsFormContextual"],"mappings":";;;AAwBO,MAAMA,IAA4B;AAAA,EACvC,QAAQC;AAAA,IACNC;AAAA,MACEC,EAAkB;AAAA,MAClB;AAAA,MACAC;AAAA,QACE,CAACC,OAAiF;AAAA,UAChF,GAAGA;AAAA,UACH,WAAWC;AAAA,QAAA;AAAA,MACb;AAAA,IACF;AAAA,EACF;AAAA,EAEF,kBAAkBL;AAAA,IAChBC;AAAA,MACEC,EAAkB;AAAA,MAClB;AAAA,MACAC;AAAA,QACE,CACEC,GACAE,OAIwC;AAAA,UACxC,GAAGF;AAAA,UACH,kBAAkBE,EAAG,QAAQ;AAAA,QAAA;AAAA,MAC/B;AAAA,IACF;AAAA,IAEFL;AAAA,MACEC,EAAkB;AAAA,MAClB;AAAA,MACAC;AAAA,QACE,CACEC,GACAE,OAIwC;AAAA,UACxC,GAAGF;AAAA,UACH,WAAWG;AAAA,UACX,kBAAkBD,EAAG,QAAQ;AAAA,QAAA;AAAA,MAC/B;AAAA,IACF;AAAA,IAEFL;AAAA,MACEC,EAAkB;AAAA,MAClB;AAAA,MACAC;AAAA,QACE,CAACC,OAAiF;AAAA,UAChF,GAAGA;AAAA,QAAA;AAAA,MACL;AAAA,IACF;AAAA,EACF;AAAA,EAEF,aAAaJ;AAAA,IACXC;AAAA,MACEC,EAAkB;AAAA,MAClB;AAAA,MACAC;AAAA,QACE,CACEC,GACAE,OACwC;AAAA,UACxC,GAAGF;AAAA,UACH,WAAW;AAAA,UACX,mBAAmBE,EAAG,QAAQ;AAAA,QAAA;AAAA,MAChC;AAAA,IACF;AAAA,IAEFL;AAAA,MACEC,EAAkB;AAAA,MAClB;AAAA,MACAC;AAAA,QACE,CAACC,OAAiF;AAAA,UAChF,GAAGA;AAAA,UACH,WAAW;AAAA,QAAA;AAAA,MACb;AAAA,IACF;AAAA,EACF;AAAA,EAEF,OAAOJ,EAAA;AACT;"}
+{"version":3,"file":"confirmWireDetailsStateMachine.js","sources":["../../../../src/components/Payroll/ConfirmWireDetails/confirmWireDetailsStateMachine.tsx"],"sourcesContent":["import { state, transition, reduce } from 'robot3'\nimport type { ConfirmationAlert } from './types'\nimport type { ConfirmWireDetailsContextInterface } from './ConfirmWireDetailsComponents'\nimport {\n  WireInstructionsContextual,\n  ConfirmWireDetailsFormContextual,\n} from './ConfirmWireDetailsComponents'\nimport { payrollWireEvents } from '@/shared/constants'\nimport type { MachineEventType, MachineTransition } from '@/types/Helpers'\n\nexport type EventPayloads = {\n  [payrollWireEvents.PAYROLL_WIRE_INSTRUCTIONS_SELECT]: {\n    selectedWireInId: string\n  }\n  [payrollWireEvents.PAYROLL_WIRE_START_TRANSFER]: undefined\n  [payrollWireEvents.PAYROLL_WIRE_INSTRUCTIONS_DONE]: {\n    selectedWireInId: string\n  }\n  [payrollWireEvents.PAYROLL_WIRE_FORM_DONE]: {\n    confirmationAlert: ConfirmationAlert\n  }\n  [payrollWireEvents.PAYROLL_WIRE_FORM_CANCEL]: undefined\n}\n\nexport const confirmWireDetailsMachine = {\n  banner: state<MachineTransition>(\n    transition(\n      payrollWireEvents.PAYROLL_WIRE_START_TRANSFER,\n      'wireInstructions',\n      reduce(\n        (ctx: ConfirmWireDetailsContextInterface): ConfirmWireDetailsContextInterface => ({\n          ...ctx,\n          component: WireInstructionsContextual,\n        }),\n      ),\n    ),\n  ),\n  wireInstructions: state<MachineTransition>(\n    transition(\n      payrollWireEvents.PAYROLL_WIRE_INSTRUCTIONS_SELECT,\n      'wireInstructions',\n      reduce(\n        (\n          ctx: ConfirmWireDetailsContextInterface,\n          ev: MachineEventType<\n            EventPayloads,\n            typeof payrollWireEvents.PAYROLL_WIRE_INSTRUCTIONS_SELECT\n          >,\n        ): ConfirmWireDetailsContextInterface => ({\n          ...ctx,\n          selectedWireInId: ev.payload.selectedWireInId,\n        }),\n      ),\n    ),\n    transition(\n      payrollWireEvents.PAYROLL_WIRE_INSTRUCTIONS_DONE,\n      'confirmForm',\n      reduce(\n        (\n          ctx: ConfirmWireDetailsContextInterface,\n          ev: MachineEventType<\n            EventPayloads,\n            typeof payrollWireEvents.PAYROLL_WIRE_INSTRUCTIONS_DONE\n          >,\n        ): ConfirmWireDetailsContextInterface => ({\n          ...ctx,\n          component: ConfirmWireDetailsFormContextual,\n          selectedWireInId: ev.payload.selectedWireInId,\n        }),\n      ),\n    ),\n    transition(\n      payrollWireEvents.PAYROLL_WIRE_FORM_CANCEL,\n      'banner',\n      reduce(\n        (ctx: ConfirmWireDetailsContextInterface): ConfirmWireDetailsContextInterface => ({\n          ...ctx,\n        }),\n      ),\n    ),\n  ),\n  confirmForm: state<MachineTransition>(\n    transition(\n      payrollWireEvents.PAYROLL_WIRE_FORM_DONE,\n      'banner',\n      reduce(\n        (\n          ctx: ConfirmWireDetailsContextInterface,\n          ev: MachineEventType<EventPayloads, typeof payrollWireEvents.PAYROLL_WIRE_FORM_DONE>,\n        ): ConfirmWireDetailsContextInterface => ({\n          ...ctx,\n          component: null,\n          confirmationAlert: ev.payload.confirmationAlert,\n        }),\n      ),\n    ),\n    transition(\n      payrollWireEvents.PAYROLL_WIRE_FORM_CANCEL,\n      'banner',\n      reduce(\n        (ctx: ConfirmWireDetailsContextInterface): ConfirmWireDetailsContextInterface => ({\n          ...ctx,\n          component: null,\n        }),\n      ),\n    ),\n  ),\n  final: state<MachineTransition>(),\n}\n"],"names":["confirmWireDetailsMachine","state","transition","payrollWireEvents","reduce","ctx","WireInstructionsContextual","ev","ConfirmWireDetailsFormContextual"],"mappings":";;;AAwBO,MAAMA,IAA4B;AAAA,EACvC,QAAQC;AAAA,IACNC;AAAA,MACEC,EAAkB;AAAA,MAClB;AAAA,MACAC;AAAA,QACE,CAACC,OAAiF;AAAA,UAChF,GAAGA;AAAA,UACH,WAAWC;AAAA,QAAA;AAAA,MACb;AAAA,IACF;AAAA,EACF;AAAA,EAEF,kBAAkBL;AAAA,IAChBC;AAAA,MACEC,EAAkB;AAAA,MAClB;AAAA,MACAC;AAAA,QACE,CACEC,GACAE,OAIwC;AAAA,UACxC,GAAGF;AAAA,UACH,kBAAkBE,EAAG,QAAQ;AAAA,QAAA;AAAA,MAC/B;AAAA,IACF;AAAA,IAEFL;AAAA,MACEC,EAAkB;AAAA,MAClB;AAAA,MACAC;AAAA,QACE,CACEC,GACAE,OAIwC;AAAA,UACxC,GAAGF;AAAA,UACH,WAAWG;AAAA,UACX,kBAAkBD,EAAG,QAAQ;AAAA,QAAA;AAAA,MAC/B;AAAA,IACF;AAAA,IAEFL;AAAA,MACEC,EAAkB;AAAA,MAClB;AAAA,MACAC;AAAA,QACE,CAACC,OAAiF;AAAA,UAChF,GAAGA;AAAA,QAAA;AAAA,MACL;AAAA,IACF;AAAA,EACF;AAAA,EAEF,aAAaJ;AAAA,IACXC;AAAA,MACEC,EAAkB;AAAA,MAClB;AAAA,MACAC;AAAA,QACE,CACEC,GACAE,OACwC;AAAA,UACxC,GAAGF;AAAA,UACH,WAAW;AAAA,UACX,mBAAmBE,EAAG,QAAQ;AAAA,QAAA;AAAA,MAChC;AAAA,IACF;AAAA,IAEFL;AAAA,MACEC,EAAkB;AAAA,MAClB;AAAA,MACAC;AAAA,QACE,CAACC,OAAiF;AAAA,UAChF,GAAGA;AAAA,UACH,WAAW;AAAA,QAAA;AAAA,MACb;AAAA,IACF;AAAA,EACF;AAAA,EAEF,OAAOJ,EAAA;AACT;"}

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

@@ -10,6 +10,7 @@ export type PayrollFlowAlert = {
     type: 'error' | 'info' | 'success';
     title: string;
     content?: ReactNode;
+    onDismiss?: () => void;
 };
 export interface PayrollFlowContextInterface extends FlowContextInterface {
     companyId: string;

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

@@ -1 +1 @@
-{"version":3,"file":"PayrollFlowComponents.js","sources":["../../../../src/components/Payroll/PayrollFlow/PayrollFlowComponents.tsx"],"sourcesContent":["import type { ReactNode } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport type { PayrollPayPeriodType } from '@gusto/embedded-api/models/components/payrollpayperiodtype'\nimport { PayrollLanding } from '../PayrollLanding/PayrollLanding'\nimport { PayrollConfiguration } from '../PayrollConfiguration/PayrollConfiguration'\nimport { PayrollOverview } from '../PayrollOverview/PayrollOverview'\nimport { PayrollEditEmployee } from '../PayrollEditEmployee/PayrollEditEmployee'\nimport { PayrollReceipts } from '../PayrollReceipts/PayrollReceipts'\nimport { PayrollBlocker } from '../PayrollBlocker/PayrollBlocker'\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}\n\nexport type PayrollFlowAlert = {\n  type: 'error' | 'info' | 'success'\n  title: string\n  content?: ReactNode\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}\n\nexport function PayrollLandingContextual() {\n  const { companyId, onEvent } = useFlow<PayrollFlowContextInterface>()\n  return <PayrollLanding onEvent={onEvent} companyId={ensureRequired(companyId)} />\n}\n\nexport function PayrollConfigurationContextual() {\n  const { companyId, payrollUuid, onEvent } = useFlow<PayrollFlowContextInterface>()\n  return (\n    <PayrollConfiguration\n      onEvent={onEvent}\n      companyId={ensureRequired(companyId)}\n      payrollId={ensureRequired(payrollUuid)}\n    />\n  )\n}\n\nexport function PayrollOverviewContextual() {\n  const { companyId, payrollUuid, onEvent, alerts } = useFlow<PayrollFlowContextInterface>()\n  return (\n    <PayrollOverview\n      onEvent={onEvent}\n      companyId={ensureRequired(companyId)}\n      payrollId={ensureRequired(payrollUuid)}\n      alerts={alerts}\n    />\n  )\n}\n\nexport function PayrollEditEmployeeContextual() {\n  const { companyId, payrollUuid, employeeId, onEvent } = useFlow<PayrollFlowContextInterface>()\n  return (\n    <PayrollEditEmployee\n      onEvent={onEvent}\n      companyId={ensureRequired(companyId)}\n      payrollId={ensureRequired(payrollUuid)}\n      employeeId={ensureRequired(employeeId)}\n    />\n  )\n}\n\nexport function PayrollReceiptsContextual() {\n  const { payrollUuid, onEvent } = useFlow<PayrollFlowContextInterface>()\n  return <PayrollReceipts onEvent={onEvent} payrollId={ensureRequired(payrollUuid)} />\n}\n\nexport function PayrollBlockerContextual() {\n  const { companyId, onEvent } = useFlow<PayrollFlowContextInterface>()\n  return <PayrollBlocker 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","useFlow","PayrollLanding","ensureRequired","PayrollConfigurationContextual","payrollUuid","jsx","PayrollConfiguration","PayrollOverviewContextual","alerts","PayrollOverview","PayrollEditEmployeeContextual","employeeId","PayrollEditEmployee","PayrollReceiptsContextual","PayrollReceipts","PayrollBlockerContextual","PayrollBlocker","SaveAndExitCta","ctaConfig","Button","useComponentContext","namespace","useI18n","t","useTranslation","componentEvents"],"mappings":";;;;;;;;;;;;;AAsCO,SAASA,IAA2B;AACzC,QAAM,EAAE,WAAAC,GAAW,SAAAC,EAAA,IAAYC,EAAA;AAC/B,2BAAQC,GAAA,EAAe,SAAAF,GAAkB,WAAWG,EAAeJ,CAAS,GAAG;AACjF;AAEO,SAASK,IAAiC;AAC/C,QAAM,EAAE,WAAAL,GAAW,aAAAM,GAAa,SAAAL,EAAA,IAAYC,EAAA;AAC5C,SACE,gBAAAK;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,SAAAP;AAAA,MACA,WAAWG,EAAeJ,CAAS;AAAA,MACnC,WAAWI,EAAeE,CAAW;AAAA,IAAA;AAAA,EAAA;AAG3C;AAEO,SAASG,IAA4B;AAC1C,QAAM,EAAE,WAAAT,GAAW,aAAAM,GAAa,SAAAL,GAAS,QAAAS,EAAA,IAAWR,EAAA;AACpD,SACE,gBAAAK;AAAA,IAACI;AAAA,IAAA;AAAA,MACC,SAAAV;AAAA,MACA,WAAWG,EAAeJ,CAAS;AAAA,MACnC,WAAWI,EAAeE,CAAW;AAAA,MACrC,QAAAI;AAAA,IAAA;AAAA,EAAA;AAGN;AAEO,SAASE,IAAgC;AAC9C,QAAM,EAAE,WAAAZ,GAAW,aAAAM,GAAa,YAAAO,GAAY,SAAAZ,EAAA,IAAYC,EAAA;AACxD,SACE,gBAAAK;AAAA,IAACO;AAAA,IAAA;AAAA,MACC,SAAAb;AAAA,MACA,WAAWG,EAAeJ,CAAS;AAAA,MACnC,WAAWI,EAAeE,CAAW;AAAA,MACrC,YAAYF,EAAeS,CAAU;AAAA,IAAA;AAAA,EAAA;AAG3C;AAEO,SAASE,IAA4B;AAC1C,QAAM,EAAE,aAAAT,GAAa,SAAAL,EAAA,IAAYC,EAAA;AACjC,2BAAQc,GAAA,EAAgB,SAAAf,GAAkB,WAAWG,EAAeE,CAAW,GAAG;AACpF;AAEO,SAASW,IAA2B;AACzC,QAAM,EAAE,WAAAjB,GAAW,SAAAC,EAAA,IAAYC,EAAA;AAC/B,2BAAQgB,GAAA,EAAe,SAAAjB,GAAkB,WAAWG,EAAeJ,CAAS,GAAG;AACjF;AAEO,SAASmB,IAAiB;AAC/B,QAAM,EAAE,SAAAlB,GAAS,WAAAmB,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,gBAAAb;AAAA,IAACc;AAAA,IAAA;AAAA,MACC,SAAS,MAAM;AACb,QAAApB,EAAQ0B,EAAgB,iBAAiB;AAAA,MAC3C;AAAA,MACA,SAAQ;AAAA,MAEP,UAAAF,EAAEL,EAAU,QAAiB;AAAA,IAAA;AAAA,EAAA,IATD;AAYnC;"}
+{"version":3,"file":"PayrollFlowComponents.js","sources":["../../../../src/components/Payroll/PayrollFlow/PayrollFlowComponents.tsx"],"sourcesContent":["import type { ReactNode } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport type { PayrollPayPeriodType } from '@gusto/embedded-api/models/components/payrollpayperiodtype'\nimport { PayrollLanding } from '../PayrollLanding/PayrollLanding'\nimport { PayrollConfiguration } from '../PayrollConfiguration/PayrollConfiguration'\nimport { PayrollOverview } from '../PayrollOverview/PayrollOverview'\nimport { PayrollEditEmployee } from '../PayrollEditEmployee/PayrollEditEmployee'\nimport { PayrollReceipts } from '../PayrollReceipts/PayrollReceipts'\nimport { PayrollBlocker } from '../PayrollBlocker/PayrollBlocker'\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}\n\nexport type PayrollFlowAlert = {\n  type: 'error' | 'info' | 'success'\n  title: string\n  content?: ReactNode\n  onDismiss?: () => void\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}\n\nexport function PayrollLandingContextual() {\n  const { companyId, onEvent } = useFlow<PayrollFlowContextInterface>()\n  return <PayrollLanding onEvent={onEvent} companyId={ensureRequired(companyId)} />\n}\n\nexport function PayrollConfigurationContextual() {\n  const { companyId, payrollUuid, onEvent } = useFlow<PayrollFlowContextInterface>()\n  return (\n    <PayrollConfiguration\n      onEvent={onEvent}\n      companyId={ensureRequired(companyId)}\n      payrollId={ensureRequired(payrollUuid)}\n    />\n  )\n}\n\nexport function PayrollOverviewContextual() {\n  const { companyId, payrollUuid, onEvent, alerts } = useFlow<PayrollFlowContextInterface>()\n  return (\n    <PayrollOverview\n      onEvent={onEvent}\n      companyId={ensureRequired(companyId)}\n      payrollId={ensureRequired(payrollUuid)}\n      alerts={alerts}\n    />\n  )\n}\n\nexport function PayrollEditEmployeeContextual() {\n  const { companyId, payrollUuid, employeeId, onEvent } = useFlow<PayrollFlowContextInterface>()\n  return (\n    <PayrollEditEmployee\n      onEvent={onEvent}\n      companyId={ensureRequired(companyId)}\n      payrollId={ensureRequired(payrollUuid)}\n      employeeId={ensureRequired(employeeId)}\n    />\n  )\n}\n\nexport function PayrollReceiptsContextual() {\n  const { payrollUuid, onEvent } = useFlow<PayrollFlowContextInterface>()\n  return <PayrollReceipts onEvent={onEvent} payrollId={ensureRequired(payrollUuid)} />\n}\n\nexport function PayrollBlockerContextual() {\n  const { companyId, onEvent } = useFlow<PayrollFlowContextInterface>()\n  return <PayrollBlocker 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","useFlow","PayrollLanding","ensureRequired","PayrollConfigurationContextual","payrollUuid","jsx","PayrollConfiguration","PayrollOverviewContextual","alerts","PayrollOverview","PayrollEditEmployeeContextual","employeeId","PayrollEditEmployee","PayrollReceiptsContextual","PayrollReceipts","PayrollBlockerContextual","PayrollBlocker","SaveAndExitCta","ctaConfig","Button","useComponentContext","namespace","useI18n","t","useTranslation","componentEvents"],"mappings":";;;;;;;;;;;;;AAuCO,SAASA,IAA2B;AACzC,QAAM,EAAE,WAAAC,GAAW,SAAAC,EAAA,IAAYC,EAAA;AAC/B,2BAAQC,GAAA,EAAe,SAAAF,GAAkB,WAAWG,EAAeJ,CAAS,GAAG;AACjF;AAEO,SAASK,IAAiC;AAC/C,QAAM,EAAE,WAAAL,GAAW,aAAAM,GAAa,SAAAL,EAAA,IAAYC,EAAA;AAC5C,SACE,gBAAAK;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,SAAAP;AAAA,MACA,WAAWG,EAAeJ,CAAS;AAAA,MACnC,WAAWI,EAAeE,CAAW;AAAA,IAAA;AAAA,EAAA;AAG3C;AAEO,SAASG,IAA4B;AAC1C,QAAM,EAAE,WAAAT,GAAW,aAAAM,GAAa,SAAAL,GAAS,QAAAS,EAAA,IAAWR,EAAA;AACpD,SACE,gBAAAK;AAAA,IAACI;AAAA,IAAA;AAAA,MACC,SAAAV;AAAA,MACA,WAAWG,EAAeJ,CAAS;AAAA,MACnC,WAAWI,EAAeE,CAAW;AAAA,MACrC,QAAAI;AAAA,IAAA;AAAA,EAAA;AAGN;AAEO,SAASE,IAAgC;AAC9C,QAAM,EAAE,WAAAZ,GAAW,aAAAM,GAAa,YAAAO,GAAY,SAAAZ,EAAA,IAAYC,EAAA;AACxD,SACE,gBAAAK;AAAA,IAACO;AAAA,IAAA;AAAA,MACC,SAAAb;AAAA,MACA,WAAWG,EAAeJ,CAAS;AAAA,MACnC,WAAWI,EAAeE,CAAW;AAAA,MACrC,YAAYF,EAAeS,CAAU;AAAA,IAAA;AAAA,EAAA;AAG3C;AAEO,SAASE,IAA4B;AAC1C,QAAM,EAAE,aAAAT,GAAa,SAAAL,EAAA,IAAYC,EAAA;AACjC,2BAAQc,GAAA,EAAgB,SAAAf,GAAkB,WAAWG,EAAeE,CAAW,GAAG;AACpF;AAEO,SAASW,IAA2B;AACzC,QAAM,EAAE,WAAAjB,GAAW,SAAAC,EAAA,IAAYC,EAAA;AAC/B,2BAAQgB,GAAA,EAAe,SAAAjB,GAAkB,WAAWG,EAAeJ,CAAS,GAAG;AACjF;AAEO,SAASmB,IAAiB;AAC/B,QAAM,EAAE,SAAAlB,GAAS,WAAAmB,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,gBAAAb;AAAA,IAACc;AAAA,IAAA;AAAA,MACC,SAAS,MAAM;AACb,QAAApB,EAAQ0B,EAAgB,iBAAiB;AAAA,MAC3C;AAAA,MACA,SAAQ;AAAA,MAEP,UAAAF,EAAEL,EAAU,QAAiB;AAAA,IAAA;AAAA,EAAA,IATD;AAYnC;"}

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

@@ -1,19 +1,20 @@
-import { state as i, transition as o, reduce as r, guard as g } from "robot3";
-import { PayrollConfigurationContextual as p, PayrollOverviewContextual as s, PayrollEditEmployeeContextual as b, PayrollBlockerContextual as u, PayrollLandingContextual as m, PayrollReceiptsContextual as P } from "./PayrollFlowComponents.js";
+import { state as i, transition as o, reduce as r } from "robot3";
+import { PayrollConfigurationContextual as p, PayrollOverviewContextual as s, PayrollEditEmployeeContextual as u, PayrollBlockerContextual as m, PayrollLandingContextual as c, PayrollReceiptsContextual as P } from "./PayrollFlowComponents.js";
 import { componentEvents as l } from "../../../shared/constants.js";
-import { updateBreadcrumbs as n } from "../../../helpers/breadcrumbHelpers.js";
-const v = {
+import { updateBreadcrumbs as t } from "../../../helpers/breadcrumbHelpers.js";
+import { createBreadcrumbNavigateTransition as g } from "../../Common/FlowBreadcrumbs/breadcrumbTransitionHelpers.js";
+const D = {
   landing: {
     parent: null,
     item: {
       id: "landing",
       label: "labels.breadcrumbLabel",
       namespace: "Payroll.PayrollLanding",
-      onNavigate: ((e) => ({
-        ...e,
+      onNavigate: ((a) => ({
+        ...a,
         currentBreadcrumb: "landing",
         progressBarType: null,
-        component: m
+        component: c
       }))
     }
   },
@@ -23,9 +24,13 @@ const v = {
       id: "configuration",
       label: "breadcrumbLabel",
       namespace: "Payroll.PayrollConfiguration",
-      onNavigate: ((e) => ({
-        ...n("configuration", e),
-        component: p
+      onNavigate: ((a) => ({
+        ...t("configuration", a, {
+          startDate: a.payPeriod?.startDate ?? "",
+          endDate: a.payPeriod?.endDate ?? ""
+        }),
+        component: p,
+        alerts: void 0
       }))
     }
   },
@@ -35,8 +40,11 @@ const v = {
       id: "overview",
       label: "breadcrumbLabel",
       namespace: "Payroll.PayrollOverview",
-      onNavigate: ((e) => ({
-        ...n("overview", e),
+      onNavigate: ((a) => ({
+        ...t("overview", a, {
+          startDate: a.payPeriod?.startDate ?? "",
+          endDate: a.payPeriod?.endDate ?? ""
+        }),
         component: s,
         alerts: void 0
       }))
@@ -66,42 +74,34 @@ const v = {
       namespace: "Payroll.PayrollBlocker"
     }
   }
-}, d = (e) => (a) => ({
-  ...a,
-  ...e
-}), t = (e) => o(
-  l.BREADCRUMB_NAVIGATE,
-  e,
-  g(
-    (a, y) => y.payload.key === e
-  ),
-  r(
-    (a, y) => y.payload.onNavigate(a)
-  )
-), c = o(
+}, d = (a) => (e) => ({
+  ...e,
+  ...a
+}), n = g(), y = o(
   l.PAYROLL_EXIT_FLOW,
   "landing",
   r(
     d({
-      component: m,
+      component: c,
       progressBarType: null,
       currentBreadcrumbId: "landing",
       alerts: void 0
     })
   )
-), R = {
+), v = {
   landing: i(
     o(
       l.RUN_PAYROLL_SELECTED,
       "configuration",
       r(
-        (e, a) => ({
-          ...n("configuration", e, {
-            startDate: a.payload.payPeriod.startDate ?? "",
-            endDate: a.payload.payPeriod.endDate ?? ""
+        (a, e) => ({
+          ...t("configuration", a, {
+            startDate: e.payload.payPeriod.startDate ?? "",
+            endDate: e.payload.payPeriod.endDate ?? ""
           }),
           component: p,
-          payrollUuid: a.payload.payrollUuid,
+          payrollUuid: e.payload.payrollUuid,
+          payPeriod: e.payload.payPeriod,
           progressBarType: "breadcrumbs",
           ctaConfig: {
             labelKey: "exitFlowCta",
@@ -114,13 +114,14 @@ const v = {
       l.REVIEW_PAYROLL,
       "overview",
       r(
-        (e, a) => ({
-          ...n("overview", e, {
-            startDate: a.payload.payPeriod.startDate ?? "",
-            endDate: a.payload.payPeriod.endDate ?? ""
+        (a, e) => ({
+          ...t("overview", a, {
+            startDate: e.payload.payPeriod.startDate ?? "",
+            endDate: e.payload.payPeriod.endDate ?? ""
           }),
           component: s,
-          payrollUuid: a.payload.payrollUuid,
+          payrollUuid: e.payload.payrollUuid,
+          payPeriod: e.payload.payPeriod,
           progressBarType: "breadcrumbs",
           ctaConfig: {
             labelKey: "exitFlowCta",
@@ -134,7 +135,7 @@ const v = {
       "blockers",
       r(
         d({
-          component: u,
+          component: m,
           progressBarType: "breadcrumbs",
           ctaConfig: {
             labelKey: "exitFlowCta",
@@ -145,18 +146,19 @@ const v = {
     )
   ),
   configuration: i(
-    t("landing"),
+    n("landing"),
     o(
       l.RUN_PAYROLL_CALCULATED,
       "overview",
       r(
-        (e, a) => ({
-          ...n("overview", e, {
-            startDate: a.payload.payPeriod?.startDate ?? "",
-            endDate: a.payload.payPeriod?.endDate ?? ""
+        (a, e) => ({
+          ...t("overview", a, {
+            startDate: e.payload.payPeriod?.startDate ?? "",
+            endDate: e.payload.payPeriod?.endDate ?? ""
           }),
           component: s,
-          alerts: a.payload.alert ? [...e.alerts ?? [], a.payload.alert] : e.alerts,
+          payPeriod: e.payload.payPeriod ?? a.payPeriod,
+          alerts: e.payload.alert ? [...a.alerts ?? [], e.payload.alert] : a.alerts,
           ctaConfig: {
             labelKey: "exitFlowCta",
             namespace: "Payroll.PayrollOverview"
@@ -168,16 +170,18 @@ const v = {
       l.RUN_PAYROLL_EMPLOYEE_EDIT,
       "editEmployee",
       r(
-        (e, a) => ({
-          ...n("editEmployee", e, {
-            firstName: a.payload.firstName,
-            lastName: a.payload.lastName
+        (a, e) => ({
+          ...t("editEmployee", a, {
+            firstName: e.payload.firstName,
+            lastName: e.payload.lastName,
+            startDate: a.payPeriod?.startDate ?? "",
+            endDate: a.payPeriod?.endDate ?? ""
           }),
           progressBarType: "breadcrumbs",
-          component: b,
-          employeeId: a.payload.employeeId,
-          firstName: a.payload.firstName,
-          lastName: a.payload.lastName,
+          component: u,
+          employeeId: e.payload.employeeId,
+          firstName: e.payload.firstName,
+          lastName: e.payload.lastName,
           ctaConfig: null
           // This state does not have exit cta in breadcrumbs
         })
@@ -187,23 +191,26 @@ const v = {
       l.RUN_PAYROLL_BLOCKERS_VIEW_ALL,
       "blockers",
       r(
-        (e, a) => ({
-          ...n("blockers", e),
-          component: u
+        (a, e) => ({
+          ...t("blockers", a),
+          component: m
         })
       )
     ),
-    c
+    y
   ),
   overview: i(
-    t("landing"),
-    t("configuration"),
+    n("landing"),
+    n("configuration"),
     o(
       l.RUN_PAYROLL_EDIT,
       "configuration",
       r(
-        (e, a) => ({
-          ...n("configuration", e),
+        (a, e) => ({
+          ...t("configuration", a, {
+            startDate: a.payPeriod?.startDate ?? "",
+            endDate: a.payPeriod?.endDate ?? ""
+          }),
           component: p,
           alerts: void 0,
           ctaConfig: {
@@ -233,18 +240,18 @@ const v = {
       "landing",
       r(
         d({
-          component: m,
+          component: c,
           progressBarType: null,
           alerts: void 0,
           currentBreadcrumbId: "landing"
         })
       )
     ),
-    c
+    y
   ),
   editEmployee: i(
-    t("landing"),
-    t("configuration"),
+    n("landing"),
+    n("configuration"),
     o(
       l.RUN_PAYROLL_EMPLOYEE_SAVED,
       "configuration",
@@ -280,11 +287,11 @@ const v = {
       )
     )
   ),
-  receipts: i(t("landing"), c),
-  blockers: i(t("landing"), c)
+  receipts: i(n("landing"), y),
+  blockers: i(n("landing"), y)
 };
 export {
-  v as payrollFlowBreadcrumbsNodes,
-  R as payrollMachine
+  D as payrollFlowBreadcrumbsNodes,
+  v as payrollMachine
 };
 //# sourceMappingURL=payrollStateMachine.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"payrollStateMachine.js","sources":["../../../../src/components/Payroll/PayrollFlow/payrollStateMachine.ts"],"sourcesContent":["import { transition, reduce, state, guard } from 'robot3'\nimport type { PayrollPayPeriodType } from '@gusto/embedded-api/models/components/payrollpayperiodtype'\nimport type { PayrollFlowAlert } from './PayrollFlowComponents'\nimport {\n  PayrollConfigurationContextual,\n  PayrollOverviewContextual,\n  PayrollEditEmployeeContextual,\n  PayrollReceiptsContextual,\n  PayrollBlockerContextual,\n  type PayrollFlowContextInterface,\n  PayrollLandingContextual,\n} from './PayrollFlowComponents'\nimport { componentEvents } from '@/shared/constants'\nimport type { MachineEventType, MachineTransition } from '@/types/Helpers'\nimport { updateBreadcrumbs } from '@/helpers/breadcrumbHelpers'\nimport type { BreadcrumbNodes } from '@/components/Common/FlowBreadcrumbs/FlowBreadcrumbsTypes'\n\ntype EventPayloads = {\n  [componentEvents.RUN_PAYROLL_SELECTED]: {\n    payrollUuid: string\n    payPeriod: PayrollPayPeriodType\n  }\n  [componentEvents.REVIEW_PAYROLL]: {\n    payrollUuid: string\n    payPeriod: PayrollPayPeriodType\n  }\n  [componentEvents.RUN_PAYROLL_EMPLOYEE_EDIT]: {\n    employeeId: string\n    firstName: string\n    lastName: string\n  }\n  [componentEvents.RUN_PAYROLL_CALCULATED]: {\n    payrollUuid: string\n    alert?: PayrollFlowAlert\n    payPeriod?: PayrollPayPeriodType\n  }\n  [componentEvents.BREADCRUMB_NAVIGATE]: {\n    key: string\n    onNavigate: (ctx: PayrollFlowContextInterface) => PayrollFlowContextInterface\n  }\n  [componentEvents.RUN_PAYROLL_BLOCKERS_VIEW_ALL]: undefined\n  [componentEvents.RUN_PAYROLL_EDIT]: undefined\n}\n\nexport const payrollFlowBreadcrumbsNodes: BreadcrumbNodes = {\n  landing: {\n    parent: null,\n    item: {\n      id: 'landing',\n      label: 'labels.breadcrumbLabel',\n      namespace: 'Payroll.PayrollLanding',\n      onNavigate: ((ctx: PayrollFlowContextInterface) => ({\n        ...ctx,\n        currentBreadcrumb: 'landing',\n        progressBarType: null,\n        component: PayrollLandingContextual,\n      })) as (context: unknown) => unknown,\n    },\n  },\n  configuration: {\n    parent: 'landing',\n    item: {\n      id: 'configuration',\n      label: 'breadcrumbLabel',\n      namespace: 'Payroll.PayrollConfiguration',\n      onNavigate: ((ctx: PayrollFlowContextInterface) => ({\n        ...updateBreadcrumbs('configuration', ctx),\n        component: PayrollConfigurationContextual,\n      })) as (context: unknown) => unknown,\n    },\n  },\n  overview: {\n    parent: 'configuration',\n    item: {\n      id: 'overview',\n      label: 'breadcrumbLabel',\n      namespace: 'Payroll.PayrollOverview',\n      onNavigate: ((ctx: PayrollFlowContextInterface) => ({\n        ...updateBreadcrumbs('overview', ctx),\n        component: PayrollOverviewContextual,\n        alerts: undefined,\n      })) as (context: unknown) => unknown,\n    },\n  },\n  editEmployee: {\n    parent: 'configuration',\n    item: {\n      id: 'editEmployee',\n      label: 'breadcrumbLabel',\n      namespace: 'Payroll.PayrollEditEmployee',\n    },\n  },\n  receipts: {\n    parent: 'overview',\n    item: {\n      id: 'receipts',\n      label: 'breadcrumbLabel',\n      namespace: 'Payroll.PayrollReceipts',\n    },\n  },\n  blockers: {\n    parent: 'landing',\n    item: {\n      id: 'blockers',\n      label: 'breadcrumbLabel',\n      namespace: 'Payroll.PayrollBlocker',\n    },\n  },\n} as const\n\nconst createReducer = (props: Partial<PayrollFlowContextInterface>) => {\n  return (ctx: PayrollFlowContextInterface): PayrollFlowContextInterface => ({\n    ...ctx,\n    ...props,\n  })\n}\n\nconst breadcrumbNavigateTransition = (targetState: string) =>\n  transition(\n    componentEvents.BREADCRUMB_NAVIGATE,\n    targetState,\n    guard(\n      (ctx: PayrollFlowContextInterface, ev: { payload: { key: string } }) =>\n        ev.payload.key === targetState,\n    ),\n    reduce(\n      (\n        ctx: PayrollFlowContextInterface,\n        ev: MachineEventType<EventPayloads, typeof componentEvents.BREADCRUMB_NAVIGATE>,\n      ): PayrollFlowContextInterface => ev.payload.onNavigate(ctx),\n    ),\n  )\n\nconst exitFlowTransition = transition(\n  componentEvents.PAYROLL_EXIT_FLOW,\n  'landing',\n  reduce(\n    createReducer({\n      component: PayrollLandingContextual,\n      progressBarType: null,\n      currentBreadcrumbId: 'landing',\n      alerts: undefined,\n    }),\n  ),\n)\n\nexport const payrollMachine = {\n  landing: state<MachineTransition>(\n    transition(\n      componentEvents.RUN_PAYROLL_SELECTED,\n      'configuration',\n      reduce(\n        (\n          ctx: PayrollFlowContextInterface,\n          ev: MachineEventType<EventPayloads, typeof componentEvents.RUN_PAYROLL_SELECTED>,\n        ): PayrollFlowContextInterface => {\n          return {\n            ...updateBreadcrumbs('configuration', ctx, {\n              startDate: ev.payload.payPeriod.startDate ?? '',\n              endDate: ev.payload.payPeriod.endDate ?? '',\n            }),\n            component: PayrollConfigurationContextual,\n            payrollUuid: ev.payload.payrollUuid,\n            progressBarType: 'breadcrumbs',\n            ctaConfig: {\n              labelKey: 'exitFlowCta',\n              namespace: 'Payroll.PayrollConfiguration',\n            },\n          }\n        },\n      ),\n    ),\n    transition(\n      componentEvents.REVIEW_PAYROLL,\n      'overview',\n      reduce(\n        (\n          ctx: PayrollFlowContextInterface,\n          ev: MachineEventType<EventPayloads, typeof componentEvents.REVIEW_PAYROLL>,\n        ): PayrollFlowContextInterface => {\n          return {\n            ...updateBreadcrumbs('overview', ctx, {\n              startDate: ev.payload.payPeriod.startDate ?? '',\n              endDate: ev.payload.payPeriod.endDate ?? '',\n            }),\n            component: PayrollOverviewContextual,\n            payrollUuid: ev.payload.payrollUuid,\n            progressBarType: 'breadcrumbs',\n            ctaConfig: {\n              labelKey: 'exitFlowCta',\n              namespace: 'Payroll.PayrollOverview',\n            },\n          }\n        },\n      ),\n    ),\n    transition(\n      componentEvents.RUN_PAYROLL_BLOCKERS_VIEW_ALL,\n      'blockers',\n      reduce(\n        createReducer({\n          component: PayrollBlockerContextual,\n          progressBarType: 'breadcrumbs',\n          ctaConfig: {\n            labelKey: 'exitFlowCta',\n            namespace: 'Payroll.PayrollBlocker',\n          },\n        }),\n      ),\n    ),\n  ),\n  configuration: state<MachineTransition>(\n    breadcrumbNavigateTransition('landing'),\n    transition(\n      componentEvents.RUN_PAYROLL_CALCULATED,\n      'overview',\n      reduce(\n        (\n          ctx: PayrollFlowContextInterface,\n          ev: MachineEventType<EventPayloads, typeof componentEvents.RUN_PAYROLL_CALCULATED>,\n        ): PayrollFlowContextInterface => {\n          return {\n            ...updateBreadcrumbs('overview', ctx, {\n              startDate: ev.payload.payPeriod?.startDate ?? '',\n              endDate: ev.payload.payPeriod?.endDate ?? '',\n            }),\n            component: PayrollOverviewContextual,\n            alerts: ev.payload.alert ? [...(ctx.alerts ?? []), ev.payload.alert] : ctx.alerts,\n            ctaConfig: {\n              labelKey: 'exitFlowCta',\n              namespace: 'Payroll.PayrollOverview',\n            },\n          }\n        },\n      ),\n    ),\n    transition(\n      componentEvents.RUN_PAYROLL_EMPLOYEE_EDIT,\n      'editEmployee',\n      reduce(\n        (\n          ctx: PayrollFlowContextInterface,\n          ev: MachineEventType<EventPayloads, typeof componentEvents.RUN_PAYROLL_EMPLOYEE_EDIT>,\n        ): PayrollFlowContextInterface => {\n          return {\n            ...updateBreadcrumbs('editEmployee', ctx, {\n              firstName: ev.payload.firstName,\n              lastName: ev.payload.lastName,\n            }),\n            progressBarType: 'breadcrumbs',\n            component: PayrollEditEmployeeContextual,\n            employeeId: ev.payload.employeeId,\n            firstName: ev.payload.firstName,\n            lastName: ev.payload.lastName,\n            ctaConfig: null, // This state does not have exit cta in breadcrumbs\n          }\n        },\n      ),\n    ),\n    transition(\n      componentEvents.RUN_PAYROLL_BLOCKERS_VIEW_ALL,\n      'blockers',\n      reduce(\n        (\n          ctx: PayrollFlowContextInterface,\n          ev: MachineEventType<EventPayloads, typeof componentEvents.RUN_PAYROLL_BLOCKERS_VIEW_ALL>,\n        ): PayrollFlowContextInterface => {\n          return {\n            ...updateBreadcrumbs('blockers', ctx),\n            component: PayrollBlockerContextual,\n          }\n        },\n      ),\n    ),\n    exitFlowTransition,\n  ),\n  overview: state<MachineTransition>(\n    breadcrumbNavigateTransition('landing'),\n    breadcrumbNavigateTransition('configuration'),\n    transition(\n      componentEvents.RUN_PAYROLL_EDIT,\n      'configuration',\n      reduce(\n        (\n          ctx: PayrollFlowContextInterface,\n          ev: MachineEventType<EventPayloads, typeof componentEvents.RUN_PAYROLL_EDIT>,\n        ): PayrollFlowContextInterface => {\n          return {\n            ...updateBreadcrumbs('configuration', ctx),\n            component: PayrollConfigurationContextual,\n            alerts: undefined,\n            ctaConfig: {\n              labelKey: 'exitFlowCta',\n              namespace: 'Payroll.PayrollConfiguration',\n            },\n          }\n        },\n      ),\n    ),\n\n    transition(\n      componentEvents.RUN_PAYROLL_RECEIPT_GET,\n      'receipts',\n      reduce(\n        createReducer({\n          component: PayrollReceiptsContextual,\n          progressBarType: 'breadcrumbs',\n          alerts: undefined,\n          ctaConfig: {\n            labelKey: 'exitFlowCta',\n            namespace: 'Payroll.PayrollReceipts',\n          },\n        }),\n      ),\n    ),\n    transition(\n      componentEvents.RUN_PAYROLL_CANCELLED,\n      'landing',\n      reduce(\n        createReducer({\n          component: PayrollLandingContextual,\n          progressBarType: null,\n          alerts: undefined,\n          currentBreadcrumbId: 'landing',\n        }),\n      ),\n    ),\n    exitFlowTransition,\n  ),\n  editEmployee: state<MachineTransition>(\n    breadcrumbNavigateTransition('landing'),\n    breadcrumbNavigateTransition('configuration'),\n    transition(\n      componentEvents.RUN_PAYROLL_EMPLOYEE_SAVED,\n      'configuration',\n      reduce(\n        createReducer({\n          currentBreadcrumbId: 'configuration',\n          component: PayrollConfigurationContextual,\n          employeeId: undefined,\n          firstName: undefined,\n          lastName: undefined,\n          ctaConfig: {\n            labelKey: 'exitFlowCta',\n            namespace: 'Payroll.PayrollConfiguration',\n          },\n        }),\n      ),\n    ),\n    transition(\n      componentEvents.RUN_PAYROLL_EMPLOYEE_CANCELLED,\n      'configuration',\n      reduce(\n        createReducer({\n          currentBreadcrumbId: 'configuration',\n          component: PayrollConfigurationContextual,\n          employeeId: undefined,\n          firstName: undefined,\n          lastName: undefined,\n          ctaConfig: {\n            labelKey: 'exitFlowCta',\n            namespace: 'Payroll.PayrollConfiguration',\n          },\n        }),\n      ),\n    ),\n  ),\n  receipts: state<MachineTransition>(breadcrumbNavigateTransition('landing'), exitFlowTransition),\n  blockers: state<MachineTransition>(breadcrumbNavigateTransition('landing'), exitFlowTransition),\n}\n"],"names":["payrollFlowBreadcrumbsNodes","ctx","PayrollLandingContextual","updateBreadcrumbs","PayrollConfigurationContextual","PayrollOverviewContextual","createReducer","props","breadcrumbNavigateTransition","targetState","transition","componentEvents","guard","ev","reduce","exitFlowTransition","payrollMachine","state","PayrollBlockerContextual","PayrollEditEmployeeContextual","PayrollReceiptsContextual"],"mappings":"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"}
+{"version":3,"file":"payrollStateMachine.js","sources":["../../../../src/components/Payroll/PayrollFlow/payrollStateMachine.ts"],"sourcesContent":["import { transition, reduce, state } from 'robot3'\nimport type { PayrollPayPeriodType } from '@gusto/embedded-api/models/components/payrollpayperiodtype'\nimport type { PayrollFlowAlert } from './PayrollFlowComponents'\nimport {\n  PayrollConfigurationContextual,\n  PayrollOverviewContextual,\n  PayrollEditEmployeeContextual,\n  PayrollReceiptsContextual,\n  PayrollBlockerContextual,\n  type PayrollFlowContextInterface,\n  PayrollLandingContextual,\n} from './PayrollFlowComponents'\nimport { componentEvents } from '@/shared/constants'\nimport type { MachineEventType, MachineTransition } from '@/types/Helpers'\nimport { updateBreadcrumbs } from '@/helpers/breadcrumbHelpers'\nimport type { BreadcrumbNodes } from '@/components/Common/FlowBreadcrumbs/FlowBreadcrumbsTypes'\nimport { createBreadcrumbNavigateTransition } from '@/components/Common/FlowBreadcrumbs/breadcrumbTransitionHelpers'\n\ntype EventPayloads = {\n  [componentEvents.RUN_PAYROLL_SELECTED]: {\n    payrollUuid: string\n    payPeriod: PayrollPayPeriodType\n  }\n  [componentEvents.REVIEW_PAYROLL]: {\n    payrollUuid: string\n    payPeriod: PayrollPayPeriodType\n  }\n  [componentEvents.RUN_PAYROLL_EMPLOYEE_EDIT]: {\n    employeeId: string\n    firstName: string\n    lastName: string\n  }\n  [componentEvents.RUN_PAYROLL_CALCULATED]: {\n    payrollUuid: string\n    alert?: PayrollFlowAlert\n    payPeriod?: PayrollPayPeriodType\n  }\n  [componentEvents.BREADCRUMB_NAVIGATE]: {\n    key: string\n    onNavigate: (ctx: PayrollFlowContextInterface) => PayrollFlowContextInterface\n  }\n  [componentEvents.RUN_PAYROLL_BLOCKERS_VIEW_ALL]: undefined\n  [componentEvents.RUN_PAYROLL_EDIT]: undefined\n}\n\nexport const payrollFlowBreadcrumbsNodes: BreadcrumbNodes = {\n  landing: {\n    parent: null,\n    item: {\n      id: 'landing',\n      label: 'labels.breadcrumbLabel',\n      namespace: 'Payroll.PayrollLanding',\n      onNavigate: ((ctx: PayrollFlowContextInterface) => ({\n        ...ctx,\n        currentBreadcrumb: 'landing',\n        progressBarType: null,\n        component: PayrollLandingContextual,\n      })) as (context: unknown) => unknown,\n    },\n  },\n  configuration: {\n    parent: 'landing',\n    item: {\n      id: 'configuration',\n      label: 'breadcrumbLabel',\n      namespace: 'Payroll.PayrollConfiguration',\n      onNavigate: ((ctx: PayrollFlowContextInterface) => ({\n        ...updateBreadcrumbs('configuration', ctx, {\n          startDate: ctx.payPeriod?.startDate ?? '',\n          endDate: ctx.payPeriod?.endDate ?? '',\n        }),\n        component: PayrollConfigurationContextual,\n        alerts: undefined,\n      })) as (context: unknown) => unknown,\n    },\n  },\n  overview: {\n    parent: 'configuration',\n    item: {\n      id: 'overview',\n      label: 'breadcrumbLabel',\n      namespace: 'Payroll.PayrollOverview',\n      onNavigate: ((ctx: PayrollFlowContextInterface) => ({\n        ...updateBreadcrumbs('overview', ctx, {\n          startDate: ctx.payPeriod?.startDate ?? '',\n          endDate: ctx.payPeriod?.endDate ?? '',\n        }),\n        component: PayrollOverviewContextual,\n        alerts: undefined,\n      })) as (context: unknown) => unknown,\n    },\n  },\n  editEmployee: {\n    parent: 'configuration',\n    item: {\n      id: 'editEmployee',\n      label: 'breadcrumbLabel',\n      namespace: 'Payroll.PayrollEditEmployee',\n    },\n  },\n  receipts: {\n    parent: 'overview',\n    item: {\n      id: 'receipts',\n      label: 'breadcrumbLabel',\n      namespace: 'Payroll.PayrollReceipts',\n    },\n  },\n  blockers: {\n    parent: 'landing',\n    item: {\n      id: 'blockers',\n      label: 'breadcrumbLabel',\n      namespace: 'Payroll.PayrollBlocker',\n    },\n  },\n} as const\n\nconst createReducer = (props: Partial<PayrollFlowContextInterface>) => {\n  return (ctx: PayrollFlowContextInterface): PayrollFlowContextInterface => ({\n    ...ctx,\n    ...props,\n  })\n}\n\nconst breadcrumbNavigateTransition =\n  createBreadcrumbNavigateTransition<PayrollFlowContextInterface>()\n\nconst exitFlowTransition = transition(\n  componentEvents.PAYROLL_EXIT_FLOW,\n  'landing',\n  reduce(\n    createReducer({\n      component: PayrollLandingContextual,\n      progressBarType: null,\n      currentBreadcrumbId: 'landing',\n      alerts: undefined,\n    }),\n  ),\n)\n\nexport const payrollMachine = {\n  landing: state<MachineTransition>(\n    transition(\n      componentEvents.RUN_PAYROLL_SELECTED,\n      'configuration',\n      reduce(\n        (\n          ctx: PayrollFlowContextInterface,\n          ev: MachineEventType<EventPayloads, typeof componentEvents.RUN_PAYROLL_SELECTED>,\n        ): PayrollFlowContextInterface => {\n          return {\n            ...updateBreadcrumbs('configuration', ctx, {\n              startDate: ev.payload.payPeriod.startDate ?? '',\n              endDate: ev.payload.payPeriod.endDate ?? '',\n            }),\n            component: PayrollConfigurationContextual,\n            payrollUuid: ev.payload.payrollUuid,\n            payPeriod: ev.payload.payPeriod,\n            progressBarType: 'breadcrumbs',\n            ctaConfig: {\n              labelKey: 'exitFlowCta',\n              namespace: 'Payroll.PayrollConfiguration',\n            },\n          }\n        },\n      ),\n    ),\n    transition(\n      componentEvents.REVIEW_PAYROLL,\n      'overview',\n      reduce(\n        (\n          ctx: PayrollFlowContextInterface,\n          ev: MachineEventType<EventPayloads, typeof componentEvents.REVIEW_PAYROLL>,\n        ): PayrollFlowContextInterface => {\n          return {\n            ...updateBreadcrumbs('overview', ctx, {\n              startDate: ev.payload.payPeriod.startDate ?? '',\n              endDate: ev.payload.payPeriod.endDate ?? '',\n            }),\n            component: PayrollOverviewContextual,\n            payrollUuid: ev.payload.payrollUuid,\n            payPeriod: ev.payload.payPeriod,\n            progressBarType: 'breadcrumbs',\n            ctaConfig: {\n              labelKey: 'exitFlowCta',\n              namespace: 'Payroll.PayrollOverview',\n            },\n          }\n        },\n      ),\n    ),\n    transition(\n      componentEvents.RUN_PAYROLL_BLOCKERS_VIEW_ALL,\n      'blockers',\n      reduce(\n        createReducer({\n          component: PayrollBlockerContextual,\n          progressBarType: 'breadcrumbs',\n          ctaConfig: {\n            labelKey: 'exitFlowCta',\n            namespace: 'Payroll.PayrollBlocker',\n          },\n        }),\n      ),\n    ),\n  ),\n  configuration: state<MachineTransition>(\n    breadcrumbNavigateTransition('landing'),\n    transition(\n      componentEvents.RUN_PAYROLL_CALCULATED,\n      'overview',\n      reduce(\n        (\n          ctx: PayrollFlowContextInterface,\n          ev: MachineEventType<EventPayloads, typeof componentEvents.RUN_PAYROLL_CALCULATED>,\n        ): PayrollFlowContextInterface => {\n          return {\n            ...updateBreadcrumbs('overview', ctx, {\n              startDate: ev.payload.payPeriod?.startDate ?? '',\n              endDate: ev.payload.payPeriod?.endDate ?? '',\n            }),\n            component: PayrollOverviewContextual,\n            payPeriod: ev.payload.payPeriod ?? ctx.payPeriod,\n            alerts: ev.payload.alert ? [...(ctx.alerts ?? []), ev.payload.alert] : ctx.alerts,\n            ctaConfig: {\n              labelKey: 'exitFlowCta',\n              namespace: 'Payroll.PayrollOverview',\n            },\n          }\n        },\n      ),\n    ),\n    transition(\n      componentEvents.RUN_PAYROLL_EMPLOYEE_EDIT,\n      'editEmployee',\n      reduce(\n        (\n          ctx: PayrollFlowContextInterface,\n          ev: MachineEventType<EventPayloads, typeof componentEvents.RUN_PAYROLL_EMPLOYEE_EDIT>,\n        ): PayrollFlowContextInterface => {\n          return {\n            ...updateBreadcrumbs('editEmployee', ctx, {\n              firstName: ev.payload.firstName,\n              lastName: ev.payload.lastName,\n              startDate: ctx.payPeriod?.startDate ?? '',\n              endDate: ctx.payPeriod?.endDate ?? '',\n            }),\n            progressBarType: 'breadcrumbs',\n            component: PayrollEditEmployeeContextual,\n            employeeId: ev.payload.employeeId,\n            firstName: ev.payload.firstName,\n            lastName: ev.payload.lastName,\n            ctaConfig: null, // This state does not have exit cta in breadcrumbs\n          }\n        },\n      ),\n    ),\n    transition(\n      componentEvents.RUN_PAYROLL_BLOCKERS_VIEW_ALL,\n      'blockers',\n      reduce(\n        (\n          ctx: PayrollFlowContextInterface,\n          ev: MachineEventType<EventPayloads, typeof componentEvents.RUN_PAYROLL_BLOCKERS_VIEW_ALL>,\n        ): PayrollFlowContextInterface => {\n          return {\n            ...updateBreadcrumbs('blockers', ctx),\n            component: PayrollBlockerContextual,\n          }\n        },\n      ),\n    ),\n    exitFlowTransition,\n  ),\n  overview: state<MachineTransition>(\n    breadcrumbNavigateTransition('landing'),\n    breadcrumbNavigateTransition('configuration'),\n    transition(\n      componentEvents.RUN_PAYROLL_EDIT,\n      'configuration',\n      reduce(\n        (\n          ctx: PayrollFlowContextInterface,\n          ev: MachineEventType<EventPayloads, typeof componentEvents.RUN_PAYROLL_EDIT>,\n        ): PayrollFlowContextInterface => {\n          return {\n            ...updateBreadcrumbs('configuration', ctx, {\n              startDate: ctx.payPeriod?.startDate ?? '',\n              endDate: ctx.payPeriod?.endDate ?? '',\n            }),\n            component: PayrollConfigurationContextual,\n            alerts: undefined,\n            ctaConfig: {\n              labelKey: 'exitFlowCta',\n              namespace: 'Payroll.PayrollConfiguration',\n            },\n          }\n        },\n      ),\n    ),\n\n    transition(\n      componentEvents.RUN_PAYROLL_RECEIPT_GET,\n      'receipts',\n      reduce(\n        createReducer({\n          component: PayrollReceiptsContextual,\n          progressBarType: 'breadcrumbs',\n          alerts: undefined,\n          ctaConfig: {\n            labelKey: 'exitFlowCta',\n            namespace: 'Payroll.PayrollReceipts',\n          },\n        }),\n      ),\n    ),\n    transition(\n      componentEvents.RUN_PAYROLL_CANCELLED,\n      'landing',\n      reduce(\n        createReducer({\n          component: PayrollLandingContextual,\n          progressBarType: null,\n          alerts: undefined,\n          currentBreadcrumbId: 'landing',\n        }),\n      ),\n    ),\n    exitFlowTransition,\n  ),\n  editEmployee: state<MachineTransition>(\n    breadcrumbNavigateTransition('landing'),\n    breadcrumbNavigateTransition('configuration'),\n    transition(\n      componentEvents.RUN_PAYROLL_EMPLOYEE_SAVED,\n      'configuration',\n      reduce(\n        createReducer({\n          currentBreadcrumbId: 'configuration',\n          component: PayrollConfigurationContextual,\n          employeeId: undefined,\n          firstName: undefined,\n          lastName: undefined,\n          ctaConfig: {\n            labelKey: 'exitFlowCta',\n            namespace: 'Payroll.PayrollConfiguration',\n          },\n        }),\n      ),\n    ),\n    transition(\n      componentEvents.RUN_PAYROLL_EMPLOYEE_CANCELLED,\n      'configuration',\n      reduce(\n        createReducer({\n          currentBreadcrumbId: 'configuration',\n          component: PayrollConfigurationContextual,\n          employeeId: undefined,\n          firstName: undefined,\n          lastName: undefined,\n          ctaConfig: {\n            labelKey: 'exitFlowCta',\n            namespace: 'Payroll.PayrollConfiguration',\n          },\n        }),\n      ),\n    ),\n  ),\n  receipts: state<MachineTransition>(breadcrumbNavigateTransition('landing'), exitFlowTransition),\n  blockers: state<MachineTransition>(breadcrumbNavigateTransition('landing'), exitFlowTransition),\n}\n"],"names":["payrollFlowBreadcrumbsNodes","ctx","PayrollLandingContextual","updateBreadcrumbs","PayrollConfigurationContextual","PayrollOverviewContextual","createReducer","props","breadcrumbNavigateTransition","createBreadcrumbNavigateTransition","exitFlowTransition","transition","componentEvents","reduce","payrollMachine","state","ev","PayrollBlockerContextual","PayrollEditEmployeeContextual","PayrollReceiptsContextual"],"mappings":"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"}