@gusto/embedded-react-sdk 0.42.0 → 0.44.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":"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"}

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

@@ -1,10 +1,12 @@
 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 "../../../../shared/constants.js";
 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 C = ({
   blocker: r,
   selectedValue: d,
   onUnblockOptionChange: h,
@@ -45,6 +47,6 @@ const v = ({
   ] }) });
 };
 export {
-  v as FastAchSubmissionBlockerBanner
+  C 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/PayrollReceipts/PayrollReceiptsPresentation.js

@@ -4,6 +4,7 @@ import { useTranslation as I } from "react-i18next";
 import d from "classnames";
 import s from "./PayrollReceiptsPresentation.module.scss.js";
 import { Flex as i } from "../../Common/Flex/Flex.js";
+import "../../../shared/constants.js";
 import { useComponentContext as M } from "../../../contexts/ComponentAdapter/useComponentContext.js";
 import { formatNumberAsCurrency as r } from "../../../helpers/formattedStrings.js";
 import { useI18n as $ } from "../../../i18n/I18n.js";
@@ -11,7 +12,7 @@ import A from "../../../hooks/useContainerBreakpoints/useContainerBreakpoints.js
 import B from "../../../assets/icons/receipt-check.svg.js";
 import { DataTable as h } from "../../Common/DataView/DataTable/DataTable.js";
 import { DataView as H } from "../../Common/DataView/DataView.js";
-const Z = ({
+const _ = ({
   receiptData: o,
   withReimbursements: u = !0
 }) => {
@@ -217,6 +218,6 @@ const Z = ({
   ] }) });
 };
 export {
-  Z as PayrollReceiptsPresentation
+  _ as PayrollReceiptsPresentation
 };
 //# sourceMappingURL=PayrollReceiptsPresentation.js.map

package/dist/components/Payroll/PayrollReceipts/PayrollReceiptsPresentation.js.map

@@ -1 +1 @@
-{"version":3,"file":"PayrollReceiptsPresentation.js","sources":["../../../../src/components/Payroll/PayrollReceipts/PayrollReceiptsPresentation.tsx"],"sourcesContent":["import { useRef } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport classNames from 'classnames'\nimport type {\n  PayrollReceipt,\n  Taxes as TaxBreakdownItem,\n  PayrollReceiptEmployeeCompensations as EmployeeBreakdownItem,\n} from '@gusto/embedded-api/models/components/payrollreceipt'\nimport styles from './PayrollReceiptsPresentation.module.scss'\nimport { DataView, DataTable, Flex } from '@/components/Common'\nimport type { DescriptionListItem } from '@/components/Common/UI/DescriptionList/DescriptionListTypes'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { formatNumberAsCurrency } from '@/helpers/formattedStrings'\nimport { useI18n } from '@/i18n'\nimport { useContainerBreakpoints } from '@/hooks/useContainerBreakpoints/useContainerBreakpoints'\nimport ReceiptCheck from '@/assets/icons/receipt-check.svg?react'\n\ninterface PayrollReceiptsPresentationProps {\n  receiptData: PayrollReceipt\n  withReimbursements?: boolean\n}\n\nexport const PayrollReceiptsPresentation = ({\n  receiptData,\n  withReimbursements = true,\n}: PayrollReceiptsPresentationProps) => {\n  const Components = useComponentContext()\n  const { Heading, Text } = Components\n  useI18n('Payroll.PayrollReceipts')\n  const { t } = useTranslation('Payroll.PayrollReceipts')\n\n  const containerRef = useRef<HTMLDivElement>(null)\n  const breakpoints = useContainerBreakpoints({ ref: containerRef })\n  const isMobile = !breakpoints.includes('small')\n\n  // Helper to get employee full name\n  const getEmployeeFullName = (emp: EmployeeBreakdownItem) =>\n    `${emp.employeeFirstName || ''} ${emp.employeeLastName || ''}`.trim()\n\n  const getTotalChildSupport = () =>\n    (receiptData.employeeCompensations || []).reduce(\n      (sum, emp) => sum + parseFloat(emp.childSupportGarnishment || '0'),\n      0,\n    )\n\n  const getTotalReimbursements = () =>\n    (receiptData.employeeCompensations || []).reduce(\n      (sum, emp) => sum + parseFloat(emp.totalReimbursement || '0'),\n      0,\n    )\n\n  const getTotalNetPay = () =>\n    (receiptData.employeeCompensations || []).reduce(\n      (sum, emp) => sum + parseFloat(emp.netPay || '0'),\n      0,\n    )\n\n  const getTotalTaxes = () =>\n    (receiptData.employeeCompensations || []).reduce(\n      (sum, emp) => sum + parseFloat(emp.totalTax || '0'),\n      0,\n    )\n\n  const breakdownData = [\n    {\n      label: t('breakdown.directDeposits'),\n      amount: parseFloat(receiptData.totals?.netPayDebit || '0'),\n    },\n    ...(withReimbursements\n      ? [\n          {\n            label: t('breakdown.reimbursements'),\n            amount: parseFloat(receiptData.totals?.reimbursementDebit || '0'),\n          },\n        ]\n      : []),\n    {\n      label: t('breakdown.garnishments'),\n      amount: parseFloat(receiptData.totals?.childSupportDebit || '0'),\n    },\n    { label: t('breakdown.taxes'), amount: parseFloat(receiptData.totals?.taxDebit || '0') },\n  ]\n\n  const receiptDetailsConfig = [\n    {\n      label: t('receipt.receiptId'),\n      value: receiptData.payrollUuid || '',\n    },\n    {\n      label: t('receipt.from'),\n      value: receiptData.nameOfSender || '',\n    },\n    {\n      label: t('receipt.to'),\n      value: receiptData.nameOfRecipient || 'Payroll Recipients',\n    },\n    {\n      label: t('receipt.debitDate'),\n      value: receiptData.debitDate || '',\n    },\n  ]\n\n  const renderReceiptHeader = () => (\n    <div className={classNames(styles.receiptHeader, isMobile && styles.receiptHeaderMobile)}>\n      <Flex flexDirection=\"column\" gap={24}>\n        <Flex flexDirection=\"column\" alignItems=\"center\" gap={16}>\n          <div className={styles.receiptIcon}>\n            <ReceiptCheck className={styles.checkmarkIcon} />\n          </div>\n\n          <Flex flexDirection=\"column\" alignItems=\"center\" gap={8}>\n            <Text size=\"sm\" variant=\"supporting\">\n              {t('receipt.totalLabel')}\n            </Text>\n            <Heading as=\"h1\" styledAs=\"h2\" className={styles.totalAmount}>\n              {formatNumberAsCurrency(parseFloat(receiptData.totals?.companyDebit || '0'))}\n            </Heading>\n          </Flex>\n        </Flex>\n\n        <Components.DescriptionList\n          layout=\"horizontal\"\n          showSeparators={false}\n          items={receiptDetailsConfig.map(\n            ({ label, value }): DescriptionListItem => ({\n              term: (\n                <Text size=\"sm\" variant=\"supporting\">\n                  {label}\n                </Text>\n              ),\n              description: <Text size=\"sm\">{value}</Text>,\n            }),\n          )}\n        />\n\n        <Flex flexDirection=\"column\" alignItems=\"center\" gap={12}>\n          <Text\n            size=\"sm\"\n            variant=\"supporting\"\n            className={classNames(styles.disclaimer, isMobile && styles.textMobile)}\n          >\n            {receiptData.recipientNotice}\n          </Text>\n\n          <Text\n            size=\"sm\"\n            variant=\"supporting\"\n            className={classNames(styles.companyInfo, isMobile && styles.textMobile)}\n          >\n            {receiptData.license}\n          </Text>\n\n          <Text\n            size=\"sm\"\n            variant=\"supporting\"\n            className={classNames(styles.address, isMobile && styles.textMobile)}\n          >\n            {receiptData.licensee &&\n              `${receiptData.licensee.address || ''}, ${receiptData.licensee.city || ''}, ${receiptData.licensee.state || ''} ${receiptData.licensee.postalCode || ''}`}\n          </Text>\n        </Flex>\n      </Flex>\n    </div>\n  )\n\n  const renderBreakdownSection = () => (\n    <Flex flexDirection=\"column\" gap={16}>\n      <DataTable\n        label={t('sections.debitedLabel')}\n        columns={[\n          {\n            title: t('sections.debitedLabel'),\n            render: (item: { label: string; amount: number }) => item.label,\n          },\n          {\n            title: t('breakdown.amount'),\n            render: (item: { label: string; amount: number }) =>\n              formatNumberAsCurrency(item.amount),\n          },\n        ]}\n        data={breakdownData}\n        footer={() => ({\n          'column-0': t('breakdown.totals'),\n          'column-1': formatNumberAsCurrency(parseFloat(receiptData.totals?.companyDebit || '0')),\n        })}\n      />\n    </Flex>\n  )\n\n  const renderTaxBreakdown = () => (\n    <Flex flexDirection=\"column\" gap={16}>\n      <DataTable\n        label={t('sections.taxLabel')}\n        columns={[\n          {\n            title: t('sections.taxLabel'),\n            render: (tax: TaxBreakdownItem) => tax.name,\n          },\n          {\n            title: t('tax.amount'),\n            render: (tax: TaxBreakdownItem) =>\n              formatNumberAsCurrency(parseFloat(tax.amount || '0')),\n          },\n        ]}\n        data={receiptData.taxes || []}\n        footer={() => ({\n          'column-0': t('breakdown.totals'),\n          'column-1': formatNumberAsCurrency(parseFloat(receiptData.totals?.taxDebit || '0')),\n        })}\n      />\n    </Flex>\n  )\n\n  const renderEmployeeBreakdown = () => {\n    const footerValues = [\n      <Flex flexDirection=\"column\" gap={4} key=\"totals\">\n        {t('breakdown.totals')}\n        <Text size=\"sm\" variant=\"supporting\">\n          {t('employee.totalEmployees', {\n            count: receiptData.employeeCompensations?.length || 0,\n          })}\n        </Text>\n      </Flex>,\n      '\\u00A0',\n\n      formatNumberAsCurrency(getTotalChildSupport()),\n      ...(withReimbursements ? [formatNumberAsCurrency(getTotalReimbursements())] : []),\n      formatNumberAsCurrency(getTotalTaxes()),\n      formatNumberAsCurrency(getTotalNetPay()),\n    ]\n\n    const footerContent = footerValues.reduce<Record<string, React.ReactNode>>(\n      (acc, value, index) => {\n        acc[`column-${index}`] = value\n        return acc\n      },\n      {},\n    )\n\n    return (\n      <Flex flexDirection=\"column\" gap={16}>\n        {isMobile && <Heading as=\"h2\">{t('sections.employeesLabel')}</Heading>}\n        <DataView\n          label={t('sections.employeesLabel')}\n          columns={[\n            {\n              title: t('employee.name'),\n              render: (employee: EmployeeBreakdownItem) => getEmployeeFullName(employee),\n            },\n            {\n              title: t('employee.paymentMethod'),\n              render: (employee: EmployeeBreakdownItem) => employee.paymentMethod || 'N/A',\n            },\n            {\n              title: t('employee.childSupport'),\n              render: (employee: EmployeeBreakdownItem) =>\n                formatNumberAsCurrency(parseFloat(employee.childSupportGarnishment || '0')),\n            },\n            ...(withReimbursements\n              ? [\n                  {\n                    title: t('employee.reimbursement'),\n                    render: (employee: EmployeeBreakdownItem) =>\n                      formatNumberAsCurrency(parseFloat(employee.totalReimbursement || '0')),\n                  },\n                ]\n              : []),\n            {\n              title: t('employee.totalTaxes'),\n              render: (employee: EmployeeBreakdownItem) =>\n                formatNumberAsCurrency(parseFloat(employee.totalTax || '0')),\n            },\n            {\n              title: t('employee.netPay'),\n              render: (employee: EmployeeBreakdownItem) =>\n                formatNumberAsCurrency(parseFloat(employee.netPay || '0')),\n            },\n          ]}\n          data={receiptData.employeeCompensations || []}\n          footer={() => footerContent}\n        />\n      </Flex>\n    )\n  }\n\n  return (\n    <div className={styles.container} ref={containerRef}>\n      <Flex flexDirection=\"column\" gap={24}>\n        {renderReceiptHeader()}\n        {renderBreakdownSection()}\n        {renderTaxBreakdown()}\n        {renderEmployeeBreakdown()}\n      </Flex>\n    </div>\n  )\n}\n"],"names":["PayrollReceiptsPresentation","receiptData","withReimbursements","Components","useComponentContext","Heading","Text","useI18n","t","useTranslation","containerRef","useRef","isMobile","useContainerBreakpoints","getEmployeeFullName","emp","getTotalChildSupport","sum","getTotalReimbursements","getTotalNetPay","getTotalTaxes","breakdownData","receiptDetailsConfig","renderReceiptHeader","jsx","classNames","styles","jsxs","Flex","ReceiptCheck","formatNumberAsCurrency","label","value","renderBreakdownSection","DataTable","item","renderTaxBreakdown","tax","renderEmployeeBreakdown","footerContent","acc","index","DataView","employee"],"mappings":"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"}
+{"version":3,"file":"PayrollReceiptsPresentation.js","sources":["../../../../src/components/Payroll/PayrollReceipts/PayrollReceiptsPresentation.tsx"],"sourcesContent":["import { useRef } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport classNames from 'classnames'\nimport type {\n  PayrollReceipt,\n  Taxes as TaxBreakdownItem,\n  PayrollReceiptEmployeeCompensations as EmployeeBreakdownItem,\n} from '@gusto/embedded-api/models/components/payrollreceipt'\nimport styles from './PayrollReceiptsPresentation.module.scss'\nimport { DataView, DataTable, Flex } from '@/components/Common'\nimport type { DescriptionListItem } from '@/components/Common/UI/DescriptionList/DescriptionListTypes'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { formatNumberAsCurrency } from '@/helpers/formattedStrings'\nimport { useI18n } from '@/i18n'\nimport { useContainerBreakpoints } from '@/hooks/useContainerBreakpoints/useContainerBreakpoints'\nimport ReceiptCheck from '@/assets/icons/receipt-check.svg?react'\n\ninterface PayrollReceiptsPresentationProps {\n  receiptData: PayrollReceipt\n  withReimbursements?: boolean\n}\n\nexport const PayrollReceiptsPresentation = ({\n  receiptData,\n  withReimbursements = true,\n}: PayrollReceiptsPresentationProps) => {\n  const Components = useComponentContext()\n  const { Heading, Text } = Components\n  useI18n('Payroll.PayrollReceipts')\n  const { t } = useTranslation('Payroll.PayrollReceipts')\n\n  const containerRef = useRef<HTMLDivElement>(null)\n  const breakpoints = useContainerBreakpoints({ ref: containerRef })\n  const isMobile = !breakpoints.includes('small')\n\n  // Helper to get employee full name\n  const getEmployeeFullName = (emp: EmployeeBreakdownItem) =>\n    `${emp.employeeFirstName || ''} ${emp.employeeLastName || ''}`.trim()\n\n  const getTotalChildSupport = () =>\n    (receiptData.employeeCompensations || []).reduce(\n      (sum, emp) => sum + parseFloat(emp.childSupportGarnishment || '0'),\n      0,\n    )\n\n  const getTotalReimbursements = () =>\n    (receiptData.employeeCompensations || []).reduce(\n      (sum, emp) => sum + parseFloat(emp.totalReimbursement || '0'),\n      0,\n    )\n\n  const getTotalNetPay = () =>\n    (receiptData.employeeCompensations || []).reduce(\n      (sum, emp) => sum + parseFloat(emp.netPay || '0'),\n      0,\n    )\n\n  const getTotalTaxes = () =>\n    (receiptData.employeeCompensations || []).reduce(\n      (sum, emp) => sum + parseFloat(emp.totalTax || '0'),\n      0,\n    )\n\n  const breakdownData = [\n    {\n      label: t('breakdown.directDeposits'),\n      amount: parseFloat(receiptData.totals?.netPayDebit || '0'),\n    },\n    ...(withReimbursements\n      ? [\n          {\n            label: t('breakdown.reimbursements'),\n            amount: parseFloat(receiptData.totals?.reimbursementDebit || '0'),\n          },\n        ]\n      : []),\n    {\n      label: t('breakdown.garnishments'),\n      amount: parseFloat(receiptData.totals?.childSupportDebit || '0'),\n    },\n    { label: t('breakdown.taxes'), amount: parseFloat(receiptData.totals?.taxDebit || '0') },\n  ]\n\n  const receiptDetailsConfig = [\n    {\n      label: t('receipt.receiptId'),\n      value: receiptData.payrollUuid || '',\n    },\n    {\n      label: t('receipt.from'),\n      value: receiptData.nameOfSender || '',\n    },\n    {\n      label: t('receipt.to'),\n      value: receiptData.nameOfRecipient || 'Payroll Recipients',\n    },\n    {\n      label: t('receipt.debitDate'),\n      value: receiptData.debitDate || '',\n    },\n  ]\n\n  const renderReceiptHeader = () => (\n    <div className={classNames(styles.receiptHeader, isMobile && styles.receiptHeaderMobile)}>\n      <Flex flexDirection=\"column\" gap={24}>\n        <Flex flexDirection=\"column\" alignItems=\"center\" gap={16}>\n          <div className={styles.receiptIcon}>\n            <ReceiptCheck className={styles.checkmarkIcon} />\n          </div>\n\n          <Flex flexDirection=\"column\" alignItems=\"center\" gap={8}>\n            <Text size=\"sm\" variant=\"supporting\">\n              {t('receipt.totalLabel')}\n            </Text>\n            <Heading as=\"h1\" styledAs=\"h2\" className={styles.totalAmount}>\n              {formatNumberAsCurrency(parseFloat(receiptData.totals?.companyDebit || '0'))}\n            </Heading>\n          </Flex>\n        </Flex>\n\n        <Components.DescriptionList\n          layout=\"horizontal\"\n          showSeparators={false}\n          items={receiptDetailsConfig.map(\n            ({ label, value }): DescriptionListItem => ({\n              term: (\n                <Text size=\"sm\" variant=\"supporting\">\n                  {label}\n                </Text>\n              ),\n              description: <Text size=\"sm\">{value}</Text>,\n            }),\n          )}\n        />\n\n        <Flex flexDirection=\"column\" alignItems=\"center\" gap={12}>\n          <Text\n            size=\"sm\"\n            variant=\"supporting\"\n            className={classNames(styles.disclaimer, isMobile && styles.textMobile)}\n          >\n            {receiptData.recipientNotice}\n          </Text>\n\n          <Text\n            size=\"sm\"\n            variant=\"supporting\"\n            className={classNames(styles.companyInfo, isMobile && styles.textMobile)}\n          >\n            {receiptData.license}\n          </Text>\n\n          <Text\n            size=\"sm\"\n            variant=\"supporting\"\n            className={classNames(styles.address, isMobile && styles.textMobile)}\n          >\n            {receiptData.licensee &&\n              `${receiptData.licensee.address || ''}, ${receiptData.licensee.city || ''}, ${receiptData.licensee.state || ''} ${receiptData.licensee.postalCode || ''}`}\n          </Text>\n        </Flex>\n      </Flex>\n    </div>\n  )\n\n  const renderBreakdownSection = () => (\n    <Flex flexDirection=\"column\" gap={16}>\n      <DataTable\n        label={t('sections.debitedLabel')}\n        columns={[\n          {\n            title: t('sections.debitedLabel'),\n            render: (item: { label: string; amount: number }) => item.label,\n          },\n          {\n            title: t('breakdown.amount'),\n            render: (item: { label: string; amount: number }) =>\n              formatNumberAsCurrency(item.amount),\n          },\n        ]}\n        data={breakdownData}\n        footer={() => ({\n          'column-0': t('breakdown.totals'),\n          'column-1': formatNumberAsCurrency(parseFloat(receiptData.totals?.companyDebit || '0')),\n        })}\n      />\n    </Flex>\n  )\n\n  const renderTaxBreakdown = () => (\n    <Flex flexDirection=\"column\" gap={16}>\n      <DataTable\n        label={t('sections.taxLabel')}\n        columns={[\n          {\n            title: t('sections.taxLabel'),\n            render: (tax: TaxBreakdownItem) => tax.name,\n          },\n          {\n            title: t('tax.amount'),\n            render: (tax: TaxBreakdownItem) =>\n              formatNumberAsCurrency(parseFloat(tax.amount || '0')),\n          },\n        ]}\n        data={receiptData.taxes || []}\n        footer={() => ({\n          'column-0': t('breakdown.totals'),\n          'column-1': formatNumberAsCurrency(parseFloat(receiptData.totals?.taxDebit || '0')),\n        })}\n      />\n    </Flex>\n  )\n\n  const renderEmployeeBreakdown = () => {\n    const footerValues = [\n      <Flex flexDirection=\"column\" gap={4} key=\"totals\">\n        {t('breakdown.totals')}\n        <Text size=\"sm\" variant=\"supporting\">\n          {t('employee.totalEmployees', {\n            count: receiptData.employeeCompensations?.length || 0,\n          })}\n        </Text>\n      </Flex>,\n      '\\u00A0',\n\n      formatNumberAsCurrency(getTotalChildSupport()),\n      ...(withReimbursements ? [formatNumberAsCurrency(getTotalReimbursements())] : []),\n      formatNumberAsCurrency(getTotalTaxes()),\n      formatNumberAsCurrency(getTotalNetPay()),\n    ]\n\n    const footerContent = footerValues.reduce<Record<string, React.ReactNode>>(\n      (acc, value, index) => {\n        acc[`column-${index}`] = value\n        return acc\n      },\n      {},\n    )\n\n    return (\n      <Flex flexDirection=\"column\" gap={16}>\n        {isMobile && <Heading as=\"h2\">{t('sections.employeesLabel')}</Heading>}\n        <DataView\n          label={t('sections.employeesLabel')}\n          columns={[\n            {\n              title: t('employee.name'),\n              render: (employee: EmployeeBreakdownItem) => getEmployeeFullName(employee),\n            },\n            {\n              title: t('employee.paymentMethod'),\n              render: (employee: EmployeeBreakdownItem) => employee.paymentMethod || 'N/A',\n            },\n            {\n              title: t('employee.childSupport'),\n              render: (employee: EmployeeBreakdownItem) =>\n                formatNumberAsCurrency(parseFloat(employee.childSupportGarnishment || '0')),\n            },\n            ...(withReimbursements\n              ? [\n                  {\n                    title: t('employee.reimbursement'),\n                    render: (employee: EmployeeBreakdownItem) =>\n                      formatNumberAsCurrency(parseFloat(employee.totalReimbursement || '0')),\n                  },\n                ]\n              : []),\n            {\n              title: t('employee.totalTaxes'),\n              render: (employee: EmployeeBreakdownItem) =>\n                formatNumberAsCurrency(parseFloat(employee.totalTax || '0')),\n            },\n            {\n              title: t('employee.netPay'),\n              render: (employee: EmployeeBreakdownItem) =>\n                formatNumberAsCurrency(parseFloat(employee.netPay || '0')),\n            },\n          ]}\n          data={receiptData.employeeCompensations || []}\n          footer={() => footerContent}\n        />\n      </Flex>\n    )\n  }\n\n  return (\n    <div className={styles.container} ref={containerRef}>\n      <Flex flexDirection=\"column\" gap={24}>\n        {renderReceiptHeader()}\n        {renderBreakdownSection()}\n        {renderTaxBreakdown()}\n        {renderEmployeeBreakdown()}\n      </Flex>\n    </div>\n  )\n}\n"],"names":["PayrollReceiptsPresentation","receiptData","withReimbursements","Components","useComponentContext","Heading","Text","useI18n","t","useTranslation","containerRef","useRef","isMobile","useContainerBreakpoints","getEmployeeFullName","emp","getTotalChildSupport","sum","getTotalReimbursements","getTotalNetPay","getTotalTaxes","breakdownData","receiptDetailsConfig","renderReceiptHeader","jsx","classNames","styles","jsxs","Flex","ReceiptCheck","formatNumberAsCurrency","label","value","renderBreakdownSection","DataTable","item","renderTaxBreakdown","tax","renderEmployeeBreakdown","footerContent","acc","index","DataView","employee"],"mappings":"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"}

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 { EmptyData as x } from "../../../Common/EmptyData/EmptyData.js";
-import { recoveryCasesEvents as P } from "../../../../shared/constants.js";
+import "classnames";
+import { recoveryCasesEvents as x } from "../../../../shared/constants.js";
+import { EmptyData as P } from "../../../Common/EmptyData/EmptyData.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) {
@@ -46,7 +47,7 @@ function k({
     {
       variant: "secondary",
       onClick: () => {
-        n(P.RECOVERY_CASE_RESOLVE, {
+        n(x.RECOVERY_CASE_RESOLVE, {
           recoveryCaseId: r.uuid
         });
       },
@@ -60,7 +61,7 @@ function w({ companyId: r, dictionary: n, onEvent: s }) {
     companyUuid: r
   }), y = (f.recoveryCaseList ?? []).filter((o) => o.status !== "recovered"), C = D({
     data: y,
-    emptyState: () => /* @__PURE__ */ e(x, { title: t("emptyTableTitle"), description: t("emptyTableDescription") }),
+    emptyState: () => /* @__PURE__ */ e(P, { title: t("emptyTableTitle"), description: t("emptyTableDescription") }),
     columns: [
       {
         key: "originalDebitDate",
@@ -99,6 +100,6 @@ function w({ companyId: r, dictionary: n, onEvent: s }) {
   ] }) });
 }
 export {
-  z as RecoveryCasesList
+  J as RecoveryCasesList
 };
 //# sourceMappingURL=RecoveryCasesList.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"RecoveryCasesList.js","sources":["../../../../../src/components/Payroll/RecoveryCases/RecoveryCasesList/RecoveryCasesList.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport type {\n  RecoveryCase,\n  RecoveryCaseStatus,\n} from '@gusto/embedded-api/models/components/recoverycase'\nimport { useRecoveryCasesGetSuspense } from '@gusto/embedded-api/react-query/recoveryCasesGet'\nimport { useRecoveryCaseErrorCode } from '../useRecoveryCaseErrorCode'\nimport styles from './RecoveryCasesList.module.scss'\nimport { BaseComponent, type BaseComponentInterface } from '@/components/Base'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useComponentDictionary, useI18n } from '@/i18n'\nimport { DataView } from '@/components/Common/DataView/DataView'\nimport { useDataView } from '@/components/Common/DataView/useDataView'\nimport { EmptyData, Flex, FlexItem } from '@/components/Common'\nimport { recoveryCasesEvents } from '@/shared/constants'\nimport type { BadgeProps } from '@/components/Common/UI/Badge/BadgeTypes'\nimport { formatNumberAsCurrency } from '@/helpers/formattedStrings'\n\ninterface RecoveryCasesListProps extends BaseComponentInterface<'Payroll.RecoveryCasesList'> {\n  companyId: string\n  onEvent: BaseComponentInterface['onEvent']\n}\n\nexport function RecoveryCasesList(props: RecoveryCasesListProps) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props}>{props.children}</Root>\n    </BaseComponent>\n  )\n}\n\nfunction getStatusBadgeStatus(status: RecoveryCaseStatus | undefined): BadgeProps['status'] {\n  if (status === 'open') {\n    return 'info'\n  }\n  return 'warning'\n}\n\nfunction ErrorCodeCell({ errorCode }: { errorCode: string | null | undefined }) {\n  useI18n('Payroll.RecoveryCasesList')\n  const { t } = useTranslation('Payroll.RecoveryCasesList')\n  const { Text } = useComponentContext()\n  const { title, subtitle } = useRecoveryCaseErrorCode(errorCode)\n\n  if (!title && !subtitle) {\n    return (\n      <span aria-label={t('labels.noLatestErrorCodeAriaLabel')} aria-live=\"polite\">\n        {t('labels.noLatestErrorCode')}\n      </span>\n    )\n  }\n\n  return (\n    <Flex flexDirection=\"column\" gap={4}>\n      {title && <Text weight=\"semibold\">{title}</Text>}\n      {subtitle && <Text>{subtitle}</Text>}\n    </Flex>\n  )\n}\n\nfunction StatusCell({ status }: { status: RecoveryCaseStatus | undefined }) {\n  useI18n('Payroll.RecoveryCasesList')\n  const { t } = useTranslation('Payroll.RecoveryCasesList')\n  const { Badge } = useComponentContext()\n\n  if (!status) {\n    return null\n  }\n\n  const badgeStatus = getStatusBadgeStatus(status)\n  const statusLabel = t(`status.${status}`)\n\n  return <Badge status={badgeStatus}>{statusLabel}</Badge>\n}\n\nfunction ResolveButton({\n  recoveryCase,\n  onEvent,\n}: {\n  recoveryCase: RecoveryCase\n  onEvent: BaseComponentInterface['onEvent']\n}) {\n  useI18n('Payroll.RecoveryCasesList')\n  const { t } = useTranslation('Payroll.RecoveryCasesList')\n  const { Button } = useComponentContext()\n\n  if (recoveryCase.status !== 'open') {\n    return null\n  }\n\n  return (\n    <Button\n      variant=\"secondary\"\n      onClick={() => {\n        onEvent(recoveryCasesEvents.RECOVERY_CASE_RESOLVE, {\n          recoveryCaseId: recoveryCase.uuid,\n        })\n      }}\n    >\n      {t('cta.resolve')}\n    </Button>\n  )\n}\n\nfunction Root({ companyId, dictionary, onEvent }: RecoveryCasesListProps) {\n  useComponentDictionary('Payroll.RecoveryCasesList', dictionary)\n  useI18n('Payroll.RecoveryCasesList')\n  const { t } = useTranslation('Payroll.RecoveryCasesList')\n  const { Heading, Text } = useComponentContext()\n\n  const { data } = useRecoveryCasesGetSuspense({\n    companyUuid: companyId,\n  })\n\n  const recoveryCases = (data.recoveryCaseList ?? []).filter(rc => rc.status !== 'recovered')\n\n  const dataViewProps = useDataView({\n    data: recoveryCases,\n    emptyState: () => (\n      <EmptyData title={t('emptyTableTitle')} description={t('emptyTableDescription')} />\n    ),\n    columns: [\n      {\n        key: 'originalDebitDate',\n        title: t('columns.originalDebitDate'),\n        render: recoveryCase => (\n          <FlexItem flexGrow={1}>\n            <Text>{recoveryCase.originalDebitDate ?? '-'}</Text>\n          </FlexItem>\n        ),\n      },\n      {\n        key: 'totalAmount',\n        title: t('columns.totalAmount'),\n        render: recoveryCase => (\n          <Text>\n            {recoveryCase.eventTotalAmount\n              ? formatNumberAsCurrency(parseFloat(recoveryCase.eventTotalAmount))\n              : '-'}\n          </Text>\n        ),\n      },\n      {\n        key: 'amountOutstanding',\n        title: t('columns.amountOutstanding'),\n        render: recoveryCase => (\n          <Text>\n            {recoveryCase.amountOutstanding\n              ? formatNumberAsCurrency(parseFloat(recoveryCase.amountOutstanding))\n              : '-'}\n          </Text>\n        ),\n      },\n      {\n        key: 'latestErrorCode',\n        title: t('columns.latestErrorCode'),\n        render: recoveryCase => <ErrorCodeCell errorCode={recoveryCase.latestErrorCode} />,\n      },\n      {\n        key: 'status',\n        title: t('columns.status'),\n        render: recoveryCase => <StatusCell status={recoveryCase.status} />,\n      },\n    ],\n    itemMenu: recoveryCase => <ResolveButton recoveryCase={recoveryCase} onEvent={onEvent} />,\n  })\n\n  return (\n    <div className={styles.root}>\n      <Flex flexDirection=\"column\" gap={20}>\n        <Flex flexDirection=\"column\" gap={2}>\n          <Heading as=\"h2\" styledAs=\"h4\">\n            {t('title')}\n          </Heading>\n          {recoveryCases.length > 0 && <Text>{t('description')}</Text>}\n        </Flex>\n\n        <DataView {...dataViewProps} label={t('title')} />\n      </Flex>\n    </div>\n  )\n}\n"],"names":["RecoveryCasesList","props","jsx","BaseComponent","Root","getStatusBadgeStatus","status","ErrorCodeCell","errorCode","useI18n","t","useTranslation","Text","useComponentContext","title","subtitle","useRecoveryCaseErrorCode","jsxs","Flex","StatusCell","Badge","badgeStatus","statusLabel","ResolveButton","recoveryCase","onEvent","Button","recoveryCasesEvents","companyId","dictionary","useComponentDictionary","Heading","data","useRecoveryCasesGetSuspense","recoveryCases","rc","dataViewProps","useDataView","EmptyData","FlexItem","formatNumberAsCurrency","styles","DataView"],"mappings":"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"}
+{"version":3,"file":"RecoveryCasesList.js","sources":["../../../../../src/components/Payroll/RecoveryCases/RecoveryCasesList/RecoveryCasesList.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport type {\n  RecoveryCase,\n  RecoveryCaseStatus,\n} from '@gusto/embedded-api/models/components/recoverycase'\nimport { useRecoveryCasesGetSuspense } from '@gusto/embedded-api/react-query/recoveryCasesGet'\nimport { useRecoveryCaseErrorCode } from '../useRecoveryCaseErrorCode'\nimport styles from './RecoveryCasesList.module.scss'\nimport { BaseComponent, type BaseComponentInterface } from '@/components/Base'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useComponentDictionary, useI18n } from '@/i18n'\nimport { DataView } from '@/components/Common/DataView/DataView'\nimport { useDataView } from '@/components/Common/DataView/useDataView'\nimport { EmptyData, Flex, FlexItem } from '@/components/Common'\nimport { recoveryCasesEvents } from '@/shared/constants'\nimport type { BadgeProps } from '@/components/Common/UI/Badge/BadgeTypes'\nimport { formatNumberAsCurrency } from '@/helpers/formattedStrings'\n\ninterface RecoveryCasesListProps extends BaseComponentInterface<'Payroll.RecoveryCasesList'> {\n  companyId: string\n  onEvent: BaseComponentInterface['onEvent']\n}\n\nexport function RecoveryCasesList(props: RecoveryCasesListProps) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props}>{props.children}</Root>\n    </BaseComponent>\n  )\n}\n\nfunction getStatusBadgeStatus(status: RecoveryCaseStatus | undefined): BadgeProps['status'] {\n  if (status === 'open') {\n    return 'info'\n  }\n  return 'warning'\n}\n\nfunction ErrorCodeCell({ errorCode }: { errorCode: string | null | undefined }) {\n  useI18n('Payroll.RecoveryCasesList')\n  const { t } = useTranslation('Payroll.RecoveryCasesList')\n  const { Text } = useComponentContext()\n  const { title, subtitle } = useRecoveryCaseErrorCode(errorCode)\n\n  if (!title && !subtitle) {\n    return (\n      <span aria-label={t('labels.noLatestErrorCodeAriaLabel')} aria-live=\"polite\">\n        {t('labels.noLatestErrorCode')}\n      </span>\n    )\n  }\n\n  return (\n    <Flex flexDirection=\"column\" gap={4}>\n      {title && <Text weight=\"semibold\">{title}</Text>}\n      {subtitle && <Text>{subtitle}</Text>}\n    </Flex>\n  )\n}\n\nfunction StatusCell({ status }: { status: RecoveryCaseStatus | undefined }) {\n  useI18n('Payroll.RecoveryCasesList')\n  const { t } = useTranslation('Payroll.RecoveryCasesList')\n  const { Badge } = useComponentContext()\n\n  if (!status) {\n    return null\n  }\n\n  const badgeStatus = getStatusBadgeStatus(status)\n  const statusLabel = t(`status.${status}`)\n\n  return <Badge status={badgeStatus}>{statusLabel}</Badge>\n}\n\nfunction ResolveButton({\n  recoveryCase,\n  onEvent,\n}: {\n  recoveryCase: RecoveryCase\n  onEvent: BaseComponentInterface['onEvent']\n}) {\n  useI18n('Payroll.RecoveryCasesList')\n  const { t } = useTranslation('Payroll.RecoveryCasesList')\n  const { Button } = useComponentContext()\n\n  if (recoveryCase.status !== 'open') {\n    return null\n  }\n\n  return (\n    <Button\n      variant=\"secondary\"\n      onClick={() => {\n        onEvent(recoveryCasesEvents.RECOVERY_CASE_RESOLVE, {\n          recoveryCaseId: recoveryCase.uuid,\n        })\n      }}\n    >\n      {t('cta.resolve')}\n    </Button>\n  )\n}\n\nfunction Root({ companyId, dictionary, onEvent }: RecoveryCasesListProps) {\n  useComponentDictionary('Payroll.RecoveryCasesList', dictionary)\n  useI18n('Payroll.RecoveryCasesList')\n  const { t } = useTranslation('Payroll.RecoveryCasesList')\n  const { Heading, Text } = useComponentContext()\n\n  const { data } = useRecoveryCasesGetSuspense({\n    companyUuid: companyId,\n  })\n\n  const recoveryCases = (data.recoveryCaseList ?? []).filter(rc => rc.status !== 'recovered')\n\n  const dataViewProps = useDataView({\n    data: recoveryCases,\n    emptyState: () => (\n      <EmptyData title={t('emptyTableTitle')} description={t('emptyTableDescription')} />\n    ),\n    columns: [\n      {\n        key: 'originalDebitDate',\n        title: t('columns.originalDebitDate'),\n        render: recoveryCase => (\n          <FlexItem flexGrow={1}>\n            <Text>{recoveryCase.originalDebitDate ?? '-'}</Text>\n          </FlexItem>\n        ),\n      },\n      {\n        key: 'totalAmount',\n        title: t('columns.totalAmount'),\n        render: recoveryCase => (\n          <Text>\n            {recoveryCase.eventTotalAmount\n              ? formatNumberAsCurrency(parseFloat(recoveryCase.eventTotalAmount))\n              : '-'}\n          </Text>\n        ),\n      },\n      {\n        key: 'amountOutstanding',\n        title: t('columns.amountOutstanding'),\n        render: recoveryCase => (\n          <Text>\n            {recoveryCase.amountOutstanding\n              ? formatNumberAsCurrency(parseFloat(recoveryCase.amountOutstanding))\n              : '-'}\n          </Text>\n        ),\n      },\n      {\n        key: 'latestErrorCode',\n        title: t('columns.latestErrorCode'),\n        render: recoveryCase => <ErrorCodeCell errorCode={recoveryCase.latestErrorCode} />,\n      },\n      {\n        key: 'status',\n        title: t('columns.status'),\n        render: recoveryCase => <StatusCell status={recoveryCase.status} />,\n      },\n    ],\n    itemMenu: recoveryCase => <ResolveButton recoveryCase={recoveryCase} onEvent={onEvent} />,\n  })\n\n  return (\n    <div className={styles.root}>\n      <Flex flexDirection=\"column\" gap={20}>\n        <Flex flexDirection=\"column\" gap={2}>\n          <Heading as=\"h2\" styledAs=\"h4\">\n            {t('title')}\n          </Heading>\n          {recoveryCases.length > 0 && <Text>{t('description')}</Text>}\n        </Flex>\n\n        <DataView {...dataViewProps} label={t('title')} />\n      </Flex>\n    </div>\n  )\n}\n"],"names":["RecoveryCasesList","props","jsx","BaseComponent","Root","getStatusBadgeStatus","status","ErrorCodeCell","errorCode","useI18n","t","useTranslation","Text","useComponentContext","title","subtitle","useRecoveryCaseErrorCode","jsxs","Flex","StatusCell","Badge","badgeStatus","statusLabel","ResolveButton","recoveryCase","onEvent","Button","recoveryCasesEvents","companyId","dictionary","useComponentDictionary","Heading","data","useRecoveryCasesGetSuspense","recoveryCases","rc","dataViewProps","useDataView","EmptyData","FlexItem","formatNumberAsCurrency","styles","DataView"],"mappings":"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"}

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

@@ -7,18 +7,19 @@ import { useRecoveryCaseErrorCode as x } from "../useRecoveryCaseErrorCode.js";
 import { BaseComponent as D } from "../../../Base/Base.js";
 import { useBase as B } from "../../../Base/useBase.js";
 import { Flex as d } from "../../../Common/Flex/Flex.js";
+import "classnames";
+import { recoveryCasesEvents as C } from "../../../../shared/constants.js";
 import { Form as F } from "../../../Common/Form/Form.js";
 import { useFlow as A } from "../../../Flow/useFlow.js";
-import { useComponentContext as C } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
+import { useComponentContext as y } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
 import { useComponentDictionary as I, useI18n as O } from "../../../../i18n/I18n.js";
-import { recoveryCasesEvents as y } from "../../../../shared/constants.js";
 const R = "gusto-sdk-recovery-cases-resubmit-form";
 function T(e) {
   return /* @__PURE__ */ t(D, { ...e, children: /* @__PURE__ */ t(U, { ...e, children: e.children }) });
 }
 function U({ dictionary: e, recoveryCaseId: o }) {
   I("Payroll.RecoveryCasesResubmit", e);
-  const { Heading: r, Text: i } = C(), { onEvent: n, baseSubmitHandler: a } = B(), { companyId: f } = A(), { data: p } = S({
+  const { Heading: r, Text: i } = y(), { onEvent: n, baseSubmitHandler: a } = B(), { companyId: f } = A(), { data: p } = S({
     companyUuid: f
   }), v = p?.recoveryCaseList?.find((s) => s.uuid === o), { title: c, subtitle: m, description: u } = x(
     v?.latestErrorCode ?? void 0
@@ -28,7 +29,7 @@ function U({ dictionary: e, recoveryCaseId: o }) {
         request: {
           recoveryCaseUuid: o
         }
-      }), n(y.RECOVERY_CASE_RESUBMIT_DONE, {
+      }), n(C.RECOVERY_CASE_RESUBMIT_DONE, {
         recoveryCaseId: o
       });
     });
@@ -42,12 +43,12 @@ function U({ dictionary: e, recoveryCaseId: o }) {
 }
 const P = ({ onEvent: e }) => {
   O("Payroll.RecoveryCasesResubmit");
-  const { t: o } = h("Payroll.RecoveryCasesResubmit"), { Button: r } = C(), n = g({
+  const { t: o } = h("Payroll.RecoveryCasesResubmit"), { Button: r } = y(), n = g({
     mutationKey: M()
   }) > 0;
   return /* @__PURE__ */ l(d, { justifyContent: "flex-end", gap: 12, children: [
     /* @__PURE__ */ t(r, { variant: "secondary", onClick: () => {
-      e(y.RECOVERY_CASE_RESUBMIT_CANCEL);
+      e(C.RECOVERY_CASE_RESUBMIT_CANCEL);
     }, isDisabled: n, children: o("cta.cancel") }),
     /* @__PURE__ */ t(
       r,

package/dist/components/Payroll/RecoveryCases/RecoveryCasesResubmit/RecoveryCasesResubmit.js.map

@@ -1 +1 @@
-{"version":3,"file":"RecoveryCasesResubmit.js","sources":["../../../../../src/components/Payroll/RecoveryCases/RecoveryCasesResubmit/RecoveryCasesResubmit.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { useIsMutating } from '@tanstack/react-query'\nimport {\n  useRecoveryCasesRedebitMutation,\n  mutationKeyRecoveryCasesRedebit,\n} from '@gusto/embedded-api/react-query/recoveryCasesRedebit'\nimport { useRecoveryCasesGet } from '@gusto/embedded-api/react-query/recoveryCasesGet'\nimport type { RecoveryCasesContextInterface } from '../RecoveryCasesComponents'\nimport { useRecoveryCaseErrorCode } from '../useRecoveryCaseErrorCode'\nimport { BaseComponent, useBase, type BaseComponentInterface } from '@/components/Base'\nimport type { OnEventType } from '@/components/Base/useBase'\nimport { Flex } from '@/components/Common'\nimport { Form } from '@/components/Common/Form'\nimport { useFlow } from '@/components/Flow/useFlow'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useComponentDictionary, useI18n } from '@/i18n'\nimport { recoveryCasesEvents, type EventType } from '@/shared/constants'\n\nconst RECOVERY_CASES_RESUBMIT_FORM_ID = 'gusto-sdk-recovery-cases-resubmit-form'\n\ninterface RecoveryCasesResubmitProps extends BaseComponentInterface<'Payroll.RecoveryCasesResubmit'> {\n  recoveryCaseId: string\n  onEvent: OnEventType<EventType, unknown>\n}\n\nexport function RecoveryCasesResubmit(props: RecoveryCasesResubmitProps) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props}>{props.children}</Root>\n    </BaseComponent>\n  )\n}\n\nfunction Root({ dictionary, recoveryCaseId }: RecoveryCasesResubmitProps) {\n  useComponentDictionary('Payroll.RecoveryCasesResubmit', dictionary)\n  const { Heading, Text } = useComponentContext()\n  const { onEvent, baseSubmitHandler } = useBase()\n  const { companyId } = useFlow<RecoveryCasesContextInterface>()\n\n  const { data: recoveryCasesData } = useRecoveryCasesGet({\n    companyUuid: companyId,\n  })\n\n  const recoveryCase = recoveryCasesData?.recoveryCaseList?.find(rc => rc.uuid === recoveryCaseId)\n\n  const { title, subtitle, description } = useRecoveryCaseErrorCode(\n    recoveryCase?.latestErrorCode ?? undefined,\n  )\n\n  const redebitMutation = useRecoveryCasesRedebitMutation()\n\n  const onSubmit = async (e: React.FormEvent<HTMLFormElement>) => {\n    e.preventDefault()\n    await baseSubmitHandler({}, async () => {\n      await redebitMutation.mutateAsync({\n        request: {\n          recoveryCaseUuid: recoveryCaseId,\n        },\n      })\n      onEvent(recoveryCasesEvents.RECOVERY_CASE_RESUBMIT_DONE, {\n        recoveryCaseId,\n      })\n    })\n  }\n\n  return (\n    <Flex flexDirection=\"column\" gap={16}>\n      {title && <Heading as=\"h2\">{title}</Heading>}\n      {subtitle && <Text>{subtitle}</Text>}\n      {description.length > 0 && description}\n      {/*\n        This empty form is used to connect the Footer's submit button to the submission logic\n        via the form attribute. This is semantically incorrect and hidden from assistive tech.\n      */}\n      <Form id={RECOVERY_CASES_RESUBMIT_FORM_ID} onSubmit={onSubmit} aria-hidden=\"true\">\n        {/* Empty form - submission triggered by footer button via form attribute */}\n      </Form>\n    </Flex>\n  )\n}\n\nconst Footer = ({ onEvent }: { onEvent: OnEventType<EventType, unknown> }) => {\n  useI18n('Payroll.RecoveryCasesResubmit')\n  const { t } = useTranslation('Payroll.RecoveryCasesResubmit')\n  const { Button } = useComponentContext()\n\n  const isMutating = useIsMutating({\n    mutationKey: mutationKeyRecoveryCasesRedebit(),\n  })\n  const isPending = isMutating > 0\n\n  const handleCancel = () => {\n    onEvent(recoveryCasesEvents.RECOVERY_CASE_RESUBMIT_CANCEL)\n  }\n\n  return (\n    <Flex justifyContent=\"flex-end\" gap={12}>\n      <Button variant=\"secondary\" onClick={handleCancel} isDisabled={isPending}>\n        {t('cta.cancel')}\n      </Button>\n      <Button\n        variant=\"primary\"\n        type=\"submit\"\n        form={RECOVERY_CASES_RESUBMIT_FORM_ID}\n        isLoading={isPending}\n      >\n        {t('cta.resubmit')}\n      </Button>\n    </Flex>\n  )\n}\n\nRecoveryCasesResubmit.Footer = Footer\n"],"names":["RECOVERY_CASES_RESUBMIT_FORM_ID","RecoveryCasesResubmit","props","jsx","BaseComponent","Root","dictionary","recoveryCaseId","useComponentDictionary","Heading","Text","useComponentContext","onEvent","baseSubmitHandler","useBase","companyId","useFlow","recoveryCasesData","useRecoveryCasesGet","recoveryCase","rc","title","subtitle","description","useRecoveryCaseErrorCode","redebitMutation","useRecoveryCasesRedebitMutation","onSubmit","e","recoveryCasesEvents","jsxs","Flex","Form","Footer","useI18n","t","useTranslation","Button","isPending","useIsMutating","mutationKeyRecoveryCasesRedebit"],"mappings":";;;;;;;;;;;;;;AAkBA,MAAMA,IAAkC;AAOjC,SAASC,EAAsBC,GAAmC;AACvE,SACE,gBAAAC,EAACC,GAAA,EAAe,GAAGF,GACjB,UAAA,gBAAAC,EAACE,KAAM,GAAGH,GAAQ,UAAAA,EAAM,SAAA,CAAS,EAAA,CACnC;AAEJ;AAEA,SAASG,EAAK,EAAE,YAAAC,GAAY,gBAAAC,KAA8C;AACxE,EAAAC,EAAuB,iCAAiCF,CAAU;AAClE,QAAM,EAAE,SAAAG,GAAS,MAAAC,EAAA,IAASC,EAAA,GACpB,EAAE,SAAAC,GAAS,mBAAAC,EAAA,IAAsBC,EAAA,GACjC,EAAE,WAAAC,EAAA,IAAcC,EAAA,GAEhB,EAAE,MAAMC,EAAA,IAAsBC,EAAoB;AAAA,IACtD,aAAaH;AAAA,EAAA,CACd,GAEKI,IAAeF,GAAmB,kBAAkB,KAAK,CAAAG,MAAMA,EAAG,SAASb,CAAc,GAEzF,EAAE,OAAAc,GAAO,UAAAC,GAAU,aAAAC,EAAA,IAAgBC;AAAA,IACvCL,GAAc,mBAAmB;AAAA,EAAA,GAG7BM,IAAkBC,EAAA,GAElBC,IAAW,OAAOC,MAAwC;AAC9D,IAAAA,EAAE,eAAA,GACF,MAAMf,EAAkB,CAAA,GAAI,YAAY;AACtC,YAAMY,EAAgB,YAAY;AAAA,QAChC,SAAS;AAAA,UACP,kBAAkBlB;AAAA,QAAA;AAAA,MACpB,CACD,GACDK,EAAQiB,EAAoB,6BAA6B;AAAA,QACvD,gBAAAtB;AAAA,MAAA,CACD;AAAA,IACH,CAAC;AAAA,EACH;AAEA,SACE,gBAAAuB,EAACC,GAAA,EAAK,eAAc,UAAS,KAAK,IAC/B,UAAA;AAAA,IAAAV,KAAS,gBAAAlB,EAACM,GAAA,EAAQ,IAAG,MAAM,UAAAY,GAAM;AAAA,IACjCC,KAAY,gBAAAnB,EAACO,GAAA,EAAM,UAAAY,EAAA,CAAS;AAAA,IAC5BC,EAAY,SAAS,KAAKA;AAAA,sBAK1BS,GAAA,EAAK,IAAIhC,GAAiC,UAAA2B,GAAoB,eAAY,OAAA,CAE3E;AAAA,EAAA,GACF;AAEJ;AAEA,MAAMM,IAAS,CAAC,EAAE,SAAArB,QAA4D;AAC5E,EAAAsB,EAAQ,+BAA+B;AACvC,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,+BAA+B,GACtD,EAAE,QAAAC,EAAA,IAAW1B,EAAA,GAKb2B,IAHaC,EAAc;AAAA,IAC/B,aAAaC,EAAA;AAAA,EAAgC,CAC9C,IAC8B;AAM/B,SACE,gBAAAV,EAACC,GAAA,EAAK,gBAAe,YAAW,KAAK,IACnC,UAAA;AAAA,IAAA,gBAAA5B,EAACkC,GAAA,EAAO,SAAQ,aAAY,SANX,MAAM;AACzB,MAAAzB,EAAQiB,EAAoB,6BAA6B;AAAA,IAC3D,GAIuD,YAAYS,GAC5D,UAAAH,EAAE,YAAY,EAAA,CACjB;AAAA,IACA,gBAAAhC;AAAA,MAACkC;AAAA,MAAA;AAAA,QACC,SAAQ;AAAA,QACR,MAAK;AAAA,QACL,MAAMrC;AAAA,QACN,WAAWsC;AAAA,QAEV,YAAE,cAAc;AAAA,MAAA;AAAA,IAAA;AAAA,EACnB,GACF;AAEJ;AAEArC,EAAsB,SAASgC;"}
+{"version":3,"file":"RecoveryCasesResubmit.js","sources":["../../../../../src/components/Payroll/RecoveryCases/RecoveryCasesResubmit/RecoveryCasesResubmit.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { useIsMutating } from '@tanstack/react-query'\nimport {\n  useRecoveryCasesRedebitMutation,\n  mutationKeyRecoveryCasesRedebit,\n} from '@gusto/embedded-api/react-query/recoveryCasesRedebit'\nimport { useRecoveryCasesGet } from '@gusto/embedded-api/react-query/recoveryCasesGet'\nimport type { RecoveryCasesContextInterface } from '../RecoveryCasesComponents'\nimport { useRecoveryCaseErrorCode } from '../useRecoveryCaseErrorCode'\nimport { BaseComponent, useBase, type BaseComponentInterface } from '@/components/Base'\nimport type { OnEventType } from '@/components/Base/useBase'\nimport { Flex } from '@/components/Common'\nimport { Form } from '@/components/Common/Form'\nimport { useFlow } from '@/components/Flow/useFlow'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useComponentDictionary, useI18n } from '@/i18n'\nimport { recoveryCasesEvents, type EventType } from '@/shared/constants'\n\nconst RECOVERY_CASES_RESUBMIT_FORM_ID = 'gusto-sdk-recovery-cases-resubmit-form'\n\ninterface RecoveryCasesResubmitProps extends BaseComponentInterface<'Payroll.RecoveryCasesResubmit'> {\n  recoveryCaseId: string\n  onEvent: OnEventType<EventType, unknown>\n}\n\nexport function RecoveryCasesResubmit(props: RecoveryCasesResubmitProps) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props}>{props.children}</Root>\n    </BaseComponent>\n  )\n}\n\nfunction Root({ dictionary, recoveryCaseId }: RecoveryCasesResubmitProps) {\n  useComponentDictionary('Payroll.RecoveryCasesResubmit', dictionary)\n  const { Heading, Text } = useComponentContext()\n  const { onEvent, baseSubmitHandler } = useBase()\n  const { companyId } = useFlow<RecoveryCasesContextInterface>()\n\n  const { data: recoveryCasesData } = useRecoveryCasesGet({\n    companyUuid: companyId,\n  })\n\n  const recoveryCase = recoveryCasesData?.recoveryCaseList?.find(rc => rc.uuid === recoveryCaseId)\n\n  const { title, subtitle, description } = useRecoveryCaseErrorCode(\n    recoveryCase?.latestErrorCode ?? undefined,\n  )\n\n  const redebitMutation = useRecoveryCasesRedebitMutation()\n\n  const onSubmit = async (e: React.FormEvent<HTMLFormElement>) => {\n    e.preventDefault()\n    await baseSubmitHandler({}, async () => {\n      await redebitMutation.mutateAsync({\n        request: {\n          recoveryCaseUuid: recoveryCaseId,\n        },\n      })\n      onEvent(recoveryCasesEvents.RECOVERY_CASE_RESUBMIT_DONE, {\n        recoveryCaseId,\n      })\n    })\n  }\n\n  return (\n    <Flex flexDirection=\"column\" gap={16}>\n      {title && <Heading as=\"h2\">{title}</Heading>}\n      {subtitle && <Text>{subtitle}</Text>}\n      {description.length > 0 && description}\n      {/*\n        This empty form is used to connect the Footer's submit button to the submission logic\n        via the form attribute. This is semantically incorrect and hidden from assistive tech.\n      */}\n      <Form id={RECOVERY_CASES_RESUBMIT_FORM_ID} onSubmit={onSubmit} aria-hidden=\"true\">\n        {/* Empty form - submission triggered by footer button via form attribute */}\n      </Form>\n    </Flex>\n  )\n}\n\nconst Footer = ({ onEvent }: { onEvent: OnEventType<EventType, unknown> }) => {\n  useI18n('Payroll.RecoveryCasesResubmit')\n  const { t } = useTranslation('Payroll.RecoveryCasesResubmit')\n  const { Button } = useComponentContext()\n\n  const isMutating = useIsMutating({\n    mutationKey: mutationKeyRecoveryCasesRedebit(),\n  })\n  const isPending = isMutating > 0\n\n  const handleCancel = () => {\n    onEvent(recoveryCasesEvents.RECOVERY_CASE_RESUBMIT_CANCEL)\n  }\n\n  return (\n    <Flex justifyContent=\"flex-end\" gap={12}>\n      <Button variant=\"secondary\" onClick={handleCancel} isDisabled={isPending}>\n        {t('cta.cancel')}\n      </Button>\n      <Button\n        variant=\"primary\"\n        type=\"submit\"\n        form={RECOVERY_CASES_RESUBMIT_FORM_ID}\n        isLoading={isPending}\n      >\n        {t('cta.resubmit')}\n      </Button>\n    </Flex>\n  )\n}\n\nRecoveryCasesResubmit.Footer = Footer\n"],"names":["RECOVERY_CASES_RESUBMIT_FORM_ID","RecoveryCasesResubmit","props","jsx","BaseComponent","Root","dictionary","recoveryCaseId","useComponentDictionary","Heading","Text","useComponentContext","onEvent","baseSubmitHandler","useBase","companyId","useFlow","recoveryCasesData","useRecoveryCasesGet","recoveryCase","rc","title","subtitle","description","useRecoveryCaseErrorCode","redebitMutation","useRecoveryCasesRedebitMutation","onSubmit","e","recoveryCasesEvents","jsxs","Flex","Form","Footer","useI18n","t","useTranslation","Button","isPending","useIsMutating","mutationKeyRecoveryCasesRedebit"],"mappings":";;;;;;;;;;;;;;;AAkBA,MAAMA,IAAkC;AAOjC,SAASC,EAAsBC,GAAmC;AACvE,SACE,gBAAAC,EAACC,GAAA,EAAe,GAAGF,GACjB,UAAA,gBAAAC,EAACE,KAAM,GAAGH,GAAQ,UAAAA,EAAM,SAAA,CAAS,EAAA,CACnC;AAEJ;AAEA,SAASG,EAAK,EAAE,YAAAC,GAAY,gBAAAC,KAA8C;AACxE,EAAAC,EAAuB,iCAAiCF,CAAU;AAClE,QAAM,EAAE,SAAAG,GAAS,MAAAC,EAAA,IAASC,EAAA,GACpB,EAAE,SAAAC,GAAS,mBAAAC,EAAA,IAAsBC,EAAA,GACjC,EAAE,WAAAC,EAAA,IAAcC,EAAA,GAEhB,EAAE,MAAMC,EAAA,IAAsBC,EAAoB;AAAA,IACtD,aAAaH;AAAA,EAAA,CACd,GAEKI,IAAeF,GAAmB,kBAAkB,KAAK,CAAAG,MAAMA,EAAG,SAASb,CAAc,GAEzF,EAAE,OAAAc,GAAO,UAAAC,GAAU,aAAAC,EAAA,IAAgBC;AAAA,IACvCL,GAAc,mBAAmB;AAAA,EAAA,GAG7BM,IAAkBC,EAAA,GAElBC,IAAW,OAAOC,MAAwC;AAC9D,IAAAA,EAAE,eAAA,GACF,MAAMf,EAAkB,CAAA,GAAI,YAAY;AACtC,YAAMY,EAAgB,YAAY;AAAA,QAChC,SAAS;AAAA,UACP,kBAAkBlB;AAAA,QAAA;AAAA,MACpB,CACD,GACDK,EAAQiB,EAAoB,6BAA6B;AAAA,QACvD,gBAAAtB;AAAA,MAAA,CACD;AAAA,IACH,CAAC;AAAA,EACH;AAEA,SACE,gBAAAuB,EAACC,GAAA,EAAK,eAAc,UAAS,KAAK,IAC/B,UAAA;AAAA,IAAAV,KAAS,gBAAAlB,EAACM,GAAA,EAAQ,IAAG,MAAM,UAAAY,GAAM;AAAA,IACjCC,KAAY,gBAAAnB,EAACO,GAAA,EAAM,UAAAY,EAAA,CAAS;AAAA,IAC5BC,EAAY,SAAS,KAAKA;AAAA,sBAK1BS,GAAA,EAAK,IAAIhC,GAAiC,UAAA2B,GAAoB,eAAY,OAAA,CAE3E;AAAA,EAAA,GACF;AAEJ;AAEA,MAAMM,IAAS,CAAC,EAAE,SAAArB,QAA4D;AAC5E,EAAAsB,EAAQ,+BAA+B;AACvC,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,+BAA+B,GACtD,EAAE,QAAAC,EAAA,IAAW1B,EAAA,GAKb2B,IAHaC,EAAc;AAAA,IAC/B,aAAaC,EAAA;AAAA,EAAgC,CAC9C,IAC8B;AAM/B,SACE,gBAAAV,EAACC,GAAA,EAAK,gBAAe,YAAW,KAAK,IACnC,UAAA;AAAA,IAAA,gBAAA5B,EAACkC,GAAA,EAAO,SAAQ,aAAY,SANX,MAAM;AACzB,MAAAzB,EAAQiB,EAAoB,6BAA6B;AAAA,IAC3D,GAIuD,YAAYS,GAC5D,UAAAH,EAAE,YAAY,EAAA,CACjB;AAAA,IACA,gBAAAhC;AAAA,MAACkC;AAAA,MAAA;AAAA,QACC,SAAQ;AAAA,QACR,MAAK;AAAA,QACL,MAAMrC;AAAA,QACN,WAAWsC;AAAA,QAEV,YAAE,cAAc;AAAA,MAAA;AAAA,IAAA;AAAA,EACnB,GACF;AAEJ;AAEArC,EAAsB,SAASgC;"}