@gusto/embedded-react-sdk 0.46.3 → 0.47.1

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

@@ -0,0 +1,81 @@
+import { useMemo as t } from "react";
+import { useTranslation as a } from "react-i18next";
+function o() {
+  const { t: e } = a("Employee.Management.Compensation");
+  return t(
+    () => ({
+      en: {
+        jobTitle: e("jobTitle"),
+        hireDate: e("hireDate"),
+        employeeClassification: e("employeeClassification"),
+        classificationLink: e("classificationLink"),
+        wageLabel: e("wageLabel"),
+        wageFrequencyLabel: e("wageFrequencyLabel"),
+        paymentUnitDescription: e("paymentUnitDescription"),
+        adjustForMinimumWage: e("adjustForMinimumWage"),
+        adjustForMinimumWageDescription: e("adjustForMinimumWageDescription"),
+        minimumWageLabel: e("minimumWageLabel"),
+        minimumWageDescription: e("minimumWageDescription"),
+        effectiveDate: e("effectiveDate"),
+        twoPercentStakeholderLabel: e("twoPercentStakeholderLabel"),
+        stateWcCoveredLabel: e("stateWcCoveredLabel"),
+        stateWcCoveredDescription: e("stateWcCoveredDescription"),
+        stateWcCoveredOptions: {
+          yes: e("stateWcCoveredOptions.yes"),
+          no: e("stateWcCoveredOptions.no")
+        },
+        stateWcClassCodeLabel: e("stateWcClassCodeLabel"),
+        stateWcClassCodeDescription: e("stateWcClassCodeDescription"),
+        cancelNewJobCta: e("cancelNewJobCta"),
+        flsaStatusLabels: {
+          "Commission Only Exempt": e("flsaStatusLabels.Commission Only Exempt"),
+          "Commission Only Nonexempt": e("flsaStatusLabels.Commission Only Nonexempt"),
+          Exempt: e("flsaStatusLabels.Exempt"),
+          Nonexempt: e("flsaStatusLabels.Nonexempt"),
+          Owner: e("flsaStatusLabels.Owner"),
+          "Salaried Nonexempt": e("flsaStatusLabels.Salaried Nonexempt")
+        },
+        paymentUnitOptions: {
+          Hour: e("paymentUnitOptions.Hour"),
+          Month: e("paymentUnitOptions.Month"),
+          Paycheck: e("paymentUnitOptions.Paycheck"),
+          Week: e("paymentUnitOptions.Week"),
+          Year: e("paymentUnitOptions.Year")
+        },
+        commissionAlerts: {
+          federalMinimumPay: {
+            label: e("commissionAlerts.federalMinimumPay.label"),
+            body: e("commissionAlerts.federalMinimumPay.body")
+          },
+          minimumWage: {
+            label: e("commissionAlerts.minimumWage.label"),
+            body: e("commissionAlerts.minimumWage.body")
+          },
+          ownerSalary: {
+            label: e("commissionAlerts.ownerSalary.label")
+          }
+        },
+        validations: {
+          title: e("validations.title"),
+          hireDate: e("validations.hireDate"),
+          classificationChangeNotification: e("validations.classificationChangeNotification"),
+          exemptThreshold: e("validations.exemptThreshold", { limit: "{{limit}}" }),
+          rate: e("validations.rate"),
+          nonZeroRate: e("validations.nonZeroRate"),
+          rateExemptThreshold: e("validations.rateExemptThreshold", { limit: "{{limit}}" }),
+          paymentUnit: e("validations.paymentUnit"),
+          minimumWage: e("validations.minimumWage"),
+          stateWcClassCode: e("validations.stateWcClassCode"),
+          effectiveDate: e("validations.effectiveDate"),
+          effectiveDateBeforeHire: e("validations.effectiveDateBeforeHire"),
+          effectiveDateBeforeMin: e("validations.effectiveDateBeforeMin")
+        }
+      }
+    }),
+    [e]
+  );
+}
+export {
+  o as useManagementCompensationDictionary
+};
+//# sourceMappingURL=useManagementCompensationDictionary.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useManagementCompensationDictionary.js","sources":["../../../../../src/components/Employee/Compensation/management/useManagementCompensationDictionary.ts"],"sourcesContent":["import { useMemo } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport type { AddCompensationFormDictionary } from '../shared/AddCompensationFormBody'\n\n/**\n * Resolves management's `Employee.Management.Compensation` copy onto the\n * `Employee.Compensation` keys that the shared `AddCompensationFormBody` reads,\n * so management surfaces (add first job, add another job) render their own copy\n * while staying isolated from onboarding. Partner overrides on\n * `Employee.Management.Compensation` flow through here into the rendered form.\n * Interpolated strings keep their `{{limit}}` placeholder intact so the form\n * body interpolates the live value at render.\n */\nexport function useManagementCompensationDictionary(): AddCompensationFormDictionary {\n  const { t } = useTranslation('Employee.Management.Compensation')\n\n  return useMemo<AddCompensationFormDictionary>(\n    () => ({\n      en: {\n        jobTitle: t('jobTitle'),\n        hireDate: t('hireDate'),\n        employeeClassification: t('employeeClassification'),\n        classificationLink: t('classificationLink'),\n        wageLabel: t('wageLabel'),\n        wageFrequencyLabel: t('wageFrequencyLabel'),\n        paymentUnitDescription: t('paymentUnitDescription'),\n        adjustForMinimumWage: t('adjustForMinimumWage'),\n        adjustForMinimumWageDescription: t('adjustForMinimumWageDescription'),\n        minimumWageLabel: t('minimumWageLabel'),\n        minimumWageDescription: t('minimumWageDescription'),\n        effectiveDate: t('effectiveDate'),\n        twoPercentStakeholderLabel: t('twoPercentStakeholderLabel'),\n        stateWcCoveredLabel: t('stateWcCoveredLabel'),\n        stateWcCoveredDescription: t('stateWcCoveredDescription'),\n        stateWcCoveredOptions: {\n          yes: t('stateWcCoveredOptions.yes'),\n          no: t('stateWcCoveredOptions.no'),\n        },\n        stateWcClassCodeLabel: t('stateWcClassCodeLabel'),\n        stateWcClassCodeDescription: t('stateWcClassCodeDescription'),\n        cancelNewJobCta: t('cancelNewJobCta'),\n        flsaStatusLabels: {\n          'Commission Only Exempt': t('flsaStatusLabels.Commission Only Exempt'),\n          'Commission Only Nonexempt': t('flsaStatusLabels.Commission Only Nonexempt'),\n          Exempt: t('flsaStatusLabels.Exempt'),\n          Nonexempt: t('flsaStatusLabels.Nonexempt'),\n          Owner: t('flsaStatusLabels.Owner'),\n          'Salaried Nonexempt': t('flsaStatusLabels.Salaried Nonexempt'),\n        },\n        paymentUnitOptions: {\n          Hour: t('paymentUnitOptions.Hour'),\n          Month: t('paymentUnitOptions.Month'),\n          Paycheck: t('paymentUnitOptions.Paycheck'),\n          Week: t('paymentUnitOptions.Week'),\n          Year: t('paymentUnitOptions.Year'),\n        },\n        commissionAlerts: {\n          federalMinimumPay: {\n            label: t('commissionAlerts.federalMinimumPay.label'),\n            body: t('commissionAlerts.federalMinimumPay.body'),\n          },\n          minimumWage: {\n            label: t('commissionAlerts.minimumWage.label'),\n            body: t('commissionAlerts.minimumWage.body'),\n          },\n          ownerSalary: {\n            label: t('commissionAlerts.ownerSalary.label'),\n          },\n        },\n        validations: {\n          title: t('validations.title'),\n          hireDate: t('validations.hireDate'),\n          classificationChangeNotification: t('validations.classificationChangeNotification'),\n          exemptThreshold: t('validations.exemptThreshold', { limit: '{{limit}}' }),\n          rate: t('validations.rate'),\n          nonZeroRate: t('validations.nonZeroRate'),\n          rateExemptThreshold: t('validations.rateExemptThreshold', { limit: '{{limit}}' }),\n          paymentUnit: t('validations.paymentUnit'),\n          minimumWage: t('validations.minimumWage'),\n          stateWcClassCode: t('validations.stateWcClassCode'),\n          effectiveDate: t('validations.effectiveDate'),\n          effectiveDateBeforeHire: t('validations.effectiveDateBeforeHire'),\n          effectiveDateBeforeMin: t('validations.effectiveDateBeforeMin'),\n        },\n      },\n    }),\n    [t],\n  )\n}\n"],"names":["useManagementCompensationDictionary","t","useTranslation","useMemo"],"mappings":";;AAaO,SAASA,IAAqE;AACnF,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,kCAAkC;AAE/D,SAAOC;AAAA,IACL,OAAO;AAAA,MACL,IAAI;AAAA,QACF,UAAUF,EAAE,UAAU;AAAA,QACtB,UAAUA,EAAE,UAAU;AAAA,QACtB,wBAAwBA,EAAE,wBAAwB;AAAA,QAClD,oBAAoBA,EAAE,oBAAoB;AAAA,QAC1C,WAAWA,EAAE,WAAW;AAAA,QACxB,oBAAoBA,EAAE,oBAAoB;AAAA,QAC1C,wBAAwBA,EAAE,wBAAwB;AAAA,QAClD,sBAAsBA,EAAE,sBAAsB;AAAA,QAC9C,iCAAiCA,EAAE,iCAAiC;AAAA,QACpE,kBAAkBA,EAAE,kBAAkB;AAAA,QACtC,wBAAwBA,EAAE,wBAAwB;AAAA,QAClD,eAAeA,EAAE,eAAe;AAAA,QAChC,4BAA4BA,EAAE,4BAA4B;AAAA,QAC1D,qBAAqBA,EAAE,qBAAqB;AAAA,QAC5C,2BAA2BA,EAAE,2BAA2B;AAAA,QACxD,uBAAuB;AAAA,UACrB,KAAKA,EAAE,2BAA2B;AAAA,UAClC,IAAIA,EAAE,0BAA0B;AAAA,QAAA;AAAA,QAElC,uBAAuBA,EAAE,uBAAuB;AAAA,QAChD,6BAA6BA,EAAE,6BAA6B;AAAA,QAC5D,iBAAiBA,EAAE,iBAAiB;AAAA,QACpC,kBAAkB;AAAA,UAChB,0BAA0BA,EAAE,yCAAyC;AAAA,UACrE,6BAA6BA,EAAE,4CAA4C;AAAA,UAC3E,QAAQA,EAAE,yBAAyB;AAAA,UACnC,WAAWA,EAAE,4BAA4B;AAAA,UACzC,OAAOA,EAAE,wBAAwB;AAAA,UACjC,sBAAsBA,EAAE,qCAAqC;AAAA,QAAA;AAAA,QAE/D,oBAAoB;AAAA,UAClB,MAAMA,EAAE,yBAAyB;AAAA,UACjC,OAAOA,EAAE,0BAA0B;AAAA,UACnC,UAAUA,EAAE,6BAA6B;AAAA,UACzC,MAAMA,EAAE,yBAAyB;AAAA,UACjC,MAAMA,EAAE,yBAAyB;AAAA,QAAA;AAAA,QAEnC,kBAAkB;AAAA,UAChB,mBAAmB;AAAA,YACjB,OAAOA,EAAE,0CAA0C;AAAA,YACnD,MAAMA,EAAE,yCAAyC;AAAA,UAAA;AAAA,UAEnD,aAAa;AAAA,YACX,OAAOA,EAAE,oCAAoC;AAAA,YAC7C,MAAMA,EAAE,mCAAmC;AAAA,UAAA;AAAA,UAE7C,aAAa;AAAA,YACX,OAAOA,EAAE,oCAAoC;AAAA,UAAA;AAAA,QAC/C;AAAA,QAEF,aAAa;AAAA,UACX,OAAOA,EAAE,mBAAmB;AAAA,UAC5B,UAAUA,EAAE,sBAAsB;AAAA,UAClC,kCAAkCA,EAAE,8CAA8C;AAAA,UAClF,iBAAiBA,EAAE,+BAA+B,EAAE,OAAO,aAAa;AAAA,UACxE,MAAMA,EAAE,kBAAkB;AAAA,UAC1B,aAAaA,EAAE,yBAAyB;AAAA,UACxC,qBAAqBA,EAAE,mCAAmC,EAAE,OAAO,aAAa;AAAA,UAChF,aAAaA,EAAE,yBAAyB;AAAA,UACxC,aAAaA,EAAE,yBAAyB;AAAA,UACxC,kBAAkBA,EAAE,8BAA8B;AAAA,UAClD,eAAeA,EAAE,2BAA2B;AAAA,UAC5C,yBAAyBA,EAAE,qCAAqC;AAAA,UAChE,wBAAwBA,EAAE,oCAAoC;AAAA,QAAA;AAAA,MAChE;AAAA,IACF;AAAA,IAEF,CAACA,CAAC;AAAA,EAAA;AAEN;"}

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

@@ -1,5 +1,5 @@
-import { Job } from '@gusto/embedded-api/models/components/job';
-import { FlsaStatusType } from '@gusto/embedded-api/models/components/flsastatustype';
+import { Job } from '@gusto/embedded-api-v-2025-11-15/models/components/job';
+import { FlsaStatusType } from '@gusto/embedded-api-v-2025-11-15/models/components/flsastatustype';
 import { RequireAtLeastOne } from '../../../../types/Helpers';
 import { PAY_PERIODS } from '../../../../shared/constants';
 import { BaseComponentInterface } from '../../../Base';
@@ -14,9 +14,9 @@ export interface CompensationProps extends BaseComponentInterface<'Employee.Comp
     startDate: string;
     defaultValues?: CompensationDefaultValues;
 }
-export declare function Compensation(props: CompensationProps): import("react/jsx-runtime").JSX.Element;
+export declare function Compensation(props: CompensationProps): import("react").JSX.Element;
 export declare namespace Compensation {
     var JobsList: typeof import("./JobsList").JobsList;
     var EditCompensation: typeof import("./EditCompensation").EditCompensation;
 }
-export declare const CompensationContextual: () => import("react/jsx-runtime").JSX.Element;
+export declare const CompensationContextual: () => import("react").JSX.Element;

package/dist/components/Employee/Compensation/onboarding/Compensation.js

@@ -2,7 +2,7 @@ import { jsx as i } from "react/jsx-runtime";
 import { useState as c, useMemo as f } from "react";
 import { createMachine as d } from "robot3";
 import { useTranslation as C } from "react-i18next";
-import { useJobsAndCompensationsGetJobsSuspense as b } from "@gusto/embedded-api/react-query/jobsAndCompensationsGetJobs";
+import { useJobsAndCompensationsGetJobsSuspense as b } from "@gusto/embedded-api-v-2025-11-15/react-query/jobsAndCompensationsGetJobs";
 import { JobsListContextual as J, InitialEditCompensationContextual as E } from "./CompensationFlowComponents.js";
 import { compensationStateMachine as S } from "./compensationStateMachine.js";
 import { FlsaStatus as w } from "../../../../shared/constants.js";

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

@@ -1 +1 @@
-{"version":3,"file":"Compensation.js","sources":["../../../../../src/components/Employee/Compensation/onboarding/Compensation.tsx"],"sourcesContent":["import { useMemo, useState } from 'react'\nimport { createMachine } from 'robot3'\nimport { useTranslation } from 'react-i18next'\nimport { useJobsAndCompensationsGetJobsSuspense } from '@gusto/embedded-api/react-query/jobsAndCompensationsGetJobs'\nimport { type Job } from '@gusto/embedded-api/models/components/job'\nimport type { FlsaStatusType } from '@gusto/embedded-api/models/components/flsastatustype'\nimport type { OnboardingContextInterface } from '../../OnboardingFlow/OnboardingFlowComponents'\nimport {\n  InitialEditCompensationContextual,\n  JobsListContextual,\n  type CompensationFlowContextInterface,\n} from './CompensationFlowComponents'\nimport { compensationStateMachine } from './compensationStateMachine'\nimport { JobsList } from './JobsList'\nimport { EditCompensation } from './EditCompensation'\nimport type { RequireAtLeastOne } from '@/types/Helpers'\nimport type { PAY_PERIODS } from '@/shared/constants'\nimport { FlsaStatus } from '@/shared/constants'\nimport { useComponentDictionary } from '@/i18n'\nimport {\n  BaseComponent,\n  type BaseComponentInterface,\n  type CommonComponentInterface,\n} from '@/components/Base'\nimport { Flow } from '@/components/Flow/Flow'\nimport { useFlow } from '@/components/Flow/useFlow'\n\ntype CompensationInitialState = 'initialEditJob' | 'viewJobs'\n\ninterface InitialFlowConfig {\n  initialState: CompensationInitialState\n  currentJobId: string | null\n}\n\nconst INITIAL_COMPONENT_BY_STATE: Record<\n  CompensationInitialState,\n  React.ComponentType<CommonComponentInterface>\n> = {\n  initialEditJob: InitialEditCompensationContextual,\n  viewJobs: JobsListContextual,\n}\n\nfunction deriveInitialFlowConfig(employeeJobs: Job[]): InitialFlowConfig {\n  if (employeeJobs.length === 0) {\n    return { initialState: 'initialEditJob', currentJobId: null }\n  }\n\n  const onlyJob = employeeJobs.length === 1 ? (employeeJobs[0] ?? null) : null\n  const onlyJobCompensation = findCurrentCompensation(onlyJob)\n\n  if (onlyJob && onlyJobCompensation?.flsaStatus !== FlsaStatus.NONEXEMPT) {\n    return { initialState: 'initialEditJob', currentJobId: onlyJob.uuid }\n  }\n\n  return { initialState: 'viewJobs', currentJobId: null }\n}\n\nexport type CompensationDefaultValues = RequireAtLeastOne<{\n  rate?: Job['rate']\n  title?: Job['title']\n  paymentUnit?: (typeof PAY_PERIODS)[keyof typeof PAY_PERIODS]\n  flsaStatus?: FlsaStatusType\n}>\n\nexport interface CompensationProps extends BaseComponentInterface<'Employee.Compensation'> {\n  employeeId: string\n  startDate: string\n  defaultValues?: CompensationDefaultValues\n}\n\nexport function Compensation(props: CompensationProps) {\n  return (\n    <BaseComponent {...props}>\n      <CompensationFlow {...props} />\n    </BaseComponent>\n  )\n}\n\nconst findCurrentCompensation = (job?: Job | null) => {\n  return job?.compensations?.find(comp => comp.uuid === job.currentCompensationUuid)\n}\n\nfunction CompensationFlow({\n  employeeId,\n  startDate,\n  defaultValues,\n  dictionary,\n  onEvent,\n}: CompensationProps) {\n  useComponentDictionary('Employee.Compensation', dictionary)\n\n  const { data: jobsData } = useJobsAndCompensationsGetJobsSuspense({ employeeId })\n\n  // Capture the routing decision from the first jobsData snapshot only. Suspense\n  // guarantees that snapshot is fresh on first render. Subsequent refetches (e.g.\n  // the getJobs invalidation that fires between EditCompensation's awaited job +\n  // compensation mutations) must NOT re-seat the machine and reset the user's\n  // place in the flow. Callers needing to re-derive routing for a different\n  // employee should remount via `key`, matching the contract used by\n  // OnboardingFlow / PayrollExecutionFlow / DismissalFlow.\n  const [{ initialState, currentJobId }] = useState<InitialFlowConfig>(() =>\n    deriveInitialFlowConfig(jobsData.jobs ?? []),\n  )\n\n  const manageCompensation = useMemo(\n    () =>\n      createMachine(\n        initialState,\n        compensationStateMachine,\n        (initialContext: CompensationFlowContextInterface) => ({\n          ...initialContext,\n          component: INITIAL_COMPONENT_BY_STATE[initialState],\n          employeeId,\n          startDate,\n          partnerDefaultValues: defaultValues,\n          currentJobId,\n        }),\n      ),\n    // `defaultValues` is intentionally omitted: a partner-supplied prop that may\n    // arrive as a fresh object reference each render and only seeds the form\n    // once. `initialState` and `currentJobId` are stable values from useState\n    // above, so they're listed here as honest deps but never trigger recompute.\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [employeeId, startDate, initialState, currentJobId],\n  )\n\n  return <Flow machine={manageCompensation} onEvent={onEvent} />\n}\n\nexport const CompensationContextual = () => {\n  const { employeeId, onEvent, startDate, defaultValues } = useFlow<OnboardingContextInterface>()\n  const { t } = useTranslation('common')\n\n  if (!employeeId || !startDate) {\n    throw new Error(\n      t('errors.missingParamsOrContext', {\n        component: 'Compensation',\n        param: !employeeId ? 'employeeId' : 'startDate',\n        provider: 'FlowProvider',\n      }),\n    )\n  }\n  return (\n    <Compensation\n      employeeId={employeeId}\n      startDate={startDate}\n      onEvent={onEvent}\n      defaultValues={defaultValues?.compensation}\n    />\n  )\n}\n\nCompensation.JobsList = JobsList\nCompensation.EditCompensation = EditCompensation\n"],"names":["INITIAL_COMPONENT_BY_STATE","InitialEditCompensationContextual","JobsListContextual","deriveInitialFlowConfig","employeeJobs","onlyJob","onlyJobCompensation","findCurrentCompensation","FlsaStatus","Compensation","props","jsx","BaseComponent","CompensationFlow","job","comp","employeeId","startDate","defaultValues","dictionary","onEvent","useComponentDictionary","jobsData","useJobsAndCompensationsGetJobsSuspense","initialState","currentJobId","useState","manageCompensation","useMemo","createMachine","compensationStateMachine","initialContext","Flow","CompensationContextual","useFlow","t","useTranslation","JobsList","EditCompensation"],"mappings":";;;;;;;;;;;;;;;AAkCA,MAAMA,IAGF;AAAA,EACF,gBAAgBC;AAAA,EAChB,UAAUC;AACZ;AAEA,SAASC,EAAwBC,GAAwC;AACvE,MAAIA,EAAa,WAAW;AAC1B,WAAO,EAAE,cAAc,kBAAkB,cAAc,KAAA;AAGzD,QAAMC,IAAUD,EAAa,WAAW,IAAKA,EAAa,CAAC,KAAK,OAAQ,MAClEE,IAAsBC,EAAwBF,CAAO;AAE3D,SAAIA,KAAWC,GAAqB,eAAeE,EAAW,YACrD,EAAE,cAAc,kBAAkB,cAAcH,EAAQ,KAAA,IAG1D,EAAE,cAAc,YAAY,cAAc,KAAA;AACnD;AAeO,SAASI,EAAaC,GAA0B;AACrD,SACE,gBAAAC,EAACC,KAAe,GAAGF,GACjB,4BAACG,GAAA,EAAkB,GAAGH,GAAO,EAAA,CAC/B;AAEJ;AAEA,MAAMH,IAA0B,CAACO,MACxBA,GAAK,eAAe,KAAK,OAAQC,EAAK,SAASD,EAAI,uBAAuB;AAGnF,SAASD,EAAiB;AAAA,EACxB,YAAAG;AAAA,EACA,WAAAC;AAAA,EACA,eAAAC;AAAA,EACA,YAAAC;AAAA,EACA,SAAAC;AACF,GAAsB;AACpB,EAAAC,EAAuB,yBAAyBF,CAAU;AAE1D,QAAM,EAAE,MAAMG,EAAA,IAAaC,EAAuC,EAAE,YAAAP,GAAY,GAS1E,CAAC,EAAE,cAAAQ,GAAc,cAAAC,EAAA,CAAc,IAAIC;AAAA,IAA4B,MACnEvB,EAAwBmB,EAAS,QAAQ,CAAA,CAAE;AAAA,EAAA,GAGvCK,IAAqBC;AAAA,IACzB,MACEC;AAAA,MACEL;AAAA,MACAM;AAAA,MACA,CAACC,OAAsD;AAAA,QACrD,GAAGA;AAAA,QACH,WAAW/B,EAA2BwB,CAAY;AAAA,QAClD,YAAAR;AAAA,QACA,WAAAC;AAAA,QACA,sBAAsBC;AAAA,QACtB,cAAAO;AAAA,MAAA;AAAA,IACF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAOJ,CAACT,GAAYC,GAAWO,GAAcC,CAAY;AAAA,EAAA;AAGpD,SAAO,gBAAAd,EAACqB,GAAA,EAAK,SAASL,GAAoB,SAAAP,EAAA,CAAkB;AAC9D;AAEO,MAAMa,IAAyB,MAAM;AAC1C,QAAM,EAAE,YAAAjB,GAAY,SAAAI,GAAS,WAAAH,GAAW,eAAAC,EAAA,IAAkBgB,EAAA,GACpD,EAAE,GAAAC,EAAA,IAAMC,EAAe,QAAQ;AAErC,MAAI,CAACpB,KAAc,CAACC;AAClB,UAAM,IAAI;AAAA,MACRkB,EAAE,iCAAiC;AAAA,QACjC,WAAW;AAAA,QACX,OAAQnB,IAA4B,cAAf;AAAA,QACrB,UAAU;AAAA,MAAA,CACX;AAAA,IAAA;AAGL,SACE,gBAAAL;AAAA,IAACF;AAAA,IAAA;AAAA,MACC,YAAAO;AAAA,MACA,WAAAC;AAAA,MACA,SAAAG;AAAA,MACA,eAAeF,GAAe;AAAA,IAAA;AAAA,EAAA;AAGpC;AAEAT,EAAa,WAAW4B;AACxB5B,EAAa,mBAAmB6B;"}
+{"version":3,"file":"Compensation.js","sources":["../../../../../src/components/Employee/Compensation/onboarding/Compensation.tsx"],"sourcesContent":["import { useMemo, useState } from 'react'\nimport { createMachine } from 'robot3'\nimport { useTranslation } from 'react-i18next'\nimport { useJobsAndCompensationsGetJobsSuspense } from '@gusto/embedded-api-v-2025-11-15/react-query/jobsAndCompensationsGetJobs'\nimport { type Job } from '@gusto/embedded-api-v-2025-11-15/models/components/job'\nimport type { FlsaStatusType } from '@gusto/embedded-api-v-2025-11-15/models/components/flsastatustype'\nimport type { OnboardingContextInterface } from '../../OnboardingFlow/OnboardingFlowComponents'\nimport {\n  InitialEditCompensationContextual,\n  JobsListContextual,\n  type CompensationFlowContextInterface,\n} from './CompensationFlowComponents'\nimport { compensationStateMachine } from './compensationStateMachine'\nimport { JobsList } from './JobsList'\nimport { EditCompensation } from './EditCompensation'\nimport type { RequireAtLeastOne } from '@/types/Helpers'\nimport type { PAY_PERIODS } from '@/shared/constants'\nimport { FlsaStatus } from '@/shared/constants'\nimport { useComponentDictionary } from '@/i18n'\nimport {\n  BaseComponent,\n  type BaseComponentInterface,\n  type CommonComponentInterface,\n} from '@/components/Base'\nimport { Flow } from '@/components/Flow/Flow'\nimport { useFlow } from '@/components/Flow/useFlow'\n\ntype CompensationInitialState = 'initialEditJob' | 'viewJobs'\n\ninterface InitialFlowConfig {\n  initialState: CompensationInitialState\n  currentJobId: string | null\n}\n\nconst INITIAL_COMPONENT_BY_STATE: Record<\n  CompensationInitialState,\n  React.ComponentType<CommonComponentInterface>\n> = {\n  initialEditJob: InitialEditCompensationContextual,\n  viewJobs: JobsListContextual,\n}\n\nfunction deriveInitialFlowConfig(employeeJobs: Job[]): InitialFlowConfig {\n  if (employeeJobs.length === 0) {\n    return { initialState: 'initialEditJob', currentJobId: null }\n  }\n\n  const onlyJob = employeeJobs.length === 1 ? (employeeJobs[0] ?? null) : null\n  const onlyJobCompensation = findCurrentCompensation(onlyJob)\n\n  if (onlyJob && onlyJobCompensation?.flsaStatus !== FlsaStatus.NONEXEMPT) {\n    return { initialState: 'initialEditJob', currentJobId: onlyJob.uuid }\n  }\n\n  return { initialState: 'viewJobs', currentJobId: null }\n}\n\nexport type CompensationDefaultValues = RequireAtLeastOne<{\n  rate?: Job['rate']\n  title?: Job['title']\n  paymentUnit?: (typeof PAY_PERIODS)[keyof typeof PAY_PERIODS]\n  flsaStatus?: FlsaStatusType\n}>\n\nexport interface CompensationProps extends BaseComponentInterface<'Employee.Compensation'> {\n  employeeId: string\n  startDate: string\n  defaultValues?: CompensationDefaultValues\n}\n\nexport function Compensation(props: CompensationProps) {\n  return (\n    <BaseComponent {...props}>\n      <CompensationFlow {...props} />\n    </BaseComponent>\n  )\n}\n\nconst findCurrentCompensation = (job?: Job | null) => {\n  return job?.compensations?.find(comp => comp.uuid === job.currentCompensationUuid)\n}\n\nfunction CompensationFlow({\n  employeeId,\n  startDate,\n  defaultValues,\n  dictionary,\n  onEvent,\n}: CompensationProps) {\n  useComponentDictionary('Employee.Compensation', dictionary)\n\n  const { data: jobsData } = useJobsAndCompensationsGetJobsSuspense({ employeeId })\n\n  // Capture the routing decision from the first jobsData snapshot only. Suspense\n  // guarantees that snapshot is fresh on first render. Subsequent refetches (e.g.\n  // the getJobs invalidation that fires between EditCompensation's awaited job +\n  // compensation mutations) must NOT re-seat the machine and reset the user's\n  // place in the flow. Callers needing to re-derive routing for a different\n  // employee should remount via `key`, matching the contract used by\n  // OnboardingFlow / PayrollExecutionFlow / DismissalFlow.\n  const [{ initialState, currentJobId }] = useState<InitialFlowConfig>(() =>\n    deriveInitialFlowConfig(jobsData.jobs ?? []),\n  )\n\n  const manageCompensation = useMemo(\n    () =>\n      createMachine(\n        initialState,\n        compensationStateMachine,\n        (initialContext: CompensationFlowContextInterface) => ({\n          ...initialContext,\n          component: INITIAL_COMPONENT_BY_STATE[initialState],\n          employeeId,\n          startDate,\n          partnerDefaultValues: defaultValues,\n          currentJobId,\n        }),\n      ),\n    // `defaultValues` is intentionally omitted: a partner-supplied prop that may\n    // arrive as a fresh object reference each render and only seeds the form\n    // once. `initialState` and `currentJobId` are stable values from useState\n    // above, so they're listed here as honest deps but never trigger recompute.\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [employeeId, startDate, initialState, currentJobId],\n  )\n\n  return <Flow machine={manageCompensation} onEvent={onEvent} />\n}\n\nexport const CompensationContextual = () => {\n  const { employeeId, onEvent, startDate, defaultValues } = useFlow<OnboardingContextInterface>()\n  const { t } = useTranslation('common')\n\n  if (!employeeId || !startDate) {\n    throw new Error(\n      t('errors.missingParamsOrContext', {\n        component: 'Compensation',\n        param: !employeeId ? 'employeeId' : 'startDate',\n        provider: 'FlowProvider',\n      }),\n    )\n  }\n  return (\n    <Compensation\n      employeeId={employeeId}\n      startDate={startDate}\n      onEvent={onEvent}\n      defaultValues={defaultValues?.compensation}\n    />\n  )\n}\n\nCompensation.JobsList = JobsList\nCompensation.EditCompensation = EditCompensation\n"],"names":["INITIAL_COMPONENT_BY_STATE","InitialEditCompensationContextual","JobsListContextual","deriveInitialFlowConfig","employeeJobs","onlyJob","onlyJobCompensation","findCurrentCompensation","FlsaStatus","Compensation","props","jsx","BaseComponent","CompensationFlow","job","comp","employeeId","startDate","defaultValues","dictionary","onEvent","useComponentDictionary","jobsData","useJobsAndCompensationsGetJobsSuspense","initialState","currentJobId","useState","manageCompensation","useMemo","createMachine","compensationStateMachine","initialContext","Flow","CompensationContextual","useFlow","t","useTranslation","JobsList","EditCompensation"],"mappings":";;;;;;;;;;;;;;;AAkCA,MAAMA,IAGF;AAAA,EACF,gBAAgBC;AAAA,EAChB,UAAUC;AACZ;AAEA,SAASC,EAAwBC,GAAwC;AACvE,MAAIA,EAAa,WAAW;AAC1B,WAAO,EAAE,cAAc,kBAAkB,cAAc,KAAA;AAGzD,QAAMC,IAAUD,EAAa,WAAW,IAAKA,EAAa,CAAC,KAAK,OAAQ,MAClEE,IAAsBC,EAAwBF,CAAO;AAE3D,SAAIA,KAAWC,GAAqB,eAAeE,EAAW,YACrD,EAAE,cAAc,kBAAkB,cAAcH,EAAQ,KAAA,IAG1D,EAAE,cAAc,YAAY,cAAc,KAAA;AACnD;AAeO,SAASI,EAAaC,GAA0B;AACrD,SACE,gBAAAC,EAACC,KAAe,GAAGF,GACjB,4BAACG,GAAA,EAAkB,GAAGH,GAAO,EAAA,CAC/B;AAEJ;AAEA,MAAMH,IAA0B,CAACO,MACxBA,GAAK,eAAe,KAAK,OAAQC,EAAK,SAASD,EAAI,uBAAuB;AAGnF,SAASD,EAAiB;AAAA,EACxB,YAAAG;AAAA,EACA,WAAAC;AAAA,EACA,eAAAC;AAAA,EACA,YAAAC;AAAA,EACA,SAAAC;AACF,GAAsB;AACpB,EAAAC,EAAuB,yBAAyBF,CAAU;AAE1D,QAAM,EAAE,MAAMG,EAAA,IAAaC,EAAuC,EAAE,YAAAP,GAAY,GAS1E,CAAC,EAAE,cAAAQ,GAAc,cAAAC,EAAA,CAAc,IAAIC;AAAA,IAA4B,MACnEvB,EAAwBmB,EAAS,QAAQ,CAAA,CAAE;AAAA,EAAA,GAGvCK,IAAqBC;AAAA,IACzB,MACEC;AAAA,MACEL;AAAA,MACAM;AAAA,MACA,CAACC,OAAsD;AAAA,QACrD,GAAGA;AAAA,QACH,WAAW/B,EAA2BwB,CAAY;AAAA,QAClD,YAAAR;AAAA,QACA,WAAAC;AAAA,QACA,sBAAsBC;AAAA,QACtB,cAAAO;AAAA,MAAA;AAAA,IACF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAOJ,CAACT,GAAYC,GAAWO,GAAcC,CAAY;AAAA,EAAA;AAGpD,SAAO,gBAAAd,EAACqB,GAAA,EAAK,SAASL,GAAoB,SAAAP,EAAA,CAAkB;AAC9D;AAEO,MAAMa,IAAyB,MAAM;AAC1C,QAAM,EAAE,YAAAjB,GAAY,SAAAI,GAAS,WAAAH,GAAW,eAAAC,EAAA,IAAkBgB,EAAA,GACpD,EAAE,GAAAC,EAAA,IAAMC,EAAe,QAAQ;AAErC,MAAI,CAACpB,KAAc,CAACC;AAClB,UAAM,IAAI;AAAA,MACRkB,EAAE,iCAAiC;AAAA,QACjC,WAAW;AAAA,QACX,OAAQnB,IAA4B,cAAf;AAAA,QACrB,UAAU;AAAA,MAAA,CACX;AAAA,IAAA;AAGL,SACE,gBAAAL;AAAA,IAACF;AAAA,IAAA;AAAA,MACC,YAAAO;AAAA,MACA,WAAAC;AAAA,MACA,SAAAG;AAAA,MACA,eAAeF,GAAe;AAAA,IAAA;AAAA,EAAA;AAGpC;AAEAT,EAAa,WAAW4B;AACxB5B,EAAa,mBAAmB6B;"}

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

@@ -1,5 +1,5 @@
-import { Job } from '@gusto/embedded-api/models/components/job';
-import { Compensation } from '@gusto/embedded-api/models/components/compensation';
+import { Job } from '@gusto/embedded-api-v-2025-11-15/models/components/job';
+import { Compensation } from '@gusto/embedded-api-v-2025-11-15/models/components/compensation';
 import { CompensationDefaultValues } from './Compensation';
 import { FlowContextInterface } from '../../../Flow/useFlow';
 import { componentEvents } from '../../../../shared/constants';
@@ -22,6 +22,6 @@ export interface CompensationFlowContextInterface extends FlowContextInterface {
     currentJobId?: string | null;
     partnerDefaultValues?: CompensationDefaultValues;
 }
-export declare function JobsListContextual(): import("react/jsx-runtime").JSX.Element;
-export declare function InitialEditCompensationContextual(): import("react/jsx-runtime").JSX.Element;
-export declare function EditCompensationContextual(): import("react/jsx-runtime").JSX.Element;
+export declare function JobsListContextual(): import("react").JSX.Element;
+export declare function InitialEditCompensationContextual(): import("react").JSX.Element;
+export declare function EditCompensationContextual(): import("react").JSX.Element;

package/dist/components/Employee/Compensation/onboarding/CompensationFlowComponents.js.map

@@ -1 +1 @@
-{"version":3,"file":"CompensationFlowComponents.js","sources":["../../../../../src/components/Employee/Compensation/onboarding/CompensationFlowComponents.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport type { Job } from '@gusto/embedded-api/models/components/job'\nimport type { Compensation } from '@gusto/embedded-api/models/components/compensation'\nimport type { CompensationDefaultValues } from './Compensation'\nimport { JobsList } from './JobsList'\nimport { EditCompensation } from './EditCompensation'\nimport type { OnEventType } from '@/components/Base/useBase'\nimport { useFlow, type FlowContextInterface } from '@/components/Flow/useFlow'\nimport { useI18n } from '@/i18n'\nimport { componentEvents, FlsaStatus, type EventType } from '@/shared/constants'\nimport { ensureRequired } from '@/helpers/ensureRequired'\n\nexport type EventPayloads = {\n  [componentEvents.EMPLOYEE_JOB_ADD]: undefined\n  [componentEvents.EMPLOYEE_JOB_EDIT]: { uuid: string }\n  [componentEvents.EMPLOYEE_JOB_CREATED]: Job\n  [componentEvents.EMPLOYEE_JOB_UPDATED]: Job\n  [componentEvents.EMPLOYEE_JOB_DELETED]: undefined\n  [componentEvents.EMPLOYEE_COMPENSATION_UPDATED]: Compensation\n  [componentEvents.EMPLOYEE_COMPENSATION_RETURN_TO_LIST]: undefined\n  [componentEvents.EMPLOYEE_COMPENSATION_CANCEL]: undefined\n  [componentEvents.EMPLOYEE_COMPENSATION_DONE]: undefined\n}\n\nexport interface CompensationFlowContextInterface extends FlowContextInterface {\n  employeeId: string\n  startDate: string\n  currentJobId?: string | null\n  partnerDefaultValues?: CompensationDefaultValues\n}\n\nexport function JobsListContextual() {\n  const { employeeId, onEvent } = useFlow<CompensationFlowContextInterface>()\n  return <JobsList employeeId={ensureRequired(employeeId)} onEvent={onEvent} />\n}\n\nexport function InitialEditCompensationContextual() {\n  const { employeeId, startDate, currentJobId, partnerDefaultValues, onEvent } =\n    useFlow<CompensationFlowContextInterface>()\n  useI18n('Employee.Compensation')\n  const { t } = useTranslation('Employee.Compensation')\n\n  const handleEvent: OnEventType<EventType, unknown> = (event, data) => {\n    onEvent(event, data)\n    if (event === componentEvents.EMPLOYEE_COMPENSATION_UPDATED) {\n      const compensation = data as Compensation\n      if (compensation.flsaStatus !== FlsaStatus.NONEXEMPT) {\n        onEvent(componentEvents.EMPLOYEE_COMPENSATION_DONE)\n      } else {\n        onEvent(componentEvents.EMPLOYEE_COMPENSATION_RETURN_TO_LIST)\n      }\n    }\n  }\n\n  return (\n    <EditCompensation\n      employeeId={ensureRequired(employeeId)}\n      startDate={ensureRequired(startDate)}\n      currentJobId={currentJobId}\n      title={t('title')}\n      submitCtaLabel={t('submitCta')}\n      partnerDefaultValues={partnerDefaultValues}\n      onEvent={handleEvent}\n    />\n  )\n}\n\nexport function EditCompensationContextual() {\n  const { employeeId, startDate, currentJobId, partnerDefaultValues, onEvent } =\n    useFlow<CompensationFlowContextInterface>()\n  useI18n('Employee.Compensation')\n  const { t } = useTranslation('Employee.Compensation')\n\n  const handleEvent: OnEventType<EventType, unknown> = (event, data) => {\n    onEvent(event, data)\n    if (event === componentEvents.EMPLOYEE_COMPENSATION_UPDATED) {\n      onEvent(componentEvents.EMPLOYEE_COMPENSATION_RETURN_TO_LIST)\n    }\n  }\n\n  return (\n    <EditCompensation\n      employeeId={ensureRequired(employeeId)}\n      startDate={ensureRequired(startDate)}\n      currentJobId={currentJobId}\n      title={currentJobId ? t('editTitle') : t('addTitle')}\n      submitCtaLabel={t('saveNewJobCta')}\n      onCancel={() => {\n        onEvent(componentEvents.EMPLOYEE_COMPENSATION_CANCEL)\n      }}\n      partnerDefaultValues={partnerDefaultValues}\n      onEvent={handleEvent}\n    />\n  )\n}\n"],"names":["JobsListContextual","employeeId","onEvent","useFlow","JobsList","ensureRequired","InitialEditCompensationContextual","startDate","currentJobId","partnerDefaultValues","useI18n","t","useTranslation","handleEvent","event","data","componentEvents","FlsaStatus","jsx","EditCompensation","EditCompensationContextual"],"mappings":";;;;;;;;AA+BO,SAASA,IAAqB;AACnC,QAAM,EAAE,YAAAC,GAAY,SAAAC,EAAA,IAAYC,EAAA;AAChC,2BAAQC,GAAA,EAAS,YAAYC,EAAeJ,CAAU,GAAG,SAAAC,GAAkB;AAC7E;AAEO,SAASI,IAAoC;AAClD,QAAM,EAAE,YAAAL,GAAY,WAAAM,GAAW,cAAAC,GAAc,sBAAAC,GAAsB,SAAAP,EAAA,IACjEC,EAAA;AACF,EAAAO,EAAQ,uBAAuB;AAC/B,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,uBAAuB,GAE9CC,IAA+C,CAACC,GAAOC,MAAS;AACpE,IAAAb,EAAQY,GAAOC,CAAI,GACfD,MAAUE,EAAgB,kCACPD,EACJ,eAAeE,EAAW,YACzCf,EAAQc,EAAgB,0BAA0B,IAElDd,EAAQc,EAAgB,oCAAoC;AAAA,EAGlE;AAEA,SACE,gBAAAE;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,YAAYd,EAAeJ,CAAU;AAAA,MACrC,WAAWI,EAAeE,CAAS;AAAA,MACnC,cAAAC;AAAA,MACA,OAAOG,EAAE,OAAO;AAAA,MAChB,gBAAgBA,EAAE,WAAW;AAAA,MAC7B,sBAAAF;AAAA,MACA,SAASI;AAAA,IAAA;AAAA,EAAA;AAGf;AAEO,SAASO,IAA6B;AAC3C,QAAM,EAAE,YAAAnB,GAAY,WAAAM,GAAW,cAAAC,GAAc,sBAAAC,GAAsB,SAAAP,EAAA,IACjEC,EAAA;AACF,EAAAO,EAAQ,uBAAuB;AAC/B,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,uBAAuB,GAE9CC,IAA+C,CAACC,GAAOC,MAAS;AACpE,IAAAb,EAAQY,GAAOC,CAAI,GACfD,MAAUE,EAAgB,iCAC5Bd,EAAQc,EAAgB,oCAAoC;AAAA,EAEhE;AAEA,SACE,gBAAAE;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,YAAYd,EAAeJ,CAAU;AAAA,MACrC,WAAWI,EAAeE,CAAS;AAAA,MACnC,cAAAC;AAAA,MACA,OAAsBG,EAAfH,IAAiB,cAAiB,UAAN;AAAA,MACnC,gBAAgBG,EAAE,eAAe;AAAA,MACjC,UAAU,MAAM;AACd,QAAAT,EAAQc,EAAgB,4BAA4B;AAAA,MACtD;AAAA,MACA,sBAAAP;AAAA,MACA,SAASI;AAAA,IAAA;AAAA,EAAA;AAGf;"}
+{"version":3,"file":"CompensationFlowComponents.js","sources":["../../../../../src/components/Employee/Compensation/onboarding/CompensationFlowComponents.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport type { Job } from '@gusto/embedded-api-v-2025-11-15/models/components/job'\nimport type { Compensation } from '@gusto/embedded-api-v-2025-11-15/models/components/compensation'\nimport type { CompensationDefaultValues } from './Compensation'\nimport { JobsList } from './JobsList'\nimport { EditCompensation } from './EditCompensation'\nimport type { OnEventType } from '@/components/Base/useBase'\nimport { useFlow, type FlowContextInterface } from '@/components/Flow/useFlow'\nimport { useI18n } from '@/i18n'\nimport { componentEvents, FlsaStatus, type EventType } from '@/shared/constants'\nimport { ensureRequired } from '@/helpers/ensureRequired'\n\nexport type EventPayloads = {\n  [componentEvents.EMPLOYEE_JOB_ADD]: undefined\n  [componentEvents.EMPLOYEE_JOB_EDIT]: { uuid: string }\n  [componentEvents.EMPLOYEE_JOB_CREATED]: Job\n  [componentEvents.EMPLOYEE_JOB_UPDATED]: Job\n  [componentEvents.EMPLOYEE_JOB_DELETED]: undefined\n  [componentEvents.EMPLOYEE_COMPENSATION_UPDATED]: Compensation\n  [componentEvents.EMPLOYEE_COMPENSATION_RETURN_TO_LIST]: undefined\n  [componentEvents.EMPLOYEE_COMPENSATION_CANCEL]: undefined\n  [componentEvents.EMPLOYEE_COMPENSATION_DONE]: undefined\n}\n\nexport interface CompensationFlowContextInterface extends FlowContextInterface {\n  employeeId: string\n  startDate: string\n  currentJobId?: string | null\n  partnerDefaultValues?: CompensationDefaultValues\n}\n\nexport function JobsListContextual() {\n  const { employeeId, onEvent } = useFlow<CompensationFlowContextInterface>()\n  return <JobsList employeeId={ensureRequired(employeeId)} onEvent={onEvent} />\n}\n\nexport function InitialEditCompensationContextual() {\n  const { employeeId, startDate, currentJobId, partnerDefaultValues, onEvent } =\n    useFlow<CompensationFlowContextInterface>()\n  useI18n('Employee.Compensation')\n  const { t } = useTranslation('Employee.Compensation')\n\n  const handleEvent: OnEventType<EventType, unknown> = (event, data) => {\n    onEvent(event, data)\n    if (event === componentEvents.EMPLOYEE_COMPENSATION_UPDATED) {\n      const compensation = data as Compensation\n      if (compensation.flsaStatus !== FlsaStatus.NONEXEMPT) {\n        onEvent(componentEvents.EMPLOYEE_COMPENSATION_DONE)\n      } else {\n        onEvent(componentEvents.EMPLOYEE_COMPENSATION_RETURN_TO_LIST)\n      }\n    }\n  }\n\n  return (\n    <EditCompensation\n      employeeId={ensureRequired(employeeId)}\n      startDate={ensureRequired(startDate)}\n      currentJobId={currentJobId}\n      title={t('title')}\n      submitCtaLabel={t('submitCta')}\n      partnerDefaultValues={partnerDefaultValues}\n      onEvent={handleEvent}\n    />\n  )\n}\n\nexport function EditCompensationContextual() {\n  const { employeeId, startDate, currentJobId, partnerDefaultValues, onEvent } =\n    useFlow<CompensationFlowContextInterface>()\n  useI18n('Employee.Compensation')\n  const { t } = useTranslation('Employee.Compensation')\n\n  const handleEvent: OnEventType<EventType, unknown> = (event, data) => {\n    onEvent(event, data)\n    if (event === componentEvents.EMPLOYEE_COMPENSATION_UPDATED) {\n      onEvent(componentEvents.EMPLOYEE_COMPENSATION_RETURN_TO_LIST)\n    }\n  }\n\n  return (\n    <EditCompensation\n      employeeId={ensureRequired(employeeId)}\n      startDate={ensureRequired(startDate)}\n      currentJobId={currentJobId}\n      title={currentJobId ? t('editTitle') : t('addTitle')}\n      submitCtaLabel={t('saveNewJobCta')}\n      onCancel={() => {\n        onEvent(componentEvents.EMPLOYEE_COMPENSATION_CANCEL)\n      }}\n      partnerDefaultValues={partnerDefaultValues}\n      onEvent={handleEvent}\n    />\n  )\n}\n"],"names":["JobsListContextual","employeeId","onEvent","useFlow","JobsList","ensureRequired","InitialEditCompensationContextual","startDate","currentJobId","partnerDefaultValues","useI18n","t","useTranslation","handleEvent","event","data","componentEvents","FlsaStatus","jsx","EditCompensation","EditCompensationContextual"],"mappings":";;;;;;;;AA+BO,SAASA,IAAqB;AACnC,QAAM,EAAE,YAAAC,GAAY,SAAAC,EAAA,IAAYC,EAAA;AAChC,2BAAQC,GAAA,EAAS,YAAYC,EAAeJ,CAAU,GAAG,SAAAC,GAAkB;AAC7E;AAEO,SAASI,IAAoC;AAClD,QAAM,EAAE,YAAAL,GAAY,WAAAM,GAAW,cAAAC,GAAc,sBAAAC,GAAsB,SAAAP,EAAA,IACjEC,EAAA;AACF,EAAAO,EAAQ,uBAAuB;AAC/B,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,uBAAuB,GAE9CC,IAA+C,CAACC,GAAOC,MAAS;AACpE,IAAAb,EAAQY,GAAOC,CAAI,GACfD,MAAUE,EAAgB,kCACPD,EACJ,eAAeE,EAAW,YACzCf,EAAQc,EAAgB,0BAA0B,IAElDd,EAAQc,EAAgB,oCAAoC;AAAA,EAGlE;AAEA,SACE,gBAAAE;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,YAAYd,EAAeJ,CAAU;AAAA,MACrC,WAAWI,EAAeE,CAAS;AAAA,MACnC,cAAAC;AAAA,MACA,OAAOG,EAAE,OAAO;AAAA,MAChB,gBAAgBA,EAAE,WAAW;AAAA,MAC7B,sBAAAF;AAAA,MACA,SAASI;AAAA,IAAA;AAAA,EAAA;AAGf;AAEO,SAASO,IAA6B;AAC3C,QAAM,EAAE,YAAAnB,GAAY,WAAAM,GAAW,cAAAC,GAAc,sBAAAC,GAAsB,SAAAP,EAAA,IACjEC,EAAA;AACF,EAAAO,EAAQ,uBAAuB;AAC/B,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,uBAAuB,GAE9CC,IAA+C,CAACC,GAAOC,MAAS;AACpE,IAAAb,EAAQY,GAAOC,CAAI,GACfD,MAAUE,EAAgB,iCAC5Bd,EAAQc,EAAgB,oCAAoC;AAAA,EAEhE;AAEA,SACE,gBAAAE;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,YAAYd,EAAeJ,CAAU;AAAA,MACrC,WAAWI,EAAeE,CAAS;AAAA,MACnC,cAAAC;AAAA,MACA,OAAsBG,EAAfH,IAAiB,cAAiB,UAAN;AAAA,MACnC,gBAAgBG,EAAE,eAAe;AAAA,MACjC,UAAU,MAAM;AACd,QAAAT,EAAQc,EAAgB,4BAA4B;AAAA,MACtD;AAAA,MACA,sBAAAP;AAAA,MACA,SAASI;AAAA,IAAA;AAAA,EAAA;AAGf;"}

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

@@ -23,4 +23,4 @@ export interface EditCompensationProps extends CommonComponentInterface<'Employe
      */
     onEvent: OnEventType<EventType, unknown>;
 }
-export declare function EditCompensation({ dictionary, ...props }: EditCompensationProps): import("react/jsx-runtime").JSX.Element;
+export declare function EditCompensation({ dictionary, ...props }: EditCompensationProps): import("react").JSX.Element;

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

@@ -2,4 +2,4 @@ import { BaseComponentInterface, CommonComponentInterface } from '../../../../Ba
 export interface JobsListProps extends CommonComponentInterface<'Employee.Compensation'> {
     employeeId: string;
 }
-export declare function JobsList(props: JobsListProps & BaseComponentInterface): import("react/jsx-runtime").JSX.Element;
+export declare function JobsList(props: JobsListProps & BaseComponentInterface): import("react").JSX.Element;

package/dist/components/Employee/Compensation/onboarding/JobsList/JobsList.js

@@ -1,7 +1,7 @@
 import { jsx as s } from "react/jsx-runtime";
 import { useMemo as r } from "react";
-import { useJobsAndCompensationsGetJobsSuspense as f } from "@gusto/embedded-api/react-query/jobsAndCompensationsGetJobs";
-import { useJobsAndCompensationsDeleteMutation as D } from "@gusto/embedded-api/react-query/jobsAndCompensationsDelete";
+import { useJobsAndCompensationsGetJobsSuspense as f } from "@gusto/embedded-api-v-2025-11-15/react-query/jobsAndCompensationsGetJobs";
+import { useJobsAndCompensationsDeleteMutation as D } from "@gusto/embedded-api-v-2025-11-15/react-query/jobsAndCompensationsDelete";
 import { derivePrimaryFlsaStatus as b } from "../../shared/derivePrimaryFlsaStatus.js";
 import { JobsListPresentation as y } from "./JobsListPresentation.js";
 import { BaseComponent as C } from "../../../../Base/Base.js";

package/dist/components/Employee/Compensation/onboarding/JobsList/JobsList.js.map

@@ -1 +1 @@
-{"version":3,"file":"JobsList.js","sources":["../../../../../../src/components/Employee/Compensation/onboarding/JobsList/JobsList.tsx"],"sourcesContent":["import { useMemo } from 'react'\nimport { useJobsAndCompensationsGetJobsSuspense } from '@gusto/embedded-api/react-query/jobsAndCompensationsGetJobs'\nimport { useJobsAndCompensationsDeleteMutation } from '@gusto/embedded-api/react-query/jobsAndCompensationsDelete'\nimport { derivePrimaryFlsaStatus } from '../../shared/derivePrimaryFlsaStatus'\nimport { JobsListPresentation } from './JobsListPresentation'\nimport {\n  BaseComponent,\n  type BaseComponentInterface,\n  type CommonComponentInterface,\n  useBase,\n} from '@/components/Base'\nimport { useComponentDictionary, useI18n } from '@/i18n'\nimport { componentEvents } from '@/shared/constants'\n\nexport interface JobsListProps extends CommonComponentInterface<'Employee.Compensation'> {\n  employeeId: string\n}\n\nexport function JobsList(props: JobsListProps & BaseComponentInterface) {\n  useComponentDictionary('Employee.Compensation', props.dictionary)\n  return (\n    <BaseComponent {...props}>\n      <Root {...props} />\n    </BaseComponent>\n  )\n}\n\nfunction Root({ employeeId, className }: JobsListProps) {\n  useI18n('Employee.Compensation')\n  const { onEvent } = useBase()\n\n  const { data: jobsData } = useJobsAndCompensationsGetJobsSuspense({ employeeId })\n  const employeeJobs = useMemo(() => jobsData.jobs ?? [], [jobsData.jobs])\n\n  const { mutateAsync: deleteEmployeeJob, isPending: isDeleting } =\n    useJobsAndCompensationsDeleteMutation()\n\n  const primaryFlsaStatus = useMemo(() => derivePrimaryFlsaStatus(employeeJobs), [employeeJobs])\n\n  const handleAdd = () => {\n    onEvent(componentEvents.EMPLOYEE_JOB_ADD)\n  }\n\n  const handleEdit = (jobId: string) => {\n    onEvent(componentEvents.EMPLOYEE_JOB_EDIT, { uuid: jobId })\n  }\n\n  const handleDelete = async (jobId: string) => {\n    await deleteEmployeeJob({ request: { jobId } })\n    onEvent(componentEvents.EMPLOYEE_JOB_DELETED)\n  }\n\n  const handleContinue = () => {\n    onEvent(componentEvents.EMPLOYEE_COMPENSATION_DONE)\n  }\n\n  return (\n    <section className={className}>\n      <JobsListPresentation\n        jobs={employeeJobs}\n        primaryFlsaStatus={primaryFlsaStatus}\n        isPending={isDeleting}\n        onAdd={handleAdd}\n        onEdit={handleEdit}\n        onDelete={(jobId: string) => {\n          void handleDelete(jobId)\n        }}\n        onContinue={handleContinue}\n      />\n    </section>\n  )\n}\n"],"names":["JobsList","props","useComponentDictionary","jsx","BaseComponent","Root","employeeId","className","useI18n","onEvent","useBase","jobsData","useJobsAndCompensationsGetJobsSuspense","employeeJobs","useMemo","deleteEmployeeJob","isDeleting","useJobsAndCompensationsDeleteMutation","primaryFlsaStatus","derivePrimaryFlsaStatus","handleAdd","componentEvents","handleEdit","jobId","handleDelete","JobsListPresentation"],"mappings":";;;;;;;;;;AAkBO,SAASA,EAASC,GAA+C;AACtE,SAAAC,EAAuB,yBAAyBD,EAAM,UAAU,GAE9D,gBAAAE,EAACC,KAAe,GAAGH,GACjB,4BAACI,GAAA,EAAM,GAAGJ,GAAO,EAAA,CACnB;AAEJ;AAEA,SAASI,EAAK,EAAE,YAAAC,GAAY,WAAAC,KAA4B;AACtD,EAAAC,EAAQ,uBAAuB;AAC/B,QAAM,EAAE,SAAAC,EAAA,IAAYC,EAAA,GAEd,EAAE,MAAMC,EAAA,IAAaC,EAAuC,EAAE,YAAAN,GAAY,GAC1EO,IAAeC,EAAQ,MAAMH,EAAS,QAAQ,IAAI,CAACA,EAAS,IAAI,CAAC,GAEjE,EAAE,aAAaI,GAAmB,WAAWC,EAAA,IACjDC,EAAA,GAEIC,IAAoBJ,EAAQ,MAAMK,EAAwBN,CAAY,GAAG,CAACA,CAAY,CAAC,GAEvFO,IAAY,MAAM;AACtB,IAAAX,EAAQY,EAAgB,gBAAgB;AAAA,EAC1C,GAEMC,IAAa,CAACC,MAAkB;AACpC,IAAAd,EAAQY,EAAgB,mBAAmB,EAAE,MAAME,GAAO;AAAA,EAC5D,GAEMC,IAAe,OAAOD,MAAkB;AAC5C,UAAMR,EAAkB,EAAE,SAAS,EAAE,OAAAQ,EAAA,GAAS,GAC9Cd,EAAQY,EAAgB,oBAAoB;AAAA,EAC9C;AAMA,SACE,gBAAAlB,EAAC,aAAQ,WAAAI,GACP,UAAA,gBAAAJ;AAAA,IAACsB;AAAA,IAAA;AAAA,MACC,MAAMZ;AAAA,MACN,mBAAAK;AAAA,MACA,WAAWF;AAAA,MACX,OAAOI;AAAA,MACP,QAAQE;AAAA,MACR,UAAU,CAACC,MAAkB;AAC3B,QAAKC,EAAaD,CAAK;AAAA,MACzB;AAAA,MACA,YAfiB,MAAM;AAC3B,QAAAd,EAAQY,EAAgB,0BAA0B;AAAA,MACpD;AAAA,IAakB;AAAA,EAAA,GAEhB;AAEJ;"}
+{"version":3,"file":"JobsList.js","sources":["../../../../../../src/components/Employee/Compensation/onboarding/JobsList/JobsList.tsx"],"sourcesContent":["import { useMemo } from 'react'\nimport { useJobsAndCompensationsGetJobsSuspense } from '@gusto/embedded-api-v-2025-11-15/react-query/jobsAndCompensationsGetJobs'\nimport { useJobsAndCompensationsDeleteMutation } from '@gusto/embedded-api-v-2025-11-15/react-query/jobsAndCompensationsDelete'\nimport { derivePrimaryFlsaStatus } from '../../shared/derivePrimaryFlsaStatus'\nimport { JobsListPresentation } from './JobsListPresentation'\nimport {\n  BaseComponent,\n  type BaseComponentInterface,\n  type CommonComponentInterface,\n  useBase,\n} from '@/components/Base'\nimport { useComponentDictionary, useI18n } from '@/i18n'\nimport { componentEvents } from '@/shared/constants'\n\nexport interface JobsListProps extends CommonComponentInterface<'Employee.Compensation'> {\n  employeeId: string\n}\n\nexport function JobsList(props: JobsListProps & BaseComponentInterface) {\n  useComponentDictionary('Employee.Compensation', props.dictionary)\n  return (\n    <BaseComponent {...props}>\n      <Root {...props} />\n    </BaseComponent>\n  )\n}\n\nfunction Root({ employeeId, className }: JobsListProps) {\n  useI18n('Employee.Compensation')\n  const { onEvent } = useBase()\n\n  const { data: jobsData } = useJobsAndCompensationsGetJobsSuspense({ employeeId })\n  const employeeJobs = useMemo(() => jobsData.jobs ?? [], [jobsData.jobs])\n\n  const { mutateAsync: deleteEmployeeJob, isPending: isDeleting } =\n    useJobsAndCompensationsDeleteMutation()\n\n  const primaryFlsaStatus = useMemo(() => derivePrimaryFlsaStatus(employeeJobs), [employeeJobs])\n\n  const handleAdd = () => {\n    onEvent(componentEvents.EMPLOYEE_JOB_ADD)\n  }\n\n  const handleEdit = (jobId: string) => {\n    onEvent(componentEvents.EMPLOYEE_JOB_EDIT, { uuid: jobId })\n  }\n\n  const handleDelete = async (jobId: string) => {\n    await deleteEmployeeJob({ request: { jobId } })\n    onEvent(componentEvents.EMPLOYEE_JOB_DELETED)\n  }\n\n  const handleContinue = () => {\n    onEvent(componentEvents.EMPLOYEE_COMPENSATION_DONE)\n  }\n\n  return (\n    <section className={className}>\n      <JobsListPresentation\n        jobs={employeeJobs}\n        primaryFlsaStatus={primaryFlsaStatus}\n        isPending={isDeleting}\n        onAdd={handleAdd}\n        onEdit={handleEdit}\n        onDelete={(jobId: string) => {\n          void handleDelete(jobId)\n        }}\n        onContinue={handleContinue}\n      />\n    </section>\n  )\n}\n"],"names":["JobsList","props","useComponentDictionary","jsx","BaseComponent","Root","employeeId","className","useI18n","onEvent","useBase","jobsData","useJobsAndCompensationsGetJobsSuspense","employeeJobs","useMemo","deleteEmployeeJob","isDeleting","useJobsAndCompensationsDeleteMutation","primaryFlsaStatus","derivePrimaryFlsaStatus","handleAdd","componentEvents","handleEdit","jobId","handleDelete","JobsListPresentation"],"mappings":";;;;;;;;;;AAkBO,SAASA,EAASC,GAA+C;AACtE,SAAAC,EAAuB,yBAAyBD,EAAM,UAAU,GAE9D,gBAAAE,EAACC,KAAe,GAAGH,GACjB,4BAACI,GAAA,EAAM,GAAGJ,GAAO,EAAA,CACnB;AAEJ;AAEA,SAASI,EAAK,EAAE,YAAAC,GAAY,WAAAC,KAA4B;AACtD,EAAAC,EAAQ,uBAAuB;AAC/B,QAAM,EAAE,SAAAC,EAAA,IAAYC,EAAA,GAEd,EAAE,MAAMC,EAAA,IAAaC,EAAuC,EAAE,YAAAN,GAAY,GAC1EO,IAAeC,EAAQ,MAAMH,EAAS,QAAQ,IAAI,CAACA,EAAS,IAAI,CAAC,GAEjE,EAAE,aAAaI,GAAmB,WAAWC,EAAA,IACjDC,EAAA,GAEIC,IAAoBJ,EAAQ,MAAMK,EAAwBN,CAAY,GAAG,CAACA,CAAY,CAAC,GAEvFO,IAAY,MAAM;AACtB,IAAAX,EAAQY,EAAgB,gBAAgB;AAAA,EAC1C,GAEMC,IAAa,CAACC,MAAkB;AACpC,IAAAd,EAAQY,EAAgB,mBAAmB,EAAE,MAAME,GAAO;AAAA,EAC5D,GAEMC,IAAe,OAAOD,MAAkB;AAC5C,UAAMR,EAAkB,EAAE,SAAS,EAAE,OAAAQ,EAAA,GAAS,GAC9Cd,EAAQY,EAAgB,oBAAoB;AAAA,EAC9C;AAMA,SACE,gBAAAlB,EAAC,aAAQ,WAAAI,GACP,UAAA,gBAAAJ;AAAA,IAACsB;AAAA,IAAA;AAAA,MACC,MAAMZ;AAAA,MACN,mBAAAK;AAAA,MACA,WAAWF;AAAA,MACX,OAAOI;AAAA,MACP,QAAQE;AAAA,MACR,UAAU,CAACC,MAAkB;AAC3B,QAAKC,EAAaD,CAAK;AAAA,MACzB;AAAA,MACA,YAfiB,MAAM;AAC3B,QAAAd,EAAQY,EAAgB,0BAA0B;AAAA,MACpD;AAAA,IAakB;AAAA,EAAA,GAEhB;AAEJ;"}

package/dist/components/Employee/Compensation/onboarding/JobsList/JobsListPresentation.d.ts

@@ -1,4 +1,4 @@
-import { Job } from '@gusto/embedded-api/models/components/job';
+import { Job } from '@gusto/embedded-api-v-2025-11-15/models/components/job';
 export interface JobsListPresentationProps {
     jobs: Job[];
     primaryFlsaStatus: string | undefined;
@@ -8,4 +8,4 @@ export interface JobsListPresentationProps {
     onDelete: (jobId: string) => void;
     onContinue: () => void;
 }
-export declare function JobsListPresentation({ jobs, primaryFlsaStatus, isPending, onAdd, onEdit, onDelete, onContinue, }: JobsListPresentationProps): import("react/jsx-runtime").JSX.Element;
+export declare function JobsListPresentation({ jobs, primaryFlsaStatus, isPending, onAdd, onEdit, onDelete, onContinue, }: JobsListPresentationProps): import("react").JSX.Element;

package/dist/components/Employee/Compensation/onboarding/JobsList/JobsListPresentation.js

@@ -3,15 +3,14 @@ import { useTranslation as h } from "react-i18next";
 import y from "../../../../../assets/icons/pencil.svg.js";
 import b from "../../../../../assets/icons/trashcan.svg.js";
 import { Flex as g } from "../../../../Common/Flex/Flex.js";
-import "classnames";
-import { FlsaStatus as k } from "../../../../../shared/constants.js";
-import { ActionsLayout as S } from "../../../../Common/ActionsLayout/ActionsLayout.js";
-import { useComponentContext as L } from "../../../../../contexts/ComponentAdapter/useComponentContext.js";
-import { useI18n as x } from "../../../../../i18n/I18n.js";
+import { ActionsLayout as k } from "../../../../Common/ActionsLayout/ActionsLayout.js";
+import { useComponentContext as S } from "../../../../../contexts/ComponentAdapter/useComponentContext.js";
+import { useI18n as L } from "../../../../../i18n/I18n.js";
+import { FlsaStatus as x } from "../../../../../shared/constants.js";
 import { HamburgerMenu as v } from "../../../../Common/HamburgerMenu/HamburgerMenu.js";
 import { useDataView as w } from "../../../../Common/DataView/useDataView.js";
 import { DataView as A } from "../../../../Common/DataView/DataView.js";
-function O({
+function I({
   jobs: l,
   primaryFlsaStatus: m,
   isPending: n,
@@ -20,8 +19,8 @@ function O({
   onDelete: d,
   onContinue: c
 }) {
-  x("Employee.Compensation");
-  const { t: e } = h("Employee.Compensation"), i = L(), C = m === k.NONEXEMPT, f = w({
+  L("Employee.Compensation");
+  const { t: e } = h("Employee.Compensation"), i = S(), C = m === x.NONEXEMPT, f = w({
     data: l,
     columns: [
       {
@@ -86,13 +85,13 @@ function O({
         ...f
       }
     ),
-    /* @__PURE__ */ s(S, { children: [
+    /* @__PURE__ */ s(k, { children: [
       C && /* @__PURE__ */ o(i.Button, { variant: "secondary", onClick: u, isDisabled: n, children: e("addAnotherJobCta") }),
       /* @__PURE__ */ o(i.Button, { onClick: c, isLoading: n, children: e("submitCta") })
     ] })
   ] });
 }
 export {
-  O as JobsListPresentation
+  I as JobsListPresentation
 };
 //# sourceMappingURL=JobsListPresentation.js.map

package/dist/components/Employee/Compensation/onboarding/JobsList/JobsListPresentation.js.map

@@ -1 +1 @@
-{"version":3,"file":"JobsListPresentation.js","sources":["../../../../../../src/components/Employee/Compensation/onboarding/JobsList/JobsListPresentation.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { type Job } from '@gusto/embedded-api/models/components/job'\nimport PencilSvg from '@/assets/icons/pencil.svg?react'\nimport TrashCanSvg from '@/assets/icons/trashcan.svg?react'\nimport { ActionsLayout, DataView, Flex, useDataView } from '@/components/Common'\nimport { HamburgerMenu } from '@/components/Common/HamburgerMenu'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useI18n } from '@/i18n'\nimport { FlsaStatus } from '@/shared/constants'\n\nexport interface JobsListPresentationProps {\n  jobs: Job[]\n  primaryFlsaStatus: string | undefined\n  isPending: boolean\n  onAdd: () => void\n  onEdit: (jobId: string) => void\n  onDelete: (jobId: string) => void\n  onContinue: () => void\n}\n\nexport function JobsListPresentation({\n  jobs,\n  primaryFlsaStatus,\n  isPending,\n  onAdd,\n  onEdit,\n  onDelete,\n  onContinue,\n}: JobsListPresentationProps) {\n  useI18n('Employee.Compensation')\n  const { t } = useTranslation('Employee.Compensation')\n  const Components = useComponentContext()\n\n  const showAddAnotherJob = primaryFlsaStatus === FlsaStatus.NONEXEMPT\n\n  const dataViewProps = useDataView({\n    data: jobs,\n    columns: [\n      {\n        key: 'title',\n        title: t('allCompensations.jobColumn'),\n        render: (job: Job) => {\n          const currentComp = job.compensations?.find(c => c.uuid === job.currentCompensationUuid)\n          return currentComp?.title || ''\n        },\n      },\n      {\n        key: 'flsaStatus',\n        title: t('allCompensations.typeColumn'),\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}`) : null\n        },\n      },\n      {\n        key: 'rate',\n        title: t('allCompensations.amountColumn'),\n        render: (job: Job) => job.rate?.toString() || '',\n      },\n      {\n        key: 'paymentUnit',\n        title: t('allCompensations.perColumn'),\n        render: (job: Job) => job.paymentUnit || '',\n      },\n    ],\n    itemMenu: (job: Job) => (\n      <HamburgerMenu\n        triggerLabel={t('hamburgerTitle')}\n        items={[\n          {\n            label: t('allCompensations.editCta'),\n            icon: <PencilSvg aria-hidden />,\n            onClick: () => {\n              onEdit(job.uuid)\n            },\n          },\n          ...(!job.primary\n            ? [\n                {\n                  label: t('allCompensations.deleteCta'),\n                  icon: <TrashCanSvg aria-hidden />,\n                  onClick: () => {\n                    onDelete(job.uuid)\n                  },\n                },\n              ]\n            : []),\n        ]}\n        isLoading={isPending}\n      />\n    ),\n  })\n\n  return (\n    <Flex flexDirection=\"column\" gap={32}>\n      <Components.Heading as=\"h2\">{t('title')}</Components.Heading>\n      <DataView\n        data-testid=\"data-view\"\n        label={t('allCompensations.tableLabel')}\n        {...dataViewProps}\n      />\n      <ActionsLayout>\n        {showAddAnotherJob && (\n          <Components.Button variant=\"secondary\" onClick={onAdd} isDisabled={isPending}>\n            {t('addAnotherJobCta')}\n          </Components.Button>\n        )}\n        <Components.Button onClick={onContinue} isLoading={isPending}>\n          {t('submitCta')}\n        </Components.Button>\n      </ActionsLayout>\n    </Flex>\n  )\n}\n"],"names":["JobsListPresentation","jobs","primaryFlsaStatus","isPending","onAdd","onEdit","onDelete","onContinue","useI18n","t","useTranslation","Components","useComponentContext","showAddAnotherJob","FlsaStatus","dataViewProps","useDataView","job","c","flsaStatus","comp","jsx","HamburgerMenu","PencilSvg","TrashCanSvg","jsxs","Flex","DataView","ActionsLayout"],"mappings":";;;;;;;;;;;;;AAoBO,SAASA,EAAqB;AAAA,EACnC,MAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,QAAAC;AAAA,EACA,UAAAC;AAAA,EACA,YAAAC;AACF,GAA8B;AAC5B,EAAAC,EAAQ,uBAAuB;AAC/B,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,uBAAuB,GAC9CC,IAAaC,EAAA,GAEbC,IAAoBX,MAAsBY,EAAW,WAErDC,IAAgBC,EAAY;AAAA,IAChC,MAAMf;AAAA,IACN,SAAS;AAAA,MACP;AAAA,QACE,KAAK;AAAA,QACL,OAAOQ,EAAE,4BAA4B;AAAA,QACrC,QAAQ,CAACQ,MACaA,EAAI,eAAe,KAAK,OAAKC,EAAE,SAASD,EAAI,uBAAuB,GACnE,SAAS;AAAA,MAC/B;AAAA,MAEF;AAAA,QACE,KAAK;AAAA,QACL,OAAOR,EAAE,6BAA6B;AAAA,QACtC,QAAQ,CAACQ,MAAa;AACpB,gBAAME,IAAaF,EAAI,eAAe;AAAA,YACpC,CAAAG,MAAQA,EAAK,SAASH,EAAI;AAAA,UAAA,GACzB;AACH,iBAAOE,MAAe,SAAYV,EAAE,oBAAoBU,CAAU,EAAE,IAAI;AAAA,QAC1E;AAAA,MAAA;AAAA,MAEF;AAAA,QACE,KAAK;AAAA,QACL,OAAOV,EAAE,+BAA+B;AAAA,QACxC,QAAQ,CAACQ,MAAaA,EAAI,MAAM,cAAc;AAAA,MAAA;AAAA,MAEhD;AAAA,QACE,KAAK;AAAA,QACL,OAAOR,EAAE,4BAA4B;AAAA,QACrC,QAAQ,CAACQ,MAAaA,EAAI,eAAe;AAAA,MAAA;AAAA,IAC3C;AAAA,IAEF,UAAU,CAACA,MACT,gBAAAI;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,cAAcb,EAAE,gBAAgB;AAAA,QAChC,OAAO;AAAA,UACL;AAAA,YACE,OAAOA,EAAE,0BAA0B;AAAA,YACnC,MAAM,gBAAAY,EAACE,GAAA,EAAU,eAAW,GAAA,CAAC;AAAA,YAC7B,SAAS,MAAM;AACb,cAAAlB,EAAOY,EAAI,IAAI;AAAA,YACjB;AAAA,UAAA;AAAA,UAEF,GAAKA,EAAI,UAUL,CAAA,IATA;AAAA,YACE;AAAA,cACE,OAAOR,EAAE,4BAA4B;AAAA,cACrC,MAAM,gBAAAY,EAACG,GAAA,EAAY,eAAW,GAAA,CAAC;AAAA,cAC/B,SAAS,MAAM;AACb,gBAAAlB,EAASW,EAAI,IAAI;AAAA,cACnB;AAAA,YAAA;AAAA,UACF;AAAA,QAED;AAAA,QAEP,WAAWd;AAAA,MAAA;AAAA,IAAA;AAAA,EACb,CAEH;AAED,SACE,gBAAAsB,EAACC,GAAA,EAAK,eAAc,UAAS,KAAK,IAChC,UAAA;AAAA,IAAA,gBAAAL,EAACV,EAAW,SAAX,EAAmB,IAAG,MAAM,UAAAF,EAAE,OAAO,GAAE;AAAA,IACxC,gBAAAY;AAAA,MAACM;AAAA,MAAA;AAAA,QACC,eAAY;AAAA,QACZ,OAAOlB,EAAE,6BAA6B;AAAA,QACrC,GAAGM;AAAA,MAAA;AAAA,IAAA;AAAA,sBAELa,GAAA,EACE,UAAA;AAAA,MAAAf,KACC,gBAAAQ,EAACV,EAAW,QAAX,EAAkB,SAAQ,aAAY,SAASP,GAAO,YAAYD,GAChE,UAAAM,EAAE,kBAAkB,EAAA,CACvB;AAAA,MAEF,gBAAAY,EAACV,EAAW,QAAX,EAAkB,SAASJ,GAAY,WAAWJ,GAChD,UAAAM,EAAE,WAAW,EAAA,CAChB;AAAA,IAAA,EAAA,CACF;AAAA,EAAA,GACF;AAEJ;"}
+{"version":3,"file":"JobsListPresentation.js","sources":["../../../../../../src/components/Employee/Compensation/onboarding/JobsList/JobsListPresentation.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { type Job } from '@gusto/embedded-api-v-2025-11-15/models/components/job'\nimport PencilSvg from '@/assets/icons/pencil.svg?react'\nimport TrashCanSvg from '@/assets/icons/trashcan.svg?react'\nimport { ActionsLayout, DataView, Flex, useDataView } from '@/components/Common'\nimport { HamburgerMenu } from '@/components/Common/HamburgerMenu'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useI18n } from '@/i18n'\nimport { FlsaStatus } from '@/shared/constants'\n\nexport interface JobsListPresentationProps {\n  jobs: Job[]\n  primaryFlsaStatus: string | undefined\n  isPending: boolean\n  onAdd: () => void\n  onEdit: (jobId: string) => void\n  onDelete: (jobId: string) => void\n  onContinue: () => void\n}\n\nexport function JobsListPresentation({\n  jobs,\n  primaryFlsaStatus,\n  isPending,\n  onAdd,\n  onEdit,\n  onDelete,\n  onContinue,\n}: JobsListPresentationProps) {\n  useI18n('Employee.Compensation')\n  const { t } = useTranslation('Employee.Compensation')\n  const Components = useComponentContext()\n\n  const showAddAnotherJob = primaryFlsaStatus === FlsaStatus.NONEXEMPT\n\n  const dataViewProps = useDataView({\n    data: jobs,\n    columns: [\n      {\n        key: 'title',\n        title: t('allCompensations.jobColumn'),\n        render: (job: Job) => {\n          const currentComp = job.compensations?.find(c => c.uuid === job.currentCompensationUuid)\n          return currentComp?.title || ''\n        },\n      },\n      {\n        key: 'flsaStatus',\n        title: t('allCompensations.typeColumn'),\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}`) : null\n        },\n      },\n      {\n        key: 'rate',\n        title: t('allCompensations.amountColumn'),\n        render: (job: Job) => job.rate?.toString() || '',\n      },\n      {\n        key: 'paymentUnit',\n        title: t('allCompensations.perColumn'),\n        render: (job: Job) => job.paymentUnit || '',\n      },\n    ],\n    itemMenu: (job: Job) => (\n      <HamburgerMenu\n        triggerLabel={t('hamburgerTitle')}\n        items={[\n          {\n            label: t('allCompensations.editCta'),\n            icon: <PencilSvg aria-hidden />,\n            onClick: () => {\n              onEdit(job.uuid)\n            },\n          },\n          ...(!job.primary\n            ? [\n                {\n                  label: t('allCompensations.deleteCta'),\n                  icon: <TrashCanSvg aria-hidden />,\n                  onClick: () => {\n                    onDelete(job.uuid)\n                  },\n                },\n              ]\n            : []),\n        ]}\n        isLoading={isPending}\n      />\n    ),\n  })\n\n  return (\n    <Flex flexDirection=\"column\" gap={32}>\n      <Components.Heading as=\"h2\">{t('title')}</Components.Heading>\n      <DataView\n        data-testid=\"data-view\"\n        label={t('allCompensations.tableLabel')}\n        {...dataViewProps}\n      />\n      <ActionsLayout>\n        {showAddAnotherJob && (\n          <Components.Button variant=\"secondary\" onClick={onAdd} isDisabled={isPending}>\n            {t('addAnotherJobCta')}\n          </Components.Button>\n        )}\n        <Components.Button onClick={onContinue} isLoading={isPending}>\n          {t('submitCta')}\n        </Components.Button>\n      </ActionsLayout>\n    </Flex>\n  )\n}\n"],"names":["JobsListPresentation","jobs","primaryFlsaStatus","isPending","onAdd","onEdit","onDelete","onContinue","useI18n","t","useTranslation","Components","useComponentContext","showAddAnotherJob","FlsaStatus","dataViewProps","useDataView","job","c","flsaStatus","comp","jsx","HamburgerMenu","PencilSvg","TrashCanSvg","jsxs","Flex","DataView","ActionsLayout"],"mappings":";;;;;;;;;;;;AAoBO,SAASA,EAAqB;AAAA,EACnC,MAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,QAAAC;AAAA,EACA,UAAAC;AAAA,EACA,YAAAC;AACF,GAA8B;AAC5B,EAAAC,EAAQ,uBAAuB;AAC/B,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,uBAAuB,GAC9CC,IAAaC,EAAA,GAEbC,IAAoBX,MAAsBY,EAAW,WAErDC,IAAgBC,EAAY;AAAA,IAChC,MAAMf;AAAA,IACN,SAAS;AAAA,MACP;AAAA,QACE,KAAK;AAAA,QACL,OAAOQ,EAAE,4BAA4B;AAAA,QACrC,QAAQ,CAACQ,MACaA,EAAI,eAAe,KAAK,OAAKC,EAAE,SAASD,EAAI,uBAAuB,GACnE,SAAS;AAAA,MAC/B;AAAA,MAEF;AAAA,QACE,KAAK;AAAA,QACL,OAAOR,EAAE,6BAA6B;AAAA,QACtC,QAAQ,CAACQ,MAAa;AACpB,gBAAME,IAAaF,EAAI,eAAe;AAAA,YACpC,CAAAG,MAAQA,EAAK,SAASH,EAAI;AAAA,UAAA,GACzB;AACH,iBAAOE,MAAe,SAAYV,EAAE,oBAAoBU,CAAU,EAAE,IAAI;AAAA,QAC1E;AAAA,MAAA;AAAA,MAEF;AAAA,QACE,KAAK;AAAA,QACL,OAAOV,EAAE,+BAA+B;AAAA,QACxC,QAAQ,CAACQ,MAAaA,EAAI,MAAM,cAAc;AAAA,MAAA;AAAA,MAEhD;AAAA,QACE,KAAK;AAAA,QACL,OAAOR,EAAE,4BAA4B;AAAA,QACrC,QAAQ,CAACQ,MAAaA,EAAI,eAAe;AAAA,MAAA;AAAA,IAC3C;AAAA,IAEF,UAAU,CAACA,MACT,gBAAAI;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,cAAcb,EAAE,gBAAgB;AAAA,QAChC,OAAO;AAAA,UACL;AAAA,YACE,OAAOA,EAAE,0BAA0B;AAAA,YACnC,MAAM,gBAAAY,EAACE,GAAA,EAAU,eAAW,GAAA,CAAC;AAAA,YAC7B,SAAS,MAAM;AACb,cAAAlB,EAAOY,EAAI,IAAI;AAAA,YACjB;AAAA,UAAA;AAAA,UAEF,GAAKA,EAAI,UAUL,CAAA,IATA;AAAA,YACE;AAAA,cACE,OAAOR,EAAE,4BAA4B;AAAA,cACrC,MAAM,gBAAAY,EAACG,GAAA,EAAY,eAAW,GAAA,CAAC;AAAA,cAC/B,SAAS,MAAM;AACb,gBAAAlB,EAASW,EAAI,IAAI;AAAA,cACnB;AAAA,YAAA;AAAA,UACF;AAAA,QAED;AAAA,QAEP,WAAWd;AAAA,MAAA;AAAA,IAAA;AAAA,EACb,CAEH;AAED,SACE,gBAAAsB,EAACC,GAAA,EAAK,eAAc,UAAS,KAAK,IAChC,UAAA;AAAA,IAAA,gBAAAL,EAACV,EAAW,SAAX,EAAmB,IAAG,MAAM,UAAAF,EAAE,OAAO,GAAE;AAAA,IACxC,gBAAAY;AAAA,MAACM;AAAA,MAAA;AAAA,QACC,eAAY;AAAA,QACZ,OAAOlB,EAAE,6BAA6B;AAAA,QACrC,GAAGM;AAAA,MAAA;AAAA,IAAA;AAAA,sBAELa,GAAA,EACE,UAAA;AAAA,MAAAf,KACC,gBAAAQ,EAACV,EAAW,QAAX,EAAkB,SAAQ,aAAY,SAASP,GAAO,YAAYD,GAChE,UAAAM,EAAE,kBAAkB,EAAA,CACvB;AAAA,MAEF,gBAAAY,EAACV,EAAW,QAAX,EAAkB,SAASJ,GAAY,WAAWJ,GAChD,UAAAM,EAAE,WAAW,EAAA,CAChB;AAAA,IAAA,EAAA,CACF;AAAA,EAAA,GACF;AAEJ;"}

package/dist/components/Employee/Compensation/shared/AddCompensationFormBody.d.ts

@@ -1,5 +1,14 @@
 import { UseJobFormReady } from './useJobForm';
 import { UseCompensationFormReady } from './useCompensationForm';
+import { ResourceDictionary } from '../../../../types/Helpers';
+/**
+ * Translation overrides for the shared add-compensation form body. The body
+ * reads its copy from the onboarding `Employee.Compensation` namespace by
+ * default; management surfaces resolve this dictionary from
+ * `Employee.Management.Compensation` and pass it in so management copy renders
+ * while the two surfaces stay isolated.
+ */
+export type AddCompensationFormDictionary = ResourceDictionary<'Employee.Compensation'>;
 export interface AddCompensationFormBodyProps {
     jobForm: UseJobFormReady;
     compensationForm: UseCompensationFormReady;
@@ -7,12 +16,18 @@ export interface AddCompensationFormBodyProps {
     submitCtaLabel: string;
     isPending: boolean;
     onCancel?: () => void;
+    /** Per-surface translation overrides resolved against the consumer's namespace. */
+    dictionary?: AddCompensationFormDictionary;
 }
 /**
  * Renders the shared field layout used by both `EditCompensation` (onboarding) and
- * `AddAnotherJob` (management). Field visibility is driven entirely by the hook
+ * `CompensationAddAnotherJobForm` (management). Field visibility is driven entirely by the hook
  * configuration — `JobFields.HireDate` is only defined when `withHireDateField: true`,
  * and `CompFields.EffectiveDate` is only defined when `withEffectiveDateField: true` —
  * so this component renders the correct subset for each use case with no extra props.
+ *
+ * Copy resolves from the onboarding `Employee.Compensation` namespace by default; management
+ * consumers inject a `dictionary` mapped from `Employee.Management.Compensation` to keep
+ * onboarding and management strings independently overridable.
  */
-export declare function AddCompensationFormBody({ jobForm, compensationForm, title, submitCtaLabel, isPending, onCancel, }: AddCompensationFormBodyProps): import("react/jsx-runtime").JSX.Element;
+export declare function AddCompensationFormBody({ jobForm, compensationForm, title, submitCtaLabel, isPending, onCancel, dictionary, }: AddCompensationFormBodyProps): import("react").JSX.Element;