@gusto/embedded-react-sdk 0.29.0 → 0.30.0

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

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

package/dist/components/Payroll/PayrollExecutionFlow/payrollExecutionMachine.test.d.ts

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1 @@
+export declare function PayrollExecutionFlowContextual(): import("react/jsx-runtime").JSX.Element;

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

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

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

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

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

@@ -1,8 +1,8 @@
 import { jsx as t } from "react/jsx-runtime";
 import { createMachine as n } from "robot3";
 import { useMemo as p } from "react";
-import { payrollMachine as c, payrollFlowBreadcrumbsNodes as i } from "./payrollStateMachine.js";
-import { SaveAndExitCta as u, PayrollLandingContextual as d } from "./PayrollFlowComponents.js";
+import { payrollFlowMachine as c, payrollFlowBreadcrumbsNodes as d } from "./payrollStateMachine.js";
+import { SaveAndExitCta as i, PayrollLandingContextual as u } from "./PayrollFlowComponents.js";
 import { Flow as s } from "../../Flow/Flow.js";
 import { buildBreadcrumbs as f } from "../../../helpers/breadcrumbHelpers.js";
 const M = ({
@@ -12,17 +12,21 @@ const M = ({
   ConfirmWireDetailsComponent: a
 }) => {
   const e = p(
-    () => n("landing", c, (m) => ({
-      ...m,
-      component: d,
-      companyId: r,
-      progressBarType: null,
-      breadcrumbs: f(i),
-      currentBreadcrumb: "landing",
-      progressBarCta: u,
-      withReimbursements: o,
-      ConfirmWireDetailsComponent: a
-    })),
+    () => n(
+      "landing",
+      c,
+      (m) => ({
+        ...m,
+        component: u,
+        companyId: r,
+        progressBarType: null,
+        breadcrumbs: f(d),
+        currentBreadcrumbId: "landing",
+        progressBarCta: i,
+        withReimbursements: o,
+        ConfirmWireDetailsComponent: a
+      })
+    ),
     [r, o, a]
   );
   return /* @__PURE__ */ t(s, { machine: e, onEvent: l });

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, payrollMachine } 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('landing', payrollMachine, (initialContext: PayrollFlowContextInterface) => ({\n        ...initialContext,\n        component: PayrollLandingContextual,\n        companyId,\n        progressBarType: null,\n        breadcrumbs: buildBreadcrumbs(payrollFlowBreadcrumbsNodes),\n        currentBreadcrumb: 'landing',\n        progressBarCta: SaveAndExitCta,\n        withReimbursements,\n        ConfirmWireDetailsComponent,\n      })),\n    [companyId, withReimbursements, ConfirmWireDetailsComponent],\n  )\n  return <Flow machine={payrollFlow} onEvent={onEvent} />\n}\n"],"names":["PayrollFlow","companyId","onEvent","withReimbursements","ConfirmWireDetailsComponent","payrollFlow","useMemo","createMachine","payrollMachine","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,EAAc,WAAWC,GAAgB,CAACC,OAAiD;AAAA,MACzF,GAAGA;AAAA,MACH,WAAWC;AAAA,MACX,WAAAT;AAAA,MACA,iBAAiB;AAAA,MACjB,aAAaU,EAAiBC,CAA2B;AAAA,MACzD,mBAAmB;AAAA,MACnB,gBAAgBC;AAAA,MAChB,oBAAAV;AAAA,MACA,6BAAAC;AAAA,IAAA,EACA;AAAA,IACJ,CAACH,GAAWE,GAAoBC,CAA2B;AAAA,EAAA;AAE7D,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\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          progressBarType: null,\n          breadcrumbs: buildBreadcrumbs(payrollFlowBreadcrumbsNodes),\n          currentBreadcrumbId: 'landing',\n          progressBarCta: SaveAndExitCta,\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,iBAAiB;AAAA,QACjB,aAAaU,EAAiBC,CAA2B;AAAA,QACzD,qBAAqB;AAAA,QACrB,gBAAgBC;AAAA,QAChB,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

@@ -27,6 +27,7 @@ export interface PayrollFlowContextInterface extends FlowContextInterface {
     withReimbursements: boolean;
     ConfirmWireDetailsComponent?: ConfirmWireDetailsComponentType;
     showPayrollCancelledAlert?: boolean;
+    executionInitialState?: 'configuration' | 'overview';
 }
 export declare function PayrollLandingContextual(): import("react/jsx-runtime").JSX.Element;
 export declare function PayrollConfigurationContextual(): import("react/jsx-runtime").JSX.Element;

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

@@ -1 +1 @@
-{"version":3,"file":"PayrollFlowComponents.js","sources":["../../../../src/components/Payroll/PayrollFlow/PayrollFlowComponents.tsx"],"sourcesContent":["import type { ReactNode } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport type { PayrollPayPeriodType } from '@gusto/embedded-api/models/components/payrollpayperiodtype'\nimport { PayrollLanding } from '../PayrollLanding/PayrollLanding'\nimport { PayrollConfiguration } from '../PayrollConfiguration/PayrollConfiguration'\nimport { PayrollOverview } from '../PayrollOverview/PayrollOverview'\nimport { PayrollEditEmployee } from '../PayrollEditEmployee/PayrollEditEmployee'\nimport { PayrollReceipts } from '../PayrollReceipts/PayrollReceipts'\nimport { PayrollBlockerList } from '../PayrollBlocker'\nimport type { ConfirmWireDetailsComponentType } from '../ConfirmWireDetails/ConfirmWireDetails'\nimport { useFlow, type FlowContextInterface } from '@/components/Flow/useFlow'\nimport type { BaseComponentInterface } from '@/components/Base'\nimport { ensureRequired } from '@/helpers/ensureRequired'\nimport type { BreadcrumbTrail } from '@/components/Common/FlowBreadcrumbs/FlowBreadcrumbsTypes'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useI18n } from '@/i18n'\nimport { componentEvents } from '@/shared/constants'\n\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}\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}\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":";;;;;;;;;;;;;AA6CO,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/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}\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  executionInitialState?: 'configuration' | 'overview'\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":";;;;;;;;;;;;;AA8CO,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;"}

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

@@ -1,12 +1,9 @@
 import { BreadcrumbNodes } from '../../Common/FlowBreadcrumbs/FlowBreadcrumbsTypes';
 export declare const payrollFlowBreadcrumbsNodes: BreadcrumbNodes;
-export declare const payrollMachine: {
+export declare const payrollFlowMachine: {
     landing: import('robot3').MachineState<any>;
-    configuration: import('robot3').MachineState<any>;
-    overview: import('robot3').MachineState<any>;
+    execution: import('robot3').MachineState<any>;
+    blockers: import('robot3').MachineState<any>;
     submittedOverview: import('robot3').MachineState<any>;
     submittedReceipts: import('robot3').MachineState<any>;
-    editEmployee: import('robot3').MachineState<any>;
-    receipts: import('robot3').MachineState<any>;
-    blockers: import('robot3').MachineState<any>;
 };