@gusto/embedded-react-sdk 0.45.0 → 0.46.2

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

@@ -0,0 +1,81 @@
+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,
+    // hireDate is optional by default in update mode — promote it so the form
+    // validates it and the label doesn't show "(optional)".
+    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  const jobForm = useJobForm({\n    employeeId,\n    jobId,\n    withTitleField: false,\n    withHireDateField: isPrimaryNewJob,\n    // hireDate is optional by default in update mode — promote it so the form\n    // validates it and the label doesn't show \"(optional)\".\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,GAE9BQ,IAAUC,EAAW;AAAA,IACzB,YAAAb;AAAA,IACA,OAAAC;AAAA,IACA,gBAAgB;AAAA,IAChB,mBAAmBU;AAAA;AAAA;AAAA,IAGnB,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;

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

@@ -0,0 +1,171 @@
+import { jsxs as c, jsx as t } from "react/jsx-runtime";
+import { useTranslation as R, Trans as u } from "react-i18next";
+import { Flex as g } from "../../../Common/Flex/Flex.js";
+import "classnames";
+import { FLSA_OVERTIME_SALARY_LIMIT as f } from "../../../../shared/constants.js";
+import { ActionsLayout as v } from "../../../Common/ActionsLayout/ActionsLayout.js";
+import { useComponentContext as b } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
+import C from "../../../../hooks/useNumberFormatter.js";
+function H({
+  jobForm: l,
+  compensationForm: i,
+  title: E,
+  submitCtaLabel: p,
+  isPending: m,
+  onCancel: d
+}) {
+  const { t: e } = R("Employee.Compensation"), n = b(), r = C("currency"), s = l.form.Fields, a = i.form.Fields;
+  return /* @__PURE__ */ c(g, { flexDirection: "column", gap: 32, children: [
+    /* @__PURE__ */ t(n.Heading, { as: "h2", children: E }),
+    i.status.willDeleteSecondaryJobs && /* @__PURE__ */ t(
+      n.Alert,
+      {
+        label: e("validations.classificationChangeNotification"),
+        status: "warning"
+      }
+    ),
+    /* @__PURE__ */ t(
+      a.Title,
+      {
+        label: e("management.jobTitleLabel"),
+        validationMessages: { REQUIRED: e("validations.jobTitleSentence") },
+        formHookResult: i
+      }
+    ),
+    s.HireDate && /* @__PURE__ */ t(
+      s.HireDate,
+      {
+        label: e("management.hireDateLabel"),
+        validationMessages: {
+          REQUIRED: e("validations.hireDate")
+        },
+        formHookResult: l
+      }
+    ),
+    a.FlsaStatus && /* @__PURE__ */ t(
+      a.FlsaStatus,
+      {
+        label: e("employeeClassification"),
+        description: /* @__PURE__ */ t(
+          u,
+          {
+            t: e,
+            i18nKey: "classificationLink",
+            components: { ClassificationLink: /* @__PURE__ */ t(n.Link, {}) }
+          }
+        ),
+        validationMessages: {
+          REQUIRED: e("validations.exemptThreshold", {
+            limit: r(f)
+          })
+        },
+        getOptionLabel: (o) => e(`flsaStatusLabels.${o}`),
+        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: r(f)
+          })
+        },
+        formHookResult: i
+      }
+    ),
+    /* @__PURE__ */ t(
+      a.PaymentUnit,
+      {
+        label: e("management.wageFrequencyLabel"),
+        description: e("paymentUnitDescription"),
+        validationMessages: { REQUIRED: e("validations.paymentUnit") },
+        getOptionLabel: (o) => e(`management.wageFrequencyOptions.${o}`),
+        formHookResult: i
+      }
+    ),
+    a.EffectiveDate && /* @__PURE__ */ t(
+      a.EffectiveDate,
+      {
+        label: e("effectiveDateLabel"),
+        validationMessages: {
+          REQUIRED: e("validations.effectiveDate"),
+          EFFECTIVE_DATE_BEFORE_HIRE: e("validations.effectiveDateBeforeHire"),
+          EFFECTIVE_DATE_BEFORE_MIN: e("validations.effectiveDateBeforeMin")
+        },
+        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: (o) => `${r(Number(o.wage))} - ${o.authority}: ${o.notes ?? ""}`,
+        formHookResult: i
+      }
+    ),
+    s.TwoPercentShareholder && /* @__PURE__ */ t(
+      s.TwoPercentShareholder,
+      {
+        label: e("management.twoPercentShareholderLabel"),
+        formHookResult: l
+      }
+    ),
+    s.StateWcCovered && /* @__PURE__ */ t(
+      s.StateWcCovered,
+      {
+        label: e("stateWcCoveredLabel"),
+        description: /* @__PURE__ */ t(
+          u,
+          {
+            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: (o) => e(o ? "stateWcCoveredOptions.yes" : "stateWcCoveredOptions.no"),
+        formHookResult: l
+      }
+    ),
+    s.StateWcClassCode && /* @__PURE__ */ t(
+      s.StateWcClassCode,
+      {
+        label: e("stateWcClassCodeLabel"),
+        description: e("stateWcClassCodeDescription"),
+        placeholder: e("stateWcClassCodeLabel"),
+        validationMessages: { REQUIRED: e("validations.stateWcClassCode") },
+        formHookResult: l
+      }
+    ),
+    /* @__PURE__ */ c(v, { children: [
+      d && /* @__PURE__ */ t(n.Button, { variant: "secondary", onClick: d, isDisabled: m, children: e("cancelCta") }),
+      /* @__PURE__ */ t(n.Button, { type: "submit", isLoading: m, children: p })
+    ] })
+  ] });
+}
+export {
+  H as ManagementCompensationFormBody
+};
+//# sourceMappingURL=ManagementCompensationFormBody.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ManagementCompensationFormBody.js","sources":["../../../../../src/components/Employee/Compensation/management/ManagementCompensationFormBody.tsx"],"sourcesContent":["import { Trans, useTranslation } from 'react-i18next'\nimport type { PaymentUnit } from '@gusto/embedded-api/models/components/compensation'\nimport type { FlsaStatusType } from '@gusto/embedded-api/models/components/flsastatustype'\nimport type { MinimumWage } from '@gusto/embedded-api/models/components/minimumwage'\nimport type { UseJobFormReady } from '../shared/useJobForm'\nimport type { UseCompensationFormReady } from '../shared/useCompensationForm'\nimport { ActionsLayout, Flex } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { FLSA_OVERTIME_SALARY_LIMIT } from '@/shared/constants'\nimport useNumberFormatter from '@/hooks/useNumberFormatter'\n\nexport interface ManagementCompensationFormBodyProps {\n  jobForm: UseJobFormReady\n  compensationForm: UseCompensationFormReady\n  title: string\n  submitCtaLabel: string\n  isPending: boolean\n  onCancel?: () => void\n}\n\n/**\n * Renders the shared field layout used by both `EditCompensation` (schedule a future comp\n * change for a present job) and `EditPendingCompensation` (update an existing future comp).\n * Field visibility is driven entirely by hook configuration — the hooks expose `undefined`\n * for fields that should not render — so this component renders the correct subset for each\n * use case without extra conditional props.\n */\nexport function ManagementCompensationFormBody({\n  jobForm,\n  compensationForm,\n  title,\n  submitCtaLabel,\n  isPending,\n  onCancel,\n}: ManagementCompensationFormBodyProps) {\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\">{title}</Components.Heading>\n\n      {compensationForm.status.willDeleteSecondaryJobs && (\n        <Components.Alert\n          label={t('validations.classificationChangeNotification')}\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      {JobFields.HireDate && (\n        <JobFields.HireDate\n          label={t('management.hireDateLabel')}\n          validationMessages={{\n            REQUIRED: t('validations.hireDate'),\n          }}\n          formHookResult={jobForm}\n        />\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          validationMessages={{\n            REQUIRED: t('validations.effectiveDate'),\n            EFFECTIVE_DATE_BEFORE_HIRE: t('validations.effectiveDateBeforeHire'),\n            EFFECTIVE_DATE_BEFORE_MIN: t('validations.effectiveDateBeforeMin'),\n          }}\n          formHookResult={compensationForm}\n        />\n      )}\n\n      {CompFields.AdjustForMinimumWage && (\n        <CompFields.AdjustForMinimumWage\n          label={t('adjustForMinimumWage')}\n          description={t('adjustForMinimumWageDescription')}\n          formHookResult={compensationForm}\n        />\n      )}\n\n      {CompFields.MinimumWageId && (\n        <CompFields.MinimumWageId\n          label={t('minimumWageLabel')}\n          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          {submitCtaLabel}\n        </Components.Button>\n      </ActionsLayout>\n    </Flex>\n  )\n}\n"],"names":["ManagementCompensationFormBody","jobForm","compensationForm","title","submitCtaLabel","isPending","onCancel","t","useTranslation","Components","useComponentContext","format","useNumberFormatter","JobFields","CompFields","jsxs","Flex","jsx","Trans","FLSA_OVERTIME_SALARY_LIMIT","status","unit","wage","covered","ActionsLayout"],"mappings":"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"}

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

@@ -0,0 +1,6 @@
+import "./types/i18next.d.ts"
+export { EditCompensation as ManagementEditCompensation } from './EditCompensation';
+export type { EditCompensationProps as ManagementEditCompensationProps } from './EditCompensation';
+export { EditPendingCompensation as ManagementEditPendingCompensation } from './EditPendingCompensation/EditPendingCompensation';
+export type { EditPendingCompensationProps as ManagementEditPendingCompensationProps } from './EditPendingCompensation/EditPendingCompensation';
+export * from './AddAnotherJob/AddAnotherJob';

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

@@ -4,7 +4,12 @@ import { OnEventType } from '../../../../Base/useBase';
 import { EventType } from '../../../../../shared/constants';
 export interface EditCompensationProps extends CommonComponentInterface<'Employee.Compensation'> {
     employeeId: string;
-    startDate: string;
+    /**
+     * When provided, the hire date is pre-filled from this value and the hire
+     * date field is hidden. When absent (add-job from empty state), the hire
+     * date field is rendered so the user can set it explicitly.
+     */
+    startDate?: string;
     currentJobId?: string | null;
     title: string;
     submitCtaLabel: string;