@gusto/embedded-react-sdk 0.55.1 → 0.55.3

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

@@ -1,97 +1,105 @@
 import { jsx as r, jsxs as g } from "react/jsx-runtime";
 import { useState as k } from "react";
-import { useTranslation as w } from "react-i18next";
-import { useWireInRequestsListSuspense as A } from "@gusto/embedded-api/react-query/wireInRequestsList";
-import { usePayrollsGetBlockersSuspense as D } from "@gusto/embedded-api/react-query/payrollsGetBlockers";
+import { useTranslation as A } from "react-i18next";
+import { useWireInRequestsListSuspense as D } from "@gusto/embedded-api/react-query/wireInRequestsList";
+import { usePayrollsGetBlockersSuspense as h } from "@gusto/embedded-api/react-query/payrollsGetBlockers";
 import { PayrollHistory as v } from "../PayrollHistory/PayrollHistory.js";
 import { PayrollList as E } from "../PayrollList/PayrollList.js";
-import { PayrollOverview as h } from "../PayrollOverview/PayrollOverview.js";
-import { PayrollReceipts as x } from "../PayrollReceipts/PayrollReceipts.js";
-import { ConfirmWireDetails as _ } from "../ConfirmWireDetails/ConfirmWireDetails.js";
-import { PayrollBlockerAlerts as B } from "../PayrollBlocker/components/PayrollBlockerAlerts.js";
+import { PayrollOverview as x } from "../PayrollOverview/PayrollOverview.js";
+import { PayrollReceipts as _ } from "../PayrollReceipts/PayrollReceipts.js";
+import { ConfirmWireDetails as B } from "../ConfirmWireDetails/ConfirmWireDetails.js";
+import { PayrollBlockerAlerts as S } from "../PayrollBlocker/components/PayrollBlockerAlerts.js";
 import { useFlow as m } from "../../Flow/useFlow.js";
-import { useI18n as S } from "../../../i18n/I18n.js";
-import { useComponentContext as T } from "../../../contexts/ComponentAdapter/useComponentContext.js";
+import { useI18n as T } from "../../../i18n/I18n.js";
+import { useComponentContext as O } from "../../../contexts/ComponentAdapter/useComponentContext.js";
 import { ensureRequired as t } from "../../../helpers/ensureRequired.js";
 import { Flex as U } from "../../Common/Flex/Flex.js";
 import { componentEvents as c } from "../../../shared/constants.js";
 import { TransitionPayrollAlert as W } from "../TransitionPayrollAlert/TransitionPayrollAlert.js";
-function ro() {
+function to() {
   const {
     companyId: o,
     onEvent: e,
-    selectedTab: n = "run-payroll",
-    ConfirmWireDetailsComponent: s = _,
-    showPayrollCancelledAlert: i
-  } = m(), [p, y] = k(n), { Tabs: u, Alert: d } = T();
-  S("Payroll.PayrollLanding");
-  const { t: l } = w("Payroll.PayrollLanding"), { data: f } = A({
+    selectedTab: l = "run-payroll",
+    withOffcyclePayroll: s,
+    ConfirmWireDetailsComponent: i = B,
+    showPayrollCancelledAlert: p
+  } = m(), [y, u] = k(l), { Tabs: d, Alert: f } = O();
+  T("Payroll.PayrollLanding");
+  const { t: n } = A("Payroll.PayrollLanding"), { data: L } = D({
     companyUuid: t(o)
-  }), L = (f.wireInRequestList || []).some(
+  }), P = (L.wireInRequestList || []).some(
     (a) => a.status === "awaiting_funds"
   ), C = () => {
     e(c.RUN_PAYROLL_CANCELLED_ALERT_DISMISSED);
-  }, { data: I } = D({
+  }, { data: I } = h({
     companyUuid: t(o)
-  }), P = (I.payrollBlockers ?? []).map(
+  }), b = (I.payrollBlockers ?? []).map(
     (a) => ({
       key: a.key ?? "unknown",
       message: a.message
     })
-  ), b = () => {
+  ), R = () => {
     e(c.RUN_PAYROLL_BLOCKERS_VIEW_ALL);
-  }, R = [
+  }, w = [
     {
       id: "run-payroll",
-      label: l("tabs.runPayroll"),
-      content: /* @__PURE__ */ r(E, { companyId: t(o), onEvent: e })
+      label: n("tabs.runPayroll"),
+      content: /* @__PURE__ */ r(
+        E,
+        {
+          companyId: t(o),
+          onEvent: e,
+          withOffcyclePayroll: s
+        }
+      )
     },
     {
       id: "payroll-history",
-      label: l("tabs.payrollHistory"),
+      label: n("tabs.payrollHistory"),
       content: /* @__PURE__ */ r(v, { companyId: t(o), onEvent: e })
     }
   ];
   return /* @__PURE__ */ g(U, { flexDirection: "column", gap: 32, alignItems: "stretch", children: [
-    i && /* @__PURE__ */ r(
-      d,
+    p && /* @__PURE__ */ r(
+      f,
       {
         status: "success",
-        label: l("alerts.payrollCancelled"),
+        label: n("alerts.payrollCancelled"),
         onDismiss: C
       }
     ),
-    L && /* @__PURE__ */ r(s, { companyId: t(o), onEvent: e }),
+    P && /* @__PURE__ */ r(i, { companyId: t(o), onEvent: e }),
     /* @__PURE__ */ r(W, { companyId: t(o), onEvent: e }),
-    /* @__PURE__ */ r(B, { blockers: P, onViewBlockersClick: b }),
+    /* @__PURE__ */ r(S, { blockers: b, onViewBlockersClick: R }),
     /* @__PURE__ */ r(
-      u,
+      d,
       {
-        tabs: R,
-        selectedId: p,
-        onSelectionChange: y,
-        "aria-label": l("aria.tabNavigation")
+        tabs: w,
+        selectedId: y,
+        onSelectionChange: u,
+        "aria-label": n("aria.tabNavigation")
       }
     )
   ] });
 }
-function to() {
-  const { payrollUuid: o, onEvent: e, withReimbursements: n } = m();
+function lo() {
+  const { payrollUuid: o, onEvent: e, withReimbursements: l } = m();
   return /* @__PURE__ */ r(
-    x,
+    _,
     {
       onEvent: e,
       payrollId: t(o),
-      withReimbursements: n
+      withReimbursements: l
     }
   );
 }
 function no() {
-  const { companyId: o, payrollUuid: e, onEvent: n, withReimbursements: s, ConfirmWireDetailsComponent: i } = m();
+  const { companyId: o, payrollUuid: e, onEvent: l, withReimbursements: s, ConfirmWireDetailsComponent: i } = m();
   return /* @__PURE__ */ r(
-    h,
+    x,
     {
-      onEvent: n,
+      onEvent: l,
       companyId: t(o),
       payrollId: t(e),
       withReimbursements: s,
@@ -101,7 +109,7 @@ function no() {
 }
 export {
   no as PayrollLandingOverviewContextual,
-  to as PayrollLandingReceiptsContextual,
-  ro as PayrollLandingTabsContextual
+  lo as PayrollLandingReceiptsContextual,
+  to 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 { 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 { TransitionPayrollAlert } from '../TransitionPayrollAlert'\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\n/** @internal */\nexport interface PayrollLandingFlowProps extends BaseComponentInterface<'Payroll.PayrollLanding'> {\n  /** @internal */\n  companyId: string\n  /** @internal */\n  withReimbursements?: boolean\n  /** @internal */\n  ConfirmWireDetailsComponent?: ConfirmWireDetailsComponentType\n  /** @internal */\n  showPayrollCancelledAlert?: boolean\n}\n\n/** @internal */\nexport interface PayrollLandingFlowContextInterface extends FlowContextInterface {\n  /** @internal */\n  component: (() => React.JSX.Element) | null\n  /** @internal */\n  companyId: string\n  /** @internal */\n  payrollUuid?: string\n  /** @internal */\n  previousState?: 'tabs' | 'overview'\n  /** @internal */\n  selectedTab?: string\n  /** @internal */\n  withReimbursements: boolean\n  /** @internal */\n  ConfirmWireDetailsComponent?: ConfirmWireDetailsComponentType\n  /** @internal */\n  startDate?: string\n  /** @internal */\n  endDate?: string\n  /** @internal */\n  showPayrollCancelledAlert?: boolean\n}\n\n/** @internal */\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.payrollBlockers ?? []\n\n  const blockers: ApiPayrollBlocker[] = payrollBlockerList.map(\n    (blocker: { key?: string; message?: string }) => ({\n      key: blocker.key ?? 'unknown',\n      message: blocker.message,\n    }),\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} alignItems=\"stretch\">\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      <TransitionPayrollAlert companyId={ensureRequired(companyId)} onEvent={onEvent} />\n      <PayrollBlockerAlerts blockers={blockers} onViewBlockersClick={onViewBlockers} />\n      <Tabs\n        tabs={tabs}\n        selectedId={currentTab}\n        onSelectionChange={setCurrentTab}\n        aria-label={t('aria.tabNavigation')}\n      />\n    </Flex>\n  )\n}\n\n/** @internal */\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\n/** @internal */\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","Flex","TransitionPayrollAlert","PayrollBlockerAlerts","PayrollLandingReceiptsContextual","payrollUuid","withReimbursements","PayrollReceipts","PayrollLandingOverviewContextual","PayrollOverview"],"mappings":"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"}
+{"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 { TransitionPayrollAlert } from '../TransitionPayrollAlert'\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\n/** @internal */\nexport interface PayrollLandingFlowProps extends BaseComponentInterface<'Payroll.PayrollLanding'> {\n  /** @internal */\n  companyId: string\n  /** @internal */\n  withReimbursements?: boolean\n  /** @internal */\n  withOffcyclePayroll?: boolean\n  /** @internal */\n  ConfirmWireDetailsComponent?: ConfirmWireDetailsComponentType\n  /** @internal */\n  showPayrollCancelledAlert?: boolean\n}\n\n/** @internal */\nexport interface PayrollLandingFlowContextInterface extends FlowContextInterface {\n  /** @internal */\n  component: (() => React.JSX.Element) | null\n  /** @internal */\n  companyId: string\n  /** @internal */\n  payrollUuid?: string\n  /** @internal */\n  previousState?: 'tabs' | 'overview'\n  /** @internal */\n  selectedTab?: string\n  /** @internal */\n  withReimbursements: boolean\n  /** @internal */\n  withOffcyclePayroll: boolean\n  /** @internal */\n  ConfirmWireDetailsComponent?: ConfirmWireDetailsComponentType\n  /** @internal */\n  startDate?: string\n  /** @internal */\n  endDate?: string\n  /** @internal */\n  showPayrollCancelledAlert?: boolean\n}\n\n/** @internal */\nexport function PayrollLandingTabsContextual() {\n  const {\n    companyId,\n    onEvent,\n    selectedTab = 'run-payroll',\n    withOffcyclePayroll,\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.payrollBlockers ?? []\n\n  const blockers: ApiPayrollBlocker[] = payrollBlockerList.map(\n    (blocker: { key?: string; message?: string }) => ({\n      key: blocker.key ?? 'unknown',\n      message: blocker.message,\n    }),\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: (\n        <PayrollList\n          companyId={ensureRequired(companyId)}\n          onEvent={onEvent}\n          withOffcyclePayroll={withOffcyclePayroll}\n        />\n      ),\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} alignItems=\"stretch\">\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      <TransitionPayrollAlert companyId={ensureRequired(companyId)} onEvent={onEvent} />\n      <PayrollBlockerAlerts blockers={blockers} onViewBlockersClick={onViewBlockers} />\n      <Tabs\n        tabs={tabs}\n        selectedId={currentTab}\n        onSelectionChange={setCurrentTab}\n        aria-label={t('aria.tabNavigation')}\n      />\n    </Flex>\n  )\n}\n\n/** @internal */\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\n/** @internal */\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","withOffcyclePayroll","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","Flex","TransitionPayrollAlert","PayrollBlockerAlerts","PayrollLandingReceiptsContextual","payrollUuid","withReimbursements","PayrollReceipts","PayrollLandingOverviewContextual","PayrollOverview"],"mappings":";;;;;;;;;;;;;;;;;;AAiEO,SAASA,KAA+B;AAC7C,QAAM;AAAA,IACJ,WAAAC;AAAA,IACA,SAAAC;AAAA,IACA,aAAAC,IAAc;AAAA,IACd,qBAAAC;AAAA,IACA,6BAAAC,IAA8BC;AAAA,IAC9B,2BAAAC;AAAA,EAAA,IACEC,EAAA,GACE,CAACC,GAAYC,CAAa,IAAIC,EAASR,CAAW,GAClD,EAAE,MAAAS,GAAM,OAAAC,EAAA,IAAUC,EAAA;AAExB,EAAAC,EAAQ,wBAAwB;AAChC,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,wBAAwB,GAE/C,EAAE,MAAMC,EAAA,IAAuBC,EAA8B;AAAA,IACjE,aAAaC,EAAenB,CAAS;AAAA,EAAA,CACtC,GAEKoB,KAA2BH,EAAmB,qBAAqB,CAAA,GAAI;AAAA,IAC3E,CAAAI,MAAKA,EAAE,WAAW;AAAA,EAAA,GAGdC,IAAqC,MAAM;AAC/C,IAAArB,EAAQsB,EAAgB,qCAAqC;AAAA,EAC/D,GAEM,EAAE,MAAMC,EAAA,IAAiBC,EAA+B;AAAA,IAC5D,aAAaN,EAAenB,CAAS;AAAA,EAAA,CACtC,GAIK0B,KAFqBF,EAAa,mBAAmB,CAAA,GAEF;AAAA,IACvD,CAACG,OAAiD;AAAA,MAChD,KAAKA,EAAQ,OAAO;AAAA,MACpB,SAASA,EAAQ;AAAA,IAAA;AAAA,EACnB,GAGIC,IAAiB,MAAM;AAC3B,IAAA3B,EAAQsB,EAAgB,6BAA6B;AAAA,EACvD,GAEMM,IAAO;AAAA,IACX;AAAA,MACE,IAAI;AAAA,MACJ,OAAOd,EAAE,iBAAiB;AAAA,MAC1B,SACE,gBAAAe;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,WAAWZ,EAAenB,CAAS;AAAA,UACnC,SAAAC;AAAA,UACA,qBAAAE;AAAA,QAAA;AAAA,MAAA;AAAA,IACF;AAAA,IAGJ;AAAA,MACE,IAAI;AAAA,MACJ,OAAOY,EAAE,qBAAqB;AAAA,MAC9B,SAAS,gBAAAe,EAACE,GAAA,EAAe,WAAWb,EAAenB,CAAS,GAAG,SAAAC,EAAA,CAAkB;AAAA,IAAA;AAAA,EACnF;AAGF,2BACGgC,GAAA,EAAK,eAAc,UAAS,KAAK,IAAI,YAAW,WAC9C,UAAA;AAAA,IAAA3B,KACC,gBAAAwB;AAAA,MAAClB;AAAA,MAAA;AAAA,QACC,QAAO;AAAA,QACP,OAAOG,EAAE,yBAAyB;AAAA,QAClC,WAAWO;AAAA,MAAA;AAAA,IAAA;AAAA,IAGdF,KACC,gBAAAU,EAAC1B,GAAA,EAA4B,WAAWe,EAAenB,CAAS,GAAG,SAAAC,GAAkB;AAAA,sBAEtFiC,GAAA,EAAuB,WAAWf,EAAenB,CAAS,GAAG,SAAAC,GAAkB;AAAA,IAChF,gBAAA6B,EAACK,GAAA,EAAqB,UAAAT,GAAoB,qBAAqBE,EAAA,CAAgB;AAAA,IAC/E,gBAAAE;AAAA,MAACnB;AAAA,MAAA;AAAA,QACC,MAAAkB;AAAA,QACA,YAAYrB;AAAA,QACZ,mBAAmBC;AAAA,QACnB,cAAYM,EAAE,oBAAoB;AAAA,MAAA;AAAA,IAAA;AAAA,EACpC,GACF;AAEJ;AAGO,SAASqB,KAAmC;AACjD,QAAM,EAAE,aAAAC,GAAa,SAAApC,GAAS,oBAAAqC,EAAA,IAAuB/B,EAAA;AAErD,SACE,gBAAAuB;AAAA,IAACS;AAAA,IAAA;AAAA,MACC,SAAAtC;AAAA,MACA,WAAWkB,EAAekB,CAAW;AAAA,MACrC,oBAAAC;AAAA,IAAA;AAAA,EAAA;AAGN;AAGO,SAASE,KAAmC;AACjD,QAAM,EAAE,WAAAxC,GAAW,aAAAqC,GAAa,SAAApC,GAAS,oBAAAqC,GAAoB,6BAAAlC,EAAA,IAC3DG,EAAA;AAEF,SACE,gBAAAuB;AAAA,IAACW;AAAA,IAAA;AAAA,MACC,SAAAxC;AAAA,MACA,WAAWkB,EAAenB,CAAS;AAAA,MACnC,WAAWmB,EAAekB,CAAW;AAAA,MACrC,oBAAAC;AAAA,MACA,6BAAAlC;AAAA,IAAA;AAAA,EAAA;AAGN;"}

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

@@ -7,6 +7,8 @@ import { BaseComponentInterface } from '../../Base';
 export interface PayrollListBlockProps extends BaseComponentInterface<never> {
     /** The associated company identifier. */
     companyId: string;
+    /** Whether to show the off-cycle payroll call-to-action. Defaults to `true`. */
+    withOffcyclePayroll?: boolean;
 }
 /**
  * Lists upcoming payrolls and lets users start running them.

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

@@ -1,37 +1,37 @@
 import { jsx as i } from "react/jsx-runtime";
-import { useState as r, useCallback as Y } from "react";
-import { useQueryClient as x } from "@tanstack/react-query";
-import { usePayrollsListSuspense as H, invalidateAllPayrollsList as N } from "@gusto/embedded-api/react-query/payrollsList";
-import { usePaySchedulesGetAllSuspense as G } from "@gusto/embedded-api/react-query/paySchedulesGetAll";
-import { usePayrollsSkipMutation as K } from "@gusto/embedded-api/react-query/payrollsSkip";
-import { usePayrollsDeleteMutation as Q } from "@gusto/embedded-api/react-query/payrollsDelete";
-import { usePayrollsGetBlockersSuspense as W } from "@gusto/embedded-api/react-query/payrollsGetBlockers";
-import { useWireInRequestsListSuspense as j } from "@gusto/embedded-api/react-query/wireInRequestsList";
+import { useState as r, useCallback as x } from "react";
+import { useQueryClient as H } from "@tanstack/react-query";
+import { usePayrollsListSuspense as N, invalidateAllPayrollsList as G } from "@gusto/embedded-api/react-query/payrollsList";
+import { usePaySchedulesGetAllSuspense as K } from "@gusto/embedded-api/react-query/paySchedulesGetAll";
+import { usePayrollsSkipMutation as Q } from "@gusto/embedded-api/react-query/payrollsSkip";
+import { usePayrollsDeleteMutation as W } from "@gusto/embedded-api/react-query/payrollsDelete";
+import { usePayrollsGetBlockersSuspense as j } from "@gusto/embedded-api/react-query/payrollsGetBlockers";
+import { useWireInRequestsListSuspense as V } from "@gusto/embedded-api/react-query/wireInRequestsList";
 import { PayrollType as g } from "@gusto/embedded-api/models/operations/postcompaniespayrollskipcompanyuuid";
-import { QueryParamPayrollTypes as n, ProcessingStatuses as V } from "@gusto/embedded-api/models/operations/getv1companiescompanyidpayrolls";
-import { useUnprocessedTransitionPayPeriods as z } from "../useUnprocessedTransitionPayPeriods.js";
-import { PayrollListPresentation as J } from "./PayrollListPresentation.js";
-import { BaseComponent as X } from "../../Base/Base.js";
-import { useBase as Z } from "../../Base/useBase.js";
+import { QueryParamPayrollTypes as n, ProcessingStatuses as z } from "@gusto/embedded-api/models/operations/getv1companiescompanyidpayrolls";
+import { useUnprocessedTransitionPayPeriods as J } from "../useUnprocessedTransitionPayPeriods.js";
+import { PayrollListPresentation as X } from "./PayrollListPresentation.js";
+import { BaseComponent as Z } from "../../Base/Base.js";
+import { useBase as $ } from "../../Base/useBase.js";
 import { componentEvents as a } from "../../../shared/constants.js";
-import { usePagination as $ } from "../../../hooks/usePagination/usePagination.js";
-import { useDateRangeFilter as v } from "../../../hooks/useDateRangeFilter/useDateRangeFilter.js";
-function Ee(t) {
-  return /* @__PURE__ */ i(X, { ...t, children: /* @__PURE__ */ i(oe, { ...t }) });
+import { usePagination as v } from "../../../hooks/usePagination/usePagination.js";
+import { useDateRangeFilter as ee } from "../../../hooks/useDateRangeFilter/useDateRangeFilter.js";
+function Te(t) {
+  return /* @__PURE__ */ i(Z, { ...t, children: /* @__PURE__ */ i(ae, { ...t }) });
 }
-const ee = 3, te = () => /* @__PURE__ */ new Date(), se = () => {
+const te = 3, se = () => /* @__PURE__ */ new Date(), oe = () => {
   const t = /* @__PURE__ */ new Date();
-  return t.setMonth(t.getMonth() + ee), t;
-}, oe = ({ companyId: t, onEvent: o }) => {
-  const { baseSubmitHandler: c } = Z(), L = x(), [R, u] = r(!1), [h, p] = r(null), { currentPage: k, itemsPerPage: A, getPaginationProps: w, resetPage: y } = $(), [O, P] = r(!1), [C, m] = r(null), d = v({
-    initialStartDate: te(),
-    initialEndDate: se(),
-    onFilterChange: Y(() => {
+  return t.setMonth(t.getMonth() + te), t;
+}, ae = ({ companyId: t, onEvent: o, withOffcyclePayroll: L = !0 }) => {
+  const { baseSubmitHandler: c } = $(), R = H(), [h, u] = r(!1), [k, p] = r(null), { currentPage: A, itemsPerPage: w, getPaginationProps: O, resetPage: y } = v(), [C, P] = r(!1), [E, m] = r(null), d = ee({
+    initialStartDate: se(),
+    initialEndDate: oe(),
+    onFilterChange: x(() => {
       y();
     }, [y])
-  }), f = d.getApiDateParams(), { data: S } = H({
+  }), f = d.getApiDateParams(), { data: S } = N({
     companyId: t,
-    processingStatuses: [V.Unprocessed],
+    processingStatuses: [z.Unprocessed],
     startDate: f.startDate,
     endDate: f.endDate,
     payrollTypes: [
@@ -40,26 +40,26 @@ const ee = 3, te = () => /* @__PURE__ */ new Date(), se = () => {
       n.External
     ],
     includeOffCycle: !0,
-    page: k,
-    per: A
-  }), D = S.payrollList, E = w(S.httpMeta.response.headers), { data: T } = G({
+    page: A,
+    per: w
+  }), D = S.payrollList, T = O(S.httpMeta.response.headers), { data: _ } = K({
     companyId: t
-  }), _ = T.payScheduleShowResponse, { data: q } = W({
+  }), q = _.payScheduleShowResponse, { data: F } = j({
     companyUuid: t
-  }), F = (q.payrollBlockers ?? []).map(
+  }), U = (F.payrollBlockers ?? []).map(
     (e) => ({
       key: e.key ?? "unknown",
       message: e.message
     })
-  ), { data: U } = j({
+  ), { data: B } = V({
     companyUuid: t
-  }), B = U.wireInRequestList ?? [], { hasUnprocessedTransitions: I } = z(t), { mutateAsync: M } = K(), { mutateAsync: b } = Q();
+  }), I = B.wireInRequestList ?? [], { hasUnprocessedTransitions: M } = J(t), { mutateAsync: b } = Q(), { mutateAsync: Y } = W();
   return /* @__PURE__ */ i(
-    J,
+    X,
     {
       payrolls: D,
-      pagination: E,
-      paySchedules: _,
+      pagination: T,
+      paySchedules: q,
       onRunPayroll: ({ payrollUuid: e, payPeriod: s }) => {
         o(a.RUN_PAYROLL_SELECTED, { payrollUuid: e, payPeriod: s });
       },
@@ -75,7 +75,7 @@ const ee = 3, te = () => /* @__PURE__ */ new Date(), se = () => {
           p(e);
           const l = s.offCycleReason === "Transition from old pay schedule" ? g.TransitionFromOldPaySchedule : g.Regular;
           await c({}, async () => {
-            await M({
+            await b({
               request: {
                 companyUuid: t,
                 requestBody: {
@@ -91,32 +91,33 @@ const ee = 3, te = () => /* @__PURE__ */ new Date(), se = () => {
       },
       onDeletePayroll: async ({ payrollUuid: e }) => {
         e && (m(e), await c({}, async () => {
-          await b({
+          await Y({
             request: { companyId: t, payrollId: e }
-          }), await N(L), P(!0), o(a.PAYROLL_DELETED, { payrollId: e });
+          }), await G(R), P(!0), o(a.PAYROLL_DELETED, { payrollId: e });
         }), m(null));
       },
       onRunOffCyclePayroll: () => {
         o(a.RUN_OFF_CYCLE_PAYROLL);
       },
-      showSkipSuccessAlert: R,
+      showSkipSuccessAlert: h,
       onDismissSkipSuccessAlert: () => {
         u(!1);
       },
-      showDeleteSuccessAlert: O,
+      showDeleteSuccessAlert: C,
       onDismissDeleteSuccessAlert: () => {
         P(!1);
       },
-      skippingPayrollId: h,
-      deletingPayrollId: C,
-      blockers: F,
-      wireInRequests: B,
+      skippingPayrollId: k,
+      deletingPayrollId: E,
+      blockers: U,
+      wireInRequests: I,
       dateRangeFilter: d,
-      hasUnprocessedTransitions: I
+      hasUnprocessedTransitions: M,
+      withOffcyclePayroll: L
     }
   );
 };
 export {
-  Ee as PayrollList
+  Te as PayrollList
 };
 //# sourceMappingURL=PayrollList.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"PayrollList.js","sources":["../../../../src/components/Payroll/PayrollList/PayrollList.tsx"],"sourcesContent":["import { useState, useCallback } from 'react'\nimport { useQueryClient } from '@tanstack/react-query'\nimport {\n  usePayrollsListSuspense,\n  invalidateAllPayrollsList,\n} from '@gusto/embedded-api/react-query/payrollsList'\nimport { usePaySchedulesGetAllSuspense } from '@gusto/embedded-api/react-query/paySchedulesGetAll'\nimport { usePayrollsSkipMutation } from '@gusto/embedded-api/react-query/payrollsSkip'\nimport { usePayrollsDeleteMutation } from '@gusto/embedded-api/react-query/payrollsDelete'\nimport { usePayrollsGetBlockersSuspense } from '@gusto/embedded-api/react-query/payrollsGetBlockers'\nimport { useWireInRequestsListSuspense } from '@gusto/embedded-api/react-query/wireInRequestsList'\nimport { PayrollType } from '@gusto/embedded-api/models/operations/postcompaniespayrollskipcompanyuuid'\nimport {\n  ProcessingStatuses,\n  QueryParamPayrollTypes,\n} from '@gusto/embedded-api/models/operations/getv1companiescompanyidpayrolls'\nimport type { Payroll } from '@gusto/embedded-api/models/components/payrollshow'\nimport type { ApiPayrollBlocker } from '../PayrollBlocker/payrollHelpers'\nimport { useUnprocessedTransitionPayPeriods } from '../useUnprocessedTransitionPayPeriods'\nimport { PayrollListPresentation } from './PayrollListPresentation'\nimport type { BaseComponentInterface } from '@/components/Base'\nimport { BaseComponent, useBase } from '@/components/Base'\nimport { componentEvents } from '@/shared/constants'\nimport { usePagination } from '@/hooks/usePagination/usePagination'\nimport { useDateRangeFilter } from '@/hooks/useDateRangeFilter/useDateRangeFilter'\n\n/**\n * Props for {@link PayrollList}.\n *\n * @public\n */\nexport interface PayrollListBlockProps extends BaseComponentInterface<never> {\n  /** The associated company identifier. */\n  companyId: string\n}\n\n/**\n * Lists upcoming payrolls and lets users start running them.\n *\n * Displays available payrolls with pay period dates, payroll type, check date,\n * deadline, and status. Each row offers actions to run, submit a calculated\n * payroll, skip, or delete (for cancellable off-cycle payrolls). A separate\n * call-to-action starts an off-cycle payroll.\n *\n * @remarks\n * When the company has unprocessed transition pay periods within the next\n * 90 days, the Run Payroll action on Regular rows is disabled to prevent a\n * regular payroll from being run before the transition is resolved. Off-cycle\n * rows and the Run off-cycle action remain enabled, since off-cycle is the\n * path used to run a transition payroll. {@link PayrollLanding} pairs this\n * list with an alert that lets users run or skip the pending transition; when\n * using `PayrollList` directly, render an equivalent resolution surface\n * alongside it.\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `runPayroll/selected` | User selected a payroll to run | `{ payrollUuid, payPeriod }` |\n * | `payroll/review` | User selected a calculated payroll to review and submit | `{ payrollUuid, payPeriod }` |\n * | `payroll/skipped` | A payroll was successfully skipped | `{ payrollId }` |\n * | `payroll/deleted` | A cancellable off-cycle payroll was successfully deleted | `{ payrollId }` |\n * | `runPayroll/offCycle/start` | User clicked the Run off-cycle call-to-action | — |\n *\n * @param props - See {@link PayrollListBlockProps}.\n * @returns The rendered payroll list.\n * @public\n */\nexport function PayrollList(props: PayrollListBlockProps) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props} />\n    </BaseComponent>\n  )\n}\n\nconst FUTURE_LOOKAHEAD_MONTHS = 3\n\nconst getDefaultStartDate = (): Date => new Date()\n\nconst getDefaultEndDate = (): Date => {\n  const date = new Date()\n  date.setMonth(date.getMonth() + FUTURE_LOOKAHEAD_MONTHS)\n  return date\n}\n\nconst Root = ({ companyId, onEvent }: PayrollListBlockProps) => {\n  const { baseSubmitHandler } = useBase()\n  const queryClient = useQueryClient()\n  const [showSkipSuccessAlert, setShowSkipSuccessAlert] = useState(false)\n  const [skippingPayrollId, setSkippingPayrollId] = useState<string | null>(null)\n  const { currentPage, itemsPerPage, getPaginationProps, resetPage } = usePagination()\n  const [showDeleteSuccessAlert, setShowDeleteSuccessAlert] = useState(false)\n  const [deletingPayrollId, setDeletingPayrollId] = useState<string | null>(null)\n\n  const dateRangeFilter = useDateRangeFilter({\n    initialStartDate: getDefaultStartDate(),\n    initialEndDate: getDefaultEndDate(),\n    onFilterChange: useCallback(() => {\n      resetPage()\n    }, [resetPage]),\n  })\n  const dateFilterParams = dateRangeFilter.getApiDateParams()\n\n  const { data: payrollsData } = usePayrollsListSuspense({\n    companyId,\n    processingStatuses: [ProcessingStatuses.Unprocessed],\n    startDate: dateFilterParams.startDate,\n    endDate: dateFilterParams.endDate,\n    payrollTypes: [\n      QueryParamPayrollTypes.Regular,\n      QueryParamPayrollTypes.OffCycle,\n      QueryParamPayrollTypes.External,\n    ],\n    includeOffCycle: true,\n    page: currentPage,\n    per: itemsPerPage,\n  })\n  const payrollList = payrollsData.payrollList!\n  const paginationProps = getPaginationProps(payrollsData.httpMeta.response.headers)\n  const { data: paySchedulesData } = usePaySchedulesGetAllSuspense({\n    companyId,\n  })\n  const paySchedulesList = paySchedulesData.payScheduleShowResponse!\n\n  const { data: blockersData } = usePayrollsGetBlockersSuspense({\n    companyUuid: companyId,\n  })\n\n  const payrollBlockerList = blockersData.payrollBlockers ?? []\n\n  const blockers: ApiPayrollBlocker[] = payrollBlockerList.map(\n    (blocker: { key?: string; message?: string }) => ({\n      key: blocker.key ?? 'unknown',\n      message: blocker.message,\n    }),\n  )\n\n  const { data: wireInRequestsData } = useWireInRequestsListSuspense({\n    companyUuid: companyId,\n  })\n\n  const wireInRequests = wireInRequestsData.wireInRequestList ?? []\n\n  const { hasUnprocessedTransitions } = useUnprocessedTransitionPayPeriods(companyId)\n\n  const { mutateAsync: skipPayroll } = usePayrollsSkipMutation()\n  const { mutateAsync: deletePayrollMutation } = usePayrollsDeleteMutation()\n\n  const onRunPayroll = ({ payrollUuid, payPeriod }: Pick<Payroll, 'payrollUuid' | 'payPeriod'>) => {\n    onEvent(componentEvents.RUN_PAYROLL_SELECTED, { payrollUuid, payPeriod })\n  }\n  const onRunOffCyclePayroll = () => {\n    onEvent(componentEvents.RUN_OFF_CYCLE_PAYROLL)\n  }\n  const onSubmitPayroll = ({\n    payrollUuid,\n    payPeriod,\n  }: Pick<Payroll, 'payrollUuid' | 'payPeriod'>) => {\n    onEvent(componentEvents.REVIEW_PAYROLL, { payrollUuid, payPeriod })\n  }\n  const onSkipPayroll = async ({ payrollUuid }: Pick<Payroll, 'payrollUuid'>) => {\n    const payroll = payrollList.find(payroll => payroll.payrollUuid === payrollUuid)\n\n    if (payroll?.payPeriod) {\n      setSkippingPayrollId(payrollUuid!)\n      const payrollType =\n        payroll.offCycleReason === 'Transition from old pay schedule'\n          ? PayrollType.TransitionFromOldPaySchedule\n          : PayrollType.Regular\n\n      await baseSubmitHandler({}, async () => {\n        await skipPayroll({\n          request: {\n            companyUuid: companyId,\n            requestBody: {\n              payrollType,\n              startDate: payroll.payPeriod?.startDate,\n              endDate: payroll.payPeriod?.endDate,\n              payScheduleUuid: payroll.payPeriod?.payScheduleUuid ?? undefined,\n            },\n          },\n        })\n\n        setShowSkipSuccessAlert(true)\n        onEvent(componentEvents.PAYROLL_SKIPPED, { payrollId: payrollUuid })\n      })\n      setSkippingPayrollId(null)\n    }\n  }\n\n  const onDeletePayroll = async ({ payrollUuid }: Pick<Payroll, 'payrollUuid'>) => {\n    if (payrollUuid) {\n      setDeletingPayrollId(payrollUuid)\n      await baseSubmitHandler({}, async () => {\n        await deletePayrollMutation({\n          request: { companyId, payrollId: payrollUuid },\n        })\n        await invalidateAllPayrollsList(queryClient)\n        setShowDeleteSuccessAlert(true)\n        onEvent(componentEvents.PAYROLL_DELETED, { payrollId: payrollUuid })\n      })\n      setDeletingPayrollId(null)\n    }\n  }\n\n  return (\n    <PayrollListPresentation\n      payrolls={payrollList}\n      pagination={paginationProps}\n      paySchedules={paySchedulesList}\n      onRunPayroll={onRunPayroll}\n      onSubmitPayroll={onSubmitPayroll}\n      onSkipPayroll={onSkipPayroll}\n      onDeletePayroll={onDeletePayroll}\n      onRunOffCyclePayroll={onRunOffCyclePayroll}\n      showSkipSuccessAlert={showSkipSuccessAlert}\n      onDismissSkipSuccessAlert={() => {\n        setShowSkipSuccessAlert(false)\n      }}\n      showDeleteSuccessAlert={showDeleteSuccessAlert}\n      onDismissDeleteSuccessAlert={() => {\n        setShowDeleteSuccessAlert(false)\n      }}\n      skippingPayrollId={skippingPayrollId}\n      deletingPayrollId={deletingPayrollId}\n      blockers={blockers}\n      wireInRequests={wireInRequests}\n      dateRangeFilter={dateRangeFilter}\n      hasUnprocessedTransitions={hasUnprocessedTransitions}\n    />\n  )\n}\n"],"names":["PayrollList","props","jsx","BaseComponent","Root","FUTURE_LOOKAHEAD_MONTHS","getDefaultStartDate","getDefaultEndDate","date","companyId","onEvent","baseSubmitHandler","useBase","queryClient","useQueryClient","showSkipSuccessAlert","setShowSkipSuccessAlert","useState","skippingPayrollId","setSkippingPayrollId","currentPage","itemsPerPage","getPaginationProps","resetPage","usePagination","showDeleteSuccessAlert","setShowDeleteSuccessAlert","deletingPayrollId","setDeletingPayrollId","dateRangeFilter","useDateRangeFilter","useCallback","dateFilterParams","payrollsData","usePayrollsListSuspense","ProcessingStatuses","QueryParamPayrollTypes","payrollList","paginationProps","paySchedulesData","usePaySchedulesGetAllSuspense","paySchedulesList","blockersData","usePayrollsGetBlockersSuspense","blockers","blocker","wireInRequestsData","useWireInRequestsListSuspense","wireInRequests","hasUnprocessedTransitions","useUnprocessedTransitionPayPeriods","skipPayroll","usePayrollsSkipMutation","deletePayrollMutation","usePayrollsDeleteMutation","PayrollListPresentation","payrollUuid","payPeriod","componentEvents","payroll","payrollType","PayrollType","invalidateAllPayrollsList"],"mappings":";;;;;;;;;;;;;;;;;;AAmEO,SAASA,GAAYC,GAA8B;AACxD,SACE,gBAAAC,EAACC,KAAe,GAAGF,GACjB,4BAACG,IAAA,EAAM,GAAGH,GAAO,EAAA,CACnB;AAEJ;AAEA,MAAMI,KAA0B,GAE1BC,KAAsB,MAAY,oBAAI,KAAA,GAEtCC,KAAoB,MAAY;AACpC,QAAMC,wBAAW,KAAA;AACjB,SAAAA,EAAK,SAASA,EAAK,SAAA,IAAaH,EAAuB,GAChDG;AACT,GAEMJ,KAAO,CAAC,EAAE,WAAAK,GAAW,SAAAC,QAAqC;AAC9D,QAAM,EAAE,mBAAAC,EAAA,IAAsBC,EAAA,GACxBC,IAAcC,EAAA,GACd,CAACC,GAAsBC,CAAuB,IAAIC,EAAS,EAAK,GAChE,CAACC,GAAmBC,CAAoB,IAAIF,EAAwB,IAAI,GACxE,EAAE,aAAAG,GAAa,cAAAC,GAAc,oBAAAC,GAAoB,WAAAC,EAAA,IAAcC,EAAA,GAC/D,CAACC,GAAwBC,CAAyB,IAAIT,EAAS,EAAK,GACpE,CAACU,GAAmBC,CAAoB,IAAIX,EAAwB,IAAI,GAExEY,IAAkBC,EAAmB;AAAA,IACzC,kBAAkBxB,GAAA;AAAA,IAClB,gBAAgBC,GAAA;AAAA,IAChB,gBAAgBwB,EAAY,MAAM;AAChC,MAAAR,EAAA;AAAA,IACF,GAAG,CAACA,CAAS,CAAC;AAAA,EAAA,CACf,GACKS,IAAmBH,EAAgB,iBAAA,GAEnC,EAAE,MAAMI,EAAA,IAAiBC,EAAwB;AAAA,IACrD,WAAAzB;AAAA,IACA,oBAAoB,CAAC0B,EAAmB,WAAW;AAAA,IACnD,WAAWH,EAAiB;AAAA,IAC5B,SAASA,EAAiB;AAAA,IAC1B,cAAc;AAAA,MACZI,EAAuB;AAAA,MACvBA,EAAuB;AAAA,MACvBA,EAAuB;AAAA,IAAA;AAAA,IAEzB,iBAAiB;AAAA,IACjB,MAAMhB;AAAA,IACN,KAAKC;AAAA,EAAA,CACN,GACKgB,IAAcJ,EAAa,aAC3BK,IAAkBhB,EAAmBW,EAAa,SAAS,SAAS,OAAO,GAC3E,EAAE,MAAMM,EAAA,IAAqBC,EAA8B;AAAA,IAC/D,WAAA/B;AAAA,EAAA,CACD,GACKgC,IAAmBF,EAAiB,yBAEpC,EAAE,MAAMG,EAAA,IAAiBC,EAA+B;AAAA,IAC5D,aAAalC;AAAA,EAAA,CACd,GAIKmC,KAFqBF,EAAa,mBAAmB,CAAA,GAEF;AAAA,IACvD,CAACG,OAAiD;AAAA,MAChD,KAAKA,EAAQ,OAAO;AAAA,MACpB,SAASA,EAAQ;AAAA,IAAA;AAAA,EACnB,GAGI,EAAE,MAAMC,EAAA,IAAuBC,EAA8B;AAAA,IACjE,aAAatC;AAAA,EAAA,CACd,GAEKuC,IAAiBF,EAAmB,qBAAqB,CAAA,GAEzD,EAAE,2BAAAG,EAAA,IAA8BC,EAAmCzC,CAAS,GAE5E,EAAE,aAAa0C,EAAA,IAAgBC,EAAA,GAC/B,EAAE,aAAaC,EAAA,IAA0BC,EAAA;AA2D/C,SACE,gBAAApD;AAAA,IAACqD;AAAA,IAAA;AAAA,MACC,UAAUlB;AAAA,MACV,YAAYC;AAAA,MACZ,cAAcG;AAAA,MACd,cA9DiB,CAAC,EAAE,aAAAe,GAAa,WAAAC,QAA4D;AAC/F,QAAA/C,EAAQgD,EAAgB,sBAAsB,EAAE,aAAAF,GAAa,WAAAC,GAAW;AAAA,MAC1E;AAAA,MA6DI,iBAzDoB,CAAC;AAAA,QACvB,aAAAD;AAAA,QACA,WAAAC;AAAA,MAAA,MACgD;AAChD,QAAA/C,EAAQgD,EAAgB,gBAAgB,EAAE,aAAAF,GAAa,WAAAC,GAAW;AAAA,MACpE;AAAA,MAqDI,eApDkB,OAAO,EAAE,aAAAD,QAAgD;AAC7E,cAAMG,IAAUtB,EAAY,KAAK,CAAAsB,MAAWA,EAAQ,gBAAgBH,CAAW;AAE/E,YAAIG,GAAS,WAAW;AACtB,UAAAxC,EAAqBqC,CAAY;AACjC,gBAAMI,IACJD,EAAQ,mBAAmB,qCACvBE,EAAY,+BACZA,EAAY;AAElB,gBAAMlD,EAAkB,CAAA,GAAI,YAAY;AACtC,kBAAMwC,EAAY;AAAA,cAChB,SAAS;AAAA,gBACP,aAAa1C;AAAA,gBACb,aAAa;AAAA,kBACX,aAAAmD;AAAA,kBACA,WAAWD,EAAQ,WAAW;AAAA,kBAC9B,SAASA,EAAQ,WAAW;AAAA,kBAC5B,iBAAiBA,EAAQ,WAAW,mBAAmB;AAAA,gBAAA;AAAA,cACzD;AAAA,YACF,CACD,GAED3C,EAAwB,EAAI,GAC5BN,EAAQgD,EAAgB,iBAAiB,EAAE,WAAWF,GAAa;AAAA,UACrE,CAAC,GACDrC,EAAqB,IAAI;AAAA,QAC3B;AAAA,MACF;AAAA,MAyBI,iBAvBoB,OAAO,EAAE,aAAAqC,QAAgD;AAC/E,QAAIA,MACF5B,EAAqB4B,CAAW,GAChC,MAAM7C,EAAkB,CAAA,GAAI,YAAY;AACtC,gBAAM0C,EAAsB;AAAA,YAC1B,SAAS,EAAE,WAAA5C,GAAW,WAAW+C,EAAA;AAAA,UAAY,CAC9C,GACD,MAAMM,EAA0BjD,CAAW,GAC3Ca,EAA0B,EAAI,GAC9BhB,EAAQgD,EAAgB,iBAAiB,EAAE,WAAWF,GAAa;AAAA,QACrE,CAAC,GACD5B,EAAqB,IAAI;AAAA,MAE7B;AAAA,MAWI,sBA/DyB,MAAM;AACjC,QAAAlB,EAAQgD,EAAgB,qBAAqB;AAAA,MAC/C;AAAA,MA8DI,sBAAA3C;AAAA,MACA,2BAA2B,MAAM;AAC/B,QAAAC,EAAwB,EAAK;AAAA,MAC/B;AAAA,MACA,wBAAAS;AAAA,MACA,6BAA6B,MAAM;AACjC,QAAAC,EAA0B,EAAK;AAAA,MACjC;AAAA,MACA,mBAAAR;AAAA,MACA,mBAAAS;AAAA,MACA,UAAAiB;AAAA,MACA,gBAAAI;AAAA,MACA,iBAAAnB;AAAA,MACA,2BAAAoB;AAAA,IAAA;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"PayrollList.js","sources":["../../../../src/components/Payroll/PayrollList/PayrollList.tsx"],"sourcesContent":["import { useState, useCallback } from 'react'\nimport { useQueryClient } from '@tanstack/react-query'\nimport {\n  usePayrollsListSuspense,\n  invalidateAllPayrollsList,\n} from '@gusto/embedded-api/react-query/payrollsList'\nimport { usePaySchedulesGetAllSuspense } from '@gusto/embedded-api/react-query/paySchedulesGetAll'\nimport { usePayrollsSkipMutation } from '@gusto/embedded-api/react-query/payrollsSkip'\nimport { usePayrollsDeleteMutation } from '@gusto/embedded-api/react-query/payrollsDelete'\nimport { usePayrollsGetBlockersSuspense } from '@gusto/embedded-api/react-query/payrollsGetBlockers'\nimport { useWireInRequestsListSuspense } from '@gusto/embedded-api/react-query/wireInRequestsList'\nimport { PayrollType } from '@gusto/embedded-api/models/operations/postcompaniespayrollskipcompanyuuid'\nimport {\n  ProcessingStatuses,\n  QueryParamPayrollTypes,\n} from '@gusto/embedded-api/models/operations/getv1companiescompanyidpayrolls'\nimport type { Payroll } from '@gusto/embedded-api/models/components/payrollshow'\nimport type { ApiPayrollBlocker } from '../PayrollBlocker/payrollHelpers'\nimport { useUnprocessedTransitionPayPeriods } from '../useUnprocessedTransitionPayPeriods'\nimport { PayrollListPresentation } from './PayrollListPresentation'\nimport type { BaseComponentInterface } from '@/components/Base'\nimport { BaseComponent, useBase } from '@/components/Base'\nimport { componentEvents } from '@/shared/constants'\nimport { usePagination } from '@/hooks/usePagination/usePagination'\nimport { useDateRangeFilter } from '@/hooks/useDateRangeFilter/useDateRangeFilter'\n\n/**\n * Props for {@link PayrollList}.\n *\n * @public\n */\nexport interface PayrollListBlockProps extends BaseComponentInterface<never> {\n  /** The associated company identifier. */\n  companyId: string\n  /** Whether to show the off-cycle payroll call-to-action. Defaults to `true`. */\n  withOffcyclePayroll?: boolean\n}\n\n/**\n * Lists upcoming payrolls and lets users start running them.\n *\n * Displays available payrolls with pay period dates, payroll type, check date,\n * deadline, and status. Each row offers actions to run, submit a calculated\n * payroll, skip, or delete (for cancellable off-cycle payrolls). A separate\n * call-to-action starts an off-cycle payroll.\n *\n * @remarks\n * When the company has unprocessed transition pay periods within the next\n * 90 days, the Run Payroll action on Regular rows is disabled to prevent a\n * regular payroll from being run before the transition is resolved. Off-cycle\n * rows and the Run off-cycle action remain enabled, since off-cycle is the\n * path used to run a transition payroll. {@link PayrollLanding} pairs this\n * list with an alert that lets users run or skip the pending transition; when\n * using `PayrollList` directly, render an equivalent resolution surface\n * alongside it.\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `runPayroll/selected` | User selected a payroll to run | `{ payrollUuid, payPeriod }` |\n * | `payroll/review` | User selected a calculated payroll to review and submit | `{ payrollUuid, payPeriod }` |\n * | `payroll/skipped` | A payroll was successfully skipped | `{ payrollId }` |\n * | `payroll/deleted` | A cancellable off-cycle payroll was successfully deleted | `{ payrollId }` |\n * | `runPayroll/offCycle/start` | User clicked the Run off-cycle call-to-action | — |\n *\n * @param props - See {@link PayrollListBlockProps}.\n * @returns The rendered payroll list.\n * @public\n */\nexport function PayrollList(props: PayrollListBlockProps) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props} />\n    </BaseComponent>\n  )\n}\n\nconst FUTURE_LOOKAHEAD_MONTHS = 3\n\nconst getDefaultStartDate = (): Date => new Date()\n\nconst getDefaultEndDate = (): Date => {\n  const date = new Date()\n  date.setMonth(date.getMonth() + FUTURE_LOOKAHEAD_MONTHS)\n  return date\n}\n\nconst Root = ({ companyId, onEvent, withOffcyclePayroll = true }: PayrollListBlockProps) => {\n  const { baseSubmitHandler } = useBase()\n  const queryClient = useQueryClient()\n  const [showSkipSuccessAlert, setShowSkipSuccessAlert] = useState(false)\n  const [skippingPayrollId, setSkippingPayrollId] = useState<string | null>(null)\n  const { currentPage, itemsPerPage, getPaginationProps, resetPage } = usePagination()\n  const [showDeleteSuccessAlert, setShowDeleteSuccessAlert] = useState(false)\n  const [deletingPayrollId, setDeletingPayrollId] = useState<string | null>(null)\n\n  const dateRangeFilter = useDateRangeFilter({\n    initialStartDate: getDefaultStartDate(),\n    initialEndDate: getDefaultEndDate(),\n    onFilterChange: useCallback(() => {\n      resetPage()\n    }, [resetPage]),\n  })\n  const dateFilterParams = dateRangeFilter.getApiDateParams()\n\n  const { data: payrollsData } = usePayrollsListSuspense({\n    companyId,\n    processingStatuses: [ProcessingStatuses.Unprocessed],\n    startDate: dateFilterParams.startDate,\n    endDate: dateFilterParams.endDate,\n    payrollTypes: [\n      QueryParamPayrollTypes.Regular,\n      QueryParamPayrollTypes.OffCycle,\n      QueryParamPayrollTypes.External,\n    ],\n    includeOffCycle: true,\n    page: currentPage,\n    per: itemsPerPage,\n  })\n  const payrollList = payrollsData.payrollList!\n  const paginationProps = getPaginationProps(payrollsData.httpMeta.response.headers)\n  const { data: paySchedulesData } = usePaySchedulesGetAllSuspense({\n    companyId,\n  })\n  const paySchedulesList = paySchedulesData.payScheduleShowResponse!\n\n  const { data: blockersData } = usePayrollsGetBlockersSuspense({\n    companyUuid: companyId,\n  })\n\n  const payrollBlockerList = blockersData.payrollBlockers ?? []\n\n  const blockers: ApiPayrollBlocker[] = payrollBlockerList.map(\n    (blocker: { key?: string; message?: string }) => ({\n      key: blocker.key ?? 'unknown',\n      message: blocker.message,\n    }),\n  )\n\n  const { data: wireInRequestsData } = useWireInRequestsListSuspense({\n    companyUuid: companyId,\n  })\n\n  const wireInRequests = wireInRequestsData.wireInRequestList ?? []\n\n  const { hasUnprocessedTransitions } = useUnprocessedTransitionPayPeriods(companyId)\n\n  const { mutateAsync: skipPayroll } = usePayrollsSkipMutation()\n  const { mutateAsync: deletePayrollMutation } = usePayrollsDeleteMutation()\n\n  const onRunPayroll = ({ payrollUuid, payPeriod }: Pick<Payroll, 'payrollUuid' | 'payPeriod'>) => {\n    onEvent(componentEvents.RUN_PAYROLL_SELECTED, { payrollUuid, payPeriod })\n  }\n  const onRunOffCyclePayroll = () => {\n    onEvent(componentEvents.RUN_OFF_CYCLE_PAYROLL)\n  }\n  const onSubmitPayroll = ({\n    payrollUuid,\n    payPeriod,\n  }: Pick<Payroll, 'payrollUuid' | 'payPeriod'>) => {\n    onEvent(componentEvents.REVIEW_PAYROLL, { payrollUuid, payPeriod })\n  }\n  const onSkipPayroll = async ({ payrollUuid }: Pick<Payroll, 'payrollUuid'>) => {\n    const payroll = payrollList.find(payroll => payroll.payrollUuid === payrollUuid)\n\n    if (payroll?.payPeriod) {\n      setSkippingPayrollId(payrollUuid!)\n      const payrollType =\n        payroll.offCycleReason === 'Transition from old pay schedule'\n          ? PayrollType.TransitionFromOldPaySchedule\n          : PayrollType.Regular\n\n      await baseSubmitHandler({}, async () => {\n        await skipPayroll({\n          request: {\n            companyUuid: companyId,\n            requestBody: {\n              payrollType,\n              startDate: payroll.payPeriod?.startDate,\n              endDate: payroll.payPeriod?.endDate,\n              payScheduleUuid: payroll.payPeriod?.payScheduleUuid ?? undefined,\n            },\n          },\n        })\n\n        setShowSkipSuccessAlert(true)\n        onEvent(componentEvents.PAYROLL_SKIPPED, { payrollId: payrollUuid })\n      })\n      setSkippingPayrollId(null)\n    }\n  }\n\n  const onDeletePayroll = async ({ payrollUuid }: Pick<Payroll, 'payrollUuid'>) => {\n    if (payrollUuid) {\n      setDeletingPayrollId(payrollUuid)\n      await baseSubmitHandler({}, async () => {\n        await deletePayrollMutation({\n          request: { companyId, payrollId: payrollUuid },\n        })\n        await invalidateAllPayrollsList(queryClient)\n        setShowDeleteSuccessAlert(true)\n        onEvent(componentEvents.PAYROLL_DELETED, { payrollId: payrollUuid })\n      })\n      setDeletingPayrollId(null)\n    }\n  }\n\n  return (\n    <PayrollListPresentation\n      payrolls={payrollList}\n      pagination={paginationProps}\n      paySchedules={paySchedulesList}\n      onRunPayroll={onRunPayroll}\n      onSubmitPayroll={onSubmitPayroll}\n      onSkipPayroll={onSkipPayroll}\n      onDeletePayroll={onDeletePayroll}\n      onRunOffCyclePayroll={onRunOffCyclePayroll}\n      showSkipSuccessAlert={showSkipSuccessAlert}\n      onDismissSkipSuccessAlert={() => {\n        setShowSkipSuccessAlert(false)\n      }}\n      showDeleteSuccessAlert={showDeleteSuccessAlert}\n      onDismissDeleteSuccessAlert={() => {\n        setShowDeleteSuccessAlert(false)\n      }}\n      skippingPayrollId={skippingPayrollId}\n      deletingPayrollId={deletingPayrollId}\n      blockers={blockers}\n      wireInRequests={wireInRequests}\n      dateRangeFilter={dateRangeFilter}\n      hasUnprocessedTransitions={hasUnprocessedTransitions}\n      withOffcyclePayroll={withOffcyclePayroll}\n    />\n  )\n}\n"],"names":["PayrollList","props","jsx","BaseComponent","Root","FUTURE_LOOKAHEAD_MONTHS","getDefaultStartDate","getDefaultEndDate","date","companyId","onEvent","withOffcyclePayroll","baseSubmitHandler","useBase","queryClient","useQueryClient","showSkipSuccessAlert","setShowSkipSuccessAlert","useState","skippingPayrollId","setSkippingPayrollId","currentPage","itemsPerPage","getPaginationProps","resetPage","usePagination","showDeleteSuccessAlert","setShowDeleteSuccessAlert","deletingPayrollId","setDeletingPayrollId","dateRangeFilter","useDateRangeFilter","useCallback","dateFilterParams","payrollsData","usePayrollsListSuspense","ProcessingStatuses","QueryParamPayrollTypes","payrollList","paginationProps","paySchedulesData","usePaySchedulesGetAllSuspense","paySchedulesList","blockersData","usePayrollsGetBlockersSuspense","blockers","blocker","wireInRequestsData","useWireInRequestsListSuspense","wireInRequests","hasUnprocessedTransitions","useUnprocessedTransitionPayPeriods","skipPayroll","usePayrollsSkipMutation","deletePayrollMutation","usePayrollsDeleteMutation","PayrollListPresentation","payrollUuid","payPeriod","componentEvents","payroll","payrollType","PayrollType","invalidateAllPayrollsList"],"mappings":"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"}

package/dist/components/Payroll/PayrollList/PayrollListPresentation.d.ts

@@ -23,7 +23,8 @@ interface PayrollListPresentationProps {
     wireInRequests: WireInRequest[];
     dateRangeFilter: UseDateRangeFilterResult;
     hasUnprocessedTransitions?: boolean;
+    withOffcyclePayroll?: boolean;
 }
 /** @internal */
-export declare const PayrollListPresentation: ({ onRunPayroll, onSubmitPayroll, onSkipPayroll, onDeletePayroll, onRunOffCyclePayroll, payrolls, pagination, paySchedules, showSkipSuccessAlert, onDismissSkipSuccessAlert, showDeleteSuccessAlert, onDismissDeleteSuccessAlert, skippingPayrollId, deletingPayrollId, blockers, wireInRequests, dateRangeFilter, hasUnprocessedTransitions, }: PayrollListPresentationProps) => import("react").JSX.Element;
+export declare const PayrollListPresentation: ({ onRunPayroll, onSubmitPayroll, onSkipPayroll, onDeletePayroll, onRunOffCyclePayroll, payrolls, pagination, paySchedules, showSkipSuccessAlert, onDismissSkipSuccessAlert, showDeleteSuccessAlert, onDismissDeleteSuccessAlert, skippingPayrollId, deletingPayrollId, blockers, wireInRequests, dateRangeFilter, hasUnprocessedTransitions, withOffcyclePayroll, }: PayrollListPresentationProps) => import("react").JSX.Element;
 export {};