@gusto/embedded-react-sdk 0.48.1 → 0.48.3

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,124 @@ 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"),
+            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

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

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

@@ -36,29 +36,12 @@ export declare const SUPPORTED_REQUIRED_ATTR_KEYS: readonly ["case_number", "ord
 export type SupportedRequiredAttrKey = (typeof SUPPORTED_REQUIRED_ATTR_KEYS)[number];
 /** @internal */
 export declare function getRequiredAttrKeys(agency?: Agencies | null): Set<SupportedRequiredAttrKey>;
-declare const fieldValidators: {
-    state: z.ZodString;
-    fipsCode: z.ZodString;
-    caseNumber: z.ZodString;
-    orderNumber: z.ZodString;
-    remittanceNumber: z.ZodString;
-    payPeriodMaximum: z.ZodPipe<z.ZodTransform<number, unknown>, z.ZodNumber>;
-    amount: z.ZodPipe<z.ZodTransform<number, unknown>, z.ZodNumber>;
-    paymentPeriod: z.ZodEnum<{
-        readonly EveryWeek: "Every week";
-        readonly EveryOtherWeek: "Every other week";
-        readonly TwicePerMonth: "Twice per month";
-        readonly Monthly: "Monthly";
-    }>;
-};
 /**
  * Shape of the values managed by the child support garnishment form.
  *
  * @public
  */
-export type ChildSupportGarnishmentFormData = {
-    [K in keyof typeof fieldValidators]: z.infer<(typeof fieldValidators)[K]>;
-};
+export type ChildSupportGarnishmentFormData = { state: string; fipsCode: string; caseNumber: string; orderNumber: string; remittanceNumber: string; payPeriodMaximum: number; amount: number; paymentPeriod: "Every week" | "Every other week" | "Twice per month" | "Monthly"; };
 /**
  * Shape of the validated values produced by the child support garnishment
  * form on submit.

package/dist/components/Employee/Deductions/shared/useDeductionForm/deductionFormSchema.d.ts

@@ -16,48 +16,25 @@ export declare const DeductionFormErrorCodes: {
  * @public
  */
 export type DeductionFormErrorCode = (typeof DeductionFormErrorCodes)[keyof typeof DeductionFormErrorCodes];
-declare const fieldValidators: {
-    description: z.ZodString;
-    recurring: z.ZodPipe<z.ZodTransform<boolean | undefined, unknown>, z.ZodBoolean>;
-    deductAsPercentage: z.ZodPipe<z.ZodTransform<boolean | undefined, unknown>, z.ZodBoolean>;
-    amount: z.ZodPipe<z.ZodTransform<number, unknown>, z.ZodNumber>;
-    totalAmount: z.ZodPipe<z.ZodTransform<number, unknown>, z.ZodNumber>;
-    annualMaximum: z.ZodPipe<z.ZodTransform<number, unknown>, z.ZodNumber>;
-    garnishmentType: z.ZodEnum<{
-        readonly ChildSupport: "child_support";
-        readonly FederalTaxLien: "federal_tax_lien";
-        readonly StateTaxLien: "state_tax_lien";
-        readonly StudentLoan: "student_loan";
-        readonly CreditorGarnishment: "creditor_garnishment";
-        readonly FederalLoan: "federal_loan";
-        readonly OtherGarnishment: "other_garnishment";
-    }>;
-};
 /**
  * Shape of the values managed by the deduction form.
  *
  * @public
  */
-export type DeductionFormData = {
-    [K in keyof typeof fieldValidators]: z.infer<(typeof fieldValidators)[K]>;
-};
+export type DeductionFormData = { description: string; recurring: boolean; deductAsPercentage: boolean; amount: number; totalAmount: number; annualMaximum: number; garnishmentType: "child_support" | "federal_tax_lien" | "state_tax_lien" | "student_loan" | "creditor_garnishment" | "federal_loan" | "other_garnishment"; };
 /**
  * Shape of the validated values produced by the deduction form on submit.
  *
  * @public
  */
 export type DeductionFormOutputs = DeductionFormData;
-declare const requiredFieldsConfig: {
-    totalAmount: "never";
-    annualMaximum: "never";
-};
 /**
  * Keys of optional deduction fields that can be promoted to required via the
  * hook's `optionalFieldsToRequire` option.
  *
  * @public
  */
-export type DeductionFormOptionalFieldsToRequire = OptionalFieldsToRequire<typeof requiredFieldsConfig>;
+export type DeductionFormOptionalFieldsToRequire = { create?: ("totalAmount" | "annualMaximum")[] | undefined; update?: ("totalAmount" | "annualMaximum")[] | undefined; };
 /** @internal */
 interface DeductionFormSchemaOptions {
     mode?: 'create' | 'update';

package/dist/components/Employee/Documents/management/Documents.js

@@ -5,6 +5,7 @@ import { DocumentsCardContextual as a } from "./DocumentsComponents.js";
 import { documentsStateMachine as i } from "./documentsStateMachine.js";
 import { Flow as u } from "../../../Flow/Flow.js";
 import { BaseBoundaries as p } from "../../../Base/Base.js";
+import "../../../Base/useBase.js";
 import { useComponentDictionary as s, useI18n as f } from "../../../../i18n/I18n.js";
 function D({ employeeId: o, onEvent: e }) {
   f("Employee.Management.Documents");
@@ -18,7 +19,7 @@ function D({ employeeId: o, onEvent: e }) {
   );
   return /* @__PURE__ */ n(u, { machine: m, onEvent: e });
 }
-function E({
+function w({
   dictionary: o,
   FallbackComponent: e,
   ...m
@@ -33,6 +34,6 @@ function E({
   );
 }
 export {
-  E as Documents
+  w as Documents
 };
 //# sourceMappingURL=Documents.js.map

package/dist/components/Employee/Documents/management/Documents.js.map

@@ -1 +1 @@
-{"version":3,"file":"Documents.js","sources":["../../../../../src/components/Employee/Documents/management/Documents.tsx"],"sourcesContent":["import { createMachine } from 'robot3'\nimport { useMemo } from 'react'\nimport { DocumentsCardContextual, type DocumentsContextInterface } from './DocumentsComponents'\nimport { documentsStateMachine } from './documentsStateMachine'\nimport { Flow } from '@/components/Flow/Flow'\nimport {\n  BaseBoundaries,\n  type BaseComponentInterface,\n  type CommonComponentInterface,\n} from '@/components/Base'\nimport { type EventType } from '@/shared/constants'\nimport { useComponentDictionary } from '@/i18n/I18n'\nimport { useI18n } from '@/i18n'\nimport type { OnEventType } from '@/components/Base/useBase'\n\n/**\n * Props for {@link Documents}.\n *\n * @public\n */\nexport interface DocumentsProps extends CommonComponentInterface<'Employee.Management.Documents'> {\n  /** The associated employee identifier. */\n  employeeId: string\n  /** Event handler fired on flow state changes. */\n  onEvent: OnEventType<EventType, unknown>\n}\n\nfunction DocumentsFlow({ employeeId, onEvent }: DocumentsProps) {\n  useI18n('Employee.Management.Documents')\n\n  const machine = useMemo(\n    () =>\n      createMachine('card', documentsStateMachine, (ctx: DocumentsContextInterface) => ({\n        ...ctx,\n        component: DocumentsCardContextual,\n        employeeId,\n      })),\n    [employeeId],\n  )\n\n  return <Flow machine={machine} onEvent={onEvent} />\n}\n\n/**\n * Standalone employee documents management flow.\n *\n * @remarks\n * Orchestrates the documents card and the per-form document manager. The flow\n * starts on the documents card and routes to the document manager when a row's\n * View CTA is selected; cancelling from the document manager returns to the\n * card.\n *\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `employee/management/documents/card/viewRequested` | Fired when a row's View CTA is clicked on the documents card | `{ employeeId: string; formId: string }` |\n *\n * @param props - See {@link DocumentsProps}.\n * @returns The documents management flow.\n * @public\n */\nexport function Documents({\n  dictionary,\n  FallbackComponent,\n  ...props\n}: DocumentsProps & BaseComponentInterface<'Employee.Management.Documents'>) {\n  useComponentDictionary('Employee.Management.Documents', dictionary)\n  return (\n    <BaseBoundaries\n      componentName=\"Employee.Management.Documents\"\n      FallbackComponent={FallbackComponent}\n    >\n      <DocumentsFlow {...props} />\n    </BaseBoundaries>\n  )\n}\n"],"names":["DocumentsFlow","employeeId","onEvent","useI18n","machine","useMemo","createMachine","documentsStateMachine","ctx","DocumentsCardContextual","jsx","Flow","Documents","dictionary","FallbackComponent","props","useComponentDictionary","BaseBoundaries"],"mappings":";;;;;;;;AA2BA,SAASA,EAAc,EAAE,YAAAC,GAAY,SAAAC,KAA2B;AAC9D,EAAAC,EAAQ,+BAA+B;AAEvC,QAAMC,IAAUC;AAAA,IACd,MACEC,EAAc,QAAQC,GAAuB,CAACC,OAAoC;AAAA,MAChF,GAAGA;AAAA,MACH,WAAWC;AAAA,MACX,YAAAR;AAAA,IAAA,EACA;AAAA,IACJ,CAACA,CAAU;AAAA,EAAA;AAGb,SAAO,gBAAAS,EAACC,GAAA,EAAK,SAAAP,GAAkB,SAAAF,EAAA,CAAkB;AACnD;AAmBO,SAASU,EAAU;AAAA,EACxB,YAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,GAAGC;AACL,GAA6E;AAC3E,SAAAC,EAAuB,iCAAiCH,CAAU,GAEhE,gBAAAH;AAAA,IAACO;AAAA,IAAA;AAAA,MACC,eAAc;AAAA,MACd,mBAAAH;AAAA,MAEA,UAAA,gBAAAJ,EAACV,GAAA,EAAe,GAAGe,EAAA,CAAO;AAAA,IAAA;AAAA,EAAA;AAGhC;"}
+{"version":3,"file":"Documents.js","sources":["../../../../../src/components/Employee/Documents/management/Documents.tsx"],"sourcesContent":["import { createMachine } from 'robot3'\nimport { useMemo } from 'react'\nimport { DocumentsCardContextual, type DocumentsContextInterface } from './DocumentsComponents'\nimport { documentsStateMachine } from './documentsStateMachine'\nimport { Flow } from '@/components/Flow/Flow'\nimport {\n  BaseBoundaries,\n  type BaseComponentInterface,\n  type CommonComponentInterface,\n} from '@/components/Base'\nimport { type EventType } from '@/shared/constants'\nimport { useComponentDictionary } from '@/i18n/I18n'\nimport { useI18n } from '@/i18n'\nimport type { OnEventType } from '@/components/Base/useBase'\n\n/**\n * Props for {@link Documents}.\n *\n * @public\n */\nexport interface DocumentsProps extends CommonComponentInterface<'Employee.Management.Documents'> {\n  /** The associated employee identifier. */\n  employeeId: string\n  /** Event handler fired on flow state changes. */\n  onEvent: OnEventType<EventType, unknown>\n}\n\nfunction DocumentsFlow({ employeeId, onEvent }: DocumentsProps) {\n  useI18n('Employee.Management.Documents')\n\n  const machine = useMemo(\n    () =>\n      createMachine('card', documentsStateMachine, (ctx: DocumentsContextInterface) => ({\n        ...ctx,\n        component: DocumentsCardContextual,\n        employeeId,\n      })),\n    [employeeId],\n  )\n\n  return <Flow machine={machine} onEvent={onEvent} />\n}\n\n/**\n * Standalone employee documents management flow.\n *\n * @remarks\n * Orchestrates the documents card and the per-form document manager. The flow\n * starts on the documents card and routes to the document manager when a row's\n * View CTA is selected; cancelling from the document manager returns to the\n * card.\n *\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `employee/management/documents/card/viewRequested` | Fired when a row's View CTA is clicked on the documents card | `{ employeeId: string; formId: string }` |\n *\n * @param props - See {@link DocumentsProps}.\n * @returns The documents management flow.\n * @public\n */\nexport function Documents({\n  dictionary,\n  FallbackComponent,\n  ...props\n}: DocumentsProps & BaseComponentInterface<'Employee.Management.Documents'>) {\n  useComponentDictionary('Employee.Management.Documents', dictionary)\n  return (\n    <BaseBoundaries\n      componentName=\"Employee.Management.Documents\"\n      FallbackComponent={FallbackComponent}\n    >\n      <DocumentsFlow {...props} />\n    </BaseBoundaries>\n  )\n}\n"],"names":["DocumentsFlow","employeeId","onEvent","useI18n","machine","useMemo","createMachine","documentsStateMachine","ctx","DocumentsCardContextual","jsx","Flow","Documents","dictionary","FallbackComponent","props","useComponentDictionary","BaseBoundaries"],"mappings":";;;;;;;;;AA2BA,SAASA,EAAc,EAAE,YAAAC,GAAY,SAAAC,KAA2B;AAC9D,EAAAC,EAAQ,+BAA+B;AAEvC,QAAMC,IAAUC;AAAA,IACd,MACEC,EAAc,QAAQC,GAAuB,CAACC,OAAoC;AAAA,MAChF,GAAGA;AAAA,MACH,WAAWC;AAAA,MACX,YAAAR;AAAA,IAAA,EACA;AAAA,IACJ,CAACA,CAAU;AAAA,EAAA;AAGb,SAAO,gBAAAS,EAACC,GAAA,EAAK,SAAAP,GAAkB,SAAAF,EAAA,CAAkB;AACnD;AAmBO,SAASU,EAAU;AAAA,EACxB,YAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,GAAGC;AACL,GAA6E;AAC3E,SAAAC,EAAuB,iCAAiCH,CAAU,GAEhE,gBAAAH;AAAA,IAACO;AAAA,IAAA;AAAA,MACC,eAAc;AAAA,MACd,mBAAAH;AAAA,MAEA,UAAA,gBAAAJ,EAACV,GAAA,EAAe,GAAGe,EAAA,CAAO;AAAA,IAAA;AAAA,EAAA;AAGhC;"}

package/dist/components/Employee/Documents/onboarding/DocumentSigner/DocumentList/DocumentList.d.ts

@@ -1,7 +1,27 @@
-import { BaseComponentInterface, CommonComponentInterface } from '../../../../../Base/Base';
-interface DocumentListProps extends CommonComponentInterface {
+import { BaseComponentInterface } from '../../../../../Base/Base';
+/**
+ * Props for {@link DocumentList}.
+ *
+ * @public
+ */
+export interface DocumentListProps extends BaseComponentInterface {
+    /** The associated employee identifier. */
     employeeId: string;
 }
-/** @internal */
-export declare function DocumentList(props: DocumentListProps & BaseComponentInterface): import("react").JSX.Element;
-export {};
+/**
+ * Lists the employee's documents pending signature.
+ *
+ * @remarks
+ * Fetches the employee's forms and renders the list of documents that still
+ * require signing along with a continue action once everything is signed.
+ *
+ * | Event | Description | Data |
+ * | ----- | ----------- | ---- |
+ * | `employee/forms/view` | Fired when a form's "Sign" action is selected | `{ uuid: string; name?: string }` |
+ * | `employee/forms/done` | Fired when all required forms have been signed and the parent flow can advance | — |
+ *
+ * @param props - See {@link DocumentListProps}.
+ * @returns The employee document list.
+ * @public
+ */
+export declare function DocumentList(props: DocumentListProps): import("react").JSX.Element;

package/dist/components/Employee/Documents/onboarding/DocumentSigner/DocumentList/DocumentList.js.map

@@ -1 +1 @@
-{"version":3,"file":"DocumentList.js","sources":["../../../../../../../src/components/Employee/Documents/onboarding/DocumentSigner/DocumentList/DocumentList.tsx"],"sourcesContent":["import { useEmployeeFormsListSuspense } from '@gusto/embedded-api-v-2025-11-15/react-query/employeeFormsList'\nimport { type Form } from '@gusto/embedded-api-v-2025-11-15/models/components/form'\nimport { Head } from './Head'\nimport { List } from './List'\nimport { Actions } from './Actions'\nimport { DocumentListProvider } from './useDocumentList'\nimport {\n  BaseComponent,\n  type BaseComponentInterface,\n  type CommonComponentInterface,\n} from '@/components/Base/Base'\nimport { useBase } from '@/components/Base/useBase'\nimport { useI18n } from '@/i18n'\nimport { componentEvents } from '@/shared/constants'\nimport { Flex } from '@/components/Common'\n\ninterface DocumentListProps extends CommonComponentInterface {\n  employeeId: string\n}\n\n/** @internal */\nexport function DocumentList(props: DocumentListProps & BaseComponentInterface) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props} />\n    </BaseComponent>\n  )\n}\n\nfunction Root({ employeeId, className, children }: DocumentListProps) {\n  useI18n('Employee.DocumentSigner')\n  const { onEvent } = useBase()\n\n  const { data, error: documentListError } = useEmployeeFormsListSuspense({ employeeId })\n  const employeeForms = data.forms!\n\n  const hasSignedAllForms = employeeForms.every(employeeForm => !employeeForm.requiresSigning)\n\n  const handleRequestFormToSign = (data: Form) => {\n    const fullForm = employeeForms.find(f => f.uuid === data.uuid)\n    onEvent(componentEvents.EMPLOYEE_VIEW_FORM_TO_SIGN, { uuid: data.uuid, name: fullForm?.name })\n  }\n\n  const handleContinue = () => {\n    onEvent(componentEvents.EMPLOYEE_FORMS_DONE)\n  }\n\n  return (\n    <section className={className}>\n      <DocumentListProvider\n        value={{\n          employeeForms,\n          hasSignedAllForms,\n          handleContinue,\n          handleRequestFormToSign,\n          documentListError,\n        }}\n      >\n        {children ? (\n          children\n        ) : (\n          <Flex flexDirection=\"column\">\n            <Head />\n            <List />\n            <Actions />\n          </Flex>\n        )}\n      </DocumentListProvider>\n    </section>\n  )\n}\n"],"names":["DocumentList","props","jsx","BaseComponent","Root","employeeId","className","children","useI18n","onEvent","useBase","data","documentListError","useEmployeeFormsListSuspense","employeeForms","hasSignedAllForms","employeeForm","DocumentListProvider","componentEvents","fullForm","jsxs","Flex","Head","List","Actions"],"mappings":";;;;;;;;;;;;;;AAqBO,SAASA,EAAaC,GAAmD;AAC9E,SACE,gBAAAC,EAACC,KAAe,GAAGF,GACjB,4BAACG,GAAA,EAAM,GAAGH,GAAO,EAAA,CACnB;AAEJ;AAEA,SAASG,EAAK,EAAE,YAAAC,GAAY,WAAAC,GAAW,UAAAC,KAA+B;AACpE,EAAAC,EAAQ,yBAAyB;AACjC,QAAM,EAAE,SAAAC,EAAA,IAAYC,EAAA,GAEd,EAAE,MAAAC,GAAM,OAAOC,EAAA,IAAsBC,EAA6B,EAAE,YAAAR,GAAY,GAChFS,IAAgBH,EAAK,OAErBI,IAAoBD,EAAc,MAAM,CAAAE,MAAgB,CAACA,EAAa,eAAe;AAW3F,SACE,gBAAAd,EAAC,aAAQ,WAAAI,GACP,UAAA,gBAAAJ;AAAA,IAACe;AAAA,IAAA;AAAA,MACC,OAAO;AAAA,QACL,eAAAH;AAAA,QACA,mBAAAC;AAAA,QACA,gBAVe,MAAM;AAC3B,UAAAN,EAAQS,EAAgB,mBAAmB;AAAA,QAC7C;AAAA,QASQ,yBAhBwB,CAACP,MAAe;AAC9C,gBAAMQ,IAAWL,EAAc,KAAK,OAAK,EAAE,SAASH,EAAK,IAAI;AAC7D,UAAAF,EAAQS,EAAgB,4BAA4B,EAAE,MAAMP,EAAK,MAAM,MAAMQ,GAAU,MAAM;AAAA,QAC/F;AAAA,QAcQ,mBAAAP;AAAA,MAAA;AAAA,MAGD,UAAAL,KAGC,gBAAAa,EAACC,GAAA,EAAK,eAAc,UAClB,UAAA;AAAA,QAAA,gBAAAnB,EAACoB,GAAA,EAAK;AAAA,0BACLC,GAAA,EAAK;AAAA,0BACLC,GAAA,CAAA,CAAQ;AAAA,MAAA,EAAA,CACX;AAAA,IAAA;AAAA,EAAA,GAGN;AAEJ;"}
+{"version":3,"file":"DocumentList.js","sources":["../../../../../../../src/components/Employee/Documents/onboarding/DocumentSigner/DocumentList/DocumentList.tsx"],"sourcesContent":["import { useEmployeeFormsListSuspense } from '@gusto/embedded-api-v-2025-11-15/react-query/employeeFormsList'\nimport { type Form } from '@gusto/embedded-api-v-2025-11-15/models/components/form'\nimport { Head } from './Head'\nimport { List } from './List'\nimport { Actions } from './Actions'\nimport { DocumentListProvider } from './useDocumentList'\nimport { BaseComponent, type BaseComponentInterface } from '@/components/Base/Base'\nimport { useBase } from '@/components/Base/useBase'\nimport { useI18n } from '@/i18n'\nimport { componentEvents } from '@/shared/constants'\nimport { Flex } from '@/components/Common'\n\n/**\n * Props for {@link DocumentList}.\n *\n * @public\n */\nexport interface DocumentListProps extends BaseComponentInterface {\n  /** The associated employee identifier. */\n  employeeId: string\n}\n\n/**\n * Lists the employee's documents pending signature.\n *\n * @remarks\n * Fetches the employee's forms and renders the list of documents that still\n * require signing along with a continue action once everything is signed.\n *\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `employee/forms/view` | Fired when a form's \"Sign\" action is selected | `{ uuid: string; name?: string }` |\n * | `employee/forms/done` | Fired when all required forms have been signed and the parent flow can advance | — |\n *\n * @param props - See {@link DocumentListProps}.\n * @returns The employee document list.\n * @public\n */\nexport function DocumentList(props: DocumentListProps) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props} />\n    </BaseComponent>\n  )\n}\n\nfunction Root({ employeeId, className, children }: DocumentListProps) {\n  useI18n('Employee.DocumentSigner')\n  const { onEvent } = useBase()\n\n  const { data, error: documentListError } = useEmployeeFormsListSuspense({ employeeId })\n  const employeeForms = data.forms!\n\n  const hasSignedAllForms = employeeForms.every(employeeForm => !employeeForm.requiresSigning)\n\n  const handleRequestFormToSign = (data: Form) => {\n    const fullForm = employeeForms.find(f => f.uuid === data.uuid)\n    onEvent(componentEvents.EMPLOYEE_VIEW_FORM_TO_SIGN, { uuid: data.uuid, name: fullForm?.name })\n  }\n\n  const handleContinue = () => {\n    onEvent(componentEvents.EMPLOYEE_FORMS_DONE)\n  }\n\n  return (\n    <section className={className}>\n      <DocumentListProvider\n        value={{\n          employeeForms,\n          hasSignedAllForms,\n          handleContinue,\n          handleRequestFormToSign,\n          documentListError,\n        }}\n      >\n        {children ? (\n          children\n        ) : (\n          <Flex flexDirection=\"column\">\n            <Head />\n            <List />\n            <Actions />\n          </Flex>\n        )}\n      </DocumentListProvider>\n    </section>\n  )\n}\n"],"names":["DocumentList","props","jsx","BaseComponent","Root","employeeId","className","children","useI18n","onEvent","useBase","data","documentListError","useEmployeeFormsListSuspense","employeeForms","hasSignedAllForms","employeeForm","DocumentListProvider","componentEvents","fullForm","jsxs","Flex","Head","List","Actions"],"mappings":";;;;;;;;;;;;;;AAsCO,SAASA,EAAaC,GAA0B;AACrD,SACE,gBAAAC,EAACC,KAAe,GAAGF,GACjB,4BAACG,GAAA,EAAM,GAAGH,GAAO,EAAA,CACnB;AAEJ;AAEA,SAASG,EAAK,EAAE,YAAAC,GAAY,WAAAC,GAAW,UAAAC,KAA+B;AACpE,EAAAC,EAAQ,yBAAyB;AACjC,QAAM,EAAE,SAAAC,EAAA,IAAYC,EAAA,GAEd,EAAE,MAAAC,GAAM,OAAOC,EAAA,IAAsBC,EAA6B,EAAE,YAAAR,GAAY,GAChFS,IAAgBH,EAAK,OAErBI,IAAoBD,EAAc,MAAM,CAAAE,MAAgB,CAACA,EAAa,eAAe;AAW3F,SACE,gBAAAd,EAAC,aAAQ,WAAAI,GACP,UAAA,gBAAAJ;AAAA,IAACe;AAAA,IAAA;AAAA,MACC,OAAO;AAAA,QACL,eAAAH;AAAA,QACA,mBAAAC;AAAA,QACA,gBAVe,MAAM;AAC3B,UAAAN,EAAQS,EAAgB,mBAAmB;AAAA,QAC7C;AAAA,QASQ,yBAhBwB,CAACP,MAAe;AAC9C,gBAAMQ,IAAWL,EAAc,KAAK,OAAK,EAAE,SAASH,EAAK,IAAI;AAC7D,UAAAF,EAAQS,EAAgB,4BAA4B,EAAE,MAAMP,EAAK,MAAM,MAAMQ,GAAU,MAAM;AAAA,QAC/F;AAAA,QAcQ,mBAAAP;AAAA,MAAA;AAAA,MAGD,UAAAL,KAGC,gBAAAa,EAACC,GAAA,EAAK,eAAc,UAClB,UAAA;AAAA,QAAA,gBAAAnB,EAACoB,GAAA,EAAK;AAAA,0BACLC,GAAA,EAAK;AAAA,0BACLC,GAAA,CAAA,CAAQ;AAAA,MAAA,EAAA,CACX;AAAA,IAAA;AAAA,EAAA,GAGN;AAEJ;"}

package/dist/components/Employee/Documents/onboarding/DocumentSigner/DocumentList/index.d.ts

@@ -0,0 +1,3 @@
+import "./types/i18next.d.ts"
+export { DocumentList } from './DocumentList';
+export type { DocumentListProps } from './DocumentList';

package/dist/components/Employee/Documents/onboarding/DocumentSigner/DocumentList/useDocumentList.js

@@ -1,7 +1,21 @@
+import "react/jsx-runtime";
+import "react";
+import "react-error-boundary";
+import "react-i18next";
+import "@tanstack/react-query";
+import "../../../../../Base/useBase.js";
+import "@gusto/embedded-api-v-2025-11-15/models/errors/apierror";
+import "@gusto/embedded-api-v-2025-11-15/models/errors/gustoembeddederror";
+import "@gusto/embedded-api-v-2025-11-15/models/errors/sdkvalidationerror";
+import "@gusto/embedded-api-v-2025-11-15/models/errors/unprocessableentityerror";
+import "@gusto/embedded-api-v-2025-11-15/models/errors/httpclienterrors";
+import "../../../../../../shared/constants.js";
+import "../../../../../../contexts/ComponentAdapter/useComponentContext.js";
+import "../../../../../../contexts/LoadingIndicatorProvider/useLoadingIndicator.js";
 import { createCompoundContext as t } from "../../../../../Base/createCompoundContext.js";
-const [e, n] = t("DocumentListContext");
+const [a, f] = t("DocumentListContext");
 export {
-  n as DocumentListProvider,
-  e as useDocumentList
+  f as DocumentListProvider,
+  a as useDocumentList
 };
 //# sourceMappingURL=useDocumentList.js.map

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

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

package/dist/components/Employee/Documents/onboarding/DocumentSigner/DocumentSigner.js

@@ -1,5 +1,5 @@
 import { jsx as n } from "react/jsx-runtime";
-import { createMachine as p } from "robot3";
+import { createMachine as f } from "robot3";
 import { useMemo as l } from "react";
 import { useEmployeesGetSuspense as g } from "@gusto/embedded-api-v-2025-11-15/react-query/employeesGet";
 import { useEmployeeFormsListSuspense as D } from "@gusto/embedded-api-v-2025-11-15/react-query/employeeFormsList";
@@ -7,29 +7,30 @@ import { EmploymentEligibilityContextual as d, DocumentListContextual as y } fro
 import { documentSignerMachine as E } from "./stateMachine.js";
 import { Flow as S } from "../../../../Flow/Flow.js";
 import { BaseComponent as x } from "../../../../Base/Base.js";
+import "../../../../Base/useBase.js";
 import { useComponentDictionary as C } from "../../../../../i18n/I18n.js";
 import { I9_FORM_NAME as F } from "../../../../../shared/constants.js";
-function N(o) {
+function O(o) {
   return /* @__PURE__ */ n(x, { ...o, children: /* @__PURE__ */ n(M, { ...o }) });
 }
-function M({ employeeId: o, onEvent: i, dictionary: s, withEmployeeI9: e = !1 }) {
+function M({ employeeId: o, onEvent: i, dictionary: s, withEmployeeI9: t = !1 }) {
   C("Employee.DocumentSigner", s);
-  const { data: a } = g({ employeeId: o }), { data: c } = D({ employeeId: o }), u = a.employee?.onboardingDocumentsConfig?.i9Document === !0, m = c.forms?.find((t) => t.name === F), r = e && u && (!m || m.requiresSigning === !0), f = l(
-    () => p(
+  const { data: a } = g({ employeeId: o }), { data: c } = D({ employeeId: o }), u = a.employee?.onboardingDocumentsConfig?.i9Document === !0, m = c.forms?.find((e) => e.name === F), r = t && u && (!m || m.requiresSigning === !0), p = l(
+    () => f(
       r ? "employmentEligibility" : "index",
       E,
-      (t) => ({
-        ...t,
+      (e) => ({
+        ...e,
         component: r ? d : y,
         employeeId: o,
-        withEmployeeI9: e
+        withEmployeeI9: t
       })
     ),
-    [o, e]
+    [o, t]
   );
-  return /* @__PURE__ */ n(S, { machine: f, onEvent: i });
+  return /* @__PURE__ */ n(S, { machine: p, onEvent: i });
 }
 export {
-  N as DocumentSigner
+  O as DocumentSigner
 };
 //# sourceMappingURL=DocumentSigner.js.map

package/dist/components/Employee/Documents/onboarding/DocumentSigner/DocumentSigner.js.map

@@ -1 +1 @@
-{"version":3,"file":"DocumentSigner.js","sources":["../../../../../../src/components/Employee/Documents/onboarding/DocumentSigner/DocumentSigner.tsx"],"sourcesContent":["import { createMachine } from 'robot3'\nimport { useMemo } from 'react'\nimport { useEmployeesGetSuspense } from '@gusto/embedded-api-v-2025-11-15/react-query/employeesGet'\nimport { useEmployeeFormsListSuspense } from '@gusto/embedded-api-v-2025-11-15/react-query/employeeFormsList'\nimport {\n  DocumentListContextual,\n  EmploymentEligibilityContextual,\n  type DocumentSignerContextInterface,\n} from './documentSignerStateMachine'\nimport { documentSignerMachine } from './stateMachine'\nimport { Flow } from '@/components/Flow/Flow'\nimport { BaseComponent, type BaseComponentInterface } from '@/components/Base'\nimport { useComponentDictionary } from '@/i18n/I18n'\nimport { I9_FORM_NAME } from '@/shared/constants'\n\n/**\n * Props for {@link DocumentSigner}.\n *\n * @public\n */\nexport interface DocumentSignerProps extends BaseComponentInterface<'Employee.DocumentSigner'> {\n  /** The associated employee identifier. */\n  employeeId: string\n  /** When `true`, the flow routes through I-9 employment eligibility before listing documents for signing. Defaults to `false`. */\n  withEmployeeI9?: boolean\n}\n\n/**\n * Onboarding step for signing employee documents.\n *\n * @remarks\n * Lists the employee's pending forms and routes through the signing UI for each\n * one. When `withEmployeeI9` is `true` and the employee's I-9 has not been\n * signed, the flow starts on the I-9 employment eligibility step before\n * presenting the document list.\n *\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `employee/employmentEligibility/done` | Fired after I-9 employment eligibility is captured | The updated I-9 authorization |\n * | `employee/forms/view` | Fired when a form's \"Sign\" action is selected from the document list | `{ uuid: string; name?: string }` |\n * | `employee/forms/sign` | Fired after a form is successfully signed | {@link Form} |\n * | `employee/employmentEligibility/change` | Fired when the user requests to change their I-9 eligibility status | — |\n * | `employee/forms/done` | Fired when all required forms have been signed and the parent flow can advance | — |\n * | `cancel` | Fired when the user cancels signing a form and returns to the document list | — |\n *\n * @param props - See {@link DocumentSignerProps}.\n * @returns The document signer flow.\n * @public\n */\nexport function DocumentSigner(props: DocumentSignerProps) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props} />\n    </BaseComponent>\n  )\n}\n\nfunction Root({ employeeId, onEvent, dictionary, withEmployeeI9 = false }: DocumentSignerProps) {\n  useComponentDictionary('Employee.DocumentSigner', dictionary)\n\n  const { data: employeeData } = useEmployeesGetSuspense({ employeeId })\n  const { data: formsData } = useEmployeeFormsListSuspense({ employeeId })\n\n  const employeeHasI9Enabled = employeeData.employee?.onboardingDocumentsConfig?.i9Document === true\n\n  const i9Form = formsData.forms?.find(form => form.name === I9_FORM_NAME)\n  const needsI9Form =\n    withEmployeeI9 && employeeHasI9Enabled && (!i9Form || i9Form.requiresSigning === true)\n\n  const machine = useMemo(\n    () =>\n      createMachine(\n        needsI9Form ? 'employmentEligibility' : 'index',\n        documentSignerMachine,\n        (initialContext: DocumentSignerContextInterface) => ({\n          ...initialContext,\n          component: needsI9Form ? EmploymentEligibilityContextual : DocumentListContextual,\n          employeeId,\n          withEmployeeI9,\n        }),\n      ),\n    [employeeId, withEmployeeI9],\n  )\n\n  return <Flow machine={machine} onEvent={onEvent} />\n}\n"],"names":["DocumentSigner","props","jsx","BaseComponent","Root","employeeId","onEvent","dictionary","withEmployeeI9","useComponentDictionary","employeeData","useEmployeesGetSuspense","formsData","useEmployeeFormsListSuspense","employeeHasI9Enabled","i9Form","form","I9_FORM_NAME","needsI9Form","machine","useMemo","createMachine","documentSignerMachine","initialContext","EmploymentEligibilityContextual","DocumentListContextual","Flow"],"mappings":";;;;;;;;;;;AAiDO,SAASA,EAAeC,GAA4B;AACzD,SACE,gBAAAC,EAACC,KAAe,GAAGF,GACjB,4BAACG,GAAA,EAAM,GAAGH,GAAO,EAAA,CACnB;AAEJ;AAEA,SAASG,EAAK,EAAE,YAAAC,GAAY,SAAAC,GAAS,YAAAC,GAAY,gBAAAC,IAAiB,MAA8B;AAC9F,EAAAC,EAAuB,2BAA2BF,CAAU;AAE5D,QAAM,EAAE,MAAMG,EAAA,IAAiBC,EAAwB,EAAE,YAAAN,GAAY,GAC/D,EAAE,MAAMO,EAAA,IAAcC,EAA6B,EAAE,YAAAR,GAAY,GAEjES,IAAuBJ,EAAa,UAAU,2BAA2B,eAAe,IAExFK,IAASH,EAAU,OAAO,KAAK,CAAAI,MAAQA,EAAK,SAASC,CAAY,GACjEC,IACJV,KAAkBM,MAAyB,CAACC,KAAUA,EAAO,oBAAoB,KAE7EI,IAAUC;AAAA,IACd,MACEC;AAAA,MACEH,IAAc,0BAA0B;AAAA,MACxCI;AAAA,MACA,CAACC,OAAoD;AAAA,QACnD,GAAGA;AAAA,QACH,WAAWL,IAAcM,IAAkCC;AAAA,QAC3D,YAAApB;AAAA,QACA,gBAAAG;AAAA,MAAA;AAAA,IACF;AAAA,IAEJ,CAACH,GAAYG,CAAc;AAAA,EAAA;AAG7B,SAAO,gBAAAN,EAACwB,GAAA,EAAK,SAAAP,GAAkB,SAAAb,EAAA,CAAkB;AACnD;"}
+{"version":3,"file":"DocumentSigner.js","sources":["../../../../../../src/components/Employee/Documents/onboarding/DocumentSigner/DocumentSigner.tsx"],"sourcesContent":["import { createMachine } from 'robot3'\nimport { useMemo } from 'react'\nimport { useEmployeesGetSuspense } from '@gusto/embedded-api-v-2025-11-15/react-query/employeesGet'\nimport { useEmployeeFormsListSuspense } from '@gusto/embedded-api-v-2025-11-15/react-query/employeeFormsList'\nimport {\n  DocumentListContextual,\n  EmploymentEligibilityContextual,\n  type DocumentSignerContextInterface,\n} from './documentSignerStateMachine'\nimport { documentSignerMachine } from './stateMachine'\nimport { Flow } from '@/components/Flow/Flow'\nimport { BaseComponent, type BaseComponentInterface } from '@/components/Base'\nimport { useComponentDictionary } from '@/i18n/I18n'\nimport { I9_FORM_NAME } from '@/shared/constants'\n\n/**\n * Props for {@link DocumentSigner}.\n *\n * @public\n */\nexport interface DocumentSignerProps extends BaseComponentInterface<'Employee.DocumentSigner'> {\n  /** The associated employee identifier. */\n  employeeId: string\n  /** When `true`, the flow routes through I-9 employment eligibility before listing documents for signing. Defaults to `false`. */\n  withEmployeeI9?: boolean\n}\n\n/**\n * Onboarding step for signing employee documents.\n *\n * @remarks\n * Lists the employee's pending forms and routes through the signing UI for each\n * one. When `withEmployeeI9` is `true` and the employee's I-9 has not been\n * signed, the flow starts on the I-9 employment eligibility step before\n * presenting the document list.\n *\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `employee/employmentEligibility/done` | Fired after I-9 employment eligibility is captured | The updated I-9 authorization |\n * | `employee/forms/view` | Fired when a form's \"Sign\" action is selected from the document list | `{ uuid: string; name?: string }` |\n * | `employee/forms/sign` | Fired after a form is successfully signed | {@link Form} |\n * | `employee/employmentEligibility/change` | Fired when the user requests to change their I-9 eligibility status | — |\n * | `employee/forms/done` | Fired when all required forms have been signed and the parent flow can advance | — |\n * | `cancel` | Fired when the user cancels signing a form and returns to the document list | — |\n *\n * @param props - See {@link DocumentSignerProps}.\n * @returns The document signer flow.\n * @public\n */\nexport function DocumentSigner(props: DocumentSignerProps) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props} />\n    </BaseComponent>\n  )\n}\n\nfunction Root({ employeeId, onEvent, dictionary, withEmployeeI9 = false }: DocumentSignerProps) {\n  useComponentDictionary('Employee.DocumentSigner', dictionary)\n\n  const { data: employeeData } = useEmployeesGetSuspense({ employeeId })\n  const { data: formsData } = useEmployeeFormsListSuspense({ employeeId })\n\n  const employeeHasI9Enabled = employeeData.employee?.onboardingDocumentsConfig?.i9Document === true\n\n  const i9Form = formsData.forms?.find(form => form.name === I9_FORM_NAME)\n  const needsI9Form =\n    withEmployeeI9 && employeeHasI9Enabled && (!i9Form || i9Form.requiresSigning === true)\n\n  const machine = useMemo(\n    () =>\n      createMachine(\n        needsI9Form ? 'employmentEligibility' : 'index',\n        documentSignerMachine,\n        (initialContext: DocumentSignerContextInterface) => ({\n          ...initialContext,\n          component: needsI9Form ? EmploymentEligibilityContextual : DocumentListContextual,\n          employeeId,\n          withEmployeeI9,\n        }),\n      ),\n    [employeeId, withEmployeeI9],\n  )\n\n  return <Flow machine={machine} onEvent={onEvent} />\n}\n"],"names":["DocumentSigner","props","jsx","BaseComponent","Root","employeeId","onEvent","dictionary","withEmployeeI9","useComponentDictionary","employeeData","useEmployeesGetSuspense","formsData","useEmployeeFormsListSuspense","employeeHasI9Enabled","i9Form","form","I9_FORM_NAME","needsI9Form","machine","useMemo","createMachine","documentSignerMachine","initialContext","EmploymentEligibilityContextual","DocumentListContextual","Flow"],"mappings":";;;;;;;;;;;;AAiDO,SAASA,EAAeC,GAA4B;AACzD,SACE,gBAAAC,EAACC,KAAe,GAAGF,GACjB,4BAACG,GAAA,EAAM,GAAGH,GAAO,EAAA,CACnB;AAEJ;AAEA,SAASG,EAAK,EAAE,YAAAC,GAAY,SAAAC,GAAS,YAAAC,GAAY,gBAAAC,IAAiB,MAA8B;AAC9F,EAAAC,EAAuB,2BAA2BF,CAAU;AAE5D,QAAM,EAAE,MAAMG,EAAA,IAAiBC,EAAwB,EAAE,YAAAN,GAAY,GAC/D,EAAE,MAAMO,EAAA,IAAcC,EAA6B,EAAE,YAAAR,GAAY,GAEjES,IAAuBJ,EAAa,UAAU,2BAA2B,eAAe,IAExFK,IAASH,EAAU,OAAO,KAAK,CAAAI,MAAQA,EAAK,SAASC,CAAY,GACjEC,IACJV,KAAkBM,MAAyB,CAACC,KAAUA,EAAO,oBAAoB,KAE7EI,IAAUC;AAAA,IACd,MACEC;AAAA,MACEH,IAAc,0BAA0B;AAAA,MACxCI;AAAA,MACA,CAACC,OAAoD;AAAA,QACnD,GAAGA;AAAA,QACH,WAAWL,IAAcM,IAAkCC;AAAA,QAC3D,YAAApB;AAAA,QACA,gBAAAG;AAAA,MAAA;AAAA,IACF;AAAA,IAEJ,CAACH,GAAYG,CAAc;AAAA,EAAA;AAG7B,SAAO,gBAAAN,EAACwB,GAAA,EAAK,SAAAP,GAAkB,SAAAb,EAAA,CAAkB;AACnD;"}