@gusto/embedded-react-sdk 0.17.0 → 0.19.0

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        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,cAAcL,EAAE,WAAW;AAAA,QAC3B,YAAU;AAAA,QACV,OAAOK,EAAQ;AAAA,QACf,oBAAkBR;AAAA,MAAA;AAAA,MANbQ,EAAQ;AAAA,IAAA;AAAA,IAQdQ,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        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,cAAcL,EAAE,WAAW;AAAA,QAC3B,YAAU;AAAA,QACV,OAAOK,EAAQ;AAAA,QACf,oBAAkBR;AAAA,MAAA;AAAA,MANbQ,EAAQ;AAAA,IAAA;AAAA,IAQdQ,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/PayrollFlow/PayrollFlowComponents.d.ts

@@ -1,4 +1,5 @@
 import { ReactNode } from 'react';
+import { PayrollPayPeriodType } from '@gusto/embedded-api/models/components/payrollpayperiodtype';
 import { FlowContextInterface } from '../../Flow/useFlow';
 import { BaseComponentInterface } from '../../Base';
 import { BreadcrumbTrail } from '../../Common/FlowBreadcrumbs/FlowBreadcrumbsTypes';
@@ -12,12 +13,13 @@ export type PayrollFlowAlert = {
 };
 export interface PayrollFlowContextInterface extends FlowContextInterface {
     companyId: string;
-    payrollId?: string;
+    payrollUuid?: string;
     employeeId?: string;
     firstName?: string;
     lastName?: string;
     alerts?: PayrollFlowAlert[];
     breadcrumbs?: BreadcrumbTrail;
+    payPeriod?: PayrollPayPeriodType;
 }
 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

@@ -1,6 +1,6 @@
 import { jsx as e } from "react/jsx-runtime";
-import { useTranslation as p } from "react-i18next";
-import { PayrollLanding as i } from "../PayrollLanding/PayrollLanding.js";
+import { useTranslation as i } from "react-i18next";
+import { PayrollLanding as p } from "../PayrollLanding/PayrollLanding.js";
 import { PayrollConfiguration as c } from "../PayrollConfiguration/PayrollConfiguration.js";
 import { PayrollOverview as y } from "../PayrollOverview/PayrollOverview.js";
 import { PayrollEditEmployee as u } from "../PayrollEditEmployee/PayrollEditEmployee.js";
@@ -11,12 +11,12 @@ import { ensureRequired as t } from "../../../helpers/ensureRequired.js";
 import { useComponentContext as s } from "../../../contexts/ComponentAdapter/useComponentContext.js";
 import { useI18n as I } from "../../../i18n/I18n.js";
 import { componentEvents as v } from "../../../shared/constants.js";
-function F() {
+function A() {
   const { companyId: n, onEvent: o } = l();
-  return /* @__PURE__ */ e(i, { onEvent: o, companyId: t(n) });
+  return /* @__PURE__ */ e(p, { onEvent: o, companyId: t(n) });
 }
-function K() {
-  const { companyId: n, payrollId: o, onEvent: r } = l();
+function F() {
+  const { companyId: n, payrollUuid: o, onEvent: r } = l();
   return /* @__PURE__ */ e(
     c,
     {
@@ -26,8 +26,8 @@ function K() {
     }
   );
 }
-function T() {
-  const { companyId: n, payrollId: o, onEvent: r, alerts: a } = l();
+function K() {
+  const { companyId: n, payrollUuid: o, onEvent: r, alerts: a } = l();
   return /* @__PURE__ */ e(
     y,
     {
@@ -38,8 +38,8 @@ function T() {
     }
   );
 }
-function _() {
-  const { companyId: n, payrollId: o, employeeId: r, onEvent: a } = l();
+function T() {
+  const { companyId: n, payrollUuid: o, employeeId: r, onEvent: a } = l();
   return /* @__PURE__ */ e(
     u,
     {
@@ -50,18 +50,18 @@ function _() {
     }
   );
 }
-function h() {
-  const { payrollId: n, onEvent: o } = l();
+function _() {
+  const { payrollUuid: n, onEvent: o } = l();
   return /* @__PURE__ */ e(d, { onEvent: o, payrollId: t(n) });
 }
-function j() {
+function h() {
   const { companyId: n, onEvent: o } = l();
   return /* @__PURE__ */ e(f, { onEvent: o, companyId: t(n) });
 }
-function q() {
+function j() {
   const { onEvent: n, ctaConfig: o } = l(), { Button: r } = s(), a = o?.namespace || "common";
   I([a]);
-  const { t: m } = p(a);
+  const { t: m } = i(a);
   return o?.labelKey ? /* @__PURE__ */ e(
     r,
     {
@@ -74,12 +74,12 @@ function q() {
   ) : null;
 }
 export {
-  j as PayrollBlockerContextual,
-  K as PayrollConfigurationContextual,
-  _ as PayrollEditEmployeeContextual,
-  F as PayrollLandingContextual,
-  T as PayrollOverviewContextual,
-  h as PayrollReceiptsContextual,
-  q as SaveAndExitCta
+  h as PayrollBlockerContextual,
+  F as PayrollConfigurationContextual,
+  T as PayrollEditEmployeeContextual,
+  A as PayrollLandingContextual,
+  K as PayrollOverviewContextual,
+  _ as PayrollReceiptsContextual,
+  j as SaveAndExitCta
 };
 //# sourceMappingURL=PayrollFlowComponents.js.map

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 { PayrollLanding } from '../PayrollLanding/PayrollLanding'\nimport { PayrollConfiguration } from '../PayrollConfiguration/PayrollConfiguration'\nimport { PayrollOverview } from '../PayrollOverview/PayrollOverview'\nimport { PayrollEditEmployee } from '../PayrollEditEmployee/PayrollEditEmployee'\nimport { PayrollReceipts } from '../PayrollReceipts/PayrollReceipts'\nimport { PayrollBlocker } from '../PayrollBlocker/PayrollBlocker'\nimport { useFlow, type FlowContextInterface } from '@/components/Flow/useFlow'\nimport type { BaseComponentInterface } from '@/components/Base'\nimport { ensureRequired } from '@/helpers/ensureRequired'\nimport type { BreadcrumbTrail } from '@/components/Common/FlowBreadcrumbs/FlowBreadcrumbsTypes'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useI18n } from '@/i18n'\nimport { componentEvents } from '@/shared/constants'\n\nexport interface PayrollFlowProps extends BaseComponentInterface {\n  companyId: string\n}\n\nexport type PayrollFlowAlert = {\n  type: 'error' | 'info' | 'success'\n  title: string\n  content?: ReactNode\n}\n\nexport interface PayrollFlowContextInterface extends FlowContextInterface {\n  companyId: string\n  payrollId?: string\n  employeeId?: string\n  firstName?: string\n  lastName?: string\n  alerts?: PayrollFlowAlert[]\n  breadcrumbs?: BreadcrumbTrail\n}\n\nexport function PayrollLandingContextual() {\n  const { companyId, onEvent } = useFlow<PayrollFlowContextInterface>()\n  return <PayrollLanding onEvent={onEvent} companyId={ensureRequired(companyId)} />\n}\n\nexport function PayrollConfigurationContextual() {\n  const { companyId, payrollId, onEvent } = useFlow<PayrollFlowContextInterface>()\n  return (\n    <PayrollConfiguration\n      onEvent={onEvent}\n      companyId={ensureRequired(companyId)}\n      payrollId={ensureRequired(payrollId)}\n    />\n  )\n}\n\nexport function PayrollOverviewContextual() {\n  const { companyId, payrollId, onEvent, alerts } = useFlow<PayrollFlowContextInterface>()\n  return (\n    <PayrollOverview\n      onEvent={onEvent}\n      companyId={ensureRequired(companyId)}\n      payrollId={ensureRequired(payrollId)}\n      alerts={alerts}\n    />\n  )\n}\n\nexport function PayrollEditEmployeeContextual() {\n  const { companyId, payrollId, employeeId, onEvent } = useFlow<PayrollFlowContextInterface>()\n  return (\n    <PayrollEditEmployee\n      onEvent={onEvent}\n      companyId={ensureRequired(companyId)}\n      payrollId={ensureRequired(payrollId)}\n      employeeId={ensureRequired(employeeId)}\n    />\n  )\n}\n\nexport function PayrollReceiptsContextual() {\n  const { payrollId, onEvent } = useFlow<PayrollFlowContextInterface>()\n  return <PayrollReceipts onEvent={onEvent} payrollId={ensureRequired(payrollId)} />\n}\n\nexport function PayrollBlockerContextual() {\n  const { companyId, onEvent } = useFlow<PayrollFlowContextInterface>()\n  return <PayrollBlocker onEvent={onEvent} companyId={ensureRequired(companyId)} />\n}\n\nexport function SaveAndExitCta() {\n  const { onEvent, ctaConfig } = useFlow<PayrollFlowContextInterface>()\n  const { Button } = useComponentContext()\n  const namespace = ctaConfig?.namespace || 'common'\n  useI18n([namespace])\n  const { t } = useTranslation(namespace)\n\n  if (!ctaConfig?.labelKey) return null\n\n  return (\n    <Button\n      onClick={() => {\n        onEvent(componentEvents.PAYROLL_EXIT_FLOW)\n      }}\n      variant=\"secondary\"\n    >\n      {t(ctaConfig.labelKey as never)}\n    </Button>\n  )\n}\n"],"names":["PayrollLandingContextual","companyId","onEvent","useFlow","PayrollLanding","ensureRequired","PayrollConfigurationContextual","payrollId","jsx","PayrollConfiguration","PayrollOverviewContextual","alerts","PayrollOverview","PayrollEditEmployeeContextual","employeeId","PayrollEditEmployee","PayrollReceiptsContextual","PayrollReceipts","PayrollBlockerContextual","PayrollBlocker","SaveAndExitCta","ctaConfig","Button","useComponentContext","namespace","useI18n","t","useTranslation","componentEvents"],"mappings":";;;;;;;;;;;;;AAoCO,SAASA,IAA2B;AACzC,QAAM,EAAE,WAAAC,GAAW,SAAAC,EAAA,IAAYC,EAAA;AAC/B,2BAAQC,GAAA,EAAe,SAAAF,GAAkB,WAAWG,EAAeJ,CAAS,GAAG;AACjF;AAEO,SAASK,IAAiC;AAC/C,QAAM,EAAE,WAAAL,GAAW,WAAAM,GAAW,SAAAL,EAAA,IAAYC,EAAA;AAC1C,SACE,gBAAAK;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,SAAAP;AAAA,MACA,WAAWG,EAAeJ,CAAS;AAAA,MACnC,WAAWI,EAAeE,CAAS;AAAA,IAAA;AAAA,EAAA;AAGzC;AAEO,SAASG,IAA4B;AAC1C,QAAM,EAAE,WAAAT,GAAW,WAAAM,GAAW,SAAAL,GAAS,QAAAS,EAAA,IAAWR,EAAA;AAClD,SACE,gBAAAK;AAAA,IAACI;AAAA,IAAA;AAAA,MACC,SAAAV;AAAA,MACA,WAAWG,EAAeJ,CAAS;AAAA,MACnC,WAAWI,EAAeE,CAAS;AAAA,MACnC,QAAAI;AAAA,IAAA;AAAA,EAAA;AAGN;AAEO,SAASE,IAAgC;AAC9C,QAAM,EAAE,WAAAZ,GAAW,WAAAM,GAAW,YAAAO,GAAY,SAAAZ,EAAA,IAAYC,EAAA;AACtD,SACE,gBAAAK;AAAA,IAACO;AAAA,IAAA;AAAA,MACC,SAAAb;AAAA,MACA,WAAWG,EAAeJ,CAAS;AAAA,MACnC,WAAWI,EAAeE,CAAS;AAAA,MACnC,YAAYF,EAAeS,CAAU;AAAA,IAAA;AAAA,EAAA;AAG3C;AAEO,SAASE,IAA4B;AAC1C,QAAM,EAAE,WAAAT,GAAW,SAAAL,EAAA,IAAYC,EAAA;AAC/B,2BAAQc,GAAA,EAAgB,SAAAf,GAAkB,WAAWG,EAAeE,CAAS,GAAG;AAClF;AAEO,SAASW,IAA2B;AACzC,QAAM,EAAE,WAAAjB,GAAW,SAAAC,EAAA,IAAYC,EAAA;AAC/B,2BAAQgB,GAAA,EAAe,SAAAjB,GAAkB,WAAWG,EAAeJ,CAAS,GAAG;AACjF;AAEO,SAASmB,IAAiB;AAC/B,QAAM,EAAE,SAAAlB,GAAS,WAAAmB,EAAA,IAAclB,EAAA,GACzB,EAAE,QAAAmB,EAAA,IAAWC,EAAA,GACbC,IAAYH,GAAW,aAAa;AAC1C,EAAAI,EAAQ,CAACD,CAAS,CAAC;AACnB,QAAM,EAAE,GAAAE,EAAA,IAAMC,EAAeH,CAAS;AAEtC,SAAKH,GAAW,WAGd,gBAAAb;AAAA,IAACc;AAAA,IAAA;AAAA,MACC,SAAS,MAAM;AACb,QAAApB,EAAQ0B,EAAgB,iBAAiB;AAAA,MAC3C;AAAA,MACA,SAAQ;AAAA,MAEP,UAAAF,EAAEL,EAAU,QAAiB;AAAA,IAAA;AAAA,EAAA,IATD;AAYnC;"}
+{"version":3,"file":"PayrollFlowComponents.js","sources":["../../../../src/components/Payroll/PayrollFlow/PayrollFlowComponents.tsx"],"sourcesContent":["import type { ReactNode } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport type { PayrollPayPeriodType } from '@gusto/embedded-api/models/components/payrollpayperiodtype'\nimport { PayrollLanding } from '../PayrollLanding/PayrollLanding'\nimport { PayrollConfiguration } from '../PayrollConfiguration/PayrollConfiguration'\nimport { PayrollOverview } from '../PayrollOverview/PayrollOverview'\nimport { PayrollEditEmployee } from '../PayrollEditEmployee/PayrollEditEmployee'\nimport { PayrollReceipts } from '../PayrollReceipts/PayrollReceipts'\nimport { PayrollBlocker } from '../PayrollBlocker/PayrollBlocker'\nimport { useFlow, type FlowContextInterface } from '@/components/Flow/useFlow'\nimport type { BaseComponentInterface } from '@/components/Base'\nimport { ensureRequired } from '@/helpers/ensureRequired'\nimport type { BreadcrumbTrail } from '@/components/Common/FlowBreadcrumbs/FlowBreadcrumbsTypes'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useI18n } from '@/i18n'\nimport { componentEvents } from '@/shared/constants'\n\nexport interface PayrollFlowProps extends BaseComponentInterface {\n  companyId: string\n}\n\nexport type PayrollFlowAlert = {\n  type: 'error' | 'info' | 'success'\n  title: string\n  content?: ReactNode\n}\n\nexport interface PayrollFlowContextInterface extends FlowContextInterface {\n  companyId: string\n  payrollUuid?: string\n  employeeId?: string\n  firstName?: string\n  lastName?: string\n  alerts?: PayrollFlowAlert[]\n  breadcrumbs?: BreadcrumbTrail\n  payPeriod?: PayrollPayPeriodType\n}\n\nexport function PayrollLandingContextual() {\n  const { companyId, onEvent } = useFlow<PayrollFlowContextInterface>()\n  return <PayrollLanding onEvent={onEvent} companyId={ensureRequired(companyId)} />\n}\n\nexport function PayrollConfigurationContextual() {\n  const { companyId, payrollUuid, onEvent } = useFlow<PayrollFlowContextInterface>()\n  return (\n    <PayrollConfiguration\n      onEvent={onEvent}\n      companyId={ensureRequired(companyId)}\n      payrollId={ensureRequired(payrollUuid)}\n    />\n  )\n}\n\nexport function PayrollOverviewContextual() {\n  const { companyId, payrollUuid, onEvent, alerts } = useFlow<PayrollFlowContextInterface>()\n  return (\n    <PayrollOverview\n      onEvent={onEvent}\n      companyId={ensureRequired(companyId)}\n      payrollId={ensureRequired(payrollUuid)}\n      alerts={alerts}\n    />\n  )\n}\n\nexport function PayrollEditEmployeeContextual() {\n  const { companyId, payrollUuid, employeeId, onEvent } = useFlow<PayrollFlowContextInterface>()\n  return (\n    <PayrollEditEmployee\n      onEvent={onEvent}\n      companyId={ensureRequired(companyId)}\n      payrollId={ensureRequired(payrollUuid)}\n      employeeId={ensureRequired(employeeId)}\n    />\n  )\n}\n\nexport function PayrollReceiptsContextual() {\n  const { payrollUuid, onEvent } = useFlow<PayrollFlowContextInterface>()\n  return <PayrollReceipts onEvent={onEvent} payrollId={ensureRequired(payrollUuid)} />\n}\n\nexport function PayrollBlockerContextual() {\n  const { companyId, onEvent } = useFlow<PayrollFlowContextInterface>()\n  return <PayrollBlocker onEvent={onEvent} companyId={ensureRequired(companyId)} />\n}\n\nexport function SaveAndExitCta() {\n  const { onEvent, ctaConfig } = useFlow<PayrollFlowContextInterface>()\n  const { Button } = useComponentContext()\n  const namespace = ctaConfig?.namespace || 'common'\n  useI18n([namespace])\n  const { t } = useTranslation(namespace)\n\n  if (!ctaConfig?.labelKey) return null\n\n  return (\n    <Button\n      onClick={() => {\n        onEvent(componentEvents.PAYROLL_EXIT_FLOW)\n      }}\n      variant=\"secondary\"\n    >\n      {t(ctaConfig.labelKey as never)}\n    </Button>\n  )\n}\n"],"names":["PayrollLandingContextual","companyId","onEvent","useFlow","PayrollLanding","ensureRequired","PayrollConfigurationContextual","payrollUuid","jsx","PayrollConfiguration","PayrollOverviewContextual","alerts","PayrollOverview","PayrollEditEmployeeContextual","employeeId","PayrollEditEmployee","PayrollReceiptsContextual","PayrollReceipts","PayrollBlockerContextual","PayrollBlocker","SaveAndExitCta","ctaConfig","Button","useComponentContext","namespace","useI18n","t","useTranslation","componentEvents"],"mappings":";;;;;;;;;;;;;AAsCO,SAASA,IAA2B;AACzC,QAAM,EAAE,WAAAC,GAAW,SAAAC,EAAA,IAAYC,EAAA;AAC/B,2BAAQC,GAAA,EAAe,SAAAF,GAAkB,WAAWG,EAAeJ,CAAS,GAAG;AACjF;AAEO,SAASK,IAAiC;AAC/C,QAAM,EAAE,WAAAL,GAAW,aAAAM,GAAa,SAAAL,EAAA,IAAYC,EAAA;AAC5C,SACE,gBAAAK;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,SAAAP;AAAA,MACA,WAAWG,EAAeJ,CAAS;AAAA,MACnC,WAAWI,EAAeE,CAAW;AAAA,IAAA;AAAA,EAAA;AAG3C;AAEO,SAASG,IAA4B;AAC1C,QAAM,EAAE,WAAAT,GAAW,aAAAM,GAAa,SAAAL,GAAS,QAAAS,EAAA,IAAWR,EAAA;AACpD,SACE,gBAAAK;AAAA,IAACI;AAAA,IAAA;AAAA,MACC,SAAAV;AAAA,MACA,WAAWG,EAAeJ,CAAS;AAAA,MACnC,WAAWI,EAAeE,CAAW;AAAA,MACrC,QAAAI;AAAA,IAAA;AAAA,EAAA;AAGN;AAEO,SAASE,IAAgC;AAC9C,QAAM,EAAE,WAAAZ,GAAW,aAAAM,GAAa,YAAAO,GAAY,SAAAZ,EAAA,IAAYC,EAAA;AACxD,SACE,gBAAAK;AAAA,IAACO;AAAA,IAAA;AAAA,MACC,SAAAb;AAAA,MACA,WAAWG,EAAeJ,CAAS;AAAA,MACnC,WAAWI,EAAeE,CAAW;AAAA,MACrC,YAAYF,EAAeS,CAAU;AAAA,IAAA;AAAA,EAAA;AAG3C;AAEO,SAASE,IAA4B;AAC1C,QAAM,EAAE,aAAAT,GAAa,SAAAL,EAAA,IAAYC,EAAA;AACjC,2BAAQc,GAAA,EAAgB,SAAAf,GAAkB,WAAWG,EAAeE,CAAW,GAAG;AACpF;AAEO,SAASW,IAA2B;AACzC,QAAM,EAAE,WAAAjB,GAAW,SAAAC,EAAA,IAAYC,EAAA;AAC/B,2BAAQgB,GAAA,EAAe,SAAAjB,GAAkB,WAAWG,EAAeJ,CAAS,GAAG;AACjF;AAEO,SAASmB,IAAiB;AAC/B,QAAM,EAAE,SAAAlB,GAAS,WAAAmB,EAAA,IAAclB,EAAA,GACzB,EAAE,QAAAmB,EAAA,IAAWC,EAAA,GACbC,IAAYH,GAAW,aAAa;AAC1C,EAAAI,EAAQ,CAACD,CAAS,CAAC;AACnB,QAAM,EAAE,GAAAE,EAAA,IAAMC,EAAeH,CAAS;AAEtC,SAAKH,GAAW,WAGd,gBAAAb;AAAA,IAACc;AAAA,IAAA;AAAA,MACC,SAAS,MAAM;AACb,QAAApB,EAAQ0B,EAAgB,iBAAiB;AAAA,MAC3C;AAAA,MACA,SAAQ;AAAA,MAEP,UAAAF,EAAEL,EAAU,QAAiB;AAAA,IAAA;AAAA,EAAA,IATD;AAYnC;"}

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

@@ -1,5 +1,5 @@
 import { state as i, transition as o, reduce as r, guard as g } from "robot3";
-import { PayrollConfigurationContextual as p, PayrollOverviewContextual as y, PayrollEditEmployeeContextual as b, PayrollBlockerContextual as u, PayrollLandingContextual as s, PayrollReceiptsContextual as P } from "./PayrollFlowComponents.js";
+import { PayrollConfigurationContextual as p, PayrollOverviewContextual as s, PayrollEditEmployeeContextual as b, PayrollBlockerContextual as u, PayrollLandingContextual as m, PayrollReceiptsContextual as P } from "./PayrollFlowComponents.js";
 import { componentEvents as l } from "../../../shared/constants.js";
 import { updateBreadcrumbs as n } from "../../../helpers/breadcrumbHelpers.js";
 const v = {
@@ -13,7 +13,7 @@ const v = {
         ...e,
         currentBreadcrumb: "landing",
         progressBarType: null,
-        component: s
+        component: m
       }))
     }
   },
@@ -37,7 +37,7 @@ const v = {
       namespace: "Payroll.PayrollOverview",
       onNavigate: ((e) => ({
         ...n("overview", e),
-        component: y,
+        component: s,
         alerts: void 0
       }))
     }
@@ -66,26 +66,27 @@ const v = {
       namespace: "Payroll.PayrollBlocker"
     }
   }
-}, c = (e) => (a) => ({
+}, d = (e) => (a) => ({
   ...a,
   ...e
 }), t = (e) => o(
   l.BREADCRUMB_NAVIGATE,
   e,
   g(
-    (a, d) => d.payload.key === e
+    (a, y) => y.payload.key === e
   ),
   r(
-    (a, d) => d.payload.onNavigate(a)
+    (a, y) => y.payload.onNavigate(a)
   )
-), m = o(
+), c = o(
   l.PAYROLL_EXIT_FLOW,
   "landing",
   r(
-    c({
-      component: s,
+    d({
+      component: m,
       progressBarType: null,
-      currentBreadcrumbId: "landing"
+      currentBreadcrumbId: "landing",
+      alerts: void 0
     })
   )
 ), R = {
@@ -95,9 +96,12 @@ const v = {
       "configuration",
       r(
         (e, a) => ({
-          ...n("configuration", e),
+          ...n("configuration", e, {
+            startDate: a.payload.payPeriod.startDate ?? "",
+            endDate: a.payload.payPeriod.endDate ?? ""
+          }),
           component: p,
-          payrollId: a.payload.payrollId,
+          payrollUuid: a.payload.payrollUuid,
           progressBarType: "breadcrumbs",
           ctaConfig: {
             labelKey: "exitFlowCta",
@@ -111,9 +115,12 @@ const v = {
       "overview",
       r(
         (e, a) => ({
-          ...n("overview", e),
-          component: y,
-          payrollId: a.payload.payrollId,
+          ...n("overview", e, {
+            startDate: a.payload.payPeriod.startDate ?? "",
+            endDate: a.payload.payPeriod.endDate ?? ""
+          }),
+          component: s,
+          payrollUuid: a.payload.payrollUuid,
           progressBarType: "breadcrumbs",
           ctaConfig: {
             labelKey: "exitFlowCta",
@@ -126,7 +133,7 @@ const v = {
       l.RUN_PAYROLL_BLOCKERS_VIEW_ALL,
       "blockers",
       r(
-        c({
+        d({
           component: u,
           progressBarType: "breadcrumbs",
           ctaConfig: {
@@ -144,8 +151,11 @@ const v = {
       "overview",
       r(
         (e, a) => ({
-          ...n("overview", e),
-          component: y,
+          ...n("overview", e, {
+            startDate: a.payload.payPeriod?.startDate ?? "",
+            endDate: a.payload.payPeriod?.endDate ?? ""
+          }),
+          component: s,
           alerts: a.payload.alert ? [...e.alerts ?? [], a.payload.alert] : e.alerts,
           ctaConfig: {
             labelKey: "exitFlowCta",
@@ -183,7 +193,7 @@ const v = {
         })
       )
     ),
-    m
+    c
   ),
   overview: i(
     t("landing"),
@@ -195,6 +205,7 @@ const v = {
         (e, a) => ({
           ...n("configuration", e),
           component: p,
+          alerts: void 0,
           ctaConfig: {
             labelKey: "exitFlowCta",
             namespace: "Payroll.PayrollConfiguration"
@@ -206,9 +217,10 @@ const v = {
       l.RUN_PAYROLL_RECEIPT_GET,
       "receipts",
       r(
-        c({
+        d({
           component: P,
           progressBarType: "breadcrumbs",
+          alerts: void 0,
           ctaConfig: {
             labelKey: "exitFlowCta",
             namespace: "Payroll.PayrollReceipts"
@@ -220,14 +232,15 @@ const v = {
       l.RUN_PAYROLL_CANCELLED,
       "landing",
       r(
-        c({
-          component: s,
+        d({
+          component: m,
           progressBarType: null,
+          alerts: void 0,
           currentBreadcrumbId: "landing"
         })
       )
     ),
-    m
+    c
   ),
   editEmployee: i(
     t("landing"),
@@ -236,7 +249,7 @@ const v = {
       l.RUN_PAYROLL_EMPLOYEE_SAVED,
       "configuration",
       r(
-        c({
+        d({
           currentBreadcrumbId: "configuration",
           component: p,
           employeeId: void 0,
@@ -253,7 +266,7 @@ const v = {
       l.RUN_PAYROLL_EMPLOYEE_CANCELLED,
       "configuration",
       r(
-        c({
+        d({
           currentBreadcrumbId: "configuration",
           component: p,
           employeeId: void 0,
@@ -267,8 +280,8 @@ const v = {
       )
     )
   ),
-  receipts: i(t("landing"), m),
-  blockers: i(t("landing"), m)
+  receipts: i(t("landing"), c),
+  blockers: i(t("landing"), c)
 };
 export {
   v as payrollFlowBreadcrumbsNodes,

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

@@ -1 +1 @@
-{"version":3,"file":"payrollStateMachine.js","sources":["../../../../src/components/Payroll/PayrollFlow/payrollStateMachine.ts"],"sourcesContent":["import { transition, reduce, state, guard } from 'robot3'\nimport type { PayrollFlowAlert } from './PayrollFlowComponents'\nimport {\n  PayrollConfigurationContextual,\n  PayrollOverviewContextual,\n  PayrollEditEmployeeContextual,\n  PayrollReceiptsContextual,\n  PayrollBlockerContextual,\n  type PayrollFlowContextInterface,\n  PayrollLandingContextual,\n} from './PayrollFlowComponents'\nimport { componentEvents } from '@/shared/constants'\nimport type { MachineEventType, MachineTransition } from '@/types/Helpers'\nimport { updateBreadcrumbs } from '@/helpers/breadcrumbHelpers'\nimport type { BreadcrumbNodes } from '@/components/Common/FlowBreadcrumbs/FlowBreadcrumbsTypes'\n\ntype EventPayloads = {\n  [componentEvents.RUN_PAYROLL_SELECTED]: {\n    payrollId: string\n  }\n  [componentEvents.REVIEW_PAYROLL]: {\n    payrollId: string\n  }\n  [componentEvents.RUN_PAYROLL_EMPLOYEE_EDIT]: {\n    employeeId: string\n    firstName: string\n    lastName: string\n  }\n  [componentEvents.RUN_PAYROLL_CALCULATED]: {\n    payrollId: string\n    alert?: PayrollFlowAlert\n  }\n  [componentEvents.BREADCRUMB_NAVIGATE]: {\n    key: string\n    onNavigate: (ctx: PayrollFlowContextInterface) => PayrollFlowContextInterface\n  }\n  [componentEvents.RUN_PAYROLL_BLOCKERS_VIEW_ALL]: undefined\n  [componentEvents.RUN_PAYROLL_EDIT]: undefined\n}\n\nexport const payrollFlowBreadcrumbsNodes: BreadcrumbNodes = {\n  landing: {\n    parent: null,\n    item: {\n      id: 'landing',\n      label: 'labels.breadcrumbLabel',\n      namespace: 'Payroll.PayrollLanding',\n      onNavigate: ((ctx: PayrollFlowContextInterface) => ({\n        ...ctx,\n        currentBreadcrumb: 'landing',\n        progressBarType: null,\n        component: PayrollLandingContextual,\n      })) as (context: unknown) => unknown,\n    },\n  },\n  configuration: {\n    parent: 'landing',\n    item: {\n      id: 'configuration',\n      label: 'breadcrumbLabel',\n      namespace: 'Payroll.PayrollConfiguration',\n      onNavigate: ((ctx: PayrollFlowContextInterface) => ({\n        ...updateBreadcrumbs('configuration', ctx),\n        component: PayrollConfigurationContextual,\n      })) as (context: unknown) => unknown,\n    },\n  },\n  overview: {\n    parent: 'configuration',\n    item: {\n      id: 'overview',\n      label: 'breadcrumbLabel',\n      namespace: 'Payroll.PayrollOverview',\n      onNavigate: ((ctx: PayrollFlowContextInterface) => ({\n        ...updateBreadcrumbs('overview', ctx),\n        component: PayrollOverviewContextual,\n        alerts: undefined,\n      })) as (context: unknown) => unknown,\n    },\n  },\n  editEmployee: {\n    parent: 'configuration',\n    item: {\n      id: 'editEmployee',\n      label: 'breadcrumbLabel',\n      namespace: 'Payroll.PayrollEditEmployee',\n    },\n  },\n  receipts: {\n    parent: 'overview',\n    item: {\n      id: 'receipts',\n      label: 'breadcrumbLabel',\n      namespace: 'Payroll.PayrollReceipts',\n    },\n  },\n  blockers: {\n    parent: 'landing',\n    item: {\n      id: 'blockers',\n      label: 'breadcrumbLabel',\n      namespace: 'Payroll.PayrollBlocker',\n    },\n  },\n} as const\n\nconst createReducer = (props: Partial<PayrollFlowContextInterface>) => {\n  return (ctx: PayrollFlowContextInterface): PayrollFlowContextInterface => ({\n    ...ctx,\n    ...props,\n  })\n}\n\nconst breadcrumbNavigateTransition = (targetState: string) =>\n  transition(\n    componentEvents.BREADCRUMB_NAVIGATE,\n    targetState,\n    guard(\n      (ctx: PayrollFlowContextInterface, ev: { payload: { key: string } }) =>\n        ev.payload.key === targetState,\n    ),\n    reduce(\n      (\n        ctx: PayrollFlowContextInterface,\n        ev: MachineEventType<EventPayloads, typeof componentEvents.BREADCRUMB_NAVIGATE>,\n      ): PayrollFlowContextInterface => ev.payload.onNavigate(ctx),\n    ),\n  )\n\nconst exitFlowTransition = transition(\n  componentEvents.PAYROLL_EXIT_FLOW,\n  'landing',\n  reduce(\n    createReducer({\n      component: PayrollLandingContextual,\n      progressBarType: null,\n      currentBreadcrumbId: 'landing',\n    }),\n  ),\n)\n\nexport const payrollMachine = {\n  landing: state<MachineTransition>(\n    transition(\n      componentEvents.RUN_PAYROLL_SELECTED,\n      'configuration',\n      reduce(\n        (\n          ctx: PayrollFlowContextInterface,\n          ev: MachineEventType<EventPayloads, typeof componentEvents.RUN_PAYROLL_SELECTED>,\n        ): PayrollFlowContextInterface => {\n          return {\n            ...updateBreadcrumbs('configuration', ctx),\n            component: PayrollConfigurationContextual,\n            payrollId: ev.payload.payrollId,\n            progressBarType: 'breadcrumbs',\n            ctaConfig: {\n              labelKey: 'exitFlowCta',\n              namespace: 'Payroll.PayrollConfiguration',\n            },\n          }\n        },\n      ),\n    ),\n    transition(\n      componentEvents.REVIEW_PAYROLL,\n      'overview',\n      reduce(\n        (\n          ctx: PayrollFlowContextInterface,\n          ev: MachineEventType<EventPayloads, typeof componentEvents.REVIEW_PAYROLL>,\n        ): PayrollFlowContextInterface => {\n          return {\n            ...updateBreadcrumbs('overview', ctx),\n            component: PayrollOverviewContextual,\n            payrollId: ev.payload.payrollId,\n            progressBarType: 'breadcrumbs',\n            ctaConfig: {\n              labelKey: 'exitFlowCta',\n              namespace: 'Payroll.PayrollOverview',\n            },\n          }\n        },\n      ),\n    ),\n    transition(\n      componentEvents.RUN_PAYROLL_BLOCKERS_VIEW_ALL,\n      'blockers',\n      reduce(\n        createReducer({\n          component: PayrollBlockerContextual,\n          progressBarType: 'breadcrumbs',\n          ctaConfig: {\n            labelKey: 'exitFlowCta',\n            namespace: 'Payroll.PayrollBlocker',\n          },\n        }),\n      ),\n    ),\n  ),\n  configuration: state<MachineTransition>(\n    breadcrumbNavigateTransition('landing'),\n    transition(\n      componentEvents.RUN_PAYROLL_CALCULATED,\n      'overview',\n      reduce(\n        (\n          ctx: PayrollFlowContextInterface,\n          ev: MachineEventType<EventPayloads, typeof componentEvents.RUN_PAYROLL_CALCULATED>,\n        ): PayrollFlowContextInterface => {\n          return {\n            ...updateBreadcrumbs('overview', ctx),\n            component: PayrollOverviewContextual,\n            alerts: ev.payload.alert ? [...(ctx.alerts ?? []), ev.payload.alert] : ctx.alerts,\n            ctaConfig: {\n              labelKey: 'exitFlowCta',\n              namespace: 'Payroll.PayrollOverview',\n            },\n          }\n        },\n      ),\n    ),\n    transition(\n      componentEvents.RUN_PAYROLL_EMPLOYEE_EDIT,\n      'editEmployee',\n      reduce(\n        (\n          ctx: PayrollFlowContextInterface,\n          ev: MachineEventType<EventPayloads, typeof componentEvents.RUN_PAYROLL_EMPLOYEE_EDIT>,\n        ): PayrollFlowContextInterface => {\n          return {\n            ...updateBreadcrumbs('editEmployee', ctx, {\n              firstName: ev.payload.firstName,\n              lastName: ev.payload.lastName,\n            }),\n            progressBarType: 'breadcrumbs',\n            component: PayrollEditEmployeeContextual,\n            employeeId: ev.payload.employeeId,\n            firstName: ev.payload.firstName,\n            lastName: ev.payload.lastName,\n            ctaConfig: null, // This state does not have exit cta in breadcrumbs\n          }\n        },\n      ),\n    ),\n    transition(\n      componentEvents.RUN_PAYROLL_BLOCKERS_VIEW_ALL,\n      'blockers',\n      reduce(\n        (\n          ctx: PayrollFlowContextInterface,\n          ev: MachineEventType<EventPayloads, typeof componentEvents.RUN_PAYROLL_BLOCKERS_VIEW_ALL>,\n        ): PayrollFlowContextInterface => {\n          return {\n            ...updateBreadcrumbs('blockers', ctx),\n            component: PayrollBlockerContextual,\n          }\n        },\n      ),\n    ),\n    exitFlowTransition,\n  ),\n  overview: state<MachineTransition>(\n    breadcrumbNavigateTransition('landing'),\n    breadcrumbNavigateTransition('configuration'),\n    transition(\n      componentEvents.RUN_PAYROLL_EDIT,\n      'configuration',\n      reduce(\n        (\n          ctx: PayrollFlowContextInterface,\n          ev: MachineEventType<EventPayloads, typeof componentEvents.RUN_PAYROLL_EDIT>,\n        ): PayrollFlowContextInterface => {\n          return {\n            ...updateBreadcrumbs('configuration', ctx),\n            component: PayrollConfigurationContextual,\n            ctaConfig: {\n              labelKey: 'exitFlowCta',\n              namespace: 'Payroll.PayrollConfiguration',\n            },\n          }\n        },\n      ),\n    ),\n\n    transition(\n      componentEvents.RUN_PAYROLL_RECEIPT_GET,\n      'receipts',\n      reduce(\n        createReducer({\n          component: PayrollReceiptsContextual,\n          progressBarType: 'breadcrumbs',\n          ctaConfig: {\n            labelKey: 'exitFlowCta',\n            namespace: 'Payroll.PayrollReceipts',\n          },\n        }),\n      ),\n    ),\n    transition(\n      componentEvents.RUN_PAYROLL_CANCELLED,\n      'landing',\n      reduce(\n        createReducer({\n          component: PayrollLandingContextual,\n          progressBarType: null,\n          currentBreadcrumbId: 'landing',\n        }),\n      ),\n    ),\n    exitFlowTransition,\n  ),\n  editEmployee: state<MachineTransition>(\n    breadcrumbNavigateTransition('landing'),\n    breadcrumbNavigateTransition('configuration'),\n    transition(\n      componentEvents.RUN_PAYROLL_EMPLOYEE_SAVED,\n      'configuration',\n      reduce(\n        createReducer({\n          currentBreadcrumbId: 'configuration',\n          component: PayrollConfigurationContextual,\n          employeeId: undefined,\n          firstName: undefined,\n          lastName: undefined,\n          ctaConfig: {\n            labelKey: 'exitFlowCta',\n            namespace: 'Payroll.PayrollConfiguration',\n          },\n        }),\n      ),\n    ),\n    transition(\n      componentEvents.RUN_PAYROLL_EMPLOYEE_CANCELLED,\n      'configuration',\n      reduce(\n        createReducer({\n          currentBreadcrumbId: 'configuration',\n          component: PayrollConfigurationContextual,\n          employeeId: undefined,\n          firstName: undefined,\n          lastName: undefined,\n          ctaConfig: {\n            labelKey: 'exitFlowCta',\n            namespace: 'Payroll.PayrollConfiguration',\n          },\n        }),\n      ),\n    ),\n  ),\n  receipts: state<MachineTransition>(breadcrumbNavigateTransition('landing'), exitFlowTransition),\n  blockers: state<MachineTransition>(breadcrumbNavigateTransition('landing'), exitFlowTransition),\n}\n"],"names":["payrollFlowBreadcrumbsNodes","ctx","PayrollLandingContextual","updateBreadcrumbs","PayrollConfigurationContextual","PayrollOverviewContextual","createReducer","props","breadcrumbNavigateTransition","targetState","transition","componentEvents","guard","ev","reduce","exitFlowTransition","payrollMachine","state","PayrollBlockerContextual","PayrollEditEmployeeContextual","PayrollReceiptsContextual"],"mappings":";;;;AAwCO,MAAMA,IAA+C;AAAA,EAC1D,SAAS;AAAA,IACP,QAAQ;AAAA,IACR,MAAM;AAAA,MACJ,IAAI;AAAA,MACJ,OAAO;AAAA,MACP,WAAW;AAAA,MACX,aAAa,CAACC,OAAsC;AAAA,QAClD,GAAGA;AAAA,QACH,mBAAmB;AAAA,QACnB,iBAAiB;AAAA,QACjB,WAAWC;AAAA,MAAA;AAAA,IACb;AAAA,EACF;AAAA,EAEF,eAAe;AAAA,IACb,QAAQ;AAAA,IACR,MAAM;AAAA,MACJ,IAAI;AAAA,MACJ,OAAO;AAAA,MACP,WAAW;AAAA,MACX,aAAa,CAACD,OAAsC;AAAA,QAClD,GAAGE,EAAkB,iBAAiBF,CAAG;AAAA,QACzC,WAAWG;AAAA,MAAA;AAAA,IACb;AAAA,EACF;AAAA,EAEF,UAAU;AAAA,IACR,QAAQ;AAAA,IACR,MAAM;AAAA,MACJ,IAAI;AAAA,MACJ,OAAO;AAAA,MACP,WAAW;AAAA,MACX,aAAa,CAACH,OAAsC;AAAA,QAClD,GAAGE,EAAkB,YAAYF,CAAG;AAAA,QACpC,WAAWI;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,IAAgB,CAACC,MACd,CAACN,OAAmE;AAAA,EACzE,GAAGA;AAAA,EACH,GAAGM;AAAA,IAIDC,IAA+B,CAACC,MACpCC;AAAA,EACEC,EAAgB;AAAA,EAChBF;AAAA,EACAG;AAAA,IACE,CAACX,GAAkCY,MACjCA,EAAG,QAAQ,QAAQJ;AAAA,EAAA;AAAA,EAEvBK;AAAA,IACE,CACEb,GACAY,MACgCA,EAAG,QAAQ,WAAWZ,CAAG;AAAA,EAAA;AAE/D,GAEIc,IAAqBL;AAAA,EACzBC,EAAgB;AAAA,EAChB;AAAA,EACAG;AAAA,IACER,EAAc;AAAA,MACZ,WAAWJ;AAAA,MACX,iBAAiB;AAAA,MACjB,qBAAqB;AAAA,IAAA,CACtB;AAAA,EAAA;AAEL,GAEac,IAAiB;AAAA,EAC5B,SAASC;AAAA,IACPP;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAG;AAAA,QACE,CACEb,GACAY,OAEO;AAAA,UACL,GAAGV,EAAkB,iBAAiBF,CAAG;AAAA,UACzC,WAAWG;AAAA,UACX,WAAWS,EAAG,QAAQ;AAAA,UACtB,iBAAiB;AAAA,UACjB,WAAW;AAAA,YACT,UAAU;AAAA,YACV,WAAW;AAAA,UAAA;AAAA,QACb;AAAA,MAEJ;AAAA,IACF;AAAA,IAEFH;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAG;AAAA,QACE,CACEb,GACAY,OAEO;AAAA,UACL,GAAGV,EAAkB,YAAYF,CAAG;AAAA,UACpC,WAAWI;AAAA,UACX,WAAWQ,EAAG,QAAQ;AAAA,UACtB,iBAAiB;AAAA,UACjB,WAAW;AAAA,YACT,UAAU;AAAA,YACV,WAAW;AAAA,UAAA;AAAA,QACb;AAAA,MAEJ;AAAA,IACF;AAAA,IAEFH;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAG;AAAA,QACER,EAAc;AAAA,UACZ,WAAWY;AAAA,UACX,iBAAiB;AAAA,UACjB,WAAW;AAAA,YACT,UAAU;AAAA,YACV,WAAW;AAAA,UAAA;AAAA,QACb,CACD;AAAA,MAAA;AAAA,IACH;AAAA,EACF;AAAA,EAEF,eAAeD;AAAA,IACbT,EAA6B,SAAS;AAAA,IACtCE;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAG;AAAA,QACE,CACEb,GACAY,OAEO;AAAA,UACL,GAAGV,EAAkB,YAAYF,CAAG;AAAA,UACpC,WAAWI;AAAA,UACX,QAAQQ,EAAG,QAAQ,QAAQ,CAAC,GAAIZ,EAAI,UAAU,CAAA,GAAKY,EAAG,QAAQ,KAAK,IAAIZ,EAAI;AAAA,UAC3E,WAAW;AAAA,YACT,UAAU;AAAA,YACV,WAAW;AAAA,UAAA;AAAA,QACb;AAAA,MAEJ;AAAA,IACF;AAAA,IAEFS;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAG;AAAA,QACE,CACEb,GACAY,OAEO;AAAA,UACL,GAAGV,EAAkB,gBAAgBF,GAAK;AAAA,YACxC,WAAWY,EAAG,QAAQ;AAAA,YACtB,UAAUA,EAAG,QAAQ;AAAA,UAAA,CACtB;AAAA,UACD,iBAAiB;AAAA,UACjB,WAAWM;AAAA,UACX,YAAYN,EAAG,QAAQ;AAAA,UACvB,WAAWA,EAAG,QAAQ;AAAA,UACtB,UAAUA,EAAG,QAAQ;AAAA,UACrB,WAAW;AAAA;AAAA,QAAA;AAAA,MAEf;AAAA,IACF;AAAA,IAEFH;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAG;AAAA,QACE,CACEb,GACAY,OAEO;AAAA,UACL,GAAGV,EAAkB,YAAYF,CAAG;AAAA,UACpC,WAAWiB;AAAA,QAAA;AAAA,MAEf;AAAA,IACF;AAAA,IAEFH;AAAA,EAAA;AAAA,EAEF,UAAUE;AAAA,IACRT,EAA6B,SAAS;AAAA,IACtCA,EAA6B,eAAe;AAAA,IAC5CE;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAG;AAAA,QACE,CACEb,GACAY,OAEO;AAAA,UACL,GAAGV,EAAkB,iBAAiBF,CAAG;AAAA,UACzC,WAAWG;AAAA,UACX,WAAW;AAAA,YACT,UAAU;AAAA,YACV,WAAW;AAAA,UAAA;AAAA,QACb;AAAA,MAEJ;AAAA,IACF;AAAA,IAGFM;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAG;AAAA,QACER,EAAc;AAAA,UACZ,WAAWc;AAAA,UACX,iBAAiB;AAAA,UACjB,WAAW;AAAA,YACT,UAAU;AAAA,YACV,WAAW;AAAA,UAAA;AAAA,QACb,CACD;AAAA,MAAA;AAAA,IACH;AAAA,IAEFV;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAG;AAAA,QACER,EAAc;AAAA,UACZ,WAAWJ;AAAA,UACX,iBAAiB;AAAA,UACjB,qBAAqB;AAAA,QAAA,CACtB;AAAA,MAAA;AAAA,IACH;AAAA,IAEFa;AAAA,EAAA;AAAA,EAEF,cAAcE;AAAA,IACZT,EAA6B,SAAS;AAAA,IACtCA,EAA6B,eAAe;AAAA,IAC5CE;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAG;AAAA,QACER,EAAc;AAAA,UACZ,qBAAqB;AAAA,UACrB,WAAWF;AAAA,UACX,YAAY;AAAA,UACZ,WAAW;AAAA,UACX,UAAU;AAAA,UACV,WAAW;AAAA,YACT,UAAU;AAAA,YACV,WAAW;AAAA,UAAA;AAAA,QACb,CACD;AAAA,MAAA;AAAA,IACH;AAAA,IAEFM;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAG;AAAA,QACER,EAAc;AAAA,UACZ,qBAAqB;AAAA,UACrB,WAAWF;AAAA,UACX,YAAY;AAAA,UACZ,WAAW;AAAA,UACX,UAAU;AAAA,UACV,WAAW;AAAA,YACT,UAAU;AAAA,YACV,WAAW;AAAA,UAAA;AAAA,QACb,CACD;AAAA,MAAA;AAAA,IACH;AAAA,EACF;AAAA,EAEF,UAAUa,EAAyBT,EAA6B,SAAS,GAAGO,CAAkB;AAAA,EAC9F,UAAUE,EAAyBT,EAA6B,SAAS,GAAGO,CAAkB;AAChG;"}
+{"version":3,"file":"payrollStateMachine.js","sources":["../../../../src/components/Payroll/PayrollFlow/payrollStateMachine.ts"],"sourcesContent":["import { transition, reduce, state, guard } from 'robot3'\nimport type { PayrollPayPeriodType } from '@gusto/embedded-api/models/components/payrollpayperiodtype'\nimport type { PayrollFlowAlert } from './PayrollFlowComponents'\nimport {\n  PayrollConfigurationContextual,\n  PayrollOverviewContextual,\n  PayrollEditEmployeeContextual,\n  PayrollReceiptsContextual,\n  PayrollBlockerContextual,\n  type PayrollFlowContextInterface,\n  PayrollLandingContextual,\n} from './PayrollFlowComponents'\nimport { componentEvents } from '@/shared/constants'\nimport type { MachineEventType, MachineTransition } from '@/types/Helpers'\nimport { updateBreadcrumbs } from '@/helpers/breadcrumbHelpers'\nimport type { BreadcrumbNodes } from '@/components/Common/FlowBreadcrumbs/FlowBreadcrumbsTypes'\n\ntype EventPayloads = {\n  [componentEvents.RUN_PAYROLL_SELECTED]: {\n    payrollUuid: string\n    payPeriod: PayrollPayPeriodType\n  }\n  [componentEvents.REVIEW_PAYROLL]: {\n    payrollUuid: string\n    payPeriod: PayrollPayPeriodType\n  }\n  [componentEvents.RUN_PAYROLL_EMPLOYEE_EDIT]: {\n    employeeId: string\n    firstName: string\n    lastName: string\n  }\n  [componentEvents.RUN_PAYROLL_CALCULATED]: {\n    payrollUuid: string\n    alert?: PayrollFlowAlert\n    payPeriod?: PayrollPayPeriodType\n  }\n  [componentEvents.BREADCRUMB_NAVIGATE]: {\n    key: string\n    onNavigate: (ctx: PayrollFlowContextInterface) => PayrollFlowContextInterface\n  }\n  [componentEvents.RUN_PAYROLL_BLOCKERS_VIEW_ALL]: undefined\n  [componentEvents.RUN_PAYROLL_EDIT]: undefined\n}\n\nexport const payrollFlowBreadcrumbsNodes: BreadcrumbNodes = {\n  landing: {\n    parent: null,\n    item: {\n      id: 'landing',\n      label: 'labels.breadcrumbLabel',\n      namespace: 'Payroll.PayrollLanding',\n      onNavigate: ((ctx: PayrollFlowContextInterface) => ({\n        ...ctx,\n        currentBreadcrumb: 'landing',\n        progressBarType: null,\n        component: PayrollLandingContextual,\n      })) as (context: unknown) => unknown,\n    },\n  },\n  configuration: {\n    parent: 'landing',\n    item: {\n      id: 'configuration',\n      label: 'breadcrumbLabel',\n      namespace: 'Payroll.PayrollConfiguration',\n      onNavigate: ((ctx: PayrollFlowContextInterface) => ({\n        ...updateBreadcrumbs('configuration', ctx),\n        component: PayrollConfigurationContextual,\n      })) as (context: unknown) => unknown,\n    },\n  },\n  overview: {\n    parent: 'configuration',\n    item: {\n      id: 'overview',\n      label: 'breadcrumbLabel',\n      namespace: 'Payroll.PayrollOverview',\n      onNavigate: ((ctx: PayrollFlowContextInterface) => ({\n        ...updateBreadcrumbs('overview', ctx),\n        component: PayrollOverviewContextual,\n        alerts: undefined,\n      })) as (context: unknown) => unknown,\n    },\n  },\n  editEmployee: {\n    parent: 'configuration',\n    item: {\n      id: 'editEmployee',\n      label: 'breadcrumbLabel',\n      namespace: 'Payroll.PayrollEditEmployee',\n    },\n  },\n  receipts: {\n    parent: 'overview',\n    item: {\n      id: 'receipts',\n      label: 'breadcrumbLabel',\n      namespace: 'Payroll.PayrollReceipts',\n    },\n  },\n  blockers: {\n    parent: 'landing',\n    item: {\n      id: 'blockers',\n      label: 'breadcrumbLabel',\n      namespace: 'Payroll.PayrollBlocker',\n    },\n  },\n} as const\n\nconst createReducer = (props: Partial<PayrollFlowContextInterface>) => {\n  return (ctx: PayrollFlowContextInterface): PayrollFlowContextInterface => ({\n    ...ctx,\n    ...props,\n  })\n}\n\nconst breadcrumbNavigateTransition = (targetState: string) =>\n  transition(\n    componentEvents.BREADCRUMB_NAVIGATE,\n    targetState,\n    guard(\n      (ctx: PayrollFlowContextInterface, ev: { payload: { key: string } }) =>\n        ev.payload.key === targetState,\n    ),\n    reduce(\n      (\n        ctx: PayrollFlowContextInterface,\n        ev: MachineEventType<EventPayloads, typeof componentEvents.BREADCRUMB_NAVIGATE>,\n      ): PayrollFlowContextInterface => ev.payload.onNavigate(ctx),\n    ),\n  )\n\nconst exitFlowTransition = transition(\n  componentEvents.PAYROLL_EXIT_FLOW,\n  'landing',\n  reduce(\n    createReducer({\n      component: PayrollLandingContextual,\n      progressBarType: null,\n      currentBreadcrumbId: 'landing',\n      alerts: undefined,\n    }),\n  ),\n)\n\nexport const payrollMachine = {\n  landing: state<MachineTransition>(\n    transition(\n      componentEvents.RUN_PAYROLL_SELECTED,\n      'configuration',\n      reduce(\n        (\n          ctx: PayrollFlowContextInterface,\n          ev: MachineEventType<EventPayloads, typeof componentEvents.RUN_PAYROLL_SELECTED>,\n        ): PayrollFlowContextInterface => {\n          return {\n            ...updateBreadcrumbs('configuration', ctx, {\n              startDate: ev.payload.payPeriod.startDate ?? '',\n              endDate: ev.payload.payPeriod.endDate ?? '',\n            }),\n            component: PayrollConfigurationContextual,\n            payrollUuid: ev.payload.payrollUuid,\n            progressBarType: 'breadcrumbs',\n            ctaConfig: {\n              labelKey: 'exitFlowCta',\n              namespace: 'Payroll.PayrollConfiguration',\n            },\n          }\n        },\n      ),\n    ),\n    transition(\n      componentEvents.REVIEW_PAYROLL,\n      'overview',\n      reduce(\n        (\n          ctx: PayrollFlowContextInterface,\n          ev: MachineEventType<EventPayloads, typeof componentEvents.REVIEW_PAYROLL>,\n        ): PayrollFlowContextInterface => {\n          return {\n            ...updateBreadcrumbs('overview', ctx, {\n              startDate: ev.payload.payPeriod.startDate ?? '',\n              endDate: ev.payload.payPeriod.endDate ?? '',\n            }),\n            component: PayrollOverviewContextual,\n            payrollUuid: ev.payload.payrollUuid,\n            progressBarType: 'breadcrumbs',\n            ctaConfig: {\n              labelKey: 'exitFlowCta',\n              namespace: 'Payroll.PayrollOverview',\n            },\n          }\n        },\n      ),\n    ),\n    transition(\n      componentEvents.RUN_PAYROLL_BLOCKERS_VIEW_ALL,\n      'blockers',\n      reduce(\n        createReducer({\n          component: PayrollBlockerContextual,\n          progressBarType: 'breadcrumbs',\n          ctaConfig: {\n            labelKey: 'exitFlowCta',\n            namespace: 'Payroll.PayrollBlocker',\n          },\n        }),\n      ),\n    ),\n  ),\n  configuration: state<MachineTransition>(\n    breadcrumbNavigateTransition('landing'),\n    transition(\n      componentEvents.RUN_PAYROLL_CALCULATED,\n      'overview',\n      reduce(\n        (\n          ctx: PayrollFlowContextInterface,\n          ev: MachineEventType<EventPayloads, typeof componentEvents.RUN_PAYROLL_CALCULATED>,\n        ): PayrollFlowContextInterface => {\n          return {\n            ...updateBreadcrumbs('overview', ctx, {\n              startDate: ev.payload.payPeriod?.startDate ?? '',\n              endDate: ev.payload.payPeriod?.endDate ?? '',\n            }),\n            component: PayrollOverviewContextual,\n            alerts: ev.payload.alert ? [...(ctx.alerts ?? []), ev.payload.alert] : ctx.alerts,\n            ctaConfig: {\n              labelKey: 'exitFlowCta',\n              namespace: 'Payroll.PayrollOverview',\n            },\n          }\n        },\n      ),\n    ),\n    transition(\n      componentEvents.RUN_PAYROLL_EMPLOYEE_EDIT,\n      'editEmployee',\n      reduce(\n        (\n          ctx: PayrollFlowContextInterface,\n          ev: MachineEventType<EventPayloads, typeof componentEvents.RUN_PAYROLL_EMPLOYEE_EDIT>,\n        ): PayrollFlowContextInterface => {\n          return {\n            ...updateBreadcrumbs('editEmployee', ctx, {\n              firstName: ev.payload.firstName,\n              lastName: ev.payload.lastName,\n            }),\n            progressBarType: 'breadcrumbs',\n            component: PayrollEditEmployeeContextual,\n            employeeId: ev.payload.employeeId,\n            firstName: ev.payload.firstName,\n            lastName: ev.payload.lastName,\n            ctaConfig: null, // This state does not have exit cta in breadcrumbs\n          }\n        },\n      ),\n    ),\n    transition(\n      componentEvents.RUN_PAYROLL_BLOCKERS_VIEW_ALL,\n      'blockers',\n      reduce(\n        (\n          ctx: PayrollFlowContextInterface,\n          ev: MachineEventType<EventPayloads, typeof componentEvents.RUN_PAYROLL_BLOCKERS_VIEW_ALL>,\n        ): PayrollFlowContextInterface => {\n          return {\n            ...updateBreadcrumbs('blockers', ctx),\n            component: PayrollBlockerContextual,\n          }\n        },\n      ),\n    ),\n    exitFlowTransition,\n  ),\n  overview: state<MachineTransition>(\n    breadcrumbNavigateTransition('landing'),\n    breadcrumbNavigateTransition('configuration'),\n    transition(\n      componentEvents.RUN_PAYROLL_EDIT,\n      'configuration',\n      reduce(\n        (\n          ctx: PayrollFlowContextInterface,\n          ev: MachineEventType<EventPayloads, typeof componentEvents.RUN_PAYROLL_EDIT>,\n        ): PayrollFlowContextInterface => {\n          return {\n            ...updateBreadcrumbs('configuration', ctx),\n            component: PayrollConfigurationContextual,\n            alerts: undefined,\n            ctaConfig: {\n              labelKey: 'exitFlowCta',\n              namespace: 'Payroll.PayrollConfiguration',\n            },\n          }\n        },\n      ),\n    ),\n\n    transition(\n      componentEvents.RUN_PAYROLL_RECEIPT_GET,\n      'receipts',\n      reduce(\n        createReducer({\n          component: PayrollReceiptsContextual,\n          progressBarType: 'breadcrumbs',\n          alerts: undefined,\n          ctaConfig: {\n            labelKey: 'exitFlowCta',\n            namespace: 'Payroll.PayrollReceipts',\n          },\n        }),\n      ),\n    ),\n    transition(\n      componentEvents.RUN_PAYROLL_CANCELLED,\n      'landing',\n      reduce(\n        createReducer({\n          component: PayrollLandingContextual,\n          progressBarType: null,\n          alerts: undefined,\n          currentBreadcrumbId: 'landing',\n        }),\n      ),\n    ),\n    exitFlowTransition,\n  ),\n  editEmployee: state<MachineTransition>(\n    breadcrumbNavigateTransition('landing'),\n    breadcrumbNavigateTransition('configuration'),\n    transition(\n      componentEvents.RUN_PAYROLL_EMPLOYEE_SAVED,\n      'configuration',\n      reduce(\n        createReducer({\n          currentBreadcrumbId: 'configuration',\n          component: PayrollConfigurationContextual,\n          employeeId: undefined,\n          firstName: undefined,\n          lastName: undefined,\n          ctaConfig: {\n            labelKey: 'exitFlowCta',\n            namespace: 'Payroll.PayrollConfiguration',\n          },\n        }),\n      ),\n    ),\n    transition(\n      componentEvents.RUN_PAYROLL_EMPLOYEE_CANCELLED,\n      'configuration',\n      reduce(\n        createReducer({\n          currentBreadcrumbId: 'configuration',\n          component: PayrollConfigurationContextual,\n          employeeId: undefined,\n          firstName: undefined,\n          lastName: undefined,\n          ctaConfig: {\n            labelKey: 'exitFlowCta',\n            namespace: 'Payroll.PayrollConfiguration',\n          },\n        }),\n      ),\n    ),\n  ),\n  receipts: state<MachineTransition>(breadcrumbNavigateTransition('landing'), exitFlowTransition),\n  blockers: state<MachineTransition>(breadcrumbNavigateTransition('landing'), exitFlowTransition),\n}\n"],"names":["payrollFlowBreadcrumbsNodes","ctx","PayrollLandingContextual","updateBreadcrumbs","PayrollConfigurationContextual","PayrollOverviewContextual","createReducer","props","breadcrumbNavigateTransition","targetState","transition","componentEvents","guard","ev","reduce","exitFlowTransition","payrollMachine","state","PayrollBlockerContextual","PayrollEditEmployeeContextual","PayrollReceiptsContextual"],"mappings":"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"}

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

@@ -1,20 +1,19 @@
-import { jsx as d } from "react/jsx-runtime";
-import { useState as p, useMemo as L } from "react";
+import { jsx as l } from "react/jsx-runtime";
+import { useState as m, useMemo as S } from "react";
 import { usePayrollsListSuspense as C } from "@gusto/embedded-api/react-query/payrollsList";
 import { usePayrollsCancelMutation as R } from "@gusto/embedded-api/react-query/payrollsCancel";
 import { ProcessingStatuses as w } from "@gusto/embedded-api/models/operations/getv1companiescompanyidpayrolls";
-import { calculateTotalPayroll as I, getPayrollStatus as T, getPayrollType as F } from "../helpers.js";
-import { PayrollHistoryPresentation as M } from "./PayrollHistoryPresentation.js";
-import { BaseComponent as V } from "../../Base/Base.js";
-import { useBase as _ } from "../../Base/useBase.js";
-import { componentEvents as u } from "../../../shared/constants.js";
-import { useComponentDictionary as E, useI18n as H } from "../../../i18n/I18n.js";
-import { useLocale as A } from "../../../contexts/LocaleProvider/useLocale.js";
-import { parseDateStringToLocal as y } from "../../../helpers/dateFormatting.js";
-function v(t) {
-  return /* @__PURE__ */ d(V, { ...t, children: /* @__PURE__ */ d(b, { ...t, children: t.children }) });
+import { calculateTotalPayroll as L, getPayrollStatus as I, getPayrollType as T } from "../helpers.js";
+import { PayrollHistoryPresentation as F } from "./PayrollHistoryPresentation.js";
+import { BaseComponent as M } from "../../Base/Base.js";
+import { useBase as V } from "../../Base/useBase.js";
+import { componentEvents as s } from "../../../shared/constants.js";
+import { useComponentDictionary as _, useI18n as E } from "../../../i18n/I18n.js";
+import { useDateFormatter as H } from "../../../hooks/useDateFormatter.js";
+function Z(t) {
+  return /* @__PURE__ */ l(M, { ...t, children: /* @__PURE__ */ l(O, { ...t, children: t.children }) });
 }
-const O = (t) => {
+const Y = (t) => {
   const e = /* @__PURE__ */ new Date(), o = /* @__PURE__ */ new Date();
   switch (t) {
     case "3months":
@@ -31,85 +30,64 @@ const O = (t) => {
     startDate: o.toISOString().split("T")[0] || "",
     endDate: e.toISOString().split("T")[0] || ""
   };
-}, Y = (t, e) => {
-  const o = (a, n) => {
-    if (!a || !n) return "";
-    const s = y(a), l = y(n);
-    if (!s || !l) return "";
-    const m = s.toLocaleDateString(e, {
-      month: "long",
-      day: "numeric"
-    }), c = l.toLocaleDateString(e, {
-      month: "long",
-      day: "numeric",
-      year: "numeric"
-    });
-    return `${m}–${c}`;
-  }, i = (a) => {
-    if (!a) return "";
-    const n = y(a);
-    return n ? n.toLocaleDateString(e, {
-      month: "short",
-      day: "numeric",
-      year: "numeric"
-    }) : "";
-  };
-  return {
-    id: t.payrollUuid || t.uuid,
-    payPeriod: o(t.payPeriod?.startDate, t.payPeriod?.endDate),
-    type: F(t),
-    payDate: i(t.checkDate),
-    status: T(t),
-    amount: I(t),
-    payroll: t
-  };
-}, b = ({ onEvent: t, companyId: e, dictionary: o }) => {
-  E("Payroll.PayrollHistory", o), H("Payroll.PayrollHistory");
-  const [i, a] = p("3months"), [n, s] = p(null), { locale: l } = A(), { baseSubmitHandler: m } = _(), c = L(() => O(i), [i]), { data: D } = C({
+}, A = (t, e) => ({
+  id: t.payrollUuid || t.uuid,
+  payPeriod: e.formatPayPeriodRange(
+    t.payPeriod?.startDate,
+    t.payPeriod?.endDate
+  ),
+  type: T(t),
+  payDate: e.formatShortWithYear(t.checkDate),
+  status: I(t),
+  amount: L(t),
+  payroll: t
+}), O = ({ onEvent: t, companyId: e, dictionary: o }) => {
+  _("Payroll.PayrollHistory", o), E("Payroll.PayrollHistory");
+  const [r, u] = m("3months"), [y, n] = m(null), d = H(), { baseSubmitHandler: P } = V(), i = S(() => Y(r), [r]), { data: p } = C({
     companyId: e,
     processingStatuses: [w.Processed],
-    startDate: c.startDate,
-    endDate: c.endDate,
+    startDate: i.startDate,
+    endDate: i.endDate,
     include: ["totals"]
-  }), { mutateAsync: g, isPending: h } = R(), f = D.payrollList?.map((r) => Y(r, l)) || [];
-  return /* @__PURE__ */ d(
-    M,
+  }), { mutateAsync: D, isPending: g } = R(), h = p.payrollList?.map((a) => A(a, d)) || [];
+  return /* @__PURE__ */ l(
+    F,
     {
-      payrollHistory: f,
-      selectedTimeFilter: i,
-      onTimeFilterChange: a,
-      onViewSummary: (r) => {
-        t(u.RUN_PAYROLL_SUMMARY_VIEWED, { payrollId: r });
+      payrollHistory: h,
+      selectedTimeFilter: r,
+      onTimeFilterChange: u,
+      onViewSummary: (a) => {
+        t(s.RUN_PAYROLL_SUMMARY_VIEWED, { payrollId: a });
       },
-      onViewReceipt: (r) => {
-        t(u.RUN_PAYROLL_RECEIPT_VIEWED, { payrollId: r });
+      onViewReceipt: (a) => {
+        t(s.RUN_PAYROLL_RECEIPT_VIEWED, { payrollId: a });
       },
-      onCancelPayroll: async (r) => {
+      onCancelPayroll: async (a) => {
         try {
-          await m(r, async (P) => {
-            const S = await g({
+          await P(a, async (c) => {
+            const f = await D({
               request: {
                 companyId: e,
-                payrollId: P
+                payrollId: c
               }
             });
-            t(u.RUN_PAYROLL_CANCELLED, { payrollId: P, result: S });
+            t(s.RUN_PAYROLL_CANCELLED, { payrollId: c, result: f });
           });
         } finally {
-          s(null);
+          n(null);
         }
       },
-      cancelDialogItem: n,
-      onCancelDialogOpen: s,
+      cancelDialogItem: y,
+      onCancelDialogOpen: n,
       onCancelDialogClose: () => {
-        s(null);
+        n(null);
       },
-      isLoading: h
+      isLoading: g
     }
   );
 };
 export {
-  v as PayrollHistory,
-  b as Root
+  Z as PayrollHistory,
+  O as Root
 };
 //# sourceMappingURL=PayrollHistory.js.map