@gusto/embedded-react-sdk 0.48.2 → 0.48.3

package/dist/components/Employee/Compensation/shared/useJobForm/jobSchema.d.ts

@@ -28,13 +28,6 @@ export declare const JobErrorCodes: {
  * @public
  */
 export type JobErrorCode = (typeof JobErrorCodes)[keyof typeof JobErrorCodes];
-declare const fieldValidators: {
-    title: z.ZodString;
-    hireDate: z.ZodPipe<z.ZodTransform<string | null, unknown>, z.ZodNullable<z.ZodISODate>>;
-    twoPercentShareholder: z.ZodBoolean;
-    stateWcCovered: z.ZodPipe<z.ZodTransform<boolean | undefined, unknown>, z.ZodBoolean>;
-    stateWcClassCode: z.ZodString;
-};
 /**
  * Shape of the form values managed by {@link useJobForm}.
  *
@@ -46,10 +39,20 @@ declare const fieldValidators: {
  * input (the schema preprocessor coerces them).
  *
  * @public
+ * @interface
  */
 export type JobFormData = {
-    [K in keyof typeof fieldValidators]: z.infer<(typeof fieldValidators)[K]>;
-};
+      /** The employee's job title (e.g. `"Software Engineer"`). */
+      title: string
+      /** The employee's hire date as an ISO 8601 string (`YYYY-MM-DD`), or `null` if unknown. */
+      hireDate: string | null
+      /** Whether the employee owns 2 % or more of an S-corporation. Affects benefit-deduction tax treatment. */
+      twoPercentShareholder: boolean
+      /** Whether the employee is covered under Washington state workers' compensation insurance. */
+      stateWcCovered: boolean
+      /** Washington state workers' compensation risk-class code. Required when `stateWcCovered` is `true`. */
+      stateWcClassCode: string
+    };
 /**
  * Validated submission shape produced by the {@link useJobForm} schema.
  *
@@ -60,19 +63,6 @@ export type JobFormData = {
  * @public
  */
 export type JobFormOutputs = JobFormData;
-declare const requiredFieldsConfig: {
-    title: "create";
-    hireDate: "create";
-    twoPercentShareholder: "never";
-    stateWcCovered: "never";
-    stateWcClassCode: (data: {
-        title: string;
-        hireDate: string | null;
-        twoPercentShareholder: boolean;
-        stateWcCovered: boolean;
-        stateWcClassCode: string;
-    }) => boolean;
-};
 /**
  * Override which fields are required on a given submission mode of {@link useJobForm}.
  *
@@ -90,6 +80,7 @@ declare const requiredFieldsConfig: {
  * | `stateWcClassCode` | When WC is covered | When WC is covered | No (auto) |
  *
  * @public
+ * @interface
  *
  * @example
  * ```tsx
@@ -102,7 +93,7 @@ declare const requiredFieldsConfig: {
  * })
  * ```
  */
-export type JobOptionalFieldsToRequire = OptionalFieldsToRequire<typeof requiredFieldsConfig>;
+export type JobOptionalFieldsToRequire = { create?: ("twoPercentShareholder" | "stateWcCovered")[] | undefined; update?: ("title" | "hireDate" | "twoPercentShareholder" | "stateWcCovered")[] | undefined; };
 interface JobSchemaOptions {
     mode?: 'create' | 'update';
     optionalFieldsToRequire?: JobOptionalFieldsToRequire;
@@ -125,10 +116,15 @@ interface JobSchemaOptions {
 }
 /** @internal */
 export declare function createJobSchema(options?: JobSchemaOptions): import('../../../../../partner-hook-utils/form/buildFormSchema').BuildFormSchemaResult<{
+    /** The employee's job title (e.g. `"Software Engineer"`). */
     title: z.ZodString;
+    /** The employee's hire date as an ISO 8601 string (`YYYY-MM-DD`), or `null` if unknown. */
     hireDate: z.ZodPipe<z.ZodTransform<string | null, unknown>, z.ZodNullable<z.ZodISODate>>;
+    /** Whether the employee owns 2 % or more of an S-corporation. Affects benefit-deduction tax treatment. */
     twoPercentShareholder: z.ZodBoolean;
+    /** Whether the employee is covered under Washington state workers' compensation insurance. */
     stateWcCovered: z.ZodPipe<z.ZodTransform<boolean | undefined, unknown>, z.ZodBoolean>;
+    /** Washington state workers' compensation risk-class code. Required when `stateWcCovered` is `true`. */
     stateWcClassCode: z.ZodString;
 }>;
 export {};

package/dist/components/Employee/Compensation/shared/useJobForm/jobSchema.js

@@ -4,11 +4,16 @@ import { coerceStringBoolean as l, coerceToISODate as d } from "../../../../../p
 const n = {
   REQUIRED: "REQUIRED"
 }, h = {
+  /** The employee's job title (e.g. `"Software Engineer"`). */
   title: e.string(),
+  /** The employee's hire date as an ISO 8601 string (`YYYY-MM-DD`), or `null` if unknown. */
   hireDate: e.preprocess(d, e.iso.date().nullable()),
+  /** Whether the employee owns 2 % or more of an S-corporation. Affects benefit-deduction tax treatment. */
   twoPercentShareholder: e.boolean(),
   // Radio group delivers 'true'/'false' strings; coerceStringBoolean converts to boolean.
+  /** Whether the employee is covered under Washington state workers' compensation insurance. */
   stateWcCovered: e.preprocess(l, e.boolean()),
+  /** Washington state workers' compensation risk-class code. Required when `stateWcCovered` is `true`. */
   stateWcClassCode: e.string()
 }, u = {
   title: "create",

package/dist/components/Employee/Compensation/shared/useJobForm/jobSchema.js.map

@@ -1 +1 @@
-{"version":3,"file":"jobSchema.js","sources":["../../../../../../src/components/Employee/Compensation/shared/useJobForm/jobSchema.ts"],"sourcesContent":["import { z } from 'zod'\nimport {\n  buildFormSchema,\n  type RequiredFieldConfig,\n  type OptionalFieldsToRequire,\n} from '@/partner-hook-utils/form/buildFormSchema'\nimport { coerceToISODate, coerceStringBoolean } from '@/partner-hook-utils/form/preprocessors'\n\n/**\n * Validation error codes produced by the {@link useJobForm} schema.\n *\n * @remarks\n * Use these constants as the keys in a field's `validationMessages` prop to\n * map an error code to a user-facing message.\n *\n * @public\n *\n * @example\n * ```tsx\n * import { JobErrorCodes } from '@gusto/embedded-react-sdk'\n *\n * <Fields.Title\n *   label=\"Job title\"\n *   validationMessages={{ [JobErrorCodes.REQUIRED]: 'Job title is required' }}\n * />\n * ```\n */\nexport const JobErrorCodes = {\n  REQUIRED: 'REQUIRED',\n} as const\n\n/**\n * Union of every error code produced by the {@link useJobForm} schema.\n *\n * @public\n */\nexport type JobErrorCode = (typeof JobErrorCodes)[keyof typeof JobErrorCodes]\n\nconst fieldValidators = {\n  title: z.string(),\n  hireDate: z.preprocess(coerceToISODate, z.iso.date().nullable()),\n  twoPercentShareholder: z.boolean(),\n  // Radio group delivers 'true'/'false' strings; coerceStringBoolean converts to boolean.\n  stateWcCovered: z.preprocess(coerceStringBoolean, z.boolean()),\n  stateWcClassCode: z.string(),\n}\n\n/**\n * Shape of the form values managed by {@link useJobForm}.\n *\n * @remarks\n * Accepted as `defaultValues` on `useJobForm` and returned by\n * `form.getFormSubmissionValues()` once the form has validated. `hireDate` is\n * an ISO date string (`YYYY-MM-DD`) or `null`; `stateWcCovered` is a boolean\n * even though the radio group surfaces `'true'` / `'false'` strings during\n * input (the schema preprocessor coerces them).\n *\n * @public\n */\nexport type JobFormData = {\n  [K in keyof typeof fieldValidators]: z.infer<(typeof fieldValidators)[K]>\n}\n\n/**\n * Validated submission shape produced by the {@link useJobForm} schema.\n *\n * @remarks\n * Identical to {@link JobFormData} — exposed as a separate alias so the input\n * vs. output sides of the schema remain distinguishable in advanced usages.\n *\n * @public\n */\nexport type JobFormOutputs = JobFormData\n\nconst requiredFieldsConfig = {\n  title: 'create',\n  hireDate: 'create',\n  twoPercentShareholder: 'never',\n  stateWcCovered: 'never',\n  // stateWcClassCode is gated by stateWcCovered === true. The predicate also\n  // depends implicitly on the work-address state being WA — partners enforce\n  // that gate by passing `optionalFieldsToRequire` only for WA employees, or\n  // by simply never sending stateWcCovered=true outside WA.\n  stateWcClassCode: data => String(data.stateWcCovered) === 'true',\n} satisfies RequiredFieldConfig<typeof fieldValidators>\n\n/**\n * Override which fields are required on a given submission mode of {@link useJobForm}.\n *\n * @remarks\n * Each mode key lists the fields that are optional by default for that mode\n * but should be promoted to required. `stateWcClassCode` is automatically\n * required when `stateWcCovered` is `true` and is not configurable here.\n *\n * | Field | Required on create | Required on update | Configurable? |\n * | ----- | ------------------ | ------------------ | ------------- |\n * | `title` | Yes | No | Yes (on update) |\n * | `hireDate` | Yes | No | Yes (on update) |\n * | `twoPercentShareholder` | No | No | Yes (either mode) |\n * | `stateWcCovered` | No | No | Yes (either mode) |\n * | `stateWcClassCode` | When WC is covered | When WC is covered | No (auto) |\n *\n * @public\n *\n * @example\n * ```tsx\n * const job = useJobForm({\n *   employeeId,\n *   jobId,\n *   optionalFieldsToRequire: {\n *     update: ['title', 'hireDate'],\n *   },\n * })\n * ```\n */\nexport type JobOptionalFieldsToRequire = OptionalFieldsToRequire<typeof requiredFieldsConfig>\n\ninterface JobSchemaOptions {\n  mode?: 'create' | 'update'\n  optionalFieldsToRequire?: JobOptionalFieldsToRequire\n  /**\n   * When `false`, drops `hireDate` from the validated shape entirely — the\n   * field becomes hook-managed rather than user-facing (e.g. an onboarding\n   * screen that derives hireDate from the employee's `startDate`). Partners\n   * supply the value at submit time via `JobSubmitOptions.hireDate`.\n   * Defaults to `true`.\n   */\n  withHireDateField?: boolean\n  /**\n   * When `false`, drops `title` from the validated shape entirely and the\n   * hook stops sending it on PUT `/v1/jobs/:id`. Use this when title is\n   * being driven via the compensation form instead (steady-state edits,\n   * where title is effective-dated alongside rate/unit/FLSA on a future\n   * compensation row). Defaults to `true`.\n   */\n  withTitleField?: boolean\n}\n\n/** @internal */\nexport function createJobSchema(options: JobSchemaOptions = {}) {\n  const {\n    mode = 'create',\n    optionalFieldsToRequire,\n    withHireDateField = true,\n    withTitleField = true,\n  } = options\n\n  const excludeFields: Array<keyof typeof fieldValidators> = []\n  if (!withHireDateField) excludeFields.push('hireDate')\n  if (!withTitleField) excludeFields.push('title')\n\n  return buildFormSchema(fieldValidators, {\n    requiredFieldsConfig,\n    requiredErrorCode: JobErrorCodes.REQUIRED,\n    mode,\n    optionalFieldsToRequire,\n    excludeFields,\n  })\n}\n"],"names":["JobErrorCodes","fieldValidators","z","coerceToISODate","coerceStringBoolean","requiredFieldsConfig","data","createJobSchema","options","mode","optionalFieldsToRequire","withHireDateField","withTitleField","excludeFields","buildFormSchema"],"mappings":";;;AA2BO,MAAMA,IAAgB;AAAA,EAC3B,UAAU;AACZ,GASMC,IAAkB;AAAA,EACtB,OAAOC,EAAE,OAAA;AAAA,EACT,UAAUA,EAAE,WAAWC,GAAiBD,EAAE,IAAI,OAAO,UAAU;AAAA,EAC/D,uBAAuBA,EAAE,QAAA;AAAA;AAAA,EAEzB,gBAAgBA,EAAE,WAAWE,GAAqBF,EAAE,SAAS;AAAA,EAC7D,kBAAkBA,EAAE,OAAA;AACtB,GA6BMG,IAAuB;AAAA,EAC3B,OAAO;AAAA,EACP,UAAU;AAAA,EACV,uBAAuB;AAAA,EACvB,gBAAgB;AAAA;AAAA;AAAA;AAAA;AAAA,EAKhB,kBAAkB,CAAAC,MAAQ,OAAOA,EAAK,cAAc,MAAM;AAC5D;AAuDO,SAASC,EAAgBC,IAA4B,IAAI;AAC9D,QAAM;AAAA,IACJ,MAAAC,IAAO;AAAA,IACP,yBAAAC;AAAA,IACA,mBAAAC,IAAoB;AAAA,IACpB,gBAAAC,IAAiB;AAAA,EAAA,IACfJ,GAEEK,IAAqD,CAAA;AAC3D,SAAKF,KAAmBE,EAAc,KAAK,UAAU,GAChDD,KAAgBC,EAAc,KAAK,OAAO,GAExCC,EAAgBb,GAAiB;AAAA,IACtC,sBAAAI;AAAA,IACA,mBAAmBL,EAAc;AAAA,IACjC,MAAAS;AAAA,IACA,yBAAAC;AAAA,IACA,eAAAG;AAAA,EAAA,CACD;AACH;"}
+{"version":3,"file":"jobSchema.js","sources":["../../../../../../src/components/Employee/Compensation/shared/useJobForm/jobSchema.ts"],"sourcesContent":["import { z } from 'zod'\nimport {\n  buildFormSchema,\n  type RequiredFieldConfig,\n  type OptionalFieldsToRequire,\n} from '@/partner-hook-utils/form/buildFormSchema'\nimport { coerceToISODate, coerceStringBoolean } from '@/partner-hook-utils/form/preprocessors'\n\n/**\n * Validation error codes produced by the {@link useJobForm} schema.\n *\n * @remarks\n * Use these constants as the keys in a field's `validationMessages` prop to\n * map an error code to a user-facing message.\n *\n * @public\n *\n * @example\n * ```tsx\n * import { JobErrorCodes } from '@gusto/embedded-react-sdk'\n *\n * <Fields.Title\n *   label=\"Job title\"\n *   validationMessages={{ [JobErrorCodes.REQUIRED]: 'Job title is required' }}\n * />\n * ```\n */\nexport const JobErrorCodes = {\n  REQUIRED: 'REQUIRED',\n} as const\n\n/**\n * Union of every error code produced by the {@link useJobForm} schema.\n *\n * @public\n */\nexport type JobErrorCode = (typeof JobErrorCodes)[keyof typeof JobErrorCodes]\n\nconst fieldValidators = {\n  /** The employee's job title (e.g. `\"Software Engineer\"`). */\n  title: z.string(),\n  /** The employee's hire date as an ISO 8601 string (`YYYY-MM-DD`), or `null` if unknown. */\n  hireDate: z.preprocess(coerceToISODate, z.iso.date().nullable()),\n  /** Whether the employee owns 2 % or more of an S-corporation. Affects benefit-deduction tax treatment. */\n  twoPercentShareholder: z.boolean(),\n  // Radio group delivers 'true'/'false' strings; coerceStringBoolean converts to boolean.\n  /** Whether the employee is covered under Washington state workers' compensation insurance. */\n  stateWcCovered: z.preprocess(coerceStringBoolean, z.boolean()),\n  /** Washington state workers' compensation risk-class code. Required when `stateWcCovered` is `true`. */\n  stateWcClassCode: z.string(),\n}\n\n/**\n * Shape of the form values managed by {@link useJobForm}.\n *\n * @remarks\n * Accepted as `defaultValues` on `useJobForm` and returned by\n * `form.getFormSubmissionValues()` once the form has validated. `hireDate` is\n * an ISO date string (`YYYY-MM-DD`) or `null`; `stateWcCovered` is a boolean\n * even though the radio group surfaces `'true'` / `'false'` strings during\n * input (the schema preprocessor coerces them).\n *\n * @public\n * @interface\n */\nexport type JobFormData = {\n  [K in keyof typeof fieldValidators]: z.infer<(typeof fieldValidators)[K]>\n}\n\n/**\n * Validated submission shape produced by the {@link useJobForm} schema.\n *\n * @remarks\n * Identical to {@link JobFormData} — exposed as a separate alias so the input\n * vs. output sides of the schema remain distinguishable in advanced usages.\n *\n * @public\n */\nexport type JobFormOutputs = JobFormData\n\nconst requiredFieldsConfig = {\n  title: 'create',\n  hireDate: 'create',\n  twoPercentShareholder: 'never',\n  stateWcCovered: 'never',\n  // stateWcClassCode is gated by stateWcCovered === true. The predicate also\n  // depends implicitly on the work-address state being WA — partners enforce\n  // that gate by passing `optionalFieldsToRequire` only for WA employees, or\n  // by simply never sending stateWcCovered=true outside WA.\n  stateWcClassCode: data => String(data.stateWcCovered) === 'true',\n} satisfies RequiredFieldConfig<typeof fieldValidators>\n\n/**\n * Override which fields are required on a given submission mode of {@link useJobForm}.\n *\n * @remarks\n * Each mode key lists the fields that are optional by default for that mode\n * but should be promoted to required. `stateWcClassCode` is automatically\n * required when `stateWcCovered` is `true` and is not configurable here.\n *\n * | Field | Required on create | Required on update | Configurable? |\n * | ----- | ------------------ | ------------------ | ------------- |\n * | `title` | Yes | No | Yes (on update) |\n * | `hireDate` | Yes | No | Yes (on update) |\n * | `twoPercentShareholder` | No | No | Yes (either mode) |\n * | `stateWcCovered` | No | No | Yes (either mode) |\n * | `stateWcClassCode` | When WC is covered | When WC is covered | No (auto) |\n *\n * @public\n * @interface\n *\n * @example\n * ```tsx\n * const job = useJobForm({\n *   employeeId,\n *   jobId,\n *   optionalFieldsToRequire: {\n *     update: ['title', 'hireDate'],\n *   },\n * })\n * ```\n */\nexport type JobOptionalFieldsToRequire = OptionalFieldsToRequire<typeof requiredFieldsConfig>\n\ninterface JobSchemaOptions {\n  mode?: 'create' | 'update'\n  optionalFieldsToRequire?: JobOptionalFieldsToRequire\n  /**\n   * When `false`, drops `hireDate` from the validated shape entirely — the\n   * field becomes hook-managed rather than user-facing (e.g. an onboarding\n   * screen that derives hireDate from the employee's `startDate`). Partners\n   * supply the value at submit time via `JobSubmitOptions.hireDate`.\n   * Defaults to `true`.\n   */\n  withHireDateField?: boolean\n  /**\n   * When `false`, drops `title` from the validated shape entirely and the\n   * hook stops sending it on PUT `/v1/jobs/:id`. Use this when title is\n   * being driven via the compensation form instead (steady-state edits,\n   * where title is effective-dated alongside rate/unit/FLSA on a future\n   * compensation row). Defaults to `true`.\n   */\n  withTitleField?: boolean\n}\n\n/** @internal */\nexport function createJobSchema(options: JobSchemaOptions = {}) {\n  const {\n    mode = 'create',\n    optionalFieldsToRequire,\n    withHireDateField = true,\n    withTitleField = true,\n  } = options\n\n  const excludeFields: Array<keyof typeof fieldValidators> = []\n  if (!withHireDateField) excludeFields.push('hireDate')\n  if (!withTitleField) excludeFields.push('title')\n\n  return buildFormSchema(fieldValidators, {\n    requiredFieldsConfig,\n    requiredErrorCode: JobErrorCodes.REQUIRED,\n    mode,\n    optionalFieldsToRequire,\n    excludeFields,\n  })\n}\n"],"names":["JobErrorCodes","fieldValidators","z","coerceToISODate","coerceStringBoolean","requiredFieldsConfig","data","createJobSchema","options","mode","optionalFieldsToRequire","withHireDateField","withTitleField","excludeFields","buildFormSchema"],"mappings":";;;AA2BO,MAAMA,IAAgB;AAAA,EAC3B,UAAU;AACZ,GASMC,IAAkB;AAAA;AAAA,EAEtB,OAAOC,EAAE,OAAA;AAAA;AAAA,EAET,UAAUA,EAAE,WAAWC,GAAiBD,EAAE,IAAI,OAAO,UAAU;AAAA;AAAA,EAE/D,uBAAuBA,EAAE,QAAA;AAAA;AAAA;AAAA,EAGzB,gBAAgBA,EAAE,WAAWE,GAAqBF,EAAE,SAAS;AAAA;AAAA,EAE7D,kBAAkBA,EAAE,OAAA;AACtB,GA8BMG,IAAuB;AAAA,EAC3B,OAAO;AAAA,EACP,UAAU;AAAA,EACV,uBAAuB;AAAA,EACvB,gBAAgB;AAAA;AAAA;AAAA;AAAA;AAAA,EAKhB,kBAAkB,CAAAC,MAAQ,OAAOA,EAAK,cAAc,MAAM;AAC5D;AAwDO,SAASC,EAAgBC,IAA4B,IAAI;AAC9D,QAAM;AAAA,IACJ,MAAAC,IAAO;AAAA,IACP,yBAAAC;AAAA,IACA,mBAAAC,IAAoB;AAAA,IACpB,gBAAAC,IAAiB;AAAA,EAAA,IACfJ,GAEEK,IAAqD,CAAA;AAC3D,SAAKF,KAAmBE,EAAc,KAAK,UAAU,GAChDD,KAAgBC,EAAc,KAAK,OAAO,GAExCC,EAAgBb,GAAiB;AAAA,IACtC,sBAAAI;AAAA,IACA,mBAAmBL,EAAc;AAAA,IACjC,MAAAS;AAAA,IACA,yBAAAC;AAAA,IACA,eAAAG;AAAA,EAAA,CACD;AACH;"}

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

@@ -12,12 +12,10 @@ export interface DeductionsProps extends BaseComponentInterface<'Employee.Deduct
  * Onboarding step for collecting an employee's post-tax deductions and court-ordered garnishments.
  *
  * @remarks
- * On first mount, routes between an "include deductions?" prompt (when the employee has no active deductions) and a list view of existing deductions. From there, users add or edit deductions inline — post-tax custom deductions or court-ordered garnishments — and can complete the step with or without any active deductions.
+ * Renders the employee's current deductions as a list, with an empty state when none exist. Users add or edit deductions inline — post-tax custom deductions or court-ordered garnishments — and can complete the step with or without any active deductions.
  *
  * | Event | Description | Data |
  * | ----- | ----------- | ---- |
- * | `employee/deductions/include/yes` | Fired when the user chooses to add deductions from the include prompt | — |
- * | `employee/deductions/include/no` | Fired when the user chooses to skip deductions from the include prompt | — |
  * | `employee/deductions/add` | Fired when the user opens the form to add a new deduction | — |
  * | `employee/deductions/edit` | Fired when the user opens the form to edit an existing deduction | The matching `Garnishment` |
  * | `employee/deductions/created` | Fired after a new deduction is saved | The created `Garnishment` |

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

@@ -1,32 +1,27 @@
-import { jsx as s } from "react/jsx-runtime";
-import { createMachine as c } from "robot3";
-import { useMemo as u } from "react";
-import { useGarnishmentsListSuspense as a } from "@gusto/embedded-api-v-2025-11-15/react-query/garnishmentsList";
-import { DeductionsListContextual as p, IncludeDeductionsContextual as d } from "./deductionsContextualComponents.js";
-import { deductionsMachine as f } from "./stateMachine.js";
-import { Flow as D } from "../../../Flow/Flow.js";
-import { BaseBoundaries as l } from "../../../Base/Base.js";
-import { useComponentDictionary as h, useI18n as x } from "../../../../i18n/I18n.js";
-function A({ employeeId: o, dictionary: t, onEvent: e }) {
-  return /* @__PURE__ */ s(l, { componentName: "Employee.Deductions", children: /* @__PURE__ */ s(C, { employeeId: o, dictionary: t, onEvent: e }) });
+import { jsx as n } from "react/jsx-runtime";
+import { createMachine as m } from "robot3";
+import { useMemo as c } from "react";
+import { DeductionsListContextual as s } from "./deductionsContextualComponents.js";
+import { deductionsMachine as u } from "./stateMachine.js";
+import { Flow as p } from "../../../Flow/Flow.js";
+import { BaseBoundaries as f } from "../../../Base/Base.js";
+import { useComponentDictionary as a, useI18n as d } from "../../../../i18n/I18n.js";
+function j({ employeeId: o, dictionary: t, onEvent: e }) {
+  return /* @__PURE__ */ n(f, { componentName: "Employee.Deductions", children: /* @__PURE__ */ n(D, { employeeId: o, dictionary: t, onEvent: e }) });
 }
-function C({ employeeId: o, dictionary: t, onEvent: e }) {
-  h("Employee.Deductions", t), x("Employee.Deductions");
-  const { data: r } = a({ employeeId: o }), n = (r.garnishments ?? []).some((i) => i.active), m = u(
-    () => c(
-      n ? "list" : "include",
-      f,
-      (i) => ({
-        ...i,
-        component: n ? p : d,
-        employeeId: o
-      })
-    ),
-    [o, n]
+function D({ employeeId: o, dictionary: t, onEvent: e }) {
+  a("Employee.Deductions", t), d("Employee.Deductions");
+  const i = c(
+    () => m("list", u, (r) => ({
+      ...r,
+      component: s,
+      employeeId: o
+    })),
+    [o]
   );
-  return /* @__PURE__ */ s(D, { machine: m, onEvent: e });
+  return /* @__PURE__ */ n(p, { machine: i, onEvent: e });
 }
 export {
-  A as Deductions
+  j as Deductions
 };
 //# sourceMappingURL=Deductions.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Deductions.js","sources":["../../../../../src/components/Employee/Deductions/onboarding/Deductions.tsx"],"sourcesContent":["import { createMachine } from 'robot3'\nimport { useMemo } from 'react'\nimport { useGarnishmentsListSuspense } from '@gusto/embedded-api-v-2025-11-15/react-query/garnishmentsList'\nimport {\n  IncludeDeductionsContextual,\n  DeductionsListContextual,\n  type DeductionsContextInterface,\n} from './deductionsContextualComponents'\nimport { deductionsMachine } from './stateMachine'\nimport { Flow } from '@/components/Flow/Flow'\nimport { BaseBoundaries, type BaseComponentInterface } from '@/components/Base/Base'\nimport { useComponentDictionary, useI18n } from '@/i18n'\n\n/**\n * Props for {@link Deductions}.\n *\n * @public\n */\nexport interface DeductionsProps extends BaseComponentInterface<'Employee.Deductions'> {\n  /** The associated employee identifier. */\n  employeeId: string\n}\n\n/**\n * Onboarding step for collecting an employee's post-tax deductions and court-ordered garnishments.\n *\n * @remarks\n * On first mount, routes between an \"include deductions?\" prompt (when the employee has no active deductions) and a list view of existing deductions. From there, users add or edit deductions inline — post-tax custom deductions or court-ordered garnishments — and can complete the step with or without any active deductions.\n *\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `employee/deductions/include/yes` | Fired when the user chooses to add deductions from the include prompt | — |\n * | `employee/deductions/include/no` | Fired when the user chooses to skip deductions from the include prompt | — |\n * | `employee/deductions/add` | Fired when the user opens the form to add a new deduction | — |\n * | `employee/deductions/edit` | Fired when the user opens the form to edit an existing deduction | The matching `Garnishment` |\n * | `employee/deductions/created` | Fired after a new deduction is saved | The created `Garnishment` |\n * | `employee/deductions/updated` | Fired after an existing deduction is updated | The updated `Garnishment` |\n * | `employee/deductions/deleted` | Fired after a deduction is deleted and others remain | The deleted `Garnishment` |\n * | `employee/deductions/deletedEmpty` | Fired after the last deduction is deleted, leaving none | — |\n * | `employee/deductions/cancel` | Fired when the user cancels the form while other deductions exist | — |\n * | `employee/deductions/cancelEmpty` | Fired when the user cancels the form and no deductions remain | — |\n * | `employee/deductions/done` | Fired when the step is complete and the parent flow can advance | — |\n *\n * @param props - See {@link DeductionsProps}.\n * @returns The deductions onboarding step.\n * @public\n * @group Block Components\n *\n * @example\n * ```tsx\n * import { EmployeeOnboarding } from '@gusto/embedded-react-sdk'\n *\n * function MyComponent() {\n *   return (\n *     <EmployeeOnboarding.Deductions\n *       employeeId=\"4b3f930f-82cd-48a8-b797-798686e12e5e\"\n *       onEvent={() => {}}\n *     />\n *   )\n * }\n * ```\n */\nexport function Deductions({ employeeId, dictionary, onEvent }: DeductionsProps) {\n  return (\n    <BaseBoundaries componentName=\"Employee.Deductions\">\n      <DeductionsRoot employeeId={employeeId} dictionary={dictionary} onEvent={onEvent} />\n    </BaseBoundaries>\n  )\n}\n\nfunction DeductionsRoot({ employeeId, dictionary, onEvent }: DeductionsProps) {\n  useComponentDictionary('Employee.Deductions', dictionary)\n  useI18n('Employee.Deductions')\n\n  // Used only to pick the machine's initial state. The list rendered inside\n  // each contextual wrapper uses a non-suspense hook (React Query dedupes).\n  const { data } = useGarnishmentsListSuspense({ employeeId })\n  const hasActiveDeductions = (data.garnishments ?? []).some(g => g.active)\n\n  const machine = useMemo(\n    () =>\n      createMachine(\n        hasActiveDeductions ? 'list' : 'include',\n        deductionsMachine,\n        (initialContext: DeductionsContextInterface) => ({\n          ...initialContext,\n          component: hasActiveDeductions ? DeductionsListContextual : IncludeDeductionsContextual,\n          employeeId,\n        }),\n      ),\n    [employeeId, hasActiveDeductions],\n  )\n\n  return <Flow machine={machine} onEvent={onEvent} />\n}\n"],"names":["Deductions","employeeId","dictionary","onEvent","jsx","BaseBoundaries","DeductionsRoot","useComponentDictionary","useI18n","data","useGarnishmentsListSuspense","hasActiveDeductions","g","machine","useMemo","createMachine","deductionsMachine","initialContext","DeductionsListContextual","IncludeDeductionsContextual","Flow"],"mappings":";;;;;;;;;AA8DO,SAASA,EAAW,EAAE,YAAAC,GAAY,YAAAC,GAAY,SAAAC,KAA4B;AAC/E,SACE,gBAAAC,EAACC,KAAe,eAAc,uBAC5B,4BAACC,GAAA,EAAe,YAAAL,GAAwB,YAAAC,GAAwB,SAAAC,EAAA,CAAkB,EAAA,CACpF;AAEJ;AAEA,SAASG,EAAe,EAAE,YAAAL,GAAY,YAAAC,GAAY,SAAAC,KAA4B;AAC5E,EAAAI,EAAuB,uBAAuBL,CAAU,GACxDM,EAAQ,qBAAqB;AAI7B,QAAM,EAAE,MAAAC,EAAA,IAASC,EAA4B,EAAE,YAAAT,GAAY,GACrDU,KAAuBF,EAAK,gBAAgB,CAAA,GAAI,KAAK,CAAAG,MAAKA,EAAE,MAAM,GAElEC,IAAUC;AAAA,IACd,MACEC;AAAA,MACEJ,IAAsB,SAAS;AAAA,MAC/BK;AAAA,MACA,CAACC,OAAgD;AAAA,QAC/C,GAAGA;AAAA,QACH,WAAWN,IAAsBO,IAA2BC;AAAA,QAC5D,YAAAlB;AAAA,MAAA;AAAA,IACF;AAAA,IAEJ,CAACA,GAAYU,CAAmB;AAAA,EAAA;AAGlC,SAAO,gBAAAP,EAACgB,GAAA,EAAK,SAAAP,GAAkB,SAAAV,EAAA,CAAkB;AACnD;"}
+{"version":3,"file":"Deductions.js","sources":["../../../../../src/components/Employee/Deductions/onboarding/Deductions.tsx"],"sourcesContent":["import { createMachine } from 'robot3'\nimport { useMemo } from 'react'\nimport {\n  DeductionsListContextual,\n  type DeductionsContextInterface,\n} from './deductionsContextualComponents'\nimport { deductionsMachine } from './stateMachine'\nimport { Flow } from '@/components/Flow/Flow'\nimport { BaseBoundaries, type BaseComponentInterface } from '@/components/Base/Base'\nimport { useComponentDictionary, useI18n } from '@/i18n'\n\n/**\n * Props for {@link Deductions}.\n *\n * @public\n */\nexport interface DeductionsProps extends BaseComponentInterface<'Employee.Deductions'> {\n  /** The associated employee identifier. */\n  employeeId: string\n}\n\n/**\n * Onboarding step for collecting an employee's post-tax deductions and court-ordered garnishments.\n *\n * @remarks\n * Renders the employee's current deductions as a list, with an empty state when none exist. Users add or edit deductions inline — post-tax custom deductions or court-ordered garnishments — and can complete the step with or without any active deductions.\n *\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `employee/deductions/add` | Fired when the user opens the form to add a new deduction | — |\n * | `employee/deductions/edit` | Fired when the user opens the form to edit an existing deduction | The matching `Garnishment` |\n * | `employee/deductions/created` | Fired after a new deduction is saved | The created `Garnishment` |\n * | `employee/deductions/updated` | Fired after an existing deduction is updated | The updated `Garnishment` |\n * | `employee/deductions/deleted` | Fired after a deduction is deleted and others remain | The deleted `Garnishment` |\n * | `employee/deductions/deletedEmpty` | Fired after the last deduction is deleted, leaving none | — |\n * | `employee/deductions/cancel` | Fired when the user cancels the form while other deductions exist | — |\n * | `employee/deductions/cancelEmpty` | Fired when the user cancels the form and no deductions remain | — |\n * | `employee/deductions/done` | Fired when the step is complete and the parent flow can advance | — |\n *\n * @param props - See {@link DeductionsProps}.\n * @returns The deductions onboarding step.\n * @public\n * @group Block Components\n *\n * @example\n * ```tsx\n * import { EmployeeOnboarding } from '@gusto/embedded-react-sdk'\n *\n * function MyComponent() {\n *   return (\n *     <EmployeeOnboarding.Deductions\n *       employeeId=\"4b3f930f-82cd-48a8-b797-798686e12e5e\"\n *       onEvent={() => {}}\n *     />\n *   )\n * }\n * ```\n */\nexport function Deductions({ employeeId, dictionary, onEvent }: DeductionsProps) {\n  return (\n    <BaseBoundaries componentName=\"Employee.Deductions\">\n      <DeductionsRoot employeeId={employeeId} dictionary={dictionary} onEvent={onEvent} />\n    </BaseBoundaries>\n  )\n}\n\nfunction DeductionsRoot({ employeeId, dictionary, onEvent }: DeductionsProps) {\n  useComponentDictionary('Employee.Deductions', dictionary)\n  useI18n('Employee.Deductions')\n\n  const machine = useMemo(\n    () =>\n      createMachine('list', deductionsMachine, (initialContext: DeductionsContextInterface) => ({\n        ...initialContext,\n        component: DeductionsListContextual,\n        employeeId,\n      })),\n    [employeeId],\n  )\n\n  return <Flow machine={machine} onEvent={onEvent} />\n}\n"],"names":["Deductions","employeeId","dictionary","onEvent","jsx","BaseBoundaries","DeductionsRoot","useComponentDictionary","useI18n","machine","useMemo","createMachine","deductionsMachine","initialContext","DeductionsListContextual","Flow"],"mappings":";;;;;;;;AA0DO,SAASA,EAAW,EAAE,YAAAC,GAAY,YAAAC,GAAY,SAAAC,KAA4B;AAC/E,SACE,gBAAAC,EAACC,KAAe,eAAc,uBAC5B,4BAACC,GAAA,EAAe,YAAAL,GAAwB,YAAAC,GAAwB,SAAAC,EAAA,CAAkB,EAAA,CACpF;AAEJ;AAEA,SAASG,EAAe,EAAE,YAAAL,GAAY,YAAAC,GAAY,SAAAC,KAA4B;AAC5E,EAAAI,EAAuB,uBAAuBL,CAAU,GACxDM,EAAQ,qBAAqB;AAE7B,QAAMC,IAAUC;AAAA,IACd,MACEC,EAAc,QAAQC,GAAmB,CAACC,OAAgD;AAAA,MACxF,GAAGA;AAAA,MACH,WAAWC;AAAA,MACX,YAAAb;AAAA,IAAA,EACA;AAAA,IACJ,CAACA,CAAU;AAAA,EAAA;AAGb,SAAO,gBAAAG,EAACW,GAAA,EAAK,SAAAN,GAAkB,SAAAN,EAAA,CAAkB;AACnD;"}

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

@@ -1,87 +1,92 @@
-import { jsx as r, jsxs as o } from "react/jsx-runtime";
-import { useTranslation as D } from "react-i18next";
-import { formatDeductionAmount as x } from "../../shared/formatDeductionAmount.js";
-import { Flex as c } from "../../../../Common/Flex/Flex.js";
-import { ActionsLayout as k } from "../../../../Common/ActionsLayout/ActionsLayout.js";
-import { HamburgerMenu as P } from "../../../../Common/HamburgerMenu/HamburgerMenu.js";
-import m from "../../../../../hooks/useNumberFormatter.js";
-import b from "../../../../../assets/icons/pencil.svg.js";
-import T from "../../../../../assets/icons/trashcan.svg.js";
-import { useComponentContext as v } from "../../../../../contexts/ComponentAdapter/useComponentContext.js";
-import { useI18n as w } from "../../../../../i18n/I18n.js";
-import A from "../../../../../assets/icons/plus-circle.svg.js";
+import { jsx as e, jsxs as o } from "react/jsx-runtime";
+import { useTranslation as k } from "react-i18next";
+import { formatDeductionAmount as b } from "../../shared/formatDeductionAmount.js";
+import { Flex as m } from "../../../../Common/Flex/Flex.js";
+import { EmptyData as P } from "../../../../Common/EmptyData/EmptyData.js";
+import { ActionsLayout as T } from "../../../../Common/ActionsLayout/ActionsLayout.js";
+import { HamburgerMenu as v } from "../../../../Common/HamburgerMenu/HamburgerMenu.js";
+import u from "../../../../../hooks/useNumberFormatter.js";
+import E from "../../../../../assets/icons/pencil.svg.js";
+import S from "../../../../../assets/icons/trashcan.svg.js";
+import { useComponentContext as w } from "../../../../../contexts/ComponentAdapter/useComponentContext.js";
+import { useI18n as B } from "../../../../../i18n/I18n.js";
+import l from "../../../../../assets/icons/plus-circle.svg.js";
 import { useDataView as V } from "../../../../Common/DataView/useDataView.js";
-import { DataView as L } from "../../../../Common/DataView/DataView.js";
-function K({
-  className: a,
+import { DataView as A } from "../../../../Common/DataView/DataView.js";
+function U({
+  className: s,
   deductionsList: i,
-  onAdd: u,
-  onEdit: l,
-  onDelete: s,
-  onContinue: d
+  onAdd: c,
+  onEdit: d,
+  onDelete: p,
+  onContinue: f
 }) {
-  w("Employee.Deductions");
-  const { t: e } = D("Employee.Deductions"), t = v(), p = m("currency"), f = m("percent"), { deductions: g } = i.data, C = i.status.isPending, { ...h } = V({
-    data: g,
+  B("Employee.Deductions");
+  const { t } = k("Employee.Deductions"), r = w(), g = u("currency"), h = u("percent"), { deductions: a } = i.data, y = i.status.isPending, C = a.length === 0, { ...D } = V({
+    data: a,
     columns: [
       {
         key: "description",
-        title: e("nameColumn")
+        title: t("nameColumn")
       },
       {
         key: "recurring",
-        title: e("frequencyColumn"),
-        render: (n) => n.recurring ? e("recurringText") : e("nonRecurringText")
+        title: t("frequencyColumn"),
+        render: (n) => n.recurring ? t("recurringText") : t("nonRecurringText")
       },
       {
         key: "amount",
-        title: e("withheldColumn"),
-        render: (n) => x(n, {
-          formatCurrency: p,
-          formatPercent: f,
-          formatPerPaycheck: (y) => e("recurringAmount", { value: y })
+        title: t("withheldColumn"),
+        render: (n) => b(n, {
+          formatCurrency: g,
+          formatPercent: h,
+          formatPerPaycheck: (x) => t("recurringAmount", { value: x })
         })
       }
     ],
-    itemMenu: (n) => /* @__PURE__ */ r(
-      P,
+    emptyState: () => /* @__PURE__ */ e(P, { title: t("includeDeductionsEmptyState"), children: /* @__PURE__ */ o(r.Button, { type: "button", variant: "secondary", onClick: c, children: [
+      /* @__PURE__ */ e(l, {}),
+      t("addDeductionButtonCta")
+    ] }) }),
+    itemMenu: (n) => /* @__PURE__ */ e(
+      v,
       {
-        isLoading: C,
+        isLoading: y,
         items: [
           {
-            label: e("editCta"),
+            label: t("editCta"),
             onClick: () => {
-              l(n);
+              d(n);
             },
-            icon: /* @__PURE__ */ r(b, { "aria-hidden": !0 })
+            icon: /* @__PURE__ */ e(E, { "aria-hidden": !0 })
           },
           {
-            label: e("deleteCta"),
+            label: t("deleteCta"),
             onClick: () => {
-              s(n);
+              p(n);
             },
-            icon: /* @__PURE__ */ r(T, { "aria-hidden": !0 })
+            icon: /* @__PURE__ */ e(S, { "aria-hidden": !0 })
           }
         ]
       }
     )
   });
-  return /* @__PURE__ */ r("section", { className: a, children: /* @__PURE__ */ o(c, { flexDirection: "column", gap: 32, children: [
-    /* @__PURE__ */ o(c, { flexDirection: "column", gap: 2, children: [
-      /* @__PURE__ */ r(t.Heading, { as: "h2", children: e("pageTitle") }),
-      /* @__PURE__ */ r(t.Text, { variant: "supporting", children: e("includeDeductionsDescriptionV2") })
+  return /* @__PURE__ */ e("section", { className: s, children: /* @__PURE__ */ o(m, { flexDirection: "column", gap: 32, children: [
+    /* @__PURE__ */ o(m, { flexDirection: "column", gap: 2, children: [
+      /* @__PURE__ */ e(r.Heading, { as: "h2", children: t("pageTitle") }),
+      /* @__PURE__ */ e(r.Text, { variant: "supporting", children: t("includeDeductionsDescriptionV2") })
     ] }),
-    /* @__PURE__ */ r(L, { label: e("deductionsTableLabel"), ...h }),
-    /* @__PURE__ */ o(k, { children: [
-      /* @__PURE__ */ o(t.Button, { variant: "secondary", onClick: u, children: [
-        /* @__PURE__ */ r(A, {}),
-        e("addDeductionCta")
+    /* @__PURE__ */ e(A, { label: t("deductionsTableLabel"), ...D }),
+    /* @__PURE__ */ o(T, { children: [
+      !C && /* @__PURE__ */ o(r.Button, { variant: "secondary", onClick: c, children: [
+        /* @__PURE__ */ e(l, {}),
+        t("addDeductionCta")
       ] }),
-      /* @__PURE__ */ r(t.Button, { onClick: d, children: e("continueCta") })
+      /* @__PURE__ */ e(r.Button, { onClick: f, children: t("continueCta") })
     ] })
   ] }) });
 }
 export {
-  K as DeductionsList
+  U as DeductionsList
 };
 //# sourceMappingURL=DeductionsList.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"DeductionsList.js","sources":["../../../../../../src/components/Employee/Deductions/onboarding/DeductionsList/DeductionsList.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport type { Garnishment } from '@gusto/embedded-api-v-2025-11-15/models/components/garnishment'\nimport type { UseDeductionsListReady } from '../../shared/useDeductionsList'\nimport { formatDeductionAmount } from '../../shared/formatDeductionAmount'\nimport { useDataView, DataView } from '@/components/Common'\nimport { ActionsLayout } from '@/components/Common'\nimport { Flex } from '@/components/Common/Flex/Flex'\nimport useNumberFormatter from '@/hooks/useNumberFormatter'\nimport PencilSvg from '@/assets/icons/pencil.svg?react'\nimport TrashCanSvg from '@/assets/icons/trashcan.svg?react'\nimport { HamburgerMenu } from '@/components/Common/HamburgerMenu'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useI18n } from '@/i18n'\nimport PlusCircleIcon from '@/assets/icons/plus-circle.svg?react'\n\n/** @internal */\nexport interface DeductionsListProps {\n  className?: string\n  deductionsList: UseDeductionsListReady\n  onAdd: () => void\n  onEdit: (deduction: Garnishment) => void\n  onDelete: (deduction: Garnishment) => void\n  onContinue: () => void\n}\n\n/** @internal */\nexport function DeductionsList({\n  className,\n  deductionsList,\n  onAdd,\n  onEdit,\n  onDelete,\n  onContinue,\n}: DeductionsListProps) {\n  useI18n('Employee.Deductions')\n  const { t } = useTranslation('Employee.Deductions')\n  const Components = useComponentContext()\n  const formatCurrency = useNumberFormatter('currency')\n  const formatPercent = useNumberFormatter('percent')\n\n  const { deductions } = deductionsList.data\n  const isPendingAny = deductionsList.status.isPending\n\n  const { ...dataViewProps } = useDataView({\n    data: deductions,\n    columns: [\n      {\n        key: 'description',\n        title: t('nameColumn'),\n      },\n      {\n        key: 'recurring',\n        title: t('frequencyColumn'),\n        render: deduction => {\n          return deduction.recurring ? t('recurringText') : t('nonRecurringText')\n        },\n      },\n      {\n        key: 'amount',\n        title: t('withheldColumn'),\n        render: deduction =>\n          formatDeductionAmount(deduction, {\n            formatCurrency,\n            formatPercent,\n            formatPerPaycheck: (value: string) => t('recurringAmount', { value }),\n          }),\n      },\n    ],\n    itemMenu: deduction => {\n      return (\n        <HamburgerMenu\n          isLoading={isPendingAny}\n          items={[\n            {\n              label: t('editCta'),\n              onClick: () => {\n                onEdit(deduction)\n              },\n              icon: <PencilSvg aria-hidden />,\n            },\n            {\n              label: t('deleteCta'),\n              onClick: () => {\n                onDelete(deduction)\n              },\n              icon: <TrashCanSvg aria-hidden />,\n            },\n          ]}\n        />\n      )\n    },\n  })\n\n  return (\n    <section className={className}>\n      <Flex flexDirection=\"column\" gap={32}>\n        <Flex flexDirection=\"column\" gap={2}>\n          <Components.Heading as=\"h2\">{t('pageTitle')}</Components.Heading>\n          <Components.Text variant=\"supporting\">\n            {t('includeDeductionsDescriptionV2')}\n          </Components.Text>\n        </Flex>\n\n        <DataView label={t('deductionsTableLabel')} {...dataViewProps} />\n        <ActionsLayout>\n          <Components.Button variant=\"secondary\" onClick={onAdd}>\n            <PlusCircleIcon />\n            {t('addDeductionCta')}\n          </Components.Button>\n          <Components.Button onClick={onContinue}>{t('continueCta')}</Components.Button>\n        </ActionsLayout>\n      </Flex>\n    </section>\n  )\n}\n"],"names":["DeductionsList","className","deductionsList","onAdd","onEdit","onDelete","onContinue","useI18n","t","useTranslation","Components","useComponentContext","formatCurrency","useNumberFormatter","formatPercent","deductions","isPendingAny","dataViewProps","useDataView","deduction","formatDeductionAmount","value","jsx","HamburgerMenu","PencilSvg","TrashCanSvg","jsxs","Flex","DataView","ActionsLayout","PlusCircleIcon"],"mappings":";;;;;;;;;;;;;;AA0BO,SAASA,EAAe;AAAA,EAC7B,WAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,OAAAC;AAAA,EACA,QAAAC;AAAA,EACA,UAAAC;AAAA,EACA,YAAAC;AACF,GAAwB;AACtB,EAAAC,EAAQ,qBAAqB;AAC7B,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,qBAAqB,GAC5CC,IAAaC,EAAA,GACbC,IAAiBC,EAAmB,UAAU,GAC9CC,IAAgBD,EAAmB,SAAS,GAE5C,EAAE,YAAAE,MAAeb,EAAe,MAChCc,IAAed,EAAe,OAAO,WAErC,EAAE,GAAGe,EAAA,IAAkBC,EAAY;AAAA,IACvC,MAAMH;AAAA,IACN,SAAS;AAAA,MACP;AAAA,QACE,KAAK;AAAA,QACL,OAAOP,EAAE,YAAY;AAAA,MAAA;AAAA,MAEvB;AAAA,QACE,KAAK;AAAA,QACL,OAAOA,EAAE,iBAAiB;AAAA,QAC1B,QAAQ,CAAAW,MACCA,EAAU,YAAYX,EAAE,eAAe,IAAIA,EAAE,kBAAkB;AAAA,MACxE;AAAA,MAEF;AAAA,QACE,KAAK;AAAA,QACL,OAAOA,EAAE,gBAAgB;AAAA,QACzB,QAAQ,CAAAW,MACNC,EAAsBD,GAAW;AAAA,UAC/B,gBAAAP;AAAA,UACA,eAAAE;AAAA,UACA,mBAAmB,CAACO,MAAkBb,EAAE,mBAAmB,EAAE,OAAAa,GAAO;AAAA,QAAA,CACrE;AAAA,MAAA;AAAA,IACL;AAAA,IAEF,UAAU,CAAAF,MAEN,gBAAAG;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,WAAWP;AAAA,QACX,OAAO;AAAA,UACL;AAAA,YACE,OAAOR,EAAE,SAAS;AAAA,YAClB,SAAS,MAAM;AACb,cAAAJ,EAAOe,CAAS;AAAA,YAClB;AAAA,YACA,MAAM,gBAAAG,EAACE,GAAA,EAAU,eAAW,GAAA,CAAC;AAAA,UAAA;AAAA,UAE/B;AAAA,YACE,OAAOhB,EAAE,WAAW;AAAA,YACpB,SAAS,MAAM;AACb,cAAAH,EAASc,CAAS;AAAA,YACpB;AAAA,YACA,MAAM,gBAAAG,EAACG,GAAA,EAAY,eAAW,GAAA,CAAC;AAAA,UAAA;AAAA,QACjC;AAAA,MACF;AAAA,IAAA;AAAA,EAGN,CACD;AAED,SACE,gBAAAH,EAAC,aAAQ,WAAArB,GACP,UAAA,gBAAAyB,EAACC,KAAK,eAAc,UAAS,KAAK,IAChC,UAAA;AAAA,IAAA,gBAAAD,EAACC,GAAA,EAAK,eAAc,UAAS,KAAK,GAChC,UAAA;AAAA,MAAA,gBAAAL,EAACZ,EAAW,SAAX,EAAmB,IAAG,MAAM,UAAAF,EAAE,WAAW,GAAE;AAAA,MAC5C,gBAAAc,EAACZ,EAAW,MAAX,EAAgB,SAAQ,cACtB,UAAAF,EAAE,gCAAgC,EAAA,CACrC;AAAA,IAAA,GACF;AAAA,sBAECoB,GAAA,EAAS,OAAOpB,EAAE,sBAAsB,GAAI,GAAGS,GAAe;AAAA,sBAC9DY,GAAA,EACC,UAAA;AAAA,MAAA,gBAAAH,EAAChB,EAAW,QAAX,EAAkB,SAAQ,aAAY,SAASP,GAC9C,UAAA;AAAA,QAAA,gBAAAmB,EAACQ,GAAA,EAAe;AAAA,QACftB,EAAE,iBAAiB;AAAA,MAAA,GACtB;AAAA,MACA,gBAAAc,EAACZ,EAAW,QAAX,EAAkB,SAASJ,GAAa,UAAAE,EAAE,aAAa,EAAA,CAAE;AAAA,IAAA,EAAA,CAC5D;AAAA,EAAA,EAAA,CACF,EAAA,CACF;AAEJ;"}
+{"version":3,"file":"DeductionsList.js","sources":["../../../../../../src/components/Employee/Deductions/onboarding/DeductionsList/DeductionsList.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport type { Garnishment } from '@gusto/embedded-api-v-2025-11-15/models/components/garnishment'\nimport type { UseDeductionsListReady } from '../../shared/useDeductionsList'\nimport { formatDeductionAmount } from '../../shared/formatDeductionAmount'\nimport { useDataView, DataView } from '@/components/Common'\nimport { ActionsLayout } from '@/components/Common'\nimport { EmptyData } from '@/components/Common/EmptyData/EmptyData'\nimport { Flex } from '@/components/Common/Flex/Flex'\nimport useNumberFormatter from '@/hooks/useNumberFormatter'\nimport PencilSvg from '@/assets/icons/pencil.svg?react'\nimport TrashCanSvg from '@/assets/icons/trashcan.svg?react'\nimport { HamburgerMenu } from '@/components/Common/HamburgerMenu'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useI18n } from '@/i18n'\nimport PlusCircleIcon from '@/assets/icons/plus-circle.svg?react'\n\n/** @internal */\nexport interface DeductionsListProps {\n  className?: string\n  deductionsList: UseDeductionsListReady\n  onAdd: () => void\n  onEdit: (deduction: Garnishment) => void\n  onDelete: (deduction: Garnishment) => void\n  onContinue: () => void\n}\n\n/** @internal */\nexport function DeductionsList({\n  className,\n  deductionsList,\n  onAdd,\n  onEdit,\n  onDelete,\n  onContinue,\n}: DeductionsListProps) {\n  useI18n('Employee.Deductions')\n  const { t } = useTranslation('Employee.Deductions')\n  const Components = useComponentContext()\n  const formatCurrency = useNumberFormatter('currency')\n  const formatPercent = useNumberFormatter('percent')\n\n  const { deductions } = deductionsList.data\n  const isPendingAny = deductionsList.status.isPending\n  const isEmpty = deductions.length === 0\n\n  const { ...dataViewProps } = useDataView({\n    data: deductions,\n    columns: [\n      {\n        key: 'description',\n        title: t('nameColumn'),\n      },\n      {\n        key: 'recurring',\n        title: t('frequencyColumn'),\n        render: deduction => {\n          return deduction.recurring ? t('recurringText') : t('nonRecurringText')\n        },\n      },\n      {\n        key: 'amount',\n        title: t('withheldColumn'),\n        render: deduction =>\n          formatDeductionAmount(deduction, {\n            formatCurrency,\n            formatPercent,\n            formatPerPaycheck: (value: string) => t('recurringAmount', { value }),\n          }),\n      },\n    ],\n    emptyState: () => (\n      <EmptyData title={t('includeDeductionsEmptyState')}>\n        <Components.Button type=\"button\" variant=\"secondary\" onClick={onAdd}>\n          <PlusCircleIcon />\n          {t('addDeductionButtonCta')}\n        </Components.Button>\n      </EmptyData>\n    ),\n    itemMenu: deduction => {\n      return (\n        <HamburgerMenu\n          isLoading={isPendingAny}\n          items={[\n            {\n              label: t('editCta'),\n              onClick: () => {\n                onEdit(deduction)\n              },\n              icon: <PencilSvg aria-hidden />,\n            },\n            {\n              label: t('deleteCta'),\n              onClick: () => {\n                onDelete(deduction)\n              },\n              icon: <TrashCanSvg aria-hidden />,\n            },\n          ]}\n        />\n      )\n    },\n  })\n\n  return (\n    <section className={className}>\n      <Flex flexDirection=\"column\" gap={32}>\n        <Flex flexDirection=\"column\" gap={2}>\n          <Components.Heading as=\"h2\">{t('pageTitle')}</Components.Heading>\n          <Components.Text variant=\"supporting\">\n            {t('includeDeductionsDescriptionV2')}\n          </Components.Text>\n        </Flex>\n\n        <DataView label={t('deductionsTableLabel')} {...dataViewProps} />\n        <ActionsLayout>\n          {!isEmpty && (\n            <Components.Button variant=\"secondary\" onClick={onAdd}>\n              <PlusCircleIcon />\n              {t('addDeductionCta')}\n            </Components.Button>\n          )}\n          <Components.Button onClick={onContinue}>{t('continueCta')}</Components.Button>\n        </ActionsLayout>\n      </Flex>\n    </section>\n  )\n}\n"],"names":["DeductionsList","className","deductionsList","onAdd","onEdit","onDelete","onContinue","useI18n","useTranslation","Components","useComponentContext","formatCurrency","useNumberFormatter","formatPercent","deductions","isPendingAny","isEmpty","dataViewProps","useDataView","deduction","formatDeductionAmount","value","jsx","EmptyData","jsxs","PlusCircleIcon","HamburgerMenu","PencilSvg","TrashCanSvg","Flex","DataView","ActionsLayout"],"mappings":";;;;;;;;;;;;;;;AA2BO,SAASA,EAAe;AAAA,EAC7B,WAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,OAAAC;AAAA,EACA,QAAAC;AAAA,EACA,UAAAC;AAAA,EACA,YAAAC;AACF,GAAwB;AACtB,EAAAC,EAAQ,qBAAqB;AAC7B,QAAM,EAAE,EAAA,IAAMC,EAAe,qBAAqB,GAC5CC,IAAaC,EAAA,GACbC,IAAiBC,EAAmB,UAAU,GAC9CC,IAAgBD,EAAmB,SAAS,GAE5C,EAAE,YAAAE,MAAeZ,EAAe,MAChCa,IAAeb,EAAe,OAAO,WACrCc,IAAUF,EAAW,WAAW,GAEhC,EAAE,GAAGG,EAAA,IAAkBC,EAAY;AAAA,IACvC,MAAMJ;AAAA,IACN,SAAS;AAAA,MACP;AAAA,QACE,KAAK;AAAA,QACL,OAAO,EAAE,YAAY;AAAA,MAAA;AAAA,MAEvB;AAAA,QACE,KAAK;AAAA,QACL,OAAO,EAAE,iBAAiB;AAAA,QAC1B,QAAQ,CAAAK,MACCA,EAAU,YAAY,EAAE,eAAe,IAAI,EAAE,kBAAkB;AAAA,MACxE;AAAA,MAEF;AAAA,QACE,KAAK;AAAA,QACL,OAAO,EAAE,gBAAgB;AAAA,QACzB,QAAQ,CAAAA,MACNC,EAAsBD,GAAW;AAAA,UAC/B,gBAAAR;AAAA,UACA,eAAAE;AAAA,UACA,mBAAmB,CAACQ,MAAkB,EAAE,mBAAmB,EAAE,OAAAA,GAAO;AAAA,QAAA,CACrE;AAAA,MAAA;AAAA,IACL;AAAA,IAEF,YAAY,MACV,gBAAAC,EAACC,GAAA,EAAU,OAAO,EAAE,6BAA6B,GAC/C,UAAA,gBAAAC,EAACf,EAAW,QAAX,EAAkB,MAAK,UAAS,SAAQ,aAAY,SAASN,GAC5D,UAAA;AAAA,MAAA,gBAAAmB,EAACG,GAAA,EAAe;AAAA,MACf,EAAE,uBAAuB;AAAA,IAAA,EAAA,CAC5B,EAAA,CACF;AAAA,IAEF,UAAU,CAAAN,MAEN,gBAAAG;AAAA,MAACI;AAAA,MAAA;AAAA,QACC,WAAWX;AAAA,QACX,OAAO;AAAA,UACL;AAAA,YACE,OAAO,EAAE,SAAS;AAAA,YAClB,SAAS,MAAM;AACb,cAAAX,EAAOe,CAAS;AAAA,YAClB;AAAA,YACA,MAAM,gBAAAG,EAACK,GAAA,EAAU,eAAW,GAAA,CAAC;AAAA,UAAA;AAAA,UAE/B;AAAA,YACE,OAAO,EAAE,WAAW;AAAA,YACpB,SAAS,MAAM;AACb,cAAAtB,EAASc,CAAS;AAAA,YACpB;AAAA,YACA,MAAM,gBAAAG,EAACM,GAAA,EAAY,eAAW,GAAA,CAAC;AAAA,UAAA;AAAA,QACjC;AAAA,MACF;AAAA,IAAA;AAAA,EAGN,CACD;AAED,SACE,gBAAAN,EAAC,aAAQ,WAAArB,GACP,UAAA,gBAAAuB,EAACK,KAAK,eAAc,UAAS,KAAK,IAChC,UAAA;AAAA,IAAA,gBAAAL,EAACK,GAAA,EAAK,eAAc,UAAS,KAAK,GAChC,UAAA;AAAA,MAAA,gBAAAP,EAACb,EAAW,SAAX,EAAmB,IAAG,MAAM,UAAA,EAAE,WAAW,GAAE;AAAA,MAC5C,gBAAAa,EAACb,EAAW,MAAX,EAAgB,SAAQ,cACtB,UAAA,EAAE,gCAAgC,EAAA,CACrC;AAAA,IAAA,GACF;AAAA,sBAECqB,GAAA,EAAS,OAAO,EAAE,sBAAsB,GAAI,GAAGb,GAAe;AAAA,sBAC9Dc,GAAA,EACE,UAAA;AAAA,MAAA,CAACf,uBACCP,EAAW,QAAX,EAAkB,SAAQ,aAAY,SAASN,GAC9C,UAAA;AAAA,QAAA,gBAAAmB,EAACG,GAAA,EAAe;AAAA,QACf,EAAE,iBAAiB;AAAA,MAAA,GACtB;AAAA,MAEF,gBAAAH,EAACb,EAAW,QAAX,EAAkB,SAASH,GAAa,UAAA,EAAE,aAAa,EAAA,CAAE;AAAA,IAAA,EAAA,CAC5D;AAAA,EAAA,EAAA,CACF,EAAA,CACF;AAEJ;"}

package/dist/components/Employee/Deductions/onboarding/deductionsContextualComponents.d.ts

@@ -3,8 +3,6 @@ import { FlowContextInterface } from '../../../Flow/useFlow';
 import { componentEvents } from '../../../../shared/constants';
 /** @internal */
 export type EventPayloads = {
-    [componentEvents.EMPLOYEE_DEDUCTION_INCLUDE_YES]: undefined;
-    [componentEvents.EMPLOYEE_DEDUCTION_INCLUDE_NO]: undefined;
     [componentEvents.EMPLOYEE_DEDUCTION_ADD]: undefined;
     [componentEvents.EMPLOYEE_DEDUCTION_EDIT]: Garnishment;
     [componentEvents.EMPLOYEE_DEDUCTION_CANCEL]: undefined;
@@ -22,8 +20,6 @@ export interface DeductionsContextInterface extends FlowContextInterface {
     editingDeductionId?: string;
 }
 /** @internal */
-export declare function IncludeDeductionsContextual(): import("react").JSX.Element;
-/** @internal */
 export declare function DeductionsListContextual(): import("react").JSX.Element;
 /** @internal */
 export declare function DeductionsFormContextual(): import("react").JSX.Element;

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

@@ -1,76 +1,66 @@
-import { jsx as r } from "react/jsx-runtime";
-import { useDeductionsList as O } from "../shared/useDeductionsList.js";
-import { IncludeDeductions as C } from "./IncludeDeductions/IncludeDeductions.js";
-import { DeductionsList as L } from "./DeductionsList/DeductionsList.js";
-import { useOnboardingDeductionsFormDictionary as I } from "./useFormDictionary.js";
-import { BaseLayout as s } from "../../../Base/Base.js";
-import { useFlow as l } from "../../../Flow/useFlow.js";
+import { jsx as i } from "react/jsx-runtime";
+import { useDeductionsList as l } from "../shared/useDeductionsList.js";
+import { DeductionsList as _ } from "./DeductionsList/DeductionsList.js";
+import { useOnboardingDeductionsFormDictionary as C } from "./useFormDictionary.js";
+import { BaseLayout as d } from "../../../Base/Base.js";
+import { useFlow as L } from "../../../Flow/useFlow.js";
 import { componentEvents as o } from "../../../../shared/constants.js";
 import { ensureRequired as m } from "../../../../helpers/ensureRequired.js";
 import { DeductionsForm as f } from "../shared/DeductionsForm/DeductionsForm.js";
-function v() {
-  const { onEvent: t } = l();
-  return /* @__PURE__ */ r(s, { children: /* @__PURE__ */ r(C, { onAdd: () => {
-    t(o.EMPLOYEE_DEDUCTION_INCLUDE_YES);
-  }, onContinue: () => {
-    t(o.EMPLOYEE_DEDUCTION_INCLUDE_NO), t(o.EMPLOYEE_DEDUCTION_DONE);
-  } }) });
-}
-function h() {
-  const { employeeId: t, onEvent: n } = l(), e = O({ employeeId: m(t) });
+function U() {
+  const { employeeId: s, onEvent: n } = L(), e = l({ employeeId: m(s) });
   if (e.isLoading)
-    return /* @__PURE__ */ r(s, { isLoading: !0, error: e.errorHandling.errors });
-  const i = () => {
+    return /* @__PURE__ */ i(d, { isLoading: !0, error: e.errorHandling.errors });
+  const r = () => {
     n(o.EMPLOYEE_DEDUCTION_ADD);
-  }, D = (E) => {
-    n(o.EMPLOYEE_DEDUCTION_EDIT, E);
+  }, D = (t) => {
+    n(o.EMPLOYEE_DEDUCTION_EDIT, t);
   }, c = () => {
     n(o.EMPLOYEE_DEDUCTION_DONE);
-  }, u = async (E) => {
-    const d = await e.actions.onDelete(E);
-    d && (d.data.remainingActiveCount === 0 ? n(o.EMPLOYEE_DEDUCTION_DELETED_EMPTY) : n(o.EMPLOYEE_DEDUCTION_DELETED, d.data.garnishment));
+  }, u = async (t) => {
+    const E = await e.actions.onDelete(t);
+    E && (E.data.remainingActiveCount === 0 ? n(o.EMPLOYEE_DEDUCTION_DELETED_EMPTY) : n(o.EMPLOYEE_DEDUCTION_DELETED, E.data.garnishment));
   };
-  return /* @__PURE__ */ r(s, { error: e.errorHandling.errors, children: /* @__PURE__ */ r(
-    L,
+  return /* @__PURE__ */ i(d, { error: e.errorHandling.errors, children: /* @__PURE__ */ i(
+    _,
     {
       deductionsList: e,
-      onAdd: i,
+      onAdd: r,
       onEdit: D,
-      onDelete: (E) => {
-        u(E);
+      onDelete: (t) => {
+        u(t);
       },
       onContinue: c
     }
   ) });
 }
-function x() {
-  const { employeeId: t, editingDeductionId: n, onEvent: e } = l(), i = O({ employeeId: m(t) }), D = I();
-  if (i.isLoading)
-    return /* @__PURE__ */ r(s, { isLoading: !0, error: i.errorHandling.errors });
-  const c = n ? i.data.deductions.find((a) => a.uuid === n) ?? null : null, u = i.data.deductions.length > 0, E = (a, _) => {
+function A() {
+  const { employeeId: s, editingDeductionId: n, onEvent: e } = L(), r = l({ employeeId: m(s) }), D = C();
+  if (r.isLoading)
+    return /* @__PURE__ */ i(d, { isLoading: !0, error: r.errorHandling.errors });
+  const c = n ? r.data.deductions.find((a) => a.uuid === n) ?? null : null, u = r.data.deductions.length > 0, t = (a, O) => {
     e(
-      _ === "create" ? o.EMPLOYEE_DEDUCTION_CREATED : o.EMPLOYEE_DEDUCTION_UPDATED,
+      O === "create" ? o.EMPLOYEE_DEDUCTION_CREATED : o.EMPLOYEE_DEDUCTION_UPDATED,
       a
     );
-  }, d = () => {
+  }, E = () => {
     e(
       u ? o.EMPLOYEE_DEDUCTION_CANCEL : o.EMPLOYEE_DEDUCTION_CANCEL_EMPTY
     );
   };
-  return /* @__PURE__ */ r(s, { error: i.errorHandling.errors, children: /* @__PURE__ */ r(
+  return /* @__PURE__ */ i(d, { error: r.errorHandling.errors, children: /* @__PURE__ */ i(
     f,
     {
-      employeeId: m(t),
+      employeeId: m(s),
       deduction: c,
       dictionary: D,
-      onSaved: E,
-      onCancel: d
+      onSaved: t,
+      onCancel: E
     }
   ) });
 }
 export {
-  x as DeductionsFormContextual,
-  h as DeductionsListContextual,
-  v as IncludeDeductionsContextual
+  A as DeductionsFormContextual,
+  U as DeductionsListContextual
 };
 //# sourceMappingURL=deductionsContextualComponents.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"deductionsContextualComponents.js","sources":["../../../../../src/components/Employee/Deductions/onboarding/deductionsContextualComponents.tsx"],"sourcesContent":["import { type Garnishment } from '@gusto/embedded-api-v-2025-11-15/models/components/garnishment'\nimport { useDeductionsList } from '../shared/useDeductionsList'\nimport { DeductionsForm } from '../shared/DeductionsForm'\nimport { IncludeDeductions } from './IncludeDeductions/IncludeDeductions'\nimport { DeductionsList } from './DeductionsList/DeductionsList'\nimport { useOnboardingDeductionsFormDictionary } from './useFormDictionary'\nimport { BaseLayout } from '@/components/Base/Base'\nimport { useFlow, type FlowContextInterface } from '@/components/Flow/useFlow'\nimport { componentEvents } from '@/shared/constants'\nimport { ensureRequired } from '@/helpers/ensureRequired'\n\n/** @internal */\nexport type EventPayloads = {\n  [componentEvents.EMPLOYEE_DEDUCTION_INCLUDE_YES]: undefined\n  [componentEvents.EMPLOYEE_DEDUCTION_INCLUDE_NO]: undefined\n  [componentEvents.EMPLOYEE_DEDUCTION_ADD]: undefined\n  [componentEvents.EMPLOYEE_DEDUCTION_EDIT]: Garnishment\n  [componentEvents.EMPLOYEE_DEDUCTION_CANCEL]: undefined\n  [componentEvents.EMPLOYEE_DEDUCTION_CANCEL_EMPTY]: undefined\n  [componentEvents.EMPLOYEE_DEDUCTION_CREATED]: Garnishment\n  [componentEvents.EMPLOYEE_DEDUCTION_UPDATED]: Garnishment\n  [componentEvents.EMPLOYEE_DEDUCTION_DELETED]: Garnishment\n  [componentEvents.EMPLOYEE_DEDUCTION_DELETED_EMPTY]: undefined\n  [componentEvents.EMPLOYEE_DEDUCTION_DONE]: undefined\n}\n\n/** @internal */\nexport interface DeductionsContextInterface extends FlowContextInterface {\n  employeeId: string\n  /** Set by the EDIT transition; consumed by the form-mode contextual. */\n  editingDeductionId?: string\n}\n\n/** @internal */\nexport function IncludeDeductionsContextual() {\n  const { onEvent } = useFlow<DeductionsContextInterface>()\n\n  const onAdd = () => {\n    onEvent(componentEvents.EMPLOYEE_DEDUCTION_INCLUDE_YES)\n  }\n  const onContinue = () => {\n    // The outer onboarding flow advances on DONE; partners also receive\n    // INCLUDE_NO so analytics can distinguish the empty-state confirmation.\n    onEvent(componentEvents.EMPLOYEE_DEDUCTION_INCLUDE_NO)\n    onEvent(componentEvents.EMPLOYEE_DEDUCTION_DONE)\n  }\n\n  // BaseLayout's inner FadeIn (width: 100%) is the canonical \"page\" container\n  // for content rendered inside <Flow>. Without it the outer row-direction\n  // Flex in Flow collapses to the intrinsic content width of its single\n  // child, producing the \"squashed\" layout for narrow content.\n  return (\n    <BaseLayout>\n      <IncludeDeductions onAdd={onAdd} onContinue={onContinue} />\n    </BaseLayout>\n  )\n}\n\n/** @internal */\nexport function DeductionsListContextual() {\n  const { employeeId, onEvent } = useFlow<DeductionsContextInterface>()\n  const list = useDeductionsList({ employeeId: ensureRequired(employeeId) })\n\n  if (list.isLoading) {\n    return <BaseLayout isLoading error={list.errorHandling.errors} />\n  }\n\n  const onAdd = () => {\n    onEvent(componentEvents.EMPLOYEE_DEDUCTION_ADD)\n  }\n  const onEdit = (deduction: Garnishment) => {\n    onEvent(componentEvents.EMPLOYEE_DEDUCTION_EDIT, deduction)\n  }\n  const onContinue = () => {\n    onEvent(componentEvents.EMPLOYEE_DEDUCTION_DONE)\n  }\n  const onDelete = async (deduction: Garnishment) => {\n    const result = await list.actions.onDelete(deduction)\n    if (!result) return\n    if (result.data.remainingActiveCount === 0) {\n      onEvent(componentEvents.EMPLOYEE_DEDUCTION_DELETED_EMPTY)\n    } else {\n      onEvent(componentEvents.EMPLOYEE_DEDUCTION_DELETED, result.data.garnishment)\n    }\n  }\n\n  return (\n    <BaseLayout error={list.errorHandling.errors}>\n      <DeductionsList\n        deductionsList={list}\n        onAdd={onAdd}\n        onEdit={onEdit}\n        onDelete={(d: Garnishment) => {\n          void onDelete(d)\n        }}\n        onContinue={onContinue}\n      />\n    </BaseLayout>\n  )\n}\n\n/** @internal */\nexport function DeductionsFormContextual() {\n  const { employeeId, editingDeductionId, onEvent } = useFlow<DeductionsContextInterface>()\n  // The same list query the form hooks use internally — React Query dedupes\n  // so this is the only outstanding request.\n  const list = useDeductionsList({ employeeId: ensureRequired(employeeId) })\n  const formDictionary = useOnboardingDeductionsFormDictionary()\n\n  if (list.isLoading) {\n    return <BaseLayout isLoading error={list.errorHandling.errors} />\n  }\n\n  const deduction = editingDeductionId\n    ? (list.data.deductions.find(d => d.uuid === editingDeductionId) ?? null)\n    : null\n  const hasActiveDeductions = list.data.deductions.length > 0\n\n  const onSaved = (saved: Garnishment, mode: 'create' | 'update') => {\n    onEvent(\n      mode === 'create'\n        ? componentEvents.EMPLOYEE_DEDUCTION_CREATED\n        : componentEvents.EMPLOYEE_DEDUCTION_UPDATED,\n      saved,\n    )\n  }\n  const onCancel = () => {\n    onEvent(\n      hasActiveDeductions\n        ? componentEvents.EMPLOYEE_DEDUCTION_CANCEL\n        : componentEvents.EMPLOYEE_DEDUCTION_CANCEL_EMPTY,\n    )\n  }\n\n  return (\n    <BaseLayout error={list.errorHandling.errors}>\n      <DeductionsForm\n        employeeId={ensureRequired(employeeId)}\n        deduction={deduction}\n        dictionary={formDictionary}\n        onSaved={onSaved}\n        onCancel={onCancel}\n      />\n    </BaseLayout>\n  )\n}\n"],"names":["IncludeDeductionsContextual","onEvent","useFlow","BaseLayout","jsx","IncludeDeductions","componentEvents","DeductionsListContextual","employeeId","list","useDeductionsList","ensureRequired","onAdd","onEdit","deduction","onContinue","onDelete","result","DeductionsList","d","DeductionsFormContextual","editingDeductionId","formDictionary","useOnboardingDeductionsFormDictionary","hasActiveDeductions","onSaved","saved","mode","onCancel","DeductionsForm"],"mappings":";;;;;;;;;;AAkCO,SAASA,IAA8B;AAC5C,QAAM,EAAE,SAAAC,EAAA,IAAYC,EAAA;AAgBpB,2BACGC,GAAA,EACC,UAAA,gBAAAC,EAACC,GAAA,EAAkB,OAhBT,MAAM;AAClB,IAAAJ,EAAQK,EAAgB,8BAA8B;AAAA,EACxD,GAcqC,YAblB,MAAM;AAGvB,IAAAL,EAAQK,EAAgB,6BAA6B,GACrDL,EAAQK,EAAgB,uBAAuB;AAAA,EACjD,GAQ6D,GAC3D;AAEJ;AAGO,SAASC,IAA2B;AACzC,QAAM,EAAE,YAAAC,GAAY,SAAAP,EAAA,IAAYC,EAAA,GAC1BO,IAAOC,EAAkB,EAAE,YAAYC,EAAeH,CAAU,GAAG;AAEzE,MAAIC,EAAK;AACP,6BAAQN,GAAA,EAAW,WAAS,IAAC,OAAOM,EAAK,cAAc,QAAQ;AAGjE,QAAMG,IAAQ,MAAM;AAClB,IAAAX,EAAQK,EAAgB,sBAAsB;AAAA,EAChD,GACMO,IAAS,CAACC,MAA2B;AACzC,IAAAb,EAAQK,EAAgB,yBAAyBQ,CAAS;AAAA,EAC5D,GACMC,IAAa,MAAM;AACvB,IAAAd,EAAQK,EAAgB,uBAAuB;AAAA,EACjD,GACMU,IAAW,OAAOF,MAA2B;AACjD,UAAMG,IAAS,MAAMR,EAAK,QAAQ,SAASK,CAAS;AACpD,IAAKG,MACDA,EAAO,KAAK,yBAAyB,IACvChB,EAAQK,EAAgB,gCAAgC,IAExDL,EAAQK,EAAgB,4BAA4BW,EAAO,KAAK,WAAW;AAAA,EAE/E;AAEA,SACE,gBAAAb,EAACD,GAAA,EAAW,OAAOM,EAAK,cAAc,QACpC,UAAA,gBAAAL;AAAA,IAACc;AAAA,IAAA;AAAA,MACC,gBAAgBT;AAAA,MAChB,OAAAG;AAAA,MACA,QAAAC;AAAA,MACA,UAAU,CAACM,MAAmB;AAC5B,QAAKH,EAASG,CAAC;AAAA,MACjB;AAAA,MACA,YAAAJ;AAAA,IAAA;AAAA,EAAA,GAEJ;AAEJ;AAGO,SAASK,IAA2B;AACzC,QAAM,EAAE,YAAAZ,GAAY,oBAAAa,GAAoB,SAAApB,EAAA,IAAYC,EAAA,GAG9CO,IAAOC,EAAkB,EAAE,YAAYC,EAAeH,CAAU,GAAG,GACnEc,IAAiBC,EAAA;AAEvB,MAAId,EAAK;AACP,6BAAQN,GAAA,EAAW,WAAS,IAAC,OAAOM,EAAK,cAAc,QAAQ;AAGjE,QAAMK,IAAYO,IACbZ,EAAK,KAAK,WAAW,KAAK,CAAAU,MAAKA,EAAE,SAASE,CAAkB,KAAK,OAClE,MACEG,IAAsBf,EAAK,KAAK,WAAW,SAAS,GAEpDgB,IAAU,CAACC,GAAoBC,MAA8B;AACjE,IAAA1B;AAAA,MACE0B,MAAS,WACLrB,EAAgB,6BAChBA,EAAgB;AAAA,MACpBoB;AAAA,IAAA;AAAA,EAEJ,GACME,IAAW,MAAM;AACrB,IAAA3B;AAAA,MACEuB,IACIlB,EAAgB,4BAChBA,EAAgB;AAAA,IAAA;AAAA,EAExB;AAEA,SACE,gBAAAF,EAACD,GAAA,EAAW,OAAOM,EAAK,cAAc,QACpC,UAAA,gBAAAL;AAAA,IAACyB;AAAA,IAAA;AAAA,MACC,YAAYlB,EAAeH,CAAU;AAAA,MACrC,WAAAM;AAAA,MACA,YAAYQ;AAAA,MACZ,SAAAG;AAAA,MACA,UAAAG;AAAA,IAAA;AAAA,EAAA,GAEJ;AAEJ;"}
+{"version":3,"file":"deductionsContextualComponents.js","sources":["../../../../../src/components/Employee/Deductions/onboarding/deductionsContextualComponents.tsx"],"sourcesContent":["import { type Garnishment } from '@gusto/embedded-api-v-2025-11-15/models/components/garnishment'\nimport { useDeductionsList } from '../shared/useDeductionsList'\nimport { DeductionsForm } from '../shared/DeductionsForm'\nimport { DeductionsList } from './DeductionsList/DeductionsList'\nimport { useOnboardingDeductionsFormDictionary } from './useFormDictionary'\nimport { BaseLayout } from '@/components/Base/Base'\nimport { useFlow, type FlowContextInterface } from '@/components/Flow/useFlow'\nimport { componentEvents } from '@/shared/constants'\nimport { ensureRequired } from '@/helpers/ensureRequired'\n\n/** @internal */\nexport type EventPayloads = {\n  [componentEvents.EMPLOYEE_DEDUCTION_ADD]: undefined\n  [componentEvents.EMPLOYEE_DEDUCTION_EDIT]: Garnishment\n  [componentEvents.EMPLOYEE_DEDUCTION_CANCEL]: undefined\n  [componentEvents.EMPLOYEE_DEDUCTION_CANCEL_EMPTY]: undefined\n  [componentEvents.EMPLOYEE_DEDUCTION_CREATED]: Garnishment\n  [componentEvents.EMPLOYEE_DEDUCTION_UPDATED]: Garnishment\n  [componentEvents.EMPLOYEE_DEDUCTION_DELETED]: Garnishment\n  [componentEvents.EMPLOYEE_DEDUCTION_DELETED_EMPTY]: undefined\n  [componentEvents.EMPLOYEE_DEDUCTION_DONE]: undefined\n}\n\n/** @internal */\nexport interface DeductionsContextInterface extends FlowContextInterface {\n  employeeId: string\n  /** Set by the EDIT transition; consumed by the form-mode contextual. */\n  editingDeductionId?: string\n}\n\n/** @internal */\nexport function DeductionsListContextual() {\n  const { employeeId, onEvent } = useFlow<DeductionsContextInterface>()\n  const list = useDeductionsList({ employeeId: ensureRequired(employeeId) })\n\n  if (list.isLoading) {\n    return <BaseLayout isLoading error={list.errorHandling.errors} />\n  }\n\n  const onAdd = () => {\n    onEvent(componentEvents.EMPLOYEE_DEDUCTION_ADD)\n  }\n  const onEdit = (deduction: Garnishment) => {\n    onEvent(componentEvents.EMPLOYEE_DEDUCTION_EDIT, deduction)\n  }\n  const onContinue = () => {\n    onEvent(componentEvents.EMPLOYEE_DEDUCTION_DONE)\n  }\n  const onDelete = async (deduction: Garnishment) => {\n    const result = await list.actions.onDelete(deduction)\n    if (!result) return\n    if (result.data.remainingActiveCount === 0) {\n      onEvent(componentEvents.EMPLOYEE_DEDUCTION_DELETED_EMPTY)\n    } else {\n      onEvent(componentEvents.EMPLOYEE_DEDUCTION_DELETED, result.data.garnishment)\n    }\n  }\n\n  return (\n    <BaseLayout error={list.errorHandling.errors}>\n      <DeductionsList\n        deductionsList={list}\n        onAdd={onAdd}\n        onEdit={onEdit}\n        onDelete={(d: Garnishment) => {\n          void onDelete(d)\n        }}\n        onContinue={onContinue}\n      />\n    </BaseLayout>\n  )\n}\n\n/** @internal */\nexport function DeductionsFormContextual() {\n  const { employeeId, editingDeductionId, onEvent } = useFlow<DeductionsContextInterface>()\n  // The same list query the form hooks use internally — React Query dedupes\n  // so this is the only outstanding request.\n  const list = useDeductionsList({ employeeId: ensureRequired(employeeId) })\n  const formDictionary = useOnboardingDeductionsFormDictionary()\n\n  if (list.isLoading) {\n    return <BaseLayout isLoading error={list.errorHandling.errors} />\n  }\n\n  const deduction = editingDeductionId\n    ? (list.data.deductions.find(d => d.uuid === editingDeductionId) ?? null)\n    : null\n  const hasActiveDeductions = list.data.deductions.length > 0\n\n  const onSaved = (saved: Garnishment, mode: 'create' | 'update') => {\n    onEvent(\n      mode === 'create'\n        ? componentEvents.EMPLOYEE_DEDUCTION_CREATED\n        : componentEvents.EMPLOYEE_DEDUCTION_UPDATED,\n      saved,\n    )\n  }\n  const onCancel = () => {\n    onEvent(\n      hasActiveDeductions\n        ? componentEvents.EMPLOYEE_DEDUCTION_CANCEL\n        : componentEvents.EMPLOYEE_DEDUCTION_CANCEL_EMPTY,\n    )\n  }\n\n  return (\n    <BaseLayout error={list.errorHandling.errors}>\n      <DeductionsForm\n        employeeId={ensureRequired(employeeId)}\n        deduction={deduction}\n        dictionary={formDictionary}\n        onSaved={onSaved}\n        onCancel={onCancel}\n      />\n    </BaseLayout>\n  )\n}\n"],"names":["DeductionsListContextual","employeeId","onEvent","useFlow","list","useDeductionsList","ensureRequired","BaseLayout","onAdd","componentEvents","onEdit","deduction","onContinue","onDelete","result","jsx","DeductionsList","d","DeductionsFormContextual","editingDeductionId","formDictionary","useOnboardingDeductionsFormDictionary","hasActiveDeductions","onSaved","saved","mode","onCancel","DeductionsForm"],"mappings":";;;;;;;;;AA+BO,SAASA,IAA2B;AACzC,QAAM,EAAE,YAAAC,GAAY,SAAAC,EAAA,IAAYC,EAAA,GAC1BC,IAAOC,EAAkB,EAAE,YAAYC,EAAeL,CAAU,GAAG;AAEzE,MAAIG,EAAK;AACP,6BAAQG,GAAA,EAAW,WAAS,IAAC,OAAOH,EAAK,cAAc,QAAQ;AAGjE,QAAMI,IAAQ,MAAM;AAClB,IAAAN,EAAQO,EAAgB,sBAAsB;AAAA,EAChD,GACMC,IAAS,CAACC,MAA2B;AACzC,IAAAT,EAAQO,EAAgB,yBAAyBE,CAAS;AAAA,EAC5D,GACMC,IAAa,MAAM;AACvB,IAAAV,EAAQO,EAAgB,uBAAuB;AAAA,EACjD,GACMI,IAAW,OAAOF,MAA2B;AACjD,UAAMG,IAAS,MAAMV,EAAK,QAAQ,SAASO,CAAS;AACpD,IAAKG,MACDA,EAAO,KAAK,yBAAyB,IACvCZ,EAAQO,EAAgB,gCAAgC,IAExDP,EAAQO,EAAgB,4BAA4BK,EAAO,KAAK,WAAW;AAAA,EAE/E;AAEA,SACE,gBAAAC,EAACR,GAAA,EAAW,OAAOH,EAAK,cAAc,QACpC,UAAA,gBAAAW;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,gBAAgBZ;AAAA,MAChB,OAAAI;AAAA,MACA,QAAAE;AAAA,MACA,UAAU,CAACO,MAAmB;AAC5B,QAAKJ,EAASI,CAAC;AAAA,MACjB;AAAA,MACA,YAAAL;AAAA,IAAA;AAAA,EAAA,GAEJ;AAEJ;AAGO,SAASM,IAA2B;AACzC,QAAM,EAAE,YAAAjB,GAAY,oBAAAkB,GAAoB,SAAAjB,EAAA,IAAYC,EAAA,GAG9CC,IAAOC,EAAkB,EAAE,YAAYC,EAAeL,CAAU,GAAG,GACnEmB,IAAiBC,EAAA;AAEvB,MAAIjB,EAAK;AACP,6BAAQG,GAAA,EAAW,WAAS,IAAC,OAAOH,EAAK,cAAc,QAAQ;AAGjE,QAAMO,IAAYQ,IACbf,EAAK,KAAK,WAAW,KAAK,CAAAa,MAAKA,EAAE,SAASE,CAAkB,KAAK,OAClE,MACEG,IAAsBlB,EAAK,KAAK,WAAW,SAAS,GAEpDmB,IAAU,CAACC,GAAoBC,MAA8B;AACjE,IAAAvB;AAAA,MACEuB,MAAS,WACLhB,EAAgB,6BAChBA,EAAgB;AAAA,MACpBe;AAAA,IAAA;AAAA,EAEJ,GACME,IAAW,MAAM;AACrB,IAAAxB;AAAA,MACEoB,IACIb,EAAgB,4BAChBA,EAAgB;AAAA,IAAA;AAAA,EAExB;AAEA,SACE,gBAAAM,EAACR,GAAA,EAAW,OAAOH,EAAK,cAAc,QACpC,UAAA,gBAAAW;AAAA,IAACY;AAAA,IAAA;AAAA,MACC,YAAYrB,EAAeL,CAAU;AAAA,MACrC,WAAAU;AAAA,MACA,YAAYS;AAAA,MACZ,SAAAG;AAAA,MACA,UAAAG;AAAA,IAAA;AAAA,EAAA,GAEJ;AAEJ;"}

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

@@ -1,6 +1,5 @@
 /** @internal */
 export declare const deductionsMachine: {
-    include: import('robot3').MachineState<any>;
     list: import('robot3').MachineState<any>;
     form: import('robot3').MachineState<any>;
     done: import('robot3').MachineState<any>;