@gusto/embedded-react-sdk 0.28.0 → 0.30.0

package/dist/components/Payroll/PayrollEditEmployee/TimeOffField.js

@@ -1,37 +1,36 @@
-import { jsxs as u, jsx as l } from "react/jsx-runtime";
+import { jsxs as u, jsx as i } from "react/jsx-runtime";
 import { useId as p } from "react";
 import { useFormContext as d, useWatch as f } from "react-hook-form";
-import { useTranslation as c } from "react-i18next";
+import { useTranslation as m } from "react-i18next";
 import { Flex as y } from "../../Common/Flex/Flex.js";
 import "classnames";
-import "../../../shared/constants.js";
-import { TextInputField as x } from "../../Common/Fields/TextInputField/TextInputField.js";
-import { useComponentContext as h } from "../../../contexts/ComponentAdapter/useComponentContext.js";
-import { useI18n as B } from "../../../i18n/I18n.js";
+import { useComponentContext as x } from "../../../contexts/ComponentAdapter/useComponentContext.js";
+import { useI18n as h } from "../../../i18n/I18n.js";
+import { TextInputField as B } from "../../Common/Fields/TextInputField/TextInputField.js";
 const P = ({
   accrualBalance: e,
   accrualMethod: o,
   hoursUsed: r,
   id: t
 }) => {
-  const { Text: n } = h(), { t: i } = c("Payroll.PayrollEditEmployee");
+  const { Text: n } = x(), { t: l } = m("Payroll.PayrollEditEmployee");
   if (o === "unlimited")
     return null;
   const a = parseFloat(e) - r;
-  return /* @__PURE__ */ l(n, { size: "sm", variant: "supporting", "aria-live": "polite", "aria-atomic": !0, id: t, children: i("timeOffBalance.remaining", { balance: a.toFixed(1) }) });
-}, U = ({ timeOff: e, employee: o }) => {
-  const { t: r } = c("Payroll.PayrollEditEmployee");
-  B("Payroll.PayrollEditEmployee");
-  const { control: t } = d(), n = p(), i = f({
+  return /* @__PURE__ */ i(n, { size: "sm", variant: "supporting", "aria-live": "polite", "aria-atomic": !0, id: t, children: l("timeOffBalance.remaining", { balance: a.toFixed(1) }) });
+}, M = ({ timeOff: e, employee: o }) => {
+  const { t: r } = m("Payroll.PayrollEditEmployee");
+  h("Payroll.PayrollEditEmployee");
+  const { control: t } = d(), n = p(), l = f({
     control: t,
     name: `timeOffCompensations.${e.name}`
   });
   if (!e.name)
     return null;
-  const m = parseFloat(i || "0"), a = o.eligiblePaidTimeOff?.find((s) => s.name === e.name);
+  const c = parseFloat(l || "0"), a = o.eligiblePaidTimeOff?.find((s) => s.name === e.name);
   return /* @__PURE__ */ u(y, { flexDirection: "column", gap: 4, children: [
-    /* @__PURE__ */ l(
-      x,
+    /* @__PURE__ */ i(
+      B,
       {
         name: `timeOffCompensations.${e.name}`,
         type: "number",
@@ -43,18 +42,18 @@ const P = ({
       },
       e.name
     ),
-    a?.accrualBalance && /* @__PURE__ */ l(
+    a?.accrualBalance && /* @__PURE__ */ i(
       P,
       {
         accrualBalance: a.accrualBalance,
         accrualMethod: a.accrualMethod ?? void 0,
-        hoursUsed: m,
+        hoursUsed: c,
         id: n
       }
     )
   ] });
 };
 export {
-  U as TimeOffField
+  M as TimeOffField
 };
 //# sourceMappingURL=TimeOffField.js.map

package/dist/components/Payroll/PayrollEditEmployee/TimeOffField.js.map

@@ -1 +1 @@
-{"version":3,"file":"TimeOffField.js","sources":["../../../../src/components/Payroll/PayrollEditEmployee/TimeOffField.tsx"],"sourcesContent":["import { useId } from 'react'\nimport { useWatch, useFormContext } from 'react-hook-form'\nimport { useTranslation } from 'react-i18next'\nimport type { Employee } from '@gusto/embedded-api/models/components/employee'\nimport type { PayrollEmployeeCompensationsTypePaidTimeOff } from '@gusto/embedded-api/models/components/payrollemployeecompensationstype'\nimport type { PayrollEditEmployeeFormValues } from './PayrollEditEmployeePresentation'\nimport { Flex, TextInputField } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useI18n } from '@/i18n'\n\nexport interface TimeOffFieldProps {\n  timeOff: PayrollEmployeeCompensationsTypePaidTimeOff\n  employee: Employee\n}\n\nconst TimeOffBalance = ({\n  accrualBalance,\n  accrualMethod,\n  hoursUsed,\n  id,\n}: {\n  accrualBalance: string\n  accrualMethod?: string\n  hoursUsed: number\n  id: string\n}) => {\n  const { Text } = useComponentContext()\n  const { t } = useTranslation('Payroll.PayrollEditEmployee')\n\n  if (accrualMethod === 'unlimited') {\n    return null\n  }\n\n  const currentBalance = parseFloat(accrualBalance)\n  const remainingBalance = currentBalance - hoursUsed\n\n  return (\n    <Text size=\"sm\" variant=\"supporting\" aria-live=\"polite\" aria-atomic={true} id={id}>\n      {t('timeOffBalance.remaining', { balance: remainingBalance.toFixed(1) })}\n    </Text>\n  )\n}\n\nexport const TimeOffField = ({ timeOff, employee }: TimeOffFieldProps) => {\n  const { t } = useTranslation('Payroll.PayrollEditEmployee')\n  useI18n('Payroll.PayrollEditEmployee')\n\n  const { control } = useFormContext<PayrollEditEmployeeFormValues>()\n  const id = useId()\n\n  const watchedValue = useWatch({\n    control,\n    name: `timeOffCompensations.${timeOff.name}`,\n  })\n\n  if (!timeOff.name) {\n    return null\n  }\n\n  const hoursUsed = parseFloat(watchedValue || '0')\n  const eligiblePolicy = employee.eligiblePaidTimeOff?.find(policy => policy.name === timeOff.name)\n\n  return (\n    <Flex flexDirection=\"column\" gap={4}>\n      <TextInputField\n        key={timeOff.name}\n        name={`timeOffCompensations.${timeOff.name}`}\n        type=\"number\"\n        min={0}\n        adornmentEnd={t('hoursUnit')}\n        isRequired\n        label={timeOff.name}\n        aria-describedby={id}\n      />\n      {eligiblePolicy?.accrualBalance && (\n        <TimeOffBalance\n          accrualBalance={eligiblePolicy.accrualBalance}\n          accrualMethod={eligiblePolicy.accrualMethod ?? undefined}\n          hoursUsed={hoursUsed}\n          id={id}\n        />\n      )}\n    </Flex>\n  )\n}\n"],"names":["TimeOffBalance","accrualBalance","accrualMethod","hoursUsed","id","Text","useComponentContext","t","useTranslation","remainingBalance","jsx","TimeOffField","timeOff","employee","useI18n","control","useFormContext","useId","watchedValue","useWatch","eligiblePolicy","policy","jsxs","Flex","TextInputField"],"mappings":";;;;;;;;;;AAeA,MAAMA,IAAiB,CAAC;AAAA,EACtB,gBAAAC;AAAA,EACA,eAAAC;AAAA,EACA,WAAAC;AAAA,EACA,IAAAC;AACF,MAKM;AACJ,QAAM,EAAE,MAAAC,EAAA,IAASC,EAAA,GACX,EAAE,GAAAC,EAAA,IAAMC,EAAe,6BAA6B;AAE1D,MAAIN,MAAkB;AACpB,WAAO;AAIT,QAAMO,IADiB,WAAWR,CAAc,IACNE;AAE1C,SACE,gBAAAO,EAACL,KAAK,MAAK,MAAK,SAAQ,cAAa,aAAU,UAAS,eAAa,IAAM,IAAAD,GACxE,UAAAG,EAAE,4BAA4B,EAAE,SAASE,EAAiB,QAAQ,CAAC,EAAA,CAAG,GACzE;AAEJ,GAEaE,IAAe,CAAC,EAAE,SAAAC,GAAS,UAAAC,QAAkC;AACxE,QAAM,EAAE,GAAAN,EAAA,IAAMC,EAAe,6BAA6B;AAC1D,EAAAM,EAAQ,6BAA6B;AAErC,QAAM,EAAE,SAAAC,EAAA,IAAYC,EAAA,GACdZ,IAAKa,EAAA,GAELC,IAAeC,EAAS;AAAA,IAC5B,SAAAJ;AAAA,IACA,MAAM,wBAAwBH,EAAQ,IAAI;AAAA,EAAA,CAC3C;AAED,MAAI,CAACA,EAAQ;AACX,WAAO;AAGT,QAAMT,IAAY,WAAWe,KAAgB,GAAG,GAC1CE,IAAiBP,EAAS,qBAAqB,KAAK,OAAUQ,EAAO,SAAST,EAAQ,IAAI;AAEhG,SACE,gBAAAU,EAACC,GAAA,EAAK,eAAc,UAAS,KAAK,GAChC,UAAA;AAAA,IAAA,gBAAAb;AAAA,MAACc;AAAA,MAAA;AAAA,QAEC,MAAM,wBAAwBZ,EAAQ,IAAI;AAAA,QAC1C,MAAK;AAAA,QACL,KAAK;AAAA,QACL,cAAcL,EAAE,WAAW;AAAA,QAC3B,YAAU;AAAA,QACV,OAAOK,EAAQ;AAAA,QACf,oBAAkBR;AAAA,MAAA;AAAA,MAPbQ,EAAQ;AAAA,IAAA;AAAA,IASdQ,GAAgB,kBACf,gBAAAV;AAAA,MAACV;AAAA,MAAA;AAAA,QACC,gBAAgBoB,EAAe;AAAA,QAC/B,eAAeA,EAAe,iBAAiB;AAAA,QAC/C,WAAAjB;AAAA,QACA,IAAAC;AAAA,MAAA;AAAA,IAAA;AAAA,EACF,GAEJ;AAEJ;"}
+{"version":3,"file":"TimeOffField.js","sources":["../../../../src/components/Payroll/PayrollEditEmployee/TimeOffField.tsx"],"sourcesContent":["import { useId } from 'react'\nimport { useWatch, useFormContext } from 'react-hook-form'\nimport { useTranslation } from 'react-i18next'\nimport type { Employee } from '@gusto/embedded-api/models/components/employee'\nimport type { PayrollEmployeeCompensationsTypePaidTimeOff } from '@gusto/embedded-api/models/components/payrollemployeecompensationstype'\nimport type { PayrollEditEmployeeFormValues } from './PayrollEditEmployeePresentation'\nimport { Flex, TextInputField } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useI18n } from '@/i18n'\n\nexport interface TimeOffFieldProps {\n  timeOff: PayrollEmployeeCompensationsTypePaidTimeOff\n  employee: Employee\n}\n\nconst TimeOffBalance = ({\n  accrualBalance,\n  accrualMethod,\n  hoursUsed,\n  id,\n}: {\n  accrualBalance: string\n  accrualMethod?: string\n  hoursUsed: number\n  id: string\n}) => {\n  const { Text } = useComponentContext()\n  const { t } = useTranslation('Payroll.PayrollEditEmployee')\n\n  if (accrualMethod === 'unlimited') {\n    return null\n  }\n\n  const currentBalance = parseFloat(accrualBalance)\n  const remainingBalance = currentBalance - hoursUsed\n\n  return (\n    <Text size=\"sm\" variant=\"supporting\" aria-live=\"polite\" aria-atomic={true} id={id}>\n      {t('timeOffBalance.remaining', { balance: remainingBalance.toFixed(1) })}\n    </Text>\n  )\n}\n\nexport const TimeOffField = ({ timeOff, employee }: TimeOffFieldProps) => {\n  const { t } = useTranslation('Payroll.PayrollEditEmployee')\n  useI18n('Payroll.PayrollEditEmployee')\n\n  const { control } = useFormContext<PayrollEditEmployeeFormValues>()\n  const id = useId()\n\n  const watchedValue = useWatch({\n    control,\n    name: `timeOffCompensations.${timeOff.name}`,\n  })\n\n  if (!timeOff.name) {\n    return null\n  }\n\n  const hoursUsed = parseFloat(watchedValue || '0')\n  const eligiblePolicy = employee.eligiblePaidTimeOff?.find(policy => policy.name === timeOff.name)\n\n  return (\n    <Flex flexDirection=\"column\" gap={4}>\n      <TextInputField\n        key={timeOff.name}\n        name={`timeOffCompensations.${timeOff.name}`}\n        type=\"number\"\n        min={0}\n        adornmentEnd={t('hoursUnit')}\n        isRequired\n        label={timeOff.name}\n        aria-describedby={id}\n      />\n      {eligiblePolicy?.accrualBalance && (\n        <TimeOffBalance\n          accrualBalance={eligiblePolicy.accrualBalance}\n          accrualMethod={eligiblePolicy.accrualMethod ?? undefined}\n          hoursUsed={hoursUsed}\n          id={id}\n        />\n      )}\n    </Flex>\n  )\n}\n"],"names":["TimeOffBalance","accrualBalance","accrualMethod","hoursUsed","id","Text","useComponentContext","t","useTranslation","remainingBalance","jsx","TimeOffField","timeOff","employee","useI18n","control","useFormContext","useId","watchedValue","useWatch","eligiblePolicy","policy","jsxs","Flex","TextInputField"],"mappings":";;;;;;;;;AAeA,MAAMA,IAAiB,CAAC;AAAA,EACtB,gBAAAC;AAAA,EACA,eAAAC;AAAA,EACA,WAAAC;AAAA,EACA,IAAAC;AACF,MAKM;AACJ,QAAM,EAAE,MAAAC,EAAA,IAASC,EAAA,GACX,EAAE,GAAAC,EAAA,IAAMC,EAAe,6BAA6B;AAE1D,MAAIN,MAAkB;AACpB,WAAO;AAIT,QAAMO,IADiB,WAAWR,CAAc,IACNE;AAE1C,SACE,gBAAAO,EAACL,KAAK,MAAK,MAAK,SAAQ,cAAa,aAAU,UAAS,eAAa,IAAM,IAAAD,GACxE,UAAAG,EAAE,4BAA4B,EAAE,SAASE,EAAiB,QAAQ,CAAC,EAAA,CAAG,GACzE;AAEJ,GAEaE,IAAe,CAAC,EAAE,SAAAC,GAAS,UAAAC,QAAkC;AACxE,QAAM,EAAE,GAAAN,EAAA,IAAMC,EAAe,6BAA6B;AAC1D,EAAAM,EAAQ,6BAA6B;AAErC,QAAM,EAAE,SAAAC,EAAA,IAAYC,EAAA,GACdZ,IAAKa,EAAA,GAELC,IAAeC,EAAS;AAAA,IAC5B,SAAAJ;AAAA,IACA,MAAM,wBAAwBH,EAAQ,IAAI;AAAA,EAAA,CAC3C;AAED,MAAI,CAACA,EAAQ;AACX,WAAO;AAGT,QAAMT,IAAY,WAAWe,KAAgB,GAAG,GAC1CE,IAAiBP,EAAS,qBAAqB,KAAK,OAAUQ,EAAO,SAAST,EAAQ,IAAI;AAEhG,SACE,gBAAAU,EAACC,GAAA,EAAK,eAAc,UAAS,KAAK,GAChC,UAAA;AAAA,IAAA,gBAAAb;AAAA,MAACc;AAAA,MAAA;AAAA,QAEC,MAAM,wBAAwBZ,EAAQ,IAAI;AAAA,QAC1C,MAAK;AAAA,QACL,KAAK;AAAA,QACL,cAAcL,EAAE,WAAW;AAAA,QAC3B,YAAU;AAAA,QACV,OAAOK,EAAQ;AAAA,QACf,oBAAkBR;AAAA,MAAA;AAAA,MAPbQ,EAAQ;AAAA,IAAA;AAAA,IASdQ,GAAgB,kBACf,gBAAAV;AAAA,MAACV;AAAA,MAAA;AAAA,QACC,gBAAgBoB,EAAe;AAAA,QAC/B,eAAeA,EAAe,iBAAiB;AAAA,QAC/C,WAAAjB;AAAA,QACA,IAAAC;AAAA,MAAA;AAAA,IAAA;AAAA,EACF,GAEJ;AAEJ;"}

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

@@ -0,0 +1,17 @@
+import { PayrollPayPeriodType } from '@gusto/embedded-api/models/components/payrollpayperiodtype';
+import { ConfirmWireDetailsComponentType } from '../ConfirmWireDetails/ConfirmWireDetails';
+import { FlowBreadcrumb } from '../../Common/FlowBreadcrumbs/FlowBreadcrumbsTypes';
+import { OnEventType } from '../../Base/useBase';
+import { EventType } from '../../../shared/constants';
+export type PayrollExecutionInitialState = 'configuration' | 'overview';
+export interface PayrollExecutionFlowProps {
+    companyId: string;
+    payrollId: string;
+    onEvent: OnEventType<EventType, unknown>;
+    initialPayPeriod?: PayrollPayPeriodType;
+    withReimbursements?: boolean;
+    ConfirmWireDetailsComponent?: ConfirmWireDetailsComponentType;
+    prefixBreadcrumbs?: FlowBreadcrumb[];
+    initialState?: PayrollExecutionInitialState;
+}
+export declare function PayrollExecutionFlow({ companyId, payrollId, onEvent, initialPayPeriod, withReimbursements, ConfirmWireDetailsComponent, prefixBreadcrumbs, initialState, }: PayrollExecutionFlowProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,75 @@
+import { jsx as d } from "react/jsx-runtime";
+import { useMemo as i } from "react";
+import { createMachine as x } from "robot3";
+import { SaveAndExitCta as C, PayrollOverviewContextual as E, PayrollConfigurationContextual as M } from "../PayrollFlow/PayrollFlowComponents.js";
+import { payrollExecutionMachine as v, payrollExecutionBreadcrumbsNodes as y } from "./payrollExecutionMachine.js";
+import { Flow as B } from "../../Flow/Flow.js";
+import { buildBreadcrumbs as P, updateBreadcrumbs as g } from "../../../helpers/breadcrumbHelpers.js";
+const A = [], w = {
+  configuration: M,
+  overview: E
+}, N = {
+  configuration: "Payroll.PayrollConfiguration",
+  overview: "Payroll.PayrollOverview"
+};
+function j({
+  companyId: t,
+  payrollId: a,
+  onEvent: m,
+  initialPayPeriod: o,
+  withReimbursements: c = !0,
+  ConfirmWireDetailsComponent: n,
+  prefixBreadcrumbs: u = A,
+  initialState: r = "configuration"
+}) {
+  const s = i(() => {
+    const l = P(y), p = Object.fromEntries(
+      Object.entries(l).map(([e, f]) => [
+        e,
+        [...u, ...f]
+      ])
+    ), b = g(
+      r,
+      {
+        breadcrumbs: p
+      },
+      {
+        startDate: o?.startDate ?? "",
+        endDate: o?.endDate ?? ""
+      }
+    );
+    return x(
+      r,
+      v,
+      (e) => ({
+        ...e,
+        ...b,
+        component: w[r],
+        companyId: t,
+        payrollUuid: a,
+        payPeriod: o,
+        progressBarType: "breadcrumbs",
+        currentBreadcrumbId: r,
+        withReimbursements: c,
+        ConfirmWireDetailsComponent: n,
+        progressBarCta: C,
+        ctaConfig: {
+          labelKey: "exitFlowCta",
+          namespace: N[r]
+        }
+      })
+    );
+  }, [
+    t,
+    a,
+    c,
+    n,
+    u,
+    r
+  ]);
+  return /* @__PURE__ */ d(B, { machine: s, onEvent: m });
+}
+export {
+  j as PayrollExecutionFlow
+};
+//# sourceMappingURL=PayrollExecutionFlow.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PayrollExecutionFlow.js","sources":["../../../../src/components/Payroll/PayrollExecutionFlow/PayrollExecutionFlow.tsx"],"sourcesContent":["import { useMemo } from 'react'\nimport { createMachine } from 'robot3'\nimport type { PayrollPayPeriodType } from '@gusto/embedded-api/models/components/payrollpayperiodtype'\nimport type { ConfirmWireDetailsComponentType } from '../ConfirmWireDetails/ConfirmWireDetails'\nimport {\n  PayrollConfigurationContextual,\n  PayrollOverviewContextual,\n  SaveAndExitCta,\n  type PayrollFlowContextInterface,\n} from '../PayrollFlow/PayrollFlowComponents'\nimport {\n  payrollExecutionMachine,\n  payrollExecutionBreadcrumbsNodes,\n} from './payrollExecutionMachine'\nimport { Flow } from '@/components/Flow/Flow'\nimport type { FlowBreadcrumb } from '@/components/Common/FlowBreadcrumbs/FlowBreadcrumbsTypes'\nimport { buildBreadcrumbs, updateBreadcrumbs } from '@/helpers/breadcrumbHelpers'\nimport type { OnEventType } from '@/components/Base/useBase'\nimport type { EventType } from '@/shared/constants'\n\nconst EMPTY_BREADCRUMBS: FlowBreadcrumb[] = []\n\nexport type PayrollExecutionInitialState = 'configuration' | 'overview'\n\nexport interface PayrollExecutionFlowProps {\n  companyId: string\n  payrollId: string\n  onEvent: OnEventType<EventType, unknown>\n  initialPayPeriod?: PayrollPayPeriodType\n  withReimbursements?: boolean\n  ConfirmWireDetailsComponent?: ConfirmWireDetailsComponentType\n  prefixBreadcrumbs?: FlowBreadcrumb[]\n  initialState?: PayrollExecutionInitialState\n}\n\nconst INITIAL_COMPONENT_MAP = {\n  configuration: PayrollConfigurationContextual,\n  overview: PayrollOverviewContextual,\n} as const\n\nconst INITIAL_NAMESPACE_MAP = {\n  configuration: 'Payroll.PayrollConfiguration' as const,\n  overview: 'Payroll.PayrollOverview' as const,\n} as const\n\nexport function PayrollExecutionFlow({\n  companyId,\n  payrollId,\n  onEvent,\n  initialPayPeriod,\n  withReimbursements = true,\n  ConfirmWireDetailsComponent,\n  prefixBreadcrumbs = EMPTY_BREADCRUMBS,\n  initialState = 'configuration',\n}: PayrollExecutionFlowProps) {\n  const executionFlowMachine = useMemo(() => {\n    const baseBreadcrumbs = buildBreadcrumbs(payrollExecutionBreadcrumbsNodes)\n    const breadcrumbs = Object.fromEntries(\n      Object.entries(baseBreadcrumbs).map(([stateKey, trail]) => [\n        stateKey,\n        [...prefixBreadcrumbs, ...trail],\n      ]),\n    )\n\n    const initialBreadcrumbContext = updateBreadcrumbs(\n      initialState,\n      {\n        breadcrumbs,\n      } as PayrollFlowContextInterface,\n      {\n        startDate: initialPayPeriod?.startDate ?? '',\n        endDate: initialPayPeriod?.endDate ?? '',\n      },\n    )\n\n    return createMachine(\n      initialState,\n      payrollExecutionMachine,\n      (initialContext: PayrollFlowContextInterface) => ({\n        ...initialContext,\n        ...initialBreadcrumbContext,\n        component: INITIAL_COMPONENT_MAP[initialState],\n        companyId,\n        payrollUuid: payrollId,\n        payPeriod: initialPayPeriod,\n        progressBarType: 'breadcrumbs' as const,\n        currentBreadcrumbId: initialState,\n        withReimbursements,\n        ConfirmWireDetailsComponent,\n        progressBarCta: SaveAndExitCta,\n        ctaConfig: {\n          labelKey: 'exitFlowCta',\n          namespace: INITIAL_NAMESPACE_MAP[initialState],\n        },\n      }),\n    )\n  }, [\n    companyId,\n    payrollId,\n    withReimbursements,\n    ConfirmWireDetailsComponent,\n    prefixBreadcrumbs,\n    initialState,\n  ])\n\n  return <Flow machine={executionFlowMachine} onEvent={onEvent} />\n}\n"],"names":["EMPTY_BREADCRUMBS","INITIAL_COMPONENT_MAP","PayrollConfigurationContextual","PayrollOverviewContextual","INITIAL_NAMESPACE_MAP","PayrollExecutionFlow","companyId","payrollId","onEvent","initialPayPeriod","withReimbursements","ConfirmWireDetailsComponent","prefixBreadcrumbs","initialState","executionFlowMachine","useMemo","baseBreadcrumbs","buildBreadcrumbs","payrollExecutionBreadcrumbsNodes","breadcrumbs","stateKey","trail","initialBreadcrumbContext","updateBreadcrumbs","createMachine","payrollExecutionMachine","initialContext","SaveAndExitCta","jsx","Flow"],"mappings":";;;;;;;AAoBA,MAAMA,IAAsC,CAAA,GAetCC,IAAwB;AAAA,EAC5B,eAAeC;AAAA,EACf,UAAUC;AACZ,GAEMC,IAAwB;AAAA,EAC5B,eAAe;AAAA,EACf,UAAU;AACZ;AAEO,SAASC,EAAqB;AAAA,EACnC,WAAAC;AAAA,EACA,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,oBAAAC,IAAqB;AAAA,EACrB,6BAAAC;AAAA,EACA,mBAAAC,IAAoBZ;AAAA,EACpB,cAAAa,IAAe;AACjB,GAA8B;AAC5B,QAAMC,IAAuBC,EAAQ,MAAM;AACzC,UAAMC,IAAkBC,EAAiBC,CAAgC,GACnEC,IAAc,OAAO;AAAA,MACzB,OAAO,QAAQH,CAAe,EAAE,IAAI,CAAC,CAACI,GAAUC,CAAK,MAAM;AAAA,QACzDD;AAAA,QACA,CAAC,GAAGR,GAAmB,GAAGS,CAAK;AAAA,MAAA,CAChC;AAAA,IAAA,GAGGC,IAA2BC;AAAA,MAC/BV;AAAA,MACA;AAAA,QACE,aAAAM;AAAA,MAAA;AAAA,MAEF;AAAA,QACE,WAAWV,GAAkB,aAAa;AAAA,QAC1C,SAASA,GAAkB,WAAW;AAAA,MAAA;AAAA,IACxC;AAGF,WAAOe;AAAA,MACLX;AAAA,MACAY;AAAA,MACA,CAACC,OAAiD;AAAA,QAChD,GAAGA;AAAA,QACH,GAAGJ;AAAA,QACH,WAAWrB,EAAsBY,CAAY;AAAA,QAC7C,WAAAP;AAAA,QACA,aAAaC;AAAA,QACb,WAAWE;AAAA,QACX,iBAAiB;AAAA,QACjB,qBAAqBI;AAAA,QACrB,oBAAAH;AAAA,QACA,6BAAAC;AAAA,QACA,gBAAgBgB;AAAA,QAChB,WAAW;AAAA,UACT,UAAU;AAAA,UACV,WAAWvB,EAAsBS,CAAY;AAAA,QAAA;AAAA,MAC/C;AAAA,IACF;AAAA,EAEJ,GAAG;AAAA,IACDP;AAAA,IACAC;AAAA,IACAG;AAAA,IACAC;AAAA,IACAC;AAAA,IACAC;AAAA,EAAA,CACD;AAED,SAAO,gBAAAe,EAACC,GAAA,EAAK,SAASf,GAAsB,SAAAN,EAAA,CAAkB;AAChE;"}

package/dist/components/Payroll/PayrollExecutionFlow/index.d.ts

@@ -0,0 +1,3 @@
+import "./types/i18next.d.ts"
+export { PayrollExecutionFlow, type PayrollExecutionFlowProps, type PayrollExecutionInitialState, } from './PayrollExecutionFlow';
+export { payrollExecutionMachine, payrollExecutionBreadcrumbsNodes, } from './payrollExecutionMachine';

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

@@ -0,0 +1,9 @@
+import { BreadcrumbNodes } from '../../Common/FlowBreadcrumbs/FlowBreadcrumbsTypes';
+export declare const payrollExecutionBreadcrumbsNodes: BreadcrumbNodes;
+export declare const payrollExecutionMachine: {
+    configuration: import('robot3').MachineState<any>;
+    overview: import('robot3').MachineState<any>;
+    editEmployee: import('robot3').MachineState<any>;
+    receipts: import('robot3').MachineState<any>;
+    blockers: import('robot3').MachineState<any>;
+};

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

@@ -0,0 +1,198 @@
+import { state as n, transition as r, reduce as t } from "robot3";
+import { PayrollOverviewContextual as p, PayrollConfigurationContextual as d, PayrollReceiptsContextual as s, PayrollEditEmployeeContextual as c, PayrollBlockerContextual as m } from "../PayrollFlow/PayrollFlowComponents.js";
+import { componentEvents as i } from "../../../shared/constants.js";
+import { updateBreadcrumbs as o } from "../../../helpers/breadcrumbHelpers.js";
+import { createBreadcrumbNavigateTransition as y } from "../../Common/FlowBreadcrumbs/breadcrumbTransitionHelpers.js";
+const l = y(), R = {
+  configuration: {
+    parent: null,
+    item: {
+      id: "configuration",
+      label: "breadcrumbLabel",
+      namespace: "Payroll.PayrollConfiguration",
+      onNavigate: ((e) => ({
+        ...o("configuration", e, {
+          startDate: e.payPeriod?.startDate ?? "",
+          endDate: e.payPeriod?.endDate ?? ""
+        }),
+        component: d,
+        alerts: void 0
+      }))
+    }
+  },
+  overview: {
+    parent: "configuration",
+    item: {
+      id: "overview",
+      label: "breadcrumbLabel",
+      namespace: "Payroll.PayrollOverview",
+      onNavigate: ((e) => ({
+        ...o("overview", e, {
+          startDate: e.payPeriod?.startDate ?? "",
+          endDate: e.payPeriod?.endDate ?? ""
+        }),
+        component: p,
+        alerts: void 0
+      }))
+    }
+  },
+  editEmployee: {
+    parent: "configuration",
+    item: {
+      id: "editEmployee",
+      label: "breadcrumbLabel",
+      namespace: "Payroll.PayrollEditEmployee"
+    }
+  },
+  receipts: {
+    parent: "overview",
+    item: {
+      id: "receipts",
+      label: "breadcrumbLabel",
+      namespace: "Payroll.PayrollReceipts"
+    }
+  },
+  blockers: {
+    parent: "configuration",
+    item: {
+      id: "blockers",
+      label: "breadcrumbLabel",
+      namespace: "Payroll.PayrollBlocker"
+    }
+  }
+}, u = r(
+  i.RUN_PAYROLL_CALCULATED,
+  "overview",
+  t(
+    (e, a) => ({
+      ...o("overview", e, {
+        startDate: a.payload.payPeriod?.startDate ?? "",
+        endDate: a.payload.payPeriod?.endDate ?? ""
+      }),
+      component: p,
+      payPeriod: a.payload.payPeriod ?? e.payPeriod,
+      alerts: a.payload.alert ? [...e.alerts ?? [], a.payload.alert] : e.alerts,
+      ctaConfig: {
+        labelKey: "exitFlowCta",
+        namespace: "Payroll.PayrollOverview"
+      }
+    })
+  )
+), P = r(
+  i.RUN_PAYROLL_EMPLOYEE_EDIT,
+  "editEmployee",
+  t(
+    (e, a) => ({
+      ...o("editEmployee", e, {
+        firstName: a.payload.firstName,
+        lastName: a.payload.lastName,
+        startDate: e.payPeriod?.startDate ?? "",
+        endDate: e.payPeriod?.endDate ?? ""
+      }),
+      progressBarType: "breadcrumbs",
+      component: c,
+      employeeId: a.payload.employeeId,
+      firstName: a.payload.firstName,
+      lastName: a.payload.lastName,
+      ctaConfig: null
+    })
+  )
+), b = r(
+  i.RUN_PAYROLL_BLOCKERS_VIEW_ALL,
+  "blockers",
+  t((e) => ({
+    ...o("blockers", e),
+    component: m
+  }))
+), f = r(
+  i.RUN_PAYROLL_EDIT,
+  "configuration",
+  t((e) => ({
+    ...o("configuration", e, {
+      startDate: e.payPeriod?.startDate ?? "",
+      endDate: e.payPeriod?.endDate ?? ""
+    }),
+    component: d,
+    alerts: void 0,
+    ctaConfig: {
+      labelKey: "exitFlowCta",
+      namespace: "Payroll.PayrollConfiguration"
+    }
+  }))
+), g = r(
+  i.RUN_PAYROLL_RECEIPT_GET,
+  "receipts",
+  t(
+    (e) => ({
+      ...o("receipts", e, {
+        startDate: e.payPeriod?.startDate ?? "",
+        endDate: e.payPeriod?.endDate ?? ""
+      }),
+      component: s,
+      progressBarType: "breadcrumbs",
+      alerts: void 0,
+      ctaConfig: {
+        labelKey: "exitFlowCta",
+        namespace: "Payroll.PayrollReceipts"
+      }
+    })
+  )
+), E = r(
+  i.RUN_PAYROLL_EMPLOYEE_SAVED,
+  "configuration",
+  t(
+    (e) => ({
+      ...e,
+      currentBreadcrumbId: "configuration",
+      component: d,
+      employeeId: void 0,
+      firstName: void 0,
+      lastName: void 0,
+      ctaConfig: {
+        labelKey: "exitFlowCta",
+        namespace: "Payroll.PayrollConfiguration"
+      }
+    })
+  )
+), D = r(
+  i.RUN_PAYROLL_EMPLOYEE_CANCELLED,
+  "configuration",
+  t(
+    (e) => ({
+      ...e,
+      currentBreadcrumbId: "configuration",
+      component: d,
+      employeeId: void 0,
+      firstName: void 0,
+      lastName: void 0,
+      ctaConfig: {
+        labelKey: "exitFlowCta",
+        namespace: "Payroll.PayrollConfiguration"
+      }
+    })
+  )
+), w = {
+  configuration: n(
+    l("configuration"),
+    u,
+    P,
+    b
+  ),
+  overview: n(
+    l("configuration"),
+    f,
+    g
+  ),
+  editEmployee: n(
+    l("configuration"),
+    E,
+    D
+  ),
+  receipts: n(l("configuration")),
+  blockers: n(l("configuration"))
+};
+export {
+  R as payrollExecutionBreadcrumbsNodes,
+  w as payrollExecutionMachine
+};
+//# sourceMappingURL=payrollExecutionMachine.js.map

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":";;;;;AAuCA,MAAMA,IACJC,EAAA,GAIWC,IAAoD;AAAA,EAC/D,eAAe;AAAA,IACb,QAAQ;AAAA,IACR,MAAM;AAAA,MACJ,IAAI;AAAA,MACJ,OAAO;AAAA,MACP,WAAW;AAAA,MACX,aAAa,CAACC,OAAsC;AAAA,QAClD,GAAGC,EAAkB,iBAAiBD,GAAK;AAAA,UACzC,WAAWA,EAAI,WAAW,aAAa;AAAA,UACvC,SAASA,EAAI,WAAW,WAAW;AAAA,QAAA,CACpC;AAAA,QACD,WAAWE;AAAA,QACX,QAAQ;AAAA,MAAA;AAAA,IACV;AAAA,EACF;AAAA,EAEF,UAAU;AAAA,IACR,QAAQ;AAAA,IACR,MAAM;AAAA,MACJ,IAAI;AAAA,MACJ,OAAO;AAAA,MACP,WAAW;AAAA,MACX,aAAa,CAACF,OAAsC;AAAA,QAClD,GAAGC,EAAkB,YAAYD,GAAK;AAAA,UACpC,WAAWA,EAAI,WAAW,aAAa;AAAA,UACvC,SAASA,EAAI,WAAW,WAAW;AAAA,QAAA,CACpC;AAAA,QACD,WAAWG;AAAA,QACX,QAAQ;AAAA,MAAA;AAAA,IACV;AAAA,EACF;AAAA,EAEF,cAAc;AAAA,IACZ,QAAQ;AAAA,IACR,MAAM;AAAA,MACJ,IAAI;AAAA,MACJ,OAAO;AAAA,MACP,WAAW;AAAA,IAAA;AAAA,EACb;AAAA,EAEF,UAAU;AAAA,IACR,QAAQ;AAAA,IACR,MAAM;AAAA,MACJ,IAAI;AAAA,MACJ,OAAO;AAAA,MACP,WAAW;AAAA,IAAA;AAAA,EACb;AAAA,EAEF,UAAU;AAAA,IACR,QAAQ;AAAA,IACR,MAAM;AAAA,MACJ,IAAI;AAAA,MACJ,OAAO;AAAA,MACP,WAAW;AAAA,IAAA;AAAA,EACb;AAEJ,GAEMC,IAAuBC;AAAA,EAC3BC,EAAgB;AAAA,EAChB;AAAA,EACAC;AAAA,IACE,CACEP,GACAQ,OAEO;AAAA,MACL,GAAGP,EAAkB,YAAYD,GAAK;AAAA,QACpC,WAAWQ,EAAG,QAAQ,WAAW,aAAa;AAAA,QAC9C,SAASA,EAAG,QAAQ,WAAW,WAAW;AAAA,MAAA,CAC3C;AAAA,MACD,WAAWL;AAAA,MACX,WAAWK,EAAG,QAAQ,aAAaR,EAAI;AAAA,MACvC,QAAQQ,EAAG,QAAQ,QAAQ,CAAC,GAAIR,EAAI,UAAU,CAAA,GAAKQ,EAAG,QAAQ,KAAK,IAAIR,EAAI;AAAA,MAC3E,WAAW;AAAA,QACT,UAAU;AAAA,QACV,WAAW;AAAA,MAAA;AAAA,IACb;AAAA,EAEJ;AAEJ,GAEMS,IAAyBJ;AAAA,EAC7BC,EAAgB;AAAA,EAChB;AAAA,EACAC;AAAA,IACE,CACEP,GACAQ,OAEO;AAAA,MACL,GAAGP,EAAkB,gBAAgBD,GAAK;AAAA,QACxC,WAAWQ,EAAG,QAAQ;AAAA,QACtB,UAAUA,EAAG,QAAQ;AAAA,QACrB,WAAWR,EAAI,WAAW,aAAa;AAAA,QACvC,SAASA,EAAI,WAAW,WAAW;AAAA,MAAA,CACpC;AAAA,MACD,iBAAiB;AAAA,MACjB,WAAWU;AAAA,MACX,YAAYF,EAAG,QAAQ;AAAA,MACvB,WAAWA,EAAG,QAAQ;AAAA,MACtB,UAAUA,EAAG,QAAQ;AAAA,MACrB,WAAW;AAAA,IAAA;AAAA,EAEf;AAEJ,GAEMG,IAA4BN;AAAA,EAChCC,EAAgB;AAAA,EAChB;AAAA,EACAC,EAAO,CAACP,OACC;AAAA,IACL,GAAGC,EAAkB,YAAYD,CAAG;AAAA,IACpC,WAAWY;AAAA,EAAA,EAEd;AACH,GAEMC,IAAwBR;AAAA,EAC5BC,EAAgB;AAAA,EAChB;AAAA,EACAC,EAAO,CAACP,OACC;AAAA,IACL,GAAGC,EAAkB,iBAAiBD,GAAK;AAAA,MACzC,WAAWA,EAAI,WAAW,aAAa;AAAA,MACvC,SAASA,EAAI,WAAW,WAAW;AAAA,IAAA,CACpC;AAAA,IACD,WAAWE;AAAA,IACX,QAAQ;AAAA,IACR,WAAW;AAAA,MACT,UAAU;AAAA,MACV,WAAW;AAAA,IAAA;AAAA,EACb,EAEH;AACH,GAEMY,IAAuBT;AAAA,EAC3BC,EAAgB;AAAA,EAChB;AAAA,EACAC;AAAA,IACE,CAACP,OAAmE;AAAA,MAClE,GAAGC,EAAkB,YAAYD,GAAK;AAAA,QACpC,WAAWA,EAAI,WAAW,aAAa;AAAA,QACvC,SAASA,EAAI,WAAW,WAAW;AAAA,MAAA,CACpC;AAAA,MACD,WAAWe;AAAA,MACX,iBAAiB;AAAA,MACjB,QAAQ;AAAA,MACR,WAAW;AAAA,QACT,UAAU;AAAA,QACV,WAAW;AAAA,MAAA;AAAA,IACb;AAAA,EACF;AAEJ,GAEMC,IAA0BX;AAAA,EAC9BC,EAAgB;AAAA,EAChB;AAAA,EACAC;AAAA,IACE,CAACP,OAAmE;AAAA,MAClE,GAAGA;AAAA,MACH,qBAAqB;AAAA,MACrB,WAAWE;AAAA,MACX,YAAY;AAAA,MACZ,WAAW;AAAA,MACX,UAAU;AAAA,MACV,WAAW;AAAA,QACT,UAAU;AAAA,QACV,WAAW;AAAA,MAAA;AAAA,IACb;AAAA,EACF;AAEJ,GAEMe,IAA8BZ;AAAA,EAClCC,EAAgB;AAAA,EAChB;AAAA,EACAC;AAAA,IACE,CAACP,OAAmE;AAAA,MAClE,GAAGA;AAAA,MACH,qBAAqB;AAAA,MACrB,WAAWE;AAAA,MACX,YAAY;AAAA,MACZ,WAAW;AAAA,MACX,UAAU;AAAA,MACV,WAAW;AAAA,QACT,UAAU;AAAA,QACV,WAAW;AAAA,MAAA;AAAA,IACb;AAAA,EACF;AAEJ,GAEagB,IAA0B;AAAA,EACrC,eAAeC;AAAA,IACbtB,EAA6B,eAAe;AAAA,IAC5CO;AAAA,IACAK;AAAA,IACAE;AAAA,EAAA;AAAA,EAEF,UAAUQ;AAAA,IACRtB,EAA6B,eAAe;AAAA,IAC5CgB;AAAA,IACAC;AAAA,EAAA;AAAA,EAEF,cAAcK;AAAA,IACZtB,EAA6B,eAAe;AAAA,IAC5CmB;AAAA,IACAC;AAAA,EAAA;AAAA,EAEF,UAAUE,EAAyBtB,EAA6B,eAAe,CAAC;AAAA,EAChF,UAAUsB,EAAyBtB,EAA6B,eAAe,CAAC;AAClF;"}

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;"}