@gusto/embedded-react-sdk 0.48.1 → 0.48.3

package/dist/components/Employee/Compensation/onboarding/EditCompensation/EditCompensation.js.map

@@ -1 +1 @@
-{"version":3,"file":"EditCompensation.js","sources":["../../../../../../src/components/Employee/Compensation/onboarding/EditCompensation/EditCompensation.tsx"],"sourcesContent":["import { useState } from 'react'\nimport classNames from 'classnames'\nimport type { CompensationDefaultValues } from '../Compensation'\nimport { useJobForm } from '../../shared/useJobForm'\nimport { useCompensationForm } from '../../shared/useCompensationForm'\nimport { AddCompensationFormBody } from '../../shared/AddCompensationFormBody'\nimport styles from './EditCompensation.module.scss'\nimport { BaseBoundaries, BaseLayout, type CommonComponentInterface } from '@/components/Base'\nimport type { OnEventType } from '@/components/Base/useBase'\nimport { Form } from '@/components/Common/Form'\nimport { useComponentDictionary, useI18n } from '@/i18n'\nimport { composeErrorHandler } from '@/partner-hook-utils/composeErrorHandler'\nimport { composeSubmitHandler } from '@/partner-hook-utils/form/composeSubmitHandler'\nimport { componentEvents, type EventType } from '@/shared/constants'\n\n/**\n * Props for {@link EditCompensation}.\n *\n * @public\n */\nexport interface EditCompensationProps extends CommonComponentInterface<'Employee.Compensation'> {\n  /** The associated employee identifier. */\n  employeeId: string\n  /**\n   * When provided, the hire date is pre-filled from this value and the hire date field is hidden.\n   * When absent, the hire date field is rendered so it can be set explicitly.\n   */\n  startDate?: string\n  /** Existing job to edit. When omitted, a new job is created on submit. */\n  currentJobId?: string | null\n  /** Heading text shown above the form. */\n  title: string\n  /** Label for the primary submit button. */\n  submitCtaLabel: string\n  /** Optional handler invoked when the secondary cancel button is clicked. */\n  onCancel?: () => void\n  /** Initial values for the job title and compensation fields. */\n  partnerDefaultValues?: CompensationDefaultValues\n  /** Event handler fired on flow state changes. See the events table on {@link EditCompensation}. */\n  onEvent: OnEventType<EventType, unknown>\n}\n\n/**\n * Renders a form for creating or editing one of an employee's jobs together with its compensation.\n *\n * @remarks\n * The submit chain saves the job first, then the compensation. The `employee/job_created` or\n * `employee/job_updated` event fires once the job is saved; `employee/compensation_updated`\n * fires once the compensation is saved and signals the full save is complete.\n *\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `employee/job_created` | Fired when a new job is saved. | The saved {@link https://docs.gusto.com/embedded-payroll/reference/get-v1-jobs-job_id | Job}. |\n * | `employee/job_updated` | Fired when an existing job is saved. | The saved {@link https://docs.gusto.com/embedded-payroll/reference/get-v1-jobs-job_id | Job}. |\n * | `employee/compensation_updated` | Fired when the compensation is saved. Treat as the \"save complete\" signal. | The saved {@link https://docs.gusto.com/embedded-payroll/reference/get-v1-compensations-compensation_id | Compensation}. |\n *\n * @param props - See {@link EditCompensationProps}.\n * @returns The rendered edit-compensation form.\n * @public\n */\nexport function EditCompensation({ dictionary, ...props }: EditCompensationProps) {\n  useComponentDictionary('Employee.Compensation', dictionary)\n  return (\n    <BaseBoundaries componentName=\"Employee.Compensation\">\n      <Root {...props} />\n    </BaseBoundaries>\n  )\n}\n\nfunction Root({\n  employeeId,\n  startDate,\n  currentJobId,\n  title,\n  submitCtaLabel,\n  onCancel,\n  partnerDefaultValues,\n  className,\n  onEvent,\n}: EditCompensationProps) {\n  useI18n('Employee.Compensation')\n\n  // When startDate is provided (onboarding), hide the hire date field and derive\n  // it from the prop at submit time. When absent (add-job from dashboard empty\n  // state), render the field so the user can set it explicitly.\n  const withHireDateField = !startDate\n\n  // Track jobId locally so a partial-failure submit chain (job POST succeeds,\n  // comp PUT fails) doesn't re-POST and create a duplicate job on retry. We\n  // initialize from the prop and only write back when the partner-supplied\n  // `currentJobId` was nullish (i.e. add-job flow) — see the submit handler.\n  const [resolvedJobId, setResolvedJobId] = useState<string | undefined>(currentJobId ?? undefined)\n\n  const jobForm = useJobForm({\n    employeeId,\n    jobId: resolvedJobId,\n    withHireDateField,\n    defaultValues: {\n      title: partnerDefaultValues?.title ?? '',\n    },\n    // The Compensation flow always shows a job title field, even when editing\n    // an existing job. The hook's schema only requires `title` on create; we\n    // require it on update too to preserve the existing UX.\n    optionalFieldsToRequire: { update: ['title'] },\n    shouldFocusError: false,\n  })\n\n  // Resolve the compensationId from the job we just loaded so the comp form can\n  // seed from the existing comp on edit. While the job form is still loading we\n  // pass undefined (compensation form starts in create mode); once the job\n  // resolves the prop change re-renders the comp form into update mode with the\n  // existing compensation as the seed.\n  const resolvedCompensationId = jobForm.isLoading\n    ? undefined\n    : (jobForm.data.currentJob?.currentCompensationUuid ?? undefined)\n\n  const compensationForm = useCompensationForm({\n    employeeId,\n    jobId: resolvedJobId,\n    compensationId: resolvedCompensationId,\n    // No effective-date field is surfaced, and no `effectiveDate` is\n    // threaded into `actions.onSubmit` either: the server initializes\n    // `effective_date` on the auto-stub created by the parent job POST,\n    // and subsequent updates omit it from the PUT body so the existing\n    // value is preserved (e.g. a deliberately-set future-dated comp\n    // wouldn't be silently overwritten on an unrelated edit).\n    withEffectiveDateField: false,\n    // The Compensation flow always presents flsaStatus, rate, and paymentUnit\n    // as required, even when editing an existing compensation. The hook's\n    // schema marks them `'create'`-only by default; we promote them on update\n    // here to preserve the existing UX (no \"(optional)\" labels).\n    optionalFieldsToRequire: { update: ['flsaStatus', 'rate', 'paymentUnit'] },\n    defaultValues: {\n      flsaStatus: partnerDefaultValues?.flsaStatus,\n      rate:\n        typeof partnerDefaultValues?.rate === 'number'\n          ? partnerDefaultValues.rate\n          : partnerDefaultValues?.rate\n            ? Number(partnerDefaultValues.rate)\n            : undefined,\n      paymentUnit: partnerDefaultValues?.paymentUnit,\n    },\n    shouldFocusError: false,\n  })\n\n  if (jobForm.isLoading || compensationForm.isLoading) {\n    const loadingErrorHandling = composeErrorHandler([jobForm, compensationForm])\n    return <BaseLayout isLoading error={loadingErrorHandling.errors} />\n  }\n\n  const submitResult = composeSubmitHandler([jobForm, compensationForm], async () => {\n    const jobResult = await jobForm.actions.onSubmit({\n      employeeId,\n      hireDate: startDate ?? undefined,\n    })\n    if (!jobResult) return\n\n    onEvent(\n      jobResult.mode === 'create'\n        ? componentEvents.EMPLOYEE_JOB_CREATED\n        : componentEvents.EMPLOYEE_JOB_UPDATED,\n      jobResult.data,\n    )\n\n    // Always thread through the freshly returned job's currentCompensationUuid +\n    // its version so we PUT against the latest comp regardless of whether the job\n    // POST just auto-created the stub or the job PUT bumped a version.\n    const stubCompensation = jobResult.data.compensations?.find(\n      c => c.uuid === jobResult.data.currentCompensationUuid,\n    )\n\n    const compensationResult = await compensationForm.actions.onSubmit({\n      jobId: jobResult.data.uuid,\n      compensationId: jobResult.data.currentCompensationUuid ?? undefined,\n      compensationVersion: stubCompensation?.version ?? undefined,\n    })\n    if (!compensationResult) {\n      if (!currentJobId) setResolvedJobId(jobResult.data.uuid)\n      return\n    }\n\n    onEvent(componentEvents.EMPLOYEE_COMPENSATION_UPDATED, compensationResult.data)\n  })\n\n  const errorHandling = composeErrorHandler([submitResult])\n\n  const isPending = jobForm.status.isPending || compensationForm.status.isPending\n\n  return (\n    <section className={classNames(styles.container, className)}>\n      <BaseLayout error={errorHandling.errors}>\n        <Form onSubmit={submitResult.handleSubmit}>\n          <AddCompensationFormBody\n            jobForm={jobForm}\n            compensationForm={compensationForm}\n            title={title}\n            submitCtaLabel={submitCtaLabel}\n            isPending={isPending}\n            onCancel={onCancel}\n          />\n        </Form>\n      </BaseLayout>\n    </section>\n  )\n}\n"],"names":["EditCompensation","dictionary","props","useComponentDictionary","jsx","BaseBoundaries","Root","employeeId","startDate","currentJobId","title","submitCtaLabel","onCancel","partnerDefaultValues","className","onEvent","useI18n","withHireDateField","resolvedJobId","setResolvedJobId","useState","jobForm","useJobForm","resolvedCompensationId","compensationForm","useCompensationForm","loadingErrorHandling","composeErrorHandler","BaseLayout","submitResult","composeSubmitHandler","jobResult","componentEvents","stubCompensation","c","compensationResult","errorHandling","isPending","classNames","styles","Form","AddCompensationFormBody"],"mappings":"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"}
+{"version":3,"file":"EditCompensation.js","sources":["../../../../../../src/components/Employee/Compensation/onboarding/EditCompensation/EditCompensation.tsx"],"sourcesContent":["import { useState } from 'react'\nimport classNames from 'classnames'\nimport type { CompensationDefaultValues } from '../Compensation'\nimport { useJobForm } from '../../shared/useJobForm'\nimport { useCompensationForm } from '../../shared/useCompensationForm'\nimport { AddCompensationFormBody } from '../../shared/AddCompensationFormBody'\nimport styles from './EditCompensation.module.scss'\nimport { BaseBoundaries, BaseLayout, type CommonComponentInterface } from '@/components/Base'\nimport type { OnEventType } from '@/components/Base/useBase'\nimport { Form } from '@/components/Common/Form'\nimport { useComponentDictionary, useI18n } from '@/i18n'\nimport { composeErrorHandler } from '@/partner-hook-utils/composeErrorHandler'\nimport { composeSubmitHandler } from '@/partner-hook-utils/form/composeSubmitHandler'\nimport { componentEvents, type EventType } from '@/shared/constants'\n\n/**\n * Props for {@link EditCompensation}.\n *\n * @public\n */\nexport interface EditCompensationProps extends CommonComponentInterface<'Employee.Compensation'> {\n  /** The associated employee identifier. */\n  employeeId: string\n  /**\n   * When provided, the hire date is pre-filled from this value and the hire date field is hidden.\n   * When absent, the hire date field is rendered so it can be set explicitly.\n   */\n  startDate?: string\n  /** Existing job to edit. When omitted, a new job is created on submit. */\n  currentJobId?: string | null\n  /** Heading text shown above the form. */\n  title: string\n  /** Label for the primary submit button. */\n  submitCtaLabel: string\n  /** Optional handler invoked when the secondary cancel button is clicked. */\n  onCancel?: () => void\n  /** Initial values for the job title and compensation fields. */\n  partnerDefaultValues?: CompensationDefaultValues\n  /** Event handler fired on flow state changes. See the events table on {@link EditCompensation}. */\n  onEvent: OnEventType<EventType, unknown>\n}\n\n/**\n * Renders a form for creating or editing one of an employee's jobs together with its compensation.\n *\n * @remarks\n * The submit chain saves the job first, then the compensation. The `employee/job_created` or\n * `employee/job_updated` event fires once the job is saved; `employee/compensation_updated`\n * fires once the compensation is saved and signals the full save is complete.\n *\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `employee/job_created` | Fired when a new job is saved. | The saved {@link https://docs.gusto.com/embedded-payroll/reference/get-v1-jobs-job_id | Job}. |\n * | `employee/job_updated` | Fired when an existing job is saved. | The saved {@link https://docs.gusto.com/embedded-payroll/reference/get-v1-jobs-job_id | Job}. |\n * | `employee/compensation_updated` | Fired when the compensation is saved. Treat as the \"save complete\" signal. | The saved {@link https://docs.gusto.com/embedded-payroll/reference/get-v1-compensations-compensation_id | Compensation}. |\n *\n * @param props - See {@link EditCompensationProps}.\n * @returns The rendered edit-compensation form.\n * @public\n */\nexport function EditCompensation({ dictionary, ...props }: EditCompensationProps) {\n  useComponentDictionary('Employee.Compensation', dictionary)\n  return (\n    <BaseBoundaries componentName=\"Employee.Compensation\">\n      <Root {...props} />\n    </BaseBoundaries>\n  )\n}\n\nfunction Root({\n  employeeId,\n  startDate,\n  currentJobId,\n  title,\n  submitCtaLabel,\n  onCancel,\n  partnerDefaultValues,\n  className,\n  onEvent,\n}: EditCompensationProps) {\n  useI18n('Employee.Compensation')\n\n  // When startDate is provided (onboarding), hide the hire date field and derive\n  // it from the prop at submit time. When absent (add-job from dashboard empty\n  // state), render the field so the user can set it explicitly.\n  const withHireDateField = !startDate\n\n  // Track jobId locally so a partial-failure submit chain (job POST succeeds,\n  // comp PUT fails) doesn't re-POST and create a duplicate job on retry. We\n  // initialize from the prop and only write back when the partner-supplied\n  // `currentJobId` was nullish (i.e. add-job flow) — see the submit handler.\n  const [resolvedJobId, setResolvedJobId] = useState<string | undefined>(currentJobId ?? undefined)\n\n  const jobForm = useJobForm({\n    employeeId,\n    jobId: resolvedJobId,\n    withHireDateField,\n    defaultValues: {\n      title: partnerDefaultValues?.title ?? '',\n    },\n    // The Compensation flow always shows a job title field, even when editing\n    // an existing job. The hook's schema only requires `title` on create; we\n    // require it on update too to preserve the existing UX.\n    optionalFieldsToRequire: { update: ['title'] },\n    shouldFocusError: false,\n  })\n\n  // Resolve the compensationId from the job we just loaded so the comp form can\n  // seed from the existing comp on edit. While the job form is still loading we\n  // pass undefined (compensation form starts in create mode); once the job\n  // resolves the prop change re-renders the comp form into update mode with the\n  // existing compensation as the seed.\n  const resolvedCompensationId = jobForm.isLoading\n    ? undefined\n    : (jobForm.data.currentJob?.currentCompensationUuid ?? undefined)\n\n  const compensationForm = useCompensationForm({\n    employeeId,\n    jobId: resolvedJobId,\n    compensationId: resolvedCompensationId,\n    // No effective-date field is surfaced, and no `effectiveDate` is\n    // threaded into `actions.onSubmit` either: the server initializes\n    // `effective_date` on the auto-stub created by the parent job POST,\n    // and subsequent updates omit it from the PUT body so the existing\n    // value is preserved (e.g. a deliberately-set future-dated comp\n    // wouldn't be silently overwritten on an unrelated edit).\n    withEffectiveDateField: false,\n    // The Compensation flow always presents flsaStatus, rate, and paymentUnit\n    // as required, even when editing an existing compensation. The hook's\n    // schema marks them `'create'`-only by default; we promote them on update\n    // here to preserve the existing UX (no \"(optional)\" labels).\n    optionalFieldsToRequire: { update: ['flsaStatus', 'rate', 'paymentUnit'] },\n    defaultValues: {\n      flsaStatus: partnerDefaultValues?.flsaStatus,\n      rate:\n        typeof partnerDefaultValues?.rate === 'number'\n          ? partnerDefaultValues.rate\n          : partnerDefaultValues?.rate\n            ? Number(partnerDefaultValues.rate)\n            : undefined,\n      paymentUnit: partnerDefaultValues?.paymentUnit,\n    },\n    shouldFocusError: false,\n  })\n\n  if (jobForm.isLoading || compensationForm.isLoading) {\n    const loadingErrorHandling = composeErrorHandler([jobForm, compensationForm])\n    return <BaseLayout isLoading error={loadingErrorHandling.errors} />\n  }\n\n  const submitResult = composeSubmitHandler([jobForm, compensationForm], async () => {\n    const jobResult = await jobForm.actions.onSubmit({\n      employeeId,\n      hireDate: startDate ?? undefined,\n    })\n    if (!jobResult) return\n\n    onEvent(\n      jobResult.mode === 'create'\n        ? componentEvents.EMPLOYEE_JOB_CREATED\n        : componentEvents.EMPLOYEE_JOB_UPDATED,\n      jobResult.data,\n    )\n\n    // Always thread through the freshly returned job's currentCompensationUuid +\n    // its version so we PUT against the latest comp regardless of whether the job\n    // POST just auto-created the stub or the job PUT bumped a version.\n    const stubCompensation = jobResult.data.compensations?.find(\n      c => c.uuid === jobResult.data.currentCompensationUuid,\n    )\n\n    const compensationResult = await compensationForm.actions.onSubmit({\n      jobId: jobResult.data.uuid,\n      compensationId: jobResult.data.currentCompensationUuid ?? undefined,\n      compensationVersion: stubCompensation?.version ?? undefined,\n    })\n    if (!compensationResult) {\n      if (!currentJobId) setResolvedJobId(jobResult.data.uuid)\n      return\n    }\n\n    onEvent(componentEvents.EMPLOYEE_COMPENSATION_UPDATED, compensationResult.data)\n  })\n\n  const errorHandling = composeErrorHandler([submitResult])\n\n  const isPending = jobForm.status.isPending || compensationForm.status.isPending\n\n  return (\n    <section className={classNames(styles.container, className)}>\n      <BaseLayout error={errorHandling.errors}>\n        <Form onSubmit={submitResult.handleSubmit}>\n          <AddCompensationFormBody\n            jobForm={jobForm}\n            compensationForm={compensationForm}\n            title={title}\n            submitCtaLabel={submitCtaLabel}\n            isPending={isPending}\n            onCancel={onCancel}\n          />\n        </Form>\n      </BaseLayout>\n    </section>\n  )\n}\n"],"names":["EditCompensation","dictionary","props","useComponentDictionary","jsx","BaseBoundaries","Root","employeeId","startDate","currentJobId","title","submitCtaLabel","onCancel","partnerDefaultValues","className","onEvent","useI18n","withHireDateField","resolvedJobId","setResolvedJobId","useState","jobForm","useJobForm","resolvedCompensationId","compensationForm","useCompensationForm","loadingErrorHandling","composeErrorHandler","BaseLayout","submitResult","composeSubmitHandler","jobResult","componentEvents","stubCompensation","c","compensationResult","errorHandling","isPending","classNames","styles","Form","AddCompensationFormBody"],"mappings":"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"}

package/dist/components/Employee/Compensation/shared/useCompensationForm/compensationSchema.d.ts

@@ -50,48 +50,6 @@ export declare const CompensationErrorCodes: {
  * @public
  */
 export type CompensationErrorCode = (typeof CompensationErrorCodes)[keyof typeof CompensationErrorCodes];
-declare const fieldValidators: {
-    /**
-     * Optional in both modes. Setting title here scopes the change to this
-     * compensation's `effectiveDate` — pair it with a future-dated comp to
-     * schedule a promotion title alongside a rate change. Use
-     * `useJobForm.Fields.Title` instead when creating a job (title is required
-     * by the API on job creation) or when renaming the active role
-     * immediately, and avoid rendering both fields on the same screen.
-     */
-    title: z.ZodString;
-    flsaStatus: z.ZodOptional<z.ZodEnum<{
-        Exempt: "Exempt";
-        "Salaried Nonexempt": "Salaried Nonexempt";
-        Nonexempt: "Nonexempt";
-        Owner: "Owner";
-        "Commission Only Exempt": "Commission Only Exempt";
-        "Commission Only Nonexempt": "Commission Only Nonexempt";
-    }>>;
-    paymentUnit: z.ZodEnum<{
-        Hour: "Hour";
-        Week: "Week";
-        Month: "Month";
-        Year: "Year";
-        Paycheck: "Paycheck";
-    }>;
-    rate: z.ZodPipe<z.ZodTransform<number, unknown>, z.ZodNumber>;
-    /**
-     * The effective date a new compensation should take effect on.
-     *
-     * - **create mode (`compensationId` absent)**: required; partners typically default
-     *   to the parent job's `hireDate` (onboarding stub-fill) or a future date
-     *   (rate change). Must be on or after `hireDate`. Server-side this maps to
-     *   POST /v1/jobs/:jobId/compensations.
-     * - **update mode (`compensationId` present)**: optional; if omitted the API
-     *   keeps the existing effective date. The `hireDate` lower bound is **not**
-     *   enforced — loaded values may legitimately predate the hire date. Maps to
-     *   PUT /v1/compensations/:id.
-     */
-    effectiveDate: z.ZodPipe<z.ZodTransform<string | null, unknown>, z.ZodNullable<z.ZodISODate>>;
-    adjustForMinimumWage: z.ZodBoolean;
-    minimumWageId: z.ZodString;
-};
 /**
  * Shape of the form values managed by {@link useCompensationForm}.
  *
@@ -105,24 +63,34 @@ declare const fieldValidators: {
  * @public
  */
 export type CompensationFormData = {
-    [K in keyof typeof fieldValidators]: z.infer<(typeof fieldValidators)[K]>;
-};
-declare const requiredFieldsConfig: {
-    title: "never";
-    flsaStatus: "create";
-    paymentUnit: "create";
-    rate: "create";
-    effectiveDate: "create";
-    minimumWageId: (data: {
-        title: string;
-        flsaStatus: "Exempt" | "Salaried Nonexempt" | "Nonexempt" | "Owner" | "Commission Only Exempt" | "Commission Only Nonexempt" | undefined;
-        paymentUnit: "Hour" | "Week" | "Month" | "Year" | "Paycheck";
-        rate: number;
-        effectiveDate: string | null;
-        adjustForMinimumWage: boolean;
-        minimumWageId: string;
-    }) => boolean;
-};
+      /**
+         * Optional in both modes. Setting title here scopes the change to this
+         * compensation's `effectiveDate` — pair it with a future-dated comp to
+         * schedule a promotion title alongside a rate change. Use
+         * `useJobForm.Fields.Title` instead when creating a job (title is required
+         * by the API on job creation) or when renaming the active role
+         * immediately, and avoid rendering both fields on the same screen.
+         */
+      title: string
+      flsaStatus: "Exempt" | "Salaried Nonexempt" | "Nonexempt" | "Owner" | "Commission Only Exempt" | "Commission Only Nonexempt" | undefined
+      paymentUnit: "Hour" | "Week" | "Month" | "Year" | "Paycheck"
+      rate: number
+      /**
+         * The effective date a new compensation should take effect on.
+         *
+         * - **create mode (`compensationId` absent)**: required; partners typically default
+         *   to the parent job's `hireDate` (onboarding stub-fill) or a future date
+         *   (rate change). Must be on or after `hireDate`. Server-side this maps to
+         *   POST /v1/jobs/:jobId/compensations.
+         * - **update mode (`compensationId` present)**: optional; if omitted the API
+         *   keeps the existing effective date. The `hireDate` lower bound is **not**
+         *   enforced — loaded values may legitimately predate the hire date. Maps to
+         *   PUT /v1/compensations/:id.
+         */
+      effectiveDate: string | null
+      adjustForMinimumWage: boolean
+      minimumWageId: string
+    };
 /**
  * Override which fields are required on a given submission mode of {@link useCompensationForm}.
  *
@@ -156,7 +124,7 @@ declare const requiredFieldsConfig: {
  * })
  * ```
  */
-export type CompensationOptionalFieldsToRequire = OptionalFieldsToRequire<typeof requiredFieldsConfig>;
+export type CompensationOptionalFieldsToRequire = { create?: "title"[] | undefined; update?: ("title" | "flsaStatus" | "paymentUnit" | "rate" | "effectiveDate")[] | undefined; };
 /**
  * Validated submission shape produced by the {@link useCompensationForm} schema.
  *

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/management/Deductions.js

@@ -5,6 +5,7 @@ import { DeductionsCardContextual as c } from "./DeductionsComponents.js";
 import { deductionsStateMachine as a } from "./deductionsStateMachine.js";
 import { Flow as u } from "../../../Flow/Flow.js";
 import { BaseBoundaries as s } from "../../../Base/Base.js";
+import "../../../Base/useBase.js";
 import { useComponentDictionary as p, useI18n as d } from "../../../../i18n/I18n.js";
 function f({ employeeId: o, onEvent: e }) {
   d("Employee.Management.Deductions");
@@ -19,7 +20,7 @@ function f({ employeeId: o, onEvent: e }) {
   );
   return /* @__PURE__ */ t(u, { machine: n, onEvent: e });
 }
-function E({
+function w({
   dictionary: o,
   FallbackComponent: e,
   ...n
@@ -34,6 +35,6 @@ function E({
   );
 }
 export {
-  E as Deductions
+  w as Deductions
 };
 //# sourceMappingURL=Deductions.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Deductions.js","sources":["../../../../../src/components/Employee/Deductions/management/Deductions.tsx"],"sourcesContent":["import { createMachine } from 'robot3'\nimport { useMemo } from 'react'\nimport { DeductionsCardContextual, type DeductionsContextInterface } from './DeductionsComponents'\nimport { deductionsStateMachine } from './deductionsStateMachine'\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 Deductions}.\n *\n * @public\n */\nexport interface DeductionsProps extends CommonComponentInterface<'Employee.Management.Deductions'> {\n  /** The associated employee identifier. */\n  employeeId: string\n  /** Callback invoked when the block emits an event. See the events table on {@link Deductions} for the available event types and payloads. */\n  onEvent: OnEventType<EventType, unknown>\n}\n\nfunction DeductionsFlow({ employeeId, onEvent }: DeductionsProps) {\n  useI18n('Employee.Management.Deductions')\n\n  const machine = useMemo(\n    () =>\n      createMachine('card', deductionsStateMachine, (ctx: DeductionsContextInterface) => ({\n        ...ctx,\n        component: DeductionsCardContextual,\n        employeeId,\n        successAlert: null,\n      })),\n    [employeeId],\n  )\n\n  return <Flow machine={machine} onEvent={onEvent} />\n}\n\n/**\n * Self-contained block for viewing and managing an employee's post-tax deductions — the same experience the dashboard surfaces, but as a drop-in component that doesn't require the surrounding dashboard chrome.\n *\n * @remarks\n * Renders a card listing the employee's active deductions with affordances to add a new deduction, edit an existing one, or delete one via a confirm dialog. Choosing to add or edit swaps the card for the deduction form; a successful save returns to the card and emits the corresponding event, and cancelling returns without saving. Wraps everything in error and suspense boundaries.\n *\n * The card and form surfaces ({@link DeductionsCard}, {@link DeductionsEditForm}) are also exported individually for cases where that orchestration is the wrong fit — for example, when the form needs to render in a modal or drawer, or when the swap is driven by a router. Using them directly means owning the swap, the alert, and any cross-component state yourself.\n *\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `employee/management/deductions/card/addRequested` | Fired when the \"Add deduction\" CTA is clicked from the card; the block opens the edit form in add mode | `{ employeeId: string }` |\n * | `employee/management/deductions/card/editRequested` | Fired when an \"Edit\" CTA is clicked for a deduction; the block opens the edit form pre-populated with that deduction | The matching `Garnishment` |\n * | `employee/management/deductions/card/deleted` | Fired after a deduction is deleted via the confirm dialog; the block stays on the card | The deleted `Garnishment` |\n * | `employee/management/deductions/editForm/created` | Fired after a new deduction is saved from the edit form; the block returns to the card view | The created `Garnishment` |\n * | `employee/management/deductions/editForm/updated` | Fired after an existing deduction is updated from the edit form; the block returns to the card view | The updated `Garnishment` |\n * | `employee/management/deductions/editForm/cancelled` | Fired when the user cancels the edit form; the block returns to the card view | — |\n * | `employee/management/deductions/alertDismissed` | Fired when the user dismisses a success alert above the card | `null` |\n *\n * @param props - See {@link DeductionsProps}.\n * @returns The rendered deductions block.\n * @public\n * @group Block Components\n */\nexport function Deductions({\n  dictionary,\n  FallbackComponent,\n  ...props\n}: DeductionsProps & BaseComponentInterface<'Employee.Management.Deductions'>) {\n  useComponentDictionary('Employee.Management.Deductions', dictionary)\n  return (\n    <BaseBoundaries\n      componentName=\"Employee.Management.Deductions\"\n      FallbackComponent={FallbackComponent}\n    >\n      <DeductionsFlow {...props} />\n    </BaseBoundaries>\n  )\n}\n"],"names":["DeductionsFlow","employeeId","onEvent","useI18n","machine","useMemo","createMachine","deductionsStateMachine","ctx","DeductionsCardContextual","jsx","Flow","Deductions","dictionary","FallbackComponent","props","useComponentDictionary","BaseBoundaries"],"mappings":";;;;;;;;AA2BA,SAASA,EAAe,EAAE,YAAAC,GAAY,SAAAC,KAA4B;AAChE,EAAAC,EAAQ,gCAAgC;AAExC,QAAMC,IAAUC;AAAA,IACd,MACEC,EAAc,QAAQC,GAAwB,CAACC,OAAqC;AAAA,MAClF,GAAGA;AAAA,MACH,WAAWC;AAAA,MACX,YAAAR;AAAA,MACA,cAAc;AAAA,IAAA,EACd;AAAA,IACJ,CAACA,CAAU;AAAA,EAAA;AAGb,SAAO,gBAAAS,EAACC,GAAA,EAAK,SAAAP,GAAkB,SAAAF,EAAA,CAAkB;AACnD;AAyBO,SAASU,EAAW;AAAA,EACzB,YAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,GAAGC;AACL,GAA+E;AAC7E,SAAAC,EAAuB,kCAAkCH,CAAU,GAEjE,gBAAAH;AAAA,IAACO;AAAA,IAAA;AAAA,MACC,eAAc;AAAA,MACd,mBAAAH;AAAA,MAEA,UAAA,gBAAAJ,EAACV,GAAA,EAAgB,GAAGe,EAAA,CAAO;AAAA,IAAA;AAAA,EAAA;AAGjC;"}
+{"version":3,"file":"Deductions.js","sources":["../../../../../src/components/Employee/Deductions/management/Deductions.tsx"],"sourcesContent":["import { createMachine } from 'robot3'\nimport { useMemo } from 'react'\nimport { DeductionsCardContextual, type DeductionsContextInterface } from './DeductionsComponents'\nimport { deductionsStateMachine } from './deductionsStateMachine'\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 Deductions}.\n *\n * @public\n */\nexport interface DeductionsProps extends CommonComponentInterface<'Employee.Management.Deductions'> {\n  /** The associated employee identifier. */\n  employeeId: string\n  /** Callback invoked when the block emits an event. See the events table on {@link Deductions} for the available event types and payloads. */\n  onEvent: OnEventType<EventType, unknown>\n}\n\nfunction DeductionsFlow({ employeeId, onEvent }: DeductionsProps) {\n  useI18n('Employee.Management.Deductions')\n\n  const machine = useMemo(\n    () =>\n      createMachine('card', deductionsStateMachine, (ctx: DeductionsContextInterface) => ({\n        ...ctx,\n        component: DeductionsCardContextual,\n        employeeId,\n        successAlert: null,\n      })),\n    [employeeId],\n  )\n\n  return <Flow machine={machine} onEvent={onEvent} />\n}\n\n/**\n * Self-contained block for viewing and managing an employee's post-tax deductions — the same experience the dashboard surfaces, but as a drop-in component that doesn't require the surrounding dashboard chrome.\n *\n * @remarks\n * Renders a card listing the employee's active deductions with affordances to add a new deduction, edit an existing one, or delete one via a confirm dialog. Choosing to add or edit swaps the card for the deduction form; a successful save returns to the card and emits the corresponding event, and cancelling returns without saving. Wraps everything in error and suspense boundaries.\n *\n * The card and form surfaces ({@link DeductionsCard}, {@link DeductionsEditForm}) are also exported individually for cases where that orchestration is the wrong fit — for example, when the form needs to render in a modal or drawer, or when the swap is driven by a router. Using them directly means owning the swap, the alert, and any cross-component state yourself.\n *\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `employee/management/deductions/card/addRequested` | Fired when the \"Add deduction\" CTA is clicked from the card; the block opens the edit form in add mode | `{ employeeId: string }` |\n * | `employee/management/deductions/card/editRequested` | Fired when an \"Edit\" CTA is clicked for a deduction; the block opens the edit form pre-populated with that deduction | The matching `Garnishment` |\n * | `employee/management/deductions/card/deleted` | Fired after a deduction is deleted via the confirm dialog; the block stays on the card | The deleted `Garnishment` |\n * | `employee/management/deductions/editForm/created` | Fired after a new deduction is saved from the edit form; the block returns to the card view | The created `Garnishment` |\n * | `employee/management/deductions/editForm/updated` | Fired after an existing deduction is updated from the edit form; the block returns to the card view | The updated `Garnishment` |\n * | `employee/management/deductions/editForm/cancelled` | Fired when the user cancels the edit form; the block returns to the card view | — |\n * | `employee/management/deductions/alertDismissed` | Fired when the user dismisses a success alert above the card | `null` |\n *\n * @param props - See {@link DeductionsProps}.\n * @returns The rendered deductions block.\n * @public\n * @group Block Components\n */\nexport function Deductions({\n  dictionary,\n  FallbackComponent,\n  ...props\n}: DeductionsProps & BaseComponentInterface<'Employee.Management.Deductions'>) {\n  useComponentDictionary('Employee.Management.Deductions', dictionary)\n  return (\n    <BaseBoundaries\n      componentName=\"Employee.Management.Deductions\"\n      FallbackComponent={FallbackComponent}\n    >\n      <DeductionsFlow {...props} />\n    </BaseBoundaries>\n  )\n}\n"],"names":["DeductionsFlow","employeeId","onEvent","useI18n","machine","useMemo","createMachine","deductionsStateMachine","ctx","DeductionsCardContextual","jsx","Flow","Deductions","dictionary","FallbackComponent","props","useComponentDictionary","BaseBoundaries"],"mappings":";;;;;;;;;AA2BA,SAASA,EAAe,EAAE,YAAAC,GAAY,SAAAC,KAA4B;AAChE,EAAAC,EAAQ,gCAAgC;AAExC,QAAMC,IAAUC;AAAA,IACd,MACEC,EAAc,QAAQC,GAAwB,CAACC,OAAqC;AAAA,MAClF,GAAGA;AAAA,MACH,WAAWC;AAAA,MACX,YAAAR;AAAA,MACA,cAAc;AAAA,IAAA,EACd;AAAA,IACJ,CAACA,CAAU;AAAA,EAAA;AAGb,SAAO,gBAAAS,EAACC,GAAA,EAAK,SAAAP,GAAkB,SAAAF,EAAA,CAAkB;AACnD;AAyBO,SAASU,EAAW;AAAA,EACzB,YAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,GAAGC;AACL,GAA+E;AAC7E,SAAAC,EAAuB,kCAAkCH,CAAU,GAEjE,gBAAAH;AAAA,IAACO;AAAA,IAAA;AAAA,MACC,eAAc;AAAA,MACd,mBAAAH;AAAA,MAEA,UAAA,gBAAAJ,EAACV,GAAA,EAAgB,GAAGe,EAAA,CAAO;AAAA,IAAA;AAAA,EAAA;AAGjC;"}

package/dist/components/Employee/Deductions/management/DeductionsEditForm/DeductionsEditForm.js

@@ -2,10 +2,11 @@ import { jsx as o } from "react/jsx-runtime";
 import { useDeductionsList as D } from "../../shared/useDeductionsList.js";
 import { useManagementDeductionsFormDictionary as d } from "./useFormDictionary.js";
 import { BaseBoundaries as M, BaseLayout as m } from "../../../../Base/Base.js";
+import "../../../../Base/useBase.js";
 import { useI18n as _, useComponentDictionary as p } from "../../../../../i18n/I18n.js";
 import { componentEvents as i } from "../../../../../shared/constants.js";
 import { DeductionsForm as f } from "../../shared/DeductionsForm/DeductionsForm.js";
-function y({
+function F({
   FallbackComponent: r,
   ...n
 }) {
@@ -48,6 +49,6 @@ function l({
   ) });
 }
 export {
-  y as DeductionsEditForm
+  F as DeductionsEditForm
 };
 //# sourceMappingURL=DeductionsEditForm.js.map

package/dist/components/Employee/Deductions/management/DeductionsEditForm/DeductionsEditForm.js.map

@@ -1 +1 @@
-{"version":3,"file":"DeductionsEditForm.js","sources":["../../../../../../src/components/Employee/Deductions/management/DeductionsEditForm/DeductionsEditForm.tsx"],"sourcesContent":["import { DeductionsForm } from '../../shared/DeductionsForm'\nimport { useDeductionsList } from '../../shared/useDeductionsList'\nimport { useManagementDeductionsFormDictionary } from './useFormDictionary'\nimport {\n  BaseBoundaries,\n  BaseLayout,\n  type BaseComponentInterface,\n  type CommonComponentInterface,\n} from '@/components/Base'\nimport { useI18n, useComponentDictionary } from '@/i18n'\nimport { componentEvents } from '@/shared/constants'\n\n/**\n * Props for {@link DeductionsEditForm}.\n *\n * @public\n */\nexport interface DeductionsEditFormProps extends CommonComponentInterface<'Employee.Management.Deductions'> {\n  /** The associated employee identifier. */\n  employeeId: string\n  /** When provided, the form opens in edit mode pre-populated with the\n   *  matching active deduction. Omit to open in add mode. */\n  editingDeductionId?: string\n  /** Callback invoked when the form emits an event. See the events table on {@link DeductionsEditForm} for the available event types and payloads. */\n  onEvent: BaseComponentInterface['onEvent']\n}\n\n/**\n * Standalone add/edit surface for a single employee deduction.\n *\n * @remarks\n * Renders the inline form for a post-tax custom deduction or court-ordered garnishment. Looks up the row to edit by `editingDeductionId`; omit it to open in add mode. Resolves its text against the `Employee.Management.Deductions` translation namespace so partner overrides on that namespace flow into the form. For an orchestrated card-plus-form flow, use {@link Deductions}.\n *\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `employee/management/deductions/editForm/created` | Fired after a new deduction is saved | The created `Garnishment` |\n * | `employee/management/deductions/editForm/updated` | Fired after an existing deduction is updated | The updated `Garnishment` |\n * | `employee/management/deductions/editForm/cancelled` | Fired when the user cancels the form | — |\n *\n * @param input - See {@link DeductionsEditFormProps}, plus a `FallbackComponent` override for the error boundary.\n * @returns The rendered add/edit form.\n * @public\n */\nexport function DeductionsEditForm({\n  FallbackComponent,\n  ...props\n}: DeductionsEditFormProps & Pick<BaseComponentInterface, 'FallbackComponent'>) {\n  return (\n    <BaseBoundaries\n      componentName=\"Employee.Management.Deductions\"\n      FallbackComponent={FallbackComponent}\n    >\n      <DeductionsEditFormRoot {...props} />\n    </BaseBoundaries>\n  )\n}\n\nfunction DeductionsEditFormRoot({\n  employeeId,\n  editingDeductionId,\n  dictionary,\n  onEvent,\n}: DeductionsEditFormProps) {\n  useI18n('Employee.Management.Deductions')\n  useComponentDictionary('Employee.Management.Deductions', dictionary)\n\n  // React Query dedupes against any sibling consumer of this list, so this\n  // is just a typed handle on the loaded row used to seed edit mode.\n  const list = useDeductionsList({ employeeId })\n  const formDictionary = useManagementDeductionsFormDictionary()\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\n  return (\n    <BaseLayout error={list.errorHandling.errors}>\n      <DeductionsForm\n        employeeId={employeeId}\n        deduction={deduction}\n        dictionary={formDictionary}\n        onSaved={(saved, mode) => {\n          onEvent(\n            mode === 'create'\n              ? componentEvents.EMPLOYEE_MANAGEMENT_DEDUCTIONS_EDIT_FORM_CREATED\n              : componentEvents.EMPLOYEE_MANAGEMENT_DEDUCTIONS_EDIT_FORM_UPDATED,\n            saved,\n          )\n        }}\n        onCancel={() => {\n          onEvent(componentEvents.EMPLOYEE_MANAGEMENT_DEDUCTIONS_EDIT_FORM_CANCELLED)\n        }}\n      />\n    </BaseLayout>\n  )\n}\n"],"names":["DeductionsEditForm","FallbackComponent","props","jsx","BaseBoundaries","DeductionsEditFormRoot","employeeId","editingDeductionId","dictionary","onEvent","useI18n","useComponentDictionary","list","useDeductionsList","formDictionary","useManagementDeductionsFormDictionary","BaseLayout","deduction","d","DeductionsForm","saved","mode","componentEvents"],"mappings":";;;;;;;AA2CO,SAASA,EAAmB;AAAA,EACjC,mBAAAC;AAAA,EACA,GAAGC;AACL,GAAgF;AAC9E,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,eAAc;AAAA,MACd,mBAAAH;AAAA,MAEA,UAAA,gBAAAE,EAACE,GAAA,EAAwB,GAAGH,EAAA,CAAO;AAAA,IAAA;AAAA,EAAA;AAGzC;AAEA,SAASG,EAAuB;AAAA,EAC9B,YAAAC;AAAA,EACA,oBAAAC;AAAA,EACA,YAAAC;AAAA,EACA,SAAAC;AACF,GAA4B;AAC1B,EAAAC,EAAQ,gCAAgC,GACxCC,EAAuB,kCAAkCH,CAAU;AAInE,QAAMI,IAAOC,EAAkB,EAAE,YAAAP,GAAY,GACvCQ,IAAiBC,EAAA;AAEvB,MAAIH,EAAK;AACP,6BAAQI,GAAA,EAAW,WAAS,IAAC,OAAOJ,EAAK,cAAc,QAAQ;AAGjE,QAAMK,IAAYV,IACbK,EAAK,KAAK,WAAW,KAAK,CAAAM,MAAKA,EAAE,SAASX,CAAkB,KAAK,OAClE;AAEJ,SACE,gBAAAJ,EAACa,GAAA,EAAW,OAAOJ,EAAK,cAAc,QACpC,UAAA,gBAAAT;AAAA,IAACgB;AAAA,IAAA;AAAA,MACC,YAAAb;AAAA,MACA,WAAAW;AAAA,MACA,YAAYH;AAAA,MACZ,SAAS,CAACM,GAAOC,MAAS;AACxB,QAAAZ;AAAA,UACEY,MAAS,WACLC,EAAgB,mDAChBA,EAAgB;AAAA,UACpBF;AAAA,QAAA;AAAA,MAEJ;AAAA,MACA,UAAU,MAAM;AACd,QAAAX,EAAQa,EAAgB,kDAAkD;AAAA,MAC5E;AAAA,IAAA;AAAA,EAAA,GAEJ;AAEJ;"}
+{"version":3,"file":"DeductionsEditForm.js","sources":["../../../../../../src/components/Employee/Deductions/management/DeductionsEditForm/DeductionsEditForm.tsx"],"sourcesContent":["import { DeductionsForm } from '../../shared/DeductionsForm'\nimport { useDeductionsList } from '../../shared/useDeductionsList'\nimport { useManagementDeductionsFormDictionary } from './useFormDictionary'\nimport {\n  BaseBoundaries,\n  BaseLayout,\n  type BaseComponentInterface,\n  type CommonComponentInterface,\n} from '@/components/Base'\nimport { useI18n, useComponentDictionary } from '@/i18n'\nimport { componentEvents } from '@/shared/constants'\n\n/**\n * Props for {@link DeductionsEditForm}.\n *\n * @public\n */\nexport interface DeductionsEditFormProps extends CommonComponentInterface<'Employee.Management.Deductions'> {\n  /** The associated employee identifier. */\n  employeeId: string\n  /** When provided, the form opens in edit mode pre-populated with the\n   *  matching active deduction. Omit to open in add mode. */\n  editingDeductionId?: string\n  /** Callback invoked when the form emits an event. See the events table on {@link DeductionsEditForm} for the available event types and payloads. */\n  onEvent: BaseComponentInterface['onEvent']\n}\n\n/**\n * Standalone add/edit surface for a single employee deduction.\n *\n * @remarks\n * Renders the inline form for a post-tax custom deduction or court-ordered garnishment. Looks up the row to edit by `editingDeductionId`; omit it to open in add mode. Resolves its text against the `Employee.Management.Deductions` translation namespace so partner overrides on that namespace flow into the form. For an orchestrated card-plus-form flow, use {@link Deductions}.\n *\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `employee/management/deductions/editForm/created` | Fired after a new deduction is saved | The created `Garnishment` |\n * | `employee/management/deductions/editForm/updated` | Fired after an existing deduction is updated | The updated `Garnishment` |\n * | `employee/management/deductions/editForm/cancelled` | Fired when the user cancels the form | — |\n *\n * @param input - See {@link DeductionsEditFormProps}, plus a `FallbackComponent` override for the error boundary.\n * @returns The rendered add/edit form.\n * @public\n */\nexport function DeductionsEditForm({\n  FallbackComponent,\n  ...props\n}: DeductionsEditFormProps & Pick<BaseComponentInterface, 'FallbackComponent'>) {\n  return (\n    <BaseBoundaries\n      componentName=\"Employee.Management.Deductions\"\n      FallbackComponent={FallbackComponent}\n    >\n      <DeductionsEditFormRoot {...props} />\n    </BaseBoundaries>\n  )\n}\n\nfunction DeductionsEditFormRoot({\n  employeeId,\n  editingDeductionId,\n  dictionary,\n  onEvent,\n}: DeductionsEditFormProps) {\n  useI18n('Employee.Management.Deductions')\n  useComponentDictionary('Employee.Management.Deductions', dictionary)\n\n  // React Query dedupes against any sibling consumer of this list, so this\n  // is just a typed handle on the loaded row used to seed edit mode.\n  const list = useDeductionsList({ employeeId })\n  const formDictionary = useManagementDeductionsFormDictionary()\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\n  return (\n    <BaseLayout error={list.errorHandling.errors}>\n      <DeductionsForm\n        employeeId={employeeId}\n        deduction={deduction}\n        dictionary={formDictionary}\n        onSaved={(saved, mode) => {\n          onEvent(\n            mode === 'create'\n              ? componentEvents.EMPLOYEE_MANAGEMENT_DEDUCTIONS_EDIT_FORM_CREATED\n              : componentEvents.EMPLOYEE_MANAGEMENT_DEDUCTIONS_EDIT_FORM_UPDATED,\n            saved,\n          )\n        }}\n        onCancel={() => {\n          onEvent(componentEvents.EMPLOYEE_MANAGEMENT_DEDUCTIONS_EDIT_FORM_CANCELLED)\n        }}\n      />\n    </BaseLayout>\n  )\n}\n"],"names":["DeductionsEditForm","FallbackComponent","props","jsx","BaseBoundaries","DeductionsEditFormRoot","employeeId","editingDeductionId","dictionary","onEvent","useI18n","useComponentDictionary","list","useDeductionsList","formDictionary","useManagementDeductionsFormDictionary","BaseLayout","deduction","d","DeductionsForm","saved","mode","componentEvents"],"mappings":";;;;;;;;AA2CO,SAASA,EAAmB;AAAA,EACjC,mBAAAC;AAAA,EACA,GAAGC;AACL,GAAgF;AAC9E,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,eAAc;AAAA,MACd,mBAAAH;AAAA,MAEA,UAAA,gBAAAE,EAACE,GAAA,EAAwB,GAAGH,EAAA,CAAO;AAAA,IAAA;AAAA,EAAA;AAGzC;AAEA,SAASG,EAAuB;AAAA,EAC9B,YAAAC;AAAA,EACA,oBAAAC;AAAA,EACA,YAAAC;AAAA,EACA,SAAAC;AACF,GAA4B;AAC1B,EAAAC,EAAQ,gCAAgC,GACxCC,EAAuB,kCAAkCH,CAAU;AAInE,QAAMI,IAAOC,EAAkB,EAAE,YAAAP,GAAY,GACvCQ,IAAiBC,EAAA;AAEvB,MAAIH,EAAK;AACP,6BAAQI,GAAA,EAAW,WAAS,IAAC,OAAOJ,EAAK,cAAc,QAAQ;AAGjE,QAAMK,IAAYV,IACbK,EAAK,KAAK,WAAW,KAAK,CAAAM,MAAKA,EAAE,SAASX,CAAkB,KAAK,OAClE;AAEJ,SACE,gBAAAJ,EAACa,GAAA,EAAW,OAAOJ,EAAK,cAAc,QACpC,UAAA,gBAAAT;AAAA,IAACgB;AAAA,IAAA;AAAA,MACC,YAAAb;AAAA,MACA,WAAAW;AAAA,MACA,YAAYH;AAAA,MACZ,SAAS,CAACM,GAAOC,MAAS;AACxB,QAAAZ;AAAA,UACEY,MAAS,WACLC,EAAgB,mDAChBA,EAAgB;AAAA,UACpBF;AAAA,QAAA;AAAA,MAEJ;AAAA,MACA,UAAU,MAAM;AACd,QAAAX,EAAQa,EAAgB,kDAAkD;AAAA,MAC5E;AAAA,IAAA;AAAA,EAAA,GAEJ;AAEJ;"}

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;"}