@gusto/embedded-react-sdk 0.57.1 → 0.57.2
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.
- package/CHANGELOG.md +13 -0
- package/dist/components/Base/Base.js +2 -3
- package/dist/components/Base/Base.js.map +1 -1
- package/dist/components/Company/AssignSignatory/AssignSignatorySelection.js +6 -8
- package/dist/components/Company/AssignSignatory/AssignSignatorySelection.js.map +1 -1
- package/dist/components/Company/AssignSignatory/CreateSignatory/Actions.js +8 -10
- package/dist/components/Company/AssignSignatory/CreateSignatory/Actions.js.map +1 -1
- package/dist/components/Company/AssignSignatory/CreateSignatory/useCreateSignatory.js +3 -6
- package/dist/components/Company/AssignSignatory/CreateSignatory/useCreateSignatory.js.map +1 -1
- package/dist/components/Company/AssignSignatory/InviteSignatory/Actions.js +6 -8
- package/dist/components/Company/AssignSignatory/InviteSignatory/Actions.js.map +1 -1
- package/dist/components/Company/AssignSignatory/InviteSignatory/useInviteSignatory.js +3 -6
- package/dist/components/Company/AssignSignatory/InviteSignatory/useInviteSignatory.js.map +1 -1
- package/dist/components/Company/AssignSignatory/TitleSelect.js +10 -11
- package/dist/components/Company/AssignSignatory/TitleSelect.js.map +1 -1
- package/dist/components/Company/AssignSignatory/useAssignSignatory.js +5 -8
- package/dist/components/Company/AssignSignatory/useAssignSignatory.js.map +1 -1
- package/dist/components/Company/BankAccount/BankAccountForm/Actions.js +8 -9
- package/dist/components/Company/BankAccount/BankAccountForm/Actions.js.map +1 -1
- package/dist/components/Company/BankAccount/BankAccountForm/context.js +3 -6
- package/dist/components/Company/BankAccount/BankAccountForm/context.js.map +1 -1
- package/dist/components/Company/BankAccount/BankAccountList/Actions.js +10 -12
- package/dist/components/Company/BankAccount/BankAccountList/Actions.js.map +1 -1
- package/dist/components/Company/BankAccount/BankAccountVerify/Actions.js +11 -13
- package/dist/components/Company/BankAccount/BankAccountVerify/Actions.js.map +1 -1
- package/dist/components/Company/DocumentSigner/DocumentList/Actions.js +5 -7
- package/dist/components/Company/DocumentSigner/DocumentList/Actions.js.map +1 -1
- package/dist/components/Company/DocumentSigner/DocumentList/useDocumentList.js +3 -6
- package/dist/components/Company/DocumentSigner/DocumentList/useDocumentList.js.map +1 -1
- package/dist/components/Company/FederalTaxes/Actions.js +7 -9
- package/dist/components/Company/FederalTaxes/Actions.js.map +1 -1
- package/dist/components/Company/FederalTaxes/useFederalTaxes.js +8 -11
- package/dist/components/Company/FederalTaxes/useFederalTaxes.js.map +1 -1
- package/dist/components/Company/Industry/Actions.js +5 -7
- package/dist/components/Company/Industry/Actions.js.map +1 -1
- package/dist/components/Company/Industry/Context.js +6 -9
- package/dist/components/Company/Industry/Context.js.map +1 -1
- package/dist/components/Company/Industry/Edit.js +10 -12
- package/dist/components/Company/Industry/Edit.js.map +1 -1
- package/dist/components/Company/Locations/LocationForm/Actions.js +8 -10
- package/dist/components/Company/Locations/LocationForm/Actions.js.map +1 -1
- package/dist/components/Company/Locations/LocationForm/useLocationForm.js +3 -6
- package/dist/components/Company/Locations/LocationForm/useLocationForm.js.map +1 -1
- package/dist/components/Company/Locations/LocationsList/Actions.js +6 -8
- package/dist/components/Company/Locations/LocationsList/Actions.js.map +1 -1
- package/dist/components/Company/Locations/LocationsList/List.js +11 -13
- package/dist/components/Company/Locations/LocationsList/List.js.map +1 -1
- package/dist/components/Company/Locations/LocationsList/useLocationsList.js +3 -6
- package/dist/components/Company/Locations/LocationsList/useLocationsList.js.map +1 -1
- package/dist/components/Company/OnboardingOverview/context.js +3 -6
- package/dist/components/Company/OnboardingOverview/context.js.map +1 -1
- package/dist/components/Company/PaySchedule/PayScheduleForm.js +66 -62
- package/dist/components/Company/PaySchedule/PayScheduleForm.js.map +1 -1
- package/dist/components/Company/PaySchedule/PayScheduleForm.module.scss.js +2 -2
- package/dist/components/Company/PaySchedule/management/PayScheduleAssignment/PayScheduleAssignmentComponents.js +80 -68
- package/dist/components/Company/PaySchedule/management/PayScheduleAssignment/PayScheduleAssignmentComponents.js.map +1 -1
- package/dist/components/Company/PaySchedule/management/PayScheduleCompensationOverviewPresentation.js +11 -13
- package/dist/components/Company/PaySchedule/management/PayScheduleCompensationOverviewPresentation.js.map +1 -1
- package/dist/components/Company/PaySchedule/management/PayScheduleManagementComponents.js +49 -44
- package/dist/components/Company/PaySchedule/management/PayScheduleManagementComponents.js.map +1 -1
- package/dist/components/Company/StateTaxes/StateTaxesForm/Actions.js +5 -7
- package/dist/components/Company/StateTaxes/StateTaxesForm/Actions.js.map +1 -1
- package/dist/components/Company/StateTaxes/StateTaxesForm/context.js +3 -6
- package/dist/components/Company/StateTaxes/StateTaxesForm/context.js.map +1 -1
- package/dist/components/Company/StateTaxes/StateTaxesList/Actions.js +6 -8
- package/dist/components/Company/StateTaxes/StateTaxesList/Actions.js.map +1 -1
- package/dist/components/Company/StateTaxes/StateTaxesList/context.js +3 -6
- package/dist/components/Company/StateTaxes/StateTaxesList/context.js.map +1 -1
- package/dist/components/Company/StateTaxes/TaxRateManagement/context.js +3 -6
- package/dist/components/Company/StateTaxes/TaxRateManagement/context.js.map +1 -1
- package/dist/components/Contractor/Compensation/management/CompensationCard/CompensationCard.js +16 -17
- package/dist/components/Contractor/Compensation/management/CompensationCard/CompensationCard.js.map +1 -1
- package/dist/components/Contractor/Documents/management/DocumentsCard/DocumentsCard.js +8 -9
- package/dist/components/Contractor/Documents/management/DocumentsCard/DocumentsCard.js.map +1 -1
- package/dist/components/Contractor/PaymentMethod/shared/ContractorBankAccountFormBody/ContractorBankAccountFormBody.js +6 -8
- package/dist/components/Contractor/PaymentMethod/shared/ContractorBankAccountFormBody/ContractorBankAccountFormBody.js.map +1 -1
- package/dist/components/Contractor/Profile/management/ProfileCard/ProfileCard.js +26 -27
- package/dist/components/Contractor/Profile/management/ProfileCard/ProfileCard.js.map +1 -1
- package/dist/components/Contractor/Profile/management/ProfileEditForm.js +11 -11
- package/dist/components/Employee/Deductions/management/DeductionsCard/DeductionsCard.js +12 -13
- package/dist/components/Employee/Deductions/management/DeductionsCard/DeductionsCard.js.map +1 -1
- package/dist/components/Employee/Documents/management/DocumentsCard/DocumentsCard.js +12 -13
- package/dist/components/Employee/Documents/management/DocumentsCard/DocumentsCard.js.map +1 -1
- package/dist/components/Employee/Documents/onboarding/DocumentSigner/DocumentList/Actions.js +6 -8
- package/dist/components/Employee/Documents/onboarding/DocumentSigner/DocumentList/Actions.js.map +1 -1
- package/dist/components/Employee/Documents/onboarding/DocumentSigner/DocumentList/useDocumentList.js +3 -6
- package/dist/components/Employee/Documents/onboarding/DocumentSigner/DocumentList/useDocumentList.js.map +1 -1
- package/dist/components/Employee/FederalTaxes/management/FederalTaxesEditForm.js +3 -4
- package/dist/components/Employee/FederalTaxes/management/FederalTaxesEditForm.js.map +1 -1
- package/dist/components/Employee/FederalTaxes/onboarding/FederalTaxes.js +3 -4
- package/dist/components/Employee/FederalTaxes/onboarding/FederalTaxes.js.map +1 -1
- package/dist/components/Employee/PaymentMethod/shared/BankFormBody/BankFormBody.js +22 -24
- package/dist/components/Employee/PaymentMethod/shared/BankFormBody/BankFormBody.js.map +1 -1
- package/dist/components/Employee/Paystubs/management/PaystubsCard/PaystubsCard.js +8 -9
- package/dist/components/Employee/Paystubs/management/PaystubsCard/PaystubsCard.js.map +1 -1
- package/dist/components/Employee/Profile/management/ProfileCard/ProfileCard.js +14 -15
- package/dist/components/Employee/Profile/management/ProfileCard/ProfileCard.js.map +1 -1
- package/dist/components/Employee/Profile/management/ProfileEditForm.js +1 -1
- package/dist/components/Employee/Profile/onboarding/EmployeeProfile.js +1 -1
- package/dist/components/Employee/StateTaxes/management/StateTaxesEditForm.js +7 -8
- package/dist/components/Employee/StateTaxes/management/StateTaxesEditForm.js.map +1 -1
- package/dist/components/Employee/StateTaxes/onboarding/StateTaxes.js +7 -8
- package/dist/components/Employee/StateTaxes/onboarding/StateTaxes.js.map +1 -1
- package/dist/components/Payroll/OffCycleCreation/OffCycleCreation.js +56 -54
- package/dist/components/Payroll/OffCycleCreation/OffCycleCreation.js.map +1 -1
- package/dist/components/Payroll/OffCyclePayPeriodDateForm/OffCyclePayPeriodDateFormPresentation.js +14 -16
- package/dist/components/Payroll/OffCyclePayPeriodDateForm/OffCyclePayPeriodDateFormPresentation.js.map +1 -1
- package/dist/components/Payroll/OffCycleReasonSelection/OffCycleReasonSelectionPresentation.js +6 -8
- package/dist/components/Payroll/OffCycleReasonSelection/OffCycleReasonSelectionPresentation.js.map +1 -1
- package/dist/components/Payroll/OffCycleTaxWithholdingModal/OffCycleTaxWithholdingModal.js +9 -11
- package/dist/components/Payroll/OffCycleTaxWithholdingModal/OffCycleTaxWithholdingModal.js.map +1 -1
- package/dist/components/Payroll/PayrollHistory/PayrollHistoryPresentation.js +74 -88
- package/dist/components/Payroll/PayrollHistory/PayrollHistoryPresentation.js.map +1 -1
- package/dist/components/Payroll/PayrollOverview/PayrollOverviewPresentation.js +44 -46
- package/dist/components/Payroll/PayrollOverview/PayrollOverviewPresentation.js.map +1 -1
- package/dist/components/Payroll/TransitionCreation/TransitionCreation.js +63 -61
- package/dist/components/Payroll/TransitionCreation/TransitionCreation.js.map +1 -1
- package/dist/components/Payroll/TransitionPayroll/useResolveTransitionPayroll.js +14 -13
- package/dist/components/Payroll/TransitionPayroll/useResolveTransitionPayroll.js.map +1 -1
- package/dist/components/Payroll/helpers.js +52 -48
- package/dist/components/Payroll/helpers.js.map +1 -1
- package/dist/components/Payroll/usePreparedPayrollData.js +13 -16
- package/dist/components/Payroll/usePreparedPayrollData.js.map +1 -1
- package/dist/components/Payroll/useUnprocessedTransitionPayPeriods.js +2 -2
- package/dist/components/Payroll/useUnprocessedTransitionPayPeriods.js.map +1 -1
- package/dist/components/TimeOff/HolidayPolicyDetail/HolidayPolicyDetailPresentation.js +2 -4
- package/dist/components/TimeOff/HolidayPolicyDetail/HolidayPolicyDetailPresentation.js.map +1 -1
- package/dist/components/TimeOff/shared/EmployeeTable/EmployeeTable.js +6 -8
- package/dist/components/TimeOff/shared/EmployeeTable/EmployeeTable.js.map +1 -1
- package/dist/components/TimeOff/shared/PolicyDetailLayout/PolicyDetailLayout.js +28 -30
- package/dist/components/TimeOff/shared/PolicyDetailLayout/PolicyDetailLayout.js.map +1 -1
- package/dist/contexts/GustoProvider/GustoProviderCustomUIAdapter.js +2 -4
- package/dist/contexts/GustoProvider/GustoProviderCustomUIAdapter.js.map +1 -1
- package/dist/helpers/dateFormatting.js +47 -40
- package/dist/helpers/dateFormatting.js.map +1 -1
- package/dist/i18n/en/Company.Management.PaySchedule.json.js +20 -18
- package/dist/i18n/en/Company.Management.PaySchedule.json.js.map +1 -1
- package/dist/i18n/en/Company.Management.PayScheduleAssignment.json.js +6 -4
- package/dist/i18n/en/Company.Management.PayScheduleAssignment.json.js.map +1 -1
- package/dist/i18n/en/Payroll.PayrollHistory.json.js +5 -5
- package/dist/i18n/en/Payroll.PayrollOverview.json.js +1 -1
- package/dist/package.json.js +1 -1
- package/dist/partner-hook-utils/form/fields/CheckboxHookField.js +8 -10
- package/dist/partner-hook-utils/form/fields/CheckboxHookField.js.map +1 -1
- package/dist/partner-hook-utils/form/fields/NumberInputHookField.js +12 -14
- package/dist/partner-hook-utils/form/fields/NumberInputHookField.js.map +1 -1
- package/dist/partner-hook-utils/form/fields/RadioGroupHookField.js +13 -15
- package/dist/partner-hook-utils/form/fields/RadioGroupHookField.js.map +1 -1
- package/dist/partner-hook-utils/form/fields/SelectHookField.js +10 -12
- package/dist/partner-hook-utils/form/fields/SelectHookField.js.map +1 -1
- package/dist/partner-hook-utils/form/fields/SwitchHookField.js +14 -16
- package/dist/partner-hook-utils/form/fields/SwitchHookField.js.map +1 -1
- package/dist/partner-hook-utils/form/fields/TextInputHookField.js +8 -10
- package/dist/partner-hook-utils/form/fields/TextInputHookField.js.map +1 -1
- package/dist/src/components/Company/PaySchedule/PayScheduleForm.d.ts +6 -0
- package/dist/src/components/Payroll/helpers.d.ts +20 -0
- package/dist/src/helpers/dateFormatting.d.ts +13 -0
- package/dist/src/i18n/types.d.ts +14 -2
- package/dist/style.css +1 -1
- package/package.json +7 -7
|
@@ -1,17 +1,17 @@
|
|
|
1
1
|
import { jsx as a, jsxs as o, Fragment as N } from "react/jsx-runtime";
|
|
2
|
-
import { useTranslation as
|
|
2
|
+
import { useTranslation as Ce, Trans as _e } from "react-i18next";
|
|
3
3
|
import ae from "classnames";
|
|
4
|
-
import { useState as le, useRef as
|
|
5
|
-
import { isDismissalPayroll as
|
|
4
|
+
import { useState as le, useRef as ve } from "react";
|
|
5
|
+
import { isDismissalPayroll as Le, getPayrollTypeLabel as Oe, getPayPeriodOrCheckDateLabel as ie, calculateTotalPayroll as Ae, getReimbursements as k, getCancelDeadlineValues as Ee } from "../helpers.js";
|
|
6
6
|
import { PayrollOverviewStatus as y } from "./PayrollOverviewTypes.js";
|
|
7
7
|
import ne from "./PayrollOverviewPresentation.module.scss.js";
|
|
8
8
|
import { Flex as s } from "../../Common/Flex/Flex.js";
|
|
9
9
|
import { Grid as Be } from "../../Common/Grid/Grid.js";
|
|
10
10
|
import Ve from "../../../hooks/useContainerBreakpoints/useContainerBreakpoints.js";
|
|
11
11
|
import { useComponentContext as je } from "../../../contexts/ComponentAdapter/useComponentContext.js";
|
|
12
|
-
import { useI18n as
|
|
13
|
-
import { useDateFormatter as
|
|
14
|
-
import
|
|
12
|
+
import { useI18n as Ye } from "../../../i18n/I18n.js";
|
|
13
|
+
import { useDateFormatter as Ue } from "../../../hooks/useDateFormatter.js";
|
|
14
|
+
import We from "../../../hooks/useNumberFormatter.js";
|
|
15
15
|
import { firstLastName as A } from "../../../helpers/formattedStrings.js";
|
|
16
16
|
import { FlsaStatus as oe, compensationTypeLabels as E, PAYROLL_RESOLVABLE_SUBMISSION_BLOCKER_TYPES as se } from "../../../shared/constants.js";
|
|
17
17
|
import de from "../../../assets/icons/download-cloud.svg.js";
|
|
@@ -33,50 +33,47 @@ const mt = ({
|
|
|
33
33
|
status: p = y.Viewing,
|
|
34
34
|
isProcessed: f,
|
|
35
35
|
canCancel: fe = !1,
|
|
36
|
-
canEdit:
|
|
37
|
-
alerts:
|
|
36
|
+
canEdit: Y = !0,
|
|
37
|
+
alerts: U = [],
|
|
38
38
|
submissionBlockers: u = [],
|
|
39
39
|
selectedUnblockOptions: w = {},
|
|
40
|
-
onUnblockOptionChange:
|
|
40
|
+
onUnblockOptionChange: W,
|
|
41
41
|
wireInConfirmationRequest: he,
|
|
42
42
|
printChecksBanner: ge,
|
|
43
43
|
withReimbursements: h = !0,
|
|
44
44
|
paymentSpeed: Te,
|
|
45
|
-
pagination:
|
|
45
|
+
pagination: C,
|
|
46
46
|
downloadingEmployeeIds: I = /* @__PURE__ */ new Set()
|
|
47
47
|
}) => {
|
|
48
|
-
const { Alert: M, Badge:
|
|
49
|
-
|
|
50
|
-
const d =
|
|
51
|
-
|
|
52
|
-
return r ? `${e} on ${r}` : e;
|
|
53
|
-
})(), X = /* @__PURE__ */ a(b, { children: /* @__PURE__ */ a(
|
|
54
|
-
Ce,
|
|
48
|
+
const { Alert: M, Badge: _, Button: g, ButtonIcon: F, Dialog: He, Heading: R, Text: b, Tabs: De } = je();
|
|
49
|
+
Ye("Payroll.PayrollOverview");
|
|
50
|
+
const d = Ue(), { t } = Ce("Payroll.PayrollOverview"), l = We("currency"), [xe, Pe] = le("companyPays"), [G, $] = le(!1), v = ve(null), T = Ve({ ref: v }).includes("small"), H = p === y.Submitting || p === y.Cancelling, z = /* @__PURE__ */ a(R, { as: "h1", children: t(f ? "summaryTitle" : "overviewTitle") }), K = Le(i.offCycleReason), X = /* @__PURE__ */ a(b, { children: /* @__PURE__ */ a(
|
|
51
|
+
_e,
|
|
55
52
|
{
|
|
56
53
|
i18nKey: K ? "pageSubtitleDismissal" : "pageSubtitle",
|
|
57
54
|
t,
|
|
58
55
|
components: { dateWrapper: /* @__PURE__ */ a(b, { weight: "bold", as: "span" }) },
|
|
59
56
|
values: {
|
|
60
57
|
payPeriod: ie(i, d),
|
|
61
|
-
payrollType:
|
|
58
|
+
payrollType: Oe(i)
|
|
62
59
|
}
|
|
63
60
|
}
|
|
64
61
|
) });
|
|
65
62
|
if (p === y.Cancelled)
|
|
66
|
-
return /* @__PURE__ */ a("div", { ref:
|
|
63
|
+
return /* @__PURE__ */ a("div", { ref: v, className: ae(ne.container, B), children: /* @__PURE__ */ o(s, { flexDirection: "column", alignItems: "stretch", children: [
|
|
67
64
|
/* @__PURE__ */ a(s, { justifyContent: "space-between", alignItems: "flex-start", gap: 16, children: /* @__PURE__ */ o(s, { flexDirection: "column", gap: 4, children: [
|
|
68
65
|
z,
|
|
69
66
|
X
|
|
70
67
|
] }) }),
|
|
71
68
|
/* @__PURE__ */ a(M, { status: "info", label: t("cancelledEmptyState") })
|
|
72
69
|
] }) });
|
|
73
|
-
const D =
|
|
70
|
+
const D = Ae(i), Ne = i.payrollStatusMeta?.expectedDebitTime ?? i.payrollDeadline, q = (e) => e.taxes?.reduce(
|
|
74
71
|
(r, n) => n.employer ? r + Number(n.amount) : r,
|
|
75
72
|
0
|
|
76
73
|
) ?? 0, J = (e) => e.benefits?.reduce(
|
|
77
74
|
(r, n) => n.companyContribution ? r + Number(n.companyContribution) : r,
|
|
78
75
|
0
|
|
79
|
-
) ?? 0,
|
|
76
|
+
) ?? 0, ke = (e) => Number(e.grossPay) + k(e) + q(e) + J(e), L = u.find(
|
|
80
77
|
(e) => e.blockerType === "fast_ach_threshold_exceeded" || e.blockerType === "needs_earned_access_for_fast_ach"
|
|
81
78
|
), O = L ? w[L.blockerType || ""] : void 0, m = L?.unblockOptions?.find(
|
|
82
79
|
(e) => e.unblockType === O
|
|
@@ -84,8 +81,8 @@ const mt = ({
|
|
|
84
81
|
(r, n) => {
|
|
85
82
|
if (typeof n.name > "u")
|
|
86
83
|
return r;
|
|
87
|
-
const P = n.name.toLowerCase(),
|
|
88
|
-
return r[P] =
|
|
84
|
+
const P = n.name.toLowerCase(), we = r[P] ?? 0;
|
|
85
|
+
return r[P] = we + Number(n.hours || 0), r;
|
|
89
86
|
},
|
|
90
87
|
{}
|
|
91
88
|
) || {}, ee = (e) => e.paidTimeOff?.reduce((r, n) => r + Number(n.hours || 0), 0) ?? 0, te = [
|
|
@@ -97,7 +94,7 @@ const mt = ({
|
|
|
97
94
|
first_name: e.firstName,
|
|
98
95
|
last_name: e.lastName
|
|
99
96
|
}),
|
|
100
|
-
e.excluded && /* @__PURE__ */ a(
|
|
97
|
+
e.excluded && /* @__PURE__ */ a(_, { status: "warning", children: t("skippedBadge") })
|
|
101
98
|
] })
|
|
102
99
|
},
|
|
103
100
|
{
|
|
@@ -130,7 +127,7 @@ const mt = ({
|
|
|
130
127
|
key: "companyPays",
|
|
131
128
|
title: t("tableHeaders.companyPays"),
|
|
132
129
|
justify: "end",
|
|
133
|
-
render: (e) => l(
|
|
130
|
+
render: (e) => l(ke(e))
|
|
134
131
|
}
|
|
135
132
|
];
|
|
136
133
|
f && T && te.push({
|
|
@@ -153,7 +150,7 @@ const mt = ({
|
|
|
153
150
|
) });
|
|
154
151
|
}
|
|
155
152
|
});
|
|
156
|
-
const
|
|
153
|
+
const Se = [
|
|
157
154
|
{
|
|
158
155
|
id: "companyPays",
|
|
159
156
|
label: t("dataViews.companyPaysTab"),
|
|
@@ -163,7 +160,7 @@ const mt = ({
|
|
|
163
160
|
label: t("dataViews.companyPaysTable"),
|
|
164
161
|
columns: te,
|
|
165
162
|
data: i.employeeCompensations,
|
|
166
|
-
pagination:
|
|
163
|
+
pagination: C,
|
|
167
164
|
itemMenu: f && !T ? (e) => {
|
|
168
165
|
const r = !!e.employeeUuid && I.has(e.employeeUuid);
|
|
169
166
|
return /* @__PURE__ */ a(
|
|
@@ -210,7 +207,7 @@ const mt = ({
|
|
|
210
207
|
first_name: e.firstName,
|
|
211
208
|
last_name: e.lastName
|
|
212
209
|
}),
|
|
213
|
-
e.excluded && /* @__PURE__ */ a(
|
|
210
|
+
e.excluded && /* @__PURE__ */ a(_, { status: "warning", children: t("skippedBadge") })
|
|
214
211
|
] })
|
|
215
212
|
},
|
|
216
213
|
{
|
|
@@ -252,7 +249,7 @@ const mt = ({
|
|
|
252
249
|
}
|
|
253
250
|
],
|
|
254
251
|
data: i.employeeCompensations,
|
|
255
|
-
pagination:
|
|
252
|
+
pagination: C
|
|
256
253
|
}
|
|
257
254
|
)
|
|
258
255
|
},
|
|
@@ -271,7 +268,7 @@ const mt = ({
|
|
|
271
268
|
first_name: e.firstName,
|
|
272
269
|
last_name: e.lastName
|
|
273
270
|
}),
|
|
274
|
-
e.excluded && /* @__PURE__ */ a(
|
|
271
|
+
e.excluded && /* @__PURE__ */ a(_, { status: "warning", children: t("skippedBadge") })
|
|
275
272
|
] })
|
|
276
273
|
},
|
|
277
274
|
{
|
|
@@ -323,7 +320,7 @@ const mt = ({
|
|
|
323
320
|
}
|
|
324
321
|
],
|
|
325
322
|
data: i.employeeCompensations,
|
|
326
|
-
pagination:
|
|
323
|
+
pagination: C
|
|
327
324
|
}
|
|
328
325
|
)
|
|
329
326
|
},
|
|
@@ -398,7 +395,7 @@ const mt = ({
|
|
|
398
395
|
g,
|
|
399
396
|
{
|
|
400
397
|
onClick: () => {
|
|
401
|
-
|
|
398
|
+
$(!0);
|
|
402
399
|
},
|
|
403
400
|
variant: "error",
|
|
404
401
|
isDisabled: H,
|
|
@@ -406,7 +403,7 @@ const mt = ({
|
|
|
406
403
|
}
|
|
407
404
|
)
|
|
408
405
|
] }) : /* @__PURE__ */ o(N, { children: [
|
|
409
|
-
|
|
406
|
+
Y && /* @__PURE__ */ a(g, { onClick: me, variant: "secondary", isDisabled: H, children: t("editCta") }),
|
|
410
407
|
/* @__PURE__ */ a(
|
|
411
408
|
g,
|
|
412
409
|
{
|
|
@@ -420,7 +417,7 @@ const mt = ({
|
|
|
420
417
|
}
|
|
421
418
|
)
|
|
422
419
|
] });
|
|
423
|
-
return /* @__PURE__ */ a("div", { ref:
|
|
420
|
+
return /* @__PURE__ */ a("div", { ref: v, className: ae(ne.container, B), children: /* @__PURE__ */ o(s, { flexDirection: "column", alignItems: "stretch", children: [
|
|
424
421
|
/* @__PURE__ */ o(s, { justifyContent: "space-between", alignItems: "flex-start", gap: 16, children: [
|
|
425
422
|
/* @__PURE__ */ o(s, { flexDirection: "column", gap: 4, children: [
|
|
426
423
|
z,
|
|
@@ -431,14 +428,14 @@ const mt = ({
|
|
|
431
428
|
!T && /* @__PURE__ */ a(
|
|
432
429
|
Be,
|
|
433
430
|
{
|
|
434
|
-
gridTemplateColumns: !f &&
|
|
431
|
+
gridTemplateColumns: !f && Y ? ["minmax(0, 1fr)", "minmax(0, 1fr)"] : "1fr",
|
|
435
432
|
gap: 8,
|
|
436
433
|
children: re
|
|
437
434
|
}
|
|
438
435
|
),
|
|
439
436
|
p === y.Cancelling ? /* @__PURE__ */ a(ce, { title: t("cancellingTitle") }) : p === y.Submitting ? /* @__PURE__ */ a(ce, { title: t("loadingTitle"), description: t("loadingDescription") }) : /* @__PURE__ */ o(N, { children: [
|
|
440
437
|
he,
|
|
441
|
-
|
|
438
|
+
U.length > 0 && /* @__PURE__ */ a(s, { flexDirection: "column", gap: 16, children: U.map((e, r) => /* @__PURE__ */ a(
|
|
442
439
|
M,
|
|
443
440
|
{
|
|
444
441
|
label: e.title,
|
|
@@ -448,14 +445,14 @@ const mt = ({
|
|
|
448
445
|
},
|
|
449
446
|
`${e.type}-${e.title}`
|
|
450
447
|
)) }),
|
|
451
|
-
u.length > 0 &&
|
|
448
|
+
u.length > 0 && W && u.map((e) => {
|
|
452
449
|
const r = e.blockerType || "";
|
|
453
450
|
return se.includes(r) ? /* @__PURE__ */ a(
|
|
454
451
|
Ie,
|
|
455
452
|
{
|
|
456
453
|
blocker: e,
|
|
457
454
|
selectedValue: w[r],
|
|
458
|
-
onUnblockOptionChange:
|
|
455
|
+
onUnblockOptionChange: W,
|
|
459
456
|
paymentSpeed: Te
|
|
460
457
|
},
|
|
461
458
|
r
|
|
@@ -545,7 +542,7 @@ const mt = ({
|
|
|
545
542
|
},
|
|
546
543
|
{
|
|
547
544
|
title: t("tableHeaders.debitDate"),
|
|
548
|
-
render: () => d.formatShortWithYear(
|
|
545
|
+
render: () => d.formatShortWithYear(Ne)
|
|
549
546
|
},
|
|
550
547
|
{
|
|
551
548
|
title: t("tableHeaders.employeePayDate"),
|
|
@@ -562,15 +559,15 @@ const mt = ({
|
|
|
562
559
|
onSelectionChange: Pe,
|
|
563
560
|
selectedId: xe,
|
|
564
561
|
"aria-label": t("dataViews.label"),
|
|
565
|
-
tabs:
|
|
562
|
+
tabs: Se
|
|
566
563
|
}
|
|
567
564
|
),
|
|
568
|
-
|
|
565
|
+
G && /* @__PURE__ */ a(
|
|
569
566
|
He,
|
|
570
567
|
{
|
|
571
|
-
isOpen:
|
|
568
|
+
isOpen: G,
|
|
572
569
|
onClose: () => {
|
|
573
|
-
|
|
570
|
+
$(!1);
|
|
574
571
|
},
|
|
575
572
|
onPrimaryActionClick: be,
|
|
576
573
|
shouldCloseOnBackdropClick: !0,
|
|
@@ -582,9 +579,10 @@ const mt = ({
|
|
|
582
579
|
}),
|
|
583
580
|
children: /* @__PURE__ */ o(s, { gap: 14, flexDirection: "column", children: [
|
|
584
581
|
/* @__PURE__ */ a(b, { children: t("cancelDialogDescription") }),
|
|
585
|
-
Number(i.totals?.netPayDebit ?? 0) > 0 && /* @__PURE__ */ a(b, { children: t(
|
|
586
|
-
|
|
587
|
-
|
|
582
|
+
Number(i.totals?.netPayDebit ?? 0) > 0 && /* @__PURE__ */ a(b, { children: t(
|
|
583
|
+
"cancelDialogDescriptionDeadline",
|
|
584
|
+
Ee(i, d)
|
|
585
|
+
) })
|
|
588
586
|
] })
|
|
589
587
|
}
|
|
590
588
|
)
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PayrollOverviewPresentation.js","sources":["../../../../src/components/Payroll/PayrollOverview/PayrollOverviewPresentation.tsx"],"sourcesContent":["import { Trans, useTranslation } from 'react-i18next'\nimport classNames from 'classnames'\nimport type {\n EmployeeCompensations,\n PayrollShow,\n} from '@gusto/embedded-api/models/components/payrollshow'\nimport type { CompanyBankAccount } from '@gusto/embedded-api/models/components/companybankaccount'\nimport { useState, useRef } from 'react'\nimport type {\n PayrollSubmissionBlockerType,\n UnblockOptions,\n} from '@gusto/embedded-api/models/components/payrollsubmissionblockertype'\nimport type { PaymentSpeed } from '@gusto/embedded-api/models/components/paymentconfigs'\nimport type { PayrollFlowAlert } from '../PayrollFlow/PayrollFlowComponents'\nimport {\n calculateTotalPayroll,\n getPayPeriodOrCheckDateLabel,\n getPayrollTypeLabel,\n getReimbursements,\n isDismissalPayroll,\n} from '../helpers'\nimport { PayrollOverviewStatus } from './PayrollOverviewTypes'\nimport { FastAchSubmissionBlockerBanner, GenericBlocker } from './SubmissionBlockers'\nimport styles from './PayrollOverviewPresentation.module.scss'\nimport { DataView, Flex, Grid, PayrollLoading } from '@/components/Common'\nimport { useContainerBreakpoints } from '@/hooks/useContainerBreakpoints/useContainerBreakpoints'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useI18n } from '@/i18n'\nimport { useDateFormatter } from '@/hooks/useDateFormatter'\nimport useNumberFormatter from '@/hooks/useNumberFormatter'\nimport { firstLastName } from '@/helpers/formattedStrings'\nimport {\n compensationTypeLabels,\n FlsaStatus,\n PAYROLL_RESOLVABLE_SUBMISSION_BLOCKER_TYPES,\n} from '@/shared/constants'\nimport type { PaginationControlProps } from '@/components/Common/PaginationControl/PaginationControlTypes'\nimport DownloadIcon from '@/assets/icons/download-cloud.svg?react'\n\ninterface PayrollOverviewProps {\n className?: string\n payrollData: PayrollShow\n employeeFlsaStatusByUuid?: Record<string, string | undefined>\n bankAccount?: CompanyBankAccount\n taxes: Record<string, { employee: number; employer: number }>\n status?: PayrollOverviewStatus\n isProcessed: boolean\n canCancel?: boolean\n canEdit?: boolean\n alerts?: PayrollFlowAlert[]\n submissionBlockers?: PayrollSubmissionBlockerType[]\n selectedUnblockOptions?: Record<string, string>\n wireInConfirmationRequest?: React.ReactNode\n printChecksBanner?: React.ReactNode\n pagination?: PaginationControlProps\n onEdit: () => void\n onSubmit: () => void\n onCancel: () => void\n onPayrollReceipt: () => void\n onPaystubDownload: (employeeId: string) => void\n onUnblockOptionChange?: (blockerType: string, value: string) => void\n withReimbursements?: boolean\n paymentSpeed?: PaymentSpeed\n downloadingEmployeeIds?: ReadonlySet<string>\n}\n\n/** @internal */\nexport const PayrollOverviewPresentation = ({\n className,\n onEdit,\n onSubmit,\n onCancel,\n onPayrollReceipt,\n onPaystubDownload,\n payrollData,\n employeeFlsaStatusByUuid = {},\n bankAccount,\n taxes,\n status = PayrollOverviewStatus.Viewing,\n isProcessed,\n canCancel = false,\n canEdit = true,\n alerts = [],\n submissionBlockers = [],\n selectedUnblockOptions = {},\n onUnblockOptionChange,\n wireInConfirmationRequest,\n printChecksBanner,\n withReimbursements = true,\n paymentSpeed,\n pagination,\n downloadingEmployeeIds = new Set<string>(),\n}: PayrollOverviewProps) => {\n const { Alert, Badge, Button, ButtonIcon, Dialog, Heading, Text, Tabs } = useComponentContext()\n useI18n('Payroll.PayrollOverview')\n const dateFormatter = useDateFormatter()\n const { t } = useTranslation('Payroll.PayrollOverview')\n const formatCurrency = useNumberFormatter('currency')\n const [selectedTab, setSelectedTab] = useState('companyPays')\n const [isCancelDialogOpen, setIsCancelDialogOpen] = useState(false)\n const containerRef = useRef<HTMLDivElement>(null)\n const breakpoints = useContainerBreakpoints({ ref: containerRef })\n const isDesktop = breakpoints.includes('small')\n\n const isLoading =\n status === PayrollOverviewStatus.Submitting || status === PayrollOverviewStatus.Cancelling\n\n const pageHeading = (\n <Heading as=\"h1\">{isProcessed ? t('summaryTitle') : t('overviewTitle')}</Heading>\n )\n const isDismissal = isDismissalPayroll(payrollData.offCycleReason)\n\n // formatWithTime returns { time, date }, and the cancel dialog used to interpolate only\n // `time` -- so it read \"Run this payroll by 4:00 PM PDT\" with no date at all (SDK-1286).\n // Rendered as \"<time> on <date>\" to match how PayrollHistory shows the same deadline.\n const cancelDeadline = (() => {\n const { time, date } = dateFormatter.formatWithTime(payrollData.payrollDeadline)\n return date ? `${time} on ${date}` : time\n })()\n\n const pageSubtitle = (\n <Text>\n <Trans\n i18nKey={isDismissal ? 'pageSubtitleDismissal' : 'pageSubtitle'}\n t={t}\n components={{ dateWrapper: <Text weight=\"bold\" as=\"span\" /> }}\n values={{\n payPeriod: getPayPeriodOrCheckDateLabel(payrollData, dateFormatter),\n payrollType: getPayrollTypeLabel(payrollData),\n }}\n />\n </Text>\n )\n\n if (status === PayrollOverviewStatus.Cancelled) {\n return (\n <div ref={containerRef} className={classNames(styles.container, className)}>\n <Flex flexDirection=\"column\" alignItems=\"stretch\">\n <Flex justifyContent=\"space-between\" alignItems=\"flex-start\" gap={16}>\n <Flex flexDirection=\"column\" gap={4}>\n {pageHeading}\n {pageSubtitle}\n </Flex>\n </Flex>\n <Alert status=\"info\" label={t('cancelledEmptyState')} />\n </Flex>\n </div>\n )\n }\n\n const totalPayroll = calculateTotalPayroll(payrollData)\n\n const expectedDebitDate =\n payrollData.payrollStatusMeta?.expectedDebitTime ?? payrollData.payrollDeadline\n\n const getCompanyTaxes = (employeeCompensation: EmployeeCompensations) => {\n return (\n employeeCompensation.taxes?.reduce(\n (acc, tax) => (tax.employer ? acc + Number(tax.amount) : acc),\n 0,\n ) ?? 0\n )\n }\n const getCompanyBenefits = (employeeCompensation: EmployeeCompensations) => {\n return (\n employeeCompensation.benefits?.reduce(\n (acc, benefit) =>\n benefit.companyContribution ? acc + Number(benefit.companyContribution) : acc,\n 0,\n ) ?? 0\n )\n }\n const getCompanyCost = (employeeCompensation: EmployeeCompensations) => {\n return (\n Number(employeeCompensation.grossPay!) +\n getReimbursements(employeeCompensation) +\n getCompanyTaxes(employeeCompensation) +\n getCompanyBenefits(employeeCompensation)\n )\n }\n\n const fastAchBlocker = submissionBlockers.find(\n blocker =>\n blocker.blockerType === 'fast_ach_threshold_exceeded' ||\n blocker.blockerType === 'needs_earned_access_for_fast_ach',\n )\n const selectedUnblockType = fastAchBlocker\n ? selectedUnblockOptions[fastAchBlocker.blockerType || '']\n : undefined\n const selectedUnblockOption = fastAchBlocker?.unblockOptions?.find(\n (option: UnblockOptions) => option.unblockType === selectedUnblockType,\n )\n\n const isWireFunds = selectedUnblockType === 'wire_in'\n const isFourDayDirectDeposit = selectedUnblockType === 'move_to_four_day'\n\n const getEmployeeHours = (\n employeeCompensations: EmployeeCompensations,\n ): Record<string, number> => {\n return (\n employeeCompensations.hourlyCompensations?.reduce(\n (acc, hourlyCompensation) => {\n if (typeof hourlyCompensation.name === 'undefined') {\n return acc\n }\n const name = hourlyCompensation.name.toLowerCase()\n const currentHours = acc[name] ?? 0\n acc[name] = currentHours + Number(hourlyCompensation.hours || 0)\n return acc\n },\n {} as Record<string, number>,\n ) || {}\n )\n }\n const getEmployeePtoHours = (employeeCompensations: EmployeeCompensations) => {\n return (\n employeeCompensations.paidTimeOff?.reduce((acc, paidTimeOff) => {\n return acc + Number(paidTimeOff.hours || 0)\n }, 0) ?? 0\n )\n }\n\n const companyPaysColumns: Array<{\n key: string\n title: string\n justify?: 'start' | 'end'\n render: (item: EmployeeCompensations) => React.ReactNode\n }> = [\n {\n key: 'employeeName',\n title: t('tableHeaders.employees'),\n render: (employeeCompensations: EmployeeCompensations) => (\n <Flex flexDirection=\"column\" gap={0}>\n {firstLastName({\n first_name: employeeCompensations.firstName,\n last_name: employeeCompensations.lastName,\n })}\n {employeeCompensations.excluded && <Badge status=\"warning\">{t('skippedBadge')}</Badge>}\n </Flex>\n ),\n },\n {\n key: 'grossPay',\n title: t('tableHeaders.grossPay'),\n justify: 'end',\n render: (employeeCompensations: EmployeeCompensations) =>\n formatCurrency(Number(employeeCompensations.grossPay!)),\n },\n ...(withReimbursements\n ? [\n {\n key: 'reimbursements',\n title: t('tableHeaders.reimbursements'),\n justify: 'end' as const,\n render: (employeeCompensation: EmployeeCompensations) =>\n formatCurrency(getReimbursements(employeeCompensation)),\n },\n ]\n : []),\n {\n key: 'companyTaxes',\n title: t('tableHeaders.companyTaxes'),\n justify: 'end',\n render: (employeeCompensation: EmployeeCompensations) =>\n formatCurrency(getCompanyTaxes(employeeCompensation)),\n },\n {\n key: 'companyBenefits',\n title: t('tableHeaders.companyBenefits'),\n justify: 'end',\n render: (employeeCompensation: EmployeeCompensations) =>\n formatCurrency(getCompanyBenefits(employeeCompensation)),\n },\n {\n key: 'companyPays',\n title: t('tableHeaders.companyPays'),\n justify: 'end',\n render: (employeeCompensation: EmployeeCompensations) =>\n formatCurrency(getCompanyCost(employeeCompensation)),\n },\n ]\n if (isProcessed && isDesktop) {\n companyPaysColumns.push({\n key: 'paystubs',\n title: t('tableHeaders.paystub'),\n justify: 'end',\n render: (employeeCompensations: EmployeeCompensations) => {\n const isDownloading =\n !!employeeCompensations.employeeUuid &&\n downloadingEmployeeIds.has(employeeCompensations.employeeUuid)\n return (\n <Flex justifyContent=\"flex-end\">\n <ButtonIcon\n aria-label={t('downloadPaystubLabel')}\n variant=\"tertiary\"\n isLoading={isDownloading}\n onClick={() => {\n if (employeeCompensations.employeeUuid) {\n onPaystubDownload(employeeCompensations.employeeUuid)\n }\n }}\n >\n <DownloadIcon />\n </ButtonIcon>\n </Flex>\n )\n },\n })\n }\n const tabs = [\n {\n id: 'companyPays',\n label: t('dataViews.companyPaysTab'),\n content: (\n <DataView\n label={t('dataViews.companyPaysTable')}\n columns={companyPaysColumns}\n data={payrollData.employeeCompensations!}\n pagination={pagination}\n itemMenu={\n isProcessed && !isDesktop\n ? (employeeCompensations: EmployeeCompensations) => {\n const isDownloading =\n !!employeeCompensations.employeeUuid &&\n downloadingEmployeeIds.has(employeeCompensations.employeeUuid)\n return (\n <ButtonIcon\n aria-label={t('downloadPaystubLabel')}\n variant=\"tertiary\"\n isLoading={isDownloading}\n onClick={() => {\n if (employeeCompensations.employeeUuid) {\n onPaystubDownload(employeeCompensations.employeeUuid)\n }\n }}\n >\n <DownloadIcon />\n </ButtonIcon>\n )\n }\n : undefined\n }\n footer={() => ({\n employeeName: (\n <>\n {t('tableHeaders.footerTotalsLabel')}\n <Text variant=\"supporting\" size=\"sm\">\n {t('tableHeaders.footerTotalsDescription')}\n </Text>\n </>\n ),\n grossPay: formatCurrency(Number(payrollData.totals?.grossPay ?? 0)),\n ...(withReimbursements\n ? {\n reimbursements: formatCurrency(Number(payrollData.totals?.reimbursements ?? 0)),\n }\n : {}),\n companyTaxes: formatCurrency(Number(payrollData.totals?.employerTaxes ?? 0)),\n companyBenefits: formatCurrency(Number(payrollData.totals?.benefits ?? 0)),\n companyPays: formatCurrency(totalPayroll),\n })}\n />\n ),\n },\n {\n id: 'hoursWorked',\n label: t('dataViews.hoursWorkedTab'),\n content: (\n <DataView\n label={t('dataViews.hoursWorkedTable')}\n columns={[\n {\n title: t('tableHeaders.employees'),\n render: (employeeCompensations: EmployeeCompensations) => (\n <Flex flexDirection=\"column\" gap={0}>\n {firstLastName({\n first_name: employeeCompensations.firstName,\n last_name: employeeCompensations.lastName,\n })}\n {employeeCompensations.excluded && (\n <Badge status=\"warning\">{t('skippedBadge')}</Badge>\n )}\n </Flex>\n ),\n },\n {\n title: t('tableHeaders.compensationType'),\n render: (employeeCompensations: EmployeeCompensations) => {\n const flsaStatus = employeeCompensations.employeeUuid\n ? employeeFlsaStatusByUuid[employeeCompensations.employeeUuid]\n : undefined\n\n switch (flsaStatus) {\n case FlsaStatus.EXEMPT:\n return t('compensationTypeLabels.exempt')\n case FlsaStatus.NONEXEMPT:\n return t('compensationTypeLabels.nonexempt')\n default:\n return flsaStatus ?? ''\n }\n },\n },\n {\n title: t('tableHeaders.regular'),\n render: (employeeCompensations: EmployeeCompensations) =>\n getEmployeeHours(employeeCompensations)[\n compensationTypeLabels.REGULAR_HOURS_NAME\n ] || 0,\n },\n {\n title: t('tableHeaders.overtime'),\n render: (employeeCompensations: EmployeeCompensations) =>\n getEmployeeHours(employeeCompensations)[compensationTypeLabels.OVERTIME_NAME] || 0,\n },\n {\n title: t('tableHeaders.doubleOT'),\n render: (employeeCompensations: EmployeeCompensations) =>\n getEmployeeHours(employeeCompensations)[\n compensationTypeLabels.DOUBLE_OVERTIME_NAME\n ] || 0,\n },\n {\n title: t('tableHeaders.timeOff'),\n render: (employeeCompensations: EmployeeCompensations) =>\n getEmployeePtoHours(employeeCompensations),\n },\n {\n title: t('tableHeaders.totalHours'),\n render: (employeeCompensations: EmployeeCompensations) =>\n Object.values(getEmployeeHours(employeeCompensations)).reduce(\n (acc, hours) => acc + hours,\n 0,\n ) + getEmployeePtoHours(employeeCompensations),\n },\n ]}\n data={payrollData.employeeCompensations!}\n pagination={pagination}\n />\n ),\n },\n {\n id: 'employeeTakeHome',\n label: t('dataViews.employeeTakeHomeTab'),\n content: (\n <DataView\n label={t('dataViews.employeeTakeHomeTable')}\n columns={[\n {\n title: t('tableHeaders.employees'),\n render: (employeeCompensations: EmployeeCompensations) => (\n <Flex flexDirection=\"column\" gap={0}>\n {firstLastName({\n first_name: employeeCompensations.firstName,\n last_name: employeeCompensations.lastName,\n })}\n {employeeCompensations.excluded && (\n <Badge status=\"warning\">{t('skippedBadge')}</Badge>\n )}\n </Flex>\n ),\n },\n {\n title: t('tableHeaders.paymentType'),\n render: (employeeCompensations: EmployeeCompensations) =>\n employeeCompensations.paymentMethod ?? '',\n },\n {\n title: t('tableHeaders.grossPay'),\n render: (employeeCompensations: EmployeeCompensations) =>\n formatCurrency(Number(employeeCompensations.grossPay ?? 0)),\n },\n {\n title: t('tableHeaders.deductions'),\n render: (employeeCompensations: EmployeeCompensations) =>\n formatCurrency(\n employeeCompensations.deductions?.reduce(\n (acc, deduction) => acc + Number(deduction.amount),\n 0,\n ) ?? 0,\n ),\n },\n ...(withReimbursements\n ? [\n {\n title: t('tableHeaders.reimbursements'),\n render: (employeeCompensations: EmployeeCompensations) =>\n formatCurrency(getReimbursements(employeeCompensations)),\n },\n ]\n : []),\n {\n title: t('tableHeaders.employeeTaxes'),\n render: (employeeCompensations: EmployeeCompensations) =>\n formatCurrency(\n employeeCompensations.taxes?.reduce(\n (acc, tax) => (tax.employer ? acc : acc + Number(tax.amount)),\n 0,\n ) ?? 0,\n ),\n },\n {\n title: t('tableHeaders.employeeBenefits'),\n render: (employeeCompensations: EmployeeCompensations) =>\n formatCurrency(\n employeeCompensations.benefits?.reduce(\n (acc, benefit) => acc + Number(benefit.employeeDeduction ?? 0),\n 0,\n ) ?? 0,\n ),\n },\n {\n title: t('tableHeaders.payment'),\n render: (employeeCompensations: EmployeeCompensations) =>\n formatCurrency(\n Number(employeeCompensations.netPay ?? 0) +\n getReimbursements(employeeCompensations),\n ),\n },\n ]}\n data={payrollData.employeeCompensations!}\n pagination={pagination}\n />\n ),\n },\n {\n id: 'taxes',\n label: t('dataViews.taxesTab'),\n content: (\n <Flex flexDirection=\"column\" gap={32}>\n <DataView\n label={t('dataViews.taxesTable')}\n columns={[\n {\n key: 'taxDescription',\n title: t('tableHeaders.taxDescription'),\n render: taxKey => taxKey,\n },\n {\n key: 'byYourEmployees',\n title: t('tableHeaders.byYourEmployees'),\n render: taxKey => formatCurrency(taxes[taxKey]?.employee ?? 0),\n },\n {\n key: 'byYourCompany',\n title: t('tableHeaders.byYourCompany'),\n render: taxKey => formatCurrency(taxes[taxKey]?.employer ?? 0),\n },\n ]}\n footer={() => ({\n taxDescription: (\n <Text weight=\"semibold\" size=\"sm\">\n {t('totalsLabel')}\n </Text>\n ),\n byYourEmployees: formatCurrency(Number(payrollData.totals?.employeeTaxes ?? 0)),\n byYourCompany: formatCurrency(Number(payrollData.totals?.employerTaxes ?? 0)),\n })}\n data={Object.keys(taxes)}\n />\n\n <DataView\n label={t('dataViews.debitedTable')}\n columns={[\n {\n title: t('tableHeaders.debitedByGusto'),\n render: ({ label }) => label,\n },\n {\n title: t('tableHeaders.taxesTotal'),\n render: ({ value }) => formatCurrency(Number(value)),\n },\n ]}\n data={[\n { label: t('directDepositLabel'), value: payrollData.totals?.netPayDebit || '0' },\n ...(withReimbursements\n ? [\n {\n label: t('reimbursementLabel'),\n value: payrollData.totals?.reimbursementDebit || '0',\n },\n ]\n : []),\n {\n label: t('garnishmentsLabel'),\n value: payrollData.totals?.childSupportDebit || '0',\n },\n { label: t('taxesLabel'), value: payrollData.totals?.taxDebit || '0' },\n ]}\n />\n </Flex>\n ),\n },\n ]\n\n const actions = isProcessed ? (\n <>\n <Button onClick={onPayrollReceipt} variant=\"secondary\" isDisabled={isLoading}>\n {t('payrollReceiptCta')}\n </Button>\n {canCancel && (\n <Button\n onClick={() => {\n setIsCancelDialogOpen(true)\n }}\n variant=\"error\"\n isDisabled={isLoading}\n >\n {t('cancelCta')}\n </Button>\n )}\n </>\n ) : (\n <>\n {canEdit && (\n <Button onClick={onEdit} variant=\"secondary\" isDisabled={isLoading}>\n {t('editCta')}\n </Button>\n )}\n <Button\n onClick={onSubmit}\n isDisabled={\n isLoading ||\n (submissionBlockers.length > 0 &&\n (submissionBlockers.some(\n blocker =>\n !PAYROLL_RESOLVABLE_SUBMISSION_BLOCKER_TYPES.includes(blocker.blockerType || ''),\n ) ||\n submissionBlockers.some(\n blocker => !selectedUnblockOptions[blocker.blockerType || ''],\n )))\n }\n >\n {t('submitCta')}\n </Button>\n </>\n )\n\n return (\n <div ref={containerRef} className={classNames(styles.container, className)}>\n <Flex flexDirection=\"column\" alignItems=\"stretch\">\n <Flex justifyContent=\"space-between\" alignItems=\"flex-start\" gap={16}>\n <Flex flexDirection=\"column\" gap={4}>\n {pageHeading}\n {pageSubtitle}\n </Flex>\n {isDesktop && (\n <Flex gap={8} justifyContent=\"flex-end\">\n {actions}\n </Flex>\n )}\n </Flex>\n {!isDesktop && (\n <Grid\n gridTemplateColumns={\n !isProcessed && canEdit ? ['minmax(0, 1fr)', 'minmax(0, 1fr)'] : '1fr'\n }\n gap={8}\n >\n {actions}\n </Grid>\n )}\n {status === PayrollOverviewStatus.Cancelling ? (\n <PayrollLoading title={t('cancellingTitle')} />\n ) : status === PayrollOverviewStatus.Submitting ? (\n <PayrollLoading title={t('loadingTitle')} description={t('loadingDescription')} />\n ) : (\n <>\n {wireInConfirmationRequest}\n {alerts.length > 0 && (\n <Flex flexDirection={'column'} gap={16}>\n {alerts.map((alert, index) => (\n <Alert\n key={`${alert.type}-${alert.title}`}\n label={alert.title}\n status={alert.type}\n onDismiss={alert.onDismiss}\n >\n {alert.content ?? null}\n </Alert>\n ))}\n </Flex>\n )}\n {submissionBlockers.length > 0 &&\n onUnblockOptionChange &&\n submissionBlockers.map(blocker => {\n const blockerType = blocker.blockerType || ''\n\n if (PAYROLL_RESOLVABLE_SUBMISSION_BLOCKER_TYPES.includes(blockerType)) {\n return (\n <FastAchSubmissionBlockerBanner\n key={blockerType}\n blocker={blocker}\n selectedValue={selectedUnblockOptions[blockerType]}\n onUnblockOptionChange={onUnblockOptionChange}\n paymentSpeed={paymentSpeed}\n />\n )\n }\n\n return <GenericBlocker key={blockerType} blocker={blocker} />\n })}\n <Heading as=\"h2\" styledAs=\"h3\">\n {isWireFunds\n ? t('payrollSummaryTitleWire')\n : isFourDayDirectDeposit\n ? t('payrollSummaryTitleFourDay')\n : t('payrollSummaryTitle')}\n </Heading>\n\n {isWireFunds ? (\n <DataView\n label={t('payrollSummaryLabel')}\n columns={[\n {\n title: t('tableHeaders.totalPayroll'),\n render: () => formatCurrency(totalPayroll),\n },\n {\n title: t('tableHeaders.wireAmount'),\n render: () => {\n const metadata = selectedUnblockOption?.metadata as\n { wire_in_amount?: string } | undefined\n const wireAmount = metadata?.wire_in_amount\n return wireAmount ? formatCurrency(Number(wireAmount)) : '-'\n },\n },\n {\n title: t('tableHeaders.wireTransferDeadline'),\n render: () => {\n const metadata = selectedUnblockOption?.metadata as\n { wire_in_deadline?: string } | undefined\n const wireDeadline = metadata?.wire_in_deadline\n const formattedTime = dateFormatter.formatWithTime(wireDeadline)\n const formattedDate = dateFormatter.formatShortWithYear(wireDeadline)\n return wireDeadline ? `${formattedTime.time} on ${formattedDate}` : '-'\n },\n },\n {\n title: t('tableHeaders.employeePayDate'),\n render: () =>\n selectedUnblockOption?.checkDate\n ? dateFormatter.formatShortWithYear(selectedUnblockOption.checkDate)\n : '-',\n },\n ]}\n data={[{}]}\n />\n ) : isFourDayDirectDeposit ? (\n <DataView\n label={t('payrollSummaryLabel')}\n columns={[\n {\n title: t('tableHeaders.totalPayroll'),\n render: () => formatCurrency(totalPayroll),\n },\n {\n title: t('tableHeaders.debitAmount'),\n render: () => {\n const debitAmount = payrollData.totals?.companyDebit\n return formatCurrency(Number(debitAmount ?? 0))\n },\n },\n {\n title: t('tableHeaders.debitAccount'),\n render: () => bankAccount?.hiddenAccountNumber ?? '',\n },\n {\n title: t('tableHeaders.debitDate'),\n render: () => {\n const metadata = selectedUnblockOption?.metadata as\n { debit_date?: string } | undefined\n const debitDate = metadata?.debit_date\n return dateFormatter.formatShortWithYear(debitDate)\n },\n },\n {\n title: t('tableHeaders.employeePayDate'),\n render: () =>\n selectedUnblockOption?.checkDate\n ? dateFormatter.formatShortWithYear(selectedUnblockOption.checkDate)\n : '-',\n },\n ]}\n data={[{}]}\n />\n ) : (\n <DataView\n label={t('payrollSummaryLabel')}\n columns={[\n {\n title: t('tableHeaders.totalPayroll'),\n render: () => formatCurrency(totalPayroll),\n },\n {\n title: t('tableHeaders.debitAmount'),\n render: () => formatCurrency(Number(payrollData.totals?.companyDebit ?? 0)),\n },\n {\n title: t('tableHeaders.debitAccount'),\n render: () => bankAccount?.hiddenAccountNumber ?? '',\n },\n {\n title: t('tableHeaders.debitDate'),\n render: () => dateFormatter.formatShortWithYear(expectedDebitDate),\n },\n {\n title: t('tableHeaders.employeePayDate'),\n render: () => dateFormatter.formatShortWithYear(payrollData.checkDate),\n },\n ]}\n data={[{}]}\n />\n )}\n {printChecksBanner}\n <Tabs\n onSelectionChange={setSelectedTab}\n selectedId={selectedTab}\n aria-label={t('dataViews.label')}\n tabs={tabs}\n />\n {isCancelDialogOpen && (\n <Dialog\n isOpen={isCancelDialogOpen}\n onClose={() => {\n setIsCancelDialogOpen(false)\n }}\n onPrimaryActionClick={onCancel}\n shouldCloseOnBackdropClick={true}\n primaryActionLabel={t('confirmCancelCta')}\n isDestructive={true}\n closeActionLabel={t('declineCancelCta')}\n title={t(isDismissal ? 'cancelDialogTitleDismissal' : 'cancelDialogTitle', {\n payPeriod: getPayPeriodOrCheckDateLabel(payrollData, dateFormatter),\n })}\n >\n <Flex gap={14} flexDirection=\"column\">\n <Text>{t('cancelDialogDescription')}</Text>\n {Number(payrollData.totals?.netPayDebit ?? 0) > 0 && (\n <Text>\n {t('cancelDialogDescriptionDeadline', {\n deadline: cancelDeadline,\n })}\n </Text>\n )}\n </Flex>\n </Dialog>\n )}\n </>\n )}\n </Flex>\n </div>\n )\n}\n"],"names":["PayrollOverviewPresentation","className","onEdit","onSubmit","onCancel","onPayrollReceipt","onPaystubDownload","payrollData","employeeFlsaStatusByUuid","bankAccount","taxes","status","PayrollOverviewStatus","isProcessed","canCancel","canEdit","alerts","submissionBlockers","selectedUnblockOptions","onUnblockOptionChange","wireInConfirmationRequest","printChecksBanner","withReimbursements","paymentSpeed","pagination","downloadingEmployeeIds","Alert","Badge","Button","ButtonIcon","Dialog","Heading","Text","Tabs","useComponentContext","useI18n","dateFormatter","useDateFormatter","useTranslation","formatCurrency","useNumberFormatter","selectedTab","setSelectedTab","useState","isCancelDialogOpen","setIsCancelDialogOpen","containerRef","useRef","isDesktop","useContainerBreakpoints","isLoading","pageHeading","jsx","isDismissal","isDismissalPayroll","cancelDeadline","time","date","pageSubtitle","Trans","getPayPeriodOrCheckDateLabel","getPayrollTypeLabel","classNames","styles","jsxs","Flex","totalPayroll","calculateTotalPayroll","expectedDebitDate","getCompanyTaxes","employeeCompensation","acc","tax","getCompanyBenefits","benefit","getCompanyCost","getReimbursements","fastAchBlocker","blocker","selectedUnblockType","selectedUnblockOption","option","isWireFunds","isFourDayDirectDeposit","getEmployeeHours","employeeCompensations","hourlyCompensation","name","currentHours","getEmployeePtoHours","paidTimeOff","companyPaysColumns","firstLastName","isDownloading","DownloadIcon","tabs","DataView","Fragment","flsaStatus","FlsaStatus","compensationTypeLabels","hours","deduction","taxKey","label","value","actions","PAYROLL_RESOLVABLE_SUBMISSION_BLOCKER_TYPES","Grid","PayrollLoading","alert","index","blockerType","FastAchSubmissionBlockerBanner","GenericBlocker","wireAmount","wireDeadline","formattedTime","formattedDate","debitAmount","debitDate"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"PayrollOverviewPresentation.js","sources":["../../../../src/components/Payroll/PayrollOverview/PayrollOverviewPresentation.tsx"],"sourcesContent":["import { Trans, useTranslation } from 'react-i18next'\nimport classNames from 'classnames'\nimport type {\n EmployeeCompensations,\n PayrollShow,\n} from '@gusto/embedded-api/models/components/payrollshow'\nimport type { CompanyBankAccount } from '@gusto/embedded-api/models/components/companybankaccount'\nimport { useState, useRef } from 'react'\nimport type {\n PayrollSubmissionBlockerType,\n UnblockOptions,\n} from '@gusto/embedded-api/models/components/payrollsubmissionblockertype'\nimport type { PaymentSpeed } from '@gusto/embedded-api/models/components/paymentconfigs'\nimport type { PayrollFlowAlert } from '../PayrollFlow/PayrollFlowComponents'\nimport {\n calculateTotalPayroll,\n getCancelDeadlineValues,\n getPayPeriodOrCheckDateLabel,\n getPayrollTypeLabel,\n getReimbursements,\n isDismissalPayroll,\n} from '../helpers'\nimport { PayrollOverviewStatus } from './PayrollOverviewTypes'\nimport { FastAchSubmissionBlockerBanner, GenericBlocker } from './SubmissionBlockers'\nimport styles from './PayrollOverviewPresentation.module.scss'\nimport { DataView, Flex, Grid, PayrollLoading } from '@/components/Common'\nimport { useContainerBreakpoints } from '@/hooks/useContainerBreakpoints/useContainerBreakpoints'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useI18n } from '@/i18n'\nimport { useDateFormatter } from '@/hooks/useDateFormatter'\nimport useNumberFormatter from '@/hooks/useNumberFormatter'\nimport { firstLastName } from '@/helpers/formattedStrings'\nimport {\n compensationTypeLabels,\n FlsaStatus,\n PAYROLL_RESOLVABLE_SUBMISSION_BLOCKER_TYPES,\n} from '@/shared/constants'\nimport type { PaginationControlProps } from '@/components/Common/PaginationControl/PaginationControlTypes'\nimport DownloadIcon from '@/assets/icons/download-cloud.svg?react'\n\ninterface PayrollOverviewProps {\n className?: string\n payrollData: PayrollShow\n employeeFlsaStatusByUuid?: Record<string, string | undefined>\n bankAccount?: CompanyBankAccount\n taxes: Record<string, { employee: number; employer: number }>\n status?: PayrollOverviewStatus\n isProcessed: boolean\n canCancel?: boolean\n canEdit?: boolean\n alerts?: PayrollFlowAlert[]\n submissionBlockers?: PayrollSubmissionBlockerType[]\n selectedUnblockOptions?: Record<string, string>\n wireInConfirmationRequest?: React.ReactNode\n printChecksBanner?: React.ReactNode\n pagination?: PaginationControlProps\n onEdit: () => void\n onSubmit: () => void\n onCancel: () => void\n onPayrollReceipt: () => void\n onPaystubDownload: (employeeId: string) => void\n onUnblockOptionChange?: (blockerType: string, value: string) => void\n withReimbursements?: boolean\n paymentSpeed?: PaymentSpeed\n downloadingEmployeeIds?: ReadonlySet<string>\n}\n\n/** @internal */\nexport const PayrollOverviewPresentation = ({\n className,\n onEdit,\n onSubmit,\n onCancel,\n onPayrollReceipt,\n onPaystubDownload,\n payrollData,\n employeeFlsaStatusByUuid = {},\n bankAccount,\n taxes,\n status = PayrollOverviewStatus.Viewing,\n isProcessed,\n canCancel = false,\n canEdit = true,\n alerts = [],\n submissionBlockers = [],\n selectedUnblockOptions = {},\n onUnblockOptionChange,\n wireInConfirmationRequest,\n printChecksBanner,\n withReimbursements = true,\n paymentSpeed,\n pagination,\n downloadingEmployeeIds = new Set<string>(),\n}: PayrollOverviewProps) => {\n const { Alert, Badge, Button, ButtonIcon, Dialog, Heading, Text, Tabs } = useComponentContext()\n useI18n('Payroll.PayrollOverview')\n const dateFormatter = useDateFormatter()\n const { t } = useTranslation('Payroll.PayrollOverview')\n const formatCurrency = useNumberFormatter('currency')\n const [selectedTab, setSelectedTab] = useState('companyPays')\n const [isCancelDialogOpen, setIsCancelDialogOpen] = useState(false)\n const containerRef = useRef<HTMLDivElement>(null)\n const breakpoints = useContainerBreakpoints({ ref: containerRef })\n const isDesktop = breakpoints.includes('small')\n\n const isLoading =\n status === PayrollOverviewStatus.Submitting || status === PayrollOverviewStatus.Cancelling\n\n const pageHeading = (\n <Heading as=\"h1\">{isProcessed ? t('summaryTitle') : t('overviewTitle')}</Heading>\n )\n const isDismissal = isDismissalPayroll(payrollData.offCycleReason)\n\n const pageSubtitle = (\n <Text>\n <Trans\n i18nKey={isDismissal ? 'pageSubtitleDismissal' : 'pageSubtitle'}\n t={t}\n components={{ dateWrapper: <Text weight=\"bold\" as=\"span\" /> }}\n values={{\n payPeriod: getPayPeriodOrCheckDateLabel(payrollData, dateFormatter),\n payrollType: getPayrollTypeLabel(payrollData),\n }}\n />\n </Text>\n )\n\n if (status === PayrollOverviewStatus.Cancelled) {\n return (\n <div ref={containerRef} className={classNames(styles.container, className)}>\n <Flex flexDirection=\"column\" alignItems=\"stretch\">\n <Flex justifyContent=\"space-between\" alignItems=\"flex-start\" gap={16}>\n <Flex flexDirection=\"column\" gap={4}>\n {pageHeading}\n {pageSubtitle}\n </Flex>\n </Flex>\n <Alert status=\"info\" label={t('cancelledEmptyState')} />\n </Flex>\n </div>\n )\n }\n\n const totalPayroll = calculateTotalPayroll(payrollData)\n\n const expectedDebitDate =\n payrollData.payrollStatusMeta?.expectedDebitTime ?? payrollData.payrollDeadline\n\n const getCompanyTaxes = (employeeCompensation: EmployeeCompensations) => {\n return (\n employeeCompensation.taxes?.reduce(\n (acc, tax) => (tax.employer ? acc + Number(tax.amount) : acc),\n 0,\n ) ?? 0\n )\n }\n const getCompanyBenefits = (employeeCompensation: EmployeeCompensations) => {\n return (\n employeeCompensation.benefits?.reduce(\n (acc, benefit) =>\n benefit.companyContribution ? acc + Number(benefit.companyContribution) : acc,\n 0,\n ) ?? 0\n )\n }\n const getCompanyCost = (employeeCompensation: EmployeeCompensations) => {\n return (\n Number(employeeCompensation.grossPay!) +\n getReimbursements(employeeCompensation) +\n getCompanyTaxes(employeeCompensation) +\n getCompanyBenefits(employeeCompensation)\n )\n }\n\n const fastAchBlocker = submissionBlockers.find(\n blocker =>\n blocker.blockerType === 'fast_ach_threshold_exceeded' ||\n blocker.blockerType === 'needs_earned_access_for_fast_ach',\n )\n const selectedUnblockType = fastAchBlocker\n ? selectedUnblockOptions[fastAchBlocker.blockerType || '']\n : undefined\n const selectedUnblockOption = fastAchBlocker?.unblockOptions?.find(\n (option: UnblockOptions) => option.unblockType === selectedUnblockType,\n )\n\n const isWireFunds = selectedUnblockType === 'wire_in'\n const isFourDayDirectDeposit = selectedUnblockType === 'move_to_four_day'\n\n const getEmployeeHours = (\n employeeCompensations: EmployeeCompensations,\n ): Record<string, number> => {\n return (\n employeeCompensations.hourlyCompensations?.reduce(\n (acc, hourlyCompensation) => {\n if (typeof hourlyCompensation.name === 'undefined') {\n return acc\n }\n const name = hourlyCompensation.name.toLowerCase()\n const currentHours = acc[name] ?? 0\n acc[name] = currentHours + Number(hourlyCompensation.hours || 0)\n return acc\n },\n {} as Record<string, number>,\n ) || {}\n )\n }\n const getEmployeePtoHours = (employeeCompensations: EmployeeCompensations) => {\n return (\n employeeCompensations.paidTimeOff?.reduce((acc, paidTimeOff) => {\n return acc + Number(paidTimeOff.hours || 0)\n }, 0) ?? 0\n )\n }\n\n const companyPaysColumns: Array<{\n key: string\n title: string\n justify?: 'start' | 'end'\n render: (item: EmployeeCompensations) => React.ReactNode\n }> = [\n {\n key: 'employeeName',\n title: t('tableHeaders.employees'),\n render: (employeeCompensations: EmployeeCompensations) => (\n <Flex flexDirection=\"column\" gap={0}>\n {firstLastName({\n first_name: employeeCompensations.firstName,\n last_name: employeeCompensations.lastName,\n })}\n {employeeCompensations.excluded && <Badge status=\"warning\">{t('skippedBadge')}</Badge>}\n </Flex>\n ),\n },\n {\n key: 'grossPay',\n title: t('tableHeaders.grossPay'),\n justify: 'end',\n render: (employeeCompensations: EmployeeCompensations) =>\n formatCurrency(Number(employeeCompensations.grossPay!)),\n },\n ...(withReimbursements\n ? [\n {\n key: 'reimbursements',\n title: t('tableHeaders.reimbursements'),\n justify: 'end' as const,\n render: (employeeCompensation: EmployeeCompensations) =>\n formatCurrency(getReimbursements(employeeCompensation)),\n },\n ]\n : []),\n {\n key: 'companyTaxes',\n title: t('tableHeaders.companyTaxes'),\n justify: 'end',\n render: (employeeCompensation: EmployeeCompensations) =>\n formatCurrency(getCompanyTaxes(employeeCompensation)),\n },\n {\n key: 'companyBenefits',\n title: t('tableHeaders.companyBenefits'),\n justify: 'end',\n render: (employeeCompensation: EmployeeCompensations) =>\n formatCurrency(getCompanyBenefits(employeeCompensation)),\n },\n {\n key: 'companyPays',\n title: t('tableHeaders.companyPays'),\n justify: 'end',\n render: (employeeCompensation: EmployeeCompensations) =>\n formatCurrency(getCompanyCost(employeeCompensation)),\n },\n ]\n if (isProcessed && isDesktop) {\n companyPaysColumns.push({\n key: 'paystubs',\n title: t('tableHeaders.paystub'),\n justify: 'end',\n render: (employeeCompensations: EmployeeCompensations) => {\n const isDownloading =\n !!employeeCompensations.employeeUuid &&\n downloadingEmployeeIds.has(employeeCompensations.employeeUuid)\n return (\n <Flex justifyContent=\"flex-end\">\n <ButtonIcon\n aria-label={t('downloadPaystubLabel')}\n variant=\"tertiary\"\n isLoading={isDownloading}\n onClick={() => {\n if (employeeCompensations.employeeUuid) {\n onPaystubDownload(employeeCompensations.employeeUuid)\n }\n }}\n >\n <DownloadIcon />\n </ButtonIcon>\n </Flex>\n )\n },\n })\n }\n const tabs = [\n {\n id: 'companyPays',\n label: t('dataViews.companyPaysTab'),\n content: (\n <DataView\n label={t('dataViews.companyPaysTable')}\n columns={companyPaysColumns}\n data={payrollData.employeeCompensations!}\n pagination={pagination}\n itemMenu={\n isProcessed && !isDesktop\n ? (employeeCompensations: EmployeeCompensations) => {\n const isDownloading =\n !!employeeCompensations.employeeUuid &&\n downloadingEmployeeIds.has(employeeCompensations.employeeUuid)\n return (\n <ButtonIcon\n aria-label={t('downloadPaystubLabel')}\n variant=\"tertiary\"\n isLoading={isDownloading}\n onClick={() => {\n if (employeeCompensations.employeeUuid) {\n onPaystubDownload(employeeCompensations.employeeUuid)\n }\n }}\n >\n <DownloadIcon />\n </ButtonIcon>\n )\n }\n : undefined\n }\n footer={() => ({\n employeeName: (\n <>\n {t('tableHeaders.footerTotalsLabel')}\n <Text variant=\"supporting\" size=\"sm\">\n {t('tableHeaders.footerTotalsDescription')}\n </Text>\n </>\n ),\n grossPay: formatCurrency(Number(payrollData.totals?.grossPay ?? 0)),\n ...(withReimbursements\n ? {\n reimbursements: formatCurrency(Number(payrollData.totals?.reimbursements ?? 0)),\n }\n : {}),\n companyTaxes: formatCurrency(Number(payrollData.totals?.employerTaxes ?? 0)),\n companyBenefits: formatCurrency(Number(payrollData.totals?.benefits ?? 0)),\n companyPays: formatCurrency(totalPayroll),\n })}\n />\n ),\n },\n {\n id: 'hoursWorked',\n label: t('dataViews.hoursWorkedTab'),\n content: (\n <DataView\n label={t('dataViews.hoursWorkedTable')}\n columns={[\n {\n title: t('tableHeaders.employees'),\n render: (employeeCompensations: EmployeeCompensations) => (\n <Flex flexDirection=\"column\" gap={0}>\n {firstLastName({\n first_name: employeeCompensations.firstName,\n last_name: employeeCompensations.lastName,\n })}\n {employeeCompensations.excluded && (\n <Badge status=\"warning\">{t('skippedBadge')}</Badge>\n )}\n </Flex>\n ),\n },\n {\n title: t('tableHeaders.compensationType'),\n render: (employeeCompensations: EmployeeCompensations) => {\n const flsaStatus = employeeCompensations.employeeUuid\n ? employeeFlsaStatusByUuid[employeeCompensations.employeeUuid]\n : undefined\n\n switch (flsaStatus) {\n case FlsaStatus.EXEMPT:\n return t('compensationTypeLabels.exempt')\n case FlsaStatus.NONEXEMPT:\n return t('compensationTypeLabels.nonexempt')\n default:\n return flsaStatus ?? ''\n }\n },\n },\n {\n title: t('tableHeaders.regular'),\n render: (employeeCompensations: EmployeeCompensations) =>\n getEmployeeHours(employeeCompensations)[\n compensationTypeLabels.REGULAR_HOURS_NAME\n ] || 0,\n },\n {\n title: t('tableHeaders.overtime'),\n render: (employeeCompensations: EmployeeCompensations) =>\n getEmployeeHours(employeeCompensations)[compensationTypeLabels.OVERTIME_NAME] || 0,\n },\n {\n title: t('tableHeaders.doubleOT'),\n render: (employeeCompensations: EmployeeCompensations) =>\n getEmployeeHours(employeeCompensations)[\n compensationTypeLabels.DOUBLE_OVERTIME_NAME\n ] || 0,\n },\n {\n title: t('tableHeaders.timeOff'),\n render: (employeeCompensations: EmployeeCompensations) =>\n getEmployeePtoHours(employeeCompensations),\n },\n {\n title: t('tableHeaders.totalHours'),\n render: (employeeCompensations: EmployeeCompensations) =>\n Object.values(getEmployeeHours(employeeCompensations)).reduce(\n (acc, hours) => acc + hours,\n 0,\n ) + getEmployeePtoHours(employeeCompensations),\n },\n ]}\n data={payrollData.employeeCompensations!}\n pagination={pagination}\n />\n ),\n },\n {\n id: 'employeeTakeHome',\n label: t('dataViews.employeeTakeHomeTab'),\n content: (\n <DataView\n label={t('dataViews.employeeTakeHomeTable')}\n columns={[\n {\n title: t('tableHeaders.employees'),\n render: (employeeCompensations: EmployeeCompensations) => (\n <Flex flexDirection=\"column\" gap={0}>\n {firstLastName({\n first_name: employeeCompensations.firstName,\n last_name: employeeCompensations.lastName,\n })}\n {employeeCompensations.excluded && (\n <Badge status=\"warning\">{t('skippedBadge')}</Badge>\n )}\n </Flex>\n ),\n },\n {\n title: t('tableHeaders.paymentType'),\n render: (employeeCompensations: EmployeeCompensations) =>\n employeeCompensations.paymentMethod ?? '',\n },\n {\n title: t('tableHeaders.grossPay'),\n render: (employeeCompensations: EmployeeCompensations) =>\n formatCurrency(Number(employeeCompensations.grossPay ?? 0)),\n },\n {\n title: t('tableHeaders.deductions'),\n render: (employeeCompensations: EmployeeCompensations) =>\n formatCurrency(\n employeeCompensations.deductions?.reduce(\n (acc, deduction) => acc + Number(deduction.amount),\n 0,\n ) ?? 0,\n ),\n },\n ...(withReimbursements\n ? [\n {\n title: t('tableHeaders.reimbursements'),\n render: (employeeCompensations: EmployeeCompensations) =>\n formatCurrency(getReimbursements(employeeCompensations)),\n },\n ]\n : []),\n {\n title: t('tableHeaders.employeeTaxes'),\n render: (employeeCompensations: EmployeeCompensations) =>\n formatCurrency(\n employeeCompensations.taxes?.reduce(\n (acc, tax) => (tax.employer ? acc : acc + Number(tax.amount)),\n 0,\n ) ?? 0,\n ),\n },\n {\n title: t('tableHeaders.employeeBenefits'),\n render: (employeeCompensations: EmployeeCompensations) =>\n formatCurrency(\n employeeCompensations.benefits?.reduce(\n (acc, benefit) => acc + Number(benefit.employeeDeduction ?? 0),\n 0,\n ) ?? 0,\n ),\n },\n {\n title: t('tableHeaders.payment'),\n render: (employeeCompensations: EmployeeCompensations) =>\n formatCurrency(\n Number(employeeCompensations.netPay ?? 0) +\n getReimbursements(employeeCompensations),\n ),\n },\n ]}\n data={payrollData.employeeCompensations!}\n pagination={pagination}\n />\n ),\n },\n {\n id: 'taxes',\n label: t('dataViews.taxesTab'),\n content: (\n <Flex flexDirection=\"column\" gap={32}>\n <DataView\n label={t('dataViews.taxesTable')}\n columns={[\n {\n key: 'taxDescription',\n title: t('tableHeaders.taxDescription'),\n render: taxKey => taxKey,\n },\n {\n key: 'byYourEmployees',\n title: t('tableHeaders.byYourEmployees'),\n render: taxKey => formatCurrency(taxes[taxKey]?.employee ?? 0),\n },\n {\n key: 'byYourCompany',\n title: t('tableHeaders.byYourCompany'),\n render: taxKey => formatCurrency(taxes[taxKey]?.employer ?? 0),\n },\n ]}\n footer={() => ({\n taxDescription: (\n <Text weight=\"semibold\" size=\"sm\">\n {t('totalsLabel')}\n </Text>\n ),\n byYourEmployees: formatCurrency(Number(payrollData.totals?.employeeTaxes ?? 0)),\n byYourCompany: formatCurrency(Number(payrollData.totals?.employerTaxes ?? 0)),\n })}\n data={Object.keys(taxes)}\n />\n\n <DataView\n label={t('dataViews.debitedTable')}\n columns={[\n {\n title: t('tableHeaders.debitedByGusto'),\n render: ({ label }) => label,\n },\n {\n title: t('tableHeaders.taxesTotal'),\n render: ({ value }) => formatCurrency(Number(value)),\n },\n ]}\n data={[\n { label: t('directDepositLabel'), value: payrollData.totals?.netPayDebit || '0' },\n ...(withReimbursements\n ? [\n {\n label: t('reimbursementLabel'),\n value: payrollData.totals?.reimbursementDebit || '0',\n },\n ]\n : []),\n {\n label: t('garnishmentsLabel'),\n value: payrollData.totals?.childSupportDebit || '0',\n },\n { label: t('taxesLabel'), value: payrollData.totals?.taxDebit || '0' },\n ]}\n />\n </Flex>\n ),\n },\n ]\n\n const actions = isProcessed ? (\n <>\n <Button onClick={onPayrollReceipt} variant=\"secondary\" isDisabled={isLoading}>\n {t('payrollReceiptCta')}\n </Button>\n {canCancel && (\n <Button\n onClick={() => {\n setIsCancelDialogOpen(true)\n }}\n variant=\"error\"\n isDisabled={isLoading}\n >\n {t('cancelCta')}\n </Button>\n )}\n </>\n ) : (\n <>\n {canEdit && (\n <Button onClick={onEdit} variant=\"secondary\" isDisabled={isLoading}>\n {t('editCta')}\n </Button>\n )}\n <Button\n onClick={onSubmit}\n isDisabled={\n isLoading ||\n (submissionBlockers.length > 0 &&\n (submissionBlockers.some(\n blocker =>\n !PAYROLL_RESOLVABLE_SUBMISSION_BLOCKER_TYPES.includes(blocker.blockerType || ''),\n ) ||\n submissionBlockers.some(\n blocker => !selectedUnblockOptions[blocker.blockerType || ''],\n )))\n }\n >\n {t('submitCta')}\n </Button>\n </>\n )\n\n return (\n <div ref={containerRef} className={classNames(styles.container, className)}>\n <Flex flexDirection=\"column\" alignItems=\"stretch\">\n <Flex justifyContent=\"space-between\" alignItems=\"flex-start\" gap={16}>\n <Flex flexDirection=\"column\" gap={4}>\n {pageHeading}\n {pageSubtitle}\n </Flex>\n {isDesktop && (\n <Flex gap={8} justifyContent=\"flex-end\">\n {actions}\n </Flex>\n )}\n </Flex>\n {!isDesktop && (\n <Grid\n gridTemplateColumns={\n !isProcessed && canEdit ? ['minmax(0, 1fr)', 'minmax(0, 1fr)'] : '1fr'\n }\n gap={8}\n >\n {actions}\n </Grid>\n )}\n {status === PayrollOverviewStatus.Cancelling ? (\n <PayrollLoading title={t('cancellingTitle')} />\n ) : status === PayrollOverviewStatus.Submitting ? (\n <PayrollLoading title={t('loadingTitle')} description={t('loadingDescription')} />\n ) : (\n <>\n {wireInConfirmationRequest}\n {alerts.length > 0 && (\n <Flex flexDirection={'column'} gap={16}>\n {alerts.map((alert, index) => (\n <Alert\n key={`${alert.type}-${alert.title}`}\n label={alert.title}\n status={alert.type}\n onDismiss={alert.onDismiss}\n >\n {alert.content ?? null}\n </Alert>\n ))}\n </Flex>\n )}\n {submissionBlockers.length > 0 &&\n onUnblockOptionChange &&\n submissionBlockers.map(blocker => {\n const blockerType = blocker.blockerType || ''\n\n if (PAYROLL_RESOLVABLE_SUBMISSION_BLOCKER_TYPES.includes(blockerType)) {\n return (\n <FastAchSubmissionBlockerBanner\n key={blockerType}\n blocker={blocker}\n selectedValue={selectedUnblockOptions[blockerType]}\n onUnblockOptionChange={onUnblockOptionChange}\n paymentSpeed={paymentSpeed}\n />\n )\n }\n\n return <GenericBlocker key={blockerType} blocker={blocker} />\n })}\n <Heading as=\"h2\" styledAs=\"h3\">\n {isWireFunds\n ? t('payrollSummaryTitleWire')\n : isFourDayDirectDeposit\n ? t('payrollSummaryTitleFourDay')\n : t('payrollSummaryTitle')}\n </Heading>\n\n {isWireFunds ? (\n <DataView\n label={t('payrollSummaryLabel')}\n columns={[\n {\n title: t('tableHeaders.totalPayroll'),\n render: () => formatCurrency(totalPayroll),\n },\n {\n title: t('tableHeaders.wireAmount'),\n render: () => {\n const metadata = selectedUnblockOption?.metadata as\n { wire_in_amount?: string } | undefined\n const wireAmount = metadata?.wire_in_amount\n return wireAmount ? formatCurrency(Number(wireAmount)) : '-'\n },\n },\n {\n title: t('tableHeaders.wireTransferDeadline'),\n render: () => {\n const metadata = selectedUnblockOption?.metadata as\n { wire_in_deadline?: string } | undefined\n const wireDeadline = metadata?.wire_in_deadline\n const formattedTime = dateFormatter.formatWithTime(wireDeadline)\n const formattedDate = dateFormatter.formatShortWithYear(wireDeadline)\n return wireDeadline ? `${formattedTime.time} on ${formattedDate}` : '-'\n },\n },\n {\n title: t('tableHeaders.employeePayDate'),\n render: () =>\n selectedUnblockOption?.checkDate\n ? dateFormatter.formatShortWithYear(selectedUnblockOption.checkDate)\n : '-',\n },\n ]}\n data={[{}]}\n />\n ) : isFourDayDirectDeposit ? (\n <DataView\n label={t('payrollSummaryLabel')}\n columns={[\n {\n title: t('tableHeaders.totalPayroll'),\n render: () => formatCurrency(totalPayroll),\n },\n {\n title: t('tableHeaders.debitAmount'),\n render: () => {\n const debitAmount = payrollData.totals?.companyDebit\n return formatCurrency(Number(debitAmount ?? 0))\n },\n },\n {\n title: t('tableHeaders.debitAccount'),\n render: () => bankAccount?.hiddenAccountNumber ?? '',\n },\n {\n title: t('tableHeaders.debitDate'),\n render: () => {\n const metadata = selectedUnblockOption?.metadata as\n { debit_date?: string } | undefined\n const debitDate = metadata?.debit_date\n return dateFormatter.formatShortWithYear(debitDate)\n },\n },\n {\n title: t('tableHeaders.employeePayDate'),\n render: () =>\n selectedUnblockOption?.checkDate\n ? dateFormatter.formatShortWithYear(selectedUnblockOption.checkDate)\n : '-',\n },\n ]}\n data={[{}]}\n />\n ) : (\n <DataView\n label={t('payrollSummaryLabel')}\n columns={[\n {\n title: t('tableHeaders.totalPayroll'),\n render: () => formatCurrency(totalPayroll),\n },\n {\n title: t('tableHeaders.debitAmount'),\n render: () => formatCurrency(Number(payrollData.totals?.companyDebit ?? 0)),\n },\n {\n title: t('tableHeaders.debitAccount'),\n render: () => bankAccount?.hiddenAccountNumber ?? '',\n },\n {\n title: t('tableHeaders.debitDate'),\n render: () => dateFormatter.formatShortWithYear(expectedDebitDate),\n },\n {\n title: t('tableHeaders.employeePayDate'),\n render: () => dateFormatter.formatShortWithYear(payrollData.checkDate),\n },\n ]}\n data={[{}]}\n />\n )}\n {printChecksBanner}\n <Tabs\n onSelectionChange={setSelectedTab}\n selectedId={selectedTab}\n aria-label={t('dataViews.label')}\n tabs={tabs}\n />\n {isCancelDialogOpen && (\n <Dialog\n isOpen={isCancelDialogOpen}\n onClose={() => {\n setIsCancelDialogOpen(false)\n }}\n onPrimaryActionClick={onCancel}\n shouldCloseOnBackdropClick={true}\n primaryActionLabel={t('confirmCancelCta')}\n isDestructive={true}\n closeActionLabel={t('declineCancelCta')}\n title={t(isDismissal ? 'cancelDialogTitleDismissal' : 'cancelDialogTitle', {\n payPeriod: getPayPeriodOrCheckDateLabel(payrollData, dateFormatter),\n })}\n >\n <Flex gap={14} flexDirection=\"column\">\n <Text>{t('cancelDialogDescription')}</Text>\n {Number(payrollData.totals?.netPayDebit ?? 0) > 0 && (\n <Text>\n {t(\n 'cancelDialogDescriptionDeadline',\n getCancelDeadlineValues(payrollData, dateFormatter),\n )}\n </Text>\n )}\n </Flex>\n </Dialog>\n )}\n </>\n )}\n </Flex>\n </div>\n )\n}\n"],"names":["PayrollOverviewPresentation","className","onEdit","onSubmit","onCancel","onPayrollReceipt","onPaystubDownload","payrollData","employeeFlsaStatusByUuid","bankAccount","taxes","status","PayrollOverviewStatus","isProcessed","canCancel","canEdit","alerts","submissionBlockers","selectedUnblockOptions","onUnblockOptionChange","wireInConfirmationRequest","printChecksBanner","withReimbursements","paymentSpeed","pagination","downloadingEmployeeIds","Alert","Badge","Button","ButtonIcon","Dialog","Heading","Text","Tabs","useComponentContext","useI18n","dateFormatter","useDateFormatter","useTranslation","formatCurrency","useNumberFormatter","selectedTab","setSelectedTab","useState","isCancelDialogOpen","setIsCancelDialogOpen","containerRef","useRef","isDesktop","useContainerBreakpoints","isLoading","pageHeading","jsx","isDismissal","isDismissalPayroll","pageSubtitle","Trans","getPayPeriodOrCheckDateLabel","getPayrollTypeLabel","classNames","styles","jsxs","Flex","totalPayroll","calculateTotalPayroll","expectedDebitDate","getCompanyTaxes","employeeCompensation","acc","tax","getCompanyBenefits","benefit","getCompanyCost","getReimbursements","fastAchBlocker","blocker","selectedUnblockType","selectedUnblockOption","option","isWireFunds","isFourDayDirectDeposit","getEmployeeHours","employeeCompensations","hourlyCompensation","name","currentHours","getEmployeePtoHours","paidTimeOff","companyPaysColumns","firstLastName","isDownloading","DownloadIcon","tabs","DataView","Fragment","flsaStatus","FlsaStatus","compensationTypeLabels","hours","deduction","taxKey","label","value","actions","PAYROLL_RESOLVABLE_SUBMISSION_BLOCKER_TYPES","Grid","PayrollLoading","alert","index","blockerType","FastAchSubmissionBlockerBanner","GenericBlocker","wireAmount","wireDeadline","formattedTime","formattedDate","debitAmount","debitDate","getCancelDeadlineValues"],"mappings":"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"}
|