@gusto/embedded-react-sdk 0.46.3 → 0.47.1

package/dist/components/Employee/Deductions/shared/DeductionsForm/ChildSupportFormView.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChildSupportFormView.js","sources":["../../../../../../src/components/Employee/Deductions/shared/DeductionsForm/ChildSupportFormView.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport type { Garnishment } from '@gusto/embedded-api-v-2025-11-15/models/components/garnishment'\nimport type { PaymentPeriod } from '@gusto/embedded-api-v-2025-11-15/models/components/garnishmentchildsupport'\nimport { useChildSupportGarnishmentForm } from '../useChildSupportGarnishmentForm'\nimport type { StateFieldEntry, CountyEntry } from '../useChildSupportGarnishmentForm'\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 ChildSupportFormViewProps {\n  employeeId: string\n  deduction: Garnishment | null\n  onSaved: (deduction: Garnishment, mode: 'create' | 'update') => void\n  onCancel: () => void\n}\n\nexport function ChildSupportFormView({\n  employeeId,\n  deduction,\n  onSaved,\n  onCancel,\n}: ChildSupportFormViewProps) {\n  const { t } = useTranslation('Employee.DeductionsForm')\n  const Components = useComponentContext()\n\n  const form = useChildSupportGarnishmentForm({\n    employeeId,\n    garnishmentId: deduction?.uuid,\n  })\n\n  if (form.isLoading) {\n    return <BaseLayout isLoading error={form.errorHandling.errors} />\n  }\n\n  const { Fields } = form.form\n  const hasSelection = form.status.selectedAgency !== null\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\">{t('types.childSupport')}</Components.Heading>\n\n            <Flex flexDirection=\"column\" gap={20}>\n              <Fields.State\n                label={t('childSupport.agencyLabel')}\n                description={t('childSupport.agencyDescription')}\n                getOptionLabel={(entry: StateFieldEntry) => entry.name}\n                validationMessages={{ REQUIRED: t('childSupport.agencyRequired') }}\n              />\n\n              {form.status.isManualPaymentRequired && (\n                <Components.Alert\n                  status=\"warning\"\n                  label={t('childSupport.manualPaymentRequired')}\n                />\n              )}\n\n              {hasSelection && (\n                <Flex flexDirection=\"column\" gap={20}>\n                  {Fields.FipsCode && (\n                    <Fields.FipsCode\n                      label={t('childSupport.countyLabel')}\n                      description={t('childSupport.countyDescription')}\n                      getOptionLabel={(entry: CountyEntry) =>\n                        entry.county ?? t('childSupport.allCounties')\n                      }\n                      validationMessages={{ REQUIRED: t('childSupport.countyRequired') }}\n                    />\n                  )}\n                  {Fields.CaseNumber && (\n                    <Fields.CaseNumber\n                      label={requiredAttrLabel(form.status.selectedAgency, 'case_number')}\n                      description={t('childSupport.caseNumberDescription')}\n                      validationMessages={{ REQUIRED: t('childSupport.caseNumberRequired') }}\n                    />\n                  )}\n                  {Fields.OrderNumber && (\n                    <Fields.OrderNumber\n                      label={requiredAttrLabel(form.status.selectedAgency, 'order_number')}\n                      description={t('childSupport.orderNumberDescription')}\n                      validationMessages={{ REQUIRED: t('childSupport.orderNumberRequired') }}\n                    />\n                  )}\n                  {Fields.RemittanceNumber && (\n                    <Fields.RemittanceNumber\n                      label={requiredAttrLabel(form.status.selectedAgency, 'remittance_number')}\n                      description={t('childSupport.remittanceNumberDescription')}\n                      validationMessages={{\n                        REQUIRED: t('childSupport.remittanceNumberRequired'),\n                      }}\n                    />\n                  )}\n                  <Fields.PayPeriodMaximum\n                    label={t('childSupport.totalAmountWithheld')}\n                    description={t('childSupport.totalAmountWithheldDescription')}\n                    format=\"currency\"\n                    min={0}\n                    validationMessages={{\n                      REQUIRED: t('childSupport.payPeriodMaximumRequired'),\n                      NEGATIVE_AMOUNT: t('childSupport.amountNonNegative'),\n                    }}\n                  />\n                  <Fields.Amount\n                    label={t('childSupport.maxPaycheckPercentage')}\n                    description={t('childSupport.maxPaycheckPercentageDescription')}\n                    format=\"percent\"\n                    min={0}\n                    max={100}\n                    validationMessages={{\n                      REQUIRED: t('childSupport.amountRequired'),\n                      PERCENT_OUT_OF_RANGE: t('childSupport.percentOutOfRange'),\n                    }}\n                  />\n                  <Fields.PaymentPeriod\n                    label={t('childSupport.paymentPeriodLabel')}\n                    description={t('childSupport.paymentPeriodDescription')}\n                    getOptionLabel={(value: PaymentPeriod) => paymentPeriodLabel(t, value)}\n                    validationMessages={{ REQUIRED: t('childSupport.paymentPeriodRequired') }}\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              {hasSelection && (\n                <Components.Button type=\"submit\" isLoading={form.status.isPending}>\n                  {t('actions.save')}\n                </Components.Button>\n              )}\n            </ActionsLayout>\n          </Flex>\n        </Form>\n      </SDKFormProvider>\n    </BaseLayout>\n  )\n}\n\nfunction requiredAttrLabel(\n  selectedAgency: { requiredAttributes?: Array<{ key?: string; label?: string }> } | null,\n  key: 'case_number' | 'order_number' | 'remittance_number',\n): string {\n  const match = selectedAgency?.requiredAttributes?.find(a => a.key === key)\n  return match?.label ?? key\n}\n\nfunction paymentPeriodLabel(\n  t: ReturnType<typeof useTranslation<'Employee.DeductionsForm'>>['t'],\n  value: PaymentPeriod,\n): string {\n  switch (value) {\n    case 'Every week':\n      return t('childSupport.paymentPeriod.everyWeek')\n    case 'Every other week':\n      return t('childSupport.paymentPeriod.everyOtherWeek')\n    case 'Twice per month':\n      return t('childSupport.paymentPeriod.twicePerMonth')\n    case 'Monthly':\n      return t('childSupport.paymentPeriod.monthly')\n  }\n}\n"],"names":["ChildSupportFormView","employeeId","deduction","onSaved","onCancel","t","useTranslation","Components","useComponentContext","form","useChildSupportGarnishmentForm","BaseLayout","Fields","hasSelection","handleSubmit","result","SDKFormProvider","jsx","Form","jsxs","Flex","entry","requiredAttrLabel","value","paymentPeriodLabel","ActionsLayout","selectedAgency","key","a"],"mappings":"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"}

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

@@ -0,0 +1,19 @@
+import { Garnishment } from '@gusto/embedded-api-v-2025-11-15/models/components/garnishment';
+import { ResourceDictionary } from '../../../../../types/Helpers';
+export type DeductionsFormDictionary = ResourceDictionary<'Employee.DeductionsForm'>;
+export interface DeductionsFormProps {
+    className?: string;
+    employeeId: string;
+    /** When provided, the form is in edit mode and the deduction's existing
+     *  garnishment type selects the inline form variant. Omit for add mode. */
+    deduction?: Garnishment | null;
+    /**
+     * Translation overrides for the form's strings. Each consuming block
+     * passes the dictionary it resolved from its own namespace so partner
+     * overrides on that namespace flow into the form text.
+     */
+    dictionary?: DeductionsFormDictionary;
+    onSaved: (deduction: Garnishment, mode: 'create' | 'update') => void;
+    onCancel: () => void;
+}
+export declare function DeductionsForm({ className, employeeId, deduction, dictionary, onSaved, onCancel, }: DeductionsFormProps): import("react").JSX.Element;

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

@@ -0,0 +1,138 @@
+import { jsx as i, jsxs as l, Fragment as F } from "react/jsx-runtime";
+import { useTranslation as S } from "react-i18next";
+import { useMemo as d, useState as E } from "react";
+import { StandardDeductionForm as h } from "./StandardDeductionForm.js";
+import { ChildSupportFormView as L } from "./ChildSupportFormView.js";
+import { useComponentContext as O } from "../../../../../contexts/ComponentAdapter/useComponentContext.js";
+import { Grid as G } from "../../../../Common/Grid/Grid.js";
+import { Flex as y } from "../../../../Common/Flex/Flex.js";
+import { useI18n as v, useComponentDictionary as C } from "../../../../../i18n/I18n.js";
+const f = [
+  "child_support",
+  "federal_tax_lien",
+  "state_tax_lien",
+  "student_loan",
+  "creditor_garnishment",
+  "federal_loan",
+  "other_garnishment"
+];
+function R(e) {
+  const r = e.garnishmentType;
+  return e.courtOrdered ? {
+    kind: "garnishment",
+    type: r && f.includes(r) ? r : "child_support"
+  } : { kind: "custom" };
+}
+function U({
+  className: e,
+  employeeId: r,
+  deduction: o,
+  dictionary: _,
+  onSaved: p,
+  onCancel: c
+}) {
+  v("Employee.DeductionsForm"), C("Employee.DeductionsForm", _);
+  const { t } = S("Employee.DeductionsForm"), a = O(), m = !!o, T = t(m ? "editTitle" : "addTitle"), x = d(
+    () => o ? R(o) : null,
+    [o]
+  ), [n, u] = E(x), D = d(
+    () => f.map((s) => ({
+      value: s,
+      label: g(t, s)
+    })),
+    [t]
+  ), k = (s) => {
+    u(s === "custom" ? { kind: "custom" } : { kind: "garnishment", type: "child_support" });
+  }, b = (s) => {
+    u({ kind: "garnishment", type: s });
+  };
+  return /* @__PURE__ */ i("section", { className: e, children: /* @__PURE__ */ l(G, { gap: 32, children: [
+    /* @__PURE__ */ l(y, { flexDirection: "column", gap: 2, children: [
+      /* @__PURE__ */ i(a.Heading, { as: "h2", children: T }),
+      /* @__PURE__ */ i(a.Text, { variant: "supporting", children: t("description") })
+    ] }),
+    !m && /* @__PURE__ */ l(F, { children: [
+      /* @__PURE__ */ l(y, { flexDirection: "column", gap: 20, children: [
+        /* @__PURE__ */ i(
+          a.RadioGroup,
+          {
+            label: t("variantLabel"),
+            description: t("variantDescription"),
+            options: [
+              { value: "garnishment", label: t("garnishmentOption") },
+              { value: "custom", label: t("customOption") }
+            ],
+            defaultValue: n?.kind === "custom" ? "custom" : void 0,
+            onChange: k,
+            isRequired: !0
+          }
+        ),
+        n?.kind === "garnishment" && /* @__PURE__ */ i(
+          a.Select,
+          {
+            label: t("garnishmentTypeLabel"),
+            options: D,
+            value: n.type,
+            onChange: b,
+            isRequired: !0
+          }
+        )
+      ] }),
+      n !== null && /* @__PURE__ */ i("hr", {})
+    ] }),
+    n?.kind === "custom" && /* @__PURE__ */ i(
+      h,
+      {
+        employeeId: r,
+        deduction: o ?? null,
+        courtOrdered: !1,
+        title: t("types.custom"),
+        onSaved: p,
+        onCancel: c
+      }
+    ),
+    n?.kind === "garnishment" && n.type === "child_support" && /* @__PURE__ */ i(
+      L,
+      {
+        employeeId: r,
+        deduction: o ?? null,
+        onSaved: p,
+        onCancel: c
+      }
+    ),
+    n?.kind === "garnishment" && n.type !== "child_support" && /* @__PURE__ */ i(
+      h,
+      {
+        employeeId: r,
+        deduction: o ?? null,
+        courtOrdered: !0,
+        garnishmentType: n.type,
+        title: g(t, n.type),
+        onSaved: p,
+        onCancel: c
+      }
+    )
+  ] }) });
+}
+function g(e, r) {
+  switch (r) {
+    case "child_support":
+      return e("types.childSupport");
+    case "federal_tax_lien":
+      return e("types.federalTaxLien");
+    case "state_tax_lien":
+      return e("types.stateTaxLien");
+    case "student_loan":
+      return e("types.studentLoan");
+    case "creditor_garnishment":
+      return e("types.creditorGarnishment");
+    case "federal_loan":
+      return e("types.federalLoan");
+    case "other_garnishment":
+      return e("types.otherGarnishment");
+  }
+}
+export {
+  U as DeductionsForm
+};
+//# sourceMappingURL=DeductionsForm.js.map

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

@@ -0,0 +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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"}

package/dist/components/Employee/Deductions/{DeductionsForm → shared/DeductionsForm}/StandardDeductionForm.d.ts

@@ -1,4 +1,4 @@
-import { Garnishment, GarnishmentType } from '@gusto/embedded-api/models/components/garnishment';
+import { Garnishment, GarnishmentType } from '@gusto/embedded-api-v-2025-11-15/models/components/garnishment';
 interface StandardDeductionFormProps {
     employeeId: string;
     deduction: Garnishment | null;
@@ -14,5 +14,5 @@ interface StandardDeductionFormProps {
     onSaved: (deduction: Garnishment, mode: 'create' | 'update') => void;
     onCancel: () => void;
 }
-export declare function StandardDeductionForm({ employeeId, deduction, courtOrdered, garnishmentType, title, onSaved, onCancel, }: StandardDeductionFormProps): import("react/jsx-runtime").JSX.Element;
+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

@@ -0,0 +1,135 @@
+import { jsx as e, jsxs as d } from "react/jsx-runtime";
+import { useTranslation as f } from "react-i18next";
+import { useWatch as D } from "react-hook-form";
+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 { 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({
+  employeeId: t,
+  deduction: a,
+  courtOrdered: o,
+  garnishmentType: n,
+  title: l,
+  onSaved: m,
+  onCancel: p
+}) {
+  const { t: s } = f("Employee.DeductionsForm"), c = R(), i = b({
+    employeeId: t,
+    garnishmentId: a?.uuid,
+    courtOrdered: o,
+    defaultValues: o && n ? { garnishmentType: n } : void 0
+  });
+  if (i.isLoading)
+    return /* @__PURE__ */ e(g, { isLoading: !0, error: i.errorHandling.errors });
+  const { Fields: r } = i.form;
+  return /* @__PURE__ */ e(
+    x,
+    {
+      form: i,
+      Fields: r,
+      Components: c,
+      t: s,
+      title: l,
+      onSaved: m,
+      onCancel: p
+    }
+  );
+}
+function x({
+  form: t,
+  Fields: a,
+  Components: o,
+  t: n,
+  title: l,
+  onSaved: m,
+  onCancel: p
+}) {
+  const s = D({
+    control: t.form.hookFormInternals.formMethods.control,
+    name: "deductAsPercentage"
+  }), c = s === !0 || s === "true", i = async () => {
+    const r = await t.actions.onSubmit();
+    r && m(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 }),
+    /* @__PURE__ */ d(u, { flexDirection: "column", gap: 20, children: [
+      /* @__PURE__ */ d(u, { flexDirection: "column", gap: 20, children: [
+        /* @__PURE__ */ e(
+          a.Description,
+          {
+            label: n("standard.descriptionLabel"),
+            validationMessages: { REQUIRED: n("standard.descriptionRequired") }
+          }
+        ),
+        /* @__PURE__ */ e(
+          a.Recurring,
+          {
+            label: n("standard.frequencyLabel"),
+            getOptionLabel: (r) => n(r ? "standard.frequencyRecurring" : "standard.frequencyOneTime"),
+            validationMessages: { REQUIRED: n("standard.frequencyRequired") }
+          }
+        ),
+        /* @__PURE__ */ e(
+          a.DeductAsPercentage,
+          {
+            label: n("standard.typeLabel"),
+            getOptionLabel: (r) => n(r ? "standard.typePercentage" : "standard.typeFixed"),
+            validationMessages: { REQUIRED: n("standard.typeRequired") }
+          }
+        ),
+        /* @__PURE__ */ e(
+          a.Amount,
+          {
+            label: n("standard.amountLabel"),
+            format: c ? "percent" : "currency",
+            description: n(c ? "standard.amountPercentDescription" : "standard.amountFixedDescription"),
+            min: 0,
+            validationMessages: {
+              REQUIRED: n("standard.amountRequired"),
+              NEGATIVE_AMOUNT: n("standard.amountNonNegative")
+            }
+          }
+        )
+      ] }),
+      a.TotalAmount && a.AnnualMaximum && /* @__PURE__ */ d(u, { flexDirection: "column", gap: 20, children: [
+        /* @__PURE__ */ e(
+          a.TotalAmount,
+          {
+            label: n("standard.totalAmountLabel"),
+            description: n("standard.totalAmountDescription"),
+            format: "currency",
+            min: 0,
+            validationMessages: {
+              NEGATIVE_AMOUNT: n("standard.amountNonNegative")
+            }
+          }
+        ),
+        /* @__PURE__ */ e(
+          a.AnnualMaximum,
+          {
+            label: n("standard.annualMaxLabel"),
+            description: n("standard.annualMaxDescription"),
+            format: "currency",
+            min: 0,
+            validationMessages: {
+              NEGATIVE_AMOUNT: n("standard.amountNonNegative")
+            }
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ d(y, { children: [
+      /* @__PURE__ */ e(o.Button, { variant: "secondary", type: "button", onClick: p, children: n("actions.cancel") }),
+      /* @__PURE__ */ e(o.Button, { type: "submit", isLoading: t.status.isPending, children: n("actions.save") })
+    ] })
+  ] }) }) }) });
+}
+export {
+  O as StandardDeductionForm
+};
+//# sourceMappingURL=StandardDeductionForm.js.map

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

@@ -0,0 +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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"}

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

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

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

@@ -1,7 +1,17 @@
-import { Garnishment } from '@gusto/embedded-api/models/components/garnishment';
-export declare function DeleteDeductionDialog({ pendingDeleteDeduction, isPrimaryActionLoading, onClose, onConfirm, }: {
+import { ReactNode } from 'react';
+import { Garnishment } from '@gusto/embedded-api-v-2025-11-15/models/components/garnishment';
+/**
+ * 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.
+ */
+export declare function DeleteDeductionDialog({ pendingDeleteDeduction, isPrimaryActionLoading, onClose, onConfirm, title, description, confirmLabel, cancelLabel, }: {
     pendingDeleteDeduction: Garnishment | null;
     isPrimaryActionLoading: boolean;
     onClose: () => void;
     onConfirm: () => void;
-}): import("react/jsx-runtime").JSX.Element;
+    title: string;
+    description: ReactNode;
+    confirmLabel: string;
+    cancelLabel: string;
+}): import("react").JSX.Element;

package/dist/components/Employee/Deductions/shared/DeleteDeductionDialog.js

@@ -1,31 +1,32 @@
-import { jsx as c } from "react/jsx-runtime";
-import { useTranslation as r } from "react-i18next";
+import { jsx as s } from "react/jsx-runtime";
 import { useComponentContext as a } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
-function d({
-  pendingDeleteDeduction: t,
-  isPrimaryActionLoading: e,
+function C({
+  pendingDeleteDeduction: o,
+  isPrimaryActionLoading: t,
   onClose: i,
-  onConfirm: n
+  onConfirm: n,
+  title: r,
+  description: e,
+  confirmLabel: c,
+  cancelLabel: l
 }) {
-  const { t: o } = r("Employee.Deductions"), l = a();
-  return /* @__PURE__ */ c(
-    l.Dialog,
+  const m = a();
+  return /* @__PURE__ */ s(
+    m.Dialog,
     {
-      isOpen: t !== null,
+      isOpen: o !== null,
       onClose: i,
       onPrimaryActionClick: n,
-      isPrimaryActionLoading: e,
+      isPrimaryActionLoading: t,
       isDestructive: !0,
-      title: o("deleteDeductionDialog.title"),
-      primaryActionLabel: o("deleteDeductionDialog.confirmCta"),
-      closeActionLabel: o("deleteDeductionDialog.cancelCta"),
-      children: t && o("deleteDeductionDialog.description", {
-        deduction: t.description ?? ""
-      })
+      title: r,
+      primaryActionLabel: c,
+      closeActionLabel: l,
+      children: o && e
     }
   );
 }
 export {
-  d as DeleteDeductionDialog
+  C as DeleteDeductionDialog
 };
 //# sourceMappingURL=DeleteDeductionDialog.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"DeleteDeductionDialog.js","sources":["../../../../../src/components/Employee/Deductions/shared/DeleteDeductionDialog.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport type { Garnishment } from '@gusto/embedded-api/models/components/garnishment'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\nexport function DeleteDeductionDialog({\n  pendingDeleteDeduction,\n  isPrimaryActionLoading,\n  onClose,\n  onConfirm,\n}: {\n  pendingDeleteDeduction: Garnishment | null\n  isPrimaryActionLoading: boolean\n  onClose: () => void\n  onConfirm: () => void\n}) {\n  const { t } = useTranslation('Employee.Deductions')\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={t('deleteDeductionDialog.title')}\n      primaryActionLabel={t('deleteDeductionDialog.confirmCta')}\n      closeActionLabel={t('deleteDeductionDialog.cancelCta')}\n    >\n      {pendingDeleteDeduction &&\n        t('deleteDeductionDialog.description', {\n          deduction: pendingDeleteDeduction.description ?? '',\n        })}\n    </Components.Dialog>\n  )\n}\n"],"names":["DeleteDeductionDialog","pendingDeleteDeduction","isPrimaryActionLoading","onClose","onConfirm","t","useTranslation","Components","useComponentContext","jsx"],"mappings":";;;AAIO,SAASA,EAAsB;AAAA,EACpC,wBAAAC;AAAA,EACA,wBAAAC;AAAA,EACA,SAAAC;AAAA,EACA,WAAAC;AACF,GAKG;AACD,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,qBAAqB,GAC5CC,IAAaC,EAAA;AACnB,SACE,gBAAAC;AAAA,IAACF,EAAW;AAAA,IAAX;AAAA,MACC,QAAQN,MAA2B;AAAA,MACnC,SAAAE;AAAA,MACA,sBAAsBC;AAAA,MACtB,wBAAAF;AAAA,MACA,eAAa;AAAA,MACb,OAAOG,EAAE,6BAA6B;AAAA,MACtC,oBAAoBA,EAAE,kCAAkC;AAAA,MACxD,kBAAkBA,EAAE,iCAAiC;AAAA,MAEpD,UAAAJ,KACCI,EAAE,qCAAqC;AAAA,QACrC,WAAWJ,EAAuB,eAAe;AAAA,MAAA,CAClD;AAAA,IAAA;AAAA,EAAA;AAGT;"}
+{"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;"}

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

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

package/dist/components/Employee/Deductions/shared/formatDeductionAmount.js

@@ -1,10 +1,18 @@
-function o(r, { formatCurrency: n, formatPercent: u, formatPerPaycheck: m }) {
-  const t = Number(r.amount);
-  if (Number.isNaN(t)) return "-";
-  const e = r.deductAsPercentage ? u(t) : n(t);
-  return r.recurring ? m(e) : e;
+function N(r, { formatCurrency: n, formatPercent: s, formatPerPaycheck: u }) {
+  const e = Number(r.amount);
+  if (Number.isNaN(e)) return "-";
+  if (r.deductAsPercentage && e === 0) {
+    const t = Number(r.payPeriodMaximum ?? 0);
+    if (!Number.isNaN(t) && t > 0) {
+      const a = n(t);
+      return r.recurring ? u(a) : a;
+    }
+    return "-";
+  }
+  const m = r.deductAsPercentage ? s(e) : n(e);
+  return r.recurring ? u(m) : m;
 }
 export {
-  o as formatDeductionAmount
+  N as formatDeductionAmount
 };
 //# sourceMappingURL=formatDeductionAmount.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"formatDeductionAmount.js","sources":["../../../../../src/components/Employee/Deductions/shared/formatDeductionAmount.ts"],"sourcesContent":["import type { Garnishment } from '@gusto/embedded-api/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'>,\n  { formatCurrency, formatPercent, formatPerPaycheck }: DeductionAmountFormatters,\n): string {\n  const numericAmount = Number(deduction.amount)\n  if (Number.isNaN(numericAmount)) return '-'\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","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;AACxC,QAAMC,IAAYL,EAAU,qBACxBE,EAAcE,CAAa,IAC3BH,EAAeG,CAAa;AAChC,SAAOJ,EAAU,YAAYG,EAAkBE,CAAS,IAAIA;AAC9D;"}
+{"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;"}

package/dist/components/Employee/Deductions/shared/index.d.ts

@@ -5,3 +5,4 @@ export { DeleteDeductionDialog } from './DeleteDeductionDialog';
 export { formatDeductionAmount, type DeductionAmountFormatters } from './formatDeductionAmount';
 export * from './useDeductionForm';
 export * from './useChildSupportGarnishmentForm';
+export { DeductionsForm, type DeductionsFormProps, type DeductionsFormDictionary, } from './DeductionsForm';

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

@@ -1,5 +1,5 @@
 import { z } from 'zod';
-import { Agencies } from '@gusto/embedded-api/models/components/childsupportdata';
+import { Agencies } from '@gusto/embedded-api-v-2025-11-15/models/components/childsupportdata';
 export declare const ChildSupportGarnishmentFormErrorCodes: {
     readonly REQUIRED: "REQUIRED";
     readonly NEGATIVE_AMOUNT: "NEGATIVE_AMOUNT";

package/dist/components/Employee/Deductions/shared/useChildSupportGarnishmentForm/childSupportGarnishmentFormSchema.js

@@ -1,5 +1,5 @@
 import { z as e } from "zod";
-import { PaymentPeriod as c } from "@gusto/embedded-api/models/components/garnishmentchildsupport";
+import { PaymentPeriod as c } from "@gusto/embedded-api-v-2025-11-15/models/components/garnishmentchildsupport";
 import { buildFormSchema as d } from "../../../../../partner-hook-utils/form/buildFormSchema.js";
 import { coerceNaN as u } from "../../../../../partner-hook-utils/form/preprocessors.js";
 const i = {

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

@@ -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/models/components/garnishmentchildsupport'\nimport type { Agencies } from '@gusto/embedded-api/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;"}
+{"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;"}