@gusto/embedded-react-sdk 0.21.0 → 0.23.0-rc.1

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

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

@@ -1,172 +1,196 @@
-import { jsx as u, jsxs as x } from "react/jsx-runtime";
-import { usePayrollsSubmitMutation as W } from "@gusto/embedded-api/react-query/payrollsSubmit";
-import { usePayrollsCancelMutation as j } from "@gusto/embedded-api/react-query/payrollsCancel";
-import { usePayrollsGetSuspense as V } from "@gusto/embedded-api/react-query/payrollsGet";
-import { useTranslation as H } from "react-i18next";
-import { useBankAccountsGetSuspense as K } from "@gusto/embedded-api/react-query/bankAccountsGet";
-import { useEmployeesListSuspense as z } from "@gusto/embedded-api/react-query/employeesList";
-import { useState as y, useEffect as J } from "react";
-import { useGustoEmbeddedContext as Q } from "@gusto/embedded-api/react-query/_context";
-import { payrollsGetPayStub as X } from "@gusto/embedded-api/funcs/payrollsGetPayStub";
-import { useErrorBoundary as Z } from "react-error-boundary";
-import { ConfirmWireDetails as $ } from "../ConfirmWireDetails/ConfirmWireDetails.js";
-import { PayrollOverviewPresentation as ee } from "./PayrollOverviewPresentation.js";
-import { PAYROLL_PROCESSING_STATUS as p, componentEvents as l, PAYROLL_RESOLVABLE_SUBMISSION_BLOCKER_TYPES as te } from "../../../shared/constants.js";
-import { BaseComponent as oe } from "../../Base/Base.js";
-import { useBase as se } from "../../Base/useBase.js";
-import { useComponentDictionary as re, useI18n as ne } from "../../../i18n/I18n.js";
-import { readableStreamToBlob as ie } from "../../../helpers/readableStreamToBlob.js";
-import ae from "../../../hooks/useNumberFormatter.js";
-import { useDateFormatter as le } from "../../../hooks/useDateFormatter.js";
-import { useComponentContext as ce } from "../../../contexts/ComponentAdapter/useComponentContext.js";
-import { renderErrorList as ue } from "../../../helpers/apiErrorToList.js";
-import { Flex as me } from "../../Common/Flex/Flex.js";
+import { jsx as c, jsxs as z } from "react/jsx-runtime";
+import { usePayrollsSubmitMutation as J } from "@gusto/embedded-api/react-query/payrollsSubmit";
+import { usePayrollsCancelMutation as Q } from "@gusto/embedded-api/react-query/payrollsCancel";
+import { usePayrollsGetSuspense as X } from "@gusto/embedded-api/react-query/payrollsGet";
+import { useTranslation as Z } from "react-i18next";
+import { useBankAccountsGetSuspense as $ } from "@gusto/embedded-api/react-query/bankAccountsGet";
+import { useEmployeesListSuspense as ee } from "@gusto/embedded-api/react-query/employeesList";
+import { useWireInRequestsGet as te } from "@gusto/embedded-api/react-query/wireInRequestsGet";
+import { useState as b, useEffect as S } from "react";
+import { useGustoEmbeddedContext as se } from "@gusto/embedded-api/react-query/_context";
+import { payrollsGetPayStub as oe } from "@gusto/embedded-api/funcs/payrollsGetPayStub";
+import { useErrorBoundary as re } from "react-error-boundary";
+import { ConfirmWireDetails as ne } from "../ConfirmWireDetails/ConfirmWireDetails.js";
+import { PayrollOverviewPresentation as ie } from "./PayrollOverviewPresentation.js";
+import { PAYROLL_PROCESSING_STATUS as R, componentEvents as l, PAYROLL_RESOLVABLE_SUBMISSION_BLOCKER_TYPES as ae, payrollWireEvents as le } from "../../../shared/constants.js";
+import { BaseComponent as ce } from "../../Base/Base.js";
+import { useBase as ue } from "../../Base/useBase.js";
+import { useComponentDictionary as me, useI18n as pe } from "../../../i18n/I18n.js";
+import { readableStreamToBlob as de } from "../../../helpers/readableStreamToBlob.js";
+import fe from "../../../hooks/useNumberFormatter.js";
+import { useDateFormatter as ye } from "../../../hooks/useDateFormatter.js";
+import { useComponentContext as Pe } from "../../../contexts/ComponentAdapter/useComponentContext.js";
+import { renderErrorList as be } from "../../../helpers/apiErrorToList.js";
+import { Flex as Re } from "../../Common/Flex/Flex.js";
 import "classnames";
-const pe = (o = []) => o.filter(
-  (n) => n.status === "unresolved" && n.unblockOptions && n.unblockOptions.length > 0
-), de = (o = []) => {
-  const n = o.find((s) => s.status === "unresolved");
-  return n?.unblockOptions ? n.unblockOptions.find(
-    (s) => s.unblockType === "submit_wire"
+const we = (o = []) => o.filter(
+  (i) => i.status === "unresolved" && i.unblockOptions && i.unblockOptions.length > 0
+), Se = (o = []) => {
+  const i = o.find((n) => n.status === "unresolved");
+  return i?.unblockOptions ? i.unblockOptions.find(
+    (n) => n.unblockType === "submit_wire"
   )?.metadata.wireInRequestUuid : void 0;
 };
-function We(o) {
-  return /* @__PURE__ */ u(oe, { ...o, children: /* @__PURE__ */ u(fe, { ...o, children: o.children }) });
+function Ze(o) {
+  return /* @__PURE__ */ c(ce, { ...o, children: /* @__PURE__ */ c(Oe, { ...o, children: o.children }) });
 }
-const fe = ({
+const Oe = ({
   companyId: o,
-  payrollId: n,
-  dictionary: P,
-  onEvent: s,
-  alerts: C
+  payrollId: i,
+  dictionary: O,
+  onEvent: n,
+  alerts: k
 }) => {
-  re("Payroll.PayrollOverview", P), ne("Payroll.PayrollOverview");
-  const { baseSubmitHandler: b } = se(), { t: a } = H("Payroll.PayrollOverview"), [c, m] = y(!1), [U, d] = y(C || []), [R, A] = y({}), { showBoundary: D } = Z(), O = ae("currency"), S = le(), { Button: E, UnorderedList: g } = ce(), { data: f } = V(
+  me("Payroll.PayrollOverview", O), pe("Payroll.PayrollOverview");
+  const { baseSubmitHandler: L } = ue(), { t: a } = Z("Payroll.PayrollOverview"), [u, p] = b(!1), [A, d] = b(k || []), [D, g] = b({}), [f, m] = b(!1), { showBoundary: B } = re(), _ = fe("currency"), y = ye(), { Button: v, UnorderedList: T, Text: h } = Pe(), { data: w } = X(
     {
       companyId: o,
-      payrollId: n,
+      payrollId: i,
       include: ["taxes", "benefits", "deductions"]
     },
-    { refetchInterval: c ? 5e3 : !1 }
-  ), e = f.payrollShow, k = pe(e.submissionBlockers), L = de(e.creditBlockers), w = () => {
-    s(l.RUN_PAYROLL_EDIT);
-  }, B = L && /* @__PURE__ */ u($, { companyId: o, wireInId: L, onEvent: s });
-  J(() => {
-    e.processingRequest?.status === p.submitting && !c && m(!0), c && e.processingRequest?.status === p.submit_success && (s(l.RUN_PAYROLL_PROCESSED), d([
+    { refetchInterval: u ? 5e3 : !1 }
+  ), e = w.payrollShow, q = we(e.submissionBlockers), P = Se(e.creditBlockers), { data: N } = te(
+    {
+      wireInRequestUuid: P || ""
+    },
+    { enabled: !!P }
+  ), E = N?.wireInRequest, C = () => {
+    n(l.RUN_PAYROLL_EDIT);
+  }, I = P && /* @__PURE__ */ c(ne, { companyId: o, wireInId: P, onEvent: (t, r) => {
+    t === le.PAYROLL_WIRE_FORM_DONE && m(!0), n(t, r);
+  } });
+  S(() => {
+    E?.status === "pending_review" && !f && m(!0);
+  }, [E?.status, f]), S(() => {
+    if (f) {
+      const t = y.formatShortWithYear(e.checkDate);
+      d([
+        {
+          type: "success",
+          title: a("alerts.wireDetailsSubmittedTitle"),
+          content: /* @__PURE__ */ c(h, { children: a("alerts.wireDetailsSubmittedMessage", { checkDate: t }) }),
+          onDismiss: () => {
+            m(!1);
+          }
+        }
+      ]);
+    }
+  }, [f, e.checkDate, a, y, h]), S(() => {
+    e.processingRequest?.status === R.submitting && !u && p(!0), u && e.processingRequest?.status === R.submit_success && (n(l.RUN_PAYROLL_PROCESSED), d([
       {
         type: "success",
         title: a("alerts.payrollProcessedTitle"),
         content: a("alerts.payrollProcessedMessage", {
-          amount: O(Number(e.totals?.netPayDebit)),
-          date: S.formatShortWithYear(
+          amount: _(Number(e.totals?.netPayDebit)),
+          date: y.formatShortWithYear(
             e.payrollStatusMeta?.expectedDebitTime ?? e.payrollDeadline
           )
         })
       }
-    ]), m(!1)), c && e.processingRequest?.status === p.processing_failed && (s(l.RUN_PAYROLL_PROCESSING_FAILED), d([
+    ]), m(!1), p(!1)), u && e.processingRequest?.status === R.processing_failed && (n(l.RUN_PAYROLL_PROCESSING_FAILED), d([
       {
         type: "error",
         title: a("alerts.payrollProcessingFailedTitle"),
-        content: /* @__PURE__ */ x(me, { flexDirection: "column", gap: 16, children: [
-          /* @__PURE__ */ u(g, { items: ue(e.processingRequest.errors ?? []) }),
-          /* @__PURE__ */ u(E, { variant: "secondary", onClick: w, children: a("alerts.payrollProcessingFailedCtaLabel") })
+        content: /* @__PURE__ */ z(Re, { flexDirection: "column", gap: 16, children: [
+          /* @__PURE__ */ c(T, { items: be(e.processingRequest.errors ?? []) }),
+          /* @__PURE__ */ c(v, { variant: "secondary", onClick: C, children: a("alerts.payrollProcessingFailedCtaLabel") })
         ] })
       }
-    ]), m(!1));
+    ]), m(!1), p(!1));
   }, [
     e.processingRequest?.status,
-    c,
-    s,
+    u,
+    n,
     a,
-    S,
-    O,
+    y,
+    _,
     e.totals?.netPayDebit,
     e.payrollStatusMeta?.expectedDebitTime,
     e.payrollDeadline
   ]);
-  const { data: h } = K({
+  const { data: W } = $({
     companyId: o
-  }), T = h.companyBankAccounts?.[0], { data: N } = z({
+  }), Y = W.companyBankAccounts?.[0], { data: F } = ee({
     companyId: o
-  }), { mutateAsync: v, isPending: q } = W(), { mutateAsync: Y, isPending: F } = j();
+  }), { mutateAsync: M, isPending: G } = J(), { mutateAsync: x, isPending: j } = Q();
   if (!e.calculatedAt)
     throw new Error(a("alerts.payrollNotCalculated"));
-  const I = Q(), G = e.employeeCompensations?.reduce(
-    (r, i) => (i.taxes?.forEach((t) => {
-      r[t.name] = {
-        employee: (r[t.name]?.employee ?? 0) + (t.employer ? 0 : t.amount),
-        employer: (r[t.name]?.employer ?? 0) + (t.employer ? t.amount : 0)
+  const V = se(), H = e.employeeCompensations?.reduce(
+    (t, r) => (r.taxes?.forEach((s) => {
+      t[s.name] = {
+        employee: (t[s.name]?.employee ?? 0) + (s.employer ? 0 : s.amount),
+        employer: (t[s.name]?.employer ?? 0) + (s.employer ? s.amount : 0)
       };
-    }), r),
+    }), t),
     {}
   ) || {};
-  return /* @__PURE__ */ u(
-    ee,
+  return /* @__PURE__ */ c(
+    ie,
     {
-      onEdit: w,
+      onEdit: C,
       onSubmit: async () => {
-        await b(f, async () => {
-          const r = await v({
+        await L(w, async () => {
+          const t = await M({
             request: {
               companyId: o,
-              payrollId: n,
+              payrollId: i,
               requestBody: {
-                submissionBlockers: Object.entries(R).filter(
-                  ([i]) => te.includes(i)
-                ).map(([i, t]) => ({
-                  blockerType: i,
-                  selectedOption: t
+                submissionBlockers: Object.entries(D).filter(
+                  ([r]) => ae.includes(r)
+                ).map(([r, s]) => ({
+                  blockerType: r,
+                  selectedOption: s
                 }))
               }
             }
           });
-          s(l.RUN_PAYROLL_SUBMITTED, r), m(!0);
+          n(l.RUN_PAYROLL_SUBMITTED, t), p(!0);
         });
       },
       onCancel: async () => {
-        await b(f, async () => {
-          const r = await Y({
+        await L(w, async () => {
+          const t = await x({
             request: {
               companyId: o,
-              payrollId: n
+              payrollId: i
             }
           });
-          s(l.RUN_PAYROLL_CANCELLED, r), d([]);
+          n(l.RUN_PAYROLL_CANCELLED, t), d([]);
         });
       },
       onPayrollReceipt: () => {
-        s(l.RUN_PAYROLL_RECEIPT_GET, { payrollId: n });
+        n(l.RUN_PAYROLL_RECEIPT_GET, { payrollId: i });
       },
-      onPaystubDownload: async (r) => {
-        const i = window.open("", "_blank");
+      onPaystubDownload: async (t) => {
+        const r = window.open("", "_blank");
         try {
-          const t = await X(I, { payrollId: n, employeeId: r });
-          if (!t.value?.responseStream)
+          const s = await oe(V, { payrollId: i, employeeId: t });
+          if (!s.value?.responseStream)
             throw new Error(a("alerts.paystubPdfError"));
-          const M = await ie(t.value.responseStream, "application/pdf"), _ = URL.createObjectURL(M);
-          i && (i.location.href = _), s(l.RUN_PAYROLL_PDF_PAYSTUB_VIEWED, { employeeId: r }), URL.revokeObjectURL(_);
-        } catch (t) {
-          i && i.close(), D(t);
+          const K = await de(s.value.responseStream, "application/pdf"), U = URL.createObjectURL(K);
+          r && (r.location.href = U), n(l.RUN_PAYROLL_PDF_PAYSTUB_VIEWED, { employeeId: t }), URL.revokeObjectURL(U);
+        } catch (s) {
+          r && r.close(), B(s);
         }
       },
-      isSubmitting: q || c || F,
-      isProcessed: e.processingRequest?.status === p.submit_success,
+      isSubmitting: G || u || j,
+      isProcessed: e.processingRequest?.status === R.submit_success,
       payrollData: e,
-      bankAccount: T,
-      employeeDetails: N.showEmployees || [],
-      taxes: G,
-      alerts: U,
-      submissionBlockers: k,
-      selectedUnblockOptions: R,
-      onUnblockOptionChange: (r, i) => {
-        A((t) => ({ ...t, [r]: i }));
+      bankAccount: Y,
+      employeeDetails: F.showEmployees || [],
+      taxes: H,
+      alerts: A,
+      submissionBlockers: q,
+      selectedUnblockOptions: D,
+      onUnblockOptionChange: (t, r) => {
+        g((s) => ({ ...s, [t]: r }));
       },
-      wireInConfirmationRequest: B
+      wireInConfirmationRequest: I
     }
   );
 };
 export {
-  We as PayrollOverview,
-  fe as Root
+  Ze as PayrollOverview,
+  Oe as Root
 };
 //# sourceMappingURL=PayrollOverview.js.map