@gusto/embedded-react-sdk 0.38.0-rc.2 → 0.39.0

package/dist/components/Company/PaySchedule/_parts/Edit.js

@@ -6,13 +6,13 @@ import { usePaySchedule as x } from "../usePaySchedule.js";
 import n from "./Edit.module.scss.js";
 import { Flex as y } from "../../../Common/Flex/Flex.js";
 import { Grid as E } from "../../../Common/Grid/Grid.js";
+import { DatePickerField as h } from "../../../Common/Fields/DatePickerField/DatePickerField.js";
 import { useComponentContext as N } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
 import { useDateFormatter as F } from "../../../../hooks/useDateFormatter.js";
 import { TextInputField as R } from "../../../Common/Fields/TextInputField/TextInputField.js";
 import { SelectField as O } from "../../../Common/Fields/SelectField/SelectField.js";
 import { RadioGroupField as M } from "../../../Common/Fields/RadioGroupField/RadioGroupField.js";
-import { NumberInputField as h } from "../../../Common/Fields/NumberInputField/NumberInputField.js";
-import { DatePickerField as f } from "../../../Common/Fields/DatePickerField/DatePickerField.js";
+import { NumberInputField as f } from "../../../Common/Fields/NumberInputField/NumberInputField.js";
 const K = () => {
   const o = N(), { t: e } = q("Company.PaySchedule"), P = F(), { payPeriodPreview: r, mode: u, payPreviewLoading: D, paymentSpeedDays: v } = x(), { setValue: d } = S(), [a, b] = C(0), i = p({ name: "frequency" }), l = p({ name: "customTwicePerMonth" }), w = i === "Twice per month" && l === "custom" || i === "Monthly", g = i === "Twice per month" && l === "custom";
   return T(() => {
@@ -47,7 +47,7 @@ const K = () => {
         }
       ),
       /* @__PURE__ */ t(
-        f,
+        h,
         {
           name: "anchorPayDate",
           label: e("labels.firstPayDate"),
@@ -59,7 +59,7 @@ const K = () => {
         }
       ),
       /* @__PURE__ */ t(
-        f,
+        h,
         {
           name: "anchorEndOfPayPeriod",
           label: e("labels.firstPayPeriodEndDate"),
@@ -67,8 +67,8 @@ const K = () => {
           isRequired: !0
         }
       ),
-      /* @__PURE__ */ t("div", { className: w ? "" : n.visuallyHidden, children: /* @__PURE__ */ t(h, { name: "day1", label: e("labels.firstPayDayOfTheMonth"), isRequired: !0 }) }),
-      /* @__PURE__ */ t("div", { className: g ? "" : n.visuallyHidden, children: /* @__PURE__ */ t(h, { name: "day2", label: e("labels.lastPayDayOfTheMonth"), isRequired: !0 }) })
+      /* @__PURE__ */ t("div", { className: w ? "" : n.visuallyHidden, children: /* @__PURE__ */ t(f, { name: "day1", label: e("labels.firstPayDayOfTheMonth"), isRequired: !0 }) }),
+      /* @__PURE__ */ t("div", { className: g ? "" : n.visuallyHidden, children: /* @__PURE__ */ t(f, { name: "day2", label: e("labels.lastPayDayOfTheMonth"), isRequired: !0 }) })
     ] }) }),
     /* @__PURE__ */ t(y, { flexDirection: "column", gap: 4, justifyContent: "center", alignItems: "center", children: r && r[a] ? /* @__PURE__ */ m("div", { className: n.calendarContainer, children: [
       !D && /* @__PURE__ */ t(

package/dist/components/Company/PaySchedule/usePaySchedule.js

@@ -12,9 +12,8 @@ import "@gusto/embedded-api/models/errors/unprocessableentityerrorobject";
 import "@gusto/embedded-api/models/errors/httpclienterrors";
 import "../../../shared/constants.js";
 import "../../../contexts/ComponentAdapter/useComponentContext.js";
-import "../../../contexts/LoadingIndicatorProvider/useLoadingIndicator.js";
 import { createCompoundContext as t } from "../../Base/createCompoundContext.js";
-const S = o.object({
+const x = o.object({
   frequency: o.enum(["Every week", "Every other week", "Twice per month", "Monthly"]),
   anchorPayDate: o.date().optional(),
   anchorEndOfPayPeriod: o.date().optional(),
@@ -22,10 +21,10 @@ const S = o.object({
   day2: o.number().min(1).max(31).optional(),
   customName: o.string().optional(),
   customTwicePerMonth: o.string().optional()
-}), [f, w] = t("PayScheduleContext");
+}), [S, f] = t("PayScheduleContext");
 export {
-  w as PayScheduleProvider,
-  S as PayScheduleSchema,
-  f as usePaySchedule
+  f as PayScheduleProvider,
+  x as PayScheduleSchema,
+  S as usePaySchedule
 };
 //# sourceMappingURL=usePaySchedule.js.map

package/dist/components/Company/PaySchedule/usePaySchedule.js.map

@@ -1 +1 @@
-{"version":3,"file":"usePaySchedule.js","sources":["../../../../src/components/Company/PaySchedule/usePaySchedule.ts"],"sourcesContent":["import type { PayScheduleCreateUpdate } from '@gusto/embedded-api/models/components/payschedulecreateupdate'\nimport type {\n  PaySchedule,\n  PaySchedule as PayScheduleType,\n} from '@gusto/embedded-api/models/components/payschedule'\nimport type { PaySchedulePreviewPayPeriod } from '@gusto/embedded-api/models/components/payschedulepreviewpayperiod'\nimport { z } from 'zod'\nimport type { RequireAtLeastOne } from '@/types/Helpers'\nimport { createCompoundContext } from '@/components/Base'\n\nexport type MODE =\n  | 'LIST_PAY_SCHEDULES'\n  | 'ADD_PAY_SCHEDULE'\n  | 'EDIT_PAY_SCHEDULE'\n  | 'PREVIEW_PAY_SCHEDULE'\n\ntype PayScheduleContextType = {\n  companyId: string\n  handleAdd: () => void\n  handleEdit: (schedule: PayScheduleType) => void\n  handleCancel: () => void\n  handleContinue: () => void\n  mode: MODE\n  isPending: boolean\n  paySchedules: PaySchedule[] | undefined | null\n  currentPaySchedule: PayScheduleType | undefined | null\n  payPeriodPreview?: PaySchedulePreviewPayPeriod[]\n  payPreviewLoading?: boolean\n  paymentSpeedDays: number\n}\n\nexport const PayScheduleSchema = z.object({\n  frequency: z.enum(['Every week', 'Every other week', 'Twice per month', 'Monthly']),\n  anchorPayDate: z.date().optional(),\n  anchorEndOfPayPeriod: z.date().optional(),\n  day1: z.number().min(1).max(31).optional(),\n  day2: z.number().min(1).max(31).optional(),\n  customName: z.string().optional(),\n  customTwicePerMonth: z.string().optional(),\n})\n\nexport type PayScheduleInputs = z.input<typeof PayScheduleSchema>\nexport type PayScheduleOutputs = z.output<typeof PayScheduleSchema>\n\nexport type PayScheduleDefaultValues = RequireAtLeastOne<\n  Partial<\n    Pick<\n      PayScheduleCreateUpdate,\n      'anchorPayDate' | 'anchorEndOfPayPeriod' | 'day1' | 'day2' | 'customName' | 'frequency'\n    >\n  >\n>\n\nconst [usePaySchedule, PayScheduleProvider] =\n  createCompoundContext<PayScheduleContextType>('PayScheduleContext')\nexport { usePaySchedule, PayScheduleProvider }\n"],"names":["PayScheduleSchema","z","usePaySchedule","PayScheduleProvider","createCompoundContext"],"mappings":";;;;;;;;;;;;;;;;AA+BO,MAAMA,IAAoBC,EAAE,OAAO;AAAA,EACxC,WAAWA,EAAE,KAAK,CAAC,cAAc,oBAAoB,mBAAmB,SAAS,CAAC;AAAA,EAClF,eAAeA,EAAE,KAAA,EAAO,SAAA;AAAA,EACxB,sBAAsBA,EAAE,KAAA,EAAO,SAAA;AAAA,EAC/B,MAAMA,EAAE,OAAA,EAAS,IAAI,CAAC,EAAE,IAAI,EAAE,EAAE,SAAA;AAAA,EAChC,MAAMA,EAAE,OAAA,EAAS,IAAI,CAAC,EAAE,IAAI,EAAE,EAAE,SAAA;AAAA,EAChC,YAAYA,EAAE,OAAA,EAAS,SAAA;AAAA,EACvB,qBAAqBA,EAAE,OAAA,EAAS,SAAA;AAClC,CAAC,GAcK,CAACC,GAAgBC,CAAmB,IACxCC,EAA8C,oBAAoB;"}
+{"version":3,"file":"usePaySchedule.js","sources":["../../../../src/components/Company/PaySchedule/usePaySchedule.ts"],"sourcesContent":["import type { PayScheduleCreateUpdate } from '@gusto/embedded-api/models/components/payschedulecreateupdate'\nimport type {\n  PaySchedule,\n  PaySchedule as PayScheduleType,\n} from '@gusto/embedded-api/models/components/payschedule'\nimport type { PaySchedulePreviewPayPeriod } from '@gusto/embedded-api/models/components/payschedulepreviewpayperiod'\nimport { z } from 'zod'\nimport type { RequireAtLeastOne } from '@/types/Helpers'\nimport { createCompoundContext } from '@/components/Base'\n\nexport type MODE =\n  | 'LIST_PAY_SCHEDULES'\n  | 'ADD_PAY_SCHEDULE'\n  | 'EDIT_PAY_SCHEDULE'\n  | 'PREVIEW_PAY_SCHEDULE'\n\ntype PayScheduleContextType = {\n  companyId: string\n  handleAdd: () => void\n  handleEdit: (schedule: PayScheduleType) => void\n  handleCancel: () => void\n  handleContinue: () => void\n  mode: MODE\n  isPending: boolean\n  paySchedules: PaySchedule[] | undefined | null\n  currentPaySchedule: PayScheduleType | undefined | null\n  payPeriodPreview?: PaySchedulePreviewPayPeriod[]\n  payPreviewLoading?: boolean\n  paymentSpeedDays: number\n}\n\nexport const PayScheduleSchema = z.object({\n  frequency: z.enum(['Every week', 'Every other week', 'Twice per month', 'Monthly']),\n  anchorPayDate: z.date().optional(),\n  anchorEndOfPayPeriod: z.date().optional(),\n  day1: z.number().min(1).max(31).optional(),\n  day2: z.number().min(1).max(31).optional(),\n  customName: z.string().optional(),\n  customTwicePerMonth: z.string().optional(),\n})\n\nexport type PayScheduleInputs = z.input<typeof PayScheduleSchema>\nexport type PayScheduleOutputs = z.output<typeof PayScheduleSchema>\n\nexport type PayScheduleDefaultValues = RequireAtLeastOne<\n  Partial<\n    Pick<\n      PayScheduleCreateUpdate,\n      'anchorPayDate' | 'anchorEndOfPayPeriod' | 'day1' | 'day2' | 'customName' | 'frequency'\n    >\n  >\n>\n\nconst [usePaySchedule, PayScheduleProvider] =\n  createCompoundContext<PayScheduleContextType>('PayScheduleContext')\nexport { usePaySchedule, PayScheduleProvider }\n"],"names":["PayScheduleSchema","z","usePaySchedule","PayScheduleProvider","createCompoundContext"],"mappings":";;;;;;;;;;;;;;;AA+BO,MAAMA,IAAoBC,EAAE,OAAO;AAAA,EACxC,WAAWA,EAAE,KAAK,CAAC,cAAc,oBAAoB,mBAAmB,SAAS,CAAC;AAAA,EAClF,eAAeA,EAAE,KAAA,EAAO,SAAA;AAAA,EACxB,sBAAsBA,EAAE,KAAA,EAAO,SAAA;AAAA,EAC/B,MAAMA,EAAE,OAAA,EAAS,IAAI,CAAC,EAAE,IAAI,EAAE,EAAE,SAAA;AAAA,EAChC,MAAMA,EAAE,OAAA,EAAS,IAAI,CAAC,EAAE,IAAI,EAAE,EAAE,SAAA;AAAA,EAChC,YAAYA,EAAE,OAAA,EAAS,SAAA;AAAA,EACvB,qBAAqBA,EAAE,OAAA,EAAS,SAAA;AAClC,CAAC,GAcK,CAACC,GAAgBC,CAAmB,IACxCC,EAA8C,oBAAoB;"}

package/dist/components/Company/StateTaxes/StateTaxesForm/context.js

@@ -11,11 +11,10 @@ import "@gusto/embedded-api/models/errors/unprocessableentityerrorobject";
 import "@gusto/embedded-api/models/errors/httpclienterrors";
 import "../../../../shared/constants.js";
 import "../../../../contexts/ComponentAdapter/useComponentContext.js";
-import "../../../../contexts/LoadingIndicatorProvider/useLoadingIndicator.js";
 import { createCompoundContext as t } from "../../../Base/createCompoundContext.js";
-const [d, u] = t("StateTaxesFormContext");
+const [c, d] = t("StateTaxesFormContext");
 export {
-  u as StateTaxesFormProvider,
-  d as useStateTaxesForm
+  d as StateTaxesFormProvider,
+  c as useStateTaxesForm
 };
 //# sourceMappingURL=context.js.map

package/dist/components/Company/StateTaxes/StateTaxesForm/context.js.map

@@ -1 +1 @@
-{"version":3,"file":"context.js","sources":["../../../../../src/components/Company/StateTaxes/StateTaxesForm/context.ts"],"sourcesContent":["import type { TaxRequirementsState } from '@gusto/embedded-api/models/components/taxrequirementsstate'\nimport { createCompoundContext } from '@/components/Base'\n\ninterface StateTaxFormContext {\n  isPending: boolean\n  state: string\n  stateTaxRequirements: TaxRequirementsState\n  handleCancel: () => void\n}\n\nconst [useStateTaxesForm, StateTaxesFormProvider] =\n  createCompoundContext<StateTaxFormContext>('StateTaxesFormContext')\n\nexport { useStateTaxesForm, StateTaxesFormProvider }\n"],"names":["useStateTaxesForm","StateTaxesFormProvider","createCompoundContext"],"mappings":";;;;;;;;;;;;;;;AAUA,MAAM,CAACA,GAAmBC,CAAsB,IAC9CC,EAA2C,uBAAuB;"}
+{"version":3,"file":"context.js","sources":["../../../../../src/components/Company/StateTaxes/StateTaxesForm/context.ts"],"sourcesContent":["import type { TaxRequirementsState } from '@gusto/embedded-api/models/components/taxrequirementsstate'\nimport { createCompoundContext } from '@/components/Base'\n\ninterface StateTaxFormContext {\n  isPending: boolean\n  state: string\n  stateTaxRequirements: TaxRequirementsState\n  handleCancel: () => void\n}\n\nconst [useStateTaxesForm, StateTaxesFormProvider] =\n  createCompoundContext<StateTaxFormContext>('StateTaxesFormContext')\n\nexport { useStateTaxesForm, StateTaxesFormProvider }\n"],"names":["useStateTaxesForm","StateTaxesFormProvider","createCompoundContext"],"mappings":";;;;;;;;;;;;;;AAUA,MAAM,CAACA,GAAmBC,CAAsB,IAC9CC,EAA2C,uBAAuB;"}

package/dist/components/Company/StateTaxes/StateTaxesList/context.js

@@ -11,11 +11,10 @@ import "@gusto/embedded-api/models/errors/unprocessableentityerrorobject";
 import "@gusto/embedded-api/models/errors/httpclienterrors";
 import "../../../../shared/constants.js";
 import "../../../../contexts/ComponentAdapter/useComponentContext.js";
-import "../../../../contexts/LoadingIndicatorProvider/useLoadingIndicator.js";
 import { createCompoundContext as t } from "../../../Base/createCompoundContext.js";
-const [d, u] = t("StateTaxesListContext");
+const [c, d] = t("StateTaxesListContext");
 export {
-  u as StateTaxesListProvider,
-  d as useStateTaxesList
+  d as StateTaxesListProvider,
+  c as useStateTaxesList
 };
 //# sourceMappingURL=context.js.map

package/dist/components/Company/StateTaxes/StateTaxesList/context.js.map

@@ -1 +1 @@
-{"version":3,"file":"context.js","sources":["../../../../../src/components/Company/StateTaxes/StateTaxesList/context.ts"],"sourcesContent":["import type { TaxRequirementStatesList } from '@gusto/embedded-api/models/components/taxrequirementstateslist'\nimport { createCompoundContext } from '@/components/Base'\n\ntype StateTaxesListContextType = {\n  isPending: boolean\n  stateTaxRequirements: TaxRequirementStatesList[]\n  handleContinue: () => void\n  handleChange: (state: string) => void\n}\n\nconst [useStateTaxesList, StateTaxesListProvider] =\n  createCompoundContext<StateTaxesListContextType>('StateTaxesListContext')\n\nexport { useStateTaxesList, StateTaxesListProvider }\n"],"names":["useStateTaxesList","StateTaxesListProvider","createCompoundContext"],"mappings":";;;;;;;;;;;;;;;AAUA,MAAM,CAACA,GAAmBC,CAAsB,IAC9CC,EAAiD,uBAAuB;"}
+{"version":3,"file":"context.js","sources":["../../../../../src/components/Company/StateTaxes/StateTaxesList/context.ts"],"sourcesContent":["import type { TaxRequirementStatesList } from '@gusto/embedded-api/models/components/taxrequirementstateslist'\nimport { createCompoundContext } from '@/components/Base'\n\ntype StateTaxesListContextType = {\n  isPending: boolean\n  stateTaxRequirements: TaxRequirementStatesList[]\n  handleContinue: () => void\n  handleChange: (state: string) => void\n}\n\nconst [useStateTaxesList, StateTaxesListProvider] =\n  createCompoundContext<StateTaxesListContextType>('StateTaxesListContext')\n\nexport { useStateTaxesList, StateTaxesListProvider }\n"],"names":["useStateTaxesList","StateTaxesListProvider","createCompoundContext"],"mappings":";;;;;;;;;;;;;;AAUA,MAAM,CAACA,GAAmBC,CAAsB,IAC9CC,EAAiD,uBAAuB;"}

package/dist/components/Contractor/Address/useAddress.js

@@ -12,20 +12,19 @@ import "@gusto/embedded-api/models/errors/unprocessableentityerrorobject";
 import "@gusto/embedded-api/models/errors/httpclienterrors";
 import "../../../shared/constants.js";
 import "../../../contexts/ComponentAdapter/useComponentContext.js";
-import "../../../contexts/LoadingIndicatorProvider/useLoadingIndicator.js";
 import { createCompoundContext as r } from "../../Base/createCompoundContext.js";
-const z = t.object({
+const u = t.object({
   street1: t.string().min(1),
   street2: t.string().optional(),
   city: t.string().min(1),
   state: t.string().min(1),
   zip: t.string().min(1)
-}), [b, h] = r(
+}), [z, b] = r(
   "ContractorAddressContext"
 );
 export {
-  z as AddressFormSchema,
-  h as AddressProvider,
-  b as useAddress
+  u as AddressFormSchema,
+  b as AddressProvider,
+  z as useAddress
 };
 //# sourceMappingURL=useAddress.js.map

package/dist/components/Contractor/Address/useAddress.js.map

@@ -1 +1 @@
-{"version":3,"file":"useAddress.js","sources":["../../../../src/components/Contractor/Address/useAddress.ts"],"sourcesContent":["import type { Contractor, ContractorType } from '@gusto/embedded-api/models/components/contractor'\nimport type { ContractorAddress } from '@gusto/embedded-api/models/components/contractoraddress'\nimport { z } from 'zod'\nimport { createCompoundContext } from '@/components/Base'\nimport type { RequireAtLeastOne } from '@/types/Helpers'\n\nexport interface AddressContextType {\n  contractor?: Contractor\n  contractorType?: ContractorType\n  address?: ContractorAddress\n  isPending: boolean\n}\n\nexport type AddressDefaultValues = RequireAtLeastOne<\n  Pick<ContractorAddress, 'street1' | 'street2' | 'city' | 'state' | 'zip'>\n>\n\nexport const AddressFormSchema = z.object({\n  street1: z.string().min(1),\n  street2: z.string().optional(),\n  city: z.string().min(1),\n  state: z.string().min(1),\n  zip: z.string().min(1),\n})\n\nexport type AddressFormValues = z.infer<typeof AddressFormSchema>\n\nconst [useAddress, AddressProvider] = createCompoundContext<AddressContextType>(\n  'ContractorAddressContext',\n)\n\nexport { useAddress, AddressProvider }\n"],"names":["AddressFormSchema","z","useAddress","AddressProvider","createCompoundContext"],"mappings":";;;;;;;;;;;;;;;;AAiBO,MAAMA,IAAoBC,EAAE,OAAO;AAAA,EACxC,SAASA,EAAE,SAAS,IAAI,CAAC;AAAA,EACzB,SAASA,EAAE,OAAA,EAAS,SAAA;AAAA,EACpB,MAAMA,EAAE,SAAS,IAAI,CAAC;AAAA,EACtB,OAAOA,EAAE,SAAS,IAAI,CAAC;AAAA,EACvB,KAAKA,EAAE,OAAA,EAAS,IAAI,CAAC;AACvB,CAAC,GAIK,CAACC,GAAYC,CAAe,IAAIC;AAAA,EACpC;AACF;"}
+{"version":3,"file":"useAddress.js","sources":["../../../../src/components/Contractor/Address/useAddress.ts"],"sourcesContent":["import type { Contractor, ContractorType } from '@gusto/embedded-api/models/components/contractor'\nimport type { ContractorAddress } from '@gusto/embedded-api/models/components/contractoraddress'\nimport { z } from 'zod'\nimport { createCompoundContext } from '@/components/Base'\nimport type { RequireAtLeastOne } from '@/types/Helpers'\n\nexport interface AddressContextType {\n  contractor?: Contractor\n  contractorType?: ContractorType\n  address?: ContractorAddress\n  isPending: boolean\n}\n\nexport type AddressDefaultValues = RequireAtLeastOne<\n  Pick<ContractorAddress, 'street1' | 'street2' | 'city' | 'state' | 'zip'>\n>\n\nexport const AddressFormSchema = z.object({\n  street1: z.string().min(1),\n  street2: z.string().optional(),\n  city: z.string().min(1),\n  state: z.string().min(1),\n  zip: z.string().min(1),\n})\n\nexport type AddressFormValues = z.infer<typeof AddressFormSchema>\n\nconst [useAddress, AddressProvider] = createCompoundContext<AddressContextType>(\n  'ContractorAddressContext',\n)\n\nexport { useAddress, AddressProvider }\n"],"names":["AddressFormSchema","z","useAddress","AddressProvider","createCompoundContext"],"mappings":";;;;;;;;;;;;;;;AAiBO,MAAMA,IAAoBC,EAAE,OAAO;AAAA,EACxC,SAASA,EAAE,SAAS,IAAI,CAAC;AAAA,EACzB,SAASA,EAAE,OAAA,EAAS,SAAA;AAAA,EACpB,MAAMA,EAAE,SAAS,IAAI,CAAC;AAAA,EACtB,OAAOA,EAAE,SAAS,IAAI,CAAC;AAAA,EACvB,KAAKA,EAAE,OAAA,EAAS,IAAI,CAAC;AACvB,CAAC,GAIK,CAACC,GAAYC,CAAe,IAAIC;AAAA,EACpC;AACF;"}

package/dist/components/Contractor/Profile/ContractorProfileForm.js

@@ -6,15 +6,15 @@ import { useComponentContext as D } from "../../../contexts/ComponentAdapter/use
 import { useI18n as I } from "../../../i18n/I18n.js";
 import { Form as O } from "../../Common/Form/Form.js";
 import { Grid as n } from "../../Common/Grid/Grid.js";
-import { Flex as x } from "../../Common/Flex/Flex.js";
+import { DatePickerField as x } from "../../Common/Fields/DatePickerField/DatePickerField.js";
 import { usePlaceholderSSN as w, normalizeSSN as E } from "../../../helpers/ssn.js";
 import { usePlaceholderEin as j, normalizeEin as v } from "../../../helpers/federalEin.js";
 import { ContractorOnboardingStatus as G } from "../../../shared/constants.js";
 import { TextInputField as l } from "../../Common/Fields/TextInputField/TextInputField.js";
 import { RadioGroupField as d } from "../../Common/Fields/RadioGroupField/RadioGroupField.js";
 import { NumberInputField as z } from "../../Common/Fields/NumberInputField/NumberInputField.js";
-import { SwitchField as A } from "../../Common/Fields/SwitchField/SwitchField.js";
-import { DatePickerField as B } from "../../Common/Fields/DatePickerField/DatePickerField.js";
+import { Flex as A } from "../../Common/Flex/Flex.js";
+import { SwitchField as B } from "../../Common/Fields/SwitchField/SwitchField.js";
 function re({
   formMethods: u,
   handleSubmit: f,
@@ -42,7 +42,7 @@ function re({
       ] }),
       /* @__PURE__ */ i("div", { className: C.switchFieldContainer, children: /* @__PURE__ */ r(n, { gap: 16, children: [
         /* @__PURE__ */ i(
-          A,
+          B,
           {
             name: "selfOnboarding",
             label: e("fields.selfOnboarding.label"),
@@ -126,7 +126,7 @@ function re({
         }
       ),
       /* @__PURE__ */ i(
-        B,
+        x,
         {
           name: "startDate",
           label: e("fields.startDate.label"),
@@ -135,7 +135,7 @@ function re({
         }
       )
     ] }),
-    /* @__PURE__ */ i(x, { gap: 12, justifyContent: "flex-end", children: /* @__PURE__ */ i(a.Button, { type: "submit", variant: "primary", isDisabled: o.isSubmitting, children: o.isSubmitting ? e(s ? "buttons.updating" : "buttons.creating") : e(s ? "buttons.update" : "buttons.create") }) })
+    /* @__PURE__ */ i(A, { gap: 12, justifyContent: "flex-end", children: /* @__PURE__ */ i(a.Button, { type: "submit", variant: "primary", isDisabled: o.isSubmitting, children: o.isSubmitting ? e(s ? "buttons.updating" : "buttons.creating") : e(s ? "buttons.update" : "buttons.create") }) })
   ] }) }) });
 }
 export {

package/dist/components/Contractor/Profile/useContractorProfile.js

@@ -17,7 +17,6 @@ import "@gusto/embedded-api/models/errors/unprocessableentityerrorobject";
 import { SDKInternalError as Y } from "../../../types/sdkError.js";
 import { ContractorSelfOnboardingStatuses as x, componentEvents as b, ContractorOnboardingStatus as ee } from "../../../shared/constants.js";
 import "../../../contexts/ComponentAdapter/useComponentContext.js";
-import "../../../contexts/LoadingIndicatorProvider/useLoadingIndicator.js";
 import { useI18n as oe } from "../../../i18n/I18n.js";
 import { SSN_REGEX as se, NAME_REGEX as T } from "../../../helpers/validations.js";
 import { removeNonDigits as ae } from "../../../helpers/formattedStrings.js";
@@ -96,7 +95,7 @@ const i = L, a = J, ie = s.object({
     });
   }
 );
-function Ae({
+function Be({
   companyId: t,
   contractorId: f,
   defaultValues: m,
@@ -231,6 +230,6 @@ export {
   a as ContractorType,
   i as WageType,
   re as createContractorProfileValidationSchema,
-  Ae as useContractorProfile
+  Be as useContractorProfile
 };
 //# sourceMappingURL=useContractorProfile.js.map

package/dist/components/Contractor/Profile/useContractorProfile.js.map

@@ -1 +1 @@
-{"version":3,"file":"useContractorProfile.js","sources":["../../../../src/components/Contractor/Profile/useContractorProfile.ts"],"sourcesContent":["import { useMemo } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { zodResolver } from '@hookform/resolvers/zod'\nimport type { SubmitHandler } from 'react-hook-form'\nimport { useForm, useWatch } from 'react-hook-form'\nimport { z } from 'zod'\nimport { useContractorsCreateMutation } from '@gusto/embedded-api/react-query/contractorsCreate'\nimport { useContractorsUpdateMutation } from '@gusto/embedded-api/react-query/contractorsUpdate'\nimport type { ContractorCreateRequestBody } from '@gusto/embedded-api/models/components/contractorcreaterequestbody'\nimport type { ContractorUpdateRequestBody } from '@gusto/embedded-api/models/components/contractorupdaterequestbody'\nimport {\n  ContractorWageType as ApiWageType,\n  ContractorType as ApiContractorType,\n  type Contractor,\n} from '@gusto/embedded-api/models/components/contractor'\nimport { useBase } from '@/components/Base'\nimport { useI18n } from '@/i18n'\nimport {\n  componentEvents,\n  ContractorOnboardingStatus,\n  ContractorSelfOnboardingStatuses,\n} from '@/shared/constants'\nimport { SSN_REGEX, NAME_REGEX } from '@/helpers/validations'\nimport { removeNonDigits } from '@/helpers/formattedStrings'\nimport { formatDateToStringDate } from '@/helpers/dateFormatting'\nimport { normalizeEin } from '@/helpers/federalEin'\nimport { SDKInternalError } from '@/types/sdkError'\n\n// Re-export the API types for convenience\nexport const WageType = ApiWageType\nexport const ContractorType = ApiContractorType\n\n// Form schema definition - exported for use in stories and tests\nconst ContractorProfileSchema = z.object({\n  // Self-onboarding toggle\n  selfOnboarding: z.boolean(),\n  email: z.string().email().optional(),\n\n  // Required contractor fields\n  contractorType: z.enum([ContractorType.Individual, ContractorType.Business]),\n  wageType: z.enum([WageType.Hourly, WageType.Fixed]),\n  startDate: z.date(),\n\n  // Individual contractor fields\n  firstName: z.string().min(1).regex(NAME_REGEX).optional(),\n  middleInitial: z.string().optional(),\n  lastName: z.string().min(1).regex(NAME_REGEX).optional(),\n  ssn: z.string().optional(),\n\n  // Business contractor fields\n  businessName: z.string().optional(),\n  ein: z.string().optional(),\n\n  // Wage fields\n  hourlyRate: z.number().min(0).optional(),\n})\n\nexport type ContractorProfileFormData = z.infer<typeof ContractorProfileSchema>\n\n// Create validation schema - exported for stories\nexport const createContractorProfileValidationSchema = (\n  t: (key: string) => string,\n  hasSsn: boolean,\n  hasEin: boolean,\n) => {\n  return ContractorProfileSchema.superRefine(\n    (data: ContractorProfileFormData, ctx: z.RefinementCtx) => {\n      // Email validation for contractor invitation\n      if (data.selfOnboarding && !data.email) {\n        ctx.addIssue({\n          code: z.ZodIssueCode.custom,\n          path: ['email'],\n          message: t('validations.email'),\n        })\n      }\n\n      // Individual contractor validations\n      if (data.contractorType === ContractorType.Individual) {\n        if (!data.firstName) {\n          ctx.addIssue({\n            code: z.ZodIssueCode.custom,\n            path: ['firstName'],\n            message: t('validations.firstName'),\n          })\n        }\n\n        if (!data.lastName) {\n          ctx.addIssue({\n            code: z.ZodIssueCode.custom,\n            path: ['lastName'],\n            message: t('validations.lastName'),\n          })\n        }\n\n        if (!data.ssn) {\n          if (!hasSsn && !data.selfOnboarding) {\n            ctx.addIssue({\n              code: z.ZodIssueCode.custom,\n              path: ['ssn'],\n              message: t('validations.ssn'),\n            })\n          }\n        } else {\n          // Validate SSN format\n          const cleanSSN = removeNonDigits(data.ssn)\n          if (!SSN_REGEX.test(cleanSSN)) {\n            ctx.addIssue({\n              code: z.ZodIssueCode.custom,\n              path: ['ssn'],\n              message: t('validations.ssnFormat'),\n            })\n          }\n        }\n      }\n\n      // Business contractor validations\n      if (data.contractorType === ContractorType.Business) {\n        if (!data.businessName) {\n          ctx.addIssue({\n            code: z.ZodIssueCode.custom,\n            path: ['businessName'],\n            message: t('validations.businessName'),\n          })\n        }\n\n        if (!data.ein) {\n          if (!hasEin && !data.selfOnboarding) {\n            ctx.addIssue({\n              code: z.ZodIssueCode.custom,\n              path: ['ein'],\n              message: t('validations.ein'),\n            })\n          }\n        } else {\n          // Validate EIN format after normalization (XX-XXXXXXX)\n          const normalizedEin = normalizeEin(data.ein)\n          if (!/^\\d{2}-\\d{7}$/.test(normalizedEin)) {\n            ctx.addIssue({\n              code: z.ZodIssueCode.custom,\n              path: ['ein'],\n              message: t('validations.einFormat'),\n            })\n          }\n        }\n      }\n\n      // Hourly rate validation for hourly contractors\n      if (data.wageType === WageType.Hourly) {\n        if (data.hourlyRate === undefined || data.hourlyRate < 0) {\n          ctx.addIssue({\n            code: z.ZodIssueCode.custom,\n            path: ['hourlyRate'],\n            message: t('validations.hourlyRate'),\n          })\n        }\n      }\n    },\n  )\n}\n\nexport interface UseContractorProfileProps {\n  companyId: string\n  contractorId?: string\n  defaultValues?: Partial<ContractorProfileFormData>\n  existingContractor?: Contractor\n}\n\nexport function useContractorProfile({\n  companyId,\n  contractorId,\n  defaultValues,\n  existingContractor,\n}: UseContractorProfileProps) {\n  useI18n('Contractor.Profile')\n  const { t } = useTranslation('Contractor.Profile')\n  const { onEvent, baseSubmitHandler } = useBase()\n\n  // Create validation schema with translations\n  const validationSchema = createContractorProfileValidationSchema(\n    t as (key: string) => string,\n    existingContractor?.hasSsn ?? false,\n    existingContractor?.hasEin ?? false,\n  )\n\n  // API mutations\n  const { mutateAsync: createContractor, isPending: isCreating } = useContractorsCreateMutation()\n  const { mutateAsync: updateContractor, isPending: isUpdating } = useContractorsUpdateMutation()\n\n  // Prepare default values from existing contractor or provided defaults\n  const formDefaultValues = useMemo(\n    () => ({\n      selfOnboarding: false,\n      contractorType: ContractorType.Business,\n      wageType: WageType.Fixed,\n      startDate: new Date(),\n      ...defaultValues,\n      // Override with existing contractor data if available\n      ...(existingContractor && {\n        selfOnboarding: existingContractor.onboardingStatus\n          ? // @ts-expect-error: onboarding_status during runtime can be one of self onboarding statuses\n            ContractorSelfOnboardingStatuses.has(existingContractor.onboardingStatus)\n          : false,\n        contractorType: existingContractor.type || ContractorType.Business,\n        wageType: existingContractor.wageType || WageType.Fixed,\n        startDate: existingContractor.startDate\n          ? new Date(existingContractor.startDate)\n          : new Date(),\n        firstName: existingContractor.firstName || undefined,\n        middleInitial: existingContractor.middleInitial || undefined,\n        lastName: existingContractor.lastName || undefined,\n        businessName: existingContractor.businessName || undefined,\n        email: existingContractor.email || undefined,\n        hourlyRate: existingContractor.hourlyRate\n          ? (() => {\n              const parsed = parseFloat(existingContractor.hourlyRate)\n              return isNaN(parsed) ? undefined : parsed\n            })()\n          : undefined,\n      }),\n    }),\n    [existingContractor, defaultValues],\n  )\n\n  // Form setup\n  const formMethods = useForm<ContractorProfileFormData, unknown, ContractorProfileFormData>({\n    resolver: zodResolver(validationSchema),\n    defaultValues: formDefaultValues,\n    ...(existingContractor && { values: formDefaultValues }),\n    resetOptions: { keepDirtyValues: true },\n  })\n\n  const { handleSubmit, formState } = formMethods\n\n  // Watch form values for conditional rendering\n  const watchedType = useWatch({ control: formMethods.control, name: 'contractorType' })\n  const watchedWageType = useWatch({ control: formMethods.control, name: 'wageType' })\n  const watchedSelfOnboarding = useWatch({\n    control: formMethods.control,\n    name: 'selfOnboarding',\n  })\n\n  // Helper function to transform form data to API payload\n  const transformFormDataToCreatePayload = (\n    data: ContractorProfileFormData,\n  ): ContractorCreateRequestBody => {\n    const basePayload = {\n      type: data.contractorType,\n      wageType: data.wageType,\n      startDate: formatDateToStringDate(data.startDate) || '',\n      selfOnboarding: data.selfOnboarding,\n      email: data.selfOnboarding ? data.email : undefined,\n      hourlyRate: data.wageType === WageType.Hourly ? String(data.hourlyRate) : undefined,\n      isActive: true,\n    }\n\n    if (data.contractorType === ContractorType.Individual) {\n      return {\n        ...basePayload,\n        firstName: data.firstName,\n        middleInitial: data.middleInitial || undefined,\n        lastName: data.lastName,\n        ssn: data.ssn,\n        fileNewHireReport: false, // Default value\n      }\n    } else {\n      return {\n        ...basePayload,\n        fileNewHireReport: false, // Default value\n        businessName: data.businessName,\n        ein: data.ein?.replace(/-/g, ''),\n      }\n    }\n  }\n\n  const transformFormDataToUpdatePayload = (\n    data: ContractorProfileFormData,\n    version: string,\n  ): ContractorUpdateRequestBody => {\n    const createPayload = transformFormDataToCreatePayload(data)\n    return {\n      ...createPayload,\n      version,\n    }\n  }\n\n  // Event handlers\n  const onSubmit: SubmitHandler<ContractorProfileFormData> = async data => {\n    await baseSubmitHandler(data, async payload => {\n      let contractorId = existingContractor?.uuid\n      if (existingContractor) {\n        // Update existing contractor\n        if (!existingContractor.version) {\n          throw new SDKInternalError('Contractor version is required for updates')\n        }\n        const version = existingContractor.version\n        const apiPayload = transformFormDataToUpdatePayload(payload, version)\n\n        const updateResponse = await updateContractor({\n          request: {\n            contractorUuid: contractorId!,\n            contractorUpdateRequestBody: apiPayload,\n          },\n        })\n\n        onEvent(componentEvents.CONTRACTOR_UPDATED, updateResponse.contractor)\n      } else {\n        // Create new contractor\n        const apiPayload = transformFormDataToCreatePayload(payload)\n\n        const createResponse = await createContractor({\n          request: {\n            companyUuid: companyId,\n            contractorCreateRequestBody: apiPayload,\n          },\n        })\n\n        contractorId = createResponse.contractor?.uuid\n        onEvent(componentEvents.CONTRACTOR_CREATED, createResponse.contractor)\n      }\n\n      onEvent(componentEvents.CONTRACTOR_PROFILE_DONE, {\n        selfOnboarding:\n          payload.selfOnboarding &&\n          existingContractor?.onboardingStatus !==\n            ContractorOnboardingStatus.ADMIN_ONBOARDING_REVIEW,\n        contractorId,\n      })\n    })\n  }\n\n  // Conditional rendering helpers\n  // eslint-disable-next-line @typescript-eslint/no-unnecessary-type-conversion\n  const shouldShowEmailField = !!watchedSelfOnboarding\n  const shouldShowBusinessFields = watchedType === ContractorType.Business\n  const shouldShowIndividualFields = watchedType === ContractorType.Individual\n  const shouldShowHourlyRate = watchedWageType === WageType.Hourly\n  const shouldShowSsnField = watchedType === ContractorType.Individual && !watchedSelfOnboarding\n  const shouldShowEinField = watchedType === ContractorType.Business && !watchedSelfOnboarding\n\n  // Form field options\n  const contractorTypeOptions = [\n    { label: 'Individual', value: ContractorType.Individual },\n    { label: 'Business', value: ContractorType.Business },\n  ]\n\n  const wageTypeOptions = [\n    { label: 'Hourly', value: WageType.Hourly },\n    { label: 'Fixed', value: WageType.Fixed },\n  ]\n\n  // Determine if we're currently submitting (creating or updating)\n  const isSubmitting = isCreating || isUpdating\n  // Return only what the component actually needs\n  return {\n    // Form methods and submission\n    formMethods,\n    handleSubmit: handleSubmit(onSubmit),\n    formState: {\n      ...formState,\n      isSubmitting,\n    },\n\n    // Conditional rendering flags\n    shouldShowEmailField,\n    shouldShowBusinessFields,\n    shouldShowIndividualFields,\n    shouldShowHourlyRate,\n    shouldShowSsnField,\n    shouldShowEinField,\n\n    // Form options\n    contractorTypeOptions,\n    wageTypeOptions,\n\n    // Component state\n    isEditing: !!contractorId,\n  }\n}\n"],"names":["WageType","ApiWageType","ContractorType","ApiContractorType","ContractorProfileSchema","z","NAME_REGEX","createContractorProfileValidationSchema","hasSsn","hasEin","data","ctx","cleanSSN","removeNonDigits","SSN_REGEX","normalizedEin","normalizeEin","useContractorProfile","companyId","contractorId","defaultValues","existingContractor","useI18n","t","useTranslation","onEvent","baseSubmitHandler","useBase","validationSchema","createContractor","isCreating","useContractorsCreateMutation","updateContractor","isUpdating","useContractorsUpdateMutation","formDefaultValues","useMemo","ContractorSelfOnboardingStatuses","parsed","formMethods","useForm","zodResolver","handleSubmit","formState","watchedType","useWatch","watchedWageType","watchedSelfOnboarding","transformFormDataToCreatePayload","basePayload","formatDateToStringDate","transformFormDataToUpdatePayload","version","onSubmit","payload","SDKInternalError","apiPayload","updateResponse","componentEvents","createResponse","ContractorOnboardingStatus","shouldShowEmailField","shouldShowBusinessFields","shouldShowIndividualFields","shouldShowHourlyRate","shouldShowSsnField","shouldShowEinField","contractorTypeOptions","wageTypeOptions","isSubmitting"],"mappings":"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"}
+{"version":3,"file":"useContractorProfile.js","sources":["../../../../src/components/Contractor/Profile/useContractorProfile.ts"],"sourcesContent":["import { useMemo } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { zodResolver } from '@hookform/resolvers/zod'\nimport type { SubmitHandler } from 'react-hook-form'\nimport { useForm, useWatch } from 'react-hook-form'\nimport { z } from 'zod'\nimport { useContractorsCreateMutation } from '@gusto/embedded-api/react-query/contractorsCreate'\nimport { useContractorsUpdateMutation } from '@gusto/embedded-api/react-query/contractorsUpdate'\nimport type { ContractorCreateRequestBody } from '@gusto/embedded-api/models/components/contractorcreaterequestbody'\nimport type { ContractorUpdateRequestBody } from '@gusto/embedded-api/models/components/contractorupdaterequestbody'\nimport {\n  ContractorWageType as ApiWageType,\n  ContractorType as ApiContractorType,\n  type Contractor,\n} from '@gusto/embedded-api/models/components/contractor'\nimport { useBase } from '@/components/Base'\nimport { useI18n } from '@/i18n'\nimport {\n  componentEvents,\n  ContractorOnboardingStatus,\n  ContractorSelfOnboardingStatuses,\n} from '@/shared/constants'\nimport { SSN_REGEX, NAME_REGEX } from '@/helpers/validations'\nimport { removeNonDigits } from '@/helpers/formattedStrings'\nimport { formatDateToStringDate } from '@/helpers/dateFormatting'\nimport { normalizeEin } from '@/helpers/federalEin'\nimport { SDKInternalError } from '@/types/sdkError'\n\n// Re-export the API types for convenience\nexport const WageType = ApiWageType\nexport const ContractorType = ApiContractorType\n\n// Form schema definition - exported for use in stories and tests\nconst ContractorProfileSchema = z.object({\n  // Self-onboarding toggle\n  selfOnboarding: z.boolean(),\n  email: z.string().email().optional(),\n\n  // Required contractor fields\n  contractorType: z.enum([ContractorType.Individual, ContractorType.Business]),\n  wageType: z.enum([WageType.Hourly, WageType.Fixed]),\n  startDate: z.date(),\n\n  // Individual contractor fields\n  firstName: z.string().min(1).regex(NAME_REGEX).optional(),\n  middleInitial: z.string().optional(),\n  lastName: z.string().min(1).regex(NAME_REGEX).optional(),\n  ssn: z.string().optional(),\n\n  // Business contractor fields\n  businessName: z.string().optional(),\n  ein: z.string().optional(),\n\n  // Wage fields\n  hourlyRate: z.number().min(0).optional(),\n})\n\nexport type ContractorProfileFormData = z.infer<typeof ContractorProfileSchema>\n\n// Create validation schema - exported for stories\nexport const createContractorProfileValidationSchema = (\n  t: (key: string) => string,\n  hasSsn: boolean,\n  hasEin: boolean,\n) => {\n  return ContractorProfileSchema.superRefine(\n    (data: ContractorProfileFormData, ctx: z.RefinementCtx) => {\n      // Email validation for contractor invitation\n      if (data.selfOnboarding && !data.email) {\n        ctx.addIssue({\n          code: z.ZodIssueCode.custom,\n          path: ['email'],\n          message: t('validations.email'),\n        })\n      }\n\n      // Individual contractor validations\n      if (data.contractorType === ContractorType.Individual) {\n        if (!data.firstName) {\n          ctx.addIssue({\n            code: z.ZodIssueCode.custom,\n            path: ['firstName'],\n            message: t('validations.firstName'),\n          })\n        }\n\n        if (!data.lastName) {\n          ctx.addIssue({\n            code: z.ZodIssueCode.custom,\n            path: ['lastName'],\n            message: t('validations.lastName'),\n          })\n        }\n\n        if (!data.ssn) {\n          if (!hasSsn && !data.selfOnboarding) {\n            ctx.addIssue({\n              code: z.ZodIssueCode.custom,\n              path: ['ssn'],\n              message: t('validations.ssn'),\n            })\n          }\n        } else {\n          // Validate SSN format\n          const cleanSSN = removeNonDigits(data.ssn)\n          if (!SSN_REGEX.test(cleanSSN)) {\n            ctx.addIssue({\n              code: z.ZodIssueCode.custom,\n              path: ['ssn'],\n              message: t('validations.ssnFormat'),\n            })\n          }\n        }\n      }\n\n      // Business contractor validations\n      if (data.contractorType === ContractorType.Business) {\n        if (!data.businessName) {\n          ctx.addIssue({\n            code: z.ZodIssueCode.custom,\n            path: ['businessName'],\n            message: t('validations.businessName'),\n          })\n        }\n\n        if (!data.ein) {\n          if (!hasEin && !data.selfOnboarding) {\n            ctx.addIssue({\n              code: z.ZodIssueCode.custom,\n              path: ['ein'],\n              message: t('validations.ein'),\n            })\n          }\n        } else {\n          // Validate EIN format after normalization (XX-XXXXXXX)\n          const normalizedEin = normalizeEin(data.ein)\n          if (!/^\\d{2}-\\d{7}$/.test(normalizedEin)) {\n            ctx.addIssue({\n              code: z.ZodIssueCode.custom,\n              path: ['ein'],\n              message: t('validations.einFormat'),\n            })\n          }\n        }\n      }\n\n      // Hourly rate validation for hourly contractors\n      if (data.wageType === WageType.Hourly) {\n        if (data.hourlyRate === undefined || data.hourlyRate < 0) {\n          ctx.addIssue({\n            code: z.ZodIssueCode.custom,\n            path: ['hourlyRate'],\n            message: t('validations.hourlyRate'),\n          })\n        }\n      }\n    },\n  )\n}\n\nexport interface UseContractorProfileProps {\n  companyId: string\n  contractorId?: string\n  defaultValues?: Partial<ContractorProfileFormData>\n  existingContractor?: Contractor\n}\n\nexport function useContractorProfile({\n  companyId,\n  contractorId,\n  defaultValues,\n  existingContractor,\n}: UseContractorProfileProps) {\n  useI18n('Contractor.Profile')\n  const { t } = useTranslation('Contractor.Profile')\n  const { onEvent, baseSubmitHandler } = useBase()\n\n  // Create validation schema with translations\n  const validationSchema = createContractorProfileValidationSchema(\n    t as (key: string) => string,\n    existingContractor?.hasSsn ?? false,\n    existingContractor?.hasEin ?? false,\n  )\n\n  // API mutations\n  const { mutateAsync: createContractor, isPending: isCreating } = useContractorsCreateMutation()\n  const { mutateAsync: updateContractor, isPending: isUpdating } = useContractorsUpdateMutation()\n\n  // Prepare default values from existing contractor or provided defaults\n  const formDefaultValues = useMemo(\n    () => ({\n      selfOnboarding: false,\n      contractorType: ContractorType.Business,\n      wageType: WageType.Fixed,\n      startDate: new Date(),\n      ...defaultValues,\n      // Override with existing contractor data if available\n      ...(existingContractor && {\n        selfOnboarding: existingContractor.onboardingStatus\n          ? // @ts-expect-error: onboarding_status during runtime can be one of self onboarding statuses\n            ContractorSelfOnboardingStatuses.has(existingContractor.onboardingStatus)\n          : false,\n        contractorType: existingContractor.type || ContractorType.Business,\n        wageType: existingContractor.wageType || WageType.Fixed,\n        startDate: existingContractor.startDate\n          ? new Date(existingContractor.startDate)\n          : new Date(),\n        firstName: existingContractor.firstName || undefined,\n        middleInitial: existingContractor.middleInitial || undefined,\n        lastName: existingContractor.lastName || undefined,\n        businessName: existingContractor.businessName || undefined,\n        email: existingContractor.email || undefined,\n        hourlyRate: existingContractor.hourlyRate\n          ? (() => {\n              const parsed = parseFloat(existingContractor.hourlyRate)\n              return isNaN(parsed) ? undefined : parsed\n            })()\n          : undefined,\n      }),\n    }),\n    [existingContractor, defaultValues],\n  )\n\n  // Form setup\n  const formMethods = useForm<ContractorProfileFormData, unknown, ContractorProfileFormData>({\n    resolver: zodResolver(validationSchema),\n    defaultValues: formDefaultValues,\n    ...(existingContractor && { values: formDefaultValues }),\n    resetOptions: { keepDirtyValues: true },\n  })\n\n  const { handleSubmit, formState } = formMethods\n\n  // Watch form values for conditional rendering\n  const watchedType = useWatch({ control: formMethods.control, name: 'contractorType' })\n  const watchedWageType = useWatch({ control: formMethods.control, name: 'wageType' })\n  const watchedSelfOnboarding = useWatch({\n    control: formMethods.control,\n    name: 'selfOnboarding',\n  })\n\n  // Helper function to transform form data to API payload\n  const transformFormDataToCreatePayload = (\n    data: ContractorProfileFormData,\n  ): ContractorCreateRequestBody => {\n    const basePayload = {\n      type: data.contractorType,\n      wageType: data.wageType,\n      startDate: formatDateToStringDate(data.startDate) || '',\n      selfOnboarding: data.selfOnboarding,\n      email: data.selfOnboarding ? data.email : undefined,\n      hourlyRate: data.wageType === WageType.Hourly ? String(data.hourlyRate) : undefined,\n      isActive: true,\n    }\n\n    if (data.contractorType === ContractorType.Individual) {\n      return {\n        ...basePayload,\n        firstName: data.firstName,\n        middleInitial: data.middleInitial || undefined,\n        lastName: data.lastName,\n        ssn: data.ssn,\n        fileNewHireReport: false, // Default value\n      }\n    } else {\n      return {\n        ...basePayload,\n        fileNewHireReport: false, // Default value\n        businessName: data.businessName,\n        ein: data.ein?.replace(/-/g, ''),\n      }\n    }\n  }\n\n  const transformFormDataToUpdatePayload = (\n    data: ContractorProfileFormData,\n    version: string,\n  ): ContractorUpdateRequestBody => {\n    const createPayload = transformFormDataToCreatePayload(data)\n    return {\n      ...createPayload,\n      version,\n    }\n  }\n\n  // Event handlers\n  const onSubmit: SubmitHandler<ContractorProfileFormData> = async data => {\n    await baseSubmitHandler(data, async payload => {\n      let contractorId = existingContractor?.uuid\n      if (existingContractor) {\n        // Update existing contractor\n        if (!existingContractor.version) {\n          throw new SDKInternalError('Contractor version is required for updates')\n        }\n        const version = existingContractor.version\n        const apiPayload = transformFormDataToUpdatePayload(payload, version)\n\n        const updateResponse = await updateContractor({\n          request: {\n            contractorUuid: contractorId!,\n            contractorUpdateRequestBody: apiPayload,\n          },\n        })\n\n        onEvent(componentEvents.CONTRACTOR_UPDATED, updateResponse.contractor)\n      } else {\n        // Create new contractor\n        const apiPayload = transformFormDataToCreatePayload(payload)\n\n        const createResponse = await createContractor({\n          request: {\n            companyUuid: companyId,\n            contractorCreateRequestBody: apiPayload,\n          },\n        })\n\n        contractorId = createResponse.contractor?.uuid\n        onEvent(componentEvents.CONTRACTOR_CREATED, createResponse.contractor)\n      }\n\n      onEvent(componentEvents.CONTRACTOR_PROFILE_DONE, {\n        selfOnboarding:\n          payload.selfOnboarding &&\n          existingContractor?.onboardingStatus !==\n            ContractorOnboardingStatus.ADMIN_ONBOARDING_REVIEW,\n        contractorId,\n      })\n    })\n  }\n\n  // Conditional rendering helpers\n  // eslint-disable-next-line @typescript-eslint/no-unnecessary-type-conversion\n  const shouldShowEmailField = !!watchedSelfOnboarding\n  const shouldShowBusinessFields = watchedType === ContractorType.Business\n  const shouldShowIndividualFields = watchedType === ContractorType.Individual\n  const shouldShowHourlyRate = watchedWageType === WageType.Hourly\n  const shouldShowSsnField = watchedType === ContractorType.Individual && !watchedSelfOnboarding\n  const shouldShowEinField = watchedType === ContractorType.Business && !watchedSelfOnboarding\n\n  // Form field options\n  const contractorTypeOptions = [\n    { label: 'Individual', value: ContractorType.Individual },\n    { label: 'Business', value: ContractorType.Business },\n  ]\n\n  const wageTypeOptions = [\n    { label: 'Hourly', value: WageType.Hourly },\n    { label: 'Fixed', value: WageType.Fixed },\n  ]\n\n  // Determine if we're currently submitting (creating or updating)\n  const isSubmitting = isCreating || isUpdating\n  // Return only what the component actually needs\n  return {\n    // Form methods and submission\n    formMethods,\n    handleSubmit: handleSubmit(onSubmit),\n    formState: {\n      ...formState,\n      isSubmitting,\n    },\n\n    // Conditional rendering flags\n    shouldShowEmailField,\n    shouldShowBusinessFields,\n    shouldShowIndividualFields,\n    shouldShowHourlyRate,\n    shouldShowSsnField,\n    shouldShowEinField,\n\n    // Form options\n    contractorTypeOptions,\n    wageTypeOptions,\n\n    // Component state\n    isEditing: !!contractorId,\n  }\n}\n"],"names":["WageType","ApiWageType","ContractorType","ApiContractorType","ContractorProfileSchema","z","NAME_REGEX","createContractorProfileValidationSchema","hasSsn","hasEin","data","ctx","cleanSSN","removeNonDigits","SSN_REGEX","normalizedEin","normalizeEin","useContractorProfile","companyId","contractorId","defaultValues","existingContractor","useI18n","t","useTranslation","onEvent","baseSubmitHandler","useBase","validationSchema","createContractor","isCreating","useContractorsCreateMutation","updateContractor","isUpdating","useContractorsUpdateMutation","formDefaultValues","useMemo","ContractorSelfOnboardingStatuses","parsed","formMethods","useForm","zodResolver","handleSubmit","formState","watchedType","useWatch","watchedWageType","watchedSelfOnboarding","transformFormDataToCreatePayload","basePayload","formatDateToStringDate","transformFormDataToUpdatePayload","version","onSubmit","payload","SDKInternalError","apiPayload","updateResponse","componentEvents","createResponse","ContractorOnboardingStatus","shouldShowEmailField","shouldShowBusinessFields","shouldShowIndividualFields","shouldShowHourlyRate","shouldShowSsnField","shouldShowEinField","contractorTypeOptions","wageTypeOptions","isSubmitting"],"mappings":"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"}

package/dist/components/Employee/Deductions/DeductionsForm/ChildSupportForm.js

@@ -20,7 +20,6 @@ import "@gusto/embedded-api/models/errors/sdkvalidationerror";
 import "@gusto/embedded-api/models/errors/unprocessableentityerrorobject";
 import "@gusto/embedded-api/models/errors/httpclienterrors";
 import { componentEvents as M } from "../../../../shared/constants.js";
-import "../../../../contexts/LoadingIndicatorProvider/useLoadingIndicator.js";
 import { SelectField as f } from "../../../Common/Fields/SelectField/SelectField.js";
 import { TextInputField as te } from "../../../Common/Fields/TextInputField/TextInputField.js";
 import { NumberInputField as D } from "../../../Common/Fields/NumberInputField/NumberInputField.js";
@@ -34,7 +33,7 @@ const ne = 0, oe = 0, ie = 100, _ = "Number must be greater than or equal to 0",
   payPeriodMaximum: o.number().min(0, { error: _ }).transform((r) => r > 0 ? r.toString() : null).nullable(),
   paymentPeriod: me
 });
-function Oe({
+function Ie({
   deduction: r,
   handleStateAgencySelect: A,
   stateAgencies: R,
@@ -229,6 +228,6 @@ function Oe({
   ] }) }) });
 }
 export {
-  Oe as default
+  Ie as default
 };
 //# sourceMappingURL=ChildSupportForm.js.map

package/dist/components/Employee/Deductions/DeductionsForm/ChildSupportForm.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChildSupportForm.js","sources":["../../../../../src/components/Employee/Deductions/DeductionsForm/ChildSupportForm.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { FormProvider, useForm, useWatch, type SubmitHandler } from 'react-hook-form'\nimport { useEffect, useMemo } from 'react'\nimport { z } from 'zod'\nimport { zodResolver } from '@hookform/resolvers/zod'\nimport { PaymentPeriod } from '@gusto/embedded-api/models/components/garnishmentchildsupport'\nimport type { GarnishmentType } from '@gusto/embedded-api/models/operations/postv1employeesemployeeidgarnishments'\nimport { type Garnishment } from '@gusto/embedded-api/models/components/garnishment'\nimport { useGarnishmentsCreateMutation } from '@gusto/embedded-api/react-query/garnishmentsCreate'\nimport { useGarnishmentsUpdateMutation } from '@gusto/embedded-api/react-query/garnishmentsUpdate'\nimport { type Agencies } from '@gusto/embedded-api/models/components/childsupportdata'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { Form } from '@/components/Common/Form'\nimport { ActionsLayout } from '@/components/Common'\nimport { Flex } from '@/components/Common/Flex/Flex'\nimport { NumberInputField, TextInputField, SelectField } from '@/components/Common'\nimport { type CommonComponentInterface, useBase } from '@/components/Base'\nimport { componentEvents } from '@/shared/constants'\n\nconst MINIMUM_PAY_PERIOD_AMOUNT = 0\nconst MINIMUM_PAYCHECK_PERCENTAGE = 0\nconst MAXIMUM_PAYCHECK_PERCENTAGE = 100\n\nconst NON_NEGATIVE_ERROR = 'Number must be greater than or equal to 0'\n\nconst ChildSupportPaymentPeriodSchema = z.enum(PaymentPeriod)\n\nconst ChildSupportSchema = z.object({\n  state: z.string(),\n  fipsCode: z.string(),\n  caseNumber: z.string().nullable(),\n  orderNumber: z.string().nullable(),\n  remittanceNumber: z.string().nullable(),\n  amount: z.number().min(0, { error: NON_NEGATIVE_ERROR }).transform(String),\n  payPeriodMaximum: z\n    .number()\n    .min(0, { error: NON_NEGATIVE_ERROR })\n    .transform(val => (val > 0 ? val.toString() : null))\n    .nullable(),\n  paymentPeriod: ChildSupportPaymentPeriodSchema,\n})\n\nexport type ChildSupportInputs = z.input<typeof ChildSupportSchema>\nexport type ChildSupportPayload = z.output<typeof ChildSupportSchema>\n\ninterface ChildSupportFormProps extends CommonComponentInterface<'Employee.Deductions'> {\n  employeeId: string\n  deduction?: Garnishment | null\n  handleStateAgencySelect: (stateAgency: string) => void\n  stateAgencies: { label: string; value: string }[]\n  counties: { label: string; value: string }[]\n  singleAllCountiesFipsCode: string | null | undefined\n  selectedAgency?: Agencies\n  onCancel: () => void\n}\n\nfunction ChildSupportForm({\n  deduction,\n  handleStateAgencySelect,\n  stateAgencies,\n  counties,\n  singleAllCountiesFipsCode,\n  employeeId,\n  selectedAgency,\n  onCancel,\n}: ChildSupportFormProps) {\n  const { onEvent, baseSubmitHandler } = useBase()\n  const { t } = useTranslation('Employee.Deductions')\n  const Components = useComponentContext()\n\n  const ATTR_KEY_TO_TEXT_FIELD_NAME_MAPPER = {\n    case_number: {\n      name: 'caseNumber',\n      description: t('caseNumberDescription'),\n    },\n    order_number: {\n      name: 'orderNumber',\n      description: t('orderNumberDescription'),\n    },\n    remittance_number: {\n      name: 'remittanceNumber',\n      description: t('remittanceNumberDescription'),\n    },\n  } as const\n\n  const requiredSelectedAgencyAttributes =\n    selectedAgency?.requiredAttributes\n      ?.map(attr => {\n        if (!attr.key) {\n          return null\n        }\n        if (!Object.prototype.hasOwnProperty.call(ATTR_KEY_TO_TEXT_FIELD_NAME_MAPPER, attr.key)) {\n          return null\n        }\n        const key = attr.key as keyof typeof ATTR_KEY_TO_TEXT_FIELD_NAME_MAPPER\n        const mappedAttr = ATTR_KEY_TO_TEXT_FIELD_NAME_MAPPER[key]\n        return {\n          name: mappedAttr.name,\n          label: attr.label as string,\n          description: mappedAttr.description,\n        }\n      })\n      .filter((attr): attr is NonNullable<typeof attr> => attr !== null) || []\n\n  const { mutateAsync: createDeduction, isPending: isPendingCreate } =\n    useGarnishmentsCreateMutation()\n  const { mutateAsync: updateDeduction, isPending: isPendingUpdate } =\n    useGarnishmentsUpdateMutation()\n  const isPending = isPendingCreate || isPendingUpdate\n\n  const defaultChildSupportValues: ChildSupportInputs = useMemo(() => {\n    return {\n      amount: deduction?.amount ? Number(deduction.amount) : 0,\n      payPeriodMaximum: deduction?.payPeriodMaximum ? Number(deduction.payPeriodMaximum) : null,\n      state: deduction?.childSupport?.state || '',\n      fipsCode: deduction?.childSupport?.fipsCode || '',\n      caseNumber: deduction?.childSupport?.caseNumber || null,\n      orderNumber: deduction?.childSupport?.orderNumber || null,\n      remittanceNumber: deduction?.childSupport?.remittanceNumber || null,\n      paymentPeriod: deduction?.childSupport?.paymentPeriod as PaymentPeriod,\n    }\n  }, [deduction])\n\n  const childSupportFormMethods = useForm<ChildSupportInputs, unknown, ChildSupportPayload>({\n    resolver: zodResolver(ChildSupportSchema),\n    defaultValues: defaultChildSupportValues,\n  })\n  const { reset: resetChildSupportForm, setValue, control } = childSupportFormMethods\n  const watchedStateAgency = useWatch({ control, name: 'state' })\n\n  useEffect(() => {\n    resetChildSupportForm(defaultChildSupportValues)\n  }, [deduction, defaultChildSupportValues, resetChildSupportForm])\n\n  // if in edit mode and user elects to change state agency, reset the required attribute values\n  // as new selected agency might require different payload inputs, e.g. OH requires case number + order number\n  useEffect(() => {\n    setValue('caseNumber', null)\n    setValue('orderNumber', null)\n    setValue('remittanceNumber', null)\n  }, [watchedStateAgency, setValue])\n\n  useEffect(() => {\n    if (typeof singleAllCountiesFipsCode === 'string') {\n      setValue('fipsCode', singleAllCountiesFipsCode)\n    }\n  }, [singleAllCountiesFipsCode, setValue])\n\n  const onChildSupportSubmit: SubmitHandler<ChildSupportPayload> = async data => {\n    const childSupport = {\n      state: data.state,\n      paymentPeriod: data.paymentPeriod,\n      fipsCode: data.fipsCode,\n      caseNumber: data.caseNumber,\n      orderNumber: data.orderNumber,\n      remittanceNumber: data.remittanceNumber,\n    }\n\n    await baseSubmitHandler(data, async payload => {\n      const requestBody = {\n        active: true,\n        amount: payload.amount,\n        description: `Child Support - ${childSupport.caseNumber}`, // child support description follows prefix type + case number convention\n        courtOrdered: true,\n        garnishmentType: 'child_support' as GarnishmentType,\n        times: null,\n        deductAsPercentage: true, // child support must always deduct as percentage up to a pay period maximum limit and is recurring until cancelled\n        payPeriodMaximum: payload.payPeriodMaximum,\n        recurring: true,\n        childSupport,\n      }\n\n      if (!deduction) {\n        const { garnishment: createDeductionResponse } = await createDeduction({\n          request: {\n            employeeId,\n            requestBody,\n          },\n        })\n        onEvent(componentEvents.EMPLOYEE_DEDUCTION_CREATED, createDeductionResponse)\n      } else {\n        const { garnishment: updateDeductionResponse } = await updateDeduction({\n          request: {\n            garnishmentId: deduction.uuid,\n            requestBody: {\n              ...requestBody,\n              version: deduction.version as string,\n            },\n          },\n        })\n        onEvent(componentEvents.EMPLOYEE_DEDUCTION_UPDATED, updateDeductionResponse)\n      }\n    })\n  }\n\n  const handleCancel = () => {\n    onCancel()\n  }\n\n  const isManualPaymentRequired = selectedAgency?.manualPaymentRequired\n  const hasSelectableCounties =\n    counties.length > 1 || (counties.length === 1 && singleAllCountiesFipsCode == null)\n\n  return (\n    <FormProvider {...childSupportFormMethods}>\n      <Form onSubmit={childSupportFormMethods.handleSubmit(onChildSupportSubmit)}>\n        <Flex flexDirection=\"column\" gap={32}>\n          <Components.Heading as=\"h3\">{t('childSupportTitle')}</Components.Heading>\n          <Flex flexDirection=\"column\" gap={20}>\n            <SelectField\n              name=\"state\"\n              label={t('agency')}\n              description={t('agencyDescription')}\n              options={stateAgencies}\n              onChange={handleStateAgencySelect}\n              isRequired\n            />\n\n            {isManualPaymentRequired && (\n              <Components.Alert status=\"warning\" label={t('manualPaymentRequired')} />\n            )}\n\n            {watchedStateAgency && (\n              <Flex flexDirection=\"column\" gap={20}>\n                {hasSelectableCounties && (\n                  <SelectField\n                    name=\"fipsCode\"\n                    label={t('county')}\n                    description={t('countyDescription')}\n                    options={counties}\n                    isRequired\n                  />\n                )}\n                {/* render required inputs for respective agency, e.g. OH requires case number + order number */}\n                {requiredSelectedAgencyAttributes.map(({ name, label, description }) => (\n                  <TextInputField\n                    key={name}\n                    name={name}\n                    label={label}\n                    description={description}\n                    isRequired\n                  />\n                ))}\n                <NumberInputField\n                  name=\"payPeriodMaximum\"\n                  label={t('totalAmountWithheld')}\n                  description={t('totalAmountWithheldDescription')}\n                  min={MINIMUM_PAY_PERIOD_AMOUNT}\n                  adornmentStart=\"$\"\n                  isRequired\n                />\n                <NumberInputField\n                  name=\"amount\"\n                  label={t('maxPaycheckPercentage')}\n                  description={t('maxPaycheckPercentageDescription')}\n                  isRequired\n                  min={MINIMUM_PAYCHECK_PERCENTAGE}\n                  max={MAXIMUM_PAYCHECK_PERCENTAGE}\n                  adornmentEnd=\"%\"\n                />\n                <SelectField\n                  name=\"paymentPeriod\"\n                  label={t('per')}\n                  description={t('perDescription')}\n                  options={[\n                    {\n                      label: t('everyWeek'),\n                      value: 'Every week',\n                    },\n                    {\n                      label: t('everyOtherWeek'),\n                      value: 'Every other week',\n                    },\n                    {\n                      label: t('twicePerMonth'),\n                      value: 'Twice per month',\n                    },\n                    {\n                      label: t('monthly'),\n                      value: 'Monthly',\n                    },\n                  ]}\n                  isRequired\n                />\n              </Flex>\n            )}\n          </Flex>\n          <ActionsLayout>\n            <Components.Button variant=\"secondary\" onClick={handleCancel}>\n              {t('cancelCta')}\n            </Components.Button>\n            {watchedStateAgency && (\n              <Components.Button type=\"submit\" isLoading={isPending}>\n                {t('saveCta')}\n              </Components.Button>\n            )}\n          </ActionsLayout>\n        </Flex>\n      </Form>\n    </FormProvider>\n  )\n}\n\nexport default ChildSupportForm\n"],"names":["MINIMUM_PAY_PERIOD_AMOUNT","MINIMUM_PAYCHECK_PERCENTAGE","MAXIMUM_PAYCHECK_PERCENTAGE","NON_NEGATIVE_ERROR","ChildSupportPaymentPeriodSchema","z","PaymentPeriod","ChildSupportSchema","val","ChildSupportForm","deduction","handleStateAgencySelect","stateAgencies","counties","singleAllCountiesFipsCode","employeeId","selectedAgency","onCancel","onEvent","baseSubmitHandler","useBase","t","useTranslation","Components","useComponentContext","ATTR_KEY_TO_TEXT_FIELD_NAME_MAPPER","requiredSelectedAgencyAttributes","attr","key","mappedAttr","createDeduction","isPendingCreate","useGarnishmentsCreateMutation","updateDeduction","isPendingUpdate","useGarnishmentsUpdateMutation","isPending","defaultChildSupportValues","useMemo","childSupportFormMethods","useForm","zodResolver","resetChildSupportForm","setValue","control","watchedStateAgency","useWatch","useEffect","onChildSupportSubmit","data","childSupport","payload","requestBody","updateDeductionResponse","componentEvents","createDeductionResponse","handleCancel","isManualPaymentRequired","hasSelectableCounties","FormProvider","jsx","Form","jsxs","Flex","SelectField","name","label","description","TextInputField","NumberInputField","ActionsLayout"],"mappings":"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"}
+{"version":3,"file":"ChildSupportForm.js","sources":["../../../../../src/components/Employee/Deductions/DeductionsForm/ChildSupportForm.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { FormProvider, useForm, useWatch, type SubmitHandler } from 'react-hook-form'\nimport { useEffect, useMemo } from 'react'\nimport { z } from 'zod'\nimport { zodResolver } from '@hookform/resolvers/zod'\nimport { PaymentPeriod } from '@gusto/embedded-api/models/components/garnishmentchildsupport'\nimport type { GarnishmentType } from '@gusto/embedded-api/models/operations/postv1employeesemployeeidgarnishments'\nimport { type Garnishment } from '@gusto/embedded-api/models/components/garnishment'\nimport { useGarnishmentsCreateMutation } from '@gusto/embedded-api/react-query/garnishmentsCreate'\nimport { useGarnishmentsUpdateMutation } from '@gusto/embedded-api/react-query/garnishmentsUpdate'\nimport { type Agencies } from '@gusto/embedded-api/models/components/childsupportdata'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { Form } from '@/components/Common/Form'\nimport { ActionsLayout } from '@/components/Common'\nimport { Flex } from '@/components/Common/Flex/Flex'\nimport { NumberInputField, TextInputField, SelectField } from '@/components/Common'\nimport { type CommonComponentInterface, useBase } from '@/components/Base'\nimport { componentEvents } from '@/shared/constants'\n\nconst MINIMUM_PAY_PERIOD_AMOUNT = 0\nconst MINIMUM_PAYCHECK_PERCENTAGE = 0\nconst MAXIMUM_PAYCHECK_PERCENTAGE = 100\n\nconst NON_NEGATIVE_ERROR = 'Number must be greater than or equal to 0'\n\nconst ChildSupportPaymentPeriodSchema = z.enum(PaymentPeriod)\n\nconst ChildSupportSchema = z.object({\n  state: z.string(),\n  fipsCode: z.string(),\n  caseNumber: z.string().nullable(),\n  orderNumber: z.string().nullable(),\n  remittanceNumber: z.string().nullable(),\n  amount: z.number().min(0, { error: NON_NEGATIVE_ERROR }).transform(String),\n  payPeriodMaximum: z\n    .number()\n    .min(0, { error: NON_NEGATIVE_ERROR })\n    .transform(val => (val > 0 ? val.toString() : null))\n    .nullable(),\n  paymentPeriod: ChildSupportPaymentPeriodSchema,\n})\n\nexport type ChildSupportInputs = z.input<typeof ChildSupportSchema>\nexport type ChildSupportPayload = z.output<typeof ChildSupportSchema>\n\ninterface ChildSupportFormProps extends CommonComponentInterface<'Employee.Deductions'> {\n  employeeId: string\n  deduction?: Garnishment | null\n  handleStateAgencySelect: (stateAgency: string) => void\n  stateAgencies: { label: string; value: string }[]\n  counties: { label: string; value: string }[]\n  singleAllCountiesFipsCode: string | null | undefined\n  selectedAgency?: Agencies\n  onCancel: () => void\n}\n\nfunction ChildSupportForm({\n  deduction,\n  handleStateAgencySelect,\n  stateAgencies,\n  counties,\n  singleAllCountiesFipsCode,\n  employeeId,\n  selectedAgency,\n  onCancel,\n}: ChildSupportFormProps) {\n  const { onEvent, baseSubmitHandler } = useBase()\n  const { t } = useTranslation('Employee.Deductions')\n  const Components = useComponentContext()\n\n  const ATTR_KEY_TO_TEXT_FIELD_NAME_MAPPER = {\n    case_number: {\n      name: 'caseNumber',\n      description: t('caseNumberDescription'),\n    },\n    order_number: {\n      name: 'orderNumber',\n      description: t('orderNumberDescription'),\n    },\n    remittance_number: {\n      name: 'remittanceNumber',\n      description: t('remittanceNumberDescription'),\n    },\n  } as const\n\n  const requiredSelectedAgencyAttributes =\n    selectedAgency?.requiredAttributes\n      ?.map(attr => {\n        if (!attr.key) {\n          return null\n        }\n        if (!Object.prototype.hasOwnProperty.call(ATTR_KEY_TO_TEXT_FIELD_NAME_MAPPER, attr.key)) {\n          return null\n        }\n        const key = attr.key as keyof typeof ATTR_KEY_TO_TEXT_FIELD_NAME_MAPPER\n        const mappedAttr = ATTR_KEY_TO_TEXT_FIELD_NAME_MAPPER[key]\n        return {\n          name: mappedAttr.name,\n          label: attr.label as string,\n          description: mappedAttr.description,\n        }\n      })\n      .filter((attr): attr is NonNullable<typeof attr> => attr !== null) || []\n\n  const { mutateAsync: createDeduction, isPending: isPendingCreate } =\n    useGarnishmentsCreateMutation()\n  const { mutateAsync: updateDeduction, isPending: isPendingUpdate } =\n    useGarnishmentsUpdateMutation()\n  const isPending = isPendingCreate || isPendingUpdate\n\n  const defaultChildSupportValues: ChildSupportInputs = useMemo(() => {\n    return {\n      amount: deduction?.amount ? Number(deduction.amount) : 0,\n      payPeriodMaximum: deduction?.payPeriodMaximum ? Number(deduction.payPeriodMaximum) : null,\n      state: deduction?.childSupport?.state || '',\n      fipsCode: deduction?.childSupport?.fipsCode || '',\n      caseNumber: deduction?.childSupport?.caseNumber || null,\n      orderNumber: deduction?.childSupport?.orderNumber || null,\n      remittanceNumber: deduction?.childSupport?.remittanceNumber || null,\n      paymentPeriod: deduction?.childSupport?.paymentPeriod as PaymentPeriod,\n    }\n  }, [deduction])\n\n  const childSupportFormMethods = useForm<ChildSupportInputs, unknown, ChildSupportPayload>({\n    resolver: zodResolver(ChildSupportSchema),\n    defaultValues: defaultChildSupportValues,\n  })\n  const { reset: resetChildSupportForm, setValue, control } = childSupportFormMethods\n  const watchedStateAgency = useWatch({ control, name: 'state' })\n\n  useEffect(() => {\n    resetChildSupportForm(defaultChildSupportValues)\n  }, [deduction, defaultChildSupportValues, resetChildSupportForm])\n\n  // if in edit mode and user elects to change state agency, reset the required attribute values\n  // as new selected agency might require different payload inputs, e.g. OH requires case number + order number\n  useEffect(() => {\n    setValue('caseNumber', null)\n    setValue('orderNumber', null)\n    setValue('remittanceNumber', null)\n  }, [watchedStateAgency, setValue])\n\n  useEffect(() => {\n    if (typeof singleAllCountiesFipsCode === 'string') {\n      setValue('fipsCode', singleAllCountiesFipsCode)\n    }\n  }, [singleAllCountiesFipsCode, setValue])\n\n  const onChildSupportSubmit: SubmitHandler<ChildSupportPayload> = async data => {\n    const childSupport = {\n      state: data.state,\n      paymentPeriod: data.paymentPeriod,\n      fipsCode: data.fipsCode,\n      caseNumber: data.caseNumber,\n      orderNumber: data.orderNumber,\n      remittanceNumber: data.remittanceNumber,\n    }\n\n    await baseSubmitHandler(data, async payload => {\n      const requestBody = {\n        active: true,\n        amount: payload.amount,\n        description: `Child Support - ${childSupport.caseNumber}`, // child support description follows prefix type + case number convention\n        courtOrdered: true,\n        garnishmentType: 'child_support' as GarnishmentType,\n        times: null,\n        deductAsPercentage: true, // child support must always deduct as percentage up to a pay period maximum limit and is recurring until cancelled\n        payPeriodMaximum: payload.payPeriodMaximum,\n        recurring: true,\n        childSupport,\n      }\n\n      if (!deduction) {\n        const { garnishment: createDeductionResponse } = await createDeduction({\n          request: {\n            employeeId,\n            requestBody,\n          },\n        })\n        onEvent(componentEvents.EMPLOYEE_DEDUCTION_CREATED, createDeductionResponse)\n      } else {\n        const { garnishment: updateDeductionResponse } = await updateDeduction({\n          request: {\n            garnishmentId: deduction.uuid,\n            requestBody: {\n              ...requestBody,\n              version: deduction.version as string,\n            },\n          },\n        })\n        onEvent(componentEvents.EMPLOYEE_DEDUCTION_UPDATED, updateDeductionResponse)\n      }\n    })\n  }\n\n  const handleCancel = () => {\n    onCancel()\n  }\n\n  const isManualPaymentRequired = selectedAgency?.manualPaymentRequired\n  const hasSelectableCounties =\n    counties.length > 1 || (counties.length === 1 && singleAllCountiesFipsCode == null)\n\n  return (\n    <FormProvider {...childSupportFormMethods}>\n      <Form onSubmit={childSupportFormMethods.handleSubmit(onChildSupportSubmit)}>\n        <Flex flexDirection=\"column\" gap={32}>\n          <Components.Heading as=\"h3\">{t('childSupportTitle')}</Components.Heading>\n          <Flex flexDirection=\"column\" gap={20}>\n            <SelectField\n              name=\"state\"\n              label={t('agency')}\n              description={t('agencyDescription')}\n              options={stateAgencies}\n              onChange={handleStateAgencySelect}\n              isRequired\n            />\n\n            {isManualPaymentRequired && (\n              <Components.Alert status=\"warning\" label={t('manualPaymentRequired')} />\n            )}\n\n            {watchedStateAgency && (\n              <Flex flexDirection=\"column\" gap={20}>\n                {hasSelectableCounties && (\n                  <SelectField\n                    name=\"fipsCode\"\n                    label={t('county')}\n                    description={t('countyDescription')}\n                    options={counties}\n                    isRequired\n                  />\n                )}\n                {/* render required inputs for respective agency, e.g. OH requires case number + order number */}\n                {requiredSelectedAgencyAttributes.map(({ name, label, description }) => (\n                  <TextInputField\n                    key={name}\n                    name={name}\n                    label={label}\n                    description={description}\n                    isRequired\n                  />\n                ))}\n                <NumberInputField\n                  name=\"payPeriodMaximum\"\n                  label={t('totalAmountWithheld')}\n                  description={t('totalAmountWithheldDescription')}\n                  min={MINIMUM_PAY_PERIOD_AMOUNT}\n                  adornmentStart=\"$\"\n                  isRequired\n                />\n                <NumberInputField\n                  name=\"amount\"\n                  label={t('maxPaycheckPercentage')}\n                  description={t('maxPaycheckPercentageDescription')}\n                  isRequired\n                  min={MINIMUM_PAYCHECK_PERCENTAGE}\n                  max={MAXIMUM_PAYCHECK_PERCENTAGE}\n                  adornmentEnd=\"%\"\n                />\n                <SelectField\n                  name=\"paymentPeriod\"\n                  label={t('per')}\n                  description={t('perDescription')}\n                  options={[\n                    {\n                      label: t('everyWeek'),\n                      value: 'Every week',\n                    },\n                    {\n                      label: t('everyOtherWeek'),\n                      value: 'Every other week',\n                    },\n                    {\n                      label: t('twicePerMonth'),\n                      value: 'Twice per month',\n                    },\n                    {\n                      label: t('monthly'),\n                      value: 'Monthly',\n                    },\n                  ]}\n                  isRequired\n                />\n              </Flex>\n            )}\n          </Flex>\n          <ActionsLayout>\n            <Components.Button variant=\"secondary\" onClick={handleCancel}>\n              {t('cancelCta')}\n            </Components.Button>\n            {watchedStateAgency && (\n              <Components.Button type=\"submit\" isLoading={isPending}>\n                {t('saveCta')}\n              </Components.Button>\n            )}\n          </ActionsLayout>\n        </Flex>\n      </Form>\n    </FormProvider>\n  )\n}\n\nexport default ChildSupportForm\n"],"names":["MINIMUM_PAY_PERIOD_AMOUNT","MINIMUM_PAYCHECK_PERCENTAGE","MAXIMUM_PAYCHECK_PERCENTAGE","NON_NEGATIVE_ERROR","ChildSupportPaymentPeriodSchema","z","PaymentPeriod","ChildSupportSchema","val","ChildSupportForm","deduction","handleStateAgencySelect","stateAgencies","counties","singleAllCountiesFipsCode","employeeId","selectedAgency","onCancel","onEvent","baseSubmitHandler","useBase","t","useTranslation","Components","useComponentContext","ATTR_KEY_TO_TEXT_FIELD_NAME_MAPPER","requiredSelectedAgencyAttributes","attr","key","mappedAttr","createDeduction","isPendingCreate","useGarnishmentsCreateMutation","updateDeduction","isPendingUpdate","useGarnishmentsUpdateMutation","isPending","defaultChildSupportValues","useMemo","childSupportFormMethods","useForm","zodResolver","resetChildSupportForm","setValue","control","watchedStateAgency","useWatch","useEffect","onChildSupportSubmit","data","childSupport","payload","requestBody","updateDeductionResponse","componentEvents","createDeductionResponse","handleCancel","isManualPaymentRequired","hasSelectableCounties","FormProvider","jsx","Form","jsxs","Flex","SelectField","name","label","description","TextInputField","NumberInputField","ActionsLayout"],"mappings":"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"}

package/dist/components/Employee/Deductions/DeductionsForm/CustomDeductionForm.js

@@ -19,7 +19,6 @@ import "@gusto/embedded-api/models/errors/sdkvalidationerror";
 import "@gusto/embedded-api/models/errors/unprocessableentityerrorobject";
 import "@gusto/embedded-api/models/errors/httpclienterrors";
 import { componentEvents as g } from "../../../../shared/constants.js";
-import "../../../../contexts/LoadingIndicatorProvider/useLoadingIndicator.js";
 import { TextInputField as $ } from "../../../Common/Fields/TextInputField/TextInputField.js";
 import { RadioGroupField as h } from "../../../Common/Fields/RadioGroupField/RadioGroupField.js";
 import { NumberInputField as c } from "../../../Common/Fields/NumberInputField/NumberInputField.js";
@@ -33,7 +32,7 @@ const d = "Number must be greater than or equal to 0", z = r.object({
   totalAmount: r.number().min(0, { error: d }).transform((e) => e > 0 ? e.toString() : null).nullable(),
   deductAsPercentage: r.boolean()
 });
-function ge({ deduction: e, employeeId: A, onCancel: D }) {
+function fe({ deduction: e, employeeId: A, onCancel: D }) {
   const { onEvent: p, baseSubmitHandler: x } = j(), { t: n } = S("Employee.Deductions"), u = B(), { mutateAsync: E, isPending: P } = _(), { mutateAsync: y, isPending: R } = w(), v = P || R, C = V(() => ({
     amount: e?.amount ? Number(e.amount) : 0,
     description: e?.description ?? "",
@@ -150,6 +149,6 @@ function ge({ deduction: e, employeeId: A, onCancel: D }) {
 }
 export {
   z as DeductionSchema,
-  ge as default
+  fe as default
 };
 //# sourceMappingURL=CustomDeductionForm.js.map

package/dist/components/Employee/Deductions/DeductionsForm/CustomDeductionForm.js.map

@@ -1 +1 @@
-{"version":3,"file":"CustomDeductionForm.js","sources":["../../../../../src/components/Employee/Deductions/DeductionsForm/CustomDeductionForm.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { FormProvider, useForm, useWatch, type SubmitHandler } from 'react-hook-form'\nimport { useMemo } from 'react'\nimport { z } from 'zod'\nimport { zodResolver } from '@hookform/resolvers/zod'\nimport { type Garnishment } from '@gusto/embedded-api/models/components/garnishment'\nimport { useGarnishmentsCreateMutation } from '@gusto/embedded-api/react-query/garnishmentsCreate'\nimport { useGarnishmentsUpdateMutation } from '@gusto/embedded-api/react-query/garnishmentsUpdate'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { Form } from '@/components/Common/Form'\nimport { ActionsLayout } from '@/components/Common'\nimport { Flex } from '@/components/Common/Flex/Flex'\nimport { NumberInputField, TextInputField, RadioGroupField } from '@/components/Common'\nimport { type CommonComponentInterface, useBase } from '@/components/Base'\nimport { componentEvents } from '@/shared/constants'\n\nconst NON_NEGATIVE_ERROR = 'Number must be greater than or equal to 0'\n\nexport const DeductionSchema = z.object({\n  active: z.boolean(),\n  amount: z.number().min(0, { error: NON_NEGATIVE_ERROR }).transform(String),\n  description: z.string().min(1),\n  times: z.number().nullable(),\n  recurring: z.boolean(),\n  annualMaximum: z\n    .number()\n    .min(0, { error: NON_NEGATIVE_ERROR })\n    .transform(val => (val > 0 ? val.toString() : null))\n    .nullable(),\n  totalAmount: z\n    .number()\n    .min(0, { error: NON_NEGATIVE_ERROR })\n    .transform(val => (val > 0 ? val.toString() : null))\n    .nullable(),\n  deductAsPercentage: z.boolean(),\n})\n\nexport type DeductionInputs = z.input<typeof DeductionSchema>\nexport type DeductionPayload = z.output<typeof DeductionSchema>\n\ninterface ChildSupportFormProps extends CommonComponentInterface<'Employee.Deductions'> {\n  employeeId: string\n  deduction?: Garnishment | null\n  onCancel: () => void\n}\n\nfunction CustomDeductionForm({ deduction, employeeId, onCancel }: ChildSupportFormProps) {\n  const { onEvent, baseSubmitHandler } = useBase()\n  const { t } = useTranslation('Employee.Deductions')\n  const Components = useComponentContext()\n\n  const { mutateAsync: createDeduction, isPending: isPendingCreate } =\n    useGarnishmentsCreateMutation()\n  const { mutateAsync: updateDeduction, isPending: isPendingUpdate } =\n    useGarnishmentsUpdateMutation()\n  const isPending = isPendingCreate || isPendingUpdate\n\n  const defaultValues: DeductionInputs = useMemo(() => {\n    return {\n      amount: deduction?.amount ? Number(deduction.amount) : 0,\n      description: deduction?.description ?? '',\n      times: deduction?.times ?? null,\n      recurring: deduction?.recurring ?? true,\n      annualMaximum: deduction?.annualMaximum ? Number(deduction.annualMaximum) : null,\n      totalAmount: deduction?.totalAmount ? Number(deduction.totalAmount) : null,\n      deductAsPercentage: deduction?.deductAsPercentage ?? true,\n      active: true,\n    } as DeductionInputs\n  }, [deduction])\n\n  const formMethods = useForm<DeductionInputs, unknown, DeductionPayload>({\n    resolver: zodResolver(DeductionSchema),\n    defaultValues,\n  })\n  const { control } = formMethods\n  const watchedRecurring = useWatch({ control, name: 'recurring' })\n  const watchedAmountPercentage = useWatch({ control, name: 'deductAsPercentage' })\n\n  const onSubmit: SubmitHandler<DeductionPayload> = async data => {\n    await baseSubmitHandler(data, async payload => {\n      if (!deduction) {\n        const { garnishment: createDeductionResponse } = await createDeduction({\n          request: {\n            employeeId: employeeId,\n            requestBody: { ...payload, courtOrdered: false, times: payload.recurring ? null : 1 }, // custom deductions cannot be court ordered/garnishment\n          },\n        })\n\n        onEvent(componentEvents.EMPLOYEE_DEDUCTION_CREATED, createDeductionResponse)\n      } else {\n        const { garnishment: updateDeductionResponse } = await updateDeduction({\n          request: {\n            garnishmentId: deduction.uuid,\n            requestBody: {\n              ...payload,\n              version: deduction.version as string,\n              times: payload.recurring ? null : 1,\n            },\n          },\n        })\n        onEvent(componentEvents.EMPLOYEE_DEDUCTION_UPDATED, updateDeductionResponse)\n      }\n    })\n  }\n\n  const handleCancel = () => {\n    onCancel()\n  }\n\n  return (\n    <FormProvider {...formMethods}>\n      <Form onSubmit={formMethods.handleSubmit(onSubmit)}>\n        <Flex flexDirection=\"column\" gap={32}>\n          <>\n            <Components.Heading as=\"h3\">{t('customDeductionTitle')}</Components.Heading>\n            <Flex flexDirection=\"column\" gap={20}>\n              <Flex flexDirection=\"column\" gap={20}>\n                <TextInputField name=\"description\" label={t('descriptionLabelV2')} isRequired />\n                <RadioGroupField\n                  name=\"recurring\"\n                  label={t('frequencyLabel')}\n                  isRequired\n                  options={[\n                    { value: true, label: t('frequencyRecurringOptionV2') },\n                    { value: false, label: t('frequencyOneTimeOptionV2') },\n                  ]}\n                />\n                <RadioGroupField\n                  name=\"deductAsPercentage\"\n                  label={t('deductionTypeLabelV2')}\n                  isRequired\n                  options={[\n                    { value: true, label: t('deductionTypePercentageOptionV2') },\n                    { value: false, label: t('deductionTypeFixedAmountOption') },\n                  ]}\n                />\n                <NumberInputField\n                  name=\"amount\"\n                  adornmentStart={!watchedAmountPercentage && '$'}\n                  adornmentEnd={watchedAmountPercentage && '%'}\n                  label={t('deductionAmountLabel')}\n                  isRequired\n                  min={0}\n                  format={watchedAmountPercentage ? 'percent' : 'currency'}\n                  description={\n                    watchedAmountPercentage\n                      ? t('deductionAmountDescriptionPercentage')\n                      : t('deductionAmountDescriptionFixed')\n                  }\n                />\n              </Flex>\n              {watchedRecurring && (\n                <Flex flexDirection=\"column\" gap={20}>\n                  <NumberInputField\n                    name=\"totalAmount\"\n                    adornmentStart=\"$\"\n                    format=\"currency\"\n                    label={t('totalAmountLabel')}\n                    description={t('totalAmountDescription')}\n                    min={0}\n                  />\n                  <NumberInputField\n                    name=\"annualMaximum\"\n                    adornmentStart=\"$\"\n                    format=\"currency\"\n                    label={t('annualMaxLabel')}\n                    min={0}\n                    description={t('annualMaxDescription')}\n                  />\n                </Flex>\n              )}\n            </Flex>\n            <ActionsLayout>\n              <Components.Button variant=\"secondary\" onClick={handleCancel}>\n                {t('cancelCta')}\n              </Components.Button>\n              <Components.Button type=\"submit\" isLoading={isPending}>\n                {t('saveCta')}\n              </Components.Button>\n            </ActionsLayout>\n          </>\n        </Flex>\n      </Form>\n    </FormProvider>\n  )\n}\n\nexport default CustomDeductionForm\n"],"names":["NON_NEGATIVE_ERROR","DeductionSchema","z","val","CustomDeductionForm","deduction","employeeId","onCancel","onEvent","baseSubmitHandler","useBase","t","useTranslation","Components","useComponentContext","createDeduction","isPendingCreate","useGarnishmentsCreateMutation","updateDeduction","isPendingUpdate","useGarnishmentsUpdateMutation","isPending","defaultValues","useMemo","formMethods","useForm","zodResolver","control","watchedRecurring","useWatch","watchedAmountPercentage","onSubmit","data","payload","updateDeductionResponse","componentEvents","createDeductionResponse","handleCancel","FormProvider","jsx","Form","Flex","jsxs","Fragment","TextInputField","RadioGroupField","NumberInputField","ActionsLayout"],"mappings":"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"}
+{"version":3,"file":"CustomDeductionForm.js","sources":["../../../../../src/components/Employee/Deductions/DeductionsForm/CustomDeductionForm.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { FormProvider, useForm, useWatch, type SubmitHandler } from 'react-hook-form'\nimport { useMemo } from 'react'\nimport { z } from 'zod'\nimport { zodResolver } from '@hookform/resolvers/zod'\nimport { type Garnishment } from '@gusto/embedded-api/models/components/garnishment'\nimport { useGarnishmentsCreateMutation } from '@gusto/embedded-api/react-query/garnishmentsCreate'\nimport { useGarnishmentsUpdateMutation } from '@gusto/embedded-api/react-query/garnishmentsUpdate'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { Form } from '@/components/Common/Form'\nimport { ActionsLayout } from '@/components/Common'\nimport { Flex } from '@/components/Common/Flex/Flex'\nimport { NumberInputField, TextInputField, RadioGroupField } from '@/components/Common'\nimport { type CommonComponentInterface, useBase } from '@/components/Base'\nimport { componentEvents } from '@/shared/constants'\n\nconst NON_NEGATIVE_ERROR = 'Number must be greater than or equal to 0'\n\nexport const DeductionSchema = z.object({\n  active: z.boolean(),\n  amount: z.number().min(0, { error: NON_NEGATIVE_ERROR }).transform(String),\n  description: z.string().min(1),\n  times: z.number().nullable(),\n  recurring: z.boolean(),\n  annualMaximum: z\n    .number()\n    .min(0, { error: NON_NEGATIVE_ERROR })\n    .transform(val => (val > 0 ? val.toString() : null))\n    .nullable(),\n  totalAmount: z\n    .number()\n    .min(0, { error: NON_NEGATIVE_ERROR })\n    .transform(val => (val > 0 ? val.toString() : null))\n    .nullable(),\n  deductAsPercentage: z.boolean(),\n})\n\nexport type DeductionInputs = z.input<typeof DeductionSchema>\nexport type DeductionPayload = z.output<typeof DeductionSchema>\n\ninterface ChildSupportFormProps extends CommonComponentInterface<'Employee.Deductions'> {\n  employeeId: string\n  deduction?: Garnishment | null\n  onCancel: () => void\n}\n\nfunction CustomDeductionForm({ deduction, employeeId, onCancel }: ChildSupportFormProps) {\n  const { onEvent, baseSubmitHandler } = useBase()\n  const { t } = useTranslation('Employee.Deductions')\n  const Components = useComponentContext()\n\n  const { mutateAsync: createDeduction, isPending: isPendingCreate } =\n    useGarnishmentsCreateMutation()\n  const { mutateAsync: updateDeduction, isPending: isPendingUpdate } =\n    useGarnishmentsUpdateMutation()\n  const isPending = isPendingCreate || isPendingUpdate\n\n  const defaultValues: DeductionInputs = useMemo(() => {\n    return {\n      amount: deduction?.amount ? Number(deduction.amount) : 0,\n      description: deduction?.description ?? '',\n      times: deduction?.times ?? null,\n      recurring: deduction?.recurring ?? true,\n      annualMaximum: deduction?.annualMaximum ? Number(deduction.annualMaximum) : null,\n      totalAmount: deduction?.totalAmount ? Number(deduction.totalAmount) : null,\n      deductAsPercentage: deduction?.deductAsPercentage ?? true,\n      active: true,\n    } as DeductionInputs\n  }, [deduction])\n\n  const formMethods = useForm<DeductionInputs, unknown, DeductionPayload>({\n    resolver: zodResolver(DeductionSchema),\n    defaultValues,\n  })\n  const { control } = formMethods\n  const watchedRecurring = useWatch({ control, name: 'recurring' })\n  const watchedAmountPercentage = useWatch({ control, name: 'deductAsPercentage' })\n\n  const onSubmit: SubmitHandler<DeductionPayload> = async data => {\n    await baseSubmitHandler(data, async payload => {\n      if (!deduction) {\n        const { garnishment: createDeductionResponse } = await createDeduction({\n          request: {\n            employeeId: employeeId,\n            requestBody: { ...payload, courtOrdered: false, times: payload.recurring ? null : 1 }, // custom deductions cannot be court ordered/garnishment\n          },\n        })\n\n        onEvent(componentEvents.EMPLOYEE_DEDUCTION_CREATED, createDeductionResponse)\n      } else {\n        const { garnishment: updateDeductionResponse } = await updateDeduction({\n          request: {\n            garnishmentId: deduction.uuid,\n            requestBody: {\n              ...payload,\n              version: deduction.version as string,\n              times: payload.recurring ? null : 1,\n            },\n          },\n        })\n        onEvent(componentEvents.EMPLOYEE_DEDUCTION_UPDATED, updateDeductionResponse)\n      }\n    })\n  }\n\n  const handleCancel = () => {\n    onCancel()\n  }\n\n  return (\n    <FormProvider {...formMethods}>\n      <Form onSubmit={formMethods.handleSubmit(onSubmit)}>\n        <Flex flexDirection=\"column\" gap={32}>\n          <>\n            <Components.Heading as=\"h3\">{t('customDeductionTitle')}</Components.Heading>\n            <Flex flexDirection=\"column\" gap={20}>\n              <Flex flexDirection=\"column\" gap={20}>\n                <TextInputField name=\"description\" label={t('descriptionLabelV2')} isRequired />\n                <RadioGroupField\n                  name=\"recurring\"\n                  label={t('frequencyLabel')}\n                  isRequired\n                  options={[\n                    { value: true, label: t('frequencyRecurringOptionV2') },\n                    { value: false, label: t('frequencyOneTimeOptionV2') },\n                  ]}\n                />\n                <RadioGroupField\n                  name=\"deductAsPercentage\"\n                  label={t('deductionTypeLabelV2')}\n                  isRequired\n                  options={[\n                    { value: true, label: t('deductionTypePercentageOptionV2') },\n                    { value: false, label: t('deductionTypeFixedAmountOption') },\n                  ]}\n                />\n                <NumberInputField\n                  name=\"amount\"\n                  adornmentStart={!watchedAmountPercentage && '$'}\n                  adornmentEnd={watchedAmountPercentage && '%'}\n                  label={t('deductionAmountLabel')}\n                  isRequired\n                  min={0}\n                  format={watchedAmountPercentage ? 'percent' : 'currency'}\n                  description={\n                    watchedAmountPercentage\n                      ? t('deductionAmountDescriptionPercentage')\n                      : t('deductionAmountDescriptionFixed')\n                  }\n                />\n              </Flex>\n              {watchedRecurring && (\n                <Flex flexDirection=\"column\" gap={20}>\n                  <NumberInputField\n                    name=\"totalAmount\"\n                    adornmentStart=\"$\"\n                    format=\"currency\"\n                    label={t('totalAmountLabel')}\n                    description={t('totalAmountDescription')}\n                    min={0}\n                  />\n                  <NumberInputField\n                    name=\"annualMaximum\"\n                    adornmentStart=\"$\"\n                    format=\"currency\"\n                    label={t('annualMaxLabel')}\n                    min={0}\n                    description={t('annualMaxDescription')}\n                  />\n                </Flex>\n              )}\n            </Flex>\n            <ActionsLayout>\n              <Components.Button variant=\"secondary\" onClick={handleCancel}>\n                {t('cancelCta')}\n              </Components.Button>\n              <Components.Button type=\"submit\" isLoading={isPending}>\n                {t('saveCta')}\n              </Components.Button>\n            </ActionsLayout>\n          </>\n        </Flex>\n      </Form>\n    </FormProvider>\n  )\n}\n\nexport default CustomDeductionForm\n"],"names":["NON_NEGATIVE_ERROR","DeductionSchema","z","val","CustomDeductionForm","deduction","employeeId","onCancel","onEvent","baseSubmitHandler","useBase","t","useTranslation","Components","useComponentContext","createDeduction","isPendingCreate","useGarnishmentsCreateMutation","updateDeduction","isPendingUpdate","useGarnishmentsUpdateMutation","isPending","defaultValues","useMemo","formMethods","useForm","zodResolver","control","watchedRecurring","useWatch","watchedAmountPercentage","onSubmit","data","payload","updateDeductionResponse","componentEvents","createDeductionResponse","handleCancel","FormProvider","jsx","Form","Flex","jsxs","Fragment","TextInputField","RadioGroupField","NumberInputField","ActionsLayout"],"mappings":"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"}

package/dist/components/Employee/Deductions/DeductionsForm/GarnishmentForm.js

@@ -20,7 +20,6 @@ import "@gusto/embedded-api/models/errors/sdkvalidationerror";
 import "@gusto/embedded-api/models/errors/unprocessableentityerrorobject";
 import "@gusto/embedded-api/models/errors/httpclienterrors";
 import { componentEvents as f } from "../../../../shared/constants.js";
-import "../../../../contexts/LoadingIndicatorProvider/useLoadingIndicator.js";
 import { TextInputField as Y } from "../../../Common/Fields/TextInputField/TextInputField.js";
 import { RadioGroupField as h } from "../../../Common/Fields/RadioGroupField/RadioGroupField.js";
 import { NumberInputField as c } from "../../../Common/Fields/NumberInputField/NumberInputField.js";
@@ -36,7 +35,7 @@ const p = "Number must be greater than or equal to 0", k = r.object({
   deductAsPercentage: r.boolean(),
   garnishmentType: r.enum(w)
 });
-function ye({
+function De({
   deduction: e,
   employeeId: A,
   selectedGarnishmentType: D,
@@ -160,6 +159,6 @@ function ye({
 }
 export {
   k as DeductionSchema,
-  ye as default
+  De as default
 };
 //# sourceMappingURL=GarnishmentForm.js.map