@gusto/embedded-react-sdk 0.53.0 → 0.54.0

package/dist/components/Employee/Compensation/management/CompensationEditPendingJobForm/CompensationEditPendingJobForm.js

@@ -1,44 +1,53 @@
 import { jsx as e } from "react/jsx-runtime";
-import b from "classnames";
-import { useTranslation as D } from "react-i18next";
-import { useJobForm as y } from "../../shared/useJobForm/useJobForm.js";
-import { useCompensationForm as S } from "../../shared/useCompensationForm/useCompensationForm.js";
-import { ManagementCompensationFormBody as _ } from "../ManagementCompensationFormBody.js";
-import v from "./CompensationEditPendingJobForm.module.scss.js";
-import { BaseBoundaries as L, BaseLayout as d } from "../../../../Base/Base.js";
+import D from "classnames";
+import { useTranslation as y } from "react-i18next";
+import { useJobForm as S } from "../../shared/useJobForm/useJobForm.js";
+import { useCompensationForm as _ } from "../../shared/useCompensationForm/useCompensationForm.js";
+import { ManagementCompensationFormBody as v } from "../ManagementCompensationFormBody.js";
+import O from "./CompensationEditPendingJobForm.module.scss.js";
+import { BaseBoundaries as P, BaseLayout as f } from "../../../../Base/Base.js";
 import "../../../../Base/useBase.js";
-import { Form as O } from "../../../../Common/Form/Form.js";
-import { useComponentDictionary as P, useI18n as R } from "../../../../../i18n/I18n.js";
-import { composeErrorHandler as f } from "../../../../../partner-hook-utils/composeErrorHandler.js";
-import { composeSubmitHandler as A } from "../../../../../partner-hook-utils/form/composeSubmitHandler.js";
-import { componentEvents as E } from "../../../../../shared/constants.js";
-function Q({
-  dictionary: i,
-  ...r
+import { Form as R } from "../../../../Common/Form/Form.js";
+import { useComponentDictionary as A, useI18n as L } from "../../../../../i18n/I18n.js";
+import { composeErrorHandler as E } from "../../../../../partner-hook-utils/composeErrorHandler.js";
+import { composeSubmitHandler as w } from "../../../../../partner-hook-utils/form/composeSubmitHandler.js";
+import { componentEvents as F } from "../../../../../shared/constants.js";
+function W({
+  dictionary: r,
+  LoaderComponent: i,
+  ...s
 }) {
-  return P("Employee.Management.Compensation", i), /* @__PURE__ */ e(L, { componentName: "Employee.Management.Compensation", children: /* @__PURE__ */ e(w, { ...r }) });
+  return A("Employee.Management.Compensation", r), /* @__PURE__ */ e(
+    P,
+    {
+      componentName: "Employee.Management.Compensation",
+      LoaderComponent: i,
+      children: /* @__PURE__ */ e(B, { LoaderComponent: i, ...s })
+    }
+  );
 }
-function w({
-  employeeId: i,
-  jobId: r,
-  compensationId: a,
-  isNewJob: C,
-  isPrimaryJob: F,
-  className: M,
-  onEvent: m
+function B({
+  employeeId: r,
+  jobId: i,
+  compensationId: s,
+  isNewJob: M,
+  isPrimaryJob: g,
+  className: h,
+  onEvent: m,
+  LoaderComponent: l
 }) {
-  R("Employee.Management.Compensation");
-  const { t: l } = D("Employee.Management.Compensation"), n = C && F, o = y({
-    employeeId: i,
-    jobId: r,
+  L("Employee.Management.Compensation");
+  const { t: u } = y("Employee.Management.Compensation"), n = M && g, o = S({
+    employeeId: r,
+    jobId: i,
     withTitleField: !1,
     withHireDateField: n,
     optionalFieldsToRequire: n ? { update: ["hireDate"] } : void 0,
     shouldFocusError: !1
-  }), t = S({
-    employeeId: i,
-    jobId: r,
-    compensationId: a,
+  }), t = _({
+    employeeId: r,
+    jobId: i,
+    compensationId: s,
     // Primary new job: comp date is set via jobForm's hire date on submit —
     // hide it here to avoid showing two date fields.
     withEffectiveDateField: !n,
@@ -48,38 +57,38 @@ function w({
     shouldFocusError: !1
   });
   if (o.isLoading || t.isLoading) {
-    const s = f([o, t]);
-    return /* @__PURE__ */ e(d, { isLoading: !0, error: s.errors });
+    const a = E([o, t]);
+    return /* @__PURE__ */ e(f, { isLoading: !0, error: a.errors, LoaderComponent: l });
   }
-  const p = A([o, t], async () => {
-    const s = n ? o.form.hookFormInternals.formMethods.getValues("hireDate") ?? void 0 : void 0, u = await o.actions.onSubmit();
-    if (!u) return;
-    const N = u.data.compensations?.find(
-      (T) => T.uuid === a
-    )?.version, c = await t.actions.onSubmit({
-      ...s ? { effectiveDate: s } : {},
-      compensationVersion: N
+  const c = w([o, t], async () => {
+    const a = n ? o.form.hookFormInternals.formMethods.getValues("hireDate") ?? void 0 : void 0, p = await o.actions.onSubmit();
+    if (!p) return;
+    const T = p.data.compensations?.find(
+      (b) => b.uuid === s
+    )?.version, d = await t.actions.onSubmit({
+      ...a ? { effectiveDate: a } : {},
+      compensationVersion: T
     });
-    c && m(
-      E.EMPLOYEE_MANAGEMENT_COMPENSATION_EDIT_FORM_SUBMITTED,
-      c.data
+    d && m(
+      F.EMPLOYEE_MANAGEMENT_COMPENSATION_EDIT_FORM_SUBMITTED,
+      d.data
     );
-  }), g = f([p]), h = o.status.isPending || t.status.isPending;
-  return /* @__PURE__ */ e("section", { className: b(v.container, M), children: /* @__PURE__ */ e(d, { error: g.errors, children: /* @__PURE__ */ e(O, { onSubmit: p.handleSubmit, children: /* @__PURE__ */ e(
-    _,
+  }), C = E([c]), N = o.status.isPending || t.status.isPending;
+  return /* @__PURE__ */ e("section", { className: D(O.container, h), children: /* @__PURE__ */ e(f, { error: C.errors, LoaderComponent: l, children: /* @__PURE__ */ e(R, { onSubmit: c.handleSubmit, children: /* @__PURE__ */ e(
+    v,
     {
       jobForm: o,
       compensationForm: t,
-      title: l("editCompensationTitle"),
-      submitCtaLabel: l("saveCta"),
-      isPending: h,
+      title: u("editCompensationTitle"),
+      submitCtaLabel: u("saveCta"),
+      isPending: N,
       onCancel: () => {
-        m(E.EMPLOYEE_MANAGEMENT_COMPENSATION_EDIT_FORM_CANCELLED);
+        m(F.EMPLOYEE_MANAGEMENT_COMPENSATION_EDIT_FORM_CANCELLED);
       }
     }
   ) }) }) });
 }
 export {
-  Q as CompensationEditPendingJobForm
+  W as CompensationEditPendingJobForm
 };
 //# sourceMappingURL=CompensationEditPendingJobForm.js.map

package/dist/components/Employee/Compensation/management/CompensationEditPendingJobForm/CompensationEditPendingJobForm.js.map

@@ -1 +1 @@
-{"version":3,"file":"CompensationEditPendingJobForm.js","sources":["../../../../../../src/components/Employee/Compensation/management/CompensationEditPendingJobForm/CompensationEditPendingJobForm.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport { useTranslation } from 'react-i18next'\nimport { useJobForm } from '../../shared/useJobForm'\nimport { useCompensationForm } from '../../shared/useCompensationForm'\nimport { ManagementCompensationFormBody } from '../ManagementCompensationFormBody'\nimport styles from './CompensationEditPendingJobForm.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 CompensationEditPendingJobForm}.\n *\n * @public\n */\nexport interface CompensationEditPendingJobFormProps extends CommonComponentInterface<'Employee.Management.Compensation'> {\n  /** The associated employee identifier. */\n  employeeId: string\n  /** The job whose pending compensation is being edited. */\n  jobId: string\n  /** The UUID of the pending (future-dated) compensation to update. Always required — this\n   *  component only operates in update mode. */\n  compensationId: string\n  /**\n   * True when the job has no current (on-or-before-today) compensation — i.e. it hasn't\n   * started yet. Drives which date field is shown and how the submit syncs hire_date.\n   */\n  isNewJob: boolean\n  /**\n   * True when this is the employee's primary job. Combined with `isNewJob`, determines\n   * whether to show a Hire date field (primary) or Effective date field (secondary/change).\n   */\n  isPrimaryJob: boolean\n  /** Fires `EMPLOYEE_MANAGEMENT_COMPENSATION_EDIT_FORM_SUBMITTED` (with the saved\n   *  `Compensation`) on a successful save, and\n   *  `EMPLOYEE_MANAGEMENT_COMPENSATION_EDIT_FORM_CANCELLED` when the user cancels. */\n  onEvent: OnEventType<EventType, unknown>\n}\n\n/**\n * Edits a pending (future-dated) compensation in place.\n *\n * @public\n */\nexport function CompensationEditPendingJobForm({\n  dictionary,\n  ...props\n}: CompensationEditPendingJobFormProps) {\n  useComponentDictionary('Employee.Management.Compensation', dictionary)\n  return (\n    <BaseBoundaries componentName=\"Employee.Management.Compensation\">\n      <Root {...props} />\n    </BaseBoundaries>\n  )\n}\n\ntype RootProps = Omit<CompensationEditPendingJobFormProps, 'dictionary'>\n\nfunction Root({\n  employeeId,\n  jobId,\n  compensationId,\n  isNewJob,\n  isPrimaryJob,\n  className,\n  onEvent,\n}: RootProps) {\n  useI18n('Employee.Management.Compensation')\n  const { t } = useTranslation('Employee.Management.Compensation')\n\n  // For a primary new job (hire date in the future, no current comp), the hire\n  // date field is shown instead of the effective date field. This keeps\n  // hire_date and comp effective_date in sync so the API doesn't auto-create a\n  // second compensation when the initial comp moves off the hire date.\n  const isPrimaryNewJob = isNewJob && isPrimaryJob\n\n  // Title is owned by `useCompensationForm` here: title is stored on\n  // compensation in the API (job.title is just a denormalized snapshot of\n  // the primary comp's title), so writing it via PUT /v1/compensations is\n  // the direct path. The dashboard row reads the title off the comp pointed\n  // to by `currentCompensationUuid`, so the change surfaces immediately\n  // whether the job is in effect today or still pending.\n  const jobForm = useJobForm({\n    employeeId,\n    jobId,\n    withTitleField: false,\n    withHireDateField: isPrimaryNewJob,\n    optionalFieldsToRequire: isPrimaryNewJob ? { update: ['hireDate'] } : undefined,\n    shouldFocusError: false,\n  })\n\n  const compensationForm = useCompensationForm({\n    employeeId,\n    jobId,\n    compensationId,\n    // Primary new job: comp date is set via jobForm's hire date on submit —\n    // hide it here to avoid showing two date fields.\n    withEffectiveDateField: !isPrimaryNewJob,\n    optionalFieldsToRequire: {\n      update: isPrimaryNewJob\n        ? ['title', 'flsaStatus', 'rate', 'paymentUnit']\n        : ['title', 'flsaStatus', 'rate', 'paymentUnit', 'effectiveDate'],\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    // For a primary new job, the user edits the hire date field. We read it\n    // back here and pass it to the comp submit so both the job's hire_date and\n    // the comp's effective_date land on the same value — preventing the API\n    // from auto-creating a second compensation to fill the gap at the old date.\n    const hireDateOverride = isPrimaryNewJob\n      ? (jobForm.form.hookFormInternals.formMethods.getValues('hireDate') ?? undefined)\n      : undefined\n\n    const jobResult = await jobForm.actions.onSubmit()\n    if (!jobResult) return\n\n    // When the hire date moves forward, the API auto-syncs the compensation's\n    // effective_date to the new hire_date as part of the job PUT, which bumps\n    // the compensation's version. Read it from the job response so the\n    // subsequent compensation PUT doesn't send a stale version.\n    const freshCompVersion = jobResult.data.compensations?.find(\n      c => c.uuid === compensationId,\n    )?.version\n\n    const compensationResult = await compensationForm.actions.onSubmit({\n      ...(hireDateOverride ? { effectiveDate: hireDateOverride } : {}),\n      compensationVersion: freshCompVersion,\n    })\n    if (!compensationResult) return\n\n    onEvent(\n      componentEvents.EMPLOYEE_MANAGEMENT_COMPENSATION_EDIT_FORM_SUBMITTED,\n      compensationResult.data,\n    )\n  })\n\n  const errorHandling = composeErrorHandler([submitResult])\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          <ManagementCompensationFormBody\n            jobForm={jobForm}\n            compensationForm={compensationForm}\n            title={t('editCompensationTitle')}\n            submitCtaLabel={t('saveCta')}\n            isPending={isPending}\n            onCancel={() => {\n              onEvent(componentEvents.EMPLOYEE_MANAGEMENT_COMPENSATION_EDIT_FORM_CANCELLED)\n            }}\n          />\n        </Form>\n      </BaseLayout>\n    </section>\n  )\n}\n"],"names":["CompensationEditPendingJobForm","dictionary","props","useComponentDictionary","jsx","BaseBoundaries","Root","employeeId","jobId","compensationId","isNewJob","isPrimaryJob","className","onEvent","useI18n","t","useTranslation","isPrimaryNewJob","jobForm","useJobForm","compensationForm","useCompensationForm","loadingErrorHandling","composeErrorHandler","BaseLayout","submitResult","composeSubmitHandler","hireDateOverride","jobResult","freshCompVersion","c","compensationResult","componentEvents","errorHandling","isPending","classNames","styles","Form","ManagementCompensationFormBody"],"mappings":";;;;;;;;;;;;;;AAgDO,SAASA,EAA+B;AAAA,EAC7C,YAAAC;AAAA,EACA,GAAGC;AACL,GAAwC;AACtC,SAAAC,EAAuB,oCAAoCF,CAAU,GAEnE,gBAAAG,EAACC,KAAe,eAAc,oCAC5B,4BAACC,GAAA,EAAM,GAAGJ,GAAO,EAAA,CACnB;AAEJ;AAIA,SAASI,EAAK;AAAA,EACZ,YAAAC;AAAA,EACA,OAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,UAAAC;AAAA,EACA,cAAAC;AAAA,EACA,WAAAC;AAAA,EACA,SAAAC;AACF,GAAc;AACZ,EAAAC,EAAQ,kCAAkC;AAC1C,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,kCAAkC,GAMzDC,IAAkBP,KAAYC,GAQ9BO,IAAUC,EAAW;AAAA,IACzB,YAAAZ;AAAA,IACA,OAAAC;AAAA,IACA,gBAAgB;AAAA,IAChB,mBAAmBS;AAAA,IACnB,yBAAyBA,IAAkB,EAAE,QAAQ,CAAC,UAAU,MAAM;AAAA,IACtE,kBAAkB;AAAA,EAAA,CACnB,GAEKG,IAAmBC,EAAoB;AAAA,IAC3C,YAAAd;AAAA,IACA,OAAAC;AAAA,IACA,gBAAAC;AAAA;AAAA;AAAA,IAGA,wBAAwB,CAACQ;AAAA,IACzB,yBAAyB;AAAA,MACvB,QAAQA,IACJ,CAAC,SAAS,cAAc,QAAQ,aAAa,IAC7C,CAAC,SAAS,cAAc,QAAQ,eAAe,eAAe;AAAA,IAAA;AAAA,IAEpE,kBAAkB;AAAA,EAAA,CACnB;AAED,MAAIC,EAAQ,aAAaE,EAAiB,WAAW;AACnD,UAAME,IAAuBC,EAAoB,CAACL,GAASE,CAAgB,CAAC;AAC5E,6BAAQI,GAAA,EAAW,WAAS,IAAC,OAAOF,EAAqB,QAAQ;AAAA,EACnE;AAEA,QAAMG,IAAeC,EAAqB,CAACR,GAASE,CAAgB,GAAG,YAAY;AAKjF,UAAMO,IAAmBV,IACpBC,EAAQ,KAAK,kBAAkB,YAAY,UAAU,UAAU,KAAK,SACrE,QAEEU,IAAY,MAAMV,EAAQ,QAAQ,SAAA;AACxC,QAAI,CAACU,EAAW;AAMhB,UAAMC,IAAmBD,EAAU,KAAK,eAAe;AAAA,MACrD,CAAAE,MAAKA,EAAE,SAASrB;AAAA,IAAA,GACf,SAEGsB,IAAqB,MAAMX,EAAiB,QAAQ,SAAS;AAAA,MACjE,GAAIO,IAAmB,EAAE,eAAeA,EAAA,IAAqB,CAAA;AAAA,MAC7D,qBAAqBE;AAAA,IAAA,CACtB;AACD,IAAKE,KAELlB;AAAA,MACEmB,EAAgB;AAAA,MAChBD,EAAmB;AAAA,IAAA;AAAA,EAEvB,CAAC,GAEKE,IAAgBV,EAAoB,CAACE,CAAY,CAAC,GAClDS,IAAYhB,EAAQ,OAAO,aAAaE,EAAiB,OAAO;AAEtE,2BACG,WAAA,EAAQ,WAAWe,EAAWC,EAAO,WAAWxB,CAAS,GACxD,UAAA,gBAAAR,EAACoB,GAAA,EAAW,OAAOS,EAAc,QAC/B,4BAACI,GAAA,EAAK,UAAUZ,EAAa,cAC3B,UAAA,gBAAArB;AAAA,IAACkC;AAAA,IAAA;AAAA,MACC,SAAApB;AAAA,MACA,kBAAAE;AAAA,MACA,OAAOL,EAAE,uBAAuB;AAAA,MAChC,gBAAgBA,EAAE,SAAS;AAAA,MAC3B,WAAAmB;AAAA,MACA,UAAU,MAAM;AACd,QAAArB,EAAQmB,EAAgB,oDAAoD;AAAA,MAC9E;AAAA,IAAA;AAAA,EAAA,EACF,CACF,GACF,GACF;AAEJ;"}
+{"version":3,"file":"CompensationEditPendingJobForm.js","sources":["../../../../../../src/components/Employee/Compensation/management/CompensationEditPendingJobForm/CompensationEditPendingJobForm.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport { useTranslation } from 'react-i18next'\nimport { useJobForm } from '../../shared/useJobForm'\nimport { useCompensationForm } from '../../shared/useCompensationForm'\nimport { ManagementCompensationFormBody } from '../ManagementCompensationFormBody'\nimport styles from './CompensationEditPendingJobForm.module.scss'\nimport { BaseBoundaries, BaseLayout, type CommonComponentInterface } from '@/components/Base'\nimport type { OnEventType } from '@/components/Base/useBase'\nimport type { LoaderComponentType } from '@/components/Base'\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 CompensationEditPendingJobForm}.\n *\n * @public\n */\nexport interface CompensationEditPendingJobFormProps extends CommonComponentInterface<'Employee.Management.Compensation'> {\n  /** The associated employee identifier. */\n  employeeId: string\n  /** The job whose pending compensation is being edited. */\n  jobId: string\n  /** The UUID of the pending (future-dated) compensation to update. Always required — this\n   *  component only operates in update mode. */\n  compensationId: string\n  /**\n   * True when the job has no current (on-or-before-today) compensation — i.e. it hasn't\n   * started yet. Drives which date field is shown and how the submit syncs hire_date.\n   */\n  isNewJob: boolean\n  /**\n   * True when this is the employee's primary job. Combined with `isNewJob`, determines\n   * whether to show a Hire date field (primary) or Effective date field (secondary/change).\n   */\n  isPrimaryJob: boolean\n  /** Fires `EMPLOYEE_MANAGEMENT_COMPENSATION_EDIT_FORM_SUBMITTED` (with the saved\n   *  `Compensation`) on a successful save, and\n   *  `EMPLOYEE_MANAGEMENT_COMPENSATION_EDIT_FORM_CANCELLED` when the user cancels. */\n  onEvent: OnEventType<EventType, unknown>\n  /** Custom loading indicator rendered while this component's async data is fetching. Overrides the indicator configured on `GustoProvider` for this instance only. */\n  LoaderComponent?: LoaderComponentType\n}\n\n/**\n * Edits a pending (future-dated) compensation in place.\n *\n * @public\n */\nexport function CompensationEditPendingJobForm({\n  dictionary,\n  LoaderComponent,\n  ...props\n}: CompensationEditPendingJobFormProps) {\n  useComponentDictionary('Employee.Management.Compensation', dictionary)\n  return (\n    <BaseBoundaries\n      componentName=\"Employee.Management.Compensation\"\n      LoaderComponent={LoaderComponent}\n    >\n      <Root LoaderComponent={LoaderComponent} {...props} />\n    </BaseBoundaries>\n  )\n}\n\ntype RootProps = Omit<CompensationEditPendingJobFormProps, 'dictionary'>\n\nfunction Root({\n  employeeId,\n  jobId,\n  compensationId,\n  isNewJob,\n  isPrimaryJob,\n  className,\n  onEvent,\n  LoaderComponent,\n}: RootProps) {\n  useI18n('Employee.Management.Compensation')\n  const { t } = useTranslation('Employee.Management.Compensation')\n\n  // For a primary new job (hire date in the future, no current comp), the hire\n  // date field is shown instead of the effective date field. This keeps\n  // hire_date and comp effective_date in sync so the API doesn't auto-create a\n  // second compensation when the initial comp moves off the hire date.\n  const isPrimaryNewJob = isNewJob && isPrimaryJob\n\n  // Title is owned by `useCompensationForm` here: title is stored on\n  // compensation in the API (job.title is just a denormalized snapshot of\n  // the primary comp's title), so writing it via PUT /v1/compensations is\n  // the direct path. The dashboard row reads the title off the comp pointed\n  // to by `currentCompensationUuid`, so the change surfaces immediately\n  // whether the job is in effect today or still pending.\n  const jobForm = useJobForm({\n    employeeId,\n    jobId,\n    withTitleField: false,\n    withHireDateField: isPrimaryNewJob,\n    optionalFieldsToRequire: isPrimaryNewJob ? { update: ['hireDate'] } : undefined,\n    shouldFocusError: false,\n  })\n\n  const compensationForm = useCompensationForm({\n    employeeId,\n    jobId,\n    compensationId,\n    // Primary new job: comp date is set via jobForm's hire date on submit —\n    // hide it here to avoid showing two date fields.\n    withEffectiveDateField: !isPrimaryNewJob,\n    optionalFieldsToRequire: {\n      update: isPrimaryNewJob\n        ? ['title', 'flsaStatus', 'rate', 'paymentUnit']\n        : ['title', 'flsaStatus', 'rate', 'paymentUnit', 'effectiveDate'],\n    },\n    shouldFocusError: false,\n  })\n\n  if (jobForm.isLoading || compensationForm.isLoading) {\n    const loadingErrorHandling = composeErrorHandler([jobForm, compensationForm])\n    return (\n      <BaseLayout isLoading error={loadingErrorHandling.errors} LoaderComponent={LoaderComponent} />\n    )\n  }\n\n  const submitResult = composeSubmitHandler([jobForm, compensationForm], async () => {\n    // For a primary new job, the user edits the hire date field. We read it\n    // back here and pass it to the comp submit so both the job's hire_date and\n    // the comp's effective_date land on the same value — preventing the API\n    // from auto-creating a second compensation to fill the gap at the old date.\n    const hireDateOverride = isPrimaryNewJob\n      ? (jobForm.form.hookFormInternals.formMethods.getValues('hireDate') ?? undefined)\n      : undefined\n\n    const jobResult = await jobForm.actions.onSubmit()\n    if (!jobResult) return\n\n    // When the hire date moves forward, the API auto-syncs the compensation's\n    // effective_date to the new hire_date as part of the job PUT, which bumps\n    // the compensation's version. Read it from the job response so the\n    // subsequent compensation PUT doesn't send a stale version.\n    const freshCompVersion = jobResult.data.compensations?.find(\n      c => c.uuid === compensationId,\n    )?.version\n\n    const compensationResult = await compensationForm.actions.onSubmit({\n      ...(hireDateOverride ? { effectiveDate: hireDateOverride } : {}),\n      compensationVersion: freshCompVersion,\n    })\n    if (!compensationResult) return\n\n    onEvent(\n      componentEvents.EMPLOYEE_MANAGEMENT_COMPENSATION_EDIT_FORM_SUBMITTED,\n      compensationResult.data,\n    )\n  })\n\n  const errorHandling = composeErrorHandler([submitResult])\n  const isPending = jobForm.status.isPending || compensationForm.status.isPending\n\n  return (\n    <section className={classNames(styles.container, className)}>\n      <BaseLayout error={errorHandling.errors} LoaderComponent={LoaderComponent}>\n        <Form onSubmit={submitResult.handleSubmit}>\n          <ManagementCompensationFormBody\n            jobForm={jobForm}\n            compensationForm={compensationForm}\n            title={t('editCompensationTitle')}\n            submitCtaLabel={t('saveCta')}\n            isPending={isPending}\n            onCancel={() => {\n              onEvent(componentEvents.EMPLOYEE_MANAGEMENT_COMPENSATION_EDIT_FORM_CANCELLED)\n            }}\n          />\n        </Form>\n      </BaseLayout>\n    </section>\n  )\n}\n"],"names":["CompensationEditPendingJobForm","dictionary","LoaderComponent","props","useComponentDictionary","jsx","BaseBoundaries","Root","employeeId","jobId","compensationId","isNewJob","isPrimaryJob","className","onEvent","useI18n","t","useTranslation","isPrimaryNewJob","jobForm","useJobForm","compensationForm","useCompensationForm","loadingErrorHandling","composeErrorHandler","BaseLayout","submitResult","composeSubmitHandler","hireDateOverride","jobResult","freshCompVersion","c","compensationResult","componentEvents","errorHandling","isPending","classNames","styles","Form","ManagementCompensationFormBody"],"mappings":"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"}

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

@@ -1,5 +1,5 @@
 import { CompensationDefaultValues } from '../Compensation';
-import { CommonComponentInterface } from '../../../../Base';
+import { CommonComponentInterface, LoaderComponentType } from '../../../../Base';
 import { OnEventType } from '../../../../Base/useBase';
 import { EventType } from '../../../../../shared/constants';
 /**
@@ -27,6 +27,8 @@ export interface EditCompensationProps extends CommonComponentInterface<'Employe
     partnerDefaultValues?: CompensationDefaultValues;
     /** Event handler fired on flow state changes. See the events table on {@link EditCompensation}. */
     onEvent: OnEventType<EventType, unknown>;
+    /** Custom loading indicator rendered while this component's async data is fetching. Overrides the indicator configured on `GustoProvider` for this instance only. */
+    LoaderComponent?: LoaderComponentType;
 }
 /**
  * Renders a form for creating or editing one of an employee's jobs together with its compensation.
@@ -47,4 +49,4 @@ export interface EditCompensationProps extends CommonComponentInterface<'Employe
  * @returns The rendered edit-compensation form.
  * @public
  */
-export declare function EditCompensation({ dictionary, ...props }: EditCompensationProps): import("react").JSX.Element;
+export declare function EditCompensation({ dictionary, LoaderComponent, ...props }: EditCompensationProps): import("react").JSX.Element;

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

@@ -1,36 +1,37 @@
 import { jsx as n } from "react/jsx-runtime";
-import { useState as R } from "react";
-import U from "classnames";
-import { useJobForm as I } from "../../shared/useJobForm/useJobForm.js";
-import { useCompensationForm as O } from "../../shared/useCompensationForm/useCompensationForm.js";
-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 { useState as I } from "react";
+import O from "classnames";
+import { useJobForm as j } from "../../shared/useJobForm/useJobForm.js";
+import { useCompensationForm as B } from "../../shared/useCompensationForm/useCompensationForm.js";
+import { AddCompensationFormBody as L } from "../../shared/AddCompensationFormBody.js";
+import N from "./EditCompensation.module.scss.js";
+import { BaseBoundaries as T, BaseLayout as f } 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 }) {
-  return _("Employee.Compensation", r), /* @__PURE__ */ n(N, { componentName: "Employee.Compensation", children: /* @__PURE__ */ n(J, { ...s }) });
+import { Form as _ } from "../../../../Common/Form/Form.js";
+import { useComponentDictionary as A, useI18n as H } from "../../../../../i18n/I18n.js";
+import { composeErrorHandler as E } from "../../../../../partner-hook-utils/composeErrorHandler.js";
+import { composeSubmitHandler as J } from "../../../../../partner-hook-utils/form/composeSubmitHandler.js";
+import { componentEvents as m } from "../../../../../shared/constants.js";
+function V({ dictionary: r, LoaderComponent: s, ...a }) {
+  return A("Employee.Compensation", r), /* @__PURE__ */ n(T, { componentName: "Employee.Compensation", LoaderComponent: s, children: /* @__PURE__ */ n(w, { LoaderComponent: s, ...a }) });
 }
-function J({
+function w({
   employeeId: r,
   startDate: s,
-  currentJobId: m,
-  title: E,
-  submitCtaLabel: b,
+  currentJobId: a,
+  title: b,
+  submitCtaLabel: v,
   onCancel: C,
   partnerDefaultValues: i,
-  className: v,
-  onEvent: d
+  className: F,
+  onEvent: d,
+  LoaderComponent: u
 }) {
-  A("Employee.Compensation");
-  const F = !s, [u, g] = R(m ?? void 0), t = I({
+  H("Employee.Compensation");
+  const g = !s, [c, h] = I(a ?? void 0), t = j({
     employeeId: r,
-    jobId: u,
-    withHireDateField: F,
+    jobId: c,
+    withHireDateField: g,
     defaultValues: {
       title: i?.title ?? ""
     },
@@ -39,10 +40,10 @@ function J({
     // require it on update too to preserve the existing UX.
     optionalFieldsToRequire: { update: ["title"] },
     shouldFocusError: !1
-  }), h = t.isLoading ? void 0 : t.data.currentJob?.currentCompensationUuid ?? void 0, e = O({
+  }), y = t.isLoading ? void 0 : t.data.currentJob?.currentCompensationUuid ?? void 0, e = B({
     employeeId: r,
-    jobId: u,
-    compensationId: h,
+    jobId: c,
+    compensationId: y,
     // No effective-date field is surfaced, and no `effectiveDate` is
     // threaded into `actions.onSubmit` either: the server initializes
     // `effective_date` on the auto-stub created by the parent job POST,
@@ -63,45 +64,45 @@ function J({
     shouldFocusError: !1
   });
   if (t.isLoading || e.isLoading) {
-    const o = f([t, e]);
-    return /* @__PURE__ */ n(l, { isLoading: !0, error: o.errors });
+    const o = E([t, e]);
+    return /* @__PURE__ */ n(f, { isLoading: !0, error: o.errors, LoaderComponent: u });
   }
-  const c = H([t, e], async () => {
+  const p = J([t, e], async () => {
     const o = await t.actions.onSubmit({
       employeeId: r,
       hireDate: s ?? void 0
     });
     if (!o) return;
     d(
-      o.mode === "create" ? a.EMPLOYEE_JOB_CREATED : a.EMPLOYEE_JOB_UPDATED,
+      o.mode === "create" ? m.EMPLOYEE_JOB_CREATED : m.EMPLOYEE_JOB_UPDATED,
       o.data
     );
-    const P = o.data.compensations?.find(
-      (L) => L.uuid === o.data.currentCompensationUuid
-    ), p = await e.actions.onSubmit({
+    const R = o.data.compensations?.find(
+      (U) => U.uuid === o.data.currentCompensationUuid
+    ), l = await e.actions.onSubmit({
       jobId: o.data.uuid,
       compensationId: o.data.currentCompensationUuid ?? void 0,
-      compensationVersion: P?.version ?? void 0
+      compensationVersion: R?.version ?? void 0
     });
-    if (!p) {
-      m || g(o.data.uuid);
+    if (!l) {
+      a || h(o.data.uuid);
       return;
     }
-    d(a.EMPLOYEE_COMPENSATION_UPDATED, p.data);
-  }), y = f([c]), S = t.status.isPending || e.status.isPending;
-  return /* @__PURE__ */ n("section", { className: U(B.container, v), children: /* @__PURE__ */ n(l, { error: y.errors, children: /* @__PURE__ */ n(T, { onSubmit: c.handleSubmit, children: /* @__PURE__ */ n(
-    j,
+    d(m.EMPLOYEE_COMPENSATION_UPDATED, l.data);
+  }), S = E([p]), P = t.status.isPending || e.status.isPending;
+  return /* @__PURE__ */ n("section", { className: O(N.container, F), children: /* @__PURE__ */ n(f, { error: S.errors, LoaderComponent: u, children: /* @__PURE__ */ n(_, { onSubmit: p.handleSubmit, children: /* @__PURE__ */ n(
+    L,
     {
       jobForm: t,
       compensationForm: e,
-      title: E,
-      submitCtaLabel: b,
-      isPending: S,
+      title: b,
+      submitCtaLabel: v,
+      isPending: P,
       onCancel: C
     }
   ) }) }) });
 }
 export {
-  $ as EditCompensation
+  V 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\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 * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `employee/job_created` | Fired when a new job is saved. | The saved {@link https://docs.gusto.com/embedded-payroll/reference/get-v1-jobs-job_id | Job}. |\n * | `employee/job_updated` | Fired when an existing job is saved. | The saved {@link https://docs.gusto.com/embedded-payroll/reference/get-v1-jobs-job_id | Job}. |\n * | `employee/compensation_updated` | Fired when the compensation is saved. Treat as the \"save complete\" signal. | The saved {@link https://docs.gusto.com/embedded-payroll/reference/get-v1-compensations-compensation_id | Compensation}. |\n *\n * @param props - See {@link EditCompensationProps}.\n * @returns The rendered edit-compensation form.\n * @public\n */\nexport function EditCompensation({ dictionary, ...props }: EditCompensationProps) {\n  useComponentDictionary('Employee.Compensation', dictionary)\n  return (\n    <BaseBoundaries componentName=\"Employee.Compensation\">\n      <Root {...props} />\n    </BaseBoundaries>\n  )\n}\n\nfunction Root({\n  employeeId,\n  startDate,\n  currentJobId,\n  title,\n  submitCtaLabel,\n  onCancel,\n  partnerDefaultValues,\n  className,\n  onEvent,\n}: EditCompensationProps) {\n  useI18n('Employee.Compensation')\n\n  // When startDate is provided (onboarding), hide the hire date field and derive\n  // it from the prop at submit time. When absent (add-job from dashboard empty\n  // state), render the field so the user can set it explicitly.\n  const withHireDateField = !startDate\n\n  // Track jobId locally so a partial-failure submit chain (job POST succeeds,\n  // comp PUT fails) doesn't re-POST and create a duplicate job on retry. We\n  // initialize from the prop and only write back when the partner-supplied\n  // `currentJobId` was nullish (i.e. add-job flow) — see the submit handler.\n  const [resolvedJobId, setResolvedJobId] = useState<string | undefined>(currentJobId ?? undefined)\n\n  const jobForm = useJobForm({\n    employeeId,\n    jobId: resolvedJobId,\n    withHireDateField,\n    defaultValues: {\n      title: partnerDefaultValues?.title ?? '',\n    },\n    // The Compensation flow always shows a job title field, even when editing\n    // an existing job. The hook's schema only requires `title` on create; we\n    // require it on update too to preserve the existing UX.\n    optionalFieldsToRequire: { update: ['title'] },\n    shouldFocusError: false,\n  })\n\n  // Resolve the compensationId from the job we just loaded so the comp form can\n  // seed from the existing comp on edit. While the job form is still loading we\n  // pass undefined (compensation form starts in create mode); once the job\n  // resolves the prop change re-renders the comp form into update mode with the\n  // existing compensation as the seed.\n  const resolvedCompensationId = jobForm.isLoading\n    ? undefined\n    : (jobForm.data.currentJob?.currentCompensationUuid ?? undefined)\n\n  const compensationForm = useCompensationForm({\n    employeeId,\n    jobId: resolvedJobId,\n    compensationId: resolvedCompensationId,\n    // No effective-date field is surfaced, and no `effectiveDate` is\n    // threaded into `actions.onSubmit` either: the server initializes\n    // `effective_date` on the auto-stub created by the parent job POST,\n    // and subsequent updates omit it from the PUT body so the existing\n    // value is preserved (e.g. a deliberately-set future-dated comp\n    // wouldn't be silently overwritten on an unrelated edit).\n    withEffectiveDateField: false,\n    // The Compensation flow always presents flsaStatus, rate, and paymentUnit\n    // as required, even when editing an existing compensation. The hook's\n    // schema marks them `'create'`-only by default; we promote them on update\n    // here to preserve the existing UX (no \"(optional)\" labels).\n    optionalFieldsToRequire: { update: ['flsaStatus', 'rate', 'paymentUnit'] },\n    defaultValues: {\n      flsaStatus: partnerDefaultValues?.flsaStatus,\n      rate:\n        typeof partnerDefaultValues?.rate === 'number'\n          ? partnerDefaultValues.rate\n          : partnerDefaultValues?.rate\n            ? Number(partnerDefaultValues.rate)\n            : undefined,\n      paymentUnit: partnerDefaultValues?.paymentUnit,\n    },\n    shouldFocusError: false,\n  })\n\n  if (jobForm.isLoading || compensationForm.isLoading) {\n    const loadingErrorHandling = composeErrorHandler([jobForm, compensationForm])\n    return <BaseLayout isLoading error={loadingErrorHandling.errors} />\n  }\n\n  const submitResult = composeSubmitHandler([jobForm, compensationForm], async () => {\n    const jobResult = await jobForm.actions.onSubmit({\n      employeeId,\n      hireDate: startDate ?? undefined,\n    })\n    if (!jobResult) return\n\n    onEvent(\n      jobResult.mode === 'create'\n        ? componentEvents.EMPLOYEE_JOB_CREATED\n        : componentEvents.EMPLOYEE_JOB_UPDATED,\n      jobResult.data,\n    )\n\n    // Always thread through the freshly returned job's currentCompensationUuid +\n    // its version so we PUT against the latest comp regardless of whether the job\n    // POST just auto-created the stub or the job PUT bumped a version.\n    const stubCompensation = jobResult.data.compensations?.find(\n      c => c.uuid === jobResult.data.currentCompensationUuid,\n    )\n\n    const compensationResult = await compensationForm.actions.onSubmit({\n      jobId: jobResult.data.uuid,\n      compensationId: jobResult.data.currentCompensationUuid ?? undefined,\n      compensationVersion: stubCompensation?.version ?? undefined,\n    })\n    if (!compensationResult) {\n      if (!currentJobId) setResolvedJobId(jobResult.data.uuid)\n      return\n    }\n\n    onEvent(componentEvents.EMPLOYEE_COMPENSATION_UPDATED, compensationResult.data)\n  })\n\n  const errorHandling = composeErrorHandler([submitResult])\n\n  const isPending = jobForm.status.isPending || compensationForm.status.isPending\n\n  return (\n    <section className={classNames(styles.container, className)}>\n      <BaseLayout error={errorHandling.errors}>\n        <Form onSubmit={submitResult.handleSubmit}>\n          <AddCompensationFormBody\n            jobForm={jobForm}\n            compensationForm={compensationForm}\n            title={title}\n            submitCtaLabel={submitCtaLabel}\n            isPending={isPending}\n            onCancel={onCancel}\n          />\n        </Form>\n      </BaseLayout>\n    </section>\n  )\n}\n"],"names":["EditCompensation","dictionary","props","useComponentDictionary","jsx","BaseBoundaries","Root","employeeId","startDate","currentJobId","title","submitCtaLabel","onCancel","partnerDefaultValues","className","onEvent","useI18n","withHireDateField","resolvedJobId","setResolvedJobId","useState","jobForm","useJobForm","resolvedCompensationId","compensationForm","useCompensationForm","loadingErrorHandling","composeErrorHandler","BaseLayout","submitResult","composeSubmitHandler","jobResult","componentEvents","stubCompensation","c","compensationResult","errorHandling","isPending","classNames","styles","Form","AddCompensationFormBody"],"mappings":"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"}
+{"version":3,"file":"EditCompensation.js","sources":["../../../../../../src/components/Employee/Compensation/onboarding/EditCompensation/EditCompensation.tsx"],"sourcesContent":["import { useState } from 'react'\nimport classNames from 'classnames'\nimport type { CompensationDefaultValues } from '../Compensation'\nimport { useJobForm } from '../../shared/useJobForm'\nimport { useCompensationForm } from '../../shared/useCompensationForm'\nimport { AddCompensationFormBody } from '../../shared/AddCompensationFormBody'\nimport styles from './EditCompensation.module.scss'\nimport { BaseBoundaries, BaseLayout, type CommonComponentInterface } from '@/components/Base'\nimport type { OnEventType } from '@/components/Base/useBase'\nimport type { LoaderComponentType } from '@/components/Base'\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  /** Custom loading indicator rendered while this component's async data is fetching. Overrides the indicator configured on `GustoProvider` for this instance only. */\n  LoaderComponent?: LoaderComponentType\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 * @events\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, LoaderComponent, ...props }: EditCompensationProps) {\n  useComponentDictionary('Employee.Compensation', dictionary)\n  return (\n    <BaseBoundaries componentName=\"Employee.Compensation\" LoaderComponent={LoaderComponent}>\n      <Root LoaderComponent={LoaderComponent} {...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  LoaderComponent,\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 (\n      <BaseLayout isLoading error={loadingErrorHandling.errors} LoaderComponent={LoaderComponent} />\n    )\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} LoaderComponent={LoaderComponent}>\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","LoaderComponent","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/compensationStateMachine.d.ts

@@ -1,7 +1,17 @@
-/** @internal */
+/**
+ * `EMPLOYEE_COMPENSATION_DONE` deliberately has no transition out of `initialEditJob` or
+ * `viewJobs`. `Flow` re-emits every event to the upstream `onEvent` regardless of whether the
+ * local machine has a matching transition, so the parent flow still advances/unmounts this
+ * component on that signal. Modeling completion as a robot3 final state instead left `component`
+ * pointing at a step whose controls could never fire another transition — if a host doesn't
+ * unmount immediately, the screen would look interactive but be permanently dead (SDK-1169).
+ * Staying put means a host that keeps this component mounted past completion keeps a fully
+ * working jobs list instead.
+ *
+ * @internal
+ */
 export declare const compensationStateMachine: {
     initialEditJob: import('robot3').MachineState<any>;
     viewJobs: import('robot3').MachineState<any>;
     editJob: import('robot3').MachineState<any>;
-    done: import('robot3').MachineState<any>;
 };

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

@@ -1,65 +1,62 @@
-import { state as e, transition as n, reduce as E } from "robot3";
-import { JobsListContextual as O, EditCompensationContextual as i } from "./CompensationFlowComponents.js";
-import { componentEvents as t } from "../../../../shared/constants.js";
-const c = {
-  initialEditJob: e(
-    n(t.EMPLOYEE_COMPENSATION_DONE, "done"),
-    n(
-      t.EMPLOYEE_COMPENSATION_RETURN_TO_LIST,
+import { state as E, transition as t, reduce as n } from "robot3";
+import { JobsListContextual as i, EditCompensationContextual as r } from "./CompensationFlowComponents.js";
+import { componentEvents as e } from "../../../../shared/constants.js";
+const m = {
+  initialEditJob: E(
+    t(
+      e.EMPLOYEE_COMPENSATION_RETURN_TO_LIST,
       "viewJobs",
-      E((o) => ({
+      n((o) => ({
         ...o,
-        component: O,
+        component: i,
         currentJobId: null
       }))
     )
   ),
-  viewJobs: e(
-    n(
-      t.EMPLOYEE_JOB_ADD,
+  viewJobs: E(
+    t(
+      e.EMPLOYEE_JOB_ADD,
       "editJob",
-      E((o) => ({
+      n((o) => ({
         ...o,
-        component: i,
+        component: r,
         currentJobId: null
       }))
     ),
-    n(
-      t.EMPLOYEE_JOB_EDIT,
+    t(
+      e.EMPLOYEE_JOB_EDIT,
       "editJob",
-      E(
-        (o, r) => ({
+      n(
+        (o, J) => ({
           ...o,
-          component: i,
-          currentJobId: r.payload.uuid
+          component: r,
+          currentJobId: J.payload.uuid
         })
       )
-    ),
-    n(t.EMPLOYEE_COMPENSATION_DONE, "done")
+    )
   ),
-  editJob: e(
-    n(
-      t.EMPLOYEE_COMPENSATION_RETURN_TO_LIST,
+  editJob: E(
+    t(
+      e.EMPLOYEE_COMPENSATION_RETURN_TO_LIST,
       "viewJobs",
-      E((o) => ({
+      n((o) => ({
         ...o,
-        component: O,
+        component: i,
         currentJobId: null
       }))
     ),
-    n(
-      t.EMPLOYEE_COMPENSATION_CANCEL,
+    t(
+      e.EMPLOYEE_COMPENSATION_CANCEL,
       "viewJobs",
-      E((o) => ({
+      n((o) => ({
         ...o,
-        component: O,
+        component: i,
         currentJobId: null
       }))
     )
-  ),
-  done: e()
+  )
 };
 export {
-  c as compensationStateMachine
+  m as compensationStateMachine
 };
 //# sourceMappingURL=compensationStateMachine.js.map

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\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((ctx: CompensationFlowContextInterface): CompensationFlowContextInterface => ({\n        ...ctx,\n        component: JobsListContextual,\n        currentJobId: null,\n      })),\n    ),\n  ),\n  viewJobs: state<MachineTransition>(\n    transition(\n      componentEvents.EMPLOYEE_JOB_ADD,\n      'editJob',\n      reduce((ctx: CompensationFlowContextInterface): CompensationFlowContextInterface => ({\n        ...ctx,\n        component: EditCompensationContextual,\n        currentJobId: null,\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((ctx: CompensationFlowContextInterface): CompensationFlowContextInterface => ({\n        ...ctx,\n        component: JobsListContextual,\n        currentJobId: null,\n      })),\n    ),\n    transition(\n      componentEvents.EMPLOYEE_COMPENSATION_CANCEL,\n      'viewJobs',\n      reduce((ctx: CompensationFlowContextInterface): CompensationFlowContextInterface => ({\n        ...ctx,\n        component: JobsListContextual,\n        currentJobId: null,\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,EAAO,CAACC,OAA6E;AAAA,QACnF,GAAGA;AAAA,QACH,WAAWC;AAAA,QACX,cAAc;AAAA,MAAA,EACd;AAAA,IAAA;AAAA,EACJ;AAAA,EAEF,UAAUL;AAAA,IACRC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC,EAAO,CAACC,OAA6E;AAAA,QACnF,GAAGA;AAAA,QACH,WAAWE;AAAA,QACX,cAAc;AAAA,MAAA,EACd;AAAA,IAAA;AAAA,IAEJL;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,EAAO,CAACC,OAA6E;AAAA,QACnF,GAAGA;AAAA,QACH,WAAWC;AAAA,QACX,cAAc;AAAA,MAAA,EACd;AAAA,IAAA;AAAA,IAEJJ;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC,EAAO,CAACC,OAA6E;AAAA,QACnF,GAAGA;AAAA,QACH,WAAWC;AAAA,QACX,cAAc;AAAA,MAAA,EACd;AAAA,IAAA;AAAA,EACJ;AAAA,EAEF,MAAMG,EAAA;AACR;"}
+{"version":3,"file":"compensationStateMachine.js","sources":["../../../../../src/components/Employee/Compensation/onboarding/compensationStateMachine.ts"],"sourcesContent":["import { reduce, state, 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/**\n * `EMPLOYEE_COMPENSATION_DONE` deliberately has no transition out of `initialEditJob` or\n * `viewJobs`. `Flow` re-emits every event to the upstream `onEvent` regardless of whether the\n * local machine has a matching transition, so the parent flow still advances/unmounts this\n * component on that signal. Modeling completion as a robot3 final state instead left `component`\n * pointing at a step whose controls could never fire another transition — if a host doesn't\n * unmount immediately, the screen would look interactive but be permanently dead (SDK-1169).\n * Staying put means a host that keeps this component mounted past completion keeps a fully\n * working jobs list instead.\n *\n * @internal\n */\nexport const compensationStateMachine = {\n  initialEditJob: state<MachineTransition>(\n    transition(\n      componentEvents.EMPLOYEE_COMPENSATION_RETURN_TO_LIST,\n      'viewJobs',\n      reduce((ctx: CompensationFlowContextInterface): CompensationFlowContextInterface => ({\n        ...ctx,\n        component: JobsListContextual,\n        currentJobId: null,\n      })),\n    ),\n  ),\n  viewJobs: state<MachineTransition>(\n    transition(\n      componentEvents.EMPLOYEE_JOB_ADD,\n      'editJob',\n      reduce((ctx: CompensationFlowContextInterface): CompensationFlowContextInterface => ({\n        ...ctx,\n        component: EditCompensationContextual,\n        currentJobId: null,\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  ),\n  editJob: state<MachineTransition>(\n    transition(\n      componentEvents.EMPLOYEE_COMPENSATION_RETURN_TO_LIST,\n      'viewJobs',\n      reduce((ctx: CompensationFlowContextInterface): CompensationFlowContextInterface => ({\n        ...ctx,\n        component: JobsListContextual,\n        currentJobId: null,\n      })),\n    ),\n    transition(\n      componentEvents.EMPLOYEE_COMPENSATION_CANCEL,\n      'viewJobs',\n      reduce((ctx: CompensationFlowContextInterface): CompensationFlowContextInterface => ({\n        ...ctx,\n        component: JobsListContextual,\n        currentJobId: null,\n      })),\n    ),\n  ),\n}\n"],"names":["compensationStateMachine","state","transition","componentEvents","reduce","ctx","JobsListContextual","EditCompensationContextual","ev"],"mappings":";;;AAsBO,MAAMA,IAA2B;AAAA,EACtC,gBAAgBC;AAAA,IACdC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC,EAAO,CAACC,OAA6E;AAAA,QACnF,GAAGA;AAAA,QACH,WAAWC;AAAA,QACX,cAAc;AAAA,MAAA,EACd;AAAA,IAAA;AAAA,EACJ;AAAA,EAEF,UAAUL;AAAA,IACRC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC,EAAO,CAACC,OAA6E;AAAA,QACnF,GAAGA;AAAA,QACH,WAAWE;AAAA,QACX,cAAc;AAAA,MAAA,EACd;AAAA,IAAA;AAAA,IAEJL;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,EACF;AAAA,EAEF,SAASP;AAAA,IACPC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC,EAAO,CAACC,OAA6E;AAAA,QACnF,GAAGA;AAAA,QACH,WAAWC;AAAA,QACX,cAAc;AAAA,MAAA,EACd;AAAA,IAAA;AAAA,IAEJJ;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC,EAAO,CAACC,OAA6E;AAAA,QACnF,GAAGA;AAAA,QACH,WAAWC;AAAA,QACX,cAAc;AAAA,MAAA,EACd;AAAA,IAAA;AAAA,EACJ;AAEJ;"}

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

@@ -0,0 +1 @@
+export {};

package/dist/components/Employee/Compensation/shared/useCompensationForm/fields.js

@@ -1,11 +1,11 @@
 import { jsx as t } from "react/jsx-runtime";
-import { DatePickerHookField as n } from "../../../../../partner-hook-utils/form/fields/DatePickerHookField.js";
+import { TextInputHookField as n } from "../../../../../partner-hook-utils/form/fields/TextInputHookField.js";
 import { SelectHookField as i } from "../../../../../partner-hook-utils/form/fields/SelectHookField.js";
 import { CheckboxHookField as r } from "../../../../../partner-hook-utils/form/fields/CheckboxHookField.js";
 import { NumberInputHookField as o } from "../../../../../partner-hook-utils/form/fields/NumberInputHookField.js";
-import { TextInputHookField as m } from "../../../../../partner-hook-utils/form/fields/TextInputHookField.js";
+import { DatePickerHookField as m } from "../../../../../partner-hook-utils/form/fields/DatePickerHookField.js";
 function c(e) {
-  return /* @__PURE__ */ t(m, { ...e, name: "title" });
+  return /* @__PURE__ */ t(n, { ...e, name: "title" });
 }
 function p(e) {
   return /* @__PURE__ */ t(i, { ...e, name: "flsaStatus" });
@@ -23,7 +23,7 @@ function g(e) {
   return /* @__PURE__ */ t(i, { ...e, name: "minimumWageId" });
 }
 function x(e) {
-  return /* @__PURE__ */ t(n, { ...e, name: "effectiveDate" });
+  return /* @__PURE__ */ t(m, { ...e, name: "effectiveDate" });
 }
 export {
   H as AdjustForMinimumWageField,