@gusto/embedded-react-sdk 0.42.0 → 0.43.0

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

@@ -1,8 +1,8 @@
 import { jsx as c, jsxs as $ } from "react/jsx-runtime";
 import { usePayrollsSubmitMutation as ee } from "@gusto/embedded-api/react-query/payrollsSubmit";
 import { usePayrollsCancelMutation as te } from "@gusto/embedded-api/react-query/payrollsCancel";
-import { usePayrollsGetSuspense as se } from "@gusto/embedded-api/react-query/payrollsGet";
-import { useTranslation as oe } from "react-i18next";
+import { usePayrollsGetSuspense as oe } from "@gusto/embedded-api/react-query/payrollsGet";
+import { useTranslation as se } from "react-i18next";
 import { useBankAccountsGetSuspense as re } from "@gusto/embedded-api/react-query/bankAccountsGet";
 import { useEmployeesListSuspense as ne } from "@gusto/embedded-api/react-query/employeesList";
 import { useWireInRequestsGet as ie } from "@gusto/embedded-api/react-query/wireInRequestsGet";
@@ -25,19 +25,20 @@ import { useDateFormatter as Le } from "../../../hooks/useDateFormatter.js";
 import { useComponentContext as _e } from "../../../contexts/ComponentAdapter/useComponentContext.js";
 import { renderErrorList as De } from "../../../helpers/apiErrorToList.js";
 import { Flex as he } from "../../Common/Flex/Flex.js";
-const Ce = (o = []) => o.filter(
+import "classnames";
+const Ce = (s = []) => s.filter(
   (i) => i.status === "unresolved" && i.unblockOptions && i.unblockOptions.length > 0
-), Ee = (o = []) => {
-  const i = o.find((r) => r.status === "unresolved");
+), Ee = (s = []) => {
+  const i = s.find((r) => r.status === "unresolved");
   return i?.unblockOptions ? i.unblockOptions.find(
     (r) => r.unblockType === "submit_wire"
   )?.metadata.wireInRequestUuid : void 0;
 };
-function at(o) {
-  return /* @__PURE__ */ c(Pe, { ...o, children: /* @__PURE__ */ c(Ue, { ...o, children: o.children }) });
+function lt(s) {
+  return /* @__PURE__ */ c(Pe, { ...s, children: /* @__PURE__ */ c(Ue, { ...s, children: s.children }) });
 }
 const Ue = ({
-  companyId: o,
+  companyId: s,
   payrollId: i,
   dictionary: _,
   onEvent: r,
@@ -46,9 +47,9 @@ const Ue = ({
   ConfirmWireDetailsComponent: v = ue
 }) => {
   Re("Payroll.PayrollOverview", _), we("Payroll.PayrollOverview");
-  const { baseSubmitHandler: D } = be(), { t: a } = oe("Payroll.PayrollOverview"), [u, f] = d(!1), [q, w] = d(B || []), [h, N] = d({}), [y, p] = d(!1), { showBoundary: Y } = ce(), C = Oe("currency"), P = Le(), { Button: I, UnorderedList: W, Text: E } = _e(), [U, S] = d(m.Viewing), { data: O } = se(
+  const { baseSubmitHandler: D } = be(), { t: a } = se("Payroll.PayrollOverview"), [u, f] = d(!1), [q, w] = d(B || []), [h, N] = d({}), [y, p] = d(!1), { showBoundary: Y } = ce(), C = Oe("currency"), P = Le(), { Button: I, UnorderedList: W, Text: E } = _e(), [U, S] = d(m.Viewing), { data: O } = oe(
     {
-      companyId: o,
+      companyId: s,
       payrollId: i,
       include: ["taxes", "benefits", "deductions"]
     },
@@ -63,7 +64,7 @@ const Ue = ({
   }, G = b && /* @__PURE__ */ c(
     v,
     {
-      companyId: o,
+      companyId: s,
       wireInId: b,
       onEvent: (t, n) => {
         t === ye.PAYROLL_WIRE_FORM_DONE && p(!0), r(t, n);
@@ -124,17 +125,17 @@ const Ue = ({
     e.payrollDeadline
   ]);
   const { data: x } = re({
-    companyId: o
-  }), j = x.companyBankAccounts?.[0], { paymentSpeed: V } = de(o), { data: H } = ne({
-    companyId: o
+    companyId: s
+  }), j = x.companyBankAccounts?.[0], { paymentSpeed: V } = de(s), { data: H } = ne({
+    companyId: s
   }), { mutateAsync: K, isPending: z } = ee(), { mutateAsync: J } = te();
   if (U === m.Viewing && !e.calculatedAt)
     throw new Error(a("alerts.payrollNotCalculated"));
   const Q = ae(), X = e.employeeCompensations?.reduce(
-    (t, n) => (n.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)
+    (t, n) => (n.taxes?.forEach((o) => {
+      t[o.name] = {
+        employee: (t[o.name]?.employee ?? 0) + (o.employer ? 0 : o.amount),
+        employer: (t[o.name]?.employer ?? 0) + (o.employer ? o.amount : 0)
       };
     }), t),
     {}
@@ -147,14 +148,14 @@ const Ue = ({
         await D(O, async () => {
           const t = await K({
             request: {
-              companyId: o,
+              companyId: s,
               payrollId: i,
               requestBody: {
                 submissionBlockers: Object.entries(h).filter(
                   ([n]) => fe.includes(n)
-                ).map(([n, s]) => ({
+                ).map(([n, o]) => ({
                   blockerType: n,
-                  selectedOption: s
+                  selectedOption: o
                 }))
               }
             }
@@ -167,7 +168,7 @@ const Ue = ({
           try {
             const t = await J({
               request: {
-                companyId: o,
+                companyId: s,
                 payrollId: i
               }
             });
@@ -183,13 +184,13 @@ const Ue = ({
       onPaystubDownload: async (t) => {
         const n = window.open("", "_blank");
         try {
-          const s = await le(Q, { payrollId: i, employeeId: t });
-          if (!s.value?.responseStream)
+          const o = await le(Q, { payrollId: i, employeeId: t });
+          if (!o.value?.responseStream)
             throw new Error(a("alerts.paystubPdfError"));
-          const Z = await Se(s.value.responseStream, "application/pdf"), k = URL.createObjectURL(Z);
+          const Z = await Se(o.value.responseStream, "application/pdf"), k = URL.createObjectURL(Z);
           n && (n.location.href = k), r(l.RUN_PAYROLL_PDF_PAYSTUB_VIEWED, { employeeId: t }), URL.revokeObjectURL(k);
-        } catch (s) {
-          n && n.close(), Y(s instanceof Error ? s : new Error(String(s)));
+        } catch (o) {
+          n && n.close(), Y(o instanceof Error ? o : new Error(String(o)));
         }
       },
       status: z || u ? m.Submitting : U,
@@ -203,7 +204,7 @@ const Ue = ({
       submissionBlockers: M,
       selectedUnblockOptions: h,
       onUnblockOptionChange: (t, n) => {
-        N((s) => ({ ...s, [t]: n }));
+        N((o) => ({ ...o, [t]: n }));
       },
       wireInConfirmationRequest: G,
       withReimbursements: T,
@@ -212,7 +213,7 @@ const Ue = ({
   );
 };
 export {
-  at as PayrollOverview,
+  lt as PayrollOverview,
   Ue 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 { 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 { PayrollSubmissionBlockerType } from '@gusto/embedded-api/models/components/payrollsubmissionblockertype'\nimport type {\n  PayrollCreditBlockerType,\n  PayrollCreditBlockerTypeUnblockOptions,\n} from '@gusto/embedded-api/models/components/payrollcreditblockertype'\nimport type { PayrollFlowAlert } from '../PayrollFlow/PayrollFlowComponents'\nimport {\n  ConfirmWireDetails,\n  type ConfirmWireDetailsComponentType,\n} from '../ConfirmWireDetails/ConfirmWireDetails'\nimport { canCancelPayroll } from '../helpers'\nimport { PayrollOverviewPresentation } from './PayrollOverviewPresentation'\nimport { PayrollOverviewStatus } from './PayrollOverviewTypes'\nimport { useCompanyPaymentSpeed } from '@/hooks/useCompanyPaymentSpeed'\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  withReimbursements?: boolean\n  ConfirmWireDetailsComponent?: ConfirmWireDetailsComponentType\n}\n\nconst findUnresolvedBlockersWithOptions = (\n  blockers: PayrollSubmissionBlockerType[] = [],\n): PayrollSubmissionBlockerType[] => {\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: PayrollCreditBlockerType[] = [],\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: PayrollCreditBlockerTypeUnblockOptions) => 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  withReimbursements = true,\n  ConfirmWireDetailsComponent = ConfirmWireDetails,\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(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 [status, setStatus] = useState(PayrollOverviewStatus.Viewing)\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    <ConfirmWireDetailsComponent\n      companyId={companyId}\n      wireInId={wireInId}\n      onEvent={handleWireEvent}\n    />\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    if (\n      isPolling &&\n      (payrollData.processed === true ||\n        payrollData.processingRequest?.status === PAYROLL_PROCESSING_STATUS.submit_success)\n    ) {\n      onEvent(componentEvents.RUN_PAYROLL_PROCESSED, {\n        payPeriod: payrollData.payPeriod,\n        payrollUuid: payrollId,\n      })\n      setInternalAlerts([\n        {\n          type: 'success',\n          title: t('alerts.payrollProcessedTitle'),\n          content: t('alerts.payrollProcessedMessage', {\n            amount: formatCurrency(Number(payrollData.totals?.companyDebit)),\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    payrollData.processed,\n    isPolling,\n    onEvent,\n    t,\n    dateFormatter,\n    formatCurrency,\n    payrollData.totals?.companyDebit,\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 { paymentSpeed } = useCompanyPaymentSpeed(companyId)\n\n  const { data: employeeData } = useEmployeesListSuspense({\n    companyId,\n  })\n\n  const { mutateAsync: submitPayroll, isPending } = usePayrollsSubmitMutation()\n\n  const { mutateAsync: cancelPayroll } = usePayrollsCancelMutation()\n\n  if (status === PayrollOverviewStatus.Viewing && !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    setStatus(PayrollOverviewStatus.Cancelling)\n    await baseSubmitHandler(data, async () => {\n      try {\n        const result = await cancelPayroll({\n          request: {\n            companyId,\n            payrollId,\n          },\n        })\n        setStatus(PayrollOverviewStatus.Cancelled)\n        onEvent(componentEvents.RUN_PAYROLL_CANCELLED, result)\n      } catch (error) {\n        setStatus(PayrollOverviewStatus.Viewing)\n        throw error\n      }\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 instanceof Error ? err : new Error(String(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_SUBMITTING)\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      status={isPending || isPolling ? PayrollOverviewStatus.Submitting : status}\n      isProcessed={\n        payrollData.processed === true ||\n        payrollData.processingRequest?.status === PAYROLL_PROCESSING_STATUS.submit_success\n      }\n      canCancel={canCancelPayroll(payrollData)}\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      withReimbursements={withReimbursements}\n      paymentSpeed={paymentSpeed}\n    />\n  )\n}\n"],"names":["findUnresolvedBlockersWithOptions","blockers","blocker","findWireInRequestUuid","creditBlockers","unresolvedCreditBlocker","option","PayrollOverview","props","jsx","BaseComponent","Root","companyId","payrollId","dictionary","onEvent","alerts","withReimbursements","ConfirmWireDetailsComponent","ConfirmWireDetails","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","status","setStatus","PayrollOverviewStatus","data","usePayrollsGetSuspense","payrollData","submissionBlockers","wireInId","wireInRequestData","useWireInRequestsGet","wireInRequest","onEdit","componentEvents","wireInConfirmationRequest","type","payrollWireEvents","useEffect","checkDate","PAYROLL_PROCESSING_STATUS","jsxs","Flex","renderErrorList","bankAccountData","useBankAccountsGetSuspense","bankAccount","paymentSpeed","useCompanyPaymentSpeed","employeeData","useEmployeesListSuspense","submitPayroll","isPending","usePayrollsSubmitMutation","cancelPayroll","usePayrollsCancelMutation","gustoEmbedded","useGustoEmbeddedContext","taxes","acc","compensation","tax","PayrollOverviewPresentation","result","blockerType","PAYROLL_RESOLVABLE_SUBMISSION_BLOCKER_TYPES","selectedOption","error","employeeId","newWindow","response","payrollsGetPayStub","pdfBlob","readableStreamToBlob","url","err","canCancelPayroll","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 { PayrollSubmissionBlockerType } from '@gusto/embedded-api/models/components/payrollsubmissionblockertype'\nimport type {\n  PayrollCreditBlockerType,\n  PayrollCreditBlockerTypeUnblockOptions,\n} from '@gusto/embedded-api/models/components/payrollcreditblockertype'\nimport type { PayrollFlowAlert } from '../PayrollFlow/PayrollFlowComponents'\nimport {\n  ConfirmWireDetails,\n  type ConfirmWireDetailsComponentType,\n} from '../ConfirmWireDetails/ConfirmWireDetails'\nimport { canCancelPayroll } from '../helpers'\nimport { PayrollOverviewPresentation } from './PayrollOverviewPresentation'\nimport { PayrollOverviewStatus } from './PayrollOverviewTypes'\nimport { useCompanyPaymentSpeed } from '@/hooks/useCompanyPaymentSpeed'\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  withReimbursements?: boolean\n  ConfirmWireDetailsComponent?: ConfirmWireDetailsComponentType\n}\n\nconst findUnresolvedBlockersWithOptions = (\n  blockers: PayrollSubmissionBlockerType[] = [],\n): PayrollSubmissionBlockerType[] => {\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: PayrollCreditBlockerType[] = [],\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: PayrollCreditBlockerTypeUnblockOptions) => 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  withReimbursements = true,\n  ConfirmWireDetailsComponent = ConfirmWireDetails,\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(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 [status, setStatus] = useState(PayrollOverviewStatus.Viewing)\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    <ConfirmWireDetailsComponent\n      companyId={companyId}\n      wireInId={wireInId}\n      onEvent={handleWireEvent}\n    />\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    if (\n      isPolling &&\n      (payrollData.processed === true ||\n        payrollData.processingRequest?.status === PAYROLL_PROCESSING_STATUS.submit_success)\n    ) {\n      onEvent(componentEvents.RUN_PAYROLL_PROCESSED, {\n        payPeriod: payrollData.payPeriod,\n        payrollUuid: payrollId,\n      })\n      setInternalAlerts([\n        {\n          type: 'success',\n          title: t('alerts.payrollProcessedTitle'),\n          content: t('alerts.payrollProcessedMessage', {\n            amount: formatCurrency(Number(payrollData.totals?.companyDebit)),\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    payrollData.processed,\n    isPolling,\n    onEvent,\n    t,\n    dateFormatter,\n    formatCurrency,\n    payrollData.totals?.companyDebit,\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 { paymentSpeed } = useCompanyPaymentSpeed(companyId)\n\n  const { data: employeeData } = useEmployeesListSuspense({\n    companyId,\n  })\n\n  const { mutateAsync: submitPayroll, isPending } = usePayrollsSubmitMutation()\n\n  const { mutateAsync: cancelPayroll } = usePayrollsCancelMutation()\n\n  if (status === PayrollOverviewStatus.Viewing && !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    setStatus(PayrollOverviewStatus.Cancelling)\n    await baseSubmitHandler(data, async () => {\n      try {\n        const result = await cancelPayroll({\n          request: {\n            companyId,\n            payrollId,\n          },\n        })\n        setStatus(PayrollOverviewStatus.Cancelled)\n        onEvent(componentEvents.RUN_PAYROLL_CANCELLED, result)\n      } catch (error) {\n        setStatus(PayrollOverviewStatus.Viewing)\n        throw error\n      }\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 instanceof Error ? err : new Error(String(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_SUBMITTING)\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      status={isPending || isPolling ? PayrollOverviewStatus.Submitting : status}\n      isProcessed={\n        payrollData.processed === true ||\n        payrollData.processingRequest?.status === PAYROLL_PROCESSING_STATUS.submit_success\n      }\n      canCancel={canCancelPayroll(payrollData)}\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      withReimbursements={withReimbursements}\n      paymentSpeed={paymentSpeed}\n    />\n  )\n}\n"],"names":["findUnresolvedBlockersWithOptions","blockers","blocker","findWireInRequestUuid","creditBlockers","unresolvedCreditBlocker","option","PayrollOverview","props","jsx","BaseComponent","Root","companyId","payrollId","dictionary","onEvent","alerts","withReimbursements","ConfirmWireDetailsComponent","ConfirmWireDetails","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","status","setStatus","PayrollOverviewStatus","data","usePayrollsGetSuspense","payrollData","submissionBlockers","wireInId","wireInRequestData","useWireInRequestsGet","wireInRequest","onEdit","componentEvents","wireInConfirmationRequest","type","payrollWireEvents","useEffect","checkDate","PAYROLL_PROCESSING_STATUS","jsxs","Flex","renderErrorList","bankAccountData","useBankAccountsGetSuspense","bankAccount","paymentSpeed","useCompanyPaymentSpeed","employeeData","useEmployeesListSuspense","submitPayroll","isPending","usePayrollsSubmitMutation","cancelPayroll","usePayrollsCancelMutation","gustoEmbedded","useGustoEmbeddedContext","taxes","acc","compensation","tax","PayrollOverviewPresentation","result","blockerType","PAYROLL_RESOLVABLE_SUBMISSION_BLOCKER_TYPES","selectedOption","error","employeeId","newWindow","response","payrollsGetPayStub","pdfBlob","readableStreamToBlob","url","err","canCancelPayroll","value","prev"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiDA,MAAMA,KAAoC,CACxCC,IAA2C,OAEpCA,EAAS;AAAA,EACd,CAAAC,MACEA,EAAQ,WAAW,gBACnBA,EAAQ,kBACRA,EAAQ,eAAe,SAAS;AAAA,GAIhCC,KAAwB,CAC5BC,IAA6C,OACtB;AACvB,QAAMC,IAA0BD,EAAe,KAAK,CAAAF,MAAWA,EAAQ,WAAW,YAAY;AAE9F,SAAKG,GAAyB,iBAIJA,EAAwB,eAAe;AAAA,IAC/D,CAACC,MAAmDA,EAAO,gBAAgB;AAAA,EAAA,GAGnD,SAAS,oBAPjC;AAQJ;AAEO,SAASC,GAAgBC,GAA6B;AAC3D,SACE,gBAAAC,EAACC,IAAA,EAAe,GAAGF,GACjB,UAAA,gBAAAC,EAACE,MAAM,GAAGH,GAAQ,UAAAA,EAAM,SAAA,CAAS,EAAA,CACnC;AAEJ;AAEO,MAAMG,KAAO,CAAC;AAAA,EACnB,WAAAC;AAAA,EACA,WAAAC;AAAA,EACA,YAAAC;AAAA,EACA,SAAAC;AAAA,EACA,QAAAC;AAAA,EACA,oBAAAC,IAAqB;AAAA,EACrB,6BAAAC,IAA8BC;AAChC,MAA4B;AAC1B,EAAAC,GAAuB,2BAA2BN,CAAU,GAC5DO,GAAQ,yBAAyB;AACjC,QAAM,EAAE,mBAAAC,EAAA,IAAsBC,GAAA,GACxB,EAAE,GAAAC,EAAA,IAAMC,GAAe,yBAAyB,GAChD,CAACC,GAAWC,CAAY,IAAIC,EAAS,EAAK,GAC1C,CAACC,GAAgBC,CAAiB,IAAIF,EAASZ,KAAU,CAAA,CAAE,GAC3D,CAACe,GAAwBC,CAAyB,IAAIJ,EAAiC,CAAA,CAAE,GACzF,CAACK,GAA6BC,CAA8B,IAAIN,EAAS,EAAK,GAC9E,EAAE,cAAAO,EAAA,IAAiBC,GAAA,GACnBC,IAAiBC,GAAmB,UAAU,GAC9CC,IAAgBC,GAAA,GAChB,EAAE,QAAAC,GAAQ,eAAAC,GAAe,MAAAC,EAAA,IAASC,GAAA,GAClC,CAACC,GAAQC,CAAS,IAAIlB,EAASmB,EAAsB,OAAO,GAC5D,EAAE,MAAAC,MAASC;AAAA,IACf;AAAA,MACE,WAAArC;AAAA,MACA,WAAAC;AAAA,MACA,SAAS,CAAC,SAAS,YAAY,YAAY;AAAA,IAAA;AAAA,IAE7C,EAAE,iBAAiBa,IAAY,MAAQ,GAAA;AAAA,EAAM,GAEzCwB,IAAcF,EAAK,aACnBG,IAAqBnD,GAAkCkD,EAAY,kBAAkB,GACrFE,IAAWjD,GAAsB+C,EAAY,cAAc,GAE3D,EAAE,MAAMG,EAAA,IAAsBC;AAAA,IAClC;AAAA,MACE,mBAAmBF,KAAY;AAAA,IAAA;AAAA,IAEjC,EAAE,SAAS,CAAC,CAACA,EAAA;AAAA,EAAS,GAElBG,IAAgBF,GAAmB,eAEnCG,IAAS,MAAM;AACnB,IAAAzC,EAAQ0C,EAAgB,gBAAgB;AAAA,EAC1C,GASMC,IAA4BN,KAChC,gBAAA3C;AAAA,IAACS;AAAA,IAAA;AAAA,MACC,WAAAN;AAAA,MACA,UAAAwC;AAAA,MACA,SAXoB,CAACO,GAAiBX,MAAmB;AAC3D,QAAIW,MAASC,GAAkB,0BAC7B1B,EAA+B,EAAI,GAErCnB,EAAQ4C,GAAMX,CAAI;AAAA,MACpB;AAAA,IAMa;AAAA,EAAA;AAIb,EAAAa,EAAU,MAAM;AACd,IAAIN,GAAe,WAAW,oBAAoB,CAACtB,KACjDC,EAA+B,EAAI;AAAA,EAEvC,GAAG,CAACqB,GAAe,QAAQtB,CAA2B,CAAC,GAEvD4B,EAAU,MAAM;AACd,QAAI5B,GAA6B;AAC/B,YAAM6B,IAAYvB,EAAc,oBAAoBW,EAAY,SAAS;AAEzE,MAAApB,EAAkB;AAAA,QAChB;AAAA,UACE,MAAM;AAAA,UACN,OAAON,EAAE,kCAAkC;AAAA,UAC3C,2BAAUmB,GAAA,EAAM,UAAAnB,EAAE,sCAAsC,EAAE,WAAAsC,EAAA,CAAW,GAAE;AAAA,UACvE,WAAW,MAAM;AACf,YAAA5B,EAA+B,EAAK;AAAA,UACtC;AAAA,QAAA;AAAA,MACF,CACD;AAAA,IACH;AAAA,EACF,GAAG,CAACD,GAA6BiB,EAAY,WAAW1B,GAAGe,GAAeI,CAAI,CAAC,GAE/EkB,EAAU,MAAM;AAEd,IACEX,EAAY,mBAAmB,WAAWa,EAA0B,cACpE,CAACrC,KAEDC,EAAa,EAAI,GAGjBD,MACCwB,EAAY,cAAc,MACzBA,EAAY,mBAAmB,WAAWa,EAA0B,oBAEtEhD,EAAQ0C,EAAgB,uBAAuB;AAAA,MAC7C,WAAWP,EAAY;AAAA,MACvB,aAAarC;AAAA,IAAA,CACd,GACDiB,EAAkB;AAAA,MAChB;AAAA,QACE,MAAM;AAAA,QACN,OAAON,EAAE,8BAA8B;AAAA,QACvC,SAASA,EAAE,kCAAkC;AAAA,UAC3C,QAAQa,EAAe,OAAOa,EAAY,QAAQ,YAAY,CAAC;AAAA,UAC/D,MAAMX,EAAc;AAAA,YAClBW,EAAY,mBAAmB,qBAAqBA,EAAY;AAAA,UAAA;AAAA,QAClE,CACD;AAAA,MAAA;AAAA,IACH,CACD,GACDhB,EAA+B,EAAK,GACpCP,EAAa,EAAK,IAIlBD,KACAwB,EAAY,mBAAmB,WAAWa,EAA0B,sBAEpEhD,EAAQ0C,EAAgB,6BAA6B,GACrD3B,EAAkB;AAAA,MAChB;AAAA,QACE,MAAM;AAAA,QACN,OAAON,EAAE,qCAAqC;AAAA,QAC9C,SACE,gBAAAwC,EAACC,IAAA,EAAK,eAAc,UAAS,KAAK,IAChC,UAAA;AAAA,UAAA,gBAAAxD,EAACiC,GAAA,EAAc,OAAOwB,GAAgBhB,EAAY,kBAAkB,UAAU,CAAA,CAAE,GAAG;AAAA,UACnF,gBAAAzC,EAACgC,KAAO,SAAQ,aAAY,SAASe,GAClC,UAAAhC,EAAE,wCAAwC,EAAA,CAC7C;AAAA,QAAA,EAAA,CACF;AAAA,MAAA;AAAA,IAEJ,CACD,GACDU,EAA+B,EAAK,GACpCP,EAAa,EAAK;AAAA,EAEtB,GAAG;AAAA,IACDuB,EAAY,mBAAmB;AAAA,IAC/BA,EAAY;AAAA,IACZxB;AAAA,IACAX;AAAA,IACAS;AAAA,IACAe;AAAA,IACAF;AAAA,IACAa,EAAY,QAAQ;AAAA,IACpBA,EAAY,mBAAmB;AAAA,IAC/BA,EAAY;AAAA,EAAA,CACb;AAED,QAAM,EAAE,MAAMiB,EAAA,IAAoBC,GAA2B;AAAA,IAC3D,WAAAxD;AAAA,EAAA,CACD,GACKyD,IAAcF,EAAgB,sBAAsB,CAAC,GAErD,EAAE,cAAAG,EAAA,IAAiBC,GAAuB3D,CAAS,GAEnD,EAAE,MAAM4D,EAAA,IAAiBC,GAAyB;AAAA,IACtD,WAAA7D;AAAA,EAAA,CACD,GAEK,EAAE,aAAa8D,GAAe,WAAAC,EAAA,IAAcC,GAAA,GAE5C,EAAE,aAAaC,EAAA,IAAkBC,GAAA;AAEvC,MAAIjC,MAAWE,EAAsB,WAAW,CAACG,EAAY;AAC3D,UAAM,IAAI,MAAM1B,EAAE,6BAA6B,CAAC;AAElD,QAAMuD,IAAgBC,GAAA,GAEhBC,IACJ/B,EAAY,uBAAuB;AAAA,IACjC,CAACgC,GAAKC,OACJA,EAAa,OAAO,QAAQ,CAAAC,MAAO;AACjC,MAAAF,EAAIE,EAAI,IAAI,IAAI;AAAA,QACd,WAAWF,EAAIE,EAAI,IAAI,GAAG,YAAY,MAAMA,EAAI,WAAW,IAAIA,EAAI;AAAA,QACnE,WAAWF,EAAIE,EAAI,IAAI,GAAG,YAAY,MAAMA,EAAI,WAAWA,EAAI,SAAS;AAAA,MAAA;AAAA,IAE5E,CAAC,GAEMF;AAAA,IAET,CAAA;AAAA,EAAC,KACE,CAAA;AA2EP,SACE,gBAAAzE;AAAA,IAAC4E;AAAA,IAAA;AAAA,MACC,QAAA7B;AAAA,MACA,UA3Ba,YAAY;AAC3B,cAAMlC,EAAkB0B,GAAM,YAAY;AACxC,gBAAMsC,IAAS,MAAMZ,EAAc;AAAA,YACjC,SAAS;AAAA,cACP,WAAA9D;AAAA,cACA,WAAAC;AAAA,cACA,aAAa;AAAA,gBACX,oBAAoB,OAAO,QAAQkB,CAAsB,EACtD;AAAA,kBAAO,CAAC,CAACwD,CAAW,MACnBC,GAA4C,SAASD,CAAW;AAAA,gBAAA,EAEjE,IAAI,CAAC,CAACA,GAAaE,CAAc,OAAO;AAAA,kBACvC,aAAAF;AAAA,kBACA,gBAAAE;AAAA,gBAAA,EACA;AAAA,cAAA;AAAA,YACN;AAAA,UACF,CACD;AACD,UAAA1E,EAAQ0C,EAAgB,sBAAsB,GAC9C1C,EAAQ0C,EAAgB,uBAAuB6B,CAAM,GACrD3D,EAAa,EAAI;AAAA,QACnB,CAAC;AAAA,MACH;AAAA,MAMI,UA7Ea,YAAY;AAC3B,QAAAmB,EAAUC,EAAsB,UAAU,GAC1C,MAAMzB,EAAkB0B,GAAM,YAAY;AACxC,cAAI;AACF,kBAAMsC,IAAS,MAAMT,EAAc;AAAA,cACjC,SAAS;AAAA,gBACP,WAAAjE;AAAA,gBACA,WAAAC;AAAA,cAAA;AAAA,YACF,CACD;AACD,YAAAiC,EAAUC,EAAsB,SAAS,GACzChC,EAAQ0C,EAAgB,uBAAuB6B,CAAM;AAAA,UACvD,SAASI,GAAO;AACd,kBAAA5C,EAAUC,EAAsB,OAAO,GACjC2C;AAAA,UACR;AAAA,QACF,CAAC;AAAA,MACH;AAAA,MA6DI,kBA5DqB,MAAM;AAC7B,QAAA3E,EAAQ0C,EAAgB,yBAAyB,EAAE,WAAA5C,EAAA,CAAW;AAAA,MAChE;AAAA,MA2DI,mBAzDsB,OAAO8E,MAAuB;AAEtD,cAAMC,IAAY,OAAO,KAAK,IAAI,QAAQ;AAE1C,YAAI;AAEF,gBAAMC,IAAW,MAAMC,GAAmBf,GAAe,EAAE,WAAAlE,GAAW,YAAA8E,GAAY;AAClF,cAAI,CAACE,EAAS,OAAO;AACnB,kBAAM,IAAI,MAAMrE,EAAE,wBAAwB,CAAC;AAE7C,gBAAMuE,IAAU,MAAMC,GAAqBH,EAAS,MAAM,gBAAgB,iBAAiB,GAErFI,IAAM,IAAI,gBAAgBF,CAAO;AAGvC,UAAIH,MACFA,EAAU,SAAS,OAAOK,IAE5BlF,EAAQ0C,EAAgB,gCAAgC,EAAE,YAAAkC,EAAA,CAAY,GACtE,IAAI,gBAAgBM,CAAG;AAAA,QACzB,SAASC,GAAK;AACZ,UAAIN,KACFA,EAAU,MAAA,GAEZzD,EAAa+D,aAAe,QAAQA,IAAM,IAAI,MAAM,OAAOA,CAAG,CAAC,CAAC;AAAA,QAClE;AAAA,MACF;AAAA,MAgCI,QAAQvB,KAAajD,IAAYqB,EAAsB,aAAaF;AAAA,MACpE,aACEK,EAAY,cAAc,MAC1BA,EAAY,mBAAmB,WAAWa,EAA0B;AAAA,MAEtE,WAAWoC,GAAiBjD,CAAW;AAAA,MACvC,aAAAA;AAAA,MACA,aAAAmB;AAAA,MACA,iBAAiBG,EAAa,iBAAiB,CAAA;AAAA,MAC/C,OAAAS;AAAA,MACA,QAAQpD;AAAA,MACR,oBAAAsB;AAAA,MACA,wBAAApB;AAAA,MACA,uBAAuB,CAACwD,GAAaa,MAAU;AAC7C,QAAApE,EAA0B,CAAAqE,OAAS,EAAE,GAAGA,GAAM,CAACd,CAAW,GAAGa,IAAQ;AAAA,MACvE;AAAA,MACA,2BAAA1C;AAAA,MACA,oBAAAzC;AAAA,MACA,cAAAqD;AAAA,IAAA;AAAA,EAAA;AAGN;"}

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

@@ -6,6 +6,7 @@ import { PayrollOverviewStatus as h } from "./PayrollOverviewTypes.js";
 import ie from "./PayrollOverviewPresentation.module.scss.js";
 import { Flex as s } from "../../Common/Flex/Flex.js";
 import { Grid as ve } from "../../Common/Grid/Grid.js";
+import "classnames";
 import Le from "../../../hooks/useContainerBreakpoints/useContainerBreakpoints.js";
 import { useComponentContext as Ee } from "../../../contexts/ComponentAdapter/useComponentContext.js";
 import { useI18n as Oe } from "../../../i18n/I18n.js";
@@ -18,7 +19,7 @@ import { PayrollLoading as de } from "../../Common/PayrollLoading/PayrollLoading
 import { FastAchSubmissionBlockerBanner as We } from "./SubmissionBlockers/FastAchSubmissionBlockerBanner.js";
 import { GenericBlocker as Ue } from "./SubmissionBlockers/GenericBlocker.js";
 import { DataView as c } from "../../Common/DataView/DataView.js";
-const Ve = (y, N) => y?.startDate && y.endDate ? N.formatPayPeriod(y.startDate, y.endDate) : { startDate: "", endDate: "" }, ot = ({
+const Ve = (y, N) => y?.startDate && y.endDate ? N.formatPayPeriod(y.startDate, y.endDate) : { startDate: "", endDate: "" }, st = ({
   onEdit: y,
   onSubmit: N,
   onCancel: ce,
@@ -577,6 +578,6 @@ const Ve = (y, N) => y?.startDate && y.endDate ? N.formatPayPeriod(y.startDate,
   ] }) });
 };
 export {
-  ot as PayrollOverviewPresentation
+  st as PayrollOverviewPresentation
 };
 //# sourceMappingURL=PayrollOverviewPresentation.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"PayrollOverviewPresentation.js","sources":["../../../../src/components/Payroll/PayrollOverview/PayrollOverviewPresentation.tsx"],"sourcesContent":["import { Trans, useTranslation } from 'react-i18next'\nimport type {\n  EmployeeCompensations,\n  PayrollShow,\n} from '@gusto/embedded-api/models/components/payroll'\nimport type { PayrollPayPeriodType } from '@gusto/embedded-api/models/components/payrollpayperiodtype'\nimport type { CompanyBankAccount } from '@gusto/embedded-api/models/components/companybankaccount'\nimport { useState, useRef } from 'react'\nimport type { Employee } from '@gusto/embedded-api/models/components/employee'\nimport type {\n  PayrollSubmissionBlockerType,\n  UnblockOptions,\n} from '@gusto/embedded-api/models/components/payrollsubmissionblockertype'\nimport type { PaymentSpeed } from '@gusto/embedded-api/models/components/paymentconfigs'\nimport type { PayrollFlowAlert } from '../PayrollFlow/PayrollFlowComponents'\nimport {\n  calculateTotalPayroll,\n  getPayrollTypeLabel,\n  hasDirectDepositEmployees,\n  isDismissalPayroll,\n} from '../helpers'\nimport { PayrollOverviewStatus } from './PayrollOverviewTypes'\nimport { FastAchSubmissionBlockerBanner, GenericBlocker } from './SubmissionBlockers'\nimport styles from './PayrollOverviewPresentation.module.scss'\nimport { DataView, Flex, Grid, PayrollLoading } from '@/components/Common'\nimport { useContainerBreakpoints } from '@/hooks/useContainerBreakpoints/useContainerBreakpoints'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useI18n } from '@/i18n'\nimport { useDateFormatter } from '@/hooks/useDateFormatter'\nimport useNumberFormatter from '@/hooks/useNumberFormatter'\nimport { firstLastName } from '@/helpers/formattedStrings'\nimport {\n  compensationTypeLabels,\n  FlsaStatus,\n  PAYROLL_RESOLVABLE_SUBMISSION_BLOCKER_TYPES,\n  PAYMENT_METHODS,\n} from '@/shared/constants'\nimport DownloadIcon from '@/assets/icons/download-cloud.svg?react'\n\ninterface PayrollOverviewProps {\n  payrollData: PayrollShow\n  bankAccount?: CompanyBankAccount\n  employeeDetails: Employee[]\n  taxes: Record<string, { employee: number; employer: number }>\n  status?: PayrollOverviewStatus\n  isProcessed: boolean\n  canCancel?: boolean\n  alerts?: PayrollFlowAlert[]\n  submissionBlockers?: PayrollSubmissionBlockerType[]\n  selectedUnblockOptions?: Record<string, string>\n  wireInConfirmationRequest?: React.ReactNode\n  onEdit: () => void\n  onSubmit: () => void\n  onCancel: () => void\n  onPayrollReceipt: () => void\n  onPaystubDownload: (employeeId: string) => void\n  onUnblockOptionChange?: (blockerType: string, value: string) => void\n  withReimbursements?: boolean\n  paymentSpeed?: PaymentSpeed\n}\n\nconst getPayrollOverviewTitle = (\n  payPeriod: PayrollPayPeriodType | undefined,\n  dateFormatter: ReturnType<typeof useDateFormatter>,\n) => {\n  if (payPeriod?.startDate && payPeriod.endDate) {\n    return dateFormatter.formatPayPeriod(payPeriod.startDate, payPeriod.endDate)\n  }\n  return { startDate: '', endDate: '' }\n}\n\nexport const PayrollOverviewPresentation = ({\n  onEdit,\n  onSubmit,\n  onCancel,\n  onPayrollReceipt,\n  onPaystubDownload,\n  employeeDetails,\n  payrollData,\n  bankAccount,\n  taxes,\n  status = PayrollOverviewStatus.Viewing,\n  isProcessed,\n  canCancel = false,\n  alerts = [],\n  submissionBlockers = [],\n  selectedUnblockOptions = {},\n  onUnblockOptionChange,\n  wireInConfirmationRequest,\n  withReimbursements = true,\n  paymentSpeed,\n}: PayrollOverviewProps) => {\n  const { Alert, Badge, Button, ButtonIcon, Dialog, Heading, Text, Tabs } = useComponentContext()\n  useI18n('Payroll.PayrollOverview')\n  const dateFormatter = useDateFormatter()\n  const { t } = useTranslation('Payroll.PayrollOverview')\n  const formatCurrency = useNumberFormatter('currency')\n  const [selectedTab, setSelectedTab] = useState('companyPays')\n  const [isCancelDialogOpen, setIsCancelDialogOpen] = useState(false)\n  const containerRef = useRef<HTMLDivElement>(null)\n  const breakpoints = useContainerBreakpoints({ ref: containerRef })\n  const isDesktop = breakpoints.includes('small')\n\n  const isLoading =\n    status === PayrollOverviewStatus.Submitting || status === PayrollOverviewStatus.Cancelling\n\n  const pageHeading = (\n    <Heading as=\"h1\">{isProcessed ? t('summaryTitle') : t('overviewTitle')}</Heading>\n  )\n  const isDismissal = isDismissalPayroll(payrollData.offCycleReason)\n\n  const pageSubtitle = (\n    <Text>\n      <Trans\n        i18nKey={isDismissal ? 'pageSubtitleDismissal' : 'pageSubtitle'}\n        t={t}\n        components={{ dateWrapper: <Text weight=\"bold\" as=\"span\" /> }}\n        values={{\n          ...getPayrollOverviewTitle(payrollData.payPeriod, dateFormatter),\n          payrollType: getPayrollTypeLabel(payrollData),\n        }}\n      />\n    </Text>\n  )\n\n  if (status === PayrollOverviewStatus.Cancelled) {\n    return (\n      <div ref={containerRef} className={styles.container}>\n        <Flex flexDirection=\"column\" alignItems=\"stretch\">\n          <Flex justifyContent=\"space-between\" alignItems=\"flex-start\" gap={16}>\n            <Flex flexDirection=\"column\" gap={4}>\n              {pageHeading}\n              {pageSubtitle}\n            </Flex>\n          </Flex>\n          <Alert status=\"info\" label={t('cancelledEmptyState')} />\n        </Flex>\n      </div>\n    )\n  }\n\n  const totalPayroll = calculateTotalPayroll(payrollData)\n\n  const expectedDebitDate =\n    payrollData.payrollStatusMeta?.expectedDebitTime ?? payrollData.payrollDeadline\n\n  const getCompanyTaxes = (employeeCompensation: EmployeeCompensations) => {\n    return (\n      employeeCompensation.taxes?.reduce(\n        (acc, tax) => (tax.employer ? acc + tax.amount : acc),\n        0,\n      ) ?? 0\n    )\n  }\n  const getCompanyBenefits = (employeeCompensation: EmployeeCompensations) => {\n    return (\n      employeeCompensation.benefits?.reduce(\n        (acc, benefit) => (benefit.companyContribution ? acc + benefit.companyContribution : acc),\n        0,\n      ) ?? 0\n    )\n  }\n  const getReimbursements = (employeeCompensation: EmployeeCompensations) => {\n    return employeeCompensation.fixedCompensations?.length\n      ? Number(\n          employeeCompensation.fixedCompensations.find(\n            c => c.name?.toLowerCase() === compensationTypeLabels.REIMBURSEMENT_NAME.toLowerCase(),\n          )?.amount || 0,\n        )\n      : 0\n  }\n\n  const getCompanyCost = (employeeCompensation: EmployeeCompensations) => {\n    return (\n      employeeCompensation.grossPay! +\n      getReimbursements(employeeCompensation) +\n      getCompanyTaxes(employeeCompensation) +\n      getCompanyBenefits(employeeCompensation)\n    )\n  }\n\n  const employeeMap = new Map(employeeDetails.map(employee => [employee.uuid, employee]))\n\n  const fastAchBlocker = submissionBlockers.find(\n    blocker =>\n      blocker.blockerType === 'fast_ach_threshold_exceeded' ||\n      blocker.blockerType === 'needs_earned_access_for_fast_ach',\n  )\n  const selectedUnblockType = fastAchBlocker\n    ? selectedUnblockOptions[fastAchBlocker.blockerType || '']\n    : undefined\n  const selectedUnblockOption = fastAchBlocker?.unblockOptions?.find(\n    (option: UnblockOptions) => option.unblockType === selectedUnblockType,\n  )\n\n  const isWireFunds = selectedUnblockType === 'wire_in'\n  const isFourDayDirectDeposit = selectedUnblockType === 'move_to_four_day'\n\n  const getEmployeeHours = (\n    employeeCompensations: EmployeeCompensations,\n  ): Record<string, number> => {\n    return (\n      employeeCompensations.hourlyCompensations?.reduce(\n        (acc, hourlyCompensation) => {\n          if (typeof hourlyCompensation.name === 'undefined') {\n            return acc\n          }\n          const name = hourlyCompensation.name.toLowerCase()\n          const currentHours = acc[name] ?? 0\n          acc[name] = currentHours + Number(hourlyCompensation.hours || 0)\n          return acc\n        },\n        {} as Record<string, number>,\n      ) || {}\n    )\n  }\n  const getEmployeePtoHours = (employeeCompensations: EmployeeCompensations) => {\n    return (\n      employeeCompensations.paidTimeOff?.reduce((acc, paidTimeOff) => {\n        return acc + Number(paidTimeOff.hours || 0)\n      }, 0) ?? 0\n    )\n  }\n\n  const checkPaymentsCount =\n    payrollData.employeeCompensations?.reduce(\n      (acc, comp) =>\n        !comp.excluded && comp.paymentMethod === PAYMENT_METHODS.check ? acc + 1 : acc,\n      0,\n    ) ?? 0\n  const companyPaysColumns: Array<{\n    key: string\n    title: string\n    render: (item: EmployeeCompensations) => React.ReactNode\n  }> = [\n    {\n      key: 'employeeName',\n      title: t('tableHeaders.employees'),\n      render: (employeeCompensations: EmployeeCompensations) => (\n        <Flex flexDirection=\"column\" gap={0}>\n          {firstLastName({\n            first_name: employeeMap.get(employeeCompensations.employeeUuid!)?.firstName,\n            last_name: employeeMap.get(employeeCompensations.employeeUuid!)?.lastName,\n          })}\n          {employeeCompensations.excluded && <Badge status=\"warning\">{t('skippedBadge')}</Badge>}\n        </Flex>\n      ),\n    },\n    {\n      key: 'grossPay',\n      title: t('tableHeaders.grossPay'),\n      render: (employeeCompensations: EmployeeCompensations) =>\n        formatCurrency(employeeCompensations.grossPay!),\n    },\n    ...(withReimbursements\n      ? [\n          {\n            key: 'reimbursements',\n            title: t('tableHeaders.reimbursements'),\n            render: (employeeCompensation: EmployeeCompensations) =>\n              formatCurrency(getReimbursements(employeeCompensation)),\n          },\n        ]\n      : []),\n    {\n      key: 'companyTaxes',\n      title: t('tableHeaders.companyTaxes'),\n      render: (employeeCompensation: EmployeeCompensations) =>\n        formatCurrency(getCompanyTaxes(employeeCompensation)),\n    },\n    {\n      key: 'companyBenefits',\n      title: t('tableHeaders.companyBenefits'),\n      render: (employeeCompensation: EmployeeCompensations) =>\n        formatCurrency(getCompanyBenefits(employeeCompensation)),\n    },\n    {\n      key: 'companyPays',\n      title: t('tableHeaders.companyPays'),\n      render: (employeeCompensation: EmployeeCompensations) =>\n        formatCurrency(getCompanyCost(employeeCompensation)),\n    },\n  ]\n  if (isProcessed && isDesktop) {\n    companyPaysColumns.push({\n      key: 'paystubs',\n      title: t('tableHeaders.paystub'),\n      render: (employeeCompensations: EmployeeCompensations) => (\n        <Flex justifyContent=\"flex-end\">\n          <ButtonIcon\n            aria-label={t('downloadPaystubLabel')}\n            variant=\"tertiary\"\n            onClick={() => {\n              if (employeeCompensations.employeeUuid) {\n                onPaystubDownload(employeeCompensations.employeeUuid)\n              }\n            }}\n          >\n            <DownloadIcon />\n          </ButtonIcon>\n        </Flex>\n      ),\n    })\n  }\n  const tabs = [\n    {\n      id: 'companyPays',\n      label: t('dataViews.companyPaysTab'),\n      content: (\n        <DataView\n          label={t('dataViews.companyPaysTable')}\n          columns={companyPaysColumns}\n          data={payrollData.employeeCompensations!}\n          itemMenu={\n            isProcessed && !isDesktop\n              ? (employeeCompensations: EmployeeCompensations) => (\n                  <ButtonIcon\n                    aria-label={t('downloadPaystubLabel')}\n                    variant=\"tertiary\"\n                    onClick={() => {\n                      if (employeeCompensations.employeeUuid) {\n                        onPaystubDownload(employeeCompensations.employeeUuid)\n                      }\n                    }}\n                  >\n                    <DownloadIcon />\n                  </ButtonIcon>\n                )\n              : undefined\n          }\n          footer={() => ({\n            employeeName: (\n              <>\n                {t('tableHeaders.footerTotalsLabel')}\n                <Text variant=\"supporting\" size=\"sm\">\n                  {t('tableHeaders.footerTotalsDescription')}\n                </Text>\n              </>\n            ),\n            grossPay: formatCurrency(Number(payrollData.totals?.grossPay ?? 0)),\n            ...(withReimbursements\n              ? {\n                  reimbursements: formatCurrency(Number(payrollData.totals?.reimbursements ?? 0)),\n                }\n              : {}),\n            companyTaxes: formatCurrency(Number(payrollData.totals?.employerTaxes ?? 0)),\n            companyBenefits: formatCurrency(Number(payrollData.totals?.benefits ?? 0)),\n            companyPays: formatCurrency(totalPayroll),\n          })}\n        />\n      ),\n    },\n    {\n      id: 'hoursWorked',\n      label: t('dataViews.hoursWorkedTab'),\n      content: (\n        <DataView\n          label={t('dataViews.hoursWorkedTable')}\n          columns={[\n            {\n              title: t('tableHeaders.employees'),\n              render: (employeeCompensations: EmployeeCompensations) => (\n                <Flex flexDirection=\"column\" gap={0}>\n                  {firstLastName({\n                    first_name: employeeMap.get(employeeCompensations.employeeUuid!)?.firstName,\n                    last_name: employeeMap.get(employeeCompensations.employeeUuid!)?.lastName,\n                  })}\n                  {employeeCompensations.excluded && (\n                    <Badge status=\"warning\">{t('skippedBadge')}</Badge>\n                  )}\n                </Flex>\n              ),\n            },\n            {\n              title: t('tableHeaders.compensationType'),\n              render: (employeeCompensations: EmployeeCompensations) =>\n                employeeMap.get(employeeCompensations.employeeUuid!)?.jobs?.reduce((acc, job) => {\n                  if (job.primary) {\n                    const flsaStatus = job.compensations?.find(\n                      comp => comp.uuid === job.currentCompensationUuid,\n                    )?.flsaStatus\n\n                    switch (flsaStatus) {\n                      case FlsaStatus.EXEMPT:\n                        return t('compensationTypeLabels.exempt')\n                      case FlsaStatus.NONEXEMPT:\n                        return t('compensationTypeLabels.nonexempt')\n                      default:\n                        return flsaStatus ?? ''\n                    }\n                  }\n                  return acc\n                }, ''),\n            },\n            {\n              title: t('tableHeaders.regular'),\n              render: (employeeCompensations: EmployeeCompensations) =>\n                getEmployeeHours(employeeCompensations)[\n                  compensationTypeLabels.REGULAR_HOURS_NAME\n                ] || 0,\n            },\n            {\n              title: t('tableHeaders.overtime'),\n              render: (employeeCompensations: EmployeeCompensations) =>\n                getEmployeeHours(employeeCompensations)[compensationTypeLabels.OVERTIME_NAME] || 0,\n            },\n            {\n              title: t('tableHeaders.doubleOT'),\n              render: (employeeCompensations: EmployeeCompensations) =>\n                getEmployeeHours(employeeCompensations)[\n                  compensationTypeLabels.DOUBLE_OVERTIME_NAME\n                ] || 0,\n            },\n            {\n              title: t('tableHeaders.timeOff'),\n              render: (employeeCompensations: EmployeeCompensations) =>\n                getEmployeePtoHours(employeeCompensations),\n            },\n            {\n              title: t('tableHeaders.totalHours'),\n              render: (employeeCompensations: EmployeeCompensations) =>\n                Object.values(getEmployeeHours(employeeCompensations)).reduce(\n                  (acc, hours) => acc + hours,\n                  0,\n                ) + getEmployeePtoHours(employeeCompensations),\n            },\n          ]}\n          data={payrollData.employeeCompensations!}\n        />\n      ),\n    },\n    {\n      id: 'employeeTakeHome',\n      label: t('dataViews.employeeTakeHomeTab'),\n      content: (\n        <DataView\n          label={t('dataViews.employeeTakeHomeTable')}\n          columns={[\n            {\n              title: t('tableHeaders.employees'),\n              render: (employeeCompensations: EmployeeCompensations) => (\n                <Flex flexDirection=\"column\" gap={0}>\n                  {firstLastName({\n                    first_name: employeeMap.get(employeeCompensations.employeeUuid!)?.firstName,\n                    last_name: employeeMap.get(employeeCompensations.employeeUuid!)?.lastName,\n                  })}\n                  {employeeCompensations.excluded && (\n                    <Badge status=\"warning\">{t('skippedBadge')}</Badge>\n                  )}\n                </Flex>\n              ),\n            },\n            {\n              title: t('tableHeaders.paymentType'),\n              render: (employeeCompensations: EmployeeCompensations) =>\n                employeeCompensations.paymentMethod ?? '',\n            },\n            {\n              title: t('tableHeaders.grossPay'),\n              render: (employeeCompensations: EmployeeCompensations) =>\n                formatCurrency(employeeCompensations.grossPay ?? 0),\n            },\n            {\n              title: t('tableHeaders.deductions'),\n              render: (employeeCompensations: EmployeeCompensations) =>\n                formatCurrency(\n                  employeeCompensations.deductions?.reduce(\n                    (acc, deduction) => acc + deduction.amount!,\n                    0,\n                  ) ?? 0,\n                ),\n            },\n            ...(withReimbursements\n              ? [\n                  {\n                    title: t('tableHeaders.reimbursements'),\n                    render: (employeeCompensations: EmployeeCompensations) =>\n                      formatCurrency(getReimbursements(employeeCompensations)),\n                  },\n                ]\n              : []),\n            {\n              title: t('tableHeaders.employeeTaxes'),\n              render: (employeeCompensations: EmployeeCompensations) =>\n                formatCurrency(\n                  employeeCompensations.taxes?.reduce(\n                    (acc, tax) => (tax.employer ? acc : acc + tax.amount),\n                    0,\n                  ) ?? 0,\n                ),\n            },\n            {\n              title: t('tableHeaders.employeeBenefits'),\n              render: (employeeCompensations: EmployeeCompensations) =>\n                formatCurrency(\n                  employeeCompensations.benefits?.reduce(\n                    (acc, benefit) => acc + (benefit.employeeDeduction ?? 0),\n                    0,\n                  ) ?? 0,\n                ),\n            },\n            {\n              title: t('tableHeaders.payment'),\n              render: (employeeCompensations: EmployeeCompensations) =>\n                formatCurrency(employeeCompensations.netPay ?? 0),\n            },\n          ]}\n          data={payrollData.employeeCompensations!}\n        />\n      ),\n    },\n    {\n      id: 'taxes',\n      label: t('dataViews.taxesTab'),\n      content: (\n        <Flex flexDirection=\"column\" gap={32}>\n          <DataView\n            label={t('dataViews.taxesTable')}\n            columns={[\n              {\n                key: 'taxDescription',\n                title: t('tableHeaders.taxDescription'),\n                render: taxKey => taxKey,\n              },\n              {\n                key: 'byYourEmployees',\n                title: t('tableHeaders.byYourEmployees'),\n                render: taxKey => formatCurrency(taxes[taxKey]?.employee ?? 0),\n              },\n              {\n                key: 'byYourCompany',\n                title: t('tableHeaders.byYourCompany'),\n                render: taxKey => formatCurrency(taxes[taxKey]?.employer ?? 0),\n              },\n            ]}\n            footer={() => ({\n              taxDescription: (\n                <Text weight=\"semibold\" size=\"sm\">\n                  {t('totalsLabel')}\n                </Text>\n              ),\n              byYourEmployees: formatCurrency(Number(payrollData.totals?.employeeTaxes ?? 0)),\n              byYourCompany: formatCurrency(Number(payrollData.totals?.employerTaxes ?? 0)),\n            })}\n            data={Object.keys(taxes)}\n          />\n\n          <DataView\n            label={t('dataViews.debitedTable')}\n            columns={[\n              {\n                title: t('tableHeaders.debitedByGusto'),\n                render: ({ label }) => label,\n              },\n              {\n                title: t('tableHeaders.taxesTotal'),\n                render: ({ value }) => formatCurrency(Number(value)),\n              },\n            ]}\n            data={[\n              { label: t('directDepositLabel'), value: payrollData.totals?.netPayDebit || '0' },\n              ...(withReimbursements\n                ? [\n                    {\n                      label: t('reimbursementLabel'),\n                      value: payrollData.totals?.reimbursementDebit || '0',\n                    },\n                  ]\n                : []),\n              {\n                label: t('garnishmentsLabel'),\n                value: payrollData.totals?.childSupportDebit || '0',\n              },\n              { label: t('taxesLabel'), value: payrollData.totals?.taxDebit || '0' },\n            ]}\n          />\n        </Flex>\n      ),\n    },\n  ]\n\n  const actions = isProcessed ? (\n    <>\n      <Button onClick={onPayrollReceipt} variant=\"secondary\" isDisabled={isLoading}>\n        {t('payrollReceiptCta')}\n      </Button>\n      {canCancel && (\n        <Button\n          onClick={() => {\n            setIsCancelDialogOpen(true)\n          }}\n          variant=\"error\"\n          isDisabled={isLoading}\n        >\n          {t('cancelCta')}\n        </Button>\n      )}\n    </>\n  ) : (\n    <>\n      <Button onClick={onEdit} variant=\"secondary\" isDisabled={isLoading}>\n        {t('editCta')}\n      </Button>\n      <Button\n        onClick={onSubmit}\n        isDisabled={\n          isLoading ||\n          (submissionBlockers.length > 0 &&\n            (submissionBlockers.some(\n              blocker =>\n                !PAYROLL_RESOLVABLE_SUBMISSION_BLOCKER_TYPES.includes(blocker.blockerType || ''),\n            ) ||\n              submissionBlockers.some(\n                blocker => !selectedUnblockOptions[blocker.blockerType || ''],\n              )))\n        }\n      >\n        {t('submitCta')}\n      </Button>\n    </>\n  )\n\n  return (\n    <div ref={containerRef} className={styles.container}>\n      <Flex flexDirection=\"column\" alignItems=\"stretch\">\n        <Flex justifyContent=\"space-between\" alignItems=\"flex-start\" gap={16}>\n          <Flex flexDirection=\"column\" gap={4}>\n            {pageHeading}\n            {pageSubtitle}\n          </Flex>\n          {isDesktop && (\n            <Flex gap={8} justifyContent=\"flex-end\">\n              {actions}\n            </Flex>\n          )}\n        </Flex>\n        {!isDesktop && (\n          <Grid gridTemplateColumns=\"1fr\" gap={8}>\n            {actions}\n          </Grid>\n        )}\n        {status === PayrollOverviewStatus.Cancelling ? (\n          <PayrollLoading title={t('cancellingTitle')} />\n        ) : status === PayrollOverviewStatus.Submitting ? (\n          <PayrollLoading title={t('loadingTitle')} description={t('loadingDescription')} />\n        ) : (\n          <>\n            {wireInConfirmationRequest}\n            {alerts.length > 0 && (\n              <Flex flexDirection={'column'} gap={16}>\n                {alerts.map((alert, index) => (\n                  <Alert\n                    key={`${alert.type}-${alert.title}`}\n                    label={alert.title}\n                    status={alert.type}\n                    onDismiss={alert.onDismiss}\n                  >\n                    {alert.content ?? null}\n                  </Alert>\n                ))}\n              </Flex>\n            )}\n            {submissionBlockers.length > 0 &&\n              onUnblockOptionChange &&\n              submissionBlockers.map(blocker => {\n                const blockerType = blocker.blockerType || ''\n\n                if (PAYROLL_RESOLVABLE_SUBMISSION_BLOCKER_TYPES.includes(blockerType)) {\n                  return (\n                    <FastAchSubmissionBlockerBanner\n                      key={blockerType}\n                      blocker={blocker}\n                      selectedValue={selectedUnblockOptions[blockerType]}\n                      onUnblockOptionChange={onUnblockOptionChange}\n                      paymentSpeed={paymentSpeed}\n                    />\n                  )\n                }\n\n                return <GenericBlocker key={blockerType} blocker={blocker} />\n              })}\n            <Heading as=\"h3\">\n              {isWireFunds\n                ? t('payrollSummaryTitleWire')\n                : isFourDayDirectDeposit\n                  ? t('payrollSummaryTitleFourDay')\n                  : t('payrollSummaryTitle')}\n            </Heading>\n\n            {isWireFunds ? (\n              <DataView\n                label={t('payrollSummaryLabel')}\n                columns={[\n                  {\n                    title: t('tableHeaders.totalPayroll'),\n                    render: () => formatCurrency(totalPayroll),\n                  },\n                  {\n                    title: t('tableHeaders.wireAmount'),\n                    render: () => {\n                      const metadata = selectedUnblockOption?.metadata as\n                        | { wire_in_amount?: string }\n                        | undefined\n                      const wireAmount = metadata?.wire_in_amount\n                      return wireAmount ? formatCurrency(Number(wireAmount)) : '-'\n                    },\n                  },\n                  {\n                    title: t('tableHeaders.wireTransferDeadline'),\n                    render: () => {\n                      const metadata = selectedUnblockOption?.metadata as\n                        | { wire_in_deadline?: string }\n                        | undefined\n                      const wireDeadline = metadata?.wire_in_deadline\n                      const formattedTime = dateFormatter.formatWithTime(wireDeadline)\n                      const formattedDate = dateFormatter.formatShortWithYear(wireDeadline)\n                      return wireDeadline ? `${formattedTime.time} on ${formattedDate}` : '-'\n                    },\n                  },\n                  {\n                    title: t('tableHeaders.employeePayDate'),\n                    render: () =>\n                      selectedUnblockOption?.checkDate\n                        ? dateFormatter.formatShortWithYear(selectedUnblockOption.checkDate)\n                        : '-',\n                  },\n                ]}\n                data={[{}]}\n              />\n            ) : isFourDayDirectDeposit ? (\n              <DataView\n                label={t('payrollSummaryLabel')}\n                columns={[\n                  {\n                    title: t('tableHeaders.totalPayroll'),\n                    render: () => formatCurrency(totalPayroll),\n                  },\n                  {\n                    title: t('tableHeaders.debitAmount'),\n                    render: () => {\n                      const debitAmount = payrollData.totals?.companyDebit\n                      return formatCurrency(Number(debitAmount ?? 0))\n                    },\n                  },\n                  {\n                    title: t('tableHeaders.debitAccount'),\n                    render: () => bankAccount?.hiddenAccountNumber ?? '',\n                  },\n                  {\n                    title: t('tableHeaders.debitDate'),\n                    render: () => {\n                      const metadata = selectedUnblockOption?.metadata as\n                        | { debit_date?: string }\n                        | undefined\n                      const debitDate = metadata?.debit_date\n                      return dateFormatter.formatShortWithYear(debitDate)\n                    },\n                  },\n                  {\n                    title: t('tableHeaders.employeePayDate'),\n                    render: () =>\n                      selectedUnblockOption?.checkDate\n                        ? dateFormatter.formatShortWithYear(selectedUnblockOption.checkDate)\n                        : '-',\n                  },\n                ]}\n                data={[{}]}\n              />\n            ) : (\n              <DataView\n                label={t('payrollSummaryLabel')}\n                columns={[\n                  {\n                    title: t('tableHeaders.totalPayroll'),\n                    render: () => formatCurrency(totalPayroll),\n                  },\n                  {\n                    title: t('tableHeaders.debitAmount'),\n                    render: () => formatCurrency(Number(payrollData.totals?.companyDebit ?? 0)),\n                  },\n                  {\n                    title: t('tableHeaders.debitAccount'),\n                    render: () => bankAccount?.hiddenAccountNumber ?? '',\n                  },\n                  {\n                    title: t('tableHeaders.debitDate'),\n                    render: () => dateFormatter.formatShortWithYear(expectedDebitDate),\n                  },\n                  {\n                    title: t('tableHeaders.employeePayDate'),\n                    render: () => dateFormatter.formatShortWithYear(payrollData.checkDate),\n                  },\n                ]}\n                data={[{}]}\n              />\n            )}\n            {checkPaymentsCount > 0 && (\n              <Alert\n                status=\"warning\"\n                label={t('alerts.checkPaymentWarning', { count: checkPaymentsCount })}\n              >\n                <Text>{t('alerts.checkPaymentWarningDescription')}</Text>\n              </Alert>\n            )}\n            <Tabs\n              onSelectionChange={setSelectedTab}\n              selectedId={selectedTab}\n              aria-label={t('dataViews.label')}\n              tabs={tabs}\n            />\n            {isCancelDialogOpen && (\n              <Dialog\n                isOpen={isCancelDialogOpen}\n                onClose={() => {\n                  setIsCancelDialogOpen(false)\n                }}\n                onPrimaryActionClick={onCancel}\n                shouldCloseOnBackdropClick={true}\n                primaryActionLabel={t('confirmCancelCta')}\n                isDestructive={true}\n                closeActionLabel={t('declineCancelCta')}\n                title={t(isDismissal ? 'cancelDialogTitleDismissal' : 'cancelDialogTitle', {\n                  startDate: dateFormatter.formatLong(payrollData.payPeriod?.startDate),\n                  endDate: dateFormatter.formatLongWithYear(payrollData.payPeriod?.endDate),\n                })}\n              >\n                <Flex gap={14} flexDirection=\"column\">\n                  <Text>{t('cancelDialogDescription')}</Text>\n                  {hasDirectDepositEmployees(payrollData.employeeCompensations) && (\n                    <Text>\n                      {t('cancelDialogDescriptionDeadline', {\n                        deadline: dateFormatter.formatWithTime(payrollData.payrollDeadline).time,\n                      })}\n                    </Text>\n                  )}\n                </Flex>\n              </Dialog>\n            )}\n          </>\n        )}\n      </Flex>\n    </div>\n  )\n}\n"],"names":["getPayrollOverviewTitle","payPeriod","dateFormatter","PayrollOverviewPresentation","onEdit","onSubmit","onCancel","onPayrollReceipt","onPaystubDownload","employeeDetails","payrollData","bankAccount","taxes","status","PayrollOverviewStatus","isProcessed","canCancel","alerts","submissionBlockers","selectedUnblockOptions","onUnblockOptionChange","wireInConfirmationRequest","withReimbursements","paymentSpeed","Alert","Badge","Button","ButtonIcon","Dialog","Heading","Text","Tabs","useComponentContext","useI18n","useDateFormatter","useTranslation","formatCurrency","useNumberFormatter","selectedTab","setSelectedTab","useState","isCancelDialogOpen","setIsCancelDialogOpen","containerRef","useRef","isDesktop","useContainerBreakpoints","isLoading","pageHeading","jsx","isDismissal","isDismissalPayroll","pageSubtitle","Trans","getPayrollTypeLabel","styles","jsxs","Flex","totalPayroll","calculateTotalPayroll","expectedDebitDate","getCompanyTaxes","employeeCompensation","acc","tax","getCompanyBenefits","benefit","getReimbursements","c","compensationTypeLabels","getCompanyCost","employeeMap","employee","fastAchBlocker","blocker","selectedUnblockType","selectedUnblockOption","option","isWireFunds","isFourDayDirectDeposit","getEmployeeHours","employeeCompensations","hourlyCompensation","name","currentHours","getEmployeePtoHours","paidTimeOff","checkPaymentsCount","comp","PAYMENT_METHODS","companyPaysColumns","firstLastName","DownloadIcon","tabs","DataView","Fragment","job","flsaStatus","FlsaStatus","hours","deduction","taxKey","label","value","actions","PAYROLL_RESOLVABLE_SUBMISSION_BLOCKER_TYPES","Grid","PayrollLoading","alert","index","blockerType","FastAchSubmissionBlockerBanner","GenericBlocker","wireAmount","wireDeadline","formattedTime","formattedDate","debitAmount","debitDate","hasDirectDepositEmployees"],"mappings":"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"}
+{"version":3,"file":"PayrollOverviewPresentation.js","sources":["../../../../src/components/Payroll/PayrollOverview/PayrollOverviewPresentation.tsx"],"sourcesContent":["import { Trans, useTranslation } from 'react-i18next'\nimport type {\n  EmployeeCompensations,\n  PayrollShow,\n} from '@gusto/embedded-api/models/components/payroll'\nimport type { PayrollPayPeriodType } from '@gusto/embedded-api/models/components/payrollpayperiodtype'\nimport type { CompanyBankAccount } from '@gusto/embedded-api/models/components/companybankaccount'\nimport { useState, useRef } from 'react'\nimport type { Employee } from '@gusto/embedded-api/models/components/employee'\nimport type {\n  PayrollSubmissionBlockerType,\n  UnblockOptions,\n} from '@gusto/embedded-api/models/components/payrollsubmissionblockertype'\nimport type { PaymentSpeed } from '@gusto/embedded-api/models/components/paymentconfigs'\nimport type { PayrollFlowAlert } from '../PayrollFlow/PayrollFlowComponents'\nimport {\n  calculateTotalPayroll,\n  getPayrollTypeLabel,\n  hasDirectDepositEmployees,\n  isDismissalPayroll,\n} from '../helpers'\nimport { PayrollOverviewStatus } from './PayrollOverviewTypes'\nimport { FastAchSubmissionBlockerBanner, GenericBlocker } from './SubmissionBlockers'\nimport styles from './PayrollOverviewPresentation.module.scss'\nimport { DataView, Flex, Grid, PayrollLoading } from '@/components/Common'\nimport { useContainerBreakpoints } from '@/hooks/useContainerBreakpoints/useContainerBreakpoints'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useI18n } from '@/i18n'\nimport { useDateFormatter } from '@/hooks/useDateFormatter'\nimport useNumberFormatter from '@/hooks/useNumberFormatter'\nimport { firstLastName } from '@/helpers/formattedStrings'\nimport {\n  compensationTypeLabels,\n  FlsaStatus,\n  PAYROLL_RESOLVABLE_SUBMISSION_BLOCKER_TYPES,\n  PAYMENT_METHODS,\n} from '@/shared/constants'\nimport DownloadIcon from '@/assets/icons/download-cloud.svg?react'\n\ninterface PayrollOverviewProps {\n  payrollData: PayrollShow\n  bankAccount?: CompanyBankAccount\n  employeeDetails: Employee[]\n  taxes: Record<string, { employee: number; employer: number }>\n  status?: PayrollOverviewStatus\n  isProcessed: boolean\n  canCancel?: boolean\n  alerts?: PayrollFlowAlert[]\n  submissionBlockers?: PayrollSubmissionBlockerType[]\n  selectedUnblockOptions?: Record<string, string>\n  wireInConfirmationRequest?: React.ReactNode\n  onEdit: () => void\n  onSubmit: () => void\n  onCancel: () => void\n  onPayrollReceipt: () => void\n  onPaystubDownload: (employeeId: string) => void\n  onUnblockOptionChange?: (blockerType: string, value: string) => void\n  withReimbursements?: boolean\n  paymentSpeed?: PaymentSpeed\n}\n\nconst getPayrollOverviewTitle = (\n  payPeriod: PayrollPayPeriodType | undefined,\n  dateFormatter: ReturnType<typeof useDateFormatter>,\n) => {\n  if (payPeriod?.startDate && payPeriod.endDate) {\n    return dateFormatter.formatPayPeriod(payPeriod.startDate, payPeriod.endDate)\n  }\n  return { startDate: '', endDate: '' }\n}\n\nexport const PayrollOverviewPresentation = ({\n  onEdit,\n  onSubmit,\n  onCancel,\n  onPayrollReceipt,\n  onPaystubDownload,\n  employeeDetails,\n  payrollData,\n  bankAccount,\n  taxes,\n  status = PayrollOverviewStatus.Viewing,\n  isProcessed,\n  canCancel = false,\n  alerts = [],\n  submissionBlockers = [],\n  selectedUnblockOptions = {},\n  onUnblockOptionChange,\n  wireInConfirmationRequest,\n  withReimbursements = true,\n  paymentSpeed,\n}: PayrollOverviewProps) => {\n  const { Alert, Badge, Button, ButtonIcon, Dialog, Heading, Text, Tabs } = useComponentContext()\n  useI18n('Payroll.PayrollOverview')\n  const dateFormatter = useDateFormatter()\n  const { t } = useTranslation('Payroll.PayrollOverview')\n  const formatCurrency = useNumberFormatter('currency')\n  const [selectedTab, setSelectedTab] = useState('companyPays')\n  const [isCancelDialogOpen, setIsCancelDialogOpen] = useState(false)\n  const containerRef = useRef<HTMLDivElement>(null)\n  const breakpoints = useContainerBreakpoints({ ref: containerRef })\n  const isDesktop = breakpoints.includes('small')\n\n  const isLoading =\n    status === PayrollOverviewStatus.Submitting || status === PayrollOverviewStatus.Cancelling\n\n  const pageHeading = (\n    <Heading as=\"h1\">{isProcessed ? t('summaryTitle') : t('overviewTitle')}</Heading>\n  )\n  const isDismissal = isDismissalPayroll(payrollData.offCycleReason)\n\n  const pageSubtitle = (\n    <Text>\n      <Trans\n        i18nKey={isDismissal ? 'pageSubtitleDismissal' : 'pageSubtitle'}\n        t={t}\n        components={{ dateWrapper: <Text weight=\"bold\" as=\"span\" /> }}\n        values={{\n          ...getPayrollOverviewTitle(payrollData.payPeriod, dateFormatter),\n          payrollType: getPayrollTypeLabel(payrollData),\n        }}\n      />\n    </Text>\n  )\n\n  if (status === PayrollOverviewStatus.Cancelled) {\n    return (\n      <div ref={containerRef} className={styles.container}>\n        <Flex flexDirection=\"column\" alignItems=\"stretch\">\n          <Flex justifyContent=\"space-between\" alignItems=\"flex-start\" gap={16}>\n            <Flex flexDirection=\"column\" gap={4}>\n              {pageHeading}\n              {pageSubtitle}\n            </Flex>\n          </Flex>\n          <Alert status=\"info\" label={t('cancelledEmptyState')} />\n        </Flex>\n      </div>\n    )\n  }\n\n  const totalPayroll = calculateTotalPayroll(payrollData)\n\n  const expectedDebitDate =\n    payrollData.payrollStatusMeta?.expectedDebitTime ?? payrollData.payrollDeadline\n\n  const getCompanyTaxes = (employeeCompensation: EmployeeCompensations) => {\n    return (\n      employeeCompensation.taxes?.reduce(\n        (acc, tax) => (tax.employer ? acc + tax.amount : acc),\n        0,\n      ) ?? 0\n    )\n  }\n  const getCompanyBenefits = (employeeCompensation: EmployeeCompensations) => {\n    return (\n      employeeCompensation.benefits?.reduce(\n        (acc, benefit) => (benefit.companyContribution ? acc + benefit.companyContribution : acc),\n        0,\n      ) ?? 0\n    )\n  }\n  const getReimbursements = (employeeCompensation: EmployeeCompensations) => {\n    return employeeCompensation.fixedCompensations?.length\n      ? Number(\n          employeeCompensation.fixedCompensations.find(\n            c => c.name?.toLowerCase() === compensationTypeLabels.REIMBURSEMENT_NAME.toLowerCase(),\n          )?.amount || 0,\n        )\n      : 0\n  }\n\n  const getCompanyCost = (employeeCompensation: EmployeeCompensations) => {\n    return (\n      employeeCompensation.grossPay! +\n      getReimbursements(employeeCompensation) +\n      getCompanyTaxes(employeeCompensation) +\n      getCompanyBenefits(employeeCompensation)\n    )\n  }\n\n  const employeeMap = new Map(employeeDetails.map(employee => [employee.uuid, employee]))\n\n  const fastAchBlocker = submissionBlockers.find(\n    blocker =>\n      blocker.blockerType === 'fast_ach_threshold_exceeded' ||\n      blocker.blockerType === 'needs_earned_access_for_fast_ach',\n  )\n  const selectedUnblockType = fastAchBlocker\n    ? selectedUnblockOptions[fastAchBlocker.blockerType || '']\n    : undefined\n  const selectedUnblockOption = fastAchBlocker?.unblockOptions?.find(\n    (option: UnblockOptions) => option.unblockType === selectedUnblockType,\n  )\n\n  const isWireFunds = selectedUnblockType === 'wire_in'\n  const isFourDayDirectDeposit = selectedUnblockType === 'move_to_four_day'\n\n  const getEmployeeHours = (\n    employeeCompensations: EmployeeCompensations,\n  ): Record<string, number> => {\n    return (\n      employeeCompensations.hourlyCompensations?.reduce(\n        (acc, hourlyCompensation) => {\n          if (typeof hourlyCompensation.name === 'undefined') {\n            return acc\n          }\n          const name = hourlyCompensation.name.toLowerCase()\n          const currentHours = acc[name] ?? 0\n          acc[name] = currentHours + Number(hourlyCompensation.hours || 0)\n          return acc\n        },\n        {} as Record<string, number>,\n      ) || {}\n    )\n  }\n  const getEmployeePtoHours = (employeeCompensations: EmployeeCompensations) => {\n    return (\n      employeeCompensations.paidTimeOff?.reduce((acc, paidTimeOff) => {\n        return acc + Number(paidTimeOff.hours || 0)\n      }, 0) ?? 0\n    )\n  }\n\n  const checkPaymentsCount =\n    payrollData.employeeCompensations?.reduce(\n      (acc, comp) =>\n        !comp.excluded && comp.paymentMethod === PAYMENT_METHODS.check ? acc + 1 : acc,\n      0,\n    ) ?? 0\n  const companyPaysColumns: Array<{\n    key: string\n    title: string\n    render: (item: EmployeeCompensations) => React.ReactNode\n  }> = [\n    {\n      key: 'employeeName',\n      title: t('tableHeaders.employees'),\n      render: (employeeCompensations: EmployeeCompensations) => (\n        <Flex flexDirection=\"column\" gap={0}>\n          {firstLastName({\n            first_name: employeeMap.get(employeeCompensations.employeeUuid!)?.firstName,\n            last_name: employeeMap.get(employeeCompensations.employeeUuid!)?.lastName,\n          })}\n          {employeeCompensations.excluded && <Badge status=\"warning\">{t('skippedBadge')}</Badge>}\n        </Flex>\n      ),\n    },\n    {\n      key: 'grossPay',\n      title: t('tableHeaders.grossPay'),\n      render: (employeeCompensations: EmployeeCompensations) =>\n        formatCurrency(employeeCompensations.grossPay!),\n    },\n    ...(withReimbursements\n      ? [\n          {\n            key: 'reimbursements',\n            title: t('tableHeaders.reimbursements'),\n            render: (employeeCompensation: EmployeeCompensations) =>\n              formatCurrency(getReimbursements(employeeCompensation)),\n          },\n        ]\n      : []),\n    {\n      key: 'companyTaxes',\n      title: t('tableHeaders.companyTaxes'),\n      render: (employeeCompensation: EmployeeCompensations) =>\n        formatCurrency(getCompanyTaxes(employeeCompensation)),\n    },\n    {\n      key: 'companyBenefits',\n      title: t('tableHeaders.companyBenefits'),\n      render: (employeeCompensation: EmployeeCompensations) =>\n        formatCurrency(getCompanyBenefits(employeeCompensation)),\n    },\n    {\n      key: 'companyPays',\n      title: t('tableHeaders.companyPays'),\n      render: (employeeCompensation: EmployeeCompensations) =>\n        formatCurrency(getCompanyCost(employeeCompensation)),\n    },\n  ]\n  if (isProcessed && isDesktop) {\n    companyPaysColumns.push({\n      key: 'paystubs',\n      title: t('tableHeaders.paystub'),\n      render: (employeeCompensations: EmployeeCompensations) => (\n        <Flex justifyContent=\"flex-end\">\n          <ButtonIcon\n            aria-label={t('downloadPaystubLabel')}\n            variant=\"tertiary\"\n            onClick={() => {\n              if (employeeCompensations.employeeUuid) {\n                onPaystubDownload(employeeCompensations.employeeUuid)\n              }\n            }}\n          >\n            <DownloadIcon />\n          </ButtonIcon>\n        </Flex>\n      ),\n    })\n  }\n  const tabs = [\n    {\n      id: 'companyPays',\n      label: t('dataViews.companyPaysTab'),\n      content: (\n        <DataView\n          label={t('dataViews.companyPaysTable')}\n          columns={companyPaysColumns}\n          data={payrollData.employeeCompensations!}\n          itemMenu={\n            isProcessed && !isDesktop\n              ? (employeeCompensations: EmployeeCompensations) => (\n                  <ButtonIcon\n                    aria-label={t('downloadPaystubLabel')}\n                    variant=\"tertiary\"\n                    onClick={() => {\n                      if (employeeCompensations.employeeUuid) {\n                        onPaystubDownload(employeeCompensations.employeeUuid)\n                      }\n                    }}\n                  >\n                    <DownloadIcon />\n                  </ButtonIcon>\n                )\n              : undefined\n          }\n          footer={() => ({\n            employeeName: (\n              <>\n                {t('tableHeaders.footerTotalsLabel')}\n                <Text variant=\"supporting\" size=\"sm\">\n                  {t('tableHeaders.footerTotalsDescription')}\n                </Text>\n              </>\n            ),\n            grossPay: formatCurrency(Number(payrollData.totals?.grossPay ?? 0)),\n            ...(withReimbursements\n              ? {\n                  reimbursements: formatCurrency(Number(payrollData.totals?.reimbursements ?? 0)),\n                }\n              : {}),\n            companyTaxes: formatCurrency(Number(payrollData.totals?.employerTaxes ?? 0)),\n            companyBenefits: formatCurrency(Number(payrollData.totals?.benefits ?? 0)),\n            companyPays: formatCurrency(totalPayroll),\n          })}\n        />\n      ),\n    },\n    {\n      id: 'hoursWorked',\n      label: t('dataViews.hoursWorkedTab'),\n      content: (\n        <DataView\n          label={t('dataViews.hoursWorkedTable')}\n          columns={[\n            {\n              title: t('tableHeaders.employees'),\n              render: (employeeCompensations: EmployeeCompensations) => (\n                <Flex flexDirection=\"column\" gap={0}>\n                  {firstLastName({\n                    first_name: employeeMap.get(employeeCompensations.employeeUuid!)?.firstName,\n                    last_name: employeeMap.get(employeeCompensations.employeeUuid!)?.lastName,\n                  })}\n                  {employeeCompensations.excluded && (\n                    <Badge status=\"warning\">{t('skippedBadge')}</Badge>\n                  )}\n                </Flex>\n              ),\n            },\n            {\n              title: t('tableHeaders.compensationType'),\n              render: (employeeCompensations: EmployeeCompensations) =>\n                employeeMap.get(employeeCompensations.employeeUuid!)?.jobs?.reduce((acc, job) => {\n                  if (job.primary) {\n                    const flsaStatus = job.compensations?.find(\n                      comp => comp.uuid === job.currentCompensationUuid,\n                    )?.flsaStatus\n\n                    switch (flsaStatus) {\n                      case FlsaStatus.EXEMPT:\n                        return t('compensationTypeLabels.exempt')\n                      case FlsaStatus.NONEXEMPT:\n                        return t('compensationTypeLabels.nonexempt')\n                      default:\n                        return flsaStatus ?? ''\n                    }\n                  }\n                  return acc\n                }, ''),\n            },\n            {\n              title: t('tableHeaders.regular'),\n              render: (employeeCompensations: EmployeeCompensations) =>\n                getEmployeeHours(employeeCompensations)[\n                  compensationTypeLabels.REGULAR_HOURS_NAME\n                ] || 0,\n            },\n            {\n              title: t('tableHeaders.overtime'),\n              render: (employeeCompensations: EmployeeCompensations) =>\n                getEmployeeHours(employeeCompensations)[compensationTypeLabels.OVERTIME_NAME] || 0,\n            },\n            {\n              title: t('tableHeaders.doubleOT'),\n              render: (employeeCompensations: EmployeeCompensations) =>\n                getEmployeeHours(employeeCompensations)[\n                  compensationTypeLabels.DOUBLE_OVERTIME_NAME\n                ] || 0,\n            },\n            {\n              title: t('tableHeaders.timeOff'),\n              render: (employeeCompensations: EmployeeCompensations) =>\n                getEmployeePtoHours(employeeCompensations),\n            },\n            {\n              title: t('tableHeaders.totalHours'),\n              render: (employeeCompensations: EmployeeCompensations) =>\n                Object.values(getEmployeeHours(employeeCompensations)).reduce(\n                  (acc, hours) => acc + hours,\n                  0,\n                ) + getEmployeePtoHours(employeeCompensations),\n            },\n          ]}\n          data={payrollData.employeeCompensations!}\n        />\n      ),\n    },\n    {\n      id: 'employeeTakeHome',\n      label: t('dataViews.employeeTakeHomeTab'),\n      content: (\n        <DataView\n          label={t('dataViews.employeeTakeHomeTable')}\n          columns={[\n            {\n              title: t('tableHeaders.employees'),\n              render: (employeeCompensations: EmployeeCompensations) => (\n                <Flex flexDirection=\"column\" gap={0}>\n                  {firstLastName({\n                    first_name: employeeMap.get(employeeCompensations.employeeUuid!)?.firstName,\n                    last_name: employeeMap.get(employeeCompensations.employeeUuid!)?.lastName,\n                  })}\n                  {employeeCompensations.excluded && (\n                    <Badge status=\"warning\">{t('skippedBadge')}</Badge>\n                  )}\n                </Flex>\n              ),\n            },\n            {\n              title: t('tableHeaders.paymentType'),\n              render: (employeeCompensations: EmployeeCompensations) =>\n                employeeCompensations.paymentMethod ?? '',\n            },\n            {\n              title: t('tableHeaders.grossPay'),\n              render: (employeeCompensations: EmployeeCompensations) =>\n                formatCurrency(employeeCompensations.grossPay ?? 0),\n            },\n            {\n              title: t('tableHeaders.deductions'),\n              render: (employeeCompensations: EmployeeCompensations) =>\n                formatCurrency(\n                  employeeCompensations.deductions?.reduce(\n                    (acc, deduction) => acc + deduction.amount!,\n                    0,\n                  ) ?? 0,\n                ),\n            },\n            ...(withReimbursements\n              ? [\n                  {\n                    title: t('tableHeaders.reimbursements'),\n                    render: (employeeCompensations: EmployeeCompensations) =>\n                      formatCurrency(getReimbursements(employeeCompensations)),\n                  },\n                ]\n              : []),\n            {\n              title: t('tableHeaders.employeeTaxes'),\n              render: (employeeCompensations: EmployeeCompensations) =>\n                formatCurrency(\n                  employeeCompensations.taxes?.reduce(\n                    (acc, tax) => (tax.employer ? acc : acc + tax.amount),\n                    0,\n                  ) ?? 0,\n                ),\n            },\n            {\n              title: t('tableHeaders.employeeBenefits'),\n              render: (employeeCompensations: EmployeeCompensations) =>\n                formatCurrency(\n                  employeeCompensations.benefits?.reduce(\n                    (acc, benefit) => acc + (benefit.employeeDeduction ?? 0),\n                    0,\n                  ) ?? 0,\n                ),\n            },\n            {\n              title: t('tableHeaders.payment'),\n              render: (employeeCompensations: EmployeeCompensations) =>\n                formatCurrency(employeeCompensations.netPay ?? 0),\n            },\n          ]}\n          data={payrollData.employeeCompensations!}\n        />\n      ),\n    },\n    {\n      id: 'taxes',\n      label: t('dataViews.taxesTab'),\n      content: (\n        <Flex flexDirection=\"column\" gap={32}>\n          <DataView\n            label={t('dataViews.taxesTable')}\n            columns={[\n              {\n                key: 'taxDescription',\n                title: t('tableHeaders.taxDescription'),\n                render: taxKey => taxKey,\n              },\n              {\n                key: 'byYourEmployees',\n                title: t('tableHeaders.byYourEmployees'),\n                render: taxKey => formatCurrency(taxes[taxKey]?.employee ?? 0),\n              },\n              {\n                key: 'byYourCompany',\n                title: t('tableHeaders.byYourCompany'),\n                render: taxKey => formatCurrency(taxes[taxKey]?.employer ?? 0),\n              },\n            ]}\n            footer={() => ({\n              taxDescription: (\n                <Text weight=\"semibold\" size=\"sm\">\n                  {t('totalsLabel')}\n                </Text>\n              ),\n              byYourEmployees: formatCurrency(Number(payrollData.totals?.employeeTaxes ?? 0)),\n              byYourCompany: formatCurrency(Number(payrollData.totals?.employerTaxes ?? 0)),\n            })}\n            data={Object.keys(taxes)}\n          />\n\n          <DataView\n            label={t('dataViews.debitedTable')}\n            columns={[\n              {\n                title: t('tableHeaders.debitedByGusto'),\n                render: ({ label }) => label,\n              },\n              {\n                title: t('tableHeaders.taxesTotal'),\n                render: ({ value }) => formatCurrency(Number(value)),\n              },\n            ]}\n            data={[\n              { label: t('directDepositLabel'), value: payrollData.totals?.netPayDebit || '0' },\n              ...(withReimbursements\n                ? [\n                    {\n                      label: t('reimbursementLabel'),\n                      value: payrollData.totals?.reimbursementDebit || '0',\n                    },\n                  ]\n                : []),\n              {\n                label: t('garnishmentsLabel'),\n                value: payrollData.totals?.childSupportDebit || '0',\n              },\n              { label: t('taxesLabel'), value: payrollData.totals?.taxDebit || '0' },\n            ]}\n          />\n        </Flex>\n      ),\n    },\n  ]\n\n  const actions = isProcessed ? (\n    <>\n      <Button onClick={onPayrollReceipt} variant=\"secondary\" isDisabled={isLoading}>\n        {t('payrollReceiptCta')}\n      </Button>\n      {canCancel && (\n        <Button\n          onClick={() => {\n            setIsCancelDialogOpen(true)\n          }}\n          variant=\"error\"\n          isDisabled={isLoading}\n        >\n          {t('cancelCta')}\n        </Button>\n      )}\n    </>\n  ) : (\n    <>\n      <Button onClick={onEdit} variant=\"secondary\" isDisabled={isLoading}>\n        {t('editCta')}\n      </Button>\n      <Button\n        onClick={onSubmit}\n        isDisabled={\n          isLoading ||\n          (submissionBlockers.length > 0 &&\n            (submissionBlockers.some(\n              blocker =>\n                !PAYROLL_RESOLVABLE_SUBMISSION_BLOCKER_TYPES.includes(blocker.blockerType || ''),\n            ) ||\n              submissionBlockers.some(\n                blocker => !selectedUnblockOptions[blocker.blockerType || ''],\n              )))\n        }\n      >\n        {t('submitCta')}\n      </Button>\n    </>\n  )\n\n  return (\n    <div ref={containerRef} className={styles.container}>\n      <Flex flexDirection=\"column\" alignItems=\"stretch\">\n        <Flex justifyContent=\"space-between\" alignItems=\"flex-start\" gap={16}>\n          <Flex flexDirection=\"column\" gap={4}>\n            {pageHeading}\n            {pageSubtitle}\n          </Flex>\n          {isDesktop && (\n            <Flex gap={8} justifyContent=\"flex-end\">\n              {actions}\n            </Flex>\n          )}\n        </Flex>\n        {!isDesktop && (\n          <Grid gridTemplateColumns=\"1fr\" gap={8}>\n            {actions}\n          </Grid>\n        )}\n        {status === PayrollOverviewStatus.Cancelling ? (\n          <PayrollLoading title={t('cancellingTitle')} />\n        ) : status === PayrollOverviewStatus.Submitting ? (\n          <PayrollLoading title={t('loadingTitle')} description={t('loadingDescription')} />\n        ) : (\n          <>\n            {wireInConfirmationRequest}\n            {alerts.length > 0 && (\n              <Flex flexDirection={'column'} gap={16}>\n                {alerts.map((alert, index) => (\n                  <Alert\n                    key={`${alert.type}-${alert.title}`}\n                    label={alert.title}\n                    status={alert.type}\n                    onDismiss={alert.onDismiss}\n                  >\n                    {alert.content ?? null}\n                  </Alert>\n                ))}\n              </Flex>\n            )}\n            {submissionBlockers.length > 0 &&\n              onUnblockOptionChange &&\n              submissionBlockers.map(blocker => {\n                const blockerType = blocker.blockerType || ''\n\n                if (PAYROLL_RESOLVABLE_SUBMISSION_BLOCKER_TYPES.includes(blockerType)) {\n                  return (\n                    <FastAchSubmissionBlockerBanner\n                      key={blockerType}\n                      blocker={blocker}\n                      selectedValue={selectedUnblockOptions[blockerType]}\n                      onUnblockOptionChange={onUnblockOptionChange}\n                      paymentSpeed={paymentSpeed}\n                    />\n                  )\n                }\n\n                return <GenericBlocker key={blockerType} blocker={blocker} />\n              })}\n            <Heading as=\"h3\">\n              {isWireFunds\n                ? t('payrollSummaryTitleWire')\n                : isFourDayDirectDeposit\n                  ? t('payrollSummaryTitleFourDay')\n                  : t('payrollSummaryTitle')}\n            </Heading>\n\n            {isWireFunds ? (\n              <DataView\n                label={t('payrollSummaryLabel')}\n                columns={[\n                  {\n                    title: t('tableHeaders.totalPayroll'),\n                    render: () => formatCurrency(totalPayroll),\n                  },\n                  {\n                    title: t('tableHeaders.wireAmount'),\n                    render: () => {\n                      const metadata = selectedUnblockOption?.metadata as\n                        | { wire_in_amount?: string }\n                        | undefined\n                      const wireAmount = metadata?.wire_in_amount\n                      return wireAmount ? formatCurrency(Number(wireAmount)) : '-'\n                    },\n                  },\n                  {\n                    title: t('tableHeaders.wireTransferDeadline'),\n                    render: () => {\n                      const metadata = selectedUnblockOption?.metadata as\n                        | { wire_in_deadline?: string }\n                        | undefined\n                      const wireDeadline = metadata?.wire_in_deadline\n                      const formattedTime = dateFormatter.formatWithTime(wireDeadline)\n                      const formattedDate = dateFormatter.formatShortWithYear(wireDeadline)\n                      return wireDeadline ? `${formattedTime.time} on ${formattedDate}` : '-'\n                    },\n                  },\n                  {\n                    title: t('tableHeaders.employeePayDate'),\n                    render: () =>\n                      selectedUnblockOption?.checkDate\n                        ? dateFormatter.formatShortWithYear(selectedUnblockOption.checkDate)\n                        : '-',\n                  },\n                ]}\n                data={[{}]}\n              />\n            ) : isFourDayDirectDeposit ? (\n              <DataView\n                label={t('payrollSummaryLabel')}\n                columns={[\n                  {\n                    title: t('tableHeaders.totalPayroll'),\n                    render: () => formatCurrency(totalPayroll),\n                  },\n                  {\n                    title: t('tableHeaders.debitAmount'),\n                    render: () => {\n                      const debitAmount = payrollData.totals?.companyDebit\n                      return formatCurrency(Number(debitAmount ?? 0))\n                    },\n                  },\n                  {\n                    title: t('tableHeaders.debitAccount'),\n                    render: () => bankAccount?.hiddenAccountNumber ?? '',\n                  },\n                  {\n                    title: t('tableHeaders.debitDate'),\n                    render: () => {\n                      const metadata = selectedUnblockOption?.metadata as\n                        | { debit_date?: string }\n                        | undefined\n                      const debitDate = metadata?.debit_date\n                      return dateFormatter.formatShortWithYear(debitDate)\n                    },\n                  },\n                  {\n                    title: t('tableHeaders.employeePayDate'),\n                    render: () =>\n                      selectedUnblockOption?.checkDate\n                        ? dateFormatter.formatShortWithYear(selectedUnblockOption.checkDate)\n                        : '-',\n                  },\n                ]}\n                data={[{}]}\n              />\n            ) : (\n              <DataView\n                label={t('payrollSummaryLabel')}\n                columns={[\n                  {\n                    title: t('tableHeaders.totalPayroll'),\n                    render: () => formatCurrency(totalPayroll),\n                  },\n                  {\n                    title: t('tableHeaders.debitAmount'),\n                    render: () => formatCurrency(Number(payrollData.totals?.companyDebit ?? 0)),\n                  },\n                  {\n                    title: t('tableHeaders.debitAccount'),\n                    render: () => bankAccount?.hiddenAccountNumber ?? '',\n                  },\n                  {\n                    title: t('tableHeaders.debitDate'),\n                    render: () => dateFormatter.formatShortWithYear(expectedDebitDate),\n                  },\n                  {\n                    title: t('tableHeaders.employeePayDate'),\n                    render: () => dateFormatter.formatShortWithYear(payrollData.checkDate),\n                  },\n                ]}\n                data={[{}]}\n              />\n            )}\n            {checkPaymentsCount > 0 && (\n              <Alert\n                status=\"warning\"\n                label={t('alerts.checkPaymentWarning', { count: checkPaymentsCount })}\n              >\n                <Text>{t('alerts.checkPaymentWarningDescription')}</Text>\n              </Alert>\n            )}\n            <Tabs\n              onSelectionChange={setSelectedTab}\n              selectedId={selectedTab}\n              aria-label={t('dataViews.label')}\n              tabs={tabs}\n            />\n            {isCancelDialogOpen && (\n              <Dialog\n                isOpen={isCancelDialogOpen}\n                onClose={() => {\n                  setIsCancelDialogOpen(false)\n                }}\n                onPrimaryActionClick={onCancel}\n                shouldCloseOnBackdropClick={true}\n                primaryActionLabel={t('confirmCancelCta')}\n                isDestructive={true}\n                closeActionLabel={t('declineCancelCta')}\n                title={t(isDismissal ? 'cancelDialogTitleDismissal' : 'cancelDialogTitle', {\n                  startDate: dateFormatter.formatLong(payrollData.payPeriod?.startDate),\n                  endDate: dateFormatter.formatLongWithYear(payrollData.payPeriod?.endDate),\n                })}\n              >\n                <Flex gap={14} flexDirection=\"column\">\n                  <Text>{t('cancelDialogDescription')}</Text>\n                  {hasDirectDepositEmployees(payrollData.employeeCompensations) && (\n                    <Text>\n                      {t('cancelDialogDescriptionDeadline', {\n                        deadline: dateFormatter.formatWithTime(payrollData.payrollDeadline).time,\n                      })}\n                    </Text>\n                  )}\n                </Flex>\n              </Dialog>\n            )}\n          </>\n        )}\n      </Flex>\n    </div>\n  )\n}\n"],"names":["getPayrollOverviewTitle","payPeriod","dateFormatter","PayrollOverviewPresentation","onEdit","onSubmit","onCancel","onPayrollReceipt","onPaystubDownload","employeeDetails","payrollData","bankAccount","taxes","status","PayrollOverviewStatus","isProcessed","canCancel","alerts","submissionBlockers","selectedUnblockOptions","onUnblockOptionChange","wireInConfirmationRequest","withReimbursements","paymentSpeed","Alert","Badge","Button","ButtonIcon","Dialog","Heading","Text","Tabs","useComponentContext","useI18n","useDateFormatter","useTranslation","formatCurrency","useNumberFormatter","selectedTab","setSelectedTab","useState","isCancelDialogOpen","setIsCancelDialogOpen","containerRef","useRef","isDesktop","useContainerBreakpoints","isLoading","pageHeading","jsx","isDismissal","isDismissalPayroll","pageSubtitle","Trans","getPayrollTypeLabel","styles","jsxs","Flex","totalPayroll","calculateTotalPayroll","expectedDebitDate","getCompanyTaxes","employeeCompensation","acc","tax","getCompanyBenefits","benefit","getReimbursements","c","compensationTypeLabels","getCompanyCost","employeeMap","employee","fastAchBlocker","blocker","selectedUnblockType","selectedUnblockOption","option","isWireFunds","isFourDayDirectDeposit","getEmployeeHours","employeeCompensations","hourlyCompensation","name","currentHours","getEmployeePtoHours","paidTimeOff","checkPaymentsCount","comp","PAYMENT_METHODS","companyPaysColumns","firstLastName","DownloadIcon","tabs","DataView","Fragment","job","flsaStatus","FlsaStatus","hours","deduction","taxKey","label","value","actions","PAYROLL_RESOLVABLE_SUBMISSION_BLOCKER_TYPES","Grid","PayrollLoading","alert","index","blockerType","FastAchSubmissionBlockerBanner","GenericBlocker","wireAmount","wireDeadline","formattedTime","formattedDate","debitAmount","debitDate","hasDirectDepositEmployees"],"mappings":"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"}

package/dist/components/Payroll/PayrollOverview/SubmissionBlockers/FastAchSubmissionBlockerBanner.js

@@ -1,10 +1,11 @@
 import { jsx as t, jsxs as i } from "react/jsx-runtime";
 import { useTranslation as B } from "react-i18next";
 import { Flex as l } from "../../../Common/Flex/Flex.js";
+import "classnames";
 import { useComponentContext as _ } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
 import { useDateFormatter as y } from "../../../../hooks/useDateFormatter.js";
 import O from "../../../../assets/icons/icon-zap-fast.svg.js";
-const v = ({
+const L = ({
   blocker: r,
   selectedValue: d,
   onUnblockOptionChange: h,
@@ -45,6 +46,6 @@ const v = ({
   ] }) });
 };
 export {
-  v as FastAchSubmissionBlockerBanner
+  L as FastAchSubmissionBlockerBanner
 };
 //# sourceMappingURL=FastAchSubmissionBlockerBanner.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"FastAchSubmissionBlockerBanner.js","sources":["../../../../../src/components/Payroll/PayrollOverview/SubmissionBlockers/FastAchSubmissionBlockerBanner.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport type {\n  PayrollSubmissionBlockerType,\n  UnblockOptions,\n} from '@gusto/embedded-api/models/components/payrollsubmissionblockertype'\nimport type { PaymentSpeed } from '@gusto/embedded-api/models/components/paymentconfigs'\nimport { Flex } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useDateFormatter } from '@/hooks/useDateFormatter'\nimport IconFast from '@/assets/icons/icon-zap-fast.svg?react'\n\ntype FastAchBlockerType = 'fast_ach_threshold_exceeded' | 'needs_earned_access_for_fast_ach'\n\ninterface FastAchSubmissionBlockerBannerProps {\n  blocker: PayrollSubmissionBlockerType\n  selectedValue?: string\n  onUnblockOptionChange: (blockerType: string, value: string) => void\n  paymentSpeed?: PaymentSpeed\n}\n\nexport const FastAchSubmissionBlockerBanner = ({\n  blocker,\n  selectedValue,\n  onUnblockOptionChange,\n  paymentSpeed,\n}: FastAchSubmissionBlockerBannerProps) => {\n  const { t } = useTranslation('Payroll.PayrollOverview')\n  const { Banner, Text, RadioGroup, Badge } = useComponentContext()\n  const dateFormatter = useDateFormatter()\n  const blockerType = (blocker.blockerType || 'fast_ach_threshold_exceeded') as FastAchBlockerType\n\n  const titleKey =\n    blockerType === 'fast_ach_threshold_exceeded'\n      ? 'submissionBlockers.fast_ach_threshold_exceeded.title'\n      : 'submissionBlockers.needs_earned_access_for_fast_ach.title'\n\n  return (\n    <Banner status=\"error\" title={t(titleKey, { days: paymentSpeed || '2-day' })}>\n      <Flex flexDirection=\"column\" gap={16}>\n        <Text>{t('submissionBlockers.fastAchOptions.description')}</Text>\n        <RadioGroup\n          label={t('submissionBlockers.fastAchOptions.fundingOptionsLabel')}\n          shouldVisuallyHideLabel\n          options={\n            blocker.unblockOptions?.map((option: UnblockOptions) => {\n              const isWire = option.unblockType === 'wire_in'\n              const label = isWire\n                ? t('submissionBlockers.fastAchOptions.wireLabel')\n                : t('submissionBlockers.fastAchOptions.directDepositLabel')\n              const description = isWire\n                ? t('submissionBlockers.fastAchOptions.wireDescription')\n                : t('submissionBlockers.fastAchOptions.directDepositDescription')\n\n              return {\n                value: option.unblockType || '',\n                label: (\n                  <Flex alignItems=\"center\" gap={8}>\n                    <Text weight=\"semibold\">{label}</Text>\n                    {isWire && (\n                      <Badge status=\"success\">\n                        <IconFast aria-hidden />{' '}\n                        {t('submissionBlockers.fastAchOptions.wireFastestBadge')}\n                      </Badge>\n                    )}\n                    {option.checkDate && (\n                      <Badge status=\"info\">\n                        {t('submissionBlockers.fastAchOptions.employeePayDate', {\n                          date: dateFormatter.formatShortWithYear(option.checkDate),\n                        })}\n                      </Badge>\n                    )}\n                  </Flex>\n                ),\n                description,\n              }\n            }) || []\n          }\n          value={selectedValue}\n          onChange={value => {\n            onUnblockOptionChange(blockerType, value)\n          }}\n        />\n      </Flex>\n    </Banner>\n  )\n}\n"],"names":["FastAchSubmissionBlockerBanner","blocker","selectedValue","onUnblockOptionChange","paymentSpeed","t","useTranslation","Banner","Text","RadioGroup","Badge","useComponentContext","dateFormatter","useDateFormatter","blockerType","jsxs","Flex","jsx","option","isWire","label","description","IconFast","value"],"mappings":";;;;;;AAoBO,MAAMA,IAAiC,CAAC;AAAA,EAC7C,SAAAC;AAAA,EACA,eAAAC;AAAA,EACA,uBAAAC;AAAA,EACA,cAAAC;AACF,MAA2C;AACzC,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,yBAAyB,GAChD,EAAE,QAAAC,GAAQ,MAAAC,GAAM,YAAAC,GAAY,OAAAC,EAAA,IAAUC,EAAA,GACtCC,IAAgBC,EAAA,GAChBC,IAAeb,EAAQ,eAAe;AAO5C,2BACGM,GAAA,EAAO,QAAO,SAAQ,OAAOF,EAL9BS,MAAgB,gCACZ,yDACA,6DAGsC,EAAE,MAAMV,KAAgB,SAAS,GACzE,UAAA,gBAAAW,EAACC,KAAK,eAAc,UAAS,KAAK,IAChC,UAAA;AAAA,IAAA,gBAAAC,EAACT,GAAA,EAAM,UAAAH,EAAE,+CAA+C,EAAA,CAAE;AAAA,IAC1D,gBAAAY;AAAA,MAACR;AAAA,MAAA;AAAA,QACC,OAAOJ,EAAE,uDAAuD;AAAA,QAChE,yBAAuB;AAAA,QACvB,SACEJ,EAAQ,gBAAgB,IAAI,CAACiB,MAA2B;AACtD,gBAAMC,IAASD,EAAO,gBAAgB,WAChCE,IACFf,EADUc,IACR,gDACA,sDAD6C,GAE7CE,IACFhB,EADgBc,IACd,sDACA,4DADmD;AAGzD,iBAAO;AAAA,YACL,OAAOD,EAAO,eAAe;AAAA,YAC7B,OACE,gBAAAH,EAACC,GAAA,EAAK,YAAW,UAAS,KAAK,GAC7B,UAAA;AAAA,cAAA,gBAAAC,EAACT,GAAA,EAAK,QAAO,YAAY,UAAAY,GAAM;AAAA,cAC9BD,KACC,gBAAAJ,EAACL,GAAA,EAAM,QAAO,WACZ,UAAA;AAAA,gBAAA,gBAAAO,EAACK,GAAA,EAAS,eAAW,GAAA,CAAC;AAAA,gBAAG;AAAA,gBACxBjB,EAAE,oDAAoD;AAAA,cAAA,GACzD;AAAA,cAEDa,EAAO,aACN,gBAAAD,EAACP,KAAM,QAAO,QACX,YAAE,qDAAqD;AAAA,gBACtD,MAAME,EAAc,oBAAoBM,EAAO,SAAS;AAAA,cAAA,CACzD,EAAA,CACH;AAAA,YAAA,GAEJ;AAAA,YAEF,aAAAG;AAAA,UAAA;AAAA,QAEJ,CAAC,KAAK,CAAA;AAAA,QAER,OAAOnB;AAAA,QACP,UAAU,CAAAqB,MAAS;AACjB,UAAApB,EAAsBW,GAAaS,CAAK;AAAA,QAC1C;AAAA,MAAA;AAAA,IAAA;AAAA,EACF,EAAA,CACF,EAAA,CACF;AAEJ;"}
+{"version":3,"file":"FastAchSubmissionBlockerBanner.js","sources":["../../../../../src/components/Payroll/PayrollOverview/SubmissionBlockers/FastAchSubmissionBlockerBanner.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport type {\n  PayrollSubmissionBlockerType,\n  UnblockOptions,\n} from '@gusto/embedded-api/models/components/payrollsubmissionblockertype'\nimport type { PaymentSpeed } from '@gusto/embedded-api/models/components/paymentconfigs'\nimport { Flex } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useDateFormatter } from '@/hooks/useDateFormatter'\nimport IconFast from '@/assets/icons/icon-zap-fast.svg?react'\n\ntype FastAchBlockerType = 'fast_ach_threshold_exceeded' | 'needs_earned_access_for_fast_ach'\n\ninterface FastAchSubmissionBlockerBannerProps {\n  blocker: PayrollSubmissionBlockerType\n  selectedValue?: string\n  onUnblockOptionChange: (blockerType: string, value: string) => void\n  paymentSpeed?: PaymentSpeed\n}\n\nexport const FastAchSubmissionBlockerBanner = ({\n  blocker,\n  selectedValue,\n  onUnblockOptionChange,\n  paymentSpeed,\n}: FastAchSubmissionBlockerBannerProps) => {\n  const { t } = useTranslation('Payroll.PayrollOverview')\n  const { Banner, Text, RadioGroup, Badge } = useComponentContext()\n  const dateFormatter = useDateFormatter()\n  const blockerType = (blocker.blockerType || 'fast_ach_threshold_exceeded') as FastAchBlockerType\n\n  const titleKey =\n    blockerType === 'fast_ach_threshold_exceeded'\n      ? 'submissionBlockers.fast_ach_threshold_exceeded.title'\n      : 'submissionBlockers.needs_earned_access_for_fast_ach.title'\n\n  return (\n    <Banner status=\"error\" title={t(titleKey, { days: paymentSpeed || '2-day' })}>\n      <Flex flexDirection=\"column\" gap={16}>\n        <Text>{t('submissionBlockers.fastAchOptions.description')}</Text>\n        <RadioGroup\n          label={t('submissionBlockers.fastAchOptions.fundingOptionsLabel')}\n          shouldVisuallyHideLabel\n          options={\n            blocker.unblockOptions?.map((option: UnblockOptions) => {\n              const isWire = option.unblockType === 'wire_in'\n              const label = isWire\n                ? t('submissionBlockers.fastAchOptions.wireLabel')\n                : t('submissionBlockers.fastAchOptions.directDepositLabel')\n              const description = isWire\n                ? t('submissionBlockers.fastAchOptions.wireDescription')\n                : t('submissionBlockers.fastAchOptions.directDepositDescription')\n\n              return {\n                value: option.unblockType || '',\n                label: (\n                  <Flex alignItems=\"center\" gap={8}>\n                    <Text weight=\"semibold\">{label}</Text>\n                    {isWire && (\n                      <Badge status=\"success\">\n                        <IconFast aria-hidden />{' '}\n                        {t('submissionBlockers.fastAchOptions.wireFastestBadge')}\n                      </Badge>\n                    )}\n                    {option.checkDate && (\n                      <Badge status=\"info\">\n                        {t('submissionBlockers.fastAchOptions.employeePayDate', {\n                          date: dateFormatter.formatShortWithYear(option.checkDate),\n                        })}\n                      </Badge>\n                    )}\n                  </Flex>\n                ),\n                description,\n              }\n            }) || []\n          }\n          value={selectedValue}\n          onChange={value => {\n            onUnblockOptionChange(blockerType, value)\n          }}\n        />\n      </Flex>\n    </Banner>\n  )\n}\n"],"names":["FastAchSubmissionBlockerBanner","blocker","selectedValue","onUnblockOptionChange","paymentSpeed","t","useTranslation","Banner","Text","RadioGroup","Badge","useComponentContext","dateFormatter","useDateFormatter","blockerType","jsxs","Flex","jsx","option","isWire","label","description","IconFast","value"],"mappings":";;;;;;;AAoBO,MAAMA,IAAiC,CAAC;AAAA,EAC7C,SAAAC;AAAA,EACA,eAAAC;AAAA,EACA,uBAAAC;AAAA,EACA,cAAAC;AACF,MAA2C;AACzC,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,yBAAyB,GAChD,EAAE,QAAAC,GAAQ,MAAAC,GAAM,YAAAC,GAAY,OAAAC,EAAA,IAAUC,EAAA,GACtCC,IAAgBC,EAAA,GAChBC,IAAeb,EAAQ,eAAe;AAO5C,2BACGM,GAAA,EAAO,QAAO,SAAQ,OAAOF,EAL9BS,MAAgB,gCACZ,yDACA,6DAGsC,EAAE,MAAMV,KAAgB,SAAS,GACzE,UAAA,gBAAAW,EAACC,KAAK,eAAc,UAAS,KAAK,IAChC,UAAA;AAAA,IAAA,gBAAAC,EAACT,GAAA,EAAM,UAAAH,EAAE,+CAA+C,EAAA,CAAE;AAAA,IAC1D,gBAAAY;AAAA,MAACR;AAAA,MAAA;AAAA,QACC,OAAOJ,EAAE,uDAAuD;AAAA,QAChE,yBAAuB;AAAA,QACvB,SACEJ,EAAQ,gBAAgB,IAAI,CAACiB,MAA2B;AACtD,gBAAMC,IAASD,EAAO,gBAAgB,WAChCE,IACFf,EADUc,IACR,gDACA,sDAD6C,GAE7CE,IACFhB,EADgBc,IACd,sDACA,4DADmD;AAGzD,iBAAO;AAAA,YACL,OAAOD,EAAO,eAAe;AAAA,YAC7B,OACE,gBAAAH,EAACC,GAAA,EAAK,YAAW,UAAS,KAAK,GAC7B,UAAA;AAAA,cAAA,gBAAAC,EAACT,GAAA,EAAK,QAAO,YAAY,UAAAY,GAAM;AAAA,cAC9BD,KACC,gBAAAJ,EAACL,GAAA,EAAM,QAAO,WACZ,UAAA;AAAA,gBAAA,gBAAAO,EAACK,GAAA,EAAS,eAAW,GAAA,CAAC;AAAA,gBAAG;AAAA,gBACxBjB,EAAE,oDAAoD;AAAA,cAAA,GACzD;AAAA,cAEDa,EAAO,aACN,gBAAAD,EAACP,KAAM,QAAO,QACX,YAAE,qDAAqD;AAAA,gBACtD,MAAME,EAAc,oBAAoBM,EAAO,SAAS;AAAA,cAAA,CACzD,EAAA,CACH;AAAA,YAAA,GAEJ;AAAA,YAEF,aAAAG;AAAA,UAAA;AAAA,QAEJ,CAAC,KAAK,CAAA;AAAA,QAER,OAAOnB;AAAA,QACP,UAAU,CAAAqB,MAAS;AACjB,UAAApB,EAAsBW,GAAaS,CAAK;AAAA,QAC1C;AAAA,MAAA;AAAA,IAAA;AAAA,EACF,EAAA,CACF,EAAA,CACF;AAEJ;"}

package/dist/components/Payroll/RecoveryCases/RecoveryCasesList/RecoveryCasesList.js

@@ -10,10 +10,11 @@ import { useComponentDictionary as L, useI18n as u } from "../../../../i18n/I18n
 import { DataView as b } from "../../../Common/DataView/DataView.js";
 import { useDataView as D } from "../../../Common/DataView/useDataView.js";
 import { FlexItem as E, Flex as d } from "../../../Common/Flex/Flex.js";
+import "classnames";
 import { EmptyData as x } from "../../../Common/EmptyData/EmptyData.js";
 import { recoveryCasesEvents as P } from "../../../../shared/constants.js";
 import { formatNumberAsCurrency as p } from "../../../../helpers/formattedStrings.js";
-function z(r) {
+function J(r) {
   return /* @__PURE__ */ e(R, { ...r, children: /* @__PURE__ */ e(w, { ...r, children: r.children }) });
 }
 function A(r) {
@@ -99,6 +100,6 @@ function w({ companyId: r, dictionary: n, onEvent: s }) {
   ] }) });
 }
 export {
-  z as RecoveryCasesList
+  J as RecoveryCasesList
 };
 //# sourceMappingURL=RecoveryCasesList.js.map