@gusto/embedded-react-sdk 0.46.0 → 0.46.3

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

@@ -1,230 +1,88 @@
-import { jsx as t, jsxs as g } from "react/jsx-runtime";
-import v from "classnames";
-import { useTranslation as R, Trans as b } from "react-i18next";
+import { jsx as e } from "react/jsx-runtime";
+import C from "classnames";
+import { useTranslation as F } from "react-i18next";
 import { useJobsAndCompensationsGetJobs as L } from "@gusto/embedded-api/react-query/jobsAndCompensationsGetJobs";
 import { useJobForm as h } from "../../shared/useJobForm/useJobForm.js";
-import { useCompensationForm as M } from "../../shared/useCompensationForm/useCompensationForm.js";
+import { useCompensationForm as D } from "../../shared/useCompensationForm/useCompensationForm.js";
+import { ManagementCompensationFormBody as P } from "../ManagementCompensationFormBody.js";
 import y from "./EditCompensation.module.scss.js";
-import { BaseBoundaries as W, BaseLayout as p } from "../../../../Base/Base.js";
+import { BaseBoundaries as M, BaseLayout as c } from "../../../../Base/Base.js";
 import "../../../../Base/useBase.js";
-import { Flex as S } from "../../../../Common/Flex/Flex.js";
-import { componentEvents as f, FLSA_OVERTIME_SALARY_LIMIT as C } from "../../../../../shared/constants.js";
-import { ActionsLayout as T } from "../../../../Common/ActionsLayout/ActionsLayout.js";
-import { Form as k } from "../../../../Common/Form/Form.js";
-import { useComponentContext as H } from "../../../../../contexts/ComponentAdapter/useComponentContext.js";
-import { useComponentDictionary as w, useI18n as F } from "../../../../../i18n/I18n.js";
-import { composeErrorHandler as E } from "../../../../../partner-hook-utils/composeErrorHandler.js";
-import { composeSubmitHandler as O } from "../../../../../partner-hook-utils/form/composeSubmitHandler.js";
-import _ from "../../../../../hooks/useNumberFormatter.js";
-import { addDays as U } from "../../../../../helpers/dateFormatting.js";
-function oe({ dictionary: r, ...i }) {
-  return w("Employee.Compensation", r), /* @__PURE__ */ t(W, { componentName: "Employee.Compensation.Management", children: /* @__PURE__ */ t(A, { ...i }) });
+import { Form as N } from "../../../../Common/Form/Form.js";
+import { useComponentDictionary as O, useI18n as S } from "../../../../../i18n/I18n.js";
+import { composeErrorHandler as p } from "../../../../../partner-hook-utils/composeErrorHandler.js";
+import { composeSubmitHandler as T } from "../../../../../partner-hook-utils/form/composeSubmitHandler.js";
+import { componentEvents as l } from "../../../../../shared/constants.js";
+function k({ dictionary: n, ...r }) {
+  return O("Employee.Compensation", n), /* @__PURE__ */ e(M, { componentName: "Employee.Compensation.Management", children: /* @__PURE__ */ e(_, { ...r }) });
 }
-function A({
-  employeeId: r,
-  jobId: i,
-  defaultValues: d,
-  ...m
+function _({
+  employeeId: n,
+  jobId: r,
+  defaultValues: f,
+  ...u
 }) {
-  const e = L({ employeeId: r }, { enabled: !!r });
-  if (e.isLoading || !e.data) {
-    const a = E([e]);
-    return /* @__PURE__ */ t(p, { isLoading: !0, error: a.errors });
+  const a = L({ employeeId: n }, { enabled: !!n });
+  if (a.isLoading || !a.data) {
+    const o = p([a]);
+    return /* @__PURE__ */ e(c, { isLoading: !0, error: o.errors });
   }
-  const n = e.data.jobs?.find((a) => a.uuid === i), o = n?.compensations?.find((a) => a.uuid === n.currentCompensationUuid), s = o ? {
-    title: o.title ?? n?.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 ?? ""
+  const s = a.data.jobs?.find((o) => o.uuid === r), t = s?.compensations?.find((o) => o.uuid === s.currentCompensationUuid), i = t ? {
+    // Title lives on compensation in the API — `job.title` can lag
+    // behind comp-level edits on secondaries, so seed directly from
+    // the comp.
+    title: t.title ?? void 0,
+    flsaStatus: t.flsaStatus ?? void 0,
+    rate: Number(t.rate),
+    paymentUnit: t.paymentUnit ?? void 0,
+    adjustForMinimumWage: t.adjustForMinimumWage ?? !1,
+    minimumWageId: t.minimumWages?.[0]?.uuid ?? ""
     // effectiveDate intentionally omitted — user must choose a future date
   } : void 0;
-  return /* @__PURE__ */ t(I, { employeeId: r, jobId: i, defaultValues: s, ...m });
+  return /* @__PURE__ */ e(j, { employeeId: n, jobId: r, defaultValues: i, ...u });
 }
-function I({ employeeId: r, jobId: i, defaultValues: d, onCancel: m, className: e, onEvent: n }) {
-  F("Employee.Compensation");
-  const o = h({
-    employeeId: r,
-    jobId: i,
+function j({ employeeId: n, jobId: r, defaultValues: f, onCancel: u, className: a, onEvent: s }) {
+  S("Employee.Compensation");
+  const { t } = F("Employee.Compensation"), i = h({
+    employeeId: n,
+    jobId: r,
     withTitleField: !1,
     withHireDateField: !1,
     shouldFocusError: !1
-  }), s = M({
-    employeeId: r,
-    jobId: i,
-    defaultValues: d,
+  }), o = D({
+    employeeId: n,
+    jobId: r,
+    defaultValues: f,
     withEffectiveDateField: !0,
     optionalFieldsToRequire: {
       create: ["title"]
     },
     shouldFocusError: !1
   });
-  if (o.isLoading || s.isLoading) {
-    const u = E([o, s]);
-    return /* @__PURE__ */ t(p, { isLoading: !0, error: u.errors });
+  if (i.isLoading || o.isLoading) {
+    const m = p([i, o]);
+    return /* @__PURE__ */ e(c, { isLoading: !0, error: m.errors });
   }
-  const a = O([o, s], async () => {
-    const u = await o.actions.onSubmit();
-    if (!u) return;
-    n(f.EMPLOYEE_JOB_UPDATED, u.data);
-    const c = await s.actions.onSubmit();
-    c && (n(f.EMPLOYEE_COMPENSATION_UPDATED, c.data), n(f.EMPLOYEE_COMPENSATION_DONE, c.data));
-  }), l = E([a]), D = o.status.isPending || s.status.isPending;
-  return /* @__PURE__ */ t("section", { className: v(y.container, e), children: /* @__PURE__ */ t(p, { error: l.errors, children: /* @__PURE__ */ t(k, { onSubmit: a.handleSubmit, children: /* @__PURE__ */ t(
+  const E = T([i, o], async () => {
+    const m = await i.actions.onSubmit();
+    if (!m) return;
+    s(l.EMPLOYEE_JOB_UPDATED, m.data);
+    const d = await o.actions.onSubmit();
+    d && (s(l.EMPLOYEE_COMPENSATION_UPDATED, d.data), s(l.EMPLOYEE_COMPENSATION_DONE, d.data));
+  }), g = p([E]), b = i.status.isPending || o.status.isPending;
+  return /* @__PURE__ */ e("section", { className: C(y.container, a), children: /* @__PURE__ */ e(c, { error: g.errors, children: /* @__PURE__ */ e(N, { onSubmit: E.handleSubmit, children: /* @__PURE__ */ e(
     P,
     {
-      jobForm: o,
-      compensationForm: s,
-      isPending: D,
-      onCancel: m
+      jobForm: i,
+      compensationForm: o,
+      title: t("management.editCompensationTitle"),
+      submitCtaLabel: t("management.saveCta"),
+      isPending: b,
+      onCancel: u
     }
   ) }) }) });
 }
-function P({ jobForm: r, compensationForm: i, isPending: d, onCancel: m }) {
-  const { t: e } = R("Employee.Compensation"), n = H(), o = _("currency"), s = r.form.Fields, a = i.form.Fields;
-  return /* @__PURE__ */ g(S, { flexDirection: "column", gap: 32, children: [
-    /* @__PURE__ */ t(n.Heading, { as: "h2", children: e("management.editCompensationTitle") }),
-    i.status.willDeleteSecondaryJobs && /* @__PURE__ */ t(
-      n.Alert,
-      {
-        label: e("management.scheduledClassificationChangeNotification"),
-        status: "warning"
-      }
-    ),
-    /* @__PURE__ */ t(
-      a.Title,
-      {
-        label: e("management.jobTitleLabel"),
-        validationMessages: { REQUIRED: e("validations.jobTitleSentence") },
-        formHookResult: i
-      }
-    ),
-    a.FlsaStatus && /* @__PURE__ */ t(
-      a.FlsaStatus,
-      {
-        label: e("employeeClassification"),
-        description: /* @__PURE__ */ t(
-          b,
-          {
-            t: e,
-            i18nKey: "classificationLink",
-            components: { ClassificationLink: /* @__PURE__ */ t(n.Link, {}) }
-          }
-        ),
-        validationMessages: {
-          REQUIRED: e("validations.exemptThreshold", {
-            limit: o(C)
-          })
-        },
-        getOptionLabel: (l) => e(`flsaStatusLabels.${l}`),
-        formHookResult: i
-      }
-    ),
-    /* @__PURE__ */ t(
-      a.Rate,
-      {
-        label: e("management.wageLabel"),
-        validationMessages: {
-          REQUIRED: e("validations.rate"),
-          RATE_MINIMUM: e("validations.nonZeroRate"),
-          RATE_EXEMPT_THRESHOLD: e("validations.rateExemptThreshold", {
-            limit: o(C)
-          })
-        },
-        formHookResult: i
-      }
-    ),
-    /* @__PURE__ */ t(
-      a.PaymentUnit,
-      {
-        label: e("management.wageFrequencyLabel"),
-        description: e("paymentUnitDescription"),
-        validationMessages: { REQUIRED: e("validations.paymentUnit") },
-        getOptionLabel: (l) => e(`management.wageFrequencyOptions.${l}`),
-        formHookResult: i
-      }
-    ),
-    a.EffectiveDate && /* @__PURE__ */ t(
-      a.EffectiveDate,
-      {
-        label: e("effectiveDateLabel"),
-        minDate: U(/* @__PURE__ */ new Date(), 1),
-        maxDate: i.data.maximumEffectiveDate ? new Date(i.data.maximumEffectiveDate) : void 0,
-        validationMessages: {
-          REQUIRED: e("validations.effectiveDate"),
-          EFFECTIVE_DATE_BEFORE_HIRE: e("validations.effectiveDateBeforeHire")
-        },
-        formHookResult: i
-      }
-    ),
-    a.AdjustForMinimumWage && /* @__PURE__ */ t(
-      a.AdjustForMinimumWage,
-      {
-        label: e("adjustForMinimumWage"),
-        description: e("adjustForMinimumWageDescription"),
-        formHookResult: i
-      }
-    ),
-    a.MinimumWageId && /* @__PURE__ */ t(
-      a.MinimumWageId,
-      {
-        label: e("minimumWageLabel"),
-        description: e("minimumWageDescription"),
-        validationMessages: { REQUIRED: e("validations.minimumWage") },
-        getOptionLabel: (l) => `${o(Number(l.wage))} - ${l.authority}: ${l.notes ?? ""}`,
-        formHookResult: i
-      }
-    ),
-    s.TwoPercentShareholder && /* @__PURE__ */ t(
-      s.TwoPercentShareholder,
-      {
-        label: e("management.twoPercentShareholderLabel"),
-        formHookResult: r
-      }
-    ),
-    s.StateWcCovered && /* @__PURE__ */ t(
-      s.StateWcCovered,
-      {
-        label: e("stateWcCoveredLabel"),
-        description: /* @__PURE__ */ t(
-          b,
-          {
-            t: e,
-            i18nKey: "stateWcCoveredDescription",
-            components: {
-              wcLink: /* @__PURE__ */ t(
-                n.Link,
-                {
-                  href: "https://www.lni.wa.gov/insurance/rates-risk-classes/risk-classes-for-workers-compensation/risk-class-lookup#/",
-                  target: "_blank",
-                  rel: "noopener noreferrer"
-                }
-              )
-            }
-          }
-        ),
-        getOptionLabel: (l) => e(l ? "stateWcCoveredOptions.yes" : "stateWcCoveredOptions.no"),
-        formHookResult: r
-      }
-    ),
-    s.StateWcClassCode && /* @__PURE__ */ t(
-      s.StateWcClassCode,
-      {
-        label: e("stateWcClassCodeLabel"),
-        description: e("stateWcClassCodeDescription"),
-        placeholder: e("stateWcClassCodeLabel"),
-        validationMessages: { REQUIRED: e("validations.stateWcClassCode") },
-        formHookResult: r
-      }
-    ),
-    /* @__PURE__ */ g(T, { children: [
-      m && /* @__PURE__ */ t(n.Button, { variant: "secondary", onClick: m, isDisabled: d, children: e("cancelCta") }),
-      /* @__PURE__ */ t(n.Button, { type: "submit", isLoading: d, children: e("management.saveCta") })
-    ] })
-  ] });
-}
 export {
-  oe as EditCompensation
+  k as EditCompensation
 };
 //# sourceMappingURL=EditCompensation.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"EditCompensation.js","sources":["../../../../../../src/components/Employee/Compensation/management/EditCompensation/EditCompensation.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport { 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 { useJobsAndCompensationsGetJobs } from '@gusto/embedded-api/react-query/jobsAndCompensationsGetJobs'\nimport { useJobForm, type UseJobFormReady } from '../../shared/useJobForm'\nimport {\n  useCompensationForm,\n  type UseCompensationFormReady,\n  type CompensationFormData,\n} from '../../shared/useCompensationForm'\nimport styles from './EditCompensation.module.scss'\nimport { BaseBoundaries, BaseLayout, type CommonComponentInterface } from '@/components/Base'\nimport type { OnEventType } from '@/components/Base/useBase'\nimport { ActionsLayout, Flex } from '@/components/Common'\nimport { Form } from '@/components/Common/Form'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useComponentDictionary, useI18n } from '@/i18n'\nimport { composeErrorHandler } from '@/partner-hook-utils/composeErrorHandler'\nimport { composeSubmitHandler } from '@/partner-hook-utils/form/composeSubmitHandler'\nimport { componentEvents, FLSA_OVERTIME_SALARY_LIMIT, type EventType } from '@/shared/constants'\nimport useNumberFormatter from '@/hooks/useNumberFormatter'\nimport { addDays } from '@/helpers/dateFormatting'\n\nexport interface EditCompensationProps extends CommonComponentInterface<'Employee.Compensation'> {\n  employeeId: string\n  jobId: string\n  onCancel?: () => void\n  /** Called with `EMPLOYEE_COMPENSATION_UPDATED` then `EMPLOYEE_COMPENSATION_DONE` on a successful save. Use `EMPLOYEE_COMPENSATION_DONE` to trigger navigation. */\n  onEvent: OnEventType<EventType, unknown>\n}\n\nexport function EditCompensation({ dictionary, ...props }: EditCompensationProps) {\n  useComponentDictionary('Employee.Compensation', dictionary)\n  return (\n    <BaseBoundaries componentName=\"Employee.Compensation.Management\">\n      <CompensationDefaultsLoader {...props} />\n    </BaseBoundaries>\n  )\n}\n\ntype LoaderProps = Omit<EditCompensationProps, '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: currentComp.title ?? job?.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, onCancel, className, onEvent }: RootProps) {\n  useI18n('Employee.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    onEvent(componentEvents.EMPLOYEE_JOB_UPDATED, jobResult.data)\n\n    const compensationResult = await compensationForm.actions.onSubmit()\n    if (!compensationResult) return\n\n    onEvent(componentEvents.EMPLOYEE_COMPENSATION_UPDATED, compensationResult.data)\n    onEvent(componentEvents.EMPLOYEE_COMPENSATION_DONE, compensationResult.data)\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          <FormBody\n            jobForm={jobForm}\n            compensationForm={compensationForm}\n            isPending={isPending}\n            onCancel={onCancel}\n          />\n        </Form>\n      </BaseLayout>\n    </section>\n  )\n}\n\ninterface FormBodyProps {\n  jobForm: UseJobFormReady\n  compensationForm: UseCompensationFormReady\n  isPending: boolean\n  onCancel?: () => void\n}\n\nfunction FormBody({ jobForm, compensationForm, isPending, onCancel }: FormBodyProps) {\n  const { t } = useTranslation('Employee.Compensation')\n  const Components = useComponentContext()\n  const format = useNumberFormatter('currency')\n\n  const JobFields = jobForm.form.Fields\n  const CompFields = compensationForm.form.Fields\n\n  return (\n    <Flex flexDirection=\"column\" gap={32}>\n      <Components.Heading as=\"h2\">{t('management.editCompensationTitle')}</Components.Heading>\n\n      {compensationForm.status.willDeleteSecondaryJobs && (\n        <Components.Alert\n          label={t('management.scheduledClassificationChangeNotification')}\n          status=\"warning\"\n        />\n      )}\n\n      <CompFields.Title\n        label={t('management.jobTitleLabel')}\n        validationMessages={{ REQUIRED: t('validations.jobTitleSentence') }}\n        formHookResult={compensationForm}\n      />\n\n      {CompFields.FlsaStatus && (\n        <CompFields.FlsaStatus\n          label={t('employeeClassification')}\n          description={\n            <Trans\n              t={t}\n              i18nKey=\"classificationLink\"\n              components={{ ClassificationLink: <Components.Link /> }}\n            />\n          }\n          validationMessages={{\n            REQUIRED: t('validations.exemptThreshold', {\n              limit: format(FLSA_OVERTIME_SALARY_LIMIT),\n            }),\n          }}\n          getOptionLabel={(status: FlsaStatusType) => t(`flsaStatusLabels.${status}`)}\n          formHookResult={compensationForm}\n        />\n      )}\n\n      <CompFields.Rate\n        label={t('management.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      <CompFields.PaymentUnit\n        label={t('management.wageFrequencyLabel')}\n        description={t('paymentUnitDescription')}\n        validationMessages={{ REQUIRED: t('validations.paymentUnit') }}\n        getOptionLabel={(unit: PaymentUnit) =>\n          t(`management.wageFrequencyOptions.${unit}` as const)\n        }\n        formHookResult={compensationForm}\n      />\n\n      {CompFields.EffectiveDate && (\n        <CompFields.EffectiveDate\n          label={t('effectiveDateLabel')}\n          minDate={addDays(new Date(), 1)}\n          maxDate={\n            compensationForm.data.maximumEffectiveDate\n              ? new Date(compensationForm.data.maximumEffectiveDate)\n              : undefined\n          }\n          validationMessages={{\n            REQUIRED: t('validations.effectiveDate'),\n            EFFECTIVE_DATE_BEFORE_HIRE: t('validations.effectiveDateBeforeHire'),\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          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('management.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\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          {t('management.saveCta')}\n        </Components.Button>\n      </ActionsLayout>\n    </Flex>\n  )\n}\n"],"names":["EditCompensation","dictionary","props","useComponentDictionary","jsx","BaseBoundaries","CompensationDefaultsLoader","employeeId","jobId","_baseDefaults","rest","jobsQuery","useJobsAndCompensationsGetJobs","errorHandling","composeErrorHandler","BaseLayout","job","j","currentComp","c","defaultValues","Root","onCancel","className","onEvent","useI18n","jobForm","useJobForm","compensationForm","useCompensationForm","loadingErrorHandling","submitResult","composeSubmitHandler","jobResult","componentEvents","compensationResult","isPending","classNames","styles","Form","FormBody","t","useTranslation","Components","useComponentContext","format","useNumberFormatter","JobFields","CompFields","jsxs","Flex","Trans","FLSA_OVERTIME_SALARY_LIMIT","status","unit","addDays","wage","covered","ActionsLayout"],"mappings":"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"}
+{"version":3,"file":"EditCompensation.js","sources":["../../../../../../src/components/Employee/Compensation/management/EditCompensation/EditCompensation.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport { useTranslation } from 'react-i18next'\nimport { useJobsAndCompensationsGetJobs } from '@gusto/embedded-api/react-query/jobsAndCompensationsGetJobs'\nimport { useJobForm } from '../../shared/useJobForm'\nimport { useCompensationForm, type CompensationFormData } from '../../shared/useCompensationForm'\nimport { ManagementCompensationFormBody } from '../ManagementCompensationFormBody'\nimport styles from './EditCompensation.module.scss'\nimport { BaseBoundaries, BaseLayout, type CommonComponentInterface } from '@/components/Base'\nimport type { OnEventType } from '@/components/Base/useBase'\nimport { Form } from '@/components/Common/Form'\nimport { useComponentDictionary, useI18n } from '@/i18n'\nimport { composeErrorHandler } from '@/partner-hook-utils/composeErrorHandler'\nimport { composeSubmitHandler } from '@/partner-hook-utils/form/composeSubmitHandler'\nimport { componentEvents, type EventType } from '@/shared/constants'\n\nexport interface EditCompensationProps extends CommonComponentInterface<'Employee.Compensation'> {\n  employeeId: string\n  jobId: string\n  onCancel?: () => void\n  /** Called with `EMPLOYEE_COMPENSATION_UPDATED` then `EMPLOYEE_COMPENSATION_DONE` on a successful save. Use `EMPLOYEE_COMPENSATION_DONE` to trigger navigation. */\n  onEvent: OnEventType<EventType, unknown>\n}\n\nexport function EditCompensation({ dictionary, ...props }: EditCompensationProps) {\n  useComponentDictionary('Employee.Compensation', dictionary)\n  return (\n    <BaseBoundaries componentName=\"Employee.Compensation.Management\">\n      <CompensationDefaultsLoader {...props} />\n    </BaseBoundaries>\n  )\n}\n\ntype LoaderProps = Omit<EditCompensationProps, '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, onCancel, className, onEvent }: RootProps) {\n  useI18n('Employee.Compensation')\n  const { t } = useTranslation('Employee.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    onEvent(componentEvents.EMPLOYEE_JOB_UPDATED, jobResult.data)\n\n    const compensationResult = await compensationForm.actions.onSubmit()\n    if (!compensationResult) return\n\n    onEvent(componentEvents.EMPLOYEE_COMPENSATION_UPDATED, compensationResult.data)\n    onEvent(componentEvents.EMPLOYEE_COMPENSATION_DONE, compensationResult.data)\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('management.editCompensationTitle')}\n            submitCtaLabel={t('management.saveCta')}\n            isPending={isPending}\n            onCancel={onCancel}\n          />\n        </Form>\n      </BaseLayout>\n    </section>\n  )\n}\n"],"names":["EditCompensation","dictionary","props","useComponentDictionary","jsx","BaseBoundaries","CompensationDefaultsLoader","employeeId","jobId","_baseDefaults","rest","jobsQuery","useJobsAndCompensationsGetJobs","errorHandling","composeErrorHandler","BaseLayout","job","j","currentComp","c","defaultValues","Root","onCancel","className","onEvent","useI18n","useTranslation","jobForm","useJobForm","compensationForm","useCompensationForm","loadingErrorHandling","submitResult","composeSubmitHandler","jobResult","componentEvents","compensationResult","isPending","classNames","styles","Form","ManagementCompensationFormBody"],"mappings":"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"}

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

@@ -0,0 +1,25 @@
+import { CommonComponentInterface } from '../../../../Base';
+import { OnEventType } from '../../../../Base/useBase';
+import { EventType } from '../../../../../shared/constants';
+export interface EditPendingCompensationProps extends CommonComponentInterface<'Employee.Compensation'> {
+    employeeId: string;
+    jobId: string;
+    /** The UUID of the pending (future-dated) compensation to update. Always required — this
+     *  component only operates in update mode. */
+    compensationId: string;
+    /**
+     * True when the job has no current (on-or-before-today) compensation — i.e. it hasn't
+     * started yet. Drives which date field is shown and how the submit syncs hire_date.
+     */
+    isNewJob: boolean;
+    /**
+     * True when this is the employee's primary job. Combined with `isNewJob`, determines
+     * 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. */
+    onEvent: OnEventType<EventType, unknown>;
+}
+export declare function EditPendingCompensation({ dictionary, ...props }: EditPendingCompensationProps): import("react/jsx-runtime").JSX.Element;

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"EditPendingCompensation.js","sources":["../../../../../../src/components/Employee/Compensation/management/EditPendingCompensation/EditPendingCompensation.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 './EditPendingCompensation.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 EditPendingCompensationProps extends CommonComponentInterface<'Employee.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  onCancel?: () => void\n  /** Called with `EMPLOYEE_COMPENSATION_UPDATED` then `EMPLOYEE_COMPENSATION_DONE` on a\n   *  successful save. Use `EMPLOYEE_COMPENSATION_DONE` to trigger navigation. */\n  onEvent: OnEventType<EventType, unknown>\n}\n\nexport function EditPendingCompensation({ dictionary, ...props }: EditPendingCompensationProps) {\n  useComponentDictionary('Employee.Compensation', dictionary)\n  return (\n    <BaseBoundaries componentName=\"Employee.Compensation.Management\">\n      <Root {...props} />\n    </BaseBoundaries>\n  )\n}\n\ntype RootProps = Omit<EditPendingCompensationProps, 'dictionary'>\n\nfunction Root({\n  employeeId,\n  jobId,\n  compensationId,\n  isNewJob,\n  isPrimaryJob,\n  onCancel,\n  className,\n  onEvent,\n}: RootProps) {\n  useI18n('Employee.Compensation')\n  const { t } = useTranslation('Employee.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    onEvent(componentEvents.EMPLOYEE_JOB_UPDATED, jobResult.data)\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(componentEvents.EMPLOYEE_COMPENSATION_UPDATED, compensationResult.data)\n    onEvent(componentEvents.EMPLOYEE_COMPENSATION_DONE, compensationResult.data)\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('management.editCompensationTitle')}\n            submitCtaLabel={t('management.saveCta')}\n            isPending={isPending}\n            onCancel={onCancel}\n          />\n        </Form>\n      </BaseLayout>\n    </section>\n  )\n}\n"],"names":["EditPendingCompensation","dictionary","props","useComponentDictionary","jsx","BaseBoundaries","Root","employeeId","jobId","compensationId","isNewJob","isPrimaryJob","onCancel","className","onEvent","useI18n","t","useTranslation","isPrimaryNewJob","jobForm","useJobForm","compensationForm","useCompensationForm","loadingErrorHandling","composeErrorHandler","BaseLayout","submitResult","composeSubmitHandler","hireDateOverride","jobResult","componentEvents","freshCompVersion","c","compensationResult","errorHandling","isPending","classNames","styles","Form","ManagementCompensationFormBody"],"mappings":";;;;;;;;;;;;;;AAoCO,SAASA,EAAwB,EAAE,YAAAC,GAAY,GAAGC,KAAuC;AAC9F,SAAAC,EAAuB,yBAAyBF,CAAU,GAExD,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,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,SAAAC;AACF,GAAc;AACZ,EAAAC,EAAQ,uBAAuB;AAC/B,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,uBAAuB,GAM9CC,IAAkBR,KAAYC,GAQ9BQ,IAAUC,EAAW;AAAA,IACzB,YAAAb;AAAA,IACA,OAAAC;AAAA,IACA,gBAAgB;AAAA,IAChB,mBAAmBU;AAAA,IACnB,yBAAyBA,IAAkB,EAAE,QAAQ,CAAC,UAAU,MAAM;AAAA,IACtE,kBAAkB;AAAA,EAAA,CACnB,GAEKG,IAAmBC,EAAoB;AAAA,IAC3C,YAAAf;AAAA,IACA,OAAAC;AAAA,IACA,gBAAAC;AAAA;AAAA;AAAA,IAGA,wBAAwB,CAACS;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;AAEhB,IAAAf,EAAQgB,EAAgB,sBAAsBD,EAAU,IAAI;AAM5D,UAAME,IAAmBF,EAAU,KAAK,eAAe;AAAA,MACrD,CAAAG,MAAKA,EAAE,SAASvB;AAAA,IAAA,GACf,SAEGwB,IAAqB,MAAMZ,EAAiB,QAAQ,SAAS;AAAA,MACjE,GAAIO,IAAmB,EAAE,eAAeA,EAAA,IAAqB,CAAA;AAAA,MAC7D,qBAAqBG;AAAA,IAAA,CACtB;AACD,IAAKE,MAELnB,EAAQgB,EAAgB,+BAA+BG,EAAmB,IAAI,GAC9EnB,EAAQgB,EAAgB,4BAA4BG,EAAmB,IAAI;AAAA,EAC7E,CAAC,GAEKC,IAAgBV,EAAoB,CAACE,CAAY,CAAC,GAClDS,IAAYhB,EAAQ,OAAO,aAAaE,EAAiB,OAAO;AAEtE,2BACG,WAAA,EAAQ,WAAWe,EAAWC,EAAO,WAAWxB,CAAS,GACxD,UAAA,gBAAAT,EAACqB,GAAA,EAAW,OAAOS,EAAc,QAC/B,4BAACI,GAAA,EAAK,UAAUZ,EAAa,cAC3B,UAAA,gBAAAtB;AAAA,IAACmC;AAAA,IAAA;AAAA,MACC,SAAApB;AAAA,MACA,kBAAAE;AAAA,MACA,OAAOL,EAAE,kCAAkC;AAAA,MAC3C,gBAAgBA,EAAE,oBAAoB;AAAA,MACtC,WAAAmB;AAAA,MACA,UAAAvB;AAAA,IAAA;AAAA,EAAA,EACF,CACF,GACF,GACF;AAEJ;"}

package/dist/components/Employee/Compensation/management/EditPendingCompensation/EditPendingCompensation.module.scss.js

@@ -0,0 +1,8 @@
+const n = "_container_18572_1", t = {
+  container: n
+};
+export {
+  n as container,
+  t as default
+};
+//# sourceMappingURL=EditPendingCompensation.module.scss.js.map

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

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

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

@@ -0,0 +1,18 @@
+import { UseJobFormReady } from '../shared/useJobForm';
+import { UseCompensationFormReady } from '../shared/useCompensationForm';
+export interface ManagementCompensationFormBodyProps {
+    jobForm: UseJobFormReady;
+    compensationForm: UseCompensationFormReady;
+    title: string;
+    submitCtaLabel: string;
+    isPending: boolean;
+    onCancel?: () => void;
+}
+/**
+ * Renders the shared field layout used by both `EditCompensation` (schedule a future comp
+ * change for a present job) and `EditPendingCompensation` (update an existing future comp).
+ * Field visibility is driven entirely by hook configuration — the hooks expose `undefined`
+ * 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;