npm - @gusto/embedded-react-sdk - Versions diffs - 0.47.0 → 0.48.0 - Mend

@gusto/embedded-react-sdk 0.47.0 → 0.48.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (850) hide show

package/dist/components/Employee/Deductions/shared/DeductionsForm/DeductionsForm.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DeductionsForm.js","sources":["../../../../../../src/components/Employee/Deductions/shared/DeductionsForm/DeductionsForm.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { useMemo, useState } from 'react'\nimport type {\n Garnishment,\n GarnishmentType,\n} from '@gusto/embedded-api-v-2025-11-15/models/components/garnishment'\nimport { StandardDeductionForm } from './StandardDeductionForm'\nimport { ChildSupportFormView } from './ChildSupportFormView'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { Grid } from '@/components/Common/Grid/Grid'\nimport { Flex } from '@/components/Common/Flex/Flex'\nimport { useComponentDictionary, useI18n } from '@/i18n'\nimport type { ResourceDictionary } from '@/types/Helpers'\n\nexport type DeductionsFormDictionary = ResourceDictionary<'Employee.DeductionsForm'>\n\n// Garnishment types the form supports (mirrors the legacy SUPPORTED_GARNISHMENT_TYPES).\nconst SUPPORTED_GARNISHMENT_TYPES: readonly GarnishmentType[] = [\n 'child_support',\n 'federal_tax_lien',\n 'state_tax_lien',\n 'student_loan',\n 'creditor_garnishment',\n 'federal_loan',\n 'other_garnishment',\n] as const\n\ntype Variant = { kind: 'custom' } \| { kind: 'garnishment'; type: GarnishmentType }\n\nfunction deductionToVariant(deduction: Garnishment): Variant {\n const type = deduction.garnishmentType\n if (!deduction.courtOrdered) return { kind: 'custom' }\n return {\n kind: 'garnishment',\n type: type && SUPPORTED_GARNISHMENT_TYPES.includes(type) ? type : 'child_support',\n }\n}\n\nexport interface DeductionsFormProps {\n className?: string\n employeeId: string\n /** When provided, the form is in edit mode and the deduction's existing\n * garnishment type selects the inline form variant. Omit for add mode. /\n deduction?: Garnishment \| null\n /\n Translation overrides for the form's strings. Each consuming block\n * passes the dictionary it resolved from its own namespace so partner\n * overrides on that namespace flow into the form text.\n */\n dictionary?: DeductionsFormDictionary\n onSaved: (deduction: Garnishment, mode: 'create' \| 'update') => void\n onCancel: () => void\n}\n\nexport function DeductionsForm({\n className,\n employeeId,\n deduction,\n dictionary,\n onSaved,\n onCancel,\n}: DeductionsFormProps) {\n useI18n('Employee.DeductionsForm')\n useComponentDictionary('Employee.DeductionsForm', dictionary)\n const { t } = useTranslation('Employee.DeductionsForm')\n const Components = useComponentContext()\n\n const isEdit = !!deduction\n const title = isEdit ? t('editTitle') : t('addTitle')\n\n // Pre-select the variant in edit mode; let the user pick in add mode.\n const initialVariant = useMemo<Variant \| null>(\n () => (deduction ? deductionToVariant(deduction) : null),\n [deduction],\n )\n const [variant, setVariant] = useState<Variant \| null>(initialVariant)\n\n const garnishmentTypeOptions = useMemo(\n () =>\n SUPPORTED_GARNISHMENT_TYPES.map(value => ({\n value,\n label: garnishmentTypeLabel(t, value),\n })),\n [t],\n )\n\n const handleSelectDeductionType = (selection: string) => {\n if (selection === 'custom') {\n setVariant({ kind: 'custom' })\n } else {\n setVariant({ kind: 'garnishment', type: 'child_support' })\n }\n }\n\n const handleSelectGarnishmentType = (value: string) => {\n setVariant({ kind: 'garnishment', type: value as GarnishmentType })\n }\n\n return (\n <section className={className}>\n <Grid gap={32}>\n <Flex flexDirection=\"column\" gap={2}>\n <Components.Heading as=\"h2\">{title}</Components.Heading>\n <Components.Text variant=\"supporting\">{t('description')}</Components.Text>\n </Flex>\n\n {!isEdit && (\n <>\n <Flex flexDirection=\"column\" gap={20}>\n <Components.RadioGroup\n label={t('variantLabel')}\n description={t('variantDescription')}\n options={[\n { value: 'garnishment', label: t('garnishmentOption') },\n { value: 'custom', label: t('customOption') },\n ]}\n defaultValue={variant?.kind === 'custom' ? 'custom' : undefined}\n onChange={handleSelectDeductionType}\n isRequired\n />\n\n {variant?.kind === 'garnishment' && (\n <Components.Select\n label={t('garnishmentTypeLabel')}\n options={garnishmentTypeOptions}\n value={variant.type}\n onChange={handleSelectGarnishmentType}\n isRequired\n />\n )}\n </Flex>\n\n {variant !== null && <hr />}\n </>\n )}\n\n {variant?.kind === 'custom' && (\n <StandardDeductionForm\n employeeId={employeeId}\n deduction={deduction ?? null}\n courtOrdered={false}\n title={t('types.custom')}\n onSaved={onSaved}\n onCancel={onCancel}\n />\n )}\n {variant?.kind === 'garnishment' && variant.type === 'child_support' && (\n <ChildSupportFormView\n employeeId={employeeId}\n deduction={deduction ?? null}\n onSaved={onSaved}\n onCancel={onCancel}\n />\n )}\n {variant?.kind === 'garnishment' && variant.type !== 'child_support' && (\n <StandardDeductionForm\n employeeId={employeeId}\n deduction={deduction ?? null}\n courtOrdered={true}\n garnishmentType={variant.type}\n title={garnishmentTypeLabel(t, variant.type)}\n onSaved={onSaved}\n onCancel={onCancel}\n />\n )}\n </Grid>\n </section>\n )\n}\n\nfunction garnishmentTypeLabel(\n t: ReturnType<typeof useTranslation<'Employee.DeductionsForm'>>['t'],\n value: GarnishmentType,\n): string {\n switch (value) {\n case 'child_support':\n return t('types.childSupport')\n case 'federal_tax_lien':\n return t('types.federalTaxLien')\n case 'state_tax_lien':\n return t('types.stateTaxLien')\n case 'student_loan':\n return t('types.studentLoan')\n case 'creditor_garnishment':\n return t('types.creditorGarnishment')\n case 'federal_loan':\n return t('types.federalLoan')\n case 'other_garnishment':\n return t('types.otherGarnishment')\n }\n}\n"],"names":["SUPPORTED_GARNISHMENT_TYPES","deductionToVariant","deduction","type","DeductionsForm","className","employeeId","dictionary","onSaved","onCancel","useI18n","useComponentDictionary","useTranslation","Components","useComponentContext","isEdit","title","initialVariant","useMemo","variant","setVariant","useState","garnishmentTypeOptions","value","garnishmentTypeLabel","handleSelectDeductionType","selection","handleSelectGarnishmentType","jsxs","Grid","Flex","jsx","Fragment","StandardDeductionForm","ChildSupportFormView","t"],"mappings":"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"}
1	+ {"version":3,"file":"DeductionsForm.js","sources":["../../../../../../src/components/Employee/Deductions/shared/DeductionsForm/DeductionsForm.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { useMemo, useState } from 'react'\nimport type {\n Garnishment,\n GarnishmentType,\n} from '@gusto/embedded-api-v-2025-11-15/models/components/garnishment'\nimport { StandardDeductionForm } from './StandardDeductionForm'\nimport { ChildSupportFormView } from './ChildSupportFormView'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { Grid } from '@/components/Common/Grid/Grid'\nimport { Flex } from '@/components/Common/Flex/Flex'\nimport { useComponentDictionary, useI18n } from '@/i18n'\nimport type { ResourceDictionary } from '@/types/Helpers'\n\n/** @internal /\nexport type DeductionsFormDictionary = ResourceDictionary<'Employee.DeductionsForm'>\n\n// Garnishment types the form supports (mirrors the legacy SUPPORTED_GARNISHMENT_TYPES).\nconst SUPPORTED_GARNISHMENT_TYPES: readonly GarnishmentType[] = [\n 'child_support',\n 'federal_tax_lien',\n 'state_tax_lien',\n 'student_loan',\n 'creditor_garnishment',\n 'federal_loan',\n 'other_garnishment',\n] as const\n\ntype Variant = { kind: 'custom' } \| { kind: 'garnishment'; type: GarnishmentType }\n\nfunction deductionToVariant(deduction: Garnishment): Variant {\n const type = deduction.garnishmentType\n if (!deduction.courtOrdered) return { kind: 'custom' }\n return {\n kind: 'garnishment',\n type: type && SUPPORTED_GARNISHMENT_TYPES.includes(type) ? type : 'child_support',\n }\n}\n\n/* @internal /\nexport interface DeductionsFormProps {\n /* Optional CSS class for the root section. /\n className?: string\n /* The associated employee identifier. /\n employeeId: string\n /* When provided, the form is in edit mode and the deduction's existing\n * garnishment type selects the inline form variant. Omit for add mode. /\n deduction?: Garnishment \| null\n /\n Translation overrides for the form's strings. Each consuming block\n * passes the dictionary it resolved from its own namespace so partner\n * overrides on that namespace flow into the form text.\n /\n dictionary?: DeductionsFormDictionary\n /* Called after a successful save with the saved row and whether it was a create or update. /\n onSaved: (deduction: Garnishment, mode: 'create' \| 'update') => void\n /* Called when the user cancels the form. /\n onCancel: () => void\n}\n\n/* @internal */\nexport function DeductionsForm({\n className,\n employeeId,\n deduction,\n dictionary,\n onSaved,\n onCancel,\n}: DeductionsFormProps) {\n useI18n('Employee.DeductionsForm')\n useComponentDictionary('Employee.DeductionsForm', dictionary)\n const { t } = useTranslation('Employee.DeductionsForm')\n const Components = useComponentContext()\n\n const isEdit = !!deduction\n const title = isEdit ? t('editTitle') : t('addTitle')\n\n // Pre-select the variant in edit mode; let the user pick in add mode.\n const initialVariant = useMemo<Variant \| null>(\n () => (deduction ? deductionToVariant(deduction) : null),\n [deduction],\n )\n const [variant, setVariant] = useState<Variant \| null>(initialVariant)\n\n const garnishmentTypeOptions = useMemo(\n () =>\n SUPPORTED_GARNISHMENT_TYPES.map(value => ({\n value,\n label: garnishmentTypeLabel(t, value),\n })),\n [t],\n )\n\n const handleSelectDeductionType = (selection: string) => {\n if (selection === 'custom') {\n setVariant({ kind: 'custom' })\n } else {\n setVariant({ kind: 'garnishment', type: 'child_support' })\n }\n }\n\n const handleSelectGarnishmentType = (value: string) => {\n setVariant({ kind: 'garnishment', type: value as GarnishmentType })\n }\n\n return (\n <section className={className}>\n <Grid gap={32}>\n <Flex flexDirection=\"column\" gap={2}>\n <Components.Heading as=\"h2\">{title}</Components.Heading>\n <Components.Text variant=\"supporting\">{t('description')}</Components.Text>\n </Flex>\n\n {!isEdit && (\n <>\n <Flex flexDirection=\"column\" gap={20}>\n <Components.RadioGroup\n label={t('variantLabel')}\n description={t('variantDescription')}\n options={[\n { value: 'garnishment', label: t('garnishmentOption') },\n { value: 'custom', label: t('customOption') },\n ]}\n defaultValue={variant?.kind === 'custom' ? 'custom' : undefined}\n onChange={handleSelectDeductionType}\n isRequired\n />\n\n {variant?.kind === 'garnishment' && (\n <Components.Select\n label={t('garnishmentTypeLabel')}\n options={garnishmentTypeOptions}\n value={variant.type}\n onChange={handleSelectGarnishmentType}\n isRequired\n />\n )}\n </Flex>\n\n {variant !== null && <hr />}\n </>\n )}\n\n {variant?.kind === 'custom' && (\n <StandardDeductionForm\n employeeId={employeeId}\n deduction={deduction ?? null}\n courtOrdered={false}\n title={t('types.custom')}\n onSaved={onSaved}\n onCancel={onCancel}\n />\n )}\n {variant?.kind === 'garnishment' && variant.type === 'child_support' && (\n <ChildSupportFormView\n employeeId={employeeId}\n deduction={deduction ?? null}\n onSaved={onSaved}\n onCancel={onCancel}\n />\n )}\n {variant?.kind === 'garnishment' && variant.type !== 'child_support' && (\n <StandardDeductionForm\n employeeId={employeeId}\n deduction={deduction ?? null}\n courtOrdered={true}\n garnishmentType={variant.type}\n title={garnishmentTypeLabel(t, variant.type)}\n onSaved={onSaved}\n onCancel={onCancel}\n />\n )}\n </Grid>\n </section>\n )\n}\n\nfunction garnishmentTypeLabel(\n t: ReturnType<typeof useTranslation<'Employee.DeductionsForm'>>['t'],\n value: GarnishmentType,\n): string {\n switch (value) {\n case 'child_support':\n return t('types.childSupport')\n case 'federal_tax_lien':\n return t('types.federalTaxLien')\n case 'state_tax_lien':\n return t('types.stateTaxLien')\n case 'student_loan':\n return t('types.studentLoan')\n case 'creditor_garnishment':\n return t('types.creditorGarnishment')\n case 'federal_loan':\n return t('types.federalLoan')\n case 'other_garnishment':\n return t('types.otherGarnishment')\n }\n}\n"],"names":["SUPPORTED_GARNISHMENT_TYPES","deductionToVariant","deduction","type","DeductionsForm","className","employeeId","dictionary","onSaved","onCancel","useI18n","useComponentDictionary","useTranslation","Components","useComponentContext","isEdit","title","initialVariant","useMemo","variant","setVariant","useState","garnishmentTypeOptions","value","garnishmentTypeLabel","handleSelectDeductionType","selection","handleSelectGarnishmentType","jsxs","Grid","Flex","jsx","Fragment","StandardDeductionForm","ChildSupportFormView","t"],"mappings":"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"}

package/dist/components/Employee/Deductions/shared/DeductionsForm/StandardDeductionForm.d.ts CHANGED Viewed

@@ -14,5 +14,6 @@ interface StandardDeductionFormProps {
     onSaved: (deduction: Garnishment, mode: 'create' | 'update') => void;
     onCancel: () => void;
 }
+/** @internal */
 export declare function StandardDeductionForm({ employeeId, deduction, courtOrdered, garnishmentType, title, onSaved, onCancel, }: StandardDeductionFormProps): import("react").JSX.Element;
 export {};

package/dist/components/Employee/Deductions/shared/DeductionsForm/StandardDeductionForm.js CHANGED Viewed

@@ -5,19 +5,20 @@ import { useDeductionForm as b } from "../useDeductionForm/useDeductionForm.js";
 import { Form as h } from "../../../../Common/Form/Form.js";
 import { Flex as u } from "../../../../Common/Flex/Flex.js";
 import { ActionsLayout as y } from "../../../../Common/ActionsLayout/ActionsLayout.js";
+import { useComponentContext as A } from "../../../../../contexts/ComponentAdapter/useComponentContext.js";
+import "react";
 import { BaseLayout as g } from "../../../../Base/Base.js";
-import { SDKFormProvider as A } from "../../../../../partner-hook-utils/form/SDKFormProvider.js";
-import { useComponentContext as R } from "../../../../../contexts/ComponentAdapter/useComponentContext.js";
-function O({
+import { SDKFormProvider as R } from "../../../../../partner-hook-utils/form/SDKFormProvider.js";
+function S({
   employeeId: t,
   deduction: a,
   courtOrdered: o,
   garnishmentType: n,
-  title: l,
-  onSaved: m,
+  title: m,
+  onSaved: l,
   onCancel: p
 }) {
-  const { t: s } = f("Employee.DeductionsForm"), c = R(), i = b({
+  const { t: s } = f("Employee.DeductionsForm"), c = A(), i = b({
     employeeId: t,
     garnishmentId: a?.uuid,
     courtOrdered: o,
@@ -33,8 +34,8 @@ function O({
       Fields: r,
       Components: c,
       t: s,
-      title: l,
-      onSaved: m,
+      title: m,
+      onSaved: l,
       onCancel: p
     }
   );
@@ -44,8 +45,8 @@ function x({
   Fields: a,
   Components: o,
   t: n,
-  title: l,
-  onSaved: m,
+  title: m,
+  onSaved: l,
   onCancel: p
 }) {
   const s = D({
@@ -53,10 +54,10 @@ function x({
     name: "deductAsPercentage"
   }), c = s === !0 || s === "true", i = async () => {
     const r = await t.actions.onSubmit();
-    r && m(r.data, r.mode);
+    r && l(r.data, r.mode);
   };
-  return /* @__PURE__ */ e(g, { error: t.errorHandling.errors, children: /* @__PURE__ */ e(A, { formHookResult: t, children: /* @__PURE__ */ e(h, { onSubmit: i, children: /* @__PURE__ */ d(u, { flexDirection: "column", gap: 32, children: [
-    /* @__PURE__ */ e(o.Heading, { as: "h3", children: l }),
+  return /* @__PURE__ */ e(g, { error: t.errorHandling.errors, children: /* @__PURE__ */ e(R, { formHookResult: t, children: /* @__PURE__ */ e(h, { onSubmit: i, children: /* @__PURE__ */ d(u, { flexDirection: "column", gap: 32, children: [
+    /* @__PURE__ */ e(o.Heading, { as: "h3", children: m }),
     /* @__PURE__ */ d(u, { flexDirection: "column", gap: 20, children: [
       /* @__PURE__ */ d(u, { flexDirection: "column", gap: 20, children: [
         /* @__PURE__ */ e(
@@ -130,6 +131,6 @@ function x({
   ] }) }) }) });
 }
 export {
-  O as StandardDeductionForm
+  S as StandardDeductionForm
 };
 //# sourceMappingURL=StandardDeductionForm.js.map

package/dist/components/Employee/Deductions/shared/DeductionsForm/StandardDeductionForm.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"StandardDeductionForm.js","sources":["../../../../../../src/components/Employee/Deductions/shared/DeductionsForm/StandardDeductionForm.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { useWatch } from 'react-hook-form'\nimport type {\n Garnishment,\n GarnishmentType,\n} from '@gusto/embedded-api-v-2025-11-15/models/components/garnishment'\nimport type { Control } from 'react-hook-form'\nimport { useDeductionForm } from '../useDeductionForm'\nimport type { DeductionFormData } from '../useDeductionForm'\nimport { Form } from '@/components/Common/Form'\nimport { ActionsLayout } from '@/components/Common'\nimport { Flex } from '@/components/Common/Flex/Flex'\nimport { BaseLayout } from '@/components/Base/Base'\nimport { SDKFormProvider } from '@/partner-hook-utils/form/SDKFormProvider'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\ninterface StandardDeductionFormProps {\n employeeId: string\n deduction: Garnishment \| null\n /** Court-ordered garnishments require `garnishmentType`. Custom deductions don't. /\n courtOrdered: boolean\n /* Only meaningful when `courtOrdered: true`. Selects the garnishment type\n * on create. Ignored in edit mode (the existing type is preserved). /\n garnishmentType?: GarnishmentType\n /* Section heading shown above the form. The parent picker is responsible\n * for translating the garnishment-type label so this component doesn't\n * need to repeat the labels mapping. */\n title: string\n onSaved: (deduction: Garnishment, mode: 'create' \| 'update') => void\n onCancel: () => void\n}\n\nexport function StandardDeductionForm({\n employeeId,\n deduction,\n courtOrdered,\n garnishmentType,\n title,\n onSaved,\n onCancel,\n}: StandardDeductionFormProps) {\n const { t } = useTranslation('Employee.DeductionsForm')\n const Components = useComponentContext()\n\n const form = useDeductionForm({\n employeeId,\n garnishmentId: deduction?.uuid,\n courtOrdered,\n defaultValues: courtOrdered && garnishmentType ? { garnishmentType } : undefined,\n })\n\n if (form.isLoading) {\n return <BaseLayout isLoading error={form.errorHandling.errors} />\n }\n\n const { Fields } = form.form\n return (\n <ReadyForm\n form={form}\n Fields={Fields}\n Components={Components}\n t={t}\n title={title}\n onSaved={onSaved}\n onCancel={onCancel}\n />\n )\n}\n\n// Split into a child component so we can call `useWatch` on the form's control\n// only once the hook is in its ready state (the control reference exists then).\nfunction ReadyForm({\n form,\n Fields,\n Components,\n t,\n title,\n onSaved,\n onCancel,\n}: {\n form: Extract<ReturnType<typeof useDeductionForm>, { isLoading: false }>\n Fields: Extract<ReturnType<typeof useDeductionForm>, { isLoading: false }>['form']['Fields']\n Components: ReturnType<typeof useComponentContext>\n t: ReturnType<typeof useTranslation<'Employee.DeductionsForm'>>['t']\n title: string\n onSaved: (deduction: Garnishment, mode: 'create' \| 'update') => void\n onCancel: () => void\n}) {\n // useWatch subscribes to changes; getValues only reads once. We need the\n // subscription because `Fields.Amount`'s `format` and `description` props\n // need to re-render when the user toggles Percentage / Fixed amount.\n // The RadioGroup's options carry string values (`'true'`/`'false'`), which\n // round-trip into form state as strings — only `coerceStringBoolean` in the\n // zod preprocessor turns them into actual booleans at validation time. So\n // here we explicitly compare against both shapes; `Boolean('false')` would\n // be truthy and surface the wrong copy under the Amount field.\n const watchedDeductAsPercentageRaw = useWatch({\n control: form.form.hookFormInternals.formMethods.control as Control<DeductionFormData>,\n name: 'deductAsPercentage',\n }) as boolean \| 'true' \| 'false' \| undefined\n const watchedDeductAsPercentage =\n watchedDeductAsPercentageRaw === true \|\| watchedDeductAsPercentageRaw === 'true'\n\n const handleSubmit = async () => {\n const result = await form.actions.onSubmit()\n if (result) onSaved(result.data, result.mode)\n }\n\n return (\n <BaseLayout error={form.errorHandling.errors}>\n <SDKFormProvider formHookResult={form}>\n <Form onSubmit={handleSubmit}>\n <Flex flexDirection=\"column\" gap={32}>\n <Components.Heading as=\"h3\">{title}</Components.Heading>\n <Flex flexDirection=\"column\" gap={20}>\n <Flex flexDirection=\"column\" gap={20}>\n <Fields.Description\n label={t('standard.descriptionLabel')}\n validationMessages={{ REQUIRED: t('standard.descriptionRequired') }}\n />\n <Fields.Recurring\n label={t('standard.frequencyLabel')}\n getOptionLabel={(value: boolean) =>\n value ? t('standard.frequencyRecurring') : t('standard.frequencyOneTime')\n }\n validationMessages={{ REQUIRED: t('standard.frequencyRequired') }}\n />\n <Fields.DeductAsPercentage\n label={t('standard.typeLabel')}\n getOptionLabel={(value: boolean) =>\n value ? t('standard.typePercentage') : t('standard.typeFixed')\n }\n validationMessages={{ REQUIRED: t('standard.typeRequired') }}\n />\n <Fields.Amount\n label={t('standard.amountLabel')}\n format={watchedDeductAsPercentage ? 'percent' : 'currency'}\n description={\n watchedDeductAsPercentage\n ? t('standard.amountPercentDescription')\n : t('standard.amountFixedDescription')\n }\n min={0}\n validationMessages={{\n REQUIRED: t('standard.amountRequired'),\n NEGATIVE_AMOUNT: t('standard.amountNonNegative'),\n }}\n />\n </Flex>\n {Fields.TotalAmount && Fields.AnnualMaximum && (\n <Flex flexDirection=\"column\" gap={20}>\n <Fields.TotalAmount\n label={t('standard.totalAmountLabel')}\n description={t('standard.totalAmountDescription')}\n format=\"currency\"\n min={0}\n validationMessages={{\n NEGATIVE_AMOUNT: t('standard.amountNonNegative'),\n }}\n />\n <Fields.AnnualMaximum\n label={t('standard.annualMaxLabel')}\n description={t('standard.annualMaxDescription')}\n format=\"currency\"\n min={0}\n validationMessages={{\n NEGATIVE_AMOUNT: t('standard.amountNonNegative'),\n }}\n />\n </Flex>\n )}\n </Flex>\n <ActionsLayout>\n <Components.Button variant=\"secondary\" type=\"button\" onClick={onCancel}>\n {t('actions.cancel')}\n </Components.Button>\n <Components.Button type=\"submit\" isLoading={form.status.isPending}>\n {t('actions.save')}\n </Components.Button>\n </ActionsLayout>\n </Flex>\n </Form>\n </SDKFormProvider>\n </BaseLayout>\n )\n}\n"],"names":["StandardDeductionForm","employeeId","deduction","courtOrdered","garnishmentType","title","onSaved","onCancel","t","useTranslation","Components","useComponentContext","form","useDeductionForm","BaseLayout","Fields","jsx","ReadyForm","watchedDeductAsPercentageRaw","useWatch","watchedDeductAsPercentage","handleSubmit","result","SDKFormProvider","Form","jsxs","Flex","value","ActionsLayout"],"mappings":"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"}
1	+ {"version":3,"file":"StandardDeductionForm.js","sources":["../../../../../../src/components/Employee/Deductions/shared/DeductionsForm/StandardDeductionForm.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { useWatch } from 'react-hook-form'\nimport type {\n Garnishment,\n GarnishmentType,\n} from '@gusto/embedded-api-v-2025-11-15/models/components/garnishment'\nimport type { Control } from 'react-hook-form'\nimport { useDeductionForm } from '../useDeductionForm'\nimport type { DeductionFormData } from '../useDeductionForm'\nimport { Form } from '@/components/Common/Form'\nimport { ActionsLayout } from '@/components/Common'\nimport { Flex } from '@/components/Common/Flex/Flex'\nimport { BaseLayout } from '@/components/Base/Base'\nimport { SDKFormProvider } from '@/partner-hook-utils/form/SDKFormProvider'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\ninterface StandardDeductionFormProps {\n employeeId: string\n deduction: Garnishment \| null\n /** Court-ordered garnishments require `garnishmentType`. Custom deductions don't. /\n courtOrdered: boolean\n /* Only meaningful when `courtOrdered: true`. Selects the garnishment type\n * on create. Ignored in edit mode (the existing type is preserved). /\n garnishmentType?: GarnishmentType\n /* Section heading shown above the form. The parent picker is responsible\n * for translating the garnishment-type label so this component doesn't\n * need to repeat the labels mapping. /\n title: string\n onSaved: (deduction: Garnishment, mode: 'create' \| 'update') => void\n onCancel: () => void\n}\n\n/* @internal */\nexport function StandardDeductionForm({\n employeeId,\n deduction,\n courtOrdered,\n garnishmentType,\n title,\n onSaved,\n onCancel,\n}: StandardDeductionFormProps) {\n const { t } = useTranslation('Employee.DeductionsForm')\n const Components = useComponentContext()\n\n const form = useDeductionForm({\n employeeId,\n garnishmentId: deduction?.uuid,\n courtOrdered,\n defaultValues: courtOrdered && garnishmentType ? { garnishmentType } : undefined,\n })\n\n if (form.isLoading) {\n return <BaseLayout isLoading error={form.errorHandling.errors} />\n }\n\n const { Fields } = form.form\n return (\n <ReadyForm\n form={form}\n Fields={Fields}\n Components={Components}\n t={t}\n title={title}\n onSaved={onSaved}\n onCancel={onCancel}\n />\n )\n}\n\n// Split into a child component so we can call `useWatch` on the form's control\n// only once the hook is in its ready state (the control reference exists then).\nfunction ReadyForm({\n form,\n Fields,\n Components,\n t,\n title,\n onSaved,\n onCancel,\n}: {\n form: Extract<ReturnType<typeof useDeductionForm>, { isLoading: false }>\n Fields: Extract<ReturnType<typeof useDeductionForm>, { isLoading: false }>['form']['Fields']\n Components: ReturnType<typeof useComponentContext>\n t: ReturnType<typeof useTranslation<'Employee.DeductionsForm'>>['t']\n title: string\n onSaved: (deduction: Garnishment, mode: 'create' \| 'update') => void\n onCancel: () => void\n}) {\n // useWatch subscribes to changes; getValues only reads once. We need the\n // subscription because `Fields.Amount`'s `format` and `description` props\n // need to re-render when the user toggles Percentage / Fixed amount.\n // The RadioGroup's options carry string values (`'true'`/`'false'`), which\n // round-trip into form state as strings — only `coerceStringBoolean` in the\n // zod preprocessor turns them into actual booleans at validation time. So\n // here we explicitly compare against both shapes; `Boolean('false')` would\n // be truthy and surface the wrong copy under the Amount field.\n const watchedDeductAsPercentageRaw = useWatch({\n control: form.form.hookFormInternals.formMethods.control as Control<DeductionFormData>,\n name: 'deductAsPercentage',\n }) as boolean \| 'true' \| 'false' \| undefined\n const watchedDeductAsPercentage =\n watchedDeductAsPercentageRaw === true \|\| watchedDeductAsPercentageRaw === 'true'\n\n const handleSubmit = async () => {\n const result = await form.actions.onSubmit()\n if (result) onSaved(result.data, result.mode)\n }\n\n return (\n <BaseLayout error={form.errorHandling.errors}>\n <SDKFormProvider formHookResult={form}>\n <Form onSubmit={handleSubmit}>\n <Flex flexDirection=\"column\" gap={32}>\n <Components.Heading as=\"h3\">{title}</Components.Heading>\n <Flex flexDirection=\"column\" gap={20}>\n <Flex flexDirection=\"column\" gap={20}>\n <Fields.Description\n label={t('standard.descriptionLabel')}\n validationMessages={{ REQUIRED: t('standard.descriptionRequired') }}\n />\n <Fields.Recurring\n label={t('standard.frequencyLabel')}\n getOptionLabel={(value: boolean) =>\n value ? t('standard.frequencyRecurring') : t('standard.frequencyOneTime')\n }\n validationMessages={{ REQUIRED: t('standard.frequencyRequired') }}\n />\n <Fields.DeductAsPercentage\n label={t('standard.typeLabel')}\n getOptionLabel={(value: boolean) =>\n value ? t('standard.typePercentage') : t('standard.typeFixed')\n }\n validationMessages={{ REQUIRED: t('standard.typeRequired') }}\n />\n <Fields.Amount\n label={t('standard.amountLabel')}\n format={watchedDeductAsPercentage ? 'percent' : 'currency'}\n description={\n watchedDeductAsPercentage\n ? t('standard.amountPercentDescription')\n : t('standard.amountFixedDescription')\n }\n min={0}\n validationMessages={{\n REQUIRED: t('standard.amountRequired'),\n NEGATIVE_AMOUNT: t('standard.amountNonNegative'),\n }}\n />\n </Flex>\n {Fields.TotalAmount && Fields.AnnualMaximum && (\n <Flex flexDirection=\"column\" gap={20}>\n <Fields.TotalAmount\n label={t('standard.totalAmountLabel')}\n description={t('standard.totalAmountDescription')}\n format=\"currency\"\n min={0}\n validationMessages={{\n NEGATIVE_AMOUNT: t('standard.amountNonNegative'),\n }}\n />\n <Fields.AnnualMaximum\n label={t('standard.annualMaxLabel')}\n description={t('standard.annualMaxDescription')}\n format=\"currency\"\n min={0}\n validationMessages={{\n NEGATIVE_AMOUNT: t('standard.amountNonNegative'),\n }}\n />\n </Flex>\n )}\n </Flex>\n <ActionsLayout>\n <Components.Button variant=\"secondary\" type=\"button\" onClick={onCancel}>\n {t('actions.cancel')}\n </Components.Button>\n <Components.Button type=\"submit\" isLoading={form.status.isPending}>\n {t('actions.save')}\n </Components.Button>\n </ActionsLayout>\n </Flex>\n </Form>\n </SDKFormProvider>\n </BaseLayout>\n )\n}\n"],"names":["StandardDeductionForm","employeeId","deduction","courtOrdered","garnishmentType","title","onSaved","onCancel","t","useTranslation","Components","useComponentContext","form","useDeductionForm","BaseLayout","Fields","jsx","ReadyForm","watchedDeductAsPercentageRaw","useWatch","watchedDeductAsPercentage","handleSubmit","result","SDKFormProvider","Form","jsxs","Flex","value","ActionsLayout"],"mappings":";;;;;;;;;;;AAiCO,SAASA,EAAsB;AAAA,EACpC,YAAAC;AAAA,EACA,WAAAC;AAAA,EACA,cAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,OAAAC;AAAA,EACA,SAAAC;AAAA,EACA,UAAAC;AACF,GAA+B;AAC7B,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,yBAAyB,GAChDC,IAAaC,EAAA,GAEbC,IAAOC,EAAiB;AAAA,IAC5B,YAAAZ;AAAA,IACA,eAAeC,GAAW;AAAA,IAC1B,cAAAC;AAAA,IACA,eAAeA,KAAgBC,IAAkB,EAAE,iBAAAA,MAAoB;AAAA,EAAA,CACxE;AAED,MAAIQ,EAAK;AACP,6BAAQE,GAAA,EAAW,WAAS,IAAC,OAAOF,EAAK,cAAc,QAAQ;AAGjE,QAAM,EAAE,QAAAG,MAAWH,EAAK;AACxB,SACE,gBAAAI;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,MAAAL;AAAA,MACA,QAAAG;AAAA,MACA,YAAAL;AAAA,MACA,GAAAF;AAAA,MACA,OAAAH;AAAA,MACA,SAAAC;AAAA,MACA,UAAAC;AAAA,IAAA;AAAA,EAAA;AAGN;AAIA,SAASU,EAAU;AAAA,EACjB,MAAAL;AAAA,EACA,QAAAG;AAAA,EACA,YAAAL;AAAA,EACA,GAAAF;AAAA,EACA,OAAAH;AAAA,EACA,SAAAC;AAAA,EACA,UAAAC;AACF,GAQG;AASD,QAAMW,IAA+BC,EAAS;AAAA,IAC5C,SAASP,EAAK,KAAK,kBAAkB,YAAY;AAAA,IACjD,MAAM;AAAA,EAAA,CACP,GACKQ,IACJF,MAAiC,MAAQA,MAAiC,QAEtEG,IAAe,YAAY;AAC/B,UAAMC,IAAS,MAAMV,EAAK,QAAQ,SAAA;AAClC,IAAIU,KAAQhB,EAAQgB,EAAO,MAAMA,EAAO,IAAI;AAAA,EAC9C;AAEA,2BACGR,GAAA,EAAW,OAAOF,EAAK,cAAc,QACpC,4BAACW,GAAA,EAAgB,gBAAgBX,GAC/B,UAAA,gBAAAI,EAACQ,GAAA,EAAK,UAAUH,GACd,UAAA,gBAAAI,EAACC,KAAK,eAAc,UAAS,KAAK,IAChC,UAAA;AAAA,IAAA,gBAAAV,EAACN,EAAW,SAAX,EAAmB,IAAG,MAAM,UAAAL,GAAM;AAAA,IACnC,gBAAAoB,EAACC,GAAA,EAAK,eAAc,UAAS,KAAK,IAChC,UAAA;AAAA,MAAA,gBAAAD,EAACC,GAAA,EAAK,eAAc,UAAS,KAAK,IAChC,UAAA;AAAA,QAAA,gBAAAV;AAAA,UAACD,EAAO;AAAA,UAAP;AAAA,YACC,OAAOP,EAAE,2BAA2B;AAAA,YACpC,oBAAoB,EAAE,UAAUA,EAAE,8BAA8B,EAAA;AAAA,UAAE;AAAA,QAAA;AAAA,QAEpE,gBAAAQ;AAAA,UAACD,EAAO;AAAA,UAAP;AAAA,YACC,OAAOP,EAAE,yBAAyB;AAAA,YAClC,gBAAgB,CAACmB,MACPnB,EAARmB,IAAU,gCAAmC,2BAAN;AAAA,YAEzC,oBAAoB,EAAE,UAAUnB,EAAE,4BAA4B,EAAA;AAAA,UAAE;AAAA,QAAA;AAAA,QAElE,gBAAAQ;AAAA,UAACD,EAAO;AAAA,UAAP;AAAA,YACC,OAAOP,EAAE,oBAAoB;AAAA,YAC7B,gBAAgB,CAACmB,MACPnB,EAARmB,IAAU,4BAA+B,oBAAN;AAAA,YAErC,oBAAoB,EAAE,UAAUnB,EAAE,uBAAuB,EAAA;AAAA,UAAE;AAAA,QAAA;AAAA,QAE7D,gBAAAQ;AAAA,UAACD,EAAO;AAAA,UAAP;AAAA,YACC,OAAOP,EAAE,sBAAsB;AAAA,YAC/B,QAAQY,IAA4B,YAAY;AAAA,YAChD,aAEMZ,EADJY,IACM,sCACA,iCADmC;AAAA,YAG3C,KAAK;AAAA,YACL,oBAAoB;AAAA,cAClB,UAAUZ,EAAE,yBAAyB;AAAA,cACrC,iBAAiBA,EAAE,4BAA4B;AAAA,YAAA;AAAA,UACjD;AAAA,QAAA;AAAA,MACF,GACF;AAAA,MACCO,EAAO,eAAeA,EAAO,mCAC3BW,GAAA,EAAK,eAAc,UAAS,KAAK,IAChC,UAAA;AAAA,QAAA,gBAAAV;AAAA,UAACD,EAAO;AAAA,UAAP;AAAA,YACC,OAAOP,EAAE,2BAA2B;AAAA,YACpC,aAAaA,EAAE,iCAAiC;AAAA,YAChD,QAAO;AAAA,YACP,KAAK;AAAA,YACL,oBAAoB;AAAA,cAClB,iBAAiBA,EAAE,4BAA4B;AAAA,YAAA;AAAA,UACjD;AAAA,QAAA;AAAA,QAEF,gBAAAQ;AAAA,UAACD,EAAO;AAAA,UAAP;AAAA,YACC,OAAOP,EAAE,yBAAyB;AAAA,YAClC,aAAaA,EAAE,+BAA+B;AAAA,YAC9C,QAAO;AAAA,YACP,KAAK;AAAA,YACL,oBAAoB;AAAA,cAClB,iBAAiBA,EAAE,4BAA4B;AAAA,YAAA;AAAA,UACjD;AAAA,QAAA;AAAA,MACF,EAAA,CACF;AAAA,IAAA,GAEJ;AAAA,sBACCoB,GAAA,EACC,UAAA;AAAA,MAAA,gBAAAZ,EAACN,EAAW,QAAX,EAAkB,SAAQ,aAAY,MAAK,UAAS,SAASH,GAC3D,UAAAC,EAAE,gBAAgB,EAAA,CACrB;AAAA,MACA,gBAAAQ,EAACN,EAAW,QAAX,EAAkB,MAAK,UAAS,WAAWE,EAAK,OAAO,WACrD,UAAAJ,EAAE,cAAc,EAAA,CACnB;AAAA,IAAA,EAAA,CACF;AAAA,EAAA,GACF,EAAA,CACF,GACF,GACF;AAEJ;"}

package/dist/components/Employee/Deductions/shared/DeductionsForm/index.d.ts CHANGED Viewed

@@ -1,2 +1,2 @@
 import "./types/i18next.d.ts"
-export { DeductionsForm, type DeductionsFormProps, type DeductionsFormDictionary, } from './DeductionsForm';
+export { DeductionsForm, type DeductionsFormDictionary } from './DeductionsForm';

package/dist/components/Employee/Deductions/shared/DeleteDeductionDialog.d.ts CHANGED Viewed

@@ -4,6 +4,8 @@ import { Garnishment } from '@gusto/embedded-api-v-2025-11-15/models/components/
  * Presentational confirm dialog for deleting a deduction. All copy is
  * passed in by the caller so each consumer owns its own translation strings
  * — partner overrides on one flow's namespace won't leak into another.
+ *
+ * @internal
  */
 export declare function DeleteDeductionDialog({ pendingDeleteDeduction, isPrimaryActionLoading, onClose, onConfirm, title, description, confirmLabel, cancelLabel, }: {
     pendingDeleteDeduction: Garnishment | null;

package/dist/components/Employee/Deductions/shared/DeleteDeductionDialog.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DeleteDeductionDialog.js","sources":["../../../../../src/components/Employee/Deductions/shared/DeleteDeductionDialog.tsx"],"sourcesContent":["import type { ReactNode } from 'react'\nimport type { Garnishment } from '@gusto/embedded-api-v-2025-11-15/models/components/garnishment'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\n/*\n Presentational confirm dialog for deleting a deduction. All copy is\n * passed in by the caller so each consumer owns its own translation strings\n * — partner overrides on one flow's namespace won't leak into another.\n */\nexport function DeleteDeductionDialog({\n pendingDeleteDeduction,\n isPrimaryActionLoading,\n onClose,\n onConfirm,\n title,\n description,\n confirmLabel,\n cancelLabel,\n}: {\n pendingDeleteDeduction: Garnishment \| null\n isPrimaryActionLoading: boolean\n onClose: () => void\n onConfirm: () => void\n title: string\n description: ReactNode\n confirmLabel: string\n cancelLabel: string\n}) {\n const Components = useComponentContext()\n return (\n <Components.Dialog\n isOpen={pendingDeleteDeduction !== null}\n onClose={onClose}\n onPrimaryActionClick={onConfirm}\n isPrimaryActionLoading={isPrimaryActionLoading}\n isDestructive\n title={title}\n primaryActionLabel={confirmLabel}\n closeActionLabel={cancelLabel}\n >\n {pendingDeleteDeduction && description}\n </Components.Dialog>\n )\n}\n"],"names":["DeleteDeductionDialog","pendingDeleteDeduction","isPrimaryActionLoading","onClose","onConfirm","title","description","confirmLabel","cancelLabel","Components","useComponentContext","jsx"],"mappings":";;~~AASO~~,SAASA,EAAsB;AAAA,EACpC,wBAAAC;AAAA,EACA,wBAAAC;AAAA,EACA,SAAAC;AAAA,EACA,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,cAAAC;AAAA,EACA,aAAAC;AACF,GASG;AACD,QAAMC,IAAaC,EAAA;AACnB,SACE,gBAAAC;AAAA,IAACF,EAAW;AAAA,IAAX;AAAA,MACC,QAAQR,MAA2B;AAAA,MACnC,SAAAE;AAAA,MACA,sBAAsBC;AAAA,MACtB,wBAAAF;AAAA,MACA,eAAa;AAAA,MACb,OAAAG;AAAA,MACA,oBAAoBE;AAAA,MACpB,kBAAkBC;AAAA,MAEjB,UAAAP,KAA0BK;AAAA,IAAA;AAAA,EAAA;AAGjC;"}
1	+ {"version":3,"file":"DeleteDeductionDialog.js","sources":["../../../../../src/components/Employee/Deductions/shared/DeleteDeductionDialog.tsx"],"sourcesContent":["import type { ReactNode } from 'react'\nimport type { Garnishment } from '@gusto/embedded-api-v-2025-11-15/models/components/garnishment'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\n/*\n Presentational confirm dialog for deleting a deduction. All copy is\n * passed in by the caller so each consumer owns its own translation strings\n * — partner overrides on one flow's namespace won't leak into another.\n \n @internal\n */\nexport function DeleteDeductionDialog({\n pendingDeleteDeduction,\n isPrimaryActionLoading,\n onClose,\n onConfirm,\n title,\n description,\n confirmLabel,\n cancelLabel,\n}: {\n pendingDeleteDeduction: Garnishment \| null\n isPrimaryActionLoading: boolean\n onClose: () => void\n onConfirm: () => void\n title: string\n description: ReactNode\n confirmLabel: string\n cancelLabel: string\n}) {\n const Components = useComponentContext()\n return (\n <Components.Dialog\n isOpen={pendingDeleteDeduction !== null}\n onClose={onClose}\n onPrimaryActionClick={onConfirm}\n isPrimaryActionLoading={isPrimaryActionLoading}\n isDestructive\n title={title}\n primaryActionLabel={confirmLabel}\n closeActionLabel={cancelLabel}\n >\n {pendingDeleteDeduction && description}\n </Components.Dialog>\n )\n}\n"],"names":["DeleteDeductionDialog","pendingDeleteDeduction","isPrimaryActionLoading","onClose","onConfirm","title","description","confirmLabel","cancelLabel","Components","useComponentContext","jsx"],"mappings":";;AAWO,SAASA,EAAsB;AAAA,EACpC,wBAAAC;AAAA,EACA,wBAAAC;AAAA,EACA,SAAAC;AAAA,EACA,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,cAAAC;AAAA,EACA,aAAAC;AACF,GASG;AACD,QAAMC,IAAaC,EAAA;AACnB,SACE,gBAAAC;AAAA,IAACF,EAAW;AAAA,IAAX;AAAA,MACC,QAAQR,MAA2B;AAAA,MACnC,SAAAE;AAAA,MACA,sBAAsBC;AAAA,MACtB,wBAAAF;AAAA,MACA,eAAa;AAAA,MACb,OAAAG;AAAA,MACA,oBAAoBE;AAAA,MACpB,kBAAkBC;AAAA,MAEjB,UAAAP,KAA0BK;AAAA,IAAA;AAAA,EAAA;AAGjC;"}

package/dist/components/Employee/Deductions/shared/formatDeductionAmount.d.ts CHANGED Viewed

@@ -1,7 +1,9 @@
 import { Garnishment } from '@gusto/embedded-api-v-2025-11-15/models/components/garnishment';
+/** @internal */
 export interface DeductionAmountFormatters {
     formatCurrency: (value: number) => string;
     formatPercent: (value: number) => string;
     formatPerPaycheck: (value: string) => string;
 }
+/** @internal */
 export declare function formatDeductionAmount(deduction: Pick<Garnishment, 'amount' | 'deductAsPercentage' | 'recurring' | 'payPeriodMaximum'>, { formatCurrency, formatPercent, formatPerPaycheck }: DeductionAmountFormatters): string;

package/dist/components/Employee/Deductions/shared/formatDeductionAmount.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"formatDeductionAmount.js","sources":["../../../../../src/components/Employee/Deductions/shared/formatDeductionAmount.ts"],"sourcesContent":["import type { Garnishment } from '@gusto/embedded-api-v-2025-11-15/models/components/garnishment'\n\nexport interface DeductionAmountFormatters {\n formatCurrency: (value: number) => string\n formatPercent: (value: number) => string\n formatPerPaycheck: (value: string) => string\n}\n\nexport function formatDeductionAmount(\n deduction: Pick<Garnishment, 'amount' \| 'deductAsPercentage' \| 'recurring' \| 'payPeriodMaximum'>,\n { formatCurrency, formatPercent, formatPerPaycheck }: DeductionAmountFormatters,\n): string {\n const numericAmount = Number(deduction.amount)\n if (Number.isNaN(numericAmount)) return '-'\n\n // Child-support garnishments are always stored as `deductAsPercentage: true`,\n // but the percentage is optional — a user may withhold only a fixed dollar\n // amount (`payPeriodMaximum`). Rendering that as \"0% per paycheck\" is\n // misleading (SDK-945). When there's no percentage, show the dollar cap the\n // user actually entered, or \"-\" when neither is set.\n if (deduction.deductAsPercentage && numericAmount === 0) {\n const cap = Number(deduction.payPeriodMaximum ?? 0)\n if (!Number.isNaN(cap) && cap > 0) {\n const capFormatted = formatCurrency(cap)\n return deduction.recurring ? formatPerPaycheck(capFormatted) : capFormatted\n }\n return '-'\n }\n\n const formatted = deduction.deductAsPercentage\n ? formatPercent(numericAmount)\n : formatCurrency(numericAmount)\n return deduction.recurring ? formatPerPaycheck(formatted) : formatted\n}\n"],"names":["formatDeductionAmount","deduction","formatCurrency","formatPercent","formatPerPaycheck","numericAmount","cap","capFormatted","formatted"],"mappings":"~~AAQO~~,SAASA,EACdC,GACA,EAAE,gBAAAC,GAAgB,eAAAC,GAAe,mBAAAC,KACzB;AACR,QAAMC,IAAgB,OAAOJ,EAAU,MAAM;AAC7C,MAAI,OAAO,MAAMI,CAAa,EAAG,QAAO;AAOxC,MAAIJ,EAAU,sBAAsBI,MAAkB,GAAG;AACvD,UAAMC,IAAM,OAAOL,EAAU,oBAAoB,CAAC;AAClD,QAAI,CAAC,OAAO,MAAMK,CAAG,KAAKA,IAAM,GAAG;AACjC,YAAMC,IAAeL,EAAeI,CAAG;AACvC,aAAOL,EAAU,YAAYG,EAAkBG,CAAY,IAAIA;AAAA,IACjE;AACA,WAAO;AAAA,EACT;AAEA,QAAMC,IAAYP,EAAU,qBACxBE,EAAcE,CAAa,IAC3BH,EAAeG,CAAa;AAChC,SAAOJ,EAAU,YAAYG,EAAkBI,CAAS,IAAIA;AAC9D;"}
1	+ {"version":3,"file":"formatDeductionAmount.js","sources":["../../../../../src/components/Employee/Deductions/shared/formatDeductionAmount.ts"],"sourcesContent":["import type { Garnishment } from '@gusto/embedded-api-v-2025-11-15/models/components/garnishment'\n\n/** @internal /\nexport interface DeductionAmountFormatters {\n formatCurrency: (value: number) => string\n formatPercent: (value: number) => string\n formatPerPaycheck: (value: string) => string\n}\n\n/* @internal */\nexport function formatDeductionAmount(\n deduction: Pick<Garnishment, 'amount' \| 'deductAsPercentage' \| 'recurring' \| 'payPeriodMaximum'>,\n { formatCurrency, formatPercent, formatPerPaycheck }: DeductionAmountFormatters,\n): string {\n const numericAmount = Number(deduction.amount)\n if (Number.isNaN(numericAmount)) return '-'\n\n // Child-support garnishments are always stored as `deductAsPercentage: true`,\n // but the percentage is optional — a user may withhold only a fixed dollar\n // amount (`payPeriodMaximum`). Rendering that as \"0% per paycheck\" is\n // misleading (SDK-945). When there's no percentage, show the dollar cap the\n // user actually entered, or \"-\" when neither is set.\n if (deduction.deductAsPercentage && numericAmount === 0) {\n const cap = Number(deduction.payPeriodMaximum ?? 0)\n if (!Number.isNaN(cap) && cap > 0) {\n const capFormatted = formatCurrency(cap)\n return deduction.recurring ? formatPerPaycheck(capFormatted) : capFormatted\n }\n return '-'\n }\n\n const formatted = deduction.deductAsPercentage\n ? formatPercent(numericAmount)\n : formatCurrency(numericAmount)\n return deduction.recurring ? formatPerPaycheck(formatted) : formatted\n}\n"],"names":["formatDeductionAmount","deduction","formatCurrency","formatPercent","formatPerPaycheck","numericAmount","cap","capFormatted","formatted"],"mappings":"AAUO,SAASA,EACdC,GACA,EAAE,gBAAAC,GAAgB,eAAAC,GAAe,mBAAAC,KACzB;AACR,QAAMC,IAAgB,OAAOJ,EAAU,MAAM;AAC7C,MAAI,OAAO,MAAMI,CAAa,EAAG,QAAO;AAOxC,MAAIJ,EAAU,sBAAsBI,MAAkB,GAAG;AACvD,UAAMC,IAAM,OAAOL,EAAU,oBAAoB,CAAC;AAClD,QAAI,CAAC,OAAO,MAAMK,CAAG,KAAKA,IAAM,GAAG;AACjC,YAAMC,IAAeL,EAAeI,CAAG;AACvC,aAAOL,EAAU,YAAYG,EAAkBG,CAAY,IAAIA;AAAA,IACjE;AACA,WAAO;AAAA,EACT;AAEA,QAAMC,IAAYP,EAAU,qBACxBE,EAAcE,CAAa,IAC3BH,EAAeG,CAAa;AAChC,SAAOJ,EAAU,YAAYG,EAAkBI,CAAS,IAAIA;AAC9D;"}

package/dist/components/Employee/Deductions/shared/useChildSupportGarnishmentForm/childSupportGarnishmentFormSchema.d.ts CHANGED Viewed

@@ -1,19 +1,40 @@
 import { z } from 'zod';
 import { Agencies } from '@gusto/embedded-api-v-2025-11-15/models/components/childsupportdata';
+/**
+ * Validation error codes emitted by the child support garnishment form schema.
+ * Map these codes to localized copy in `validationMessages` when composing the
+ * hook.
+ *
+ * @public
+ */
 export declare const ChildSupportGarnishmentFormErrorCodes: {
     readonly REQUIRED: "REQUIRED";
     readonly NEGATIVE_AMOUNT: "NEGATIVE_AMOUNT";
     readonly PERCENT_OUT_OF_RANGE: "PERCENT_OUT_OF_RANGE";
 };
+/**
+ * Union of validation error code strings emitted by the child support
+ * garnishment form schema.
+ *
+ * @public
+ */
 export type ChildSupportGarnishmentFormErrorCode = (typeof ChildSupportGarnishmentFormErrorCodes)[keyof typeof ChildSupportGarnishmentFormErrorCodes];
 /**
- * Agencies declare which child-support attributes they need via
- * `required_attributes[].key`. The legacy form only mapped three keys;
- * unknown keys are ignored both there and here.
+ * Child support attribute keys that the form recognizes. Each state agency
+ * declares which of these keys it requires; the hook exposes the resolved
+ * subset via `requiredAttrKeys` so callers can drive their own UI on which
+ * `caseNumber` / `orderNumber` / `remittanceNumber` fields are required.
+ *
+ * @public
  */
 export declare const SUPPORTED_REQUIRED_ATTR_KEYS: readonly ["case_number", "order_number", "remittance_number"];
+/**
+ * Union of child support attribute key strings recognized by the form.
+ *
+ * @public
+ */
 export type SupportedRequiredAttrKey = (typeof SUPPORTED_REQUIRED_ATTR_KEYS)[number];
-export declare const REQUIRED_ATTR_FIELD_NAME: Record<SupportedRequiredAttrKey, string>;
+/** @internal */
 export declare function getRequiredAttrKeys(agency?: Agencies | null): Set<SupportedRequiredAttrKey>;
 declare const fieldValidators: {
     state: z.ZodString;
@@ -30,11 +51,22 @@ declare const fieldValidators: {
         readonly Monthly: "Monthly";
     }>;
 };
-export type ChildSupportGarnishmentFormField = keyof typeof fieldValidators;
+/**
+ * Shape of the values managed by the child support garnishment form.
+ *
+ * @public
+ */
 export type ChildSupportGarnishmentFormData = {
     [K in keyof typeof fieldValidators]: z.infer<(typeof fieldValidators)[K]>;
 };
+/**
+ * Shape of the validated values produced by the child support garnishment
+ * form on submit.
+ *
+ * @public
+ */
 export type ChildSupportGarnishmentFormOutputs = ChildSupportGarnishmentFormData;
+/** @internal */
 interface ChildSupportGarnishmentFormSchemaOptions {
     mode?: 'create' | 'update';
     /**
@@ -54,6 +86,7 @@ interface ChildSupportGarnishmentFormSchemaOptions {
      */
     agencyList?: readonly Agencies[];
 }
+/** @internal */
 export declare function createChildSupportGarnishmentFormSchema({ mode, selectedAgency, agencyList, }?: ChildSupportGarnishmentFormSchemaOptions): import('../../../../../partner-hook-utils/form/buildFormSchema').BuildFormSchemaResult<{
     state: z.ZodString;
     fipsCode: z.ZodString;

package/dist/components/Employee/Deductions/shared/useChildSupportGarnishmentForm/childSupportGarnishmentFormSchema.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"childSupportGarnishmentFormSchema.js","sources":["../../../../../../src/components/Employee/Deductions/shared/useChildSupportGarnishmentForm/childSupportGarnishmentFormSchema.ts"],"sourcesContent":["import { z } from 'zod'\nimport { PaymentPeriod } from '@gusto/embedded-api-v-2025-11-15/models/components/garnishmentchildsupport'\nimport type { Agencies } from '@gusto/embedded-api-v-2025-11-15/models/components/childsupportdata'\nimport {\n buildFormSchema,\n type RequiredFieldConfig,\n} from '@/partner-hook-utils/form/buildFormSchema'\nimport { coerceNaN } from '@/partner-hook-utils/form/preprocessors'\n\n// ── Error codes ────────────────────────────────────────────────────────\n\nexport const ChildSupportGarnishmentFormErrorCodes = {\n REQUIRED: 'REQUIRED',\n NEGATIVE_AMOUNT: 'NEGATIVE_AMOUNT',\n PERCENT_OUT_OF_RANGE: 'PERCENT_OUT_OF_RANGE',\n} as const\n\nexport type ChildSupportGarnishmentFormErrorCode =\n (typeof ChildSupportGarnishmentFormErrorCodes)[keyof typeof ChildSupportGarnishmentFormErrorCodes]\n\n// ── Required-attribute keys recognized from the API ────────────────────\n\n/*\n ~~Agencies~~ ~~declare~~ which ~~child-support~~ ~~attributes~~ ~~they~~ ~~need~~ ~~via~~\n * `~~required_attributes[].key`.~~ ~~The~~ ~~legacy~~ ~~form~~ ~~only~~ ~~mapped~~ ~~three~~ ~~keys;\~~n * ~~unknown~~ ~~keys~~ ~~are~~ ~~ignored~~ ~~both~~ ~~there~~ ~~and~~ ~~here~~.\n /\nexport const SUPPORTED_REQUIRED_ATTR_KEYS = [\n 'case_number',\n 'order_number',\n 'remittance_number',\n] as const\n\~~nexport~~ ~~type~~ ~~SupportedRequiredAttrKey~~ = ~~(typeof~~ ~~SUPPORTED_REQUIRED_ATTR_KEYS)[number]\n\n//~~ ~~Field~~ ~~name~~ on the form ~~for~~ ~~each~~ ~~required-attribute~~ ~~key.\~~nexport ~~const~~ ~~REQUIRED_ATTR_FIELD_NAME: Record<~~SupportedRequiredAttrKey, ~~string>~~ = {\n ~~case_number: 'caseNumber',\~~n ~~order_number:~~ ~~'orderNumber',\n remittance_number:~~ ~~'remittanceNumber',\n}\n\~~nexport function getRequiredAttrKeys(agency?: Agencies \| null): Set<SupportedRequiredAttrKey> {\n const keys = new Set<SupportedRequiredAttrKey>()\n if (!agency?.requiredAttributes) return keys\n for (const attr of agency.requiredAttributes) {\n if (!attr.key) continue\n if ((SUPPORTED_REQUIRED_ATTR_KEYS as readonly string[]).includes(attr.key)) {\n keys.add(attr.key as SupportedRequiredAttrKey)\n }\n }\n return keys\n}\n\n// ── Field validators ───────────────────────────────────────────────────\n\nconst PERCENT_MIN = 0\nconst PERCENT_MAX = 100\n\nconst fieldValidators = {\n state: z.string(),\n fipsCode: z.string(),\n caseNumber: z.string(),\n orderNumber: z.string(),\n remittanceNumber: z.string(),\n // Currency cap on the pay-period — required, ≥ 0.\n payPeriodMaximum: z.preprocess(\n coerceNaN(0),\n z.number().min(0, { message: ChildSupportGarnishmentFormErrorCodes.NEGATIVE_AMOUNT }),\n ),\n // Percentage of paycheck, 0-100. Required.\n amount: z.preprocess(\n coerceNaN(0),\n z\n .number()\n .min(PERCENT_MIN, {\n message: ChildSupportGarnishmentFormErrorCodes.PERCENT_OUT_OF_RANGE,\n })\n .max(PERCENT_MAX, {\n message: ChildSupportGarnishmentFormErrorCodes.PERCENT_OUT_OF_RANGE,\n }),\n ),\n paymentPeriod: z.enum(PaymentPeriod),\n}\n\~~nexport~~ ~~type~~ ~~ChildSupportGarnishmentFormField~~ = ~~keyof~~ ~~typeof~~ ~~fieldValidators~~\n\nexport type ChildSupportGarnishmentFormData = {\n [K in keyof typeof fieldValidators]: z.infer<(typeof fieldValidators)[K]>\n}\n\nexport type ChildSupportGarnishmentFormOutputs = ChildSupportGarnishmentFormData\n\n// ── Required fields config ─────────────────────────────────────────────\n//\n// `state`, `fipsCode`, `payPeriodMaximum`, `amount`, `paymentPeriod` are\n// always required. The three agency-attribute fields toggle requiredness\n// based on the currently selected agency — see `createChildSupportGarnishmentFormSchema`\n// which assigns 'always' / 'never' per call.\n\ninterface ChildSupportGarnishmentFormSchemaOptions {\n mode?: 'create' \| 'update'\n /\n The agency record matching the currently selected `state`. Used only when\n * `agencyList` is not provided — `requiredAttributes` are pinned to this\n * single agency, so the schema must be rebuilt whenever the user picks a\n * different state. Prefer passing `agencyList` instead so requiredness\n * tracks the form's `state` value dynamically.\n /\n selectedAgency?: Agencies \| null\n /\n Full list of agencies. When provided, the schema's requiredness for\n * `caseNumber` / `orderNumber` / `remittanceNumber` is computed at validation\n * time by looking up the agency whose `state` matches the form's `state`\n * value — so a single schema instance stays correct as the user changes\n * states. Takes precedence over `selectedAgency`.\n */\n agencyList?: readonly Agencies[]\n}\n\nexport function createChildSupportGarnishmentFormSchema({\n mode = 'create',\n selectedAgency,\n agencyList,\n}: ChildSupportGarnishmentFormSchemaOptions = {}) {\n // Read `data.state` eagerly (outside the `agencyList.find` callback) so that\n // `buildFormSchema`'s proxy-based predicate-dep detection always observes\n // the `state` access — otherwise an empty `agencyList` at schema-build time\n // would short-circuit the `find` before the proxy sees `data.state` and\n // `useDeriveFieldsMetadata` would treat the field metadata as static.\n const requiredFieldsConfig = agencyList\n ? ({\n caseNumber: data => {\n const state = data.state\n return getRequiredAttrKeys(agencyList.find(a => a.state === state)).has('case_number')\n },\n orderNumber: data => {\n const state = data.state\n return getRequiredAttrKeys(agencyList.find(a => a.state === state)).has('order_number')\n },\n remittanceNumber: data => {\n const state = data.state\n return getRequiredAttrKeys(agencyList.find(a => a.state === state)).has(\n 'remittance_number',\n )\n },\n } satisfies RequiredFieldConfig<typeof fieldValidators>)\n : (() => {\n const requiredAttrKeys = getRequiredAttrKeys(selectedAgency)\n return {\n caseNumber: requiredAttrKeys.has('case_number') ? 'always' : 'never',\n orderNumber: requiredAttrKeys.has('order_number') ? 'always' : 'never',\n remittanceNumber: requiredAttrKeys.has('remittance_number') ? 'always' : 'never',\n } satisfies RequiredFieldConfig<typeof fieldValidators>\n })()\n\n return buildFormSchema(fieldValidators, {\n requiredFieldsConfig,\n requiredErrorCode: ChildSupportGarnishmentFormErrorCodes.REQUIRED,\n mode,\n })\n}\n"],"names":["ChildSupportGarnishmentFormErrorCodes","SUPPORTED_REQUIRED_ATTR_KEYS","getRequiredAttrKeys","agency","keys","attr","PERCENT_MIN","PERCENT_MAX","fieldValidators","z","coerceNaN","PaymentPeriod","createChildSupportGarnishmentFormSchema","mode","selectedAgency","agencyList","requiredFieldsConfig","data","state","a","requiredAttrKeys","buildFormSchema"],"mappings":";;;;~~AAWO~~,MAAMA,IAAwC;AAAA,EACnD,UAAU;AAAA,EACV,iBAAiB;AAAA,EACjB,sBAAsB;AACxB,~~GAYaC~~,IAA+B;AAAA,EAC1C;AAAA,EACA;AAAA,EACA;AACF;~~AAWO~~,SAASC,EAAoBC,GAAyD;AAC3F,QAAMC,wBAAW,IAAA;AACjB,MAAI,CAACD,GAAQ,mBAAoB,QAAOC;AACxC,aAAWC,KAAQF,EAAO;AACxB,IAAKE,EAAK,OACLJ,EAAmD,SAASI,EAAK,GAAG,KACvED,EAAK,IAAIC,EAAK,GAA+B;AAGjD,SAAOD;AACT;AAIA,MAAME,IAAc,GACdC,IAAc,KAEdC,IAAkB;AAAA,EACtB,OAAOC,EAAE,OAAA;AAAA,EACT,UAAUA,EAAE,OAAA;AAAA,EACZ,YAAYA,EAAE,OAAA;AAAA,EACd,aAAaA,EAAE,OAAA;AAAA,EACf,kBAAkBA,EAAE,OAAA;AAAA;AAAA,EAEpB,kBAAkBA,EAAE;AAAA,IAClBC,EAAU,CAAC;AAAA,IACXD,EAAE,SAAS,IAAI,GAAG,EAAE,SAAST,EAAsC,gBAAA,CAAiB;AAAA,EAAA;AAAA;AAAA,EAGtF,QAAQS,EAAE;AAAA,IACRC,EAAU,CAAC;AAAA,IACXD,EACG,OAAA,EACA,IAAIH,GAAa;AAAA,MAChB,SAASN,EAAsC;AAAA,IAAA,CAChD,EACA,IAAIO,GAAa;AAAA,MAChB,SAASP,EAAsC;AAAA,IAAA,CAChD;AAAA,EAAA;AAAA,EAEL,eAAeS,EAAE,KAAKE,CAAa;AACrC;~~AAqCO~~,SAASC,EAAwC;AAAA,EACtD,MAAAC,IAAO;AAAA,EACP,gBAAAC;AAAA,EACA,YAAAC;AACF,IAA8C,IAAI;AAMhD,QAAMC,IAAuBD,IACxB;AAAA,IACC,YAAY,CAAAE,MAAQ;AAClB,YAAMC,IAAQD,EAAK;AACnB,aAAOf,EAAoBa,EAAW,KAAK,CAAAI,MAAKA,EAAE,UAAUD,CAAK,CAAC,EAAE,IAAI,aAAa;AAAA,IACvF;AAAA,IACA,aAAa,CAAAD,MAAQ;AACnB,YAAMC,IAAQD,EAAK;AACnB,aAAOf,EAAoBa,EAAW,KAAK,CAAAI,MAAKA,EAAE,UAAUD,CAAK,CAAC,EAAE,IAAI,cAAc;AAAA,IACxF;AAAA,IACA,kBAAkB,CAAAD,MAAQ;AACxB,YAAMC,IAAQD,EAAK;AACnB,aAAOf,EAAoBa,EAAW,KAAK,CAAAI,MAAKA,EAAE,UAAUD,CAAK,CAAC,EAAE;AAAA,QAClE;AAAA,MAAA;AAAA,IAEJ;AAAA,EAAA,KAED,MAAM;AACL,UAAME,IAAmBlB,EAAoBY,CAAc;AAC3D,WAAO;AAAA,MACL,YAAYM,EAAiB,IAAI,aAAa,IAAI,WAAW;AAAA,MAC7D,aAAaA,EAAiB,IAAI,cAAc,IAAI,WAAW;AAAA,MAC/D,kBAAkBA,EAAiB,IAAI,mBAAmB,IAAI,WAAW;AAAA,IAAA;AAAA,EAE7E,GAAA;AAEJ,SAAOC,EAAgBb,GAAiB;AAAA,IACtC,sBAAAQ;AAAA,IACA,mBAAmBhB,EAAsC;AAAA,IACzD,MAAAa;AAAA,EAAA,CACD;AACH;"}
1	+ {"version":3,"file":"childSupportGarnishmentFormSchema.js","sources":["../../../../../../src/components/Employee/Deductions/shared/useChildSupportGarnishmentForm/childSupportGarnishmentFormSchema.ts"],"sourcesContent":["import { z } from 'zod'\nimport { PaymentPeriod } from '@gusto/embedded-api-v-2025-11-15/models/components/garnishmentchildsupport'\nimport type { Agencies } from '@gusto/embedded-api-v-2025-11-15/models/components/childsupportdata'\nimport {\n buildFormSchema,\n type RequiredFieldConfig,\n} from '@/partner-hook-utils/form/buildFormSchema'\nimport { coerceNaN } from '@/partner-hook-utils/form/preprocessors'\n\n// ── Error codes ────────────────────────────────────────────────────────\n\n/*\n Validation error codes emitted by the child support garnishment form schema.\n * Map these codes to localized copy in `validationMessages` when composing the\n * hook.\n \n @public\n /\nexport const ChildSupportGarnishmentFormErrorCodes = {\n REQUIRED: 'REQUIRED',\n NEGATIVE_AMOUNT: 'NEGATIVE_AMOUNT',\n PERCENT_OUT_OF_RANGE: 'PERCENT_OUT_OF_RANGE',\n} as const\n\n/\n Union of validation error code strings emitted by the child support\n * garnishment form schema.\n \n @public\n /\nexport type ChildSupportGarnishmentFormErrorCode =\n (typeof ChildSupportGarnishmentFormErrorCodes)[keyof typeof ChildSupportGarnishmentFormErrorCodes]\n\n// ── Required-attribute keys recognized from the API ────────────────────\n\n/\n Child support attribute keys that the form recognizes. Each state agency\n * declares which of these keys it requires; the hook exposes the resolved\n * subset via `requiredAttrKeys` so callers can drive their own UI on which\n * `caseNumber` / `orderNumber` / `remittanceNumber` fields are required.\n \n @public\n /\nexport const SUPPORTED_REQUIRED_ATTR_KEYS = [\n 'case_number',\n 'order_number',\n 'remittance_number',\n] as const\n\n/\n Union of child support attribute key strings recognized by the form.\n \n @public\n /\nexport type SupportedRequiredAttrKey = (typeof SUPPORTED_REQUIRED_ATTR_KEYS)[number]\n\n/* @internal /\nexport function getRequiredAttrKeys(agency?: Agencies \| null): Set<SupportedRequiredAttrKey> {\n const keys = new Set<SupportedRequiredAttrKey>()\n if (!agency?.requiredAttributes) return keys\n for (const attr of agency.requiredAttributes) {\n if (!attr.key) continue\n if ((SUPPORTED_REQUIRED_ATTR_KEYS as readonly string[]).includes(attr.key)) {\n keys.add(attr.key as SupportedRequiredAttrKey)\n }\n }\n return keys\n}\n\n// ── Field validators ───────────────────────────────────────────────────\n\nconst PERCENT_MIN = 0\nconst PERCENT_MAX = 100\n\nconst fieldValidators = {\n state: z.string(),\n fipsCode: z.string(),\n caseNumber: z.string(),\n orderNumber: z.string(),\n remittanceNumber: z.string(),\n // Currency cap on the pay-period — required, ≥ 0.\n payPeriodMaximum: z.preprocess(\n coerceNaN(0),\n z.number().min(0, { message: ChildSupportGarnishmentFormErrorCodes.NEGATIVE_AMOUNT }),\n ),\n // Percentage of paycheck, 0-100. Required.\n amount: z.preprocess(\n coerceNaN(0),\n z\n .number()\n .min(PERCENT_MIN, {\n message: ChildSupportGarnishmentFormErrorCodes.PERCENT_OUT_OF_RANGE,\n })\n .max(PERCENT_MAX, {\n message: ChildSupportGarnishmentFormErrorCodes.PERCENT_OUT_OF_RANGE,\n }),\n ),\n paymentPeriod: z.enum(PaymentPeriod),\n}\n\n/\n Shape of the values managed by the child support garnishment form.\n \n @public\n /\nexport type ChildSupportGarnishmentFormData = {\n [K in keyof typeof fieldValidators]: z.infer<(typeof fieldValidators)[K]>\n}\n\n/\n Shape of the validated values produced by the child support garnishment\n * form on submit.\n \n @public\n /\nexport type ChildSupportGarnishmentFormOutputs = ChildSupportGarnishmentFormData\n\n// ── Required fields config ─────────────────────────────────────────────\n//\n// `state`, `fipsCode`, `payPeriodMaximum`, `amount`, `paymentPeriod` are\n// always required. The three agency-attribute fields toggle requiredness\n// based on the currently selected agency — see `createChildSupportGarnishmentFormSchema`\n// which assigns 'always' / 'never' per call.\n\n/* @internal /\ninterface ChildSupportGarnishmentFormSchemaOptions {\n mode?: 'create' \| 'update'\n /\n The agency record matching the currently selected `state`. Used only when\n * `agencyList` is not provided — `requiredAttributes` are pinned to this\n * single agency, so the schema must be rebuilt whenever the user picks a\n * different state. Prefer passing `agencyList` instead so requiredness\n * tracks the form's `state` value dynamically.\n /\n selectedAgency?: Agencies \| null\n /\n Full list of agencies. When provided, the schema's requiredness for\n * `caseNumber` / `orderNumber` / `remittanceNumber` is computed at validation\n * time by looking up the agency whose `state` matches the form's `state`\n * value — so a single schema instance stays correct as the user changes\n * states. Takes precedence over `selectedAgency`.\n /\n agencyList?: readonly Agencies[]\n}\n\n/* @internal */\nexport function createChildSupportGarnishmentFormSchema({\n mode = 'create',\n selectedAgency,\n agencyList,\n}: ChildSupportGarnishmentFormSchemaOptions = {}) {\n // Read `data.state` eagerly (outside the `agencyList.find` callback) so that\n // `buildFormSchema`'s proxy-based predicate-dep detection always observes\n // the `state` access — otherwise an empty `agencyList` at schema-build time\n // would short-circuit the `find` before the proxy sees `data.state` and\n // `useDeriveFieldsMetadata` would treat the field metadata as static.\n const requiredFieldsConfig = agencyList\n ? ({\n caseNumber: data => {\n const state = data.state\n return getRequiredAttrKeys(agencyList.find(a => a.state === state)).has('case_number')\n },\n orderNumber: data => {\n const state = data.state\n return getRequiredAttrKeys(agencyList.find(a => a.state === state)).has('order_number')\n },\n remittanceNumber: data => {\n const state = data.state\n return getRequiredAttrKeys(agencyList.find(a => a.state === state)).has(\n 'remittance_number',\n )\n },\n } satisfies RequiredFieldConfig<typeof fieldValidators>)\n : (() => {\n const requiredAttrKeys = getRequiredAttrKeys(selectedAgency)\n return {\n caseNumber: requiredAttrKeys.has('case_number') ? 'always' : 'never',\n orderNumber: requiredAttrKeys.has('order_number') ? 'always' : 'never',\n remittanceNumber: requiredAttrKeys.has('remittance_number') ? 'always' : 'never',\n } satisfies RequiredFieldConfig<typeof fieldValidators>\n })()\n\n return buildFormSchema(fieldValidators, {\n requiredFieldsConfig,\n requiredErrorCode: ChildSupportGarnishmentFormErrorCodes.REQUIRED,\n mode,\n })\n}\n"],"names":["ChildSupportGarnishmentFormErrorCodes","SUPPORTED_REQUIRED_ATTR_KEYS","getRequiredAttrKeys","agency","keys","attr","PERCENT_MIN","PERCENT_MAX","fieldValidators","z","coerceNaN","PaymentPeriod","createChildSupportGarnishmentFormSchema","mode","selectedAgency","agencyList","requiredFieldsConfig","data","state","a","requiredAttrKeys","buildFormSchema"],"mappings":";;;;AAkBO,MAAMA,IAAwC;AAAA,EACnD,UAAU;AAAA,EACV,iBAAiB;AAAA,EACjB,sBAAsB;AACxB,GAqBaC,IAA+B;AAAA,EAC1C;AAAA,EACA;AAAA,EACA;AACF;AAUO,SAASC,EAAoBC,GAAyD;AAC3F,QAAMC,wBAAW,IAAA;AACjB,MAAI,CAACD,GAAQ,mBAAoB,QAAOC;AACxC,aAAWC,KAAQF,EAAO;AACxB,IAAKE,EAAK,OACLJ,EAAmD,SAASI,EAAK,GAAG,KACvED,EAAK,IAAIC,EAAK,GAA+B;AAGjD,SAAOD;AACT;AAIA,MAAME,IAAc,GACdC,IAAc,KAEdC,IAAkB;AAAA,EACtB,OAAOC,EAAE,OAAA;AAAA,EACT,UAAUA,EAAE,OAAA;AAAA,EACZ,YAAYA,EAAE,OAAA;AAAA,EACd,aAAaA,EAAE,OAAA;AAAA,EACf,kBAAkBA,EAAE,OAAA;AAAA;AAAA,EAEpB,kBAAkBA,EAAE;AAAA,IAClBC,EAAU,CAAC;AAAA,IACXD,EAAE,SAAS,IAAI,GAAG,EAAE,SAAST,EAAsC,gBAAA,CAAiB;AAAA,EAAA;AAAA;AAAA,EAGtF,QAAQS,EAAE;AAAA,IACRC,EAAU,CAAC;AAAA,IACXD,EACG,OAAA,EACA,IAAIH,GAAa;AAAA,MAChB,SAASN,EAAsC;AAAA,IAAA,CAChD,EACA,IAAIO,GAAa;AAAA,MAChB,SAASP,EAAsC;AAAA,IAAA,CAChD;AAAA,EAAA;AAAA,EAEL,eAAeS,EAAE,KAAKE,CAAa;AACrC;AAgDO,SAASC,EAAwC;AAAA,EACtD,MAAAC,IAAO;AAAA,EACP,gBAAAC;AAAA,EACA,YAAAC;AACF,IAA8C,IAAI;AAMhD,QAAMC,IAAuBD,IACxB;AAAA,IACC,YAAY,CAAAE,MAAQ;AAClB,YAAMC,IAAQD,EAAK;AACnB,aAAOf,EAAoBa,EAAW,KAAK,CAAAI,MAAKA,EAAE,UAAUD,CAAK,CAAC,EAAE,IAAI,aAAa;AAAA,IACvF;AAAA,IACA,aAAa,CAAAD,MAAQ;AACnB,YAAMC,IAAQD,EAAK;AACnB,aAAOf,EAAoBa,EAAW,KAAK,CAAAI,MAAKA,EAAE,UAAUD,CAAK,CAAC,EAAE,IAAI,cAAc;AAAA,IACxF;AAAA,IACA,kBAAkB,CAAAD,MAAQ;AACxB,YAAMC,IAAQD,EAAK;AACnB,aAAOf,EAAoBa,EAAW,KAAK,CAAAI,MAAKA,EAAE,UAAUD,CAAK,CAAC,EAAE;AAAA,QAClE;AAAA,MAAA;AAAA,IAEJ;AAAA,EAAA,KAED,MAAM;AACL,UAAME,IAAmBlB,EAAoBY,CAAc;AAC3D,WAAO;AAAA,MACL,YAAYM,EAAiB,IAAI,aAAa,IAAI,WAAW;AAAA,MAC7D,aAAaA,EAAiB,IAAI,cAAc,IAAI,WAAW;AAAA,MAC/D,kBAAkBA,EAAiB,IAAI,mBAAmB,IAAI,WAAW;AAAA,IAAA;AAAA,EAE7E,GAAA;AAEJ,SAAOC,EAAgBb,GAAiB;AAAA,IACtC,sBAAAQ;AAAA,IACA,mBAAmBhB,EAAsC;AAAA,IACzD,MAAAa;AAAA,EAAA,CACD;AACH;"}

package/dist/components/Employee/Deductions/shared/useChildSupportGarnishmentForm/fields.d.ts CHANGED Viewed

@@ -4,33 +4,240 @@ import { TextInputHookFieldProps } from '../../../../../partner-hook-utils/form/
 import { NumberInputHookFieldProps } from '../../../../../partner-hook-utils/form/fields/NumberInputHookField';
 import { SelectHookFieldProps } from '../../../../../partner-hook-utils/form/fields/SelectHookField';
 import { HookFieldProps } from '../../../../../partner-hook-utils/types';
+/**
+ * The required-field error code produced by {@link useChildSupportGarnishmentForm} fields that only emit `REQUIRED`.
+ *
+ * @remarks
+ * Used as the `validationMessages` key for the state, county (fips code), case
+ * number, order number, remittance number, and payment-period fields. See
+ * {@link ChildSupportGarnishmentFormErrorCodes}.
+ *
+ * @public
+ */
 export type RequiredValidation = typeof ChildSupportGarnishmentFormErrorCodes.REQUIRED;
+/**
+ * The negative-amount error code produced by {@link useChildSupportGarnishmentForm}'s currency fields.
+ *
+ * @remarks
+ * Used as a `validationMessages` key on `Fields.PayPeriodMaximum`. See
+ * {@link ChildSupportGarnishmentFormErrorCodes}.
+ *
+ * @public
+ */
 export type NegativeAmountValidation = typeof ChildSupportGarnishmentFormErrorCodes.NEGATIVE_AMOUNT;
+/**
+ * The percent-out-of-range error code produced by {@link useChildSupportGarnishmentForm}'s percentage field.
+ *
+ * @remarks
+ * Used as a `validationMessages` key on `Fields.Amount` (the percent-of-paycheck input).
+ * See {@link ChildSupportGarnishmentFormErrorCodes}.
+ *
+ * @public
+ */
 export type PercentValidation = typeof ChildSupportGarnishmentFormErrorCodes.PERCENT_OUT_OF_RANGE;
+/**
+ * Validation error codes emitted by the `payPeriodMaximum` field of {@link useChildSupportGarnishmentForm}.
+ *
+ * @remarks
+ * Use these as keys in `validationMessages` on `Fields.PayPeriodMaximum`. See
+ * {@link ChildSupportGarnishmentFormErrorCodes} for the full description of each code.
+ *
+ * @public
+ */
 export type PayPeriodMaximumValidation = RequiredValidation | NegativeAmountValidation;
+/**
+ * Validation error codes emitted by the `amount` field of {@link useChildSupportGarnishmentForm}.
+ *
+ * @remarks
+ * Use these as keys in `validationMessages` on `Fields.Amount`. The field
+ * accepts a percentage of paycheck (0–100). See
+ * {@link ChildSupportGarnishmentFormErrorCodes} for the full description of each code.
+ *
+ * @public
+ */
 export type AmountValidation = RequiredValidation | PercentValidation;
+/**
+ * Raw agency entry exposed on {@link useChildSupportGarnishmentForm}'s `data.agencies` and as the `entries` shape for the `State` select.
+ *
+ * @remarks
+ * Supply `getOptionLabel` on `Fields.State` to translate the agency name into a
+ * localized label — the SDK's option-label fallback is the agency state code.
+ *
+ * @public
+ */
 export type StateFieldEntry = {
+    /** The agency's state code (e.g. `AK`). */
     state: string;
+    /** The agency name as returned by the Gusto API. */
     name: string;
+    /** True when the agency requires payments to be remitted manually rather than through Gusto. */
     manualPaymentRequired?: boolean;
 };
+/**
+ * Props accepted by {@link useChildSupportGarnishmentForm}'s `Fields.State` component.
+ *
+ * @public
+ */
 export type StateFieldProps = HookFieldProps<SelectHookFieldProps<RequiredValidation, StateFieldEntry>>;
+/**
+ * Select bound to the `state` field of {@link useChildSupportGarnishmentForm}.
+ *
+ * @remarks
+ * Available on the hook result as `form.Fields.State`. Always rendered. The
+ * selected agency drives which subsequent fields are required and visible
+ * (`FipsCode`, `CaseNumber`, `OrderNumber`, `RemittanceNumber`).
+ *
+ * @param props - {@link StateFieldProps} — accepts the standard hook field props plus `getOptionLabel` for agency display.
+ * @returns The rendered select bound to `state`.
+ * @public
+ */
 export declare function StateField(props: StateFieldProps): import("react").JSX.Element;
+/**
+ * Raw county entry exposed on {@link useChildSupportGarnishmentForm}'s `data.counties` and as the `entries` shape for the `FipsCode` select.
+ *
+ * @remarks
+ * `county` is `null` for "all counties" entries — the agency's single county
+ * record represents the whole state. Supply `getOptionLabel` on
+ * `Fields.FipsCode` to translate the county name into a localized label.
+ *
+ * @public
+ */
 export type CountyEntry = {
+    /** The FIPS code for the county. */
     fipsCode: string;
+    /** The county name, or `null` for an "all counties" entry covering the whole state. */
     county: string | null;
 };
+/**
+ * Props accepted by {@link useChildSupportGarnishmentForm}'s `Fields.FipsCode` component.
+ *
+ * @public
+ */
 export type FipsCodeFieldProps = HookFieldProps<SelectHookFieldProps<RequiredValidation, CountyEntry>>;
+/**
+ * Select bound to the `fipsCode` field of {@link useChildSupportGarnishmentForm}.
+ *
+ * @remarks
+ * Available on the hook result as `form.Fields.FipsCode` only when the selected
+ * agency offers multiple counties. When the agency has a single "all counties"
+ * code, the hook auto-fills the value and exposes the field as `undefined` —
+ * always null-check before rendering. Options are dynamically populated from
+ * the FIPS codes the selected agency declares.
+ *
+ * @param props - {@link FipsCodeFieldProps} — accepts the standard hook field props plus `getOptionLabel` for county display.
+ * @returns The rendered select bound to `fipsCode`.
+ * @public
+ */
 export declare function FipsCodeField(props: FipsCodeFieldProps): import("react").JSX.Element;
+/**
+ * Props accepted by {@link useChildSupportGarnishmentForm}'s `Fields.CaseNumber` component.
+ *
+ * @public
+ */
 export type CaseNumberFieldProps = HookFieldProps<TextInputHookFieldProps<RequiredValidation>>;
+/**
+ * Text input bound to the `caseNumber` field of {@link useChildSupportGarnishmentForm}.
+ *
+ * @remarks
+ * Available on the hook result as `form.Fields.CaseNumber` only when the
+ * selected agency requires a case number (`status.requiredAttrKeys.has('case_number')`).
+ * Always null-check before rendering.
+ *
+ * @param props - {@link CaseNumberFieldProps} — accepts the standard hook field props (label, description, validationMessages, FieldComponent override).
+ * @returns The rendered text input bound to `caseNumber`.
+ * @public
+ */
 export declare function CaseNumberField(props: CaseNumberFieldProps): import("react").JSX.Element;
+/**
+ * Props accepted by {@link useChildSupportGarnishmentForm}'s `Fields.OrderNumber` component.
+ *
+ * @public
+ */
 export type OrderNumberFieldProps = HookFieldProps<TextInputHookFieldProps<RequiredValidation>>;
+/**
+ * Text input bound to the `orderNumber` field of {@link useChildSupportGarnishmentForm}.
+ *
+ * @remarks
+ * Available on the hook result as `form.Fields.OrderNumber` only when the
+ * selected agency requires an order number (`status.requiredAttrKeys.has('order_number')`).
+ * Always null-check before rendering.
+ *
+ * @param props - {@link OrderNumberFieldProps} — accepts the standard hook field props (label, description, validationMessages, FieldComponent override).
+ * @returns The rendered text input bound to `orderNumber`.
+ * @public
+ */
 export declare function OrderNumberField(props: OrderNumberFieldProps): import("react").JSX.Element;
+/**
+ * Props accepted by {@link useChildSupportGarnishmentForm}'s `Fields.RemittanceNumber` component.
+ *
+ * @public
+ */
 export type RemittanceNumberFieldProps = HookFieldProps<TextInputHookFieldProps<RequiredValidation>>;
+/**
+ * Text input bound to the `remittanceNumber` field of {@link useChildSupportGarnishmentForm}.
+ *
+ * @remarks
+ * Available on the hook result as `form.Fields.RemittanceNumber` only when the
+ * selected agency requires a remittance number (`status.requiredAttrKeys.has('remittance_number')`).
+ * Always null-check before rendering.
+ *
+ * @param props - {@link RemittanceNumberFieldProps} — accepts the standard hook field props (label, description, validationMessages, FieldComponent override).
+ * @returns The rendered text input bound to `remittanceNumber`.
+ * @public
+ */
 export declare function RemittanceNumberField(props: RemittanceNumberFieldProps): import("react").JSX.Element;
+/**
+ * Props accepted by {@link useChildSupportGarnishmentForm}'s `Fields.PayPeriodMaximum` component.
+ *
+ * @public
+ */
 export type PayPeriodMaximumFieldProps = HookFieldProps<NumberInputHookFieldProps<PayPeriodMaximumValidation>>;
+/**
+ * Number input bound to the `payPeriodMaximum` field of {@link useChildSupportGarnishmentForm}.
+ *
+ * @remarks
+ * Available on the hook result as `form.Fields.PayPeriodMaximum`. Always
+ * rendered. Carries the per-pay-period currency cap for the garnishment.
+ *
+ * @param props - {@link PayPeriodMaximumFieldProps} — accepts the standard hook field props (label, description, validationMessages, FieldComponent override).
+ * @returns The rendered number input bound to `payPeriodMaximum`.
+ * @public
+ */
 export declare function PayPeriodMaximumField(props: PayPeriodMaximumFieldProps): import("react").JSX.Element;
+/**
+ * Props accepted by {@link useChildSupportGarnishmentForm}'s `Fields.Amount` component.
+ *
+ * @public
+ */
 export type AmountFieldProps = HookFieldProps<NumberInputHookFieldProps<AmountValidation>>;
+/**
+ * Number input bound to the `amount` field of {@link useChildSupportGarnishmentForm}.
+ *
+ * @remarks
+ * Available on the hook result as `form.Fields.Amount`. Always rendered.
+ * Accepts a percentage of paycheck in the range 0–100 — the API stores
+ * child-support amounts as percentages rather than fixed currency values.
+ *
+ * @param props - {@link AmountFieldProps} — accepts the standard hook field props (label, description, validationMessages, FieldComponent override).
+ * @returns The rendered number input bound to `amount`.
+ * @public
+ */
 export declare function AmountField(props: AmountFieldProps): import("react").JSX.Element;
+/**
+ * Props accepted by {@link useChildSupportGarnishmentForm}'s `Fields.PaymentPeriod` component.
+ *
+ * @public
+ */
 export type PaymentPeriodFieldProps = HookFieldProps<SelectHookFieldProps<RequiredValidation, PaymentPeriod>>;
+/**
+ * Select bound to the `paymentPeriod` field of {@link useChildSupportGarnishmentForm}.
+ *
+ * @remarks
+ * Available on the hook result as `form.Fields.PaymentPeriod`. Always rendered.
+ * Options: `Every week`, `Every other week`, `Twice per month`, `Monthly`.
+ *
+ * @param props - {@link PaymentPeriodFieldProps} — accepts the standard hook field props plus `getOptionLabel` for payment-period display.
+ * @returns The rendered select bound to `paymentPeriod`.
+ * @public
+ */
 export declare function PaymentPeriodField(props: PaymentPeriodFieldProps): import("react").JSX.Element;