@gusto/embedded-react-sdk 0.24.1 → 0.25.0

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

@@ -1,76 +1,81 @@
-import { jsx as t, jsxs as c } from "react/jsx-runtime";
-import { useState as u } from "react";
-import { useTranslation as d } from "react-i18next";
-import { PayrollHistory as f } from "../PayrollHistory/PayrollHistory.js";
-import { PayrollList as b } from "../PayrollList/PayrollList.js";
-import { PayrollOverview as C } from "../PayrollOverview/PayrollOverview.js";
-import { PayrollReceipts as P } from "../PayrollReceipts/PayrollReceipts.js";
-import { ConfirmWireDetails as I } from "../ConfirmWireDetails/ConfirmWireDetails.js";
-import { useFlow as m } from "../../Flow/useFlow.js";
-import { useI18n as x } from "../../../i18n/I18n.js";
-import { useComponentContext as g } from "../../../contexts/ComponentAdapter/useComponentContext.js";
-import { ensureRequired as n } from "../../../helpers/ensureRequired.js";
-import { Flex as v } from "../../Common/Flex/Flex.js";
-function U() {
+import { jsx as n, jsxs as f } from "react/jsx-runtime";
+import { useState as b } from "react";
+import { useTranslation as I } from "react-i18next";
+import { useWireInRequestsListSuspense as C } from "@gusto/embedded-api/react-query/wireInRequestsList";
+import { PayrollHistory as P } from "../PayrollHistory/PayrollHistory.js";
+import { PayrollList as g } from "../PayrollList/PayrollList.js";
+import { PayrollOverview as v } from "../PayrollOverview/PayrollOverview.js";
+import { PayrollReceipts as x } from "../PayrollReceipts/PayrollReceipts.js";
+import { ConfirmWireDetails as R } from "../ConfirmWireDetails/ConfirmWireDetails.js";
+import { useFlow as s } from "../../Flow/useFlow.js";
+import { useI18n as w } from "../../../i18n/I18n.js";
+import { useComponentContext as L } from "../../../contexts/ComponentAdapter/useComponentContext.js";
+import { ensureRequired as r } from "../../../helpers/ensureRequired.js";
+import { Flex as h } from "../../Common/Flex/Flex.js";
+function k() {
   const {
     companyId: o,
-    onEvent: r,
+    onEvent: t,
     selectedTab: e = "run-payroll",
-    ConfirmWireDetailsComponent: l = I
-  } = m(), [a, s] = u(e), { Tabs: p } = g();
-  x("Payroll.PayrollLanding");
-  const { t: i } = d("Payroll.PayrollLanding"), y = [
+    ConfirmWireDetailsComponent: a = R
+  } = s(), [i, m] = b(e), { Tabs: p } = L();
+  w("Payroll.PayrollLanding");
+  const { t: l } = I("Payroll.PayrollLanding"), { data: u } = C({
+    companyUuid: r(o)
+  }), c = (u.wireInRequestList || []).some(
+    (d) => d.status === "awaiting_funds"
+  ), y = [
     {
       id: "run-payroll",
-      label: i("tabs.runPayroll"),
-      content: /* @__PURE__ */ t(b, { companyId: n(o), onEvent: r })
+      label: l("tabs.runPayroll"),
+      content: /* @__PURE__ */ n(g, { companyId: r(o), onEvent: t })
     },
     {
       id: "payroll-history",
-      label: i("tabs.payrollHistory"),
-      content: /* @__PURE__ */ t(f, { companyId: n(o), onEvent: r })
+      label: l("tabs.payrollHistory"),
+      content: /* @__PURE__ */ n(P, { companyId: r(o), onEvent: t })
     }
   ];
-  return /* @__PURE__ */ c(v, { flexDirection: "column", gap: 32, children: [
-    /* @__PURE__ */ t(l, { companyId: n(o), onEvent: r }),
-    /* @__PURE__ */ t(
+  return /* @__PURE__ */ f(h, { flexDirection: "column", gap: 32, children: [
+    c && /* @__PURE__ */ n(a, { companyId: r(o), onEvent: t }),
+    /* @__PURE__ */ n(
       p,
       {
         tabs: y,
-        selectedId: a,
-        onSelectionChange: s,
-        "aria-label": i("aria.tabNavigation")
+        selectedId: i,
+        onSelectionChange: m,
+        "aria-label": l("aria.tabNavigation")
       }
     )
   ] });
 }
-function q() {
-  const { payrollUuid: o, onEvent: r, withReimbursements: e } = m();
-  return /* @__PURE__ */ t(
-    P,
+function z() {
+  const { payrollUuid: o, onEvent: t, withReimbursements: e } = s();
+  return /* @__PURE__ */ n(
+    x,
     {
-      onEvent: r,
-      payrollId: n(o),
+      onEvent: t,
+      payrollId: r(o),
       withReimbursements: e
     }
   );
 }
-function N() {
-  const { companyId: o, payrollUuid: r, onEvent: e, withReimbursements: l, ConfirmWireDetailsComponent: a } = m();
-  return /* @__PURE__ */ t(
-    C,
+function B() {
+  const { companyId: o, payrollUuid: t, onEvent: e, withReimbursements: a, ConfirmWireDetailsComponent: i } = s();
+  return /* @__PURE__ */ n(
+    v,
     {
       onEvent: e,
-      companyId: n(o),
-      payrollId: n(r),
-      withReimbursements: l,
-      ConfirmWireDetailsComponent: a
+      companyId: r(o),
+      payrollId: r(t),
+      withReimbursements: a,
+      ConfirmWireDetailsComponent: i
     }
   );
 }
 export {
-  N as PayrollLandingOverviewContextual,
-  q as PayrollLandingReceiptsContextual,
-  U as PayrollLandingTabsContextual
+  B as PayrollLandingOverviewContextual,
+  z as PayrollLandingReceiptsContextual,
+  k as PayrollLandingTabsContextual
 };
 //# sourceMappingURL=PayrollLandingFlowComponents.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"PayrollLandingFlowComponents.js","sources":["../../../../src/components/Payroll/PayrollLanding/PayrollLandingFlowComponents.tsx"],"sourcesContent":["import { useState } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { PayrollHistory } from '../PayrollHistory/PayrollHistory'\nimport { PayrollList } from '../PayrollList/PayrollList'\nimport { PayrollOverview } from '../PayrollOverview/PayrollOverview'\nimport { PayrollReceipts } from '../PayrollReceipts/PayrollReceipts'\nimport {\n  ConfirmWireDetails,\n  type ConfirmWireDetailsComponentType,\n} from '../ConfirmWireDetails/ConfirmWireDetails'\nimport type { BaseComponentInterface } from '@/components/Base/Base'\nimport { useFlow } from '@/components/Flow/useFlow'\nimport { useI18n } from '@/i18n'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { ensureRequired } from '@/helpers/ensureRequired'\nimport type { FlowContextInterface } from '@/components/Flow/useFlow'\nimport { Flex } from '@/components/Common/Flex/Flex'\n\nexport interface PayrollLandingFlowProps extends BaseComponentInterface<'Payroll.PayrollLanding'> {\n  companyId: string\n  withReimbursements?: boolean\n  ConfirmWireDetailsComponent?: ConfirmWireDetailsComponentType\n}\n\nexport interface PayrollLandingFlowContextInterface extends FlowContextInterface {\n  component: (() => React.JSX.Element) | null\n  companyId: string\n  payrollUuid?: string\n  previousState?: 'tabs' | 'overview'\n  selectedTab?: string\n  withReimbursements: boolean\n  ConfirmWireDetailsComponent?: ConfirmWireDetailsComponentType\n}\n\nexport function PayrollLandingTabsContextual() {\n  const {\n    companyId,\n    onEvent,\n    selectedTab = 'run-payroll',\n    ConfirmWireDetailsComponent = ConfirmWireDetails,\n  } = useFlow<PayrollLandingFlowContextInterface>()\n  const [currentTab, setCurrentTab] = useState(selectedTab)\n  const { Tabs } = useComponentContext()\n\n  useI18n('Payroll.PayrollLanding')\n  const { t } = useTranslation('Payroll.PayrollLanding')\n\n  const tabs = [\n    {\n      id: 'run-payroll',\n      label: t('tabs.runPayroll'),\n      content: <PayrollList companyId={ensureRequired(companyId)} onEvent={onEvent} />,\n    },\n    {\n      id: 'payroll-history',\n      label: t('tabs.payrollHistory'),\n      content: <PayrollHistory companyId={ensureRequired(companyId)} onEvent={onEvent} />,\n    },\n  ]\n\n  return (\n    <Flex flexDirection=\"column\" gap={32}>\n      <ConfirmWireDetailsComponent companyId={ensureRequired(companyId)} onEvent={onEvent} />\n      <Tabs\n        tabs={tabs}\n        selectedId={currentTab}\n        onSelectionChange={setCurrentTab}\n        aria-label={t('aria.tabNavigation')}\n      />\n    </Flex>\n  )\n}\n\nexport function PayrollLandingReceiptsContextual() {\n  const { payrollUuid, onEvent, withReimbursements } = useFlow<PayrollLandingFlowContextInterface>()\n\n  return (\n    <PayrollReceipts\n      onEvent={onEvent}\n      payrollId={ensureRequired(payrollUuid)}\n      withReimbursements={withReimbursements}\n    />\n  )\n}\n\nexport function PayrollLandingOverviewContextual() {\n  const { companyId, payrollUuid, onEvent, withReimbursements, ConfirmWireDetailsComponent } =\n    useFlow<PayrollLandingFlowContextInterface>()\n\n  return (\n    <PayrollOverview\n      onEvent={onEvent}\n      companyId={ensureRequired(companyId)}\n      payrollId={ensureRequired(payrollUuid)}\n      withReimbursements={withReimbursements}\n      ConfirmWireDetailsComponent={ConfirmWireDetailsComponent}\n    />\n  )\n}\n"],"names":["PayrollLandingTabsContextual","companyId","onEvent","selectedTab","ConfirmWireDetailsComponent","ConfirmWireDetails","useFlow","currentTab","setCurrentTab","useState","Tabs","useComponentContext","useI18n","t","useTranslation","tabs","jsx","PayrollList","ensureRequired","PayrollHistory","jsxs","Flex","PayrollLandingReceiptsContextual","payrollUuid","withReimbursements","PayrollReceipts","PayrollLandingOverviewContextual","PayrollOverview"],"mappings":";;;;;;;;;;;;;AAkCO,SAASA,IAA+B;AAC7C,QAAM;AAAA,IACJ,WAAAC;AAAA,IACA,SAAAC;AAAA,IACA,aAAAC,IAAc;AAAA,IACd,6BAAAC,IAA8BC;AAAA,EAAA,IAC5BC,EAAA,GACE,CAACC,GAAYC,CAAa,IAAIC,EAASN,CAAW,GAClD,EAAE,MAAAO,EAAA,IAASC,EAAA;AAEjB,EAAAC,EAAQ,wBAAwB;AAChC,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,wBAAwB,GAE/CC,IAAO;AAAA,IACX;AAAA,MACE,IAAI;AAAA,MACJ,OAAOF,EAAE,iBAAiB;AAAA,MAC1B,SAAS,gBAAAG,EAACC,GAAA,EAAY,WAAWC,EAAejB,CAAS,GAAG,SAAAC,EAAA,CAAkB;AAAA,IAAA;AAAA,IAEhF;AAAA,MACE,IAAI;AAAA,MACJ,OAAOW,EAAE,qBAAqB;AAAA,MAC9B,SAAS,gBAAAG,EAACG,GAAA,EAAe,WAAWD,EAAejB,CAAS,GAAG,SAAAC,EAAA,CAAkB;AAAA,IAAA;AAAA,EACnF;AAGF,SACE,gBAAAkB,EAACC,GAAA,EAAK,eAAc,UAAS,KAAK,IAChC,UAAA;AAAA,IAAA,gBAAAL,EAACZ,GAAA,EAA4B,WAAWc,EAAejB,CAAS,GAAG,SAAAC,GAAkB;AAAA,IACrF,gBAAAc;AAAA,MAACN;AAAA,MAAA;AAAA,QACC,MAAAK;AAAA,QACA,YAAYR;AAAA,QACZ,mBAAmBC;AAAA,QACnB,cAAYK,EAAE,oBAAoB;AAAA,MAAA;AAAA,IAAA;AAAA,EACpC,GACF;AAEJ;AAEO,SAASS,IAAmC;AACjD,QAAM,EAAE,aAAAC,GAAa,SAAArB,GAAS,oBAAAsB,EAAA,IAAuBlB,EAAA;AAErD,SACE,gBAAAU;AAAA,IAACS;AAAA,IAAA;AAAA,MACC,SAAAvB;AAAA,MACA,WAAWgB,EAAeK,CAAW;AAAA,MACrC,oBAAAC;AAAA,IAAA;AAAA,EAAA;AAGN;AAEO,SAASE,IAAmC;AACjD,QAAM,EAAE,WAAAzB,GAAW,aAAAsB,GAAa,SAAArB,GAAS,oBAAAsB,GAAoB,6BAAApB,EAAA,IAC3DE,EAAA;AAEF,SACE,gBAAAU;AAAA,IAACW;AAAA,IAAA;AAAA,MACC,SAAAzB;AAAA,MACA,WAAWgB,EAAejB,CAAS;AAAA,MACnC,WAAWiB,EAAeK,CAAW;AAAA,MACrC,oBAAAC;AAAA,MACA,6BAAApB;AAAA,IAAA;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"PayrollLandingFlowComponents.js","sources":["../../../../src/components/Payroll/PayrollLanding/PayrollLandingFlowComponents.tsx"],"sourcesContent":["import { useState } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { useWireInRequestsListSuspense } from '@gusto/embedded-api/react-query/wireInRequestsList'\nimport { PayrollHistory } from '../PayrollHistory/PayrollHistory'\nimport { PayrollList } from '../PayrollList/PayrollList'\nimport { PayrollOverview } from '../PayrollOverview/PayrollOverview'\nimport { PayrollReceipts } from '../PayrollReceipts/PayrollReceipts'\nimport {\n  ConfirmWireDetails,\n  type ConfirmWireDetailsComponentType,\n} from '../ConfirmWireDetails/ConfirmWireDetails'\nimport type { BaseComponentInterface } from '@/components/Base/Base'\nimport { useFlow } from '@/components/Flow/useFlow'\nimport { useI18n } from '@/i18n'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { ensureRequired } from '@/helpers/ensureRequired'\nimport type { FlowContextInterface } from '@/components/Flow/useFlow'\nimport { Flex } from '@/components/Common/Flex/Flex'\n\nexport interface PayrollLandingFlowProps extends BaseComponentInterface<'Payroll.PayrollLanding'> {\n  companyId: string\n  withReimbursements?: boolean\n  ConfirmWireDetailsComponent?: ConfirmWireDetailsComponentType\n}\n\nexport interface PayrollLandingFlowContextInterface extends FlowContextInterface {\n  component: (() => React.JSX.Element) | null\n  companyId: string\n  payrollUuid?: string\n  previousState?: 'tabs' | 'overview'\n  selectedTab?: string\n  withReimbursements: boolean\n  ConfirmWireDetailsComponent?: ConfirmWireDetailsComponentType\n  startDate?: string\n  endDate?: string\n}\n\nexport function PayrollLandingTabsContextual() {\n  const {\n    companyId,\n    onEvent,\n    selectedTab = 'run-payroll',\n    ConfirmWireDetailsComponent = ConfirmWireDetails,\n  } = useFlow<PayrollLandingFlowContextInterface>()\n  const [currentTab, setCurrentTab] = useState(selectedTab)\n  const { Tabs } = useComponentContext()\n\n  useI18n('Payroll.PayrollLanding')\n  const { t } = useTranslation('Payroll.PayrollLanding')\n\n  const { data: wireInRequestsData } = useWireInRequestsListSuspense({\n    companyUuid: ensureRequired(companyId),\n  })\n\n  const hasActiveWireInRequests = (wireInRequestsData.wireInRequestList || []).some(\n    r => r.status === 'awaiting_funds',\n  )\n\n  const tabs = [\n    {\n      id: 'run-payroll',\n      label: t('tabs.runPayroll'),\n      content: <PayrollList companyId={ensureRequired(companyId)} onEvent={onEvent} />,\n    },\n    {\n      id: 'payroll-history',\n      label: t('tabs.payrollHistory'),\n      content: <PayrollHistory companyId={ensureRequired(companyId)} onEvent={onEvent} />,\n    },\n  ]\n\n  return (\n    <Flex flexDirection=\"column\" gap={32}>\n      {hasActiveWireInRequests && (\n        <ConfirmWireDetailsComponent companyId={ensureRequired(companyId)} onEvent={onEvent} />\n      )}\n      <Tabs\n        tabs={tabs}\n        selectedId={currentTab}\n        onSelectionChange={setCurrentTab}\n        aria-label={t('aria.tabNavigation')}\n      />\n    </Flex>\n  )\n}\n\nexport function PayrollLandingReceiptsContextual() {\n  const { payrollUuid, onEvent, withReimbursements } = useFlow<PayrollLandingFlowContextInterface>()\n\n  return (\n    <PayrollReceipts\n      onEvent={onEvent}\n      payrollId={ensureRequired(payrollUuid)}\n      withReimbursements={withReimbursements}\n    />\n  )\n}\n\nexport function PayrollLandingOverviewContextual() {\n  const { companyId, payrollUuid, onEvent, withReimbursements, ConfirmWireDetailsComponent } =\n    useFlow<PayrollLandingFlowContextInterface>()\n\n  return (\n    <PayrollOverview\n      onEvent={onEvent}\n      companyId={ensureRequired(companyId)}\n      payrollId={ensureRequired(payrollUuid)}\n      withReimbursements={withReimbursements}\n      ConfirmWireDetailsComponent={ConfirmWireDetailsComponent}\n    />\n  )\n}\n"],"names":["PayrollLandingTabsContextual","companyId","onEvent","selectedTab","ConfirmWireDetailsComponent","ConfirmWireDetails","useFlow","currentTab","setCurrentTab","useState","Tabs","useComponentContext","useI18n","t","useTranslation","wireInRequestsData","useWireInRequestsListSuspense","ensureRequired","hasActiveWireInRequests","r","tabs","jsx","PayrollList","PayrollHistory","jsxs","Flex","PayrollLandingReceiptsContextual","payrollUuid","withReimbursements","PayrollReceipts","PayrollLandingOverviewContextual","PayrollOverview"],"mappings":";;;;;;;;;;;;;;AAqCO,SAASA,IAA+B;AAC7C,QAAM;AAAA,IACJ,WAAAC;AAAA,IACA,SAAAC;AAAA,IACA,aAAAC,IAAc;AAAA,IACd,6BAAAC,IAA8BC;AAAA,EAAA,IAC5BC,EAAA,GACE,CAACC,GAAYC,CAAa,IAAIC,EAASN,CAAW,GAClD,EAAE,MAAAO,EAAA,IAASC,EAAA;AAEjB,EAAAC,EAAQ,wBAAwB;AAChC,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,wBAAwB,GAE/C,EAAE,MAAMC,EAAA,IAAuBC,EAA8B;AAAA,IACjE,aAAaC,EAAehB,CAAS;AAAA,EAAA,CACtC,GAEKiB,KAA2BH,EAAmB,qBAAqB,CAAA,GAAI;AAAA,IAC3E,CAAAI,MAAKA,EAAE,WAAW;AAAA,EAAA,GAGdC,IAAO;AAAA,IACX;AAAA,MACE,IAAI;AAAA,MACJ,OAAOP,EAAE,iBAAiB;AAAA,MAC1B,SAAS,gBAAAQ,EAACC,GAAA,EAAY,WAAWL,EAAehB,CAAS,GAAG,SAAAC,EAAA,CAAkB;AAAA,IAAA;AAAA,IAEhF;AAAA,MACE,IAAI;AAAA,MACJ,OAAOW,EAAE,qBAAqB;AAAA,MAC9B,SAAS,gBAAAQ,EAACE,GAAA,EAAe,WAAWN,EAAehB,CAAS,GAAG,SAAAC,EAAA,CAAkB;AAAA,IAAA;AAAA,EACnF;AAGF,SACE,gBAAAsB,EAACC,GAAA,EAAK,eAAc,UAAS,KAAK,IAC/B,UAAA;AAAA,IAAAP,uBACEd,GAAA,EAA4B,WAAWa,EAAehB,CAAS,GAAG,SAAAC,GAAkB;AAAA,IAEvF,gBAAAmB;AAAA,MAACX;AAAA,MAAA;AAAA,QACC,MAAAU;AAAA,QACA,YAAYb;AAAA,QACZ,mBAAmBC;AAAA,QACnB,cAAYK,EAAE,oBAAoB;AAAA,MAAA;AAAA,IAAA;AAAA,EACpC,GACF;AAEJ;AAEO,SAASa,IAAmC;AACjD,QAAM,EAAE,aAAAC,GAAa,SAAAzB,GAAS,oBAAA0B,EAAA,IAAuBtB,EAAA;AAErD,SACE,gBAAAe;AAAA,IAACQ;AAAA,IAAA;AAAA,MACC,SAAA3B;AAAA,MACA,WAAWe,EAAeU,CAAW;AAAA,MACrC,oBAAAC;AAAA,IAAA;AAAA,EAAA;AAGN;AAEO,SAASE,IAAmC;AACjD,QAAM,EAAE,WAAA7B,GAAW,aAAA0B,GAAa,SAAAzB,GAAS,oBAAA0B,GAAoB,6BAAAxB,EAAA,IAC3DE,EAAA;AAEF,SACE,gBAAAe;AAAA,IAACU;AAAA,IAAA;AAAA,MACC,SAAA7B;AAAA,MACA,WAAWe,EAAehB,CAAS;AAAA,MACnC,WAAWgB,EAAeU,CAAW;AAAA,MACrC,oBAAAC;AAAA,MACA,6BAAAxB;AAAA,IAAA;AAAA,EAAA;AAGN;"}

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

@@ -1,3 +1,5 @@
+import { BreadcrumbNodes } from '../../Common/FlowBreadcrumbs/FlowBreadcrumbsTypes';
+export declare const payrollLandingBreadcrumbNodes: BreadcrumbNodes;
 export declare const payrollLandingMachine: {
     tabs: import('robot3').MachineState<any>;
     overview: import('robot3').MachineState<any>;

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

@@ -1,93 +1,159 @@
-import { state as i, transition as t, reduce as r, guard as l } from "robot3";
-import { PayrollLandingReceiptsContextual as n, PayrollLandingOverviewContextual as s, PayrollLandingTabsContextual as v } from "./PayrollLandingFlowComponents.js";
-import { componentEvents as a } from "../../../shared/constants.js";
-const p = (e) => (o) => ({
-  ...o,
+import { state as n, transition as t, reduce as r, guard as i } from "robot3";
+import { PayrollLandingTabsContextual as s, PayrollLandingOverviewContextual as p, PayrollLandingReceiptsContextual as l } from "./PayrollLandingFlowComponents.js";
+import { componentEvents as o } from "../../../shared/constants.js";
+import { updateBreadcrumbs as d } from "../../../helpers/breadcrumbHelpers.js";
+import { createBreadcrumbNavigateTransition as c } from "../../Common/FlowBreadcrumbs/breadcrumbTransitionHelpers.js";
+const L = {
+  tabs: {
+    parent: null,
+    item: {
+      id: "tabs",
+      label: "breadcrumbs.landing",
+      namespace: "Payroll.PayrollLanding",
+      onNavigate: ((e) => ({
+        ...e,
+        currentBreadcrumbId: "tabs",
+        progressBarType: null,
+        component: s,
+        payrollUuid: void 0,
+        previousState: void 0,
+        startDate: void 0,
+        endDate: void 0
+      }))
+    }
+  },
+  overview: {
+    parent: "tabs",
+    item: {
+      id: "overview",
+      label: "breadcrumbs.overview",
+      namespace: "Payroll.PayrollLanding"
+    }
+  },
+  receipt: {
+    parent: "tabs",
+    item: {
+      id: "receipt",
+      label: "breadcrumbs.receipt",
+      namespace: "Payroll.PayrollLanding"
+    }
+  }
+}, u = (e) => (a) => ({
+  ...a,
   ...e
-}), y = {
-  tabs: i(
+}), b = c(), P = {
+  tabs: n(
     t(
-      a.RUN_PAYROLL_RECEIPT_VIEWED,
+      o.RUN_PAYROLL_RECEIPT_VIEWED,
       "receipt",
       r(
-        (e, o) => ({
-          ...e,
-          component: n,
-          payrollUuid: o.payload.payrollId,
+        (e, a) => ({
+          ...d("receipt", e, {
+            startDate: a.payload.startDate ?? "",
+            endDate: a.payload.endDate ?? ""
+          }),
+          component: l,
+          payrollUuid: a.payload.payrollId,
           previousState: "tabs",
-          selectedTab: "payroll-history"
-          // Receipt viewed from payroll history tab
+          selectedTab: "payroll-history",
+          progressBarType: "breadcrumbs",
+          startDate: a.payload.startDate,
+          endDate: a.payload.endDate
         })
       )
     ),
     t(
-      a.RUN_PAYROLL_SUMMARY_VIEWED,
+      o.RUN_PAYROLL_SUMMARY_VIEWED,
       "overview",
       r(
-        (e, o) => ({
-          ...e,
-          component: s,
-          payrollUuid: o.payload.payrollId,
+        (e, a) => ({
+          ...d("overview", e, {
+            startDate: a.payload.startDate ?? "",
+            endDate: a.payload.endDate ?? ""
+          }),
+          component: p,
+          payrollUuid: a.payload.payrollId,
           previousState: "tabs",
-          selectedTab: "payroll-history"
-          // Summary viewed from payroll history tab
+          selectedTab: "payroll-history",
+          progressBarType: "breadcrumbs",
+          startDate: a.payload.startDate,
+          endDate: a.payload.endDate
         })
       )
     )
   ),
-  overview: i(
+  overview: n(
+    b("tabs"),
     t(
-      a.RUN_PAYROLL_BACK,
+      o.RUN_PAYROLL_BACK,
       "tabs",
       r(
-        p({
-          component: v,
+        u({
+          component: s,
           payrollUuid: void 0,
-          previousState: void 0
-          // Preserve selectedTab when going back to tabs
+          previousState: void 0,
+          progressBarType: null,
+          currentBreadcrumbId: "tabs",
+          startDate: void 0,
+          endDate: void 0
         })
       )
     ),
     t(
-      a.RUN_PAYROLL_RECEIPT_GET,
+      o.RUN_PAYROLL_RECEIPT_GET,
       "receipt",
       r(
-        (e, o) => ({
-          ...e,
-          component: n,
-          payrollUuid: o.payload.payrollId,
-          previousState: "overview"
+        (e, a) => ({
+          ...d("receipt", e, {
+            startDate: e.startDate ?? "",
+            endDate: e.endDate ?? ""
+          }),
+          component: l,
+          payrollUuid: a.payload.payrollId,
+          previousState: "overview",
+          progressBarType: "breadcrumbs"
         })
       )
     )
   ),
-  receipt: i(
+  receipt: n(
+    b("tabs"),
     t(
-      a.RUN_PAYROLL_BACK,
+      o.RUN_PAYROLL_BACK,
       "overview",
       r(
-        p({
-          component: s,
-          previousState: "tabs"
+        (e) => ({
+          ...d("overview", e, {
+            startDate: e.startDate ?? "",
+            endDate: e.endDate ?? ""
+          }),
+          component: p,
+          previousState: "tabs",
+          progressBarType: "breadcrumbs"
         })
       ),
-      l((e) => e.previousState === "overview")
+      i((e) => e.previousState === "overview")
     ),
     t(
-      a.RUN_PAYROLL_BACK,
+      o.RUN_PAYROLL_BACK,
       "tabs",
       r(
-        p({
-          component: v,
+        u({
+          component: s,
           payrollUuid: void 0,
-          previousState: void 0
+          previousState: void 0,
+          progressBarType: null,
+          currentBreadcrumbId: "tabs",
+          startDate: void 0,
+          endDate: void 0
         })
       ),
-      l((e) => e.previousState === "tabs")
+      i((e) => e.previousState === "tabs")
     )
   )
 };
 export {
-  y as payrollLandingMachine
+  L as payrollLandingBreadcrumbNodes,
+  P as payrollLandingMachine
 };
 //# sourceMappingURL=payrollLandingStateMachine.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"payrollLandingStateMachine.js","sources":["../../../../src/components/Payroll/PayrollLanding/payrollLandingStateMachine.ts"],"sourcesContent":["import { transition, reduce, state, guard } from 'robot3'\nimport {\n  PayrollLandingTabsContextual,\n  PayrollLandingReceiptsContextual,\n  PayrollLandingOverviewContextual,\n  type PayrollLandingFlowContextInterface,\n} from './PayrollLandingFlowComponents'\nimport { componentEvents } from '@/shared/constants'\nimport type { MachineEventType, MachineTransition } from '@/types/Helpers'\n\ntype EventPayloads = {\n  [componentEvents.RUN_PAYROLL_RECEIPT_VIEWED]: {\n    payrollId: string\n  }\n  [componentEvents.RUN_PAYROLL_SUMMARY_VIEWED]: {\n    payrollId: string\n  }\n  [componentEvents.RUN_PAYROLL_RECEIPT_GET]: {\n    payrollId: string\n  }\n}\n\nconst createReducer = (props: Partial<PayrollLandingFlowContextInterface>) => {\n  return (ctx: PayrollLandingFlowContextInterface): PayrollLandingFlowContextInterface => ({\n    ...ctx,\n    ...props,\n  })\n}\n\nexport const payrollLandingMachine = {\n  tabs: state<MachineTransition>(\n    transition(\n      componentEvents.RUN_PAYROLL_RECEIPT_VIEWED,\n      'receipt',\n      reduce(\n        (\n          ctx: PayrollLandingFlowContextInterface,\n          ev: MachineEventType<EventPayloads, typeof componentEvents.RUN_PAYROLL_RECEIPT_VIEWED>,\n        ): PayrollLandingFlowContextInterface => ({\n          ...ctx,\n          component: PayrollLandingReceiptsContextual,\n          payrollUuid: ev.payload.payrollId,\n          previousState: 'tabs',\n          selectedTab: 'payroll-history', // Receipt viewed from payroll history tab\n        }),\n      ),\n    ),\n    transition(\n      componentEvents.RUN_PAYROLL_SUMMARY_VIEWED,\n      'overview',\n      reduce(\n        (\n          ctx: PayrollLandingFlowContextInterface,\n          ev: MachineEventType<EventPayloads, typeof componentEvents.RUN_PAYROLL_SUMMARY_VIEWED>,\n        ): PayrollLandingFlowContextInterface => ({\n          ...ctx,\n          component: PayrollLandingOverviewContextual,\n          payrollUuid: ev.payload.payrollId,\n          previousState: 'tabs',\n          selectedTab: 'payroll-history', // Summary viewed from payroll history tab\n        }),\n      ),\n    ),\n  ),\n  overview: state<MachineTransition>(\n    transition(\n      componentEvents.RUN_PAYROLL_BACK,\n      'tabs',\n      reduce(\n        createReducer({\n          component: PayrollLandingTabsContextual,\n          payrollUuid: undefined,\n          previousState: undefined,\n          // Preserve selectedTab when going back to tabs\n        }),\n      ),\n    ),\n    transition(\n      componentEvents.RUN_PAYROLL_RECEIPT_GET,\n      'receipt',\n      reduce(\n        (\n          ctx: PayrollLandingFlowContextInterface,\n          ev: MachineEventType<EventPayloads, typeof componentEvents.RUN_PAYROLL_RECEIPT_GET>,\n        ): PayrollLandingFlowContextInterface => {\n          return {\n            ...ctx,\n            component: PayrollLandingReceiptsContextual,\n            payrollUuid: ev.payload.payrollId,\n            previousState: 'overview',\n          }\n        },\n      ),\n    ),\n  ),\n  receipt: state<MachineTransition>(\n    transition(\n      componentEvents.RUN_PAYROLL_BACK,\n      'overview',\n      reduce(\n        createReducer({\n          component: PayrollLandingOverviewContextual,\n          previousState: 'tabs',\n        }),\n      ),\n      guard((ctx: PayrollLandingFlowContextInterface) => {\n        return ctx.previousState === 'overview'\n      }),\n    ),\n    transition(\n      componentEvents.RUN_PAYROLL_BACK,\n      'tabs',\n      reduce(\n        createReducer({\n          component: PayrollLandingTabsContextual,\n          payrollUuid: undefined,\n          previousState: undefined,\n        }),\n      ),\n      guard((ctx: PayrollLandingFlowContextInterface) => {\n        return ctx.previousState === 'tabs'\n      }),\n    ),\n  ),\n}\n"],"names":["createReducer","props","ctx","payrollLandingMachine","state","transition","componentEvents","reduce","ev","PayrollLandingReceiptsContextual","PayrollLandingOverviewContextual","PayrollLandingTabsContextual","guard"],"mappings":";;;AAsBA,MAAMA,IAAgB,CAACC,MACd,CAACC,OAAiF;AAAA,EACvF,GAAGA;AAAA,EACH,GAAGD;AAAA,IAIME,IAAwB;AAAA,EACnC,MAAMC;AAAA,IACJC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC;AAAA,QACE,CACEL,GACAM,OACwC;AAAA,UACxC,GAAGN;AAAA,UACH,WAAWO;AAAA,UACX,aAAaD,EAAG,QAAQ;AAAA,UACxB,eAAe;AAAA,UACf,aAAa;AAAA;AAAA,QAAA;AAAA,MACf;AAAA,IACF;AAAA,IAEFH;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC;AAAA,QACE,CACEL,GACAM,OACwC;AAAA,UACxC,GAAGN;AAAA,UACH,WAAWQ;AAAA,UACX,aAAaF,EAAG,QAAQ;AAAA,UACxB,eAAe;AAAA,UACf,aAAa;AAAA;AAAA,QAAA;AAAA,MACf;AAAA,IACF;AAAA,EACF;AAAA,EAEF,UAAUJ;AAAA,IACRC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC;AAAA,QACEP,EAAc;AAAA,UACZ,WAAWW;AAAA,UACX,aAAa;AAAA,UACb,eAAe;AAAA;AAAA,QAAA,CAEhB;AAAA,MAAA;AAAA,IACH;AAAA,IAEFN;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC;AAAA,QACE,CACEL,GACAM,OAEO;AAAA,UACL,GAAGN;AAAA,UACH,WAAWO;AAAA,UACX,aAAaD,EAAG,QAAQ;AAAA,UACxB,eAAe;AAAA,QAAA;AAAA,MAEnB;AAAA,IACF;AAAA,EACF;AAAA,EAEF,SAASJ;AAAA,IACPC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC;AAAA,QACEP,EAAc;AAAA,UACZ,WAAWU;AAAA,UACX,eAAe;AAAA,QAAA,CAChB;AAAA,MAAA;AAAA,MAEHE,EAAM,CAACV,MACEA,EAAI,kBAAkB,UAC9B;AAAA,IAAA;AAAA,IAEHG;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC;AAAA,QACEP,EAAc;AAAA,UACZ,WAAWW;AAAA,UACX,aAAa;AAAA,UACb,eAAe;AAAA,QAAA,CAChB;AAAA,MAAA;AAAA,MAEHC,EAAM,CAACV,MACEA,EAAI,kBAAkB,MAC9B;AAAA,IAAA;AAAA,EACH;AAEJ;"}
+{"version":3,"file":"payrollLandingStateMachine.js","sources":["../../../../src/components/Payroll/PayrollLanding/payrollLandingStateMachine.ts"],"sourcesContent":["import { transition, reduce, state, guard } from 'robot3'\nimport {\n  PayrollLandingTabsContextual,\n  PayrollLandingReceiptsContextual,\n  PayrollLandingOverviewContextual,\n  type PayrollLandingFlowContextInterface,\n} from './PayrollLandingFlowComponents'\nimport { componentEvents } from '@/shared/constants'\nimport type { MachineEventType, MachineTransition } from '@/types/Helpers'\nimport type { BreadcrumbNodes } from '@/components/Common/FlowBreadcrumbs/FlowBreadcrumbsTypes'\nimport { updateBreadcrumbs } from '@/helpers/breadcrumbHelpers'\nimport { createBreadcrumbNavigateTransition } from '@/components/Common/FlowBreadcrumbs/breadcrumbTransitionHelpers'\n\ntype EventPayloads = {\n  [componentEvents.RUN_PAYROLL_RECEIPT_VIEWED]: {\n    payrollId: string\n    startDate?: string\n    endDate?: string\n  }\n  [componentEvents.RUN_PAYROLL_SUMMARY_VIEWED]: {\n    payrollId: string\n    startDate?: string\n    endDate?: string\n  }\n  [componentEvents.RUN_PAYROLL_RECEIPT_GET]: {\n    payrollId: string\n  }\n}\n\nexport const payrollLandingBreadcrumbNodes: BreadcrumbNodes = {\n  tabs: {\n    parent: null,\n    item: {\n      id: 'tabs',\n      label: 'breadcrumbs.landing',\n      namespace: 'Payroll.PayrollLanding',\n      onNavigate: ((ctx: PayrollLandingFlowContextInterface) => ({\n        ...ctx,\n        currentBreadcrumbId: 'tabs',\n        progressBarType: null,\n        component: PayrollLandingTabsContextual,\n        payrollUuid: undefined,\n        previousState: undefined,\n        startDate: undefined,\n        endDate: undefined,\n      })) as (context: unknown) => unknown,\n    },\n  },\n  overview: {\n    parent: 'tabs',\n    item: {\n      id: 'overview',\n      label: 'breadcrumbs.overview',\n      namespace: 'Payroll.PayrollLanding',\n    },\n  },\n  receipt: {\n    parent: 'tabs',\n    item: {\n      id: 'receipt',\n      label: 'breadcrumbs.receipt',\n      namespace: 'Payroll.PayrollLanding',\n    },\n  },\n} as const\n\nconst createReducer = (props: Partial<PayrollLandingFlowContextInterface>) => {\n  return (ctx: PayrollLandingFlowContextInterface): PayrollLandingFlowContextInterface => ({\n    ...ctx,\n    ...props,\n  })\n}\n\nconst breadcrumbNavigateTransition =\n  createBreadcrumbNavigateTransition<PayrollLandingFlowContextInterface>()\n\nexport const payrollLandingMachine = {\n  tabs: state<MachineTransition>(\n    transition(\n      componentEvents.RUN_PAYROLL_RECEIPT_VIEWED,\n      'receipt',\n      reduce(\n        (\n          ctx: PayrollLandingFlowContextInterface,\n          ev: MachineEventType<EventPayloads, typeof componentEvents.RUN_PAYROLL_RECEIPT_VIEWED>,\n        ): PayrollLandingFlowContextInterface => ({\n          ...updateBreadcrumbs('receipt', ctx, {\n            startDate: ev.payload.startDate ?? '',\n            endDate: ev.payload.endDate ?? '',\n          }),\n          component: PayrollLandingReceiptsContextual,\n          payrollUuid: ev.payload.payrollId,\n          previousState: 'tabs',\n          selectedTab: 'payroll-history',\n          progressBarType: 'breadcrumbs',\n          startDate: ev.payload.startDate,\n          endDate: ev.payload.endDate,\n        }),\n      ),\n    ),\n    transition(\n      componentEvents.RUN_PAYROLL_SUMMARY_VIEWED,\n      'overview',\n      reduce(\n        (\n          ctx: PayrollLandingFlowContextInterface,\n          ev: MachineEventType<EventPayloads, typeof componentEvents.RUN_PAYROLL_SUMMARY_VIEWED>,\n        ): PayrollLandingFlowContextInterface => ({\n          ...updateBreadcrumbs('overview', ctx, {\n            startDate: ev.payload.startDate ?? '',\n            endDate: ev.payload.endDate ?? '',\n          }),\n          component: PayrollLandingOverviewContextual,\n          payrollUuid: ev.payload.payrollId,\n          previousState: 'tabs',\n          selectedTab: 'payroll-history',\n          progressBarType: 'breadcrumbs',\n          startDate: ev.payload.startDate,\n          endDate: ev.payload.endDate,\n        }),\n      ),\n    ),\n  ),\n  overview: state<MachineTransition>(\n    breadcrumbNavigateTransition('tabs'),\n    transition(\n      componentEvents.RUN_PAYROLL_BACK,\n      'tabs',\n      reduce(\n        createReducer({\n          component: PayrollLandingTabsContextual,\n          payrollUuid: undefined,\n          previousState: undefined,\n          progressBarType: null,\n          currentBreadcrumbId: 'tabs',\n          startDate: undefined,\n          endDate: undefined,\n        }),\n      ),\n    ),\n    transition(\n      componentEvents.RUN_PAYROLL_RECEIPT_GET,\n      'receipt',\n      reduce(\n        (\n          ctx: PayrollLandingFlowContextInterface,\n          ev: MachineEventType<EventPayloads, typeof componentEvents.RUN_PAYROLL_RECEIPT_GET>,\n        ): PayrollLandingFlowContextInterface => {\n          return {\n            ...updateBreadcrumbs('receipt', ctx, {\n              startDate: ctx.startDate ?? '',\n              endDate: ctx.endDate ?? '',\n            }),\n            component: PayrollLandingReceiptsContextual,\n            payrollUuid: ev.payload.payrollId,\n            previousState: 'overview',\n            progressBarType: 'breadcrumbs',\n          }\n        },\n      ),\n    ),\n  ),\n  receipt: state<MachineTransition>(\n    breadcrumbNavigateTransition('tabs'),\n    transition(\n      componentEvents.RUN_PAYROLL_BACK,\n      'overview',\n      reduce(\n        (ctx: PayrollLandingFlowContextInterface): PayrollLandingFlowContextInterface => ({\n          ...updateBreadcrumbs('overview', ctx, {\n            startDate: ctx.startDate ?? '',\n            endDate: ctx.endDate ?? '',\n          }),\n          component: PayrollLandingOverviewContextual,\n          previousState: 'tabs',\n          progressBarType: 'breadcrumbs',\n        }),\n      ),\n      guard((ctx: PayrollLandingFlowContextInterface) => {\n        return ctx.previousState === 'overview'\n      }),\n    ),\n    transition(\n      componentEvents.RUN_PAYROLL_BACK,\n      'tabs',\n      reduce(\n        createReducer({\n          component: PayrollLandingTabsContextual,\n          payrollUuid: undefined,\n          previousState: undefined,\n          progressBarType: null,\n          currentBreadcrumbId: 'tabs',\n          startDate: undefined,\n          endDate: undefined,\n        }),\n      ),\n      guard((ctx: PayrollLandingFlowContextInterface) => {\n        return ctx.previousState === 'tabs'\n      }),\n    ),\n  ),\n}\n"],"names":["payrollLandingBreadcrumbNodes","ctx","PayrollLandingTabsContextual","createReducer","props","breadcrumbNavigateTransition","createBreadcrumbNavigateTransition","payrollLandingMachine","state","transition","componentEvents","reduce","ev","updateBreadcrumbs","PayrollLandingReceiptsContextual","PayrollLandingOverviewContextual","guard"],"mappings":"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"}