@gusto/embedded-react-sdk 0.23.1 → 0.24.1

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

@@ -4,7 +4,6 @@ import { getPayrollType as I, calculateTotalPayroll as L } from "../helpers.js";
 import j from "./PayrollHistoryPresentation.module.scss.js";
 import { Flex as c } from "../../Common/Flex/Flex.js";
 import "classnames";
-import "../../../shared/constants.js";
 import { HamburgerMenu as V } from "../../Common/HamburgerMenu/HamburgerMenu.js";
 import { useComponentContext as Y } from "../../../contexts/ComponentAdapter/useComponentContext.js";
 import { formatNumberAsCurrency as q } from "../../../helpers/formattedStrings.js";
@@ -15,7 +14,7 @@ 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";
-const ue = ({
+const de = ({
   payrollHistory: y,
   wireInRequests: g,
   selectedTimeFilter: P,
@@ -23,7 +22,7 @@ const ue = ({
   onViewSummary: w,
   onViewReceipt: b,
   onCancelPayroll: C,
-  cancelDialogItem: i,
+  cancelDialogItem: a,
   onCancelDialogOpen: F,
   onCancelDialogClose: T,
   isLoading: v = !1
@@ -38,7 +37,7 @@ const ue = ({
     if (e.payrollStatusMeta?.cancellable === !1)
       return !1;
     if (e.processed && e.payrollDeadline) {
-      const o = /* @__PURE__ */ new Date(), n = new Date(e.payrollDeadline), a = h(o), s = new Date(o.getTime() + a * 60 * 60 * 1e3), m = new Date(
+      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()) {
@@ -51,27 +50,27 @@ const ue = ({
   }, h = (e) => {
     const o = e.getFullYear(), n = new Date(o, 2, 1);
     n.setDate(1 + (7 - n.getDay()) + 7);
-    const a = new Date(o, 10, 1);
-    return a.setDate(1 + (7 - a.getDay()) % 7), e >= n && e < a ? -7 : -8;
+    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), a = "America/New_York", s = new Intl.DateTimeFormat("en-US", {
+    const n = new Date(o), i = "America/New_York", s = new Intl.DateTimeFormat("en-US", {
       weekday: "short",
       month: "short",
       day: "numeric",
-      timeZone: a
+      timeZone: i
     }), m = new Intl.DateTimeFormat("en-US", {
       hour: "numeric",
       minute: "2-digit",
       timeZoneName: "short",
-      timeZone: a
+      timeZone: i
     }), D = s.format(n);
     return `${m.format(n)} on ${D}`;
   }, R = (e) => {
     F(e);
   }, M = () => {
-    i && C(i);
+    a && C(a);
   }, N = (e) => {
     const o = e.payrollUuid || e.uuid, n = [
       {
@@ -168,23 +167,23 @@ const ue = ({
     /* @__PURE__ */ r(
       k,
       {
-        isOpen: !!i,
+        isOpen: !!a,
         onClose: T,
         onPrimaryActionClick: M,
         isDestructive: !0,
         isPrimaryActionLoading: v,
         primaryActionLabel: t("cancelDialog.primaryAction"),
         closeActionLabel: t("cancelDialog.secondaryAction"),
-        title: i ? t("cancelDialog.title", {
+        title: a ? t("cancelDialog.title", {
           payPeriod: u.formatPayPeriodRange(
-            i.payPeriod?.startDate,
-            i.payPeriod?.endDate
+            a.payPeriod?.startDate,
+            a.payPeriod?.endDate
           )
         }) : "",
-        children: i && /* @__PURE__ */ d(c, { flexDirection: "column", gap: 16, children: [
+        children: a && /* @__PURE__ */ d(c, { flexDirection: "column", gap: 16, children: [
           /* @__PURE__ */ r(l, { children: t("cancelDialog.body") }),
-          i.payrollDeadline && /* @__PURE__ */ r(l, { children: t("cancelDialog.deadline", {
-            deadline: O(i)
+          a.payrollDeadline && /* @__PURE__ */ r(l, { children: t("cancelDialog.deadline", {
+            deadline: O(a)
           }) })
         ] })
       }
@@ -192,6 +191,6 @@ const ue = ({
   ] });
 };
 export {
-  ue as PayrollHistoryPresentation
+  de as PayrollHistoryPresentation
 };
 //# sourceMappingURL=PayrollHistoryPresentation.js.map

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 } 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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"}

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

@@ -1,8 +1,11 @@
+import { ConfirmWireDetailsComponentType } from '../ConfirmWireDetails/ConfirmWireDetails';
 import { PayrollLandingFlowProps } from './PayrollLandingFlowComponents';
 import { BaseComponentInterface } from '../../Base/Base';
 interface PayrollLandingProps extends BaseComponentInterface<'Payroll.PayrollLanding'> {
     companyId: string;
+    withReimbursements?: boolean;
+    ConfirmWireDetailsComponent?: ConfirmWireDetailsComponentType;
 }
 export declare function PayrollLanding(props: PayrollLandingProps): import("react/jsx-runtime").JSX.Element;
-export declare function PayrollLandingFlow({ companyId, onEvent, dictionary }: PayrollLandingFlowProps): import("react/jsx-runtime").JSX.Element;
+export declare function PayrollLandingFlow({ companyId, onEvent, dictionary, withReimbursements, ConfirmWireDetailsComponent, }: PayrollLandingFlowProps): import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -1,33 +1,41 @@
 import { jsx as r } from "react/jsx-runtime";
 import { useMemo as e } from "react";
-import { createMachine as m } from "robot3";
-import { payrollLandingMachine as l } from "./payrollLandingStateMachine.js";
-import { PayrollLandingTabsContextual as p } from "./PayrollLandingFlowComponents.js";
-import { Flow as c } from "../../Flow/Flow.js";
-import { BaseComponent as f } from "../../Base/Base.js";
-import { useComponentDictionary as u } from "../../../i18n/I18n.js";
-function C(o) {
-  return /* @__PURE__ */ r(f, { ...o, children: /* @__PURE__ */ r(s, { ...o }) });
+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 }) });
 }
-function s({ companyId: o, onEvent: n, dictionary: t }) {
-  u("Payroll.PayrollLanding", t);
-  const a = e(
-    () => m(
+function g({
+  companyId: o,
+  onEvent: t,
+  dictionary: l,
+  withReimbursements: n = !0,
+  ConfirmWireDetailsComponent: a
+}) {
+  d("Payroll.PayrollLanding", l);
+  const i = e(
+    () => c(
       "tabs",
-      l,
-      (i) => ({
-        ...i,
-        component: p,
+      p,
+      (m) => ({
+        ...m,
+        component: f,
         companyId: o,
-        selectedTab: "run-payroll"
+        selectedTab: "run-payroll",
+        withReimbursements: n,
+        ConfirmWireDetailsComponent: a
       })
     ),
-    [o]
+    [o, n, a]
   );
-  return /* @__PURE__ */ r(c, { onEvent: n, machine: a });
+  return /* @__PURE__ */ r(u, { onEvent: t, machine: i });
 }
 export {
-  C as PayrollLanding,
-  s as PayrollLandingFlow
+  T 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 { 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}\n\nexport function PayrollLanding(props: PayrollLandingProps) {\n  return (\n    <BaseComponent {...props}>\n      <PayrollLandingFlow {...props} />\n    </BaseComponent>\n  )\n}\n\nexport function PayrollLandingFlow({ companyId, onEvent, dictionary }: 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        }),\n      ),\n    [companyId],\n  )\n\n  return <Flow onEvent={onEvent} machine={machine} />\n}\n"],"names":["PayrollLanding","props","jsx","BaseComponent","PayrollLandingFlow","companyId","onEvent","dictionary","useComponentDictionary","machine","useMemo","createMachine","payrollLandingMachine","initialContext","PayrollLandingTabsContextual","Flow"],"mappings":";;;;;;;;AAiBO,SAASA,EAAeC,GAA4B;AACzD,SACE,gBAAAC,EAACC,KAAe,GAAGF,GACjB,4BAACG,GAAA,EAAoB,GAAGH,GAAO,EAAA,CACjC;AAEJ;AAEO,SAASG,EAAmB,EAAE,WAAAC,GAAW,SAAAC,GAAS,YAAAC,KAAuC;AAC9F,EAAAC,EAAuB,0BAA0BD,CAAU;AAE3D,QAAME,IAAUC;AAAA,IACd,MACEC;AAAA,MACE;AAAA,MACAC;AAAA,MACA,CAACC,OAAwD;AAAA,QACvD,GAAGA;AAAA,QACH,WAAWC;AAAA,QACX,WAAAT;AAAA,QACA,aAAa;AAAA,MAAA;AAAA,IACf;AAAA,IAEJ,CAACA,CAAS;AAAA,EAAA;AAGZ,SAAO,gBAAAH,EAACa,GAAA,EAAK,SAAAT,GAAkB,SAAAG,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 } 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;"}

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

@@ -1,7 +1,10 @@
+import { ConfirmWireDetailsComponentType } from '../ConfirmWireDetails/ConfirmWireDetails';
 import { BaseComponentInterface } from '../../Base/Base';
 import { FlowContextInterface } from '../../Flow/useFlow';
 export interface PayrollLandingFlowProps extends BaseComponentInterface<'Payroll.PayrollLanding'> {
     companyId: string;
+    withReimbursements?: boolean;
+    ConfirmWireDetailsComponent?: ConfirmWireDetailsComponentType;
 }
 export interface PayrollLandingFlowContextInterface extends FlowContextInterface {
     component: (() => React.JSX.Element) | null;
@@ -9,6 +12,8 @@ export interface PayrollLandingFlowContextInterface extends FlowContextInterface
     payrollUuid?: string;
     previousState?: 'tabs' | 'overview';
     selectedTab?: string;
+    withReimbursements: boolean;
+    ConfirmWireDetailsComponent?: ConfirmWireDetailsComponentType;
 }
 export declare function PayrollLandingTabsContextual(): import("react/jsx-runtime").JSX.Element;
 export declare function PayrollLandingReceiptsContextual(): import("react/jsx-runtime").JSX.Element;

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

@@ -1,12 +1,12 @@
-import { jsx as t, jsxs as y } from "react/jsx-runtime";
-import { useState as c } from "react";
-import { useTranslation as u } from "react-i18next";
-import { PayrollHistory as d } from "../PayrollHistory/PayrollHistory.js";
-import { PayrollList as f } from "../PayrollList/PayrollList.js";
-import { PayrollOverview as b } from "../PayrollOverview/PayrollOverview.js";
+import { jsx as t, jsxs as c } from "react/jsx-runtime";
+import { useState as u } from "react";
+import { useTranslation as d } from "react-i18next";
+import { PayrollHistory as f } from "../PayrollHistory/PayrollHistory.js";
+import { PayrollList as b } from "../PayrollList/PayrollList.js";
+import { PayrollOverview as C } from "../PayrollOverview/PayrollOverview.js";
 import { PayrollReceipts as P } from "../PayrollReceipts/PayrollReceipts.js";
 import { ConfirmWireDetails as I } from "../ConfirmWireDetails/ConfirmWireDetails.js";
-import { useFlow as e } from "../../Flow/useFlow.js";
+import { useFlow as m } from "../../Flow/useFlow.js";
 import { useI18n as x } from "../../../i18n/I18n.js";
 import { useComponentContext as g } from "../../../contexts/ComponentAdapter/useComponentContext.js";
 import { ensureRequired as n } from "../../../helpers/ensureRequired.js";
@@ -15,46 +15,56 @@ function U() {
   const {
     companyId: o,
     onEvent: r,
-    selectedTab: l = "run-payroll"
-  } = e(), [i, m] = c(l), { Tabs: p } = g();
+    selectedTab: e = "run-payroll",
+    ConfirmWireDetailsComponent: l = I
+  } = m(), [a, s] = u(e), { Tabs: p } = g();
   x("Payroll.PayrollLanding");
-  const { t: a } = u("Payroll.PayrollLanding"), s = [
+  const { t: i } = d("Payroll.PayrollLanding"), y = [
     {
       id: "run-payroll",
-      label: a("tabs.runPayroll"),
-      content: /* @__PURE__ */ t(f, { companyId: n(o), onEvent: r })
+      label: i("tabs.runPayroll"),
+      content: /* @__PURE__ */ t(b, { companyId: n(o), onEvent: r })
     },
     {
       id: "payroll-history",
-      label: a("tabs.payrollHistory"),
-      content: /* @__PURE__ */ t(d, { companyId: n(o), onEvent: r })
+      label: i("tabs.payrollHistory"),
+      content: /* @__PURE__ */ t(f, { companyId: n(o), onEvent: r })
     }
   ];
-  return /* @__PURE__ */ y(v, { flexDirection: "column", gap: 32, children: [
-    /* @__PURE__ */ t(I, { companyId: n(o), onEvent: r }),
+  return /* @__PURE__ */ c(v, { flexDirection: "column", gap: 32, children: [
+    /* @__PURE__ */ t(l, { companyId: n(o), onEvent: r }),
     /* @__PURE__ */ t(
       p,
       {
-        tabs: s,
-        selectedId: i,
-        onSelectionChange: m,
-        "aria-label": a("aria.tabNavigation")
+        tabs: y,
+        selectedId: a,
+        onSelectionChange: s,
+        "aria-label": i("aria.tabNavigation")
       }
     )
   ] });
 }
 function q() {
-  const { payrollUuid: o, onEvent: r } = e();
-  return /* @__PURE__ */ t(P, { onEvent: r, payrollId: n(o) });
+  const { payrollUuid: o, onEvent: r, withReimbursements: e } = m();
+  return /* @__PURE__ */ t(
+    P,
+    {
+      onEvent: r,
+      payrollId: n(o),
+      withReimbursements: e
+    }
+  );
 }
 function N() {
-  const { companyId: o, payrollUuid: r, onEvent: l } = e();
+  const { companyId: o, payrollUuid: r, onEvent: e, withReimbursements: l, ConfirmWireDetailsComponent: a } = m();
   return /* @__PURE__ */ t(
-    b,
+    C,
     {
-      onEvent: l,
+      onEvent: e,
       companyId: n(o),
-      payrollId: n(r)
+      payrollId: n(r),
+      withReimbursements: l,
+      ConfirmWireDetailsComponent: a
     }
   );
 }

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 { ConfirmWireDetails } from '../ConfirmWireDetails/ConfirmWireDetails'\nimport type { BaseComponentInterface } from '@/components/Base/Base'\nimport { useFlow } from '@/components/Flow/useFlow'\nimport { useI18n } from '@/i18n'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { ensureRequired } from '@/helpers/ensureRequired'\nimport type { FlowContextInterface } from '@/components/Flow/useFlow'\nimport { Flex } from '@/components/Common/Flex/Flex'\n\nexport interface PayrollLandingFlowProps extends BaseComponentInterface<'Payroll.PayrollLanding'> {\n  companyId: string\n}\n\nexport interface PayrollLandingFlowContextInterface extends FlowContextInterface {\n  component: (() => React.JSX.Element) | null\n  companyId: string\n  payrollUuid?: string\n  previousState?: 'tabs' | 'overview'\n  selectedTab?: string\n}\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    <Flex flexDirection=\"column\" gap={32}>\n      <ConfirmWireDetails companyId={ensureRequired(companyId)} onEvent={onEvent} />\n      <Tabs\n        tabs={tabs}\n        selectedId={currentTab}\n        onSelectionChange={setCurrentTab}\n        aria-label={t('aria.tabNavigation')}\n      />\n    </Flex>\n  )\n}\n\nexport function PayrollLandingReceiptsContextual() {\n  const { payrollUuid, onEvent } = useFlow<PayrollLandingFlowContextInterface>()\n\n  return <PayrollReceipts onEvent={onEvent} payrollId={ensureRequired(payrollUuid)} />\n}\n\nexport function PayrollLandingOverviewContextual() {\n  const { companyId, payrollUuid, onEvent } = useFlow<PayrollLandingFlowContextInterface>()\n\n  return (\n    <PayrollOverview\n      onEvent={onEvent}\n      companyId={ensureRequired(companyId)}\n      payrollId={ensureRequired(payrollUuid)}\n    />\n  )\n}\n"],"names":["PayrollLandingTabsContextual","companyId","onEvent","selectedTab","useFlow","currentTab","setCurrentTab","useState","Tabs","useComponentContext","useI18n","t","useTranslation","tabs","jsx","PayrollList","ensureRequired","PayrollHistory","jsxs","Flex","ConfirmWireDetails","PayrollLandingReceiptsContextual","payrollUuid","PayrollReceipts","PayrollLandingOverviewContextual","PayrollOverview"],"mappings":";;;;;;;;;;;;;AA2BO,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,gBAAAgB,EAACC,GAAA,EAAK,eAAc,UAAS,KAAK,IAChC,UAAA;AAAA,IAAA,gBAAAL,EAACM,GAAA,EAAmB,WAAWJ,EAAef,CAAS,GAAG,SAAAC,GAAkB;AAAA,IAC5E,gBAAAY;AAAA,MAACN;AAAA,MAAA;AAAA,QACC,MAAAK;AAAA,QACA,YAAYR;AAAA,QACZ,mBAAmBC;AAAA,QACnB,cAAYK,EAAE,oBAAoB;AAAA,MAAA;AAAA,IAAA;AAAA,EACpC,GACF;AAEJ;AAEO,SAASU,IAAmC;AACjD,QAAM,EAAE,aAAAC,GAAa,SAAApB,EAAA,IAAYE,EAAA;AAEjC,2BAAQmB,GAAA,EAAgB,SAAArB,GAAkB,WAAWc,EAAeM,CAAW,GAAG;AACpF;AAEO,SAASE,IAAmC;AACjD,QAAM,EAAE,WAAAvB,GAAW,aAAAqB,GAAa,SAAApB,EAAA,IAAYE,EAAA;AAE5C,SACE,gBAAAU;AAAA,IAACW;AAAA,IAAA;AAAA,MACC,SAAAvB;AAAA,MACA,WAAWc,EAAef,CAAS;AAAA,MACnC,WAAWe,EAAeM,CAAW;AAAA,IAAA;AAAA,EAAA;AAG3C;"}
+{"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 {\n  ConfirmWireDetails,\n  type ConfirmWireDetailsComponentType,\n} from '../ConfirmWireDetails/ConfirmWireDetails'\nimport type { BaseComponentInterface } from '@/components/Base/Base'\nimport { useFlow } from '@/components/Flow/useFlow'\nimport { useI18n } from '@/i18n'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { ensureRequired } from '@/helpers/ensureRequired'\nimport type { FlowContextInterface } from '@/components/Flow/useFlow'\nimport { Flex } from '@/components/Common/Flex/Flex'\n\nexport interface PayrollLandingFlowProps extends BaseComponentInterface<'Payroll.PayrollLanding'> {\n  companyId: string\n  withReimbursements?: boolean\n  ConfirmWireDetailsComponent?: ConfirmWireDetailsComponentType\n}\n\nexport interface PayrollLandingFlowContextInterface extends FlowContextInterface {\n  component: (() => React.JSX.Element) | null\n  companyId: string\n  payrollUuid?: string\n  previousState?: 'tabs' | 'overview'\n  selectedTab?: string\n  withReimbursements: boolean\n  ConfirmWireDetailsComponent?: ConfirmWireDetailsComponentType\n}\n\nexport function PayrollLandingTabsContextual() {\n  const {\n    companyId,\n    onEvent,\n    selectedTab = 'run-payroll',\n    ConfirmWireDetailsComponent = ConfirmWireDetails,\n  } = useFlow<PayrollLandingFlowContextInterface>()\n  const [currentTab, setCurrentTab] = useState(selectedTab)\n  const { Tabs } = useComponentContext()\n\n  useI18n('Payroll.PayrollLanding')\n  const { t } = useTranslation('Payroll.PayrollLanding')\n\n  const tabs = [\n    {\n      id: 'run-payroll',\n      label: t('tabs.runPayroll'),\n      content: <PayrollList companyId={ensureRequired(companyId)} onEvent={onEvent} />,\n    },\n    {\n      id: 'payroll-history',\n      label: t('tabs.payrollHistory'),\n      content: <PayrollHistory companyId={ensureRequired(companyId)} onEvent={onEvent} />,\n    },\n  ]\n\n  return (\n    <Flex flexDirection=\"column\" gap={32}>\n      <ConfirmWireDetailsComponent companyId={ensureRequired(companyId)} onEvent={onEvent} />\n      <Tabs\n        tabs={tabs}\n        selectedId={currentTab}\n        onSelectionChange={setCurrentTab}\n        aria-label={t('aria.tabNavigation')}\n      />\n    </Flex>\n  )\n}\n\nexport function PayrollLandingReceiptsContextual() {\n  const { payrollUuid, onEvent, withReimbursements } = useFlow<PayrollLandingFlowContextInterface>()\n\n  return (\n    <PayrollReceipts\n      onEvent={onEvent}\n      payrollId={ensureRequired(payrollUuid)}\n      withReimbursements={withReimbursements}\n    />\n  )\n}\n\nexport function PayrollLandingOverviewContextual() {\n  const { companyId, payrollUuid, onEvent, withReimbursements, ConfirmWireDetailsComponent } =\n    useFlow<PayrollLandingFlowContextInterface>()\n\n  return (\n    <PayrollOverview\n      onEvent={onEvent}\n      companyId={ensureRequired(companyId)}\n      payrollId={ensureRequired(payrollUuid)}\n      withReimbursements={withReimbursements}\n      ConfirmWireDetailsComponent={ConfirmWireDetailsComponent}\n    />\n  )\n}\n"],"names":["PayrollLandingTabsContextual","companyId","onEvent","selectedTab","ConfirmWireDetailsComponent","ConfirmWireDetails","useFlow","currentTab","setCurrentTab","useState","Tabs","useComponentContext","useI18n","t","useTranslation","tabs","jsx","PayrollList","ensureRequired","PayrollHistory","jsxs","Flex","PayrollLandingReceiptsContextual","payrollUuid","withReimbursements","PayrollReceipts","PayrollLandingOverviewContextual","PayrollOverview"],"mappings":";;;;;;;;;;;;;AAkCO,SAASA,IAA+B;AAC7C,QAAM;AAAA,IACJ,WAAAC;AAAA,IACA,SAAAC;AAAA,IACA,aAAAC,IAAc;AAAA,IACd,6BAAAC,IAA8BC;AAAA,EAAA,IAC5BC,EAAA,GACE,CAACC,GAAYC,CAAa,IAAIC,EAASN,CAAW,GAClD,EAAE,MAAAO,EAAA,IAASC,EAAA;AAEjB,EAAAC,EAAQ,wBAAwB;AAChC,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,wBAAwB,GAE/CC,IAAO;AAAA,IACX;AAAA,MACE,IAAI;AAAA,MACJ,OAAOF,EAAE,iBAAiB;AAAA,MAC1B,SAAS,gBAAAG,EAACC,GAAA,EAAY,WAAWC,EAAejB,CAAS,GAAG,SAAAC,EAAA,CAAkB;AAAA,IAAA;AAAA,IAEhF;AAAA,MACE,IAAI;AAAA,MACJ,OAAOW,EAAE,qBAAqB;AAAA,MAC9B,SAAS,gBAAAG,EAACG,GAAA,EAAe,WAAWD,EAAejB,CAAS,GAAG,SAAAC,EAAA,CAAkB;AAAA,IAAA;AAAA,EACnF;AAGF,SACE,gBAAAkB,EAACC,GAAA,EAAK,eAAc,UAAS,KAAK,IAChC,UAAA;AAAA,IAAA,gBAAAL,EAACZ,GAAA,EAA4B,WAAWc,EAAejB,CAAS,GAAG,SAAAC,GAAkB;AAAA,IACrF,gBAAAc;AAAA,MAACN;AAAA,MAAA;AAAA,QACC,MAAAK;AAAA,QACA,YAAYR;AAAA,QACZ,mBAAmBC;AAAA,QACnB,cAAYK,EAAE,oBAAoB;AAAA,MAAA;AAAA,IAAA;AAAA,EACpC,GACF;AAEJ;AAEO,SAASS,IAAmC;AACjD,QAAM,EAAE,aAAAC,GAAa,SAAArB,GAAS,oBAAAsB,EAAA,IAAuBlB,EAAA;AAErD,SACE,gBAAAU;AAAA,IAACS;AAAA,IAAA;AAAA,MACC,SAAAvB;AAAA,MACA,WAAWgB,EAAeK,CAAW;AAAA,MACrC,oBAAAC;AAAA,IAAA;AAAA,EAAA;AAGN;AAEO,SAASE,IAAmC;AACjD,QAAM,EAAE,WAAAzB,GAAW,aAAAsB,GAAa,SAAArB,GAAS,oBAAAsB,GAAoB,6BAAApB,EAAA,IAC3DE,EAAA;AAEF,SACE,gBAAAU;AAAA,IAACW;AAAA,IAAA;AAAA,MACC,SAAAzB;AAAA,MACA,WAAWgB,EAAejB,CAAS;AAAA,MACnC,WAAWiB,EAAeK,CAAW;AAAA,MACrC,oBAAAC;AAAA,MACA,6BAAApB;AAAA,IAAA;AAAA,EAAA;AAGN;"}

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

@@ -6,7 +6,6 @@ import { getPayrollType as V } from "../helpers.js";
 import C from "./PayrollListPresentation.module.scss.js";
 import { Flex as i } from "../../Common/Flex/Flex.js";
 import "classnames";
-import "../../../shared/constants.js";
 import { HamburgerMenu as q } from "../../Common/HamburgerMenu/HamburgerMenu.js";
 import { useComponentContext as E } from "../../../contexts/ComponentAdapter/useComponentContext.js";
 import { useI18n as $ } from "../../../i18n/I18n.js";
@@ -16,7 +15,7 @@ import J from "../../../assets/icons/feature-icon-check.svg.js";
 import { useContainerBreakpoints as K } from "../../../hooks/useContainerBreakpoints/useContainerBreakpoints.js";
 import { PayrollStatusBadges as Q } from "../PayrollStatusBadges/PayrollStatusBadges.js";
 import { DataView as X } from "../../Common/DataView/DataView.js";
-const gt = ({
+const Dt = ({
   onRunPayroll: x,
   onSubmitPayroll: L,
   onSkipPayroll: A,
@@ -29,7 +28,7 @@ const gt = ({
   blockers: y,
   wireInRequests: M
 }) => {
-  const { Button: h, Dialog: O, Heading: T, Text: n, Alert: W } = E();
+  const { Button: h, Dialog: O, Heading: T, Text: o, Alert: W } = E();
   $("Payroll.PayrollList");
   const { t: e } = Y("Payroll.PayrollList"), s = G(), D = j(null), B = K({ ref: D }).includes("small"), [m, g] = N({
     isOpen: !1,
@@ -50,10 +49,10 @@ const gt = ({
   }, R = () => {
     m.payrollId && (A({ payrollUuid: m.payrollId }), P());
   }, S = (t, l) => {
-    const a = s.formatShort(t), o = s.formatShortWithYear(l);
+    const a = s.formatShort(t), n = s.formatShortWithYear(l);
     return {
       startDate: a,
-      endDate: o,
+      endDate: n,
       fullPeriod: s.formatPayPeriodRange(t, l, { useShortMonth: !0 })
     };
   };
@@ -82,7 +81,7 @@ const gt = ({
       {
         emptyState: () => /* @__PURE__ */ u(i, { flexDirection: "column", alignItems: "center", gap: 24, children: [
           /* @__PURE__ */ r(J, {}),
-          /* @__PURE__ */ r(n, { children: e("emptyState") })
+          /* @__PURE__ */ r(o, { children: e("emptyState") })
         ] }),
         data: w,
         columns: [
@@ -93,27 +92,27 @@ const gt = ({
                 t?.endDate
               );
               return /* @__PURE__ */ u(i, { flexDirection: "column", gap: 0, children: [
-                /* @__PURE__ */ u(n, { children: [
+                /* @__PURE__ */ u(o, { children: [
                   l,
                   " - ",
                   a
                 ] }),
-                /* @__PURE__ */ r(n, { variant: "supporting", children: p.find((o) => o.uuid === t?.payScheduleUuid)?.name || p.find((o) => o.uuid === t?.payScheduleUuid)?.customName })
+                /* @__PURE__ */ r(o, { variant: "supporting", children: p.find((n) => n.uuid === t?.payScheduleUuid)?.name || p.find((n) => n.uuid === t?.payScheduleUuid)?.customName })
               ] });
             },
             title: e("tableHeaders.0")
           },
           {
-            render: (t) => /* @__PURE__ */ r(n, { children: e(`type.${V(t)}`) }),
+            render: (t) => /* @__PURE__ */ r(o, { children: e(`type.${V(t)}`) }),
             title: e("tableHeaders.1")
           },
           {
-            render: ({ checkDate: t }) => /* @__PURE__ */ r(n, { children: s.formatShortWithWeekdayAndYear(t) }),
+            render: ({ checkDate: t }) => /* @__PURE__ */ r(o, { children: s.formatShortWithWeekdayAndYear(t) }),
             title: e("tableHeaders.2")
           },
           {
             title: e("tableHeaders.3"),
-            render: ({ payrollDeadline: t }) => /* @__PURE__ */ r(n, { children: s.formatShortWithWeekdayAndYear(t) })
+            render: ({ payrollDeadline: t }) => /* @__PURE__ */ r(o, { children: s.formatShortWithWeekdayAndYear(t) })
           },
           {
             title: e("tableHeaders.4"),
@@ -126,7 +125,7 @@ const gt = ({
           },
           {
             title: "",
-            render: ({ payrollUuid: t, calculatedAt: l, processed: a, payPeriod: o }) => {
+            render: ({ payrollUuid: t, calculatedAt: l, processed: a, payPeriod: n }) => {
               if (a)
                 return null;
               const d = f === t, c = l ? /* @__PURE__ */ r(
@@ -134,7 +133,7 @@ const gt = ({
                 {
                   isLoading: d,
                   onClick: () => {
-                    L({ payrollUuid: t, payPeriod: o });
+                    L({ payrollUuid: t, payPeriod: n });
                   },
                   title: e("submitPayrollCta"),
                   variant: "secondary",
@@ -145,7 +144,7 @@ const gt = ({
                 {
                   isLoading: d,
                   onClick: () => {
-                    x({ payrollUuid: t, payPeriod: o });
+                    x({ payrollUuid: t, payPeriod: n });
                   },
                   title: e("runPayrollTitle"),
                   variant: "secondary",
@@ -160,14 +159,14 @@ const gt = ({
         itemMenu: ({ payrollUuid: t, processed: l, payPeriod: a }) => {
           if (l)
             return null;
-          const o = f === t, { fullPeriod: d } = S(
+          const n = f === t, { fullPeriod: d } = S(
             a?.startDate,
             a?.endDate
           ), c = z(/* @__PURE__ */ new Date()), k = c ? new Date(c) : null, b = a?.startDate ? new Date(a.startDate) : null;
           return y.length === 0 && k && b && k >= b ? /* @__PURE__ */ r(
             q,
             {
-              isLoading: o,
+              isLoading: n,
               menuLabel: e("payrollMenuLabel"),
               items: [
                 {
@@ -198,6 +197,6 @@ const gt = ({
   ] }) });
 };
 export {
-  gt as PayrollListPresentation
+  Dt as PayrollListPresentation
 };
 //# sourceMappingURL=PayrollListPresentation.js.map