@gusto/embedded-react-sdk 0.47.0 → 0.48.0

package/dist/components/Contractor/exports/contractorManagement.js

@@ -0,0 +1,15 @@
+import { PaymentsList as m } from "../Payments/PaymentsList/PaymentsList.js";
+import { CreatePayment as o } from "../Payments/CreatePayment/CreatePayment.js";
+import { PaymentHistory as y } from "../Payments/PaymentHistory/PaymentHistory.js";
+import { PaymentStatement as f } from "../Payments/PaymentStatement/PaymentStatement.js";
+import { PaymentFlow as x } from "../Payments/PaymentFlow/PaymentFlow.js";
+import { PaymentSummary as s } from "../Payments/PaymentSummary/PaymentSummary.js";
+export {
+  o as CreatePayment,
+  x as PaymentFlow,
+  y as PaymentHistory,
+  f as PaymentStatement,
+  s as PaymentSummary,
+  m as PaymentsList
+};
+//# sourceMappingURL=contractorManagement.js.map

package/dist/components/Contractor/exports/contractorManagement.js.map

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

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

@@ -1,8 +1,43 @@
 import { BaseComponentInterface, CommonComponentInterface } from '../../../Base';
 import { EventType } from '../../../../shared/constants';
 import { OnEventType } from '../../../Base/useBase';
+/**
+ * Props for {@link Compensation}.
+ *
+ * @public
+ */
 export interface CompensationProps extends CommonComponentInterface<'Employee.Management.Compensation'> {
+    /** The associated employee identifier. */
     employeeId: string;
+    /** Callback invoked when the block emits an event. See the events table on {@link Compensation} for the available event types and payloads. */
     onEvent: OnEventType<EventType, unknown>;
 }
+/**
+ * Self-contained block for viewing and managing an employee's jobs and compensation — the same experience the dashboard surfaces, but as a drop-in component that doesn't require the surrounding dashboard chrome.
+ *
+ * @remarks
+ * Renders a read-only card showing the employee's job(s), pay type, wage, and effective date, along with affordances to edit a job's compensation, add a first job from the empty state, add another job (when the primary job is Nonexempt), delete a non-primary job, and cancel a scheduled future-dated change. Choosing to edit or add a job swaps the card for the corresponding form; a successful add returns to the card with a dismissible "Job successfully added." alert, an edit returns to the card without an alert, and cancelling returns without saving. Wraps everything in error and suspense boundaries.
+ *
+ * The card and form surfaces ({@link CompensationCard}, {@link CompensationEditForm}, {@link CompensationAddJobForm}, {@link CompensationAddAnotherJobForm}) are also exported individually for cases where that orchestration is the wrong fit — for example, when a form needs to render in a modal or drawer, when the card needs to appear read-only with no edit/add affordances, or when the swap is driven by a router. Using them directly means owning the swap, the alert, and any cross-component state yourself.
+ *
+ * | Event | Description | Data |
+ * | ----- | ----------- | ---- |
+ * | `employee/management/compensation/card/editRequested` | Fired when an "Edit" CTA is clicked for a job; the block opens the edit form for that job | `{ employeeId: string, jobId: string }` |
+ * | `employee/management/compensation/card/addRequested` | Fired when the "Add job" CTA is clicked from the card's empty state; the block opens the add-first-job form | `{ employeeId: string }` |
+ * | `employee/management/compensation/card/addAnotherRequested` | Fired when the "Add another job" CTA is clicked; the block opens the add-another-job form | `{ employeeId: string }` |
+ * | `employee/management/compensation/card/jobDeleted` | Fired after a non-primary job is deleted via the card's confirm dialog; the block stays on the card | `{ employeeId: string, jobId: string }` |
+ * | `employee/management/compensation/card/changeCancelled` | Fired after a scheduled future-dated change is cancelled from the card; the block stays on the card | `{ employeeId: string, compensationId: string }` |
+ * | `employee/management/compensation/editForm/submitted` | Fired after an edit-compensation save completes; the block returns to the card view | Updated `Compensation` entity |
+ * | `employee/management/compensation/editForm/cancelled` | Fired when the user cancels the edit form; the block returns to the card view | — |
+ * | `employee/management/compensation/addJobForm/submitted` | Fired after the first job + compensation are saved; the block returns to the card and surfaces the "Job added" alert | Updated `Compensation` entity |
+ * | `employee/management/compensation/addJobForm/cancelled` | Fired when the user cancels the add-job form; the block returns to the card view | — |
+ * | `employee/management/compensation/addAnotherJobForm/submitted` | Fired after a secondary job + compensation are saved; the block returns to the card and surfaces the "Job added" alert | Updated `Compensation` entity |
+ * | `employee/management/compensation/addAnotherJobForm/cancelled` | Fired when the user cancels the add-another-job form; the block returns to the card view | — |
+ * | `employee/management/compensation/alertDismissed` | Fired when the user dismisses the "Job added" success alert above the card | `null` |
+ *
+ * @param props - See {@link CompensationProps}.
+ * @returns The rendered compensation block.
+ * @public
+ * @group Block Components
+ */
 export declare function Compensation({ dictionary, FallbackComponent, ...props }: CompensationProps & BaseComponentInterface<'Employee.Management.Compensation'>): import("react").JSX.Element;

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

@@ -1 +1 @@
-{"version":3,"file":"Compensation.js","sources":["../../../../../src/components/Employee/Compensation/management/Compensation.tsx"],"sourcesContent":["import { createMachine } from 'robot3'\nimport { useMemo } from 'react'\nimport {\n  CompensationCardContextual,\n  type CompensationContextInterface,\n} from './CompensationComponents'\nimport { compensationStateMachine } from './compensationStateMachine'\nimport { Flow } from '@/components/Flow/Flow'\nimport {\n  BaseBoundaries,\n  type BaseComponentInterface,\n  type CommonComponentInterface,\n} from '@/components/Base'\nimport { type EventType } from '@/shared/constants'\nimport { useComponentDictionary } from '@/i18n/I18n'\nimport { useI18n } from '@/i18n'\nimport type { OnEventType } from '@/components/Base/useBase'\n\nexport interface CompensationProps extends CommonComponentInterface<'Employee.Management.Compensation'> {\n  employeeId: string\n  onEvent: OnEventType<EventType, unknown>\n}\n\nfunction CompensationFlow({ employeeId, onEvent }: CompensationProps) {\n  useI18n('Employee.Management.Compensation')\n\n  const machine = useMemo(\n    () =>\n      createMachine('card', compensationStateMachine, (ctx: CompensationContextInterface) => ({\n        ...ctx,\n        component: CompensationCardContextual,\n        employeeId,\n        successAlert: null,\n      })),\n    [employeeId],\n  )\n\n  return <Flow machine={machine} onEvent={onEvent} />\n}\n\nexport function Compensation({\n  dictionary,\n  FallbackComponent,\n  ...props\n}: CompensationProps & BaseComponentInterface<'Employee.Management.Compensation'>) {\n  useComponentDictionary('Employee.Management.Compensation', dictionary)\n  return (\n    <BaseBoundaries\n      componentName=\"Employee.Management.Compensation\"\n      FallbackComponent={FallbackComponent}\n    >\n      <CompensationFlow {...props} />\n    </BaseBoundaries>\n  )\n}\n"],"names":["CompensationFlow","employeeId","onEvent","useI18n","machine","useMemo","createMachine","compensationStateMachine","ctx","CompensationCardContextual","jsx","Flow","Compensation","dictionary","FallbackComponent","props","useComponentDictionary","BaseBoundaries"],"mappings":";;;;;;;;;AAuBA,SAASA,EAAiB,EAAE,YAAAC,GAAY,SAAAC,KAA8B;AACpE,EAAAC,EAAQ,kCAAkC;AAE1C,QAAMC,IAAUC;AAAA,IACd,MACEC,EAAc,QAAQC,GAA0B,CAACC,OAAuC;AAAA,MACtF,GAAGA;AAAA,MACH,WAAWC;AAAA,MACX,YAAAR;AAAA,MACA,cAAc;AAAA,IAAA,EACd;AAAA,IACJ,CAACA,CAAU;AAAA,EAAA;AAGb,SAAO,gBAAAS,EAACC,GAAA,EAAK,SAAAP,GAAkB,SAAAF,EAAA,CAAkB;AACnD;AAEO,SAASU,EAAa;AAAA,EAC3B,YAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,GAAGC;AACL,GAAmF;AACjF,SAAAC,EAAuB,oCAAoCH,CAAU,GAEnE,gBAAAH;AAAA,IAACO;AAAA,IAAA;AAAA,MACC,eAAc;AAAA,MACd,mBAAAH;AAAA,MAEA,UAAA,gBAAAJ,EAACV,GAAA,EAAkB,GAAGe,EAAA,CAAO;AAAA,IAAA;AAAA,EAAA;AAGnC;"}
+{"version":3,"file":"Compensation.js","sources":["../../../../../src/components/Employee/Compensation/management/Compensation.tsx"],"sourcesContent":["import { createMachine } from 'robot3'\nimport { useMemo } from 'react'\nimport {\n  CompensationCardContextual,\n  type CompensationContextInterface,\n} from './CompensationComponents'\nimport { compensationStateMachine } from './compensationStateMachine'\nimport { Flow } from '@/components/Flow/Flow'\nimport {\n  BaseBoundaries,\n  type BaseComponentInterface,\n  type CommonComponentInterface,\n} from '@/components/Base'\nimport { type EventType } from '@/shared/constants'\nimport { useComponentDictionary } from '@/i18n/I18n'\nimport { useI18n } from '@/i18n'\nimport type { OnEventType } from '@/components/Base/useBase'\n\n/**\n * Props for {@link Compensation}.\n *\n * @public\n */\nexport interface CompensationProps extends CommonComponentInterface<'Employee.Management.Compensation'> {\n  /** The associated employee identifier. */\n  employeeId: string\n  /** Callback invoked when the block emits an event. See the events table on {@link Compensation} for the available event types and payloads. */\n  onEvent: OnEventType<EventType, unknown>\n}\n\nfunction CompensationFlow({ employeeId, onEvent }: CompensationProps) {\n  useI18n('Employee.Management.Compensation')\n\n  const machine = useMemo(\n    () =>\n      createMachine('card', compensationStateMachine, (ctx: CompensationContextInterface) => ({\n        ...ctx,\n        component: CompensationCardContextual,\n        employeeId,\n        successAlert: null,\n      })),\n    [employeeId],\n  )\n\n  return <Flow machine={machine} onEvent={onEvent} />\n}\n\n/**\n * Self-contained block for viewing and managing an employee's jobs and compensation — the same experience the dashboard surfaces, but as a drop-in component that doesn't require the surrounding dashboard chrome.\n *\n * @remarks\n * Renders a read-only card showing the employee's job(s), pay type, wage, and effective date, along with affordances to edit a job's compensation, add a first job from the empty state, add another job (when the primary job is Nonexempt), delete a non-primary job, and cancel a scheduled future-dated change. Choosing to edit or add a job swaps the card for the corresponding form; a successful add returns to the card with a dismissible \"Job successfully added.\" alert, an edit returns to the card without an alert, and cancelling returns without saving. Wraps everything in error and suspense boundaries.\n *\n * The card and form surfaces ({@link CompensationCard}, {@link CompensationEditForm}, {@link CompensationAddJobForm}, {@link CompensationAddAnotherJobForm}) are also exported individually for cases where that orchestration is the wrong fit — for example, when a form needs to render in a modal or drawer, when the card needs to appear read-only with no edit/add affordances, or when the swap is driven by a router. Using them directly means owning the swap, the alert, and any cross-component state yourself.\n *\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `employee/management/compensation/card/editRequested` | Fired when an \"Edit\" CTA is clicked for a job; the block opens the edit form for that job | `{ employeeId: string, jobId: string }` |\n * | `employee/management/compensation/card/addRequested` | Fired when the \"Add job\" CTA is clicked from the card's empty state; the block opens the add-first-job form | `{ employeeId: string }` |\n * | `employee/management/compensation/card/addAnotherRequested` | Fired when the \"Add another job\" CTA is clicked; the block opens the add-another-job form | `{ employeeId: string }` |\n * | `employee/management/compensation/card/jobDeleted` | Fired after a non-primary job is deleted via the card's confirm dialog; the block stays on the card | `{ employeeId: string, jobId: string }` |\n * | `employee/management/compensation/card/changeCancelled` | Fired after a scheduled future-dated change is cancelled from the card; the block stays on the card | `{ employeeId: string, compensationId: string }` |\n * | `employee/management/compensation/editForm/submitted` | Fired after an edit-compensation save completes; the block returns to the card view | Updated `Compensation` entity |\n * | `employee/management/compensation/editForm/cancelled` | Fired when the user cancels the edit form; the block returns to the card view | — |\n * | `employee/management/compensation/addJobForm/submitted` | Fired after the first job + compensation are saved; the block returns to the card and surfaces the \"Job added\" alert | Updated `Compensation` entity |\n * | `employee/management/compensation/addJobForm/cancelled` | Fired when the user cancels the add-job form; the block returns to the card view | — |\n * | `employee/management/compensation/addAnotherJobForm/submitted` | Fired after a secondary job + compensation are saved; the block returns to the card and surfaces the \"Job added\" alert | Updated `Compensation` entity |\n * | `employee/management/compensation/addAnotherJobForm/cancelled` | Fired when the user cancels the add-another-job form; the block returns to the card view | — |\n * | `employee/management/compensation/alertDismissed` | Fired when the user dismisses the \"Job added\" success alert above the card | `null` |\n *\n * @param props - See {@link CompensationProps}.\n * @returns The rendered compensation block.\n * @public\n * @group Block Components\n */\nexport function Compensation({\n  dictionary,\n  FallbackComponent,\n  ...props\n}: CompensationProps & BaseComponentInterface<'Employee.Management.Compensation'>) {\n  useComponentDictionary('Employee.Management.Compensation', dictionary)\n  return (\n    <BaseBoundaries\n      componentName=\"Employee.Management.Compensation\"\n      FallbackComponent={FallbackComponent}\n    >\n      <CompensationFlow {...props} />\n    </BaseBoundaries>\n  )\n}\n"],"names":["CompensationFlow","employeeId","onEvent","useI18n","machine","useMemo","createMachine","compensationStateMachine","ctx","CompensationCardContextual","jsx","Flow","Compensation","dictionary","FallbackComponent","props","useComponentDictionary","BaseBoundaries"],"mappings":";;;;;;;;;AA8BA,SAASA,EAAiB,EAAE,YAAAC,GAAY,SAAAC,KAA8B;AACpE,EAAAC,EAAQ,kCAAkC;AAE1C,QAAMC,IAAUC;AAAA,IACd,MACEC,EAAc,QAAQC,GAA0B,CAACC,OAAuC;AAAA,MACtF,GAAGA;AAAA,MACH,WAAWC;AAAA,MACX,YAAAR;AAAA,MACA,cAAc;AAAA,IAAA,EACd;AAAA,IACJ,CAACA,CAAU;AAAA,EAAA;AAGb,SAAO,gBAAAS,EAACC,GAAA,EAAK,SAAAP,GAAkB,SAAAF,EAAA,CAAkB;AACnD;AA8BO,SAASU,EAAa;AAAA,EAC3B,YAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,GAAGC;AACL,GAAmF;AACjF,SAAAC,EAAuB,oCAAoCH,CAAU,GAEnE,gBAAAH;AAAA,IAACO;AAAA,IAAA;AAAA,MACC,eAAc;AAAA,MACd,mBAAAH;AAAA,MAEA,UAAA,gBAAAJ,EAACV,GAAA,EAAkB,GAAGe,EAAA,CAAO;AAAA,IAAA;AAAA,EAAA;AAGnC;"}

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

@@ -1,11 +1,31 @@
 import { CommonComponentInterface } from '../../../../Base';
 import { OnEventType } from '../../../../Base/useBase';
 import { EventType } from '../../../../../shared/constants';
+/**
+ * Props for {@link CompensationAddAnotherJobForm}.
+ *
+ * @public
+ */
 export interface CompensationAddAnotherJobFormProps extends CommonComponentInterface<'Employee.Management.Compensation'> {
+    /** The associated employee identifier. */
     employeeId: string;
-    /** Fires `EMPLOYEE_MANAGEMENT_COMPENSATION_ADD_ANOTHER_JOB_FORM_SUBMITTED` (with
-     *  the saved `Compensation`) on a successful save, and
-     *  `EMPLOYEE_MANAGEMENT_COMPENSATION_ADD_ANOTHER_JOB_FORM_CANCELLED` when the user cancels. */
+    /** Callback invoked when the form emits an event. See the events table on {@link CompensationAddAnotherJobForm} for the available event types and payloads. */
     onEvent: OnEventType<EventType, unknown>;
 }
+/**
+ * Standalone form for adding a secondary job and compensation to an employee from the management surface.
+ *
+ * @remarks
+ * Routed from {@link CompensationCard}'s `employee/management/compensation/card/addAnotherRequested` event. Emits its own scoped `submitted` and `cancelled` events — both are your cue to return to the card. {@link Compensation} bundles the card, this form, and the swap and alert wiring as a single drop-in; reach for this form directly only when that orchestration is the wrong fit.
+ *
+ * | Event | Description | Data |
+ * | ----- | ----------- | ---- |
+ * | `employee/management/compensation/addAnotherJobForm/submitted` | Fired after the secondary job and compensation are saved; use it to return to the card | Saved `Compensation` entity |
+ * | `employee/management/compensation/addAnotherJobForm/cancelled` | Fired when the user clicks Cancel; use it to return to the card | — |
+ *
+ * @param props - See {@link CompensationAddAnotherJobFormProps}.
+ * @returns The rendered add-another-job form.
+ * @public
+ * @group Block Components
+ */
 export declare function CompensationAddAnotherJobForm({ dictionary, ...props }: CompensationAddAnotherJobFormProps): import("react").JSX.Element;

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

@@ -1 +1 @@
-{"version":3,"file":"CompensationAddAnotherJobForm.js","sources":["../../../../../../src/components/Employee/Compensation/management/CompensationAddAnotherJobForm/CompensationAddAnotherJobForm.tsx"],"sourcesContent":["import { useState } from 'react'\nimport classNames from 'classnames'\nimport { useTranslation } from 'react-i18next'\nimport { useJobForm } from '../../shared/useJobForm'\nimport { useCompensationForm } from '../../shared/useCompensationForm'\nimport { AddCompensationFormBody } from '../../shared/AddCompensationFormBody'\nimport { useManagementCompensationDictionary } from '../useManagementCompensationDictionary'\nimport styles from './CompensationAddAnotherJobForm.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 CompensationAddAnotherJobFormProps extends CommonComponentInterface<'Employee.Management.Compensation'> {\n  employeeId: string\n  /** Fires `EMPLOYEE_MANAGEMENT_COMPENSATION_ADD_ANOTHER_JOB_FORM_SUBMITTED` (with\n   *  the saved `Compensation`) on a successful save, and\n   *  `EMPLOYEE_MANAGEMENT_COMPENSATION_ADD_ANOTHER_JOB_FORM_CANCELLED` when the user cancels. */\n  onEvent: OnEventType<EventType, unknown>\n}\n\nexport function CompensationAddAnotherJobForm({\n  dictionary,\n  ...props\n}: CompensationAddAnotherJobFormProps) {\n  useComponentDictionary('Employee.Management.Compensation', dictionary)\n  return (\n    <BaseBoundaries componentName=\"Employee.Management.Compensation\">\n      <Root {...props} />\n    </BaseBoundaries>\n  )\n}\n\nfunction Root({\n  employeeId,\n  className,\n  onEvent,\n}: Omit<CompensationAddAnotherJobFormProps, 'dictionary'>) {\n  useI18n('Employee.Management.Compensation')\n  const { t } = useTranslation('Employee.Management.Compensation')\n  const formDictionary = useManagementCompensationDictionary()\n\n  // Track jobId locally so a partial-failure submit chain (job POST succeeds,\n  // comp PUT fails) doesn't re-POST and create a duplicate job on retry.\n  const [resolvedJobId, setResolvedJobId] = useState<string | undefined>(undefined)\n\n  const jobForm = useJobForm({\n    employeeId,\n    jobId: resolvedJobId,\n    withHireDateField: false,\n    optionalFieldsToRequire: { update: ['title'] },\n    shouldFocusError: false,\n  })\n\n  const resolvedCompensationId = jobForm.isLoading\n    ? undefined\n    : (jobForm.data.currentJob?.currentCompensationUuid ?? undefined)\n\n  const compensationForm = useCompensationForm({\n    employeeId,\n    jobId: resolvedJobId,\n    compensationId: resolvedCompensationId,\n    withEffectiveDateField: true,\n    optionalFieldsToRequire: { update: ['flsaStatus', 'rate', 'paymentUnit'] },\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  // The API defaults a secondary job's hire_date to the primary job's hire_date\n  // when omitted. We pass it explicitly to satisfy the SDK hook's requirement\n  // and mirror the API's own default behavior. React Query dedupes this query\n  // since useJobForm has already loaded it.\n  const primaryHireDate = jobForm.data.jobs?.find(j => j.primary)?.hireDate ?? undefined\n\n  const submitResult = composeSubmitHandler([jobForm, compensationForm], async () => {\n    const jobResult = await jobForm.actions.onSubmit({ employeeId, hireDate: primaryHireDate })\n    if (!jobResult) return\n\n    const stubCompensation = jobResult.data.compensations?.find(\n      c => c.uuid === jobResult.data.currentCompensationUuid,\n    )\n\n    const compensationResult = await compensationForm.actions.onSubmit({\n      jobId: jobResult.data.uuid,\n      compensationId: jobResult.data.currentCompensationUuid ?? undefined,\n      compensationVersion: stubCompensation?.version ?? undefined,\n    })\n    if (!compensationResult) {\n      setResolvedJobId(jobResult.data.uuid)\n      return\n    }\n\n    onEvent(\n      componentEvents.EMPLOYEE_MANAGEMENT_COMPENSATION_ADD_ANOTHER_JOB_FORM_SUBMITTED,\n      compensationResult.data,\n    )\n  })\n\n  const errorHandling = composeErrorHandler([submitResult])\n  const isPending = jobForm.status.isPending || compensationForm.status.isPending\n\n  return (\n    <section className={classNames(styles.container, className)}>\n      <BaseLayout error={errorHandling.errors}>\n        <Form onSubmit={submitResult.handleSubmit}>\n          <AddCompensationFormBody\n            jobForm={jobForm}\n            compensationForm={compensationForm}\n            title={t('addAnotherJobTitle')}\n            submitCtaLabel={t('saveNewJobCta')}\n            isPending={isPending}\n            onCancel={() => {\n              onEvent(\n                componentEvents.EMPLOYEE_MANAGEMENT_COMPENSATION_ADD_ANOTHER_JOB_FORM_CANCELLED,\n              )\n            }}\n            dictionary={formDictionary}\n          />\n        </Form>\n      </BaseLayout>\n    </section>\n  )\n}\n"],"names":["CompensationAddAnotherJobForm","dictionary","props","useComponentDictionary","jsx","BaseBoundaries","Root","employeeId","className","onEvent","useI18n","t","useTranslation","formDictionary","useManagementCompensationDictionary","resolvedJobId","setResolvedJobId","useState","jobForm","useJobForm","resolvedCompensationId","compensationForm","useCompensationForm","loadingErrorHandling","composeErrorHandler","BaseLayout","primaryHireDate","j","submitResult","composeSubmitHandler","jobResult","stubCompensation","c","compensationResult","componentEvents","errorHandling","isPending","classNames","styles","Form","AddCompensationFormBody"],"mappings":";;;;;;;;;;;;;;;;AAwBO,SAASA,EAA8B;AAAA,EAC5C,YAAAC;AAAA,EACA,GAAGC;AACL,GAAuC;AACrC,SAAAC,EAAuB,oCAAoCF,CAAU,GAEnE,gBAAAG,EAACC,KAAe,eAAc,oCAC5B,4BAACC,GAAA,EAAM,GAAGJ,GAAO,EAAA,CACnB;AAEJ;AAEA,SAASI,EAAK;AAAA,EACZ,YAAAC;AAAA,EACA,WAAAC;AAAA,EACA,SAAAC;AACF,GAA2D;AACzD,EAAAC,EAAQ,kCAAkC;AAC1C,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,kCAAkC,GACzDC,IAAiBC,EAAA,GAIjB,CAACC,GAAeC,CAAgB,IAAIC,EAA6B,MAAS,GAE1EC,IAAUC,EAAW;AAAA,IACzB,YAAAZ;AAAA,IACA,OAAOQ;AAAA,IACP,mBAAmB;AAAA,IACnB,yBAAyB,EAAE,QAAQ,CAAC,OAAO,EAAA;AAAA,IAC3C,kBAAkB;AAAA,EAAA,CACnB,GAEKK,IAAyBF,EAAQ,YACnC,SACCA,EAAQ,KAAK,YAAY,2BAA2B,QAEnDG,IAAmBC,EAAoB;AAAA,IAC3C,YAAAf;AAAA,IACA,OAAOQ;AAAA,IACP,gBAAgBK;AAAA,IAChB,wBAAwB;AAAA,IACxB,yBAAyB,EAAE,QAAQ,CAAC,cAAc,QAAQ,aAAa,EAAA;AAAA,IACvE,kBAAkB;AAAA,EAAA,CACnB;AAED,MAAIF,EAAQ,aAAaG,EAAiB,WAAW;AACnD,UAAME,IAAuBC,EAAoB,CAACN,GAASG,CAAgB,CAAC;AAC5E,6BAAQI,GAAA,EAAW,WAAS,IAAC,OAAOF,EAAqB,QAAQ;AAAA,EACnE;AAMA,QAAMG,IAAkBR,EAAQ,KAAK,MAAM,KAAK,CAAAS,MAAKA,EAAE,OAAO,GAAG,YAAY,QAEvEC,IAAeC,EAAqB,CAACX,GAASG,CAAgB,GAAG,YAAY;AACjF,UAAMS,IAAY,MAAMZ,EAAQ,QAAQ,SAAS,EAAE,YAAAX,GAAY,UAAUmB,GAAiB;AAC1F,QAAI,CAACI,EAAW;AAEhB,UAAMC,IAAmBD,EAAU,KAAK,eAAe;AAAA,MACrD,CAAAE,MAAKA,EAAE,SAASF,EAAU,KAAK;AAAA,IAAA,GAG3BG,IAAqB,MAAMZ,EAAiB,QAAQ,SAAS;AAAA,MACjE,OAAOS,EAAU,KAAK;AAAA,MACtB,gBAAgBA,EAAU,KAAK,2BAA2B;AAAA,MAC1D,qBAAqBC,GAAkB,WAAW;AAAA,IAAA,CACnD;AACD,QAAI,CAACE,GAAoB;AACvB,MAAAjB,EAAiBc,EAAU,KAAK,IAAI;AACpC;AAAA,IACF;AAEA,IAAArB;AAAA,MACEyB,EAAgB;AAAA,MAChBD,EAAmB;AAAA,IAAA;AAAA,EAEvB,CAAC,GAEKE,IAAgBX,EAAoB,CAACI,CAAY,CAAC,GAClDQ,IAAYlB,EAAQ,OAAO,aAAaG,EAAiB,OAAO;AAEtE,2BACG,WAAA,EAAQ,WAAWgB,EAAWC,EAAO,WAAW9B,CAAS,GACxD,UAAA,gBAAAJ,EAACqB,GAAA,EAAW,OAAOU,EAAc,QAC/B,4BAACI,GAAA,EAAK,UAAUX,EAAa,cAC3B,UAAA,gBAAAxB;AAAA,IAACoC;AAAA,IAAA;AAAA,MACC,SAAAtB;AAAA,MACA,kBAAAG;AAAA,MACA,OAAOV,EAAE,oBAAoB;AAAA,MAC7B,gBAAgBA,EAAE,eAAe;AAAA,MACjC,WAAAyB;AAAA,MACA,UAAU,MAAM;AACd,QAAA3B;AAAA,UACEyB,EAAgB;AAAA,QAAA;AAAA,MAEpB;AAAA,MACA,YAAYrB;AAAA,IAAA;AAAA,EAAA,EACd,CACF,GACF,GACF;AAEJ;"}
+{"version":3,"file":"CompensationAddAnotherJobForm.js","sources":["../../../../../../src/components/Employee/Compensation/management/CompensationAddAnotherJobForm/CompensationAddAnotherJobForm.tsx"],"sourcesContent":["import { useState } from 'react'\nimport classNames from 'classnames'\nimport { useTranslation } from 'react-i18next'\nimport { useJobForm } from '../../shared/useJobForm'\nimport { useCompensationForm } from '../../shared/useCompensationForm'\nimport { AddCompensationFormBody } from '../../shared/AddCompensationFormBody'\nimport { useManagementCompensationDictionary } from '../useManagementCompensationDictionary'\nimport styles from './CompensationAddAnotherJobForm.module.scss'\nimport { BaseBoundaries, BaseLayout, type CommonComponentInterface } from '@/components/Base'\nimport type { OnEventType } from '@/components/Base/useBase'\nimport { Form } from '@/components/Common/Form'\nimport { useComponentDictionary, useI18n } from '@/i18n'\nimport { composeErrorHandler } from '@/partner-hook-utils/composeErrorHandler'\nimport { composeSubmitHandler } from '@/partner-hook-utils/form/composeSubmitHandler'\nimport { componentEvents, type EventType } from '@/shared/constants'\n\n/**\n * Props for {@link CompensationAddAnotherJobForm}.\n *\n * @public\n */\nexport interface CompensationAddAnotherJobFormProps extends CommonComponentInterface<'Employee.Management.Compensation'> {\n  /** The associated employee identifier. */\n  employeeId: string\n  /** Callback invoked when the form emits an event. See the events table on {@link CompensationAddAnotherJobForm} for the available event types and payloads. */\n  onEvent: OnEventType<EventType, unknown>\n}\n\n/**\n * Standalone form for adding a secondary job and compensation to an employee from the management surface.\n *\n * @remarks\n * Routed from {@link CompensationCard}'s `employee/management/compensation/card/addAnotherRequested` event. Emits its own scoped `submitted` and `cancelled` events — both are your cue to return to the card. {@link Compensation} bundles the card, this form, and the swap and alert wiring as a single drop-in; reach for this form directly only when that orchestration is the wrong fit.\n *\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `employee/management/compensation/addAnotherJobForm/submitted` | Fired after the secondary job and compensation are saved; use it to return to the card | Saved `Compensation` entity |\n * | `employee/management/compensation/addAnotherJobForm/cancelled` | Fired when the user clicks Cancel; use it to return to the card | — |\n *\n * @param props - See {@link CompensationAddAnotherJobFormProps}.\n * @returns The rendered add-another-job form.\n * @public\n * @group Block Components\n */\nexport function CompensationAddAnotherJobForm({\n  dictionary,\n  ...props\n}: CompensationAddAnotherJobFormProps) {\n  useComponentDictionary('Employee.Management.Compensation', dictionary)\n  return (\n    <BaseBoundaries componentName=\"Employee.Management.Compensation\">\n      <Root {...props} />\n    </BaseBoundaries>\n  )\n}\n\nfunction Root({\n  employeeId,\n  className,\n  onEvent,\n}: Omit<CompensationAddAnotherJobFormProps, 'dictionary'>) {\n  useI18n('Employee.Management.Compensation')\n  const { t } = useTranslation('Employee.Management.Compensation')\n  const formDictionary = useManagementCompensationDictionary()\n\n  // Track jobId locally so a partial-failure submit chain (job POST succeeds,\n  // comp PUT fails) doesn't re-POST and create a duplicate job on retry.\n  const [resolvedJobId, setResolvedJobId] = useState<string | undefined>(undefined)\n\n  const jobForm = useJobForm({\n    employeeId,\n    jobId: resolvedJobId,\n    withHireDateField: false,\n    optionalFieldsToRequire: { update: ['title'] },\n    shouldFocusError: false,\n  })\n\n  const resolvedCompensationId = jobForm.isLoading\n    ? undefined\n    : (jobForm.data.currentJob?.currentCompensationUuid ?? undefined)\n\n  const compensationForm = useCompensationForm({\n    employeeId,\n    jobId: resolvedJobId,\n    compensationId: resolvedCompensationId,\n    withEffectiveDateField: true,\n    optionalFieldsToRequire: { update: ['flsaStatus', 'rate', 'paymentUnit'] },\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  // The API defaults a secondary job's hire_date to the primary job's hire_date\n  // when omitted. We pass it explicitly to satisfy the SDK hook's requirement\n  // and mirror the API's own default behavior. React Query dedupes this query\n  // since useJobForm has already loaded it.\n  const primaryHireDate = jobForm.data.jobs?.find(j => j.primary)?.hireDate ?? undefined\n\n  const submitResult = composeSubmitHandler([jobForm, compensationForm], async () => {\n    const jobResult = await jobForm.actions.onSubmit({ employeeId, hireDate: primaryHireDate })\n    if (!jobResult) return\n\n    const stubCompensation = jobResult.data.compensations?.find(\n      c => c.uuid === jobResult.data.currentCompensationUuid,\n    )\n\n    const compensationResult = await compensationForm.actions.onSubmit({\n      jobId: jobResult.data.uuid,\n      compensationId: jobResult.data.currentCompensationUuid ?? undefined,\n      compensationVersion: stubCompensation?.version ?? undefined,\n    })\n    if (!compensationResult) {\n      setResolvedJobId(jobResult.data.uuid)\n      return\n    }\n\n    onEvent(\n      componentEvents.EMPLOYEE_MANAGEMENT_COMPENSATION_ADD_ANOTHER_JOB_FORM_SUBMITTED,\n      compensationResult.data,\n    )\n  })\n\n  const errorHandling = composeErrorHandler([submitResult])\n  const isPending = jobForm.status.isPending || compensationForm.status.isPending\n\n  return (\n    <section className={classNames(styles.container, className)}>\n      <BaseLayout error={errorHandling.errors}>\n        <Form onSubmit={submitResult.handleSubmit}>\n          <AddCompensationFormBody\n            jobForm={jobForm}\n            compensationForm={compensationForm}\n            title={t('addAnotherJobTitle')}\n            submitCtaLabel={t('saveNewJobCta')}\n            isPending={isPending}\n            onCancel={() => {\n              onEvent(\n                componentEvents.EMPLOYEE_MANAGEMENT_COMPENSATION_ADD_ANOTHER_JOB_FORM_CANCELLED,\n              )\n            }}\n            dictionary={formDictionary}\n          />\n        </Form>\n      </BaseLayout>\n    </section>\n  )\n}\n"],"names":["CompensationAddAnotherJobForm","dictionary","props","useComponentDictionary","jsx","BaseBoundaries","Root","employeeId","className","onEvent","useI18n","t","useTranslation","formDictionary","useManagementCompensationDictionary","resolvedJobId","setResolvedJobId","useState","jobForm","useJobForm","resolvedCompensationId","compensationForm","useCompensationForm","loadingErrorHandling","composeErrorHandler","BaseLayout","primaryHireDate","j","submitResult","composeSubmitHandler","jobResult","stubCompensation","c","compensationResult","componentEvents","errorHandling","isPending","classNames","styles","Form","AddCompensationFormBody"],"mappings":";;;;;;;;;;;;;;;;AA4CO,SAASA,EAA8B;AAAA,EAC5C,YAAAC;AAAA,EACA,GAAGC;AACL,GAAuC;AACrC,SAAAC,EAAuB,oCAAoCF,CAAU,GAEnE,gBAAAG,EAACC,KAAe,eAAc,oCAC5B,4BAACC,GAAA,EAAM,GAAGJ,GAAO,EAAA,CACnB;AAEJ;AAEA,SAASI,EAAK;AAAA,EACZ,YAAAC;AAAA,EACA,WAAAC;AAAA,EACA,SAAAC;AACF,GAA2D;AACzD,EAAAC,EAAQ,kCAAkC;AAC1C,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,kCAAkC,GACzDC,IAAiBC,EAAA,GAIjB,CAACC,GAAeC,CAAgB,IAAIC,EAA6B,MAAS,GAE1EC,IAAUC,EAAW;AAAA,IACzB,YAAAZ;AAAA,IACA,OAAOQ;AAAA,IACP,mBAAmB;AAAA,IACnB,yBAAyB,EAAE,QAAQ,CAAC,OAAO,EAAA;AAAA,IAC3C,kBAAkB;AAAA,EAAA,CACnB,GAEKK,IAAyBF,EAAQ,YACnC,SACCA,EAAQ,KAAK,YAAY,2BAA2B,QAEnDG,IAAmBC,EAAoB;AAAA,IAC3C,YAAAf;AAAA,IACA,OAAOQ;AAAA,IACP,gBAAgBK;AAAA,IAChB,wBAAwB;AAAA,IACxB,yBAAyB,EAAE,QAAQ,CAAC,cAAc,QAAQ,aAAa,EAAA;AAAA,IACvE,kBAAkB;AAAA,EAAA,CACnB;AAED,MAAIF,EAAQ,aAAaG,EAAiB,WAAW;AACnD,UAAME,IAAuBC,EAAoB,CAACN,GAASG,CAAgB,CAAC;AAC5E,6BAAQI,GAAA,EAAW,WAAS,IAAC,OAAOF,EAAqB,QAAQ;AAAA,EACnE;AAMA,QAAMG,IAAkBR,EAAQ,KAAK,MAAM,KAAK,CAAAS,MAAKA,EAAE,OAAO,GAAG,YAAY,QAEvEC,IAAeC,EAAqB,CAACX,GAASG,CAAgB,GAAG,YAAY;AACjF,UAAMS,IAAY,MAAMZ,EAAQ,QAAQ,SAAS,EAAE,YAAAX,GAAY,UAAUmB,GAAiB;AAC1F,QAAI,CAACI,EAAW;AAEhB,UAAMC,IAAmBD,EAAU,KAAK,eAAe;AAAA,MACrD,CAAAE,MAAKA,EAAE,SAASF,EAAU,KAAK;AAAA,IAAA,GAG3BG,IAAqB,MAAMZ,EAAiB,QAAQ,SAAS;AAAA,MACjE,OAAOS,EAAU,KAAK;AAAA,MACtB,gBAAgBA,EAAU,KAAK,2BAA2B;AAAA,MAC1D,qBAAqBC,GAAkB,WAAW;AAAA,IAAA,CACnD;AACD,QAAI,CAACE,GAAoB;AACvB,MAAAjB,EAAiBc,EAAU,KAAK,IAAI;AACpC;AAAA,IACF;AAEA,IAAArB;AAAA,MACEyB,EAAgB;AAAA,MAChBD,EAAmB;AAAA,IAAA;AAAA,EAEvB,CAAC,GAEKE,IAAgBX,EAAoB,CAACI,CAAY,CAAC,GAClDQ,IAAYlB,EAAQ,OAAO,aAAaG,EAAiB,OAAO;AAEtE,2BACG,WAAA,EAAQ,WAAWgB,EAAWC,EAAO,WAAW9B,CAAS,GACxD,UAAA,gBAAAJ,EAACqB,GAAA,EAAW,OAAOU,EAAc,QAC/B,4BAACI,GAAA,EAAK,UAAUX,EAAa,cAC3B,UAAA,gBAAAxB;AAAA,IAACoC;AAAA,IAAA;AAAA,MACC,SAAAtB;AAAA,MACA,kBAAAG;AAAA,MACA,OAAOV,EAAE,oBAAoB;AAAA,MAC7B,gBAAgBA,EAAE,eAAe;AAAA,MACjC,WAAAyB;AAAA,MACA,UAAU,MAAM;AACd,QAAA3B;AAAA,UACEyB,EAAgB;AAAA,QAAA;AAAA,MAEpB;AAAA,MACA,YAAYrB;AAAA,IAAA;AAAA,EAAA,EACd,CACF,GACF,GACF;AAEJ;"}

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

@@ -1,20 +1,31 @@
 import { CommonComponentInterface } from '../../../../Base';
 import { OnEventType } from '../../../../Base/useBase';
 import { EventType } from '../../../../../shared/constants';
+/**
+ * Props for {@link CompensationAddJobForm}.
+ *
+ * @public
+ */
 export interface CompensationAddJobFormProps extends CommonComponentInterface<'Employee.Management.Compensation'> {
+    /** The associated employee identifier. */
     employeeId: string;
-    /** Fires `EMPLOYEE_MANAGEMENT_COMPENSATION_ADD_JOB_FORM_SUBMITTED` (with the saved
-     *  `Compensation`) on a successful save, and
-     *  `EMPLOYEE_MANAGEMENT_COMPENSATION_ADD_JOB_FORM_CANCELLED` when the user cancels. */
+    /** Callback invoked when the form emits an event. See the events table on {@link CompensationAddJobForm} for the available event types and payloads. */
     onEvent: OnEventType<EventType, unknown>;
 }
 /**
- * Adds the employee's first job + compensation from the management surface.
- * Wraps the onboarding `EditCompensation` and supplies management-isolated
- * title/CTA copy plus a dictionary resolved from `Employee.Management.Compensation`,
- * passed through `EditCompensation`'s `dictionary` prop so the rendered fields
- * show management copy and stay isolated from the onboarding surface. Translates
- * the onboarding flow's save/cancel events into the management block's scoped
- * events so the partner-visible surface is the management block's, not onboarding's.
+ * Standalone form for adding an employee's first job and compensation from the management surface.
+ *
+ * @remarks
+ * Routed from {@link CompensationCard}'s `employee/management/compensation/card/addRequested` event. Emits its own scoped `submitted` and `cancelled` events — both are your cue to return to the card. {@link Compensation} bundles the card, this form, and the swap and alert wiring as a single drop-in; reach for this form directly only when that orchestration is the wrong fit.
+ *
+ * | Event | Description | Data |
+ * | ----- | ----------- | ---- |
+ * | `employee/management/compensation/addJobForm/submitted` | Fired after the job and compensation are saved; use it to return to the card | Saved `Compensation` entity |
+ * | `employee/management/compensation/addJobForm/cancelled` | Fired when the user clicks Cancel; use it to return to the card | — |
+ *
+ * @param props - See {@link CompensationAddJobFormProps}.
+ * @returns The rendered add-job form.
+ * @public
+ * @group Block Components
  */
 export declare function CompensationAddJobForm({ dictionary, ...props }: CompensationAddJobFormProps): import("react").JSX.Element;

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

@@ -1 +1 @@
-{"version":3,"file":"CompensationAddJobForm.js","sources":["../../../../../../src/components/Employee/Compensation/management/CompensationAddJobForm/CompensationAddJobForm.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { EditCompensation } from '../../onboarding/EditCompensation/EditCompensation'\nimport { useManagementCompensationDictionary } from '../useManagementCompensationDictionary'\nimport { BaseBoundaries, type CommonComponentInterface } from '@/components/Base'\nimport type { OnEventType } from '@/components/Base/useBase'\nimport { useComponentDictionary, useI18n } from '@/i18n'\nimport { componentEvents, type EventType } from '@/shared/constants'\n\nexport interface CompensationAddJobFormProps extends CommonComponentInterface<'Employee.Management.Compensation'> {\n  employeeId: string\n  /** Fires `EMPLOYEE_MANAGEMENT_COMPENSATION_ADD_JOB_FORM_SUBMITTED` (with the saved\n   *  `Compensation`) on a successful save, and\n   *  `EMPLOYEE_MANAGEMENT_COMPENSATION_ADD_JOB_FORM_CANCELLED` when the user cancels. */\n  onEvent: OnEventType<EventType, unknown>\n}\n\n/**\n * Adds the employee's first job + compensation from the management surface.\n * Wraps the onboarding `EditCompensation` and supplies management-isolated\n * title/CTA copy plus a dictionary resolved from `Employee.Management.Compensation`,\n * passed through `EditCompensation`'s `dictionary` prop so the rendered fields\n * show management copy and stay isolated from the onboarding surface. Translates\n * the onboarding flow's save/cancel events into the management block's scoped\n * events so the partner-visible surface is the management block's, not onboarding's.\n */\nexport function CompensationAddJobForm({ dictionary, ...props }: CompensationAddJobFormProps) {\n  useComponentDictionary('Employee.Management.Compensation', dictionary)\n  return (\n    <BaseBoundaries componentName=\"Employee.Management.Compensation\">\n      <Root {...props} />\n    </BaseBoundaries>\n  )\n}\n\nfunction Root({ employeeId, onEvent }: Omit<CompensationAddJobFormProps, 'dictionary'>) {\n  useI18n('Employee.Management.Compensation')\n  const { t } = useTranslation('Employee.Management.Compensation')\n  const editCompensationDictionary = useManagementCompensationDictionary()\n\n  return (\n    <EditCompensation\n      employeeId={employeeId}\n      title={t('addJobTitle')}\n      submitCtaLabel={t('saveNewJobCta')}\n      dictionary={editCompensationDictionary}\n      onEvent={(type, data) => {\n        // The onboarding EditCompensation fires its own job/compensation events;\n        // the management block exposes a single scoped \"submitted\" event keyed off\n        // the compensation save (the terminal step of the create chain).\n        if (type === componentEvents.EMPLOYEE_COMPENSATION_UPDATED) {\n          onEvent(componentEvents.EMPLOYEE_MANAGEMENT_COMPENSATION_ADD_JOB_FORM_SUBMITTED, data)\n        }\n      }}\n      onCancel={() => {\n        onEvent(componentEvents.EMPLOYEE_MANAGEMENT_COMPENSATION_ADD_JOB_FORM_CANCELLED)\n      }}\n    />\n  )\n}\n"],"names":["CompensationAddJobForm","dictionary","props","useComponentDictionary","jsx","BaseBoundaries","Root","employeeId","onEvent","useI18n","t","useTranslation","editCompensationDictionary","useManagementCompensationDictionary","EditCompensation","type","data","componentEvents"],"mappings":";;;;;;;;AAyBO,SAASA,EAAuB,EAAE,YAAAC,GAAY,GAAGC,KAAsC;AAC5F,SAAAC,EAAuB,oCAAoCF,CAAU,GAEnE,gBAAAG,EAACC,KAAe,eAAc,oCAC5B,4BAACC,GAAA,EAAM,GAAGJ,GAAO,EAAA,CACnB;AAEJ;AAEA,SAASI,EAAK,EAAE,YAAAC,GAAY,SAAAC,KAA4D;AACtF,EAAAC,EAAQ,kCAAkC;AAC1C,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,kCAAkC,GACzDC,IAA6BC,EAAA;AAEnC,SACE,gBAAAT;AAAA,IAACU;AAAA,IAAA;AAAA,MACC,YAAAP;AAAA,MACA,OAAOG,EAAE,aAAa;AAAA,MACtB,gBAAgBA,EAAE,eAAe;AAAA,MACjC,YAAYE;AAAA,MACZ,SAAS,CAACG,GAAMC,MAAS;AAIvB,QAAID,MAASE,EAAgB,iCAC3BT,EAAQS,EAAgB,yDAAyDD,CAAI;AAAA,MAEzF;AAAA,MACA,UAAU,MAAM;AACd,QAAAR,EAAQS,EAAgB,uDAAuD;AAAA,MACjF;AAAA,IAAA;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"CompensationAddJobForm.js","sources":["../../../../../../src/components/Employee/Compensation/management/CompensationAddJobForm/CompensationAddJobForm.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { EditCompensation } from '../../onboarding/EditCompensation/EditCompensation'\nimport { useManagementCompensationDictionary } from '../useManagementCompensationDictionary'\nimport { BaseBoundaries, type CommonComponentInterface } from '@/components/Base'\nimport type { OnEventType } from '@/components/Base/useBase'\nimport { useComponentDictionary, useI18n } from '@/i18n'\nimport { componentEvents, type EventType } from '@/shared/constants'\n\n/**\n * Props for {@link CompensationAddJobForm}.\n *\n * @public\n */\nexport interface CompensationAddJobFormProps extends CommonComponentInterface<'Employee.Management.Compensation'> {\n  /** The associated employee identifier. */\n  employeeId: string\n  /** Callback invoked when the form emits an event. See the events table on {@link CompensationAddJobForm} for the available event types and payloads. */\n  onEvent: OnEventType<EventType, unknown>\n}\n\n/**\n * Standalone form for adding an employee's first job and compensation from the management surface.\n *\n * @remarks\n * Routed from {@link CompensationCard}'s `employee/management/compensation/card/addRequested` event. Emits its own scoped `submitted` and `cancelled` events — both are your cue to return to the card. {@link Compensation} bundles the card, this form, and the swap and alert wiring as a single drop-in; reach for this form directly only when that orchestration is the wrong fit.\n *\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `employee/management/compensation/addJobForm/submitted` | Fired after the job and compensation are saved; use it to return to the card | Saved `Compensation` entity |\n * | `employee/management/compensation/addJobForm/cancelled` | Fired when the user clicks Cancel; use it to return to the card | — |\n *\n * @param props - See {@link CompensationAddJobFormProps}.\n * @returns The rendered add-job form.\n * @public\n * @group Block Components\n */\nexport function CompensationAddJobForm({ dictionary, ...props }: CompensationAddJobFormProps) {\n  useComponentDictionary('Employee.Management.Compensation', dictionary)\n  return (\n    <BaseBoundaries componentName=\"Employee.Management.Compensation\">\n      <Root {...props} />\n    </BaseBoundaries>\n  )\n}\n\nfunction Root({ employeeId, onEvent }: Omit<CompensationAddJobFormProps, 'dictionary'>) {\n  useI18n('Employee.Management.Compensation')\n  const { t } = useTranslation('Employee.Management.Compensation')\n  const editCompensationDictionary = useManagementCompensationDictionary()\n\n  return (\n    <EditCompensation\n      employeeId={employeeId}\n      title={t('addJobTitle')}\n      submitCtaLabel={t('saveNewJobCta')}\n      dictionary={editCompensationDictionary}\n      onEvent={(type, data) => {\n        // The onboarding EditCompensation fires its own job/compensation events;\n        // the management block exposes a single scoped \"submitted\" event keyed off\n        // the compensation save (the terminal step of the create chain).\n        if (type === componentEvents.EMPLOYEE_COMPENSATION_UPDATED) {\n          onEvent(componentEvents.EMPLOYEE_MANAGEMENT_COMPENSATION_ADD_JOB_FORM_SUBMITTED, data)\n        }\n      }}\n      onCancel={() => {\n        onEvent(componentEvents.EMPLOYEE_MANAGEMENT_COMPENSATION_ADD_JOB_FORM_CANCELLED)\n      }}\n    />\n  )\n}\n"],"names":["CompensationAddJobForm","dictionary","props","useComponentDictionary","jsx","BaseBoundaries","Root","employeeId","onEvent","useI18n","t","useTranslation","editCompensationDictionary","useManagementCompensationDictionary","EditCompensation","type","data","componentEvents"],"mappings":";;;;;;;;AAoCO,SAASA,EAAuB,EAAE,YAAAC,GAAY,GAAGC,KAAsC;AAC5F,SAAAC,EAAuB,oCAAoCF,CAAU,GAEnE,gBAAAG,EAACC,KAAe,eAAc,oCAC5B,4BAACC,GAAA,EAAM,GAAGJ,GAAO,EAAA,CACnB;AAEJ;AAEA,SAASI,EAAK,EAAE,YAAAC,GAAY,SAAAC,KAA4D;AACtF,EAAAC,EAAQ,kCAAkC;AAC1C,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,kCAAkC,GACzDC,IAA6BC,EAAA;AAEnC,SACE,gBAAAT;AAAA,IAACU;AAAA,IAAA;AAAA,MACC,YAAAP;AAAA,MACA,OAAOG,EAAE,aAAa;AAAA,MACtB,gBAAgBA,EAAE,eAAe;AAAA,MACjC,YAAYE;AAAA,MACZ,SAAS,CAACG,GAAMC,MAAS;AAIvB,QAAID,MAASE,EAAgB,iCAC3BT,EAAQS,EAAgB,yDAAyDD,CAAI;AAAA,MAEzF;AAAA,MACA,UAAU,MAAM;AACd,QAAAR,EAAQS,EAAgB,uDAAuD;AAAA,MACjF;AAAA,IAAA;AAAA,EAAA;AAGN;"}

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

@@ -1,16 +1,33 @@
 import { EventType } from '../../../../../shared/constants';
 import { OnEventType } from '../../../../Base/useBase';
+/**
+ * Props for {@link CompensationCard}.
+ *
+ * @public
+ */
 export interface CompensationCardProps {
+    /** The associated employee identifier. */
     employeeId: string;
+    /** Callback invoked when the card emits an event. See the events table on {@link CompensationCard} for the available event types and payloads. */
     onEvent: OnEventType<EventType, unknown>;
 }
 /**
- * Standalone "Compensation" management card. Owns its own data fetch via
- * `useCompensationManagement`, the pending-change alerts + review modal, and
- * the delete-job confirm dialog. It emits scoped
- * `EMPLOYEE_MANAGEMENT_COMPENSATION_CARD_*` events for edit/add/add-another
- * requests and for completed in-card delete/cancel actions; an orchestrator
- * (the `Compensation` block or the dashboard) routes those to the edit/add
- * surfaces and renders any success alerts.
+ * Standalone "Compensation" management card that displays an employee's current jobs and compensation, surfaces pending future-dated changes, and exposes edit, add, and delete affordances.
+ *
+ * @remarks
+ * The card owns its own data fetch, the pending-change alerts and review modal, and the delete-job confirm dialog. It does not render the compensation edit or add-job forms — instead, it emits a distinct request event for each action, and the consumer routes those to {@link CompensationEditForm}, {@link CompensationAddJobForm}, or {@link CompensationAddAnotherJobForm} and renders any post-save success alerts. {@link Compensation} bundles the card, the three form surfaces, and the swap and alert wiring as a single drop-in; reach for the card directly only when that orchestration is the wrong fit (for example, when a form needs to render in a modal or drawer, or when the swap is driven by a router).
+ *
+ * | Event | Description | Data |
+ * | ----- | ----------- | ---- |
+ * | `employee/management/compensation/card/editRequested` | Fired when an "Edit" CTA is clicked for a job | `{ employeeId: string, jobId: string }` |
+ * | `employee/management/compensation/card/addRequested` | Fired when the "Add job" CTA is clicked from the empty state | `{ employeeId: string }` |
+ * | `employee/management/compensation/card/addAnotherRequested` | Fired when the "Add another job" CTA is clicked | `{ employeeId: string }` |
+ * | `employee/management/compensation/card/jobDeleted` | Fired after a non-primary job is deleted via the card's confirm dialog | `{ employeeId: string, jobId: string }` |
+ * | `employee/management/compensation/card/changeCancelled` | Fired after a scheduled future-dated change is cancelled from the card | `{ employeeId: string, compensationId: string }` |
+ *
+ * @param props - See {@link CompensationCardProps}.
+ * @returns The rendered compensation card.
+ * @public
+ * @group Block Components
  */
 export declare function CompensationCard(props: CompensationCardProps): import("react").JSX.Element;

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

@@ -9,17 +9,17 @@ 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 { HamburgerMenu as he } from "../../../../Common/HamburgerMenu/HamburgerMenu.js";
+import { BaseBoundaries as be, BaseLayout as Y } from "../../../../Base/Base.js";
+import { formatDateToStringDate as Ee, formatDateLongWithYear as b } from "../../../../../helpers/dateFormatting.js";
+import { useFormatCompensationRate as ye } from "../../../../../helpers/formattedStrings.js";
+import { useI18n as De } 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 Ae from "../../../../../assets/icons/trashcan.svg.js";
+import Ne from "../../../../../assets/icons/pencil.svg.js";
+import { useCompensationManagement as Je } from "../../shared/useCompensationManagement/useCompensationManagement.js";
+import { VisuallyHidden as Pe } from "../../../../Common/VisuallyHidden/VisuallyHidden.js";
 import { useDataView as Te } from "../../../../Common/DataView/useDataView.js";
 import { DataView as Me } from "../../../../Common/DataView/DataView.js";
 function I(o) {
@@ -28,15 +28,15 @@ function I(o) {
   return Number.isFinite(r) ? r : null;
 }
 function tt(o) {
-  return /* @__PURE__ */ n(he, { componentName: "Employee.Management.Compensation", children: /* @__PURE__ */ n(ve, { ...o }) });
+  return /* @__PURE__ */ n(be, { 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 });
+  De("Employee.Management.Compensation");
+  const { t: c } = F("Employee.Management.Compensation"), t = j(), i = Je({ 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(
+  const { t } = F("Employee.Management.Compensation"), i = j(), P = ye(), { 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,
@@ -51,7 +51,7 @@ function Se({ employeeId: o, onEvent: r, compensation: c }) {
       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(
+  }, a = p.length === 1 ? p[0] : void 0, Q = Ee(/* @__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
@@ -103,7 +103,7 @@ function Se({ employeeId: o, onEvent: r, compensation: c }) {
     ...te ? [
       {
         key: "status",
-        title: /* @__PURE__ */ n(Je, { children: t("card.columns.status") }),
+        title: /* @__PURE__ */ n(Pe, { children: t("card.columns.status") }),
         render: (e) => A.has(e.uuid) ? /* @__PURE__ */ n(i.Badge, { status: "warning", children: t("card.pendingStatus") }) : null
       }
     ] : []
@@ -115,7 +115,7 @@ function Se({ employeeId: o, onEvent: r, compensation: c }) {
         ...L.has(e.uuid) ? [] : [
           {
             label: t("card.editJobCta"),
-            icon: /* @__PURE__ */ n(Ae, { "aria-hidden": !0 }),
+            icon: /* @__PURE__ */ n(Ne, { "aria-hidden": !0 }),
             onClick: () => {
               R(e);
             }
@@ -124,7 +124,7 @@ function Se({ employeeId: o, onEvent: r, compensation: c }) {
         ...e.primary ? [] : [
           {
             label: t("card.deleteJobCta"),
-            icon: /* @__PURE__ */ n(De, { "aria-hidden": !0 }),
+            icon: /* @__PURE__ */ n(Ae, { "aria-hidden": !0 }),
             onClick: () => {
               const N = e.compensations?.find(
                 (le) => le.uuid === e.currentCompensationUuid
@@ -135,7 +135,7 @@ function Se({ employeeId: o, onEvent: r, compensation: c }) {
         ]
       ];
       return l.length === 0 ? null : /* @__PURE__ */ n(
-        Pe,
+        he,
         {
           triggerLabel: t("card.hamburgerTitle"),
           isLoading: S,

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

@@ -1 +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":"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"}
+{"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\n/**\n * Props for {@link CompensationCard}.\n *\n * @public\n */\nexport interface CompensationCardProps {\n  /** The associated employee identifier. */\n  employeeId: string\n  /** Callback invoked when the card emits an event. See the events table on {@link CompensationCard} for the available event types and payloads. */\n  onEvent: OnEventType<EventType, unknown>\n}\n\n/**\n * Standalone \"Compensation\" management card that displays an employee's current jobs and compensation, surfaces pending future-dated changes, and exposes edit, add, and delete affordances.\n *\n * @remarks\n * The card owns its own data fetch, the pending-change alerts and review modal, and the delete-job confirm dialog. It does not render the compensation edit or add-job forms — instead, it emits a distinct request event for each action, and the consumer routes those to {@link CompensationEditForm}, {@link CompensationAddJobForm}, or {@link CompensationAddAnotherJobForm} and renders any post-save success alerts. {@link Compensation} bundles the card, the three form surfaces, and the swap and alert wiring as a single drop-in; reach for the card directly only when that orchestration is the wrong fit (for example, when a form needs to render in a modal or drawer, or when the swap is driven by a router).\n *\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `employee/management/compensation/card/editRequested` | Fired when an \"Edit\" CTA is clicked for a job | `{ employeeId: string, jobId: string }` |\n * | `employee/management/compensation/card/addRequested` | Fired when the \"Add job\" CTA is clicked from the empty state | `{ employeeId: string }` |\n * | `employee/management/compensation/card/addAnotherRequested` | Fired when the \"Add another job\" CTA is clicked | `{ employeeId: string }` |\n * | `employee/management/compensation/card/jobDeleted` | Fired after a non-primary job is deleted via the card's confirm dialog | `{ employeeId: string, jobId: string }` |\n * | `employee/management/compensation/card/changeCancelled` | Fired after a scheduled future-dated change is cancelled from the card | `{ employeeId: string, compensationId: string }` |\n *\n * @param props - See {@link CompensationCardProps}.\n * @returns The rendered compensation card.\n * @public\n * @group Block Components\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":"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"}

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

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

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

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

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

@@ -1 +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;"}
+{"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\ntype CompensationSuccessAlertCode = 'jobAdded'\n\n/** @internal */\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\n/** @internal */\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\n/** @internal */\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\n/** @internal */\nexport function CompensationAddJobFormContextual() {\n  const { employeeId, onEvent } = useFlow<CompensationContextInterface>()\n  return <CompensationAddJobForm employeeId={ensureRequired(employeeId)} onEvent={onEvent} />\n}\n\n/** @internal */\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":";;;;;;;;;;;AAuBO,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;AAGO,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;AAGO,SAASgB,IAAmC;AACjD,QAAM,EAAE,YAAAjB,GAAY,SAAAC,EAAA,IAAYE,EAAA;AAChC,2BAAQe,GAAA,EAAuB,YAAYL,EAAeb,CAAU,GAAG,SAAAC,GAAkB;AAC3F;AAGO,SAASkB,IAA0C;AACxD,QAAM,EAAE,YAAAnB,GAAY,SAAAC,EAAA,IAAYE,EAAA;AAChC,2BAAQiB,GAAA,EAA8B,YAAYP,EAAeb,CAAU,GAAG,SAAAC,GAAkB;AAClG;"}