@gusto/embedded-react-sdk 0.52.1 → 0.53.0

package/dist/components/Payroll/PayrollBlocker/components/PayrollBlockerAlerts.js.map

@@ -1 +1 @@
-{"version":3,"file":"PayrollBlockerAlerts.js","sources":["../../../../../src/components/Payroll/PayrollBlocker/components/PayrollBlockerAlerts.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport {\n  type ApiPayrollBlocker,\n  getBlockerTranslationKeys,\n  hasActionableBlockers,\n  isActionableBlocker,\n} from '../payrollHelpers'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { Flex } from '@/components/Common'\nimport { useI18n } from '@/i18n'\n\ninterface PayrollBlockerAlertsProps {\n  blockers: ApiPayrollBlocker[]\n  className?: string\n  onViewBlockersClick?: () => void\n  viewBlockersLabel?: string\n}\n\n/**\n * @internal\n */\nexport function PayrollBlockerAlerts({\n  blockers,\n  onViewBlockersClick,\n  viewBlockersLabel,\n  className,\n}: PayrollBlockerAlertsProps) {\n  useI18n('Payroll.PayrollBlocker')\n  const { t } = useTranslation('Payroll.PayrollBlocker')\n  const { Alert, Button, Text, UnorderedList } = useComponentContext()\n\n  if (blockers.length === 0) {\n    return null\n  }\n\n  const hasMultipleBlockers = blockers.length > 1\n  const showViewBlockersCta =\n    Boolean(onViewBlockersClick) && (hasMultipleBlockers || hasActionableBlockers(blockers))\n\n  const enrichedBlockers = blockers.map(blocker => {\n    const translationKeys = getBlockerTranslationKeys(blocker.key)\n\n    const title = t(translationKeys.titleKey, {\n      defaultValue: t('defaultBlockerDescription'),\n    })\n    const description = t(translationKeys.descriptionKey, {\n      defaultValue: blocker.message || t('defaultBlockerDescription'),\n    })\n    const helpText = isActionableBlocker(blocker.key)\n      ? undefined\n      : t(translationKeys.helpTextKey, { defaultValue: t('defaultBlockerHelp') })\n\n    return {\n      ...blocker,\n      title,\n      description,\n      helpText,\n    }\n  })\n\n  const ctaLabel = viewBlockersLabel || t(hasMultipleBlockers ? 'viewAllBlockers' : 'viewBlocker')\n\n  const singleBlocker = enrichedBlockers[0]\n\n  if (!hasMultipleBlockers && singleBlocker) {\n    return (\n      <Alert status=\"error\" label={singleBlocker.title} className={className}>\n        <Flex flexDirection=\"column\" gap={8}>\n          <Text>{singleBlocker.description}</Text>\n          {singleBlocker.helpText && singleBlocker.helpText !== singleBlocker.description && (\n            <Text variant=\"supporting\" size=\"sm\">\n              {singleBlocker.helpText}\n            </Text>\n          )}\n          {showViewBlockersCta && (\n            <div>\n              <Button variant=\"secondary\" onClick={onViewBlockersClick} title={ctaLabel}>\n                {ctaLabel}\n              </Button>\n            </div>\n          )}\n        </Flex>\n      </Alert>\n    )\n  }\n\n  const listItems = enrichedBlockers.map(blocker => blocker.title)\n\n  return (\n    <Alert\n      status=\"error\"\n      label={t('multipleIssuesTitle', { count: blockers.length })}\n      className={className}\n    >\n      <Flex flexDirection=\"column\" gap={16}>\n        <UnorderedList items={listItems} />\n        {showViewBlockersCta && (\n          <div>\n            <Button variant=\"secondary\" onClick={onViewBlockersClick} title={ctaLabel}>\n              {ctaLabel}\n            </Button>\n          </div>\n        )}\n      </Flex>\n    </Alert>\n  )\n}\n"],"names":["PayrollBlockerAlerts","blockers","onViewBlockersClick","viewBlockersLabel","className","useI18n","useTranslation","Alert","Button","Text","UnorderedList","useComponentContext","hasMultipleBlockers","showViewBlockersCta","hasActionableBlockers","enrichedBlockers","blocker","translationKeys","getBlockerTranslationKeys","title","description","helpText","isActionableBlocker","ctaLabel","singleBlocker","jsx","jsxs","Flex","listItems"],"mappings":";;;;;;;AAqBO,SAASA,EAAqB;AAAA,EACnC,UAAAC;AAAA,EACA,qBAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,WAAAC;AACF,GAA8B;AAC5B,EAAAC,EAAQ,wBAAwB;AAChC,QAAM,EAAE,EAAA,IAAMC,EAAe,wBAAwB,GAC/C,EAAE,OAAAC,GAAO,QAAAC,GAAQ,MAAAC,GAAM,eAAAC,EAAA,IAAkBC,EAAA;AAE/C,MAAIV,EAAS,WAAW;AACtB,WAAO;AAGT,QAAMW,IAAsBX,EAAS,SAAS,GACxCY,IACJ,EAAQX,MAAyBU,KAAuBE,EAAsBb,CAAQ,IAElFc,IAAmBd,EAAS,IAAI,CAAAe,MAAW;AAC/C,UAAMC,IAAkBC,EAA0BF,EAAQ,GAAG,GAEvDG,IAAQ,EAAEF,EAAgB,UAAU;AAAA,MACxC,cAAc,EAAE,2BAA2B;AAAA,IAAA,CAC5C,GACKG,IAAc,EAAEH,EAAgB,gBAAgB;AAAA,MACpD,cAAcD,EAAQ,WAAW,EAAE,2BAA2B;AAAA,IAAA,CAC/D,GACKK,IAAWC,EAAoBN,EAAQ,GAAG,IAC5C,SACA,EAAEC,EAAgB,aAAa,EAAE,cAAc,EAAE,oBAAoB,GAAG;AAE5E,WAAO;AAAA,MACL,GAAGD;AAAA,MACH,OAAAG;AAAA,MACA,aAAAC;AAAA,MACA,UAAAC;AAAA,IAAA;AAAA,EAEJ,CAAC,GAEKE,IAAWpB,KAAqB,EAAES,IAAsB,oBAAoB,aAAa,GAEzFY,IAAgBT,EAAiB,CAAC;AAExC,MAAI,CAACH,KAAuBY;AAC1B,WACE,gBAAAC,EAAClB,GAAA,EAAM,QAAO,SAAQ,OAAOiB,EAAc,OAAO,WAAApB,GAChD,UAAA,gBAAAsB,EAACC,GAAA,EAAK,eAAc,UAAS,KAAK,GAChC,UAAA;AAAA,MAAA,gBAAAF,EAAChB,GAAA,EAAM,YAAc,YAAA,CAAY;AAAA,MAChCe,EAAc,YAAYA,EAAc,aAAaA,EAAc,eAClE,gBAAAC,EAAChB,GAAA,EAAK,SAAQ,cAAa,MAAK,MAC7B,YAAc,UACjB;AAAA,MAEDI,KACC,gBAAAY,EAAC,OAAA,EACC,UAAA,gBAAAA,EAACjB,GAAA,EAAO,SAAQ,aAAY,SAASN,GAAqB,OAAOqB,GAC9D,UAAAA,EAAA,CACH,EAAA,CACF;AAAA,IAAA,EAAA,CAEJ,EAAA,CACF;AAIJ,QAAMK,IAAYb,EAAiB,IAAI,CAAAC,MAAWA,EAAQ,KAAK;AAE/D,SACE,gBAAAS;AAAA,IAAClB;AAAA,IAAA;AAAA,MACC,QAAO;AAAA,MACP,OAAO,EAAE,uBAAuB,EAAE,OAAON,EAAS,QAAQ;AAAA,MAC1D,WAAAG;AAAA,MAEA,UAAA,gBAAAsB,EAACC,GAAA,EAAK,eAAc,UAAS,KAAK,IAChC,UAAA;AAAA,QAAA,gBAAAF,EAACf,GAAA,EAAc,OAAOkB,EAAA,CAAW;AAAA,QAChCf,KACC,gBAAAY,EAAC,OAAA,EACC,UAAA,gBAAAA,EAACjB,GAAA,EAAO,SAAQ,aAAY,SAASN,GAAqB,OAAOqB,GAC9D,UAAAA,EAAA,CACH,EAAA,CACF;AAAA,MAAA,EAAA,CAEJ;AAAA,IAAA;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"PayrollBlockerAlerts.js","sources":["../../../../../src/components/Payroll/PayrollBlocker/components/PayrollBlockerAlerts.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport {\n  type ApiPayrollBlocker,\n  getBlockerTranslationKeys,\n  hasActionableBlockers,\n  isActionableBlocker,\n} from '../payrollHelpers'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { Flex } from '@/components/Common'\nimport { useI18n } from '@/i18n'\n\ninterface PayrollBlockerAlertsProps {\n  blockers: ApiPayrollBlocker[]\n  className?: string\n  onViewBlockersClick?: () => void\n  viewBlockersLabel?: string\n}\n\n/**\n * @internal\n */\nexport function PayrollBlockerAlerts({\n  blockers,\n  onViewBlockersClick,\n  viewBlockersLabel,\n  className,\n}: PayrollBlockerAlertsProps) {\n  useI18n('Payroll.PayrollBlocker')\n  const { t } = useTranslation('Payroll.PayrollBlocker')\n  const { Alert, Button, Text, UnorderedList } = useComponentContext()\n\n  if (blockers.length === 0) {\n    return null\n  }\n\n  const hasMultipleBlockers = blockers.length > 1\n  const showViewBlockersCta =\n    Boolean(onViewBlockersClick) && (hasMultipleBlockers || hasActionableBlockers(blockers))\n\n  const enrichedBlockers = blockers.map(blocker => {\n    const translationKeys = getBlockerTranslationKeys(blocker.key)\n\n    const title = t(translationKeys.titleKey, {\n      defaultValue: t('defaultBlockerDescription'),\n    })\n    const description = t(translationKeys.descriptionKey, {\n      defaultValue: blocker.message || t('defaultBlockerDescription'),\n    })\n    const helpText = isActionableBlocker(blocker.key)\n      ? undefined\n      : t(translationKeys.helpTextKey, { defaultValue: t('defaultBlockerHelp') })\n\n    return {\n      ...blocker,\n      title,\n      description,\n      helpText,\n    }\n  })\n\n  const ctaLabel = viewBlockersLabel || t(hasMultipleBlockers ? 'viewAllBlockers' : 'viewBlocker')\n\n  const singleBlocker = enrichedBlockers[0]\n\n  if (!hasMultipleBlockers && singleBlocker) {\n    return (\n      <Alert status=\"error\" label={singleBlocker.title} className={className}>\n        <Flex flexDirection=\"column\" gap={8}>\n          <Text>{singleBlocker.description}</Text>\n          {singleBlocker.helpText && singleBlocker.helpText !== singleBlocker.description && (\n            <Text variant=\"supporting\" size=\"sm\">\n              {singleBlocker.helpText}\n            </Text>\n          )}\n          {showViewBlockersCta && (\n            <div>\n              <Button variant=\"secondary\" onClick={onViewBlockersClick} title={ctaLabel}>\n                {ctaLabel}\n              </Button>\n            </div>\n          )}\n        </Flex>\n      </Alert>\n    )\n  }\n\n  const listItems = enrichedBlockers.map(blocker => blocker.title)\n\n  return (\n    <Alert\n      status=\"error\"\n      label={t('multipleIssuesTitle', { count: blockers.length })}\n      className={className}\n    >\n      <Flex flexDirection=\"column\" gap={16}>\n        <UnorderedList items={listItems} />\n        {showViewBlockersCta && (\n          <div>\n            <Button variant=\"secondary\" onClick={onViewBlockersClick} title={ctaLabel}>\n              {ctaLabel}\n            </Button>\n          </div>\n        )}\n      </Flex>\n    </Alert>\n  )\n}\n"],"names":["PayrollBlockerAlerts","blockers","onViewBlockersClick","viewBlockersLabel","className","useI18n","useTranslation","Alert","Button","Text","UnorderedList","useComponentContext","hasMultipleBlockers","showViewBlockersCta","hasActionableBlockers","enrichedBlockers","blocker","translationKeys","getBlockerTranslationKeys","title","description","helpText","isActionableBlocker","ctaLabel","singleBlocker","jsx","jsxs","Flex","listItems"],"mappings":";;;;;;AAqBO,SAASA,EAAqB;AAAA,EACnC,UAAAC;AAAA,EACA,qBAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,WAAAC;AACF,GAA8B;AAC5B,EAAAC,EAAQ,wBAAwB;AAChC,QAAM,EAAE,EAAA,IAAMC,EAAe,wBAAwB,GAC/C,EAAE,OAAAC,GAAO,QAAAC,GAAQ,MAAAC,GAAM,eAAAC,EAAA,IAAkBC,EAAA;AAE/C,MAAIV,EAAS,WAAW;AACtB,WAAO;AAGT,QAAMW,IAAsBX,EAAS,SAAS,GACxCY,IACJ,EAAQX,MAAyBU,KAAuBE,EAAsBb,CAAQ,IAElFc,IAAmBd,EAAS,IAAI,CAAAe,MAAW;AAC/C,UAAMC,IAAkBC,EAA0BF,EAAQ,GAAG,GAEvDG,IAAQ,EAAEF,EAAgB,UAAU;AAAA,MACxC,cAAc,EAAE,2BAA2B;AAAA,IAAA,CAC5C,GACKG,IAAc,EAAEH,EAAgB,gBAAgB;AAAA,MACpD,cAAcD,EAAQ,WAAW,EAAE,2BAA2B;AAAA,IAAA,CAC/D,GACKK,IAAWC,EAAoBN,EAAQ,GAAG,IAC5C,SACA,EAAEC,EAAgB,aAAa,EAAE,cAAc,EAAE,oBAAoB,GAAG;AAE5E,WAAO;AAAA,MACL,GAAGD;AAAA,MACH,OAAAG;AAAA,MACA,aAAAC;AAAA,MACA,UAAAC;AAAA,IAAA;AAAA,EAEJ,CAAC,GAEKE,IAAWpB,KAAqB,EAAES,IAAsB,oBAAoB,aAAa,GAEzFY,IAAgBT,EAAiB,CAAC;AAExC,MAAI,CAACH,KAAuBY;AAC1B,WACE,gBAAAC,EAAClB,GAAA,EAAM,QAAO,SAAQ,OAAOiB,EAAc,OAAO,WAAApB,GAChD,UAAA,gBAAAsB,EAACC,GAAA,EAAK,eAAc,UAAS,KAAK,GAChC,UAAA;AAAA,MAAA,gBAAAF,EAAChB,GAAA,EAAM,YAAc,YAAA,CAAY;AAAA,MAChCe,EAAc,YAAYA,EAAc,aAAaA,EAAc,eAClE,gBAAAC,EAAChB,GAAA,EAAK,SAAQ,cAAa,MAAK,MAC7B,YAAc,UACjB;AAAA,MAEDI,KACC,gBAAAY,EAAC,OAAA,EACC,UAAA,gBAAAA,EAACjB,GAAA,EAAO,SAAQ,aAAY,SAASN,GAAqB,OAAOqB,GAC9D,UAAAA,EAAA,CACH,EAAA,CACF;AAAA,IAAA,EAAA,CAEJ,EAAA,CACF;AAIJ,QAAMK,IAAYb,EAAiB,IAAI,CAAAC,MAAWA,EAAQ,KAAK;AAE/D,SACE,gBAAAS;AAAA,IAAClB;AAAA,IAAA;AAAA,MACC,QAAO;AAAA,MACP,OAAO,EAAE,uBAAuB,EAAE,OAAON,EAAS,QAAQ;AAAA,MAC1D,WAAAG;AAAA,MAEA,UAAA,gBAAAsB,EAACC,GAAA,EAAK,eAAc,UAAS,KAAK,IAChC,UAAA;AAAA,QAAA,gBAAAF,EAACf,GAAA,EAAc,OAAOkB,EAAA,CAAW;AAAA,QAChCf,KACC,gBAAAY,EAAC,OAAA,EACC,UAAA,gBAAAA,EAACjB,GAAA,EAAO,SAAQ,aAAY,SAASN,GAAqB,OAAOqB,GAC9D,UAAAA,EAAA,CACH,EAAA,CACF;AAAA,MAAA,EAAA,CAEJ;AAAA,IAAA;AAAA,EAAA;AAGN;"}

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

@@ -13,9 +13,9 @@ export interface PayrollHistoryProps extends BaseComponentInterface<'Payroll.Pay
  *
  * @remarks
  * Lists processed regular, off-cycle, and external payrolls for a company and supports filtering by
- * check date (3 months, 6 months, or 1 year), viewing payroll summaries and receipts, and
- * cancelling processed payrolls when they remain within the cancellation window. Each row shows
- * the pay period, payroll type, pay date, status, and total pay amount.
+ * pay period, viewing payroll summaries and receipts, and cancelling processed payrolls when they
+ * remain within the cancellation window. Each row shows the pay period, payroll type, pay date,
+ * status, and total pay amount.
  *
  * @events
  * | Event | Description | Data |

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

@@ -1,83 +1,87 @@
-import { jsx as c } from "react/jsx-runtime";
-import { useState as _, useCallback as A } from "react";
-import { usePayrollsListSuspense as E } from "@gusto/embedded-api/react-query/payrollsList";
-import { usePayrollsCancelMutation as O } from "@gusto/embedded-api/react-query/payrollsCancel";
+import { jsx as i } from "react/jsx-runtime";
+import { useState as E, useCallback as I } from "react";
+import { usePayrollsListSuspense as O } from "@gusto/embedded-api/react-query/payrollsList";
+import { usePayrollsCancelMutation as A } from "@gusto/embedded-api/react-query/payrollsCancel";
 import { useWireInRequestsListSuspense as V } from "@gusto/embedded-api/react-query/wireInRequestsList";
-import { DateFilterBy as F, QueryParamSortOrder as H, QueryParamPayrollTypes as n, ProcessingStatuses as U } from "@gusto/embedded-api/models/operations/getv1companiescompanyidpayrolls";
-import { PayrollHistoryPresentation as q } from "./PayrollHistoryPresentation.js";
-import { BaseComponent as B } from "../../Base/Base.js";
-import { useBase as M } from "../../Base/useBase.js";
-import { componentEvents as i } from "../../../shared/constants.js";
-import { useComponentDictionary as N, useI18n as Y } from "../../../i18n/I18n.js";
-import { usePagination as b } from "../../../hooks/usePagination/usePagination.js";
-import { useDateRangeFilter as x } from "../../../hooks/useDateRangeFilter/useDateRangeFilter.js";
-function oe(e) {
-  return /* @__PURE__ */ c(B, { ...e, children: /* @__PURE__ */ c(T, { ...e, children: e.children }) });
+import { QueryParamSortOrder as H, QueryParamPayrollTypes as s, ProcessingStatuses as M } from "@gusto/embedded-api/models/operations/getv1companiescompanyidpayrolls";
+import { PayrollHistoryPresentation as U } from "./PayrollHistoryPresentation.js";
+import { BaseComponent as q } from "../../Base/Base.js";
+import { useBase as F } from "../../Base/useBase.js";
+import { componentEvents as l } from "../../../shared/constants.js";
+import { useComponentDictionary as N, useI18n as T } from "../../../i18n/I18n.js";
+import { usePagination as Y } from "../../../hooks/usePagination/usePagination.js";
+import { useDateRangeFilter as b } from "../../../hooks/useDateRangeFilter/useDateRangeFilter.js";
+function se(e) {
+  return /* @__PURE__ */ i(q, { ...e, children: /* @__PURE__ */ i(K, { ...e, children: e.children }) });
 }
-const T = ({ onEvent: e, companyId: o, dictionary: p }) => {
-  N("Payroll.PayrollHistory", p), Y("Payroll.PayrollHistory");
-  const [P, l] = _(null), { baseSubmitHandler: d } = M(), { currentPage: g, itemsPerPage: f, getPaginationProps: C, resetPage: u } = b(), s = x({
-    onFilterChange: A(() => {
-      u();
-    }, [u])
-  }), m = s.getApiDateParams(), { data: y } = E({
-    companyId: o,
-    processingStatuses: [U.Processed],
+const x = 3, B = () => {
+  const e = /* @__PURE__ */ new Date();
+  return e.setMonth(e.getMonth() - x), e;
+}, W = () => /* @__PURE__ */ new Date(), K = ({ onEvent: e, companyId: r, dictionary: p }) => {
+  N("Payroll.PayrollHistory", p), T("Payroll.PayrollHistory");
+  const [P, n] = E(null), { baseSubmitHandler: d } = F(), { currentPage: g, itemsPerPage: D, getPaginationProps: f, resetPage: c } = Y(), u = b({
+    initialStartDate: B(),
+    initialEndDate: W(),
+    onFilterChange: I(() => {
+      c();
+    }, [c])
+  }), m = u.getApiDateParams(), { data: y } = O({
+    companyId: r,
+    processingStatuses: [M.Processed],
     payrollTypes: [
-      n.Regular,
-      n.OffCycle,
-      n.External
+      s.Regular,
+      s.OffCycle,
+      s.External
     ],
     includeOffCycle: !0,
     include: ["totals", "payroll_status_meta"],
     sortOrder: H.Desc,
     startDate: m.startDate,
     endDate: m.endDate,
-    dateFilterBy: s.isFilterActive ? F.CheckDate : void 0,
     page: g,
-    per: f
-  }), D = y.payrollList || [], R = C(y.httpMeta.response.headers), { data: h } = V({
-    companyUuid: o
-  }), L = h.wireInRequestList ?? [], { mutateAsync: w, isPending: I } = O();
-  return /* @__PURE__ */ c(
-    q,
+    per: D
+  }), C = y.payrollList || [], R = f(y.httpMeta.response.headers), { data: L } = V({
+    companyUuid: r
+  }), h = L.wireInRequestList ?? [], { mutateAsync: S, isPending: w } = A();
+  return /* @__PURE__ */ i(
+    U,
     {
-      payrollHistory: D,
-      wireInRequests: L,
+      payrollHistory: C,
+      wireInRequests: h,
       pagination: R,
-      onViewSummary: (t, r, a) => {
-        e(i.RUN_PAYROLL_SUMMARY_VIEWED, { payrollId: t, startDate: r, endDate: a });
+      onViewSummary: (t, o, a) => {
+        e(l.RUN_PAYROLL_SUMMARY_VIEWED, { payrollId: t, startDate: o, endDate: a });
       },
-      onViewReceipt: (t, r, a) => {
-        e(i.RUN_PAYROLL_RECEIPT_VIEWED, { payrollId: t, startDate: r, endDate: a });
+      onViewReceipt: (t, o, a) => {
+        e(l.RUN_PAYROLL_RECEIPT_VIEWED, { payrollId: t, startDate: o, endDate: a });
       },
       onCancelPayroll: async (t) => {
-        const r = t.payrollUuid || t.uuid;
+        const o = t.payrollUuid || t.uuid;
         try {
-          await d(r, async (a) => {
-            const S = await w({
+          await d(o, async (a) => {
+            const _ = await S({
               request: {
-                companyId: o,
+                companyId: r,
                 payrollId: a
               }
             });
-            e(i.RUN_PAYROLL_CANCELLED, { payrollId: a, result: S });
+            e(l.RUN_PAYROLL_CANCELLED, { payrollId: a, result: _ });
           });
         } finally {
-          l(null);
+          n(null);
         }
       },
       cancelDialogItem: P,
-      onCancelDialogOpen: l,
+      onCancelDialogOpen: n,
       onCancelDialogClose: () => {
-        l(null);
+        n(null);
       },
-      isLoading: I,
-      dateRangeFilter: s
+      isLoading: w,
+      dateRangeFilter: u
     }
   );
 };
 export {
-  oe as PayrollHistory
+  se as PayrollHistory
 };
 //# sourceMappingURL=PayrollHistory.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"PayrollHistory.js","sources":["../../../../src/components/Payroll/PayrollHistory/PayrollHistory.tsx"],"sourcesContent":["import { useState, useCallback } from 'react'\nimport { usePayrollsListSuspense } from '@gusto/embedded-api/react-query/payrollsList'\nimport { usePayrollsCancelMutation } from '@gusto/embedded-api/react-query/payrollsCancel'\nimport { useWireInRequestsListSuspense } from '@gusto/embedded-api/react-query/wireInRequestsList'\nimport {\n  DateFilterBy,\n  ProcessingStatuses,\n  QueryParamPayrollTypes,\n  QueryParamSortOrder as SortOrder,\n} from '@gusto/embedded-api/models/operations/getv1companiescompanyidpayrolls'\nimport type { Payroll } from '@gusto/embedded-api/models/components/payrollshow'\nimport { PayrollHistoryPresentation } from './PayrollHistoryPresentation'\nimport type { BaseComponentInterface } from '@/components/Base/Base'\nimport { BaseComponent } from '@/components/Base/Base'\nimport { useBase } from '@/components/Base/useBase'\nimport { componentEvents } from '@/shared/constants'\nimport { useComponentDictionary, useI18n } from '@/i18n'\nimport { usePagination } from '@/hooks/usePagination/usePagination'\nimport { useDateRangeFilter } from '@/hooks/useDateRangeFilter/useDateRangeFilter'\n\n/**\n * Props for the {@link PayrollHistory} component.\n *\n * @public\n */\nexport interface PayrollHistoryProps extends BaseComponentInterface<'Payroll.PayrollHistory'> {\n  /** Identifier of the company whose processed payrolls should be listed. */\n  companyId: string\n}\n\n/**\n * Displays historical payroll records with filtering and management capabilities.\n *\n * @remarks\n * Lists processed regular, off-cycle, and external payrolls for a company and supports filtering by\n * check date (3 months, 6 months, or 1 year), viewing payroll summaries and receipts, and\n * cancelling processed payrolls when they remain within the cancellation window. Each row shows\n * the pay period, payroll type, pay date, status, and total pay amount.\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `runPayroll/summary/viewed` | User views a payroll summary | `{ payrollId: string; startDate?: string; endDate?: string }` |\n * | `runPayroll/receipt/viewed` | User views a payroll receipt | `{ payrollId: string; startDate?: string; endDate?: string }` |\n * | `runPayroll/cancelled` | A payroll is cancelled | `{ payrollId: string; result: PayrollsCancelResponse }` |\n *\n * @param props - See {@link PayrollHistoryProps}.\n * @returns The rendered payroll history view.\n * @public\n */\nexport function PayrollHistory(props: PayrollHistoryProps) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props}>{props.children}</Root>\n    </BaseComponent>\n  )\n}\n\nconst Root = ({ onEvent, companyId, dictionary }: PayrollHistoryProps) => {\n  useComponentDictionary('Payroll.PayrollHistory', dictionary)\n  useI18n('Payroll.PayrollHistory')\n\n  const [cancelDialogItem, setCancelDialogItem] = useState<Payroll | null>(null)\n  const { baseSubmitHandler } = useBase()\n  const { currentPage, itemsPerPage, getPaginationProps, resetPage } = usePagination()\n\n  const dateRangeFilter = useDateRangeFilter({\n    onFilterChange: useCallback(() => {\n      resetPage()\n    }, [resetPage]),\n  })\n  const dateFilterParams = dateRangeFilter.getApiDateParams()\n\n  const { data: payrollsData } = usePayrollsListSuspense({\n    companyId,\n    processingStatuses: [ProcessingStatuses.Processed],\n    payrollTypes: [\n      QueryParamPayrollTypes.Regular,\n      QueryParamPayrollTypes.OffCycle,\n      QueryParamPayrollTypes.External,\n    ],\n    includeOffCycle: true,\n    include: ['totals', 'payroll_status_meta'],\n    sortOrder: SortOrder.Desc,\n    startDate: dateFilterParams.startDate,\n    endDate: dateFilterParams.endDate,\n    dateFilterBy: dateRangeFilter.isFilterActive ? DateFilterBy.CheckDate : undefined,\n    page: currentPage,\n    per: itemsPerPage,\n  })\n\n  const payrollHistory = payrollsData.payrollList || []\n  const paginationProps = getPaginationProps(payrollsData.httpMeta.response.headers)\n\n  const { data: wireInRequestsData } = useWireInRequestsListSuspense({\n    companyUuid: companyId,\n  })\n\n  const wireInRequests = wireInRequestsData.wireInRequestList ?? []\n\n  const { mutateAsync: cancelPayroll, isPending: isCancelling } = usePayrollsCancelMutation()\n\n  const handleViewSummary = (payrollId: string, startDate?: string, endDate?: string) => {\n    onEvent(componentEvents.RUN_PAYROLL_SUMMARY_VIEWED, { payrollId, startDate, endDate })\n  }\n\n  const handleViewReceipt = (payrollId: string, startDate?: string, endDate?: string) => {\n    onEvent(componentEvents.RUN_PAYROLL_RECEIPT_VIEWED, { payrollId, startDate, endDate })\n  }\n\n  const handleCancelPayroll = async (item: Payroll) => {\n    const payrollId = item.payrollUuid || item.uuid!\n    try {\n      await baseSubmitHandler(payrollId, async id => {\n        const result = await cancelPayroll({\n          request: {\n            companyId,\n            payrollId: id,\n          },\n        })\n\n        onEvent(componentEvents.RUN_PAYROLL_CANCELLED, { payrollId: id, result })\n      })\n    } finally {\n      setCancelDialogItem(null)\n    }\n  }\n\n  return (\n    <PayrollHistoryPresentation\n      payrollHistory={payrollHistory}\n      wireInRequests={wireInRequests}\n      pagination={paginationProps}\n      onViewSummary={handleViewSummary}\n      onViewReceipt={handleViewReceipt}\n      onCancelPayroll={handleCancelPayroll}\n      cancelDialogItem={cancelDialogItem}\n      onCancelDialogOpen={setCancelDialogItem}\n      onCancelDialogClose={() => {\n        setCancelDialogItem(null)\n      }}\n      isLoading={isCancelling}\n      dateRangeFilter={dateRangeFilter}\n    />\n  )\n}\n"],"names":["PayrollHistory","props","jsx","BaseComponent","Root","onEvent","companyId","dictionary","useComponentDictionary","useI18n","cancelDialogItem","setCancelDialogItem","useState","baseSubmitHandler","useBase","currentPage","itemsPerPage","getPaginationProps","resetPage","usePagination","dateRangeFilter","useDateRangeFilter","useCallback","dateFilterParams","payrollsData","usePayrollsListSuspense","ProcessingStatuses","QueryParamPayrollTypes","SortOrder","DateFilterBy","payrollHistory","paginationProps","wireInRequestsData","useWireInRequestsListSuspense","wireInRequests","cancelPayroll","isCancelling","usePayrollsCancelMutation","PayrollHistoryPresentation","payrollId","startDate","endDate","componentEvents","item","id","result"],"mappings":";;;;;;;;;;;;;AAkDO,SAASA,GAAeC,GAA4B;AACzD,SACE,gBAAAC,EAACC,GAAA,EAAe,GAAGF,GACjB,UAAA,gBAAAC,EAACE,KAAM,GAAGH,GAAQ,UAAAA,EAAM,SAAA,CAAS,EAAA,CACnC;AAEJ;AAEA,MAAMG,IAAO,CAAC,EAAE,SAAAC,GAAS,WAAAC,GAAW,YAAAC,QAAsC;AACxE,EAAAC,EAAuB,0BAA0BD,CAAU,GAC3DE,EAAQ,wBAAwB;AAEhC,QAAM,CAACC,GAAkBC,CAAmB,IAAIC,EAAyB,IAAI,GACvE,EAAE,mBAAAC,EAAA,IAAsBC,EAAA,GACxB,EAAE,aAAAC,GAAa,cAAAC,GAAc,oBAAAC,GAAoB,WAAAC,EAAA,IAAcC,EAAA,GAE/DC,IAAkBC,EAAmB;AAAA,IACzC,gBAAgBC,EAAY,MAAM;AAChC,MAAAJ,EAAA;AAAA,IACF,GAAG,CAACA,CAAS,CAAC;AAAA,EAAA,CACf,GACKK,IAAmBH,EAAgB,iBAAA,GAEnC,EAAE,MAAMI,EAAA,IAAiBC,EAAwB;AAAA,IACrD,WAAAnB;AAAA,IACA,oBAAoB,CAACoB,EAAmB,SAAS;AAAA,IACjD,cAAc;AAAA,MACZC,EAAuB;AAAA,MACvBA,EAAuB;AAAA,MACvBA,EAAuB;AAAA,IAAA;AAAA,IAEzB,iBAAiB;AAAA,IACjB,SAAS,CAAC,UAAU,qBAAqB;AAAA,IACzC,WAAWC,EAAU;AAAA,IACrB,WAAWL,EAAiB;AAAA,IAC5B,SAASA,EAAiB;AAAA,IAC1B,cAAcH,EAAgB,iBAAiBS,EAAa,YAAY;AAAA,IACxE,MAAMd;AAAA,IACN,KAAKC;AAAA,EAAA,CACN,GAEKc,IAAiBN,EAAa,eAAe,CAAA,GAC7CO,IAAkBd,EAAmBO,EAAa,SAAS,SAAS,OAAO,GAE3E,EAAE,MAAMQ,EAAA,IAAuBC,EAA8B;AAAA,IACjE,aAAa3B;AAAA,EAAA,CACd,GAEK4B,IAAiBF,EAAmB,qBAAqB,CAAA,GAEzD,EAAE,aAAaG,GAAe,WAAWC,EAAA,IAAiBC,EAAA;AA4BhE,SACE,gBAAAnC;AAAA,IAACoC;AAAA,IAAA;AAAA,MACC,gBAAAR;AAAA,MACA,gBAAAI;AAAA,MACA,YAAYH;AAAA,MACZ,eA/BsB,CAACQ,GAAmBC,GAAoBC,MAAqB;AACrF,QAAApC,EAAQqC,EAAgB,4BAA4B,EAAE,WAAAH,GAAW,WAAAC,GAAW,SAAAC,GAAS;AAAA,MACvF;AAAA,MA8BI,eA5BsB,CAACF,GAAmBC,GAAoBC,MAAqB;AACrF,QAAApC,EAAQqC,EAAgB,4BAA4B,EAAE,WAAAH,GAAW,WAAAC,GAAW,SAAAC,GAAS;AAAA,MACvF;AAAA,MA2BI,iBAzBwB,OAAOE,MAAkB;AACnD,cAAMJ,IAAYI,EAAK,eAAeA,EAAK;AAC3C,YAAI;AACF,gBAAM9B,EAAkB0B,GAAW,OAAMK,MAAM;AAC7C,kBAAMC,IAAS,MAAMV,EAAc;AAAA,cACjC,SAAS;AAAA,gBACP,WAAA7B;AAAA,gBACA,WAAWsC;AAAA,cAAA;AAAA,YACb,CACD;AAED,YAAAvC,EAAQqC,EAAgB,uBAAuB,EAAE,WAAWE,GAAI,QAAAC,GAAQ;AAAA,UAC1E,CAAC;AAAA,QACH,UAAA;AACE,UAAAlC,EAAoB,IAAI;AAAA,QAC1B;AAAA,MACF;AAAA,MAUI,kBAAAD;AAAA,MACA,oBAAoBC;AAAA,MACpB,qBAAqB,MAAM;AACzB,QAAAA,EAAoB,IAAI;AAAA,MAC1B;AAAA,MACA,WAAWyB;AAAA,MACX,iBAAAhB;AAAA,IAAA;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"PayrollHistory.js","sources":["../../../../src/components/Payroll/PayrollHistory/PayrollHistory.tsx"],"sourcesContent":["import { useState, useCallback } from 'react'\nimport { usePayrollsListSuspense } from '@gusto/embedded-api/react-query/payrollsList'\nimport { usePayrollsCancelMutation } from '@gusto/embedded-api/react-query/payrollsCancel'\nimport { useWireInRequestsListSuspense } from '@gusto/embedded-api/react-query/wireInRequestsList'\nimport {\n  ProcessingStatuses,\n  QueryParamPayrollTypes,\n  QueryParamSortOrder as SortOrder,\n} from '@gusto/embedded-api/models/operations/getv1companiescompanyidpayrolls'\nimport type { Payroll } from '@gusto/embedded-api/models/components/payrollshow'\nimport { PayrollHistoryPresentation } from './PayrollHistoryPresentation'\nimport type { BaseComponentInterface } from '@/components/Base/Base'\nimport { BaseComponent } from '@/components/Base/Base'\nimport { useBase } from '@/components/Base/useBase'\nimport { componentEvents } from '@/shared/constants'\nimport { useComponentDictionary, useI18n } from '@/i18n'\nimport { usePagination } from '@/hooks/usePagination/usePagination'\nimport { useDateRangeFilter } from '@/hooks/useDateRangeFilter/useDateRangeFilter'\n\n/**\n * Props for the {@link PayrollHistory} component.\n *\n * @public\n */\nexport interface PayrollHistoryProps extends BaseComponentInterface<'Payroll.PayrollHistory'> {\n  /** Identifier of the company whose processed payrolls should be listed. */\n  companyId: string\n}\n\n/**\n * Displays historical payroll records with filtering and management capabilities.\n *\n * @remarks\n * Lists processed regular, off-cycle, and external payrolls for a company and supports filtering by\n * pay period, viewing payroll summaries and receipts, and cancelling processed payrolls when they\n * remain within the cancellation window. Each row shows the pay period, payroll type, pay date,\n * status, and total pay amount.\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `runPayroll/summary/viewed` | User views a payroll summary | `{ payrollId: string; startDate?: string; endDate?: string }` |\n * | `runPayroll/receipt/viewed` | User views a payroll receipt | `{ payrollId: string; startDate?: string; endDate?: string }` |\n * | `runPayroll/cancelled` | A payroll is cancelled | `{ payrollId: string; result: PayrollsCancelResponse }` |\n *\n * @param props - See {@link PayrollHistoryProps}.\n * @returns The rendered payroll history view.\n * @public\n */\nexport function PayrollHistory(props: PayrollHistoryProps) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props}>{props.children}</Root>\n    </BaseComponent>\n  )\n}\n\nconst DEFAULT_LOOKBACK_MONTHS = 3\n\nconst getDefaultStartDate = (): Date => {\n  const date = new Date()\n  date.setMonth(date.getMonth() - DEFAULT_LOOKBACK_MONTHS)\n  return date\n}\n\nconst getDefaultEndDate = (): Date => new Date()\n\nconst Root = ({ onEvent, companyId, dictionary }: PayrollHistoryProps) => {\n  useComponentDictionary('Payroll.PayrollHistory', dictionary)\n  useI18n('Payroll.PayrollHistory')\n\n  const [cancelDialogItem, setCancelDialogItem] = useState<Payroll | null>(null)\n  const { baseSubmitHandler } = useBase()\n  const { currentPage, itemsPerPage, getPaginationProps, resetPage } = usePagination()\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.Processed],\n    payrollTypes: [\n      QueryParamPayrollTypes.Regular,\n      QueryParamPayrollTypes.OffCycle,\n      QueryParamPayrollTypes.External,\n    ],\n    includeOffCycle: true,\n    include: ['totals', 'payroll_status_meta'],\n    sortOrder: SortOrder.Desc,\n    startDate: dateFilterParams.startDate,\n    endDate: dateFilterParams.endDate,\n    page: currentPage,\n    per: itemsPerPage,\n  })\n\n  const payrollHistory = payrollsData.payrollList || []\n  const paginationProps = getPaginationProps(payrollsData.httpMeta.response.headers)\n\n  const { data: wireInRequestsData } = useWireInRequestsListSuspense({\n    companyUuid: companyId,\n  })\n\n  const wireInRequests = wireInRequestsData.wireInRequestList ?? []\n\n  const { mutateAsync: cancelPayroll, isPending: isCancelling } = usePayrollsCancelMutation()\n\n  const handleViewSummary = (payrollId: string, startDate?: string, endDate?: string) => {\n    onEvent(componentEvents.RUN_PAYROLL_SUMMARY_VIEWED, { payrollId, startDate, endDate })\n  }\n\n  const handleViewReceipt = (payrollId: string, startDate?: string, endDate?: string) => {\n    onEvent(componentEvents.RUN_PAYROLL_RECEIPT_VIEWED, { payrollId, startDate, endDate })\n  }\n\n  const handleCancelPayroll = async (item: Payroll) => {\n    const payrollId = item.payrollUuid || item.uuid!\n    try {\n      await baseSubmitHandler(payrollId, async id => {\n        const result = await cancelPayroll({\n          request: {\n            companyId,\n            payrollId: id,\n          },\n        })\n\n        onEvent(componentEvents.RUN_PAYROLL_CANCELLED, { payrollId: id, result })\n      })\n    } finally {\n      setCancelDialogItem(null)\n    }\n  }\n\n  return (\n    <PayrollHistoryPresentation\n      payrollHistory={payrollHistory}\n      wireInRequests={wireInRequests}\n      pagination={paginationProps}\n      onViewSummary={handleViewSummary}\n      onViewReceipt={handleViewReceipt}\n      onCancelPayroll={handleCancelPayroll}\n      cancelDialogItem={cancelDialogItem}\n      onCancelDialogOpen={setCancelDialogItem}\n      onCancelDialogClose={() => {\n        setCancelDialogItem(null)\n      }}\n      isLoading={isCancelling}\n      dateRangeFilter={dateRangeFilter}\n    />\n  )\n}\n"],"names":["PayrollHistory","props","jsx","BaseComponent","Root","DEFAULT_LOOKBACK_MONTHS","getDefaultStartDate","date","getDefaultEndDate","onEvent","companyId","dictionary","useComponentDictionary","useI18n","cancelDialogItem","setCancelDialogItem","useState","baseSubmitHandler","useBase","currentPage","itemsPerPage","getPaginationProps","resetPage","usePagination","dateRangeFilter","useDateRangeFilter","useCallback","dateFilterParams","payrollsData","usePayrollsListSuspense","ProcessingStatuses","QueryParamPayrollTypes","SortOrder","payrollHistory","paginationProps","wireInRequestsData","useWireInRequestsListSuspense","wireInRequests","cancelPayroll","isCancelling","usePayrollsCancelMutation","PayrollHistoryPresentation","payrollId","startDate","endDate","componentEvents","item","id","result"],"mappings":"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"}

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

@@ -1,8 +1,8 @@
 import { jsxs as d, jsx as r } from "react/jsx-runtime";
-import { useTranslation as T } from "react-i18next";
-import { getPayrollTypeLabel as E, calculateTotalPayroll as H, canCancelPayroll as M } from "../helpers.js";
+import { useTranslation as M } from "react-i18next";
+import { getPayrollTypeLabel as E, calculateTotalPayroll as H, canCancelPayroll as U } from "../helpers.js";
 import { Flex as s } from "../../Common/Flex/Flex.js";
-import { EmptyData as U } from "../../Common/EmptyData/EmptyData.js";
+import { EmptyData as p } from "../../Common/EmptyData/EmptyData.js";
 import { HamburgerMenu as j } from "../../Common/HamburgerMenu/HamburgerMenu.js";
 import { DateRangeFilter as N } from "../../Common/DateRangeFilter/DateRangeFilter.js";
 import { useComponentContext as O } from "../../../contexts/ComponentAdapter/useComponentContext.js";
@@ -15,22 +15,22 @@ import B from "../../../assets/icons/icon-receipt-outline.svg.js";
 import { PayrollStatusBadges as I } from "../PayrollStatusBadges/PayrollStatusBadges.js";
 import { DataView as W } from "../../Common/DataView/DataView.js";
 const se = ({
-  payrollHistory: p,
-  wireInRequests: y,
-  pagination: u,
-  onViewSummary: D,
-  onViewReceipt: f,
-  onCancelPayroll: h,
+  payrollHistory: y,
+  wireInRequests: u,
+  pagination: D,
+  onViewSummary: f,
+  onViewReceipt: h,
+  onCancelPayroll: P,
   cancelDialogItem: a,
-  onCancelDialogOpen: P,
-  onCancelDialogClose: C,
+  onCancelDialogOpen: C,
+  onCancelDialogClose: S,
   isLoading: b = !1,
   dateRangeFilter: o
 }) => {
-  const { Heading: S, Text: c, Dialog: g } = O();
+  const { Heading: g, Text: c, Dialog: w } = O();
   Y("Payroll.PayrollHistory");
-  const { t } = T("Payroll.PayrollHistory"), l = Z(), F = (e) => {
-    const n = e.payrollDeadline;
+  const { t: e } = M("Payroll.PayrollHistory"), l = Z(), L = (t) => {
+    const n = t.payrollDeadline;
     if (!n) return "";
     const i = new Date(n), m = "America/New_York", A = new Intl.DateTimeFormat("en-US", {
       weekday: "short",
@@ -42,57 +42,56 @@ const se = ({
       minute: "2-digit",
       timeZoneName: "short",
       timeZone: m
-    }), k = A.format(i);
-    return `${v.format(i)} on ${k}`;
-  }, w = (e) => {
-    P(e);
-  }, L = () => {
-    a && h(a);
-  }, x = (e) => {
-    const n = e.payrollUuid || e.uuid, i = [
+    }), T = A.format(i);
+    return `${v.format(i)} on ${T}`;
+  }, x = (t) => {
+    C(t);
+  }, F = () => {
+    a && P(a);
+  }, k = (t) => {
+    const n = t.payrollUuid || t.uuid, i = [
       {
-        label: t("menu.viewSummary"),
+        label: e("menu.viewSummary"),
         icon: /* @__PURE__ */ r(q, { "aria-hidden": !0 }),
         onClick: () => {
-          D(n, e.payPeriod?.startDate, e.payPeriod?.endDate);
+          f(n, t.payPeriod?.startDate, t.payPeriod?.endDate);
         }
       },
       {
-        label: t("menu.viewReceipt"),
+        label: e("menu.viewReceipt"),
         icon: /* @__PURE__ */ r(B, { "aria-hidden": !0 }),
         onClick: () => {
-          f(n, e.payPeriod?.startDate, e.payPeriod?.endDate);
+          h(n, t.payPeriod?.startDate, t.payPeriod?.endDate);
         }
       }
     ];
-    return M(e) && i.push({
-      label: t("menu.cancelPayroll"),
+    return U(t) && i.push({
+      label: e("menu.cancelPayroll"),
       icon: /* @__PURE__ */ r($, { "aria-hidden": !0 }),
       onClick: () => {
-        w(e);
+        x(t);
       },
       "data-destructive": "true"
     }), i;
   };
   return /* @__PURE__ */ d(s, { flexDirection: "column", gap: 16, children: [
     /* @__PURE__ */ d(s, { justifyContent: "space-between", alignItems: "center", children: [
-      /* @__PURE__ */ r(S, { as: "h2", children: t("title") }),
+      /* @__PURE__ */ r(g, { as: "h2", children: e("title") }),
       /* @__PURE__ */ r(
         N,
         {
-          startDate: o.filterStartDate,
-          endDate: o.filterEndDate,
+          startDate: o.startDate,
+          endDate: o.endDate,
           onStartDateChange: o.handleStartDateChange,
           onEndDateChange: o.handleEndDateChange,
           onClear: o.handleClearFilter,
-          startDateLabel: t("dateFilter.startDate"),
-          endDateLabel: t("dateFilter.endDate"),
-          applyLabel: t("dateFilter.apply"),
-          cancelLabel: t("dateFilter.cancel"),
-          resetLabel: t("dateFilter.reset"),
-          selectDatesLabel: t("dateFilter.selectDates"),
-          triggerLabel: t("dateFilter.trigger"),
-          isFilterActive: o.isFilterActive,
+          startDateLabel: e("dateFilter.startDate"),
+          endDateLabel: e("dateFilter.endDate"),
+          applyLabel: e("dateFilter.apply"),
+          cancelLabel: e("dateFilter.cancel"),
+          resetLabel: e("dateFilter.reset"),
+          selectDatesLabel: e("dateFilter.selectDates"),
+          triggerLabel: e("dateFilter.trigger"),
           maxEndDate: o.getMaxEndDate(),
           minStartDate: o.getMinStartDate()
         }
@@ -101,63 +100,75 @@ const se = ({
     /* @__PURE__ */ r(
       W,
       {
-        label: t("dataView.label"),
-        pagination: u,
-        emptyState: () => /* @__PURE__ */ r(U, { title: t("emptyState.title"), description: t("emptyState.description") }),
+        label: e("dataView.label"),
+        pagination: D,
+        emptyState: () => o.isModified ? /* @__PURE__ */ r(
+          p,
+          {
+            title: e("emptyState.filtered.title"),
+            description: e("emptyState.filtered.description")
+          }
+        ) : /* @__PURE__ */ r(
+          p,
+          {
+            title: e("emptyState.default.title"),
+            description: e("emptyState.default.description")
+          }
+        ),
         columns: [
           {
-            title: t("columns.payPeriod"),
-            render: (e) => l.formatPayPeriodRange(
-              e.payPeriod?.startDate,
-              e.payPeriod?.endDate
+            title: e("columns.payPeriod"),
+            render: (t) => l.formatPayPeriodRange(
+              t.payPeriod?.startDate,
+              t.payPeriod?.endDate
             )
           },
           {
-            title: t("columns.type"),
-            render: (e) => E(e)
+            title: e("columns.type"),
+            render: (t) => E(t)
           },
           {
-            title: t("columns.payDate"),
-            render: (e) => l.formatShortWithYear(e.checkDate)
+            title: e("columns.payDate"),
+            render: (t) => l.formatShortWithYear(t.checkDate)
           },
           {
-            title: t("columns.status"),
-            render: (e) => {
-              const n = y.find(
-                (i) => i.paymentUuid === e.payrollUuid
+            title: e("columns.status"),
+            render: (t) => {
+              const n = u.find(
+                (i) => i.paymentUuid === t.payrollUuid
               );
-              return /* @__PURE__ */ r(I, { payroll: e, wireInRequest: n });
+              return /* @__PURE__ */ r(I, { payroll: t, wireInRequest: n });
             }
           },
           {
-            title: t("columns.totalPayroll"),
-            render: (e) => V(H(e))
+            title: e("columns.totalPayroll"),
+            render: (t) => V(H(t))
           }
         ],
-        data: p,
-        itemMenu: (e) => /* @__PURE__ */ r(j, { items: x(e) })
+        data: y,
+        itemMenu: (t) => /* @__PURE__ */ r(j, { items: k(t) })
       }
     ),
     /* @__PURE__ */ r(
-      g,
+      w,
       {
         isOpen: !!a,
-        onClose: C,
-        onPrimaryActionClick: L,
+        onClose: S,
+        onPrimaryActionClick: F,
         isDestructive: !0,
         isPrimaryActionLoading: b,
-        primaryActionLabel: t("cancelDialog.primaryAction"),
-        closeActionLabel: t("cancelDialog.secondaryAction"),
-        title: a ? t("cancelDialog.title", {
+        primaryActionLabel: e("cancelDialog.primaryAction"),
+        closeActionLabel: e("cancelDialog.secondaryAction"),
+        title: a ? e("cancelDialog.title", {
           payPeriod: l.formatPayPeriodRange(
             a.payPeriod?.startDate,
             a.payPeriod?.endDate
           )
         }) : "",
         children: a && /* @__PURE__ */ d(s, { flexDirection: "column", gap: 16, children: [
-          /* @__PURE__ */ r(c, { children: t("cancelDialog.body") }),
-          a.payrollDeadline && /* @__PURE__ */ r(c, { children: t("cancelDialog.deadline", {
-            deadline: F(a)
+          /* @__PURE__ */ r(c, { children: e("cancelDialog.body") }),
+          a.payrollDeadline && /* @__PURE__ */ r(c, { children: e("cancelDialog.deadline", {
+            deadline: L(a)
           }) })
         ] })
       }

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

@@ -1 +1 @@
-{"version":3,"file":"PayrollHistoryPresentation.js","sources":["../../../../src/components/Payroll/PayrollHistory/PayrollHistoryPresentation.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport type { Payroll } from '@gusto/embedded-api/models/components/payrollshow'\nimport type { WireInRequest } from '@gusto/embedded-api/models/components/wireinrequest'\nimport { PayrollStatusBadges } from '../PayrollStatusBadges'\nimport { getPayrollTypeLabel, calculateTotalPayroll, canCancelPayroll } from '../helpers'\nimport type { MenuItem } from '@/components/Common/UI/Menu/MenuTypes'\nimport { DataView, Flex, DateRangeFilter } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { HamburgerMenu } from '@/components/Common/HamburgerMenu'\nimport { formatNumberAsCurrency } from '@/helpers/formattedStrings'\nimport { useI18n } from '@/i18n'\nimport { useDateFormatter } from '@/hooks/useDateFormatter'\nimport type { PaginationControlProps } from '@/components/Common/PaginationControl/PaginationControlTypes'\nimport type { UseDateRangeFilterResult } from '@/hooks/useDateRangeFilter/useDateRangeFilter'\nimport TrashcanIcon from '@/assets/icons/trashcan.svg?react'\nimport FileIcon from '@/assets/icons/icon-file-outline.svg?react'\nimport ReceiptIcon from '@/assets/icons/icon-receipt-outline.svg?react'\nimport { EmptyData } from '@/components/Common/'\n\ninterface PayrollHistoryPresentationProps {\n  payrollHistory: Payroll[]\n  wireInRequests: WireInRequest[]\n  pagination: PaginationControlProps\n  onViewSummary: (payrollId: string, startDate?: string, endDate?: string) => void\n  onViewReceipt: (payrollId: string, startDate?: string, endDate?: string) => void\n  onCancelPayroll: (item: Payroll) => void\n  cancelDialogItem: Payroll | null\n  onCancelDialogOpen: (item: Payroll) => void\n  onCancelDialogClose: () => void\n  isLoading?: boolean\n  dateRangeFilter: UseDateRangeFilterResult\n}\n\n/** @internal */\nexport const PayrollHistoryPresentation = ({\n  payrollHistory,\n  wireInRequests,\n  pagination,\n  onViewSummary,\n  onViewReceipt,\n  onCancelPayroll,\n  cancelDialogItem,\n  onCancelDialogOpen,\n  onCancelDialogClose,\n  isLoading = false,\n  dateRangeFilter,\n}: PayrollHistoryPresentationProps) => {\n  const { Heading, Text, Dialog } = useComponentContext()\n  useI18n('Payroll.PayrollHistory')\n  const { t } = useTranslation('Payroll.PayrollHistory')\n  const dateFormatter = useDateFormatter()\n\n  const formatDeadlineForDialog = (item: Payroll): string => {\n    const deadline = item.payrollDeadline\n    if (!deadline) return ''\n\n    const deadlineDate = new Date(deadline)\n    const timeZone = 'America/New_York'\n\n    const formatter = new Intl.DateTimeFormat('en-US', {\n      weekday: 'short',\n      month: 'short',\n      day: 'numeric',\n      timeZone,\n    })\n\n    const timeFormatter = new Intl.DateTimeFormat('en-US', {\n      hour: 'numeric',\n      minute: '2-digit',\n      timeZoneName: 'short',\n      timeZone,\n    })\n\n    const dateStr = formatter.format(deadlineDate)\n    const timeStr = timeFormatter.format(deadlineDate)\n\n    return `${timeStr} on ${dateStr}`\n  }\n\n  const handleCancelClick = (item: Payroll) => {\n    onCancelDialogOpen(item)\n  }\n\n  const handleConfirmCancel = () => {\n    if (cancelDialogItem) {\n      onCancelPayroll(cancelDialogItem)\n    }\n  }\n\n  const getMenuItems = (item: Payroll): MenuItem[] => {\n    const payrollId = item.payrollUuid || item.uuid!\n    const items: MenuItem[] = [\n      {\n        label: t('menu.viewSummary'),\n        icon: <FileIcon aria-hidden />,\n        onClick: () => {\n          onViewSummary(payrollId, item.payPeriod?.startDate, item.payPeriod?.endDate)\n        },\n      },\n      {\n        label: t('menu.viewReceipt'),\n        icon: <ReceiptIcon aria-hidden />,\n        onClick: () => {\n          onViewReceipt(payrollId, item.payPeriod?.startDate, item.payPeriod?.endDate)\n        },\n      },\n    ]\n\n    if (canCancelPayroll(item)) {\n      items.push({\n        label: t('menu.cancelPayroll'),\n        icon: <TrashcanIcon aria-hidden />,\n        onClick: () => {\n          handleCancelClick(item)\n        },\n        'data-destructive': 'true',\n      })\n    }\n\n    return items\n  }\n\n  return (\n    <Flex flexDirection=\"column\" gap={16}>\n      <Flex justifyContent=\"space-between\" alignItems=\"center\">\n        <Heading as=\"h2\">{t('title')}</Heading>\n        <DateRangeFilter\n          startDate={dateRangeFilter.filterStartDate}\n          endDate={dateRangeFilter.filterEndDate}\n          onStartDateChange={dateRangeFilter.handleStartDateChange}\n          onEndDateChange={dateRangeFilter.handleEndDateChange}\n          onClear={dateRangeFilter.handleClearFilter}\n          startDateLabel={t('dateFilter.startDate')}\n          endDateLabel={t('dateFilter.endDate')}\n          applyLabel={t('dateFilter.apply')}\n          cancelLabel={t('dateFilter.cancel')}\n          resetLabel={t('dateFilter.reset')}\n          selectDatesLabel={t('dateFilter.selectDates')}\n          triggerLabel={t('dateFilter.trigger')}\n          isFilterActive={dateRangeFilter.isFilterActive}\n          maxEndDate={dateRangeFilter.getMaxEndDate()}\n          minStartDate={dateRangeFilter.getMinStartDate()}\n        />\n      </Flex>\n\n      <DataView\n        label={t('dataView.label')}\n        pagination={pagination}\n        emptyState={() => (\n          <EmptyData title={t('emptyState.title')} description={t('emptyState.description')} />\n        )}\n        columns={[\n          {\n            title: t('columns.payPeriod'),\n            render: (item: Payroll) =>\n              dateFormatter.formatPayPeriodRange(\n                item.payPeriod?.startDate,\n                item.payPeriod?.endDate,\n              ),\n          },\n          {\n            title: t('columns.type'),\n            render: (item: Payroll) => getPayrollTypeLabel(item),\n          },\n          {\n            title: t('columns.payDate'),\n            render: (item: Payroll) => dateFormatter.formatShortWithYear(item.checkDate),\n          },\n          {\n            title: t('columns.status'),\n            render: (item: Payroll) => {\n              const wireInRequest = wireInRequests.find(\n                wire => wire.paymentUuid === item.payrollUuid,\n              )\n              return <PayrollStatusBadges payroll={item} wireInRequest={wireInRequest} />\n            },\n          },\n          {\n            title: t('columns.totalPayroll'),\n            render: (item: Payroll) => formatNumberAsCurrency(calculateTotalPayroll(item)),\n          },\n        ]}\n        data={payrollHistory}\n        itemMenu={(item: Payroll) => <HamburgerMenu items={getMenuItems(item)} />}\n      />\n\n      <Dialog\n        isOpen={!!cancelDialogItem}\n        onClose={onCancelDialogClose}\n        onPrimaryActionClick={handleConfirmCancel}\n        isDestructive\n        isPrimaryActionLoading={isLoading}\n        primaryActionLabel={t('cancelDialog.primaryAction')}\n        closeActionLabel={t('cancelDialog.secondaryAction')}\n        title={\n          cancelDialogItem\n            ? t('cancelDialog.title', {\n                payPeriod: dateFormatter.formatPayPeriodRange(\n                  cancelDialogItem.payPeriod?.startDate,\n                  cancelDialogItem.payPeriod?.endDate,\n                ),\n              })\n            : ''\n        }\n      >\n        {cancelDialogItem && (\n          <Flex flexDirection=\"column\" gap={16}>\n            <Text>{t('cancelDialog.body')}</Text>\n            {cancelDialogItem.payrollDeadline && (\n              <Text>\n                {t('cancelDialog.deadline', {\n                  deadline: formatDeadlineForDialog(cancelDialogItem),\n                })}\n              </Text>\n            )}\n          </Flex>\n        )}\n      </Dialog>\n    </Flex>\n  )\n}\n"],"names":["PayrollHistoryPresentation","payrollHistory","wireInRequests","pagination","onViewSummary","onViewReceipt","onCancelPayroll","cancelDialogItem","onCancelDialogOpen","onCancelDialogClose","isLoading","dateRangeFilter","Heading","Text","Dialog","useComponentContext","useI18n","useTranslation","dateFormatter","useDateFormatter","formatDeadlineForDialog","item","deadline","deadlineDate","timeZone","formatter","timeFormatter","dateStr","handleCancelClick","handleConfirmCancel","getMenuItems","payrollId","items","jsx","FileIcon","ReceiptIcon","canCancelPayroll","TrashcanIcon","jsxs","Flex","DateRangeFilter","DataView","EmptyData","getPayrollTypeLabel","wireInRequest","wire","PayrollStatusBadges","formatNumberAsCurrency","calculateTotalPayroll","HamburgerMenu"],"mappings":";;;;;;;;;;;;;;;;AAkCO,MAAMA,KAA6B,CAAC;AAAA,EACzC,gBAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,YAAAC;AAAA,EACA,eAAAC;AAAA,EACA,eAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,oBAAAC;AAAA,EACA,qBAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,iBAAAC;AACF,MAAuC;AACrC,QAAM,EAAE,SAAAC,GAAS,MAAAC,GAAM,QAAAC,EAAA,IAAWC,EAAA;AAClC,EAAAC,EAAQ,wBAAwB;AAChC,QAAM,EAAE,EAAA,IAAMC,EAAe,wBAAwB,GAC/CC,IAAgBC,EAAA,GAEhBC,IAA0B,CAACC,MAA0B;AACzD,UAAMC,IAAWD,EAAK;AACtB,QAAI,CAACC,EAAU,QAAO;AAEtB,UAAMC,IAAe,IAAI,KAAKD,CAAQ,GAChCE,IAAW,oBAEXC,IAAY,IAAI,KAAK,eAAe,SAAS;AAAA,MACjD,SAAS;AAAA,MACT,OAAO;AAAA,MACP,KAAK;AAAA,MACL,UAAAD;AAAA,IAAA,CACD,GAEKE,IAAgB,IAAI,KAAK,eAAe,SAAS;AAAA,MACrD,MAAM;AAAA,MACN,QAAQ;AAAA,MACR,cAAc;AAAA,MACd,UAAAF;AAAA,IAAA,CACD,GAEKG,IAAUF,EAAU,OAAOF,CAAY;AAG7C,WAAO,GAFSG,EAAc,OAAOH,CAAY,CAEhC,OAAOI,CAAO;AAAA,EACjC,GAEMC,IAAoB,CAACP,MAAkB;AAC3C,IAAAb,EAAmBa,CAAI;AAAA,EACzB,GAEMQ,IAAsB,MAAM;AAChC,IAAItB,KACFD,EAAgBC,CAAgB;AAAA,EAEpC,GAEMuB,IAAe,CAACT,MAA8B;AAClD,UAAMU,IAAYV,EAAK,eAAeA,EAAK,MACrCW,IAAoB;AAAA,MACxB;AAAA,QACE,OAAO,EAAE,kBAAkB;AAAA,QAC3B,MAAM,gBAAAC,EAACC,GAAA,EAAS,eAAW,GAAA,CAAC;AAAA,QAC5B,SAAS,MAAM;AACb,UAAA9B,EAAc2B,GAAWV,EAAK,WAAW,WAAWA,EAAK,WAAW,OAAO;AAAA,QAC7E;AAAA,MAAA;AAAA,MAEF;AAAA,QACE,OAAO,EAAE,kBAAkB;AAAA,QAC3B,MAAM,gBAAAY,EAACE,GAAA,EAAY,eAAW,GAAA,CAAC;AAAA,QAC/B,SAAS,MAAM;AACb,UAAA9B,EAAc0B,GAAWV,EAAK,WAAW,WAAWA,EAAK,WAAW,OAAO;AAAA,QAC7E;AAAA,MAAA;AAAA,IACF;AAGF,WAAIe,EAAiBf,CAAI,KACvBW,EAAM,KAAK;AAAA,MACT,OAAO,EAAE,oBAAoB;AAAA,MAC7B,MAAM,gBAAAC,EAACI,GAAA,EAAa,eAAW,GAAA,CAAC;AAAA,MAChC,SAAS,MAAM;AACb,QAAAT,EAAkBP,CAAI;AAAA,MACxB;AAAA,MACA,oBAAoB;AAAA,IAAA,CACrB,GAGIW;AAAA,EACT;AAEA,SACE,gBAAAM,EAACC,GAAA,EAAK,eAAc,UAAS,KAAK,IAChC,UAAA;AAAA,IAAA,gBAAAD,EAACC,GAAA,EAAK,gBAAe,iBAAgB,YAAW,UAC9C,UAAA;AAAA,MAAA,gBAAAN,EAACrB,GAAA,EAAQ,IAAG,MAAM,UAAA,EAAE,OAAO,GAAE;AAAA,MAC7B,gBAAAqB;AAAA,QAACO;AAAA,QAAA;AAAA,UACC,WAAW7B,EAAgB;AAAA,UAC3B,SAASA,EAAgB;AAAA,UACzB,mBAAmBA,EAAgB;AAAA,UACnC,iBAAiBA,EAAgB;AAAA,UACjC,SAASA,EAAgB;AAAA,UACzB,gBAAgB,EAAE,sBAAsB;AAAA,UACxC,cAAc,EAAE,oBAAoB;AAAA,UACpC,YAAY,EAAE,kBAAkB;AAAA,UAChC,aAAa,EAAE,mBAAmB;AAAA,UAClC,YAAY,EAAE,kBAAkB;AAAA,UAChC,kBAAkB,EAAE,wBAAwB;AAAA,UAC5C,cAAc,EAAE,oBAAoB;AAAA,UACpC,gBAAgBA,EAAgB;AAAA,UAChC,YAAYA,EAAgB,cAAA;AAAA,UAC5B,cAAcA,EAAgB,gBAAA;AAAA,QAAgB;AAAA,MAAA;AAAA,IAChD,GACF;AAAA,IAEA,gBAAAsB;AAAA,MAACQ;AAAA,MAAA;AAAA,QACC,OAAO,EAAE,gBAAgB;AAAA,QACzB,YAAAtC;AAAA,QACA,YAAY,MACV,gBAAA8B,EAACS,GAAA,EAAU,OAAO,EAAE,kBAAkB,GAAG,aAAa,EAAE,wBAAwB,EAAA,CAAG;AAAA,QAErF,SAAS;AAAA,UACP;AAAA,YACE,OAAO,EAAE,mBAAmB;AAAA,YAC5B,QAAQ,CAACrB,MACPH,EAAc;AAAA,cACZG,EAAK,WAAW;AAAA,cAChBA,EAAK,WAAW;AAAA,YAAA;AAAA,UAClB;AAAA,UAEJ;AAAA,YACE,OAAO,EAAE,cAAc;AAAA,YACvB,QAAQ,CAACA,MAAkBsB,EAAoBtB,CAAI;AAAA,UAAA;AAAA,UAErD;AAAA,YACE,OAAO,EAAE,iBAAiB;AAAA,YAC1B,QAAQ,CAACA,MAAkBH,EAAc,oBAAoBG,EAAK,SAAS;AAAA,UAAA;AAAA,UAE7E;AAAA,YACE,OAAO,EAAE,gBAAgB;AAAA,YACzB,QAAQ,CAACA,MAAkB;AACzB,oBAAMuB,IAAgB1C,EAAe;AAAA,gBACnC,CAAA2C,MAAQA,EAAK,gBAAgBxB,EAAK;AAAA,cAAA;AAEpC,qBAAO,gBAAAY,EAACa,GAAA,EAAoB,SAASzB,GAAM,eAAAuB,EAAA,CAA8B;AAAA,YAC3E;AAAA,UAAA;AAAA,UAEF;AAAA,YACE,OAAO,EAAE,sBAAsB;AAAA,YAC/B,QAAQ,CAACvB,MAAkB0B,EAAuBC,EAAsB3B,CAAI,CAAC;AAAA,UAAA;AAAA,QAC/E;AAAA,QAEF,MAAMpB;AAAA,QACN,UAAU,CAACoB,MAAkB,gBAAAY,EAACgB,KAAc,OAAOnB,EAAaT,CAAI,EAAA,CAAG;AAAA,MAAA;AAAA,IAAA;AAAA,IAGzE,gBAAAY;AAAA,MAACnB;AAAA,MAAA;AAAA,QACC,QAAQ,CAAC,CAACP;AAAA,QACV,SAASE;AAAA,QACT,sBAAsBoB;AAAA,QACtB,eAAa;AAAA,QACb,wBAAwBnB;AAAA,QACxB,oBAAoB,EAAE,4BAA4B;AAAA,QAClD,kBAAkB,EAAE,8BAA8B;AAAA,QAClD,OACEH,IACI,EAAE,sBAAsB;AAAA,UACtB,WAAWW,EAAc;AAAA,YACvBX,EAAiB,WAAW;AAAA,YAC5BA,EAAiB,WAAW;AAAA,UAAA;AAAA,QAC9B,CACD,IACD;AAAA,QAGL,eACC,gBAAA+B,EAACC,GAAA,EAAK,eAAc,UAAS,KAAK,IAChC,UAAA;AAAA,UAAA,gBAAAN,EAACpB,GAAA,EAAM,UAAA,EAAE,mBAAmB,EAAA,CAAE;AAAA,UAC7BN,EAAiB,mBAChB,gBAAA0B,EAACpB,GAAA,EACE,YAAE,yBAAyB;AAAA,YAC1B,UAAUO,EAAwBb,CAAgB;AAAA,UAAA,CACnD,EAAA,CACH;AAAA,QAAA,EAAA,CAEJ;AAAA,MAAA;AAAA,IAAA;AAAA,EAEJ,GACF;AAEJ;"}
+{"version":3,"file":"PayrollHistoryPresentation.js","sources":["../../../../src/components/Payroll/PayrollHistory/PayrollHistoryPresentation.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport type { Payroll } from '@gusto/embedded-api/models/components/payrollshow'\nimport type { WireInRequest } from '@gusto/embedded-api/models/components/wireinrequest'\nimport { PayrollStatusBadges } from '../PayrollStatusBadges'\nimport { getPayrollTypeLabel, calculateTotalPayroll, canCancelPayroll } from '../helpers'\nimport type { MenuItem } from '@/components/Common/UI/Menu/MenuTypes'\nimport { DataView, Flex, DateRangeFilter } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { HamburgerMenu } from '@/components/Common/HamburgerMenu'\nimport { formatNumberAsCurrency } from '@/helpers/formattedStrings'\nimport { useI18n } from '@/i18n'\nimport { useDateFormatter } from '@/hooks/useDateFormatter'\nimport type { PaginationControlProps } from '@/components/Common/PaginationControl/PaginationControlTypes'\nimport type { UseDateRangeFilterResult } from '@/hooks/useDateRangeFilter/useDateRangeFilter'\nimport TrashcanIcon from '@/assets/icons/trashcan.svg?react'\nimport FileIcon from '@/assets/icons/icon-file-outline.svg?react'\nimport ReceiptIcon from '@/assets/icons/icon-receipt-outline.svg?react'\nimport { EmptyData } from '@/components/Common/'\n\ninterface PayrollHistoryPresentationProps {\n  payrollHistory: Payroll[]\n  wireInRequests: WireInRequest[]\n  pagination: PaginationControlProps\n  onViewSummary: (payrollId: string, startDate?: string, endDate?: string) => void\n  onViewReceipt: (payrollId: string, startDate?: string, endDate?: string) => void\n  onCancelPayroll: (item: Payroll) => void\n  cancelDialogItem: Payroll | null\n  onCancelDialogOpen: (item: Payroll) => void\n  onCancelDialogClose: () => void\n  isLoading?: boolean\n  dateRangeFilter: UseDateRangeFilterResult\n}\n\n/** @internal */\nexport const PayrollHistoryPresentation = ({\n  payrollHistory,\n  wireInRequests,\n  pagination,\n  onViewSummary,\n  onViewReceipt,\n  onCancelPayroll,\n  cancelDialogItem,\n  onCancelDialogOpen,\n  onCancelDialogClose,\n  isLoading = false,\n  dateRangeFilter,\n}: PayrollHistoryPresentationProps) => {\n  const { Heading, Text, Dialog } = useComponentContext()\n  useI18n('Payroll.PayrollHistory')\n  const { t } = useTranslation('Payroll.PayrollHistory')\n  const dateFormatter = useDateFormatter()\n\n  const formatDeadlineForDialog = (item: Payroll): string => {\n    const deadline = item.payrollDeadline\n    if (!deadline) return ''\n\n    const deadlineDate = new Date(deadline)\n    const timeZone = 'America/New_York'\n\n    const formatter = new Intl.DateTimeFormat('en-US', {\n      weekday: 'short',\n      month: 'short',\n      day: 'numeric',\n      timeZone,\n    })\n\n    const timeFormatter = new Intl.DateTimeFormat('en-US', {\n      hour: 'numeric',\n      minute: '2-digit',\n      timeZoneName: 'short',\n      timeZone,\n    })\n\n    const dateStr = formatter.format(deadlineDate)\n    const timeStr = timeFormatter.format(deadlineDate)\n\n    return `${timeStr} on ${dateStr}`\n  }\n\n  const handleCancelClick = (item: Payroll) => {\n    onCancelDialogOpen(item)\n  }\n\n  const handleConfirmCancel = () => {\n    if (cancelDialogItem) {\n      onCancelPayroll(cancelDialogItem)\n    }\n  }\n\n  const getMenuItems = (item: Payroll): MenuItem[] => {\n    const payrollId = item.payrollUuid || item.uuid!\n    const items: MenuItem[] = [\n      {\n        label: t('menu.viewSummary'),\n        icon: <FileIcon aria-hidden />,\n        onClick: () => {\n          onViewSummary(payrollId, item.payPeriod?.startDate, item.payPeriod?.endDate)\n        },\n      },\n      {\n        label: t('menu.viewReceipt'),\n        icon: <ReceiptIcon aria-hidden />,\n        onClick: () => {\n          onViewReceipt(payrollId, item.payPeriod?.startDate, item.payPeriod?.endDate)\n        },\n      },\n    ]\n\n    if (canCancelPayroll(item)) {\n      items.push({\n        label: t('menu.cancelPayroll'),\n        icon: <TrashcanIcon aria-hidden />,\n        onClick: () => {\n          handleCancelClick(item)\n        },\n        'data-destructive': 'true',\n      })\n    }\n\n    return items\n  }\n\n  return (\n    <Flex flexDirection=\"column\" gap={16}>\n      <Flex justifyContent=\"space-between\" alignItems=\"center\">\n        <Heading as=\"h2\">{t('title')}</Heading>\n        <DateRangeFilter\n          startDate={dateRangeFilter.startDate}\n          endDate={dateRangeFilter.endDate}\n          onStartDateChange={dateRangeFilter.handleStartDateChange}\n          onEndDateChange={dateRangeFilter.handleEndDateChange}\n          onClear={dateRangeFilter.handleClearFilter}\n          startDateLabel={t('dateFilter.startDate')}\n          endDateLabel={t('dateFilter.endDate')}\n          applyLabel={t('dateFilter.apply')}\n          cancelLabel={t('dateFilter.cancel')}\n          resetLabel={t('dateFilter.reset')}\n          selectDatesLabel={t('dateFilter.selectDates')}\n          triggerLabel={t('dateFilter.trigger')}\n          maxEndDate={dateRangeFilter.getMaxEndDate()}\n          minStartDate={dateRangeFilter.getMinStartDate()}\n        />\n      </Flex>\n\n      <DataView\n        label={t('dataView.label')}\n        pagination={pagination}\n        emptyState={() =>\n          dateRangeFilter.isModified ? (\n            <EmptyData\n              title={t('emptyState.filtered.title')}\n              description={t('emptyState.filtered.description')}\n            />\n          ) : (\n            <EmptyData\n              title={t('emptyState.default.title')}\n              description={t('emptyState.default.description')}\n            />\n          )\n        }\n        columns={[\n          {\n            title: t('columns.payPeriod'),\n            render: (item: Payroll) =>\n              dateFormatter.formatPayPeriodRange(\n                item.payPeriod?.startDate,\n                item.payPeriod?.endDate,\n              ),\n          },\n          {\n            title: t('columns.type'),\n            render: (item: Payroll) => getPayrollTypeLabel(item),\n          },\n          {\n            title: t('columns.payDate'),\n            render: (item: Payroll) => dateFormatter.formatShortWithYear(item.checkDate),\n          },\n          {\n            title: t('columns.status'),\n            render: (item: Payroll) => {\n              const wireInRequest = wireInRequests.find(\n                wire => wire.paymentUuid === item.payrollUuid,\n              )\n              return <PayrollStatusBadges payroll={item} wireInRequest={wireInRequest} />\n            },\n          },\n          {\n            title: t('columns.totalPayroll'),\n            render: (item: Payroll) => formatNumberAsCurrency(calculateTotalPayroll(item)),\n          },\n        ]}\n        data={payrollHistory}\n        itemMenu={(item: Payroll) => <HamburgerMenu items={getMenuItems(item)} />}\n      />\n\n      <Dialog\n        isOpen={!!cancelDialogItem}\n        onClose={onCancelDialogClose}\n        onPrimaryActionClick={handleConfirmCancel}\n        isDestructive\n        isPrimaryActionLoading={isLoading}\n        primaryActionLabel={t('cancelDialog.primaryAction')}\n        closeActionLabel={t('cancelDialog.secondaryAction')}\n        title={\n          cancelDialogItem\n            ? t('cancelDialog.title', {\n                payPeriod: dateFormatter.formatPayPeriodRange(\n                  cancelDialogItem.payPeriod?.startDate,\n                  cancelDialogItem.payPeriod?.endDate,\n                ),\n              })\n            : ''\n        }\n      >\n        {cancelDialogItem && (\n          <Flex flexDirection=\"column\" gap={16}>\n            <Text>{t('cancelDialog.body')}</Text>\n            {cancelDialogItem.payrollDeadline && (\n              <Text>\n                {t('cancelDialog.deadline', {\n                  deadline: formatDeadlineForDialog(cancelDialogItem),\n                })}\n              </Text>\n            )}\n          </Flex>\n        )}\n      </Dialog>\n    </Flex>\n  )\n}\n"],"names":["PayrollHistoryPresentation","payrollHistory","wireInRequests","pagination","onViewSummary","onViewReceipt","onCancelPayroll","cancelDialogItem","onCancelDialogOpen","onCancelDialogClose","isLoading","dateRangeFilter","Heading","Text","Dialog","useComponentContext","useI18n","t","useTranslation","dateFormatter","useDateFormatter","formatDeadlineForDialog","item","deadline","deadlineDate","timeZone","formatter","timeFormatter","dateStr","handleCancelClick","handleConfirmCancel","getMenuItems","payrollId","items","jsx","FileIcon","ReceiptIcon","canCancelPayroll","TrashcanIcon","jsxs","Flex","DateRangeFilter","DataView","EmptyData","getPayrollTypeLabel","wireInRequest","wire","PayrollStatusBadges","formatNumberAsCurrency","calculateTotalPayroll","HamburgerMenu"],"mappings":"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"}

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

@@ -16,22 +16,24 @@ import { useBase as Z } 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 Ce(t) {
-  return /* @__PURE__ */ i(X, { ...t, children: /* @__PURE__ */ i(se, { ...t }) });
+function Ee(t) {
+  return /* @__PURE__ */ i(X, { ...t, children: /* @__PURE__ */ i(oe, { ...t }) });
 }
-const ee = 3, te = () => {
+const ee = 3, te = () => /* @__PURE__ */ new Date(), se = () => {
   const t = /* @__PURE__ */ new Date();
-  return t.setMonth(t.getMonth() + ee), t.toISOString().split("T")[0];
-}, se = ({ companyId: t, onEvent: o }) => {
+  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(() => {
       y();
     }, [y])
-  }), S = d.getApiDateParams(), { data: f } = H({
+  }), f = d.getApiDateParams(), { data: S } = H({
     companyId: t,
     processingStatuses: [V.Unprocessed],
-    startDate: S.startDate,
-    endDate: S.endDate ?? te(),
+    startDate: f.startDate,
+    endDate: f.endDate,
     payrollTypes: [
       n.Regular,
       n.OffCycle,
@@ -40,23 +42,23 @@ const ee = 3, te = () => {
     includeOffCycle: !0,
     page: k,
     per: A
-  }), D = f.payrollList, T = w(f.httpMeta.response.headers), { data: E } = G({
+  }), D = S.payrollList, E = w(S.httpMeta.response.headers), { data: T } = G({
     companyId: t
-  }), _ = E.payScheduleShowResponse, { data: F } = W({
+  }), _ = T.payScheduleShowResponse, { data: q } = W({
     companyUuid: t
-  }), q = (F.payrollBlockers ?? []).map(
+  }), F = (q.payrollBlockers ?? []).map(
     (e) => ({
       key: e.key ?? "unknown",
       message: e.message
     })
-  ), { data: I } = j({
+  ), { data: U } = j({
     companyUuid: t
-  }), U = I.wireInRequestList ?? [], { hasUnprocessedTransitions: B } = z(t), { mutateAsync: M } = K(), { mutateAsync: b } = Q();
+  }), B = U.wireInRequestList ?? [], { hasUnprocessedTransitions: I } = z(t), { mutateAsync: M } = K(), { mutateAsync: b } = Q();
   return /* @__PURE__ */ i(
     J,
     {
       payrolls: D,
-      pagination: T,
+      pagination: E,
       paySchedules: _,
       onRunPayroll: ({ payrollUuid: e, payPeriod: s }) => {
         o(a.RUN_PAYROLL_SELECTED, { payrollUuid: e, payPeriod: s });
@@ -107,14 +109,14 @@ const ee = 3, te = () => {
       },
       skippingPayrollId: h,
       deletingPayrollId: C,
-      blockers: q,
-      wireInRequests: U,
+      blockers: F,
+      wireInRequests: B,
       dateRangeFilter: d,
-      hasUnprocessedTransitions: B
+      hasUnprocessedTransitions: I
     }
   );
 };
 export {
-  Ce as PayrollList
+  Ee as PayrollList
 };
 //# sourceMappingURL=PayrollList.js.map