@gusto/embedded-react-sdk 0.9.0 → 0.10.1
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 +86 -2
- package/dist/components/Base/Base.d.ts +1 -1
- package/dist/components/Base/Base.js +39 -40
- package/dist/components/Base/Base.js.map +1 -1
- package/dist/components/Common/OnboardingStatusBadge/index.d.ts +21 -0
- package/dist/components/Common/OnboardingStatusBadge/index.js +17 -0
- package/dist/components/Common/OnboardingStatusBadge/index.js.map +1 -0
- package/dist/components/Common/TaxInputs/TaxInputs.js +42 -36
- package/dist/components/Common/TaxInputs/TaxInputs.js.map +1 -1
- package/dist/components/Contractor/Address/Form.js +4 -12
- package/dist/components/Contractor/Address/Form.js.map +1 -1
- package/dist/components/Contractor/List/index.d.ts +25 -0
- package/dist/components/Contractor/List/index.js +84 -0
- package/dist/components/Contractor/List/index.js.map +1 -0
- package/dist/components/Contractor/List/useContractorList.d.ts +20 -0
- package/dist/components/Contractor/List/useContractorList.js +31 -0
- package/dist/components/Contractor/List/useContractorList.js.map +1 -0
- package/dist/components/Contractor/NewHireReport/NewHireReport.d.ts +21 -0
- package/dist/components/Contractor/NewHireReport/NewHireReport.js +111 -0
- package/dist/components/Contractor/NewHireReport/NewHireReport.js.map +1 -0
- package/dist/components/Contractor/NewHireReport/types.d.ts +4 -0
- package/dist/components/Contractor/PaymentMethod/BankAccountForm.d.ts +2 -0
- package/dist/components/Contractor/PaymentMethod/BankAccountForm.js +52 -0
- package/dist/components/Contractor/PaymentMethod/BankAccountForm.js.map +1 -0
- package/dist/components/Contractor/PaymentMethod/PaymentMethod.d.ts +31 -0
- package/dist/components/Contractor/PaymentMethod/PaymentMethod.js +116 -0
- package/dist/components/Contractor/PaymentMethod/PaymentMethod.js.map +1 -0
- package/dist/components/Contractor/PaymentMethod/PaymentTypeForm.d.ts +11 -0
- package/dist/components/Contractor/PaymentMethod/PaymentTypeForm.js +35 -0
- package/dist/components/Contractor/PaymentMethod/PaymentTypeForm.js.map +1 -0
- package/dist/components/Contractor/PaymentMethod/types.d.ts +8 -0
- package/dist/components/Contractor/index.d.ts +3 -0
- package/dist/components/Contractor/index.js +8 -2
- package/dist/components/Contractor/index.js.map +1 -1
- package/dist/components/Employee/Compensation/Edit.js +59 -56
- package/dist/components/Employee/Compensation/Edit.js.map +1 -1
- package/dist/components/Employee/Compensation/useCompensation.d.ts +2 -0
- package/dist/components/Employee/Compensation/useCompensation.js +16 -14
- package/dist/components/Employee/Compensation/useCompensation.js.map +1 -1
- package/dist/components/Employee/Deductions/DeductionForm.js +11 -3
- package/dist/components/Employee/Deductions/DeductionForm.js.map +1 -1
- package/dist/components/Employee/Deductions/Deductions.js +25 -25
- package/dist/components/Employee/Deductions/Deductions.js.map +1 -1
- package/dist/components/Employee/EmployeeList/List.js +56 -51
- package/dist/components/Employee/EmployeeList/List.js.map +1 -1
- package/dist/components/Employee/OnboardingSummary/OnboardingSummary.js +48 -43
- package/dist/components/Employee/OnboardingSummary/OnboardingSummary.js.map +1 -1
- package/dist/components/Employee/PaymentMethod/BankAccountEdit.js +1 -1
- package/dist/components/Employee/PaymentMethod/BankAccountEdit.js.map +1 -1
- package/dist/components/Employee/PaymentMethod/PaymentMethod.js +3 -4
- package/dist/components/Employee/PaymentMethod/PaymentMethod.js.map +1 -1
- package/dist/components/Employee/PaymentMethod/PaymentTypeForm.js +1 -1
- package/dist/components/Employee/PaymentMethod/PaymentTypeForm.js.map +1 -1
- package/dist/components/Employee/PaymentMethod/Split.js +88 -76
- package/dist/components/Employee/PaymentMethod/Split.js.map +1 -1
- package/dist/components/Employee/PaymentMethod/usePaymentMethod.d.ts +2 -2
- package/dist/components/Employee/PaymentMethod/usePaymentMethod.js +29 -25
- package/dist/components/Employee/PaymentMethod/usePaymentMethod.js.map +1 -1
- package/dist/components/Employee/Profile/AdminPersonalDetails.d.ts +49 -20
- package/dist/components/Employee/Profile/AdminPersonalDetails.js +27 -25
- package/dist/components/Employee/Profile/AdminPersonalDetails.js.map +1 -1
- package/dist/components/Employee/Profile/PersonalDetailsInputs.js +1 -1
- package/dist/components/Employee/Profile/Profile.js +135 -129
- package/dist/components/Employee/Profile/Profile.js.map +1 -1
- package/dist/components/Employee/Taxes/StateForm.d.ts +1 -1
- package/dist/components/Employee/Taxes/StateForm.js +27 -25
- package/dist/components/Employee/Taxes/StateForm.js.map +1 -1
- package/dist/components/Employee/Taxes/Taxes.d.ts +1 -1
- package/dist/components/Employee/Taxes/Taxes.js +77 -73
- package/dist/components/Employee/Taxes/Taxes.js.map +1 -1
- package/dist/components/index.d.ts +1 -1
- package/dist/i18n/I18n.js +17 -17
- package/dist/i18n/I18n.js.map +1 -1
- package/dist/i18n/en/Contractor.ContractorList.json.js +25 -0
- package/dist/i18n/en/Contractor.ContractorList.json.js.map +1 -0
- package/dist/i18n/en/Contractor.NewHireReport.json.js +24 -0
- package/dist/i18n/en/Contractor.NewHireReport.json.js.map +1 -0
- package/dist/i18n/en/Contractor.PaymentMethod.json.js +35 -0
- package/dist/i18n/en/Contractor.PaymentMethod.json.js.map +1 -0
- package/dist/i18n/en/Employee.Compensation.json.js +22 -20
- package/dist/i18n/en/Employee.Compensation.json.js.map +1 -1
- package/dist/i18n/en/Employee.PaymentMethod.json.js +18 -17
- package/dist/i18n/en/Employee.PaymentMethod.json.js.map +1 -1
- package/dist/i18n/en/common.json.d.ts +21 -9
- package/dist/i18n/en/common.json.js +35 -23
- package/dist/i18n/en/common.json.js.map +1 -1
- package/dist/index.js +4 -4
- package/dist/shared/constants.d.ts +18 -0
- package/dist/shared/constants.js +28 -15
- package/dist/shared/constants.js.map +1 -1
- package/dist/style.css +1 -1
- package/dist/types/i18next.d.ts +64 -1
- package/package.json +4 -3
- package/dist/components/Employee/PaymentMethod/Constants.d.ts +0 -8
- package/dist/components/Employee/PaymentMethod/Constants.js +0 -6
- package/dist/components/Employee/PaymentMethod/Constants.js.map +0 -1
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"PaymentTypeForm.js","sources":["../../../../src/components/Contractor/PaymentMethod/PaymentTypeForm.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { z } from 'zod'\nimport { RadioGroupField } from '@/components/Common'\nimport { PAYMENT_METHODS } from '@/shared/constants'\n\nexport const PaymentTypeSchema = z.object({\n type: z.enum(['Check', 'Direct Deposit']),\n})\nexport type PaymentTypeInputs = z.input<typeof PaymentTypeSchema>\nexport type PaymentTypePayload = z.output<typeof PaymentTypeSchema>\n\nexport function PaymentTypeForm() {\n const { t } = useTranslation('Contractor.PaymentMethod')\n return (\n <RadioGroupField\n name=\"type\"\n label={t('paymentFieldsetLegend')}\n shouldVisuallyHideLabel\n options={[\n {\n value: PAYMENT_METHODS.directDeposit,\n label: t('directDepositLabel'),\n description: t('directDepositDescription'),\n },\n {\n value: PAYMENT_METHODS.check,\n label: t('checkLabel'),\n description: t('checkDescription'),\n },\n ]}\n />\n )\n}\n"],"names":["z","PaymentTypeForm","t","useTranslation","jsx","RadioGroupField","PAYMENT_METHODS"],"mappings":";;;;;AAKiCA,EAAE,OAAO;AAAA,EACxC,MAAMA,EAAE,KAAK,CAAC,SAAS,gBAAgB,CAAC;AAC1C,CAAC;AAIM,SAASC,IAAkB;AAChC,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,0BAA0B;AAErD,SAAA,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,OAAOH,EAAE,uBAAuB;AAAA,MAChC,yBAAuB;AAAA,MACvB,SAAS;AAAA,QACP;AAAA,UACE,OAAOI,EAAgB;AAAA,UACvB,OAAOJ,EAAE,oBAAoB;AAAA,UAC7B,aAAaA,EAAE,0BAA0B;AAAA,QAC3C;AAAA,QACA;AAAA,UACE,OAAOI,EAAgB;AAAA,UACvB,OAAOJ,EAAE,YAAY;AAAA,UACrB,aAAaA,EAAE,kBAAkB;AAAA,QAAA;AAAA,MACnC;AAAA,IACF;AAAA,EACF;AAEJ;"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { ContractorBankAccount } from '@gusto/embedded-api/models/components/contractorbankaccount';
|
|
2
|
+
import { BaseComponentInterface } from '../../Base';
|
|
3
|
+
export interface PaymentMethodProps extends BaseComponentInterface<'Contractor.PaymentMethod'> {
|
|
4
|
+
contractorId: string;
|
|
5
|
+
}
|
|
6
|
+
export interface BankAccountFormProps {
|
|
7
|
+
bankAccount?: ContractorBankAccount;
|
|
8
|
+
}
|
|
@@ -1,5 +1,11 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { PaymentMethod as t } from "./PaymentMethod/PaymentMethod.js";
|
|
2
|
+
import { ContractorListWithApi as p } from "./List/index.js";
|
|
3
|
+
import { NewHireReport as m } from "./NewHireReport/NewHireReport.js";
|
|
4
|
+
import { Address as a } from "./Address/Address.js";
|
|
2
5
|
export {
|
|
3
|
-
|
|
6
|
+
a as Address,
|
|
7
|
+
p as ContractorList,
|
|
8
|
+
m as NewHireReport,
|
|
9
|
+
t as PaymentMethod
|
|
4
10
|
};
|
|
5
11
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}
|
|
@@ -1,47 +1,50 @@
|
|
|
1
|
-
import { jsxs as
|
|
2
|
-
import { useMemo as
|
|
3
|
-
import { useFormContext as
|
|
4
|
-
import { useTranslation as
|
|
5
|
-
import { useCompensation as
|
|
6
|
-
import { FlsaStatus as a, PAY_PERIODS as r, FLSA_OVERTIME_SALARY_LIMIT as
|
|
7
|
-
import
|
|
8
|
-
import { useComponentContext as
|
|
9
|
-
import { WA_RISK_CLASS_CODES as
|
|
10
|
-
import { TextInputField as
|
|
11
|
-
import { SelectField as
|
|
12
|
-
import { NumberInputField as
|
|
13
|
-
import { SwitchField as
|
|
14
|
-
import { RadioGroupField as
|
|
15
|
-
import { ComboBoxField as
|
|
16
|
-
const
|
|
17
|
-
const { t: e } =
|
|
18
|
-
() =>
|
|
1
|
+
import { jsxs as d, Fragment as O, jsx as t } from "react/jsx-runtime";
|
|
2
|
+
import { useMemo as F, useEffect as U } from "react";
|
|
3
|
+
import { useFormContext as k, useWatch as M } from "react-hook-form";
|
|
4
|
+
import { useTranslation as P, Trans as I } from "react-i18next";
|
|
5
|
+
import { useCompensation as R, rateMinimumError as Y, rateExemptThresholdError as w } from "./useCompensation.js";
|
|
6
|
+
import { FlsaStatus as a, PAY_PERIODS as r, FLSA_OVERTIME_SALARY_LIMIT as N } from "../../../shared/constants.js";
|
|
7
|
+
import x from "../../Common/hooks/useNumberFormatter.js";
|
|
8
|
+
import { useComponentContext as j } from "../../../contexts/ComponentAdapter/useComponentContext.js";
|
|
9
|
+
import { WA_RISK_CLASS_CODES as X } from "../../../models/WA_RISK_CODES.js";
|
|
10
|
+
import { TextInputField as B } from "../../Common/Fields/TextInputField/TextInputField.js";
|
|
11
|
+
import { SelectField as b } from "../../Common/Fields/SelectField/SelectField.js";
|
|
12
|
+
import { NumberInputField as J } from "../../Common/Fields/NumberInputField/NumberInputField.js";
|
|
13
|
+
import { SwitchField as K } from "../../Common/Fields/SwitchField/SwitchField.js";
|
|
14
|
+
import { RadioGroupField as H } from "../../Common/Fields/RadioGroupField/RadioGroupField.js";
|
|
15
|
+
import { ComboBoxField as $ } from "../../Common/Fields/ComboBoxField/ComboBoxField.js";
|
|
16
|
+
const me = () => {
|
|
17
|
+
const { t: e } = P("Employee.Compensation"), l = x("currency"), m = j(), S = F(
|
|
18
|
+
() => X.map(({ code: i, description: D }) => ({ value: i, label: D })),
|
|
19
19
|
[]
|
|
20
20
|
), {
|
|
21
|
-
control:
|
|
22
|
-
register:
|
|
21
|
+
control: f,
|
|
22
|
+
register: h,
|
|
23
23
|
setValue: s,
|
|
24
|
-
formState: { defaultValues:
|
|
25
|
-
} =
|
|
26
|
-
if (
|
|
27
|
-
o === a.OWNER ? s("paymentUnit", "Paycheck") : o === a.COMMISSION_ONLY_NONEXEMPT || o === a.COMMISSION_ONLY_EXEMPT ? (s("paymentUnit", "Year"), s("rate", 0)) :
|
|
28
|
-
}, [o, s,
|
|
24
|
+
formState: { errors: C, defaultValues: p }
|
|
25
|
+
} = k(), o = M({ control: f, name: "flsaStatus" }), _ = M({ control: f, name: "stateWcCovered" }), { currentJob: y, mode: n, minimumWages: E, handleFlsaChange: T, state: W, showTwoPercentStakeholder: v } = R();
|
|
26
|
+
if (U(() => {
|
|
27
|
+
o === a.OWNER ? s("paymentUnit", "Paycheck") : o === a.COMMISSION_ONLY_NONEXEMPT || o === a.COMMISSION_ONLY_EXEMPT ? (s("paymentUnit", "Year"), s("rate", 0)) : p?.paymentUnit && s("paymentUnit", p.paymentUnit);
|
|
28
|
+
}, [o, s, p?.paymentUnit]), !(n === "ADD_INITIAL_JOB" || n === "ADD_ADDITIONAL_JOB" || n === "EDIT_INITIAL_JOB" || n === "EDIT_ADDITIONAL_JOB"))
|
|
29
29
|
return;
|
|
30
|
-
const
|
|
30
|
+
const L = Object.keys(a).map(
|
|
31
31
|
(i) => ({
|
|
32
32
|
value: a[i],
|
|
33
33
|
label: e(`flsaStatusLabels.${a[i]}`)
|
|
34
34
|
})
|
|
35
|
-
),
|
|
35
|
+
), g = [
|
|
36
36
|
{ value: r.HOUR, label: e("paymentUnitOptions.Hour") },
|
|
37
37
|
{ value: r.WEEK, label: e("paymentUnitOptions.Week") },
|
|
38
38
|
{ value: r.MONTH, label: e("paymentUnitOptions.Month") },
|
|
39
39
|
{ value: r.YEAR, label: e("paymentUnitOptions.Year") },
|
|
40
40
|
{ value: r.PAYCHECK, label: e("paymentUnitOptions.Paycheck") }
|
|
41
|
-
],
|
|
42
|
-
|
|
41
|
+
], c = o !== a.NONEXEMPT || y?.primary || n === "ADD_INITIAL_JOB", A = o === a.NONEXEMPT && E.length > 0;
|
|
42
|
+
let u = e("validations.rate");
|
|
43
|
+
return C.rate?.message === Y ? u = e("validations.nonZeroRate") : C.rate?.message === w && (u = e("validations.rateExemptThreshold", {
|
|
44
|
+
limit: l(N)
|
|
45
|
+
})), /* @__PURE__ */ d(O, { children: [
|
|
43
46
|
/* @__PURE__ */ t(
|
|
44
|
-
|
|
47
|
+
B,
|
|
45
48
|
{
|
|
46
49
|
name: "jobTitle",
|
|
47
50
|
label: e("jobTitle"),
|
|
@@ -49,9 +52,9 @@ const se = () => {
|
|
|
49
52
|
errorMessage: e("validations.title")
|
|
50
53
|
}
|
|
51
54
|
),
|
|
52
|
-
!
|
|
53
|
-
|
|
54
|
-
|
|
55
|
+
!c && /* @__PURE__ */ t("input", { type: "hidden", ...h("flsaStatus") }),
|
|
56
|
+
c && /* @__PURE__ */ t(
|
|
57
|
+
b,
|
|
55
58
|
{
|
|
56
59
|
name: "flsaStatus",
|
|
57
60
|
label: e("employeeClassification"),
|
|
@@ -60,33 +63,33 @@ const se = () => {
|
|
|
60
63
|
{
|
|
61
64
|
t: e,
|
|
62
65
|
i18nKey: "classificationCTA",
|
|
63
|
-
components: { classificationCta: /* @__PURE__ */ t(
|
|
66
|
+
components: { classificationCta: /* @__PURE__ */ t(m.Link, {}) }
|
|
64
67
|
}
|
|
65
68
|
),
|
|
66
69
|
errorMessage: e("validations.exemptThreshold", {
|
|
67
|
-
limit:
|
|
70
|
+
limit: l(N)
|
|
68
71
|
}),
|
|
69
|
-
options:
|
|
72
|
+
options: L,
|
|
70
73
|
isRequired: !0,
|
|
71
|
-
isDisabled: !
|
|
72
|
-
onChange:
|
|
74
|
+
isDisabled: !c,
|
|
75
|
+
onChange: T
|
|
73
76
|
}
|
|
74
77
|
),
|
|
75
78
|
/* @__PURE__ */ t(
|
|
76
|
-
|
|
79
|
+
J,
|
|
77
80
|
{
|
|
78
81
|
name: "rate",
|
|
79
82
|
label: e("amount"),
|
|
80
83
|
format: "currency",
|
|
81
84
|
min: 0,
|
|
82
|
-
errorMessage:
|
|
83
|
-
isRequired: !
|
|
85
|
+
errorMessage: u,
|
|
86
|
+
isRequired: !0,
|
|
84
87
|
isDisabled: o === a.COMMISSION_ONLY_NONEXEMPT || o === a.COMMISSION_ONLY_EXEMPT
|
|
85
88
|
}
|
|
86
89
|
),
|
|
87
|
-
|
|
90
|
+
A && /* @__PURE__ */ d(O, { children: [
|
|
88
91
|
/* @__PURE__ */ t(
|
|
89
|
-
|
|
92
|
+
K,
|
|
90
93
|
{
|
|
91
94
|
name: "adjustForMinimumWage",
|
|
92
95
|
label: e("adjustForMinimumWage"),
|
|
@@ -94,34 +97,34 @@ const se = () => {
|
|
|
94
97
|
}
|
|
95
98
|
),
|
|
96
99
|
/* @__PURE__ */ t(
|
|
97
|
-
|
|
100
|
+
b,
|
|
98
101
|
{
|
|
99
102
|
name: "minimumWageId",
|
|
100
103
|
label: e("minimumWageLabel"),
|
|
101
104
|
description: e("minimumWageDescription"),
|
|
102
|
-
options:
|
|
105
|
+
options: E.map((i) => ({
|
|
103
106
|
value: i.uuid,
|
|
104
|
-
label: `${
|
|
107
|
+
label: `${l(Number(i.wage))} - ${i.authority}: ${i.notes ?? ""}`
|
|
105
108
|
})),
|
|
106
109
|
errorMessage: e("validations.minimumWage")
|
|
107
110
|
}
|
|
108
111
|
)
|
|
109
112
|
] }),
|
|
110
113
|
/* @__PURE__ */ t(
|
|
111
|
-
|
|
114
|
+
b,
|
|
112
115
|
{
|
|
113
116
|
name: "paymentUnit",
|
|
114
117
|
label: e("paymentUnitLabel"),
|
|
115
118
|
description: e("paymentUnitDescription"),
|
|
116
|
-
options:
|
|
119
|
+
options: g,
|
|
117
120
|
errorMessage: e("validations.paymentUnit"),
|
|
118
121
|
isDisabled: o === a.OWNER || o === a.COMMISSION_ONLY_NONEXEMPT || o === a.COMMISSION_ONLY_EXEMPT
|
|
119
122
|
}
|
|
120
123
|
),
|
|
121
|
-
|
|
122
|
-
|
|
124
|
+
v && /* @__PURE__ */ t(m.Checkbox, { label: e("twoPercentStakeholderLabel"), name: "twoPercentShareholder" }),
|
|
125
|
+
W === "WA" && /* @__PURE__ */ d(O, { children: [
|
|
123
126
|
/* @__PURE__ */ t(
|
|
124
|
-
|
|
127
|
+
H,
|
|
125
128
|
{
|
|
126
129
|
name: "stateWcCovered",
|
|
127
130
|
label: e("stateWcCoveredLabel"),
|
|
@@ -132,7 +135,7 @@ const se = () => {
|
|
|
132
135
|
i18nKey: "stateWcCoveredDescription",
|
|
133
136
|
components: {
|
|
134
137
|
wcLink: /* @__PURE__ */ t(
|
|
135
|
-
|
|
138
|
+
m.Link,
|
|
136
139
|
{
|
|
137
140
|
href: "https://www.lni.wa.gov/insurance/rates-risk-classes/risk-classes-for-workers-compensation/risk-class-lookup#/",
|
|
138
141
|
target: "_blank",
|
|
@@ -148,12 +151,12 @@ const se = () => {
|
|
|
148
151
|
]
|
|
149
152
|
}
|
|
150
153
|
),
|
|
151
|
-
|
|
152
|
-
|
|
154
|
+
_ && /* @__PURE__ */ t(
|
|
155
|
+
$,
|
|
153
156
|
{
|
|
154
157
|
name: "stateWcClassCode",
|
|
155
158
|
label: e("stateWcClassCodeLabel"),
|
|
156
|
-
options:
|
|
159
|
+
options: S,
|
|
157
160
|
errorMessage: e("validations.stateWcClassCode"),
|
|
158
161
|
placeholder: e("stateWcClassCodeLabel")
|
|
159
162
|
}
|
|
@@ -162,6 +165,6 @@ const se = () => {
|
|
|
162
165
|
] });
|
|
163
166
|
};
|
|
164
167
|
export {
|
|
165
|
-
|
|
168
|
+
me as Edit
|
|
166
169
|
};
|
|
167
170
|
//# sourceMappingURL=Edit.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Edit.js","sources":["../../../../src/components/Employee/Compensation/Edit.tsx"],"sourcesContent":["import { useEffect, useMemo } from 'react'\nimport { useFormContext, useWatch } from 'react-hook-form'\nimport { Trans, useTranslation } from 'react-i18next'\nimport { type CompensationInputs, useCompensation } from './useCompensation'\nimport { FLSA_OVERTIME_SALARY_LIMIT, FlsaStatus, PAY_PERIODS } from '@/shared/constants'\nimport useNumberFormatter from '@/components/Common/hooks/useNumberFormatter'\nimport {\n NumberInputField,\n SelectField,\n TextInputField,\n SwitchField,\n RadioGroupField,\n ComboBoxField,\n} from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { WA_RISK_CLASS_CODES } from '@/models/WA_RISK_CODES'\n\nexport interface SelectCategory {\n id: string\n name: string\n}\n\nexport const Edit = () => {\n const { t } = useTranslation('Employee.Compensation')\n const format = useNumberFormatter('currency')\n const Components = useComponentContext()\n\n const stateWcRiskOptions = useMemo(\n () => WA_RISK_CLASS_CODES.map(({ code, description }) => ({ value: code, label: description })),\n [],\n )\n\n const {\n control,\n register,\n setValue,\n formState: { defaultValues },\n } = useFormContext<CompensationInputs>()\n const watchedFlsaStatus = useWatch({ control, name: 'flsaStatus' })\n const watchedStateWcCovered = useWatch({ control, name: 'stateWcCovered' })\n const { currentJob, mode, minimumWages, handleFlsaChange, state, showTwoPercentStakeholder } =\n useCompensation()\n\n /**Correctly set payment unit selected option and rate based on flsa status, falling back to default */\n useEffect(() => {\n if (watchedFlsaStatus === FlsaStatus.OWNER) {\n setValue('paymentUnit', 'Paycheck')\n } else if (\n watchedFlsaStatus === FlsaStatus.COMMISSION_ONLY_NONEXEMPT ||\n watchedFlsaStatus === FlsaStatus.COMMISSION_ONLY_EXEMPT\n ) {\n setValue('paymentUnit', 'Year')\n setValue('rate', 0)\n } else if (defaultValues?.paymentUnit) {\n setValue('paymentUnit', defaultValues.paymentUnit)\n }\n }, [watchedFlsaStatus, setValue, defaultValues?.paymentUnit])\n\n if (\n !(\n mode === 'ADD_INITIAL_JOB' ||\n mode === 'ADD_ADDITIONAL_JOB' ||\n mode === 'EDIT_INITIAL_JOB' ||\n mode === 'EDIT_ADDITIONAL_JOB'\n )\n )\n return\n\n const classificationOptions = (Object.keys(FlsaStatus) as Array<keyof typeof FlsaStatus>).map(\n key => ({\n value: FlsaStatus[key],\n label: t(`flsaStatusLabels.${FlsaStatus[key]}`),\n }),\n )\n\n const paymentUnitOptions = [\n { value: PAY_PERIODS.HOUR, label: t('paymentUnitOptions.Hour') },\n { value: PAY_PERIODS.WEEK, label: t('paymentUnitOptions.Week') },\n { value: PAY_PERIODS.MONTH, label: t('paymentUnitOptions.Month') },\n { value: PAY_PERIODS.YEAR, label: t('paymentUnitOptions.Year') },\n { value: PAY_PERIODS.PAYCHECK, label: t('paymentUnitOptions.Paycheck') },\n ]\n\n const isFlsaSelectionEnabled =\n watchedFlsaStatus !== FlsaStatus.NONEXEMPT || currentJob?.primary || mode === 'ADD_INITIAL_JOB'\n\n const isAdjustMinimumWageEnabled =\n watchedFlsaStatus === FlsaStatus.NONEXEMPT && minimumWages.length > 0\n\n return (\n <>\n <TextInputField\n name=\"jobTitle\"\n label={t('jobTitle')}\n isRequired\n errorMessage={t('validations.title')}\n />\n {/* hiding flsa selection for secondary jobs */}\n {!isFlsaSelectionEnabled && <input type=\"hidden\" {...register('flsaStatus')} />}\n {isFlsaSelectionEnabled && (\n <SelectField\n name=\"flsaStatus\"\n label={t('employeeClassification')}\n description={\n <Trans\n t={t}\n i18nKey=\"classificationCTA\"\n components={{ classificationCta: <Components.Link /> }}\n />\n }\n errorMessage={t('validations.exemptThreshold', {\n limit: format(FLSA_OVERTIME_SALARY_LIMIT),\n })}\n options={classificationOptions}\n isRequired\n isDisabled={!isFlsaSelectionEnabled}\n onChange={handleFlsaChange}\n />\n )}\n <NumberInputField\n name=\"rate\"\n label={t('amount')}\n format=\"currency\"\n min={0}\n errorMessage={t('validations.rate')}\n isRequired={false}\n isDisabled={\n watchedFlsaStatus === FlsaStatus.COMMISSION_ONLY_NONEXEMPT ||\n watchedFlsaStatus === FlsaStatus.COMMISSION_ONLY_EXEMPT\n }\n />\n {isAdjustMinimumWageEnabled && (\n <>\n <SwitchField\n name=\"adjustForMinimumWage\"\n label={t('adjustForMinimumWage')}\n description={t('adjustForMinimumWageDescription')}\n />\n <SelectField\n name=\"minimumWageId\"\n label={t('minimumWageLabel')}\n description={t('minimumWageDescription')}\n options={minimumWages.map(wage => ({\n value: wage.uuid,\n label: `${format(Number(wage.wage))} - ${wage.authority}: ${wage.notes ?? ''}`,\n }))}\n errorMessage={t('validations.minimumWage')}\n />\n </>\n )}\n <SelectField\n name=\"paymentUnit\"\n label={t('paymentUnitLabel')}\n description={t('paymentUnitDescription')}\n options={paymentUnitOptions}\n errorMessage={t('validations.paymentUnit')}\n isDisabled={\n watchedFlsaStatus === FlsaStatus.OWNER ||\n watchedFlsaStatus === FlsaStatus.COMMISSION_ONLY_NONEXEMPT ||\n watchedFlsaStatus === FlsaStatus.COMMISSION_ONLY_EXEMPT\n }\n />\n {showTwoPercentStakeholder && (\n <Components.Checkbox label={t('twoPercentStakeholderLabel')} name=\"twoPercentShareholder\" />\n )}\n {state === 'WA' && (\n <>\n <RadioGroupField\n name=\"stateWcCovered\"\n label={t('stateWcCoveredLabel')}\n description={\n <Trans\n t={t}\n i18nKey=\"stateWcCoveredDescription\"\n components={{\n wcLink: (\n <Components.Link\n href=\"https://www.lni.wa.gov/insurance/rates-risk-classes/risk-classes-for-workers-compensation/risk-class-lookup#/\"\n target=\"_blank\"\n rel=\"noopener noreferrer\"\n />\n ),\n }}\n />\n }\n options={[\n { label: t('stateWcCoveredOptions.yes'), value: true },\n { label: t('stateWcCoveredOptions.no'), value: false },\n ]}\n />\n {watchedStateWcCovered && (\n <ComboBoxField\n name=\"stateWcClassCode\"\n label={t('stateWcClassCodeLabel')}\n options={stateWcRiskOptions}\n errorMessage={t('validations.stateWcClassCode')}\n placeholder={t('stateWcClassCodeLabel')}\n />\n )}\n </>\n )}\n </>\n )\n}\n"],"names":["Edit","t","useTranslation","format","useNumberFormatter","Components","useComponentContext","stateWcRiskOptions","useMemo","WA_RISK_CLASS_CODES","code","description","control","register","setValue","defaultValues","useFormContext","watchedFlsaStatus","useWatch","watchedStateWcCovered","currentJob","mode","minimumWages","handleFlsaChange","state","showTwoPercentStakeholder","useCompensation","useEffect","FlsaStatus","classificationOptions","key","paymentUnitOptions","PAY_PERIODS","isFlsaSelectionEnabled","isAdjustMinimumWageEnabled","jsxs","Fragment","jsx","TextInputField","SelectField","Trans","FLSA_OVERTIME_SALARY_LIMIT","NumberInputField","SwitchField","wage","RadioGroupField","ComboBoxField"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"Edit.js","sources":["../../../../src/components/Employee/Compensation/Edit.tsx"],"sourcesContent":["import { useEffect, useMemo } from 'react'\nimport { useFormContext, useWatch } from 'react-hook-form'\nimport { Trans, useTranslation } from 'react-i18next'\nimport {\n type CompensationInputs,\n useCompensation,\n rateMinimumError,\n rateExemptThresholdError,\n} from './useCompensation'\nimport { FLSA_OVERTIME_SALARY_LIMIT, FlsaStatus, PAY_PERIODS } from '@/shared/constants'\nimport useNumberFormatter from '@/components/Common/hooks/useNumberFormatter'\nimport {\n NumberInputField,\n SelectField,\n TextInputField,\n SwitchField,\n RadioGroupField,\n ComboBoxField,\n} from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { WA_RISK_CLASS_CODES } from '@/models/WA_RISK_CODES'\n\nexport interface SelectCategory {\n id: string\n name: string\n}\n\nexport const Edit = () => {\n const { t } = useTranslation('Employee.Compensation')\n const format = useNumberFormatter('currency')\n const Components = useComponentContext()\n\n const stateWcRiskOptions = useMemo(\n () => WA_RISK_CLASS_CODES.map(({ code, description }) => ({ value: code, label: description })),\n [],\n )\n\n const {\n control,\n register,\n setValue,\n formState: { errors, defaultValues },\n } = useFormContext<CompensationInputs>()\n\n const watchedFlsaStatus = useWatch({ control, name: 'flsaStatus' })\n const watchedStateWcCovered = useWatch({ control, name: 'stateWcCovered' })\n const { currentJob, mode, minimumWages, handleFlsaChange, state, showTwoPercentStakeholder } =\n useCompensation()\n\n /**Correctly set payment unit selected option and rate based on flsa status, falling back to default */\n useEffect(() => {\n if (watchedFlsaStatus === FlsaStatus.OWNER) {\n setValue('paymentUnit', 'Paycheck')\n } else if (\n watchedFlsaStatus === FlsaStatus.COMMISSION_ONLY_NONEXEMPT ||\n watchedFlsaStatus === FlsaStatus.COMMISSION_ONLY_EXEMPT\n ) {\n setValue('paymentUnit', 'Year')\n setValue('rate', 0)\n } else if (defaultValues?.paymentUnit) {\n setValue('paymentUnit', defaultValues.paymentUnit)\n }\n }, [watchedFlsaStatus, setValue, defaultValues?.paymentUnit])\n\n if (\n !(\n mode === 'ADD_INITIAL_JOB' ||\n mode === 'ADD_ADDITIONAL_JOB' ||\n mode === 'EDIT_INITIAL_JOB' ||\n mode === 'EDIT_ADDITIONAL_JOB'\n )\n )\n return\n\n const classificationOptions = (Object.keys(FlsaStatus) as Array<keyof typeof FlsaStatus>).map(\n key => ({\n value: FlsaStatus[key],\n label: t(`flsaStatusLabels.${FlsaStatus[key]}`),\n }),\n )\n\n const paymentUnitOptions = [\n { value: PAY_PERIODS.HOUR, label: t('paymentUnitOptions.Hour') },\n { value: PAY_PERIODS.WEEK, label: t('paymentUnitOptions.Week') },\n { value: PAY_PERIODS.MONTH, label: t('paymentUnitOptions.Month') },\n { value: PAY_PERIODS.YEAR, label: t('paymentUnitOptions.Year') },\n { value: PAY_PERIODS.PAYCHECK, label: t('paymentUnitOptions.Paycheck') },\n ]\n\n const isFlsaSelectionEnabled =\n watchedFlsaStatus !== FlsaStatus.NONEXEMPT || currentJob?.primary || mode === 'ADD_INITIAL_JOB'\n\n const isAdjustMinimumWageEnabled =\n watchedFlsaStatus === FlsaStatus.NONEXEMPT && minimumWages.length > 0\n\n let rateErrorMessage = t('validations.rate')\n if (errors.rate?.message === rateMinimumError) {\n rateErrorMessage = t('validations.nonZeroRate')\n } else if (errors.rate?.message === rateExemptThresholdError) {\n rateErrorMessage = t('validations.rateExemptThreshold', {\n limit: format(FLSA_OVERTIME_SALARY_LIMIT),\n })\n }\n\n return (\n <>\n <TextInputField\n name=\"jobTitle\"\n label={t('jobTitle')}\n isRequired\n errorMessage={t('validations.title')}\n />\n {/* hiding flsa selection for secondary jobs */}\n {!isFlsaSelectionEnabled && <input type=\"hidden\" {...register('flsaStatus')} />}\n {isFlsaSelectionEnabled && (\n <SelectField\n name=\"flsaStatus\"\n label={t('employeeClassification')}\n description={\n <Trans\n t={t}\n i18nKey=\"classificationCTA\"\n components={{ classificationCta: <Components.Link /> }}\n />\n }\n errorMessage={t('validations.exemptThreshold', {\n limit: format(FLSA_OVERTIME_SALARY_LIMIT),\n })}\n options={classificationOptions}\n isRequired\n isDisabled={!isFlsaSelectionEnabled}\n onChange={handleFlsaChange}\n />\n )}\n <NumberInputField\n name=\"rate\"\n label={t('amount')}\n format=\"currency\"\n min={0}\n errorMessage={rateErrorMessage}\n isRequired\n isDisabled={\n watchedFlsaStatus === FlsaStatus.COMMISSION_ONLY_NONEXEMPT ||\n watchedFlsaStatus === FlsaStatus.COMMISSION_ONLY_EXEMPT\n }\n />\n {isAdjustMinimumWageEnabled && (\n <>\n <SwitchField\n name=\"adjustForMinimumWage\"\n label={t('adjustForMinimumWage')}\n description={t('adjustForMinimumWageDescription')}\n />\n <SelectField\n name=\"minimumWageId\"\n label={t('minimumWageLabel')}\n description={t('minimumWageDescription')}\n options={minimumWages.map(wage => ({\n value: wage.uuid,\n label: `${format(Number(wage.wage))} - ${wage.authority}: ${wage.notes ?? ''}`,\n }))}\n errorMessage={t('validations.minimumWage')}\n />\n </>\n )}\n <SelectField\n name=\"paymentUnit\"\n label={t('paymentUnitLabel')}\n description={t('paymentUnitDescription')}\n options={paymentUnitOptions}\n errorMessage={t('validations.paymentUnit')}\n isDisabled={\n watchedFlsaStatus === FlsaStatus.OWNER ||\n watchedFlsaStatus === FlsaStatus.COMMISSION_ONLY_NONEXEMPT ||\n watchedFlsaStatus === FlsaStatus.COMMISSION_ONLY_EXEMPT\n }\n />\n {showTwoPercentStakeholder && (\n <Components.Checkbox label={t('twoPercentStakeholderLabel')} name=\"twoPercentShareholder\" />\n )}\n {state === 'WA' && (\n <>\n <RadioGroupField\n name=\"stateWcCovered\"\n label={t('stateWcCoveredLabel')}\n description={\n <Trans\n t={t}\n i18nKey=\"stateWcCoveredDescription\"\n components={{\n wcLink: (\n <Components.Link\n href=\"https://www.lni.wa.gov/insurance/rates-risk-classes/risk-classes-for-workers-compensation/risk-class-lookup#/\"\n target=\"_blank\"\n rel=\"noopener noreferrer\"\n />\n ),\n }}\n />\n }\n options={[\n { label: t('stateWcCoveredOptions.yes'), value: true },\n { label: t('stateWcCoveredOptions.no'), value: false },\n ]}\n />\n {watchedStateWcCovered && (\n <ComboBoxField\n name=\"stateWcClassCode\"\n label={t('stateWcClassCodeLabel')}\n options={stateWcRiskOptions}\n errorMessage={t('validations.stateWcClassCode')}\n placeholder={t('stateWcClassCodeLabel')}\n />\n )}\n </>\n )}\n </>\n )\n}\n"],"names":["Edit","t","useTranslation","format","useNumberFormatter","Components","useComponentContext","stateWcRiskOptions","useMemo","WA_RISK_CLASS_CODES","code","description","control","register","setValue","errors","defaultValues","useFormContext","watchedFlsaStatus","useWatch","watchedStateWcCovered","currentJob","mode","minimumWages","handleFlsaChange","state","showTwoPercentStakeholder","useCompensation","useEffect","FlsaStatus","classificationOptions","key","paymentUnitOptions","PAY_PERIODS","isFlsaSelectionEnabled","isAdjustMinimumWageEnabled","rateErrorMessage","rateMinimumError","rateExemptThresholdError","FLSA_OVERTIME_SALARY_LIMIT","jsxs","Fragment","jsx","TextInputField","SelectField","Trans","NumberInputField","SwitchField","wage","RadioGroupField","ComboBoxField"],"mappings":"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"}
|
|
@@ -1,6 +1,8 @@
|
|
|
1
1
|
import { Job } from '@gusto/embedded-api/models/components/job';
|
|
2
2
|
import { MinimumWage } from '@gusto/embedded-api/models/components/minimumwage';
|
|
3
3
|
import { z } from 'zod';
|
|
4
|
+
export declare const rateMinimumError = "rate_minimum_error";
|
|
5
|
+
export declare const rateExemptThresholdError = "rate_exempt_threshold_error";
|
|
4
6
|
export declare const CompensationSchema: z.ZodEffects<z.ZodObject<{
|
|
5
7
|
jobTitle: z.ZodString;
|
|
6
8
|
adjustForMinimumWage: z.ZodBoolean;
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { z as e } from "zod";
|
|
2
|
-
import { createCompoundContext as
|
|
3
|
-
import { FlsaStatus as s, FLSA_OVERTIME_SALARY_LIMIT as
|
|
4
|
-
import { yearlyRate as
|
|
5
|
-
const
|
|
2
|
+
import { createCompoundContext as d } from "../../Base/createCompoundContext.js";
|
|
3
|
+
import { FlsaStatus as s, FLSA_OVERTIME_SALARY_LIMIT as n } from "../../../shared/constants.js";
|
|
4
|
+
import { yearlyRate as u } from "../../../helpers/payRateCalculator.js";
|
|
5
|
+
const r = "rate_minimum_error", c = "rate_exempt_threshold_error", M = e.object({
|
|
6
6
|
jobTitle: e.string().min(1),
|
|
7
7
|
adjustForMinimumWage: e.boolean(),
|
|
8
8
|
minimumWageId: e.string().optional(),
|
|
@@ -30,14 +30,14 @@ const C = e.object({
|
|
|
30
30
|
message: "stateWcClassCode is required when stateWcCovered is true"
|
|
31
31
|
});
|
|
32
32
|
const { flsaStatus: m, paymentUnit: i, rate: a } = t;
|
|
33
|
-
m === s.EXEMPT || m === s.SALARIED_NONEXEMPT || m === s.NONEXEMPT ? (
|
|
33
|
+
m === s.EXEMPT || m === s.SALARIED_NONEXEMPT || m === s.NONEXEMPT ? (m === s.EXEMPT && a !== void 0 && u(Number(a), i) < n && o.addIssue({
|
|
34
34
|
code: e.ZodIssueCode.custom,
|
|
35
35
|
path: ["rate"],
|
|
36
|
-
message:
|
|
37
|
-
}),
|
|
36
|
+
message: c
|
|
37
|
+
}), (a === void 0 || a < 1) && o.addIssue({
|
|
38
38
|
code: e.ZodIssueCode.custom,
|
|
39
39
|
path: ["rate"],
|
|
40
|
-
message:
|
|
40
|
+
message: r
|
|
41
41
|
})) : m === s.OWNER ? (i !== "Paycheck" && o.addIssue({
|
|
42
42
|
code: e.ZodIssueCode.custom,
|
|
43
43
|
path: ["paymentUnit"],
|
|
@@ -45,7 +45,7 @@ const C = e.object({
|
|
|
45
45
|
}), (a === void 0 || a < 1) && o.addIssue({
|
|
46
46
|
code: e.ZodIssueCode.custom,
|
|
47
47
|
path: ["rate"],
|
|
48
|
-
message:
|
|
48
|
+
message: r
|
|
49
49
|
})) : [s.COMMISSION_ONLY_EXEMPT, s.COMMISSION_ONLY_NONEXEMPT].includes(m) && (i !== "Year" && o.addIssue({
|
|
50
50
|
code: e.ZodIssueCode.custom,
|
|
51
51
|
path: ["paymentUnit"],
|
|
@@ -53,12 +53,14 @@ const C = e.object({
|
|
|
53
53
|
}), a !== 0 && o.addIssue({
|
|
54
54
|
code: e.ZodIssueCode.custom,
|
|
55
55
|
path: ["rate"],
|
|
56
|
-
message:
|
|
56
|
+
message: r
|
|
57
57
|
}));
|
|
58
|
-
}), [
|
|
58
|
+
}), [l, N] = d("CompensationContext");
|
|
59
59
|
export {
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
60
|
+
N as CompensationProvider,
|
|
61
|
+
M as CompensationSchema,
|
|
62
|
+
c as rateExemptThresholdError,
|
|
63
|
+
r as rateMinimumError,
|
|
64
|
+
l as useCompensation
|
|
63
65
|
};
|
|
64
66
|
//# sourceMappingURL=useCompensation.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useCompensation.js","sources":["../../../../src/components/Employee/Compensation/useCompensation.ts"],"sourcesContent":["import type { Job } from '@gusto/embedded-api/models/components/job'\nimport type { MinimumWage } from '@gusto/embedded-api/models/components/minimumwage'\nimport { z } from 'zod'\nimport { createCompoundContext } from '@/components/Base/createCompoundContext'\nimport { FLSA_OVERTIME_SALARY_LIMIT, FlsaStatus } from '@/shared/constants'\nimport { yearlyRate } from '@/helpers/payRateCalculator'\n\nexport const CompensationSchema = z\n .object({\n jobTitle: z.string().min(1),\n adjustForMinimumWage: z.boolean(),\n minimumWageId: z.string().optional(),\n stateWcCovered: z.boolean().optional(),\n stateWcClassCode: z.string().optional(),\n twoPercentShareholder: z.boolean().optional(),\n flsaStatus: z.enum([\n FlsaStatus.EXEMPT,\n FlsaStatus.SALARIED_NONEXEMPT,\n FlsaStatus.NONEXEMPT,\n FlsaStatus.OWNER,\n FlsaStatus.COMMISSION_ONLY_EXEMPT,\n FlsaStatus.COMMISSION_ONLY_NONEXEMPT,\n ]),\n paymentUnit: z.enum(['Hour', 'Week', 'Month', 'Year', 'Paycheck']),\n rate: z.number().optional(),\n })\n .superRefine((data, ctx) => {\n // adjustForMinimumWage\n if (data.adjustForMinimumWage && (!data.minimumWageId || data.minimumWageId.trim() === '')) {\n ctx.addIssue({\n code: z.ZodIssueCode.custom,\n path: ['minimumWageId'],\n message: 'minimumWageId is required when adjustForMinimumWage is true',\n })\n }\n\n // stateWcCovered\n if (\n data.stateWcCovered === true &&\n (!data.stateWcClassCode || data.stateWcClassCode.trim() === '')\n ) {\n ctx.addIssue({\n code: z.ZodIssueCode.custom,\n path: ['stateWcClassCode'],\n message: 'stateWcClassCode is required when stateWcCovered is true',\n })\n }\n\n // FLSA logic\n const { flsaStatus, paymentUnit, rate } = data\n if (\n flsaStatus === FlsaStatus.EXEMPT ||\n flsaStatus === FlsaStatus.SALARIED_NONEXEMPT ||\n flsaStatus === FlsaStatus.NONEXEMPT\n ) {\n if (
|
|
1
|
+
{"version":3,"file":"useCompensation.js","sources":["../../../../src/components/Employee/Compensation/useCompensation.ts"],"sourcesContent":["import type { Job } from '@gusto/embedded-api/models/components/job'\nimport type { MinimumWage } from '@gusto/embedded-api/models/components/minimumwage'\nimport { z } from 'zod'\nimport { createCompoundContext } from '@/components/Base/createCompoundContext'\nimport { FLSA_OVERTIME_SALARY_LIMIT, FlsaStatus } from '@/shared/constants'\nimport { yearlyRate } from '@/helpers/payRateCalculator'\n\nexport const rateMinimumError = 'rate_minimum_error'\nexport const rateExemptThresholdError = 'rate_exempt_threshold_error'\n\nexport const CompensationSchema = z\n .object({\n jobTitle: z.string().min(1),\n adjustForMinimumWage: z.boolean(),\n minimumWageId: z.string().optional(),\n stateWcCovered: z.boolean().optional(),\n stateWcClassCode: z.string().optional(),\n twoPercentShareholder: z.boolean().optional(),\n flsaStatus: z.enum([\n FlsaStatus.EXEMPT,\n FlsaStatus.SALARIED_NONEXEMPT,\n FlsaStatus.NONEXEMPT,\n FlsaStatus.OWNER,\n FlsaStatus.COMMISSION_ONLY_EXEMPT,\n FlsaStatus.COMMISSION_ONLY_NONEXEMPT,\n ]),\n paymentUnit: z.enum(['Hour', 'Week', 'Month', 'Year', 'Paycheck']),\n rate: z.number().optional(),\n })\n .superRefine((data, ctx) => {\n // adjustForMinimumWage\n if (data.adjustForMinimumWage && (!data.minimumWageId || data.minimumWageId.trim() === '')) {\n ctx.addIssue({\n code: z.ZodIssueCode.custom,\n path: ['minimumWageId'],\n message: 'minimumWageId is required when adjustForMinimumWage is true',\n })\n }\n\n // stateWcCovered\n if (\n data.stateWcCovered === true &&\n (!data.stateWcClassCode || data.stateWcClassCode.trim() === '')\n ) {\n ctx.addIssue({\n code: z.ZodIssueCode.custom,\n path: ['stateWcClassCode'],\n message: 'stateWcClassCode is required when stateWcCovered is true',\n })\n }\n\n // FLSA logic\n const { flsaStatus, paymentUnit, rate } = data\n if (\n flsaStatus === FlsaStatus.EXEMPT ||\n flsaStatus === FlsaStatus.SALARIED_NONEXEMPT ||\n flsaStatus === FlsaStatus.NONEXEMPT\n ) {\n // For EXEMPT, check salary threshold\n if (\n flsaStatus === FlsaStatus.EXEMPT &&\n rate !== undefined &&\n yearlyRate(Number(rate), paymentUnit) < FLSA_OVERTIME_SALARY_LIMIT\n ) {\n ctx.addIssue({\n code: z.ZodIssueCode.custom,\n path: ['rate'],\n message: rateExemptThresholdError,\n })\n }\n\n if (rate === undefined || rate < 1) {\n ctx.addIssue({\n code: z.ZodIssueCode.custom,\n path: ['rate'],\n message: rateMinimumError,\n })\n }\n } else if (flsaStatus === FlsaStatus.OWNER) {\n if (paymentUnit !== 'Paycheck') {\n ctx.addIssue({\n code: z.ZodIssueCode.custom,\n path: ['paymentUnit'],\n message: 'paymentUnit must be Paycheck for OWNER',\n })\n }\n if (rate === undefined || rate < 1) {\n ctx.addIssue({\n code: z.ZodIssueCode.custom,\n path: ['rate'],\n message: rateMinimumError,\n })\n }\n } else if (\n [FlsaStatus.COMMISSION_ONLY_EXEMPT, FlsaStatus.COMMISSION_ONLY_NONEXEMPT].includes(flsaStatus)\n ) {\n if (paymentUnit !== 'Year') {\n ctx.addIssue({\n code: z.ZodIssueCode.custom,\n path: ['paymentUnit'],\n message: 'paymentUnit must be Year for commission-only FLSA statuses',\n })\n }\n if (rate !== 0) {\n ctx.addIssue({\n code: z.ZodIssueCode.custom,\n path: ['rate'],\n message: rateMinimumError,\n })\n }\n }\n })\n\nexport type CompensationInputs = z.input<typeof CompensationSchema>\nexport type CompensationOutputs = z.output<typeof CompensationSchema>\n\nexport type MODE =\n | 'LIST'\n | 'ADD_ADDITIONAL_JOB'\n | 'ADD_INITIAL_JOB'\n | 'EDIT_ADDITIONAL_JOB'\n | 'EDIT_INITIAL_JOB'\n | 'PROCEED'\n\ntype CompensationContextType = {\n employeeJobs: Job[]\n currentJob?: Job | null\n primaryFlsaStatus?: string\n isPending: boolean\n mode: MODE\n showFlsaChangeWarning: boolean\n minimumWages: MinimumWage[]\n state?: string\n showTwoPercentStakeholder?: boolean\n submitWithEffect: (newMode: MODE) => void\n handleAdd: () => void\n handleEdit: (uuid: string) => void\n handleDelete: (uuid: string) => void\n handleFlsaChange: (status: string | number) => void\n handleCancelAddJob: () => void\n}\nconst [useCompensation, CompensationProvider] =\n createCompoundContext<CompensationContextType>('CompensationContext')\nexport { useCompensation, CompensationProvider }\n"],"names":["rateMinimumError","rateExemptThresholdError","CompensationSchema","z","FlsaStatus","data","ctx","flsaStatus","paymentUnit","rate","yearlyRate","FLSA_OVERTIME_SALARY_LIMIT","useCompensation","CompensationProvider","createCompoundContext"],"mappings":";;;;AAOO,MAAMA,IAAmB,sBACnBC,IAA2B,+BAE3BC,IAAqBC,EAC/B,OAAO;AAAA,EACN,UAAUA,EAAE,SAAS,IAAI,CAAC;AAAA,EAC1B,sBAAsBA,EAAE,QAAQ;AAAA,EAChC,eAAeA,EAAE,OAAO,EAAE,SAAS;AAAA,EACnC,gBAAgBA,EAAE,QAAQ,EAAE,SAAS;AAAA,EACrC,kBAAkBA,EAAE,OAAO,EAAE,SAAS;AAAA,EACtC,uBAAuBA,EAAE,QAAQ,EAAE,SAAS;AAAA,EAC5C,YAAYA,EAAE,KAAK;AAAA,IACjBC,EAAW;AAAA,IACXA,EAAW;AAAA,IACXA,EAAW;AAAA,IACXA,EAAW;AAAA,IACXA,EAAW;AAAA,IACXA,EAAW;AAAA,EAAA,CACZ;AAAA,EACD,aAAaD,EAAE,KAAK,CAAC,QAAQ,QAAQ,SAAS,QAAQ,UAAU,CAAC;AAAA,EACjE,MAAMA,EAAE,OAAO,EAAE,SAAS;AAC5B,CAAC,EACA,YAAY,CAACE,GAAMC,MAAQ;AAEtB,EAAAD,EAAK,yBAAyB,CAACA,EAAK,iBAAiBA,EAAK,cAAc,WAAW,OACrFC,EAAI,SAAS;AAAA,IACX,MAAMH,EAAE,aAAa;AAAA,IACrB,MAAM,CAAC,eAAe;AAAA,IACtB,SAAS;AAAA,EAAA,CACV,GAKDE,EAAK,mBAAmB,OACvB,CAACA,EAAK,oBAAoBA,EAAK,iBAAiB,KAAK,MAAM,OAE5DC,EAAI,SAAS;AAAA,IACX,MAAMH,EAAE,aAAa;AAAA,IACrB,MAAM,CAAC,kBAAkB;AAAA,IACzB,SAAS;AAAA,EAAA,CACV;AAIH,QAAM,EAAE,YAAAI,GAAY,aAAAC,GAAa,MAAAC,EAAS,IAAAJ;AAExC,EAAAE,MAAeH,EAAW,UAC1BG,MAAeH,EAAW,sBAC1BG,MAAeH,EAAW,aAIxBG,MAAeH,EAAW,UAC1BK,MAAS,UACTC,EAAW,OAAOD,CAAI,GAAGD,CAAW,IAAIG,KAExCL,EAAI,SAAS;AAAA,IACX,MAAMH,EAAE,aAAa;AAAA,IACrB,MAAM,CAAC,MAAM;AAAA,IACb,SAASF;AAAA,EAAA,CACV,IAGCQ,MAAS,UAAaA,IAAO,MAC/BH,EAAI,SAAS;AAAA,IACX,MAAMH,EAAE,aAAa;AAAA,IACrB,MAAM,CAAC,MAAM;AAAA,IACb,SAASH;AAAA,EAAA,CACV,KAEMO,MAAeH,EAAW,SAC/BI,MAAgB,cAClBF,EAAI,SAAS;AAAA,IACX,MAAMH,EAAE,aAAa;AAAA,IACrB,MAAM,CAAC,aAAa;AAAA,IACpB,SAAS;AAAA,EAAA,CACV,IAECM,MAAS,UAAaA,IAAO,MAC/BH,EAAI,SAAS;AAAA,IACX,MAAMH,EAAE,aAAa;AAAA,IACrB,MAAM,CAAC,MAAM;AAAA,IACb,SAASH;AAAA,EAAA,CACV,KAGH,CAACI,EAAW,wBAAwBA,EAAW,yBAAyB,EAAE,SAASG,CAAU,MAEzFC,MAAgB,UAClBF,EAAI,SAAS;AAAA,IACX,MAAMH,EAAE,aAAa;AAAA,IACrB,MAAM,CAAC,aAAa;AAAA,IACpB,SAAS;AAAA,EAAA,CACV,GAECM,MAAS,KACXH,EAAI,SAAS;AAAA,IACX,MAAMH,EAAE,aAAa;AAAA,IACrB,MAAM,CAAC,MAAM;AAAA,IACb,SAASH;AAAA,EAAA,CACV;AAGP,CAAC,GA8BG,CAACY,GAAiBC,CAAoB,IAC1CC,EAA+C,qBAAqB;"}
|
|
@@ -7,7 +7,7 @@ import { useComponentContext as D } from "../../../contexts/ComponentAdapter/use
|
|
|
7
7
|
import { TextInputField as g } from "../../Common/Fields/TextInputField/TextInputField.js";
|
|
8
8
|
import { RadioGroupField as a } from "../../Common/Fields/RadioGroupField/RadioGroupField.js";
|
|
9
9
|
import { NumberInputField as u } from "../../Common/Fields/NumberInputField/NumberInputField.js";
|
|
10
|
-
import { CheckboxField as
|
|
10
|
+
import { CheckboxField as x } from "../../Common/Fields/CheckboxField/CheckboxField.js";
|
|
11
11
|
const I = () => {
|
|
12
12
|
const { mode: n } = b(), { control: r } = s();
|
|
13
13
|
f("Employee.Deductions");
|
|
@@ -58,8 +58,16 @@ const I = () => {
|
|
|
58
58
|
errorMessage: e("validations.amount")
|
|
59
59
|
}
|
|
60
60
|
) }),
|
|
61
|
-
c === "true" && /* @__PURE__ */ t(
|
|
62
|
-
|
|
61
|
+
c === "true" && /* @__PURE__ */ t(
|
|
62
|
+
u,
|
|
63
|
+
{
|
|
64
|
+
name: "annualMaximum",
|
|
65
|
+
label: e("annualMaxLabel"),
|
|
66
|
+
format: "currency",
|
|
67
|
+
min: 0
|
|
68
|
+
}
|
|
69
|
+
),
|
|
70
|
+
/* @__PURE__ */ t(x, { name: "courtOrdered", label: e("courtOrderedLabel") })
|
|
63
71
|
] });
|
|
64
72
|
};
|
|
65
73
|
export {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DeductionForm.js","sources":["../../../../src/components/Employee/Deductions/DeductionForm.tsx"],"sourcesContent":["import { useFormContext, useWatch } from 'react-hook-form'\nimport { useTranslation } from 'react-i18next'\nimport { useDeductions, type DeductionInputs } from './useDeductions'\nimport {\n CheckboxField,\n NumberInputField,\n RadioGroupField,\n TextInputField,\n} from '@/components/Common'\nimport { useI18n } from '@/i18n'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\nexport const DeductionForm = () => {\n const { mode } = useDeductions()\n const { control } = useFormContext<DeductionInputs>()\n useI18n('Employee.Deductions')\n const { t } = useTranslation('Employee.Deductions')\n const Components = useComponentContext()\n\n const watchedRecurring = useWatch({ control, name: 'recurring' })\n const watchedDeductAsPercentage = useWatch({ control, name: 'deductAsPercentage' })\n\n if (mode !== 'ADD' && mode !== 'EDIT') return\n\n return (\n <>\n <Components.Heading as=\"h2\">\n {mode === 'EDIT' ? t('editDeductionTitle') : t('addDeductionTitle')}\n </Components.Heading>\n <Components.Text>{t('addDeuctionDescription')}</Components.Text>\n <TextInputField\n name=\"description\"\n label={t('descriptionLabel')}\n isRequired\n errorMessage={t('validations.description')}\n />\n <RadioGroupField\n name=\"recurring\"\n label={t('frequencyLabel')}\n options={[\n { value: 'true', label: t('frequencyRecurringOption') },\n { value: 'false', label: t('frequencyOneTimeOption') },\n ]}\n />\n <RadioGroupField\n name=\"deductAsPercentage\"\n label={t('deductionTypeLabel')}\n options={[\n { value: 'true', label: t('deductionTypePercentageOption') },\n { value: 'false', label: t('deductionTypeFixedAmountOption') },\n ]}\n />\n <div className=\"deduction-amount-section\">\n <NumberInputField\n name=\"amount\"\n isRequired\n label={t('deductionAmountLabel')}\n format={watchedDeductAsPercentage === 'true' ? 'percent' : 'currency'}\n min={0}\n errorMessage={t('validations.amount')}\n />\n </div>\n {watchedRecurring === 'true' && (\n <NumberInputField
|
|
1
|
+
{"version":3,"file":"DeductionForm.js","sources":["../../../../src/components/Employee/Deductions/DeductionForm.tsx"],"sourcesContent":["import { useFormContext, useWatch } from 'react-hook-form'\nimport { useTranslation } from 'react-i18next'\nimport { useDeductions, type DeductionInputs } from './useDeductions'\nimport {\n CheckboxField,\n NumberInputField,\n RadioGroupField,\n TextInputField,\n} from '@/components/Common'\nimport { useI18n } from '@/i18n'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\nexport const DeductionForm = () => {\n const { mode } = useDeductions()\n const { control } = useFormContext<DeductionInputs>()\n useI18n('Employee.Deductions')\n const { t } = useTranslation('Employee.Deductions')\n const Components = useComponentContext()\n\n const watchedRecurring = useWatch({ control, name: 'recurring' })\n const watchedDeductAsPercentage = useWatch({ control, name: 'deductAsPercentage' })\n\n if (mode !== 'ADD' && mode !== 'EDIT') return\n\n return (\n <>\n <Components.Heading as=\"h2\">\n {mode === 'EDIT' ? t('editDeductionTitle') : t('addDeductionTitle')}\n </Components.Heading>\n <Components.Text>{t('addDeuctionDescription')}</Components.Text>\n <TextInputField\n name=\"description\"\n label={t('descriptionLabel')}\n isRequired\n errorMessage={t('validations.description')}\n />\n <RadioGroupField\n name=\"recurring\"\n label={t('frequencyLabel')}\n options={[\n { value: 'true', label: t('frequencyRecurringOption') },\n { value: 'false', label: t('frequencyOneTimeOption') },\n ]}\n />\n <RadioGroupField\n name=\"deductAsPercentage\"\n label={t('deductionTypeLabel')}\n options={[\n { value: 'true', label: t('deductionTypePercentageOption') },\n { value: 'false', label: t('deductionTypeFixedAmountOption') },\n ]}\n />\n <div className=\"deduction-amount-section\">\n <NumberInputField\n name=\"amount\"\n isRequired\n label={t('deductionAmountLabel')}\n format={watchedDeductAsPercentage === 'true' ? 'percent' : 'currency'}\n min={0}\n errorMessage={t('validations.amount')}\n />\n </div>\n {watchedRecurring === 'true' && (\n <NumberInputField\n name=\"annualMaximum\"\n label={t('annualMaxLabel')}\n format=\"currency\"\n min={0}\n />\n )}\n <CheckboxField name=\"courtOrdered\" label={t('courtOrderedLabel')} />\n </>\n )\n}\n"],"names":["DeductionForm","mode","useDeductions","control","useFormContext","useI18n","t","useTranslation","Components","useComponentContext","watchedRecurring","useWatch","watchedDeductAsPercentage","jsxs","Fragment","jsx","TextInputField","RadioGroupField","NumberInputField","CheckboxField"],"mappings":";;;;;;;;;;AAYO,MAAMA,IAAgB,MAAM;AAC3B,QAAA,EAAE,MAAAC,EAAK,IAAIC,EAAc,GACzB,EAAE,SAAAC,EAAQ,IAAIC,EAAgC;AACpD,EAAAC,EAAQ,qBAAqB;AAC7B,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,qBAAqB,GAC5CC,IAAaC,EAAoB,GAEjCC,IAAmBC,EAAS,EAAE,SAAAR,GAAS,MAAM,aAAa,GAC1DS,IAA4BD,EAAS,EAAE,SAAAR,GAAS,MAAM,sBAAsB;AAE9E,MAAA,EAAAF,MAAS,SAASA,MAAS;AAE/B,WAEI,gBAAAY,EAAAC,GAAA,EAAA,UAAA;AAAA,MAAA,gBAAAC,EAACP,EAAW,SAAX,EAAmB,IAAG,MACpB,UAAkBF,EAAlBL,MAAS,SAAW,uBAA0B,mBAAN,EAC3C,CAAA;AAAA,wBACCO,EAAW,MAAX,EAAiB,UAAAF,EAAE,wBAAwB,GAAE;AAAA,MAC9C,gBAAAS;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,OAAOV,EAAE,kBAAkB;AAAA,UAC3B,YAAU;AAAA,UACV,cAAcA,EAAE,yBAAyB;AAAA,QAAA;AAAA,MAC3C;AAAA,MACA,gBAAAS;AAAA,QAACE;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,OAAOX,EAAE,gBAAgB;AAAA,UACzB,SAAS;AAAA,YACP,EAAE,OAAO,QAAQ,OAAOA,EAAE,0BAA0B,EAAE;AAAA,YACtD,EAAE,OAAO,SAAS,OAAOA,EAAE,wBAAwB,EAAE;AAAA,UAAA;AAAA,QACvD;AAAA,MACF;AAAA,MACA,gBAAAS;AAAA,QAACE;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,OAAOX,EAAE,oBAAoB;AAAA,UAC7B,SAAS;AAAA,YACP,EAAE,OAAO,QAAQ,OAAOA,EAAE,+BAA+B,EAAE;AAAA,YAC3D,EAAE,OAAO,SAAS,OAAOA,EAAE,gCAAgC,EAAE;AAAA,UAAA;AAAA,QAC/D;AAAA,MACF;AAAA,MACA,gBAAAS,EAAC,OAAI,EAAA,WAAU,4BACb,UAAA,gBAAAA;AAAA,QAACG;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,YAAU;AAAA,UACV,OAAOZ,EAAE,sBAAsB;AAAA,UAC/B,QAAQM,MAA8B,SAAS,YAAY;AAAA,UAC3D,KAAK;AAAA,UACL,cAAcN,EAAE,oBAAoB;AAAA,QAAA;AAAA,MAAA,GAExC;AAAA,MACCI,MAAqB,UACpB,gBAAAK;AAAA,QAACG;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,OAAOZ,EAAE,gBAAgB;AAAA,UACzB,QAAO;AAAA,UACP,KAAK;AAAA,QAAA;AAAA,MACP;AAAA,wBAEDa,GAAc,EAAA,MAAK,gBAAe,OAAOb,EAAE,mBAAmB,EAAG,CAAA;AAAA,IAAA,GACpE;AAEJ;"}
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import { jsx as t, jsxs as C } from "react/jsx-runtime";
|
|
2
2
|
import { useTranslation as q } from "react-i18next";
|
|
3
3
|
import { useState as M, useMemo as y, useEffect as B } from "react";
|
|
4
|
-
import { z as
|
|
5
|
-
import { useForm as
|
|
4
|
+
import { z as T } from "zod";
|
|
5
|
+
import { useForm as L, FormProvider as O } from "react-hook-form";
|
|
6
6
|
import { zodResolver as R } from "@hookform/resolvers/zod";
|
|
7
|
-
import { useGarnishmentsListSuspense as G, invalidateGarnishmentsList as
|
|
7
|
+
import { useGarnishmentsListSuspense as G, invalidateGarnishmentsList as N } from "@gusto/embedded-api/react-query/garnishmentsList";
|
|
8
8
|
import { useGarnishmentsCreateMutation as j } from "@gusto/embedded-api/react-query/garnishmentsCreate";
|
|
9
9
|
import { useGarnishmentsUpdateMutation as z } from "@gusto/embedded-api/react-query/garnishmentsUpdate";
|
|
10
10
|
import { useQueryClient as H } from "@tanstack/react-query";
|
|
@@ -14,24 +14,24 @@ import { useBase as J } from "../../Base/useBase.js";
|
|
|
14
14
|
import { Form as S } from "../../Common/Form/Form.js";
|
|
15
15
|
import { useComponentDictionary as K, useI18n as W } from "../../../i18n/I18n.js";
|
|
16
16
|
import { componentEvents as s } from "../../../shared/constants.js";
|
|
17
|
-
import { Actions as
|
|
17
|
+
import { Actions as _ } from "./Actions.js";
|
|
18
18
|
import { IncludeDeductionsForm as X } from "./IncludeDeductionsForm.js";
|
|
19
|
-
import { Head as
|
|
19
|
+
import { Head as b } from "./Head.js";
|
|
20
20
|
import { DeductionForm as Z } from "./DeductionForm.js";
|
|
21
21
|
import { DeductionsList as $ } from "./DeductionsList.js";
|
|
22
22
|
import { useFlow as ee } from "../../Flow/useFlow.js";
|
|
23
|
-
|
|
23
|
+
T.object({ includeDeductions: T.enum(["Yes", "No"]) });
|
|
24
24
|
function te(n) {
|
|
25
25
|
return /* @__PURE__ */ t(k, { ...n, children: /* @__PURE__ */ t(ne, { ...n, children: n.children }) });
|
|
26
26
|
}
|
|
27
27
|
const ne = ({ employeeId: n, className: d, dictionary: a }) => {
|
|
28
28
|
const { onEvent: i, baseSubmitHandler: h } = J(), f = H();
|
|
29
29
|
K("Employee.Deductions", a);
|
|
30
|
-
const { data:
|
|
31
|
-
onSettled: () =>
|
|
32
|
-
}), { mutateAsync:
|
|
33
|
-
onSettled: () =>
|
|
34
|
-
}),
|
|
30
|
+
const { data: x } = G({ employeeId: n }), p = x.garnishmentList, { mutateAsync: g, isPending: w } = z({
|
|
31
|
+
onSettled: () => N(f, [n])
|
|
32
|
+
}), { mutateAsync: F, isPending: U } = j({
|
|
33
|
+
onSettled: () => N(f, [n])
|
|
34
|
+
}), P = p.filter((r) => r.active), [u, m] = M(P.length < 1 ? "INITIAL" : "LIST"), [e, l] = M(null);
|
|
35
35
|
W("Employee.Deductions");
|
|
36
36
|
const D = y(() => ({
|
|
37
37
|
amount: e?.amount ? Number(e.amount) : 0,
|
|
@@ -43,10 +43,10 @@ const ne = ({ employeeId: n, className: d, dictionary: a }) => {
|
|
|
43
43
|
deductAsPercentage: e?.deductAsPercentage?.toString() ?? "true",
|
|
44
44
|
active: !0,
|
|
45
45
|
courtOrdered: e?.courtOrdered ?? !1
|
|
46
|
-
}), [e]),
|
|
46
|
+
}), [e]), I = L({
|
|
47
47
|
// resolver: zodResolver(IncludeDeductionsSchema),
|
|
48
48
|
defaultValues: { includeDeductions: "No" }
|
|
49
|
-
}), E =
|
|
49
|
+
}), E = L({
|
|
50
50
|
resolver: R(V),
|
|
51
51
|
defaultValues: D
|
|
52
52
|
}), { reset: v } = E;
|
|
@@ -68,7 +68,7 @@ const ne = ({ employeeId: n, className: d, dictionary: a }) => {
|
|
|
68
68
|
});
|
|
69
69
|
i(s.EMPLOYEE_DEDUCTION_DELETED, c);
|
|
70
70
|
});
|
|
71
|
-
},
|
|
71
|
+
}, A = async (r) => {
|
|
72
72
|
await h(r, async (o) => {
|
|
73
73
|
if ("includeDeductions" in o)
|
|
74
74
|
if (o.includeDeductions === "Yes")
|
|
@@ -79,7 +79,7 @@ const ne = ({ employeeId: n, className: d, dictionary: a }) => {
|
|
|
79
79
|
}
|
|
80
80
|
if (!("includeDeductions" in o)) {
|
|
81
81
|
if (u === "ADD") {
|
|
82
|
-
const { garnishment: c } = await
|
|
82
|
+
const { garnishment: c } = await F({
|
|
83
83
|
request: {
|
|
84
84
|
employeeId: n,
|
|
85
85
|
requestBody: { ...o, times: o.recurring ? null : 1 }
|
|
@@ -107,7 +107,7 @@ const ne = ({ employeeId: n, className: d, dictionary: a }) => {
|
|
|
107
107
|
Q,
|
|
108
108
|
{
|
|
109
109
|
value: {
|
|
110
|
-
isPending:
|
|
110
|
+
isPending: U || w,
|
|
111
111
|
employeeId: n,
|
|
112
112
|
mode: u,
|
|
113
113
|
deductions: p,
|
|
@@ -115,7 +115,7 @@ const ne = ({ employeeId: n, className: d, dictionary: a }) => {
|
|
|
115
115
|
m("ADD");
|
|
116
116
|
},
|
|
117
117
|
handleCancel: () => {
|
|
118
|
-
m("LIST"), l(null);
|
|
118
|
+
m(P.length < 1 ? "INITIAL" : "LIST"), l(null);
|
|
119
119
|
},
|
|
120
120
|
handleDelete: Y,
|
|
121
121
|
handleEdit: (r) => {
|
|
@@ -125,19 +125,19 @@ const ne = ({ employeeId: n, className: d, dictionary: a }) => {
|
|
|
125
125
|
i(s.EMPLOYEE_DEDUCTION_DONE);
|
|
126
126
|
}
|
|
127
127
|
},
|
|
128
|
-
children: u === "INITIAL" ? /* @__PURE__ */ t(
|
|
129
|
-
/* @__PURE__ */ t(
|
|
128
|
+
children: u === "INITIAL" ? /* @__PURE__ */ t(O, { ...I, children: /* @__PURE__ */ C(S, { onSubmit: I.handleSubmit(A), children: [
|
|
129
|
+
/* @__PURE__ */ t(b, {}),
|
|
130
130
|
/* @__PURE__ */ t(X, {}),
|
|
131
|
-
/* @__PURE__ */ t(
|
|
132
|
-
] }) }) : /* @__PURE__ */ t(
|
|
133
|
-
/* @__PURE__ */ t(
|
|
131
|
+
/* @__PURE__ */ t(_, {})
|
|
132
|
+
] }) }) : /* @__PURE__ */ t(O, { ...E, children: /* @__PURE__ */ C(S, { onSubmit: E.handleSubmit(A), children: [
|
|
133
|
+
/* @__PURE__ */ t(b, {}),
|
|
134
134
|
/* @__PURE__ */ t($, {}),
|
|
135
135
|
/* @__PURE__ */ t(Z, {}),
|
|
136
|
-
/* @__PURE__ */ t(
|
|
136
|
+
/* @__PURE__ */ t(_, {})
|
|
137
137
|
] }) })
|
|
138
138
|
}
|
|
139
139
|
) });
|
|
140
|
-
},
|
|
140
|
+
}, Se = () => {
|
|
141
141
|
const { employeeId: n, onEvent: d } = ee(), { t: a } = q("common");
|
|
142
142
|
if (!n)
|
|
143
143
|
throw new Error(
|
|
@@ -151,7 +151,7 @@ const ne = ({ employeeId: n, className: d, dictionary: a }) => {
|
|
|
151
151
|
};
|
|
152
152
|
export {
|
|
153
153
|
te as Deductions,
|
|
154
|
-
|
|
154
|
+
Se as DeductionsContextual,
|
|
155
155
|
ne as Root
|
|
156
156
|
};
|
|
157
157
|
//# sourceMappingURL=Deductions.js.map
|