@gusto/embedded-react-sdk 0.53.0 → 0.54.1-rc.1

package/dist/components/Employee/Deductions/onboarding/stateMachine.test.d.ts

@@ -0,0 +1 @@
+export {};

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

@@ -1,10 +1,12 @@
 import { Garnishment } from '@gusto/embedded-api/models/components/garnishment';
+import { LoaderComponentType } from '../../../../Base';
 interface ChildSupportFormViewProps {
     employeeId: string;
     deduction: Garnishment | null;
     onSaved: (deduction: Garnishment, mode: 'create' | 'update') => void;
     onCancel: () => void;
+    LoaderComponent?: LoaderComponentType;
 }
 /** @internal */
-export declare function ChildSupportFormView({ employeeId, deduction, onSaved, onCancel, }: ChildSupportFormViewProps): import("react").JSX.Element;
+export declare function ChildSupportFormView({ employeeId, deduction, onSaved, onCancel, LoaderComponent, }: ChildSupportFormViewProps): import("react").JSX.Element;
 export {};

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

@@ -1,29 +1,30 @@
 import { jsx as r, jsxs as l } from "react/jsx-runtime";
-import { useTranslation as S } from "react-i18next";
-import { useChildSupportGarnishmentForm as b } from "../useChildSupportGarnishmentForm/useChildSupportGarnishmentForm.js";
-import { Form as g } from "../../../../Common/Form/Form.js";
+import { useTranslation as b } from "react-i18next";
+import { useChildSupportGarnishmentForm as g } from "../useChildSupportGarnishmentForm/useChildSupportGarnishmentForm.js";
+import { Form as R } from "../../../../Common/Form/Form.js";
 import { Flex as d } from "../../../../Common/Flex/Flex.js";
-import { ActionsLayout as R } from "../../../../Common/ActionsLayout/ActionsLayout.js";
-import { BaseLayout as h } from "../../../../Base/Base.js";
-import { SDKFormProvider as P } from "../../../../../partner-hook-utils/form/SDKFormProvider.js";
-import { useComponentContext as f } from "../../../../../contexts/ComponentAdapter/useComponentContext.js";
-function O({
+import { ActionsLayout as P } from "../../../../Common/ActionsLayout/ActionsLayout.js";
+import { BaseLayout as y } from "../../../../Base/Base.js";
+import { SDKFormProvider as f } from "../../../../../partner-hook-utils/form/SDKFormProvider.js";
+import { useComponentContext as E } from "../../../../../contexts/ComponentAdapter/useComponentContext.js";
+function F({
   employeeId: n,
   deduction: a,
   onSaved: s,
-  onCancel: p
+  onCancel: p,
+  LoaderComponent: m
 }) {
-  const { t: e } = S("Employee.DeductionsForm"), c = f(), t = b({
+  const { t: e } = b("Employee.DeductionsForm"), c = E(), t = g({
     employeeId: n,
     garnishmentId: a?.uuid
   });
   if (t.isLoading)
-    return /* @__PURE__ */ r(h, { isLoading: !0, error: t.errorHandling.errors });
-  const { Fields: i } = t.form, m = t.status.selectedAgency !== null, y = async () => {
+    return /* @__PURE__ */ r(y, { isLoading: !0, error: t.errorHandling.errors, LoaderComponent: m });
+  const { Fields: i } = t.form, h = t.status.selectedAgency !== null, S = async () => {
     const o = await t.actions.onSubmit();
     o && s(o.data, o.mode);
   };
-  return /* @__PURE__ */ r(h, { error: t.errorHandling.errors, children: /* @__PURE__ */ r(P, { formHookResult: t, children: /* @__PURE__ */ r(g, { onSubmit: y, children: /* @__PURE__ */ l(d, { flexDirection: "column", gap: 32, children: [
+  return /* @__PURE__ */ r(y, { error: t.errorHandling.errors, LoaderComponent: m, children: /* @__PURE__ */ r(f, { formHookResult: t, children: /* @__PURE__ */ r(R, { onSubmit: S, children: /* @__PURE__ */ l(d, { flexDirection: "column", gap: 32, children: [
     /* @__PURE__ */ r(c.Heading, { as: "h3", children: e("types.childSupport") }),
     /* @__PURE__ */ l(d, { flexDirection: "column", gap: 20, children: [
       /* @__PURE__ */ r(
@@ -43,7 +44,7 @@ function O({
           label: e("childSupport.manualPaymentRequired")
         }
       ),
-      m && /* @__PURE__ */ l(d, { flexDirection: "column", gap: 20, children: [
+      h && /* @__PURE__ */ l(d, { flexDirection: "column", gap: 20, children: [
         i.FipsCode && /* @__PURE__ */ r(
           i.FipsCode,
           {
@@ -113,22 +114,22 @@ function O({
             label: e("childSupport.paymentPeriodLabel"),
             placeholder: e("childSupport.paymentPeriodPlaceholder"),
             description: e("childSupport.paymentPeriodDescription"),
-            getOptionLabel: (o) => E(e, o),
+            getOptionLabel: (o) => D(e, o),
             validationMessages: { REQUIRED: e("childSupport.paymentPeriodRequired") }
           }
         )
       ] })
     ] }),
-    /* @__PURE__ */ l(R, { children: [
+    /* @__PURE__ */ l(P, { children: [
       /* @__PURE__ */ r(c.Button, { variant: "secondary", type: "button", onClick: p, children: e("actions.cancel") }),
-      m && /* @__PURE__ */ r(c.Button, { type: "submit", isLoading: t.status.isPending, children: e("actions.save") })
+      h && /* @__PURE__ */ r(c.Button, { type: "submit", isLoading: t.status.isPending, children: e("actions.save") })
     ] })
   ] }) }) }) });
 }
 function u(n, a) {
   return n?.requiredAttributes?.find((p) => p.key === a)?.label ?? a;
 }
-function E(n, a) {
+function D(n, a) {
   switch (a) {
     case "Every week":
       return n("childSupport.paymentPeriod.everyWeek");
@@ -141,6 +142,6 @@ function E(n, a) {
   }
 }
 export {
-  O as ChildSupportFormView
+  F as ChildSupportFormView
 };
 //# sourceMappingURL=ChildSupportFormView.js.map

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

@@ -1 +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/models/components/garnishment'\nimport type { PaymentPeriod } from '@gusto/embedded-api/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\n/** @internal */\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                placeholder={t('childSupport.agencyPlaceholder')}\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                      placeholder={t('childSupport.countyPlaceholder')}\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                    placeholder={t('childSupport.paymentPeriodPlaceholder')}\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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"}
+{"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/models/components/garnishment'\nimport type { PaymentPeriod } from '@gusto/embedded-api/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'\nimport type { LoaderComponentType } from '@/components/Base'\n\ninterface ChildSupportFormViewProps {\n  employeeId: string\n  deduction: Garnishment | null\n  onSaved: (deduction: Garnishment, mode: 'create' | 'update') => void\n  onCancel: () => void\n  LoaderComponent?: LoaderComponentType\n}\n\n/** @internal */\nexport function ChildSupportFormView({\n  employeeId,\n  deduction,\n  onSaved,\n  onCancel,\n  LoaderComponent,\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 (\n      <BaseLayout isLoading error={form.errorHandling.errors} LoaderComponent={LoaderComponent} />\n    )\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} LoaderComponent={LoaderComponent}>\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                placeholder={t('childSupport.agencyPlaceholder')}\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                      placeholder={t('childSupport.countyPlaceholder')}\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                    placeholder={t('childSupport.paymentPeriodPlaceholder')}\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","LoaderComponent","t","useTranslation","Components","useComponentContext","form","useChildSupportGarnishmentForm","jsx","BaseLayout","Fields","hasSelection","handleSubmit","result","SDKFormProvider","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

@@ -1,5 +1,6 @@
 import { Garnishment } from '@gusto/embedded-api/models/components/garnishment';
 import { ResourceDictionary } from '../../../../../types/Helpers';
+import { LoaderComponentType } from '../../../../Base';
 /** @internal */
 export type DeductionsFormDictionary = ResourceDictionary<'Employee.DeductionsForm'>;
 /** @internal */
@@ -21,6 +22,8 @@ export interface DeductionsFormProps {
     onSaved: (deduction: Garnishment, mode: 'create' | 'update') => void;
     /** Called when the user cancels the form. */
     onCancel: () => void;
+    /** Custom loading indicator rendered while this component's async data is fetching. Overrides the indicator configured on `GustoProvider` for this instance only. */
+    LoaderComponent?: LoaderComponentType;
 }
 /** @internal */
-export declare function DeductionsForm({ className, employeeId, deduction, dictionary, onSaved, onCancel, }: DeductionsFormProps): import("react").JSX.Element;
+export declare function DeductionsForm({ className, employeeId, deduction, dictionary, onSaved, onCancel, LoaderComponent, }: DeductionsFormProps): import("react").JSX.Element;

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

@@ -1,14 +1,14 @@
-import { jsx as r, jsxs as c, Fragment as F } from "react/jsx-runtime";
-import { useTranslation as L } from "react-i18next";
-import { useMemo as d, useState as S } from "react";
-import { StandardDeductionForm as h } from "./StandardDeductionForm.js";
-import { ChildSupportFormView as E } from "./ChildSupportFormView.js";
-import { useComponentContext as O } from "../../../../../contexts/ComponentAdapter/useComponentContext.js";
-import { Grid as v } from "../../../../Common/Grid/Grid.js";
-import { Flex as y } from "../../../../Common/Flex/Flex.js";
-import { ActionsLayout as G } from "../../../../Common/ActionsLayout/ActionsLayout.js";
-import { useI18n as C, useComponentDictionary as R } from "../../../../../i18n/I18n.js";
-const g = [
+import { jsx as r, jsxs as c, Fragment as S } from "react/jsx-runtime";
+import { useTranslation as E } from "react-i18next";
+import { useMemo as h, useState as O } from "react";
+import { StandardDeductionForm as y } from "./StandardDeductionForm.js";
+import { ChildSupportFormView as v } from "./ChildSupportFormView.js";
+import { useComponentContext as G } from "../../../../../contexts/ComponentAdapter/useComponentContext.js";
+import { Grid as L } from "../../../../Common/Grid/Grid.js";
+import { Flex as f } from "../../../../Common/Flex/Flex.js";
+import { ActionsLayout as R } from "../../../../Common/ActionsLayout/ActionsLayout.js";
+import { useI18n as V, useComponentDictionary as C } from "../../../../../i18n/I18n.js";
+const _ = [
   "child_support",
   "federal_tax_lien",
   "state_tax_lien",
@@ -17,43 +17,44 @@ const g = [
   "federal_loan",
   "other_garnishment"
 ];
-function V(t) {
+function P(t) {
   const i = t.garnishmentType;
   return t.courtOrdered ? {
     kind: "garnishment",
-    type: i && g.includes(i) ? i : "child_support"
+    type: i && _.includes(i) ? i : "child_support"
   } : { kind: "custom" };
 }
-function Y({
+function z({
   className: t,
   employeeId: i,
   deduction: o,
-  dictionary: _,
+  dictionary: T,
   onSaved: p,
-  onCancel: l
+  onCancel: l,
+  LoaderComponent: u
 }) {
-  C("Employee.DeductionsForm"), R("Employee.DeductionsForm", _);
-  const { t: e } = L("Employee.DeductionsForm"), a = O(), m = !!o, T = e(m ? "editTitle" : "addTitle"), x = d(
-    () => o ? V(o) : null,
+  V("Employee.DeductionsForm"), C("Employee.DeductionsForm", T);
+  const { t: e } = E("Employee.DeductionsForm"), a = G(), d = !!o, x = e(d ? "editTitle" : "addTitle"), k = h(
+    () => o ? P(o) : null,
     [o]
-  ), [n, u] = S(x), k = d(
-    () => g.map((s) => ({
+  ), [n, m] = O(k), D = h(
+    () => _.map((s) => ({
       value: s,
-      label: f(e, s)
+      label: g(e, s)
     })),
     [e]
-  ), D = (s) => {
-    u(s === "custom" ? { kind: "custom" } : { kind: "garnishment", type: "child_support" });
-  }, b = (s) => {
-    u({ kind: "garnishment", type: s });
+  ), b = (s) => {
+    m(s === "custom" ? { kind: "custom" } : { kind: "garnishment", type: "child_support" });
+  }, F = (s) => {
+    m({ kind: "garnishment", type: s });
   };
-  return /* @__PURE__ */ r("section", { className: t, children: /* @__PURE__ */ c(v, { gap: 32, children: [
-    /* @__PURE__ */ c(y, { flexDirection: "column", gap: 2, children: [
-      /* @__PURE__ */ r(a.Heading, { as: "h2", children: T }),
+  return /* @__PURE__ */ r("section", { className: t, children: /* @__PURE__ */ c(L, { gap: 32, children: [
+    /* @__PURE__ */ c(f, { flexDirection: "column", gap: 2, children: [
+      /* @__PURE__ */ r(a.Heading, { as: "h2", children: x }),
       /* @__PURE__ */ r(a.Text, { variant: "supporting", children: e("description") })
     ] }),
-    !m && /* @__PURE__ */ c(F, { children: [
-      /* @__PURE__ */ c(y, { flexDirection: "column", gap: 20, children: [
+    !d && /* @__PURE__ */ c(S, { children: [
+      /* @__PURE__ */ c(f, { flexDirection: "column", gap: 20, children: [
         /* @__PURE__ */ r(
           a.RadioGroup,
           {
@@ -64,7 +65,7 @@ function Y({
               { value: "custom", label: e("customOption") }
             ],
             defaultValue: n?.kind === "custom" ? "custom" : void 0,
-            onChange: D,
+            onChange: b,
             isRequired: !0
           }
         ),
@@ -73,51 +74,54 @@ function Y({
           {
             label: e("garnishmentTypeLabel"),
             placeholder: "",
-            options: k,
+            options: D,
             value: n.type,
-            onChange: b,
+            onChange: F,
             isRequired: !0
           }
         )
       ] }),
       n !== null && /* @__PURE__ */ r("hr", {}),
-      n === null && /* @__PURE__ */ r(G, { children: /* @__PURE__ */ r(a.Button, { variant: "secondary", type: "button", onClick: l, children: e("actions.cancel") }) })
+      n === null && /* @__PURE__ */ r(R, { children: /* @__PURE__ */ r(a.Button, { variant: "secondary", type: "button", onClick: l, children: e("actions.cancel") }) })
     ] }),
     n?.kind === "custom" && /* @__PURE__ */ r(
-      h,
+      y,
       {
         employeeId: i,
         deduction: o ?? null,
         courtOrdered: !1,
         title: e("types.custom"),
         onSaved: p,
-        onCancel: l
+        onCancel: l,
+        LoaderComponent: u
       }
     ),
     n?.kind === "garnishment" && n.type === "child_support" && /* @__PURE__ */ r(
-      E,
+      v,
       {
         employeeId: i,
         deduction: o ?? null,
         onSaved: p,
-        onCancel: l
+        onCancel: l,
+        LoaderComponent: u
       }
     ),
     n?.kind === "garnishment" && n.type !== "child_support" && /* @__PURE__ */ r(
-      h,
+      y,
       {
         employeeId: i,
         deduction: o ?? null,
         courtOrdered: !0,
         garnishmentType: n.type,
-        title: f(e, n.type),
+        title: g(e, n.type),
         onSaved: p,
-        onCancel: l
+        onCancel: l,
+        LoaderComponent: u
       }
     )
   ] }) });
 }
-function f(t, i) {
+function g(t, i) {
   switch (i) {
     case "child_support":
       return t("types.childSupport");
@@ -136,6 +140,6 @@ function f(t, i) {
   }
 }
 export {
-  Y as DeductionsForm
+  z as DeductionsForm
 };
 //# sourceMappingURL=DeductionsForm.js.map

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

@@ -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/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 { ActionsLayout } from '@/components/Common'\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                  placeholder=\"\"\n                  options={garnishmentTypeOptions}\n                  value={variant.type}\n                  onChange={handleSelectGarnishmentType}\n                  isRequired\n                />\n              )}\n            </Flex>\n\n            {variant !== null && <hr />}\n\n            {variant === null && (\n              <ActionsLayout>\n                <Components.Button variant=\"secondary\" type=\"button\" onClick={onCancel}>\n                  {t('actions.cancel')}\n                </Components.Button>\n              </ActionsLayout>\n            )}\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","t","useTranslation","Components","useComponentContext","isEdit","title","initialVariant","useMemo","variant","setVariant","useState","garnishmentTypeOptions","value","garnishmentTypeLabel","handleSelectDeductionType","selection","handleSelectGarnishmentType","jsxs","Grid","Flex","jsx","Fragment","ActionsLayout","StandardDeductionForm","ChildSupportFormView"],"mappings":"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"}
+{"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/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 { ActionsLayout } from '@/components/Common'\nimport { useComponentDictionary, useI18n } from '@/i18n'\nimport type { ResourceDictionary } from '@/types/Helpers'\nimport type { LoaderComponentType } from '@/components/Base'\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  /** Custom loading indicator rendered while this component's async data is fetching. Overrides the indicator configured on `GustoProvider` for this instance only. */\n  LoaderComponent?: LoaderComponentType\n}\n\n/** @internal */\nexport function DeductionsForm({\n  className,\n  employeeId,\n  deduction,\n  dictionary,\n  onSaved,\n  onCancel,\n  LoaderComponent,\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                  placeholder=\"\"\n                  options={garnishmentTypeOptions}\n                  value={variant.type}\n                  onChange={handleSelectGarnishmentType}\n                  isRequired\n                />\n              )}\n            </Flex>\n\n            {variant !== null && <hr />}\n\n            {variant === null && (\n              <ActionsLayout>\n                <Components.Button variant=\"secondary\" type=\"button\" onClick={onCancel}>\n                  {t('actions.cancel')}\n                </Components.Button>\n              </ActionsLayout>\n            )}\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            LoaderComponent={LoaderComponent}\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            LoaderComponent={LoaderComponent}\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            LoaderComponent={LoaderComponent}\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","LoaderComponent","useI18n","useComponentDictionary","t","useTranslation","Components","useComponentContext","isEdit","title","initialVariant","useMemo","variant","setVariant","useState","garnishmentTypeOptions","value","garnishmentTypeLabel","handleSelectDeductionType","selection","handleSelectGarnishmentType","jsxs","Grid","Flex","jsx","Fragment","ActionsLayout","StandardDeductionForm","ChildSupportFormView"],"mappings":"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"}

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

@@ -1,4 +1,5 @@
 import { Garnishment, GarnishmentType } from '@gusto/embedded-api/models/components/garnishment';
+import { LoaderComponentType } from '../../../../Base';
 interface StandardDeductionFormProps {
     employeeId: string;
     deduction: Garnishment | null;
@@ -13,7 +14,8 @@ interface StandardDeductionFormProps {
     title: string;
     onSaved: (deduction: Garnishment, mode: 'create' | 'update') => void;
     onCancel: () => void;
+    LoaderComponent?: LoaderComponentType;
 }
 /** @internal */
-export declare function StandardDeductionForm({ employeeId, deduction, courtOrdered, garnishmentType, title, onSaved, onCancel, }: StandardDeductionFormProps): import("react").JSX.Element;
+export declare function StandardDeductionForm({ employeeId, deduction, courtOrdered, garnishmentType, title, onSaved, onCancel, LoaderComponent, }: StandardDeductionFormProps): import("react").JSX.Element;
 export {};

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

@@ -1,64 +1,67 @@
 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({
+import { useTranslation as D } from "react-i18next";
+import { useWatch as b } from "react-hook-form";
+import { useDeductionForm as h } from "../useDeductionForm/useDeductionForm.js";
+import { Form as y } from "../../../../Common/Form/Form.js";
+import { Flex as l } from "../../../../Common/Flex/Flex.js";
+import { ActionsLayout as A } from "../../../../Common/ActionsLayout/ActionsLayout.js";
+import { BaseLayout as f } from "../../../../Base/Base.js";
+import { SDKFormProvider as R } from "../../../../../partner-hook-utils/form/SDKFormProvider.js";
+import { useComponentContext as x } from "../../../../../contexts/ComponentAdapter/useComponentContext.js";
+function S({
   employeeId: t,
   deduction: a,
   courtOrdered: o,
   garnishmentType: n,
-  title: l,
-  onSaved: m,
-  onCancel: p
+  title: m,
+  onSaved: p,
+  onCancel: g,
+  LoaderComponent: s
 }) {
-  const { t: s } = f("Employee.DeductionsForm"), c = R(), i = b({
+  const { t: c } = D("Employee.DeductionsForm"), u = x(), i = h({
     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 });
+    return /* @__PURE__ */ e(f, { isLoading: !0, error: i.errorHandling.errors, LoaderComponent: s });
   const { Fields: r } = i.form;
   return /* @__PURE__ */ e(
-    x,
+    E,
     {
       form: i,
       Fields: r,
-      Components: c,
-      t: s,
-      title: l,
-      onSaved: m,
-      onCancel: p
+      Components: u,
+      t: c,
+      title: m,
+      onSaved: p,
+      onCancel: g,
+      LoaderComponent: s
     }
   );
 }
-function x({
+function E({
   form: t,
   Fields: a,
   Components: o,
   t: n,
-  title: l,
-  onSaved: m,
-  onCancel: p
+  title: m,
+  onSaved: p,
+  onCancel: g,
+  LoaderComponent: s
 }) {
-  const s = D({
+  const c = b({
     control: t.form.hookFormInternals.formMethods.control,
     name: "deductAsPercentage"
-  }), c = s === !0 || s === "true", i = async () => {
+  }), u = c === !0 || c === "true", i = async () => {
     const r = await t.actions.onSubmit();
-    r && m(r.data, r.mode);
+    r && p(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: [
+  return /* @__PURE__ */ e(f, { error: t.errorHandling.errors, LoaderComponent: s, children: /* @__PURE__ */ e(R, { formHookResult: t, children: /* @__PURE__ */ e(y, { onSubmit: i, children: /* @__PURE__ */ d(l, { flexDirection: "column", gap: 32, children: [
+    /* @__PURE__ */ e(o.Heading, { as: "h3", children: m }),
+    /* @__PURE__ */ d(l, { flexDirection: "column", gap: 20, children: [
+      /* @__PURE__ */ d(l, { flexDirection: "column", gap: 20, children: [
         /* @__PURE__ */ e(
           a.Description,
           {
@@ -86,8 +89,8 @@ function x({
           a.Amount,
           {
             label: n("standard.amountLabel"),
-            format: c ? "percent" : "currency",
-            description: n(c ? "standard.amountPercentDescription" : "standard.amountFixedDescription"),
+            format: u ? "percent" : "currency",
+            description: n(u ? "standard.amountPercentDescription" : "standard.amountFixedDescription"),
             min: 0,
             validationMessages: {
               REQUIRED: n("standard.amountRequired"),
@@ -96,7 +99,7 @@ function x({
           }
         )
       ] }),
-      a.TotalAmount && a.AnnualMaximum && /* @__PURE__ */ d(u, { flexDirection: "column", gap: 20, children: [
+      a.TotalAmount && a.AnnualMaximum && /* @__PURE__ */ d(l, { flexDirection: "column", gap: 20, children: [
         /* @__PURE__ */ e(
           a.TotalAmount,
           {
@@ -123,13 +126,13 @@ function x({
         )
       ] })
     ] }),
-    /* @__PURE__ */ d(y, { children: [
-      /* @__PURE__ */ e(o.Button, { variant: "secondary", type: "button", onClick: p, children: n("actions.cancel") }),
+    /* @__PURE__ */ d(A, { children: [
+      /* @__PURE__ */ e(o.Button, { variant: "secondary", type: "button", onClick: g, children: n("actions.cancel") }),
       /* @__PURE__ */ e(o.Button, { type: "submit", isLoading: t.status.isPending, children: n("actions.save") })
     ] })
   ] }) }) }) });
 }
 export {
-  O as StandardDeductionForm
+  S as StandardDeductionForm
 };
 //# sourceMappingURL=StandardDeductionForm.js.map