@gusto/embedded-react-sdk 0.48.2 → 0.49.0

package/dist/components/Employee/Deductions/onboarding/stateMachine.js

@@ -1,105 +1,71 @@
-import { state as i, transition as E, reduce as t } from "robot3";
-import { DeductionsListContextual as e, IncludeDeductionsContextual as D, DeductionsFormContextual as d } from "./deductionsContextualComponents.js";
-import { componentEvents as n } from "../../../../shared/constants.js";
-const m = {
-  include: i(
-    E(
-      n.EMPLOYEE_DEDUCTION_INCLUDE_YES,
+import { state as d, transition as t, reduce as n } from "robot3";
+import { DeductionsListContextual as E, DeductionsFormContextual as e } from "./deductionsContextualComponents.js";
+import { componentEvents as i } from "../../../../shared/constants.js";
+const _ = {
+  list: d(
+    t(
+      i.EMPLOYEE_DEDUCTION_ADD,
       "form",
-      t(
-        (o) => ({
-          ...o,
-          component: d,
-          editingDeductionId: void 0
-        })
-      )
+      n((o) => ({
+        ...o,
+        component: e,
+        editingDeductionId: void 0
+      }))
     ),
-    E(n.EMPLOYEE_DEDUCTION_DONE, "done")
-  ),
-  list: i(
-    E(
-      n.EMPLOYEE_DEDUCTION_ADD,
+    t(
+      i.EMPLOYEE_DEDUCTION_EDIT,
       "form",
-      t(
-        (o) => ({
+      n(
+        (o, D) => ({
           ...o,
-          component: d,
-          editingDeductionId: void 0
-        })
-      )
-    ),
-    E(
-      n.EMPLOYEE_DEDUCTION_EDIT,
-      "form",
-      t(
-        (o, c) => ({
-          ...o,
-          component: d,
-          editingDeductionId: c.payload.uuid
-        })
-      )
-    ),
-    E(
-      n.EMPLOYEE_DEDUCTION_DELETED_EMPTY,
-      "include",
-      t(
-        (o) => ({
-          ...o,
-          component: D
+          component: e,
+          editingDeductionId: D.payload.uuid
         })
       )
     ),
-    E(n.EMPLOYEE_DEDUCTION_DONE, "done")
+    t(i.EMPLOYEE_DEDUCTION_DONE, "done")
   ),
-  form: i(
-    E(
-      n.EMPLOYEE_DEDUCTION_CREATED,
+  form: d(
+    t(
+      i.EMPLOYEE_DEDUCTION_CREATED,
       "list",
-      t(
-        (o) => ({
-          ...o,
-          component: e,
-          editingDeductionId: void 0
-        })
-      )
+      n((o) => ({
+        ...o,
+        component: E,
+        editingDeductionId: void 0
+      }))
     ),
-    E(
-      n.EMPLOYEE_DEDUCTION_UPDATED,
+    t(
+      i.EMPLOYEE_DEDUCTION_UPDATED,
       "list",
-      t(
-        (o) => ({
-          ...o,
-          component: e,
-          editingDeductionId: void 0
-        })
-      )
+      n((o) => ({
+        ...o,
+        component: E,
+        editingDeductionId: void 0
+      }))
     ),
-    E(
-      n.EMPLOYEE_DEDUCTION_CANCEL,
+    t(
+      i.EMPLOYEE_DEDUCTION_CANCEL,
       "list",
-      t(
-        (o) => ({
-          ...o,
-          component: e,
-          editingDeductionId: void 0
-        })
-      )
+      n((o) => ({
+        ...o,
+        component: E,
+        editingDeductionId: void 0
+      }))
     ),
-    E(
-      n.EMPLOYEE_DEDUCTION_CANCEL_EMPTY,
-      "include",
-      t(
-        (o) => ({
-          ...o,
-          component: D,
-          editingDeductionId: void 0
-        })
-      )
+    t(
+      i.EMPLOYEE_DEDUCTION_CANCEL_EMPTY,
+      "list",
+      n((o) => ({
+        ...o,
+        component: E,
+        editingDeductionId: void 0
+      }))
     )
   ),
-  done: i()
+  done: d()
 };
 export {
-  m as deductionsMachine
+  _ as deductionsMachine
 };
 //# sourceMappingURL=stateMachine.js.map

package/dist/components/Employee/Deductions/onboarding/stateMachine.js.map

@@ -1 +1 @@
-{"version":3,"file":"stateMachine.js","sources":["../../../../../src/components/Employee/Deductions/onboarding/stateMachine.ts"],"sourcesContent":["import { state, transition, reduce, state as final } from 'robot3'\nimport type { DeductionsContextInterface, EventPayloads } from './deductionsContextualComponents'\nimport {\n  IncludeDeductionsContextual,\n  DeductionsListContextual,\n  DeductionsFormContextual,\n} from './deductionsContextualComponents'\nimport { componentEvents } from '@/shared/constants'\nimport type { MachineEventType, MachineTransition } from '@/types/Helpers'\n\n/** @internal */\nexport const deductionsMachine = {\n  include: state<MachineTransition>(\n    transition(\n      componentEvents.EMPLOYEE_DEDUCTION_INCLUDE_YES,\n      'form',\n      reduce(\n        (ctx: DeductionsContextInterface): DeductionsContextInterface => ({\n          ...ctx,\n          component: DeductionsFormContextual,\n          editingDeductionId: undefined,\n        }),\n      ),\n    ),\n    transition(componentEvents.EMPLOYEE_DEDUCTION_DONE, 'done'),\n  ),\n  list: state<MachineTransition>(\n    transition(\n      componentEvents.EMPLOYEE_DEDUCTION_ADD,\n      'form',\n      reduce(\n        (ctx: DeductionsContextInterface): DeductionsContextInterface => ({\n          ...ctx,\n          component: DeductionsFormContextual,\n          editingDeductionId: undefined,\n        }),\n      ),\n    ),\n    transition(\n      componentEvents.EMPLOYEE_DEDUCTION_EDIT,\n      'form',\n      reduce(\n        (\n          ctx: DeductionsContextInterface,\n          ev: MachineEventType<EventPayloads, typeof componentEvents.EMPLOYEE_DEDUCTION_EDIT>,\n        ): DeductionsContextInterface => ({\n          ...ctx,\n          component: DeductionsFormContextual,\n          editingDeductionId: ev.payload.uuid,\n        }),\n      ),\n    ),\n    transition(\n      componentEvents.EMPLOYEE_DEDUCTION_DELETED_EMPTY,\n      'include',\n      reduce(\n        (ctx: DeductionsContextInterface): DeductionsContextInterface => ({\n          ...ctx,\n          component: IncludeDeductionsContextual,\n        }),\n      ),\n    ),\n    transition(componentEvents.EMPLOYEE_DEDUCTION_DONE, 'done'),\n  ),\n  form: state<MachineTransition>(\n    transition(\n      componentEvents.EMPLOYEE_DEDUCTION_CREATED,\n      'list',\n      reduce(\n        (ctx: DeductionsContextInterface): DeductionsContextInterface => ({\n          ...ctx,\n          component: DeductionsListContextual,\n          editingDeductionId: undefined,\n        }),\n      ),\n    ),\n    transition(\n      componentEvents.EMPLOYEE_DEDUCTION_UPDATED,\n      'list',\n      reduce(\n        (ctx: DeductionsContextInterface): DeductionsContextInterface => ({\n          ...ctx,\n          component: DeductionsListContextual,\n          editingDeductionId: undefined,\n        }),\n      ),\n    ),\n    transition(\n      componentEvents.EMPLOYEE_DEDUCTION_CANCEL,\n      'list',\n      reduce(\n        (ctx: DeductionsContextInterface): DeductionsContextInterface => ({\n          ...ctx,\n          component: DeductionsListContextual,\n          editingDeductionId: undefined,\n        }),\n      ),\n    ),\n    transition(\n      componentEvents.EMPLOYEE_DEDUCTION_CANCEL_EMPTY,\n      'include',\n      reduce(\n        (ctx: DeductionsContextInterface): DeductionsContextInterface => ({\n          ...ctx,\n          component: IncludeDeductionsContextual,\n          editingDeductionId: undefined,\n        }),\n      ),\n    ),\n  ),\n  done: final(),\n}\n"],"names":["deductionsMachine","state","transition","componentEvents","reduce","ctx","DeductionsFormContextual","ev","IncludeDeductionsContextual","DeductionsListContextual","final"],"mappings":";;;AAWO,MAAMA,IAAoB;AAAA,EAC/B,SAASC;AAAA,IACPC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC;AAAA,QACE,CAACC,OAAiE;AAAA,UAChE,GAAGA;AAAA,UACH,WAAWC;AAAA,UACX,oBAAoB;AAAA,QAAA;AAAA,MACtB;AAAA,IACF;AAAA,IAEFJ,EAAWC,EAAgB,yBAAyB,MAAM;AAAA,EAAA;AAAA,EAE5D,MAAMF;AAAA,IACJC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC;AAAA,QACE,CAACC,OAAiE;AAAA,UAChE,GAAGA;AAAA,UACH,WAAWC;AAAA,UACX,oBAAoB;AAAA,QAAA;AAAA,MACtB;AAAA,IACF;AAAA,IAEFJ;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC;AAAA,QACE,CACEC,GACAE,OACgC;AAAA,UAChC,GAAGF;AAAA,UACH,WAAWC;AAAA,UACX,oBAAoBC,EAAG,QAAQ;AAAA,QAAA;AAAA,MACjC;AAAA,IACF;AAAA,IAEFL;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC;AAAA,QACE,CAACC,OAAiE;AAAA,UAChE,GAAGA;AAAA,UACH,WAAWG;AAAA,QAAA;AAAA,MACb;AAAA,IACF;AAAA,IAEFN,EAAWC,EAAgB,yBAAyB,MAAM;AAAA,EAAA;AAAA,EAE5D,MAAMF;AAAA,IACJC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC;AAAA,QACE,CAACC,OAAiE;AAAA,UAChE,GAAGA;AAAA,UACH,WAAWI;AAAA,UACX,oBAAoB;AAAA,QAAA;AAAA,MACtB;AAAA,IACF;AAAA,IAEFP;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC;AAAA,QACE,CAACC,OAAiE;AAAA,UAChE,GAAGA;AAAA,UACH,WAAWI;AAAA,UACX,oBAAoB;AAAA,QAAA;AAAA,MACtB;AAAA,IACF;AAAA,IAEFP;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC;AAAA,QACE,CAACC,OAAiE;AAAA,UAChE,GAAGA;AAAA,UACH,WAAWI;AAAA,UACX,oBAAoB;AAAA,QAAA;AAAA,MACtB;AAAA,IACF;AAAA,IAEFP;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC;AAAA,QACE,CAACC,OAAiE;AAAA,UAChE,GAAGA;AAAA,UACH,WAAWG;AAAA,UACX,oBAAoB;AAAA,QAAA;AAAA,MACtB;AAAA,IACF;AAAA,EACF;AAAA,EAEF,MAAME,EAAA;AACR;"}
+{"version":3,"file":"stateMachine.js","sources":["../../../../../src/components/Employee/Deductions/onboarding/stateMachine.ts"],"sourcesContent":["import { state, transition, reduce, state as final } from 'robot3'\nimport type { DeductionsContextInterface, EventPayloads } from './deductionsContextualComponents'\nimport {\n  DeductionsListContextual,\n  DeductionsFormContextual,\n} from './deductionsContextualComponents'\nimport { componentEvents } from '@/shared/constants'\nimport type { MachineEventType, MachineTransition } from '@/types/Helpers'\n\n/** @internal */\nexport const deductionsMachine = {\n  list: state<MachineTransition>(\n    transition(\n      componentEvents.EMPLOYEE_DEDUCTION_ADD,\n      'form',\n      reduce((ctx: DeductionsContextInterface): DeductionsContextInterface => ({\n        ...ctx,\n        component: DeductionsFormContextual,\n        editingDeductionId: undefined,\n      })),\n    ),\n    transition(\n      componentEvents.EMPLOYEE_DEDUCTION_EDIT,\n      'form',\n      reduce(\n        (\n          ctx: DeductionsContextInterface,\n          ev: MachineEventType<EventPayloads, typeof componentEvents.EMPLOYEE_DEDUCTION_EDIT>,\n        ): DeductionsContextInterface => ({\n          ...ctx,\n          component: DeductionsFormContextual,\n          editingDeductionId: ev.payload.uuid,\n        }),\n      ),\n    ),\n    transition(componentEvents.EMPLOYEE_DEDUCTION_DONE, 'done'),\n  ),\n  form: state<MachineTransition>(\n    transition(\n      componentEvents.EMPLOYEE_DEDUCTION_CREATED,\n      'list',\n      reduce((ctx: DeductionsContextInterface): DeductionsContextInterface => ({\n        ...ctx,\n        component: DeductionsListContextual,\n        editingDeductionId: undefined,\n      })),\n    ),\n    transition(\n      componentEvents.EMPLOYEE_DEDUCTION_UPDATED,\n      'list',\n      reduce((ctx: DeductionsContextInterface): DeductionsContextInterface => ({\n        ...ctx,\n        component: DeductionsListContextual,\n        editingDeductionId: undefined,\n      })),\n    ),\n    transition(\n      componentEvents.EMPLOYEE_DEDUCTION_CANCEL,\n      'list',\n      reduce((ctx: DeductionsContextInterface): DeductionsContextInterface => ({\n        ...ctx,\n        component: DeductionsListContextual,\n        editingDeductionId: undefined,\n      })),\n    ),\n    transition(\n      componentEvents.EMPLOYEE_DEDUCTION_CANCEL_EMPTY,\n      'list',\n      reduce((ctx: DeductionsContextInterface): DeductionsContextInterface => ({\n        ...ctx,\n        component: DeductionsListContextual,\n        editingDeductionId: undefined,\n      })),\n    ),\n  ),\n  done: final(),\n}\n"],"names":["deductionsMachine","state","transition","componentEvents","reduce","ctx","DeductionsFormContextual","ev","DeductionsListContextual","final"],"mappings":";;;AAUO,MAAMA,IAAoB;AAAA,EAC/B,MAAMC;AAAA,IACJC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC,EAAO,CAACC,OAAiE;AAAA,QACvE,GAAGA;AAAA,QACH,WAAWC;AAAA,QACX,oBAAoB;AAAA,MAAA,EACpB;AAAA,IAAA;AAAA,IAEJJ;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC;AAAA,QACE,CACEC,GACAE,OACgC;AAAA,UAChC,GAAGF;AAAA,UACH,WAAWC;AAAA,UACX,oBAAoBC,EAAG,QAAQ;AAAA,QAAA;AAAA,MACjC;AAAA,IACF;AAAA,IAEFL,EAAWC,EAAgB,yBAAyB,MAAM;AAAA,EAAA;AAAA,EAE5D,MAAMF;AAAA,IACJC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC,EAAO,CAACC,OAAiE;AAAA,QACvE,GAAGA;AAAA,QACH,WAAWG;AAAA,QACX,oBAAoB;AAAA,MAAA,EACpB;AAAA,IAAA;AAAA,IAEJN;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC,EAAO,CAACC,OAAiE;AAAA,QACvE,GAAGA;AAAA,QACH,WAAWG;AAAA,QACX,oBAAoB;AAAA,MAAA,EACpB;AAAA,IAAA;AAAA,IAEJN;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC,EAAO,CAACC,OAAiE;AAAA,QACvE,GAAGA;AAAA,QACH,WAAWG;AAAA,QACX,oBAAoB;AAAA,MAAA,EACpB;AAAA,IAAA;AAAA,IAEJN;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC,EAAO,CAACC,OAAiE;AAAA,QACvE,GAAGA;AAAA,QACH,WAAWG;AAAA,QACX,oBAAoB;AAAA,MAAA,EACpB;AAAA,IAAA;AAAA,EACJ;AAAA,EAEF,MAAMC,EAAA;AACR;"}

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

@@ -1,85 +1,87 @@
-import { jsx as t, jsxs as p } from "react/jsx-runtime";
-import { useTranslation as b } from "react-i18next";
-import { useChildSupportGarnishmentForm as S } from "../useChildSupportGarnishmentForm/useChildSupportGarnishmentForm.js";
+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 { Flex as l } from "../../../../Common/Flex/Flex.js";
+import { Flex as d } from "../../../../Common/Flex/Flex.js";
 import { ActionsLayout as R } from "../../../../Common/ActionsLayout/ActionsLayout.js";
-import { useComponentContext as f } from "../../../../../contexts/ComponentAdapter/useComponentContext.js";
+import { useComponentContext as P } from "../../../../../contexts/ComponentAdapter/useComponentContext.js";
 import "react";
 import { BaseLayout as h } from "../../../../Base/Base.js";
-import { SDKFormProvider as E } from "../../../../../partner-hook-utils/form/SDKFormProvider.js";
+import { SDKFormProvider as f } from "../../../../../partner-hook-utils/form/SDKFormProvider.js";
 function F({
   employeeId: n,
   deduction: a,
-  onSaved: d,
-  onCancel: u
+  onSaved: s,
+  onCancel: p
 }) {
-  const { t: e } = b("Employee.DeductionsForm"), c = f(), r = S({
+  const { t: e } = S("Employee.DeductionsForm"), c = P(), t = b({
     employeeId: n,
     garnishmentId: a?.uuid
   });
-  if (r.isLoading)
-    return /* @__PURE__ */ t(h, { isLoading: !0, error: r.errorHandling.errors });
-  const { Fields: i } = r.form, m = r.status.selectedAgency !== null, y = async () => {
-    const o = await r.actions.onSubmit();
-    o && d(o.data, o.mode);
+  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 () => {
+    const o = await t.actions.onSubmit();
+    o && s(o.data, o.mode);
   };
-  return /* @__PURE__ */ t(h, { error: r.errorHandling.errors, children: /* @__PURE__ */ t(E, { formHookResult: r, children: /* @__PURE__ */ t(g, { onSubmit: y, children: /* @__PURE__ */ p(l, { flexDirection: "column", gap: 32, children: [
-    /* @__PURE__ */ t(c.Heading, { as: "h3", children: e("types.childSupport") }),
-    /* @__PURE__ */ p(l, { flexDirection: "column", gap: 20, children: [
-      /* @__PURE__ */ t(
+  return /* @__PURE__ */ r(h, { error: t.errorHandling.errors, children: /* @__PURE__ */ r(f, { formHookResult: t, children: /* @__PURE__ */ r(g, { onSubmit: y, 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(
         i.State,
         {
           label: e("childSupport.agencyLabel"),
+          placeholder: e("childSupport.agencyPlaceholder"),
           description: e("childSupport.agencyDescription"),
           getOptionLabel: (o) => o.name,
           validationMessages: { REQUIRED: e("childSupport.agencyRequired") }
         }
       ),
-      r.status.isManualPaymentRequired && /* @__PURE__ */ t(
+      t.status.isManualPaymentRequired && /* @__PURE__ */ r(
         c.Alert,
         {
           status: "warning",
           label: e("childSupport.manualPaymentRequired")
         }
       ),
-      m && /* @__PURE__ */ p(l, { flexDirection: "column", gap: 20, children: [
-        i.FipsCode && /* @__PURE__ */ t(
+      m && /* @__PURE__ */ l(d, { flexDirection: "column", gap: 20, children: [
+        i.FipsCode && /* @__PURE__ */ r(
           i.FipsCode,
           {
             label: e("childSupport.countyLabel"),
+            placeholder: e("childSupport.countyPlaceholder"),
             description: e("childSupport.countyDescription"),
             getOptionLabel: (o) => o.county ?? e("childSupport.allCounties"),
             validationMessages: { REQUIRED: e("childSupport.countyRequired") }
           }
         ),
-        i.CaseNumber && /* @__PURE__ */ t(
+        i.CaseNumber && /* @__PURE__ */ r(
           i.CaseNumber,
           {
-            label: s(r.status.selectedAgency, "case_number"),
+            label: u(t.status.selectedAgency, "case_number"),
             description: e("childSupport.caseNumberDescription"),
             validationMessages: { REQUIRED: e("childSupport.caseNumberRequired") }
           }
         ),
-        i.OrderNumber && /* @__PURE__ */ t(
+        i.OrderNumber && /* @__PURE__ */ r(
           i.OrderNumber,
           {
-            label: s(r.status.selectedAgency, "order_number"),
+            label: u(t.status.selectedAgency, "order_number"),
             description: e("childSupport.orderNumberDescription"),
             validationMessages: { REQUIRED: e("childSupport.orderNumberRequired") }
           }
         ),
-        i.RemittanceNumber && /* @__PURE__ */ t(
+        i.RemittanceNumber && /* @__PURE__ */ r(
           i.RemittanceNumber,
           {
-            label: s(r.status.selectedAgency, "remittance_number"),
+            label: u(t.status.selectedAgency, "remittance_number"),
             description: e("childSupport.remittanceNumberDescription"),
             validationMessages: {
               REQUIRED: e("childSupport.remittanceNumberRequired")
             }
           }
         ),
-        /* @__PURE__ */ t(
+        /* @__PURE__ */ r(
           i.PayPeriodMaximum,
           {
             label: e("childSupport.totalAmountWithheld"),
@@ -92,7 +94,7 @@ function F({
             }
           }
         ),
-        /* @__PURE__ */ t(
+        /* @__PURE__ */ r(
           i.Amount,
           {
             label: e("childSupport.maxPaycheckPercentage"),
@@ -106,27 +108,28 @@ function F({
             }
           }
         ),
-        /* @__PURE__ */ t(
+        /* @__PURE__ */ r(
           i.PaymentPeriod,
           {
             label: e("childSupport.paymentPeriodLabel"),
+            placeholder: e("childSupport.paymentPeriodPlaceholder"),
             description: e("childSupport.paymentPeriodDescription"),
-            getOptionLabel: (o) => P(e, o),
+            getOptionLabel: (o) => E(e, o),
             validationMessages: { REQUIRED: e("childSupport.paymentPeriodRequired") }
           }
         )
       ] })
     ] }),
-    /* @__PURE__ */ p(R, { children: [
-      /* @__PURE__ */ t(c.Button, { variant: "secondary", type: "button", onClick: u, children: e("actions.cancel") }),
-      m && /* @__PURE__ */ t(c.Button, { type: "submit", isLoading: r.status.isPending, children: e("actions.save") })
+    /* @__PURE__ */ l(R, { 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") })
     ] })
   ] }) }) }) });
 }
-function s(n, a) {
-  return n?.requiredAttributes?.find((u) => u.key === a)?.label ?? a;
+function u(n, a) {
+  return n?.requiredAttributes?.find((p) => p.key === a)?.label ?? a;
 }
-function P(n, a) {
+function E(n, a) {
   switch (a) {
     case "Every week":
       return n("childSupport.paymentPeriod.everyWeek");

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-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\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                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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"}
+{"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\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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"}

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

@@ -1,13 +1,14 @@
-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 { 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 L } from "./ChildSupportFormView.js";
+import { ChildSupportFormView as E } from "./ChildSupportFormView.js";
 import { useComponentContext as O } from "../../../../../contexts/ComponentAdapter/useComponentContext.js";
-import { Grid as G } from "../../../../Common/Grid/Grid.js";
+import { Grid as v } 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 = [
+import { ActionsLayout as G } from "../../../../Common/ActionsLayout/ActionsLayout.js";
+import { useI18n as C, useComponentDictionary as R } from "../../../../../i18n/I18n.js";
+const g = [
   "child_support",
   "federal_tax_lien",
   "state_tax_lien",
@@ -16,123 +17,125 @@ const f = [
   "federal_loan",
   "other_garnishment"
 ];
-function R(e) {
-  const r = e.garnishmentType;
-  return e.courtOrdered ? {
+function V(t) {
+  const i = t.garnishmentType;
+  return t.courtOrdered ? {
     kind: "garnishment",
-    type: r && f.includes(r) ? r : "child_support"
+    type: i && g.includes(i) ? i : "child_support"
   } : { kind: "custom" };
 }
-function U({
-  className: e,
-  employeeId: r,
+function Y({
+  className: t,
+  employeeId: i,
   deduction: o,
   dictionary: _,
   onSaved: p,
-  onCancel: c
+  onCancel: l
 }) {
-  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,
+  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,
     [o]
-  ), [n, u] = E(x), D = d(
-    () => f.map((s) => ({
+  ), [n, u] = S(x), k = d(
+    () => g.map((s) => ({
       value: s,
-      label: g(t, s)
+      label: f(e, s)
     })),
-    [t]
-  ), k = (s) => {
+    [e]
+  ), D = (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") })
+  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 }),
+      /* @__PURE__ */ r(a.Text, { variant: "supporting", children: e("description") })
     ] }),
-    !m && /* @__PURE__ */ l(F, { children: [
-      /* @__PURE__ */ l(y, { flexDirection: "column", gap: 20, children: [
-        /* @__PURE__ */ i(
+    !m && /* @__PURE__ */ c(F, { children: [
+      /* @__PURE__ */ c(y, { flexDirection: "column", gap: 20, children: [
+        /* @__PURE__ */ r(
           a.RadioGroup,
           {
-            label: t("variantLabel"),
-            description: t("variantDescription"),
+            label: e("variantLabel"),
+            description: e("variantDescription"),
             options: [
-              { value: "garnishment", label: t("garnishmentOption") },
-              { value: "custom", label: t("customOption") }
+              { value: "garnishment", label: e("garnishmentOption") },
+              { value: "custom", label: e("customOption") }
             ],
             defaultValue: n?.kind === "custom" ? "custom" : void 0,
-            onChange: k,
+            onChange: D,
             isRequired: !0
           }
         ),
-        n?.kind === "garnishment" && /* @__PURE__ */ i(
+        n?.kind === "garnishment" && /* @__PURE__ */ r(
           a.Select,
           {
-            label: t("garnishmentTypeLabel"),
-            options: D,
+            label: e("garnishmentTypeLabel"),
+            placeholder: "",
+            options: k,
             value: n.type,
             onChange: b,
             isRequired: !0
           }
         )
       ] }),
-      n !== null && /* @__PURE__ */ i("hr", {})
+      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?.kind === "custom" && /* @__PURE__ */ i(
+    n?.kind === "custom" && /* @__PURE__ */ r(
       h,
       {
-        employeeId: r,
+        employeeId: i,
         deduction: o ?? null,
         courtOrdered: !1,
-        title: t("types.custom"),
+        title: e("types.custom"),
         onSaved: p,
-        onCancel: c
+        onCancel: l
       }
     ),
-    n?.kind === "garnishment" && n.type === "child_support" && /* @__PURE__ */ i(
-      L,
+    n?.kind === "garnishment" && n.type === "child_support" && /* @__PURE__ */ r(
+      E,
       {
-        employeeId: r,
+        employeeId: i,
         deduction: o ?? null,
         onSaved: p,
-        onCancel: c
+        onCancel: l
       }
     ),
-    n?.kind === "garnishment" && n.type !== "child_support" && /* @__PURE__ */ i(
+    n?.kind === "garnishment" && n.type !== "child_support" && /* @__PURE__ */ r(
       h,
       {
-        employeeId: r,
+        employeeId: i,
         deduction: o ?? null,
         courtOrdered: !0,
         garnishmentType: n.type,
-        title: g(t, n.type),
+        title: f(e, n.type),
         onSaved: p,
-        onCancel: c
+        onCancel: l
       }
     )
   ] }) });
 }
-function g(e, r) {
-  switch (r) {
+function f(t, i) {
+  switch (i) {
     case "child_support":
-      return e("types.childSupport");
+      return t("types.childSupport");
     case "federal_tax_lien":
-      return e("types.federalTaxLien");
+      return t("types.federalTaxLien");
     case "state_tax_lien":
-      return e("types.stateTaxLien");
+      return t("types.stateTaxLien");
     case "student_loan":
-      return e("types.studentLoan");
+      return t("types.studentLoan");
     case "creditor_garnishment":
-      return e("types.creditorGarnishment");
+      return t("types.creditorGarnishment");
     case "federal_loan":
-      return e("types.federalLoan");
+      return t("types.federalLoan");
     case "other_garnishment":
-      return e("types.otherGarnishment");
+      return t("types.otherGarnishment");
   }
 }
 export {
-  U as DeductionsForm
+  Y as DeductionsForm
 };
 //# sourceMappingURL=DeductionsForm.js.map