@gusto/embedded-react-sdk 0.46.3 → 0.47.1

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

@@ -0,0 +1,53 @@
+import { jsxs as p, jsx as n } from "react/jsx-runtime";
+import { useTranslation as l } from "react-i18next";
+import { CompensationAddAnotherJobForm as d } from "./CompensationAddAnotherJobForm/CompensationAddAnotherJobForm.js";
+import { Flex as u } from "../../../Common/Flex/Flex.js";
+import { useFlow as r } from "../../../Flow/useFlow.js";
+import { useComponentContext as a } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
+import { ensureRequired as t } from "../../../../helpers/ensureRequired.js";
+import { componentEvents as c } from "../../../../shared/constants.js";
+import { CompensationCard as C } from "./CompensationCard/CompensationCard.js";
+import { CompensationEditForm as f } from "./CompensationEditForm/CompensationEditForm.js";
+import { CompensationAddJobForm as E } from "./CompensationAddJobForm/CompensationAddJobForm.js";
+function S() {
+  const { employeeId: e, onEvent: o, successAlert: m } = r(), { t: s } = l("Employee.Management.Compensation"), i = a();
+  return /* @__PURE__ */ p(u, { flexDirection: "column", gap: 16, children: [
+    m ? /* @__PURE__ */ n(
+      i.Alert,
+      {
+        status: "success",
+        label: s(`alerts.${m}`),
+        onDismiss: () => {
+          o(c.EMPLOYEE_MANAGEMENT_COMPENSATION_ALERT_DISMISSED, null);
+        }
+      }
+    ) : null,
+    /* @__PURE__ */ n(C, { employeeId: t(e), onEvent: o })
+  ] });
+}
+function T() {
+  const { employeeId: e, currentJobId: o, onEvent: m } = r();
+  return /* @__PURE__ */ n(
+    f,
+    {
+      employeeId: t(e),
+      jobId: t(o ?? void 0),
+      onEvent: m
+    }
+  );
+}
+function _() {
+  const { employeeId: e, onEvent: o } = r();
+  return /* @__PURE__ */ n(E, { employeeId: t(e), onEvent: o });
+}
+function h() {
+  const { employeeId: e, onEvent: o } = r();
+  return /* @__PURE__ */ n(d, { employeeId: t(e), onEvent: o });
+}
+export {
+  h as CompensationAddAnotherJobFormContextual,
+  _ as CompensationAddJobFormContextual,
+  S as CompensationCardContextual,
+  T as CompensationEditFormContextual
+};
+//# sourceMappingURL=CompensationComponents.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CompensationComponents.js","sources":["../../../../../src/components/Employee/Compensation/management/CompensationComponents.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { CompensationCard } from './CompensationCard'\nimport { CompensationEditForm } from './CompensationEditForm'\nimport { CompensationAddJobForm } from './CompensationAddJobForm'\nimport { CompensationAddAnotherJobForm } from './CompensationAddAnotherJobForm/CompensationAddAnotherJobForm'\nimport { Flex } from '@/components/Common/Flex/Flex'\nimport { useFlow, type FlowContextInterface } from '@/components/Flow/useFlow'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { ensureRequired } from '@/helpers/ensureRequired'\nimport { componentEvents } from '@/shared/constants'\n\nexport type CompensationSuccessAlertCode = 'jobAdded'\n\nexport interface CompensationContextInterface extends FlowContextInterface {\n  employeeId?: string\n  /** Set when transitioning to `editCompensation` via the card EDIT event;\n   *  consumed by `CompensationEditFormContextual` to target the right job. */\n  currentJobId?: string | null\n  successAlert?: CompensationSuccessAlertCode | null\n}\n\nexport function CompensationCardContextual() {\n  const { employeeId, onEvent, successAlert } = useFlow<CompensationContextInterface>()\n  const { t } = useTranslation('Employee.Management.Compensation')\n  const Components = useComponentContext()\n  return (\n    <Flex flexDirection=\"column\" gap={16}>\n      {successAlert ? (\n        <Components.Alert\n          status=\"success\"\n          label={t(`alerts.${successAlert}`)}\n          onDismiss={() => {\n            onEvent(componentEvents.EMPLOYEE_MANAGEMENT_COMPENSATION_ALERT_DISMISSED, null)\n          }}\n        />\n      ) : null}\n      <CompensationCard employeeId={ensureRequired(employeeId)} onEvent={onEvent} />\n    </Flex>\n  )\n}\n\nexport function CompensationEditFormContextual() {\n  const { employeeId, currentJobId, onEvent } = useFlow<CompensationContextInterface>()\n  return (\n    <CompensationEditForm\n      employeeId={ensureRequired(employeeId)}\n      jobId={ensureRequired(currentJobId ?? undefined)}\n      onEvent={onEvent}\n    />\n  )\n}\n\nexport function CompensationAddJobFormContextual() {\n  const { employeeId, onEvent } = useFlow<CompensationContextInterface>()\n  return <CompensationAddJobForm employeeId={ensureRequired(employeeId)} onEvent={onEvent} />\n}\n\nexport function CompensationAddAnotherJobFormContextual() {\n  const { employeeId, onEvent } = useFlow<CompensationContextInterface>()\n  return <CompensationAddAnotherJobForm employeeId={ensureRequired(employeeId)} onEvent={onEvent} />\n}\n"],"names":["CompensationCardContextual","employeeId","onEvent","successAlert","useFlow","t","useTranslation","Components","useComponentContext","jsxs","Flex","jsx","componentEvents","CompensationCard","ensureRequired","CompensationEditFormContextual","currentJobId","CompensationEditForm","CompensationAddJobFormContextual","CompensationAddJobForm","CompensationAddAnotherJobFormContextual","CompensationAddAnotherJobForm"],"mappings":";;;;;;;;;;;AAqBO,SAASA,IAA6B;AAC3C,QAAM,EAAE,YAAAC,GAAY,SAAAC,GAAS,cAAAC,EAAA,IAAiBC,EAAA,GACxC,EAAE,GAAAC,EAAA,IAAMC,EAAe,kCAAkC,GACzDC,IAAaC,EAAA;AACnB,SACE,gBAAAC,EAACC,GAAA,EAAK,eAAc,UAAS,KAAK,IAC/B,UAAA;AAAA,IAAAP,IACC,gBAAAQ;AAAA,MAACJ,EAAW;AAAA,MAAX;AAAA,QACC,QAAO;AAAA,QACP,OAAOF,EAAE,UAAUF,CAAY,EAAE;AAAA,QACjC,WAAW,MAAM;AACf,UAAAD,EAAQU,EAAgB,kDAAkD,IAAI;AAAA,QAChF;AAAA,MAAA;AAAA,IAAA,IAEA;AAAA,sBACHC,GAAA,EAAiB,YAAYC,EAAeb,CAAU,GAAG,SAAAC,EAAA,CAAkB;AAAA,EAAA,GAC9E;AAEJ;AAEO,SAASa,IAAiC;AAC/C,QAAM,EAAE,YAAAd,GAAY,cAAAe,GAAc,SAAAd,EAAA,IAAYE,EAAA;AAC9C,SACE,gBAAAO;AAAA,IAACM;AAAA,IAAA;AAAA,MACC,YAAYH,EAAeb,CAAU;AAAA,MACrC,OAAOa,EAAeE,KAAgB,MAAS;AAAA,MAC/C,SAAAd;AAAA,IAAA;AAAA,EAAA;AAGN;AAEO,SAASgB,IAAmC;AACjD,QAAM,EAAE,YAAAjB,GAAY,SAAAC,EAAA,IAAYE,EAAA;AAChC,2BAAQe,GAAA,EAAuB,YAAYL,EAAeb,CAAU,GAAG,SAAAC,GAAkB;AAC3F;AAEO,SAASkB,IAA0C;AACxD,QAAM,EAAE,YAAAnB,GAAY,SAAAC,EAAA,IAAYE,EAAA;AAChC,2BAAQiB,GAAA,EAA8B,YAAYP,EAAeb,CAAU,GAAG,SAAAC,GAAkB;AAClG;"}

package/dist/components/Employee/Compensation/management/CompensationEditForm/CompensationEditForm.d.ts

@@ -0,0 +1,26 @@
+import { CommonComponentInterface } from '../../../../Base';
+import { OnEventType } from '../../../../Base/useBase';
+import { EventType } from '../../../../../shared/constants';
+export interface CompensationEditFormProps extends CommonComponentInterface<'Employee.Management.Compensation'> {
+    employeeId: string;
+    /** The id of the job whose compensation is being edited. The form fetches the
+     *  job (a cached query, deduped against any sibling consumer) and inspects its
+     *  compensations to decide whether to edit the current comp or an already
+     *  scheduled future-dated (pending) change. */
+    jobId: string;
+    /** Fires `EMPLOYEE_MANAGEMENT_COMPENSATION_EDIT_FORM_SUBMITTED` (with the saved
+     *  `Compensation`) on a successful save, and
+     *  `EMPLOYEE_MANAGEMENT_COMPENSATION_EDIT_FORM_CANCELLED` when the user cancels. */
+    onEvent: OnEventType<EventType, unknown>;
+}
+/**
+ * Edits the compensation for a single job. Self-fetching thin router: it loads
+ * the job by id (React Query dedupes against the card's own list query, so no
+ * extra request) and forwards to the pending-change editor when the job already
+ * has a scheduled future-dated compensation (so the user adjusts the queued
+ * change rather than stacking a second one), and to the current-compensation
+ * editor otherwise. Both branches resolve copy from
+ * `Employee.Management.Compensation`; the optional `dictionary` is forwarded to
+ * whichever editor renders.
+ */
+export declare function CompensationEditForm({ employeeId, jobId, onEvent, dictionary, }: CompensationEditFormProps): import("react").JSX.Element;

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

@@ -0,0 +1,45 @@
+import { jsx as m } from "react/jsx-runtime";
+import { useJobsAndCompensationsGetJobs as p } from "@gusto/embedded-api-v-2025-11-15/react-query/jobsAndCompensationsGetJobs";
+import { getPendingCompensationChanges as d } from "../../shared/getPendingCompensationChanges.js";
+import { CompensationEditJobForm as f } from "../CompensationEditJobForm/CompensationEditJobForm.js";
+import { CompensationEditPendingJobForm as u } from "../CompensationEditPendingJobForm/CompensationEditPendingJobForm.js";
+import { BaseLayout as b } from "../../../../Base/Base.js";
+import "../../../../Base/useBase.js";
+import { composeErrorHandler as g } from "../../../../../partner-hook-utils/composeErrorHandler.js";
+function w({
+  employeeId: o,
+  jobId: n,
+  onEvent: e,
+  dictionary: a
+}) {
+  const r = p({ employeeId: o }, { enabled: !!o });
+  if (r.isLoading || !r.data) {
+    const s = g([r]);
+    return /* @__PURE__ */ m(b, { isLoading: !0, error: s.errors });
+  }
+  const i = r.data.jobs?.find((s) => s.uuid === n), t = d(i ? [i] : [])[0];
+  return t ? /* @__PURE__ */ m(
+    u,
+    {
+      employeeId: o,
+      jobId: n,
+      compensationId: t.compensationUuid,
+      isNewJob: t.isNewJob,
+      isPrimaryJob: i?.primary ?? !1,
+      onEvent: e,
+      dictionary: a
+    }
+  ) : /* @__PURE__ */ m(
+    f,
+    {
+      employeeId: o,
+      jobId: n,
+      onEvent: e,
+      dictionary: a
+    }
+  );
+}
+export {
+  w as CompensationEditForm
+};
+//# sourceMappingURL=CompensationEditForm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CompensationEditForm.js","sources":["../../../../../../src/components/Employee/Compensation/management/CompensationEditForm/CompensationEditForm.tsx"],"sourcesContent":["import { useJobsAndCompensationsGetJobs } from '@gusto/embedded-api-v-2025-11-15/react-query/jobsAndCompensationsGetJobs'\nimport { getPendingCompensationChanges } from '../../shared/getPendingCompensationChanges'\nimport { CompensationEditJobForm } from '../CompensationEditJobForm/CompensationEditJobForm'\nimport { CompensationEditPendingJobForm } from '../CompensationEditPendingJobForm/CompensationEditPendingJobForm'\nimport { BaseLayout, type CommonComponentInterface } from '@/components/Base'\nimport type { OnEventType } from '@/components/Base/useBase'\nimport { composeErrorHandler } from '@/partner-hook-utils/composeErrorHandler'\nimport { type EventType } from '@/shared/constants'\n\nexport interface CompensationEditFormProps extends CommonComponentInterface<'Employee.Management.Compensation'> {\n  employeeId: string\n  /** The id of the job whose compensation is being edited. The form fetches the\n   *  job (a cached query, deduped against any sibling consumer) and inspects its\n   *  compensations to decide whether to edit the current comp or an already\n   *  scheduled future-dated (pending) change. */\n  jobId: string\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 the compensation for a single job. Self-fetching thin router: it loads\n * the job by id (React Query dedupes against the card's own list query, so no\n * extra request) and forwards to the pending-change editor when the job already\n * has a scheduled future-dated compensation (so the user adjusts the queued\n * change rather than stacking a second one), and to the current-compensation\n * editor otherwise. Both branches resolve copy from\n * `Employee.Management.Compensation`; the optional `dictionary` is forwarded to\n * whichever editor renders.\n */\nexport function CompensationEditForm({\n  employeeId,\n  jobId,\n  onEvent,\n  dictionary,\n}: CompensationEditFormProps) {\n  const jobsQuery = useJobsAndCompensationsGetJobs({ employeeId }, { enabled: !!employeeId })\n\n  if (jobsQuery.isLoading || !jobsQuery.data) {\n    const errorHandling = composeErrorHandler([jobsQuery])\n    return <BaseLayout isLoading error={errorHandling.errors} />\n  }\n\n  const job = jobsQuery.data.jobs?.find(j => j.uuid === jobId)\n\n  // The API does not guarantee ordering of job.compensations, so rely on the\n  // same sorted helper that drives the card display (ascending by effectiveDate)\n  // to find the nearest pending change.\n  const nearestPending = getPendingCompensationChanges(job ? [job] : [])[0]\n\n  if (nearestPending) {\n    return (\n      <CompensationEditPendingJobForm\n        employeeId={employeeId}\n        jobId={jobId}\n        compensationId={nearestPending.compensationUuid}\n        isNewJob={nearestPending.isNewJob}\n        isPrimaryJob={job?.primary ?? false}\n        onEvent={onEvent}\n        dictionary={dictionary}\n      />\n    )\n  }\n\n  return (\n    <CompensationEditJobForm\n      employeeId={employeeId}\n      jobId={jobId}\n      onEvent={onEvent}\n      dictionary={dictionary}\n    />\n  )\n}\n"],"names":["CompensationEditForm","employeeId","jobId","onEvent","dictionary","jobsQuery","useJobsAndCompensationsGetJobs","errorHandling","composeErrorHandler","BaseLayout","job","j","nearestPending","getPendingCompensationChanges","jsx","CompensationEditPendingJobForm","CompensationEditJobForm"],"mappings":";;;;;;;;AAgCO,SAASA,EAAqB;AAAA,EACnC,YAAAC;AAAA,EACA,OAAAC;AAAA,EACA,SAAAC;AAAA,EACA,YAAAC;AACF,GAA8B;AAC5B,QAAMC,IAAYC,EAA+B,EAAE,YAAAL,EAAA,GAAc,EAAE,SAAS,CAAC,CAACA,GAAY;AAE1F,MAAII,EAAU,aAAa,CAACA,EAAU,MAAM;AAC1C,UAAME,IAAgBC,EAAoB,CAACH,CAAS,CAAC;AACrD,6BAAQI,GAAA,EAAW,WAAS,IAAC,OAAOF,EAAc,QAAQ;AAAA,EAC5D;AAEA,QAAMG,IAAML,EAAU,KAAK,MAAM,KAAK,CAAAM,MAAKA,EAAE,SAAST,CAAK,GAKrDU,IAAiBC,EAA8BH,IAAM,CAACA,CAAG,IAAI,CAAA,CAAE,EAAE,CAAC;AAExE,SAAIE,IAEA,gBAAAE;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,YAAAd;AAAA,MACA,OAAAC;AAAA,MACA,gBAAgBU,EAAe;AAAA,MAC/B,UAAUA,EAAe;AAAA,MACzB,cAAcF,GAAK,WAAW;AAAA,MAC9B,SAAAP;AAAA,MACA,YAAAC;AAAA,IAAA;AAAA,EAAA,IAMJ,gBAAAU;AAAA,IAACE;AAAA,IAAA;AAAA,MACC,YAAAf;AAAA,MACA,OAAAC;AAAA,MACA,SAAAC;AAAA,MACA,YAAAC;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/dist/components/Employee/Compensation/management/CompensationEditForm/index.d.ts

@@ -0,0 +1,3 @@
+import "./types/i18next.d.ts"
+export { CompensationEditForm } from './CompensationEditForm';
+export type { CompensationEditFormProps } from './CompensationEditForm';

package/dist/components/Employee/Compensation/management/CompensationEditJobForm/CompensationEditJobForm.d.ts

@@ -0,0 +1,12 @@
+import { CommonComponentInterface } from '../../../../Base';
+import { OnEventType } from '../../../../Base/useBase';
+import { EventType } from '../../../../../shared/constants';
+export interface CompensationEditJobFormProps extends CommonComponentInterface<'Employee.Management.Compensation'> {
+    employeeId: string;
+    jobId: string;
+    /** Fires `EMPLOYEE_MANAGEMENT_COMPENSATION_EDIT_FORM_SUBMITTED` (with the saved
+     *  `Compensation`) on a successful save, and
+     *  `EMPLOYEE_MANAGEMENT_COMPENSATION_EDIT_FORM_CANCELLED` when the user cancels. */
+    onEvent: OnEventType<EventType, unknown>;
+}
+export declare function CompensationEditJobForm({ dictionary, ...props }: CompensationEditJobFormProps): import("react").JSX.Element;

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

@@ -0,0 +1,91 @@
+import { jsx as t } from "react/jsx-runtime";
+import C from "classnames";
+import { useTranslation as b } from "react-i18next";
+import { useJobsAndCompensationsGetJobs as M } from "@gusto/embedded-api-v-2025-11-15/react-query/jobsAndCompensationsGetJobs";
+import { useJobForm as F } from "../../shared/useJobForm/useJobForm.js";
+import { useCompensationForm as N } from "../../shared/useCompensationForm/useCompensationForm.js";
+import { ManagementCompensationFormBody as L } from "../ManagementCompensationFormBody.js";
+import T from "./CompensationEditJobForm.module.scss.js";
+import { BaseBoundaries as _, BaseLayout as u } from "../../../../Base/Base.js";
+import "../../../../Base/useBase.js";
+import { Form as h } from "../../../../Common/Form/Form.js";
+import { useComponentDictionary as S, useI18n as y } from "../../../../../i18n/I18n.js";
+import { composeErrorHandler as l } from "../../../../../partner-hook-utils/composeErrorHandler.js";
+import { composeSubmitHandler as D } from "../../../../../partner-hook-utils/form/composeSubmitHandler.js";
+import { componentEvents as f } from "../../../../../shared/constants.js";
+function q({ dictionary: e, ...r }) {
+  return S("Employee.Management.Compensation", e), /* @__PURE__ */ t(_, { componentName: "Employee.Management.Compensation", children: /* @__PURE__ */ t(A, { ...r }) });
+}
+function A({
+  employeeId: e,
+  jobId: r,
+  defaultValues: d,
+  ...m
+}) {
+  const s = M({ employeeId: e }, { enabled: !!e });
+  if (s.isLoading || !s.data) {
+    const i = l([s]);
+    return /* @__PURE__ */ t(u, { isLoading: !0, error: i.errors });
+  }
+  const a = s.data.jobs?.find((i) => i.uuid === r), o = a?.compensations?.find((i) => i.uuid === a.currentCompensationUuid), n = o ? {
+    // Title lives on compensation in the API — `job.title` can lag
+    // behind comp-level edits on secondaries, so seed directly from
+    // the comp.
+    title: o.title ?? void 0,
+    flsaStatus: o.flsaStatus ?? void 0,
+    rate: Number(o.rate),
+    paymentUnit: o.paymentUnit ?? void 0,
+    adjustForMinimumWage: o.adjustForMinimumWage ?? !1,
+    minimumWageId: o.minimumWages?.[0]?.uuid ?? ""
+    // effectiveDate intentionally omitted — user must choose a future date
+  } : void 0;
+  return /* @__PURE__ */ t(O, { employeeId: e, jobId: r, defaultValues: n, ...m });
+}
+function O({ employeeId: e, jobId: r, defaultValues: d, className: m, onEvent: s }) {
+  y("Employee.Management.Compensation");
+  const { t: a } = b("Employee.Management.Compensation"), o = F({
+    employeeId: e,
+    jobId: r,
+    withTitleField: !1,
+    withHireDateField: !1,
+    shouldFocusError: !1
+  }), n = N({
+    employeeId: e,
+    jobId: r,
+    defaultValues: d,
+    withEffectiveDateField: !0,
+    optionalFieldsToRequire: {
+      create: ["title"]
+    },
+    shouldFocusError: !1
+  });
+  if (o.isLoading || n.isLoading) {
+    const c = l([o, n]);
+    return /* @__PURE__ */ t(u, { isLoading: !0, error: c.errors });
+  }
+  const i = D([o, n], async () => {
+    if (!await o.actions.onSubmit()) return;
+    const p = await n.actions.onSubmit();
+    p && s(
+      f.EMPLOYEE_MANAGEMENT_COMPENSATION_EDIT_FORM_SUBMITTED,
+      p.data
+    );
+  }), E = l([i]), g = o.status.isPending || n.status.isPending;
+  return /* @__PURE__ */ t("section", { className: C(T.container, m), children: /* @__PURE__ */ t(u, { error: E.errors, children: /* @__PURE__ */ t(h, { onSubmit: i.handleSubmit, children: /* @__PURE__ */ t(
+    L,
+    {
+      jobForm: o,
+      compensationForm: n,
+      title: a("editCompensationTitle"),
+      submitCtaLabel: a("saveCta"),
+      isPending: g,
+      onCancel: () => {
+        s(f.EMPLOYEE_MANAGEMENT_COMPENSATION_EDIT_FORM_CANCELLED);
+      }
+    }
+  ) }) }) });
+}
+export {
+  q as CompensationEditJobForm
+};
+//# sourceMappingURL=CompensationEditJobForm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CompensationEditJobForm.js","sources":["../../../../../../src/components/Employee/Compensation/management/CompensationEditJobForm/CompensationEditJobForm.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport { useTranslation } from 'react-i18next'\nimport { useJobsAndCompensationsGetJobs } from '@gusto/embedded-api-v-2025-11-15/react-query/jobsAndCompensationsGetJobs'\nimport { useJobForm } from '../../shared/useJobForm'\nimport { useCompensationForm, type CompensationFormData } from '../../shared/useCompensationForm'\nimport { ManagementCompensationFormBody } from '../ManagementCompensationFormBody'\nimport styles from './CompensationEditJobForm.module.scss'\nimport { BaseBoundaries, BaseLayout, type CommonComponentInterface } from '@/components/Base'\nimport type { OnEventType } from '@/components/Base/useBase'\nimport { Form } from '@/components/Common/Form'\nimport { useComponentDictionary, useI18n } from '@/i18n'\nimport { composeErrorHandler } from '@/partner-hook-utils/composeErrorHandler'\nimport { composeSubmitHandler } from '@/partner-hook-utils/form/composeSubmitHandler'\nimport { componentEvents, type EventType } from '@/shared/constants'\n\nexport interface CompensationEditJobFormProps extends CommonComponentInterface<'Employee.Management.Compensation'> {\n  employeeId: string\n  jobId: string\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\nexport function CompensationEditJobForm({ dictionary, ...props }: CompensationEditJobFormProps) {\n  useComponentDictionary('Employee.Management.Compensation', dictionary)\n  return (\n    <BaseBoundaries componentName=\"Employee.Management.Compensation\">\n      <CompensationDefaultsLoader {...props} />\n    </BaseBoundaries>\n  )\n}\n\ntype LoaderProps = Omit<CompensationEditJobFormProps, 'dictionary'>\n\n// Fetches the current job's compensation data to pre-populate the form as\n// defaultValues before rendering Root. Uses the same non-suspense query that\n// useCompensationForm uses internally — React Query dedupes the request so no\n// extra network call is made once Root mounts.\n// defaultValues from CommonComponentInterface (unknown) is excluded from the\n// spread so it doesn't conflict with Root's typed defaultValues prop.\nfunction CompensationDefaultsLoader({\n  employeeId,\n  jobId,\n  defaultValues: _baseDefaults,\n  ...rest\n}: LoaderProps) {\n  const jobsQuery = useJobsAndCompensationsGetJobs({ employeeId }, { enabled: !!employeeId })\n\n  if (jobsQuery.isLoading || !jobsQuery.data) {\n    const errorHandling = composeErrorHandler([jobsQuery])\n    return <BaseLayout isLoading error={errorHandling.errors} />\n  }\n\n  const job = jobsQuery.data.jobs?.find(j => j.uuid === jobId)\n  const currentComp = job?.compensations?.find(c => c.uuid === job.currentCompensationUuid)\n\n  const defaultValues: Partial<CompensationFormData> | undefined = currentComp\n    ? {\n        // Title lives on compensation in the API — `job.title` can lag\n        // behind comp-level edits on secondaries, so seed directly from\n        // the comp.\n        title: currentComp.title ?? undefined,\n        flsaStatus: currentComp.flsaStatus ?? undefined,\n        rate: Number(currentComp.rate),\n        paymentUnit: currentComp.paymentUnit ?? undefined,\n        adjustForMinimumWage: currentComp.adjustForMinimumWage ?? false,\n        minimumWageId: currentComp.minimumWages?.[0]?.uuid ?? '',\n        // effectiveDate intentionally omitted — user must choose a future date\n      }\n    : undefined\n\n  return <Root employeeId={employeeId} jobId={jobId} defaultValues={defaultValues} {...rest} />\n}\n\ninterface RootProps extends LoaderProps {\n  defaultValues?: Partial<CompensationFormData>\n}\n\nfunction Root({ employeeId, jobId, defaultValues, className, onEvent }: RootProps) {\n  useI18n('Employee.Management.Compensation')\n  const { t } = useTranslation('Employee.Management.Compensation')\n\n  // Job form handles the non-effective-dated fields: 2% shareholder + WA WC.\n  // Title is suppressed here because the compensation form owns title\n  // (effective-dated alongside rate/unit/FLSA on the future-dated row).\n  // Hire-date is suppressed because this surface never edits it.\n  const jobForm = useJobForm({\n    employeeId,\n    jobId,\n    withTitleField: false,\n    withHireDateField: false,\n    shouldFocusError: false,\n  })\n\n  // Compensation form runs in create mode (no compensationId) → POST\n  // /v1/jobs/:jobId/compensations, creating a new future-dated compensation.\n  // The form is pre-populated with the current comp's values via defaultValues\n  // (fetched by CompensationDefaultsLoader) so the user can edit from the\n  // current state, and picks a future effectiveDate to schedule the change.\n  const compensationForm = useCompensationForm({\n    employeeId,\n    jobId,\n    defaultValues,\n    withEffectiveDateField: true,\n    optionalFieldsToRequire: {\n      create: ['title'],\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  // PUT job first (immediate mutation of 2% shareholder / WC), then POST\n  // the new compensation (the future-dated change). composeSubmitHandler\n  // validates both forms in parallel and short-circuits before any network\n  // I/O if either fails.\n  const submitResult = composeSubmitHandler([jobForm, compensationForm], async () => {\n    const jobResult = await jobForm.actions.onSubmit()\n    if (!jobResult) return\n\n    const compensationResult = await compensationForm.actions.onSubmit()\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":["CompensationEditJobForm","dictionary","props","useComponentDictionary","jsx","BaseBoundaries","CompensationDefaultsLoader","employeeId","jobId","_baseDefaults","rest","jobsQuery","useJobsAndCompensationsGetJobs","errorHandling","composeErrorHandler","BaseLayout","job","j","currentComp","c","defaultValues","Root","className","onEvent","useI18n","t","useTranslation","jobForm","useJobForm","compensationForm","useCompensationForm","loadingErrorHandling","submitResult","composeSubmitHandler","compensationResult","componentEvents","isPending","classNames","styles","Form","ManagementCompensationFormBody"],"mappings":"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"}

package/dist/components/Employee/Compensation/management/{AddAnotherJob/AddAnotherJob.module.scss.js → CompensationEditJobForm/CompensationEditJobForm.module.scss.js}

@@ -5,4 +5,4 @@ export {
   n as container,
   t as default
 };
-//# sourceMappingURL=AddAnotherJob.module.scss.js.map
+//# sourceMappingURL=CompensationEditJobForm.module.scss.js.map

package/dist/components/Employee/Compensation/management/CompensationEditJobForm/CompensationEditJobForm.module.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CompensationEditJobForm.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}

package/dist/components/Employee/Compensation/management/CompensationEditJobForm/index.d.ts

@@ -0,0 +1,3 @@
+import "./types/i18next.d.ts"
+export { CompensationEditJobForm } from './CompensationEditJobForm';
+export type { CompensationEditJobFormProps } from './CompensationEditJobForm';

package/dist/components/Employee/Compensation/management/{EditPendingCompensation/EditPendingCompensation.d.ts → CompensationEditPendingJobForm/CompensationEditPendingJobForm.d.ts}

@@ -1,7 +1,7 @@
 import { CommonComponentInterface } from '../../../../Base';
 import { OnEventType } from '../../../../Base/useBase';
 import { EventType } from '../../../../../shared/constants';
-export interface EditPendingCompensationProps extends CommonComponentInterface<'Employee.Compensation'> {
+export interface CompensationEditPendingJobFormProps extends CommonComponentInterface<'Employee.Management.Compensation'> {
     employeeId: string;
     jobId: string;
     /** The UUID of the pending (future-dated) compensation to update. Always required — this
@@ -17,9 +17,9 @@ export interface EditPendingCompensationProps extends CommonComponentInterface<'
      * whether to show a Hire date field (primary) or Effective date field (secondary/change).
      */
     isPrimaryJob: boolean;
-    onCancel?: () => void;
-    /** Called with `EMPLOYEE_COMPENSATION_UPDATED` then `EMPLOYEE_COMPENSATION_DONE` on a
-     *  successful save. Use `EMPLOYEE_COMPENSATION_DONE` to trigger navigation. */
+    /** Fires `EMPLOYEE_MANAGEMENT_COMPENSATION_EDIT_FORM_SUBMITTED` (with the saved
+     *  `Compensation`) on a successful save, and
+     *  `EMPLOYEE_MANAGEMENT_COMPENSATION_EDIT_FORM_CANCELLED` when the user cancels. */
     onEvent: OnEventType<EventType, unknown>;
 }
-export declare function EditPendingCompensation({ dictionary, ...props }: EditPendingCompensationProps): import("react/jsx-runtime").JSX.Element;
+export declare function CompensationEditPendingJobForm({ dictionary, ...props }: CompensationEditPendingJobFormProps): import("react").JSX.Element;

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

@@ -0,0 +1,85 @@
+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 "../../../../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
+}) {
+  return P("Employee.Management.Compensation", i), /* @__PURE__ */ e(L, { componentName: "Employee.Management.Compensation", children: /* @__PURE__ */ e(w, { ...r }) });
+}
+function w({
+  employeeId: i,
+  jobId: r,
+  compensationId: a,
+  isNewJob: C,
+  isPrimaryJob: F,
+  className: M,
+  onEvent: m
+}) {
+  R("Employee.Management.Compensation");
+  const { t: l } = D("Employee.Management.Compensation"), n = C && F, o = y({
+    employeeId: i,
+    jobId: r,
+    withTitleField: !1,
+    withHireDateField: n,
+    optionalFieldsToRequire: n ? { update: ["hireDate"] } : void 0,
+    shouldFocusError: !1
+  }), t = S({
+    employeeId: i,
+    jobId: r,
+    compensationId: a,
+    // 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,
+    optionalFieldsToRequire: {
+      update: n ? ["title", "flsaStatus", "rate", "paymentUnit"] : ["title", "flsaStatus", "rate", "paymentUnit", "effectiveDate"]
+    },
+    shouldFocusError: !1
+  });
+  if (o.isLoading || t.isLoading) {
+    const s = f([o, t]);
+    return /* @__PURE__ */ e(d, { isLoading: !0, error: s.errors });
+  }
+  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
+    });
+    c && m(
+      E.EMPLOYEE_MANAGEMENT_COMPENSATION_EDIT_FORM_SUBMITTED,
+      c.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(
+    _,
+    {
+      jobForm: o,
+      compensationForm: t,
+      title: l("editCompensationTitle"),
+      submitCtaLabel: l("saveCta"),
+      isPending: h,
+      onCancel: () => {
+        m(E.EMPLOYEE_MANAGEMENT_COMPENSATION_EDIT_FORM_CANCELLED);
+      }
+    }
+  ) }) }) });
+}
+export {
+  Q as CompensationEditPendingJobForm
+};
+//# sourceMappingURL=CompensationEditPendingJobForm.js.map

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

@@ -0,0 +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\nexport interface CompensationEditPendingJobFormProps extends CommonComponentInterface<'Employee.Management.Compensation'> {\n  employeeId: string\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\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":";;;;;;;;;;;;;;AAoCO,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;"}

package/dist/components/Employee/Compensation/management/{EditPendingCompensation/EditPendingCompensation.module.scss.js → CompensationEditPendingJobForm/CompensationEditPendingJobForm.module.scss.js}

@@ -5,4 +5,4 @@ export {
   n as container,
   t as default
 };
-//# sourceMappingURL=EditPendingCompensation.module.scss.js.map
+//# sourceMappingURL=CompensationEditPendingJobForm.module.scss.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CompensationEditPendingJobForm.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}

package/dist/components/Employee/Compensation/management/ManagementCompensationFormBody.d.ts

@@ -15,4 +15,4 @@ export interface ManagementCompensationFormBodyProps {
  * for fields that should not render — so this component renders the correct subset for each
  * use case without extra conditional props.
  */
-export declare function ManagementCompensationFormBody({ jobForm, compensationForm, title, submitCtaLabel, isPending, onCancel, }: ManagementCompensationFormBodyProps): import("react/jsx-runtime").JSX.Element;
+export declare function ManagementCompensationFormBody({ jobForm, compensationForm, title, submitCtaLabel, isPending, onCancel, }: ManagementCompensationFormBodyProps): import("react").JSX.Element;