@gusto/embedded-react-sdk 0.14.1 → 0.16.0

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

@@ -3,18 +3,18 @@ import { useState as p, useMemo as L } from "react";
 import { usePayrollsListSuspense as C } from "@gusto/embedded-api/react-query/payrollsList";
 import { usePayrollsCancelMutation as R } from "@gusto/embedded-api/react-query/payrollsCancel";
 import { ProcessingStatuses as w } from "@gusto/embedded-api/models/operations/getv1companiescompanyidpayrolls";
-import { getPayrollStatus as I, getPayrollType as F } from "../helpers.js";
-import { PayrollHistoryPresentation as T } from "./PayrollHistoryPresentation.js";
-import { BaseComponent as M } from "../../Base/Base.js";
-import { useBase as V } from "../../Base/useBase.js";
+import { calculateTotalPayroll as I, getPayrollStatus as T, getPayrollType as F } from "../helpers.js";
+import { PayrollHistoryPresentation as M } from "./PayrollHistoryPresentation.js";
+import { BaseComponent as V } from "../../Base/Base.js";
+import { useBase as _ } from "../../Base/useBase.js";
 import { componentEvents as u } from "../../../shared/constants.js";
-import { useComponentDictionary as _, useI18n as E } from "../../../i18n/I18n.js";
-import { useLocale as H } from "../../../contexts/LocaleProvider/useLocale.js";
+import { useComponentDictionary as E, useI18n as H } from "../../../i18n/I18n.js";
+import { useLocale as A } from "../../../contexts/LocaleProvider/useLocale.js";
 import { parseDateStringToLocal as y } from "../../../helpers/dateFormatting.js";
-function X(t) {
-  return /* @__PURE__ */ d(M, { ...t, children: /* @__PURE__ */ d(O, { ...t, children: t.children }) });
+function v(t) {
+  return /* @__PURE__ */ d(V, { ...t, children: /* @__PURE__ */ d(b, { ...t, children: t.children }) });
 }
-const b = (t) => {
+const O = (t) => {
   const e = /* @__PURE__ */ new Date(), o = /* @__PURE__ */ new Date();
   switch (t) {
     case "3months":
@@ -31,7 +31,7 @@ const b = (t) => {
     startDate: o.toISOString().split("T")[0] || "",
     endDate: e.toISOString().split("T")[0] || ""
   };
-}, A = (t, e) => {
+}, Y = (t, e) => {
   const o = (a, n) => {
     if (!a || !n) return "";
     const s = y(a), l = y(n);
@@ -59,20 +59,21 @@ const b = (t) => {
     payPeriod: o(t.payPeriod?.startDate, t.payPeriod?.endDate),
     type: F(t),
     payDate: i(t.checkDate),
-    status: I(t),
-    amount: t.totals?.netPay ? Number(t.totals.netPay) : void 0,
+    status: T(t),
+    amount: I(t),
     payroll: t
   };
-}, O = ({ onEvent: t, companyId: e, dictionary: o }) => {
-  _("Payroll.PayrollHistory", o), E("Payroll.PayrollHistory");
-  const [i, a] = p("3months"), [n, s] = p(null), { locale: l } = H(), { baseSubmitHandler: m } = V(), c = L(() => b(i), [i]), { data: D } = C({
+}, b = ({ onEvent: t, companyId: e, dictionary: o }) => {
+  E("Payroll.PayrollHistory", o), H("Payroll.PayrollHistory");
+  const [i, a] = p("3months"), [n, s] = p(null), { locale: l } = A(), { baseSubmitHandler: m } = _(), c = L(() => O(i), [i]), { data: D } = C({
     companyId: e,
     processingStatuses: [w.Processed],
     startDate: c.startDate,
-    endDate: c.endDate
-  }), { mutateAsync: g, isPending: h } = R(), f = D.payrollList?.map((r) => A(r, l)) || [];
+    endDate: c.endDate,
+    include: ["totals"]
+  }), { mutateAsync: g, isPending: h } = R(), f = D.payrollList?.map((r) => Y(r, l)) || [];
   return /* @__PURE__ */ d(
-    T,
+    M,
     {
       payrollHistory: f,
       selectedTimeFilter: i,
@@ -108,7 +109,7 @@ const b = (t) => {
   );
 };
 export {
-  X as PayrollHistory,
-  O as Root
+  v as PayrollHistory,
+  b as Root
 };
 //# 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, useMemo } from 'react'\nimport { usePayrollsListSuspense } from '@gusto/embedded-api/react-query/payrollsList'\nimport { usePayrollsCancelMutation } from '@gusto/embedded-api/react-query/payrollsCancel'\nimport { ProcessingStatuses } from '@gusto/embedded-api/models/operations/getv1companiescompanyidpayrolls'\nimport type { Payroll } from '@gusto/embedded-api/models/components/payroll'\nimport { getPayrollType, getPayrollStatus } from '../helpers'\nimport type { PayrollType } from '../PayrollList/types'\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 { useLocale } from '@/contexts/LocaleProvider/useLocale'\nimport { parseDateStringToLocal } from '@/helpers/dateFormatting'\n\nexport type PayrollHistoryStatus =\n  | 'Unprocessed'\n  | 'Submitted'\n  | 'Pending'\n  | 'Paid'\n  | 'Complete'\n  | 'In progress'\n\nexport type TimeFilterOption = '3months' | '6months' | 'year'\n\nexport interface PayrollHistoryItem {\n  id: string\n  payPeriod: string\n  type: PayrollType\n  payDate: string\n  status: PayrollHistoryStatus\n  amount?: number\n  payroll: Payroll\n}\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\nconst mapPayrollToHistoryItem = (payroll: Payroll, locale: string): PayrollHistoryItem => {\n  const formatPayPeriod = (startDate?: string, endDate?: string): string => {\n    if (!startDate || !endDate) return ''\n\n    const start = parseDateStringToLocal(startDate)\n    const end = parseDateStringToLocal(endDate)\n\n    if (!start || !end) return ''\n\n    const startFormatted = start.toLocaleDateString(locale, {\n      month: 'long',\n      day: 'numeric',\n    })\n\n    const endFormatted = end.toLocaleDateString(locale, {\n      month: 'long',\n      day: 'numeric',\n      year: 'numeric',\n    })\n\n    return `${startFormatted}–${endFormatted}`\n  }\n\n  const formatPayDate = (dateString?: string): string => {\n    if (!dateString) return ''\n\n    const date = parseDateStringToLocal(dateString)\n    if (!date) return ''\n\n    return date.toLocaleDateString(locale, {\n      month: 'short',\n      day: 'numeric',\n      year: 'numeric',\n    })\n  }\n\n  return {\n    id: payroll.payrollUuid || payroll.uuid!,\n    payPeriod: formatPayPeriod(payroll.payPeriod?.startDate, payroll.payPeriod?.endDate),\n    type: getPayrollType(payroll),\n    payDate: formatPayDate(payroll.checkDate),\n    status: getPayrollStatus(payroll),\n    amount: payroll.totals?.netPay ? Number(payroll.totals.netPay) : undefined,\n    payroll,\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<PayrollHistoryItem | null>(null)\n  const { locale } = useLocale()\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  })\n\n  const { mutateAsync: cancelPayroll, isPending: isCancelling } = usePayrollsCancelMutation()\n\n  const payrollHistory =\n    payrollsData.payrollList?.map(payroll => mapPayrollToHistoryItem(payroll, locale)) || []\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 (payrollId: string) => {\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      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","mapPayrollToHistoryItem","payroll","locale","formatPayPeriod","endDate","start","parseDateStringToLocal","end","startFormatted","endFormatted","formatPayDate","dateString","date","getPayrollType","getPayrollStatus","onEvent","companyId","dictionary","useComponentDictionary","useI18n","selectedTimeFilter","setSelectedTimeFilter","useState","cancelDialogItem","setCancelDialogItem","useLocale","baseSubmitHandler","useBase","dateRange","useMemo","payrollsData","usePayrollsListSuspense","ProcessingStatuses","cancelPayroll","isCancelling","usePayrollsCancelMutation","payrollHistory","PayrollHistoryPresentation","payrollId","componentEvents","id","result"],"mappings":"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"}
+{"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 { ProcessingStatuses } from '@gusto/embedded-api/models/operations/getv1companiescompanyidpayrolls'\nimport type { Payroll } from '@gusto/embedded-api/models/components/payroll'\nimport { getPayrollType, getPayrollStatus, calculateTotalPayroll } from '../helpers'\nimport type { PayrollType } from '../PayrollList/types'\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 { useLocale } from '@/contexts/LocaleProvider/useLocale'\nimport { parseDateStringToLocal } from '@/helpers/dateFormatting'\n\nexport type PayrollHistoryStatus =\n  | 'Unprocessed'\n  | 'Submitted'\n  | 'Pending'\n  | 'Paid'\n  | 'Complete'\n  | 'In progress'\n\nexport type TimeFilterOption = '3months' | '6months' | 'year'\n\nexport interface PayrollHistoryItem {\n  id: string\n  payPeriod: string\n  type: PayrollType\n  payDate: string\n  status: PayrollHistoryStatus\n  amount?: number\n  payroll: Payroll\n}\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\nconst mapPayrollToHistoryItem = (payroll: Payroll, locale: string): PayrollHistoryItem => {\n  const formatPayPeriod = (startDate?: string, endDate?: string): string => {\n    if (!startDate || !endDate) return ''\n\n    const start = parseDateStringToLocal(startDate)\n    const end = parseDateStringToLocal(endDate)\n\n    if (!start || !end) return ''\n\n    const startFormatted = start.toLocaleDateString(locale, {\n      month: 'long',\n      day: 'numeric',\n    })\n\n    const endFormatted = end.toLocaleDateString(locale, {\n      month: 'long',\n      day: 'numeric',\n      year: 'numeric',\n    })\n\n    return `${startFormatted}–${endFormatted}`\n  }\n\n  const formatPayDate = (dateString?: string): string => {\n    if (!dateString) return ''\n\n    const date = parseDateStringToLocal(dateString)\n    if (!date) return ''\n\n    return date.toLocaleDateString(locale, {\n      month: 'short',\n      day: 'numeric',\n      year: 'numeric',\n    })\n  }\n\n  return {\n    id: payroll.payrollUuid || payroll.uuid!,\n    payPeriod: formatPayPeriod(payroll.payPeriod?.startDate, payroll.payPeriod?.endDate),\n    type: getPayrollType(payroll),\n    payDate: formatPayDate(payroll.checkDate),\n    status: getPayrollStatus(payroll),\n    amount: calculateTotalPayroll(payroll),\n    payroll,\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<PayrollHistoryItem | null>(null)\n  const { locale } = useLocale()\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 { mutateAsync: cancelPayroll, isPending: isCancelling } = usePayrollsCancelMutation()\n\n  const payrollHistory =\n    payrollsData.payrollList?.map(payroll => mapPayrollToHistoryItem(payroll, locale)) || []\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 (payrollId: string) => {\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      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","mapPayrollToHistoryItem","payroll","locale","formatPayPeriod","endDate","start","parseDateStringToLocal","end","startFormatted","endFormatted","formatPayDate","dateString","date","getPayrollType","getPayrollStatus","calculateTotalPayroll","onEvent","companyId","dictionary","useComponentDictionary","useI18n","selectedTimeFilter","setSelectedTimeFilter","useState","cancelDialogItem","setCancelDialogItem","useLocale","baseSubmitHandler","useBase","dateRange","useMemo","payrollsData","usePayrollsListSuspense","ProcessingStatuses","cancelPayroll","isCancelling","usePayrollsCancelMutation","payrollHistory","PayrollHistoryPresentation","payrollId","componentEvents","id","result"],"mappings":"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"}

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

@@ -30,13 +30,13 @@ const _ = (m) => {
   onTimeFilterChange: w,
   onViewSummary: P,
   onViewReceipt: C,
-  onCancelPayroll: T,
+  onCancelPayroll: v,
   cancelDialogItem: a,
-  onCancelDialogOpen: v,
+  onCancelDialogOpen: T,
   onCancelDialogClose: F,
   isLoading: x = !1
 }) => {
-  const { Heading: y, Text: o, Badge: A, Select: k, Dialog: H } = R();
+  const { Heading: f, Text: o, Badge: A, Select: k, Dialog: H } = R();
   Z("Payroll.PayrollHistory");
   const { t } = j("Payroll.PayrollHistory"), V = [
     { value: "3months", label: t("timeFilter.options.3months") },
@@ -47,12 +47,12 @@ const _ = (m) => {
     if (!(r === "Unprocessed" || r === "Submitted" || r === "Pending" || r === "In progress") || i.payrollStatusMeta?.cancellable === !1)
       return !1;
     if (i.processed && i.payrollDeadline) {
-      const s = /* @__PURE__ */ new Date(), d = new Date(i.payrollDeadline), p = h(s), f = new Date(s.getTime() + p * 60 * 60 * 1e3), D = new Date(
+      const s = /* @__PURE__ */ new Date(), d = new Date(i.payrollDeadline), p = h(s), y = new Date(s.getTime() + p * 60 * 60 * 1e3), D = new Date(
         d.getTime() + h(d) * 60 * 60 * 1e3
       );
-      if (f.toDateString() === D.toDateString()) {
+      if (y.toDateString() === D.toDateString()) {
         const g = new Date(D);
-        if (g.setHours(15, 30, 0, 0), f > g)
+        if (g.setHours(15, 30, 0, 0), y > g)
           return !1;
       }
     }
@@ -78,9 +78,9 @@ const _ = (m) => {
     }), p = s.format(i);
     return `${d.format(i)} on ${p}`;
   }, N = (e) => {
-    v(e);
+    T(e);
   }, O = () => {
-    a && T(a.id);
+    a && v(a.id);
   }, U = (e) => {
     const r = [
       {
@@ -108,7 +108,7 @@ const _ = (m) => {
     }), r;
   };
   return m.length === 0 ? /* @__PURE__ */ u(c, { flexDirection: "column", alignItems: "center", gap: 24, children: [
-    /* @__PURE__ */ n(y, { as: "h3", children: t("emptyState.title") }),
+    /* @__PURE__ */ n(f, { as: "h3", children: t("emptyState.title") }),
     /* @__PURE__ */ n(o, { children: t("emptyState.description") })
   ] }) : /* @__PURE__ */ u(c, { flexDirection: "column", gap: 16, children: [
     /* @__PURE__ */ u(
@@ -119,7 +119,7 @@ const _ = (m) => {
         alignItems: "flex-start",
         gap: { base: 12, medium: 24 },
         children: [
-          /* @__PURE__ */ n(c, { children: /* @__PURE__ */ n(y, { as: "h2", children: t("title") }) }),
+          /* @__PURE__ */ n(c, { children: /* @__PURE__ */ n(f, { as: "h2", children: t("title") }) }),
           /* @__PURE__ */ n("div", { className: I.timeFilterContainer, children: /* @__PURE__ */ n(
             k,
             {
@@ -158,8 +158,8 @@ const _ = (m) => {
             render: (e) => /* @__PURE__ */ n(A, { status: _(e.status), children: e.status })
           },
           {
-            title: t("columns.amount"),
-            render: (e) => /* @__PURE__ */ n(o, { weight: "semibold", children: e.amount ? Y(e.amount) : t("labels.noAmount") })
+            title: t("columns.totalPayroll"),
+            render: (e) => /* @__PURE__ */ n(o, { weight: "semibold", children: e.amount !== void 0 ? Y(e.amount) : t("labels.noAmount") })
           }
         ],
         data: m,

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 { PayrollHistoryItem, PayrollHistoryStatus, 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 ListIcon from '@/assets/icons/list.svg?react'\nimport TrashcanIcon from '@/assets/icons/trashcan.svg?react'\n\ninterface PayrollHistoryPresentationProps {\n  payrollHistory: PayrollHistoryItem[]\n  selectedTimeFilter: TimeFilterOption\n  onTimeFilterChange: (value: TimeFilterOption) => void\n  onViewSummary: (payrollId: string) => void\n  onViewReceipt: (payrollId: string) => void\n  onCancelPayroll: (payrollId: string) => void\n  cancelDialogItem: PayrollHistoryItem | null\n  onCancelDialogOpen: (item: PayrollHistoryItem) => void\n  onCancelDialogClose: () => void\n  isLoading?: boolean\n}\n\nconst getStatusVariant = (status: PayrollHistoryStatus) => {\n  switch (status) {\n    case 'Complete':\n    case 'Paid':\n      return 'success'\n    case 'In progress':\n    case 'Unprocessed':\n      return 'warning'\n    case 'Submitted':\n    case 'Pending':\n      return 'info'\n    default:\n      return 'info'\n  }\n}\n\nexport const PayrollHistoryPresentation = ({\n  payrollHistory,\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, Badge, Select, Dialog } = useComponentContext()\n  useI18n('Payroll.PayrollHistory')\n  const { t } = useTranslation('Payroll.PayrollHistory')\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: PayrollHistoryItem) => {\n    const { status, payroll } = item\n\n    const hasValidStatus =\n      status === 'Unprocessed' ||\n      status === 'Submitted' ||\n      status === 'Pending' ||\n      status === 'In progress'\n    if (!hasValidStatus) return false\n\n    if (payroll.payrollStatusMeta?.cancellable === false) {\n      return false\n    }\n\n    // If payroll is processed, check the 3:30 PM PT deadline constraint\n    if (payroll.processed && payroll.payrollDeadline) {\n      const now = new Date()\n      const deadline = new Date(payroll.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: PayrollHistoryItem): string => {\n    const deadline = item.payroll.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: PayrollHistoryItem) => {\n    onCancelDialogOpen(item)\n  }\n\n  const handleConfirmCancel = () => {\n    if (cancelDialogItem) {\n      onCancelPayroll(cancelDialogItem.id)\n    }\n  }\n\n  const getMenuItems = (item: PayrollHistoryItem): MenuItem[] => {\n    const items: MenuItem[] = [\n      {\n        label: t('menu.viewSummary'),\n        icon: <ListIcon aria-hidden />,\n        onClick: () => {\n          onViewSummary(item.id)\n        },\n      },\n      {\n        label: t('menu.viewReceipt'),\n        icon: <ListIcon aria-hidden />,\n        onClick: () => {\n          onViewReceipt(item.id)\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: PayrollHistoryItem) => <Text>{item.payPeriod}</Text>,\n          },\n          {\n            title: t('columns.type'),\n            render: (item: PayrollHistoryItem) => <Text>{item.type}</Text>,\n          },\n          {\n            title: t('columns.payDate'),\n            render: (item: PayrollHistoryItem) => <Text>{item.payDate}</Text>,\n          },\n          {\n            title: t('columns.status'),\n            render: (item: PayrollHistoryItem) => (\n              <Badge status={getStatusVariant(item.status)}>{item.status}</Badge>\n            ),\n          },\n          {\n            title: t('columns.amount'),\n            render: (item: PayrollHistoryItem) => (\n              <Text weight=\"semibold\">\n                {item.amount ? formatNumberAsCurrency(item.amount) : t('labels.noAmount')}\n              </Text>\n            ),\n          },\n        ]}\n        data={payrollHistory}\n        itemMenu={(item: PayrollHistoryItem) => <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 ? t('cancelDialog.title', { payPeriod: cancelDialogItem.payPeriod }) : ''\n        }\n      >\n        {cancelDialogItem && (\n          <Flex flexDirection=\"column\" gap={16}>\n            <Text>{t('cancelDialog.body')}</Text>\n            {cancelDialogItem.payroll.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":["getStatusVariant","status","PayrollHistoryPresentation","payrollHistory","selectedTimeFilter","onTimeFilterChange","onViewSummary","onViewReceipt","onCancelPayroll","cancelDialogItem","onCancelDialogOpen","onCancelDialogClose","isLoading","Heading","Text","Badge","Select","Dialog","useComponentContext","useI18n","useTranslation","timeFilterOptions","canCancelPayroll","item","payroll","now","deadline","ptOffset","getPacificTimeOffset","nowInPT","deadlineInPT","cutoffTime","date","year","secondSundayMarch","firstSundayNovember","formatDeadlineForDialog","deadlineDate","timeZone","formatter","timeFormatter","dateStr","handleCancelClick","handleConfirmCancel","getMenuItems","items","jsx","ListIcon","TrashcanIcon","Flex","jsxs","styles","value","DataView","formatNumberAsCurrency","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 { PayrollHistoryItem, PayrollHistoryStatus, 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 ListIcon from '@/assets/icons/list.svg?react'\nimport TrashcanIcon from '@/assets/icons/trashcan.svg?react'\n\ninterface PayrollHistoryPresentationProps {\n  payrollHistory: PayrollHistoryItem[]\n  selectedTimeFilter: TimeFilterOption\n  onTimeFilterChange: (value: TimeFilterOption) => void\n  onViewSummary: (payrollId: string) => void\n  onViewReceipt: (payrollId: string) => void\n  onCancelPayroll: (payrollId: string) => void\n  cancelDialogItem: PayrollHistoryItem | null\n  onCancelDialogOpen: (item: PayrollHistoryItem) => void\n  onCancelDialogClose: () => void\n  isLoading?: boolean\n}\n\nconst getStatusVariant = (status: PayrollHistoryStatus) => {\n  switch (status) {\n    case 'Complete':\n    case 'Paid':\n      return 'success'\n    case 'In progress':\n    case 'Unprocessed':\n      return 'warning'\n    case 'Submitted':\n    case 'Pending':\n      return 'info'\n    default:\n      return 'info'\n  }\n}\n\nexport const PayrollHistoryPresentation = ({\n  payrollHistory,\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, Badge, Select, Dialog } = useComponentContext()\n  useI18n('Payroll.PayrollHistory')\n  const { t } = useTranslation('Payroll.PayrollHistory')\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: PayrollHistoryItem) => {\n    const { status, payroll } = item\n\n    const hasValidStatus =\n      status === 'Unprocessed' ||\n      status === 'Submitted' ||\n      status === 'Pending' ||\n      status === 'In progress'\n    if (!hasValidStatus) return false\n\n    if (payroll.payrollStatusMeta?.cancellable === false) {\n      return false\n    }\n\n    // If payroll is processed, check the 3:30 PM PT deadline constraint\n    if (payroll.processed && payroll.payrollDeadline) {\n      const now = new Date()\n      const deadline = new Date(payroll.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: PayrollHistoryItem): string => {\n    const deadline = item.payroll.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: PayrollHistoryItem) => {\n    onCancelDialogOpen(item)\n  }\n\n  const handleConfirmCancel = () => {\n    if (cancelDialogItem) {\n      onCancelPayroll(cancelDialogItem.id)\n    }\n  }\n\n  const getMenuItems = (item: PayrollHistoryItem): MenuItem[] => {\n    const items: MenuItem[] = [\n      {\n        label: t('menu.viewSummary'),\n        icon: <ListIcon aria-hidden />,\n        onClick: () => {\n          onViewSummary(item.id)\n        },\n      },\n      {\n        label: t('menu.viewReceipt'),\n        icon: <ListIcon aria-hidden />,\n        onClick: () => {\n          onViewReceipt(item.id)\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: PayrollHistoryItem) => <Text>{item.payPeriod}</Text>,\n          },\n          {\n            title: t('columns.type'),\n            render: (item: PayrollHistoryItem) => <Text>{item.type}</Text>,\n          },\n          {\n            title: t('columns.payDate'),\n            render: (item: PayrollHistoryItem) => <Text>{item.payDate}</Text>,\n          },\n          {\n            title: t('columns.status'),\n            render: (item: PayrollHistoryItem) => (\n              <Badge status={getStatusVariant(item.status)}>{item.status}</Badge>\n            ),\n          },\n          {\n            title: t('columns.totalPayroll'),\n            render: (item: PayrollHistoryItem) => (\n              <Text weight=\"semibold\">\n                {item.amount !== undefined\n                  ? formatNumberAsCurrency(item.amount)\n                  : t('labels.noAmount')}\n              </Text>\n            ),\n          },\n        ]}\n        data={payrollHistory}\n        itemMenu={(item: PayrollHistoryItem) => <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 ? t('cancelDialog.title', { payPeriod: cancelDialogItem.payPeriod }) : ''\n        }\n      >\n        {cancelDialogItem && (\n          <Flex flexDirection=\"column\" gap={16}>\n            <Text>{t('cancelDialog.body')}</Text>\n            {cancelDialogItem.payroll.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":["getStatusVariant","status","PayrollHistoryPresentation","payrollHistory","selectedTimeFilter","onTimeFilterChange","onViewSummary","onViewReceipt","onCancelPayroll","cancelDialogItem","onCancelDialogOpen","onCancelDialogClose","isLoading","Heading","Text","Badge","Select","Dialog","useComponentContext","useI18n","useTranslation","timeFilterOptions","canCancelPayroll","item","payroll","now","deadline","ptOffset","getPacificTimeOffset","nowInPT","deadlineInPT","cutoffTime","date","year","secondSundayMarch","firstSundayNovember","formatDeadlineForDialog","deadlineDate","timeZone","formatter","timeFormatter","dateStr","handleCancelClick","handleConfirmCancel","getMenuItems","items","jsx","ListIcon","TrashcanIcon","Flex","jsxs","styles","value","DataView","formatNumberAsCurrency","HamburgerMenu"],"mappings":"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"}

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

@@ -9,7 +9,7 @@ import { useFlow as e } from "../../Flow/useFlow.js";
 import { useI18n as P } from "../../../i18n/I18n.js";
 import { useComponentContext as I } from "../../../contexts/ComponentAdapter/useComponentContext.js";
 import { ensureRequired as n } from "../../../helpers/ensureRequired.js";
-function k() {
+function O() {
   const {
     companyId: o,
     onEvent: r,
@@ -38,25 +38,24 @@ function k() {
     }
   );
 }
-function H() {
+function S() {
   const { payrollId: o, onEvent: r } = e();
-  return /* @__PURE__ */ t(b, { onEvent: r, payrollId: n(o), showBackButton: !0 });
+  return /* @__PURE__ */ t(b, { onEvent: r, payrollId: n(o) });
 }
-function O() {
+function j() {
   const { companyId: o, payrollId: r, onEvent: a } = e();
   return /* @__PURE__ */ t(
     f,
     {
       onEvent: a,
       companyId: n(o),
-      payrollId: n(r),
-      showBackButton: !0
+      payrollId: n(r)
     }
   );
 }
 export {
-  O as PayrollLandingOverviewContextual,
-  H as PayrollLandingReceiptsContextual,
-  k as PayrollLandingTabsContextual
+  j as PayrollLandingOverviewContextual,
+  S as PayrollLandingReceiptsContextual,
+  O as PayrollLandingTabsContextual
 };
 //# sourceMappingURL=PayrollLandingFlowComponents.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"PayrollLandingFlowComponents.js","sources":["../../../../src/components/Payroll/PayrollLanding/PayrollLandingFlowComponents.tsx"],"sourcesContent":["import { useState } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { PayrollHistory } from '../PayrollHistory/PayrollHistory'\nimport { PayrollList } from '../PayrollList/PayrollList'\nimport { PayrollOverview } from '../PayrollOverview/PayrollOverview'\nimport { PayrollReceipts } from '../PayrollReceipts/PayrollReceipts'\nimport type { BaseComponentInterface } from '@/components/Base/Base'\nimport { useFlow } from '@/components/Flow/useFlow'\nimport { useI18n } from '@/i18n'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { ensureRequired } from '@/helpers/ensureRequired'\nimport type { FlowContextInterface } from '@/components/Flow/useFlow'\n\nexport interface PayrollLandingFlowProps extends BaseComponentInterface<'Payroll.PayrollLanding'> {\n  companyId: string\n}\n\nexport interface PayrollLandingFlowContextInterface extends FlowContextInterface {\n  component: (() => React.JSX.Element) | null\n  companyId: string\n  payrollId?: string\n  previousState?: 'tabs' | 'overview'\n  selectedTab?: string\n}\n\nexport function PayrollLandingTabsContextual() {\n  const {\n    companyId,\n    onEvent,\n    selectedTab = 'run-payroll',\n  } = useFlow<PayrollLandingFlowContextInterface>()\n  const [currentTab, setCurrentTab] = useState(selectedTab)\n  const { Tabs } = useComponentContext()\n\n  useI18n('Payroll.PayrollLanding')\n  const { t } = useTranslation('Payroll.PayrollLanding')\n\n  const tabs = [\n    {\n      id: 'run-payroll',\n      label: t('tabs.runPayroll'),\n      content: <PayrollList companyId={ensureRequired(companyId)} onEvent={onEvent} />,\n    },\n    {\n      id: 'payroll-history',\n      label: t('tabs.payrollHistory'),\n      content: <PayrollHistory companyId={ensureRequired(companyId)} onEvent={onEvent} />,\n    },\n  ]\n\n  return (\n    <Tabs\n      tabs={tabs}\n      selectedId={currentTab}\n      onSelectionChange={setCurrentTab}\n      aria-label={t('aria.tabNavigation')}\n    />\n  )\n}\n\nexport function PayrollLandingReceiptsContextual() {\n  const { payrollId, onEvent } = useFlow<PayrollLandingFlowContextInterface>()\n\n  return <PayrollReceipts onEvent={onEvent} payrollId={ensureRequired(payrollId)} showBackButton />\n}\n\nexport function PayrollLandingOverviewContextual() {\n  const { companyId, payrollId, onEvent } = useFlow<PayrollLandingFlowContextInterface>()\n\n  return (\n    <PayrollOverview\n      onEvent={onEvent}\n      companyId={ensureRequired(companyId)}\n      payrollId={ensureRequired(payrollId)}\n      showBackButton\n    />\n  )\n}\n"],"names":["PayrollLandingTabsContextual","companyId","onEvent","selectedTab","useFlow","currentTab","setCurrentTab","useState","Tabs","useComponentContext","useI18n","t","useTranslation","tabs","jsx","PayrollList","ensureRequired","PayrollHistory","PayrollLandingReceiptsContextual","payrollId","PayrollReceipts","PayrollLandingOverviewContextual","PayrollOverview"],"mappings":";;;;;;;;;;;AAyBO,SAASA,IAA+B;AAC7C,QAAM;AAAA,IACJ,WAAAC;AAAA,IACA,SAAAC;AAAA,IACA,aAAAC,IAAc;AAAA,EAAA,IACZC,EAAA,GACE,CAACC,GAAYC,CAAa,IAAIC,EAASJ,CAAW,GAClD,EAAE,MAAAK,EAAA,IAASC,EAAA;AAEjB,EAAAC,EAAQ,wBAAwB;AAChC,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,wBAAwB,GAE/CC,IAAO;AAAA,IACX;AAAA,MACE,IAAI;AAAA,MACJ,OAAOF,EAAE,iBAAiB;AAAA,MAC1B,SAAS,gBAAAG,EAACC,GAAA,EAAY,WAAWC,EAAef,CAAS,GAAG,SAAAC,EAAA,CAAkB;AAAA,IAAA;AAAA,IAEhF;AAAA,MACE,IAAI;AAAA,MACJ,OAAOS,EAAE,qBAAqB;AAAA,MAC9B,SAAS,gBAAAG,EAACG,GAAA,EAAe,WAAWD,EAAef,CAAS,GAAG,SAAAC,EAAA,CAAkB;AAAA,IAAA;AAAA,EACnF;AAGF,SACE,gBAAAY;AAAA,IAACN;AAAA,IAAA;AAAA,MACC,MAAAK;AAAA,MACA,YAAYR;AAAA,MACZ,mBAAmBC;AAAA,MACnB,cAAYK,EAAE,oBAAoB;AAAA,IAAA;AAAA,EAAA;AAGxC;AAEO,SAASO,IAAmC;AACjD,QAAM,EAAE,WAAAC,GAAW,SAAAjB,EAAA,IAAYE,EAAA;AAE/B,SAAO,gBAAAU,EAACM,KAAgB,SAAAlB,GAAkB,WAAWc,EAAeG,CAAS,GAAG,gBAAc,IAAC;AACjG;AAEO,SAASE,IAAmC;AACjD,QAAM,EAAE,WAAApB,GAAW,WAAAkB,GAAW,SAAAjB,EAAA,IAAYE,EAAA;AAE1C,SACE,gBAAAU;AAAA,IAACQ;AAAA,IAAA;AAAA,MACC,SAAApB;AAAA,MACA,WAAWc,EAAef,CAAS;AAAA,MACnC,WAAWe,EAAeG,CAAS;AAAA,MACnC,gBAAc;AAAA,IAAA;AAAA,EAAA;AAGpB;"}
+{"version":3,"file":"PayrollLandingFlowComponents.js","sources":["../../../../src/components/Payroll/PayrollLanding/PayrollLandingFlowComponents.tsx"],"sourcesContent":["import { useState } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { PayrollHistory } from '../PayrollHistory/PayrollHistory'\nimport { PayrollList } from '../PayrollList/PayrollList'\nimport { PayrollOverview } from '../PayrollOverview/PayrollOverview'\nimport { PayrollReceipts } from '../PayrollReceipts/PayrollReceipts'\nimport type { BaseComponentInterface } from '@/components/Base/Base'\nimport { useFlow } from '@/components/Flow/useFlow'\nimport { useI18n } from '@/i18n'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { ensureRequired } from '@/helpers/ensureRequired'\nimport type { FlowContextInterface } from '@/components/Flow/useFlow'\n\nexport interface PayrollLandingFlowProps extends BaseComponentInterface<'Payroll.PayrollLanding'> {\n  companyId: string\n}\n\nexport interface PayrollLandingFlowContextInterface extends FlowContextInterface {\n  component: (() => React.JSX.Element) | null\n  companyId: string\n  payrollId?: string\n  previousState?: 'tabs' | 'overview'\n  selectedTab?: string\n}\n\nexport function PayrollLandingTabsContextual() {\n  const {\n    companyId,\n    onEvent,\n    selectedTab = 'run-payroll',\n  } = useFlow<PayrollLandingFlowContextInterface>()\n  const [currentTab, setCurrentTab] = useState(selectedTab)\n  const { Tabs } = useComponentContext()\n\n  useI18n('Payroll.PayrollLanding')\n  const { t } = useTranslation('Payroll.PayrollLanding')\n\n  const tabs = [\n    {\n      id: 'run-payroll',\n      label: t('tabs.runPayroll'),\n      content: <PayrollList companyId={ensureRequired(companyId)} onEvent={onEvent} />,\n    },\n    {\n      id: 'payroll-history',\n      label: t('tabs.payrollHistory'),\n      content: <PayrollHistory companyId={ensureRequired(companyId)} onEvent={onEvent} />,\n    },\n  ]\n\n  return (\n    <Tabs\n      tabs={tabs}\n      selectedId={currentTab}\n      onSelectionChange={setCurrentTab}\n      aria-label={t('aria.tabNavigation')}\n    />\n  )\n}\n\nexport function PayrollLandingReceiptsContextual() {\n  const { payrollId, onEvent } = useFlow<PayrollLandingFlowContextInterface>()\n\n  return <PayrollReceipts onEvent={onEvent} payrollId={ensureRequired(payrollId)} />\n}\n\nexport function PayrollLandingOverviewContextual() {\n  const { companyId, payrollId, onEvent } = useFlow<PayrollLandingFlowContextInterface>()\n\n  return (\n    <PayrollOverview\n      onEvent={onEvent}\n      companyId={ensureRequired(companyId)}\n      payrollId={ensureRequired(payrollId)}\n    />\n  )\n}\n"],"names":["PayrollLandingTabsContextual","companyId","onEvent","selectedTab","useFlow","currentTab","setCurrentTab","useState","Tabs","useComponentContext","useI18n","t","useTranslation","tabs","jsx","PayrollList","ensureRequired","PayrollHistory","PayrollLandingReceiptsContextual","payrollId","PayrollReceipts","PayrollLandingOverviewContextual","PayrollOverview"],"mappings":";;;;;;;;;;;AAyBO,SAASA,IAA+B;AAC7C,QAAM;AAAA,IACJ,WAAAC;AAAA,IACA,SAAAC;AAAA,IACA,aAAAC,IAAc;AAAA,EAAA,IACZC,EAAA,GACE,CAACC,GAAYC,CAAa,IAAIC,EAASJ,CAAW,GAClD,EAAE,MAAAK,EAAA,IAASC,EAAA;AAEjB,EAAAC,EAAQ,wBAAwB;AAChC,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,wBAAwB,GAE/CC,IAAO;AAAA,IACX;AAAA,MACE,IAAI;AAAA,MACJ,OAAOF,EAAE,iBAAiB;AAAA,MAC1B,SAAS,gBAAAG,EAACC,GAAA,EAAY,WAAWC,EAAef,CAAS,GAAG,SAAAC,EAAA,CAAkB;AAAA,IAAA;AAAA,IAEhF;AAAA,MACE,IAAI;AAAA,MACJ,OAAOS,EAAE,qBAAqB;AAAA,MAC9B,SAAS,gBAAAG,EAACG,GAAA,EAAe,WAAWD,EAAef,CAAS,GAAG,SAAAC,EAAA,CAAkB;AAAA,IAAA;AAAA,EACnF;AAGF,SACE,gBAAAY;AAAA,IAACN;AAAA,IAAA;AAAA,MACC,MAAAK;AAAA,MACA,YAAYR;AAAA,MACZ,mBAAmBC;AAAA,MACnB,cAAYK,EAAE,oBAAoB;AAAA,IAAA;AAAA,EAAA;AAGxC;AAEO,SAASO,IAAmC;AACjD,QAAM,EAAE,WAAAC,GAAW,SAAAjB,EAAA,IAAYE,EAAA;AAE/B,2BAAQgB,GAAA,EAAgB,SAAAlB,GAAkB,WAAWc,EAAeG,CAAS,GAAG;AAClF;AAEO,SAASE,IAAmC;AACjD,QAAM,EAAE,WAAApB,GAAW,WAAAkB,GAAW,SAAAjB,EAAA,IAAYE,EAAA;AAE1C,SACE,gBAAAU;AAAA,IAACQ;AAAA,IAAA;AAAA,MACC,SAAApB;AAAA,MACA,WAAWc,EAAef,CAAS;AAAA,MACnC,WAAWe,EAAeG,CAAS;AAAA,IAAA;AAAA,EAAA;AAGzC;"}

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

@@ -1,110 +1,115 @@
-import { jsxs as c, jsx as l } from "react/jsx-runtime";
-import { useState as j } from "react";
-import { useTranslation as N } from "react-i18next";
-import { PayrollBlockerAlerts as $ } from "../PayrollBlocker/components/PayrollBlockerAlerts.js";
-import D from "./PayrollListPresentation.module.scss.js";
-import { Flex as d } from "../../Common/Flex/Flex.js";
+import { jsxs as i, jsx as l } from "react/jsx-runtime";
+import { useState as V } from "react";
+import { useTranslation as E } from "react-i18next";
+import { PayrollBlockerAlerts as q } from "../PayrollBlocker/components/PayrollBlockerAlerts.js";
+import b from "./PayrollListPresentation.module.scss.js";
+import { Flex as s } from "../../Common/Flex/Flex.js";
 import "classnames";
-import { useComponentContext as V } from "../../../contexts/ComponentAdapter/useComponentContext.js";
-import { useI18n as E } from "../../../i18n/I18n.js";
-import { parseDateStringToLocal as u } from "../../../helpers/dateFormatting.js";
-import { useLocale as F } from "../../../contexts/LocaleProvider/useLocale.js";
-import { HamburgerMenu as q } from "../../Common/HamburgerMenu/HamburgerMenu.js";
-import { DataView as z } from "../../Common/DataView/DataView.js";
-const le = ({
-  onRunPayroll: P,
-  onSubmitPayroll: b,
-  onSkipPayroll: k,
-  onViewBlockers: L,
-  payrolls: S,
+import { useComponentContext as z } from "../../../contexts/ComponentAdapter/useComponentContext.js";
+import { useI18n as G } from "../../../i18n/I18n.js";
+import { formatDateToStringDate as J, parseDateStringToLocal as c } from "../../../helpers/dateFormatting.js";
+import { useLocale as K } from "../../../contexts/LocaleProvider/useLocale.js";
+import Q from "../../../assets/icons/feature-icon-check.svg.js";
+import { HamburgerMenu as R } from "../../Common/HamburgerMenu/HamburgerMenu.js";
+import { DataView as W } from "../../Common/DataView/DataView.js";
+const ce = ({
+  onRunPayroll: L,
+  onSubmitPayroll: C,
+  onSkipPayroll: x,
+  onViewBlockers: I,
+  payrolls: v,
   paySchedules: p,
-  showSkipSuccessAlert: C,
-  onDismissSkipSuccessAlert: x,
-  skippingPayrollId: I,
-  blockers: H
+  showSkipSuccessAlert: w,
+  onDismissSkipSuccessAlert: A,
+  skippingPayrollId: H,
+  blockers: y
 }) => {
-  const { Badge: v, Button: y, Dialog: w, Heading: A, Text: i, Alert: O } = V();
-  E("Payroll.PayrollList");
-  const { t } = N("Payroll.PayrollList"), { locale: n } = F(), [s, f] = j({
+  const { Badge: O, Button: h, Dialog: T, Heading: B, Text: n, Alert: M } = z();
+  G("Payroll.PayrollList");
+  const { t } = E("Payroll.PayrollList"), { locale: d } = K(), [m, D] = V({
     isOpen: !1,
     payrollId: null,
     payPeriod: null
-  }), B = (e, o) => {
-    f({
+  }), j = (e, a) => {
+    D({
       isOpen: !0,
       payrollId: e,
-      payPeriod: o
+      payPeriod: a
     });
-  }, h = () => {
-    f({
+  }, f = () => {
+    D({
       isOpen: !1,
       payrollId: null,
       payPeriod: null
     });
-  }, T = () => {
-    s.payrollId && (k({ payrollId: s.payrollId }), h());
-  }, g = (e, o) => {
-    const a = e ? u(e)?.toLocaleDateString(n, {
+  }, N = () => {
+    m.payrollId && (x({ payrollId: m.payrollId }), f());
+  }, g = (e, a) => {
+    const o = e ? c(e)?.toLocaleDateString(d, {
       month: "short",
       day: "numeric"
-    }) : null, r = o ? u(o)?.toLocaleDateString(n, {
+    }) : null, r = a ? c(a)?.toLocaleDateString(d, {
       month: "short",
       day: "numeric",
       year: "numeric"
     }) : null;
     return {
-      startDate: a,
+      startDate: o,
       endDate: r,
-      fullPeriod: a && r ? `${a} – ${r}` : ""
+      fullPeriod: o && r ? `${o} – ${r}` : ""
     };
   };
-  return /* @__PURE__ */ c(d, { flexDirection: "column", gap: 16, children: [
-    C && /* @__PURE__ */ l("div", { className: D.alertContainer, children: /* @__PURE__ */ l(
-      O,
+  return /* @__PURE__ */ i(s, { flexDirection: "column", gap: 16, children: [
+    w && /* @__PURE__ */ l("div", { className: b.alertContainer, children: /* @__PURE__ */ l(
+      M,
       {
         status: "info",
         label: t("skipSuccessAlert"),
-        onDismiss: x
+        onDismiss: A
       }
     ) }),
-    /* @__PURE__ */ l($, { blockers: H, onMultipleViewClick: L }),
+    /* @__PURE__ */ l(q, { blockers: y, onMultipleViewClick: I }),
     /* @__PURE__ */ l(
-      d,
+      s,
       {
         flexDirection: { base: "column", medium: "row" },
         justifyContent: "space-between",
         alignItems: "flex-start",
         gap: { base: 12, medium: 24 },
-        children: /* @__PURE__ */ l(d, { children: /* @__PURE__ */ l(A, { as: "h2", children: t("title") }) })
+        children: /* @__PURE__ */ l(s, { children: /* @__PURE__ */ l(B, { as: "h2", children: t("title") }) })
       }
     ),
     /* @__PURE__ */ l(
-      z,
+      W,
       {
+        emptyState: () => /* @__PURE__ */ i(s, { flexDirection: "column", alignItems: "center", gap: 24, children: [
+          /* @__PURE__ */ l(Q, {}),
+          /* @__PURE__ */ l(n, { children: t("emptyState") })
+        ] }),
         columns: [
           {
             render: ({ payPeriod: e }) => {
-              const { startDate: o, endDate: a } = g(
+              const { startDate: a, endDate: o } = g(
                 e?.startDate,
                 e?.endDate
               );
-              return /* @__PURE__ */ c(d, { flexDirection: "column", gap: 0, children: [
-                /* @__PURE__ */ c(i, { children: [
-                  o,
+              return /* @__PURE__ */ i(s, { flexDirection: "column", gap: 0, children: [
+                /* @__PURE__ */ i(n, { children: [
+                  a,
                   " - ",
-                  a
+                  o
                 ] }),
-                /* @__PURE__ */ l(i, { variant: "supporting", children: p.find((r) => r.uuid === e?.payScheduleUuid)?.name || p.find((r) => r.uuid === e?.payScheduleUuid)?.customName })
+                /* @__PURE__ */ l(n, { variant: "supporting", children: p.find((r) => r.uuid === e?.payScheduleUuid)?.name || p.find((r) => r.uuid === e?.payScheduleUuid)?.customName })
               ] });
             },
             title: t("tableHeaders.0")
           },
           {
-            render: ({ payrollType: e }) => /* @__PURE__ */ l(i, { children: t(`type.${e}`) }),
+            render: ({ payrollType: e }) => /* @__PURE__ */ l(n, { children: t(`type.${e}`) }),
             title: t("tableHeaders.1")
           },
           {
-            render: ({ checkDate: e }) => /* @__PURE__ */ l(i, { children: e ? u(e)?.toLocaleDateString(n, {
+            render: ({ checkDate: e }) => /* @__PURE__ */ l(n, { children: e ? c(e)?.toLocaleDateString(d, {
               weekday: "short",
               month: "short",
               day: "numeric",
@@ -114,7 +119,7 @@ const le = ({
           },
           {
             title: t("tableHeaders.3"),
-            render: ({ payrollDeadline: e }) => /* @__PURE__ */ l(i, { children: e?.toLocaleDateString(n, {
+            render: ({ payrollDeadline: e }) => /* @__PURE__ */ l(n, { children: e?.toLocaleDateString(d, {
               weekday: "short",
               month: "short",
               day: "numeric",
@@ -123,52 +128,52 @@ const le = ({
           },
           {
             title: t("tableHeaders.4"),
-            render: ({ processed: e }) => /* @__PURE__ */ l(v, { children: t(e ? "status.processed" : "status.unprocessed") })
+            render: ({ processed: e }) => /* @__PURE__ */ l(O, { children: t(e ? "status.processed" : "status.unprocessed") })
           }
         ],
-        data: S,
+        data: v,
         label: t("payrollsListLabel"),
-        itemMenu: ({ payrollUuid: e, calculatedAt: o, processed: a, payPeriod: r }) => {
-          if (a)
+        itemMenu: ({ payrollUuid: e, calculatedAt: a, processed: o, payPeriod: r }) => {
+          if (o)
             return null;
-          const m = I === e, { fullPeriod: M } = g(
+          const u = H === e, { fullPeriod: $ } = g(
             r?.startDate,
             r?.endDate
-          );
-          return /* @__PURE__ */ c("div", { className: D.actionsContainer, children: [
-            o ? /* @__PURE__ */ l(
-              y,
+          ), P = J(/* @__PURE__ */ new Date()), S = P ? c(P) : null, k = r?.startDate ? c(r.startDate) : null, F = y.length === 0 && S && k && S >= k;
+          return /* @__PURE__ */ i("div", { className: b.actionsContainer, children: [
+            a ? /* @__PURE__ */ l(
+              h,
               {
-                isLoading: m,
+                isLoading: u,
                 onClick: () => {
-                  b({ payrollId: e });
+                  C({ payrollId: e });
                 },
                 title: t("submitPayrollCta"),
                 variant: "secondary",
                 children: t("submitPayrollCta")
               }
             ) : /* @__PURE__ */ l(
-              y,
+              h,
               {
-                isLoading: m,
+                isLoading: u,
                 onClick: () => {
-                  P({ payrollId: e });
+                  L({ payrollId: e });
                 },
                 title: t("runPayrollTitle"),
                 variant: "secondary",
                 children: t("runPayrollTitle")
               }
             ),
-            /* @__PURE__ */ l(
-              q,
+            F && /* @__PURE__ */ l(
+              R,
               {
-                isLoading: m,
+                isLoading: u,
                 menuLabel: t("payrollMenuLabel"),
                 items: [
                   {
                     label: t("skipPayrollCta"),
                     onClick: () => {
-                      B(e, M);
+                      j(e, $);
                     }
                   }
                 ]
@@ -179,13 +184,13 @@ const le = ({
       }
     ),
     /* @__PURE__ */ l(
-      w,
+      T,
       {
-        isOpen: s.isOpen,
-        onClose: h,
-        onPrimaryActionClick: T,
+        isOpen: m.isOpen,
+        onClose: f,
+        onPrimaryActionClick: N,
         isDestructive: !0,
-        title: t("skipPayrollDialog.title", { payPeriod: s.payPeriod }),
+        title: t("skipPayrollDialog.title", { payPeriod: m.payPeriod }),
         primaryActionLabel: t("skipPayrollDialog.confirmButton"),
         closeActionLabel: t("skipPayrollDialog.cancelButton"),
         children: t("skipPayrollDialog.body")
@@ -194,6 +199,6 @@ const le = ({
   ] });
 };
 export {
-  le as PayrollListPresentation
+  ce as PayrollListPresentation
 };
 //# sourceMappingURL=PayrollListPresentation.js.map