@gusto/embedded-react-sdk 0.52.2 → 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/management/ManagementCompensationFormBody.js

@@ -1,29 +1,28 @@
-import { jsxs as r, jsx as t, Fragment as h } from "react/jsx-runtime";
+import { jsxs as r, jsx as t, Fragment as p } from "react/jsx-runtime";
 import { useTranslation as E, Trans as m } from "react-i18next";
 import { Flex as c } from "../../../Common/Flex/Flex.js";
 import { ActionsLayout as R } from "../../../Common/ActionsLayout/ActionsLayout.js";
 import { useComponentContext as v } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
-import "react";
 import { FLSA_OVERTIME_SALARY_LIMIT as b } from "../../../../shared/constants.js";
 import C from "../../../../hooks/useNumberFormatter.js";
-function S({
+function A({
   jobForm: n,
-  compensationForm: i,
+  compensationForm: a,
   title: g,
-  submitCtaLabel: p,
+  submitCtaLabel: h,
   isPending: u,
   onCancel: f
 }) {
-  const { t: e } = E("Employee.Management.Compensation"), s = v(), d = C("currency"), o = n.form.Fields, a = i.form.Fields;
+  const { t: e } = E("Employee.Management.Compensation"), s = v(), d = C("currency"), o = n.form.Fields, i = a.form.Fields;
   return /* @__PURE__ */ r(c, { flexDirection: "column", gap: 32, children: [
     /* @__PURE__ */ t(s.Heading, { as: "h2", children: g }),
     /* @__PURE__ */ r(c, { flexDirection: "column", gap: 20, children: [
       /* @__PURE__ */ t(
-        a.Title,
+        i.Title,
         {
           label: e("jobTitleLabel"),
           validationMessages: { REQUIRED: e("validations.jobTitleSentence") },
-          formHookResult: i
+          formHookResult: a
         }
       ),
       o.HireDate && /* @__PURE__ */ t(
@@ -36,9 +35,9 @@ function S({
           formHookResult: n
         }
       ),
-      a.FlsaStatus && /* @__PURE__ */ r(h, { children: [
+      i.FlsaStatus && /* @__PURE__ */ r(p, { children: [
         /* @__PURE__ */ t(
-          a.FlsaStatus,
+          i.FlsaStatus,
           {
             label: e("employeeClassification"),
             placeholder: e("flsaStatusPlaceholder"),
@@ -56,11 +55,11 @@ function S({
               })
             },
             getOptionLabel: (l) => e(`flsaStatusLabels.${l}`),
-            formHookResult: i
+            formHookResult: a
           }
         ),
-        (i.status.showCommissionFederalMinimumPayAlert || i.status.showCommissionMinimumWageAlert || i.status.showOwnerSalaryAlert || i.status.willDeleteSecondaryJobs) && /* @__PURE__ */ r(c, { flexDirection: "column", gap: 0, children: [
-          i.status.willDeleteSecondaryJobs && /* @__PURE__ */ t(
+        (a.status.showCommissionFederalMinimumPayAlert || a.status.showCommissionMinimumWageAlert || a.status.showOwnerSalaryAlert || a.status.willDeleteSecondaryJobs) && /* @__PURE__ */ r(c, { flexDirection: "column", gap: 0, children: [
+          a.status.willDeleteSecondaryJobs && /* @__PURE__ */ t(
             s.Alert,
             {
               label: e("validations.classificationChangeNotification"),
@@ -68,7 +67,7 @@ function S({
               children: e("validations.classificationChangeRemovesSecondaryJobs")
             }
           ),
-          i.status.showCommissionFederalMinimumPayAlert && /* @__PURE__ */ t(
+          a.status.showCommissionFederalMinimumPayAlert && /* @__PURE__ */ t(
             s.Alert,
             {
               status: "info",
@@ -77,7 +76,7 @@ function S({
               children: e("commissionAlerts.federalMinimumPay.body")
             }
           ),
-          i.status.showCommissionMinimumWageAlert && /* @__PURE__ */ t(
+          a.status.showCommissionMinimumWageAlert && /* @__PURE__ */ t(
             s.Alert,
             {
               status: "info",
@@ -102,7 +101,7 @@ function S({
               )
             }
           ),
-          i.status.showOwnerSalaryAlert && /* @__PURE__ */ t(
+          a.status.showOwnerSalaryAlert && /* @__PURE__ */ t(
             s.Alert,
             {
               status: "info",
@@ -112,8 +111,8 @@ function S({
           )
         ] })
       ] }),
-      a.Rate && /* @__PURE__ */ t(
-        a.Rate,
+      i.Rate && /* @__PURE__ */ t(
+        i.Rate,
         {
           label: e("wageLabel"),
           validationMessages: {
@@ -123,22 +122,22 @@ function S({
               limit: d(b)
             })
           },
-          formHookResult: i
+          formHookResult: a
         }
       ),
-      a.PaymentUnit && /* @__PURE__ */ t(
-        a.PaymentUnit,
+      i.PaymentUnit && /* @__PURE__ */ t(
+        i.PaymentUnit,
         {
           label: e("wageFrequencyLabel"),
           placeholder: e("paymentUnitPlaceholder"),
           description: e("paymentUnitDescription"),
           validationMessages: { REQUIRED: e("validations.paymentUnit") },
           getOptionLabel: (l) => e(`paymentUnitOptions.${l}`),
-          formHookResult: i
+          formHookResult: a
         }
       ),
-      a.EffectiveDate && /* @__PURE__ */ t(
-        a.EffectiveDate,
+      i.EffectiveDate && /* @__PURE__ */ t(
+        i.EffectiveDate,
         {
           label: e("effectiveDateLabel"),
           validationMessages: {
@@ -146,26 +145,26 @@ function S({
             EFFECTIVE_DATE_BEFORE_HIRE: e("validations.effectiveDateBeforeHire"),
             EFFECTIVE_DATE_BEFORE_MIN: e("validations.effectiveDateBeforeMin")
           },
-          formHookResult: i
+          formHookResult: a
         }
       ),
-      a.AdjustForMinimumWage && /* @__PURE__ */ t(
-        a.AdjustForMinimumWage,
+      i.AdjustForMinimumWage && /* @__PURE__ */ t(
+        i.AdjustForMinimumWage,
         {
           label: e("adjustForMinimumWage"),
           description: e("adjustForMinimumWageDescription"),
-          formHookResult: i
+          formHookResult: a
         }
       ),
-      a.MinimumWageId && /* @__PURE__ */ t(
-        a.MinimumWageId,
+      i.MinimumWageId && /* @__PURE__ */ t(
+        i.MinimumWageId,
         {
           label: e("minimumWageLabel"),
           placeholder: e("minimumWagePlaceholder"),
           description: e("minimumWageDescription"),
           validationMessages: { REQUIRED: e("validations.minimumWage") },
           getOptionLabel: (l) => `${d(Number(l.wage))} - ${l.authority}: ${l.notes ?? ""}`,
-          formHookResult: i
+          formHookResult: a
         }
       ),
       o.TwoPercentShareholder && /* @__PURE__ */ t(
@@ -213,11 +212,11 @@ function S({
     ] }),
     /* @__PURE__ */ r(R, { children: [
       f && /* @__PURE__ */ t(s.Button, { variant: "secondary", onClick: f, isDisabled: u, children: e("cancelCta") }),
-      /* @__PURE__ */ t(s.Button, { type: "submit", isLoading: u, children: p })
+      /* @__PURE__ */ t(s.Button, { type: "submit", isLoading: u, children: h })
     ] })
   ] });
 }
 export {
-  S as ManagementCompensationFormBody
+  A as ManagementCompensationFormBody
 };
 //# sourceMappingURL=ManagementCompensationFormBody.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ManagementCompensationFormBody.js","sources":["../../../../../src/components/Employee/Compensation/management/ManagementCompensationFormBody.tsx"],"sourcesContent":["import { Trans, useTranslation } from 'react-i18next'\nimport type { PaymentUnit } from '@gusto/embedded-api/models/components/compensation'\nimport type { FlsaStatusType } from '@gusto/embedded-api/models/components/flsastatustype'\nimport type { MinimumWage } from '@gusto/embedded-api/models/components/minimumwage'\nimport type { UseJobFormReady } from '../shared/useJobForm'\nimport type { UseCompensationFormReady } from '../shared/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'\n\n/** @internal */\nexport interface ManagementCompensationFormBodyProps {\n  jobForm: UseJobFormReady\n  compensationForm: UseCompensationFormReady\n  title: string\n  submitCtaLabel: string\n  isPending: boolean\n  onCancel?: () => void\n}\n\n/**\n * Renders the shared field layout used by both `EditCompensation` (schedule a future comp\n * change for a present job) and `EditPendingCompensation` (update an existing future comp).\n * Field visibility is driven entirely by hook configuration — the hooks expose `undefined`\n * for fields that should not render — so this component renders the correct subset for each\n * use case without extra conditional props.\n *\n * @internal\n */\nexport function ManagementCompensationFormBody({\n  jobForm,\n  compensationForm,\n  title,\n  submitCtaLabel,\n  isPending,\n  onCancel,\n}: ManagementCompensationFormBodyProps) {\n  const { t } = useTranslation('Employee.Management.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        <CompFields.Title\n          label={t('jobTitleLabel')}\n          validationMessages={{ REQUIRED: t('validations.jobTitleSentence') }}\n          formHookResult={compensationForm}\n        />\n\n        {JobFields.HireDate && (\n          <JobFields.HireDate\n            label={t('hireDateLabel')}\n            validationMessages={{\n              REQUIRED: t('validations.hireDate'),\n            }}\n            formHookResult={jobForm}\n          />\n        )}\n\n        {CompFields.FlsaStatus && (\n          <>\n            <CompFields.FlsaStatus\n              label={t('employeeClassification')}\n              placeholder={t('flsaStatusPlaceholder')}\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            placeholder={t('paymentUnitPlaceholder')}\n            description={t('paymentUnitDescription')}\n            validationMessages={{ REQUIRED: t('validations.paymentUnit') }}\n            getOptionLabel={(unit: PaymentUnit) => t(`paymentUnitOptions.${unit}` as const)}\n            formHookResult={compensationForm}\n          />\n        )}\n\n        {CompFields.EffectiveDate && (\n          <CompFields.EffectiveDate\n            label={t('effectiveDateLabel')}\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        {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            placeholder={t('minimumWagePlaceholder')}\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        {JobFields.TwoPercentShareholder && (\n          <JobFields.TwoPercentShareholder\n            label={t('twoPercentShareholderLabel')}\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('cancelCta')}\n          </Components.Button>\n        )}\n        <Components.Button type=\"submit\" isLoading={isPending}>\n          {submitCtaLabel}\n        </Components.Button>\n      </ActionsLayout>\n    </Flex>\n  )\n}\n"],"names":["ManagementCompensationFormBody","jobForm","compensationForm","title","submitCtaLabel","isPending","onCancel","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":"ManagementCompensationFormBody.js","sources":["../../../../../src/components/Employee/Compensation/management/ManagementCompensationFormBody.tsx"],"sourcesContent":["import { Trans, useTranslation } from 'react-i18next'\nimport type { PaymentUnit } from '@gusto/embedded-api/models/components/compensation'\nimport type { FlsaStatusType } from '@gusto/embedded-api/models/components/flsastatustype'\nimport type { MinimumWage } from '@gusto/embedded-api/models/components/minimumwage'\nimport type { UseJobFormReady } from '../shared/useJobForm'\nimport type { UseCompensationFormReady } from '../shared/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'\n\n/** @internal */\nexport interface ManagementCompensationFormBodyProps {\n  jobForm: UseJobFormReady\n  compensationForm: UseCompensationFormReady\n  title: string\n  submitCtaLabel: string\n  isPending: boolean\n  onCancel?: () => void\n}\n\n/**\n * Renders the shared field layout used by both `EditCompensation` (schedule a future comp\n * change for a present job) and `EditPendingCompensation` (update an existing future comp).\n * Field visibility is driven entirely by hook configuration — the hooks expose `undefined`\n * for fields that should not render — so this component renders the correct subset for each\n * use case without extra conditional props.\n *\n * @internal\n */\nexport function ManagementCompensationFormBody({\n  jobForm,\n  compensationForm,\n  title,\n  submitCtaLabel,\n  isPending,\n  onCancel,\n}: ManagementCompensationFormBodyProps) {\n  const { t } = useTranslation('Employee.Management.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        <CompFields.Title\n          label={t('jobTitleLabel')}\n          validationMessages={{ REQUIRED: t('validations.jobTitleSentence') }}\n          formHookResult={compensationForm}\n        />\n\n        {JobFields.HireDate && (\n          <JobFields.HireDate\n            label={t('hireDateLabel')}\n            validationMessages={{\n              REQUIRED: t('validations.hireDate'),\n            }}\n            formHookResult={jobForm}\n          />\n        )}\n\n        {CompFields.FlsaStatus && (\n          <>\n            <CompFields.FlsaStatus\n              label={t('employeeClassification')}\n              placeholder={t('flsaStatusPlaceholder')}\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            placeholder={t('paymentUnitPlaceholder')}\n            description={t('paymentUnitDescription')}\n            validationMessages={{ REQUIRED: t('validations.paymentUnit') }}\n            getOptionLabel={(unit: PaymentUnit) => t(`paymentUnitOptions.${unit}` as const)}\n            formHookResult={compensationForm}\n          />\n        )}\n\n        {CompFields.EffectiveDate && (\n          <CompFields.EffectiveDate\n            label={t('effectiveDateLabel')}\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        {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            placeholder={t('minimumWagePlaceholder')}\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        {JobFields.TwoPercentShareholder && (\n          <JobFields.TwoPercentShareholder\n            label={t('twoPercentShareholderLabel')}\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('cancelCta')}\n          </Components.Button>\n        )}\n        <Components.Button type=\"submit\" isLoading={isPending}>\n          {submitCtaLabel}\n        </Components.Button>\n      </ActionsLayout>\n    </Flex>\n  )\n}\n"],"names":["ManagementCompensationFormBody","jobForm","compensationForm","title","submitCtaLabel","isPending","onCancel","t","useTranslation","Components","useComponentContext","format","useNumberFormatter","JobFields","CompFields","jsxs","Flex","jsx","Fragment","Trans","FLSA_OVERTIME_SALARY_LIMIT","status","unit","wage","covered","ActionsLayout"],"mappings":";;;;;;;AA8BO,SAASA,EAA+B;AAAA,EAC7C,SAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,OAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,WAAAC;AAAA,EACA,UAAAC;AACF,GAAwC;AACtC,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,kCAAkC,GACzDC,IAAaC,EAAA,GACbC,IAASC,EAAmB,UAAU,GAEtCC,IAAYZ,EAAQ,KAAK,QACzBa,IAAaZ,EAAiB,KAAK;AAEzC,SACE,gBAAAa,EAACC,GAAA,EAAK,eAAc,UAAS,KAAK,IAChC,UAAA;AAAA,IAAA,gBAAAC,EAACR,EAAW,SAAX,EAAmB,IAAG,MAAM,UAAAN,GAAM;AAAA,IAEnC,gBAAAY,EAACC,GAAA,EAAK,eAAc,UAAS,KAAK,IAChC,UAAA;AAAA,MAAA,gBAAAC;AAAA,QAACH,EAAW;AAAA,QAAX;AAAA,UACC,OAAOP,EAAE,eAAe;AAAA,UACxB,oBAAoB,EAAE,UAAUA,EAAE,8BAA8B,EAAA;AAAA,UAChE,gBAAgBL;AAAA,QAAA;AAAA,MAAA;AAAA,MAGjBW,EAAU,YACT,gBAAAI;AAAA,QAACJ,EAAU;AAAA,QAAV;AAAA,UACC,OAAON,EAAE,eAAe;AAAA,UACxB,oBAAoB;AAAA,YAClB,UAAUA,EAAE,sBAAsB;AAAA,UAAA;AAAA,UAEpC,gBAAgBN;AAAA,QAAA;AAAA,MAAA;AAAA,MAInBa,EAAW,cACV,gBAAAC,EAAAG,GAAA,EACE,UAAA;AAAA,QAAA,gBAAAD;AAAA,UAACH,EAAW;AAAA,UAAX;AAAA,YACC,OAAOP,EAAE,wBAAwB;AAAA,YACjC,aAAaA,EAAE,uBAAuB;AAAA,YACtC,aACE,gBAAAU;AAAA,cAACE;AAAA,cAAA;AAAA,gBACC,GAAAZ;AAAA,gBACA,SAAQ;AAAA,gBACR,YAAY,EAAE,sCAAqBE,EAAW,MAAX,CAAA,CAAgB,EAAA;AAAA,cAAG;AAAA,YAAA;AAAA,YAG1D,oBAAoB;AAAA,cAClB,UAAUF,EAAE,+BAA+B;AAAA,gBACzC,OAAOI,EAAOS,CAA0B;AAAA,cAAA,CACzC;AAAA,YAAA;AAAA,YAEH,gBAAgB,CAACC,MAA2Bd,EAAE,oBAAoBc,CAAM,EAAE;AAAA,YAC1E,gBAAgBnB;AAAA,UAAA;AAAA,QAAA;AAAA,SAEhBA,EAAiB,OAAO,wCACxBA,EAAiB,OAAO,kCACxBA,EAAiB,OAAO,wBACxBA,EAAiB,OAAO,4BACxB,gBAAAa,EAACC,KAAK,eAAc,UAAS,KAAK,GAC/B,UAAA;AAAA,UAAAd,EAAiB,OAAO,2BACvB,gBAAAe;AAAA,YAACR,EAAW;AAAA,YAAX;AAAA,cACC,OAAOF,EAAE,8CAA8C;AAAA,cACvD,QAAO;AAAA,cAEN,YAAE,sDAAsD;AAAA,YAAA;AAAA,UAAA;AAAA,UAG5DL,EAAiB,OAAO,wCACvB,gBAAAe;AAAA,YAACR,EAAW;AAAA,YAAX;AAAA,cACC,QAAO;AAAA,cACP,OAAOF,EAAE,0CAA0C;AAAA,cACnD,uBAAqB;AAAA,cAEpB,YAAE,yCAAyC;AAAA,YAAA;AAAA,UAAA;AAAA,UAG/CL,EAAiB,OAAO,kCACvB,gBAAAe;AAAA,YAACR,EAAW;AAAA,YAAX;AAAA,cACC,QAAO;AAAA,cACP,OAAOF,EAAE,oCAAoC;AAAA,cAC7C,uBAAqB;AAAA,cAErB,UAAA,gBAAAU;AAAA,gBAACE;AAAA,gBAAA;AAAA,kBACC,GAAAZ;AAAA,kBACA,SAAQ;AAAA,kBACR,YAAY;AAAA,oBACV,iBACE,gBAAAU;AAAA,sBAACR,EAAW;AAAA,sBAAX;AAAA,wBACC,MAAK;AAAA,wBACL,QAAO;AAAA,wBACP,KAAI;AAAA,sBAAA;AAAA,oBAAA;AAAA,kBACN;AAAA,gBAEJ;AAAA,cAAA;AAAA,YACF;AAAA,UAAA;AAAA,UAGHP,EAAiB,OAAO,wBACvB,gBAAAe;AAAA,YAACR,EAAW;AAAA,YAAX;AAAA,cACC,QAAO;AAAA,cACP,OAAOF,EAAE,oCAAoC;AAAA,cAC7C,uBAAqB;AAAA,YAAA;AAAA,UAAA;AAAA,QACvB,EAAA,CAEJ;AAAA,MAAA,GAEJ;AAAA,MAGDO,EAAW,QACV,gBAAAG;AAAA,QAACH,EAAW;AAAA,QAAX;AAAA,UACC,OAAOP,EAAE,WAAW;AAAA,UACpB,oBAAoB;AAAA,YAClB,UAAUA,EAAE,kBAAkB;AAAA,YAC9B,cAAcA,EAAE,yBAAyB;AAAA,YACzC,uBAAuBA,EAAE,mCAAmC;AAAA,cAC1D,OAAOI,EAAOS,CAA0B;AAAA,YAAA,CACzC;AAAA,UAAA;AAAA,UAEH,gBAAgBlB;AAAA,QAAA;AAAA,MAAA;AAAA,MAInBY,EAAW,eACV,gBAAAG;AAAA,QAACH,EAAW;AAAA,QAAX;AAAA,UACC,OAAOP,EAAE,oBAAoB;AAAA,UAC7B,aAAaA,EAAE,wBAAwB;AAAA,UACvC,aAAaA,EAAE,wBAAwB;AAAA,UACvC,oBAAoB,EAAE,UAAUA,EAAE,yBAAyB,EAAA;AAAA,UAC3D,gBAAgB,CAACe,MAAsBf,EAAE,sBAAsBe,CAAI,EAAW;AAAA,UAC9E,gBAAgBpB;AAAA,QAAA;AAAA,MAAA;AAAA,MAInBY,EAAW,iBACV,gBAAAG;AAAA,QAACH,EAAW;AAAA,QAAX;AAAA,UACC,OAAOP,EAAE,oBAAoB;AAAA,UAC7B,oBAAoB;AAAA,YAClB,UAAUA,EAAE,2BAA2B;AAAA,YACvC,4BAA4BA,EAAE,qCAAqC;AAAA,YACnE,2BAA2BA,EAAE,oCAAoC;AAAA,UAAA;AAAA,UAEnE,gBAAgBL;AAAA,QAAA;AAAA,MAAA;AAAA,MAInBY,EAAW,wBACV,gBAAAG;AAAA,QAACH,EAAW;AAAA,QAAX;AAAA,UACC,OAAOP,EAAE,sBAAsB;AAAA,UAC/B,aAAaA,EAAE,iCAAiC;AAAA,UAChD,gBAAgBL;AAAA,QAAA;AAAA,MAAA;AAAA,MAInBY,EAAW,iBACV,gBAAAG;AAAA,QAACH,EAAW;AAAA,QAAX;AAAA,UACC,OAAOP,EAAE,kBAAkB;AAAA,UAC3B,aAAaA,EAAE,wBAAwB;AAAA,UACvC,aAAaA,EAAE,wBAAwB;AAAA,UACvC,oBAAoB,EAAE,UAAUA,EAAE,yBAAyB,EAAA;AAAA,UAC3D,gBAAgB,CAACgB,MACf,GAAGZ,EAAO,OAAOY,EAAK,IAAI,CAAC,CAAC,MAAMA,EAAK,SAAS,KAAKA,EAAK,SAAS,EAAE;AAAA,UAEvE,gBAAgBrB;AAAA,QAAA;AAAA,MAAA;AAAA,MAInBW,EAAU,yBACT,gBAAAI;AAAA,QAACJ,EAAU;AAAA,QAAV;AAAA,UACC,OAAON,EAAE,4BAA4B;AAAA,UACrC,gBAAgBN;AAAA,QAAA;AAAA,MAAA;AAAA,MAInBY,EAAU,kBACT,gBAAAI;AAAA,QAACJ,EAAU;AAAA,QAAV;AAAA,UACC,OAAON,EAAE,qBAAqB;AAAA,UAC9B,aACE,gBAAAU;AAAA,YAACE;AAAA,YAAA;AAAA,cACC,GAAAZ;AAAA,cACA,SAAQ;AAAA,cACR,YAAY;AAAA,gBACV,QACE,gBAAAU;AAAA,kBAACR,EAAW;AAAA,kBAAX;AAAA,oBACC,MAAK;AAAA,oBACL,QAAO;AAAA,oBACP,KAAI;AAAA,kBAAA;AAAA,gBAAA;AAAA,cACN;AAAA,YAEJ;AAAA,UAAA;AAAA,UAGJ,gBAAgB,CAACe,MACLjB,EAAViB,IAAY,8BAAiC,0BAAN;AAAA,UAEzC,gBAAgBvB;AAAA,QAAA;AAAA,MAAA;AAAA,MAInBY,EAAU,oBACT,gBAAAI;AAAA,QAACJ,EAAU;AAAA,QAAV;AAAA,UACC,OAAON,EAAE,uBAAuB;AAAA,UAChC,aAAaA,EAAE,6BAA6B;AAAA,UAC5C,aAAaA,EAAE,uBAAuB;AAAA,UACtC,oBAAoB,EAAE,UAAUA,EAAE,8BAA8B,EAAA;AAAA,UAChE,gBAAgBN;AAAA,QAAA;AAAA,MAAA;AAAA,IAClB,GAEJ;AAAA,sBAECwB,GAAA,EACE,UAAA;AAAA,MAAAnB,KACC,gBAAAW,EAACR,EAAW,QAAX,EAAkB,SAAQ,aAAY,SAASH,GAAU,YAAYD,GACnE,UAAAE,EAAE,WAAW,EAAA,CAChB;AAAA,MAEF,gBAAAU,EAACR,EAAW,QAAX,EAAkB,MAAK,UAAS,WAAWJ,GACzC,UAAAD,EAAA,CACH;AAAA,IAAA,EAAA,CACF;AAAA,EAAA,GACF;AAEJ;"}

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