@gusto/embedded-react-sdk 0.46.3 → 0.47.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gusto/embedded-react-sdk",
-  "version": "0.46.3",
+  "version": "0.47.1",
   "homepage": "https://github.com/Gusto/embedded-react-sdk",
   "bugs": {
     "url": "https://github.com/Gusto/embedded-react-sdk/issues"
@@ -32,6 +32,7 @@
   ],
   "scripts": {
     "build": "npm run build:clean && npm run i18n:generate && vite build && npm run endpoints:derive",
+    "api-report:derive": "api-extractor run --local --config .reports/config/api-extractor.json",
     "endpoints:derive": "npx tsx ./build/deriveEndpointInventory.ts",
     "endpoints:verify": "npx tsx ./build/deriveEndpointInventory.ts --verify",
     "build:ci": "npm run build && npm run lint:check && npm run format:check && npm run test:ci",
@@ -88,15 +89,16 @@
     "sdk-app:analyze-props": "npx tsx sdk-app/scripts/analyze-component-props.ts"
   },
   "devDependencies": {
-    "@commitlint/cli": "^21.0.1",
+    "@commitlint/cli": "^21.0.2",
     "@commitlint/config-conventional": "^21.0.2",
     "@eslint/js": "^9.39.2",
+    "@microsoft/api-extractor": "^7.58.8",
     "@playwright/test": "^1.60.0",
     "@release-it/conventional-changelog": "^11.0.1",
-    "@storybook/addon-a11y": "^10.4.1",
-    "@storybook/addon-docs": "^10.4.1",
-    "@storybook/addon-onboarding": "^10.4.1",
-    "@storybook/react-vite": "^10.4.1",
+    "@storybook/addon-a11y": "^10.4.2",
+    "@storybook/addon-docs": "^10.4.2",
+    "@storybook/addon-onboarding": "^10.4.2",
+    "@storybook/react-vite": "^10.4.2",
     "@storybook/test-runner": "^0.24.4",
     "@testing-library/jest-dom": "^6.9.1",
     "@testing-library/react": "^16.3.2",
@@ -105,14 +107,15 @@
     "@types/jest": "^30.0.0",
     "@types/jest-axe": "^3.5.9",
     "@types/pngjs": "^6.0.5",
-    "@types/react": "^19.2.15",
+    "@types/react": "^19.2.16",
     "@types/react-dom": "^19.2.3",
-    "@typescript-eslint/rule-tester": "^8.60.0",
-    "@typescript-eslint/utils": "^8.60.0",
+    "@typescript-eslint/parser": "^8.61.0",
+    "@typescript-eslint/rule-tester": "^8.61.0",
+    "@typescript-eslint/utils": "^8.61.0",
     "@vitejs/plugin-react-swc": "^4.3.1",
-    "@vitest/coverage-v8": "^4.1.7",
+    "@vitest/coverage-v8": "^4.1.8",
     "ajv": "^8.20.0",
-    "axe-core": "^4.11.4",
+    "axe-core": "^4.12.0",
     "dotenv": "^17.4.2",
     "eslint": "^9.39.4",
     "eslint-plugin-import": "^2.31.0",
@@ -120,9 +123,9 @@
     "eslint-plugin-react": "^7.37.5",
     "eslint-plugin-react-hooks": "^7.1.1",
     "eslint-plugin-react-refresh": "^0.4.24",
-    "eslint-plugin-storybook": "^10.4.1",
+    "eslint-plugin-storybook": "^10.4.2",
     "eslint-plugin-tsdoc": "^0.5.2",
-    "fuse.js": "^7.3.0",
+    "fuse.js": "^7.4.2",
     "globals": "^17.6.0",
     "husky": "^9.1.7",
     "jest-axe": "^9.0.0",
@@ -138,15 +141,15 @@
     "prism-react-renderer": "^2.4.1",
     "react-dnd": "^16.0.1",
     "react-dnd-html5-backend": "^16.0.1",
-    "react-router-dom": "^7.16.0",
+    "react-router-dom": "^7.17.0",
     "release-it": "^20.2.0",
     "sass-embedded": "^1.100.0",
     "storybook": "^10.3.4",
     "stylelint-config-standard": "^40.0.0",
     "ts-morph": "^28.0.0",
-    "tsx": "^4.22.3",
-    "typescript-eslint": "^8.60.0",
-    "vite": "^6.4.2",
+    "tsx": "^4.22.4",
+    "typescript-eslint": "^8.61.0",
+    "vite": "^6.4.3",
     "vite-plugin-checker": "^0.14.1",
     "vite-plugin-circular-dependency": "^0.6.0",
     "vite-plugin-dts": "^4.5.3",
@@ -162,19 +165,19 @@
     "typescript": "^5.8.3"
   },
   "dependencies": {
-    "@gusto/embedded-api": "0.13.0",
+    "@gusto/embedded-api-v-2025-11-15": "^0.0.2",
     "@hookform/error-message": "^2.0.1",
     "@hookform/resolvers": "^5.4.0",
     "@internationalized/date": "^3.12.2",
     "@internationalized/number": "^3.6.7",
     "classnames": "^2.5.1",
     "deepmerge": "^4.3.1",
-    "dompurify": "^3.4.7",
-    "i18next": "^26.3.0",
+    "dompurify": "^3.4.8",
+    "i18next": "^26.3.1",
     "react-aria": "^3.47.0",
     "react-aria-components": "1.16.0",
     "react-error-boundary": "^6.1.2",
-    "react-hook-form": "^7.76.1",
+    "react-hook-form": "^7.78.0",
     "react-i18next": "^17.0.8",
     "react-robot": "^1.2.1",
     "robot3": "^1.2.0",
@@ -189,7 +192,8 @@
   "msw": {
     "workerDirectory": [
       "e2e",
-      "e2e/public"
+      "e2e/public",
+      "sdk-app/public"
     ]
   }
 }

package/dist/components/Common/Fields/PercentageField/index.d.ts

@@ -1,2 +0,0 @@
-import "./types/i18next.d.ts"
-export { PercentageField, type PercentageFieldProps } from './PercentageField';

package/dist/components/Common/UI/Alert/index.d.ts

@@ -1,2 +0,0 @@
-import "./types/i18next.d.ts"
-export { Alert } from './Alert';

package/dist/components/Common/UI/Banner/index.d.ts

@@ -1,4 +0,0 @@
-import "./types/i18next.d.ts"
-export { Banner } from './Banner';
-export type { BannerProps } from './BannerTypes';
-export { BannerDefaults } from './BannerTypes';

package/dist/components/Common/UI/Box/index.d.ts

@@ -1,2 +0,0 @@
-import "./types/i18next.d.ts"
-export { Box } from './Box';

package/dist/components/Common/UI/MultiSelectComboBox/index.d.ts

@@ -1,3 +0,0 @@
-import "./types/i18next.d.ts"
-export { MultiSelectComboBox } from './MultiSelectComboBox';
-export type { MultiSelectComboBoxProps, MultiSelectComboBoxOption, } from './MultiSelectComboBoxTypes';

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

@@ -1,9 +0,0 @@
-import { CommonComponentInterface } from '../../../../Base';
-import { OnEventType } from '../../../../Base/useBase';
-import { EventType } from '../../../../../shared/constants';
-export interface AddAnotherJobProps extends CommonComponentInterface<'Employee.Compensation'> {
-    employeeId: string;
-    onCancel?: () => void;
-    onEvent: OnEventType<EventType, unknown>;
-}
-export declare function AddAnotherJob({ dictionary, ...props }: AddAnotherJobProps): import("react/jsx-runtime").JSX.Element;

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

@@ -1,76 +0,0 @@
-import { jsx as e } from "react/jsx-runtime";
-import { useState as y } from "react";
-import D from "classnames";
-import { useTranslation as I } from "react-i18next";
-import { useJobForm as J } from "../../shared/useJobForm/useJobForm.js";
-import { useCompensationForm as L } from "../../shared/useCompensationForm/useCompensationForm.js";
-import { AddCompensationFormBody as R } from "../../shared/AddCompensationFormBody.js";
-import S from "./AddAnotherJob.module.scss.js";
-import { BaseBoundaries as j, BaseLayout as p } from "../../../../Base/Base.js";
-import "../../../../Base/useBase.js";
-import { Form as A } from "../../../../Common/Form/Form.js";
-import { useComponentDictionary as P, useI18n as T } from "../../../../../i18n/I18n.js";
-import { composeErrorHandler as c } from "../../../../../partner-hook-utils/composeErrorHandler.js";
-import { composeSubmitHandler as H } from "../../../../../partner-hook-utils/form/composeSubmitHandler.js";
-import { componentEvents as l } from "../../../../../shared/constants.js";
-function W({ dictionary: n, ...r }) {
-  return P("Employee.Compensation", n), /* @__PURE__ */ e(j, { componentName: "Employee.Compensation", children: /* @__PURE__ */ e(N, { ...r }) });
-}
-function N({
-  employeeId: n,
-  onCancel: r,
-  className: f,
-  onEvent: s
-}) {
-  T("Employee.Compensation");
-  const { t: a } = I("Employee.Compensation"), [m, b] = y(void 0), t = J({
-    employeeId: n,
-    jobId: m,
-    withHireDateField: !1,
-    optionalFieldsToRequire: { update: ["title"] },
-    shouldFocusError: !1
-  }), E = t.isLoading ? void 0 : t.data.currentJob?.currentCompensationUuid ?? void 0, i = L({
-    employeeId: n,
-    jobId: m,
-    compensationId: E,
-    withEffectiveDateField: !0,
-    optionalFieldsToRequire: { update: ["flsaStatus", "rate", "paymentUnit"] },
-    shouldFocusError: !1
-  });
-  if (t.isLoading || i.isLoading) {
-    const o = c([t, i]);
-    return /* @__PURE__ */ e(p, { isLoading: !0, error: o.errors });
-  }
-  const C = t.data.jobs?.find((o) => o.primary)?.hireDate ?? void 0, d = H([t, i], async () => {
-    const o = await t.actions.onSubmit({ employeeId: n, hireDate: C });
-    if (!o) return;
-    s(l.EMPLOYEE_JOB_CREATED, o.data);
-    const F = o.data.compensations?.find(
-      (g) => g.uuid === o.data.currentCompensationUuid
-    ), u = await i.actions.onSubmit({
-      jobId: o.data.uuid,
-      compensationId: o.data.currentCompensationUuid ?? void 0,
-      compensationVersion: F?.version ?? void 0
-    });
-    if (!u) {
-      b(o.data.uuid);
-      return;
-    }
-    s(l.EMPLOYEE_COMPENSATION_UPDATED, u.data);
-  }), h = c([d]), v = t.status.isPending || i.status.isPending;
-  return /* @__PURE__ */ e("section", { className: D(S.container, f), children: /* @__PURE__ */ e(p, { error: h.errors, children: /* @__PURE__ */ e(A, { onSubmit: d.handleSubmit, children: /* @__PURE__ */ e(
-    R,
-    {
-      jobForm: t,
-      compensationForm: i,
-      title: a("addAnotherJobTitle"),
-      submitCtaLabel: a("saveNewJobCta"),
-      isPending: v,
-      onCancel: r
-    }
-  ) }) }) });
-}
-export {
-  W as AddAnotherJob
-};
-//# sourceMappingURL=AddAnotherJob.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"AddAnotherJob.js","sources":["../../../../../../src/components/Employee/Compensation/management/AddAnotherJob/AddAnotherJob.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 styles from './AddAnotherJob.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 AddAnotherJobProps extends CommonComponentInterface<'Employee.Compensation'> {\n  employeeId: string\n  onCancel?: () => void\n  onEvent: OnEventType<EventType, unknown>\n}\n\nexport function AddAnotherJob({ dictionary, ...props }: AddAnotherJobProps) {\n  useComponentDictionary('Employee.Compensation', dictionary)\n  return (\n    <BaseBoundaries componentName=\"Employee.Compensation\">\n      <Root {...props} />\n    </BaseBoundaries>\n  )\n}\n\nfunction Root({\n  employeeId,\n  onCancel,\n  className,\n  onEvent,\n}: Omit<AddAnotherJobProps, 'dictionary'>) {\n  useI18n('Employee.Compensation')\n  const { t } = useTranslation('Employee.Compensation')\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    onEvent(componentEvents.EMPLOYEE_JOB_CREATED, jobResult.data)\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(componentEvents.EMPLOYEE_COMPENSATION_UPDATED, compensationResult.data)\n  })\n\n  const errorHandling = composeErrorHandler([submitResult])\n  const isPending = jobForm.status.isPending || compensationForm.status.isPending\n\n  return (\n    <section className={classNames(styles.container, className)}>\n      <BaseLayout error={errorHandling.errors}>\n        <Form onSubmit={submitResult.handleSubmit}>\n          <AddCompensationFormBody\n            jobForm={jobForm}\n            compensationForm={compensationForm}\n            title={t('addAnotherJobTitle')}\n            submitCtaLabel={t('saveNewJobCta')}\n            isPending={isPending}\n            onCancel={onCancel}\n          />\n        </Form>\n      </BaseLayout>\n    </section>\n  )\n}\n"],"names":["AddAnotherJob","dictionary","props","useComponentDictionary","jsx","BaseBoundaries","Root","employeeId","onCancel","className","onEvent","useI18n","t","useTranslation","resolvedJobId","setResolvedJobId","useState","jobForm","useJobForm","resolvedCompensationId","compensationForm","useCompensationForm","loadingErrorHandling","composeErrorHandler","BaseLayout","primaryHireDate","j","submitResult","composeSubmitHandler","jobResult","componentEvents","stubCompensation","c","compensationResult","errorHandling","isPending","classNames","styles","Form","AddCompensationFormBody"],"mappings":";;;;;;;;;;;;;;;AAqBO,SAASA,EAAc,EAAE,YAAAC,GAAY,GAAGC,KAA6B;AAC1E,SAAAC,EAAuB,yBAAyBF,CAAU,GAExD,gBAAAG,EAACC,KAAe,eAAc,yBAC5B,4BAACC,GAAA,EAAM,GAAGJ,GAAO,EAAA,CACnB;AAEJ;AAEA,SAASI,EAAK;AAAA,EACZ,YAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,SAAAC;AACF,GAA2C;AACzC,EAAAC,EAAQ,uBAAuB;AAC/B,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,uBAAuB,GAI9C,CAACC,GAAeC,CAAgB,IAAIC,EAA6B,MAAS,GAE1EC,IAAUC,EAAW;AAAA,IACzB,YAAAX;AAAA,IACA,OAAOO;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,YAAAd;AAAA,IACA,OAAOO;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,YAAAV,GAAY,UAAUkB,GAAiB;AAC1F,QAAI,CAACI,EAAW;AAEhB,IAAAnB,EAAQoB,EAAgB,sBAAsBD,EAAU,IAAI;AAE5D,UAAME,IAAmBF,EAAU,KAAK,eAAe;AAAA,MACrD,CAAAG,MAAKA,EAAE,SAASH,EAAU,KAAK;AAAA,IAAA,GAG3BI,IAAqB,MAAMb,EAAiB,QAAQ,SAAS;AAAA,MACjE,OAAOS,EAAU,KAAK;AAAA,MACtB,gBAAgBA,EAAU,KAAK,2BAA2B;AAAA,MAC1D,qBAAqBE,GAAkB,WAAW;AAAA,IAAA,CACnD;AACD,QAAI,CAACE,GAAoB;AACvB,MAAAlB,EAAiBc,EAAU,KAAK,IAAI;AACpC;AAAA,IACF;AAEA,IAAAnB,EAAQoB,EAAgB,+BAA+BG,EAAmB,IAAI;AAAA,EAChF,CAAC,GAEKC,IAAgBX,EAAoB,CAACI,CAAY,CAAC,GAClDQ,IAAYlB,EAAQ,OAAO,aAAaG,EAAiB,OAAO;AAEtE,2BACG,WAAA,EAAQ,WAAWgB,EAAWC,EAAO,WAAW5B,CAAS,GACxD,UAAA,gBAAAL,EAACoB,GAAA,EAAW,OAAOU,EAAc,QAC/B,4BAACI,GAAA,EAAK,UAAUX,EAAa,cAC3B,UAAA,gBAAAvB;AAAA,IAACmC;AAAA,IAAA;AAAA,MACC,SAAAtB;AAAA,MACA,kBAAAG;AAAA,MACA,OAAOR,EAAE,oBAAoB;AAAA,MAC7B,gBAAgBA,EAAE,eAAe;AAAA,MACjC,WAAAuB;AAAA,MACA,UAAA3B;AAAA,IAAA;AAAA,EAAA,EACF,CACF,GACF,GACF;AAEJ;"}

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

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

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

@@ -1,11 +0,0 @@
-import { CommonComponentInterface } from '../../../../Base';
-import { OnEventType } from '../../../../Base/useBase';
-import { EventType } from '../../../../../shared/constants';
-export interface EditCompensationProps extends CommonComponentInterface<'Employee.Compensation'> {
-    employeeId: string;
-    jobId: string;
-    onCancel?: () => void;
-    /** Called with `EMPLOYEE_COMPENSATION_UPDATED` then `EMPLOYEE_COMPENSATION_DONE` on a successful save. Use `EMPLOYEE_COMPENSATION_DONE` to trigger navigation. */
-    onEvent: OnEventType<EventType, unknown>;
-}
-export declare function EditCompensation({ dictionary, ...props }: EditCompensationProps): import("react/jsx-runtime").JSX.Element;

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

@@ -1,88 +0,0 @@
-import { jsx as e } from "react/jsx-runtime";
-import C from "classnames";
-import { useTranslation as F } from "react-i18next";
-import { useJobsAndCompensationsGetJobs as L } from "@gusto/embedded-api/react-query/jobsAndCompensationsGetJobs";
-import { useJobForm as h } from "../../shared/useJobForm/useJobForm.js";
-import { useCompensationForm as D } from "../../shared/useCompensationForm/useCompensationForm.js";
-import { ManagementCompensationFormBody as P } from "../ManagementCompensationFormBody.js";
-import y from "./EditCompensation.module.scss.js";
-import { BaseBoundaries as M, BaseLayout as c } from "../../../../Base/Base.js";
-import "../../../../Base/useBase.js";
-import { Form as N } from "../../../../Common/Form/Form.js";
-import { useComponentDictionary as O, useI18n as S } from "../../../../../i18n/I18n.js";
-import { composeErrorHandler as p } from "../../../../../partner-hook-utils/composeErrorHandler.js";
-import { composeSubmitHandler as T } from "../../../../../partner-hook-utils/form/composeSubmitHandler.js";
-import { componentEvents as l } from "../../../../../shared/constants.js";
-function k({ dictionary: n, ...r }) {
-  return O("Employee.Compensation", n), /* @__PURE__ */ e(M, { componentName: "Employee.Compensation.Management", children: /* @__PURE__ */ e(_, { ...r }) });
-}
-function _({
-  employeeId: n,
-  jobId: r,
-  defaultValues: f,
-  ...u
-}) {
-  const a = L({ employeeId: n }, { enabled: !!n });
-  if (a.isLoading || !a.data) {
-    const o = p([a]);
-    return /* @__PURE__ */ e(c, { isLoading: !0, error: o.errors });
-  }
-  const s = a.data.jobs?.find((o) => o.uuid === r), t = s?.compensations?.find((o) => o.uuid === s.currentCompensationUuid), i = t ? {
-    // Title lives on compensation in the API — `job.title` can lag
-    // behind comp-level edits on secondaries, so seed directly from
-    // the comp.
-    title: t.title ?? void 0,
-    flsaStatus: t.flsaStatus ?? void 0,
-    rate: Number(t.rate),
-    paymentUnit: t.paymentUnit ?? void 0,
-    adjustForMinimumWage: t.adjustForMinimumWage ?? !1,
-    minimumWageId: t.minimumWages?.[0]?.uuid ?? ""
-    // effectiveDate intentionally omitted — user must choose a future date
-  } : void 0;
-  return /* @__PURE__ */ e(j, { employeeId: n, jobId: r, defaultValues: i, ...u });
-}
-function j({ employeeId: n, jobId: r, defaultValues: f, onCancel: u, className: a, onEvent: s }) {
-  S("Employee.Compensation");
-  const { t } = F("Employee.Compensation"), i = h({
-    employeeId: n,
-    jobId: r,
-    withTitleField: !1,
-    withHireDateField: !1,
-    shouldFocusError: !1
-  }), o = D({
-    employeeId: n,
-    jobId: r,
-    defaultValues: f,
-    withEffectiveDateField: !0,
-    optionalFieldsToRequire: {
-      create: ["title"]
-    },
-    shouldFocusError: !1
-  });
-  if (i.isLoading || o.isLoading) {
-    const m = p([i, o]);
-    return /* @__PURE__ */ e(c, { isLoading: !0, error: m.errors });
-  }
-  const E = T([i, o], async () => {
-    const m = await i.actions.onSubmit();
-    if (!m) return;
-    s(l.EMPLOYEE_JOB_UPDATED, m.data);
-    const d = await o.actions.onSubmit();
-    d && (s(l.EMPLOYEE_COMPENSATION_UPDATED, d.data), s(l.EMPLOYEE_COMPENSATION_DONE, d.data));
-  }), g = p([E]), b = i.status.isPending || o.status.isPending;
-  return /* @__PURE__ */ e("section", { className: C(y.container, a), children: /* @__PURE__ */ e(c, { error: g.errors, children: /* @__PURE__ */ e(N, { onSubmit: E.handleSubmit, children: /* @__PURE__ */ e(
-    P,
-    {
-      jobForm: i,
-      compensationForm: o,
-      title: t("management.editCompensationTitle"),
-      submitCtaLabel: t("management.saveCta"),
-      isPending: b,
-      onCancel: u
-    }
-  ) }) }) });
-}
-export {
-  k as EditCompensation
-};
-//# sourceMappingURL=EditCompensation.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"EditCompensation.js","sources":["../../../../../../src/components/Employee/Compensation/management/EditCompensation/EditCompensation.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport { useTranslation } from 'react-i18next'\nimport { useJobsAndCompensationsGetJobs } from '@gusto/embedded-api/react-query/jobsAndCompensationsGetJobs'\nimport { useJobForm } from '../../shared/useJobForm'\nimport { useCompensationForm, type CompensationFormData } from '../../shared/useCompensationForm'\nimport { ManagementCompensationFormBody } from '../ManagementCompensationFormBody'\nimport styles from './EditCompensation.module.scss'\nimport { BaseBoundaries, BaseLayout, type CommonComponentInterface } from '@/components/Base'\nimport type { OnEventType } from '@/components/Base/useBase'\nimport { Form } from '@/components/Common/Form'\nimport { useComponentDictionary, useI18n } from '@/i18n'\nimport { composeErrorHandler } from '@/partner-hook-utils/composeErrorHandler'\nimport { composeSubmitHandler } from '@/partner-hook-utils/form/composeSubmitHandler'\nimport { componentEvents, type EventType } from '@/shared/constants'\n\nexport interface EditCompensationProps extends CommonComponentInterface<'Employee.Compensation'> {\n  employeeId: string\n  jobId: string\n  onCancel?: () => void\n  /** Called with `EMPLOYEE_COMPENSATION_UPDATED` then `EMPLOYEE_COMPENSATION_DONE` on a successful save. Use `EMPLOYEE_COMPENSATION_DONE` to trigger navigation. */\n  onEvent: OnEventType<EventType, unknown>\n}\n\nexport function EditCompensation({ dictionary, ...props }: EditCompensationProps) {\n  useComponentDictionary('Employee.Compensation', dictionary)\n  return (\n    <BaseBoundaries componentName=\"Employee.Compensation.Management\">\n      <CompensationDefaultsLoader {...props} />\n    </BaseBoundaries>\n  )\n}\n\ntype LoaderProps = Omit<EditCompensationProps, 'dictionary'>\n\n// Fetches the current job's compensation data to pre-populate the form as\n// defaultValues before rendering Root. Uses the same non-suspense query that\n// useCompensationForm uses internally — React Query dedupes the request so no\n// extra network call is made once Root mounts.\n// defaultValues from CommonComponentInterface (unknown) is excluded from the\n// spread so it doesn't conflict with Root's typed defaultValues prop.\nfunction CompensationDefaultsLoader({\n  employeeId,\n  jobId,\n  defaultValues: _baseDefaults,\n  ...rest\n}: LoaderProps) {\n  const jobsQuery = useJobsAndCompensationsGetJobs({ employeeId }, { enabled: !!employeeId })\n\n  if (jobsQuery.isLoading || !jobsQuery.data) {\n    const errorHandling = composeErrorHandler([jobsQuery])\n    return <BaseLayout isLoading error={errorHandling.errors} />\n  }\n\n  const job = jobsQuery.data.jobs?.find(j => j.uuid === jobId)\n  const currentComp = job?.compensations?.find(c => c.uuid === job.currentCompensationUuid)\n\n  const defaultValues: Partial<CompensationFormData> | undefined = currentComp\n    ? {\n        // Title lives on compensation in the API — `job.title` can lag\n        // behind comp-level edits on secondaries, so seed directly from\n        // the comp.\n        title: currentComp.title ?? undefined,\n        flsaStatus: currentComp.flsaStatus ?? undefined,\n        rate: Number(currentComp.rate),\n        paymentUnit: currentComp.paymentUnit ?? undefined,\n        adjustForMinimumWage: currentComp.adjustForMinimumWage ?? false,\n        minimumWageId: currentComp.minimumWages?.[0]?.uuid ?? '',\n        // effectiveDate intentionally omitted — user must choose a future date\n      }\n    : undefined\n\n  return <Root employeeId={employeeId} jobId={jobId} defaultValues={defaultValues} {...rest} />\n}\n\ninterface RootProps extends LoaderProps {\n  defaultValues?: Partial<CompensationFormData>\n}\n\nfunction Root({ employeeId, jobId, defaultValues, onCancel, className, onEvent }: RootProps) {\n  useI18n('Employee.Compensation')\n  const { t } = useTranslation('Employee.Compensation')\n\n  // Job form handles the non-effective-dated fields: 2% shareholder + WA WC.\n  // Title is suppressed here because the compensation form owns title\n  // (effective-dated alongside rate/unit/FLSA on the future-dated row).\n  // Hire-date is suppressed because this surface never edits it.\n  const jobForm = useJobForm({\n    employeeId,\n    jobId,\n    withTitleField: false,\n    withHireDateField: false,\n    shouldFocusError: false,\n  })\n\n  // Compensation form runs in create mode (no compensationId) → POST\n  // /v1/jobs/:jobId/compensations, creating a new future-dated compensation.\n  // The form is pre-populated with the current comp's values via defaultValues\n  // (fetched by CompensationDefaultsLoader) so the user can edit from the\n  // current state, and picks a future effectiveDate to schedule the change.\n  const compensationForm = useCompensationForm({\n    employeeId,\n    jobId,\n    defaultValues,\n    withEffectiveDateField: true,\n    optionalFieldsToRequire: {\n      create: ['title'],\n    },\n    shouldFocusError: false,\n  })\n\n  if (jobForm.isLoading || compensationForm.isLoading) {\n    const loadingErrorHandling = composeErrorHandler([jobForm, compensationForm])\n    return <BaseLayout isLoading error={loadingErrorHandling.errors} />\n  }\n\n  // PUT job first (immediate mutation of 2% shareholder / WC), then POST\n  // the new compensation (the future-dated change). composeSubmitHandler\n  // validates both forms in parallel and short-circuits before any network\n  // I/O if either fails.\n  const submitResult = composeSubmitHandler([jobForm, compensationForm], async () => {\n    const jobResult = await jobForm.actions.onSubmit()\n    if (!jobResult) return\n\n    onEvent(componentEvents.EMPLOYEE_JOB_UPDATED, jobResult.data)\n\n    const compensationResult = await compensationForm.actions.onSubmit()\n    if (!compensationResult) return\n\n    onEvent(componentEvents.EMPLOYEE_COMPENSATION_UPDATED, compensationResult.data)\n    onEvent(componentEvents.EMPLOYEE_COMPENSATION_DONE, compensationResult.data)\n  })\n\n  const errorHandling = composeErrorHandler([submitResult])\n  const isPending = jobForm.status.isPending || compensationForm.status.isPending\n\n  return (\n    <section className={classNames(styles.container, className)}>\n      <BaseLayout error={errorHandling.errors}>\n        <Form onSubmit={submitResult.handleSubmit}>\n          <ManagementCompensationFormBody\n            jobForm={jobForm}\n            compensationForm={compensationForm}\n            title={t('management.editCompensationTitle')}\n            submitCtaLabel={t('management.saveCta')}\n            isPending={isPending}\n            onCancel={onCancel}\n          />\n        </Form>\n      </BaseLayout>\n    </section>\n  )\n}\n"],"names":["EditCompensation","dictionary","props","useComponentDictionary","jsx","BaseBoundaries","CompensationDefaultsLoader","employeeId","jobId","_baseDefaults","rest","jobsQuery","useJobsAndCompensationsGetJobs","errorHandling","composeErrorHandler","BaseLayout","job","j","currentComp","c","defaultValues","Root","onCancel","className","onEvent","useI18n","useTranslation","jobForm","useJobForm","compensationForm","useCompensationForm","loadingErrorHandling","submitResult","composeSubmitHandler","jobResult","componentEvents","compensationResult","isPending","classNames","styles","Form","ManagementCompensationFormBody"],"mappings":"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"}

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

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

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

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

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"EditPendingCompensation.js","sources":["../../../../../../src/components/Employee/Compensation/management/EditPendingCompensation/EditPendingCompensation.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport { useTranslation } from 'react-i18next'\nimport { useJobForm } from '../../shared/useJobForm'\nimport { useCompensationForm } from '../../shared/useCompensationForm'\nimport { ManagementCompensationFormBody } from '../ManagementCompensationFormBody'\nimport styles from './EditPendingCompensation.module.scss'\nimport { BaseBoundaries, BaseLayout, type CommonComponentInterface } from '@/components/Base'\nimport type { OnEventType } from '@/components/Base/useBase'\nimport { Form } from '@/components/Common/Form'\nimport { useComponentDictionary, useI18n } from '@/i18n'\nimport { composeErrorHandler } from '@/partner-hook-utils/composeErrorHandler'\nimport { composeSubmitHandler } from '@/partner-hook-utils/form/composeSubmitHandler'\nimport { componentEvents, type EventType } from '@/shared/constants'\n\nexport interface EditPendingCompensationProps extends CommonComponentInterface<'Employee.Compensation'> {\n  employeeId: string\n  jobId: string\n  /** The UUID of the pending (future-dated) compensation to update. Always required — this\n   *  component only operates in update mode. */\n  compensationId: string\n  /**\n   * True when the job has no current (on-or-before-today) compensation — i.e. it hasn't\n   * started yet. Drives which date field is shown and how the submit syncs hire_date.\n   */\n  isNewJob: boolean\n  /**\n   * True when this is the employee's primary job. Combined with `isNewJob`, determines\n   * whether to show a Hire date field (primary) or Effective date field (secondary/change).\n   */\n  isPrimaryJob: boolean\n  onCancel?: () => void\n  /** Called with `EMPLOYEE_COMPENSATION_UPDATED` then `EMPLOYEE_COMPENSATION_DONE` on a\n   *  successful save. Use `EMPLOYEE_COMPENSATION_DONE` to trigger navigation. */\n  onEvent: OnEventType<EventType, unknown>\n}\n\nexport function EditPendingCompensation({ dictionary, ...props }: EditPendingCompensationProps) {\n  useComponentDictionary('Employee.Compensation', dictionary)\n  return (\n    <BaseBoundaries componentName=\"Employee.Compensation.Management\">\n      <Root {...props} />\n    </BaseBoundaries>\n  )\n}\n\ntype RootProps = Omit<EditPendingCompensationProps, 'dictionary'>\n\nfunction Root({\n  employeeId,\n  jobId,\n  compensationId,\n  isNewJob,\n  isPrimaryJob,\n  onCancel,\n  className,\n  onEvent,\n}: RootProps) {\n  useI18n('Employee.Compensation')\n  const { t } = useTranslation('Employee.Compensation')\n\n  // For a primary new job (hire date in the future, no current comp), the hire\n  // date field is shown instead of the effective date field. This keeps\n  // hire_date and comp effective_date in sync so the API doesn't auto-create a\n  // second compensation when the initial comp moves off the hire date.\n  const isPrimaryNewJob = isNewJob && isPrimaryJob\n\n  // Title is owned by `useCompensationForm` here: title is stored on\n  // compensation in the API (job.title is just a denormalized snapshot of\n  // the primary comp's title), so writing it via PUT /v1/compensations is\n  // the direct path. The dashboard row reads the title off the comp pointed\n  // to by `currentCompensationUuid`, so the change surfaces immediately\n  // whether the job is in effect today or still pending.\n  const jobForm = useJobForm({\n    employeeId,\n    jobId,\n    withTitleField: false,\n    withHireDateField: isPrimaryNewJob,\n    optionalFieldsToRequire: isPrimaryNewJob ? { update: ['hireDate'] } : undefined,\n    shouldFocusError: false,\n  })\n\n  const compensationForm = useCompensationForm({\n    employeeId,\n    jobId,\n    compensationId,\n    // Primary new job: comp date is set via jobForm's hire date on submit —\n    // hide it here to avoid showing two date fields.\n    withEffectiveDateField: !isPrimaryNewJob,\n    optionalFieldsToRequire: {\n      update: isPrimaryNewJob\n        ? ['title', 'flsaStatus', 'rate', 'paymentUnit']\n        : ['title', 'flsaStatus', 'rate', 'paymentUnit', 'effectiveDate'],\n    },\n    shouldFocusError: false,\n  })\n\n  if (jobForm.isLoading || compensationForm.isLoading) {\n    const loadingErrorHandling = composeErrorHandler([jobForm, compensationForm])\n    return <BaseLayout isLoading error={loadingErrorHandling.errors} />\n  }\n\n  const submitResult = composeSubmitHandler([jobForm, compensationForm], async () => {\n    // For a primary new job, the user edits the hire date field. We read it\n    // back here and pass it to the comp submit so both the job's hire_date and\n    // the comp's effective_date land on the same value — preventing the API\n    // from auto-creating a second compensation to fill the gap at the old date.\n    const hireDateOverride = isPrimaryNewJob\n      ? (jobForm.form.hookFormInternals.formMethods.getValues('hireDate') ?? undefined)\n      : undefined\n\n    const jobResult = await jobForm.actions.onSubmit()\n    if (!jobResult) return\n\n    onEvent(componentEvents.EMPLOYEE_JOB_UPDATED, jobResult.data)\n\n    // When the hire date moves forward, the API auto-syncs the compensation's\n    // effective_date to the new hire_date as part of the job PUT, which bumps\n    // the compensation's version. Read it from the job response so the\n    // subsequent compensation PUT doesn't send a stale version.\n    const freshCompVersion = jobResult.data.compensations?.find(\n      c => c.uuid === compensationId,\n    )?.version\n\n    const compensationResult = await compensationForm.actions.onSubmit({\n      ...(hireDateOverride ? { effectiveDate: hireDateOverride } : {}),\n      compensationVersion: freshCompVersion,\n    })\n    if (!compensationResult) return\n\n    onEvent(componentEvents.EMPLOYEE_COMPENSATION_UPDATED, compensationResult.data)\n    onEvent(componentEvents.EMPLOYEE_COMPENSATION_DONE, compensationResult.data)\n  })\n\n  const errorHandling = composeErrorHandler([submitResult])\n  const isPending = jobForm.status.isPending || compensationForm.status.isPending\n\n  return (\n    <section className={classNames(styles.container, className)}>\n      <BaseLayout error={errorHandling.errors}>\n        <Form onSubmit={submitResult.handleSubmit}>\n          <ManagementCompensationFormBody\n            jobForm={jobForm}\n            compensationForm={compensationForm}\n            title={t('management.editCompensationTitle')}\n            submitCtaLabel={t('management.saveCta')}\n            isPending={isPending}\n            onCancel={onCancel}\n          />\n        </Form>\n      </BaseLayout>\n    </section>\n  )\n}\n"],"names":["EditPendingCompensation","dictionary","props","useComponentDictionary","jsx","BaseBoundaries","Root","employeeId","jobId","compensationId","isNewJob","isPrimaryJob","onCancel","className","onEvent","useI18n","t","useTranslation","isPrimaryNewJob","jobForm","useJobForm","compensationForm","useCompensationForm","loadingErrorHandling","composeErrorHandler","BaseLayout","submitResult","composeSubmitHandler","hireDateOverride","jobResult","componentEvents","freshCompVersion","c","compensationResult","errorHandling","isPending","classNames","styles","Form","ManagementCompensationFormBody"],"mappings":";;;;;;;;;;;;;;AAoCO,SAASA,EAAwB,EAAE,YAAAC,GAAY,GAAGC,KAAuC;AAC9F,SAAAC,EAAuB,yBAAyBF,CAAU,GAExD,gBAAAG,EAACC,KAAe,eAAc,oCAC5B,4BAACC,GAAA,EAAM,GAAGJ,GAAO,EAAA,CACnB;AAEJ;AAIA,SAASI,EAAK;AAAA,EACZ,YAAAC;AAAA,EACA,OAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,UAAAC;AAAA,EACA,cAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,SAAAC;AACF,GAAc;AACZ,EAAAC,EAAQ,uBAAuB;AAC/B,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,uBAAuB,GAM9CC,IAAkBR,KAAYC,GAQ9BQ,IAAUC,EAAW;AAAA,IACzB,YAAAb;AAAA,IACA,OAAAC;AAAA,IACA,gBAAgB;AAAA,IAChB,mBAAmBU;AAAA,IACnB,yBAAyBA,IAAkB,EAAE,QAAQ,CAAC,UAAU,MAAM;AAAA,IACtE,kBAAkB;AAAA,EAAA,CACnB,GAEKG,IAAmBC,EAAoB;AAAA,IAC3C,YAAAf;AAAA,IACA,OAAAC;AAAA,IACA,gBAAAC;AAAA;AAAA;AAAA,IAGA,wBAAwB,CAACS;AAAA,IACzB,yBAAyB;AAAA,MACvB,QAAQA,IACJ,CAAC,SAAS,cAAc,QAAQ,aAAa,IAC7C,CAAC,SAAS,cAAc,QAAQ,eAAe,eAAe;AAAA,IAAA;AAAA,IAEpE,kBAAkB;AAAA,EAAA,CACnB;AAED,MAAIC,EAAQ,aAAaE,EAAiB,WAAW;AACnD,UAAME,IAAuBC,EAAoB,CAACL,GAASE,CAAgB,CAAC;AAC5E,6BAAQI,GAAA,EAAW,WAAS,IAAC,OAAOF,EAAqB,QAAQ;AAAA,EACnE;AAEA,QAAMG,IAAeC,EAAqB,CAACR,GAASE,CAAgB,GAAG,YAAY;AAKjF,UAAMO,IAAmBV,IACpBC,EAAQ,KAAK,kBAAkB,YAAY,UAAU,UAAU,KAAK,SACrE,QAEEU,IAAY,MAAMV,EAAQ,QAAQ,SAAA;AACxC,QAAI,CAACU,EAAW;AAEhB,IAAAf,EAAQgB,EAAgB,sBAAsBD,EAAU,IAAI;AAM5D,UAAME,IAAmBF,EAAU,KAAK,eAAe;AAAA,MACrD,CAAAG,MAAKA,EAAE,SAASvB;AAAA,IAAA,GACf,SAEGwB,IAAqB,MAAMZ,EAAiB,QAAQ,SAAS;AAAA,MACjE,GAAIO,IAAmB,EAAE,eAAeA,EAAA,IAAqB,CAAA;AAAA,MAC7D,qBAAqBG;AAAA,IAAA,CACtB;AACD,IAAKE,MAELnB,EAAQgB,EAAgB,+BAA+BG,EAAmB,IAAI,GAC9EnB,EAAQgB,EAAgB,4BAA4BG,EAAmB,IAAI;AAAA,EAC7E,CAAC,GAEKC,IAAgBV,EAAoB,CAACE,CAAY,CAAC,GAClDS,IAAYhB,EAAQ,OAAO,aAAaE,EAAiB,OAAO;AAEtE,2BACG,WAAA,EAAQ,WAAWe,EAAWC,EAAO,WAAWxB,CAAS,GACxD,UAAA,gBAAAT,EAACqB,GAAA,EAAW,OAAOS,EAAc,QAC/B,4BAACI,GAAA,EAAK,UAAUZ,EAAa,cAC3B,UAAA,gBAAAtB;AAAA,IAACmC;AAAA,IAAA;AAAA,MACC,SAAApB;AAAA,MACA,kBAAAE;AAAA,MACA,OAAOL,EAAE,kCAAkC;AAAA,MAC3C,gBAAgBA,EAAE,oBAAoB;AAAA,MACtC,WAAAmB;AAAA,MACA,UAAAvB;AAAA,IAAA;AAAA,EAAA,EACF,CACF,GACF,GACF;AAEJ;"}

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

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

package/dist/components/Employee/Dashboard/DocumentsView.d.ts

@@ -1,18 +0,0 @@
-import { Form } from '@gusto/embedded-api/models/components/form';
-export interface DocumentsViewProps {
-    forms?: Form[];
-    isLoading?: boolean;
-    onViewForm?: (formUuid: string) => void;
-}
-export interface DocumentsViewWithDataProps {
-    employeeId: string;
-    onViewForm?: (formUuid: string) => void;
-}
-/**
- * Tab-mounted container for the Documents tab. Owns the
- * `useEmployeeForms` fetch so the request only fires when the user
- * actually opens this tab (or whatever the parent chooses to mount).
- * The presentational `DocumentsView` stays pure for testing/stories.
- */
-export declare function DocumentsViewWithData({ employeeId, onViewForm }: DocumentsViewWithDataProps): import("react/jsx-runtime").JSX.Element;
-export declare function DocumentsView({ forms, isLoading, onViewForm }: DocumentsViewProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/Employee/Dashboard/DocumentsView.js

@@ -1,71 +0,0 @@
-import { jsx as e } from "react/jsx-runtime";
-import { useTranslation as u } from "react-i18next";
-import { Flex as d } from "../../Common/Flex/Flex.js";
-import { useComponentContext as c } from "../../../contexts/ComponentAdapter/useComponentContext.js";
-import "classnames";
-import "../../../shared/constants.js";
-import { Loading as l } from "../../Common/Loading/Loading.js";
-import { EmptyData as f } from "../../Common/EmptyData/EmptyData.js";
-import { BaseLayout as p } from "../../Base/Base.js";
-import { useEmployeeForms as g } from "./hooks/useEmployeeForms.js";
-import { useDataView as y } from "../../Common/DataView/useDataView.js";
-import { DataView as h } from "../../Common/DataView/DataView.js";
-function v({ employeeId: i, onViewForm: s }) {
-  const n = g({ employeeId: i });
-  return /* @__PURE__ */ e(p, { error: n.errorHandling.errors, children: /* @__PURE__ */ e(
-    S,
-    {
-      forms: n.data.formList,
-      isLoading: n.status.isFormsLoading,
-      onViewForm: s
-    }
-  ) });
-}
-function S({ forms: i = [], isLoading: s = !1, onViewForm: n }) {
-  const { t } = u("Employee.Dashboard"), o = c(), m = [
-    {
-      key: "title",
-      title: t("documents.columns.title"),
-      render: (r) => r.title || "-"
-    },
-    {
-      key: "year",
-      title: t("documents.columns.year"),
-      render: (r) => r.year ? String(r.year) : "-"
-    },
-    {
-      key: "status",
-      title: t("documents.columns.status"),
-      render: (r) => r.draft ? t("documents.status.draft") : t("documents.status.final")
-    },
-    {
-      key: "requiresSigning",
-      title: t("documents.columns.requiresSigning"),
-      render: (r) => r.requiresSigning ? /* @__PURE__ */ e(o.Badge, { status: "warning", children: t("documents.signingStatus.notSigned") }) : /* @__PURE__ */ e(o.Badge, { status: "success", children: t("documents.signingStatus.signed") })
-    }
-  ], a = y({
-    data: i,
-    columns: m,
-    itemMenu: (r) => /* @__PURE__ */ e(o.Button, { variant: "secondary", onClick: () => n?.(r.uuid), children: t("documents.viewCta") }),
-    emptyState: () => /* @__PURE__ */ e(
-      f,
-      {
-        title: t("documents.emptyState.title"),
-        description: t("documents.emptyState.description")
-      }
-    )
-  });
-  return /* @__PURE__ */ e(d, { flexDirection: "column", gap: 24, children: /* @__PURE__ */ e(
-    o.Box,
-    {
-      withPadding: !1,
-      header: /* @__PURE__ */ e(o.BoxHeader, { title: t("documents.title") }),
-      children: s ? /* @__PURE__ */ e(l, {}) : /* @__PURE__ */ e(h, { label: t("documents.listLabel"), isWithinBox: !0, ...a })
-    }
-  ) });
-}
-export {
-  S as DocumentsView,
-  v as DocumentsViewWithData
-};
-//# sourceMappingURL=DocumentsView.js.map

package/dist/components/Employee/Dashboard/DocumentsView.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DocumentsView.js","sources":["../../../../src/components/Employee/Dashboard/DocumentsView.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport type { Form } from '@gusto/embedded-api/models/components/form'\nimport { useEmployeeForms } from './hooks'\nimport { Flex } from '@/components/Common/Flex/Flex'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { DataView, useDataView, EmptyData, Loading } from '@/components/Common'\nimport { BaseLayout } from '@/components/Base/Base'\n\nexport interface DocumentsViewProps {\n  forms?: Form[]\n  isLoading?: boolean\n  onViewForm?: (formUuid: string) => void\n}\n\nexport interface DocumentsViewWithDataProps {\n  employeeId: string\n  onViewForm?: (formUuid: string) => void\n}\n\n/**\n * Tab-mounted container for the Documents tab. Owns the\n * `useEmployeeForms` fetch so the request only fires when the user\n * actually opens this tab (or whatever the parent chooses to mount).\n * The presentational `DocumentsView` stays pure for testing/stories.\n */\nexport function DocumentsViewWithData({ employeeId, onViewForm }: DocumentsViewWithDataProps) {\n  const forms = useEmployeeForms({ employeeId })\n\n  return (\n    <BaseLayout error={forms.errorHandling.errors}>\n      <DocumentsView\n        forms={forms.data.formList}\n        isLoading={forms.status.isFormsLoading}\n        onViewForm={onViewForm}\n      />\n    </BaseLayout>\n  )\n}\n\nexport function DocumentsView({ forms = [], isLoading = false, onViewForm }: DocumentsViewProps) {\n  const { t } = useTranslation('Employee.Dashboard')\n  const Components = useComponentContext()\n\n  const formsColumns = [\n    {\n      key: 'title',\n      title: t('documents.columns.title'),\n      render: (form: Form) => form.title || '-',\n    },\n    {\n      key: 'year',\n      title: t('documents.columns.year'),\n      render: (form: Form) => {\n        if (form.year) return String(form.year)\n        return '-'\n      },\n    },\n    {\n      key: 'status',\n      title: t('documents.columns.status'),\n      render: (form: Form) => {\n        if (form.draft) return t('documents.status.draft')\n        return t('documents.status.final')\n      },\n    },\n    {\n      key: 'requiresSigning',\n      title: t('documents.columns.requiresSigning'),\n      render: (form: Form) => {\n        if (form.requiresSigning) {\n          return (\n            <Components.Badge status=\"warning\">\n              {t('documents.signingStatus.notSigned')}\n            </Components.Badge>\n          )\n        }\n        return (\n          <Components.Badge status=\"success\">\n            {t('documents.signingStatus.signed')}\n          </Components.Badge>\n        )\n      },\n    },\n  ]\n\n  const formsDataView = useDataView({\n    data: forms,\n    columns: formsColumns,\n    itemMenu: (form: Form) => (\n      <Components.Button variant=\"secondary\" onClick={() => onViewForm?.(form.uuid)}>\n        {t('documents.viewCta')}\n      </Components.Button>\n    ),\n    emptyState: () => (\n      <EmptyData\n        title={t('documents.emptyState.title')}\n        description={t('documents.emptyState.description')}\n      />\n    ),\n  })\n\n  return (\n    <Flex flexDirection=\"column\" gap={24}>\n      <Components.Box\n        withPadding={false}\n        header={<Components.BoxHeader title={t('documents.title')} />}\n      >\n        {isLoading ? (\n          <Loading />\n        ) : (\n          <DataView label={t('documents.listLabel')} isWithinBox {...formsDataView} />\n        )}\n      </Components.Box>\n    </Flex>\n  )\n}\n"],"names":["DocumentsViewWithData","employeeId","onViewForm","forms","useEmployeeForms","jsx","BaseLayout","DocumentsView","isLoading","useTranslation","Components","useComponentContext","formsColumns","form","formsDataView","useDataView","EmptyData","Flex","Loading","DataView"],"mappings":";;;;;;;;;;;;AAyBO,SAASA,EAAsB,EAAE,YAAAC,GAAY,YAAAC,KAA0C;AAC5F,QAAMC,IAAQC,EAAiB,EAAE,YAAAH,GAAY;AAE7C,SACE,gBAAAI,EAACC,GAAA,EAAW,OAAOH,EAAM,cAAc,QACrC,UAAA,gBAAAE;AAAA,IAACE;AAAA,IAAA;AAAA,MACC,OAAOJ,EAAM,KAAK;AAAA,MAClB,WAAWA,EAAM,OAAO;AAAA,MACxB,YAAAD;AAAA,IAAA;AAAA,EAAA,GAEJ;AAEJ;AAEO,SAASK,EAAc,EAAE,OAAAJ,IAAQ,CAAA,GAAI,WAAAK,IAAY,IAAO,YAAAN,KAAkC;AAC/F,QAAM,EAAE,EAAA,IAAMO,EAAe,oBAAoB,GAC3CC,IAAaC,EAAA,GAEbC,IAAe;AAAA,IACnB;AAAA,MACE,KAAK;AAAA,MACL,OAAO,EAAE,yBAAyB;AAAA,MAClC,QAAQ,CAACC,MAAeA,EAAK,SAAS;AAAA,IAAA;AAAA,IAExC;AAAA,MACE,KAAK;AAAA,MACL,OAAO,EAAE,wBAAwB;AAAA,MACjC,QAAQ,CAACA,MACHA,EAAK,OAAa,OAAOA,EAAK,IAAI,IAC/B;AAAA,IACT;AAAA,IAEF;AAAA,MACE,KAAK;AAAA,MACL,OAAO,EAAE,0BAA0B;AAAA,MACnC,QAAQ,CAACA,MACHA,EAAK,QAAc,EAAE,wBAAwB,IAC1C,EAAE,wBAAwB;AAAA,IACnC;AAAA,IAEF;AAAA,MACE,KAAK;AAAA,MACL,OAAO,EAAE,mCAAmC;AAAA,MAC5C,QAAQ,CAACA,MACHA,EAAK,kBAEL,gBAAAR,EAACK,EAAW,OAAX,EAAiB,QAAO,WACtB,UAAA,EAAE,mCAAmC,GACxC,IAIF,gBAAAL,EAACK,EAAW,OAAX,EAAiB,QAAO,WACtB,UAAA,EAAE,gCAAgC,GACrC;AAAA,IAEJ;AAAA,EACF,GAGII,IAAgBC,EAAY;AAAA,IAChC,MAAMZ;AAAA,IACN,SAASS;AAAA,IACT,UAAU,CAACC,MACT,gBAAAR,EAACK,EAAW,QAAX,EAAkB,SAAQ,aAAY,SAAS,MAAMR,IAAaW,EAAK,IAAI,GACzE,UAAA,EAAE,mBAAmB,GACxB;AAAA,IAEF,YAAY,MACV,gBAAAR;AAAA,MAACW;AAAA,MAAA;AAAA,QACC,OAAO,EAAE,4BAA4B;AAAA,QACrC,aAAa,EAAE,kCAAkC;AAAA,MAAA;AAAA,IAAA;AAAA,EACnD,CAEH;AAED,SACE,gBAAAX,EAACY,GAAA,EAAK,eAAc,UAAS,KAAK,IAChC,UAAA,gBAAAZ;AAAA,IAACK,EAAW;AAAA,IAAX;AAAA,MACC,aAAa;AAAA,MACb,0BAASA,EAAW,WAAX,EAAqB,OAAO,EAAE,iBAAiB,GAAG;AAAA,MAE1D,UAAAF,IACC,gBAAAH,EAACa,GAAA,CAAA,CAAQ,IAET,gBAAAb,EAACc,GAAA,EAAS,OAAO,EAAE,qBAAqB,GAAG,aAAW,IAAE,GAAGL,EAAA,CAAe;AAAA,IAAA;AAAA,EAAA,GAGhF;AAEJ;"}

package/dist/components/Employee/Dashboard/JobAndPayView.module.scss.js.map

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