@gusto/embedded-react-sdk 0.46.2 → 0.47.0

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

@@ -0,0 +1,324 @@
+import { jsx as n, jsxs as f, Fragment as ce } from "react/jsx-runtime";
+import { useCallback as de, useState as B, useEffect as me } from "react";
+import { useTranslation as F } from "react-i18next";
+import { useJobsAndCompensationsDeleteMutation as ue } from "@gusto/embedded-api-v-2025-11-15/react-query/jobsAndCompensationsDelete";
+import { usePendingChangeDetailRenderer as pe } from "../../shared/usePendingChangeDetailRenderer.js";
+import { PendingChangesReviewModal as ge } from "../../shared/PendingChangesReviewModal.js";
+import x from "./CompensationCard.module.scss.js";
+import { Flex as J } from "../../../../Common/Flex/Flex.js";
+import { useComponentContext as j } from "../../../../../contexts/ComponentAdapter/useComponentContext.js";
+import { Loading as fe } from "../../../../Common/Loading/Loading.js";
+import { EmptyData as Ce } from "../../../../Common/EmptyData/EmptyData.js";
+import { BaseBoundaries as he, BaseLayout as Y } from "../../../../Base/Base.js";
+import { formatDateToStringDate as be, formatDateLongWithYear as b } from "../../../../../helpers/dateFormatting.js";
+import { useFormatCompensationRate as Ee } from "../../../../../helpers/formattedStrings.js";
+import { useI18n as ye } from "../../../../../i18n/I18n.js";
+import { componentEvents as C, FlsaStatus as k } from "../../../../../shared/constants.js";
+import H from "../../../../../assets/icons/plus-circle.svg.js";
+import De from "../../../../../assets/icons/trashcan.svg.js";
+import Ae from "../../../../../assets/icons/pencil.svg.js";
+import { useCompensationManagement as Ne } from "../../shared/useCompensationManagement/useCompensationManagement.js";
+import { VisuallyHidden as Je } from "../../../../Common/VisuallyHidden/VisuallyHidden.js";
+import { HamburgerMenu as Pe } from "../../../../Common/HamburgerMenu/HamburgerMenu.js";
+import { useDataView as Te } from "../../../../Common/DataView/useDataView.js";
+import { DataView as Me } from "../../../../Common/DataView/DataView.js";
+function I(o) {
+  if (o === void 0) return null;
+  const r = parseFloat(o);
+  return Number.isFinite(r) ? r : null;
+}
+function tt(o) {
+  return /* @__PURE__ */ n(he, { componentName: "Employee.Management.Compensation", children: /* @__PURE__ */ n(ve, { ...o }) });
+}
+function ve({ employeeId: o, onEvent: r }) {
+  ye("Employee.Management.Compensation");
+  const { t: c } = F("Employee.Management.Compensation"), t = j(), i = Ne({ employeeId: o });
+  return i.isLoading ? /* @__PURE__ */ n(Y, { error: i.errorHandling.errors, children: /* @__PURE__ */ n(t.Box, { header: /* @__PURE__ */ n(t.BoxHeader, { title: c("card.title") }), children: /* @__PURE__ */ n(fe, {}) }) }) : /* @__PURE__ */ n(Se, { employeeId: o, onEvent: r, compensation: i });
+}
+function Se({ employeeId: o, onEvent: r, compensation: c }) {
+  const { t } = F("Employee.Management.Compensation"), i = j(), P = Ee(), { jobs: p, primaryFlsaStatus: G, pendingChanges: T, hasMultipleJobs: u, employeeFirstName: E } = c.data, { cancellingCompensationUuid: M } = c.status, v = de(
+    async (e) => {
+      await c.actions.cancelPendingChange(e) && r(C.EMPLOYEE_MANAGEMENT_COMPENSATION_CARD_CHANGE_CANCELLED, {
+        employeeId: o,
+        compensationId: e.compensationUuid
+      });
+    },
+    [c, r, o]
+  ), [g, y] = B(null), { mutateAsync: V, isPending: S } = ue(), W = async () => {
+    if (!g) return;
+    const e = g.uuid;
+    await V({ request: { jobId: e } }), r(C.EMPLOYEE_MANAGEMENT_COMPENSATION_CARD_JOB_DELETED, {
+      employeeId: o,
+      jobId: e
+    }), y(null);
+  }, a = p.length === 1 ? p[0] : void 0, Q = be(/* @__PURE__ */ new Date()) ?? "", z = p.find((e) => e.primary)?.compensations?.some(
+    (e) => e.effectiveDate !== void 0 && e.effectiveDate > Q && e.flsaStatus !== k.NONEXEMPT
+  ) ?? !1, X = p.length >= 1 && G === k.NONEXEMPT && !z, U = a ? I(a.rate) : null, w = a?.compensations?.find(
+    (e) => e.uuid === a.currentCompensationUuid
+  ), h = /* @__PURE__ */ n("span", { "aria-label": t("card.listEmptyPlaceholder"), children: "–" }), q = a?.paymentUnit ? a.paymentUnit === "Hour" ? t("card.types.hourly") : a.paymentUnit === "Salary" || a.paymentUnit === "Year" ? t("card.types.salary") : a.paymentUnit : null, [$, D] = B(!1), K = pe(E), Z = T.filter((e) => e.isNewJob), d = T.filter((e) => !e.isNewJob);
+  me(() => {
+    d.length === 0 && D(!1);
+  }, [d.length]);
+  const A = new Set(Z.map((e) => e.jobUuid)), ee = a ? A.has(a.uuid) : !1, te = A.size > 0, L = new Set(d.map((e) => e.jobUuid)), ne = a ? L.has(a.uuid) : !1, _ = d.length > 0, O = u && d.length > 1, ie = _ && !O, m = d[0], R = (e) => {
+    r(C.EMPLOYEE_MANAGEMENT_COMPENSATION_CARD_EDIT_REQUESTED, {
+      employeeId: o,
+      jobId: e.uuid
+    });
+  }, ae = () => {
+    r(C.EMPLOYEE_MANAGEMENT_COMPENSATION_CARD_ADD_REQUESTED, { employeeId: o });
+  }, oe = () => {
+    r(C.EMPLOYEE_MANAGEMENT_COMPENSATION_CARD_ADD_ANOTHER_REQUESTED, {
+      employeeId: o
+    });
+  }, re = [
+    {
+      key: "jobTitle",
+      title: t("card.columns.jobTitle"),
+      render: (e) => {
+        const s = e.compensations?.find((N) => N.uuid === e.currentCompensationUuid), l = I(e.rate);
+        return /* @__PURE__ */ f(ce, { children: [
+          s?.title || "-",
+          l !== null && e.paymentUnit ? /* @__PURE__ */ n(i.Text, { variant: "supporting", size: "sm", children: P(l, e.paymentUnit) }) : null
+        ] });
+      }
+    },
+    {
+      key: "payType",
+      title: t("card.columns.payType"),
+      render: (e) => {
+        const s = e.compensations?.find(
+          (l) => l.uuid === e.currentCompensationUuid
+        )?.flsaStatus;
+        return s !== void 0 ? t(`flsaStatusLabels.${s}`) : "-";
+      }
+    },
+    {
+      key: "effectiveDate",
+      title: t("card.columns.effectiveDate"),
+      render: (e) => {
+        const s = e.compensations?.find((l) => l.uuid === e.currentCompensationUuid);
+        return s?.effectiveDate ? b(s.effectiveDate) : "-";
+      }
+    },
+    ...te ? [
+      {
+        key: "status",
+        title: /* @__PURE__ */ n(Je, { children: t("card.columns.status") }),
+        render: (e) => A.has(e.uuid) ? /* @__PURE__ */ n(i.Badge, { status: "warning", children: t("card.pendingStatus") }) : null
+      }
+    ] : []
+  ], se = Te({
+    data: p,
+    columns: re,
+    itemMenu: (e) => {
+      const l = [
+        ...L.has(e.uuid) ? [] : [
+          {
+            label: t("card.editJobCta"),
+            icon: /* @__PURE__ */ n(Ae, { "aria-hidden": !0 }),
+            onClick: () => {
+              R(e);
+            }
+          }
+        ],
+        ...e.primary ? [] : [
+          {
+            label: t("card.deleteJobCta"),
+            icon: /* @__PURE__ */ n(De, { "aria-hidden": !0 }),
+            onClick: () => {
+              const N = e.compensations?.find(
+                (le) => le.uuid === e.currentCompensationUuid
+              );
+              y({ uuid: e.uuid, title: N?.title ?? "" });
+            }
+          }
+        ]
+      ];
+      return l.length === 0 ? null : /* @__PURE__ */ n(
+        Pe,
+        {
+          triggerLabel: t("card.hamburgerTitle"),
+          isLoading: S,
+          items: l
+        }
+      );
+    }
+  });
+  return /* @__PURE__ */ f(Y, { error: c.errorHandling.errors, children: [
+    /* @__PURE__ */ n(
+      i.Box,
+      {
+        withPadding: !u,
+        header: /* @__PURE__ */ n(
+          i.BoxHeader,
+          {
+            title: t("card.title"),
+            action: u ? null : a ? ne ? null : /* @__PURE__ */ n(
+              i.Button,
+              {
+                variant: "secondary",
+                onClick: () => {
+                  R(a);
+                },
+                children: t("card.editCta")
+              }
+            ) : /* @__PURE__ */ n(
+              i.Button,
+              {
+                variant: "secondary",
+                onClick: ae,
+                icon: /* @__PURE__ */ n(H, {}),
+                children: t("card.addJobCta")
+              }
+            )
+          }
+        ),
+        footer: X ? /* @__PURE__ */ n(
+          i.Button,
+          {
+            variant: "secondary",
+            onClick: oe,
+            icon: /* @__PURE__ */ n(H, {}),
+            children: t("card.addAnotherJobCta")
+          }
+        ) : void 0,
+        children: /* @__PURE__ */ f(J, { flexDirection: "column", gap: 16, children: [
+          _ && /* @__PURE__ */ n(
+            "div",
+            {
+              className: [x.alertWrapper, u && x.alertWrapperPadded].filter(Boolean).join(" "),
+              children: /* @__PURE__ */ f(J, { flexDirection: "column", gap: 16, children: [
+                ie && m && /* @__PURE__ */ n(
+                  i.Alert,
+                  {
+                    status: "warning",
+                    disableScrollIntoView: !0,
+                    label: u ? t("card.pendingChange.alertLabelWithJob", {
+                      jobTitle: m.jobTitle,
+                      date: b(m.effectiveDate)
+                    }) : t("card.pendingChange.alertLabel", {
+                      date: b(m.effectiveDate)
+                    }),
+                    children: /* @__PURE__ */ f(J, { flexDirection: "column", gap: 12, children: [
+                      /* @__PURE__ */ n(
+                        i.UnorderedList,
+                        {
+                          items: m.details.map((e) => K(e))
+                        }
+                      ),
+                      /* @__PURE__ */ n("div", { children: /* @__PURE__ */ n(
+                        i.Button,
+                        {
+                          variant: "secondary",
+                          isLoading: M === m.compensationUuid,
+                          onClick: () => {
+                            v(m);
+                          },
+                          children: t("card.pendingChange.cancelCta")
+                        }
+                      ) })
+                    ] })
+                  }
+                ),
+                O && /* @__PURE__ */ n(
+                  i.Alert,
+                  {
+                    status: "warning",
+                    disableScrollIntoView: !0,
+                    label: t("card.pendingChange.summaryLabel", {
+                      name: E ?? ""
+                    }),
+                    action: /* @__PURE__ */ n(
+                      i.Button,
+                      {
+                        variant: "secondary",
+                        onClick: () => {
+                          D(!0);
+                        },
+                        children: t("card.pendingChange.reviewCta")
+                      }
+                    )
+                  }
+                )
+              ] })
+            }
+          ),
+          u ? /* @__PURE__ */ n(Me, { label: t("card.tableLabel"), isWithinBox: !0, ...se }) : a ? /* @__PURE__ */ n(
+            i.DescriptionList,
+            {
+              items: [
+                {
+                  term: t("card.jobTitle"),
+                  description: a.title || h
+                },
+                {
+                  term: t("card.type"),
+                  description: q || h
+                },
+                {
+                  term: t("card.wage"),
+                  description: U !== null && a.paymentUnit ? P(U, a.paymentUnit) : h
+                },
+                {
+                  term: t("card.effectiveDate"),
+                  description: w?.effectiveDate ? b(w.effectiveDate) : h
+                },
+                ...ee ? [
+                  {
+                    term: t("card.columns.status"),
+                    description: /* @__PURE__ */ n(i.Badge, { status: "warning", children: t("card.pendingStatus") })
+                  }
+                ] : []
+              ]
+            }
+          ) : /* @__PURE__ */ n(
+            Ce,
+            {
+              title: t("card.emptyState.title"),
+              description: t("card.emptyState.description")
+            }
+          )
+        ] })
+      }
+    ),
+    /* @__PURE__ */ n(
+      ge,
+      {
+        isOpen: $,
+        pendingChanges: d,
+        employeeFirstName: E,
+        cancellingCompensationUuid: M,
+        onClose: () => {
+          D(!1);
+        },
+        onCancelChange: (e) => {
+          v(e);
+        }
+      }
+    ),
+    /* @__PURE__ */ n(
+      i.Dialog,
+      {
+        isOpen: g !== null,
+        onClose: () => {
+          y(null);
+        },
+        onPrimaryActionClick: () => {
+          W();
+        },
+        isPrimaryActionLoading: S,
+        isDestructive: !0,
+        title: t("card.deleteJobDialog.title"),
+        primaryActionLabel: t("card.deleteJobDialog.confirmCta"),
+        closeActionLabel: t("card.deleteJobDialog.cancelCta"),
+        children: g ? t("card.deleteJobDialog.description", {
+          jobTitle: g.title
+        }) : null
+      }
+    )
+  ] });
+}
+export {
+  tt as CompensationCard
+};
+//# sourceMappingURL=CompensationCard.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CompensationCard.js","sources":["../../../../../../src/components/Employee/Compensation/management/CompensationCard/CompensationCard.tsx"],"sourcesContent":["import { useCallback, useEffect, useState } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { useJobsAndCompensationsDeleteMutation } from '@gusto/embedded-api-v-2025-11-15/react-query/jobsAndCompensationsDelete'\nimport type { Job } from '@gusto/embedded-api-v-2025-11-15/models/components/job'\nimport {\n  useCompensationManagement,\n  type UseCompensationManagementReady,\n} from '../../shared/useCompensationManagement'\nimport type { PendingCompensationChange } from '../../shared/getPendingCompensationChanges'\nimport { usePendingChangeDetailRenderer } from '../../shared/usePendingChangeDetailRenderer'\nimport { PendingChangesReviewModal } from '../../shared/PendingChangesReviewModal'\nimport styles from './CompensationCard.module.scss'\nimport { Flex } from '@/components/Common/Flex/Flex'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { DataView, useDataView, EmptyData, Loading, VisuallyHidden } from '@/components/Common'\nimport { HamburgerMenu } from '@/components/Common/HamburgerMenu'\nimport { BaseBoundaries, BaseLayout } from '@/components/Base/Base'\nimport { formatDateLongWithYear, formatDateToStringDate } from '@/helpers/dateFormatting'\nimport { useFormatCompensationRate } from '@/helpers/formattedStrings'\nimport { useI18n } from '@/i18n'\nimport { componentEvents, FlsaStatus, type EventType } from '@/shared/constants'\nimport type { OnEventType } from '@/components/Base/useBase'\nimport PlusCircleIcon from '@/assets/icons/plus-circle.svg?react'\nimport TrashCanSvg from '@/assets/icons/trashcan.svg?react'\nimport PencilSvg from '@/assets/icons/pencil.svg?react'\n\nfunction parseJobRate(rate: Job['rate']): number | null {\n  if (rate === undefined) return null\n  const numericRate = parseFloat(rate)\n  return Number.isFinite(numericRate) ? numericRate : null\n}\n\nexport interface CompensationCardProps {\n  employeeId: string\n  onEvent: OnEventType<EventType, unknown>\n}\n\n/**\n * Standalone \"Compensation\" management card. Owns its own data fetch via\n * `useCompensationManagement`, the pending-change alerts + review modal, and\n * the delete-job confirm dialog. It emits scoped\n * `EMPLOYEE_MANAGEMENT_COMPENSATION_CARD_*` events for edit/add/add-another\n * requests and for completed in-card delete/cancel actions; an orchestrator\n * (the `Compensation` block or the dashboard) routes those to the edit/add\n * surfaces and renders any success alerts.\n */\nexport function CompensationCard(props: CompensationCardProps) {\n  return (\n    <BaseBoundaries componentName=\"Employee.Management.Compensation\">\n      <CompensationCardContent {...props} />\n    </BaseBoundaries>\n  )\n}\n\nfunction CompensationCardContent({ employeeId, onEvent }: CompensationCardProps) {\n  useI18n('Employee.Management.Compensation')\n  const { t } = useTranslation('Employee.Management.Compensation')\n  const Components = useComponentContext()\n\n  const compensation = useCompensationManagement({ employeeId })\n\n  if (compensation.isLoading) {\n    return (\n      <BaseLayout error={compensation.errorHandling.errors}>\n        <Components.Box header={<Components.BoxHeader title={t('card.title')} />}>\n          <Loading />\n        </Components.Box>\n      </BaseLayout>\n    )\n  }\n\n  return (\n    <CompensationCardReady employeeId={employeeId} onEvent={onEvent} compensation={compensation} />\n  )\n}\n\ninterface CompensationCardReadyProps extends CompensationCardProps {\n  compensation: UseCompensationManagementReady\n}\n\nfunction CompensationCardReady({ employeeId, onEvent, compensation }: CompensationCardReadyProps) {\n  const { t } = useTranslation('Employee.Management.Compensation')\n  const Components = useComponentContext()\n  const formatCompensationRate = useFormatCompensationRate()\n\n  const { jobs, primaryFlsaStatus, pendingChanges, hasMultipleJobs, employeeFirstName } =\n    compensation.data\n  const { cancellingCompensationUuid } = compensation.status\n\n  const handleCancelChange = useCallback(\n    async (pendingChange: PendingCompensationChange) => {\n      const result = await compensation.actions.cancelPendingChange(pendingChange)\n      if (result) {\n        onEvent(componentEvents.EMPLOYEE_MANAGEMENT_COMPENSATION_CARD_CHANGE_CANCELLED, {\n          employeeId,\n          compensationId: pendingChange.compensationUuid,\n        })\n      }\n    },\n    [compensation, onEvent, employeeId],\n  )\n\n  const [pendingDeleteJob, setPendingDeleteJob] = useState<{\n    uuid: string\n    title: string\n  } | null>(null)\n\n  const { mutateAsync: deleteEmployeeJob, isPending: isDeletingJob } =\n    useJobsAndCompensationsDeleteMutation()\n\n  const handleConfirmDeleteJob = async () => {\n    if (!pendingDeleteJob) return\n    const jobId = pendingDeleteJob.uuid\n    await deleteEmployeeJob({ request: { jobId } })\n    onEvent(componentEvents.EMPLOYEE_MANAGEMENT_COMPENSATION_CARD_JOB_DELETED, {\n      employeeId,\n      jobId,\n    })\n    setPendingDeleteJob(null)\n  }\n\n  const singleJob = jobs.length === 1 ? jobs[0]! : undefined\n  // Block adding a secondary if the primary already has a future-dated\n  // compensation that isn't Nonexempt — that comp will delete secondary jobs\n  // at its effective date, matching the gws-flows guard on the new-job action.\n  const localTodayISO = formatDateToStringDate(new Date()) ?? ''\n  const primaryJob = jobs.find(j => j.primary)\n  const hasFutureNonNonexemptComp =\n    primaryJob?.compensations?.some(\n      c =>\n        c.effectiveDate !== undefined &&\n        c.effectiveDate > localTodayISO &&\n        c.flsaStatus !== FlsaStatus.NONEXEMPT,\n    ) ?? false\n  const canAddAnotherJob =\n    jobs.length >= 1 && primaryFlsaStatus === FlsaStatus.NONEXEMPT && !hasFutureNonNonexemptComp\n  const singleJobNumericRate = singleJob ? parseJobRate(singleJob.rate) : null\n  const singleJobCurrentComp = singleJob?.compensations?.find(\n    c => c.uuid === singleJob.currentCompensationUuid,\n  )\n  const emptyPlaceholder = <span aria-label={t('card.listEmptyPlaceholder')}>–</span>\n  const singleJobPaymentTypeLabel = singleJob?.paymentUnit\n    ? singleJob.paymentUnit === 'Hour'\n      ? t('card.types.hourly')\n      : singleJob.paymentUnit === 'Salary' || singleJob.paymentUnit === 'Year'\n        ? t('card.types.salary')\n        : singleJob.paymentUnit\n    : null\n\n  const [isReviewOpen, setIsReviewOpen] = useState(false)\n  const renderDetail = usePendingChangeDetailRenderer(employeeFirstName)\n\n  // Split pending changes: \"new job\" (job hasn't started yet, no current comp)\n  // vs \"update\" (existing comp with a scheduled future change).\n  const newJobPendingChanges = pendingChanges.filter(c => c.isNewJob)\n  const updatePendingChanges = pendingChanges.filter(c => !c.isNewJob)\n\n  useEffect(() => {\n    if (updatePendingChanges.length === 0) {\n      setIsReviewOpen(false)\n    }\n  }, [updatePendingChanges.length])\n\n  const pendingNewJobUuids = new Set(newJobPendingChanges.map(c => c.jobUuid))\n  const singleJobIsPendingNew = singleJob ? pendingNewJobUuids.has(singleJob.uuid) : false\n  const hasAnyPendingNewJobs = pendingNewJobUuids.size > 0\n\n  // Jobs with a future-dated comp stacked on a current comp (\"pending update\").\n  // Editing while one is queued would stack another future comp on top —\n  // hide Edit until the existing pending change is cancelled or goes into effect.\n  const pendingUpdateJobUuids = new Set(updatePendingChanges.map(c => c.jobUuid))\n  const singleJobHasPendingUpdate = singleJob ? pendingUpdateJobUuids.has(singleJob.uuid) : false\n\n  const hasPendingUpdates = updatePendingChanges.length > 0\n  const showSummaryAlert = hasMultipleJobs && updatePendingChanges.length > 1\n  const showInlineAlert = hasPendingUpdates && !showSummaryAlert\n  const nextChange = updatePendingChanges[0]\n\n  const handleEdit = (job: Job) => {\n    onEvent(componentEvents.EMPLOYEE_MANAGEMENT_COMPENSATION_CARD_EDIT_REQUESTED, {\n      employeeId,\n      jobId: job.uuid,\n    })\n  }\n  const handleAddJob = () => {\n    onEvent(componentEvents.EMPLOYEE_MANAGEMENT_COMPENSATION_CARD_ADD_REQUESTED, { employeeId })\n  }\n  const handleAddAnotherJob = () => {\n    onEvent(componentEvents.EMPLOYEE_MANAGEMENT_COMPENSATION_CARD_ADD_ANOTHER_REQUESTED, {\n      employeeId,\n    })\n  }\n\n  const jobsColumns = [\n    {\n      key: 'jobTitle',\n      title: t('card.columns.jobTitle'),\n      render: (job: Job) => {\n        // Title lives on compensation in the API — `job.title` is a\n        // denormalized snapshot that can lag behind comp-level edits on\n        // pending jobs, so read from the comp pointed to by\n        // `currentCompensationUuid`.\n        const currentComp = job.compensations?.find(c => c.uuid === job.currentCompensationUuid)\n        const numericRate = parseJobRate(job.rate)\n        return (\n          <>\n            {currentComp?.title || '-'}\n            {numericRate !== null && job.paymentUnit ? (\n              <Components.Text variant=\"supporting\" size=\"sm\">\n                {formatCompensationRate(numericRate, job.paymentUnit)}\n              </Components.Text>\n            ) : null}\n          </>\n        )\n      },\n    },\n    {\n      key: 'payType',\n      title: t('card.columns.payType'),\n      render: (job: Job) => {\n        const flsaStatus = job.compensations?.find(\n          comp => comp.uuid === job.currentCompensationUuid,\n        )?.flsaStatus\n        return flsaStatus !== undefined ? t(`flsaStatusLabels.${flsaStatus}`) : '-'\n      },\n    },\n    {\n      key: 'effectiveDate',\n      title: t('card.columns.effectiveDate'),\n      render: (job: Job) => {\n        const currentComp = job.compensations?.find(c => c.uuid === job.currentCompensationUuid)\n        return currentComp?.effectiveDate ? formatDateLongWithYear(currentComp.effectiveDate) : '-'\n      },\n    },\n    ...(hasAnyPendingNewJobs\n      ? [\n          {\n            key: 'status',\n            title: <VisuallyHidden>{t('card.columns.status')}</VisuallyHidden>,\n            render: (job: Job) =>\n              pendingNewJobUuids.has(job.uuid) ? (\n                <Components.Badge status=\"warning\">{t('card.pendingStatus')}</Components.Badge>\n              ) : null,\n          },\n        ]\n      : []),\n  ]\n\n  const jobsDataView = useDataView({\n    data: jobs,\n    columns: jobsColumns,\n    itemMenu: (job: Job) => {\n      const jobHasPendingUpdate = pendingUpdateJobUuids.has(job.uuid)\n      const items = [\n        ...(jobHasPendingUpdate\n          ? []\n          : [\n              {\n                label: t('card.editJobCta'),\n                icon: <PencilSvg aria-hidden />,\n                onClick: () => {\n                  handleEdit(job)\n                },\n              },\n            ]),\n        ...(!job.primary\n          ? [\n              {\n                label: t('card.deleteJobCta'),\n                icon: <TrashCanSvg aria-hidden />,\n                onClick: () => {\n                  const currentComp = job.compensations?.find(\n                    c => c.uuid === job.currentCompensationUuid,\n                  )\n                  setPendingDeleteJob({ uuid: job.uuid, title: currentComp?.title ?? '' })\n                },\n              },\n            ]\n          : []),\n      ]\n      if (items.length === 0) return null\n      return (\n        <HamburgerMenu\n          triggerLabel={t('card.hamburgerTitle')}\n          isLoading={isDeletingJob}\n          items={items}\n        />\n      )\n    },\n  })\n\n  return (\n    <BaseLayout error={compensation.errorHandling.errors}>\n      <Components.Box\n        withPadding={!hasMultipleJobs}\n        header={\n          <Components.BoxHeader\n            title={t('card.title')}\n            action={\n              hasMultipleJobs ? null : singleJob ? (\n                singleJobHasPendingUpdate ? null : (\n                  <Components.Button\n                    variant=\"secondary\"\n                    onClick={() => {\n                      handleEdit(singleJob)\n                    }}\n                  >\n                    {t('card.editCta')}\n                  </Components.Button>\n                )\n              ) : (\n                <Components.Button\n                  variant=\"secondary\"\n                  onClick={handleAddJob}\n                  icon={<PlusCircleIcon />}\n                >\n                  {t('card.addJobCta')}\n                </Components.Button>\n              )\n            }\n          />\n        }\n        footer={\n          canAddAnotherJob ? (\n            <Components.Button\n              variant=\"secondary\"\n              onClick={handleAddAnotherJob}\n              icon={<PlusCircleIcon />}\n            >\n              {t('card.addAnotherJobCta')}\n            </Components.Button>\n          ) : undefined\n        }\n      >\n        <Flex flexDirection=\"column\" gap={16}>\n          {hasPendingUpdates && (\n            <div\n              className={[styles.alertWrapper, hasMultipleJobs && styles.alertWrapperPadded]\n                .filter(Boolean)\n                .join(' ')}\n            >\n              <Flex flexDirection=\"column\" gap={16}>\n                {showInlineAlert && nextChange && (\n                  <Components.Alert\n                    status=\"warning\"\n                    disableScrollIntoView\n                    label={\n                      hasMultipleJobs\n                        ? t('card.pendingChange.alertLabelWithJob', {\n                            jobTitle: nextChange.jobTitle,\n                            date: formatDateLongWithYear(nextChange.effectiveDate),\n                          })\n                        : t('card.pendingChange.alertLabel', {\n                            date: formatDateLongWithYear(nextChange.effectiveDate),\n                          })\n                    }\n                  >\n                    <Flex flexDirection=\"column\" gap={12}>\n                      <Components.UnorderedList\n                        items={nextChange.details.map(detail => renderDetail(detail))}\n                      />\n                      <div>\n                        <Components.Button\n                          variant=\"secondary\"\n                          isLoading={cancellingCompensationUuid === nextChange.compensationUuid}\n                          onClick={() => {\n                            void handleCancelChange(nextChange)\n                          }}\n                        >\n                          {t('card.pendingChange.cancelCta')}\n                        </Components.Button>\n                      </div>\n                    </Flex>\n                  </Components.Alert>\n                )}\n                {showSummaryAlert && (\n                  <Components.Alert\n                    status=\"warning\"\n                    disableScrollIntoView\n                    label={t('card.pendingChange.summaryLabel', {\n                      name: employeeFirstName ?? '',\n                    })}\n                    action={\n                      <Components.Button\n                        variant=\"secondary\"\n                        onClick={() => {\n                          setIsReviewOpen(true)\n                        }}\n                      >\n                        {t('card.pendingChange.reviewCta')}\n                      </Components.Button>\n                    }\n                  />\n                )}\n              </Flex>\n            </div>\n          )}\n          {hasMultipleJobs ? (\n            <DataView label={t('card.tableLabel')} isWithinBox {...jobsDataView} />\n          ) : singleJob ? (\n            <Components.DescriptionList\n              items={[\n                {\n                  term: t('card.jobTitle'),\n                  description: singleJob.title || emptyPlaceholder,\n                },\n                {\n                  term: t('card.type'),\n                  description: singleJobPaymentTypeLabel || emptyPlaceholder,\n                },\n                {\n                  term: t('card.wage'),\n                  description:\n                    singleJobNumericRate !== null && singleJob.paymentUnit\n                      ? formatCompensationRate(singleJobNumericRate, singleJob.paymentUnit)\n                      : emptyPlaceholder,\n                },\n                {\n                  term: t('card.effectiveDate'),\n                  description: singleJobCurrentComp?.effectiveDate\n                    ? formatDateLongWithYear(singleJobCurrentComp.effectiveDate)\n                    : emptyPlaceholder,\n                },\n                ...(singleJobIsPendingNew\n                  ? [\n                      {\n                        term: t('card.columns.status'),\n                        description: (\n                          <Components.Badge status=\"warning\">\n                            {t('card.pendingStatus')}\n                          </Components.Badge>\n                        ),\n                      },\n                    ]\n                  : []),\n              ]}\n            />\n          ) : (\n            <EmptyData\n              title={t('card.emptyState.title')}\n              description={t('card.emptyState.description')}\n            />\n          )}\n        </Flex>\n      </Components.Box>\n\n      <PendingChangesReviewModal\n        isOpen={isReviewOpen}\n        pendingChanges={updatePendingChanges}\n        employeeFirstName={employeeFirstName}\n        cancellingCompensationUuid={cancellingCompensationUuid}\n        onClose={() => {\n          setIsReviewOpen(false)\n        }}\n        onCancelChange={change => {\n          void handleCancelChange(change)\n        }}\n      />\n\n      <Components.Dialog\n        isOpen={pendingDeleteJob !== null}\n        onClose={() => {\n          setPendingDeleteJob(null)\n        }}\n        onPrimaryActionClick={() => {\n          void handleConfirmDeleteJob()\n        }}\n        isPrimaryActionLoading={isDeletingJob}\n        isDestructive\n        title={t('card.deleteJobDialog.title')}\n        primaryActionLabel={t('card.deleteJobDialog.confirmCta')}\n        closeActionLabel={t('card.deleteJobDialog.cancelCta')}\n      >\n        {pendingDeleteJob\n          ? t('card.deleteJobDialog.description', {\n              jobTitle: pendingDeleteJob.title,\n            })\n          : null}\n      </Components.Dialog>\n    </BaseLayout>\n  )\n}\n"],"names":["parseJobRate","rate","numericRate","CompensationCard","props","jsx","BaseBoundaries","CompensationCardContent","employeeId","onEvent","useI18n","t","useTranslation","Components","useComponentContext","compensation","useCompensationManagement","BaseLayout","Loading","CompensationCardReady","formatCompensationRate","useFormatCompensationRate","jobs","primaryFlsaStatus","pendingChanges","hasMultipleJobs","employeeFirstName","cancellingCompensationUuid","handleCancelChange","useCallback","pendingChange","componentEvents","pendingDeleteJob","setPendingDeleteJob","useState","deleteEmployeeJob","isDeletingJob","useJobsAndCompensationsDeleteMutation","handleConfirmDeleteJob","jobId","singleJob","localTodayISO","formatDateToStringDate","hasFutureNonNonexemptComp","j","c","FlsaStatus","canAddAnotherJob","singleJobNumericRate","singleJobCurrentComp","emptyPlaceholder","singleJobPaymentTypeLabel","isReviewOpen","setIsReviewOpen","renderDetail","usePendingChangeDetailRenderer","newJobPendingChanges","updatePendingChanges","useEffect","pendingNewJobUuids","singleJobIsPendingNew","hasAnyPendingNewJobs","pendingUpdateJobUuids","singleJobHasPendingUpdate","hasPendingUpdates","showSummaryAlert","showInlineAlert","nextChange","handleEdit","job","handleAddJob","handleAddAnotherJob","jobsColumns","currentComp","jsxs","Fragment","flsaStatus","comp","formatDateLongWithYear","VisuallyHidden","jobsDataView","useDataView","items","PencilSvg","TrashCanSvg","HamburgerMenu","PlusCircleIcon","Flex","styles","detail","DataView","EmptyData","PendingChangesReviewModal","change"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AA0BA,SAASA,EAAaC,GAAkC;AACtD,MAAIA,MAAS,OAAW,QAAO;AAC/B,QAAMC,IAAc,WAAWD,CAAI;AACnC,SAAO,OAAO,SAASC,CAAW,IAAIA,IAAc;AACtD;AAgBO,SAASC,GAAiBC,GAA8B;AAC7D,SACE,gBAAAC,EAACC,MAAe,eAAc,oCAC5B,4BAACC,IAAA,EAAyB,GAAGH,GAAO,EAAA,CACtC;AAEJ;AAEA,SAASG,GAAwB,EAAE,YAAAC,GAAY,SAAAC,KAAkC;AAC/E,EAAAC,GAAQ,kCAAkC;AAC1C,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,kCAAkC,GACzDC,IAAaC,EAAA,GAEbC,IAAeC,GAA0B,EAAE,YAAAR,GAAY;AAE7D,SAAIO,EAAa,YAEb,gBAAAV,EAACY,KAAW,OAAOF,EAAa,cAAc,QAC5C,UAAA,gBAAAV,EAACQ,EAAW,KAAX,EAAe,0BAASA,EAAW,WAAX,EAAqB,OAAOF,EAAE,YAAY,GAAG,GACpE,UAAA,gBAAAN,EAACa,IAAA,EAAQ,EAAA,CACX,EAAA,CACF,IAKF,gBAAAb,EAACc,IAAA,EAAsB,YAAAX,GAAwB,SAAAC,GAAkB,cAAAM,EAAA,CAA4B;AAEjG;AAMA,SAASI,GAAsB,EAAE,YAAAX,GAAY,SAAAC,GAAS,cAAAM,KAA4C;AAChG,QAAM,EAAE,EAAA,IAAMH,EAAe,kCAAkC,GACzDC,IAAaC,EAAA,GACbM,IAAyBC,GAAA,GAEzB,EAAE,MAAAC,GAAM,mBAAAC,GAAmB,gBAAAC,GAAgB,iBAAAC,GAAiB,mBAAAC,EAAA,IAChEX,EAAa,MACT,EAAE,4BAAAY,MAA+BZ,EAAa,QAE9Ca,IAAqBC;AAAA,IACzB,OAAOC,MAA6C;AAElD,MADe,MAAMf,EAAa,QAAQ,oBAAoBe,CAAa,KAEzErB,EAAQsB,EAAgB,wDAAwD;AAAA,QAC9E,YAAAvB;AAAA,QACA,gBAAgBsB,EAAc;AAAA,MAAA,CAC/B;AAAA,IAEL;AAAA,IACA,CAACf,GAAcN,GAASD,CAAU;AAAA,EAAA,GAG9B,CAACwB,GAAkBC,CAAmB,IAAIC,EAGtC,IAAI,GAER,EAAE,aAAaC,GAAmB,WAAWC,EAAA,IACjDC,GAAA,GAEIC,IAAyB,YAAY;AACzC,QAAI,CAACN,EAAkB;AACvB,UAAMO,IAAQP,EAAiB;AAC/B,UAAMG,EAAkB,EAAE,SAAS,EAAE,OAAAI,EAAA,GAAS,GAC9C9B,EAAQsB,EAAgB,mDAAmD;AAAA,MACzE,YAAAvB;AAAA,MACA,OAAA+B;AAAA,IAAA,CACD,GACDN,EAAoB,IAAI;AAAA,EAC1B,GAEMO,IAAYlB,EAAK,WAAW,IAAIA,EAAK,CAAC,IAAK,QAI3CmB,IAAgBC,GAAuB,oBAAI,KAAA,CAAM,KAAK,IAEtDC,IADarB,EAAK,KAAK,CAAAsB,MAAKA,EAAE,OAAO,GAE7B,eAAe;AAAA,IACzB,CAAAC,MACEA,EAAE,kBAAkB,UACpBA,EAAE,gBAAgBJ,KAClBI,EAAE,eAAeC,EAAW;AAAA,EAAA,KAC3B,IACDC,IACJzB,EAAK,UAAU,KAAKC,MAAsBuB,EAAW,aAAa,CAACH,GAC/DK,IAAuBR,IAAYxC,EAAawC,EAAU,IAAI,IAAI,MAClES,IAAuBT,GAAW,eAAe;AAAA,IACrD,CAAAK,MAAKA,EAAE,SAASL,EAAU;AAAA,EAAA,GAEtBU,IAAmB,gBAAA7C,EAAC,QAAA,EAAK,cAAY,EAAE,2BAA2B,GAAG,UAAA,KAAC,GACtE8C,IAA4BX,GAAW,cACzCA,EAAU,gBAAgB,SACxB,EAAE,mBAAmB,IACrBA,EAAU,gBAAgB,YAAYA,EAAU,gBAAgB,SAC9D,EAAE,mBAAmB,IACrBA,EAAU,cACd,MAEE,CAACY,GAAcC,CAAe,IAAInB,EAAS,EAAK,GAChDoB,IAAeC,GAA+B7B,CAAiB,GAI/D8B,IAAuBhC,EAAe,OAAO,CAAAqB,MAAKA,EAAE,QAAQ,GAC5DY,IAAuBjC,EAAe,OAAO,CAAAqB,MAAK,CAACA,EAAE,QAAQ;AAEnE,EAAAa,GAAU,MAAM;AACd,IAAID,EAAqB,WAAW,KAClCJ,EAAgB,EAAK;AAAA,EAEzB,GAAG,CAACI,EAAqB,MAAM,CAAC;AAEhC,QAAME,IAAqB,IAAI,IAAIH,EAAqB,IAAI,CAAAX,MAAKA,EAAE,OAAO,CAAC,GACrEe,KAAwBpB,IAAYmB,EAAmB,IAAInB,EAAU,IAAI,IAAI,IAC7EqB,KAAuBF,EAAmB,OAAO,GAKjDG,IAAwB,IAAI,IAAIL,EAAqB,IAAI,CAAAZ,MAAKA,EAAE,OAAO,CAAC,GACxEkB,KAA4BvB,IAAYsB,EAAsB,IAAItB,EAAU,IAAI,IAAI,IAEpFwB,IAAoBP,EAAqB,SAAS,GAClDQ,IAAmBxC,KAAmBgC,EAAqB,SAAS,GACpES,KAAkBF,KAAqB,CAACC,GACxCE,IAAaV,EAAqB,CAAC,GAEnCW,IAAa,CAACC,MAAa;AAC/B,IAAA5D,EAAQsB,EAAgB,sDAAsD;AAAA,MAC5E,YAAAvB;AAAA,MACA,OAAO6D,EAAI;AAAA,IAAA,CACZ;AAAA,EACH,GACMC,KAAe,MAAM;AACzB,IAAA7D,EAAQsB,EAAgB,qDAAqD,EAAE,YAAAvB,EAAA,CAAY;AAAA,EAC7F,GACM+D,KAAsB,MAAM;AAChC,IAAA9D,EAAQsB,EAAgB,6DAA6D;AAAA,MACnF,YAAAvB;AAAA,IAAA,CACD;AAAA,EACH,GAEMgE,KAAc;AAAA,IAClB;AAAA,MACE,KAAK;AAAA,MACL,OAAO,EAAE,uBAAuB;AAAA,MAChC,QAAQ,CAACH,MAAa;AAKpB,cAAMI,IAAcJ,EAAI,eAAe,KAAK,OAAKxB,EAAE,SAASwB,EAAI,uBAAuB,GACjFnE,IAAcF,EAAaqE,EAAI,IAAI;AACzC,eACE,gBAAAK,EAAAC,IAAA,EACG,UAAA;AAAA,UAAAF,GAAa,SAAS;AAAA,UACtBvE,MAAgB,QAAQmE,EAAI,cAC3B,gBAAAhE,EAACQ,EAAW,MAAX,EAAgB,SAAQ,cAAa,MAAK,MACxC,UAAAO,EAAuBlB,GAAamE,EAAI,WAAW,GACtD,IACE;AAAA,QAAA,GACN;AAAA,MAEJ;AAAA,IAAA;AAAA,IAEF;AAAA,MACE,KAAK;AAAA,MACL,OAAO,EAAE,sBAAsB;AAAA,MAC/B,QAAQ,CAACA,MAAa;AACpB,cAAMO,IAAaP,EAAI,eAAe;AAAA,UACpC,CAAAQ,MAAQA,EAAK,SAASR,EAAI;AAAA,QAAA,GACzB;AACH,eAAOO,MAAe,SAAY,EAAE,oBAAoBA,CAAU,EAAE,IAAI;AAAA,MAC1E;AAAA,IAAA;AAAA,IAEF;AAAA,MACE,KAAK;AAAA,MACL,OAAO,EAAE,4BAA4B;AAAA,MACrC,QAAQ,CAACP,MAAa;AACpB,cAAMI,IAAcJ,EAAI,eAAe,KAAK,OAAKxB,EAAE,SAASwB,EAAI,uBAAuB;AACvF,eAAOI,GAAa,gBAAgBK,EAAuBL,EAAY,aAAa,IAAI;AAAA,MAC1F;AAAA,IAAA;AAAA,IAEF,GAAIZ,KACA;AAAA,MACE;AAAA,QACE,KAAK;AAAA,QACL,OAAO,gBAAAxD,EAAC0E,IAAA,EAAgB,UAAA,EAAE,qBAAqB,GAAE;AAAA,QACjD,QAAQ,CAACV,MACPV,EAAmB,IAAIU,EAAI,IAAI,IAC7B,gBAAAhE,EAACQ,EAAW,OAAX,EAAiB,QAAO,WAAW,UAAA,EAAE,oBAAoB,GAAE,IAC1D;AAAA,MAAA;AAAA,IACR,IAEF,CAAA;AAAA,EAAC,GAGDmE,KAAeC,GAAY;AAAA,IAC/B,MAAM3D;AAAA,IACN,SAASkD;AAAA,IACT,UAAU,CAACH,MAAa;AAEtB,YAAMa,IAAQ;AAAA,QACZ,GAF0BpB,EAAsB,IAAIO,EAAI,IAAI,IAGxD,CAAA,IACA;AAAA,UACE;AAAA,YACE,OAAO,EAAE,iBAAiB;AAAA,YAC1B,MAAM,gBAAAhE,EAAC8E,IAAA,EAAU,eAAW,GAAA,CAAC;AAAA,YAC7B,SAAS,MAAM;AACb,cAAAf,EAAWC,CAAG;AAAA,YAChB;AAAA,UAAA;AAAA,QACF;AAAA,QAEN,GAAKA,EAAI,UAaL,CAAA,IAZA;AAAA,UACE;AAAA,YACE,OAAO,EAAE,mBAAmB;AAAA,YAC5B,MAAM,gBAAAhE,EAAC+E,IAAA,EAAY,eAAW,GAAA,CAAC;AAAA,YAC/B,SAAS,MAAM;AACb,oBAAMX,IAAcJ,EAAI,eAAe;AAAA,gBACrC,CAAAxB,OAAKA,GAAE,SAASwB,EAAI;AAAA,cAAA;AAEtB,cAAApC,EAAoB,EAAE,MAAMoC,EAAI,MAAM,OAAOI,GAAa,SAAS,IAAI;AAAA,YACzE;AAAA,UAAA;AAAA,QACF;AAAA,MAED;AAEP,aAAIS,EAAM,WAAW,IAAU,OAE7B,gBAAA7E;AAAA,QAACgF;AAAA,QAAA;AAAA,UACC,cAAc,EAAE,qBAAqB;AAAA,UACrC,WAAWjD;AAAA,UACX,OAAA8C;AAAA,QAAA;AAAA,MAAA;AAAA,IAGN;AAAA,EAAA,CACD;AAED,SACE,gBAAAR,EAACzD,GAAA,EAAW,OAAOF,EAAa,cAAc,QAC5C,UAAA;AAAA,IAAA,gBAAAV;AAAA,MAACQ,EAAW;AAAA,MAAX;AAAA,QACC,aAAa,CAACY;AAAA,QACd,QACE,gBAAApB;AAAA,UAACQ,EAAW;AAAA,UAAX;AAAA,YACC,OAAO,EAAE,YAAY;AAAA,YACrB,QACEY,IAAkB,OAAOe,IACvBuB,KAA4B,OAC1B,gBAAA1D;AAAA,cAACQ,EAAW;AAAA,cAAX;AAAA,gBACC,SAAQ;AAAA,gBACR,SAAS,MAAM;AACb,kBAAAuD,EAAW5B,CAAS;AAAA,gBACtB;AAAA,gBAEC,YAAE,cAAc;AAAA,cAAA;AAAA,YAAA,IAIrB,gBAAAnC;AAAA,cAACQ,EAAW;AAAA,cAAX;AAAA,gBACC,SAAQ;AAAA,gBACR,SAASyD;AAAA,gBACT,wBAAOgB,GAAA,EAAe;AAAA,gBAErB,YAAE,gBAAgB;AAAA,cAAA;AAAA,YAAA;AAAA,UACrB;AAAA,QAAA;AAAA,QAKR,QACEvC,IACE,gBAAA1C;AAAA,UAACQ,EAAW;AAAA,UAAX;AAAA,YACC,SAAQ;AAAA,YACR,SAAS0D;AAAA,YACT,wBAAOe,GAAA,EAAe;AAAA,YAErB,YAAE,uBAAuB;AAAA,UAAA;AAAA,QAAA,IAE1B;AAAA,QAGN,UAAA,gBAAAZ,EAACa,GAAA,EAAK,eAAc,UAAS,KAAK,IAC/B,UAAA;AAAA,UAAAvB,KACC,gBAAA3D;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,WAAW,CAACmF,EAAO,cAAc/D,KAAmB+D,EAAO,kBAAkB,EAC1E,OAAO,OAAO,EACd,KAAK,GAAG;AAAA,cAEX,UAAA,gBAAAd,EAACa,GAAA,EAAK,eAAc,UAAS,KAAK,IAC/B,UAAA;AAAA,gBAAArB,MAAmBC,KAClB,gBAAA9D;AAAA,kBAACQ,EAAW;AAAA,kBAAX;AAAA,oBACC,QAAO;AAAA,oBACP,uBAAqB;AAAA,oBACrB,OACEY,IACI,EAAE,wCAAwC;AAAA,sBACxC,UAAU0C,EAAW;AAAA,sBACrB,MAAMW,EAAuBX,EAAW,aAAa;AAAA,oBAAA,CACtD,IACD,EAAE,iCAAiC;AAAA,sBACjC,MAAMW,EAAuBX,EAAW,aAAa;AAAA,oBAAA,CACtD;AAAA,oBAGP,UAAA,gBAAAO,EAACa,GAAA,EAAK,eAAc,UAAS,KAAK,IAChC,UAAA;AAAA,sBAAA,gBAAAlF;AAAA,wBAACQ,EAAW;AAAA,wBAAX;AAAA,0BACC,OAAOsD,EAAW,QAAQ,IAAI,CAAAsB,MAAUnC,EAAamC,CAAM,CAAC;AAAA,wBAAA;AAAA,sBAAA;AAAA,wCAE7D,OAAA,EACC,UAAA,gBAAApF;AAAA,wBAACQ,EAAW;AAAA,wBAAX;AAAA,0BACC,SAAQ;AAAA,0BACR,WAAWc,MAA+BwC,EAAW;AAAA,0BACrD,SAAS,MAAM;AACb,4BAAKvC,EAAmBuC,CAAU;AAAA,0BACpC;AAAA,0BAEC,YAAE,8BAA8B;AAAA,wBAAA;AAAA,sBAAA,EACnC,CACF;AAAA,oBAAA,EAAA,CACF;AAAA,kBAAA;AAAA,gBAAA;AAAA,gBAGHF,KACC,gBAAA5D;AAAA,kBAACQ,EAAW;AAAA,kBAAX;AAAA,oBACC,QAAO;AAAA,oBACP,uBAAqB;AAAA,oBACrB,OAAO,EAAE,mCAAmC;AAAA,sBAC1C,MAAMa,KAAqB;AAAA,oBAAA,CAC5B;AAAA,oBACD,QACE,gBAAArB;AAAA,sBAACQ,EAAW;AAAA,sBAAX;AAAA,wBACC,SAAQ;AAAA,wBACR,SAAS,MAAM;AACb,0BAAAwC,EAAgB,EAAI;AAAA,wBACtB;AAAA,wBAEC,YAAE,8BAA8B;AAAA,sBAAA;AAAA,oBAAA;AAAA,kBACnC;AAAA,gBAAA;AAAA,cAEJ,EAAA,CAEJ;AAAA,YAAA;AAAA,UAAA;AAAA,UAGH5B,IACC,gBAAApB,EAACqF,IAAA,EAAS,OAAO,EAAE,iBAAiB,GAAG,aAAW,IAAE,GAAGV,GAAA,CAAc,IACnExC,IACF,gBAAAnC;AAAA,YAACQ,EAAW;AAAA,YAAX;AAAA,cACC,OAAO;AAAA,gBACL;AAAA,kBACE,MAAM,EAAE,eAAe;AAAA,kBACvB,aAAa2B,EAAU,SAASU;AAAA,gBAAA;AAAA,gBAElC;AAAA,kBACE,MAAM,EAAE,WAAW;AAAA,kBACnB,aAAaC,KAA6BD;AAAA,gBAAA;AAAA,gBAE5C;AAAA,kBACE,MAAM,EAAE,WAAW;AAAA,kBACnB,aACEF,MAAyB,QAAQR,EAAU,cACvCpB,EAAuB4B,GAAsBR,EAAU,WAAW,IAClEU;AAAA,gBAAA;AAAA,gBAER;AAAA,kBACE,MAAM,EAAE,oBAAoB;AAAA,kBAC5B,aAAaD,GAAsB,gBAC/B6B,EAAuB7B,EAAqB,aAAa,IACzDC;AAAA,gBAAA;AAAA,gBAEN,GAAIU,KACA;AAAA,kBACE;AAAA,oBACE,MAAM,EAAE,qBAAqB;AAAA,oBAC7B,+BACG/C,EAAW,OAAX,EAAiB,QAAO,WACtB,UAAA,EAAE,oBAAoB,EAAA,CACzB;AAAA,kBAAA;AAAA,gBAEJ,IAEF,CAAA;AAAA,cAAC;AAAA,YACP;AAAA,UAAA,IAGF,gBAAAR;AAAA,YAACsF;AAAA,YAAA;AAAA,cACC,OAAO,EAAE,uBAAuB;AAAA,cAChC,aAAa,EAAE,6BAA6B;AAAA,YAAA;AAAA,UAAA;AAAA,QAC9C,EAAA,CAEJ;AAAA,MAAA;AAAA,IAAA;AAAA,IAGF,gBAAAtF;AAAA,MAACuF;AAAA,MAAA;AAAA,QACC,QAAQxC;AAAA,QACR,gBAAgBK;AAAA,QAChB,mBAAA/B;AAAA,QACA,4BAAAC;AAAA,QACA,SAAS,MAAM;AACb,UAAA0B,EAAgB,EAAK;AAAA,QACvB;AAAA,QACA,gBAAgB,CAAAwC,MAAU;AACxB,UAAKjE,EAAmBiE,CAAM;AAAA,QAChC;AAAA,MAAA;AAAA,IAAA;AAAA,IAGF,gBAAAxF;AAAA,MAACQ,EAAW;AAAA,MAAX;AAAA,QACC,QAAQmB,MAAqB;AAAA,QAC7B,SAAS,MAAM;AACb,UAAAC,EAAoB,IAAI;AAAA,QAC1B;AAAA,QACA,sBAAsB,MAAM;AAC1B,UAAKK,EAAA;AAAA,QACP;AAAA,QACA,wBAAwBF;AAAA,QACxB,eAAa;AAAA,QACb,OAAO,EAAE,4BAA4B;AAAA,QACrC,oBAAoB,EAAE,iCAAiC;AAAA,QACvD,kBAAkB,EAAE,gCAAgC;AAAA,QAEnD,UAAAJ,IACG,EAAE,oCAAoC;AAAA,UACpC,UAAUA,EAAiB;AAAA,QAAA,CAC5B,IACD;AAAA,MAAA;AAAA,IAAA;AAAA,EACN,GACF;AAEJ;"}

package/dist/components/Employee/{Dashboard/JobAndPayView.module.scss.js → Compensation/management/CompensationCard/CompensationCard.module.scss.js}

@@ -7,4 +7,4 @@ export {
   e as alertWrapperPadded,
   a as default
 };
-//# sourceMappingURL=JobAndPayView.module.scss.js.map
+//# sourceMappingURL=CompensationCard.module.scss.js.map

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

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

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

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

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

@@ -0,0 +1,13 @@
+import { FlowContextInterface } from '../../../Flow/useFlow';
+export type CompensationSuccessAlertCode = 'jobAdded';
+export interface CompensationContextInterface extends FlowContextInterface {
+    employeeId?: string;
+    /** Set when transitioning to `editCompensation` via the card EDIT event;
+     *  consumed by `CompensationEditFormContextual` to target the right job. */
+    currentJobId?: string | null;
+    successAlert?: CompensationSuccessAlertCode | null;
+}
+export declare function CompensationCardContextual(): import("react").JSX.Element;
+export declare function CompensationEditFormContextual(): import("react").JSX.Element;
+export declare function CompensationAddJobFormContextual(): import("react").JSX.Element;
+export declare function CompensationAddAnotherJobFormContextual(): import("react").JSX.Element;

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;