npm - @gusto/embedded-react-sdk - Versions diffs - 0.14.1 → 0.16.0 - Mend

@gusto/embedded-react-sdk 0.14.1 → 0.16.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (143) hide show

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

	@@ -1 +1 @@
1	- {"version":3,"file":"PayrollListPresentation.js","sources":["../../../../src/components/Payroll/PayrollList/PayrollListPresentation.tsx"],"sourcesContent":["import type { Payroll } from '@gusto/embedded-api/models/components/payroll'\nimport type { PayScheduleList } from '@gusto/embedded-api/models/components/payschedulelist'\nimport { useState } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport type { ApiPayrollBlocker } from '../PayrollBlocker/payrollHelpers'\nimport { PayrollBlockerAlerts } from '../PayrollBlocker/components/PayrollBlockerAlerts'\nimport type { PayrollType } from './types'\nimport styles from './PayrollListPresentation.module.scss'\nimport { DataView, Flex, HamburgerMenu } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useI18n } from '@/i18n'\nimport { parseDateStringToLocal } from '@/helpers/dateFormatting'\nimport { useLocale } from '@/contexts/LocaleProvider'\n\ninterface PresentationPayroll extends Payroll {\n payrollType: PayrollType\n}\n\ninterface PayrollListPresentationProps {\n onRunPayroll: ({ payrollId }: { payrollId: NonNullable<Payroll['payrollUuid']> }) => void\n onSubmitPayroll: ({ payrollId }: { payrollId: NonNullable<Payroll['payrollUuid']> }) => void\n onSkipPayroll: ({ payrollId }: { payrollId: NonNullable<Payroll['payrollUuid']> }) => void\n onViewBlockers?: () => void\n payrolls: PresentationPayroll[]\n paySchedules: PayScheduleList[]\n showSkipSuccessAlert: boolean\n onDismissSkipSuccessAlert: () => void\n skippingPayrollId: string \| null\n blockers: ApiPayrollBlocker[]\n}\n\nexport const PayrollListPresentation = ({\n onRunPayroll,\n onSubmitPayroll,\n onSkipPayroll,\n onViewBlockers,\n payrolls,\n paySchedules,\n showSkipSuccessAlert,\n onDismissSkipSuccessAlert,\n skippingPayrollId,\n blockers,\n}: PayrollListPresentationProps) => {\n const { Badge, Button, Dialog, Heading, Text, Alert } = useComponentContext()\n useI18n('Payroll.PayrollList')\n const { t } = useTranslation('Payroll.PayrollList')\n const { locale } = useLocale()\n const [skipPayrollDialogState, setSkipPayrollDialogState] = useState<{\n isOpen: boolean\n payrollId: string \| null\n payPeriod: string \| null\n }>({\n isOpen: false,\n payrollId: null,\n payPeriod: null,\n })\n\n const handleOpenSkipDialog = (payrollId: string, payPeriod: string) => {\n setSkipPayrollDialogState({\n isOpen: true,\n payrollId,\n payPeriod,\n })\n }\n\n const handleCloseSkipDialog = () => {\n setSkipPayrollDialogState({\n isOpen: false,\n payrollId: null,\n payPeriod: null,\n })\n }\n\n const handleConfirmSkipPayroll = () => {\n if (skipPayrollDialogState.payrollId) {\n onSkipPayroll({ payrollId: skipPayrollDialogState.payrollId })\n handleCloseSkipDialog()\n }\n }\n\n const formatPayPeriod = (startDate: string \| undefined, endDate: string \| undefined) => {\n const formattedStartDate = startDate\n ? parseDateStringToLocal(startDate)?.toLocaleDateString(locale, {\n month: 'short',\n day: 'numeric',\n })\n : null\n\n const formattedEndDate = endDate\n ? parseDateStringToLocal(endDate)?.toLocaleDateString(locale, {\n month: 'short',\n day: 'numeric',\n year: 'numeric',\n })\n : null\n\n return {\n startDate: formattedStartDate,\n endDate: formattedEndDate,\n fullPeriod:\n formattedStartDate && formattedEndDate ? `${formattedStartDate} – ${formattedEndDate}` : '',\n }\n }\n\n return (\n <Flex flexDirection=\"column\" gap={16}>\n {showSkipSuccessAlert && (\n <div className={styles.alertContainer}>\n <Alert\n status=\"info\"\n label={t('skipSuccessAlert')}\n onDismiss={onDismissSkipSuccessAlert}\n />\n </div>\n )}\n <PayrollBlockerAlerts blockers={blockers} onMultipleViewClick={onViewBlockers} />\n <Flex\n flexDirection={{ base: 'column', medium: 'row' }}\n justifyContent=\"space-between\"\n alignItems=\"flex-start\"\n gap={{ base: 12, medium: 24 }}\n >\n <Flex>\n <Heading as=\"h2\">{t('title')}</Heading>\n </Flex>\n </Flex>\n\n <DataView\n columns={[\n {\n render: ({ payPeriod }) => {\n const { startDate, endDate } = formatPayPeriod(\n payPeriod?.startDate,\n payPeriod?.endDate,\n )\n\n return (\n <Flex flexDirection=\"column\" gap={0}>\n <Text>\n {startDate} - {endDate}\n </Text>\n <Text variant=\"supporting\">\n {paySchedules.find(schedule => schedule.uuid === payPeriod?.payScheduleUuid)\n ?.name \|\|\n paySchedules.find(schedule => schedule.uuid === payPeriod?.payScheduleUuid)\n ?.customName}\n </Text>\n </Flex>\n )\n },\n title: t('tableHeaders.0'),\n },\n {\n render: ({ payrollType }) => <Text>{t(`type.${payrollType}`)}</Text>,\n title: t('tableHeaders.1'),\n },\n {\n render: ({ checkDate }) => (\n <Text>\n {checkDate\n ? parseDateStringToLocal(checkDate)?.toLocaleDateString(locale, {\n weekday: 'short',\n month: 'short',\n day: 'numeric',\n year: 'numeric',\n })\n : null}\n </Text>\n ),\n title: t('tableHeaders.2'),\n },\n {\n title: t('tableHeaders.3'),\n render: ({ payrollDeadline }) => (\n <Text>\n {payrollDeadline?.toLocaleDateString(locale, {\n weekday: 'short',\n month: 'short',\n day: 'numeric',\n year: 'numeric',\n })}\n </Text>\n ),\n },\n {\n title: t('tableHeaders.4'),\n render: ({ processed }) => (\n <Badge>{processed ? t('status.processed') : t('status.unprocessed')}</Badge>\n ),\n },\n ]}\n data={payrolls}\n label={t('payrollsListLabel')}\n itemMenu={({ payrollUuid, calculatedAt, processed, payPeriod }) => {\n if (processed) {\n return null\n }\n\n const isProcessingSkipPayroll = skippingPayrollId === payrollUuid\n\n const { fullPeriod: payPeriodString } = formatPayPeriod(\n payPeriod?.startDate,\n payPeriod?.endDate,\n )\n\n return (\n <div className={styles.actionsContainer}>\n {calculatedAt ? (\n <Button\n isLoading={isProcessingSkipPayroll}\n onClick={() => {\n onSubmitPayroll({ payrollId: payrollUuid! })\n }}\n title={t('submitPayrollCta')}\n variant=\"secondary\"\n >\n {t('submitPayrollCta')}\n </Button>\n ) : (\n <Button\n isLoading={isProcessingSkipPayroll}\n onClick={() => {\n onRunPayroll({ payrollId: payrollUuid! })\n }}\n title={t('runPayrollTitle')}\n variant=\"secondary\"\n >\n {t('runPayrollTitle')}\n </Button>\n )}\n <HamburgerMenu\n isLoading={isProcessingSkipPayroll}\n menuLabel={t('payrollMenuLabel')}\n items={[\n {\n label: t('skipPayrollCta'),\n onClick: () => {\n handleOpenSkipDialog(payrollUuid!, payPeriodString)\n },\n },\n ]}\n />\n </div>\n )\n }}\n />\n <Dialog\n isOpen={skipPayrollDialogState.isOpen}\n onClose={handleCloseSkipDialog}\n onPrimaryActionClick={handleConfirmSkipPayroll}\n isDestructive={true}\n title={t('skipPayrollDialog.title', { payPeriod: skipPayrollDialogState.payPeriod })}\n primaryActionLabel={t('skipPayrollDialog.confirmButton')}\n closeActionLabel={t('skipPayrollDialog.cancelButton')}\n >\n {t('skipPayrollDialog.body')}\n </Dialog>\n </Flex>\n )\n}\n"],"names":["PayrollListPresentation","onRunPayroll","onSubmitPayroll","onSkipPayroll","onViewBlockers","payrolls","paySchedules","showSkipSuccessAlert","onDismissSkipSuccessAlert","skippingPayrollId","blockers","Badge","Button","Dialog","Heading","Text","Alert","useComponentContext","useI18n","useTranslation","locale","useLocale","skipPayrollDialogState","setSkipPayrollDialogState","useState","handleOpenSkipDialog","payrollId","payPeriod","handleCloseSkipDialog","handleConfirmSkipPayroll","formatPayPeriod","startDate","endDate","formattedStartDate","parseDateStringToLocal","formattedEndDate","jsxs","Flex","jsx","styles","PayrollBlockerAlerts","DataView","schedule","payrollType","checkDate","payrollDeadline","processed","payrollUuid","calculatedAt","isProcessingSkipPayroll","payPeriodString","HamburgerMenu"],"mappings":"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"}
1	+ {"version":3,"file":"PayrollListPresentation.js","sources":["../../../../src/components/Payroll/PayrollList/PayrollListPresentation.tsx"],"sourcesContent":["import type { Payroll } from '@gusto/embedded-api/models/components/payroll'\nimport type { PayScheduleList } from '@gusto/embedded-api/models/components/payschedulelist'\nimport { useState } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport type { ApiPayrollBlocker } from '../PayrollBlocker/payrollHelpers'\nimport { PayrollBlockerAlerts } from '../PayrollBlocker/components/PayrollBlockerAlerts'\nimport type { PayrollType } from './types'\nimport styles from './PayrollListPresentation.module.scss'\nimport { DataView, Flex, HamburgerMenu } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useI18n } from '@/i18n'\nimport { formatDateToStringDate, parseDateStringToLocal } from '@/helpers/dateFormatting'\nimport { useLocale } from '@/contexts/LocaleProvider'\nimport FeatureIconCheck from '@/assets/icons/feature-icon-check.svg?react'\n\ninterface PresentationPayroll extends Payroll {\n payrollType: PayrollType\n}\n\ninterface PayrollListPresentationProps {\n onRunPayroll: ({ payrollId }: { payrollId: NonNullable<Payroll['payrollUuid']> }) => void\n onSubmitPayroll: ({ payrollId }: { payrollId: NonNullable<Payroll['payrollUuid']> }) => void\n onSkipPayroll: ({ payrollId }: { payrollId: NonNullable<Payroll['payrollUuid']> }) => void\n onViewBlockers?: () => void\n payrolls: PresentationPayroll[]\n paySchedules: PayScheduleList[]\n showSkipSuccessAlert: boolean\n onDismissSkipSuccessAlert: () => void\n skippingPayrollId: string \| null\n blockers: ApiPayrollBlocker[]\n}\n\nexport const PayrollListPresentation = ({\n onRunPayroll,\n onSubmitPayroll,\n onSkipPayroll,\n onViewBlockers,\n payrolls,\n paySchedules,\n showSkipSuccessAlert,\n onDismissSkipSuccessAlert,\n skippingPayrollId,\n blockers,\n}: PayrollListPresentationProps) => {\n const { Badge, Button, Dialog, Heading, Text, Alert } = useComponentContext()\n useI18n('Payroll.PayrollList')\n const { t } = useTranslation('Payroll.PayrollList')\n const { locale } = useLocale()\n const [skipPayrollDialogState, setSkipPayrollDialogState] = useState<{\n isOpen: boolean\n payrollId: string \| null\n payPeriod: string \| null\n }>({\n isOpen: false,\n payrollId: null,\n payPeriod: null,\n })\n\n const handleOpenSkipDialog = (payrollId: string, payPeriod: string) => {\n setSkipPayrollDialogState({\n isOpen: true,\n payrollId,\n payPeriod,\n })\n }\n\n const handleCloseSkipDialog = () => {\n setSkipPayrollDialogState({\n isOpen: false,\n payrollId: null,\n payPeriod: null,\n })\n }\n\n const handleConfirmSkipPayroll = () => {\n if (skipPayrollDialogState.payrollId) {\n onSkipPayroll({ payrollId: skipPayrollDialogState.payrollId })\n handleCloseSkipDialog()\n }\n }\n\n const formatPayPeriod = (startDate: string \| undefined, endDate: string \| undefined) => {\n const formattedStartDate = startDate\n ? parseDateStringToLocal(startDate)?.toLocaleDateString(locale, {\n month: 'short',\n day: 'numeric',\n })\n : null\n\n const formattedEndDate = endDate\n ? parseDateStringToLocal(endDate)?.toLocaleDateString(locale, {\n month: 'short',\n day: 'numeric',\n year: 'numeric',\n })\n : null\n\n return {\n startDate: formattedStartDate,\n endDate: formattedEndDate,\n fullPeriod:\n formattedStartDate && formattedEndDate ? `${formattedStartDate} – ${formattedEndDate}` : '',\n }\n }\n\n return (\n <Flex flexDirection=\"column\" gap={16}>\n {showSkipSuccessAlert && (\n <div className={styles.alertContainer}>\n <Alert\n status=\"info\"\n label={t('skipSuccessAlert')}\n onDismiss={onDismissSkipSuccessAlert}\n />\n </div>\n )}\n <PayrollBlockerAlerts blockers={blockers} onMultipleViewClick={onViewBlockers} />\n <Flex\n flexDirection={{ base: 'column', medium: 'row' }}\n justifyContent=\"space-between\"\n alignItems=\"flex-start\"\n gap={{ base: 12, medium: 24 }}\n >\n <Flex>\n <Heading as=\"h2\">{t('title')}</Heading>\n </Flex>\n </Flex>\n\n <DataView\n emptyState={() => (\n <Flex flexDirection=\"column\" alignItems=\"center\" gap={24}>\n <FeatureIconCheck />\n <Text>{t('emptyState')}</Text>\n </Flex>\n )}\n columns={[\n {\n render: ({ payPeriod }) => {\n const { startDate, endDate } = formatPayPeriod(\n payPeriod?.startDate,\n payPeriod?.endDate,\n )\n\n return (\n <Flex flexDirection=\"column\" gap={0}>\n <Text>\n {startDate} - {endDate}\n </Text>\n <Text variant=\"supporting\">\n {paySchedules.find(schedule => schedule.uuid === payPeriod?.payScheduleUuid)\n ?.name \|\|\n paySchedules.find(schedule => schedule.uuid === payPeriod?.payScheduleUuid)\n ?.customName}\n </Text>\n </Flex>\n )\n },\n title: t('tableHeaders.0'),\n },\n {\n render: ({ payrollType }) => <Text>{t(`type.${payrollType}`)}</Text>,\n title: t('tableHeaders.1'),\n },\n {\n render: ({ checkDate }) => (\n <Text>\n {checkDate\n ? parseDateStringToLocal(checkDate)?.toLocaleDateString(locale, {\n weekday: 'short',\n month: 'short',\n day: 'numeric',\n year: 'numeric',\n })\n : null}\n </Text>\n ),\n title: t('tableHeaders.2'),\n },\n {\n title: t('tableHeaders.3'),\n render: ({ payrollDeadline }) => (\n <Text>\n {payrollDeadline?.toLocaleDateString(locale, {\n weekday: 'short',\n month: 'short',\n day: 'numeric',\n year: 'numeric',\n })}\n </Text>\n ),\n },\n {\n title: t('tableHeaders.4'),\n render: ({ processed }) => (\n <Badge>{processed ? t('status.processed') : t('status.unprocessed')}</Badge>\n ),\n },\n ]}\n data={payrolls}\n label={t('payrollsListLabel')}\n itemMenu={({ payrollUuid, calculatedAt, processed, payPeriod }) => {\n if (processed) {\n return null\n }\n\n const isProcessingSkipPayroll = skippingPayrollId === payrollUuid\n\n const { fullPeriod: payPeriodString } = formatPayPeriod(\n payPeriod?.startDate,\n payPeriod?.endDate,\n )\n\n const todayDateString = formatDateToStringDate(new Date())\n const todayAtMidnight = todayDateString ? parseDateStringToLocal(todayDateString) : null\n const payPeriodStartDate = payPeriod?.startDate\n ? parseDateStringToLocal(payPeriod.startDate)\n : null\n\n const canSkipPayroll =\n blockers.length === 0 &&\n todayAtMidnight &&\n payPeriodStartDate &&\n todayAtMidnight >= payPeriodStartDate\n\n return (\n <div className={styles.actionsContainer}>\n {calculatedAt ? (\n <Button\n isLoading={isProcessingSkipPayroll}\n onClick={() => {\n onSubmitPayroll({ payrollId: payrollUuid! })\n }}\n title={t('submitPayrollCta')}\n variant=\"secondary\"\n >\n {t('submitPayrollCta')}\n </Button>\n ) : (\n <Button\n isLoading={isProcessingSkipPayroll}\n onClick={() => {\n onRunPayroll({ payrollId: payrollUuid! })\n }}\n title={t('runPayrollTitle')}\n variant=\"secondary\"\n >\n {t('runPayrollTitle')}\n </Button>\n )}\n {canSkipPayroll && (\n <HamburgerMenu\n isLoading={isProcessingSkipPayroll}\n menuLabel={t('payrollMenuLabel')}\n items={[\n {\n label: t('skipPayrollCta'),\n onClick: () => {\n handleOpenSkipDialog(payrollUuid!, payPeriodString)\n },\n },\n ]}\n />\n )}\n </div>\n )\n }}\n />\n <Dialog\n isOpen={skipPayrollDialogState.isOpen}\n onClose={handleCloseSkipDialog}\n onPrimaryActionClick={handleConfirmSkipPayroll}\n isDestructive={true}\n title={t('skipPayrollDialog.title', { payPeriod: skipPayrollDialogState.payPeriod })}\n primaryActionLabel={t('skipPayrollDialog.confirmButton')}\n closeActionLabel={t('skipPayrollDialog.cancelButton')}\n >\n {t('skipPayrollDialog.body')}\n </Dialog>\n </Flex>\n )\n}\n"],"names":["PayrollListPresentation","onRunPayroll","onSubmitPayroll","onSkipPayroll","onViewBlockers","payrolls","paySchedules","showSkipSuccessAlert","onDismissSkipSuccessAlert","skippingPayrollId","blockers","Badge","Button","Dialog","Heading","Text","Alert","useComponentContext","useI18n","useTranslation","locale","useLocale","skipPayrollDialogState","setSkipPayrollDialogState","useState","handleOpenSkipDialog","payrollId","payPeriod","handleCloseSkipDialog","handleConfirmSkipPayroll","formatPayPeriod","startDate","endDate","formattedStartDate","parseDateStringToLocal","formattedEndDate","jsxs","Flex","jsx","styles","PayrollBlockerAlerts","DataView","FeatureIconCheck","schedule","payrollType","checkDate","payrollDeadline","processed","payrollUuid","calculatedAt","isProcessingSkipPayroll","payPeriodString","todayDateString","formatDateToStringDate","todayAtMidnight","payPeriodStartDate","canSkipPayroll","HamburgerMenu"],"mappings":"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"}

package/dist/components/Payroll/PayrollOverview/PayrollOverview.d.ts CHANGED Viewed

@@ -4,8 +4,7 @@ interface PayrollOverviewProps extends BaseComponentInterface<'Payroll.PayrollOv
     companyId: string;
     payrollId: string;
     alerts?: PayrollFlowAlert[];
-    showBackButton?: boolean;
 }
 export declare function PayrollOverview(props: PayrollOverviewProps): import("react/jsx-runtime").JSX.Element;
-export declare const Root: ({ companyId, payrollId, dictionary, onEvent, alerts, showBackButton, }: PayrollOverviewProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Root: ({ companyId, payrollId, dictionary, onEvent, alerts, }: PayrollOverviewProps) => import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -2,35 +2,34 @@ import { jsx as y } from "react/jsx-runtime";
 import { usePayrollsSubmitMutation as Y } from "@gusto/embedded-api/react-query/payrollsSubmit";
 import { usePayrollsCancelMutation as q } from "@gusto/embedded-api/react-query/payrollsCancel";
 import { usePayrollsGetSuspense as v } from "@gusto/embedded-api/react-query/payrollsGet";
-import { useTranslation as G } from "react-i18next";
-import { useBankAccountsGetSuspense as M } from "@gusto/embedded-api/react-query/bankAccountsGet";
-import { useEmployeesListSuspense as j } from "@gusto/embedded-api/react-query/employeesList";
-import { useState as L, useEffect as F } from "react";
-import { useGustoEmbeddedContext as x } from "@gusto/embedded-api/react-query/_context";
-import { payrollsGetPayStub as I } from "@gusto/embedded-api/funcs/payrollsGetPayStub";
-import { useErrorBoundary as W } from "react-error-boundary";
-import { PayrollOverviewPresentation as H } from "./PayrollOverviewPresentation.js";
+import { useTranslation as k } from "react-i18next";
+import { useBankAccountsGetSuspense as G } from "@gusto/embedded-api/react-query/bankAccountsGet";
+import { useEmployeesListSuspense as M } from "@gusto/embedded-api/react-query/employeesList";
+import { useState as S, useEffect as j } from "react";
+import { useGustoEmbeddedContext as F } from "@gusto/embedded-api/react-query/_context";
+import { payrollsGetPayStub as x } from "@gusto/embedded-api/funcs/payrollsGetPayStub";
+import { useErrorBoundary as I } from "react-error-boundary";
+import { PayrollOverviewPresentation as W } from "./PayrollOverviewPresentation.js";
 import { PAYROLL_PROCESSING_STATUS as m, componentEvents as a } from "../../../shared/constants.js";
-import { BaseComponent as K } from "../../Base/Base.js";
+import { BaseComponent as H } from "../../Base/Base.js";
 import { useBase as V } from "../../Base/useBase.js";
 import { useComponentDictionary as z, useI18n as J } from "../../../i18n/I18n.js";
-import { readableStreamToBlob as Q } from "../../../helpers/readableStreamToBlob.js";
-import X from "../../Common/hooks/useNumberFormatter.js";
-import { parseDateStringToLocal as Z } from "../../../helpers/dateFormatting.js";
-import { useLocale as $ } from "../../../contexts/LocaleProvider/useLocale.js";
-function ge(s) {
-  return /* @__PURE__ */ y(K, { ...s, children: /* @__PURE__ */ y(ee, { ...s, children: s.children }) });
+import { readableStreamToBlob as K } from "../../../helpers/readableStreamToBlob.js";
+import Q from "../../Common/hooks/useNumberFormatter.js";
+import { parseDateStringToLocal as X } from "../../../helpers/dateFormatting.js";
+import { useLocale as Z } from "../../../contexts/LocaleProvider/useLocale.js";
+function De(s) {
+  return /* @__PURE__ */ y(H, { ...s, children: /* @__PURE__ */ y($, { ...s, children: s.children }) });
 }
-const ee = ({
+const $ = ({
   companyId: s,
   payrollId: i,
-  dictionary: S,
+  dictionary: L,
   onEvent: r,
-  alerts: _,
-  showBackButton: w = !1
+  alerts: w
 }) => {
-  z("Payroll.PayrollOverview", S), J("Payroll.PayrollOverview");
-  const { baseSubmitHandler: f } = V(), { t: c } = G("Payroll.PayrollOverview"), [n, u] = L(!1), [A, P] = L(_ || []), { showBoundary: D } = W(), d = X("currency"), { locale: R } = $(), { data: p } = v(
+  z("Payroll.PayrollOverview", L), J("Payroll.PayrollOverview");
+  const { baseSubmitHandler: f } = V(), { t: c } = k("Payroll.PayrollOverview"), [n, u] = S(!1), [_, P] = S(w || []), { showBoundary: A } = I(), d = Q("currency"), { locale: b } = Z(), { data: p } = v(
     {
       companyId: s,
       payrollId: i,
@@ -38,14 +37,14 @@ const ee = ({
     },
     { refetchInterval: n ? 5e3 : !1 }
   ), e = p.payrollShow;
-  F(() => {
+  j(() => {
     e.processingRequest?.status === m.submitting && !n && u(!0), n && e.processingRequest?.status === m.submit_success && (r(a.RUN_PAYROLL_PROCESSED), P([
       {
         type: "success",
         title: c("alerts.payrollProcessedTitle"),
         content: c("alerts.payrollProcessedMessage", {
           amount: d(Number(e.totals?.netPayDebit)),
-          date: (e.payrollStatusMeta?.expectedDebitTime ? Z(e.payrollStatusMeta.expectedDebitTime) : e.payrollDeadline)?.toLocaleString(R, {
+          date: (e.payrollStatusMeta?.expectedDebitTime ? X(e.payrollStatusMeta.expectedDebitTime) : e.payrollDeadline)?.toLocaleString(b, {
             month: "short",
             day: "numeric",
             year: "numeric"
@@ -58,18 +57,18 @@ const ee = ({
     n,
     r,
     c,
-    R,
+    b,
     d,
     e
   ]);
-  const { data: E } = M({
+  const { data: E } = G({
     companyId: s
-  }), O = E.companyBankAccounts?.[0], { data: g } = j({
+  }), D = E.companyBankAccounts?.[0], { data: O } = M({
     companyId: s
-  }), { mutateAsync: C, isPending: B } = Y(), { mutateAsync: U, isPending: h } = q();
+  }), { mutateAsync: g, isPending: C } = Y(), { mutateAsync: h, isPending: T } = q();
   if (!e.calculatedAt)
     throw new Error(c("alerts.payrollNotCalculated"));
-  const N = x(), T = e.employeeCompensations?.reduce(
+  const U = F(), N = e.employeeCompensations?.reduce(
     (o, l) => (l.taxes?.forEach((t) => {
       o[t.name] = {
         employee: (o[t.name]?.employee ?? 0) + (t.employer ? 0 : t.amount),
@@ -79,14 +78,14 @@ const ee = ({
     {}
   ) || {};
   return /* @__PURE__ */ y(
-    H,
+    W,
     {
       onEdit: () => {
         r(a.RUN_PAYROLL_EDIT);
       },
       onSubmit: async () => {
         await f(p, async () => {
-          const o = await C({
+          const o = await g({
             request: {
               companyId: s,
               payrollId: i,
@@ -100,7 +99,7 @@ const ee = ({
       },
       onCancel: async () => {
         await f(p, async () => {
-          const o = await U({
+          const o = await h({
             request: {
               companyId: s,
               payrollId: i
@@ -115,30 +114,27 @@ const ee = ({
       onPaystubDownload: async (o) => {
         const l = window.open("", "_blank");
         try {
-          const t = await I(N, { payrollId: i, employeeId: o });
+          const t = await x(U, { payrollId: i, employeeId: o });
           if (!t.value?.responseStream)
             throw new Error(c("alerts.paystubPdfError"));
-          const k = await Q(t.value.responseStream, "application/pdf"), b = URL.createObjectURL(k);
-          l && (l.location.href = b), r(a.RUN_PAYROLL_PDF_PAYSTUB_VIEWED, { employeeId: o }), URL.revokeObjectURL(b);
+          const B = await K(t.value.responseStream, "application/pdf"), R = URL.createObjectURL(B);
+          l && (l.location.href = R), r(a.RUN_PAYROLL_PDF_PAYSTUB_VIEWED, { employeeId: o }), URL.revokeObjectURL(R);
         } catch (t) {
-          l && l.close(), D(t);
+          l && l.close(), A(t);
         }
       },
-      onBack: w ? () => {
-        r(a.RUN_PAYROLL_BACK);
-      } : void 0,
-      isSubmitting: B || n || h,
+      isSubmitting: C || n || T,
       isProcessed: e.processingRequest?.status === m.submit_success,
       payrollData: e,
-      bankAccount: O,
-      employeeDetails: g.showEmployees || [],
-      taxes: T,
-      alerts: A
+      bankAccount: D,
+      employeeDetails: O.showEmployees || [],
+      taxes: N,
+      alerts: _
     }
   );
 };
 export {
-  ge as PayrollOverview,
-  ee as Root
+  De as PayrollOverview,
+  $ as Root
 };
 //# sourceMappingURL=PayrollOverview.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"PayrollOverview.js","sources":["../../../../src/components/Payroll/PayrollOverview/PayrollOverview.tsx"],"sourcesContent":["import { usePayrollsSubmitMutation } from '@gusto/embedded-api/react-query/payrollsSubmit'\nimport { usePayrollsCancelMutation } from '@gusto/embedded-api/react-query/payrollsCancel'\nimport { usePayrollsGetSuspense } from '@gusto/embedded-api/react-query/payrollsGet'\nimport { useTranslation } from 'react-i18next'\nimport { useBankAccountsGetSuspense } from '@gusto/embedded-api/react-query/bankAccountsGet'\nimport { useEmployeesListSuspense } from '@gusto/embedded-api/react-query/employeesList'\nimport { useEffect, useState } from 'react'\nimport { useGustoEmbeddedContext } from '@gusto/embedded-api/react-query/_context'\nimport { payrollsGetPayStub } from '@gusto/embedded-api/funcs/payrollsGetPayStub'\nimport { useErrorBoundary } from 'react-error-boundary'\nimport type { 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'\nimport useNumberFormatter from '@/components/Common/hooks/useNumberFormatter'\nimport { parseDateStringToLocal } from '@/helpers/dateFormatting'\nimport { useLocale } from '@/contexts/LocaleProvider'\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 [internalAlerts, setInternalAlerts] = useState<PayrollFlowAlert[]>(alerts \|\| [])\n const { showBoundary } = useErrorBoundary()\n const formatCurrency = useNumberFormatter('currency')\n const { locale } = useLocale()\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 setInternalAlerts([\n {\n type: 'success',\n title: t('alerts.payrollProcessedTitle'),\n content: t('alerts.payrollProcessedMessage', {\n amount: formatCurrency(Number(payrollData.totals?.netPayDebit)),\n date: (payrollData.payrollStatusMeta?.expectedDebitTime\n ? parseDateStringToLocal(payrollData.payrollStatusMeta.expectedDebitTime)\n : payrollData.payrollDeadline!\n )?.toLocaleString(locale, {\n month: 'short',\n day: 'numeric',\n year: 'numeric',\n }),\n }),\n },\n ])\n setIsPolling(false)\n }\n // If we are polling and payroll is in failed state, stop polling, and emit failure event\n if (\n isPolling &&\n payrollData.processingRequest?.status === PAYROLL_PROCESSING_STATUS.processing_failed\n ) {\n onEvent(componentEvents.RUN_PAYROLL_PROCESSING_FAILED)\n setIsPolling(false)\n }\n }, [\n payrollData.processingRequest?.status,\n isPolling,\n onEvent,\n t,\n locale,\n formatCurrency,\n payrollData,\n ])\n\n const { data: bankAccountData } = useBankAccountsGetSuspense({\n companyId,\n })\n const bankAccount = bankAccountData.companyBankAccounts?.[0]\n\n const { data: employeeData } = useEmployeesListSuspense({\n companyId,\n })\n\n const { mutateAsync: submitPayroll, isPending } = usePayrollsSubmitMutation()\n\n const { mutateAsync: cancelPayroll, isPending: isPendingCancel } = usePayrollsCancelMutation()\n\n if (!payrollData.calculatedAt) {\n throw new Error(t('alerts.payrollNotCalculated'))\n }\n const gustoEmbedded = useGustoEmbeddedContext()\n\n const taxes =\n payrollData.employeeCompensations?.reduce(\n (acc, compensation) => {\n compensation.taxes?.forEach(tax => {\n acc[tax.name] = {\n employee: (acc[tax.name]?.employee ?? 0) + (tax.employer ? 0 : tax.amount),\n employer: (acc[tax.name]?.employer ?? 0) + (tax.employer ? tax.amount : 0),\n }\n })\n\n return acc\n },\n {} as Record<string, { employee: number; employer: number }>,\n ) \|\| {}\n\n const 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 setInternalAlerts([])\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={internalAlerts}\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","internalAlerts","setInternalAlerts","showBoundary","useErrorBoundary","formatCurrency","useNumberFormatter","locale","useLocale","data","usePayrollsGetSuspense","payrollData","useEffect","PAYROLL_PROCESSING_STATUS","componentEvents","parseDateStringToLocal","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":";;;;;;;;;;;;;;;;;;;;AA2BO,SAASA,GAAgBC,GAA6B;AAC3D,SACE,gBAAAC,EAACC,GAAA,EAAe,GAAGF,GACjB,UAAA,gBAAAC,EAACE,MAAM,GAAGH,GAAQ,UAAAA,EAAM,SAAA,CAAS,EAAA,CACnC;AAEJ;AAEO,MAAMG,KAAO,CAAC;AAAA,EACnB,WAAAC;AAAA,EACA,WAAAC;AAAA,EACA,YAAAC;AAAA,EACA,SAAAC;AAAA,EACA,QAAAC;AAAA,EACA,gBAAAC,IAAiB;AACnB,MAA4B;AAC1B,EAAAC,EAAuB,2BAA2BJ,CAAU,GAC5DK,EAAQ,yBAAyB;AACjC,QAAM,EAAE,mBAAAC,EAAA,IAAsBC,EAAA,GACxB,EAAE,GAAAC,EAAA,IAAMC,EAAe,yBAAyB,GAChD,CAACC,GAAWC,CAAY,IAAIC,EAAS,EAAK,GAC1C,CAACC,GAAgBC,CAAiB,IAAIF,EAA6BV,KAAU,CAAA,CAAE,GAC/E,EAAE,cAAAa,EAAA,IAAiBC,EAAA,GACnBC,IAAiBC,EAAmB,UAAU,GAC9C,EAAE,QAAAC,EAAA,IAAWC,EAAA,GAEb,EAAE,MAAAC,MAASC;AAAA,IACf;AAAA,MACE,WAAAxB;AAAA,MACA,WAAAC;AAAA,MACA,SAAS,CAAC,SAAS,YAAY,YAAY;AAAA,IAAA;AAAA,IAE7C,EAAE,iBAAiBW,IAAY,MAAQ,GAAA;AAAA,EAAM,GAEzCa,IAAcF,EAAK;AAEzB,EAAAG,EAAU,MAAM;AAEd,IACED,EAAY,mBAAmB,WAAWE,EAA0B,cACpE,CAACf,KAEDC,EAAa,EAAI,GAIjBD,KACAa,EAAY,mBAAmB,WAAWE,EAA0B,mBAEpExB,EAAQyB,EAAgB,qBAAqB,GAC7CZ,EAAkB;AAAA,MAChB;AAAA,QACE,MAAM;AAAA,QACN,OAAON,EAAE,8BAA8B;AAAA,QACvC,SAASA,EAAE,kCAAkC;AAAA,UAC3C,QAAQS,EAAe,OAAOM,EAAY,QAAQ,WAAW,CAAC;AAAA,UAC9D,OAAOA,EAAY,mBAAmB,oBAClCI,EAAuBJ,EAAY,kBAAkB,iBAAiB,IACtEA,EAAY,kBACb,eAAeJ,GAAQ;AAAA,YACxB,OAAO;AAAA,YACP,KAAK;AAAA,YACL,MAAM;AAAA,UAAA,CACP;AAAA,QAAA,CACF;AAAA,MAAA;AAAA,IACH,CACD,GACDR,EAAa,EAAK,IAIlBD,KACAa,EAAY,mBAAmB,WAAWE,EAA0B,sBAEpExB,EAAQyB,EAAgB,6BAA6B,GACrDf,EAAa,EAAK;AAAA,EAEtB,GAAG;AAAA,IACDY,EAAY,mBAAmB;AAAA,IAC/Bb;AAAA,IACAT;AAAA,IACAO;AAAA,IACAW;AAAA,IACAF;AAAA,IACAM;AAAA,EAAA,CACD;AAED,QAAM,EAAE,MAAMK,EAAA,IAAoBC,EAA2B;AAAA,IAC3D,WAAA/B;AAAA,EAAA,CACD,GACKgC,IAAcF,EAAgB,sBAAsB,CAAC,GAErD,EAAE,MAAMG,EAAA,IAAiBC,EAAyB;AAAA,IACtD,WAAAlC;AAAA,EAAA,CACD,GAEK,EAAE,aAAamC,GAAe,WAAAC,EAAA,IAAcC,EAAA,GAE5C,EAAE,aAAaC,GAAe,WAAWC,EAAA,IAAoBC,EAAA;AAEnE,MAAI,CAACf,EAAY;AACf,UAAM,IAAI,MAAMf,EAAE,6BAA6B,CAAC;AAElD,QAAM+B,IAAgBC,EAAA,GAEhBC,IACJlB,EAAY,uBAAuB;AAAA,IACjC,CAACmB,GAAKC,OACJA,EAAa,OAAO,QAAQ,CAAAC,MAAO;AACjC,MAAAF,EAAIE,EAAI,IAAI,IAAI;AAAA,QACd,WAAWF,EAAIE,EAAI,IAAI,GAAG,YAAY,MAAMA,EAAI,WAAW,IAAIA,EAAI;AAAA,QACnE,WAAWF,EAAIE,EAAI,IAAI,GAAG,YAAY,MAAMA,EAAI,WAAWA,EAAI,SAAS;AAAA,MAAA;AAAA,IAE5E,CAAC,GAEMF;AAAA,IAET,CAAA;AAAA,EAAC,KACE,CAAA;AAmEP,SACE,gBAAA/C;AAAA,IAACkD;AAAA,IAAA;AAAA,MACC,QAnEW,MAAM;AACnB,QAAA5C,EAAQyB,EAAgB,gBAAgB;AAAA,MAC1C;AAAA,MAkEI,UAlBa,YAAY;AAC3B,cAAMpB,EAAkBe,GAAM,YAAY;AACxC,gBAAMyB,IAAS,MAAMb,EAAc;AAAA,YACjC,SAAS;AAAA,cACP,WAAAnC;AAAA,cACA,WAAAC;AAAA,cACA,aAAa;AAAA,gBACX,oBAAoB,CAAA;AAAA,cAAC;AAAA,YACvB;AAAA,UACF,CACD;AACD,UAAAE,EAAQyB,EAAgB,uBAAuBoB,CAAM,GACrDnC,EAAa,EAAI;AAAA,QACnB,CAAC;AAAA,MACH;AAAA,MAKI,UAlEa,YAAY;AAC3B,cAAML,EAAkBe,GAAM,YAAY;AACxC,gBAAMyB,IAAS,MAAMV,EAAc;AAAA,YACjC,SAAS;AAAA,cACP,WAAAtC;AAAA,cACA,WAAAC;AAAA,YAAA;AAAA,UACF,CACD;AACD,UAAAE,EAAQyB,EAAgB,uBAAuBoB,CAAM,GACrDhC,EAAkB,CAAA,CAAE;AAAA,QACtB,CAAC;AAAA,MACH;AAAA,MAwDI,kBAvDqB,MAAM;AAC7B,QAAAb,EAAQyB,EAAgB,yBAAyB,EAAE,WAAA3B,EAAA,CAAW;AAAA,MAChE;AAAA,MAsDI,mBAhDsB,OAAOgD,MAAuB;AAEtD,cAAMC,IAAY,OAAO,KAAK,IAAI,QAAQ;AAE1C,YAAI;AAEF,gBAAMC,IAAW,MAAMC,EAAmBX,GAAe,EAAE,WAAAxC,GAAW,YAAAgD,GAAY;AAClF,cAAI,CAACE,EAAS,OAAO;AACnB,kBAAM,IAAI,MAAMzC,EAAE,wBAAwB,CAAC;AAE7C,gBAAM2C,IAAU,MAAMC,EAAqBH,EAAS,MAAM,gBAAgB,iBAAiB,GAErFI,IAAM,IAAI,gBAAgBF,CAAO;AAGvC,UAAIH,MACFA,EAAU,SAAS,OAAOK,IAE5BpD,EAAQyB,EAAgB,gCAAgC,EAAE,YAAAqB,EAAA,CAAY,GACtE,IAAI,gBAAgBM,CAAG;AAAA,QACzB,SAASC,GAAK;AACZ,UAAIN,KACFA,EAAU,MAAA,GAEZjC,EAAauC,CAAG;AAAA,QAClB;AAAA,MACF;AAAA,MAuBI,QAAQnD,IArDG,MAAM;AACnB,QAAAF,EAAQyB,EAAgB,gBAAgB;AAAA,MAC1C,IAmDsC;AAAA,MAClC,cAAcQ,KAAaxB,KAAa2B;AAAA,MACxC,aACEd,EAAY,mBAAmB,WAAWE,EAA0B;AAAA,MAEtE,aAAAF;AAAA,MACA,aAAAO;AAAA,MACA,iBAAiBC,EAAa,iBAAiB,CAAA;AAAA,MAC/C,OAAAU;AAAA,MACA,QAAQ5B;AAAA,IAAA;AAAA,EAAA;AAGd;"}
1	+ {"version":3,"file":"PayrollOverview.js","sources":["../../../../src/components/Payroll/PayrollOverview/PayrollOverview.tsx"],"sourcesContent":["import { usePayrollsSubmitMutation } from '@gusto/embedded-api/react-query/payrollsSubmit'\nimport { usePayrollsCancelMutation } from '@gusto/embedded-api/react-query/payrollsCancel'\nimport { usePayrollsGetSuspense } from '@gusto/embedded-api/react-query/payrollsGet'\nimport { useTranslation } from 'react-i18next'\nimport { useBankAccountsGetSuspense } from '@gusto/embedded-api/react-query/bankAccountsGet'\nimport { useEmployeesListSuspense } from '@gusto/embedded-api/react-query/employeesList'\nimport { useEffect, useState } from 'react'\nimport { useGustoEmbeddedContext } from '@gusto/embedded-api/react-query/_context'\nimport { payrollsGetPayStub } from '@gusto/embedded-api/funcs/payrollsGetPayStub'\nimport { useErrorBoundary } from 'react-error-boundary'\nimport type { 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'\nimport useNumberFormatter from '@/components/Common/hooks/useNumberFormatter'\nimport { parseDateStringToLocal } from '@/helpers/dateFormatting'\nimport { useLocale } from '@/contexts/LocaleProvider'\n\ninterface PayrollOverviewProps extends BaseComponentInterface<'Payroll.PayrollOverview'> {\n companyId: string\n payrollId: string\n alerts?: PayrollFlowAlert[]\n}\n\nexport function PayrollOverview(props: PayrollOverviewProps) {\n return (\n <BaseComponent {...props}>\n <Root {...props}>{props.children}</Root>\n </BaseComponent>\n )\n}\n\nexport const Root = ({\n companyId,\n payrollId,\n dictionary,\n onEvent,\n alerts,\n}: PayrollOverviewProps) => {\n useComponentDictionary('Payroll.PayrollOverview', dictionary)\n useI18n('Payroll.PayrollOverview')\n const { baseSubmitHandler } = useBase()\n const { t } = useTranslation('Payroll.PayrollOverview')\n const [isPolling, setIsPolling] = useState(false)\n const [internalAlerts, setInternalAlerts] = useState<PayrollFlowAlert[]>(alerts \|\| [])\n const { showBoundary } = useErrorBoundary()\n const formatCurrency = useNumberFormatter('currency')\n const { locale } = useLocale()\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 setInternalAlerts([\n {\n type: 'success',\n title: t('alerts.payrollProcessedTitle'),\n content: t('alerts.payrollProcessedMessage', {\n amount: formatCurrency(Number(payrollData.totals?.netPayDebit)),\n date: (payrollData.payrollStatusMeta?.expectedDebitTime\n ? parseDateStringToLocal(payrollData.payrollStatusMeta.expectedDebitTime)\n : payrollData.payrollDeadline!\n )?.toLocaleString(locale, {\n month: 'short',\n day: 'numeric',\n year: 'numeric',\n }),\n }),\n },\n ])\n setIsPolling(false)\n }\n // If we are polling and payroll is in failed state, stop polling, and emit failure event\n if (\n isPolling &&\n payrollData.processingRequest?.status === PAYROLL_PROCESSING_STATUS.processing_failed\n ) {\n onEvent(componentEvents.RUN_PAYROLL_PROCESSING_FAILED)\n setIsPolling(false)\n }\n }, [\n payrollData.processingRequest?.status,\n isPolling,\n onEvent,\n t,\n locale,\n formatCurrency,\n payrollData,\n ])\n\n const { data: bankAccountData } = useBankAccountsGetSuspense({\n companyId,\n })\n const bankAccount = bankAccountData.companyBankAccounts?.[0]\n\n const { data: employeeData } = useEmployeesListSuspense({\n companyId,\n })\n\n const { mutateAsync: submitPayroll, isPending } = usePayrollsSubmitMutation()\n\n const { mutateAsync: cancelPayroll, isPending: isPendingCancel } = usePayrollsCancelMutation()\n\n if (!payrollData.calculatedAt) {\n throw new Error(t('alerts.payrollNotCalculated'))\n }\n const gustoEmbedded = useGustoEmbeddedContext()\n\n const taxes =\n payrollData.employeeCompensations?.reduce(\n (acc, compensation) => {\n compensation.taxes?.forEach(tax => {\n acc[tax.name] = {\n employee: (acc[tax.name]?.employee ?? 0) + (tax.employer ? 0 : tax.amount),\n employer: (acc[tax.name]?.employer ?? 0) + (tax.employer ? tax.amount : 0),\n }\n })\n\n return acc\n },\n {} as Record<string, { employee: number; employer: number }>,\n ) \|\| {}\n\n const 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 setInternalAlerts([])\n })\n }\n const onPayrollReceipt = () => {\n onEvent(componentEvents.RUN_PAYROLL_RECEIPT_GET, { payrollId })\n }\n\n const onPaystubDownload = async (employeeId: string) => {\n // Open a blank window synchronously with the click\n const newWindow = window.open('', '_blank')\n\n try {\n // Fetch the PDF from your API\n const response = await payrollsGetPayStub(gustoEmbedded, { payrollId, employeeId })\n if (!response.value?.responseStream) {\n throw new Error(t('alerts.paystubPdfError'))\n }\n const pdfBlob = await readableStreamToBlob(response.value.responseStream, 'application/pdf')\n\n const url = URL.createObjectURL(pdfBlob)\n\n // Load the PDF into the new window\n if (newWindow) {\n newWindow.location.href = url\n }\n onEvent(componentEvents.RUN_PAYROLL_PDF_PAYSTUB_VIEWED, { employeeId })\n URL.revokeObjectURL(url) // Clean up the URL object after use\n } catch (err) {\n if (newWindow) {\n newWindow.close()\n }\n showBoundary(err)\n }\n }\n const onSubmit = async () => {\n await baseSubmitHandler(data, async () => {\n const result = await submitPayroll({\n request: {\n companyId,\n payrollId,\n requestBody: {\n submissionBlockers: [],\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 alerts={internalAlerts}\n />\n )\n}\n"],"names":["PayrollOverview","props","jsx","BaseComponent","Root","companyId","payrollId","dictionary","onEvent","alerts","useComponentDictionary","useI18n","baseSubmitHandler","useBase","t","useTranslation","isPolling","setIsPolling","useState","internalAlerts","setInternalAlerts","showBoundary","useErrorBoundary","formatCurrency","useNumberFormatter","locale","useLocale","data","usePayrollsGetSuspense","payrollData","useEffect","PAYROLL_PROCESSING_STATUS","componentEvents","parseDateStringToLocal","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 CHANGED Viewed

@@ -18,7 +18,6 @@ interface PayrollOverviewProps {
     onCancel: () => void;
     onPayrollReceipt: () => void;
     onPaystubDownload: (employeeId: string) => void;
-    onBack?: () => void;
 }
-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 declare const PayrollOverviewPresentation: ({ onEdit, onSubmit, onCancel, onPayrollReceipt, onPaystubDownload, employeeDetails, payrollData, bankAccount, taxes, isSubmitting, isProcessed, alerts, }: PayrollOverviewProps) => import("react/jsx-runtime").JSX.Element;
 export {};