@gusto/embedded-react-sdk 0.13.3 → 0.14.0

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

@@ -1 +1 @@
-{"version":3,"file":"PayrollOverview.js","sources":["../../../../src/components/Payroll/PayrollOverview/PayrollOverview.tsx"],"sourcesContent":["import { usePayrollsSubmitMutation } from '@gusto/embedded-api/react-query/payrollsSubmit'\nimport { usePayrollsCancelMutation } from '@gusto/embedded-api/react-query/payrollsCancel'\nimport { usePayrollsGetSuspense } from '@gusto/embedded-api/react-query/payrollsGet'\nimport { useTranslation } from 'react-i18next'\nimport { useBankAccountsGetSuspense } from '@gusto/embedded-api/react-query/bankAccountsGet'\nimport { useEmployeesListSuspense } from '@gusto/embedded-api/react-query/employeesList'\nimport { useEffect, useState } from 'react'\nimport { useGustoEmbeddedContext } from '@gusto/embedded-api/react-query/_context'\nimport { payrollsGetPayStub } from '@gusto/embedded-api/funcs/payrollsGetPayStub'\nimport { useErrorBoundary } from 'react-error-boundary'\nimport { PayrollOverviewPresentation } from './PayrollOverviewPresentation'\nimport { componentEvents, PAYROLL_PROCESSING_STATUS } from '@/shared/constants'\nimport { BaseComponent, useBase, type BaseComponentInterface } from '@/components/Base'\nimport { useComponentDictionary, useI18n } from '@/i18n'\nimport { readableStreamToBlob } from '@/helpers/readableStreamToBlob'\n\ninterface PayrollOverviewProps extends BaseComponentInterface<'Payroll.PayrollOverview'> {\n  companyId: string\n  payrollId: string\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 = ({ companyId, payrollId, dictionary, onEvent }: 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 { showBoundary } = useErrorBoundary()\n\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\n  useEffect(() => {\n    // Start polling when payroll is submitting and not already polling\n    if (\n      payrollData.processingRequest?.status === PAYROLL_PROCESSING_STATUS.submitting &&\n      !isPolling\n    ) {\n      setIsPolling(true)\n    }\n    // Stop polling and emit event when payroll is processed successfully\n    if (\n      isPolling &&\n      payrollData.processingRequest?.status === PAYROLL_PROCESSING_STATUS.submit_success\n    ) {\n      onEvent(componentEvents.RUN_PAYROLL_PROCESSED)\n      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      setIsPolling(false)\n    }\n  }, [payrollData.processingRequest?.status, isPolling, onEvent])\n\n  const { data: bankAccountData } = useBankAccountsGetSuspense({\n    companyId,\n  })\n  const bankAccount = bankAccountData.companyBankAccounts?.[0]\n\n  const { data: employeeData } = useEmployeesListSuspense({\n    companyId,\n  })\n\n  const { mutateAsync: submitPayroll, isPending } = usePayrollsSubmitMutation()\n\n  const { mutateAsync: cancelPayroll, isPending: isPendingCancel } = usePayrollsCancelMutation()\n\n  if (!payrollData.calculatedAt) {\n    throw new Error(t('alerts.payrollNotCalculated'))\n  }\n  const gustoEmbedded = useGustoEmbeddedContext()\n\n  const taxes =\n    payrollData.employeeCompensations?.reduce(\n      (acc, compensation) => {\n        compensation.taxes?.forEach(tax => {\n          acc[tax.name] = {\n            employee: (acc[tax.name]?.employee ?? 0) + (tax.employer ? 0 : tax.amount),\n            employer: (acc[tax.name]?.employer ?? 0) + (tax.employer ? tax.amount : 0),\n          }\n        })\n\n        return acc\n      },\n      {} as Record<string, { employee: number; employer: number }>,\n    ) || {}\n\n  const onEdit = () => {\n    onEvent(componentEvents.RUN_PAYROLL_EDITED)\n  }\n  const onCancel = async () => {\n    await baseSubmitHandler(data, async () => {\n      const result = await cancelPayroll({\n        request: {\n          companyId,\n          payrollId,\n        },\n      })\n      onEvent(componentEvents.RUN_PAYROLL_CANCELLED, result)\n    })\n  }\n  const onPayrollReceipt = () => {\n    // onEvent(componentEvents.RUN_PAYROLL_RECEIPT)\n  }\n\n  const onPaystubDownload = async (employeeId: string) => {\n    // Open a blank window *synchronously* with the click\n    const newWindow = window.open('', '_blank')\n\n    try {\n      // Fetch the PDF from your API\n      const response = await payrollsGetPayStub(gustoEmbedded, { payrollId, employeeId })\n      if (!response.value?.responseStream) {\n        throw new Error(t('alerts.paystubPdfError'))\n      }\n      const pdfBlob = await readableStreamToBlob(response.value.responseStream, 'application/pdf')\n\n      const url = URL.createObjectURL(pdfBlob)\n\n      // Load the PDF into the new window\n      if (newWindow) {\n        newWindow.location.href = url\n      }\n      onEvent(componentEvents.RUN_PAYROLL_PDF_PAYSTUB_VIEWED, { employeeId })\n      URL.revokeObjectURL(url) // Clean up the URL object after use\n    } catch (err) {\n      if (newWindow) {\n        newWindow.close()\n      }\n      showBoundary(err)\n    }\n  }\n  const onSubmit = async () => {\n    await baseSubmitHandler(data, async () => {\n      const result = await submitPayroll({\n        request: {\n          companyId,\n          payrollId,\n          requestBody: {\n            submissionBlockers: [],\n          },\n        },\n      })\n      onEvent(componentEvents.RUN_PAYROLL_SUBMITTED, result)\n      setIsPolling(true)\n    })\n  }\n  return (\n    <PayrollOverviewPresentation\n      onEdit={onEdit}\n      onSubmit={onSubmit}\n      onCancel={onCancel}\n      onPayrollReceipt={onPayrollReceipt}\n      onPaystubDownload={onPaystubDownload}\n      isSubmitting={isPending || isPolling || isPendingCancel}\n      isProcessed={\n        payrollData.processingRequest?.status === PAYROLL_PROCESSING_STATUS.submit_success\n      }\n      payrollData={payrollData}\n      bankAccount={bankAccount}\n      employeeDetails={employeeData.showEmployees || []}\n      taxes={taxes}\n    />\n  )\n}\n"],"names":["PayrollOverview","props","jsx","BaseComponent","Root","companyId","payrollId","dictionary","onEvent","useComponentDictionary","useI18n","baseSubmitHandler","useBase","t","useTranslation","isPolling","setIsPolling","useState","showBoundary","useErrorBoundary","data","usePayrollsGetSuspense","payrollData","useEffect","PAYROLL_PROCESSING_STATUS","componentEvents","bankAccountData","useBankAccountsGetSuspense","bankAccount","employeeData","useEmployeesListSuspense","submitPayroll","isPending","usePayrollsSubmitMutation","cancelPayroll","isPendingCancel","usePayrollsCancelMutation","gustoEmbedded","useGustoEmbeddedContext","taxes","acc","compensation","tax","PayrollOverviewPresentation","result","employeeId","newWindow","response","payrollsGetPayStub","pdfBlob","readableStreamToBlob","url","err"],"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 { 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 { PayrollFlowAlert } from '../PayrollFlow/PayrollFlowComponents'\nimport { PayrollOverviewPresentation } from './PayrollOverviewPresentation'\nimport { componentEvents, PAYROLL_PROCESSING_STATUS } from '@/shared/constants'\nimport { BaseComponent, useBase, type BaseComponentInterface } from '@/components/Base'\nimport { useComponentDictionary, useI18n } from '@/i18n'\nimport { readableStreamToBlob } from '@/helpers/readableStreamToBlob'\n\ninterface PayrollOverviewProps extends BaseComponentInterface<'Payroll.PayrollOverview'> {\n  companyId: string\n  payrollId: string\n  alerts?: PayrollFlowAlert[]\n  showBackButton?: boolean\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  showBackButton = false,\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 { showBoundary } = useErrorBoundary()\n\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\n  useEffect(() => {\n    // Start polling when payroll is submitting and not already polling\n    if (\n      payrollData.processingRequest?.status === PAYROLL_PROCESSING_STATUS.submitting &&\n      !isPolling\n    ) {\n      setIsPolling(true)\n    }\n    // Stop polling and emit event when payroll is processed successfully\n    if (\n      isPolling &&\n      payrollData.processingRequest?.status === PAYROLL_PROCESSING_STATUS.submit_success\n    ) {\n      onEvent(componentEvents.RUN_PAYROLL_PROCESSED)\n      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      setIsPolling(false)\n    }\n  }, [payrollData.processingRequest?.status, isPolling, onEvent])\n\n  const { data: bankAccountData } = useBankAccountsGetSuspense({\n    companyId,\n  })\n  const bankAccount = bankAccountData.companyBankAccounts?.[0]\n\n  const { data: employeeData } = useEmployeesListSuspense({\n    companyId,\n  })\n\n  const { mutateAsync: submitPayroll, isPending } = usePayrollsSubmitMutation()\n\n  const { mutateAsync: cancelPayroll, isPending: isPendingCancel } = usePayrollsCancelMutation()\n\n  if (!payrollData.calculatedAt) {\n    throw new Error(t('alerts.payrollNotCalculated'))\n  }\n  const gustoEmbedded = useGustoEmbeddedContext()\n\n  const taxes =\n    payrollData.employeeCompensations?.reduce(\n      (acc, compensation) => {\n        compensation.taxes?.forEach(tax => {\n          acc[tax.name] = {\n            employee: (acc[tax.name]?.employee ?? 0) + (tax.employer ? 0 : tax.amount),\n            employer: (acc[tax.name]?.employer ?? 0) + (tax.employer ? tax.amount : 0),\n          }\n        })\n\n        return acc\n      },\n      {} as Record<string, { employee: number; employer: number }>,\n    ) || {}\n\n  const onEdit = () => {\n    onEvent(componentEvents.RUN_PAYROLL_EDIT)\n  }\n  const onCancel = async () => {\n    await baseSubmitHandler(data, async () => {\n      const result = await cancelPayroll({\n        request: {\n          companyId,\n          payrollId,\n        },\n      })\n      onEvent(componentEvents.RUN_PAYROLL_CANCELLED, result)\n    })\n  }\n  const onPayrollReceipt = () => {\n    onEvent(componentEvents.RUN_PAYROLL_RECEIPT_GET, { payrollId })\n  }\n\n  const onBack = () => {\n    onEvent(componentEvents.RUN_PAYROLL_BACK)\n  }\n\n  const onPaystubDownload = async (employeeId: string) => {\n    // Open a blank window *synchronously* with the click\n    const newWindow = window.open('', '_blank')\n\n    try {\n      // Fetch the PDF from your API\n      const response = await payrollsGetPayStub(gustoEmbedded, { payrollId, employeeId })\n      if (!response.value?.responseStream) {\n        throw new Error(t('alerts.paystubPdfError'))\n      }\n      const pdfBlob = await readableStreamToBlob(response.value.responseStream, 'application/pdf')\n\n      const url = URL.createObjectURL(pdfBlob)\n\n      // Load the PDF into the new window\n      if (newWindow) {\n        newWindow.location.href = url\n      }\n      onEvent(componentEvents.RUN_PAYROLL_PDF_PAYSTUB_VIEWED, { employeeId })\n      URL.revokeObjectURL(url) // Clean up the URL object after use\n    } catch (err) {\n      if (newWindow) {\n        newWindow.close()\n      }\n      showBoundary(err)\n    }\n  }\n  const onSubmit = async () => {\n    await baseSubmitHandler(data, async () => {\n      const result = await submitPayroll({\n        request: {\n          companyId,\n          payrollId,\n          requestBody: {\n            submissionBlockers: [],\n          },\n        },\n      })\n      onEvent(componentEvents.RUN_PAYROLL_SUBMITTED, result)\n      setIsPolling(true)\n    })\n  }\n  return (\n    <PayrollOverviewPresentation\n      onEdit={onEdit}\n      onSubmit={onSubmit}\n      onCancel={onCancel}\n      onPayrollReceipt={onPayrollReceipt}\n      onPaystubDownload={onPaystubDownload}\n      onBack={showBackButton ? onBack : undefined}\n      isSubmitting={isPending || isPolling || isPendingCancel}\n      isProcessed={\n        payrollData.processingRequest?.status === PAYROLL_PROCESSING_STATUS.submit_success\n      }\n      payrollData={payrollData}\n      bankAccount={bankAccount}\n      employeeDetails={employeeData.showEmployees || []}\n      taxes={taxes}\n      alerts={alerts}\n    />\n  )\n}\n"],"names":["PayrollOverview","props","jsx","BaseComponent","Root","companyId","payrollId","dictionary","onEvent","alerts","showBackButton","useComponentDictionary","useI18n","baseSubmitHandler","useBase","t","useTranslation","isPolling","setIsPolling","useState","showBoundary","useErrorBoundary","data","usePayrollsGetSuspense","payrollData","useEffect","PAYROLL_PROCESSING_STATUS","componentEvents","bankAccountData","useBankAccountsGetSuspense","bankAccount","employeeData","useEmployeesListSuspense","submitPayroll","isPending","usePayrollsSubmitMutation","cancelPayroll","isPendingCancel","usePayrollsCancelMutation","gustoEmbedded","useGustoEmbeddedContext","taxes","acc","compensation","tax","PayrollOverviewPresentation","result","employeeId","newWindow","response","payrollsGetPayStub","pdfBlob","readableStreamToBlob","url","err"],"mappings":"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"}

package/dist/components/Payroll/PayrollOverview/PayrollOverviewPresentation.d.ts

@@ -1,6 +1,7 @@
 import { PayrollShow } from '@gusto/embedded-api/models/components/payrollshow';
 import { CompanyBankAccount } from '@gusto/embedded-api/models/components/companybankaccount';
 import { Employee } from '@gusto/embedded-api/models/components/employee';
+import { PayrollFlowAlert } from '../PayrollFlow/PayrollFlowComponents';
 interface PayrollOverviewProps {
     payrollData: PayrollShow;
     bankAccount?: CompanyBankAccount;
@@ -11,11 +12,13 @@ interface PayrollOverviewProps {
     }>;
     isSubmitting?: boolean;
     isProcessed: boolean;
+    alerts?: PayrollFlowAlert[];
     onEdit: () => void;
     onSubmit: () => void;
     onCancel: () => void;
     onPayrollReceipt: () => void;
     onPaystubDownload: (employeeId: string) => void;
+    onBack?: () => void;
 }
-export declare const PayrollOverviewPresentation: ({ onEdit, onSubmit, onCancel, onPayrollReceipt, onPaystubDownload, employeeDetails, payrollData, bankAccount, taxes, isSubmitting, isProcessed, }: PayrollOverviewProps) => import("react/jsx-runtime").JSX.Element;
+export declare const PayrollOverviewPresentation: ({ onEdit, onSubmit, onCancel, onPayrollReceipt, onPaystubDownload, onBack, employeeDetails, payrollData, bankAccount, taxes, isSubmitting, isProcessed, alerts, }: PayrollOverviewProps) => import("react/jsx-runtime").JSX.Element;
 export {};