@gusto/embedded-react-sdk 0.47.1 → 0.48.1

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

@@ -1 +1 @@
-{"version":3,"file":"CompensationFlowComponents.js","sources":["../../../../../src/components/Employee/Compensation/onboarding/CompensationFlowComponents.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport type { Job } from '@gusto/embedded-api-v-2025-11-15/models/components/job'\nimport type { Compensation } from '@gusto/embedded-api-v-2025-11-15/models/components/compensation'\nimport type { CompensationDefaultValues } from './Compensation'\nimport { JobsList } from './JobsList'\nimport { EditCompensation } from './EditCompensation'\nimport type { OnEventType } from '@/components/Base/useBase'\nimport { useFlow, type FlowContextInterface } from '@/components/Flow/useFlow'\nimport { useI18n } from '@/i18n'\nimport { componentEvents, FlsaStatus, type EventType } from '@/shared/constants'\nimport { ensureRequired } from '@/helpers/ensureRequired'\n\nexport type EventPayloads = {\n  [componentEvents.EMPLOYEE_JOB_ADD]: undefined\n  [componentEvents.EMPLOYEE_JOB_EDIT]: { uuid: string }\n  [componentEvents.EMPLOYEE_JOB_CREATED]: Job\n  [componentEvents.EMPLOYEE_JOB_UPDATED]: Job\n  [componentEvents.EMPLOYEE_JOB_DELETED]: undefined\n  [componentEvents.EMPLOYEE_COMPENSATION_UPDATED]: Compensation\n  [componentEvents.EMPLOYEE_COMPENSATION_RETURN_TO_LIST]: undefined\n  [componentEvents.EMPLOYEE_COMPENSATION_CANCEL]: undefined\n  [componentEvents.EMPLOYEE_COMPENSATION_DONE]: undefined\n}\n\nexport interface CompensationFlowContextInterface extends FlowContextInterface {\n  employeeId: string\n  startDate: string\n  currentJobId?: string | null\n  partnerDefaultValues?: CompensationDefaultValues\n}\n\nexport function JobsListContextual() {\n  const { employeeId, onEvent } = useFlow<CompensationFlowContextInterface>()\n  return <JobsList employeeId={ensureRequired(employeeId)} onEvent={onEvent} />\n}\n\nexport function InitialEditCompensationContextual() {\n  const { employeeId, startDate, currentJobId, partnerDefaultValues, onEvent } =\n    useFlow<CompensationFlowContextInterface>()\n  useI18n('Employee.Compensation')\n  const { t } = useTranslation('Employee.Compensation')\n\n  const handleEvent: OnEventType<EventType, unknown> = (event, data) => {\n    onEvent(event, data)\n    if (event === componentEvents.EMPLOYEE_COMPENSATION_UPDATED) {\n      const compensation = data as Compensation\n      if (compensation.flsaStatus !== FlsaStatus.NONEXEMPT) {\n        onEvent(componentEvents.EMPLOYEE_COMPENSATION_DONE)\n      } else {\n        onEvent(componentEvents.EMPLOYEE_COMPENSATION_RETURN_TO_LIST)\n      }\n    }\n  }\n\n  return (\n    <EditCompensation\n      employeeId={ensureRequired(employeeId)}\n      startDate={ensureRequired(startDate)}\n      currentJobId={currentJobId}\n      title={t('title')}\n      submitCtaLabel={t('submitCta')}\n      partnerDefaultValues={partnerDefaultValues}\n      onEvent={handleEvent}\n    />\n  )\n}\n\nexport function EditCompensationContextual() {\n  const { employeeId, startDate, currentJobId, partnerDefaultValues, onEvent } =\n    useFlow<CompensationFlowContextInterface>()\n  useI18n('Employee.Compensation')\n  const { t } = useTranslation('Employee.Compensation')\n\n  const handleEvent: OnEventType<EventType, unknown> = (event, data) => {\n    onEvent(event, data)\n    if (event === componentEvents.EMPLOYEE_COMPENSATION_UPDATED) {\n      onEvent(componentEvents.EMPLOYEE_COMPENSATION_RETURN_TO_LIST)\n    }\n  }\n\n  return (\n    <EditCompensation\n      employeeId={ensureRequired(employeeId)}\n      startDate={ensureRequired(startDate)}\n      currentJobId={currentJobId}\n      title={currentJobId ? t('editTitle') : t('addTitle')}\n      submitCtaLabel={t('saveNewJobCta')}\n      onCancel={() => {\n        onEvent(componentEvents.EMPLOYEE_COMPENSATION_CANCEL)\n      }}\n      partnerDefaultValues={partnerDefaultValues}\n      onEvent={handleEvent}\n    />\n  )\n}\n"],"names":["JobsListContextual","employeeId","onEvent","useFlow","JobsList","ensureRequired","InitialEditCompensationContextual","startDate","currentJobId","partnerDefaultValues","useI18n","t","useTranslation","handleEvent","event","data","componentEvents","FlsaStatus","jsx","EditCompensation","EditCompensationContextual"],"mappings":";;;;;;;;AA+BO,SAASA,IAAqB;AACnC,QAAM,EAAE,YAAAC,GAAY,SAAAC,EAAA,IAAYC,EAAA;AAChC,2BAAQC,GAAA,EAAS,YAAYC,EAAeJ,CAAU,GAAG,SAAAC,GAAkB;AAC7E;AAEO,SAASI,IAAoC;AAClD,QAAM,EAAE,YAAAL,GAAY,WAAAM,GAAW,cAAAC,GAAc,sBAAAC,GAAsB,SAAAP,EAAA,IACjEC,EAAA;AACF,EAAAO,EAAQ,uBAAuB;AAC/B,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,uBAAuB,GAE9CC,IAA+C,CAACC,GAAOC,MAAS;AACpE,IAAAb,EAAQY,GAAOC,CAAI,GACfD,MAAUE,EAAgB,kCACPD,EACJ,eAAeE,EAAW,YACzCf,EAAQc,EAAgB,0BAA0B,IAElDd,EAAQc,EAAgB,oCAAoC;AAAA,EAGlE;AAEA,SACE,gBAAAE;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,YAAYd,EAAeJ,CAAU;AAAA,MACrC,WAAWI,EAAeE,CAAS;AAAA,MACnC,cAAAC;AAAA,MACA,OAAOG,EAAE,OAAO;AAAA,MAChB,gBAAgBA,EAAE,WAAW;AAAA,MAC7B,sBAAAF;AAAA,MACA,SAASI;AAAA,IAAA;AAAA,EAAA;AAGf;AAEO,SAASO,IAA6B;AAC3C,QAAM,EAAE,YAAAnB,GAAY,WAAAM,GAAW,cAAAC,GAAc,sBAAAC,GAAsB,SAAAP,EAAA,IACjEC,EAAA;AACF,EAAAO,EAAQ,uBAAuB;AAC/B,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,uBAAuB,GAE9CC,IAA+C,CAACC,GAAOC,MAAS;AACpE,IAAAb,EAAQY,GAAOC,CAAI,GACfD,MAAUE,EAAgB,iCAC5Bd,EAAQc,EAAgB,oCAAoC;AAAA,EAEhE;AAEA,SACE,gBAAAE;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,YAAYd,EAAeJ,CAAU;AAAA,MACrC,WAAWI,EAAeE,CAAS;AAAA,MACnC,cAAAC;AAAA,MACA,OAAsBG,EAAfH,IAAiB,cAAiB,UAAN;AAAA,MACnC,gBAAgBG,EAAE,eAAe;AAAA,MACjC,UAAU,MAAM;AACd,QAAAT,EAAQc,EAAgB,4BAA4B;AAAA,MACtD;AAAA,MACA,sBAAAP;AAAA,MACA,SAASI;AAAA,IAAA;AAAA,EAAA;AAGf;"}
+{"version":3,"file":"CompensationFlowComponents.js","sources":["../../../../../src/components/Employee/Compensation/onboarding/CompensationFlowComponents.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport type { Job } from '@gusto/embedded-api-v-2025-11-15/models/components/job'\nimport type { Compensation } from '@gusto/embedded-api-v-2025-11-15/models/components/compensation'\nimport type { CompensationDefaultValues } from './Compensation'\nimport { JobsList } from './JobsList'\nimport { EditCompensation } from './EditCompensation'\nimport type { OnEventType } from '@/components/Base/useBase'\nimport { useFlow, type FlowContextInterface } from '@/components/Flow/useFlow'\nimport { useI18n } from '@/i18n'\nimport { componentEvents, FlsaStatus, type EventType } from '@/shared/constants'\nimport { ensureRequired } from '@/helpers/ensureRequired'\n\n/** @internal */\nexport type EventPayloads = {\n  [componentEvents.EMPLOYEE_JOB_ADD]: undefined\n  [componentEvents.EMPLOYEE_JOB_EDIT]: { uuid: string }\n  [componentEvents.EMPLOYEE_JOB_CREATED]: Job\n  [componentEvents.EMPLOYEE_JOB_UPDATED]: Job\n  [componentEvents.EMPLOYEE_JOB_DELETED]: undefined\n  [componentEvents.EMPLOYEE_COMPENSATION_UPDATED]: Compensation\n  [componentEvents.EMPLOYEE_COMPENSATION_RETURN_TO_LIST]: undefined\n  [componentEvents.EMPLOYEE_COMPENSATION_CANCEL]: undefined\n  [componentEvents.EMPLOYEE_COMPENSATION_DONE]: undefined\n}\n\n/** @internal */\nexport interface CompensationFlowContextInterface extends FlowContextInterface {\n  employeeId: string\n  startDate: string\n  currentJobId?: string | null\n  partnerDefaultValues?: CompensationDefaultValues\n}\n\n/** @internal */\nexport function JobsListContextual() {\n  const { employeeId, onEvent } = useFlow<CompensationFlowContextInterface>()\n  return <JobsList employeeId={ensureRequired(employeeId)} onEvent={onEvent} />\n}\n\n/** @internal */\nexport function InitialEditCompensationContextual() {\n  const { employeeId, startDate, currentJobId, partnerDefaultValues, onEvent } =\n    useFlow<CompensationFlowContextInterface>()\n  useI18n('Employee.Compensation')\n  const { t } = useTranslation('Employee.Compensation')\n\n  const handleEvent: OnEventType<EventType, unknown> = (event, data) => {\n    onEvent(event, data)\n    if (event === componentEvents.EMPLOYEE_COMPENSATION_UPDATED) {\n      const compensation = data as Compensation\n      if (compensation.flsaStatus !== FlsaStatus.NONEXEMPT) {\n        onEvent(componentEvents.EMPLOYEE_COMPENSATION_DONE)\n      } else {\n        onEvent(componentEvents.EMPLOYEE_COMPENSATION_RETURN_TO_LIST)\n      }\n    }\n  }\n\n  return (\n    <EditCompensation\n      employeeId={ensureRequired(employeeId)}\n      startDate={ensureRequired(startDate)}\n      currentJobId={currentJobId}\n      title={t('title')}\n      submitCtaLabel={t('submitCta')}\n      partnerDefaultValues={partnerDefaultValues}\n      onEvent={handleEvent}\n    />\n  )\n}\n\n/** @internal */\nexport function EditCompensationContextual() {\n  const { employeeId, startDate, currentJobId, partnerDefaultValues, onEvent } =\n    useFlow<CompensationFlowContextInterface>()\n  useI18n('Employee.Compensation')\n  const { t } = useTranslation('Employee.Compensation')\n\n  const handleEvent: OnEventType<EventType, unknown> = (event, data) => {\n    onEvent(event, data)\n    if (event === componentEvents.EMPLOYEE_COMPENSATION_UPDATED) {\n      onEvent(componentEvents.EMPLOYEE_COMPENSATION_RETURN_TO_LIST)\n    }\n  }\n\n  return (\n    <EditCompensation\n      employeeId={ensureRequired(employeeId)}\n      startDate={ensureRequired(startDate)}\n      currentJobId={currentJobId}\n      title={currentJobId ? t('editTitle') : t('addTitle')}\n      submitCtaLabel={t('saveNewJobCta')}\n      onCancel={() => {\n        onEvent(componentEvents.EMPLOYEE_COMPENSATION_CANCEL)\n      }}\n      partnerDefaultValues={partnerDefaultValues}\n      onEvent={handleEvent}\n    />\n  )\n}\n"],"names":["JobsListContextual","employeeId","onEvent","useFlow","JobsList","ensureRequired","InitialEditCompensationContextual","startDate","currentJobId","partnerDefaultValues","useI18n","t","useTranslation","handleEvent","event","data","componentEvents","FlsaStatus","jsx","EditCompensation","EditCompensationContextual"],"mappings":";;;;;;;;AAkCO,SAASA,IAAqB;AACnC,QAAM,EAAE,YAAAC,GAAY,SAAAC,EAAA,IAAYC,EAAA;AAChC,2BAAQC,GAAA,EAAS,YAAYC,EAAeJ,CAAU,GAAG,SAAAC,GAAkB;AAC7E;AAGO,SAASI,IAAoC;AAClD,QAAM,EAAE,YAAAL,GAAY,WAAAM,GAAW,cAAAC,GAAc,sBAAAC,GAAsB,SAAAP,EAAA,IACjEC,EAAA;AACF,EAAAO,EAAQ,uBAAuB;AAC/B,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,uBAAuB,GAE9CC,IAA+C,CAACC,GAAOC,MAAS;AACpE,IAAAb,EAAQY,GAAOC,CAAI,GACfD,MAAUE,EAAgB,kCACPD,EACJ,eAAeE,EAAW,YACzCf,EAAQc,EAAgB,0BAA0B,IAElDd,EAAQc,EAAgB,oCAAoC;AAAA,EAGlE;AAEA,SACE,gBAAAE;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,YAAYd,EAAeJ,CAAU;AAAA,MACrC,WAAWI,EAAeE,CAAS;AAAA,MACnC,cAAAC;AAAA,MACA,OAAOG,EAAE,OAAO;AAAA,MAChB,gBAAgBA,EAAE,WAAW;AAAA,MAC7B,sBAAAF;AAAA,MACA,SAASI;AAAA,IAAA;AAAA,EAAA;AAGf;AAGO,SAASO,IAA6B;AAC3C,QAAM,EAAE,YAAAnB,GAAY,WAAAM,GAAW,cAAAC,GAAc,sBAAAC,GAAsB,SAAAP,EAAA,IACjEC,EAAA;AACF,EAAAO,EAAQ,uBAAuB;AAC/B,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,uBAAuB,GAE9CC,IAA+C,CAACC,GAAOC,MAAS;AACpE,IAAAb,EAAQY,GAAOC,CAAI,GACfD,MAAUE,EAAgB,iCAC5Bd,EAAQc,EAAgB,oCAAoC;AAAA,EAEhE;AAEA,SACE,gBAAAE;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,YAAYd,EAAeJ,CAAU;AAAA,MACrC,WAAWI,EAAeE,CAAS;AAAA,MACnC,cAAAC;AAAA,MACA,OAAsBG,EAAfH,IAAiB,cAAiB,UAAN;AAAA,MACnC,gBAAgBG,EAAE,eAAe;AAAA,MACjC,UAAU,MAAM;AACd,QAAAT,EAAQc,EAAgB,4BAA4B;AAAA,MACtD;AAAA,MACA,sBAAAP;AAAA,MACA,SAASI;AAAA,IAAA;AAAA,EAAA;AAGf;"}

package/dist/components/Employee/Compensation/onboarding/EditCompensation/EditCompensation.d.ts

@@ -2,25 +2,48 @@ import { CompensationDefaultValues } from '../Compensation';
 import { CommonComponentInterface } from '../../../../Base';
 import { OnEventType } from '../../../../Base/useBase';
 import { EventType } from '../../../../../shared/constants';
+/**
+ * Props for {@link EditCompensation}.
+ *
+ * @public
+ */
 export interface EditCompensationProps extends CommonComponentInterface<'Employee.Compensation'> {
+    /** The associated employee identifier. */
     employeeId: string;
     /**
-     * When provided, the hire date is pre-filled from this value and the hire
-     * date field is hidden. When absent (add-job from empty state), the hire
-     * date field is rendered so the user can set it explicitly.
+     * When provided, the hire date is pre-filled from this value and the hire date field is hidden.
+     * When absent, the hire date field is rendered so it can be set explicitly.
      */
     startDate?: string;
+    /** Existing job to edit. When omitted, a new job is created on submit. */
     currentJobId?: string | null;
+    /** Heading text shown above the form. */
     title: string;
+    /** Label for the primary submit button. */
     submitCtaLabel: string;
+    /** Optional handler invoked when the secondary cancel button is clicked. */
     onCancel?: () => void;
+    /** Initial values for the job title and compensation fields. */
     partnerDefaultValues?: CompensationDefaultValues;
-    /**
-     * Receives the broadcast events: `EMPLOYEE_JOB_CREATED` / `EMPLOYEE_JOB_UPDATED`
-     * (with the saved `Job`), then `EMPLOYEE_COMPENSATION_UPDATED` (with the saved
-     * `Compensation`) on a successful submit chain. Use `EMPLOYEE_COMPENSATION_UPDATED`
-     * for "save complete" branching.
-     */
+    /** Event handler fired on flow state changes. See the events table on {@link EditCompensation}. */
     onEvent: OnEventType<EventType, unknown>;
 }
+/**
+ * Renders a form for creating or editing one of an employee's jobs together with its compensation.
+ *
+ * @remarks
+ * The submit chain saves the job first, then the compensation. The `employee/job_created` or
+ * `employee/job_updated` event fires once the job is saved; `employee/compensation_updated`
+ * fires once the compensation is saved and signals the full save is complete.
+ *
+ * | Event | Description | Data |
+ * | ----- | ----------- | ---- |
+ * | `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}. |
+ * | `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}. |
+ * | `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}. |
+ *
+ * @param props - See {@link EditCompensationProps}.
+ * @returns The rendered edit-compensation form.
+ * @public
+ */
 export declare function EditCompensation({ dictionary, ...props }: EditCompensationProps): import("react").JSX.Element;

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

@@ -6,13 +6,12 @@ import { useCompensationForm as O } from "../../shared/useCompensationForm/useCo
 import { AddCompensationFormBody as j } from "../../shared/AddCompensationFormBody.js";
 import B from "./EditCompensation.module.scss.js";
 import { BaseBoundaries as N, BaseLayout as l } from "../../../../Base/Base.js";
-import "../../../../Base/useBase.js";
 import { Form as T } from "../../../../Common/Form/Form.js";
 import { useComponentDictionary as _, useI18n as A } from "../../../../../i18n/I18n.js";
 import { composeErrorHandler as f } from "../../../../../partner-hook-utils/composeErrorHandler.js";
 import { composeSubmitHandler as H } from "../../../../../partner-hook-utils/form/composeSubmitHandler.js";
 import { componentEvents as a } from "../../../../../shared/constants.js";
-function $({ dictionary: r, ...s }) {
+function Z({ dictionary: r, ...s }) {
   return _("Employee.Compensation", r), /* @__PURE__ */ n(N, { componentName: "Employee.Compensation", children: /* @__PURE__ */ n(J, { ...s }) });
 }
 function J({
@@ -102,6 +101,6 @@ function J({
   ) }) }) });
 }
 export {
-  $ as EditCompensation
+  Z as EditCompensation
 };
 //# sourceMappingURL=EditCompensation.js.map

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\nexport interface EditCompensationProps extends CommonComponentInterface<'Employee.Compensation'> {\n  employeeId: string\n  /**\n   * When provided, the hire date is pre-filled from this value and the hire\n   * date field is hidden. When absent (add-job from empty state), the hire\n   * date field is rendered so the user can set it explicitly.\n   */\n  startDate?: string\n  currentJobId?: string | null\n  title: string\n  submitCtaLabel: string\n  onCancel?: () => void\n  partnerDefaultValues?: CompensationDefaultValues\n  /**\n   * Receives the broadcast events: `EMPLOYEE_JOB_CREATED` / `EMPLOYEE_JOB_UPDATED`\n   * (with the saved `Job`), then `EMPLOYEE_COMPENSATION_UPDATED` (with the saved\n   * `Compensation`) on a successful submit chain. Use `EMPLOYEE_COMPENSATION_UPDATED`\n   * for \"save complete\" branching.\n   */\n  onEvent: OnEventType<EventType, unknown>\n}\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/onboarding/EditCompensation/index.d.ts

@@ -1,3 +1,2 @@
 import "./types/i18next.d.ts"
-export { EditCompensation } from './EditCompensation';
-export type { EditCompensationProps } from './EditCompensation';
+export { EditCompensation, type EditCompensationProps } from './EditCompensation';

package/dist/components/Employee/Compensation/onboarding/JobsList/JobsList.d.ts

@@ -1,5 +1,8 @@
 import { BaseComponentInterface, CommonComponentInterface } from '../../../../Base';
+/** @public */
 export interface JobsListProps extends CommonComponentInterface<'Employee.Compensation'> {
+    /** The associated employee identifier. */
     employeeId: string;
 }
+/** @public */
 export declare function JobsList(props: JobsListProps & BaseComponentInterface): import("react").JSX.Element;

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

@@ -1 +1 @@
-{"version":3,"file":"JobsList.js","sources":["../../../../../../src/components/Employee/Compensation/onboarding/JobsList/JobsList.tsx"],"sourcesContent":["import { useMemo } from 'react'\nimport { useJobsAndCompensationsGetJobsSuspense } from '@gusto/embedded-api-v-2025-11-15/react-query/jobsAndCompensationsGetJobs'\nimport { useJobsAndCompensationsDeleteMutation } from '@gusto/embedded-api-v-2025-11-15/react-query/jobsAndCompensationsDelete'\nimport { derivePrimaryFlsaStatus } from '../../shared/derivePrimaryFlsaStatus'\nimport { JobsListPresentation } from './JobsListPresentation'\nimport {\n  BaseComponent,\n  type BaseComponentInterface,\n  type CommonComponentInterface,\n  useBase,\n} from '@/components/Base'\nimport { useComponentDictionary, useI18n } from '@/i18n'\nimport { componentEvents } from '@/shared/constants'\n\nexport interface JobsListProps extends CommonComponentInterface<'Employee.Compensation'> {\n  employeeId: string\n}\n\nexport function JobsList(props: JobsListProps & BaseComponentInterface) {\n  useComponentDictionary('Employee.Compensation', props.dictionary)\n  return (\n    <BaseComponent {...props}>\n      <Root {...props} />\n    </BaseComponent>\n  )\n}\n\nfunction Root({ employeeId, className }: JobsListProps) {\n  useI18n('Employee.Compensation')\n  const { onEvent } = useBase()\n\n  const { data: jobsData } = useJobsAndCompensationsGetJobsSuspense({ employeeId })\n  const employeeJobs = useMemo(() => jobsData.jobs ?? [], [jobsData.jobs])\n\n  const { mutateAsync: deleteEmployeeJob, isPending: isDeleting } =\n    useJobsAndCompensationsDeleteMutation()\n\n  const primaryFlsaStatus = useMemo(() => derivePrimaryFlsaStatus(employeeJobs), [employeeJobs])\n\n  const handleAdd = () => {\n    onEvent(componentEvents.EMPLOYEE_JOB_ADD)\n  }\n\n  const handleEdit = (jobId: string) => {\n    onEvent(componentEvents.EMPLOYEE_JOB_EDIT, { uuid: jobId })\n  }\n\n  const handleDelete = async (jobId: string) => {\n    await deleteEmployeeJob({ request: { jobId } })\n    onEvent(componentEvents.EMPLOYEE_JOB_DELETED)\n  }\n\n  const handleContinue = () => {\n    onEvent(componentEvents.EMPLOYEE_COMPENSATION_DONE)\n  }\n\n  return (\n    <section className={className}>\n      <JobsListPresentation\n        jobs={employeeJobs}\n        primaryFlsaStatus={primaryFlsaStatus}\n        isPending={isDeleting}\n        onAdd={handleAdd}\n        onEdit={handleEdit}\n        onDelete={(jobId: string) => {\n          void handleDelete(jobId)\n        }}\n        onContinue={handleContinue}\n      />\n    </section>\n  )\n}\n"],"names":["JobsList","props","useComponentDictionary","jsx","BaseComponent","Root","employeeId","className","useI18n","onEvent","useBase","jobsData","useJobsAndCompensationsGetJobsSuspense","employeeJobs","useMemo","deleteEmployeeJob","isDeleting","useJobsAndCompensationsDeleteMutation","primaryFlsaStatus","derivePrimaryFlsaStatus","handleAdd","componentEvents","handleEdit","jobId","handleDelete","JobsListPresentation"],"mappings":";;;;;;;;;;AAkBO,SAASA,EAASC,GAA+C;AACtE,SAAAC,EAAuB,yBAAyBD,EAAM,UAAU,GAE9D,gBAAAE,EAACC,KAAe,GAAGH,GACjB,4BAACI,GAAA,EAAM,GAAGJ,GAAO,EAAA,CACnB;AAEJ;AAEA,SAASI,EAAK,EAAE,YAAAC,GAAY,WAAAC,KAA4B;AACtD,EAAAC,EAAQ,uBAAuB;AAC/B,QAAM,EAAE,SAAAC,EAAA,IAAYC,EAAA,GAEd,EAAE,MAAMC,EAAA,IAAaC,EAAuC,EAAE,YAAAN,GAAY,GAC1EO,IAAeC,EAAQ,MAAMH,EAAS,QAAQ,IAAI,CAACA,EAAS,IAAI,CAAC,GAEjE,EAAE,aAAaI,GAAmB,WAAWC,EAAA,IACjDC,EAAA,GAEIC,IAAoBJ,EAAQ,MAAMK,EAAwBN,CAAY,GAAG,CAACA,CAAY,CAAC,GAEvFO,IAAY,MAAM;AACtB,IAAAX,EAAQY,EAAgB,gBAAgB;AAAA,EAC1C,GAEMC,IAAa,CAACC,MAAkB;AACpC,IAAAd,EAAQY,EAAgB,mBAAmB,EAAE,MAAME,GAAO;AAAA,EAC5D,GAEMC,IAAe,OAAOD,MAAkB;AAC5C,UAAMR,EAAkB,EAAE,SAAS,EAAE,OAAAQ,EAAA,GAAS,GAC9Cd,EAAQY,EAAgB,oBAAoB;AAAA,EAC9C;AAMA,SACE,gBAAAlB,EAAC,aAAQ,WAAAI,GACP,UAAA,gBAAAJ;AAAA,IAACsB;AAAA,IAAA;AAAA,MACC,MAAMZ;AAAA,MACN,mBAAAK;AAAA,MACA,WAAWF;AAAA,MACX,OAAOI;AAAA,MACP,QAAQE;AAAA,MACR,UAAU,CAACC,MAAkB;AAC3B,QAAKC,EAAaD,CAAK;AAAA,MACzB;AAAA,MACA,YAfiB,MAAM;AAC3B,QAAAd,EAAQY,EAAgB,0BAA0B;AAAA,MACpD;AAAA,IAakB;AAAA,EAAA,GAEhB;AAEJ;"}
+{"version":3,"file":"JobsList.js","sources":["../../../../../../src/components/Employee/Compensation/onboarding/JobsList/JobsList.tsx"],"sourcesContent":["import { useMemo } from 'react'\nimport { useJobsAndCompensationsGetJobsSuspense } from '@gusto/embedded-api-v-2025-11-15/react-query/jobsAndCompensationsGetJobs'\nimport { useJobsAndCompensationsDeleteMutation } from '@gusto/embedded-api-v-2025-11-15/react-query/jobsAndCompensationsDelete'\nimport { derivePrimaryFlsaStatus } from '../../shared/derivePrimaryFlsaStatus'\nimport { JobsListPresentation } from './JobsListPresentation'\nimport {\n  BaseComponent,\n  type BaseComponentInterface,\n  type CommonComponentInterface,\n  useBase,\n} from '@/components/Base'\nimport { useComponentDictionary, useI18n } from '@/i18n'\nimport { componentEvents } from '@/shared/constants'\n\n/** @public */\nexport interface JobsListProps extends CommonComponentInterface<'Employee.Compensation'> {\n  /** The associated employee identifier. */\n  employeeId: string\n}\n\n/** @public */\nexport function JobsList(props: JobsListProps & BaseComponentInterface) {\n  useComponentDictionary('Employee.Compensation', props.dictionary)\n  return (\n    <BaseComponent {...props}>\n      <Root {...props} />\n    </BaseComponent>\n  )\n}\n\nfunction Root({ employeeId, className }: JobsListProps) {\n  useI18n('Employee.Compensation')\n  const { onEvent } = useBase()\n\n  const { data: jobsData } = useJobsAndCompensationsGetJobsSuspense({ employeeId })\n  const employeeJobs = useMemo(() => jobsData.jobs ?? [], [jobsData.jobs])\n\n  const { mutateAsync: deleteEmployeeJob, isPending: isDeleting } =\n    useJobsAndCompensationsDeleteMutation()\n\n  const primaryFlsaStatus = useMemo(() => derivePrimaryFlsaStatus(employeeJobs), [employeeJobs])\n\n  const handleAdd = () => {\n    onEvent(componentEvents.EMPLOYEE_JOB_ADD)\n  }\n\n  const handleEdit = (jobId: string) => {\n    onEvent(componentEvents.EMPLOYEE_JOB_EDIT, { uuid: jobId })\n  }\n\n  const handleDelete = async (jobId: string) => {\n    await deleteEmployeeJob({ request: { jobId } })\n    onEvent(componentEvents.EMPLOYEE_JOB_DELETED)\n  }\n\n  const handleContinue = () => {\n    onEvent(componentEvents.EMPLOYEE_COMPENSATION_DONE)\n  }\n\n  return (\n    <section className={className}>\n      <JobsListPresentation\n        jobs={employeeJobs}\n        primaryFlsaStatus={primaryFlsaStatus}\n        isPending={isDeleting}\n        onAdd={handleAdd}\n        onEdit={handleEdit}\n        onDelete={(jobId: string) => {\n          void handleDelete(jobId)\n        }}\n        onContinue={handleContinue}\n      />\n    </section>\n  )\n}\n"],"names":["JobsList","props","useComponentDictionary","jsx","BaseComponent","Root","employeeId","className","useI18n","onEvent","useBase","jobsData","useJobsAndCompensationsGetJobsSuspense","employeeJobs","useMemo","deleteEmployeeJob","isDeleting","useJobsAndCompensationsDeleteMutation","primaryFlsaStatus","derivePrimaryFlsaStatus","handleAdd","componentEvents","handleEdit","jobId","handleDelete","JobsListPresentation"],"mappings":";;;;;;;;;;AAqBO,SAASA,EAASC,GAA+C;AACtE,SAAAC,EAAuB,yBAAyBD,EAAM,UAAU,GAE9D,gBAAAE,EAACC,KAAe,GAAGH,GACjB,4BAACI,GAAA,EAAM,GAAGJ,GAAO,EAAA,CACnB;AAEJ;AAEA,SAASI,EAAK,EAAE,YAAAC,GAAY,WAAAC,KAA4B;AACtD,EAAAC,EAAQ,uBAAuB;AAC/B,QAAM,EAAE,SAAAC,EAAA,IAAYC,EAAA,GAEd,EAAE,MAAMC,EAAA,IAAaC,EAAuC,EAAE,YAAAN,GAAY,GAC1EO,IAAeC,EAAQ,MAAMH,EAAS,QAAQ,IAAI,CAACA,EAAS,IAAI,CAAC,GAEjE,EAAE,aAAaI,GAAmB,WAAWC,EAAA,IACjDC,EAAA,GAEIC,IAAoBJ,EAAQ,MAAMK,EAAwBN,CAAY,GAAG,CAACA,CAAY,CAAC,GAEvFO,IAAY,MAAM;AACtB,IAAAX,EAAQY,EAAgB,gBAAgB;AAAA,EAC1C,GAEMC,IAAa,CAACC,MAAkB;AACpC,IAAAd,EAAQY,EAAgB,mBAAmB,EAAE,MAAME,GAAO;AAAA,EAC5D,GAEMC,IAAe,OAAOD,MAAkB;AAC5C,UAAMR,EAAkB,EAAE,SAAS,EAAE,OAAAQ,EAAA,GAAS,GAC9Cd,EAAQY,EAAgB,oBAAoB;AAAA,EAC9C;AAMA,SACE,gBAAAlB,EAAC,aAAQ,WAAAI,GACP,UAAA,gBAAAJ;AAAA,IAACsB;AAAA,IAAA;AAAA,MACC,MAAMZ;AAAA,MACN,mBAAAK;AAAA,MACA,WAAWF;AAAA,MACX,OAAOI;AAAA,MACP,QAAQE;AAAA,MACR,UAAU,CAACC,MAAkB;AAC3B,QAAKC,EAAaD,CAAK;AAAA,MACzB;AAAA,MACA,YAfiB,MAAM;AAC3B,QAAAd,EAAQY,EAAgB,0BAA0B;AAAA,MACpD;AAAA,IAakB;AAAA,EAAA,GAEhB;AAEJ;"}

package/dist/components/Employee/Compensation/onboarding/JobsList/JobsListPresentation.d.ts

@@ -1,11 +1,20 @@
 import { Job } from '@gusto/embedded-api-v-2025-11-15/models/components/job';
+/** @internal */
 export interface JobsListPresentationProps {
+    /** @internal */
     jobs: Job[];
+    /** @internal */
     primaryFlsaStatus: string | undefined;
+    /** @internal */
     isPending: boolean;
+    /** @internal */
     onAdd: () => void;
+    /** @internal */
     onEdit: (jobId: string) => void;
+    /** @internal */
     onDelete: (jobId: string) => void;
+    /** @internal */
     onContinue: () => void;
 }
+/** @internal */
 export declare function JobsListPresentation({ jobs, primaryFlsaStatus, isPending, onAdd, onEdit, onDelete, onContinue, }: JobsListPresentationProps): import("react").JSX.Element;

package/dist/components/Employee/Compensation/onboarding/JobsList/JobsListPresentation.js

@@ -4,10 +4,10 @@ import y from "../../../../../assets/icons/pencil.svg.js";
 import b from "../../../../../assets/icons/trashcan.svg.js";
 import { Flex as g } from "../../../../Common/Flex/Flex.js";
 import { ActionsLayout as k } from "../../../../Common/ActionsLayout/ActionsLayout.js";
-import { useComponentContext as S } from "../../../../../contexts/ComponentAdapter/useComponentContext.js";
-import { useI18n as L } from "../../../../../i18n/I18n.js";
-import { FlsaStatus as x } from "../../../../../shared/constants.js";
-import { HamburgerMenu as v } from "../../../../Common/HamburgerMenu/HamburgerMenu.js";
+import { HamburgerMenu as S } from "../../../../Common/HamburgerMenu/HamburgerMenu.js";
+import { useComponentContext as L } from "../../../../../contexts/ComponentAdapter/useComponentContext.js";
+import { useI18n as x } from "../../../../../i18n/I18n.js";
+import { FlsaStatus as v } from "../../../../../shared/constants.js";
 import { useDataView as w } from "../../../../Common/DataView/useDataView.js";
 import { DataView as A } from "../../../../Common/DataView/DataView.js";
 function I({
@@ -19,8 +19,8 @@ function I({
   onDelete: d,
   onContinue: c
 }) {
-  L("Employee.Compensation");
-  const { t: e } = h("Employee.Compensation"), i = S(), C = m === x.NONEXEMPT, f = w({
+  x("Employee.Compensation");
+  const { t: e } = h("Employee.Compensation"), i = L(), C = m === v.NONEXEMPT, f = w({
     data: l,
     columns: [
       {
@@ -50,7 +50,7 @@ function I({
       }
     ],
     itemMenu: (t) => /* @__PURE__ */ o(
-      v,
+      S,
       {
         triggerLabel: e("hamburgerTitle"),
         items: [

package/dist/components/Employee/Compensation/onboarding/JobsList/JobsListPresentation.js.map

@@ -1 +1 @@
-{"version":3,"file":"JobsListPresentation.js","sources":["../../../../../../src/components/Employee/Compensation/onboarding/JobsList/JobsListPresentation.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { type Job } from '@gusto/embedded-api-v-2025-11-15/models/components/job'\nimport PencilSvg from '@/assets/icons/pencil.svg?react'\nimport TrashCanSvg from '@/assets/icons/trashcan.svg?react'\nimport { ActionsLayout, DataView, Flex, useDataView } from '@/components/Common'\nimport { HamburgerMenu } from '@/components/Common/HamburgerMenu'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useI18n } from '@/i18n'\nimport { FlsaStatus } from '@/shared/constants'\n\nexport interface JobsListPresentationProps {\n  jobs: Job[]\n  primaryFlsaStatus: string | undefined\n  isPending: boolean\n  onAdd: () => void\n  onEdit: (jobId: string) => void\n  onDelete: (jobId: string) => void\n  onContinue: () => void\n}\n\nexport function JobsListPresentation({\n  jobs,\n  primaryFlsaStatus,\n  isPending,\n  onAdd,\n  onEdit,\n  onDelete,\n  onContinue,\n}: JobsListPresentationProps) {\n  useI18n('Employee.Compensation')\n  const { t } = useTranslation('Employee.Compensation')\n  const Components = useComponentContext()\n\n  const showAddAnotherJob = primaryFlsaStatus === FlsaStatus.NONEXEMPT\n\n  const dataViewProps = useDataView({\n    data: jobs,\n    columns: [\n      {\n        key: 'title',\n        title: t('allCompensations.jobColumn'),\n        render: (job: Job) => {\n          const currentComp = job.compensations?.find(c => c.uuid === job.currentCompensationUuid)\n          return currentComp?.title || ''\n        },\n      },\n      {\n        key: 'flsaStatus',\n        title: t('allCompensations.typeColumn'),\n        render: (job: Job) => {\n          const flsaStatus = job.compensations?.find(\n            comp => comp.uuid === job.currentCompensationUuid,\n          )?.flsaStatus\n          return flsaStatus !== undefined ? t(`flsaStatusLabels.${flsaStatus}`) : null\n        },\n      },\n      {\n        key: 'rate',\n        title: t('allCompensations.amountColumn'),\n        render: (job: Job) => job.rate?.toString() || '',\n      },\n      {\n        key: 'paymentUnit',\n        title: t('allCompensations.perColumn'),\n        render: (job: Job) => job.paymentUnit || '',\n      },\n    ],\n    itemMenu: (job: Job) => (\n      <HamburgerMenu\n        triggerLabel={t('hamburgerTitle')}\n        items={[\n          {\n            label: t('allCompensations.editCta'),\n            icon: <PencilSvg aria-hidden />,\n            onClick: () => {\n              onEdit(job.uuid)\n            },\n          },\n          ...(!job.primary\n            ? [\n                {\n                  label: t('allCompensations.deleteCta'),\n                  icon: <TrashCanSvg aria-hidden />,\n                  onClick: () => {\n                    onDelete(job.uuid)\n                  },\n                },\n              ]\n            : []),\n        ]}\n        isLoading={isPending}\n      />\n    ),\n  })\n\n  return (\n    <Flex flexDirection=\"column\" gap={32}>\n      <Components.Heading as=\"h2\">{t('title')}</Components.Heading>\n      <DataView\n        data-testid=\"data-view\"\n        label={t('allCompensations.tableLabel')}\n        {...dataViewProps}\n      />\n      <ActionsLayout>\n        {showAddAnotherJob && (\n          <Components.Button variant=\"secondary\" onClick={onAdd} isDisabled={isPending}>\n            {t('addAnotherJobCta')}\n          </Components.Button>\n        )}\n        <Components.Button onClick={onContinue} isLoading={isPending}>\n          {t('submitCta')}\n        </Components.Button>\n      </ActionsLayout>\n    </Flex>\n  )\n}\n"],"names":["JobsListPresentation","jobs","primaryFlsaStatus","isPending","onAdd","onEdit","onDelete","onContinue","useI18n","t","useTranslation","Components","useComponentContext","showAddAnotherJob","FlsaStatus","dataViewProps","useDataView","job","c","flsaStatus","comp","jsx","HamburgerMenu","PencilSvg","TrashCanSvg","jsxs","Flex","DataView","ActionsLayout"],"mappings":";;;;;;;;;;;;AAoBO,SAASA,EAAqB;AAAA,EACnC,MAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,QAAAC;AAAA,EACA,UAAAC;AAAA,EACA,YAAAC;AACF,GAA8B;AAC5B,EAAAC,EAAQ,uBAAuB;AAC/B,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,uBAAuB,GAC9CC,IAAaC,EAAA,GAEbC,IAAoBX,MAAsBY,EAAW,WAErDC,IAAgBC,EAAY;AAAA,IAChC,MAAMf;AAAA,IACN,SAAS;AAAA,MACP;AAAA,QACE,KAAK;AAAA,QACL,OAAOQ,EAAE,4BAA4B;AAAA,QACrC,QAAQ,CAACQ,MACaA,EAAI,eAAe,KAAK,OAAKC,EAAE,SAASD,EAAI,uBAAuB,GACnE,SAAS;AAAA,MAC/B;AAAA,MAEF;AAAA,QACE,KAAK;AAAA,QACL,OAAOR,EAAE,6BAA6B;AAAA,QACtC,QAAQ,CAACQ,MAAa;AACpB,gBAAME,IAAaF,EAAI,eAAe;AAAA,YACpC,CAAAG,MAAQA,EAAK,SAASH,EAAI;AAAA,UAAA,GACzB;AACH,iBAAOE,MAAe,SAAYV,EAAE,oBAAoBU,CAAU,EAAE,IAAI;AAAA,QAC1E;AAAA,MAAA;AAAA,MAEF;AAAA,QACE,KAAK;AAAA,QACL,OAAOV,EAAE,+BAA+B;AAAA,QACxC,QAAQ,CAACQ,MAAaA,EAAI,MAAM,cAAc;AAAA,MAAA;AAAA,MAEhD;AAAA,QACE,KAAK;AAAA,QACL,OAAOR,EAAE,4BAA4B;AAAA,QACrC,QAAQ,CAACQ,MAAaA,EAAI,eAAe;AAAA,MAAA;AAAA,IAC3C;AAAA,IAEF,UAAU,CAACA,MACT,gBAAAI;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,cAAcb,EAAE,gBAAgB;AAAA,QAChC,OAAO;AAAA,UACL;AAAA,YACE,OAAOA,EAAE,0BAA0B;AAAA,YACnC,MAAM,gBAAAY,EAACE,GAAA,EAAU,eAAW,GAAA,CAAC;AAAA,YAC7B,SAAS,MAAM;AACb,cAAAlB,EAAOY,EAAI,IAAI;AAAA,YACjB;AAAA,UAAA;AAAA,UAEF,GAAKA,EAAI,UAUL,CAAA,IATA;AAAA,YACE;AAAA,cACE,OAAOR,EAAE,4BAA4B;AAAA,cACrC,MAAM,gBAAAY,EAACG,GAAA,EAAY,eAAW,GAAA,CAAC;AAAA,cAC/B,SAAS,MAAM;AACb,gBAAAlB,EAASW,EAAI,IAAI;AAAA,cACnB;AAAA,YAAA;AAAA,UACF;AAAA,QAED;AAAA,QAEP,WAAWd;AAAA,MAAA;AAAA,IAAA;AAAA,EACb,CAEH;AAED,SACE,gBAAAsB,EAACC,GAAA,EAAK,eAAc,UAAS,KAAK,IAChC,UAAA;AAAA,IAAA,gBAAAL,EAACV,EAAW,SAAX,EAAmB,IAAG,MAAM,UAAAF,EAAE,OAAO,GAAE;AAAA,IACxC,gBAAAY;AAAA,MAACM;AAAA,MAAA;AAAA,QACC,eAAY;AAAA,QACZ,OAAOlB,EAAE,6BAA6B;AAAA,QACrC,GAAGM;AAAA,MAAA;AAAA,IAAA;AAAA,sBAELa,GAAA,EACE,UAAA;AAAA,MAAAf,KACC,gBAAAQ,EAACV,EAAW,QAAX,EAAkB,SAAQ,aAAY,SAASP,GAAO,YAAYD,GAChE,UAAAM,EAAE,kBAAkB,EAAA,CACvB;AAAA,MAEF,gBAAAY,EAACV,EAAW,QAAX,EAAkB,SAASJ,GAAY,WAAWJ,GAChD,UAAAM,EAAE,WAAW,EAAA,CAChB;AAAA,IAAA,EAAA,CACF;AAAA,EAAA,GACF;AAEJ;"}
+{"version":3,"file":"JobsListPresentation.js","sources":["../../../../../../src/components/Employee/Compensation/onboarding/JobsList/JobsListPresentation.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { type Job } from '@gusto/embedded-api-v-2025-11-15/models/components/job'\nimport PencilSvg from '@/assets/icons/pencil.svg?react'\nimport TrashCanSvg from '@/assets/icons/trashcan.svg?react'\nimport { ActionsLayout, DataView, Flex, useDataView } from '@/components/Common'\nimport { HamburgerMenu } from '@/components/Common/HamburgerMenu'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useI18n } from '@/i18n'\nimport { FlsaStatus } from '@/shared/constants'\n\n/** @internal */\nexport interface JobsListPresentationProps {\n  /** @internal */\n  jobs: Job[]\n  /** @internal */\n  primaryFlsaStatus: string | undefined\n  /** @internal */\n  isPending: boolean\n  /** @internal */\n  onAdd: () => void\n  /** @internal */\n  onEdit: (jobId: string) => void\n  /** @internal */\n  onDelete: (jobId: string) => void\n  /** @internal */\n  onContinue: () => void\n}\n\n/** @internal */\nexport function JobsListPresentation({\n  jobs,\n  primaryFlsaStatus,\n  isPending,\n  onAdd,\n  onEdit,\n  onDelete,\n  onContinue,\n}: JobsListPresentationProps) {\n  useI18n('Employee.Compensation')\n  const { t } = useTranslation('Employee.Compensation')\n  const Components = useComponentContext()\n\n  const showAddAnotherJob = primaryFlsaStatus === FlsaStatus.NONEXEMPT\n\n  const dataViewProps = useDataView({\n    data: jobs,\n    columns: [\n      {\n        key: 'title',\n        title: t('allCompensations.jobColumn'),\n        render: (job: Job) => {\n          const currentComp = job.compensations?.find(c => c.uuid === job.currentCompensationUuid)\n          return currentComp?.title || ''\n        },\n      },\n      {\n        key: 'flsaStatus',\n        title: t('allCompensations.typeColumn'),\n        render: (job: Job) => {\n          const flsaStatus = job.compensations?.find(\n            comp => comp.uuid === job.currentCompensationUuid,\n          )?.flsaStatus\n          return flsaStatus !== undefined ? t(`flsaStatusLabels.${flsaStatus}`) : null\n        },\n      },\n      {\n        key: 'rate',\n        title: t('allCompensations.amountColumn'),\n        render: (job: Job) => job.rate?.toString() || '',\n      },\n      {\n        key: 'paymentUnit',\n        title: t('allCompensations.perColumn'),\n        render: (job: Job) => job.paymentUnit || '',\n      },\n    ],\n    itemMenu: (job: Job) => (\n      <HamburgerMenu\n        triggerLabel={t('hamburgerTitle')}\n        items={[\n          {\n            label: t('allCompensations.editCta'),\n            icon: <PencilSvg aria-hidden />,\n            onClick: () => {\n              onEdit(job.uuid)\n            },\n          },\n          ...(!job.primary\n            ? [\n                {\n                  label: t('allCompensations.deleteCta'),\n                  icon: <TrashCanSvg aria-hidden />,\n                  onClick: () => {\n                    onDelete(job.uuid)\n                  },\n                },\n              ]\n            : []),\n        ]}\n        isLoading={isPending}\n      />\n    ),\n  })\n\n  return (\n    <Flex flexDirection=\"column\" gap={32}>\n      <Components.Heading as=\"h2\">{t('title')}</Components.Heading>\n      <DataView\n        data-testid=\"data-view\"\n        label={t('allCompensations.tableLabel')}\n        {...dataViewProps}\n      />\n      <ActionsLayout>\n        {showAddAnotherJob && (\n          <Components.Button variant=\"secondary\" onClick={onAdd} isDisabled={isPending}>\n            {t('addAnotherJobCta')}\n          </Components.Button>\n        )}\n        <Components.Button onClick={onContinue} isLoading={isPending}>\n          {t('submitCta')}\n        </Components.Button>\n      </ActionsLayout>\n    </Flex>\n  )\n}\n"],"names":["JobsListPresentation","jobs","primaryFlsaStatus","isPending","onAdd","onEdit","onDelete","onContinue","useI18n","t","useTranslation","Components","useComponentContext","showAddAnotherJob","FlsaStatus","dataViewProps","useDataView","job","c","flsaStatus","comp","jsx","HamburgerMenu","PencilSvg","TrashCanSvg","jsxs","Flex","DataView","ActionsLayout"],"mappings":";;;;;;;;;;;;AA6BO,SAASA,EAAqB;AAAA,EACnC,MAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,QAAAC;AAAA,EACA,UAAAC;AAAA,EACA,YAAAC;AACF,GAA8B;AAC5B,EAAAC,EAAQ,uBAAuB;AAC/B,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,uBAAuB,GAC9CC,IAAaC,EAAA,GAEbC,IAAoBX,MAAsBY,EAAW,WAErDC,IAAgBC,EAAY;AAAA,IAChC,MAAMf;AAAA,IACN,SAAS;AAAA,MACP;AAAA,QACE,KAAK;AAAA,QACL,OAAOQ,EAAE,4BAA4B;AAAA,QACrC,QAAQ,CAACQ,MACaA,EAAI,eAAe,KAAK,OAAKC,EAAE,SAASD,EAAI,uBAAuB,GACnE,SAAS;AAAA,MAC/B;AAAA,MAEF;AAAA,QACE,KAAK;AAAA,QACL,OAAOR,EAAE,6BAA6B;AAAA,QACtC,QAAQ,CAACQ,MAAa;AACpB,gBAAME,IAAaF,EAAI,eAAe;AAAA,YACpC,CAAAG,MAAQA,EAAK,SAASH,EAAI;AAAA,UAAA,GACzB;AACH,iBAAOE,MAAe,SAAYV,EAAE,oBAAoBU,CAAU,EAAE,IAAI;AAAA,QAC1E;AAAA,MAAA;AAAA,MAEF;AAAA,QACE,KAAK;AAAA,QACL,OAAOV,EAAE,+BAA+B;AAAA,QACxC,QAAQ,CAACQ,MAAaA,EAAI,MAAM,cAAc;AAAA,MAAA;AAAA,MAEhD;AAAA,QACE,KAAK;AAAA,QACL,OAAOR,EAAE,4BAA4B;AAAA,QACrC,QAAQ,CAACQ,MAAaA,EAAI,eAAe;AAAA,MAAA;AAAA,IAC3C;AAAA,IAEF,UAAU,CAACA,MACT,gBAAAI;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,cAAcb,EAAE,gBAAgB;AAAA,QAChC,OAAO;AAAA,UACL;AAAA,YACE,OAAOA,EAAE,0BAA0B;AAAA,YACnC,MAAM,gBAAAY,EAACE,GAAA,EAAU,eAAW,GAAA,CAAC;AAAA,YAC7B,SAAS,MAAM;AACb,cAAAlB,EAAOY,EAAI,IAAI;AAAA,YACjB;AAAA,UAAA;AAAA,UAEF,GAAKA,EAAI,UAUL,CAAA,IATA;AAAA,YACE;AAAA,cACE,OAAOR,EAAE,4BAA4B;AAAA,cACrC,MAAM,gBAAAY,EAACG,GAAA,EAAY,eAAW,GAAA,CAAC;AAAA,cAC/B,SAAS,MAAM;AACb,gBAAAlB,EAASW,EAAI,IAAI;AAAA,cACnB;AAAA,YAAA;AAAA,UACF;AAAA,QAED;AAAA,QAEP,WAAWd;AAAA,MAAA;AAAA,IAAA;AAAA,EACb,CAEH;AAED,SACE,gBAAAsB,EAACC,GAAA,EAAK,eAAc,UAAS,KAAK,IAChC,UAAA;AAAA,IAAA,gBAAAL,EAACV,EAAW,SAAX,EAAmB,IAAG,MAAM,UAAAF,EAAE,OAAO,GAAE;AAAA,IACxC,gBAAAY;AAAA,MAACM;AAAA,MAAA;AAAA,QACC,eAAY;AAAA,QACZ,OAAOlB,EAAE,6BAA6B;AAAA,QACrC,GAAGM;AAAA,MAAA;AAAA,IAAA;AAAA,sBAELa,GAAA,EACE,UAAA;AAAA,MAAAf,KACC,gBAAAQ,EAACV,EAAW,QAAX,EAAkB,SAAQ,aAAY,SAASP,GAAO,YAAYD,GAChE,UAAAM,EAAE,kBAAkB,EAAA,CACvB;AAAA,MAEF,gBAAAY,EAACV,EAAW,QAAX,EAAkB,SAASJ,GAAY,WAAWJ,GAChD,UAAAM,EAAE,WAAW,EAAA,CAChB;AAAA,IAAA,EAAA,CACF;AAAA,EAAA,GACF;AAEJ;"}

package/dist/components/Employee/Compensation/onboarding/JobsList/index.d.ts

@@ -1,5 +1,2 @@
 import "./types/i18next.d.ts"
-export { JobsList } from './JobsList';
-export type { JobsListProps } from './JobsList';
-export { JobsListPresentation } from './JobsListPresentation';
-export type { JobsListPresentationProps } from './JobsListPresentation';
+export { JobsList, type JobsListProps } from './JobsList';

package/dist/components/Employee/Compensation/onboarding/compensationStateMachine.d.ts

@@ -1,3 +1,4 @@
+/** @internal */
 export declare const compensationStateMachine: {
     initialEditJob: import('robot3').MachineState<any>;
     viewJobs: import('robot3').MachineState<any>;

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

@@ -1 +1 @@
-{"version":3,"file":"compensationStateMachine.js","sources":["../../../../../src/components/Employee/Compensation/onboarding/compensationStateMachine.ts"],"sourcesContent":["import { reduce, state, state as final, transition } from 'robot3'\nimport {\n  EditCompensationContextual,\n  JobsListContextual,\n  type CompensationFlowContextInterface,\n  type EventPayloads,\n} from './CompensationFlowComponents'\nimport { componentEvents } from '@/shared/constants'\nimport type { MachineEventType, MachineTransition } from '@/types/Helpers'\n\nexport const compensationStateMachine = {\n  initialEditJob: state<MachineTransition>(\n    transition(componentEvents.EMPLOYEE_COMPENSATION_DONE, 'done'),\n    transition(\n      componentEvents.EMPLOYEE_COMPENSATION_RETURN_TO_LIST,\n      'viewJobs',\n      reduce(\n        (ctx: CompensationFlowContextInterface): CompensationFlowContextInterface => ({\n          ...ctx,\n          component: JobsListContextual,\n          currentJobId: null,\n        }),\n      ),\n    ),\n  ),\n  viewJobs: state<MachineTransition>(\n    transition(\n      componentEvents.EMPLOYEE_JOB_ADD,\n      'editJob',\n      reduce(\n        (ctx: CompensationFlowContextInterface): CompensationFlowContextInterface => ({\n          ...ctx,\n          component: EditCompensationContextual,\n          currentJobId: null,\n        }),\n      ),\n    ),\n    transition(\n      componentEvents.EMPLOYEE_JOB_EDIT,\n      'editJob',\n      reduce(\n        (\n          ctx: CompensationFlowContextInterface,\n          ev: MachineEventType<EventPayloads, typeof componentEvents.EMPLOYEE_JOB_EDIT>,\n        ): CompensationFlowContextInterface => ({\n          ...ctx,\n          component: EditCompensationContextual,\n          currentJobId: ev.payload.uuid,\n        }),\n      ),\n    ),\n    transition(componentEvents.EMPLOYEE_COMPENSATION_DONE, 'done'),\n  ),\n  editJob: state<MachineTransition>(\n    transition(\n      componentEvents.EMPLOYEE_COMPENSATION_RETURN_TO_LIST,\n      'viewJobs',\n      reduce(\n        (ctx: CompensationFlowContextInterface): CompensationFlowContextInterface => ({\n          ...ctx,\n          component: JobsListContextual,\n          currentJobId: null,\n        }),\n      ),\n    ),\n    transition(\n      componentEvents.EMPLOYEE_COMPENSATION_CANCEL,\n      'viewJobs',\n      reduce(\n        (ctx: CompensationFlowContextInterface): CompensationFlowContextInterface => ({\n          ...ctx,\n          component: JobsListContextual,\n          currentJobId: null,\n        }),\n      ),\n    ),\n  ),\n  done: final(),\n}\n"],"names":["compensationStateMachine","state","transition","componentEvents","reduce","ctx","JobsListContextual","EditCompensationContextual","ev","final"],"mappings":";;;AAUO,MAAMA,IAA2B;AAAA,EACtC,gBAAgBC;AAAA,IACdC,EAAWC,EAAgB,4BAA4B,MAAM;AAAA,IAC7DD;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC;AAAA,QACE,CAACC,OAA6E;AAAA,UAC5E,GAAGA;AAAA,UACH,WAAWC;AAAA,UACX,cAAc;AAAA,QAAA;AAAA,MAChB;AAAA,IACF;AAAA,EACF;AAAA,EAEF,UAAUL;AAAA,IACRC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC;AAAA,QACE,CAACC,OAA6E;AAAA,UAC5E,GAAGA;AAAA,UACH,WAAWE;AAAA,UACX,cAAc;AAAA,QAAA;AAAA,MAChB;AAAA,IACF;AAAA,IAEFL;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC;AAAA,QACE,CACEC,GACAG,OACsC;AAAA,UACtC,GAAGH;AAAA,UACH,WAAWE;AAAA,UACX,cAAcC,EAAG,QAAQ;AAAA,QAAA;AAAA,MAC3B;AAAA,IACF;AAAA,IAEFN,EAAWC,EAAgB,4BAA4B,MAAM;AAAA,EAAA;AAAA,EAE/D,SAASF;AAAA,IACPC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC;AAAA,QACE,CAACC,OAA6E;AAAA,UAC5E,GAAGA;AAAA,UACH,WAAWC;AAAA,UACX,cAAc;AAAA,QAAA;AAAA,MAChB;AAAA,IACF;AAAA,IAEFJ;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC;AAAA,QACE,CAACC,OAA6E;AAAA,UAC5E,GAAGA;AAAA,UACH,WAAWC;AAAA,UACX,cAAc;AAAA,QAAA;AAAA,MAChB;AAAA,IACF;AAAA,EACF;AAAA,EAEF,MAAMG,EAAA;AACR;"}
+{"version":3,"file":"compensationStateMachine.js","sources":["../../../../../src/components/Employee/Compensation/onboarding/compensationStateMachine.ts"],"sourcesContent":["import { reduce, state, state as final, transition } from 'robot3'\nimport {\n  EditCompensationContextual,\n  JobsListContextual,\n  type CompensationFlowContextInterface,\n  type EventPayloads,\n} from './CompensationFlowComponents'\nimport { componentEvents } from '@/shared/constants'\nimport type { MachineEventType, MachineTransition } from '@/types/Helpers'\n\n/** @internal */\nexport const compensationStateMachine = {\n  initialEditJob: state<MachineTransition>(\n    transition(componentEvents.EMPLOYEE_COMPENSATION_DONE, 'done'),\n    transition(\n      componentEvents.EMPLOYEE_COMPENSATION_RETURN_TO_LIST,\n      'viewJobs',\n      reduce(\n        (ctx: CompensationFlowContextInterface): CompensationFlowContextInterface => ({\n          ...ctx,\n          component: JobsListContextual,\n          currentJobId: null,\n        }),\n      ),\n    ),\n  ),\n  viewJobs: state<MachineTransition>(\n    transition(\n      componentEvents.EMPLOYEE_JOB_ADD,\n      'editJob',\n      reduce(\n        (ctx: CompensationFlowContextInterface): CompensationFlowContextInterface => ({\n          ...ctx,\n          component: EditCompensationContextual,\n          currentJobId: null,\n        }),\n      ),\n    ),\n    transition(\n      componentEvents.EMPLOYEE_JOB_EDIT,\n      'editJob',\n      reduce(\n        (\n          ctx: CompensationFlowContextInterface,\n          ev: MachineEventType<EventPayloads, typeof componentEvents.EMPLOYEE_JOB_EDIT>,\n        ): CompensationFlowContextInterface => ({\n          ...ctx,\n          component: EditCompensationContextual,\n          currentJobId: ev.payload.uuid,\n        }),\n      ),\n    ),\n    transition(componentEvents.EMPLOYEE_COMPENSATION_DONE, 'done'),\n  ),\n  editJob: state<MachineTransition>(\n    transition(\n      componentEvents.EMPLOYEE_COMPENSATION_RETURN_TO_LIST,\n      'viewJobs',\n      reduce(\n        (ctx: CompensationFlowContextInterface): CompensationFlowContextInterface => ({\n          ...ctx,\n          component: JobsListContextual,\n          currentJobId: null,\n        }),\n      ),\n    ),\n    transition(\n      componentEvents.EMPLOYEE_COMPENSATION_CANCEL,\n      'viewJobs',\n      reduce(\n        (ctx: CompensationFlowContextInterface): CompensationFlowContextInterface => ({\n          ...ctx,\n          component: JobsListContextual,\n          currentJobId: null,\n        }),\n      ),\n    ),\n  ),\n  done: final(),\n}\n"],"names":["compensationStateMachine","state","transition","componentEvents","reduce","ctx","JobsListContextual","EditCompensationContextual","ev","final"],"mappings":";;;AAWO,MAAMA,IAA2B;AAAA,EACtC,gBAAgBC;AAAA,IACdC,EAAWC,EAAgB,4BAA4B,MAAM;AAAA,IAC7DD;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC;AAAA,QACE,CAACC,OAA6E;AAAA,UAC5E,GAAGA;AAAA,UACH,WAAWC;AAAA,UACX,cAAc;AAAA,QAAA;AAAA,MAChB;AAAA,IACF;AAAA,EACF;AAAA,EAEF,UAAUL;AAAA,IACRC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC;AAAA,QACE,CAACC,OAA6E;AAAA,UAC5E,GAAGA;AAAA,UACH,WAAWE;AAAA,UACX,cAAc;AAAA,QAAA;AAAA,MAChB;AAAA,IACF;AAAA,IAEFL;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC;AAAA,QACE,CACEC,GACAG,OACsC;AAAA,UACtC,GAAGH;AAAA,UACH,WAAWE;AAAA,UACX,cAAcC,EAAG,QAAQ;AAAA,QAAA;AAAA,MAC3B;AAAA,IACF;AAAA,IAEFN,EAAWC,EAAgB,4BAA4B,MAAM;AAAA,EAAA;AAAA,EAE/D,SAASF;AAAA,IACPC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC;AAAA,QACE,CAACC,OAA6E;AAAA,UAC5E,GAAGA;AAAA,UACH,WAAWC;AAAA,UACX,cAAc;AAAA,QAAA;AAAA,MAChB;AAAA,IACF;AAAA,IAEFJ;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC;AAAA,QACE,CAACC,OAA6E;AAAA,UAC5E,GAAGA;AAAA,UACH,WAAWC;AAAA,UACX,cAAc;AAAA,QAAA;AAAA,MAChB;AAAA,IACF;AAAA,EACF;AAAA,EAEF,MAAMG,EAAA;AACR;"}

package/dist/components/Employee/Compensation/shared/AddCompensationFormBody.d.ts

@@ -7,8 +7,11 @@ import { ResourceDictionary } from '../../../../types/Helpers';
  * default; management surfaces resolve this dictionary from
  * `Employee.Management.Compensation` and pass it in so management copy renders
  * while the two surfaces stay isolated.
+ *
+ * @internal
  */
 export type AddCompensationFormDictionary = ResourceDictionary<'Employee.Compensation'>;
+/** @internal */
 export interface AddCompensationFormBodyProps {
     jobForm: UseJobFormReady;
     compensationForm: UseCompensationFormReady;
@@ -29,5 +32,7 @@ export interface AddCompensationFormBodyProps {
  * Copy resolves from the onboarding `Employee.Compensation` namespace by default; management
  * consumers inject a `dictionary` mapped from `Employee.Management.Compensation` to keep
  * onboarding and management strings independently overridable.
+ *
+ * @internal
  */
 export declare function AddCompensationFormBody({ jobForm, compensationForm, title, submitCtaLabel, isPending, onCancel, dictionary, }: AddCompensationFormBodyProps): import("react").JSX.Element;

package/dist/components/Employee/Compensation/shared/AddCompensationFormBody.js

@@ -3,10 +3,11 @@ import { useTranslation as h, Trans as d } from "react-i18next";
 import { Flex as c } from "../../../Common/Flex/Flex.js";
 import { ActionsLayout as v } from "../../../Common/ActionsLayout/ActionsLayout.js";
 import { useComponentContext as C } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
+import "react";
 import { FLSA_OVERTIME_SALARY_LIMIT as p } from "../../../../shared/constants.js";
 import y from "../../../../hooks/useNumberFormatter.js";
 import { useI18n as D, useComponentDictionary as M } from "../../../../i18n/I18n.js";
-function H({
+function U({
   jobForm: n,
   compensationForm: i,
   title: b,
@@ -215,6 +216,6 @@ function H({
   ] });
 }
 export {
-  H as AddCompensationFormBody
+  U as AddCompensationFormBody
 };
 //# sourceMappingURL=AddCompensationFormBody.js.map

package/dist/components/Employee/Compensation/shared/AddCompensationFormBody.js.map

@@ -1 +1 @@
-{"version":3,"file":"AddCompensationFormBody.js","sources":["../../../../../src/components/Employee/Compensation/shared/AddCompensationFormBody.tsx"],"sourcesContent":["import { Trans, useTranslation } from 'react-i18next'\nimport type { PaymentUnit } from '@gusto/embedded-api-v-2025-11-15/models/components/compensation'\nimport type { FlsaStatusType } from '@gusto/embedded-api-v-2025-11-15/models/components/flsastatustype'\nimport type { MinimumWage } from '@gusto/embedded-api-v-2025-11-15/models/components/minimumwage'\nimport type { UseJobFormReady } from './useJobForm'\nimport type { UseCompensationFormReady } from './useCompensationForm'\nimport { ActionsLayout, Flex } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { FLSA_OVERTIME_SALARY_LIMIT } from '@/shared/constants'\nimport useNumberFormatter from '@/hooks/useNumberFormatter'\nimport { useComponentDictionary, useI18n } from '@/i18n'\nimport type { ResourceDictionary } from '@/types/Helpers'\n\n/**\n * Translation overrides for the shared add-compensation form body. The body\n * reads its copy from the onboarding `Employee.Compensation` namespace by\n * default; management surfaces resolve this dictionary from\n * `Employee.Management.Compensation` and pass it in so management copy renders\n * while the two surfaces stay isolated.\n */\nexport type AddCompensationFormDictionary = ResourceDictionary<'Employee.Compensation'>\n\nexport interface AddCompensationFormBodyProps {\n  jobForm: UseJobFormReady\n  compensationForm: UseCompensationFormReady\n  title: string\n  submitCtaLabel: string\n  isPending: boolean\n  onCancel?: () => void\n  /** Per-surface translation overrides resolved against the consumer's namespace. */\n  dictionary?: AddCompensationFormDictionary\n}\n\n/**\n * Renders the shared field layout used by both `EditCompensation` (onboarding) and\n * `CompensationAddAnotherJobForm` (management). Field visibility is driven entirely by the hook\n * configuration — `JobFields.HireDate` is only defined when `withHireDateField: true`,\n * and `CompFields.EffectiveDate` is only defined when `withEffectiveDateField: true` —\n * so this component renders the correct subset for each use case with no extra props.\n *\n * Copy resolves from the onboarding `Employee.Compensation` namespace by default; management\n * consumers inject a `dictionary` mapped from `Employee.Management.Compensation` to keep\n * onboarding and management strings independently overridable.\n */\nexport function AddCompensationFormBody({\n  jobForm,\n  compensationForm,\n  title,\n  submitCtaLabel,\n  isPending,\n  onCancel,\n  dictionary,\n}: AddCompensationFormBodyProps) {\n  useI18n('Employee.Compensation')\n  useComponentDictionary('Employee.Compensation', dictionary)\n  const { t } = useTranslation('Employee.Compensation')\n  const Components = useComponentContext()\n  const format = useNumberFormatter('currency')\n\n  const JobFields = jobForm.form.Fields\n  const CompFields = compensationForm.form.Fields\n\n  return (\n    <Flex flexDirection=\"column\" gap={32}>\n      <Components.Heading as=\"h2\">{title}</Components.Heading>\n\n      <Flex flexDirection=\"column\" gap={20}>\n        {JobFields.Title && (\n          <JobFields.Title\n            label={t('jobTitle')}\n            validationMessages={{ REQUIRED: t('validations.title') }}\n            formHookResult={jobForm}\n          />\n        )}\n\n        {JobFields.HireDate && (\n          <JobFields.HireDate\n            label={t('hireDate')}\n            validationMessages={{ REQUIRED: t('validations.hireDate') }}\n            formHookResult={jobForm}\n          />\n        )}\n\n        {CompFields.FlsaStatus && (\n          <>\n            <CompFields.FlsaStatus\n              label={t('employeeClassification')}\n              description={\n                <Trans\n                  t={t}\n                  i18nKey=\"classificationLink\"\n                  components={{ ClassificationLink: <Components.Link /> }}\n                />\n              }\n              validationMessages={{\n                REQUIRED: t('validations.exemptThreshold', {\n                  limit: format(FLSA_OVERTIME_SALARY_LIMIT),\n                }),\n              }}\n              getOptionLabel={(status: FlsaStatusType) => t(`flsaStatusLabels.${status}`)}\n              formHookResult={compensationForm}\n            />\n            {(compensationForm.status.showCommissionFederalMinimumPayAlert ||\n              compensationForm.status.showCommissionMinimumWageAlert ||\n              compensationForm.status.showOwnerSalaryAlert ||\n              compensationForm.status.willDeleteSecondaryJobs) && (\n              <Flex flexDirection=\"column\" gap={0}>\n                {compensationForm.status.willDeleteSecondaryJobs && (\n                  <Components.Alert\n                    label={t('validations.classificationChangeNotification')}\n                    status=\"warning\"\n                  >\n                    {t('validations.classificationChangeRemovesSecondaryJobs')}\n                  </Components.Alert>\n                )}\n                {compensationForm.status.showCommissionFederalMinimumPayAlert && (\n                  <Components.Alert\n                    status=\"info\"\n                    label={t('commissionAlerts.federalMinimumPay.label')}\n                    disableScrollIntoView\n                  >\n                    {t('commissionAlerts.federalMinimumPay.body')}\n                  </Components.Alert>\n                )}\n                {compensationForm.status.showCommissionMinimumWageAlert && (\n                  <Components.Alert\n                    status=\"info\"\n                    label={t('commissionAlerts.minimumWage.label')}\n                    disableScrollIntoView\n                  >\n                    <Trans\n                      t={t}\n                      i18nKey=\"commissionAlerts.minimumWage.body\"\n                      components={{\n                        minimumWageLink: (\n                          <Components.Link\n                            href=\"https://support.gusto.com/article/112472520100000/manage-tip-wages-distributed-service-charges-and-tip-credits-in-gusto-for-admins\"\n                            target=\"_blank\"\n                            rel=\"noopener noreferrer\"\n                          />\n                        ),\n                      }}\n                    />\n                  </Components.Alert>\n                )}\n                {compensationForm.status.showOwnerSalaryAlert && (\n                  <Components.Alert\n                    status=\"info\"\n                    label={t('commissionAlerts.ownerSalary.label')}\n                    disableScrollIntoView\n                  />\n                )}\n              </Flex>\n            )}\n          </>\n        )}\n\n        {CompFields.Rate && (\n          <CompFields.Rate\n            label={t('wageLabel')}\n            validationMessages={{\n              REQUIRED: t('validations.rate'),\n              RATE_MINIMUM: t('validations.nonZeroRate'),\n              RATE_EXEMPT_THRESHOLD: t('validations.rateExemptThreshold', {\n                limit: format(FLSA_OVERTIME_SALARY_LIMIT),\n              }),\n            }}\n            formHookResult={compensationForm}\n          />\n        )}\n\n        {CompFields.PaymentUnit && (\n          <CompFields.PaymentUnit\n            label={t('wageFrequencyLabel')}\n            description={t('paymentUnitDescription')}\n            validationMessages={{ REQUIRED: t('validations.paymentUnit') }}\n            getOptionLabel={(unit: PaymentUnit) => t(`paymentUnitOptions.${unit}`)}\n            formHookResult={compensationForm}\n          />\n        )}\n\n        {CompFields.AdjustForMinimumWage && (\n          <CompFields.AdjustForMinimumWage\n            label={t('adjustForMinimumWage')}\n            description={t('adjustForMinimumWageDescription')}\n            formHookResult={compensationForm}\n          />\n        )}\n\n        {CompFields.MinimumWageId && (\n          <CompFields.MinimumWageId\n            label={t('minimumWageLabel')}\n            description={t('minimumWageDescription')}\n            validationMessages={{ REQUIRED: t('validations.minimumWage') }}\n            getOptionLabel={(wage: MinimumWage) =>\n              `${format(Number(wage.wage))} - ${wage.authority}: ${wage.notes ?? ''}`\n            }\n            formHookResult={compensationForm}\n          />\n        )}\n\n        {CompFields.EffectiveDate && (\n          <CompFields.EffectiveDate\n            label={t('effectiveDate')}\n            validationMessages={{\n              REQUIRED: t('validations.effectiveDate'),\n              EFFECTIVE_DATE_BEFORE_HIRE: t('validations.effectiveDateBeforeHire'),\n              EFFECTIVE_DATE_BEFORE_MIN: t('validations.effectiveDateBeforeMin'),\n            }}\n            formHookResult={compensationForm}\n          />\n        )}\n\n        {JobFields.TwoPercentShareholder && (\n          <JobFields.TwoPercentShareholder\n            label={t('twoPercentStakeholderLabel')}\n            formHookResult={jobForm}\n          />\n        )}\n\n        {JobFields.StateWcCovered && (\n          <JobFields.StateWcCovered\n            label={t('stateWcCoveredLabel')}\n            description={\n              <Trans\n                t={t}\n                i18nKey=\"stateWcCoveredDescription\"\n                components={{\n                  wcLink: (\n                    <Components.Link\n                      href=\"https://www.lni.wa.gov/insurance/rates-risk-classes/risk-classes-for-workers-compensation/risk-class-lookup#/\"\n                      target=\"_blank\"\n                      rel=\"noopener noreferrer\"\n                    />\n                  ),\n                }}\n              />\n            }\n            getOptionLabel={(covered: boolean) =>\n              covered ? t('stateWcCoveredOptions.yes') : t('stateWcCoveredOptions.no')\n            }\n            formHookResult={jobForm}\n          />\n        )}\n\n        {JobFields.StateWcClassCode && (\n          <JobFields.StateWcClassCode\n            label={t('stateWcClassCodeLabel')}\n            description={t('stateWcClassCodeDescription')}\n            placeholder={t('stateWcClassCodeLabel')}\n            validationMessages={{ REQUIRED: t('validations.stateWcClassCode') }}\n            formHookResult={jobForm}\n          />\n        )}\n      </Flex>\n\n      <ActionsLayout>\n        {onCancel && (\n          <Components.Button variant=\"secondary\" onClick={onCancel} isDisabled={isPending}>\n            {t('cancelNewJobCta')}\n          </Components.Button>\n        )}\n        <Components.Button type=\"submit\" isLoading={isPending}>\n          {submitCtaLabel}\n        </Components.Button>\n      </ActionsLayout>\n    </Flex>\n  )\n}\n"],"names":["AddCompensationFormBody","jobForm","compensationForm","title","submitCtaLabel","isPending","onCancel","dictionary","useI18n","useComponentDictionary","t","useTranslation","Components","useComponentContext","format","useNumberFormatter","JobFields","CompFields","jsxs","Flex","jsx","Fragment","Trans","FLSA_OVERTIME_SALARY_LIMIT","status","unit","wage","covered","ActionsLayout"],"mappings":"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"}
+{"version":3,"file":"AddCompensationFormBody.js","sources":["../../../../../src/components/Employee/Compensation/shared/AddCompensationFormBody.tsx"],"sourcesContent":["import { Trans, useTranslation } from 'react-i18next'\nimport type { PaymentUnit } from '@gusto/embedded-api-v-2025-11-15/models/components/compensation'\nimport type { FlsaStatusType } from '@gusto/embedded-api-v-2025-11-15/models/components/flsastatustype'\nimport type { MinimumWage } from '@gusto/embedded-api-v-2025-11-15/models/components/minimumwage'\nimport type { UseJobFormReady } from './useJobForm'\nimport type { UseCompensationFormReady } from './useCompensationForm'\nimport { ActionsLayout, Flex } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { FLSA_OVERTIME_SALARY_LIMIT } from '@/shared/constants'\nimport useNumberFormatter from '@/hooks/useNumberFormatter'\nimport { useComponentDictionary, useI18n } from '@/i18n'\nimport type { ResourceDictionary } from '@/types/Helpers'\n\n/**\n * Translation overrides for the shared add-compensation form body. The body\n * reads its copy from the onboarding `Employee.Compensation` namespace by\n * default; management surfaces resolve this dictionary from\n * `Employee.Management.Compensation` and pass it in so management copy renders\n * while the two surfaces stay isolated.\n *\n * @internal\n */\nexport type AddCompensationFormDictionary = ResourceDictionary<'Employee.Compensation'>\n\n/** @internal */\nexport interface AddCompensationFormBodyProps {\n  jobForm: UseJobFormReady\n  compensationForm: UseCompensationFormReady\n  title: string\n  submitCtaLabel: string\n  isPending: boolean\n  onCancel?: () => void\n  /** Per-surface translation overrides resolved against the consumer's namespace. */\n  dictionary?: AddCompensationFormDictionary\n}\n\n/**\n * Renders the shared field layout used by both `EditCompensation` (onboarding) and\n * `CompensationAddAnotherJobForm` (management). Field visibility is driven entirely by the hook\n * configuration — `JobFields.HireDate` is only defined when `withHireDateField: true`,\n * and `CompFields.EffectiveDate` is only defined when `withEffectiveDateField: true` —\n * so this component renders the correct subset for each use case with no extra props.\n *\n * Copy resolves from the onboarding `Employee.Compensation` namespace by default; management\n * consumers inject a `dictionary` mapped from `Employee.Management.Compensation` to keep\n * onboarding and management strings independently overridable.\n *\n * @internal\n */\nexport function AddCompensationFormBody({\n  jobForm,\n  compensationForm,\n  title,\n  submitCtaLabel,\n  isPending,\n  onCancel,\n  dictionary,\n}: AddCompensationFormBodyProps) {\n  useI18n('Employee.Compensation')\n  useComponentDictionary('Employee.Compensation', dictionary)\n  const { t } = useTranslation('Employee.Compensation')\n  const Components = useComponentContext()\n  const format = useNumberFormatter('currency')\n\n  const JobFields = jobForm.form.Fields\n  const CompFields = compensationForm.form.Fields\n\n  return (\n    <Flex flexDirection=\"column\" gap={32}>\n      <Components.Heading as=\"h2\">{title}</Components.Heading>\n\n      <Flex flexDirection=\"column\" gap={20}>\n        {JobFields.Title && (\n          <JobFields.Title\n            label={t('jobTitle')}\n            validationMessages={{ REQUIRED: t('validations.title') }}\n            formHookResult={jobForm}\n          />\n        )}\n\n        {JobFields.HireDate && (\n          <JobFields.HireDate\n            label={t('hireDate')}\n            validationMessages={{ REQUIRED: t('validations.hireDate') }}\n            formHookResult={jobForm}\n          />\n        )}\n\n        {CompFields.FlsaStatus && (\n          <>\n            <CompFields.FlsaStatus\n              label={t('employeeClassification')}\n              description={\n                <Trans\n                  t={t}\n                  i18nKey=\"classificationLink\"\n                  components={{ ClassificationLink: <Components.Link /> }}\n                />\n              }\n              validationMessages={{\n                REQUIRED: t('validations.exemptThreshold', {\n                  limit: format(FLSA_OVERTIME_SALARY_LIMIT),\n                }),\n              }}\n              getOptionLabel={(status: FlsaStatusType) => t(`flsaStatusLabels.${status}`)}\n              formHookResult={compensationForm}\n            />\n            {(compensationForm.status.showCommissionFederalMinimumPayAlert ||\n              compensationForm.status.showCommissionMinimumWageAlert ||\n              compensationForm.status.showOwnerSalaryAlert ||\n              compensationForm.status.willDeleteSecondaryJobs) && (\n              <Flex flexDirection=\"column\" gap={0}>\n                {compensationForm.status.willDeleteSecondaryJobs && (\n                  <Components.Alert\n                    label={t('validations.classificationChangeNotification')}\n                    status=\"warning\"\n                  >\n                    {t('validations.classificationChangeRemovesSecondaryJobs')}\n                  </Components.Alert>\n                )}\n                {compensationForm.status.showCommissionFederalMinimumPayAlert && (\n                  <Components.Alert\n                    status=\"info\"\n                    label={t('commissionAlerts.federalMinimumPay.label')}\n                    disableScrollIntoView\n                  >\n                    {t('commissionAlerts.federalMinimumPay.body')}\n                  </Components.Alert>\n                )}\n                {compensationForm.status.showCommissionMinimumWageAlert && (\n                  <Components.Alert\n                    status=\"info\"\n                    label={t('commissionAlerts.minimumWage.label')}\n                    disableScrollIntoView\n                  >\n                    <Trans\n                      t={t}\n                      i18nKey=\"commissionAlerts.minimumWage.body\"\n                      components={{\n                        minimumWageLink: (\n                          <Components.Link\n                            href=\"https://support.gusto.com/article/112472520100000/manage-tip-wages-distributed-service-charges-and-tip-credits-in-gusto-for-admins\"\n                            target=\"_blank\"\n                            rel=\"noopener noreferrer\"\n                          />\n                        ),\n                      }}\n                    />\n                  </Components.Alert>\n                )}\n                {compensationForm.status.showOwnerSalaryAlert && (\n                  <Components.Alert\n                    status=\"info\"\n                    label={t('commissionAlerts.ownerSalary.label')}\n                    disableScrollIntoView\n                  />\n                )}\n              </Flex>\n            )}\n          </>\n        )}\n\n        {CompFields.Rate && (\n          <CompFields.Rate\n            label={t('wageLabel')}\n            validationMessages={{\n              REQUIRED: t('validations.rate'),\n              RATE_MINIMUM: t('validations.nonZeroRate'),\n              RATE_EXEMPT_THRESHOLD: t('validations.rateExemptThreshold', {\n                limit: format(FLSA_OVERTIME_SALARY_LIMIT),\n              }),\n            }}\n            formHookResult={compensationForm}\n          />\n        )}\n\n        {CompFields.PaymentUnit && (\n          <CompFields.PaymentUnit\n            label={t('wageFrequencyLabel')}\n            description={t('paymentUnitDescription')}\n            validationMessages={{ REQUIRED: t('validations.paymentUnit') }}\n            getOptionLabel={(unit: PaymentUnit) => t(`paymentUnitOptions.${unit}`)}\n            formHookResult={compensationForm}\n          />\n        )}\n\n        {CompFields.AdjustForMinimumWage && (\n          <CompFields.AdjustForMinimumWage\n            label={t('adjustForMinimumWage')}\n            description={t('adjustForMinimumWageDescription')}\n            formHookResult={compensationForm}\n          />\n        )}\n\n        {CompFields.MinimumWageId && (\n          <CompFields.MinimumWageId\n            label={t('minimumWageLabel')}\n            description={t('minimumWageDescription')}\n            validationMessages={{ REQUIRED: t('validations.minimumWage') }}\n            getOptionLabel={(wage: MinimumWage) =>\n              `${format(Number(wage.wage))} - ${wage.authority}: ${wage.notes ?? ''}`\n            }\n            formHookResult={compensationForm}\n          />\n        )}\n\n        {CompFields.EffectiveDate && (\n          <CompFields.EffectiveDate\n            label={t('effectiveDate')}\n            validationMessages={{\n              REQUIRED: t('validations.effectiveDate'),\n              EFFECTIVE_DATE_BEFORE_HIRE: t('validations.effectiveDateBeforeHire'),\n              EFFECTIVE_DATE_BEFORE_MIN: t('validations.effectiveDateBeforeMin'),\n            }}\n            formHookResult={compensationForm}\n          />\n        )}\n\n        {JobFields.TwoPercentShareholder && (\n          <JobFields.TwoPercentShareholder\n            label={t('twoPercentStakeholderLabel')}\n            formHookResult={jobForm}\n          />\n        )}\n\n        {JobFields.StateWcCovered && (\n          <JobFields.StateWcCovered\n            label={t('stateWcCoveredLabel')}\n            description={\n              <Trans\n                t={t}\n                i18nKey=\"stateWcCoveredDescription\"\n                components={{\n                  wcLink: (\n                    <Components.Link\n                      href=\"https://www.lni.wa.gov/insurance/rates-risk-classes/risk-classes-for-workers-compensation/risk-class-lookup#/\"\n                      target=\"_blank\"\n                      rel=\"noopener noreferrer\"\n                    />\n                  ),\n                }}\n              />\n            }\n            getOptionLabel={(covered: boolean) =>\n              covered ? t('stateWcCoveredOptions.yes') : t('stateWcCoveredOptions.no')\n            }\n            formHookResult={jobForm}\n          />\n        )}\n\n        {JobFields.StateWcClassCode && (\n          <JobFields.StateWcClassCode\n            label={t('stateWcClassCodeLabel')}\n            description={t('stateWcClassCodeDescription')}\n            placeholder={t('stateWcClassCodeLabel')}\n            validationMessages={{ REQUIRED: t('validations.stateWcClassCode') }}\n            formHookResult={jobForm}\n          />\n        )}\n      </Flex>\n\n      <ActionsLayout>\n        {onCancel && (\n          <Components.Button variant=\"secondary\" onClick={onCancel} isDisabled={isPending}>\n            {t('cancelNewJobCta')}\n          </Components.Button>\n        )}\n        <Components.Button type=\"submit\" isLoading={isPending}>\n          {submitCtaLabel}\n        </Components.Button>\n      </ActionsLayout>\n    </Flex>\n  )\n}\n"],"names":["AddCompensationFormBody","jobForm","compensationForm","title","submitCtaLabel","isPending","onCancel","dictionary","useI18n","useComponentDictionary","t","useTranslation","Components","useComponentContext","format","useNumberFormatter","JobFields","CompFields","jsxs","Flex","jsx","Fragment","Trans","FLSA_OVERTIME_SALARY_LIMIT","status","unit","wage","covered","ActionsLayout"],"mappings":"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"}

package/dist/components/Employee/Compensation/shared/PendingChangesReviewModal.d.ts

@@ -1,4 +1,5 @@
 import { PendingCompensationChange } from './getPendingCompensationChanges';
+/** @internal */
 export interface PendingChangesReviewModalProps {
     isOpen: boolean;
     pendingChanges: PendingCompensationChange[];
@@ -7,4 +8,5 @@ export interface PendingChangesReviewModalProps {
     onClose: () => void;
     onCancelChange: (pendingChange: PendingCompensationChange) => void;
 }
+/** @internal */
 export declare function PendingChangesReviewModal({ isOpen, pendingChanges, employeeFirstName, cancellingCompensationUuid, onClose, onCancelChange, }: PendingChangesReviewModalProps): import("react").JSX.Element;

package/dist/components/Employee/Compensation/shared/PendingChangesReviewModal.js.map

@@ -1 +1 @@
-{"version":3,"file":"PendingChangesReviewModal.js","sources":["../../../../../src/components/Employee/Compensation/shared/PendingChangesReviewModal.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport type { PendingCompensationChange } from './getPendingCompensationChanges'\nimport { usePendingChangeDetailRenderer } from './usePendingChangeDetailRenderer'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { Flex } from '@/components/Common/Flex/Flex'\nimport { formatDateLongWithYear } from '@/helpers/dateFormatting'\n\nexport interface PendingChangesReviewModalProps {\n  isOpen: boolean\n  pendingChanges: PendingCompensationChange[]\n  employeeFirstName: string | null | undefined\n  cancellingCompensationUuid: string | null\n  onClose: () => void\n  onCancelChange: (pendingChange: PendingCompensationChange) => void\n}\n\nexport function PendingChangesReviewModal({\n  isOpen,\n  pendingChanges,\n  employeeFirstName,\n  cancellingCompensationUuid,\n  onClose,\n  onCancelChange,\n}: PendingChangesReviewModalProps) {\n  const { t } = useTranslation('Employee.Management.Compensation')\n  const Components = useComponentContext()\n  const renderDetail = usePendingChangeDetailRenderer(employeeFirstName)\n\n  return (\n    <Components.Modal\n      isOpen={isOpen}\n      onClose={onClose}\n      shouldCloseOnBackdropClick\n      footer={\n        <Flex justifyContent=\"flex-end\" gap={8}>\n          <Components.Button variant=\"secondary\" onClick={onClose}>\n            {t('card.pendingChange.modal.closeCta')}\n          </Components.Button>\n        </Flex>\n      }\n    >\n      <Flex flexDirection=\"column\" gap={32}>\n        <Flex flexDirection=\"column\" gap={4}>\n          <Components.Heading as=\"h3\" styledAs=\"h4\">\n            {t('card.pendingChange.modal.title')}\n          </Components.Heading>\n          <Components.Text variant=\"supporting\">\n            {t('card.pendingChange.modal.description')}\n          </Components.Text>\n        </Flex>\n        <Flex flexDirection=\"column\" gap={16}>\n          {pendingChanges.map(change => (\n            <Components.Box\n              key={change.compensationUuid}\n              footer={\n                <Components.Button\n                  variant=\"secondary\"\n                  isLoading={cancellingCompensationUuid === change.compensationUuid}\n                  onClick={() => {\n                    onCancelChange(change)\n                  }}\n                >\n                  {t('card.pendingChange.cancelCta')}\n                </Components.Button>\n              }\n            >\n              <Flex flexDirection=\"column\" gap={16}>\n                <Flex flexDirection=\"column\" gap={0}>\n                  {change.jobTitle && (\n                    <Components.Text weight=\"medium\">{change.jobTitle}</Components.Text>\n                  )}\n                  <Components.Text variant=\"supporting\" size=\"sm\">\n                    {formatDateLongWithYear(change.effectiveDate)}\n                  </Components.Text>\n                </Flex>\n                <Components.UnorderedList\n                  items={change.details.map(detail => renderDetail(detail))}\n                />\n              </Flex>\n            </Components.Box>\n          ))}\n        </Flex>\n      </Flex>\n    </Components.Modal>\n  )\n}\n"],"names":["PendingChangesReviewModal","isOpen","pendingChanges","employeeFirstName","cancellingCompensationUuid","onClose","onCancelChange","useTranslation","Components","useComponentContext","renderDetail","usePendingChangeDetailRenderer","jsx","Flex","jsxs","change","formatDateLongWithYear","detail"],"mappings":";;;;;;AAgBO,SAASA,EAA0B;AAAA,EACxC,QAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,4BAAAC;AAAA,EACA,SAAAC;AAAA,EACA,gBAAAC;AACF,GAAmC;AACjC,QAAM,EAAE,EAAA,IAAMC,EAAe,kCAAkC,GACzDC,IAAaC,EAAA,GACbC,IAAeC,EAA+BR,CAAiB;AAErE,SACE,gBAAAS;AAAA,IAACJ,EAAW;AAAA,IAAX;AAAA,MACC,QAAAP;AAAA,MACA,SAAAI;AAAA,MACA,4BAA0B;AAAA,MAC1B,QACE,gBAAAO,EAACC,GAAA,EAAK,gBAAe,YAAW,KAAK,GACnC,UAAA,gBAAAD,EAACJ,EAAW,QAAX,EAAkB,SAAQ,aAAY,SAASH,GAC7C,UAAA,EAAE,mCAAmC,GACxC,GACF;AAAA,MAGF,UAAA,gBAAAS,EAACD,GAAA,EAAK,eAAc,UAAS,KAAK,IAChC,UAAA;AAAA,QAAA,gBAAAC,EAACD,GAAA,EAAK,eAAc,UAAS,KAAK,GAChC,UAAA;AAAA,UAAA,gBAAAD,EAACJ,EAAW,SAAX,EAAmB,IAAG,MAAK,UAAS,MAClC,UAAA,EAAE,gCAAgC,EAAA,CACrC;AAAA,UACA,gBAAAI,EAACJ,EAAW,MAAX,EAAgB,SAAQ,cACtB,UAAA,EAAE,sCAAsC,EAAA,CAC3C;AAAA,QAAA,GACF;AAAA,QACA,gBAAAI,EAACC,KAAK,eAAc,UAAS,KAAK,IAC/B,UAAAX,EAAe,IAAI,CAAAa,MAClB,gBAAAH;AAAA,UAACJ,EAAW;AAAA,UAAX;AAAA,YAEC,QACE,gBAAAI;AAAA,cAACJ,EAAW;AAAA,cAAX;AAAA,gBACC,SAAQ;AAAA,gBACR,WAAWJ,MAA+BW,EAAO;AAAA,gBACjD,SAAS,MAAM;AACb,kBAAAT,EAAeS,CAAM;AAAA,gBACvB;AAAA,gBAEC,YAAE,8BAA8B;AAAA,cAAA;AAAA,YAAA;AAAA,YAIrC,UAAA,gBAAAD,EAACD,GAAA,EAAK,eAAc,UAAS,KAAK,IAChC,UAAA;AAAA,cAAA,gBAAAC,EAACD,GAAA,EAAK,eAAc,UAAS,KAAK,GAC/B,UAAA;AAAA,gBAAAE,EAAO,8BACLP,EAAW,MAAX,EAAgB,QAAO,UAAU,YAAO,SAAA,CAAS;AAAA,gBAEpD,gBAAAI,EAACJ,EAAW,MAAX,EAAgB,SAAQ,cAAa,MAAK,MACxC,UAAAQ,EAAuBD,EAAO,aAAa,EAAA,CAC9C;AAAA,cAAA,GACF;AAAA,cACA,gBAAAH;AAAA,gBAACJ,EAAW;AAAA,gBAAX;AAAA,kBACC,OAAOO,EAAO,QAAQ,IAAI,CAAAE,MAAUP,EAAaO,CAAM,CAAC;AAAA,gBAAA;AAAA,cAAA;AAAA,YAC1D,EAAA,CACF;AAAA,UAAA;AAAA,UAzBKF,EAAO;AAAA,QAAA,CA2Bf,EAAA,CACH;AAAA,MAAA,EAAA,CACF;AAAA,IAAA;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"PendingChangesReviewModal.js","sources":["../../../../../src/components/Employee/Compensation/shared/PendingChangesReviewModal.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport type { PendingCompensationChange } from './getPendingCompensationChanges'\nimport { usePendingChangeDetailRenderer } from './usePendingChangeDetailRenderer'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { Flex } from '@/components/Common/Flex/Flex'\nimport { formatDateLongWithYear } from '@/helpers/dateFormatting'\n\n/** @internal */\nexport interface PendingChangesReviewModalProps {\n  isOpen: boolean\n  pendingChanges: PendingCompensationChange[]\n  employeeFirstName: string | null | undefined\n  cancellingCompensationUuid: string | null\n  onClose: () => void\n  onCancelChange: (pendingChange: PendingCompensationChange) => void\n}\n\n/** @internal */\nexport function PendingChangesReviewModal({\n  isOpen,\n  pendingChanges,\n  employeeFirstName,\n  cancellingCompensationUuid,\n  onClose,\n  onCancelChange,\n}: PendingChangesReviewModalProps) {\n  const { t } = useTranslation('Employee.Management.Compensation')\n  const Components = useComponentContext()\n  const renderDetail = usePendingChangeDetailRenderer(employeeFirstName)\n\n  return (\n    <Components.Modal\n      isOpen={isOpen}\n      onClose={onClose}\n      shouldCloseOnBackdropClick\n      footer={\n        <Flex justifyContent=\"flex-end\" gap={8}>\n          <Components.Button variant=\"secondary\" onClick={onClose}>\n            {t('card.pendingChange.modal.closeCta')}\n          </Components.Button>\n        </Flex>\n      }\n    >\n      <Flex flexDirection=\"column\" gap={32}>\n        <Flex flexDirection=\"column\" gap={4}>\n          <Components.Heading as=\"h3\" styledAs=\"h4\">\n            {t('card.pendingChange.modal.title')}\n          </Components.Heading>\n          <Components.Text variant=\"supporting\">\n            {t('card.pendingChange.modal.description')}\n          </Components.Text>\n        </Flex>\n        <Flex flexDirection=\"column\" gap={16}>\n          {pendingChanges.map(change => (\n            <Components.Box\n              key={change.compensationUuid}\n              footer={\n                <Components.Button\n                  variant=\"secondary\"\n                  isLoading={cancellingCompensationUuid === change.compensationUuid}\n                  onClick={() => {\n                    onCancelChange(change)\n                  }}\n                >\n                  {t('card.pendingChange.cancelCta')}\n                </Components.Button>\n              }\n            >\n              <Flex flexDirection=\"column\" gap={16}>\n                <Flex flexDirection=\"column\" gap={0}>\n                  {change.jobTitle && (\n                    <Components.Text weight=\"medium\">{change.jobTitle}</Components.Text>\n                  )}\n                  <Components.Text variant=\"supporting\" size=\"sm\">\n                    {formatDateLongWithYear(change.effectiveDate)}\n                  </Components.Text>\n                </Flex>\n                <Components.UnorderedList\n                  items={change.details.map(detail => renderDetail(detail))}\n                />\n              </Flex>\n            </Components.Box>\n          ))}\n        </Flex>\n      </Flex>\n    </Components.Modal>\n  )\n}\n"],"names":["PendingChangesReviewModal","isOpen","pendingChanges","employeeFirstName","cancellingCompensationUuid","onClose","onCancelChange","useTranslation","Components","useComponentContext","renderDetail","usePendingChangeDetailRenderer","jsx","Flex","jsxs","change","formatDateLongWithYear","detail"],"mappings":";;;;;;AAkBO,SAASA,EAA0B;AAAA,EACxC,QAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,4BAAAC;AAAA,EACA,SAAAC;AAAA,EACA,gBAAAC;AACF,GAAmC;AACjC,QAAM,EAAE,EAAA,IAAMC,EAAe,kCAAkC,GACzDC,IAAaC,EAAA,GACbC,IAAeC,EAA+BR,CAAiB;AAErE,SACE,gBAAAS;AAAA,IAACJ,EAAW;AAAA,IAAX;AAAA,MACC,QAAAP;AAAA,MACA,SAAAI;AAAA,MACA,4BAA0B;AAAA,MAC1B,QACE,gBAAAO,EAACC,GAAA,EAAK,gBAAe,YAAW,KAAK,GACnC,UAAA,gBAAAD,EAACJ,EAAW,QAAX,EAAkB,SAAQ,aAAY,SAASH,GAC7C,UAAA,EAAE,mCAAmC,GACxC,GACF;AAAA,MAGF,UAAA,gBAAAS,EAACD,GAAA,EAAK,eAAc,UAAS,KAAK,IAChC,UAAA;AAAA,QAAA,gBAAAC,EAACD,GAAA,EAAK,eAAc,UAAS,KAAK,GAChC,UAAA;AAAA,UAAA,gBAAAD,EAACJ,EAAW,SAAX,EAAmB,IAAG,MAAK,UAAS,MAClC,UAAA,EAAE,gCAAgC,EAAA,CACrC;AAAA,UACA,gBAAAI,EAACJ,EAAW,MAAX,EAAgB,SAAQ,cACtB,UAAA,EAAE,sCAAsC,EAAA,CAC3C;AAAA,QAAA,GACF;AAAA,QACA,gBAAAI,EAACC,KAAK,eAAc,UAAS,KAAK,IAC/B,UAAAX,EAAe,IAAI,CAAAa,MAClB,gBAAAH;AAAA,UAACJ,EAAW;AAAA,UAAX;AAAA,YAEC,QACE,gBAAAI;AAAA,cAACJ,EAAW;AAAA,cAAX;AAAA,gBACC,SAAQ;AAAA,gBACR,WAAWJ,MAA+BW,EAAO;AAAA,gBACjD,SAAS,MAAM;AACb,kBAAAT,EAAeS,CAAM;AAAA,gBACvB;AAAA,gBAEC,YAAE,8BAA8B;AAAA,cAAA;AAAA,YAAA;AAAA,YAIrC,UAAA,gBAAAD,EAACD,GAAA,EAAK,eAAc,UAAS,KAAK,IAChC,UAAA;AAAA,cAAA,gBAAAC,EAACD,GAAA,EAAK,eAAc,UAAS,KAAK,GAC/B,UAAA;AAAA,gBAAAE,EAAO,8BACLP,EAAW,MAAX,EAAgB,QAAO,UAAU,YAAO,SAAA,CAAS;AAAA,gBAEpD,gBAAAI,EAACJ,EAAW,MAAX,EAAgB,SAAQ,cAAa,MAAK,MACxC,UAAAQ,EAAuBD,EAAO,aAAa,EAAA,CAC9C;AAAA,cAAA,GACF;AAAA,cACA,gBAAAH;AAAA,gBAACJ,EAAW;AAAA,gBAAX;AAAA,kBACC,OAAOO,EAAO,QAAQ,IAAI,CAAAE,MAAUP,EAAaO,CAAM,CAAC;AAAA,gBAAA;AAAA,cAAA;AAAA,YAC1D,EAAA,CACF;AAAA,UAAA;AAAA,UAzBKF,EAAO;AAAA,QAAA,CA2Bf,EAAA,CACH;AAAA,MAAA,EAAA,CACF;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/dist/components/Employee/Compensation/shared/derivePrimaryFlsaStatus.d.ts

@@ -5,5 +5,7 @@ import { Job } from '@gusto/embedded-api-v-2025-11-15/models/components/job';
  *
  * The primary job is the one with `primary === true`; "current compensation" is the
  * entry in `job.compensations` whose `uuid` matches `job.currentCompensationUuid`.
+ *
+ * @internal
  */
 export declare function derivePrimaryFlsaStatus(jobs: Job[] | undefined): string | undefined;

package/dist/components/Employee/Compensation/shared/derivePrimaryFlsaStatus.js.map

@@ -1 +1 @@
-{"version":3,"file":"derivePrimaryFlsaStatus.js","sources":["../../../../../src/components/Employee/Compensation/shared/derivePrimaryFlsaStatus.ts"],"sourcesContent":["import type { Job } from '@gusto/embedded-api-v-2025-11-15/models/components/job'\n\n/**\n * Returns the FLSA status of the employee's primary job's current compensation,\n * or `undefined` when there is no primary job or no resolvable current compensation.\n *\n * The primary job is the one with `primary === true`; \"current compensation\" is the\n * entry in `job.compensations` whose `uuid` matches `job.currentCompensationUuid`.\n */\nexport function derivePrimaryFlsaStatus(jobs: Job[] | undefined): string | undefined {\n  return (jobs ?? []).reduce<string | undefined>((acc, job) => {\n    const comp = job.compensations?.find(c => c.uuid === job.currentCompensationUuid)\n    if (!job.primary || !comp) return acc\n    return comp.flsaStatus ?? acc\n  }, undefined)\n}\n"],"names":["derivePrimaryFlsaStatus","jobs","acc","job","comp","c"],"mappings":"AASO,SAASA,EAAwBC,GAA6C;AACnF,UAAQA,KAAQ,CAAA,GAAI,OAA2B,CAACC,GAAKC,MAAQ;AAC3D,UAAMC,IAAOD,EAAI,eAAe,KAAK,OAAKE,EAAE,SAASF,EAAI,uBAAuB;AAChF,WAAI,CAACA,EAAI,WAAW,CAACC,IAAaF,IAC3BE,EAAK,cAAcF;AAAA,EAC5B,GAAG,MAAS;AACd;"}
+{"version":3,"file":"derivePrimaryFlsaStatus.js","sources":["../../../../../src/components/Employee/Compensation/shared/derivePrimaryFlsaStatus.ts"],"sourcesContent":["import type { Job } from '@gusto/embedded-api-v-2025-11-15/models/components/job'\n\n/**\n * Returns the FLSA status of the employee's primary job's current compensation,\n * or `undefined` when there is no primary job or no resolvable current compensation.\n *\n * The primary job is the one with `primary === true`; \"current compensation\" is the\n * entry in `job.compensations` whose `uuid` matches `job.currentCompensationUuid`.\n *\n * @internal\n */\nexport function derivePrimaryFlsaStatus(jobs: Job[] | undefined): string | undefined {\n  return (jobs ?? []).reduce<string | undefined>((acc, job) => {\n    const comp = job.compensations?.find(c => c.uuid === job.currentCompensationUuid)\n    if (!job.primary || !comp) return acc\n    return comp.flsaStatus ?? acc\n  }, undefined)\n}\n"],"names":["derivePrimaryFlsaStatus","jobs","acc","job","comp","c"],"mappings":"AAWO,SAASA,EAAwBC,GAA6C;AACnF,UAAQA,KAAQ,CAAA,GAAI,OAA2B,CAACC,GAAKC,MAAQ;AAC3D,UAAMC,IAAOD,EAAI,eAAe,KAAK,OAAKE,EAAE,SAASF,EAAI,uBAAuB;AAChF,WAAI,CAACA,EAAI,WAAW,CAACC,IAAaF,IAC3BE,EAAK,cAAcF;AAAA,EAC5B,GAAG,MAAS;AACd;"}

package/dist/components/Employee/Compensation/shared/getPendingCompensationChanges.d.ts

@@ -1,5 +1,6 @@
 import { FlsaStatusType } from '@gusto/embedded-api-v-2025-11-15/models/components/flsastatustype';
 import { Job } from '@gusto/embedded-api-v-2025-11-15/models/components/job';
+/** @internal */
 export type PendingChangeDetail = {
     kind: 'titleChange';
     title: string;
@@ -24,6 +25,7 @@ export type PendingChangeDetail = {
     rate: number | null;
     paymentUnit: string | null;
 };
+/** @internal */
 export interface PendingCompensationChange {
     compensationUuid: string;
     jobUuid: string;
@@ -50,6 +52,8 @@ export interface PendingCompensationChange {
  * The helper returns structured deltas (a discriminated union per detail) so
  * the consuming UI is responsible for formatting them via i18n / pay-rate
  * helpers. This keeps the helper pure and trivially unit-testable.
+ *
+ * @internal
  */
 export declare function getPendingCompensationChanges(jobs: Job[] | undefined, options?: {
     today?: Date;