@gusto/embedded-react-sdk 0.21.0 → 0.22.0

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

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

@@ -1 +1 @@
-{"version":3,"file":"PayrollListPresentation.js","sources":["../../../../src/components/Payroll/PayrollList/PayrollListPresentation.tsx"],"sourcesContent":["import type { Payroll } from '@gusto/embedded-api/models/components/payroll'\nimport type { PayScheduleList } from '@gusto/embedded-api/models/components/payschedulelist'\nimport type { WireInRequest } from '@gusto/embedded-api/models/components/wireinrequest'\nimport { useState, useRef } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport type { ApiPayrollBlocker } from '../PayrollBlocker/payrollHelpers'\nimport { PayrollBlockerAlerts } from '../PayrollBlocker/components/PayrollBlockerAlerts'\nimport { PayrollStatusBadges } from '../PayrollStatusBadges'\nimport { getPayrollType } from '../helpers'\nimport styles from './PayrollListPresentation.module.scss'\nimport { DataView, Flex, HamburgerMenu } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useI18n } from '@/i18n'\nimport { formatDateToStringDate } from '@/helpers/dateFormatting'\nimport { useDateFormatter } from '@/hooks/useDateFormatter'\nimport FeatureIconCheck from '@/assets/icons/feature-icon-check.svg?react'\nimport useContainerBreakpoints from '@/hooks/useContainerBreakpoints/useContainerBreakpoints'\n\ninterface PayrollListPresentationProps {\n  onRunPayroll: ({ payrollUuid, payPeriod }: Pick<Payroll, 'payrollUuid' | 'payPeriod'>) => void\n  onSubmitPayroll: ({ payrollUuid, payPeriod }: Pick<Payroll, 'payrollUuid' | 'payPeriod'>) => void\n  onSkipPayroll: ({ payrollUuid }: Pick<Payroll, 'payrollUuid'>) => void\n  onViewBlockers?: () => void\n  payrolls: Payroll[]\n  paySchedules: PayScheduleList[]\n  showSkipSuccessAlert: boolean\n  onDismissSkipSuccessAlert: () => void\n  skippingPayrollId: string | null\n  blockers: ApiPayrollBlocker[]\n  wireInRequests: WireInRequest[]\n}\n\nexport const PayrollListPresentation = ({\n  onRunPayroll,\n  onSubmitPayroll,\n  onSkipPayroll,\n  onViewBlockers,\n  payrolls,\n  paySchedules,\n  showSkipSuccessAlert,\n  onDismissSkipSuccessAlert,\n  skippingPayrollId,\n  blockers,\n  wireInRequests,\n}: PayrollListPresentationProps) => {\n  const { Button, Dialog, Heading, Text, Alert } = useComponentContext()\n  useI18n('Payroll.PayrollList')\n  const { t } = useTranslation('Payroll.PayrollList')\n  const dateFormatter = useDateFormatter()\n  const containerRef = useRef<HTMLDivElement>(null)\n  const breakpoints = useContainerBreakpoints({ ref: containerRef })\n  const isDesktop = breakpoints.includes('small')\n  const [skipPayrollDialogState, setSkipPayrollDialogState] = useState<{\n    isOpen: boolean\n    payrollId: string | null\n    payPeriod: string | null\n  }>({\n    isOpen: false,\n    payrollId: null,\n    payPeriod: null,\n  })\n\n  const handleOpenSkipDialog = (payrollId: string, payPeriod: string) => {\n    setSkipPayrollDialogState({\n      isOpen: true,\n      payrollId,\n      payPeriod,\n    })\n  }\n\n  const handleCloseSkipDialog = () => {\n    setSkipPayrollDialogState({\n      isOpen: false,\n      payrollId: null,\n      payPeriod: null,\n    })\n  }\n\n  const handleConfirmSkipPayroll = () => {\n    if (skipPayrollDialogState.payrollId) {\n      onSkipPayroll({ payrollUuid: skipPayrollDialogState.payrollId })\n      handleCloseSkipDialog()\n    }\n  }\n\n  const formatPayPeriod = (startDate: string | undefined, endDate: string | undefined) => {\n    const formattedStartDate = dateFormatter.formatShort(startDate)\n    const formattedEndDate = dateFormatter.formatShortWithYear(endDate)\n\n    return {\n      startDate: formattedStartDate,\n      endDate: formattedEndDate,\n      fullPeriod: dateFormatter.formatPayPeriodRange(startDate, endDate, { useShortMonth: true }),\n    }\n  }\n\n  return (\n    <div ref={containerRef} className={styles.container}>\n      <Flex flexDirection=\"column\" gap={16}>\n        {showSkipSuccessAlert && (\n          <div className={styles.alertContainer}>\n            <Alert\n              status=\"info\"\n              label={t('skipSuccessAlert')}\n              onDismiss={onDismissSkipSuccessAlert}\n            />\n          </div>\n        )}\n        <PayrollBlockerAlerts blockers={blockers} onMultipleViewClick={onViewBlockers} />\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        </Flex>\n\n        <DataView\n          emptyState={() => (\n            <Flex flexDirection=\"column\" alignItems=\"center\" gap={24}>\n              <FeatureIconCheck />\n              <Text>{t('emptyState')}</Text>\n            </Flex>\n          )}\n          data={payrolls}\n          columns={[\n            {\n              render: ({ payPeriod }) => {\n                const { startDate, endDate } = formatPayPeriod(\n                  payPeriod?.startDate,\n                  payPeriod?.endDate,\n                )\n\n                return (\n                  <Flex flexDirection=\"column\" gap={0}>\n                    <Text>\n                      {startDate} - {endDate}\n                    </Text>\n                    <Text variant=\"supporting\">\n                      {paySchedules.find(schedule => schedule.uuid === payPeriod?.payScheduleUuid)\n                        ?.name ||\n                        paySchedules.find(schedule => schedule.uuid === payPeriod?.payScheduleUuid)\n                          ?.customName}\n                    </Text>\n                  </Flex>\n                )\n              },\n              title: t('tableHeaders.0'),\n            },\n            {\n              render: payroll => <Text>{t(`type.${getPayrollType(payroll)}`)}</Text>,\n              title: t('tableHeaders.1'),\n            },\n            {\n              render: ({ checkDate }) => (\n                <Text>{dateFormatter.formatShortWithWeekdayAndYear(checkDate)}</Text>\n              ),\n              title: t('tableHeaders.2'),\n            },\n            {\n              title: t('tableHeaders.3'),\n              render: ({ payrollDeadline }) => (\n                <Text>{dateFormatter.formatShortWithWeekdayAndYear(payrollDeadline)}</Text>\n              ),\n            },\n            {\n              title: t('tableHeaders.4'),\n              render: payroll => {\n                const wireInRequest = wireInRequests.find(\n                  wire => wire.paymentUuid === payroll.payrollUuid,\n                )\n                return <PayrollStatusBadges payroll={payroll} wireInRequest={wireInRequest} />\n              },\n            },\n            {\n              title: '',\n              render: ({ payrollUuid, calculatedAt, processed, payPeriod }) => {\n                if (processed) {\n                  return null\n                }\n\n                const isProcessingSkipPayroll = skippingPayrollId === payrollUuid\n\n                const button = calculatedAt ? (\n                  <Button\n                    isLoading={isProcessingSkipPayroll}\n                    onClick={() => {\n                      onSubmitPayroll({ payrollUuid, payPeriod })\n                    }}\n                    title={t('submitPayrollCta')}\n                    variant=\"secondary\"\n                  >\n                    {t('submitPayrollCta')}\n                  </Button>\n                ) : (\n                  <Button\n                    isLoading={isProcessingSkipPayroll}\n                    onClick={() => {\n                      onRunPayroll({ payrollUuid, payPeriod })\n                    }}\n                    title={t('runPayrollTitle')}\n                    variant=\"secondary\"\n                  >\n                    {t('runPayrollTitle')}\n                  </Button>\n                )\n\n                return isDesktop ? (\n                  button\n                ) : (\n                  <Flex flexDirection=\"column\" alignItems=\"stretch\" gap={12}>\n                    {button}\n                  </Flex>\n                )\n              },\n            },\n          ]}\n          label={t('payrollsListLabel')}\n          itemMenu={({ payrollUuid, processed, payPeriod }) => {\n            if (processed) {\n              return null\n            }\n\n            const isProcessingSkipPayroll = skippingPayrollId === payrollUuid\n\n            const { fullPeriod: payPeriodString } = formatPayPeriod(\n              payPeriod?.startDate,\n              payPeriod?.endDate,\n            )\n\n            const todayDateString = formatDateToStringDate(new Date())\n            const todayAtMidnight = todayDateString ? new Date(todayDateString) : null\n            const payPeriodStartDate = payPeriod?.startDate ? new Date(payPeriod.startDate) : null\n\n            const canSkipPayroll =\n              blockers.length === 0 &&\n              todayAtMidnight &&\n              payPeriodStartDate &&\n              todayAtMidnight >= payPeriodStartDate\n\n            if (!canSkipPayroll) {\n              return null\n            }\n\n            return (\n              <HamburgerMenu\n                isLoading={isProcessingSkipPayroll}\n                menuLabel={t('payrollMenuLabel')}\n                items={[\n                  {\n                    label: t('skipPayrollCta'),\n                    onClick: () => {\n                      handleOpenSkipDialog(payrollUuid!, payPeriodString)\n                    },\n                  },\n                ]}\n              />\n            )\n          }}\n        />\n        <Dialog\n          isOpen={skipPayrollDialogState.isOpen}\n          onClose={handleCloseSkipDialog}\n          onPrimaryActionClick={handleConfirmSkipPayroll}\n          isDestructive={true}\n          title={t('skipPayrollDialog.title', { payPeriod: skipPayrollDialogState.payPeriod })}\n          primaryActionLabel={t('skipPayrollDialog.confirmCta')}\n          closeActionLabel={t('skipPayrollDialog.cancelCta')}\n        >\n          {t('skipPayrollDialog.body')}\n        </Dialog>\n      </Flex>\n    </div>\n  )\n}\n"],"names":["PayrollListPresentation","onRunPayroll","onSubmitPayroll","onSkipPayroll","onViewBlockers","payrolls","paySchedules","showSkipSuccessAlert","onDismissSkipSuccessAlert","skippingPayrollId","blockers","wireInRequests","Button","Dialog","Heading","Text","Alert","useComponentContext","useI18n","t","useTranslation","dateFormatter","useDateFormatter","containerRef","useRef","isDesktop","useContainerBreakpoints","skipPayrollDialogState","setSkipPayrollDialogState","useState","handleOpenSkipDialog","payrollId","payPeriod","handleCloseSkipDialog","handleConfirmSkipPayroll","formatPayPeriod","startDate","endDate","formattedStartDate","formattedEndDate","jsx","styles","jsxs","Flex","PayrollBlockerAlerts","DataView","FeatureIconCheck","schedule","payroll","getPayrollType","checkDate","payrollDeadline","wireInRequest","wire","PayrollStatusBadges","payrollUuid","calculatedAt","processed","isProcessingSkipPayroll","button","payPeriodString","todayDateString","formatDateToStringDate","todayAtMidnight","payPeriodStartDate","HamburgerMenu"],"mappings":"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"}
+{"version":3,"file":"PayrollListPresentation.js","sources":["../../../../src/components/Payroll/PayrollList/PayrollListPresentation.tsx"],"sourcesContent":["import type { Payroll } from '@gusto/embedded-api/models/components/payroll'\nimport type { PayScheduleList } from '@gusto/embedded-api/models/components/payschedulelist'\nimport type { WireInRequest } from '@gusto/embedded-api/models/components/wireinrequest'\nimport { useState, useRef } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport type { ApiPayrollBlocker } from '../PayrollBlocker/payrollHelpers'\nimport { PayrollBlockerAlerts } from '../PayrollBlocker/components/PayrollBlockerAlerts'\nimport { PayrollStatusBadges } from '../PayrollStatusBadges'\nimport { getPayrollType } from '../helpers'\nimport styles from './PayrollListPresentation.module.scss'\nimport { DataView, Flex, HamburgerMenu } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useI18n } from '@/i18n'\nimport { formatDateToStringDate } from '@/helpers/dateFormatting'\nimport { useDateFormatter } from '@/hooks/useDateFormatter'\nimport FeatureIconCheck from '@/assets/icons/feature-icon-check.svg?react'\nimport useContainerBreakpoints from '@/hooks/useContainerBreakpoints/useContainerBreakpoints'\n\ninterface PayrollListPresentationProps {\n  onRunPayroll: ({ payrollUuid, payPeriod }: Pick<Payroll, 'payrollUuid' | 'payPeriod'>) => void\n  onSubmitPayroll: ({ payrollUuid, payPeriod }: Pick<Payroll, 'payrollUuid' | 'payPeriod'>) => void\n  onSkipPayroll: ({ payrollUuid }: Pick<Payroll, 'payrollUuid'>) => void\n  onViewBlockers?: () => void\n  payrolls: Payroll[]\n  paySchedules: PayScheduleList[]\n  showSkipSuccessAlert: boolean\n  onDismissSkipSuccessAlert: () => void\n  skippingPayrollId: string | null\n  blockers: ApiPayrollBlocker[]\n  wireInRequests: WireInRequest[]\n}\n\nexport const PayrollListPresentation = ({\n  onRunPayroll,\n  onSubmitPayroll,\n  onSkipPayroll,\n  onViewBlockers,\n  payrolls,\n  paySchedules,\n  showSkipSuccessAlert,\n  onDismissSkipSuccessAlert,\n  skippingPayrollId,\n  blockers,\n  wireInRequests,\n}: PayrollListPresentationProps) => {\n  const { Button, Dialog, Heading, Text, Alert } = useComponentContext()\n  useI18n('Payroll.PayrollList')\n  const { t } = useTranslation('Payroll.PayrollList')\n  const dateFormatter = useDateFormatter()\n  const containerRef = useRef<HTMLDivElement>(null)\n  const breakpoints = useContainerBreakpoints({ ref: containerRef })\n  const isDesktop = breakpoints.includes('small')\n  const [skipPayrollDialogState, setSkipPayrollDialogState] = useState<{\n    isOpen: boolean\n    payrollId: string | null\n    payPeriod: string | null\n  }>({\n    isOpen: false,\n    payrollId: null,\n    payPeriod: null,\n  })\n\n  const handleOpenSkipDialog = (payrollId: string, payPeriod: string) => {\n    setSkipPayrollDialogState({\n      isOpen: true,\n      payrollId,\n      payPeriod,\n    })\n  }\n\n  const handleCloseSkipDialog = () => {\n    setSkipPayrollDialogState({\n      isOpen: false,\n      payrollId: null,\n      payPeriod: null,\n    })\n  }\n\n  const handleConfirmSkipPayroll = () => {\n    if (skipPayrollDialogState.payrollId) {\n      onSkipPayroll({ payrollUuid: skipPayrollDialogState.payrollId })\n      handleCloseSkipDialog()\n    }\n  }\n\n  const formatPayPeriod = (startDate: string | undefined, endDate: string | undefined) => {\n    const formattedStartDate = dateFormatter.formatShort(startDate)\n    const formattedEndDate = dateFormatter.formatShortWithYear(endDate)\n\n    return {\n      startDate: formattedStartDate,\n      endDate: formattedEndDate,\n      fullPeriod: dateFormatter.formatPayPeriodRange(startDate, endDate, { useShortMonth: true }),\n    }\n  }\n\n  return (\n    <div ref={containerRef} className={styles.container}>\n      <Flex flexDirection=\"column\" gap={16}>\n        {showSkipSuccessAlert && (\n          <div className={styles.alertContainer}>\n            <Alert\n              status=\"info\"\n              label={t('skipSuccessAlert')}\n              onDismiss={onDismissSkipSuccessAlert}\n            />\n          </div>\n        )}\n        <PayrollBlockerAlerts blockers={blockers} onMultipleViewClick={onViewBlockers} />\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        </Flex>\n\n        <DataView\n          emptyState={() => (\n            <Flex flexDirection=\"column\" alignItems=\"center\" gap={24}>\n              <FeatureIconCheck />\n              <Text>{t('emptyState')}</Text>\n            </Flex>\n          )}\n          data={payrolls}\n          columns={[\n            {\n              render: ({ payPeriod }) => {\n                const { startDate, endDate } = formatPayPeriod(\n                  payPeriod?.startDate,\n                  payPeriod?.endDate,\n                )\n\n                return (\n                  <Flex flexDirection=\"column\" gap={0}>\n                    <Text>\n                      {startDate} - {endDate}\n                    </Text>\n                    <Text variant=\"supporting\">\n                      {paySchedules.find(schedule => schedule.uuid === payPeriod?.payScheduleUuid)\n                        ?.name ||\n                        paySchedules.find(schedule => schedule.uuid === payPeriod?.payScheduleUuid)\n                          ?.customName}\n                    </Text>\n                  </Flex>\n                )\n              },\n              title: t('tableHeaders.0'),\n            },\n            {\n              render: payroll => <Text>{t(`type.${getPayrollType(payroll)}`)}</Text>,\n              title: t('tableHeaders.1'),\n            },\n            {\n              render: ({ checkDate }) => (\n                <Text>{dateFormatter.formatShortWithWeekdayAndYear(checkDate)}</Text>\n              ),\n              title: t('tableHeaders.2'),\n            },\n            {\n              title: t('tableHeaders.3'),\n              render: ({ payrollDeadline }) => (\n                <Text>{dateFormatter.formatShortWithWeekdayAndYear(payrollDeadline)}</Text>\n              ),\n            },\n            {\n              title: t('tableHeaders.4'),\n              render: payroll => {\n                const wireInRequest = wireInRequests.find(\n                  wire => wire.paymentUuid === payroll.payrollUuid,\n                )\n                return <PayrollStatusBadges payroll={payroll} wireInRequest={wireInRequest} />\n              },\n            },\n            {\n              title: '',\n              render: ({ payrollUuid, calculatedAt, processed, payPeriod }) => {\n                if (processed) {\n                  return null\n                }\n\n                const isProcessingSkipPayroll = skippingPayrollId === payrollUuid\n\n                const button = calculatedAt ? (\n                  <Button\n                    isLoading={isProcessingSkipPayroll}\n                    onClick={() => {\n                      onSubmitPayroll({ payrollUuid, payPeriod })\n                    }}\n                    title={t('submitPayrollCta')}\n                    variant=\"secondary\"\n                  >\n                    {t('submitPayrollCta')}\n                  </Button>\n                ) : (\n                  <Button\n                    isLoading={isProcessingSkipPayroll}\n                    onClick={() => {\n                      onRunPayroll({ payrollUuid, payPeriod })\n                    }}\n                    title={t('runPayrollTitle')}\n                    variant=\"secondary\"\n                  >\n                    {t('runPayrollTitle')}\n                  </Button>\n                )\n\n                return isDesktop ? (\n                  button\n                ) : (\n                  <Flex flexDirection=\"column\" alignItems=\"stretch\" gap={12}>\n                    {button}\n                  </Flex>\n                )\n              },\n            },\n          ]}\n          label={t('payrollsListLabel')}\n          itemMenu={({ payrollUuid, processed, payPeriod }) => {\n            if (processed) {\n              return null\n            }\n\n            const isProcessingSkipPayroll = skippingPayrollId === payrollUuid\n\n            const { fullPeriod: payPeriodString } = formatPayPeriod(\n              payPeriod?.startDate,\n              payPeriod?.endDate,\n            )\n\n            const todayDateString = formatDateToStringDate(new Date())\n            const todayAtMidnight = todayDateString ? new Date(todayDateString) : null\n            const payPeriodStartDate = payPeriod?.startDate ? new Date(payPeriod.startDate) : null\n\n            const canSkipPayroll =\n              blockers.length === 0 &&\n              todayAtMidnight &&\n              payPeriodStartDate &&\n              todayAtMidnight >= payPeriodStartDate\n\n            if (!canSkipPayroll) {\n              return null\n            }\n\n            return (\n              <HamburgerMenu\n                isLoading={isProcessingSkipPayroll}\n                menuLabel={t('payrollMenuLabel')}\n                items={[\n                  {\n                    label: t('skipPayrollCta'),\n                    onClick: () => {\n                      handleOpenSkipDialog(payrollUuid!, payPeriodString)\n                    },\n                  },\n                ]}\n              />\n            )\n          }}\n        />\n        <Dialog\n          isOpen={skipPayrollDialogState.isOpen}\n          onClose={handleCloseSkipDialog}\n          onPrimaryActionClick={handleConfirmSkipPayroll}\n          isDestructive={true}\n          title={t('skipPayrollDialog.title', { payPeriod: skipPayrollDialogState.payPeriod })}\n          primaryActionLabel={t('skipPayrollDialog.confirmCta')}\n          closeActionLabel={t('skipPayrollDialog.cancelCta')}\n        >\n          {t('skipPayrollDialog.body')}\n        </Dialog>\n      </Flex>\n    </div>\n  )\n}\n"],"names":["PayrollListPresentation","onRunPayroll","onSubmitPayroll","onSkipPayroll","onViewBlockers","payrolls","paySchedules","showSkipSuccessAlert","onDismissSkipSuccessAlert","skippingPayrollId","blockers","wireInRequests","Button","Dialog","Heading","Text","Alert","useComponentContext","useI18n","t","useTranslation","dateFormatter","useDateFormatter","containerRef","useRef","isDesktop","useContainerBreakpoints","skipPayrollDialogState","setSkipPayrollDialogState","useState","handleOpenSkipDialog","payrollId","payPeriod","handleCloseSkipDialog","handleConfirmSkipPayroll","formatPayPeriod","startDate","endDate","formattedStartDate","formattedEndDate","jsx","styles","jsxs","Flex","PayrollBlockerAlerts","DataView","FeatureIconCheck","schedule","payroll","getPayrollType","checkDate","payrollDeadline","wireInRequest","wire","PayrollStatusBadges","payrollUuid","calculatedAt","processed","isProcessingSkipPayroll","button","payPeriodString","todayDateString","formatDateToStringDate","todayAtMidnight","payPeriodStartDate","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

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

@@ -1 +1 @@
-{"version":3,"file":"PayrollOverview.js","sources":["../../../../src/components/Payroll/PayrollOverview/PayrollOverview.tsx"],"sourcesContent":["import { usePayrollsSubmitMutation } from '@gusto/embedded-api/react-query/payrollsSubmit'\nimport { usePayrollsCancelMutation } from '@gusto/embedded-api/react-query/payrollsCancel'\nimport { usePayrollsGetSuspense } from '@gusto/embedded-api/react-query/payrollsGet'\nimport { useTranslation } from 'react-i18next'\nimport { useBankAccountsGetSuspense } from '@gusto/embedded-api/react-query/bankAccountsGet'\nimport { useEmployeesListSuspense } from '@gusto/embedded-api/react-query/employeesList'\nimport { useEffect, useState } from 'react'\nimport { useGustoEmbeddedContext } from '@gusto/embedded-api/react-query/_context'\nimport { payrollsGetPayStub } from '@gusto/embedded-api/funcs/payrollsGetPayStub'\nimport { useErrorBoundary } from 'react-error-boundary'\nimport type { PayrollSubmissionBlockersType } from '@gusto/embedded-api/models/components/payrollsubmissionblockerstype'\nimport type { PayrollCreditBlockersType } from '@gusto/embedded-api/models/components/payrollcreditblockerstype'\nimport type { PayrollFlowAlert } from '../PayrollFlow/PayrollFlowComponents'\nimport { ConfirmWireDetails } from '../ConfirmWireDetails/ConfirmWireDetails'\nimport { PayrollOverviewPresentation } from './PayrollOverviewPresentation'\nimport {\n  componentEvents,\n  PAYROLL_PROCESSING_STATUS,\n  PAYROLL_RESOLVABLE_SUBMISSION_BLOCKER_TYPES,\n} from '@/shared/constants'\nimport { BaseComponent, useBase, type BaseComponentInterface } from '@/components/Base'\nimport { useComponentDictionary, useI18n } from '@/i18n'\nimport { readableStreamToBlob } from '@/helpers/readableStreamToBlob'\nimport useNumberFormatter from '@/hooks/useNumberFormatter'\nimport { useDateFormatter } from '@/hooks/useDateFormatter'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { renderErrorList } from '@/helpers/apiErrorToList'\nimport { Flex } from '@/components/Common'\n\ninterface PayrollOverviewProps extends BaseComponentInterface<'Payroll.PayrollOverview'> {\n  companyId: string\n  payrollId: string\n  alerts?: PayrollFlowAlert[]\n}\n\nconst findUnresolvedBlockersWithOptions = (blockers: PayrollSubmissionBlockersType[] = []) => {\n  return blockers.filter(\n    blocker =>\n      blocker.status === 'unresolved' &&\n      blocker.unblockOptions &&\n      blocker.unblockOptions.length > 0,\n  )\n}\n\nconst findWireInRequestUuid = (\n  creditBlockers: PayrollCreditBlockersType[] = [],\n): string | undefined => {\n  const unresolvedCreditBlocker = creditBlockers.find(blocker => blocker.status === 'unresolved')\n\n  if (!unresolvedCreditBlocker?.unblockOptions) {\n    return undefined\n  }\n\n  const wireUnblockOption = unresolvedCreditBlocker.unblockOptions.find(\n    option => option.unblockType === 'submit_wire',\n  )\n\n  return wireUnblockOption?.metadata.wireInRequestUuid\n}\n\nexport function PayrollOverview(props: PayrollOverviewProps) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props}>{props.children}</Root>\n    </BaseComponent>\n  )\n}\n\nexport const Root = ({\n  companyId,\n  payrollId,\n  dictionary,\n  onEvent,\n  alerts,\n}: PayrollOverviewProps) => {\n  useComponentDictionary('Payroll.PayrollOverview', dictionary)\n  useI18n('Payroll.PayrollOverview')\n  const { baseSubmitHandler } = useBase()\n  const { t } = useTranslation('Payroll.PayrollOverview')\n  const [isPolling, setIsPolling] = useState(false)\n  const [internalAlerts, setInternalAlerts] = useState<PayrollFlowAlert[]>(alerts || [])\n  const [selectedUnblockOptions, setSelectedUnblockOptions] = useState<Record<string, string>>({})\n  const { showBoundary } = useErrorBoundary()\n  const formatCurrency = useNumberFormatter('currency')\n  const dateFormatter = useDateFormatter()\n  const { Button, UnorderedList } = useComponentContext()\n  const { data } = usePayrollsGetSuspense(\n    {\n      companyId,\n      payrollId: payrollId,\n      include: ['taxes', 'benefits', 'deductions'],\n    },\n    { refetchInterval: isPolling ? 5_000 : false },\n  )\n  const payrollData = data.payrollShow!\n  const submissionBlockers = findUnresolvedBlockersWithOptions(payrollData.submissionBlockers)\n  const wireInId = findWireInRequestUuid(payrollData.creditBlockers)\n\n  const onEdit = () => {\n    onEvent(componentEvents.RUN_PAYROLL_EDIT)\n  }\n\n  const wireInConfirmationRequest = wireInId && (\n    <ConfirmWireDetails companyId={companyId} wireInId={wireInId} onEvent={onEvent} />\n  )\n\n  useEffect(() => {\n    // Start polling when payroll is submitting and not already polling\n    if (\n      payrollData.processingRequest?.status === PAYROLL_PROCESSING_STATUS.submitting &&\n      !isPolling\n    ) {\n      setIsPolling(true)\n    }\n    // Stop polling and emit event when payroll is processed successfully\n    if (\n      isPolling &&\n      payrollData.processingRequest?.status === PAYROLL_PROCESSING_STATUS.submit_success\n    ) {\n      onEvent(componentEvents.RUN_PAYROLL_PROCESSED)\n      setInternalAlerts([\n        {\n          type: 'success',\n          title: t('alerts.payrollProcessedTitle'),\n          content: t('alerts.payrollProcessedMessage', {\n            amount: formatCurrency(Number(payrollData.totals?.netPayDebit)),\n            date: dateFormatter.formatShortWithYear(\n              payrollData.payrollStatusMeta?.expectedDebitTime ?? payrollData.payrollDeadline,\n            ),\n          }),\n        },\n      ])\n      setIsPolling(false)\n    }\n    // If we are polling and payroll is in failed state, stop polling, and emit failure event\n    if (\n      isPolling &&\n      payrollData.processingRequest?.status === PAYROLL_PROCESSING_STATUS.processing_failed\n    ) {\n      onEvent(componentEvents.RUN_PAYROLL_PROCESSING_FAILED)\n      setInternalAlerts([\n        {\n          type: 'error',\n          title: t('alerts.payrollProcessingFailedTitle'),\n          content: (\n            <Flex flexDirection=\"column\" gap={16}>\n              {/* TODO: Errors messages are currently not i18n'd */}\n              <UnorderedList items={renderErrorList(payrollData.processingRequest.errors ?? [])} />\n              <Button variant=\"secondary\" onClick={onEdit}>\n                {t('alerts.payrollProcessingFailedCtaLabel')}\n              </Button>\n            </Flex>\n          ),\n        },\n      ])\n      setIsPolling(false)\n    }\n  }, [\n    payrollData.processingRequest?.status,\n    isPolling,\n    onEvent,\n    t,\n    dateFormatter,\n    formatCurrency,\n    payrollData.totals?.netPayDebit,\n    payrollData.payrollStatusMeta?.expectedDebitTime,\n    payrollData.payrollDeadline,\n  ])\n\n  const { data: bankAccountData } = useBankAccountsGetSuspense({\n    companyId,\n  })\n  const bankAccount = bankAccountData.companyBankAccounts?.[0]\n\n  const { data: employeeData } = useEmployeesListSuspense({\n    companyId,\n  })\n\n  const { mutateAsync: submitPayroll, isPending } = usePayrollsSubmitMutation()\n\n  const { mutateAsync: cancelPayroll, isPending: isPendingCancel } = usePayrollsCancelMutation()\n\n  if (!payrollData.calculatedAt) {\n    throw new Error(t('alerts.payrollNotCalculated'))\n  }\n  const gustoEmbedded = useGustoEmbeddedContext()\n\n  const taxes =\n    payrollData.employeeCompensations?.reduce(\n      (acc, compensation) => {\n        compensation.taxes?.forEach(tax => {\n          acc[tax.name] = {\n            employee: (acc[tax.name]?.employee ?? 0) + (tax.employer ? 0 : tax.amount),\n            employer: (acc[tax.name]?.employer ?? 0) + (tax.employer ? tax.amount : 0),\n          }\n        })\n\n        return acc\n      },\n      {} as Record<string, { employee: number; employer: number }>,\n    ) || {}\n\n  const onCancel = async () => {\n    await baseSubmitHandler(data, async () => {\n      const result = await cancelPayroll({\n        request: {\n          companyId,\n          payrollId,\n        },\n      })\n      onEvent(componentEvents.RUN_PAYROLL_CANCELLED, result)\n      setInternalAlerts([])\n    })\n  }\n  const onPayrollReceipt = () => {\n    onEvent(componentEvents.RUN_PAYROLL_RECEIPT_GET, { payrollId })\n  }\n\n  const onPaystubDownload = async (employeeId: string) => {\n    // Open a blank window *synchronously* with the click\n    const newWindow = window.open('', '_blank')\n\n    try {\n      // Fetch the PDF from your API\n      const response = await payrollsGetPayStub(gustoEmbedded, { payrollId, employeeId })\n      if (!response.value?.responseStream) {\n        throw new Error(t('alerts.paystubPdfError'))\n      }\n      const pdfBlob = await readableStreamToBlob(response.value.responseStream, 'application/pdf')\n\n      const url = URL.createObjectURL(pdfBlob)\n\n      // Load the PDF into the new window\n      if (newWindow) {\n        newWindow.location.href = url\n      }\n      onEvent(componentEvents.RUN_PAYROLL_PDF_PAYSTUB_VIEWED, { employeeId })\n      URL.revokeObjectURL(url) // Clean up the URL object after use\n    } catch (err) {\n      if (newWindow) {\n        newWindow.close()\n      }\n      showBoundary(err)\n    }\n  }\n  const onSubmit = async () => {\n    await baseSubmitHandler(data, async () => {\n      const result = await submitPayroll({\n        request: {\n          companyId,\n          payrollId,\n          requestBody: {\n            submissionBlockers: Object.entries(selectedUnblockOptions)\n              .filter(([blockerType]) =>\n                PAYROLL_RESOLVABLE_SUBMISSION_BLOCKER_TYPES.includes(blockerType),\n              )\n              .map(([blockerType, selectedOption]) => ({\n                blockerType,\n                selectedOption,\n              })),\n          },\n        },\n      })\n      onEvent(componentEvents.RUN_PAYROLL_SUBMITTED, result)\n      setIsPolling(true)\n    })\n  }\n\n  return (\n    <PayrollOverviewPresentation\n      onEdit={onEdit}\n      onSubmit={onSubmit}\n      onCancel={onCancel}\n      onPayrollReceipt={onPayrollReceipt}\n      onPaystubDownload={onPaystubDownload}\n      isSubmitting={isPending || isPolling || isPendingCancel}\n      isProcessed={\n        payrollData.processingRequest?.status === PAYROLL_PROCESSING_STATUS.submit_success\n      }\n      payrollData={payrollData}\n      bankAccount={bankAccount}\n      employeeDetails={employeeData.showEmployees || []}\n      taxes={taxes}\n      alerts={internalAlerts}\n      submissionBlockers={submissionBlockers}\n      selectedUnblockOptions={selectedUnblockOptions}\n      onUnblockOptionChange={(blockerType, value) => {\n        setSelectedUnblockOptions(prev => ({ ...prev, [blockerType]: value }))\n      }}\n      wireInConfirmationRequest={wireInConfirmationRequest}\n    />\n  )\n}\n"],"names":["findUnresolvedBlockersWithOptions","blockers","blocker","findWireInRequestUuid","creditBlockers","unresolvedCreditBlocker","option","PayrollOverview","props","jsx","BaseComponent","Root","companyId","payrollId","dictionary","onEvent","alerts","useComponentDictionary","useI18n","baseSubmitHandler","useBase","t","useTranslation","isPolling","setIsPolling","useState","internalAlerts","setInternalAlerts","selectedUnblockOptions","setSelectedUnblockOptions","showBoundary","useErrorBoundary","formatCurrency","useNumberFormatter","dateFormatter","useDateFormatter","Button","UnorderedList","useComponentContext","data","usePayrollsGetSuspense","payrollData","submissionBlockers","wireInId","onEdit","componentEvents","wireInConfirmationRequest","ConfirmWireDetails","useEffect","PAYROLL_PROCESSING_STATUS","jsxs","Flex","renderErrorList","bankAccountData","useBankAccountsGetSuspense","bankAccount","employeeData","useEmployeesListSuspense","submitPayroll","isPending","usePayrollsSubmitMutation","cancelPayroll","isPendingCancel","usePayrollsCancelMutation","gustoEmbedded","useGustoEmbeddedContext","taxes","acc","compensation","tax","PayrollOverviewPresentation","result","blockerType","PAYROLL_RESOLVABLE_SUBMISSION_BLOCKER_TYPES","selectedOption","employeeId","newWindow","response","payrollsGetPayStub","pdfBlob","readableStreamToBlob","url","err","value","prev"],"mappings":"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"}
+{"version":3,"file":"PayrollOverview.js","sources":["../../../../src/components/Payroll/PayrollOverview/PayrollOverview.tsx"],"sourcesContent":["import { usePayrollsSubmitMutation } from '@gusto/embedded-api/react-query/payrollsSubmit'\nimport { usePayrollsCancelMutation } from '@gusto/embedded-api/react-query/payrollsCancel'\nimport { usePayrollsGetSuspense } from '@gusto/embedded-api/react-query/payrollsGet'\nimport { useTranslation } from 'react-i18next'\nimport { useBankAccountsGetSuspense } from '@gusto/embedded-api/react-query/bankAccountsGet'\nimport { useEmployeesListSuspense } from '@gusto/embedded-api/react-query/employeesList'\nimport { useWireInRequestsGet } from '@gusto/embedded-api/react-query/wireInRequestsGet'\nimport { useEffect, useState } from 'react'\nimport { useGustoEmbeddedContext } from '@gusto/embedded-api/react-query/_context'\nimport { payrollsGetPayStub } from '@gusto/embedded-api/funcs/payrollsGetPayStub'\nimport { useErrorBoundary } from 'react-error-boundary'\nimport type { PayrollSubmissionBlockersType } from '@gusto/embedded-api/models/components/payrollsubmissionblockerstype'\nimport type { PayrollCreditBlockersType } from '@gusto/embedded-api/models/components/payrollcreditblockerstype'\nimport type { PayrollFlowAlert } from '../PayrollFlow/PayrollFlowComponents'\nimport { ConfirmWireDetails } from '../ConfirmWireDetails/ConfirmWireDetails'\nimport { PayrollOverviewPresentation } from './PayrollOverviewPresentation'\nimport {\n  componentEvents,\n  payrollWireEvents,\n  PAYROLL_PROCESSING_STATUS,\n  PAYROLL_RESOLVABLE_SUBMISSION_BLOCKER_TYPES,\n  type EventType,\n} from '@/shared/constants'\nimport { BaseComponent, useBase, type BaseComponentInterface } from '@/components/Base'\nimport { useComponentDictionary, useI18n } from '@/i18n'\nimport { readableStreamToBlob } from '@/helpers/readableStreamToBlob'\nimport useNumberFormatter from '@/hooks/useNumberFormatter'\nimport { useDateFormatter } from '@/hooks/useDateFormatter'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { renderErrorList } from '@/helpers/apiErrorToList'\nimport { Flex } from '@/components/Common'\n\ninterface PayrollOverviewProps extends BaseComponentInterface<'Payroll.PayrollOverview'> {\n  companyId: string\n  payrollId: string\n  alerts?: PayrollFlowAlert[]\n}\n\nconst findUnresolvedBlockersWithOptions = (blockers: PayrollSubmissionBlockersType[] = []) => {\n  return blockers.filter(\n    blocker =>\n      blocker.status === 'unresolved' &&\n      blocker.unblockOptions &&\n      blocker.unblockOptions.length > 0,\n  )\n}\n\nconst findWireInRequestUuid = (\n  creditBlockers: PayrollCreditBlockersType[] = [],\n): string | undefined => {\n  const unresolvedCreditBlocker = creditBlockers.find(blocker => blocker.status === 'unresolved')\n\n  if (!unresolvedCreditBlocker?.unblockOptions) {\n    return undefined\n  }\n\n  const wireUnblockOption = unresolvedCreditBlocker.unblockOptions.find(\n    option => option.unblockType === 'submit_wire',\n  )\n\n  return wireUnblockOption?.metadata.wireInRequestUuid\n}\n\nexport function PayrollOverview(props: PayrollOverviewProps) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props}>{props.children}</Root>\n    </BaseComponent>\n  )\n}\n\nexport const Root = ({\n  companyId,\n  payrollId,\n  dictionary,\n  onEvent,\n  alerts,\n}: PayrollOverviewProps) => {\n  useComponentDictionary('Payroll.PayrollOverview', dictionary)\n  useI18n('Payroll.PayrollOverview')\n  const { baseSubmitHandler } = useBase()\n  const { t } = useTranslation('Payroll.PayrollOverview')\n  const [isPolling, setIsPolling] = useState(false)\n  const [internalAlerts, setInternalAlerts] = useState<PayrollFlowAlert[]>(alerts || [])\n  const [selectedUnblockOptions, setSelectedUnblockOptions] = useState<Record<string, string>>({})\n  const [showWireDetailsConfirmation, setShowWireDetailsConfirmation] = useState(false)\n  const { showBoundary } = useErrorBoundary()\n  const formatCurrency = useNumberFormatter('currency')\n  const dateFormatter = useDateFormatter()\n  const { Button, UnorderedList, Text } = useComponentContext()\n  const { data } = usePayrollsGetSuspense(\n    {\n      companyId,\n      payrollId: payrollId,\n      include: ['taxes', 'benefits', 'deductions'],\n    },\n    { refetchInterval: isPolling ? 5_000 : false },\n  )\n  const payrollData = data.payrollShow!\n  const submissionBlockers = findUnresolvedBlockersWithOptions(payrollData.submissionBlockers)\n  const wireInId = findWireInRequestUuid(payrollData.creditBlockers)\n\n  const { data: wireInRequestData } = useWireInRequestsGet(\n    {\n      wireInRequestUuid: wireInId || '',\n    },\n    { enabled: !!wireInId },\n  )\n  const wireInRequest = wireInRequestData?.wireInRequest\n\n  const onEdit = () => {\n    onEvent(componentEvents.RUN_PAYROLL_EDIT)\n  }\n\n  const handleWireEvent = (type: EventType, data?: unknown) => {\n    if (type === payrollWireEvents.PAYROLL_WIRE_FORM_DONE) {\n      setShowWireDetailsConfirmation(true)\n    }\n    onEvent(type, data)\n  }\n\n  const wireInConfirmationRequest = wireInId && (\n    <ConfirmWireDetails companyId={companyId} wireInId={wireInId} onEvent={handleWireEvent} />\n  )\n\n  useEffect(() => {\n    if (wireInRequest?.status === 'pending_review' && !showWireDetailsConfirmation) {\n      setShowWireDetailsConfirmation(true)\n    }\n  }, [wireInRequest?.status, showWireDetailsConfirmation])\n\n  useEffect(() => {\n    if (showWireDetailsConfirmation) {\n      const checkDate = dateFormatter.formatShortWithYear(payrollData.checkDate)\n\n      setInternalAlerts([\n        {\n          type: 'success',\n          title: t('alerts.wireDetailsSubmittedTitle'),\n          content: <Text>{t('alerts.wireDetailsSubmittedMessage', { checkDate })}</Text>,\n          onDismiss: () => {\n            setShowWireDetailsConfirmation(false)\n          },\n        },\n      ])\n    }\n  }, [showWireDetailsConfirmation, payrollData.checkDate, t, dateFormatter, Text])\n\n  useEffect(() => {\n    // Start polling when payroll is submitting and not already polling\n    if (\n      payrollData.processingRequest?.status === PAYROLL_PROCESSING_STATUS.submitting &&\n      !isPolling\n    ) {\n      setIsPolling(true)\n    }\n    // Stop polling and emit event when payroll is processed successfully\n    if (\n      isPolling &&\n      payrollData.processingRequest?.status === PAYROLL_PROCESSING_STATUS.submit_success\n    ) {\n      onEvent(componentEvents.RUN_PAYROLL_PROCESSED)\n      setInternalAlerts([\n        {\n          type: 'success',\n          title: t('alerts.payrollProcessedTitle'),\n          content: t('alerts.payrollProcessedMessage', {\n            amount: formatCurrency(Number(payrollData.totals?.netPayDebit)),\n            date: dateFormatter.formatShortWithYear(\n              payrollData.payrollStatusMeta?.expectedDebitTime ?? payrollData.payrollDeadline,\n            ),\n          }),\n        },\n      ])\n      setShowWireDetailsConfirmation(false)\n      setIsPolling(false)\n    }\n    // If we are polling and payroll is in failed state, stop polling, and emit failure event\n    if (\n      isPolling &&\n      payrollData.processingRequest?.status === PAYROLL_PROCESSING_STATUS.processing_failed\n    ) {\n      onEvent(componentEvents.RUN_PAYROLL_PROCESSING_FAILED)\n      setInternalAlerts([\n        {\n          type: 'error',\n          title: t('alerts.payrollProcessingFailedTitle'),\n          content: (\n            <Flex flexDirection=\"column\" gap={16}>\n              <UnorderedList items={renderErrorList(payrollData.processingRequest.errors ?? [])} />\n              <Button variant=\"secondary\" onClick={onEdit}>\n                {t('alerts.payrollProcessingFailedCtaLabel')}\n              </Button>\n            </Flex>\n          ),\n        },\n      ])\n      setShowWireDetailsConfirmation(false)\n      setIsPolling(false)\n    }\n  }, [\n    payrollData.processingRequest?.status,\n    isPolling,\n    onEvent,\n    t,\n    dateFormatter,\n    formatCurrency,\n    payrollData.totals?.netPayDebit,\n    payrollData.payrollStatusMeta?.expectedDebitTime,\n    payrollData.payrollDeadline,\n  ])\n\n  const { data: bankAccountData } = useBankAccountsGetSuspense({\n    companyId,\n  })\n  const bankAccount = bankAccountData.companyBankAccounts?.[0]\n\n  const { data: employeeData } = useEmployeesListSuspense({\n    companyId,\n  })\n\n  const { mutateAsync: submitPayroll, isPending } = usePayrollsSubmitMutation()\n\n  const { mutateAsync: cancelPayroll, isPending: isPendingCancel } = usePayrollsCancelMutation()\n\n  if (!payrollData.calculatedAt) {\n    throw new Error(t('alerts.payrollNotCalculated'))\n  }\n  const gustoEmbedded = useGustoEmbeddedContext()\n\n  const taxes =\n    payrollData.employeeCompensations?.reduce(\n      (acc, compensation) => {\n        compensation.taxes?.forEach(tax => {\n          acc[tax.name] = {\n            employee: (acc[tax.name]?.employee ?? 0) + (tax.employer ? 0 : tax.amount),\n            employer: (acc[tax.name]?.employer ?? 0) + (tax.employer ? tax.amount : 0),\n          }\n        })\n\n        return acc\n      },\n      {} as Record<string, { employee: number; employer: number }>,\n    ) || {}\n\n  const onCancel = async () => {\n    await baseSubmitHandler(data, async () => {\n      const result = await cancelPayroll({\n        request: {\n          companyId,\n          payrollId,\n        },\n      })\n      onEvent(componentEvents.RUN_PAYROLL_CANCELLED, result)\n      setInternalAlerts([])\n    })\n  }\n  const onPayrollReceipt = () => {\n    onEvent(componentEvents.RUN_PAYROLL_RECEIPT_GET, { payrollId })\n  }\n\n  const onPaystubDownload = async (employeeId: string) => {\n    // Open a blank window *synchronously* with the click\n    const newWindow = window.open('', '_blank')\n\n    try {\n      // Fetch the PDF from your API\n      const response = await payrollsGetPayStub(gustoEmbedded, { payrollId, employeeId })\n      if (!response.value?.responseStream) {\n        throw new Error(t('alerts.paystubPdfError'))\n      }\n      const pdfBlob = await readableStreamToBlob(response.value.responseStream, 'application/pdf')\n\n      const url = URL.createObjectURL(pdfBlob)\n\n      // Load the PDF into the new window\n      if (newWindow) {\n        newWindow.location.href = url\n      }\n      onEvent(componentEvents.RUN_PAYROLL_PDF_PAYSTUB_VIEWED, { employeeId })\n      URL.revokeObjectURL(url) // Clean up the URL object after use\n    } catch (err) {\n      if (newWindow) {\n        newWindow.close()\n      }\n      showBoundary(err)\n    }\n  }\n  const onSubmit = async () => {\n    await baseSubmitHandler(data, async () => {\n      const result = await submitPayroll({\n        request: {\n          companyId,\n          payrollId,\n          requestBody: {\n            submissionBlockers: Object.entries(selectedUnblockOptions)\n              .filter(([blockerType]) =>\n                PAYROLL_RESOLVABLE_SUBMISSION_BLOCKER_TYPES.includes(blockerType),\n              )\n              .map(([blockerType, selectedOption]) => ({\n                blockerType,\n                selectedOption,\n              })),\n          },\n        },\n      })\n      onEvent(componentEvents.RUN_PAYROLL_SUBMITTED, result)\n      setIsPolling(true)\n    })\n  }\n\n  return (\n    <PayrollOverviewPresentation\n      onEdit={onEdit}\n      onSubmit={onSubmit}\n      onCancel={onCancel}\n      onPayrollReceipt={onPayrollReceipt}\n      onPaystubDownload={onPaystubDownload}\n      isSubmitting={isPending || isPolling || isPendingCancel}\n      isProcessed={\n        payrollData.processingRequest?.status === PAYROLL_PROCESSING_STATUS.submit_success\n      }\n      payrollData={payrollData}\n      bankAccount={bankAccount}\n      employeeDetails={employeeData.showEmployees || []}\n      taxes={taxes}\n      alerts={internalAlerts}\n      submissionBlockers={submissionBlockers}\n      selectedUnblockOptions={selectedUnblockOptions}\n      onUnblockOptionChange={(blockerType, value) => {\n        setSelectedUnblockOptions(prev => ({ ...prev, [blockerType]: value }))\n      }}\n      wireInConfirmationRequest={wireInConfirmationRequest}\n    />\n  )\n}\n"],"names":["findUnresolvedBlockersWithOptions","blockers","blocker","findWireInRequestUuid","creditBlockers","unresolvedCreditBlocker","option","PayrollOverview","props","jsx","BaseComponent","Root","companyId","payrollId","dictionary","onEvent","alerts","useComponentDictionary","useI18n","baseSubmitHandler","useBase","t","useTranslation","isPolling","setIsPolling","useState","internalAlerts","setInternalAlerts","selectedUnblockOptions","setSelectedUnblockOptions","showWireDetailsConfirmation","setShowWireDetailsConfirmation","showBoundary","useErrorBoundary","formatCurrency","useNumberFormatter","dateFormatter","useDateFormatter","Button","UnorderedList","Text","useComponentContext","data","usePayrollsGetSuspense","payrollData","submissionBlockers","wireInId","wireInRequestData","useWireInRequestsGet","wireInRequest","onEdit","componentEvents","wireInConfirmationRequest","ConfirmWireDetails","type","payrollWireEvents","useEffect","checkDate","PAYROLL_PROCESSING_STATUS","jsxs","Flex","renderErrorList","bankAccountData","useBankAccountsGetSuspense","bankAccount","employeeData","useEmployeesListSuspense","submitPayroll","isPending","usePayrollsSubmitMutation","cancelPayroll","isPendingCancel","usePayrollsCancelMutation","gustoEmbedded","useGustoEmbeddedContext","taxes","acc","compensation","tax","PayrollOverviewPresentation","result","blockerType","PAYROLL_RESOLVABLE_SUBMISSION_BLOCKER_TYPES","selectedOption","employeeId","newWindow","response","payrollsGetPayStub","pdfBlob","readableStreamToBlob","url","err","value","prev"],"mappings":"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"}