@gusto/embedded-react-sdk 0.22.0 → 0.23.0-rc.2

package/dist/components/Contractor/Payments/PaymentsList/PaymentsListPresentation.js.map

@@ -1 +1 @@
-{"version":3,"file":"PaymentsListPresentation.js","sources":["../../../../../src/components/Contractor/Payments/PaymentsList/PaymentsListPresentation.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport styles from './PaymentsListPresentation.module.scss'\nimport { DataView, Flex, EmptyData, ActionsLayout, useDataView } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useI18n } from '@/i18n'\nimport { formatNumberAsCurrency } from '@/helpers/formattedStrings'\nimport { useLocale } from '@/contexts/LocaleProvider/useLocale'\n\ninterface PaymentsListItem {\n  paymentDate: string\n  reimbursementTotal: number\n  wageTotal: number\n  contractorsCount: number\n}\n\ninterface ContractorPaymentPaymentsListPresentationProps {\n  onCreatePayment: () => void\n  //TODO: confirm below props\n  paymentsList: PaymentsListItem[]\n  selectedDateRange: string\n  onDateRangeChange: (dateRange: string) => void\n  onDateSelected: (date: string) => void\n  showSuccessMessage: boolean\n  alertMessage?: string\n  alertType?: 'success' | 'error' | 'warning' | 'info'\n}\n\nexport const PaymentsListPresentation = ({\n  paymentsList,\n  selectedDateRange,\n  onCreatePayment,\n  onDateRangeChange,\n  onDateSelected,\n  showSuccessMessage,\n  alertMessage,\n  alertType = 'info',\n}: ContractorPaymentPaymentsListPresentationProps) => {\n  const { Button, Text, Alert, Heading, Select } = useComponentContext()\n  useI18n('Contractor.Payments.PaymentsList')\n  const { t } = useTranslation('Contractor.Payments.PaymentsList')\n  const { locale } = useLocale()\n\n  const dateRangeOptions = [\n    { value: 'Last 3 months', label: t('dateRanges.last3Months') },\n    { value: 'Last 6 months', label: t('dateRanges.last6Months') },\n    { value: 'Last 12 months', label: t('dateRanges.last12Months') },\n  ]\n\n  const { ...dataViewProps } = useDataView({\n    data: paymentsList,\n    columns: [\n      {\n        title: t('paymentDate'),\n        render: ({ paymentDate }) => (\n          <Button\n            variant=\"tertiary\"\n            onClick={() => {\n              onDateSelected(paymentDate)\n            }}\n          >\n            {paymentDate}\n          </Button>\n        ),\n      },\n      {\n        title: t('reimbursementTotal'),\n        render: ({ reimbursementTotal }) => (\n          <Text>{formatNumberAsCurrency(reimbursementTotal, locale)}</Text>\n        ),\n      },\n      {\n        title: t('wageTotal'),\n        render: ({ wageTotal }) => <Text>{formatNumberAsCurrency(wageTotal, locale)}</Text>,\n      },\n      {\n        title: t('contractors'),\n        render: ({ contractorsCount }) => <Text>{contractorsCount}</Text>,\n      },\n    ],\n    emptyState: () => (\n      <EmptyData title={t('noPaymentsFound')} description={t('noPaymentsDescription')}>\n        <ActionsLayout justifyContent=\"center\">\n          <Button variant=\"primary\" onClick={onCreatePayment}>\n            {t('createPayment')}\n          </Button>\n        </ActionsLayout>\n      </EmptyData>\n    ),\n  })\n\n  return (\n    <Flex flexDirection=\"column\" gap={24}>\n      <Flex flexDirection=\"column\" gap={16}>\n        <Heading as=\"h1\">{t('title')}</Heading>\n\n        {alertMessage && (\n          <Alert status={alertType} label={alertMessage}>\n            {alertMessage}\n          </Alert>\n        )}\n      </Flex>\n\n      <Flex\n        flexDirection={{\n          base: 'column',\n          small: 'row',\n        }}\n        gap={16}\n        alignItems={{\n          base: 'stretch',\n          small: 'flex-end',\n        }}\n        justifyContent=\"space-between\"\n      >\n        <Heading as=\"h2\">{t('subtitle')}</Heading>\n        <div className={styles.actionsContainer}>\n          <Select\n            id=\"date-range-select\"\n            value={selectedDateRange}\n            onChange={value => {\n              onDateRangeChange(value)\n            }}\n            options={dateRangeOptions}\n            isRequired\n            label={t('startDate')}\n            shouldVisuallyHideLabel\n          />\n          <Button onClick={onCreatePayment} variant=\"primary\" className={styles.nowrap}>\n            {t('createPayment')}\n          </Button>\n        </div>\n      </Flex>\n\n      <DataView label={t('subtitle')} {...dataViewProps} />\n    </Flex>\n  )\n}\n"],"names":["PaymentsListPresentation","paymentsList","selectedDateRange","onCreatePayment","onDateRangeChange","onDateSelected","showSuccessMessage","alertMessage","alertType","Button","Text","Alert","Heading","Select","useComponentContext","useI18n","useTranslation","locale","useLocale","dateRangeOptions","dataViewProps","useDataView","paymentDate","jsx","reimbursementTotal","formatNumberAsCurrency","wageTotal","contractorsCount","EmptyData","ActionsLayout","jsxs","Flex","styles","value","DataView"],"mappings":"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"}
+{"version":3,"file":"PaymentsListPresentation.js","sources":["../../../../../src/components/Contractor/Payments/PaymentsList/PaymentsListPresentation.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport type { ContractorPaymentGroupWithBlockers } from '@gusto/embedded-api/models/components/contractorpaymentgroupwithblockers'\nimport type { InternalAlert } from '../types'\nimport styles from './PaymentsListPresentation.module.scss'\nimport { DataView, Flex, EmptyData, ActionsLayout, useDataView } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useI18n } from '@/i18n'\nimport useNumberFormatter from '@/hooks/useNumberFormatter'\nimport EyeIcon from '@/assets/icons/eye.svg?react'\nimport { useDateFormatter } from '@/hooks/useDateFormatter'\n\ninterface ContractorPaymentPaymentsListPresentationProps {\n  numberOfMonths: number\n  contractorPayments: ContractorPaymentGroupWithBlockers[]\n  onCreatePayment: () => void\n  onDateRangeChange: (numberOfMonths: number) => void\n  onViewPayment: (paymentId: string) => void\n  alerts?: InternalAlert[]\n}\n\nexport const PaymentsListPresentation = ({\n  contractorPayments,\n  numberOfMonths,\n  onCreatePayment,\n  onDateRangeChange,\n  onViewPayment,\n  alerts = [],\n}: ContractorPaymentPaymentsListPresentationProps) => {\n  const { Button, Text, Heading, Select, ButtonIcon, Alert } = useComponentContext()\n  useI18n('Contractor.Payments.PaymentsList')\n  const { t } = useTranslation('Contractor.Payments.PaymentsList')\n  const currencyFormatter = useNumberFormatter('currency')\n  const { formatLongWithYear } = useDateFormatter()\n\n  const dateRangeOptions = [\n    { value: '3', label: t('dateRanges.last3Months') },\n    { value: '6', label: t('dateRanges.last6Months') },\n    { value: '12', label: t('dateRanges.last12Months') },\n  ]\n  const { ...dataViewProps } = useDataView({\n    data: contractorPayments,\n    columns: [\n      {\n        title: t('paymentDateColumnLabel'),\n        render: ({ checkDate }) => (\n          <Text weight=\"semibold\" variant=\"supporting\">\n            {formatLongWithYear(checkDate) || 'N/A'}\n          </Text>\n        ),\n      },\n      {\n        title: t('reimbursementTotalColumnLabel'),\n        render: ({ totals }) => (\n          <Text>{currencyFormatter(Number(totals?.reimbursementAmount) || 0)}</Text>\n        ),\n      },\n      {\n        title: t('wageTotalColumnLabel'),\n        render: ({ totals }) => <Text>{currencyFormatter(Number(totals?.wageAmount || 0))}</Text>,\n      },\n      {\n        title: t('actionColumnLabel'),\n        render: ({ uuid }) => (\n          <Text>\n            <ButtonIcon\n              aria-label={t('viewPaymentCta')}\n              variant=\"tertiary\"\n              onClick={() => {\n                onViewPayment(uuid || '')\n              }}\n            >\n              <EyeIcon aria-hidden />\n            </ButtonIcon>\n          </Text>\n        ),\n      },\n    ],\n    emptyState: () => (\n      <EmptyData title={t('noPaymentsFound')} description={t('noPaymentsDescription')}>\n        <ActionsLayout justifyContent=\"center\">\n          <Button variant=\"primary\" onClick={onCreatePayment}>\n            {t('createPaymentCta')}\n          </Button>\n        </ActionsLayout>\n      </EmptyData>\n    ),\n  })\n\n  return (\n    <Flex flexDirection=\"column\" gap={24}>\n      <Flex flexDirection=\"column\" gap={16}>\n        <Heading as=\"h1\">{t('title')}</Heading>\n      </Flex>\n\n      {alerts.length > 0 && (\n        <Flex flexDirection=\"column\" gap={16}>\n          {alerts.map((alert, index) => (\n            <Alert\n              key={`${alert.type}-${alert.title}-${index}`}\n              label={t(`alerts.${alert.title}` as never, alert.translationParams)}\n              status={alert.type}\n              onDismiss={alert.onDismiss}\n            >\n              {alert.content ?? null}\n            </Alert>\n          ))}\n        </Flex>\n      )}\n\n      <Flex\n        flexDirection={{\n          base: 'column',\n          small: 'row',\n        }}\n        gap={16}\n        alignItems={{\n          base: 'stretch',\n          small: 'flex-end',\n        }}\n        justifyContent=\"space-between\"\n      >\n        <Heading as=\"h2\">{t('subtitle')}</Heading>\n        <div className={styles.actionsContainer}>\n          <Select\n            id=\"date-range-select\"\n            value={numberOfMonths.toString()}\n            onChange={value => {\n              onDateRangeChange(Number(value))\n            }}\n            options={dateRangeOptions}\n            isRequired\n            label={t('startDate')}\n            shouldVisuallyHideLabel\n          />\n          <Button onClick={onCreatePayment} variant=\"secondary\" className={styles.nowrap}>\n            {t('createPaymentCta')}\n          </Button>\n        </div>\n      </Flex>\n\n      <DataView label={t('subtitle')} {...dataViewProps} />\n    </Flex>\n  )\n}\n"],"names":["PaymentsListPresentation","contractorPayments","numberOfMonths","onCreatePayment","onDateRangeChange","onViewPayment","alerts","Button","Text","Heading","Select","ButtonIcon","Alert","useComponentContext","useI18n","useTranslation","currencyFormatter","useNumberFormatter","formatLongWithYear","useDateFormatter","dateRangeOptions","dataViewProps","useDataView","checkDate","jsx","totals","uuid","EyeIcon","EmptyData","ActionsLayout","jsxs","Flex","alert","index","styles","value","DataView"],"mappings":"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"}

package/dist/components/Contractor/Payments/types.d.ts

@@ -1,4 +1,12 @@
 import { ContractorPaymentGroup, ContractorPaymentGroupTotals } from '@gusto/embedded-api/models/components/contractorpaymentgroup';
 import { ContractorPaymentForGroup } from '@gusto/embedded-api/models/components/contractorpaymentforgroup';
+import { ReactNode } from 'react';
 export type { ContractorPaymentGroup, ContractorPaymentForGroup, ContractorPaymentGroupTotals };
 export type ContractorPaymentGroupMinimal = Omit<ContractorPaymentGroup, 'contractorPayments'>;
+export type InternalAlert = {
+    type: 'error' | 'info' | 'success';
+    title: string;
+    content?: ReactNode;
+    onDismiss?: () => void;
+    translationParams?: Record<string, unknown>;
+};

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 { usePlaceholderSSN as x, normalizeSSN as w } from "../../../helpers/ssn.js";
-import { usePlaceholderEin as E, normalizeEin as j } from "../../../helpers/federalEin.js";
-import { ContractorOnboardingStatus as v } from "../../../shared/constants.js";
+import { Flex as x } from "../../Common/Flex/Flex.js";
 import { TextInputField as l } from "../../Common/Fields/TextInputField/TextInputField.js";
+import { NumberInputField as w } from "../../Common/Fields/NumberInputField/NumberInputField.js";
 import { RadioGroupField as d } from "../../Common/Fields/RadioGroupField/RadioGroupField.js";
-import { NumberInputField as G } from "../../Common/Fields/NumberInputField/NumberInputField.js";
-import { Flex as z } from "../../Common/Flex/Flex.js";
-import { SwitchField as A } from "../../Common/Fields/SwitchField/SwitchField.js";
-import { DatePickerField as B } from "../../Common/Fields/DatePickerField/DatePickerField.js";
+import { SwitchField as E } from "../../Common/Fields/SwitchField/SwitchField.js";
+import { DatePickerField as j } from "../../Common/Fields/DatePickerField/DatePickerField.js";
+import { usePlaceholderSSN as v, normalizeSSN as G } from "../../../helpers/ssn.js";
+import { usePlaceholderEin as z, normalizeEin as A } from "../../../helpers/federalEin.js";
+import { ContractorOnboardingStatus as B } from "../../../shared/constants.js";
 function re({
   formMethods: u,
   handleSubmit: f,
@@ -33,7 +33,7 @@ function re({
 }) {
   const a = D();
   I("Contractor.Profile");
-  const { t: e } = T("Contractor.Profile"), q = x(t?.hasSsn ?? !1), P = E(t?.hasEin ?? !1);
+  const { t: e } = T("Contractor.Profile"), q = v(t?.hasSsn ?? !1), P = z(t?.hasEin ?? !1);
   return /* @__PURE__ */ i("section", { className: F, children: /* @__PURE__ */ i(S, { ...u, children: /* @__PURE__ */ r(O, { onSubmit: f, children: [
     /* @__PURE__ */ r(n, { gridTemplateColumns: "1fr", gap: 24, className: "mb-8", children: [
       /* @__PURE__ */ r("header", { children: [
@@ -42,12 +42,12 @@ function re({
       ] }),
       /* @__PURE__ */ i("div", { className: C.switchFieldContainer, children: /* @__PURE__ */ r(n, { gap: 16, children: [
         /* @__PURE__ */ i(
-          A,
+          E,
           {
             name: "selfOnboarding",
             label: e("fields.selfOnboarding.label"),
             description: e("fields.selfOnboarding.description"),
-            isDisabled: t && t.onboardingStatus !== v.ADMIN_ONBOARDING_INCOMPLETE
+            isDisabled: t && t.onboardingStatus !== B.ADMIN_ONBOARDING_INCOMPLETE
           }
         ),
         p && /* @__PURE__ */ i(
@@ -81,7 +81,7 @@ function re({
             name: "ssn",
             label: e("fields.ssn.label"),
             placeholder: q,
-            transform: w,
+            transform: G,
             isRequired: !0
           }
         )
@@ -101,7 +101,7 @@ function re({
             name: "ein",
             label: e("fields.ein.label"),
             placeholder: P,
-            transform: j,
+            transform: A,
             isRequired: !0
           }
         )
@@ -116,7 +116,7 @@ function re({
         }
       ),
       h && /* @__PURE__ */ i(
-        G,
+        w,
         {
           name: "hourlyRate",
           label: e("fields.hourlyRate.label"),
@@ -126,7 +126,7 @@ function re({
         }
       ),
       /* @__PURE__ */ i(
-        B,
+        j,
         {
           name: "startDate",
           label: e("fields.startDate.label"),
@@ -135,7 +135,7 @@ function re({
         }
       )
     ] }),
-    /* @__PURE__ */ i(z, { 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(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") }) })
   ] }) }) });
 }
 export {

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

@@ -15,6 +15,7 @@ import { useBase as Q } from "../../Base/useBase.js";
 import { ContractorSelfOnboardingStatuses as Y, componentEvents as b, ContractorOnboardingStatus as x } from "../../../shared/constants.js";
 import "classnames";
 import "../../../contexts/ComponentAdapter/useComponentContext.js";
+import "../../../contexts/LoadingIndicatorProvider/useLoadingIndicator.js";
 import { removeNonDigits as ee } from "../../../helpers/formattedStrings.js";
 import { useI18n as oe } from "../../../i18n/I18n.js";
 import { SSN_REGEX as se, NAME_REGEX as N } from "../../../helpers/validations.js";
@@ -93,7 +94,7 @@ const n = J, a = K, ie = s.object({
     });
   }
 );
-function Fe({
+function Pe({
   companyId: t,
   contractorId: f,
   defaultValues: m,
@@ -226,6 +227,6 @@ export {
   a as ContractorType,
   n as WageType,
   ne as createContractorProfileValidationSchema,
-  Fe as useContractorProfile
+  Pe 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 { PostV1CompaniesCompanyUuidContractorsRequestBody } from '@gusto/embedded-api/models/operations/postv1companiescompanyuuidcontractors'\nimport type { PutV1ContractorsContractorUuidRequestBody } from '@gusto/embedded-api/models/operations/putv1contractorscontractoruuid'\nimport {\n  WageType 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'\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  })\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  ): PostV1CompaniesCompanyUuidContractorsRequestBody => {\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  ): PutV1ContractorsContractorUuidRequestBody => {\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 Error('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            requestBody: 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            requestBody: 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","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 { PostV1CompaniesCompanyUuidContractorsRequestBody } from '@gusto/embedded-api/models/operations/postv1companiescompanyuuidcontractors'\nimport type { PutV1ContractorsContractorUuidRequestBody } from '@gusto/embedded-api/models/operations/putv1contractorscontractoruuid'\nimport {\n  WageType 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'\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  })\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  ): PostV1CompaniesCompanyUuidContractorsRequestBody => {\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  ): PutV1ContractorsContractorUuidRequestBody => {\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 Error('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            requestBody: 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            requestBody: 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","apiPayload","updateResponse","componentEvents","createResponse","ContractorOnboardingStatus","shouldShowEmailField","shouldShowBusinessFields","shouldShowIndividualFields","shouldShowHourlyRate","shouldShowSsnField","shouldShowEinField","contractorTypeOptions","wageTypeOptions","isSubmitting"],"mappings":"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"}

package/dist/components/Contractor/Submit/Submit.js

@@ -6,12 +6,12 @@ import { useContractorsGetSuspense as A } from "@gusto/embedded-api/react-query/
 import { SubmitDone as E } from "./SubmitDone.js";
 import { Flex as C } from "../../Common/Flex/Flex.js";
 import "classnames";
+import { ContractorOnboardingStatus as d, componentEvents as s } from "../../../shared/constants.js";
 import { useComponentContext as b } from "../../../contexts/ComponentAdapter/useComponentContext.js";
 import "react";
 import { useI18n as I } from "../../../i18n/I18n.js";
 import { BaseComponent as B } from "../../Base/Base.js";
 import { useBase as v } from "../../Base/useBase.js";
-import { ContractorOnboardingStatus as d, componentEvents as s } from "../../../shared/constants.js";
 import { firstLastName as x } from "../../../helpers/formattedStrings.js";
 function W(o) {
   return /* @__PURE__ */ t(B, { ...o, children: /* @__PURE__ */ t(U, { ...o, children: o.children }) });

package/dist/components/Employee/Compensation/Edit.js

@@ -6,18 +6,18 @@ import { useCompensation as R, rateMinimumError as Y, rateExemptThresholdError a
 import { FlsaStatus as a, PAY_PERIODS as r, FLSA_OVERTIME_SALARY_LIMIT as N } from "../../../shared/constants.js";
 import x from "../../../hooks/useNumberFormatter.js";
 import "classnames";
-import { useComponentContext as j } from "../../../contexts/ComponentAdapter/useComponentContext.js";
-import { WA_RISK_CLASS_CODES as X } from "../../../models/WA_RISK_CODES.js";
-import { TextInputField as B } from "../../Common/Fields/TextInputField/TextInputField.js";
+import { RadioGroupField as j } from "../../Common/Fields/RadioGroupField/RadioGroupField.js";
+import { TextInputField as X } from "../../Common/Fields/TextInputField/TextInputField.js";
+import { NumberInputField as B } from "../../Common/Fields/NumberInputField/NumberInputField.js";
+import { SwitchField as J } from "../../Common/Fields/SwitchField/SwitchField.js";
+import { useComponentContext as K } from "../../../contexts/ComponentAdapter/useComponentContext.js";
+import { WA_RISK_CLASS_CODES as q } from "../../../models/WA_RISK_CODES.js";
 import { SelectField as O } from "../../Common/Fields/SelectField/SelectField.js";
-import { NumberInputField as J } from "../../Common/Fields/NumberInputField/NumberInputField.js";
-import { SwitchField as K } from "../../Common/Fields/SwitchField/SwitchField.js";
-import { CheckboxField as q } from "../../Common/Fields/CheckboxField/CheckboxField.js";
-import { RadioGroupField as H } from "../../Common/Fields/RadioGroupField/RadioGroupField.js";
+import { CheckboxField as H } from "../../Common/Fields/CheckboxField/CheckboxField.js";
 import { ComboBoxField as $ } from "../../Common/Fields/ComboBoxField/ComboBoxField.js";
 const ue = () => {
-  const { t: e } = P("Employee.Compensation"), l = x("currency"), b = j(), S = k(
-    () => X.map(({ code: o, description: A }) => ({ value: o, label: A })),
+  const { t: e } = P("Employee.Compensation"), l = x("currency"), b = K(), S = k(
+    () => q.map(({ code: o, description: A }) => ({ value: o, label: A })),
     []
   ), {
     control: f,
@@ -46,7 +46,7 @@ const ue = () => {
     limit: l(N)
   })), /* @__PURE__ */ u(d, { children: [
     /* @__PURE__ */ t(
-      B,
+      X,
       {
         name: "jobTitle",
         label: e("jobTitle"),
@@ -80,7 +80,7 @@ const ue = () => {
       }
     ),
     /* @__PURE__ */ t(
-      J,
+      B,
       {
         name: "rate",
         label: e("amount"),
@@ -93,7 +93,7 @@ const ue = () => {
     ),
     D && /* @__PURE__ */ u(d, { children: [
       /* @__PURE__ */ t(
-        K,
+        J,
         {
           name: "adjustForMinimumWage",
           label: e("adjustForMinimumWage"),
@@ -126,10 +126,10 @@ const ue = () => {
         isDisabled: i === a.OWNER || i === a.COMMISSION_ONLY_NONEXEMPT || i === a.COMMISSION_ONLY_EXEMPT
       }
     ),
-    T && /* @__PURE__ */ t(q, { label: e("twoPercentStakeholderLabel"), name: "twoPercentShareholder" }),
+    T && /* @__PURE__ */ t(H, { label: e("twoPercentStakeholderLabel"), name: "twoPercentShareholder" }),
     L === "WA" && /* @__PURE__ */ u(d, { children: [
       /* @__PURE__ */ t(
-        H,
+        j,
         {
           name: "stateWcCovered",
           label: e("stateWcCoveredLabel"),

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

@@ -12,17 +12,18 @@ import { useComponentContext as z } from "../../../../contexts/ComponentAdapter/
 import { Form as X } from "../../../Common/Form/Form.js";
 import { Flex as $ } from "../../../Common/Flex/Flex.js";
 import "classnames";
-import { ActionsLayout as J } from "../../../Common/ActionsLayout/ActionsLayout.js";
+import { componentEvents as g } from "../../../../shared/constants.js";
+import { TextInputField as J } from "../../../Common/Fields/TextInputField/TextInputField.js";
+import { ActionsLayout as Q } from "../../../Common/ActionsLayout/ActionsLayout.js";
+import { NumberInputField as C } from "../../../Common/Fields/NumberInputField/NumberInputField.js";
 import "react-error-boundary";
 import "@gusto/embedded-api/models/errors/apierror";
 import "@gusto/embedded-api/models/errors/sdkvalidationerror";
 import "@tanstack/react-query";
-import { useBase as Q } from "../../../Base/useBase.js";
-import { componentEvents as g } from "../../../../shared/constants.js";
+import { useBase as Z } from "../../../Base/useBase.js";
+import "../../../../contexts/LoadingIndicatorProvider/useLoadingIndicator.js";
 import "dompurify";
 import { SelectField as d } from "../../../Common/Fields/SelectField/SelectField.js";
-import { TextInputField as Z } from "../../../Common/Fields/TextInputField/TextInputField.js";
-import { NumberInputField as C } from "../../../Common/Fields/NumberInputField/NumberInputField.js";
 const ee = 0, re = 0, te = 100, ne = i.nativeEnum(H), ie = i.object({
   state: i.string(),
   fipsCode: i.string(),
@@ -33,7 +34,7 @@ const ee = 0, re = 0, te = 100, ne = i.nativeEnum(H), ie = i.object({
   payPeriodMaximum: i.number().min(0).transform((r) => r > 0 ? r.toString() : null).nullable(),
   paymentPeriod: ne
 });
-function Te({
+function ve({
   deduction: r,
   handleStateAgencySelect: M,
   stateAgencies: S,
@@ -41,7 +42,7 @@ function Te({
   employeeId: A,
   selectedAgency: b
 }) {
-  const { onEvent: h, baseSubmitHandler: _ } = Q(), { t: e } = k("Employee.Deductions"), o = z(), y = {
+  const { onEvent: h, baseSubmitHandler: _ } = Z(), { t: e } = k("Employee.Deductions"), o = z(), y = {
     case_number: {
       name: "caseNumber",
       description: e("caseNumberDescription")
@@ -147,7 +148,7 @@ function Te({
         }
       ),
       R.map(({ name: t, label: a, description: s }) => /* @__PURE__ */ n(
-        Z,
+        J,
         {
           name: t,
           label: a,
@@ -210,11 +211,11 @@ function Te({
         /* @__PURE__ */ n(o.Text, { weight: "bold", children: e("manualPaymentRequired") }),
         /* @__PURE__ */ n(o.Text, { children: e("manualPaymentRequiredDescription") })
       ] }),
-      /* @__PURE__ */ n(J, { children: /* @__PURE__ */ n(o.Button, { type: "submit", isLoading: F, children: e("saveCta") }) })
+      /* @__PURE__ */ n(Q, { children: /* @__PURE__ */ n(o.Button, { type: "submit", isLoading: F, children: e("saveCta") }) })
     ] })
   ] }) }) });
 }
 export {
-  Te as default
+  ve 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 styles from './ChildSupportForm.module.scss'\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 ChildSupportPaymentPeriodSchema = z.nativeEnum(PaymentPeriod)\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).transform(String),\n  payPeriodMaximum: z\n    .number()\n    .min(0)\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  selectedAgency?: Agencies\n}\n\nfunction ChildSupportForm({\n  deduction,\n  handleStateAgencySelect,\n  stateAgencies,\n  counties,\n  employeeId,\n  selectedAgency,\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  }\n  const requiredSelectedAgencyAttributes =\n    selectedAgency?.requiredAttributes?.map(attr => {\n      return {\n        name: ATTR_KEY_TO_TEXT_FIELD_NAME_MAPPER[attr.key!].name,\n        label: attr.label as string,\n        description: ATTR_KEY_TO_TEXT_FIELD_NAME_MAPPER[attr.key!].description,\n      }\n    }) || []\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  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 isManualPaymentRequired = selectedAgency?.manualPaymentRequired\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          <SelectField\n            name=\"state\"\n            label={t('agency')}\n            description={t('agencyDescription')}\n            options={stateAgencies}\n            onChange={handleStateAgencySelect}\n            isRequired\n          />\n          {watchedStateAgency && (\n            <>\n              <SelectField\n                name=\"fipsCode\"\n                label={t('county')}\n                description={t('countyDescription')}\n                options={counties}\n                isRequired\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              {isManualPaymentRequired && (\n                <section className={styles.manualPaymentReminderBanner}>\n                  <Components.Text weight=\"bold\">{t('manualPaymentRequired')}</Components.Text>\n                  <Components.Text>{t('manualPaymentRequiredDescription')}</Components.Text>\n                </section>\n              )}\n              <ActionsLayout>\n                <Components.Button type=\"submit\" isLoading={isPending}>\n                  {t('saveCta')}\n                </Components.Button>\n              </ActionsLayout>\n            </>\n          )}\n        </Flex>\n      </Form>\n    </FormProvider>\n  )\n}\n\nexport default ChildSupportForm\n"],"names":["MINIMUM_PAY_PERIOD_AMOUNT","MINIMUM_PAYCHECK_PERCENTAGE","MAXIMUM_PAYCHECK_PERCENTAGE","ChildSupportPaymentPeriodSchema","z","PaymentPeriod","ChildSupportSchema","val","ChildSupportForm","deduction","handleStateAgencySelect","stateAgencies","counties","employeeId","selectedAgency","onEvent","baseSubmitHandler","useBase","t","useTranslation","Components","useComponentContext","ATTR_KEY_TO_TEXT_FIELD_NAME_MAPPER","requiredSelectedAgencyAttributes","attr","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","isManualPaymentRequired","FormProvider","jsx","Form","jsxs","Flex","SelectField","Fragment","name","label","description","TextInputField","NumberInputField","styles","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 styles from './ChildSupportForm.module.scss'\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 ChildSupportPaymentPeriodSchema = z.nativeEnum(PaymentPeriod)\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).transform(String),\n  payPeriodMaximum: z\n    .number()\n    .min(0)\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  selectedAgency?: Agencies\n}\n\nfunction ChildSupportForm({\n  deduction,\n  handleStateAgencySelect,\n  stateAgencies,\n  counties,\n  employeeId,\n  selectedAgency,\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  }\n  const requiredSelectedAgencyAttributes =\n    selectedAgency?.requiredAttributes?.map(attr => {\n      return {\n        name: ATTR_KEY_TO_TEXT_FIELD_NAME_MAPPER[attr.key!].name,\n        label: attr.label as string,\n        description: ATTR_KEY_TO_TEXT_FIELD_NAME_MAPPER[attr.key!].description,\n      }\n    }) || []\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  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 isManualPaymentRequired = selectedAgency?.manualPaymentRequired\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          <SelectField\n            name=\"state\"\n            label={t('agency')}\n            description={t('agencyDescription')}\n            options={stateAgencies}\n            onChange={handleStateAgencySelect}\n            isRequired\n          />\n          {watchedStateAgency && (\n            <>\n              <SelectField\n                name=\"fipsCode\"\n                label={t('county')}\n                description={t('countyDescription')}\n                options={counties}\n                isRequired\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              {isManualPaymentRequired && (\n                <section className={styles.manualPaymentReminderBanner}>\n                  <Components.Text weight=\"bold\">{t('manualPaymentRequired')}</Components.Text>\n                  <Components.Text>{t('manualPaymentRequiredDescription')}</Components.Text>\n                </section>\n              )}\n              <ActionsLayout>\n                <Components.Button type=\"submit\" isLoading={isPending}>\n                  {t('saveCta')}\n                </Components.Button>\n              </ActionsLayout>\n            </>\n          )}\n        </Flex>\n      </Form>\n    </FormProvider>\n  )\n}\n\nexport default ChildSupportForm\n"],"names":["MINIMUM_PAY_PERIOD_AMOUNT","MINIMUM_PAYCHECK_PERCENTAGE","MAXIMUM_PAYCHECK_PERCENTAGE","ChildSupportPaymentPeriodSchema","z","PaymentPeriod","ChildSupportSchema","val","ChildSupportForm","deduction","handleStateAgencySelect","stateAgencies","counties","employeeId","selectedAgency","onEvent","baseSubmitHandler","useBase","t","useTranslation","Components","useComponentContext","ATTR_KEY_TO_TEXT_FIELD_NAME_MAPPER","requiredSelectedAgencyAttributes","attr","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","isManualPaymentRequired","FormProvider","jsx","Form","jsxs","Flex","SelectField","Fragment","name","label","description","TextInputField","NumberInputField","styles","ActionsLayout"],"mappings":"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"}

package/dist/components/Employee/Deductions/DeductionsForm/CustomDeductionForm.d.ts

@@ -5,7 +5,6 @@ export declare const DeductionSchema: z.ZodObject<{
     active: z.ZodBoolean;
     amount: z.ZodEffects<z.ZodNumber, string, number>;
     description: z.ZodString;
-    courtOrdered: z.ZodBoolean;
     times: z.ZodNullable<z.ZodNumber>;
     recurring: z.ZodBoolean;
     annualMaximum: z.ZodNullable<z.ZodEffects<z.ZodNumber, string | null, number>>;
@@ -17,7 +16,6 @@ export declare const DeductionSchema: z.ZodObject<{
     totalAmount: string | null;
     amount: string;
     recurring: boolean;
-    courtOrdered: boolean;
     times: number | null;
     annualMaximum: string | null;
     deductAsPercentage: boolean;
@@ -27,7 +25,6 @@ export declare const DeductionSchema: z.ZodObject<{
     totalAmount: number | null;
     amount: number;
     recurring: boolean;
-    courtOrdered: boolean;
     times: number | null;
     annualMaximum: number | null;
     deductAsPercentage: boolean;