@gusto/embedded-react-sdk 0.25.0 → 0.26.0

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

@@ -1,45 +1,47 @@
 import { jsx as o } from "react/jsx-runtime";
-import { useMemo as i } from "react";
+import { useMemo as u } from "react";
 import { createMachine as c } from "robot3";
-import { payrollLandingMachine as u, payrollLandingBreadcrumbNodes as d } from "./payrollLandingStateMachine.js";
-import { PayrollLandingTabsContextual as p } from "./PayrollLandingFlowComponents.js";
-import { Flow as f } from "../../Flow/Flow.js";
+import { payrollLandingMachine as p, payrollLandingBreadcrumbNodes as d } from "./payrollLandingStateMachine.js";
+import { PayrollLandingTabsContextual as f } from "./PayrollLandingFlowComponents.js";
+import { Flow as b } from "../../Flow/Flow.js";
 import { BaseComponent as s } from "../../Base/Base.js";
-import { useComponentDictionary as b } from "../../../i18n/I18n.js";
-import { buildBreadcrumbs as y } from "../../../helpers/breadcrumbHelpers.js";
-function w(r) {
-  return /* @__PURE__ */ o(s, { ...r, children: /* @__PURE__ */ o(g, { ...r }) });
+import { useComponentDictionary as y } from "../../../i18n/I18n.js";
+import { buildBreadcrumbs as g } from "../../../helpers/breadcrumbHelpers.js";
+function k(r) {
+  return /* @__PURE__ */ o(s, { ...r, children: /* @__PURE__ */ o(L, { ...r }) });
 }
-function g({
+function L({
   companyId: r,
-  onEvent: e,
-  dictionary: l,
+  onEvent: t,
+  dictionary: e,
   withReimbursements: n = !0,
-  ConfirmWireDetailsComponent: a
+  ConfirmWireDetailsComponent: a,
+  showPayrollCancelledAlert: m
 }) {
-  b("Payroll.PayrollLanding", l);
-  const t = i(
+  y("Payroll.PayrollLanding", e);
+  const i = u(
     () => c(
       "tabs",
-      u,
-      (m) => ({
-        ...m,
-        component: p,
+      p,
+      (l) => ({
+        ...l,
+        component: f,
         companyId: r,
         selectedTab: "run-payroll",
         withReimbursements: n,
         ConfirmWireDetailsComponent: a,
-        breadcrumbs: y(d),
+        breadcrumbs: g(d),
         currentBreadcrumbId: "tabs",
-        progressBarType: null
+        progressBarType: null,
+        showPayrollCancelledAlert: m
       })
     ),
-    [r, n, a]
+    [r, n, a, m]
   );
-  return /* @__PURE__ */ o(f, { onEvent: e, machine: t });
+  return /* @__PURE__ */ o(b, { onEvent: t, machine: i });
 }
 export {
-  w as PayrollLanding,
-  g as PayrollLandingFlow
+  k as PayrollLanding,
+  L as PayrollLandingFlow
 };
 //# sourceMappingURL=PayrollLanding.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"PayrollLanding.js","sources":["../../../../src/components/Payroll/PayrollLanding/PayrollLanding.tsx"],"sourcesContent":["import { useMemo } from 'react'\nimport { createMachine } from 'robot3'\nimport type { ConfirmWireDetailsComponentType } from '../ConfirmWireDetails/ConfirmWireDetails'\nimport { payrollLandingMachine, payrollLandingBreadcrumbNodes } from './payrollLandingStateMachine'\nimport {\n  PayrollLandingTabsContextual,\n  type PayrollLandingFlowContextInterface,\n  type PayrollLandingFlowProps,\n} from './PayrollLandingFlowComponents'\nimport { Flow } from '@/components/Flow/Flow'\nimport type { BaseComponentInterface } from '@/components/Base/Base'\nimport { BaseComponent } from '@/components/Base/Base'\nimport { useComponentDictionary } from '@/i18n'\nimport { buildBreadcrumbs } from '@/helpers/breadcrumbHelpers'\n\ninterface PayrollLandingProps extends BaseComponentInterface<'Payroll.PayrollLanding'> {\n  companyId: string\n  withReimbursements?: boolean\n  ConfirmWireDetailsComponent?: ConfirmWireDetailsComponentType\n}\n\nexport function PayrollLanding(props: PayrollLandingProps) {\n  return (\n    <BaseComponent {...props}>\n      <PayrollLandingFlow {...props} />\n    </BaseComponent>\n  )\n}\n\nexport function PayrollLandingFlow({\n  companyId,\n  onEvent,\n  dictionary,\n  withReimbursements = true,\n  ConfirmWireDetailsComponent,\n}: PayrollLandingFlowProps) {\n  useComponentDictionary('Payroll.PayrollLanding', dictionary)\n\n  const machine = useMemo(\n    () =>\n      createMachine(\n        'tabs',\n        payrollLandingMachine,\n        (initialContext: PayrollLandingFlowContextInterface) => ({\n          ...initialContext,\n          component: PayrollLandingTabsContextual,\n          companyId,\n          selectedTab: 'run-payroll',\n          withReimbursements,\n          ConfirmWireDetailsComponent,\n          breadcrumbs: buildBreadcrumbs(payrollLandingBreadcrumbNodes),\n          currentBreadcrumbId: 'tabs',\n          progressBarType: null,\n        }),\n      ),\n    [companyId, withReimbursements, ConfirmWireDetailsComponent],\n  )\n\n  return <Flow onEvent={onEvent} machine={machine} />\n}\n"],"names":["PayrollLanding","props","jsx","BaseComponent","PayrollLandingFlow","companyId","onEvent","dictionary","withReimbursements","ConfirmWireDetailsComponent","useComponentDictionary","machine","useMemo","createMachine","payrollLandingMachine","initialContext","PayrollLandingTabsContextual","buildBreadcrumbs","payrollLandingBreadcrumbNodes","Flow"],"mappings":";;;;;;;;;AAqBO,SAASA,EAAeC,GAA4B;AACzD,SACE,gBAAAC,EAACC,KAAe,GAAGF,GACjB,4BAACG,GAAA,EAAoB,GAAGH,GAAO,EAAA,CACjC;AAEJ;AAEO,SAASG,EAAmB;AAAA,EACjC,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,YAAAC;AAAA,EACA,oBAAAC,IAAqB;AAAA,EACrB,6BAAAC;AACF,GAA4B;AAC1B,EAAAC,EAAuB,0BAA0BH,CAAU;AAE3D,QAAMI,IAAUC;AAAA,IACd,MACEC;AAAA,MACE;AAAA,MACAC;AAAA,MACA,CAACC,OAAwD;AAAA,QACvD,GAAGA;AAAA,QACH,WAAWC;AAAA,QACX,WAAAX;AAAA,QACA,aAAa;AAAA,QACb,oBAAAG;AAAA,QACA,6BAAAC;AAAA,QACA,aAAaQ,EAAiBC,CAA6B;AAAA,QAC3D,qBAAqB;AAAA,QACrB,iBAAiB;AAAA,MAAA;AAAA,IACnB;AAAA,IAEJ,CAACb,GAAWG,GAAoBC,CAA2B;AAAA,EAAA;AAG7D,SAAO,gBAAAP,EAACiB,GAAA,EAAK,SAAAb,GAAkB,SAAAK,EAAA,CAAkB;AACnD;"}
+{"version":3,"file":"PayrollLanding.js","sources":["../../../../src/components/Payroll/PayrollLanding/PayrollLanding.tsx"],"sourcesContent":["import { useMemo } from 'react'\nimport { createMachine } from 'robot3'\nimport type { ConfirmWireDetailsComponentType } from '../ConfirmWireDetails/ConfirmWireDetails'\nimport { payrollLandingMachine, payrollLandingBreadcrumbNodes } from './payrollLandingStateMachine'\nimport {\n  PayrollLandingTabsContextual,\n  type PayrollLandingFlowContextInterface,\n  type PayrollLandingFlowProps,\n} from './PayrollLandingFlowComponents'\nimport { Flow } from '@/components/Flow/Flow'\nimport type { BaseComponentInterface } from '@/components/Base/Base'\nimport { BaseComponent } from '@/components/Base/Base'\nimport { useComponentDictionary } from '@/i18n'\nimport { buildBreadcrumbs } from '@/helpers/breadcrumbHelpers'\n\ninterface PayrollLandingProps extends BaseComponentInterface<'Payroll.PayrollLanding'> {\n  companyId: string\n  withReimbursements?: boolean\n  ConfirmWireDetailsComponent?: ConfirmWireDetailsComponentType\n  showPayrollCancelledAlert?: boolean\n}\n\nexport function PayrollLanding(props: PayrollLandingProps) {\n  return (\n    <BaseComponent {...props}>\n      <PayrollLandingFlow {...props} />\n    </BaseComponent>\n  )\n}\n\nexport function PayrollLandingFlow({\n  companyId,\n  onEvent,\n  dictionary,\n  withReimbursements = true,\n  ConfirmWireDetailsComponent,\n  showPayrollCancelledAlert,\n}: PayrollLandingFlowProps) {\n  useComponentDictionary('Payroll.PayrollLanding', dictionary)\n\n  const machine = useMemo(\n    () =>\n      createMachine(\n        'tabs',\n        payrollLandingMachine,\n        (initialContext: PayrollLandingFlowContextInterface) => ({\n          ...initialContext,\n          component: PayrollLandingTabsContextual,\n          companyId,\n          selectedTab: 'run-payroll',\n          withReimbursements,\n          ConfirmWireDetailsComponent,\n          breadcrumbs: buildBreadcrumbs(payrollLandingBreadcrumbNodes),\n          currentBreadcrumbId: 'tabs',\n          progressBarType: null,\n          showPayrollCancelledAlert,\n        }),\n      ),\n    [companyId, withReimbursements, ConfirmWireDetailsComponent, showPayrollCancelledAlert],\n  )\n\n  return <Flow onEvent={onEvent} machine={machine} />\n}\n"],"names":["PayrollLanding","props","jsx","BaseComponent","PayrollLandingFlow","companyId","onEvent","dictionary","withReimbursements","ConfirmWireDetailsComponent","showPayrollCancelledAlert","useComponentDictionary","machine","useMemo","createMachine","payrollLandingMachine","initialContext","PayrollLandingTabsContextual","buildBreadcrumbs","payrollLandingBreadcrumbNodes","Flow"],"mappings":";;;;;;;;;AAsBO,SAASA,EAAeC,GAA4B;AACzD,SACE,gBAAAC,EAACC,KAAe,GAAGF,GACjB,4BAACG,GAAA,EAAoB,GAAGH,GAAO,EAAA,CACjC;AAEJ;AAEO,SAASG,EAAmB;AAAA,EACjC,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,YAAAC;AAAA,EACA,oBAAAC,IAAqB;AAAA,EACrB,6BAAAC;AAAA,EACA,2BAAAC;AACF,GAA4B;AAC1B,EAAAC,EAAuB,0BAA0BJ,CAAU;AAE3D,QAAMK,IAAUC;AAAA,IACd,MACEC;AAAA,MACE;AAAA,MACAC;AAAA,MACA,CAACC,OAAwD;AAAA,QACvD,GAAGA;AAAA,QACH,WAAWC;AAAA,QACX,WAAAZ;AAAA,QACA,aAAa;AAAA,QACb,oBAAAG;AAAA,QACA,6BAAAC;AAAA,QACA,aAAaS,EAAiBC,CAA6B;AAAA,QAC3D,qBAAqB;AAAA,QACrB,iBAAiB;AAAA,QACjB,2BAAAT;AAAA,MAAA;AAAA,IACF;AAAA,IAEJ,CAACL,GAAWG,GAAoBC,GAA6BC,CAAyB;AAAA,EAAA;AAGxF,SAAO,gBAAAR,EAACkB,GAAA,EAAK,SAAAd,GAAkB,SAAAM,EAAA,CAAkB;AACnD;"}

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

@@ -5,6 +5,7 @@ export interface PayrollLandingFlowProps extends BaseComponentInterface<'Payroll
     companyId: string;
     withReimbursements?: boolean;
     ConfirmWireDetailsComponent?: ConfirmWireDetailsComponentType;
+    showPayrollCancelledAlert?: boolean;
 }
 export interface PayrollLandingFlowContextInterface extends FlowContextInterface {
     component: (() => React.JSX.Element) | null;
@@ -16,6 +17,7 @@ export interface PayrollLandingFlowContextInterface extends FlowContextInterface
     ConfirmWireDetailsComponent?: ConfirmWireDetailsComponentType;
     startDate?: string;
     endDate?: string;
+    showPayrollCancelledAlert?: boolean;
 }
 export declare function PayrollLandingTabsContextual(): import("react/jsx-runtime").JSX.Element;
 export declare function PayrollLandingReceiptsContextual(): import("react/jsx-runtime").JSX.Element;

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

@@ -1,81 +1,103 @@
-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 { jsx as t, jsxs as w } from "react/jsx-runtime";
+import { useState as g } from "react";
+import { useTranslation as k } from "react-i18next";
+import { useWireInRequestsListSuspense as D } from "@gusto/embedded-api/react-query/wireInRequestsList";
+import { usePayrollsGetBlockersSuspense as v } from "@gusto/embedded-api/react-query/payrollsGetBlockers";
+import { PayrollHistory as A } from "../PayrollHistory/PayrollHistory.js";
+import { PayrollList as E } from "../PayrollList/PayrollList.js";
+import { PayrollOverview as x } from "../PayrollOverview/PayrollOverview.js";
+import { PayrollReceipts as _ } from "../PayrollReceipts/PayrollReceipts.js";
+import { ConfirmWireDetails as h } from "../ConfirmWireDetails/ConfirmWireDetails.js";
+import { PayrollBlockerAlerts as S } from "../PayrollBlocker/components/PayrollBlockerAlerts.js";
+import { useFlow as m } from "../../Flow/useFlow.js";
+import { useI18n as B } from "../../../i18n/I18n.js";
+import { useComponentContext as T } from "../../../contexts/ComponentAdapter/useComponentContext.js";
 import { ensureRequired as r } from "../../../helpers/ensureRequired.js";
-import { Flex as h } from "../../Common/Flex/Flex.js";
-function k() {
+import { Flex as U } from "../../Common/Flex/Flex.js";
+import { componentEvents as c } from "../../../shared/constants.js";
+function oo() {
   const {
     companyId: o,
-    onEvent: t,
-    selectedTab: e = "run-payroll",
-    ConfirmWireDetailsComponent: a = R
-  } = s(), [i, m] = b(e), { Tabs: p } = L();
-  w("Payroll.PayrollLanding");
-  const { t: l } = I("Payroll.PayrollLanding"), { data: u } = C({
+    onEvent: e,
+    selectedTab: n = "run-payroll",
+    ConfirmWireDetailsComponent: s = h,
+    showPayrollCancelledAlert: i
+  } = m(), [p, u] = g(n), { Tabs: y, Alert: d } = T();
+  B("Payroll.PayrollLanding");
+  const { t: l } = k("Payroll.PayrollLanding"), { data: f } = D({
     companyUuid: r(o)
-  }), c = (u.wireInRequestList || []).some(
-    (d) => d.status === "awaiting_funds"
-  ), y = [
+  }), L = (f.wireInRequestList || []).some(
+    (a) => a.status === "awaiting_funds"
+  ), C = () => {
+    e(c.RUN_PAYROLL_CANCELLED_ALERT_DISMISSED);
+  }, { data: P } = v({
+    companyUuid: r(o)
+  }), I = (P.payrollBlockerList ?? []).map((a) => ({
+    key: a.key ?? "unknown",
+    message: a.message
+  })), b = () => {
+    e(c.RUN_PAYROLL_BLOCKERS_VIEW_ALL);
+  }, R = [
     {
       id: "run-payroll",
       label: l("tabs.runPayroll"),
-      content: /* @__PURE__ */ n(g, { companyId: r(o), onEvent: t })
+      content: /* @__PURE__ */ t(E, { companyId: r(o), onEvent: e })
     },
     {
       id: "payroll-history",
       label: l("tabs.payrollHistory"),
-      content: /* @__PURE__ */ n(P, { companyId: r(o), onEvent: t })
+      content: /* @__PURE__ */ t(A, { companyId: r(o), onEvent: e })
     }
   ];
-  return /* @__PURE__ */ f(h, { flexDirection: "column", gap: 32, children: [
-    c && /* @__PURE__ */ n(a, { companyId: r(o), onEvent: t }),
-    /* @__PURE__ */ n(
-      p,
+  return /* @__PURE__ */ w(U, { flexDirection: "column", gap: 32, children: [
+    i && /* @__PURE__ */ t(
+      d,
+      {
+        status: "success",
+        label: l("alerts.payrollCancelled"),
+        onDismiss: C
+      }
+    ),
+    L && /* @__PURE__ */ t(s, { companyId: r(o), onEvent: e }),
+    /* @__PURE__ */ t(S, { blockers: I, onMultipleViewClick: b }),
+    /* @__PURE__ */ t(
+      y,
       {
-        tabs: y,
-        selectedId: i,
-        onSelectionChange: m,
+        tabs: R,
+        selectedId: p,
+        onSelectionChange: u,
         "aria-label": l("aria.tabNavigation")
       }
     )
   ] });
 }
-function z() {
-  const { payrollUuid: o, onEvent: t, withReimbursements: e } = s();
-  return /* @__PURE__ */ n(
-    x,
+function eo() {
+  const { payrollUuid: o, onEvent: e, withReimbursements: n } = m();
+  return /* @__PURE__ */ t(
+    _,
     {
-      onEvent: t,
+      onEvent: e,
       payrollId: r(o),
-      withReimbursements: e
+      withReimbursements: n
     }
   );
 }
-function B() {
-  const { companyId: o, payrollUuid: t, onEvent: e, withReimbursements: a, ConfirmWireDetailsComponent: i } = s();
-  return /* @__PURE__ */ n(
-    v,
+function to() {
+  const { companyId: o, payrollUuid: e, onEvent: n, withReimbursements: s, ConfirmWireDetailsComponent: i } = m();
+  return /* @__PURE__ */ t(
+    x,
     {
-      onEvent: e,
+      onEvent: n,
       companyId: r(o),
-      payrollId: r(t),
-      withReimbursements: a,
+      payrollId: r(e),
+      withReimbursements: s,
       ConfirmWireDetailsComponent: i
     }
   );
 }
 export {
-  B as PayrollLandingOverviewContextual,
-  z as PayrollLandingReceiptsContextual,
-  k as PayrollLandingTabsContextual
+  to as PayrollLandingOverviewContextual,
+  eo as PayrollLandingReceiptsContextual,
+  oo 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 { 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;"}
+{"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 { usePayrollsGetBlockersSuspense } from '@gusto/embedded-api/react-query/payrollsGetBlockers'\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 { ApiPayrollBlocker } from '../PayrollBlocker/payrollHelpers'\nimport { PayrollBlockerAlerts } from '../PayrollBlocker/components/PayrollBlockerAlerts'\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'\nimport { componentEvents } from '@/shared/constants'\n\nexport interface PayrollLandingFlowProps extends BaseComponentInterface<'Payroll.PayrollLanding'> {\n  companyId: string\n  withReimbursements?: boolean\n  ConfirmWireDetailsComponent?: ConfirmWireDetailsComponentType\n  showPayrollCancelledAlert?: boolean\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  showPayrollCancelledAlert?: boolean\n}\n\nexport function PayrollLandingTabsContextual() {\n  const {\n    companyId,\n    onEvent,\n    selectedTab = 'run-payroll',\n    ConfirmWireDetailsComponent = ConfirmWireDetails,\n    showPayrollCancelledAlert,\n  } = useFlow<PayrollLandingFlowContextInterface>()\n  const [currentTab, setCurrentTab] = useState(selectedTab)\n  const { Tabs, Alert } = 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 handleDismissPayrollCancelledAlert = () => {\n    onEvent(componentEvents.RUN_PAYROLL_CANCELLED_ALERT_DISMISSED)\n  }\n\n  const { data: blockersData } = usePayrollsGetBlockersSuspense({\n    companyUuid: ensureRequired(companyId),\n  })\n\n  const payrollBlockerList = blockersData.payrollBlockerList ?? []\n\n  const blockers: ApiPayrollBlocker[] = payrollBlockerList.map(blocker => ({\n    key: blocker.key ?? 'unknown',\n    message: blocker.message,\n  }))\n\n  const onViewBlockers = () => {\n    onEvent(componentEvents.RUN_PAYROLL_BLOCKERS_VIEW_ALL)\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      {showPayrollCancelledAlert && (\n        <Alert\n          status=\"success\"\n          label={t('alerts.payrollCancelled')}\n          onDismiss={handleDismissPayrollCancelledAlert}\n        />\n      )}\n      {hasActiveWireInRequests && (\n        <ConfirmWireDetailsComponent companyId={ensureRequired(companyId)} onEvent={onEvent} />\n      )}\n      <PayrollBlockerAlerts blockers={blockers} onMultipleViewClick={onViewBlockers} />\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","showPayrollCancelledAlert","useFlow","currentTab","setCurrentTab","useState","Tabs","Alert","useComponentContext","useI18n","t","useTranslation","wireInRequestsData","useWireInRequestsListSuspense","ensureRequired","hasActiveWireInRequests","r","handleDismissPayrollCancelledAlert","componentEvents","blockersData","usePayrollsGetBlockersSuspense","blockers","blocker","onViewBlockers","tabs","jsx","PayrollList","PayrollHistory","jsxs","Flex","PayrollBlockerAlerts","PayrollLandingReceiptsContextual","payrollUuid","withReimbursements","PayrollReceipts","PayrollLandingOverviewContextual","PayrollOverview"],"mappings":"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"}

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

@@ -1,9 +1,9 @@
-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 { state as n, transition as r, reduce as t, guard as i } from "robot3";
+import { PayrollLandingTabsContextual as d, PayrollLandingOverviewContextual as p, PayrollLandingReceiptsContextual as u } 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 = {
+import { updateBreadcrumbs as s } from "../../../helpers/breadcrumbHelpers.js";
+import { createBreadcrumbNavigateTransition as b } from "../../Common/FlowBreadcrumbs/breadcrumbTransitionHelpers.js";
+const P = {
   tabs: {
     parent: null,
     item: {
@@ -14,7 +14,7 @@ const L = {
         ...e,
         currentBreadcrumbId: "tabs",
         progressBarType: null,
-        component: s,
+        component: d,
         payrollUuid: void 0,
         previousState: void 0,
         startDate: void 0,
@@ -38,36 +38,37 @@ const L = {
       namespace: "Payroll.PayrollLanding"
     }
   }
-}, u = (e) => (a) => ({
+}, l = (e) => (a) => ({
   ...a,
   ...e
-}), b = c(), P = {
+}), c = b(), R = {
   tabs: n(
-    t(
+    r(
       o.RUN_PAYROLL_RECEIPT_VIEWED,
       "receipt",
-      r(
+      t(
         (e, a) => ({
-          ...d("receipt", e, {
+          ...s("receipt", e, {
             startDate: a.payload.startDate ?? "",
             endDate: a.payload.endDate ?? ""
           }),
-          component: l,
+          component: u,
           payrollUuid: a.payload.payrollId,
           previousState: "tabs",
           selectedTab: "payroll-history",
           progressBarType: "breadcrumbs",
           startDate: a.payload.startDate,
-          endDate: a.payload.endDate
+          endDate: a.payload.endDate,
+          showPayrollCancelledAlert: !1
         })
       )
     ),
-    t(
+    r(
       o.RUN_PAYROLL_SUMMARY_VIEWED,
       "overview",
-      r(
+      t(
         (e, a) => ({
-          ...d("overview", e, {
+          ...s("overview", e, {
             startDate: a.payload.startDate ?? "",
             endDate: a.payload.endDate ?? ""
           }),
@@ -77,19 +78,38 @@ const L = {
           selectedTab: "payroll-history",
           progressBarType: "breadcrumbs",
           startDate: a.payload.startDate,
-          endDate: a.payload.endDate
+          endDate: a.payload.endDate,
+          showPayrollCancelledAlert: !1
+        })
+      )
+    ),
+    r(
+      o.RUN_PAYROLL_CANCELLED,
+      "tabs",
+      t(
+        l({
+          showPayrollCancelledAlert: !0
+        })
+      )
+    ),
+    r(
+      o.RUN_PAYROLL_CANCELLED_ALERT_DISMISSED,
+      "tabs",
+      t(
+        l({
+          showPayrollCancelledAlert: !1
         })
       )
     )
   ),
   overview: n(
-    b("tabs"),
-    t(
+    c("tabs"),
+    r(
       o.RUN_PAYROLL_BACK,
       "tabs",
-      r(
-        u({
-          component: s,
+      t(
+        l({
+          component: d,
           payrollUuid: void 0,
           previousState: void 0,
           progressBarType: null,
@@ -99,31 +119,47 @@ const L = {
         })
       )
     ),
-    t(
+    r(
       o.RUN_PAYROLL_RECEIPT_GET,
       "receipt",
-      r(
+      t(
         (e, a) => ({
-          ...d("receipt", e, {
+          ...s("receipt", e, {
             startDate: e.startDate ?? "",
             endDate: e.endDate ?? ""
           }),
-          component: l,
+          component: u,
           payrollUuid: a.payload.payrollId,
           previousState: "overview",
           progressBarType: "breadcrumbs"
         })
       )
+    ),
+    r(
+      o.RUN_PAYROLL_CANCELLED,
+      "tabs",
+      t(
+        l({
+          component: d,
+          payrollUuid: void 0,
+          previousState: void 0,
+          progressBarType: null,
+          currentBreadcrumbId: "tabs",
+          startDate: void 0,
+          endDate: void 0,
+          showPayrollCancelledAlert: !0
+        })
+      )
     )
   ),
   receipt: n(
-    b("tabs"),
-    t(
+    c("tabs"),
+    r(
       o.RUN_PAYROLL_BACK,
       "overview",
-      r(
+      t(
         (e) => ({
-          ...d("overview", e, {
+          ...s("overview", e, {
             startDate: e.startDate ?? "",
             endDate: e.endDate ?? ""
           }),
@@ -134,12 +170,12 @@ const L = {
       ),
       i((e) => e.previousState === "overview")
     ),
-    t(
+    r(
       o.RUN_PAYROLL_BACK,
       "tabs",
-      r(
-        u({
-          component: s,
+      t(
+        l({
+          component: d,
           payrollUuid: void 0,
           previousState: void 0,
           progressBarType: null,
@@ -153,7 +189,7 @@ const L = {
   )
 };
 export {
-  L as payrollLandingBreadcrumbNodes,
-  P as payrollLandingMachine
+  P as payrollLandingBreadcrumbNodes,
+  R 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'\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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"}
+{"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  [componentEvents.RUN_PAYROLL_CANCELLED]: undefined\n  [componentEvents.RUN_PAYROLL_CANCELLED_ALERT_DISMISSED]: undefined\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          showPayrollCancelledAlert: false,\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          showPayrollCancelledAlert: false,\n        }),\n      ),\n    ),\n    transition(\n      componentEvents.RUN_PAYROLL_CANCELLED,\n      'tabs',\n      reduce(\n        createReducer({\n          showPayrollCancelledAlert: true,\n        }),\n      ),\n    ),\n    transition(\n      componentEvents.RUN_PAYROLL_CANCELLED_ALERT_DISMISSED,\n      'tabs',\n      reduce(\n        createReducer({\n          showPayrollCancelledAlert: false,\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    transition(\n      componentEvents.RUN_PAYROLL_CANCELLED,\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          showPayrollCancelledAlert: true,\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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"}

package/dist/components/Payroll/PayrollList/PayrollList.js

@@ -3,33 +3,33 @@ import { useState as p } from "react";
 import { usePayrollsListSuspense as h } from "@gusto/embedded-api/react-query/payrollsList";
 import { usePaySchedulesGetAllSuspense as w } from "@gusto/embedded-api/react-query/paySchedulesGetAll";
 import { usePayrollsSkipMutation as A } from "@gusto/embedded-api/react-query/payrollsSkip";
-import { usePayrollsGetBlockersSuspense as B } from "@gusto/embedded-api/react-query/payrollsGetBlockers";
-import { useWireInRequestsListSuspense as _ } from "@gusto/embedded-api/react-query/wireInRequestsList";
-import { PayrollType as g } from "@gusto/embedded-api/models/operations/postcompaniespayrollskipcompanyuuid";
+import { usePayrollsGetBlockersSuspense as g } from "@gusto/embedded-api/react-query/payrollsGetBlockers";
+import { useWireInRequestsListSuspense as B } from "@gusto/embedded-api/react-query/wireInRequestsList";
+import { PayrollType as q } from "@gusto/embedded-api/models/operations/postcompaniespayrollskipcompanyuuid";
 import { ProcessingStatuses as U } from "@gusto/embedded-api/models/operations/getv1companiescompanyidpayrolls";
-import { PayrollListPresentation as q } from "./PayrollListPresentation.js";
+import { PayrollListPresentation as b } from "./PayrollListPresentation.js";
 import { BaseComponent as E } from "../../Base/Base.js";
 import { useBase as I } from "../../Base/useBase.js";
 import { componentEvents as r } from "../../../shared/constants.js";
-function Z(e) {
-  return /* @__PURE__ */ a(E, { ...e, children: /* @__PURE__ */ a(b, { ...e }) });
+function Q(e) {
+  return /* @__PURE__ */ a(E, { ...e, children: /* @__PURE__ */ a(_, { ...e }) });
 }
-const b = ({ companyId: e, onEvent: t }) => {
+const _ = ({ companyId: e, onEvent: t }) => {
   const { baseSubmitHandler: u } = I(), [c, l] = p(!1), [y, i] = p(null), { data: m } = h({
     companyId: e,
     processingStatuses: [U.Unprocessed]
   }), n = m.payrollList, { data: S } = w({
     companyId: e
-  }), P = S.payScheduleList, { data: d } = B({
+  }), P = S.payScheduleList, { data: d } = g({
     companyUuid: e
   }), L = (d.payrollBlockerList ?? []).map((s) => ({
     key: s.key ?? "unknown",
     message: s.message
-  })), { data: k } = _({
+  })), { data: f } = B({
     companyUuid: e
-  }), f = k.wireInRequestList ?? [], { mutateAsync: R } = A();
+  }), k = f.wireInRequestList ?? [], { mutateAsync: R } = A();
   return /* @__PURE__ */ a(
-    q,
+    b,
     {
       payrolls: n,
       paySchedules: P,
@@ -49,7 +49,7 @@ const b = ({ companyId: e, onEvent: t }) => {
             request: {
               companyUuid: e,
               requestBody: {
-                payrollType: g.Regular,
+                payrollType: q.Regular,
                 startDate: o.payPeriod?.startDate,
                 endDate: o.payPeriod?.endDate,
                 payScheduleUuid: o.payPeriod?.payScheduleUuid ?? void 0
@@ -58,20 +58,17 @@ const b = ({ companyId: e, onEvent: t }) => {
           }), l(!0), t(r.PAYROLL_SKIPPED, { payrollId: s });
         }), i(null));
       },
-      onViewBlockers: () => {
-        t(r.RUN_PAYROLL_BLOCKERS_VIEW_ALL);
-      },
       showSkipSuccessAlert: c,
       onDismissSkipSuccessAlert: () => {
         l(!1);
       },
       skippingPayrollId: y,
       blockers: L,
-      wireInRequests: f
+      wireInRequests: k
     }
   );
 };
 export {
-  Z as PayrollList
+  Q as PayrollList
 };
 //# sourceMappingURL=PayrollList.js.map