@gusto/embedded-react-sdk 0.24.1 → 0.25.0

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

@@ -1,5 +1,5 @@
-import { jsx as r } from "react/jsx-runtime";
-import { useState as m, useMemo as S } from "react";
+import { jsx as c } from "react/jsx-runtime";
+import { useState as u, useMemo as S } from "react";
 import { usePayrollsListSuspense as f } from "@gusto/embedded-api/react-query/payrollsList";
 import { usePayrollsCancelMutation as I } from "@gusto/embedded-api/react-query/payrollsCancel";
 import { useWireInRequestsListSuspense as L } from "@gusto/embedded-api/react-query/wireInRequestsList";
@@ -7,10 +7,10 @@ import { ProcessingStatuses as M } from "@gusto/embedded-api/models/operations/g
 import { PayrollHistoryPresentation as V } from "./PayrollHistoryPresentation.js";
 import { BaseComponent as _ } from "../../Base/Base.js";
 import { useBase as E } from "../../Base/useBase.js";
-import { componentEvents as l } from "../../../shared/constants.js";
+import { componentEvents as i } from "../../../shared/constants.js";
 import { useComponentDictionary as F, useI18n as A } from "../../../i18n/I18n.js";
 function K(e) {
-  return /* @__PURE__ */ r(_, { ...e, children: /* @__PURE__ */ r(O, { ...e, children: e.children }) });
+  return /* @__PURE__ */ c(_, { ...e, children: /* @__PURE__ */ c(O, { ...e, children: e.children }) });
 }
 const H = (e) => {
   const t = /* @__PURE__ */ new Date(), o = /* @__PURE__ */ new Date();
@@ -31,50 +31,50 @@ const H = (e) => {
   };
 }, O = ({ onEvent: e, companyId: t, dictionary: o }) => {
   F("Payroll.PayrollHistory", o), A("Payroll.PayrollHistory");
-  const [n, u] = m("3months"), [y, s] = m(null), { baseSubmitHandler: p } = E(), i = S(() => H(n), [n]), { data: d } = f({
+  const [l, y] = u("3months"), [p, r] = u(null), { baseSubmitHandler: d } = E(), m = S(() => H(l), [l]), { data: D } = f({
     companyId: t,
     processingStatuses: [M.Processed],
-    startDate: i.startDate,
-    endDate: i.endDate,
+    startDate: m.startDate,
+    endDate: m.endDate,
     include: ["totals"]
-  }), { data: D } = L({
+  }), { data: P } = L({
     companyUuid: t
-  }), P = D.wireInRequestList ?? [], { mutateAsync: g, isPending: h } = I(), R = d.payrollList || [];
-  return /* @__PURE__ */ r(
+  }), g = P.wireInRequestList ?? [], { mutateAsync: h, isPending: R } = I(), w = D.payrollList || [];
+  return /* @__PURE__ */ c(
     V,
     {
-      payrollHistory: R,
-      wireInRequests: P,
-      selectedTimeFilter: n,
-      onTimeFilterChange: u,
-      onViewSummary: (a) => {
-        e(l.RUN_PAYROLL_SUMMARY_VIEWED, { payrollId: a });
+      payrollHistory: w,
+      wireInRequests: g,
+      selectedTimeFilter: l,
+      onTimeFilterChange: y,
+      onViewSummary: (a, s, n) => {
+        e(i.RUN_PAYROLL_SUMMARY_VIEWED, { payrollId: a, startDate: s, endDate: n });
       },
-      onViewReceipt: (a) => {
-        e(l.RUN_PAYROLL_RECEIPT_VIEWED, { payrollId: a });
+      onViewReceipt: (a, s, n) => {
+        e(i.RUN_PAYROLL_RECEIPT_VIEWED, { payrollId: a, startDate: s, endDate: n });
       },
       onCancelPayroll: async (a) => {
-        const w = a.payrollUuid || a.uuid;
+        const s = a.payrollUuid || a.uuid;
         try {
-          await p(w, async (c) => {
-            const C = await g({
+          await d(s, async (n) => {
+            const C = await h({
               request: {
                 companyId: t,
-                payrollId: c
+                payrollId: n
               }
             });
-            e(l.RUN_PAYROLL_CANCELLED, { payrollId: c, result: C });
+            e(i.RUN_PAYROLL_CANCELLED, { payrollId: n, result: C });
           });
         } finally {
-          s(null);
+          r(null);
         }
       },
-      cancelDialogItem: y,
-      onCancelDialogOpen: s,
+      cancelDialogItem: p,
+      onCancelDialogOpen: r,
       onCancelDialogClose: () => {
-        s(null);
+        r(null);
       },
-      isLoading: h
+      isLoading: R
     }
   );
 };

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, useMemo } 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 { ProcessingStatuses } from '@gusto/embedded-api/models/operations/getv1companiescompanyidpayrolls'\nimport type { Payroll } from '@gusto/embedded-api/models/components/payroll'\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'\n\nexport type TimeFilterOption = '3months' | '6months' | 'year'\n\nexport interface PayrollHistoryProps extends BaseComponentInterface<'Payroll.PayrollHistory'> {\n  companyId: string\n}\n\nexport function PayrollHistory(props: PayrollHistoryProps) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props}>{props.children}</Root>\n    </BaseComponent>\n  )\n}\n\nconst getDateRangeForFilter = (\n  filter: TimeFilterOption,\n): { startDate: string; endDate: string } => {\n  const now = new Date()\n  const startDate = new Date()\n\n  switch (filter) {\n    case '3months':\n      startDate.setMonth(now.getMonth() - 3)\n      break\n    case '6months':\n      startDate.setMonth(now.getMonth() - 6)\n      break\n    case 'year':\n      startDate.setFullYear(now.getFullYear() - 1)\n      break\n  }\n\n  return {\n    startDate: startDate.toISOString().split('T')[0] || '',\n    endDate: now.toISOString().split('T')[0] || '',\n  }\n}\n\nexport const Root = ({ onEvent, companyId, dictionary }: PayrollHistoryProps) => {\n  useComponentDictionary('Payroll.PayrollHistory', dictionary)\n  useI18n('Payroll.PayrollHistory')\n\n  const [selectedTimeFilter, setSelectedTimeFilter] = useState<TimeFilterOption>('3months')\n  const [cancelDialogItem, setCancelDialogItem] = useState<Payroll | null>(null)\n  const { baseSubmitHandler } = useBase()\n\n  const dateRange = useMemo(() => getDateRangeForFilter(selectedTimeFilter), [selectedTimeFilter])\n\n  const { data: payrollsData } = usePayrollsListSuspense({\n    companyId,\n    processingStatuses: [ProcessingStatuses.Processed],\n    startDate: dateRange.startDate,\n    endDate: dateRange.endDate,\n    include: ['totals'],\n  })\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 payrollHistory = payrollsData.payrollList || []\n\n  const handleViewSummary = (payrollId: string) => {\n    onEvent(componentEvents.RUN_PAYROLL_SUMMARY_VIEWED, { payrollId })\n  }\n\n  const handleViewReceipt = (payrollId: string) => {\n    onEvent(componentEvents.RUN_PAYROLL_RECEIPT_VIEWED, { payrollId })\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      selectedTimeFilter={selectedTimeFilter}\n      onTimeFilterChange={setSelectedTimeFilter}\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    />\n  )\n}\n"],"names":["PayrollHistory","props","jsx","BaseComponent","Root","getDateRangeForFilter","filter","now","startDate","onEvent","companyId","dictionary","useComponentDictionary","useI18n","selectedTimeFilter","setSelectedTimeFilter","useState","cancelDialogItem","setCancelDialogItem","baseSubmitHandler","useBase","dateRange","useMemo","payrollsData","usePayrollsListSuspense","ProcessingStatuses","wireInRequestsData","useWireInRequestsListSuspense","wireInRequests","cancelPayroll","isCancelling","usePayrollsCancelMutation","payrollHistory","PayrollHistoryPresentation","payrollId","componentEvents","item","id","result"],"mappings":";;;;;;;;;;;AAmBO,SAASA,EAAeC,GAA4B;AACzD,SACE,gBAAAC,EAACC,GAAA,EAAe,GAAGF,GACjB,UAAA,gBAAAC,EAACE,KAAM,GAAGH,GAAQ,UAAAA,EAAM,SAAA,CAAS,EAAA,CACnC;AAEJ;AAEA,MAAMI,IAAwB,CAC5BC,MAC2C;AAC3C,QAAMC,wBAAU,KAAA,GACVC,wBAAgB,KAAA;AAEtB,UAAQF,GAAA;AAAA,IACN,KAAK;AACH,MAAAE,EAAU,SAASD,EAAI,SAAA,IAAa,CAAC;AACrC;AAAA,IACF,KAAK;AACH,MAAAC,EAAU,SAASD,EAAI,SAAA,IAAa,CAAC;AACrC;AAAA,IACF,KAAK;AACH,MAAAC,EAAU,YAAYD,EAAI,YAAA,IAAgB,CAAC;AAC3C;AAAA,EAAA;AAGJ,SAAO;AAAA,IACL,WAAWC,EAAU,YAAA,EAAc,MAAM,GAAG,EAAE,CAAC,KAAK;AAAA,IACpD,SAASD,EAAI,YAAA,EAAc,MAAM,GAAG,EAAE,CAAC,KAAK;AAAA,EAAA;AAEhD,GAEaH,IAAO,CAAC,EAAE,SAAAK,GAAS,WAAAC,GAAW,YAAAC,QAAsC;AAC/E,EAAAC,EAAuB,0BAA0BD,CAAU,GAC3DE,EAAQ,wBAAwB;AAEhC,QAAM,CAACC,GAAoBC,CAAqB,IAAIC,EAA2B,SAAS,GAClF,CAACC,GAAkBC,CAAmB,IAAIF,EAAyB,IAAI,GACvE,EAAE,mBAAAG,EAAA,IAAsBC,EAAA,GAExBC,IAAYC,EAAQ,MAAMjB,EAAsBS,CAAkB,GAAG,CAACA,CAAkB,CAAC,GAEzF,EAAE,MAAMS,EAAA,IAAiBC,EAAwB;AAAA,IACrD,WAAAd;AAAA,IACA,oBAAoB,CAACe,EAAmB,SAAS;AAAA,IACjD,WAAWJ,EAAU;AAAA,IACrB,SAASA,EAAU;AAAA,IACnB,SAAS,CAAC,QAAQ;AAAA,EAAA,CACnB,GAEK,EAAE,MAAMK,EAAA,IAAuBC,EAA8B;AAAA,IACjE,aAAajB;AAAA,EAAA,CACd,GAEKkB,IAAiBF,EAAmB,qBAAqB,CAAA,GAEzD,EAAE,aAAaG,GAAe,WAAWC,EAAA,IAAiBC,EAAA,GAE1DC,IAAiBT,EAAa,eAAe,CAAA;AA4BnD,SACE,gBAAArB;AAAA,IAAC+B;AAAA,IAAA;AAAA,MACC,gBAAAD;AAAA,MACA,gBAAAJ;AAAA,MACA,oBAAAd;AAAA,MACA,oBAAoBC;AAAA,MACpB,eAhCsB,CAACmB,MAAsB;AAC/C,QAAAzB,EAAQ0B,EAAgB,4BAA4B,EAAE,WAAAD,EAAA,CAAW;AAAA,MACnE;AAAA,MA+BI,eA7BsB,CAACA,MAAsB;AAC/C,QAAAzB,EAAQ0B,EAAgB,4BAA4B,EAAE,WAAAD,EAAA,CAAW;AAAA,MACnE;AAAA,MA4BI,iBA1BwB,OAAOE,MAAkB;AACnD,cAAMF,IAAYE,EAAK,eAAeA,EAAK;AAC3C,YAAI;AACF,gBAAMjB,EAAkBe,GAAW,OAAMG,MAAM;AAC7C,kBAAMC,IAAS,MAAMT,EAAc;AAAA,cACjC,SAAS;AAAA,gBACP,WAAAnB;AAAA,gBACA,WAAW2B;AAAA,cAAA;AAAA,YACb,CACD;AAED,YAAA5B,EAAQ0B,EAAgB,uBAAuB,EAAE,WAAWE,GAAI,QAAAC,GAAQ;AAAA,UAC1E,CAAC;AAAA,QACH,UAAA;AACE,UAAApB,EAAoB,IAAI;AAAA,QAC1B;AAAA,MACF;AAAA,MAWI,kBAAAD;AAAA,MACA,oBAAoBC;AAAA,MACpB,qBAAqB,MAAM;AACzB,QAAAA,EAAoB,IAAI;AAAA,MAC1B;AAAA,MACA,WAAWY;AAAA,IAAA;AAAA,EAAA;AAGjB;"}
+{"version":3,"file":"PayrollHistory.js","sources":["../../../../src/components/Payroll/PayrollHistory/PayrollHistory.tsx"],"sourcesContent":["import { useState, useMemo } 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 { ProcessingStatuses } from '@gusto/embedded-api/models/operations/getv1companiescompanyidpayrolls'\nimport type { Payroll } from '@gusto/embedded-api/models/components/payroll'\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'\n\nexport type TimeFilterOption = '3months' | '6months' | 'year'\n\nexport interface PayrollHistoryProps extends BaseComponentInterface<'Payroll.PayrollHistory'> {\n  companyId: string\n}\n\nexport function PayrollHistory(props: PayrollHistoryProps) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props}>{props.children}</Root>\n    </BaseComponent>\n  )\n}\n\nconst getDateRangeForFilter = (\n  filter: TimeFilterOption,\n): { startDate: string; endDate: string } => {\n  const now = new Date()\n  const startDate = new Date()\n\n  switch (filter) {\n    case '3months':\n      startDate.setMonth(now.getMonth() - 3)\n      break\n    case '6months':\n      startDate.setMonth(now.getMonth() - 6)\n      break\n    case 'year':\n      startDate.setFullYear(now.getFullYear() - 1)\n      break\n  }\n\n  return {\n    startDate: startDate.toISOString().split('T')[0] || '',\n    endDate: now.toISOString().split('T')[0] || '',\n  }\n}\n\nexport const Root = ({ onEvent, companyId, dictionary }: PayrollHistoryProps) => {\n  useComponentDictionary('Payroll.PayrollHistory', dictionary)\n  useI18n('Payroll.PayrollHistory')\n\n  const [selectedTimeFilter, setSelectedTimeFilter] = useState<TimeFilterOption>('3months')\n  const [cancelDialogItem, setCancelDialogItem] = useState<Payroll | null>(null)\n  const { baseSubmitHandler } = useBase()\n\n  const dateRange = useMemo(() => getDateRangeForFilter(selectedTimeFilter), [selectedTimeFilter])\n\n  const { data: payrollsData } = usePayrollsListSuspense({\n    companyId,\n    processingStatuses: [ProcessingStatuses.Processed],\n    startDate: dateRange.startDate,\n    endDate: dateRange.endDate,\n    include: ['totals'],\n  })\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 payrollHistory = payrollsData.payrollList || []\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      selectedTimeFilter={selectedTimeFilter}\n      onTimeFilterChange={setSelectedTimeFilter}\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    />\n  )\n}\n"],"names":["PayrollHistory","props","jsx","BaseComponent","Root","getDateRangeForFilter","filter","now","startDate","onEvent","companyId","dictionary","useComponentDictionary","useI18n","selectedTimeFilter","setSelectedTimeFilter","useState","cancelDialogItem","setCancelDialogItem","baseSubmitHandler","useBase","dateRange","useMemo","payrollsData","usePayrollsListSuspense","ProcessingStatuses","wireInRequestsData","useWireInRequestsListSuspense","wireInRequests","cancelPayroll","isCancelling","usePayrollsCancelMutation","payrollHistory","PayrollHistoryPresentation","payrollId","endDate","componentEvents","item","id","result"],"mappings":"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"}

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

@@ -6,8 +6,8 @@ interface PayrollHistoryPresentationProps {
     wireInRequests: WireInRequest[];
     selectedTimeFilter: TimeFilterOption;
     onTimeFilterChange: (value: TimeFilterOption) => void;
-    onViewSummary: (payrollId: string) => void;
-    onViewReceipt: (payrollId: string) => void;
+    onViewSummary: (payrollId: string, startDate?: string, endDate?: string) => void;
+    onViewReceipt: (payrollId: string, startDate?: string, endDate?: string) => void;
     onCancelPayroll: (item: Payroll) => void;
     cancelDialogItem: Payroll | null;
     onCancelDialogOpen: (item: Payroll) => void;

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

@@ -1,123 +1,105 @@
-import { jsxs as d, jsx as r } from "react/jsx-runtime";
+import { jsxs as s, jsx as r } from "react/jsx-runtime";
 import { useTranslation as U } from "react-i18next";
-import { getPayrollType as I, calculateTotalPayroll as L } from "../helpers.js";
+import { getPayrollType as L, calculateTotalPayroll as N, canCancelPayroll as O } from "../helpers.js";
 import j from "./PayrollHistoryPresentation.module.scss.js";
-import { Flex as c } from "../../Common/Flex/Flex.js";
+import { Flex as l } from "../../Common/Flex/Flex.js";
 import "classnames";
-import { HamburgerMenu as V } from "../../Common/HamburgerMenu/HamburgerMenu.js";
-import { useComponentContext as Y } from "../../../contexts/ComponentAdapter/useComponentContext.js";
+import "../../../shared/constants.js";
+import { HamburgerMenu as M } from "../../Common/HamburgerMenu/HamburgerMenu.js";
+import { useComponentContext as V } from "../../../contexts/ComponentAdapter/useComponentContext.js";
 import { formatNumberAsCurrency as q } from "../../../helpers/formattedStrings.js";
-import { useI18n as Z } from "../../../i18n/I18n.js";
-import { useDateFormatter as $ } from "../../../hooks/useDateFormatter.js";
-import B from "../../../assets/icons/trashcan.svg.js";
-import W from "../../../assets/icons/icon-file-outline.svg.js";
-import _ from "../../../assets/icons/icon-receipt-outline.svg.js";
-import { PayrollStatusBadges as z } from "../PayrollStatusBadges/PayrollStatusBadges.js";
-import { DataView as E } from "../../Common/DataView/DataView.js";
+import { useI18n as I } from "../../../i18n/I18n.js";
+import { useDateFormatter as Y } from "../../../hooks/useDateFormatter.js";
+import Z from "../../../assets/icons/trashcan.svg.js";
+import $ from "../../../assets/icons/icon-file-outline.svg.js";
+import B from "../../../assets/icons/icon-receipt-outline.svg.js";
+import { PayrollStatusBadges as W } from "../PayrollStatusBadges/PayrollStatusBadges.js";
+import { DataView as _ } from "../../Common/DataView/DataView.js";
 const de = ({
-  payrollHistory: y,
-  wireInRequests: g,
-  selectedTimeFilter: P,
-  onTimeFilterChange: S,
-  onViewSummary: w,
-  onViewReceipt: b,
-  onCancelPayroll: C,
-  cancelDialogItem: a,
-  onCancelDialogOpen: F,
-  onCancelDialogClose: T,
-  isLoading: v = !1
+  payrollHistory: c,
+  wireInRequests: p,
+  selectedTimeFilter: y,
+  onTimeFilterChange: h,
+  onViewSummary: f,
+  onViewReceipt: P,
+  onCancelPayroll: D,
+  cancelDialogItem: o,
+  onCancelDialogOpen: g,
+  onCancelDialogClose: b,
+  isLoading: C = !1
 }) => {
-  const { Heading: f, Text: l, Select: x, Dialog: k } = Y();
-  Z("Payroll.PayrollHistory");
-  const { t } = U("Payroll.PayrollHistory"), u = $(), A = [
+  const { Heading: d, Text: i, Select: F, Dialog: S } = V();
+  I("Payroll.PayrollHistory");
+  const { t } = U("Payroll.PayrollHistory"), m = Y(), w = [
     { value: "3months", label: t("timeFilter.options.3months") },
     { value: "6months", label: t("timeFilter.options.6months") },
     { value: "year", label: t("timeFilter.options.year") }
-  ], H = (e) => {
-    if (e.payrollStatusMeta?.cancellable === !1)
-      return !1;
-    if (e.processed && e.payrollDeadline) {
-      const o = /* @__PURE__ */ new Date(), n = new Date(e.payrollDeadline), i = h(o), s = new Date(o.getTime() + i * 60 * 60 * 1e3), m = new Date(
-        n.getTime() + h(n) * 60 * 60 * 1e3
-      );
-      if (s.toDateString() === m.toDateString()) {
-        const p = new Date(m);
-        if (p.setHours(15, 30, 0, 0), s > p)
-          return !1;
-      }
-    }
-    return !0;
-  }, h = (e) => {
-    const o = e.getFullYear(), n = new Date(o, 2, 1);
-    n.setDate(1 + (7 - n.getDay()) + 7);
-    const i = new Date(o, 10, 1);
-    return i.setDate(1 + (7 - i.getDay()) % 7), e >= n && e < i ? -7 : -8;
-  }, O = (e) => {
-    const o = e.payrollDeadline;
-    if (!o) return "";
-    const n = new Date(o), i = "America/New_York", s = new Intl.DateTimeFormat("en-US", {
+  ], v = (e) => {
+    const n = e.payrollDeadline;
+    if (!n) return "";
+    const a = new Date(n), u = "America/New_York", T = new Intl.DateTimeFormat("en-US", {
       weekday: "short",
       month: "short",
       day: "numeric",
-      timeZone: i
-    }), m = new Intl.DateTimeFormat("en-US", {
+      timeZone: u
+    }), R = new Intl.DateTimeFormat("en-US", {
       hour: "numeric",
       minute: "2-digit",
       timeZoneName: "short",
-      timeZone: i
-    }), D = s.format(n);
-    return `${m.format(n)} on ${D}`;
-  }, R = (e) => {
-    F(e);
-  }, M = () => {
-    a && C(a);
-  }, N = (e) => {
-    const o = e.payrollUuid || e.uuid, n = [
+      timeZone: u
+    }), H = T.format(a);
+    return `${R.format(a)} on ${H}`;
+  }, x = (e) => {
+    g(e);
+  }, k = () => {
+    o && D(o);
+  }, A = (e) => {
+    const n = e.payrollUuid || e.uuid, a = [
       {
         label: t("menu.viewSummary"),
-        icon: /* @__PURE__ */ r(W, { "aria-hidden": !0 }),
+        icon: /* @__PURE__ */ r($, { "aria-hidden": !0 }),
         onClick: () => {
-          w(o);
+          f(n, e.payPeriod?.startDate, e.payPeriod?.endDate);
         }
       },
       {
         label: t("menu.viewReceipt"),
-        icon: /* @__PURE__ */ r(_, { "aria-hidden": !0 }),
+        icon: /* @__PURE__ */ r(B, { "aria-hidden": !0 }),
         onClick: () => {
-          b(o);
+          P(n, e.payPeriod?.startDate, e.payPeriod?.endDate);
         }
       }
     ];
-    return H(e) && n.push({
+    return O(e) && a.push({
       label: t("menu.cancelPayroll"),
-      icon: /* @__PURE__ */ r(B, { "aria-hidden": !0 }),
+      icon: /* @__PURE__ */ r(Z, { "aria-hidden": !0 }),
       onClick: () => {
-        R(e);
+        x(e);
       },
       "data-destructive": "true"
-    }), n;
+    }), a;
   };
-  return y.length === 0 ? /* @__PURE__ */ d(c, { flexDirection: "column", alignItems: "center", gap: 24, children: [
-    /* @__PURE__ */ r(f, { as: "h3", children: t("emptyState.title") }),
-    /* @__PURE__ */ r(l, { children: t("emptyState.description") })
-  ] }) : /* @__PURE__ */ d(c, { flexDirection: "column", gap: 16, children: [
-    /* @__PURE__ */ d(
-      c,
+  return c.length === 0 ? /* @__PURE__ */ s(l, { flexDirection: "column", alignItems: "center", gap: 24, children: [
+    /* @__PURE__ */ r(d, { as: "h3", children: t("emptyState.title") }),
+    /* @__PURE__ */ r(i, { children: t("emptyState.description") })
+  ] }) : /* @__PURE__ */ s(l, { flexDirection: "column", gap: 16, children: [
+    /* @__PURE__ */ s(
+      l,
       {
         flexDirection: { base: "column", medium: "row" },
         justifyContent: "space-between",
         alignItems: "flex-start",
         gap: { base: 12, medium: 24 },
         children: [
-          /* @__PURE__ */ r(c, { children: /* @__PURE__ */ r(f, { as: "h2", children: t("title") }) }),
+          /* @__PURE__ */ r(l, { children: /* @__PURE__ */ r(d, { as: "h2", children: t("title") }) }),
           /* @__PURE__ */ r("div", { className: j.timeFilterContainer, children: /* @__PURE__ */ r(
-            x,
+            F,
             {
-              value: P,
+              value: y,
               onChange: (e) => {
-                S(e);
+                h(e);
               },
-              options: A,
+              options: w,
               label: t("timeFilter.placeholder"),
               shouldVisuallyHideLabel: !0,
               isRequired: !0
@@ -127,63 +109,63 @@ const de = ({
       }
     ),
     /* @__PURE__ */ r(
-      E,
+      _,
       {
         label: t("dataView.label"),
         columns: [
           {
             title: t("columns.payPeriod"),
-            render: (e) => /* @__PURE__ */ r(l, { children: u.formatPayPeriodRange(
+            render: (e) => /* @__PURE__ */ r(i, { children: m.formatPayPeriodRange(
               e.payPeriod?.startDate,
               e.payPeriod?.endDate
             ) })
           },
           {
             title: t("columns.type"),
-            render: (e) => /* @__PURE__ */ r(l, { children: I(e) })
+            render: (e) => /* @__PURE__ */ r(i, { children: L(e) })
           },
           {
             title: t("columns.payDate"),
-            render: (e) => /* @__PURE__ */ r(l, { children: u.formatShortWithYear(e.checkDate) })
+            render: (e) => /* @__PURE__ */ r(i, { children: m.formatShortWithYear(e.checkDate) })
           },
           {
             title: t("columns.status"),
             render: (e) => {
-              const o = g.find(
-                (n) => n.paymentUuid === e.payrollUuid
+              const n = p.find(
+                (a) => a.paymentUuid === e.payrollUuid
               );
-              return /* @__PURE__ */ r(z, { payroll: e, wireInRequest: o });
+              return /* @__PURE__ */ r(W, { payroll: e, wireInRequest: n });
             }
           },
           {
             title: t("columns.totalPayroll"),
-            render: (e) => /* @__PURE__ */ r(l, { weight: "semibold", children: q(L(e)) })
+            render: (e) => /* @__PURE__ */ r(i, { weight: "semibold", children: q(N(e)) })
           }
         ],
-        data: y,
-        itemMenu: (e) => /* @__PURE__ */ r(V, { items: N(e) })
+        data: c,
+        itemMenu: (e) => /* @__PURE__ */ r(M, { items: A(e) })
       }
     ),
     /* @__PURE__ */ r(
-      k,
+      S,
       {
-        isOpen: !!a,
-        onClose: T,
-        onPrimaryActionClick: M,
+        isOpen: !!o,
+        onClose: b,
+        onPrimaryActionClick: k,
         isDestructive: !0,
-        isPrimaryActionLoading: v,
+        isPrimaryActionLoading: C,
         primaryActionLabel: t("cancelDialog.primaryAction"),
         closeActionLabel: t("cancelDialog.secondaryAction"),
-        title: a ? t("cancelDialog.title", {
-          payPeriod: u.formatPayPeriodRange(
-            a.payPeriod?.startDate,
-            a.payPeriod?.endDate
+        title: o ? t("cancelDialog.title", {
+          payPeriod: m.formatPayPeriodRange(
+            o.payPeriod?.startDate,
+            o.payPeriod?.endDate
           )
         }) : "",
-        children: a && /* @__PURE__ */ d(c, { flexDirection: "column", gap: 16, children: [
-          /* @__PURE__ */ r(l, { children: t("cancelDialog.body") }),
-          a.payrollDeadline && /* @__PURE__ */ r(l, { children: t("cancelDialog.deadline", {
-            deadline: O(a)
+        children: o && /* @__PURE__ */ s(l, { flexDirection: "column", gap: 16, children: [
+          /* @__PURE__ */ r(i, { children: t("cancelDialog.body") }),
+          o.payrollDeadline && /* @__PURE__ */ r(i, { children: t("cancelDialog.deadline", {
+            deadline: v(o)
           }) })
         ] })
       }

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/payroll'\nimport type { WireInRequest } from '@gusto/embedded-api/models/components/wireinrequest'\nimport { PayrollStatusBadges } from '../PayrollStatusBadges'\nimport { getPayrollType, calculateTotalPayroll } from '../helpers'\nimport type { TimeFilterOption } from './PayrollHistory'\nimport styles from './PayrollHistoryPresentation.module.scss'\nimport type { MenuItem } from '@/components/Common/UI/Menu/MenuTypes'\nimport { DataView, Flex } 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 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'\n\ninterface PayrollHistoryPresentationProps {\n  payrollHistory: Payroll[]\n  wireInRequests: WireInRequest[]\n  selectedTimeFilter: TimeFilterOption\n  onTimeFilterChange: (value: TimeFilterOption) => void\n  onViewSummary: (payrollId: string) => void\n  onViewReceipt: (payrollId: string) => void\n  onCancelPayroll: (item: Payroll) => void\n  cancelDialogItem: Payroll | null\n  onCancelDialogOpen: (item: Payroll) => void\n  onCancelDialogClose: () => void\n  isLoading?: boolean\n}\n\nexport const PayrollHistoryPresentation = ({\n  payrollHistory,\n  wireInRequests,\n  selectedTimeFilter,\n  onTimeFilterChange,\n  onViewSummary,\n  onViewReceipt,\n  onCancelPayroll,\n  cancelDialogItem,\n  onCancelDialogOpen,\n  onCancelDialogClose,\n  isLoading = false,\n}: PayrollHistoryPresentationProps) => {\n  const { Heading, Text, Select, Dialog } = useComponentContext()\n  useI18n('Payroll.PayrollHistory')\n  const { t } = useTranslation('Payroll.PayrollHistory')\n  const dateFormatter = useDateFormatter()\n\n  const timeFilterOptions = [\n    { value: '3months', label: t('timeFilter.options.3months') },\n    { value: '6months', label: t('timeFilter.options.6months') },\n    { value: 'year', label: t('timeFilter.options.year') },\n  ]\n\n  const canCancelPayroll = (item: Payroll) => {\n    if (item.payrollStatusMeta?.cancellable === false) {\n      return false\n    }\n\n    if (item.processed && item.payrollDeadline) {\n      const now = new Date()\n      const deadline = new Date(item.payrollDeadline)\n\n      const ptOffset = getPacificTimeOffset(now)\n      const nowInPT = new Date(now.getTime() + ptOffset * 60 * 60 * 1000)\n      const deadlineInPT = new Date(\n        deadline.getTime() + getPacificTimeOffset(deadline) * 60 * 60 * 1000,\n      )\n\n      const isSameDay = nowInPT.toDateString() === deadlineInPT.toDateString()\n      if (isSameDay) {\n        const cutoffTime = new Date(deadlineInPT)\n        cutoffTime.setHours(15, 30, 0, 0)\n\n        if (nowInPT > cutoffTime) {\n          return false\n        }\n      }\n    }\n\n    return true\n  }\n\n  const getPacificTimeOffset = (date: Date): number => {\n    const year = date.getFullYear()\n\n    const secondSundayMarch = new Date(year, 2, 1)\n    secondSundayMarch.setDate(1 + (7 - secondSundayMarch.getDay()) + 7)\n\n    const firstSundayNovember = new Date(year, 10, 1)\n    firstSundayNovember.setDate(1 + ((7 - firstSundayNovember.getDay()) % 7))\n\n    const isDST = date >= secondSundayMarch && date < firstSundayNovember\n    return isDST ? -7 : -8\n  }\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)\n        },\n      },\n      {\n        label: t('menu.viewReceipt'),\n        icon: <ReceiptIcon aria-hidden />,\n        onClick: () => {\n          onViewReceipt(payrollId)\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  if (payrollHistory.length === 0) {\n    return (\n      <Flex flexDirection=\"column\" alignItems=\"center\" gap={24}>\n        <Heading as=\"h3\">{t('emptyState.title')}</Heading>\n        <Text>{t('emptyState.description')}</Text>\n      </Flex>\n    )\n  }\n\n  return (\n    <Flex flexDirection=\"column\" gap={16}>\n      <Flex\n        flexDirection={{ base: 'column', medium: 'row' }}\n        justifyContent=\"space-between\"\n        alignItems=\"flex-start\"\n        gap={{ base: 12, medium: 24 }}\n      >\n        <Flex>\n          <Heading as=\"h2\">{t('title')}</Heading>\n        </Flex>\n        <div className={styles.timeFilterContainer}>\n          <Select\n            value={selectedTimeFilter}\n            onChange={(value: string) => {\n              onTimeFilterChange(value as TimeFilterOption)\n            }}\n            options={timeFilterOptions}\n            label={t('timeFilter.placeholder')}\n            shouldVisuallyHideLabel\n            isRequired\n          />\n        </div>\n      </Flex>\n\n      <DataView\n        label={t('dataView.label')}\n        columns={[\n          {\n            title: t('columns.payPeriod'),\n            render: (item: Payroll) => (\n              <Text>\n                {dateFormatter.formatPayPeriodRange(\n                  item.payPeriod?.startDate,\n                  item.payPeriod?.endDate,\n                )}\n              </Text>\n            ),\n          },\n          {\n            title: t('columns.type'),\n            render: (item: Payroll) => <Text>{getPayrollType(item)}</Text>,\n          },\n          {\n            title: t('columns.payDate'),\n            render: (item: Payroll) => (\n              <Text>{dateFormatter.formatShortWithYear(item.checkDate)}</Text>\n            ),\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) => (\n              <Text weight=\"semibold\">{formatNumberAsCurrency(calculateTotalPayroll(item))}</Text>\n            ),\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","selectedTimeFilter","onTimeFilterChange","onViewSummary","onViewReceipt","onCancelPayroll","cancelDialogItem","onCancelDialogOpen","onCancelDialogClose","isLoading","Heading","Text","Select","Dialog","useComponentContext","useI18n","useTranslation","dateFormatter","useDateFormatter","timeFilterOptions","canCancelPayroll","item","now","deadline","ptOffset","getPacificTimeOffset","nowInPT","deadlineInPT","cutoffTime","date","year","secondSundayMarch","firstSundayNovember","formatDeadlineForDialog","deadlineDate","timeZone","formatter","timeFormatter","dateStr","handleCancelClick","handleConfirmCancel","getMenuItems","payrollId","items","jsx","FileIcon","ReceiptIcon","TrashcanIcon","Flex","jsxs","styles","value","DataView","getPayrollType","wireInRequest","wire","PayrollStatusBadges","formatNumberAsCurrency","calculateTotalPayroll","HamburgerMenu"],"mappings":"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"}
+{"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/payroll'\nimport type { WireInRequest } from '@gusto/embedded-api/models/components/wireinrequest'\nimport { PayrollStatusBadges } from '../PayrollStatusBadges'\nimport { getPayrollType, calculateTotalPayroll, canCancelPayroll } from '../helpers'\nimport type { TimeFilterOption } from './PayrollHistory'\nimport styles from './PayrollHistoryPresentation.module.scss'\nimport type { MenuItem } from '@/components/Common/UI/Menu/MenuTypes'\nimport { DataView, Flex } 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 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'\n\ninterface PayrollHistoryPresentationProps {\n  payrollHistory: Payroll[]\n  wireInRequests: WireInRequest[]\n  selectedTimeFilter: TimeFilterOption\n  onTimeFilterChange: (value: TimeFilterOption) => void\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}\n\nexport const PayrollHistoryPresentation = ({\n  payrollHistory,\n  wireInRequests,\n  selectedTimeFilter,\n  onTimeFilterChange,\n  onViewSummary,\n  onViewReceipt,\n  onCancelPayroll,\n  cancelDialogItem,\n  onCancelDialogOpen,\n  onCancelDialogClose,\n  isLoading = false,\n}: PayrollHistoryPresentationProps) => {\n  const { Heading, Text, Select, Dialog } = useComponentContext()\n  useI18n('Payroll.PayrollHistory')\n  const { t } = useTranslation('Payroll.PayrollHistory')\n  const dateFormatter = useDateFormatter()\n\n  const timeFilterOptions = [\n    { value: '3months', label: t('timeFilter.options.3months') },\n    { value: '6months', label: t('timeFilter.options.6months') },\n    { value: 'year', label: t('timeFilter.options.year') },\n  ]\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  if (payrollHistory.length === 0) {\n    return (\n      <Flex flexDirection=\"column\" alignItems=\"center\" gap={24}>\n        <Heading as=\"h3\">{t('emptyState.title')}</Heading>\n        <Text>{t('emptyState.description')}</Text>\n      </Flex>\n    )\n  }\n\n  return (\n    <Flex flexDirection=\"column\" gap={16}>\n      <Flex\n        flexDirection={{ base: 'column', medium: 'row' }}\n        justifyContent=\"space-between\"\n        alignItems=\"flex-start\"\n        gap={{ base: 12, medium: 24 }}\n      >\n        <Flex>\n          <Heading as=\"h2\">{t('title')}</Heading>\n        </Flex>\n        <div className={styles.timeFilterContainer}>\n          <Select\n            value={selectedTimeFilter}\n            onChange={(value: string) => {\n              onTimeFilterChange(value as TimeFilterOption)\n            }}\n            options={timeFilterOptions}\n            label={t('timeFilter.placeholder')}\n            shouldVisuallyHideLabel\n            isRequired\n          />\n        </div>\n      </Flex>\n\n      <DataView\n        label={t('dataView.label')}\n        columns={[\n          {\n            title: t('columns.payPeriod'),\n            render: (item: Payroll) => (\n              <Text>\n                {dateFormatter.formatPayPeriodRange(\n                  item.payPeriod?.startDate,\n                  item.payPeriod?.endDate,\n                )}\n              </Text>\n            ),\n          },\n          {\n            title: t('columns.type'),\n            render: (item: Payroll) => <Text>{getPayrollType(item)}</Text>,\n          },\n          {\n            title: t('columns.payDate'),\n            render: (item: Payroll) => (\n              <Text>{dateFormatter.formatShortWithYear(item.checkDate)}</Text>\n            ),\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) => (\n              <Text weight=\"semibold\">{formatNumberAsCurrency(calculateTotalPayroll(item))}</Text>\n            ),\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","selectedTimeFilter","onTimeFilterChange","onViewSummary","onViewReceipt","onCancelPayroll","cancelDialogItem","onCancelDialogOpen","onCancelDialogClose","isLoading","Heading","Text","Select","Dialog","useComponentContext","useI18n","useTranslation","dateFormatter","useDateFormatter","timeFilterOptions","formatDeadlineForDialog","item","deadline","deadlineDate","timeZone","formatter","timeFormatter","dateStr","handleCancelClick","handleConfirmCancel","getMenuItems","payrollId","items","jsx","FileIcon","ReceiptIcon","canCancelPayroll","TrashcanIcon","Flex","jsxs","styles","value","DataView","getPayrollType","wireInRequest","wire","PayrollStatusBadges","formatNumberAsCurrency","calculateTotalPayroll","HamburgerMenu"],"mappings":"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"}

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

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

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

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

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

@@ -14,6 +14,8 @@ export interface PayrollLandingFlowContextInterface extends FlowContextInterface
     selectedTab?: string;
     withReimbursements: boolean;
     ConfirmWireDetailsComponent?: ConfirmWireDetailsComponentType;
+    startDate?: string;
+    endDate?: string;
 }
 export declare function PayrollLandingTabsContextual(): import("react/jsx-runtime").JSX.Element;
 export declare function PayrollLandingReceiptsContextual(): import("react/jsx-runtime").JSX.Element;