@gusto/embedded-react-sdk 0.36.0 → 0.37.0

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

@@ -17,13 +17,14 @@ import { TextInputField as z } from "../../../Common/Fields/TextInputField/TextI
 import { ActionsLayout as H } 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/gustoembeddederror";
-import "@gusto/embedded-api/models/errors/sdkvalidationerror";
 import "@tanstack/react-query";
 import { useBase as Y } from "../../../Base/useBase.js";
+import "@gusto/embedded-api/models/errors/apierror";
+import "@gusto/embedded-api/models/errors/gustoembeddederror";
+import "@gusto/embedded-api/models/errors/sdkvalidationerror";
+import "@gusto/embedded-api/models/errors/unprocessableentityerrorobject";
+import "@gusto/embedded-api/models/errors/httpclienterrors";
 import "../../../../contexts/LoadingIndicatorProvider/useLoadingIndicator.js";
-import "dompurify";
-import "../../../../contexts/LocaleProvider/useLocale.js";
 const p = "Number must be greater than or equal to 0", k = r.object({
   active: r.boolean(),
   amount: r.number().min(0, { error: p }).transform(String),
@@ -36,7 +37,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 xe({
   deduction: e,
   employeeId: A,
   selectedGarnishmentType: D,
@@ -160,6 +161,6 @@ function ye({
 }
 export {
   k as DeductionSchema,
-  ye as default
+  xe as default
 };
 //# sourceMappingURL=GarnishmentForm.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"GarnishmentForm.js","sources":["../../../../../src/components/Employee/Deductions/DeductionsForm/GarnishmentForm.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 { GarnishmentType } from '@gusto/embedded-api/models/operations/postv1employeesemployeeidgarnishments'\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  courtOrdered: z.boolean(),\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  garnishmentType: z.enum(GarnishmentType),\n})\n\nexport type DeductionInputs = z.input<typeof DeductionSchema>\nexport type DeductionPayload = z.output<typeof DeductionSchema>\n\ninterface GarnishmentFormProps extends CommonComponentInterface<'Employee.Deductions'> {\n  employeeId: string\n  deduction?: Garnishment | null\n  selectedGarnishmentType: GarnishmentType\n  selectedGarnishmentTitle: string\n  onCancel: () => void\n}\n\nfunction GarnishmentForm({\n  deduction,\n  employeeId,\n  selectedGarnishmentType,\n  selectedGarnishmentTitle,\n  onCancel,\n}: GarnishmentFormProps) {\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      courtOrdered: true,\n      garnishmentType: deduction?.garnishmentType ?? selectedGarnishmentType,\n    }\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, times: payload.recurring ? null : 1 },\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\">{selectedGarnishmentTitle}</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 GarnishmentForm\n"],"names":["NON_NEGATIVE_ERROR","DeductionSchema","z","val","GarnishmentType","GarnishmentForm","deduction","employeeId","selectedGarnishmentType","selectedGarnishmentTitle","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":"GarnishmentForm.js","sources":["../../../../../src/components/Employee/Deductions/DeductionsForm/GarnishmentForm.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 { GarnishmentType } from '@gusto/embedded-api/models/operations/postv1employeesemployeeidgarnishments'\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  courtOrdered: z.boolean(),\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  garnishmentType: z.enum(GarnishmentType),\n})\n\nexport type DeductionInputs = z.input<typeof DeductionSchema>\nexport type DeductionPayload = z.output<typeof DeductionSchema>\n\ninterface GarnishmentFormProps extends CommonComponentInterface<'Employee.Deductions'> {\n  employeeId: string\n  deduction?: Garnishment | null\n  selectedGarnishmentType: GarnishmentType\n  selectedGarnishmentTitle: string\n  onCancel: () => void\n}\n\nfunction GarnishmentForm({\n  deduction,\n  employeeId,\n  selectedGarnishmentType,\n  selectedGarnishmentTitle,\n  onCancel,\n}: GarnishmentFormProps) {\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      courtOrdered: true,\n      garnishmentType: deduction?.garnishmentType ?? selectedGarnishmentType,\n    }\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, times: payload.recurring ? null : 1 },\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\">{selectedGarnishmentTitle}</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 GarnishmentForm\n"],"names":["NON_NEGATIVE_ERROR","DeductionSchema","z","val","GarnishmentType","GarnishmentForm","deduction","employeeId","selectedGarnishmentType","selectedGarnishmentTitle","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/DocumentSigner/DocumentList/useDocumentList.js

@@ -2,20 +2,21 @@ import "react/jsx-runtime";
 import "react";
 import "react-error-boundary";
 import "react-i18next";
-import "@gusto/embedded-api/models/errors/gustoembeddederror";
-import "@gusto/embedded-api/models/errors/sdkvalidationerror";
 import "@tanstack/react-query";
 import "../../../Base/useBase.js";
+import "@gusto/embedded-api/models/errors/apierror";
+import "@gusto/embedded-api/models/errors/gustoembeddederror";
+import "@gusto/embedded-api/models/errors/sdkvalidationerror";
+import "@gusto/embedded-api/models/errors/unprocessableentityerrorobject";
+import "@gusto/embedded-api/models/errors/httpclienterrors";
 import "../../../../shared/constants.js";
 import "classnames";
 import "../../../../contexts/ComponentAdapter/useComponentContext.js";
 import "../../../../contexts/LoadingIndicatorProvider/useLoadingIndicator.js";
-import "dompurify";
-import "../../../../contexts/LocaleProvider/useLocale.js";
 import { createCompoundContext as t } from "../../../Base/createCompoundContext.js";
-const [a, f] = t("DocumentListContext");
+const [f, v] = t("DocumentListContext");
 export {
-  f as DocumentListProvider,
-  a as useDocumentList
+  v as DocumentListProvider,
+  f as useDocumentList
 };
 //# sourceMappingURL=useDocumentList.js.map

package/dist/components/Employee/DocumentSigner/DocumentList/useDocumentList.js.map

@@ -1 +1 @@
-{"version":3,"file":"useDocumentList.js","sources":["../../../../../src/components/Employee/DocumentSigner/DocumentList/useDocumentList.ts"],"sourcesContent":["import type { Form } from '@gusto/embedded-api/models/components/form'\nimport { createCompoundContext } from '@/components/Base'\n\ntype DocumentListContextType = {\n  employeeForms: Form[]\n  hasSignedAllForms: boolean\n  handleContinue: () => void\n  handleRequestFormToSign: (form: Form) => void\n  documentListError: Error | null\n  formToSign?: Form\n}\n\nconst [useDocumentList, DocumentListProvider] =\n  createCompoundContext<DocumentListContextType>('DocumentListContext')\nexport { useDocumentList, DocumentListProvider }\n"],"names":["useDocumentList","DocumentListProvider","createCompoundContext"],"mappings":";;;;;;;;;;;;;;;AAYA,MAAM,CAACA,GAAiBC,CAAoB,IAC1CC,EAA+C,qBAAqB;"}
+{"version":3,"file":"useDocumentList.js","sources":["../../../../../src/components/Employee/DocumentSigner/DocumentList/useDocumentList.ts"],"sourcesContent":["import type { Form } from '@gusto/embedded-api/models/components/form'\nimport { createCompoundContext } from '@/components/Base'\n\ntype DocumentListContextType = {\n  employeeForms: Form[]\n  hasSignedAllForms: boolean\n  handleContinue: () => void\n  handleRequestFormToSign: (form: Form) => void\n  documentListError: Error | null\n  formToSign?: Form\n}\n\nconst [useDocumentList, DocumentListProvider] =\n  createCompoundContext<DocumentListContextType>('DocumentListContext')\nexport { useDocumentList, DocumentListProvider }\n"],"names":["useDocumentList","DocumentListProvider","createCompoundContext"],"mappings":";;;;;;;;;;;;;;;;AAYA,MAAM,CAACA,GAAiBC,CAAoB,IAC1CC,EAA+C,qBAAqB;"}

package/dist/components/Employee/DocumentSigner/SignatureForm/useSignatureForm.js

@@ -2,20 +2,21 @@ import "react/jsx-runtime";
 import "react";
 import "react-error-boundary";
 import "react-i18next";
-import "@gusto/embedded-api/models/errors/gustoembeddederror";
-import "@gusto/embedded-api/models/errors/sdkvalidationerror";
 import "@tanstack/react-query";
 import "../../../Base/useBase.js";
+import "@gusto/embedded-api/models/errors/apierror";
+import "@gusto/embedded-api/models/errors/gustoembeddederror";
+import "@gusto/embedded-api/models/errors/sdkvalidationerror";
+import "@gusto/embedded-api/models/errors/unprocessableentityerrorobject";
+import "@gusto/embedded-api/models/errors/httpclienterrors";
 import "../../../../shared/constants.js";
 import "classnames";
 import "../../../../contexts/ComponentAdapter/useComponentContext.js";
 import "../../../../contexts/LoadingIndicatorProvider/useLoadingIndicator.js";
-import "dompurify";
-import "../../../../contexts/LocaleProvider/useLocale.js";
 import { createCompoundContext as o } from "../../../Base/createCompoundContext.js";
-const [d, s] = o("SignatureFormContext");
+const [s, f] = o("SignatureFormContext");
 export {
-  s as SignatureFormProvider,
-  d as useSignatureForm
+  f as SignatureFormProvider,
+  s as useSignatureForm
 };
 //# sourceMappingURL=useSignatureForm.js.map

package/dist/components/Employee/DocumentSigner/SignatureForm/useSignatureForm.js.map

@@ -1 +1 @@
-{"version":3,"file":"useSignatureForm.js","sources":["../../../../../src/components/Employee/DocumentSigner/SignatureForm/useSignatureForm.ts"],"sourcesContent":["import type { Form } from '@gusto/embedded-api/models/components/form'\nimport { createCompoundContext } from '@/components/Base'\n\ntype SignatureFormContextType = {\n  form: Form\n  pdfUrl?: string | null\n  handleBack: () => void\n  isPending: boolean\n}\n\nconst [useSignatureForm, SignatureFormProvider] =\n  createCompoundContext<SignatureFormContextType>('SignatureFormContext')\nexport { useSignatureForm, SignatureFormProvider }\n"],"names":["useSignatureForm","SignatureFormProvider","createCompoundContext"],"mappings":";;;;;;;;;;;;;;;AAUA,MAAM,CAACA,GAAkBC,CAAqB,IAC5CC,EAAgD,sBAAsB;"}
+{"version":3,"file":"useSignatureForm.js","sources":["../../../../../src/components/Employee/DocumentSigner/SignatureForm/useSignatureForm.ts"],"sourcesContent":["import type { Form } from '@gusto/embedded-api/models/components/form'\nimport { createCompoundContext } from '@/components/Base'\n\ntype SignatureFormContextType = {\n  form: Form\n  pdfUrl?: string | null\n  handleBack: () => void\n  isPending: boolean\n}\n\nconst [useSignatureForm, SignatureFormProvider] =\n  createCompoundContext<SignatureFormContextType>('SignatureFormContext')\nexport { useSignatureForm, SignatureFormProvider }\n"],"names":["useSignatureForm","SignatureFormProvider","createCompoundContext"],"mappings":";;;;;;;;;;;;;;;;AAUA,MAAM,CAACA,GAAkBC,CAAqB,IAC5CC,EAAgD,sBAAsB;"}

package/dist/components/Employee/EmployeeList/useEmployeeList.js

@@ -2,20 +2,21 @@ import "react/jsx-runtime";
 import "react";
 import "react-error-boundary";
 import "react-i18next";
-import "@gusto/embedded-api/models/errors/gustoembeddederror";
-import "@gusto/embedded-api/models/errors/sdkvalidationerror";
 import "@tanstack/react-query";
 import "../../Base/useBase.js";
+import "@gusto/embedded-api/models/errors/apierror";
+import "@gusto/embedded-api/models/errors/gustoembeddederror";
+import "@gusto/embedded-api/models/errors/sdkvalidationerror";
+import "@gusto/embedded-api/models/errors/unprocessableentityerrorobject";
+import "@gusto/embedded-api/models/errors/httpclienterrors";
 import "../../../shared/constants.js";
 import "classnames";
 import "../../../contexts/ComponentAdapter/useComponentContext.js";
 import "../../../contexts/LoadingIndicatorProvider/useLoadingIndicator.js";
-import "dompurify";
-import "../../../contexts/LocaleProvider/useLocale.js";
 import { createCompoundContext as o } from "../../Base/createCompoundContext.js";
-const [d, u] = o("EmployeeListContext");
+const [u, a] = o("EmployeeListContext");
 export {
-  u as EmployeeListProvider,
-  d as useEmployeeList
+  a as EmployeeListProvider,
+  u as useEmployeeList
 };
 //# sourceMappingURL=useEmployeeList.js.map

package/dist/components/Employee/EmployeeList/useEmployeeList.js.map

@@ -1 +1 @@
-{"version":3,"file":"useEmployeeList.js","sources":["../../../../src/components/Employee/EmployeeList/useEmployeeList.ts"],"sourcesContent":["import type { Employee } from '@gusto/embedded-api/models/components/employee'\nimport type { OnboardingStatus } from '@gusto/embedded-api/models/operations/putv1employeesemployeeidonboardingstatus'\nimport { createCompoundContext } from '@/components/Base'\nimport type { PaginationItemsPerPage } from '@/components/Common/PaginationControl/PaginationControlTypes'\n\n//Interface for context passed down to component slots\ntype EmployeeListContextType = {\n  handleEdit: (uuid: string, onboardingStatus?: OnboardingStatus) => void\n  handleDelete: (uuid: string) => Promise<void>\n  handleCancelSelfOnboarding: (employeeId: string) => Promise<void>\n  handleReview: (employeeId: string) => Promise<void>\n  handleNew: () => void\n  handleSkip: () => void\n  handleFirstPage: () => void\n  handlePreviousPage: () => void\n  handleNextPage: () => void\n  handleLastPage: () => void\n  handleItemsPerPageChange: (newCount: PaginationItemsPerPage) => void\n  currentPage: number\n  totalPages: number\n  totalCount: number\n  employees: Employee[]\n  itemsPerPage: PaginationItemsPerPage\n  isFetching: boolean\n}\n\nconst [useEmployeeList, EmployeeListProvider] =\n  createCompoundContext<EmployeeListContextType>('EmployeeListContext')\nexport { useEmployeeList, EmployeeListProvider }\n"],"names":["useEmployeeList","EmployeeListProvider","createCompoundContext"],"mappings":";;;;;;;;;;;;;;;AA0BA,MAAM,CAACA,GAAiBC,CAAoB,IAC1CC,EAA+C,qBAAqB;"}
+{"version":3,"file":"useEmployeeList.js","sources":["../../../../src/components/Employee/EmployeeList/useEmployeeList.ts"],"sourcesContent":["import type { Employee } from '@gusto/embedded-api/models/components/employee'\nimport type { OnboardingStatus } from '@gusto/embedded-api/models/operations/putv1employeesemployeeidonboardingstatus'\nimport { createCompoundContext } from '@/components/Base'\nimport type { PaginationItemsPerPage } from '@/components/Common/PaginationControl/PaginationControlTypes'\n\n//Interface for context passed down to component slots\ntype EmployeeListContextType = {\n  handleEdit: (uuid: string, onboardingStatus?: OnboardingStatus) => void\n  handleDelete: (uuid: string) => Promise<void>\n  handleCancelSelfOnboarding: (employeeId: string) => Promise<void>\n  handleReview: (employeeId: string) => Promise<void>\n  handleNew: () => void\n  handleSkip: () => void\n  handleFirstPage: () => void\n  handlePreviousPage: () => void\n  handleNextPage: () => void\n  handleLastPage: () => void\n  handleItemsPerPageChange: (newCount: PaginationItemsPerPage) => void\n  currentPage: number\n  totalPages: number\n  totalCount: number\n  employees: Employee[]\n  itemsPerPage: PaginationItemsPerPage\n  isFetching: boolean\n}\n\nconst [useEmployeeList, EmployeeListProvider] =\n  createCompoundContext<EmployeeListContextType>('EmployeeListContext')\nexport { useEmployeeList, EmployeeListProvider }\n"],"names":["useEmployeeList","EmployeeListProvider","createCompoundContext"],"mappings":";;;;;;;;;;;;;;;;AA0BA,MAAM,CAACA,GAAiBC,CAAoB,IAC1CC,EAA+C,qBAAqB;"}

package/dist/components/Employee/FederalTaxes/FederalTaxes.js

@@ -1,28 +1,28 @@
-import { jsx as o, jsxs as S, Fragment as g } from "react/jsx-runtime";
-import { zodResolver as v } from "@hookform/resolvers/zod";
-import { useForm as A, FormProvider as w } from "react-hook-form";
-import { useEffect as _ } from "react";
-import { useEmployeeTaxSetupGetFederalTaxesSuspense as N } from "@gusto/embedded-api/react-query/employeeTaxSetupGetFederalTaxes";
-import { useEmployeeTaxSetupUpdateFederalTaxesMutation as D } from "@gusto/embedded-api/react-query/employeeTaxSetupUpdateFederalTaxes";
-import { FederalFormSchema as I, FederalForm as R } from "./FederalForm.js";
-import { Head as P } from "./Head.js";
-import { Actions as W } from "./Actions.js";
-import { FederalTaxesProvider as J } from "./useFederalTaxes.js";
-import { BaseComponent as L } from "../../Base/Base.js";
-import { useBase as M } from "../../Base/useBase.js";
-import { useI18n as U, useComponentDictionary as B } from "../../../i18n/I18n.js";
-import { normalizeErrorKeyForForm as q } from "../../../helpers/formattedStrings.js";
-import { componentEvents as l } from "../../../shared/constants.js";
-import { Form as z } from "../../Common/Form/Form.js";
-function me(r) {
-  return /* @__PURE__ */ o(L, { ...r, children: /* @__PURE__ */ o(C, { ...r }) });
+import { jsx as o, jsxs as y, Fragment as v } from "react/jsx-runtime";
+import { zodResolver as A } from "@hookform/resolvers/zod";
+import { useForm as w, FormProvider as _ } from "react-hook-form";
+import { useEffect as N } from "react";
+import { useEmployeeTaxSetupGetFederalTaxesSuspense as D } from "@gusto/embedded-api/react-query/employeeTaxSetupGetFederalTaxes";
+import { useEmployeeTaxSetupUpdateFederalTaxesMutation as I } from "@gusto/embedded-api/react-query/employeeTaxSetupUpdateFederalTaxes";
+import { FederalFormSchema as R, FederalForm as P } from "./FederalForm.js";
+import { Head as W } from "./Head.js";
+import { Actions as J } from "./Actions.js";
+import { FederalTaxesProvider as L } from "./useFederalTaxes.js";
+import { BaseComponent as M } from "../../Base/Base.js";
+import { useBase as U } from "../../Base/useBase.js";
+import { useI18n as B, useComponentDictionary as O } from "../../../i18n/I18n.js";
+import { normalizeErrorKeyForForm as j } from "../../../helpers/formattedStrings.js";
+import { componentEvents as c } from "../../../shared/constants.js";
+import { Form as q } from "../../Common/Form/Form.js";
+function ie(r) {
+  return /* @__PURE__ */ o(M, { ...r, children: /* @__PURE__ */ o(z, { ...r }) });
 }
-const C = (r) => {
-  const { employeeId: m, className: c, children: i, dictionary: p } = r, { onEvent: a, fieldErrors: n, baseSubmitHandler: f } = M();
-  U("Employee.FederalTaxes"), B("Employee.FederalTaxes", p);
-  const { data: h } = N({
+const z = (r) => {
+  const { employeeId: m, className: l, children: i, dictionary: p } = r, { onEvent: a, error: f, baseSubmitHandler: h } = U();
+  B("Employee.FederalTaxes"), O("Employee.FederalTaxes", p);
+  const { data: E } = D({
     employeeUuid: m
-  }), e = h.employeeFederalTax, { mutateAsync: E, isPending: x } = D(), F = e.w4DataType === "rev_2020_w4" ? {
+  }), e = E.employeeFederalTax, { mutateAsync: x, isPending: F } = I(), b = e.w4DataType === "rev_2020_w4" ? {
     filingStatus: e.filingStatus ?? "",
     twoJobs: e.twoJobs ? "true" : "false",
     deductions: e.deductions ? Number(e.deductions) : 0,
@@ -36,24 +36,24 @@ const C = (r) => {
     dependentsAmount: 0,
     otherIncome: 0,
     extraWithholding: 0
-  }, d = A({
-    resolver: v(I),
-    defaultValues: F
-  }), { handleSubmit: b, setError: u } = d;
-  return _(() => {
+  }, d = w({
+    resolver: A(R),
+    defaultValues: b
+  }), { handleSubmit: T, setError: u } = d, n = f?.fieldErrors;
+  return N(() => {
     n && n.length > 0 && n.forEach((s) => {
-      const t = q(s.errorKey);
+      const t = j(s.field);
       u(t, { type: "custom", message: s.message });
     });
-  }, [n, u]), /* @__PURE__ */ o("section", { className: c, children: /* @__PURE__ */ o(
-    J,
+  }, [n, u]), /* @__PURE__ */ o("section", { className: l, children: /* @__PURE__ */ o(
+    L,
     {
       value: {
-        isPending: x
+        isPending: F
       },
-      children: /* @__PURE__ */ o(w, { ...d, children: /* @__PURE__ */ o(z, { onSubmit: b(async (s) => {
-        await f(s, async (t) => {
-          const T = {
+      children: /* @__PURE__ */ o(_, { ...d, children: /* @__PURE__ */ o(q, { onSubmit: T(async (s) => {
+        await h(s, async (t) => {
+          const g = {
             filingStatus: t.filingStatus,
             twoJobs: t.twoJobs === "true",
             dependentsAmount: Number(t.dependentsAmount),
@@ -62,23 +62,23 @@ const C = (r) => {
             extraWithholding: Number(t.extraWithholding),
             w4DataType: "rev_2020_w4",
             version: e.version
-          }, y = await E({
+          }, S = await x({
             request: {
               employeeUuid: m,
-              requestBody: T
+              requestBody: g
             }
           });
-          a(l.EMPLOYEE_FEDERAL_TAXES_UPDATED, y), a(l.EMPLOYEE_FEDERAL_TAXES_DONE);
+          a(c.EMPLOYEE_FEDERAL_TAXES_UPDATED, S), a(c.EMPLOYEE_FEDERAL_TAXES_DONE);
         });
-      }), children: i || /* @__PURE__ */ S(g, { children: [
+      }), children: i || /* @__PURE__ */ y(v, { children: [
+        /* @__PURE__ */ o(W, {}),
         /* @__PURE__ */ o(P, {}),
-        /* @__PURE__ */ o(R, {}),
-        /* @__PURE__ */ o(W, {})
+        /* @__PURE__ */ o(J, {})
       ] }) }) })
     }
   ) });
 };
 export {
-  me as FederalTaxes
+  ie as FederalTaxes
 };
 //# sourceMappingURL=FederalTaxes.js.map

package/dist/components/Employee/FederalTaxes/FederalTaxes.js.map

@@ -1 +1 @@
-{"version":3,"file":"FederalTaxes.js","sources":["../../../../src/components/Employee/FederalTaxes/FederalTaxes.tsx"],"sourcesContent":["import { zodResolver } from '@hookform/resolvers/zod'\nimport { FormProvider, useForm, type SubmitHandler } from 'react-hook-form'\nimport { useEffect } from 'react'\nimport { useEmployeeTaxSetupGetFederalTaxesSuspense } from '@gusto/embedded-api/react-query/employeeTaxSetupGetFederalTaxes'\nimport { useEmployeeTaxSetupUpdateFederalTaxesMutation } from '@gusto/embedded-api/react-query/employeeTaxSetupUpdateFederalTaxes'\nimport type { PutV1EmployeesEmployeeIdFederalTaxesRequestBody } from '@gusto/embedded-api/models/operations/putv1employeesemployeeidfederaltaxes'\nimport { FederalForm } from './FederalForm'\nimport { FederalFormSchema, type FederalFormInputs, type FederalFormPayload } from './FederalForm'\nimport { Head } from './Head'\nimport { Actions } from './Actions'\nimport { FederalTaxesProvider } from './useFederalTaxes'\nimport {\n  useBase,\n  BaseComponent,\n  type BaseComponentInterface,\n  type CommonComponentInterface,\n} from '@/components/Base'\nimport { useI18n } from '@/i18n'\nimport { normalizeErrorKeyForForm } from '@/helpers/formattedStrings'\nimport { componentEvents } from '@/shared/constants'\nimport { Form } from '@/components/Common/Form'\nimport { useComponentDictionary } from '@/i18n/I18n'\n\ninterface FederalTaxesProps extends CommonComponentInterface<'Employee.FederalTaxes'> {\n  employeeId: string\n}\n\nexport function FederalTaxes(props: FederalTaxesProps & BaseComponentInterface) {\n  return (\n    <BaseComponent<'Employee.FederalTaxes'> {...props}>\n      <Root {...props} />\n    </BaseComponent>\n  )\n}\n\nconst Root = (props: FederalTaxesProps) => {\n  const { employeeId, className, children, dictionary } = props\n  const { onEvent, fieldErrors, baseSubmitHandler } = useBase()\n  useI18n('Employee.FederalTaxes')\n  useComponentDictionary('Employee.FederalTaxes', dictionary)\n\n  const { data: fedData } = useEmployeeTaxSetupGetFederalTaxesSuspense({\n    employeeUuid: employeeId,\n  })\n  const employeeFederalTax = fedData.employeeFederalTax!\n\n  const { mutateAsync: updateFederalTaxes, isPending } =\n    useEmployeeTaxSetupUpdateFederalTaxesMutation()\n\n  const isRev2020 = employeeFederalTax.w4DataType === 'rev_2020_w4'\n\n  const defaultValues = isRev2020\n    ? {\n        filingStatus: employeeFederalTax.filingStatus ?? '',\n        twoJobs: employeeFederalTax.twoJobs ? 'true' : 'false',\n        deductions: employeeFederalTax.deductions ? Number(employeeFederalTax.deductions) : 0,\n        dependentsAmount: employeeFederalTax.dependentsAmount\n          ? Number(employeeFederalTax.dependentsAmount)\n          : 0,\n        otherIncome: employeeFederalTax.otherIncome ? Number(employeeFederalTax.otherIncome) : 0,\n        extraWithholding: employeeFederalTax.extraWithholding\n          ? Number(employeeFederalTax.extraWithholding)\n          : 0,\n      }\n    : {\n        filingStatus: '',\n        twoJobs: 'false',\n        deductions: 0,\n        dependentsAmount: 0,\n        otherIncome: 0,\n        extraWithholding: 0,\n      }\n\n  const formMethods = useForm<FederalFormInputs, unknown, FederalFormPayload>({\n    resolver: zodResolver(FederalFormSchema),\n    defaultValues,\n  })\n  const { handleSubmit, setError: _setError } = formMethods\n\n  useEffect(() => {\n    if (fieldErrors && fieldErrors.length > 0) {\n      fieldErrors.forEach(msgObject => {\n        const key = normalizeErrorKeyForForm(msgObject.errorKey)\n        _setError(key as keyof FederalFormInputs, { type: 'custom', message: msgObject.message })\n      })\n    }\n  }, [fieldErrors, _setError])\n\n  const onSubmit: SubmitHandler<FederalFormPayload> = async data => {\n    await baseSubmitHandler(data, async payload => {\n      const requestBody: PutV1EmployeesEmployeeIdFederalTaxesRequestBody = {\n        filingStatus:\n          payload.filingStatus as PutV1EmployeesEmployeeIdFederalTaxesRequestBody['filingStatus'],\n        twoJobs: payload.twoJobs === 'true',\n        dependentsAmount: Number(payload.dependentsAmount),\n        otherIncome: Number(payload.otherIncome),\n        deductions: Number(payload.deductions),\n        extraWithholding: Number(payload.extraWithholding),\n        w4DataType: 'rev_2020_w4',\n        version: employeeFederalTax.version,\n      }\n\n      const federalTaxesResponse = await updateFederalTaxes({\n        request: {\n          employeeUuid: employeeId,\n          requestBody,\n        },\n      })\n      onEvent(componentEvents.EMPLOYEE_FEDERAL_TAXES_UPDATED, federalTaxesResponse)\n      onEvent(componentEvents.EMPLOYEE_FEDERAL_TAXES_DONE)\n    })\n  }\n\n  return (\n    <section className={className}>\n      <FederalTaxesProvider\n        value={{\n          isPending,\n        }}\n      >\n        <FormProvider {...formMethods}>\n          <Form onSubmit={handleSubmit(onSubmit)}>\n            {children ? (\n              children\n            ) : (\n              <>\n                <Head />\n                <FederalForm />\n                <Actions />\n              </>\n            )}\n          </Form>\n        </FormProvider>\n      </FederalTaxesProvider>\n    </section>\n  )\n}\n"],"names":["FederalTaxes","props","jsx","BaseComponent","Root","employeeId","className","children","dictionary","onEvent","fieldErrors","baseSubmitHandler","useBase","useI18n","useComponentDictionary","fedData","useEmployeeTaxSetupGetFederalTaxesSuspense","employeeFederalTax","updateFederalTaxes","isPending","useEmployeeTaxSetupUpdateFederalTaxesMutation","defaultValues","formMethods","useForm","zodResolver","FederalFormSchema","handleSubmit","_setError","useEffect","msgObject","key","normalizeErrorKeyForForm","FederalTaxesProvider","FormProvider","Form","data","payload","requestBody","federalTaxesResponse","componentEvents","jsxs","Fragment","Head","FederalForm","Actions"],"mappings":"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"}
+{"version":3,"file":"FederalTaxes.js","sources":["../../../../src/components/Employee/FederalTaxes/FederalTaxes.tsx"],"sourcesContent":["import { zodResolver } from '@hookform/resolvers/zod'\nimport { FormProvider, useForm, type SubmitHandler } from 'react-hook-form'\nimport { useEffect } from 'react'\nimport { useEmployeeTaxSetupGetFederalTaxesSuspense } from '@gusto/embedded-api/react-query/employeeTaxSetupGetFederalTaxes'\nimport { useEmployeeTaxSetupUpdateFederalTaxesMutation } from '@gusto/embedded-api/react-query/employeeTaxSetupUpdateFederalTaxes'\nimport type { PutV1EmployeesEmployeeIdFederalTaxesRequestBody } from '@gusto/embedded-api/models/operations/putv1employeesemployeeidfederaltaxes'\nimport { FederalForm } from './FederalForm'\nimport { FederalFormSchema, type FederalFormInputs, type FederalFormPayload } from './FederalForm'\nimport { Head } from './Head'\nimport { Actions } from './Actions'\nimport { FederalTaxesProvider } from './useFederalTaxes'\nimport {\n  useBase,\n  BaseComponent,\n  type BaseComponentInterface,\n  type CommonComponentInterface,\n} from '@/components/Base'\nimport { useI18n } from '@/i18n'\nimport { normalizeErrorKeyForForm } from '@/helpers/formattedStrings'\nimport { componentEvents } from '@/shared/constants'\nimport { Form } from '@/components/Common/Form'\nimport { useComponentDictionary } from '@/i18n/I18n'\n\ninterface FederalTaxesProps extends CommonComponentInterface<'Employee.FederalTaxes'> {\n  employeeId: string\n}\n\nexport function FederalTaxes(props: FederalTaxesProps & BaseComponentInterface) {\n  return (\n    <BaseComponent<'Employee.FederalTaxes'> {...props}>\n      <Root {...props} />\n    </BaseComponent>\n  )\n}\n\nconst Root = (props: FederalTaxesProps) => {\n  const { employeeId, className, children, dictionary } = props\n  const { onEvent, error, baseSubmitHandler } = useBase()\n  useI18n('Employee.FederalTaxes')\n  useComponentDictionary('Employee.FederalTaxes', dictionary)\n\n  const { data: fedData } = useEmployeeTaxSetupGetFederalTaxesSuspense({\n    employeeUuid: employeeId,\n  })\n  const employeeFederalTax = fedData.employeeFederalTax!\n\n  const { mutateAsync: updateFederalTaxes, isPending } =\n    useEmployeeTaxSetupUpdateFederalTaxesMutation()\n\n  const isRev2020 = employeeFederalTax.w4DataType === 'rev_2020_w4'\n\n  const defaultValues = isRev2020\n    ? {\n        filingStatus: employeeFederalTax.filingStatus ?? '',\n        twoJobs: employeeFederalTax.twoJobs ? 'true' : 'false',\n        deductions: employeeFederalTax.deductions ? Number(employeeFederalTax.deductions) : 0,\n        dependentsAmount: employeeFederalTax.dependentsAmount\n          ? Number(employeeFederalTax.dependentsAmount)\n          : 0,\n        otherIncome: employeeFederalTax.otherIncome ? Number(employeeFederalTax.otherIncome) : 0,\n        extraWithholding: employeeFederalTax.extraWithholding\n          ? Number(employeeFederalTax.extraWithholding)\n          : 0,\n      }\n    : {\n        filingStatus: '',\n        twoJobs: 'false',\n        deductions: 0,\n        dependentsAmount: 0,\n        otherIncome: 0,\n        extraWithholding: 0,\n      }\n\n  const formMethods = useForm<FederalFormInputs, unknown, FederalFormPayload>({\n    resolver: zodResolver(FederalFormSchema),\n    defaultValues,\n  })\n  const { handleSubmit, setError: _setError } = formMethods\n\n  const fieldErrors = error?.fieldErrors\n  useEffect(() => {\n    if (fieldErrors && fieldErrors.length > 0) {\n      fieldErrors.forEach(fieldError => {\n        const key = normalizeErrorKeyForForm(fieldError.field)\n        _setError(key as keyof FederalFormInputs, { type: 'custom', message: fieldError.message })\n      })\n    }\n  }, [fieldErrors, _setError])\n\n  const onSubmit: SubmitHandler<FederalFormPayload> = async data => {\n    await baseSubmitHandler(data, async payload => {\n      const requestBody: PutV1EmployeesEmployeeIdFederalTaxesRequestBody = {\n        filingStatus:\n          payload.filingStatus as PutV1EmployeesEmployeeIdFederalTaxesRequestBody['filingStatus'],\n        twoJobs: payload.twoJobs === 'true',\n        dependentsAmount: Number(payload.dependentsAmount),\n        otherIncome: Number(payload.otherIncome),\n        deductions: Number(payload.deductions),\n        extraWithholding: Number(payload.extraWithholding),\n        w4DataType: 'rev_2020_w4',\n        version: employeeFederalTax.version,\n      }\n\n      const federalTaxesResponse = await updateFederalTaxes({\n        request: {\n          employeeUuid: employeeId,\n          requestBody,\n        },\n      })\n      onEvent(componentEvents.EMPLOYEE_FEDERAL_TAXES_UPDATED, federalTaxesResponse)\n      onEvent(componentEvents.EMPLOYEE_FEDERAL_TAXES_DONE)\n    })\n  }\n\n  return (\n    <section className={className}>\n      <FederalTaxesProvider\n        value={{\n          isPending,\n        }}\n      >\n        <FormProvider {...formMethods}>\n          <Form onSubmit={handleSubmit(onSubmit)}>\n            {children ? (\n              children\n            ) : (\n              <>\n                <Head />\n                <FederalForm />\n                <Actions />\n              </>\n            )}\n          </Form>\n        </FormProvider>\n      </FederalTaxesProvider>\n    </section>\n  )\n}\n"],"names":["FederalTaxes","props","jsx","BaseComponent","Root","employeeId","className","children","dictionary","onEvent","error","baseSubmitHandler","useBase","useI18n","useComponentDictionary","fedData","useEmployeeTaxSetupGetFederalTaxesSuspense","employeeFederalTax","updateFederalTaxes","isPending","useEmployeeTaxSetupUpdateFederalTaxesMutation","defaultValues","formMethods","useForm","zodResolver","FederalFormSchema","handleSubmit","_setError","fieldErrors","useEffect","fieldError","key","normalizeErrorKeyForForm","FederalTaxesProvider","FormProvider","Form","data","payload","requestBody","federalTaxesResponse","componentEvents","jsxs","Fragment","Head","FederalForm","Actions"],"mappings":"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"}

package/dist/components/Employee/FederalTaxes/useFederalTaxes.js

@@ -2,20 +2,21 @@ import "react/jsx-runtime";
 import "react";
 import "react-error-boundary";
 import "react-i18next";
-import "@gusto/embedded-api/models/errors/gustoembeddederror";
-import "@gusto/embedded-api/models/errors/sdkvalidationerror";
 import "@tanstack/react-query";
 import "../../Base/useBase.js";
+import "@gusto/embedded-api/models/errors/apierror";
+import "@gusto/embedded-api/models/errors/gustoembeddederror";
+import "@gusto/embedded-api/models/errors/sdkvalidationerror";
+import "@gusto/embedded-api/models/errors/unprocessableentityerrorobject";
+import "@gusto/embedded-api/models/errors/httpclienterrors";
 import "../../../shared/constants.js";
 import "classnames";
 import "../../../contexts/ComponentAdapter/useComponentContext.js";
 import "../../../contexts/LoadingIndicatorProvider/useLoadingIndicator.js";
-import "dompurify";
-import "../../../contexts/LocaleProvider/useLocale.js";
 import { createCompoundContext as o } from "../../Base/createCompoundContext.js";
-const [c, u] = o("FederalTaxesContext");
+const [u, f] = o("FederalTaxesContext");
 export {
-  u as FederalTaxesProvider,
-  c as useFederalTaxes
+  f as FederalTaxesProvider,
+  u as useFederalTaxes
 };
 //# sourceMappingURL=useFederalTaxes.js.map

package/dist/components/Employee/FederalTaxes/useFederalTaxes.js.map

@@ -1 +1 @@
-{"version":3,"file":"useFederalTaxes.js","sources":["../../../../src/components/Employee/FederalTaxes/useFederalTaxes.ts"],"sourcesContent":["import { createCompoundContext } from '@/components/Base'\n\ntype FederalTaxesContextType = {\n  isPending: boolean\n}\n\nconst [useFederalTaxes, FederalTaxesProvider] =\n  createCompoundContext<FederalTaxesContextType>('FederalTaxesContext')\nexport { useFederalTaxes, FederalTaxesProvider }\n"],"names":["useFederalTaxes","FederalTaxesProvider","createCompoundContext"],"mappings":";;;;;;;;;;;;;;;AAMA,MAAM,CAACA,GAAiBC,CAAoB,IAC1CC,EAA+C,qBAAqB;"}
+{"version":3,"file":"useFederalTaxes.js","sources":["../../../../src/components/Employee/FederalTaxes/useFederalTaxes.ts"],"sourcesContent":["import { createCompoundContext } from '@/components/Base'\n\ntype FederalTaxesContextType = {\n  isPending: boolean\n}\n\nconst [useFederalTaxes, FederalTaxesProvider] =\n  createCompoundContext<FederalTaxesContextType>('FederalTaxesContext')\nexport { useFederalTaxes, FederalTaxesProvider }\n"],"names":["useFederalTaxes","FederalTaxesProvider","createCompoundContext"],"mappings":";;;;;;;;;;;;;;;;AAMA,MAAM,CAACA,GAAiBC,CAAoB,IAC1CC,EAA+C,qBAAqB;"}

package/dist/components/Employee/PaymentMethod/usePaymentMethod.js

@@ -4,18 +4,19 @@ import "react/jsx-runtime";
 import "react";
 import "react-error-boundary";
 import "react-i18next";
-import "@gusto/embedded-api/models/errors/gustoembeddederror";
-import "@gusto/embedded-api/models/errors/sdkvalidationerror";
 import "@tanstack/react-query";
 import "../../Base/useBase.js";
+import "@gusto/embedded-api/models/errors/apierror";
+import "@gusto/embedded-api/models/errors/gustoembeddederror";
+import "@gusto/embedded-api/models/errors/sdkvalidationerror";
+import "@gusto/embedded-api/models/errors/unprocessableentityerrorobject";
+import "@gusto/embedded-api/models/errors/httpclienterrors";
 import "../../../shared/constants.js";
 import "classnames";
 import "../../../contexts/ComponentAdapter/useComponentContext.js";
 import "../../../contexts/LoadingIndicatorProvider/useLoadingIndicator.js";
-import "dompurify";
-import "../../../contexts/LocaleProvider/useLocale.js";
 import { createCompoundContext as n } from "../../Base/createCompoundContext.js";
-const S = t.union([
+const k = t.union([
   a.extend({
     type: t.literal("Direct Deposit"),
     isSplit: t.literal(!1)
@@ -56,10 +57,10 @@ const S = t.union([
       remainder: t.string()
     })
   ])
-]), [k, A] = n("PaymentMethodContext");
+]), [A, v] = n("PaymentMethodContext");
 export {
-  S as CombinedSchema,
-  A as PaymentMethodProvider,
-  k as usePaymentMethod
+  k as CombinedSchema,
+  v as PaymentMethodProvider,
+  A as usePaymentMethod
 };
 //# sourceMappingURL=usePaymentMethod.js.map

package/dist/components/Employee/PaymentMethod/usePaymentMethod.js.map

@@ -1 +1 @@
-{"version":3,"file":"usePaymentMethod.js","sources":["../../../../src/components/Employee/PaymentMethod/usePaymentMethod.ts"],"sourcesContent":["import type { EmployeeBankAccount } from '@gusto/embedded-api/models/components/employeebankaccount'\nimport type { EmployeePaymentMethod } from '@gusto/embedded-api/models/components/employeepaymentmethod'\nimport { z } from 'zod'\nimport { BankAccountSchema } from './BankAccount'\nimport { createCompoundContext } from '@/components/Base'\n\nexport const CombinedSchema = z.union([\n  BankAccountSchema.extend({\n    type: z.literal('Direct Deposit'),\n    isSplit: z.literal(false),\n  }),\n  z.object({\n    type: z.literal('Direct Deposit'),\n    isSplit: z.literal(false),\n    hasBankPayload: z.literal(false),\n  }),\n  z.object({\n    type: z.literal('Check'),\n  }),\n  z.discriminatedUnion('splitBy', [\n    z.object({\n      type: z.literal('Direct Deposit'),\n      isSplit: z.literal(true),\n      hasBankPayload: z.literal(false),\n      splitBy: z.literal('Percentage'),\n      splitAmount: z.record(z.string(), z.number().max(100).min(0)).superRefine((input, ctx) => {\n        const total = Object.values(input).reduce<number>((acc, curr) => acc + curr, 0)\n        if (total !== 100) {\n          ctx.addIssue({\n            code: z.ZodIssueCode.custom,\n            message: `percentage_split_total_error:${total}`,\n          })\n        }\n      }),\n      priority: z.record(z.string(), z.number()),\n    }),\n    z.object({\n      type: z.literal('Direct Deposit'),\n      isSplit: z.literal(true),\n      hasBankPayload: z.literal(false),\n      splitBy: z.literal('Amount'),\n      priority: z.record(z.string(), z.number()).refine(input => {\n        const arr = Object.values(input)\n        return arr.filter((item, index) => arr.indexOf(item) !== index).length === 0\n      }),\n      splitAmount: z.record(z.string(), z.number().min(0).nullable()),\n      remainder: z.string(),\n    }),\n  ]),\n])\n\nexport type CombinedSchemaInputs = z.input<typeof CombinedSchema>\nexport type CombinedSchemaOutputs = z.output<typeof CombinedSchema>\n\ntype PaymentMethodContextType = {\n  bankAccounts: EmployeeBankAccount[]\n  isPending: boolean\n  watchedType?: string\n  mode: MODE\n  paymentMethod: EmployeePaymentMethod\n  handleAdd: () => void\n  handleSplit: () => void\n  handleCancel: () => void\n  handleDelete: (uuid: string) => void\n  isAdmin: boolean\n}\n\nexport type MODE = 'ADD' | 'LIST' | 'SPLIT' | 'INITIAL'\n\nconst [usePaymentMethod, PaymentMethodProvider] =\n  createCompoundContext<PaymentMethodContextType>('PaymentMethodContext')\nexport { usePaymentMethod, PaymentMethodProvider }\n"],"names":["CombinedSchema","z","BankAccountSchema","input","ctx","total","acc","curr","arr","item","index","usePaymentMethod","PaymentMethodProvider","createCompoundContext"],"mappings":";;;;;;;;;;;;;;;;;AAMO,MAAMA,IAAiBC,EAAE,MAAM;AAAA,EACpCC,EAAkB,OAAO;AAAA,IACvB,MAAMD,EAAE,QAAQ,gBAAgB;AAAA,IAChC,SAASA,EAAE,QAAQ,EAAK;AAAA,EAAA,CACzB;AAAA,EACDA,EAAE,OAAO;AAAA,IACP,MAAMA,EAAE,QAAQ,gBAAgB;AAAA,IAChC,SAASA,EAAE,QAAQ,EAAK;AAAA,IACxB,gBAAgBA,EAAE,QAAQ,EAAK;AAAA,EAAA,CAChC;AAAA,EACDA,EAAE,OAAO;AAAA,IACP,MAAMA,EAAE,QAAQ,OAAO;AAAA,EAAA,CACxB;AAAA,EACDA,EAAE,mBAAmB,WAAW;AAAA,IAC9BA,EAAE,OAAO;AAAA,MACP,MAAMA,EAAE,QAAQ,gBAAgB;AAAA,MAChC,SAASA,EAAE,QAAQ,EAAI;AAAA,MACvB,gBAAgBA,EAAE,QAAQ,EAAK;AAAA,MAC/B,SAASA,EAAE,QAAQ,YAAY;AAAA,MAC/B,aAAaA,EAAE,OAAOA,EAAE,OAAA,GAAUA,EAAE,OAAA,EAAS,IAAI,GAAG,EAAE,IAAI,CAAC,CAAC,EAAE,YAAY,CAACE,GAAOC,MAAQ;AACxF,cAAMC,IAAQ,OAAO,OAAOF,CAAK,EAAE,OAAe,CAACG,GAAKC,MAASD,IAAMC,GAAM,CAAC;AAC9E,QAAIF,MAAU,OACZD,EAAI,SAAS;AAAA,UACX,MAAMH,EAAE,aAAa;AAAA,UACrB,SAAS,gCAAgCI,CAAK;AAAA,QAAA,CAC/C;AAAA,MAEL,CAAC;AAAA,MACD,UAAUJ,EAAE,OAAOA,EAAE,UAAUA,EAAE,QAAQ;AAAA,IAAA,CAC1C;AAAA,IACDA,EAAE,OAAO;AAAA,MACP,MAAMA,EAAE,QAAQ,gBAAgB;AAAA,MAChC,SAASA,EAAE,QAAQ,EAAI;AAAA,MACvB,gBAAgBA,EAAE,QAAQ,EAAK;AAAA,MAC/B,SAASA,EAAE,QAAQ,QAAQ;AAAA,MAC3B,UAAUA,EAAE,OAAOA,EAAE,OAAA,GAAUA,EAAE,OAAA,CAAQ,EAAE,OAAO,CAAAE,MAAS;AACzD,cAAMK,IAAM,OAAO,OAAOL,CAAK;AAC/B,eAAOK,EAAI,OAAO,CAACC,GAAMC,MAAUF,EAAI,QAAQC,CAAI,MAAMC,CAAK,EAAE,WAAW;AAAA,MAC7E,CAAC;AAAA,MACD,aAAaT,EAAE,OAAOA,EAAE,OAAA,GAAUA,EAAE,OAAA,EAAS,IAAI,CAAC,EAAE,UAAU;AAAA,MAC9D,WAAWA,EAAE,OAAA;AAAA,IAAO,CACrB;AAAA,EAAA,CACF;AACH,CAAC,GAoBK,CAACU,GAAkBC,CAAqB,IAC5CC,EAAgD,sBAAsB;"}
+{"version":3,"file":"usePaymentMethod.js","sources":["../../../../src/components/Employee/PaymentMethod/usePaymentMethod.ts"],"sourcesContent":["import type { EmployeeBankAccount } from '@gusto/embedded-api/models/components/employeebankaccount'\nimport type { EmployeePaymentMethod } from '@gusto/embedded-api/models/components/employeepaymentmethod'\nimport { z } from 'zod'\nimport { BankAccountSchema } from './BankAccount'\nimport { createCompoundContext } from '@/components/Base'\n\nexport const CombinedSchema = z.union([\n  BankAccountSchema.extend({\n    type: z.literal('Direct Deposit'),\n    isSplit: z.literal(false),\n  }),\n  z.object({\n    type: z.literal('Direct Deposit'),\n    isSplit: z.literal(false),\n    hasBankPayload: z.literal(false),\n  }),\n  z.object({\n    type: z.literal('Check'),\n  }),\n  z.discriminatedUnion('splitBy', [\n    z.object({\n      type: z.literal('Direct Deposit'),\n      isSplit: z.literal(true),\n      hasBankPayload: z.literal(false),\n      splitBy: z.literal('Percentage'),\n      splitAmount: z.record(z.string(), z.number().max(100).min(0)).superRefine((input, ctx) => {\n        const total = Object.values(input).reduce<number>((acc, curr) => acc + curr, 0)\n        if (total !== 100) {\n          ctx.addIssue({\n            code: z.ZodIssueCode.custom,\n            message: `percentage_split_total_error:${total}`,\n          })\n        }\n      }),\n      priority: z.record(z.string(), z.number()),\n    }),\n    z.object({\n      type: z.literal('Direct Deposit'),\n      isSplit: z.literal(true),\n      hasBankPayload: z.literal(false),\n      splitBy: z.literal('Amount'),\n      priority: z.record(z.string(), z.number()).refine(input => {\n        const arr = Object.values(input)\n        return arr.filter((item, index) => arr.indexOf(item) !== index).length === 0\n      }),\n      splitAmount: z.record(z.string(), z.number().min(0).nullable()),\n      remainder: z.string(),\n    }),\n  ]),\n])\n\nexport type CombinedSchemaInputs = z.input<typeof CombinedSchema>\nexport type CombinedSchemaOutputs = z.output<typeof CombinedSchema>\n\ntype PaymentMethodContextType = {\n  bankAccounts: EmployeeBankAccount[]\n  isPending: boolean\n  watchedType?: string\n  mode: MODE\n  paymentMethod: EmployeePaymentMethod\n  handleAdd: () => void\n  handleSplit: () => void\n  handleCancel: () => void\n  handleDelete: (uuid: string) => void\n  isAdmin: boolean\n}\n\nexport type MODE = 'ADD' | 'LIST' | 'SPLIT' | 'INITIAL'\n\nconst [usePaymentMethod, PaymentMethodProvider] =\n  createCompoundContext<PaymentMethodContextType>('PaymentMethodContext')\nexport { usePaymentMethod, PaymentMethodProvider }\n"],"names":["CombinedSchema","z","BankAccountSchema","input","ctx","total","acc","curr","arr","item","index","usePaymentMethod","PaymentMethodProvider","createCompoundContext"],"mappings":";;;;;;;;;;;;;;;;;;AAMO,MAAMA,IAAiBC,EAAE,MAAM;AAAA,EACpCC,EAAkB,OAAO;AAAA,IACvB,MAAMD,EAAE,QAAQ,gBAAgB;AAAA,IAChC,SAASA,EAAE,QAAQ,EAAK;AAAA,EAAA,CACzB;AAAA,EACDA,EAAE,OAAO;AAAA,IACP,MAAMA,EAAE,QAAQ,gBAAgB;AAAA,IAChC,SAASA,EAAE,QAAQ,EAAK;AAAA,IACxB,gBAAgBA,EAAE,QAAQ,EAAK;AAAA,EAAA,CAChC;AAAA,EACDA,EAAE,OAAO;AAAA,IACP,MAAMA,EAAE,QAAQ,OAAO;AAAA,EAAA,CACxB;AAAA,EACDA,EAAE,mBAAmB,WAAW;AAAA,IAC9BA,EAAE,OAAO;AAAA,MACP,MAAMA,EAAE,QAAQ,gBAAgB;AAAA,MAChC,SAASA,EAAE,QAAQ,EAAI;AAAA,MACvB,gBAAgBA,EAAE,QAAQ,EAAK;AAAA,MAC/B,SAASA,EAAE,QAAQ,YAAY;AAAA,MAC/B,aAAaA,EAAE,OAAOA,EAAE,OAAA,GAAUA,EAAE,OAAA,EAAS,IAAI,GAAG,EAAE,IAAI,CAAC,CAAC,EAAE,YAAY,CAACE,GAAOC,MAAQ;AACxF,cAAMC,IAAQ,OAAO,OAAOF,CAAK,EAAE,OAAe,CAACG,GAAKC,MAASD,IAAMC,GAAM,CAAC;AAC9E,QAAIF,MAAU,OACZD,EAAI,SAAS;AAAA,UACX,MAAMH,EAAE,aAAa;AAAA,UACrB,SAAS,gCAAgCI,CAAK;AAAA,QAAA,CAC/C;AAAA,MAEL,CAAC;AAAA,MACD,UAAUJ,EAAE,OAAOA,EAAE,UAAUA,EAAE,QAAQ;AAAA,IAAA,CAC1C;AAAA,IACDA,EAAE,OAAO;AAAA,MACP,MAAMA,EAAE,QAAQ,gBAAgB;AAAA,MAChC,SAASA,EAAE,QAAQ,EAAI;AAAA,MACvB,gBAAgBA,EAAE,QAAQ,EAAK;AAAA,MAC/B,SAASA,EAAE,QAAQ,QAAQ;AAAA,MAC3B,UAAUA,EAAE,OAAOA,EAAE,OAAA,GAAUA,EAAE,OAAA,CAAQ,EAAE,OAAO,CAAAE,MAAS;AACzD,cAAMK,IAAM,OAAO,OAAOL,CAAK;AAC/B,eAAOK,EAAI,OAAO,CAACC,GAAMC,MAAUF,EAAI,QAAQC,CAAI,MAAMC,CAAK,EAAE,WAAW;AAAA,MAC7E,CAAC;AAAA,MACD,aAAaT,EAAE,OAAOA,EAAE,OAAA,GAAUA,EAAE,OAAA,EAAS,IAAI,CAAC,EAAE,UAAU;AAAA,MAC9D,WAAWA,EAAE,OAAA;AAAA,IAAO,CACrB;AAAA,EAAA,CACF;AACH,CAAC,GAoBK,CAACU,GAAkBC,CAAqB,IAC5CC,EAAgD,sBAAsB;"}

package/dist/components/Employee/Profile/HomeAddress.d.ts

@@ -5,7 +5,7 @@ export declare const HomeAddressSchema: z.ZodUnion<readonly [z.ZodObject<{
     city: z.ZodString;
     state: z.ZodString;
     zip: z.ZodString;
-    courtesyWithholding: z.ZodBoolean;
+    courtesyWithholding: z.ZodOptional<z.ZodBoolean>;
     selfOnboarding: z.ZodUnion<readonly [z.ZodLiteral<false>, z.ZodUndefined]>;
 }, z.core.$strip>, z.ZodObject<{
     selfOnboarding: z.ZodLiteral<true>;
@@ -16,7 +16,7 @@ export declare const HomeAddressSchemaWithCompletedOnboarding: z.ZodUnion<readon
     city: z.ZodString;
     state: z.ZodString;
     zip: z.ZodString;
-    courtesyWithholding: z.ZodBoolean;
+    courtesyWithholding: z.ZodOptional<z.ZodBoolean>;
     selfOnboarding: z.ZodUnion<readonly [z.ZodLiteral<false>, z.ZodUndefined]>;
 }, z.core.$strip>, z.ZodObject<{
     street1: z.ZodString;
@@ -24,7 +24,7 @@ export declare const HomeAddressSchemaWithCompletedOnboarding: z.ZodUnion<readon
     city: z.ZodString;
     state: z.ZodString;
     zip: z.ZodString;
-    courtesyWithholding: z.ZodBoolean;
+    courtesyWithholding: z.ZodOptional<z.ZodBoolean>;
     selfOnboarding: z.ZodLiteral<true>;
 }, z.core.$strip>]>;
 export type HomeAddressInputs = z.infer<typeof HomeAddressSchema>;