@gusto/embedded-react-sdk 0.55.6 → 0.55.8

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

@@ -1,42 +1,44 @@
 import { jsx as m } from "react/jsx-runtime";
-import { useTranslation as p } from "react-i18next";
-import { EditCompensation as s } from "../../onboarding/EditCompensation/EditCompensation.js";
-import { useManagementCompensationDictionary as M } from "../useManagementCompensationDictionary.js";
-import { BaseBoundaries as C } from "../../../../Base/Base.js";
+import { useTranslation as s } from "react-i18next";
+import { EditCompensation as M } from "../../onboarding/EditCompensation/EditCompensation.js";
+import { useManagementCompensationDictionary as C } from "../useManagementCompensationDictionary.js";
+import { BaseBoundaries as _ } from "../../../../Base/Base.js";
 import "../../../../Base/useBase.js";
-import { useComponentDictionary as _, useI18n as N } from "../../../../../i18n/I18n.js";
+import { useComponentDictionary as N, useI18n as O } from "../../../../../i18n/I18n.js";
 import { componentEvents as t } from "../../../../../shared/constants.js";
-function y({
+function P({
   dictionary: n,
   LoaderComponent: o,
   ...e
 }) {
-  return _("Employee.Management.Compensation", n), /* @__PURE__ */ m(
-    C,
+  return N("Employee.Management.Compensation", n), /* @__PURE__ */ m(
+    _,
     {
       componentName: "Employee.Management.Compensation",
       LoaderComponent: o,
-      children: /* @__PURE__ */ m(O, { ...e, LoaderComponent: o })
+      children: /* @__PURE__ */ m(c, { ...e, LoaderComponent: o })
     }
   );
 }
-function O({
+function c({
   employeeId: n,
   onEvent: o,
-  LoaderComponent: e
+  LoaderComponent: e,
+  className: a
 }) {
-  N("Employee.Management.Compensation");
-  const { t: i } = p("Employee.Management.Compensation"), a = M();
+  O("Employee.Management.Compensation");
+  const { t: i } = s("Employee.Management.Compensation"), r = C();
   return /* @__PURE__ */ m(
-    s,
+    M,
     {
       employeeId: n,
       title: i("addJobTitle"),
       submitCtaLabel: i("saveNewJobCta"),
-      dictionary: a,
+      dictionary: r,
       LoaderComponent: e,
-      onEvent: (r, E) => {
-        r === t.EMPLOYEE_COMPENSATION_UPDATED && o(t.EMPLOYEE_MANAGEMENT_COMPENSATION_ADD_JOB_FORM_SUBMITTED, E);
+      className: a,
+      onEvent: (E, p) => {
+        E === t.EMPLOYEE_COMPENSATION_UPDATED && o(t.EMPLOYEE_MANAGEMENT_COMPENSATION_ADD_JOB_FORM_SUBMITTED, p);
       },
       onCancel: () => {
         o(t.EMPLOYEE_MANAGEMENT_COMPENSATION_ADD_JOB_FORM_CANCELLED);
@@ -45,6 +47,6 @@ function O({
   );
 }
 export {
-  y as CompensationAddJobForm
+  P as CompensationAddJobForm
 };
 //# sourceMappingURL=CompensationAddJobForm.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"CompensationAddJobForm.js","sources":["../../../../../../src/components/Employee/Compensation/management/CompensationAddJobForm/CompensationAddJobForm.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { EditCompensation } from '../../onboarding/EditCompensation/EditCompensation'\nimport { useManagementCompensationDictionary } from '../useManagementCompensationDictionary'\nimport { BaseBoundaries, type CommonComponentInterface } from '@/components/Base'\nimport type { OnEventType } from '@/components/Base/useBase'\nimport type { LoaderComponentType } from '@/components/Base'\nimport { useComponentDictionary, useI18n } from '@/i18n'\nimport { componentEvents, type EventType } from '@/shared/constants'\n\n/**\n * Props for {@link CompensationAddJobForm}.\n *\n * @public\n */\nexport interface CompensationAddJobFormProps extends CommonComponentInterface<'Employee.Management.Compensation'> {\n  /** The associated employee identifier. */\n  employeeId: string\n  /** Callback invoked when the form emits an event. See the events table on {@link CompensationAddJobForm} for the available event types and payloads. */\n  onEvent: OnEventType<EventType, unknown>\n  /** Custom loading indicator rendered while this component's async data is fetching. Overrides the indicator configured on `GustoProvider` for this instance only. */\n  LoaderComponent?: LoaderComponentType\n}\n\n/**\n * Standalone form for adding an employee's first job and compensation from the management surface.\n *\n * @remarks\n * Routed from {@link CompensationCard}'s `employee/management/compensation/card/addRequested` event. Emits its own scoped `submitted` and `cancelled` events — both are your cue to return to the card. {@link Compensation} bundles the card, this form, and the swap and alert wiring as a single drop-in; reach for this form directly only when that orchestration is the wrong fit.\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `employee/management/compensation/addJobForm/submitted` | Fired after the job and compensation are saved; use it to return to the card | Saved `Compensation` entity |\n * | `employee/management/compensation/addJobForm/cancelled` | Fired when the user clicks Cancel; use it to return to the card | — |\n *\n * @param props - See {@link CompensationAddJobFormProps}.\n * @returns The rendered add-job form.\n * @public\n * @group Block components\n */\nexport function CompensationAddJobForm({\n  dictionary,\n  LoaderComponent,\n  ...props\n}: CompensationAddJobFormProps) {\n  useComponentDictionary('Employee.Management.Compensation', dictionary)\n  return (\n    <BaseBoundaries\n      componentName=\"Employee.Management.Compensation\"\n      LoaderComponent={LoaderComponent}\n    >\n      <Root {...props} LoaderComponent={LoaderComponent} />\n    </BaseBoundaries>\n  )\n}\n\nfunction Root({\n  employeeId,\n  onEvent,\n  LoaderComponent,\n}: Omit<CompensationAddJobFormProps, 'dictionary'>) {\n  useI18n('Employee.Management.Compensation')\n  const { t } = useTranslation('Employee.Management.Compensation')\n  const editCompensationDictionary = useManagementCompensationDictionary()\n\n  return (\n    <EditCompensation\n      employeeId={employeeId}\n      title={t('addJobTitle')}\n      submitCtaLabel={t('saveNewJobCta')}\n      dictionary={editCompensationDictionary}\n      LoaderComponent={LoaderComponent}\n      onEvent={(type, data) => {\n        // The onboarding EditCompensation fires its own job/compensation events;\n        // the management block exposes a single scoped \"submitted\" event keyed off\n        // the compensation save (the terminal step of the create chain).\n        if (type === componentEvents.EMPLOYEE_COMPENSATION_UPDATED) {\n          onEvent(componentEvents.EMPLOYEE_MANAGEMENT_COMPENSATION_ADD_JOB_FORM_SUBMITTED, data)\n        }\n      }}\n      onCancel={() => {\n        onEvent(componentEvents.EMPLOYEE_MANAGEMENT_COMPENSATION_ADD_JOB_FORM_CANCELLED)\n      }}\n    />\n  )\n}\n"],"names":["CompensationAddJobForm","dictionary","LoaderComponent","props","useComponentDictionary","jsx","BaseBoundaries","Root","employeeId","onEvent","useI18n","t","useTranslation","editCompensationDictionary","useManagementCompensationDictionary","EditCompensation","type","data","componentEvents"],"mappings":";;;;;;;;AAwCO,SAASA,EAAuB;AAAA,EACrC,YAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,GAAGC;AACL,GAAgC;AAC9B,SAAAC,EAAuB,oCAAoCH,CAAU,GAEnE,gBAAAI;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,eAAc;AAAA,MACd,iBAAAJ;AAAA,MAEA,UAAA,gBAAAG,EAACE,GAAA,EAAM,GAAGJ,GAAO,iBAAAD,EAAA,CAAkC;AAAA,IAAA;AAAA,EAAA;AAGzD;AAEA,SAASK,EAAK;AAAA,EACZ,YAAAC;AAAA,EACA,SAAAC;AAAA,EACA,iBAAAP;AACF,GAAoD;AAClD,EAAAQ,EAAQ,kCAAkC;AAC1C,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,kCAAkC,GACzDC,IAA6BC,EAAA;AAEnC,SACE,gBAAAT;AAAA,IAACU;AAAA,IAAA;AAAA,MACC,YAAAP;AAAA,MACA,OAAOG,EAAE,aAAa;AAAA,MACtB,gBAAgBA,EAAE,eAAe;AAAA,MACjC,YAAYE;AAAA,MACZ,iBAAAX;AAAA,MACA,SAAS,CAACc,GAAMC,MAAS;AAIvB,QAAID,MAASE,EAAgB,iCAC3BT,EAAQS,EAAgB,yDAAyDD,CAAI;AAAA,MAEzF;AAAA,MACA,UAAU,MAAM;AACd,QAAAR,EAAQS,EAAgB,uDAAuD;AAAA,MACjF;AAAA,IAAA;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"CompensationAddJobForm.js","sources":["../../../../../../src/components/Employee/Compensation/management/CompensationAddJobForm/CompensationAddJobForm.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { EditCompensation } from '../../onboarding/EditCompensation/EditCompensation'\nimport { useManagementCompensationDictionary } from '../useManagementCompensationDictionary'\nimport { BaseBoundaries, type CommonComponentInterface } from '@/components/Base'\nimport type { OnEventType } from '@/components/Base/useBase'\nimport type { LoaderComponentType } from '@/components/Base'\nimport { useComponentDictionary, useI18n } from '@/i18n'\nimport { componentEvents, type EventType } from '@/shared/constants'\n\n/**\n * Props for {@link CompensationAddJobForm}.\n *\n * @public\n */\nexport interface CompensationAddJobFormProps extends CommonComponentInterface<'Employee.Management.Compensation'> {\n  /** The associated employee identifier. */\n  employeeId: string\n  /** Callback invoked when the form emits an event. See the events table on {@link CompensationAddJobForm} for the available event types and payloads. */\n  onEvent: OnEventType<EventType, unknown>\n  /** Custom loading indicator rendered while this component's async data is fetching. Overrides the indicator configured on `GustoProvider` for this instance only. */\n  LoaderComponent?: LoaderComponentType\n}\n\n/**\n * Standalone form for adding an employee's first job and compensation from the management surface.\n *\n * @remarks\n * Routed from {@link CompensationCard}'s `employee/management/compensation/card/addRequested` event. Emits its own scoped `submitted` and `cancelled` events — both are your cue to return to the card. {@link Compensation} bundles the card, this form, and the swap and alert wiring as a single drop-in; reach for this form directly only when that orchestration is the wrong fit.\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `employee/management/compensation/addJobForm/submitted` | Fired after the job and compensation are saved; use it to return to the card | Saved `Compensation` entity |\n * | `employee/management/compensation/addJobForm/cancelled` | Fired when the user clicks Cancel; use it to return to the card | — |\n *\n * @param props - See {@link CompensationAddJobFormProps}.\n * @returns The rendered add-job form.\n * @public\n * @group Block components\n */\nexport function CompensationAddJobForm({\n  dictionary,\n  LoaderComponent,\n  ...props\n}: CompensationAddJobFormProps) {\n  useComponentDictionary('Employee.Management.Compensation', dictionary)\n  return (\n    <BaseBoundaries\n      componentName=\"Employee.Management.Compensation\"\n      LoaderComponent={LoaderComponent}\n    >\n      <Root {...props} LoaderComponent={LoaderComponent} />\n    </BaseBoundaries>\n  )\n}\n\nfunction Root({\n  employeeId,\n  onEvent,\n  LoaderComponent,\n  className,\n}: Omit<CompensationAddJobFormProps, 'dictionary'>) {\n  useI18n('Employee.Management.Compensation')\n  const { t } = useTranslation('Employee.Management.Compensation')\n  const editCompensationDictionary = useManagementCompensationDictionary()\n\n  return (\n    <EditCompensation\n      employeeId={employeeId}\n      title={t('addJobTitle')}\n      submitCtaLabel={t('saveNewJobCta')}\n      dictionary={editCompensationDictionary}\n      LoaderComponent={LoaderComponent}\n      className={className}\n      onEvent={(type, data) => {\n        // The onboarding EditCompensation fires its own job/compensation events;\n        // the management block exposes a single scoped \"submitted\" event keyed off\n        // the compensation save (the terminal step of the create chain).\n        if (type === componentEvents.EMPLOYEE_COMPENSATION_UPDATED) {\n          onEvent(componentEvents.EMPLOYEE_MANAGEMENT_COMPENSATION_ADD_JOB_FORM_SUBMITTED, data)\n        }\n      }}\n      onCancel={() => {\n        onEvent(componentEvents.EMPLOYEE_MANAGEMENT_COMPENSATION_ADD_JOB_FORM_CANCELLED)\n      }}\n    />\n  )\n}\n"],"names":["CompensationAddJobForm","dictionary","LoaderComponent","props","useComponentDictionary","jsx","BaseBoundaries","Root","employeeId","onEvent","className","useI18n","t","useTranslation","editCompensationDictionary","useManagementCompensationDictionary","EditCompensation","type","data","componentEvents"],"mappings":";;;;;;;;AAwCO,SAASA,EAAuB;AAAA,EACrC,YAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,GAAGC;AACL,GAAgC;AAC9B,SAAAC,EAAuB,oCAAoCH,CAAU,GAEnE,gBAAAI;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,eAAc;AAAA,MACd,iBAAAJ;AAAA,MAEA,UAAA,gBAAAG,EAACE,GAAA,EAAM,GAAGJ,GAAO,iBAAAD,EAAA,CAAkC;AAAA,IAAA;AAAA,EAAA;AAGzD;AAEA,SAASK,EAAK;AAAA,EACZ,YAAAC;AAAA,EACA,SAAAC;AAAA,EACA,iBAAAP;AAAA,EACA,WAAAQ;AACF,GAAoD;AAClD,EAAAC,EAAQ,kCAAkC;AAC1C,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,kCAAkC,GACzDC,IAA6BC,EAAA;AAEnC,SACE,gBAAAV;AAAA,IAACW;AAAA,IAAA;AAAA,MACC,YAAAR;AAAA,MACA,OAAOI,EAAE,aAAa;AAAA,MACtB,gBAAgBA,EAAE,eAAe;AAAA,MACjC,YAAYE;AAAA,MACZ,iBAAAZ;AAAA,MACA,WAAAQ;AAAA,MACA,SAAS,CAACO,GAAMC,MAAS;AAIvB,QAAID,MAASE,EAAgB,iCAC3BV,EAAQU,EAAgB,yDAAyDD,CAAI;AAAA,MAEzF;AAAA,MACA,UAAU,MAAM;AACd,QAAAT,EAAQU,EAAgB,uDAAuD;AAAA,MACjF;AAAA,IAAA;AAAA,EAAA;AAGN;"}

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

@@ -1,26 +1,27 @@
 import { jsx as a } from "react/jsx-runtime";
-import { useJobsAndCompensationsGetJobs as f } from "@gusto/embedded-api/react-query/jobsAndCompensationsGetJobs";
-import { getPendingCompensationChanges as u } from "../../shared/getPendingCompensationChanges.js";
-import { CompensationEditJobForm as d } from "../CompensationEditJobForm/CompensationEditJobForm.js";
-import { CompensationEditPendingJobForm as b } from "../CompensationEditPendingJobForm/CompensationEditPendingJobForm.js";
-import { BaseLayout as g } from "../../../../Base/Base.js";
+import { useJobsAndCompensationsGetJobs as u } from "@gusto/embedded-api/react-query/jobsAndCompensationsGetJobs";
+import { getPendingCompensationChanges as d } from "../../shared/getPendingCompensationChanges.js";
+import { CompensationEditJobForm as b } from "../CompensationEditJobForm/CompensationEditJobForm.js";
+import { CompensationEditPendingJobForm as g } from "../CompensationEditPendingJobForm/CompensationEditPendingJobForm.js";
+import { BaseLayout as J } from "../../../../Base/Base.js";
 import "../../../../Base/useBase.js";
 import { composeErrorHandler as c } from "../../../../../partner-hook-utils/composeErrorHandler.js";
-function H({
+function h({
   employeeId: o,
   jobId: i,
   onEvent: e,
   dictionary: p,
-  LoaderComponent: n
+  LoaderComponent: n,
+  className: f
 }) {
-  const r = f({ employeeId: o }, { enabled: !!o });
+  const r = u({ employeeId: o }, { enabled: !!o });
   if (r.isLoading || !r.data) {
     const m = c([r]);
-    return /* @__PURE__ */ a(g, { isLoading: !0, error: m.errors, LoaderComponent: n });
+    return /* @__PURE__ */ a(J, { isLoading: !0, error: m.errors, LoaderComponent: n });
   }
-  const t = r.data.jobs?.find((m) => m.uuid === i), s = u(t ? [t] : [])[0];
+  const t = r.data.jobs?.find((m) => m.uuid === i), s = d(t ? [t] : [])[0];
   return s ? /* @__PURE__ */ a(
-    b,
+    g,
     {
       employeeId: o,
       jobId: i,
@@ -29,20 +30,22 @@ function H({
       isPrimaryJob: t?.primary ?? !1,
       onEvent: e,
       dictionary: p,
-      LoaderComponent: n
+      LoaderComponent: n,
+      className: f
     }
   ) : /* @__PURE__ */ a(
-    d,
+    b,
     {
       employeeId: o,
       jobId: i,
       onEvent: e,
       dictionary: p,
-      LoaderComponent: n
+      LoaderComponent: n,
+      className: f
     }
   );
 }
 export {
-  H as CompensationEditForm
+  h as CompensationEditForm
 };
 //# sourceMappingURL=CompensationEditForm.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"CompensationEditForm.js","sources":["../../../../../../src/components/Employee/Compensation/management/CompensationEditForm/CompensationEditForm.tsx"],"sourcesContent":["import { useJobsAndCompensationsGetJobs } from '@gusto/embedded-api/react-query/jobsAndCompensationsGetJobs'\nimport { getPendingCompensationChanges } from '../../shared/getPendingCompensationChanges'\nimport { CompensationEditJobForm } from '../CompensationEditJobForm/CompensationEditJobForm'\nimport { CompensationEditPendingJobForm } from '../CompensationEditPendingJobForm/CompensationEditPendingJobForm'\nimport { BaseLayout, type CommonComponentInterface } from '@/components/Base'\nimport type { OnEventType } from '@/components/Base/useBase'\nimport type { LoaderComponentType } from '@/components/Base'\nimport { composeErrorHandler } from '@/partner-hook-utils/composeErrorHandler'\nimport { type EventType } from '@/shared/constants'\n\n/**\n * Props for {@link CompensationEditForm}.\n *\n * @public\n */\nexport interface CompensationEditFormProps extends CommonComponentInterface<'Employee.Management.Compensation'> {\n  /** The associated employee identifier. */\n  employeeId: string\n  /**\n   * The id of the job whose compensation is being edited (for example, the `jobId` from the\n   * {@link CompensationCard} `employee/management/compensation/card/editRequested` payload).\n   * The form inspects the job's compensations to decide whether to edit the current\n   * compensation or an already-scheduled future-dated change.\n   */\n  jobId: string\n  /** Callback invoked when the form emits an event. See the events table on {@link CompensationEditForm} for the available event types and payloads. */\n  onEvent: OnEventType<EventType, unknown>\n  /** Custom loading indicator rendered while this component's async data is fetching. Overrides the indicator configured on `GustoProvider` for this instance only. */\n  LoaderComponent?: LoaderComponentType\n}\n\n/**\n * Standalone form that edits the compensation for a single job, branching automatically between editing the current compensation and an already-scheduled future-dated change.\n *\n * @remarks\n * Pair with {@link CompensationCard} to route its `employee/management/compensation/card/editRequested` event to this form. {@link Compensation} bundles the card, the three form surfaces (edit, add job, add another job), and the swap and alert wiring as a single drop-in; reach for this form directly only when that orchestration is the wrong fit (for example, when the form needs to render in a modal or drawer, or when the swap is driven by a router).\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `employee/management/compensation/editForm/submitted` | Fired after the compensation change is saved; use it to return to the card | The updated `Compensation` entity |\n * | `employee/management/compensation/editForm/cancelled` | Fired when the user clicks Cancel; use it to return to the card | — |\n *\n * @param props - See {@link CompensationEditFormProps}.\n * @returns The rendered compensation edit form.\n * @public\n * @group Block components\n */\nexport function CompensationEditForm({\n  employeeId,\n  jobId,\n  onEvent,\n  dictionary,\n  LoaderComponent,\n}: CompensationEditFormProps) {\n  const jobsQuery = useJobsAndCompensationsGetJobs({ employeeId }, { enabled: !!employeeId })\n\n  if (jobsQuery.isLoading || !jobsQuery.data) {\n    const errorHandling = composeErrorHandler([jobsQuery])\n    return <BaseLayout isLoading error={errorHandling.errors} LoaderComponent={LoaderComponent} />\n  }\n\n  const job = jobsQuery.data.jobs?.find(j => j.uuid === jobId)\n\n  // The API does not guarantee ordering of job.compensations, so rely on the\n  // same sorted helper that drives the card display (ascending by effectiveDate)\n  // to find the nearest pending change.\n  const nearestPending = getPendingCompensationChanges(job ? [job] : [])[0]\n\n  if (nearestPending) {\n    return (\n      <CompensationEditPendingJobForm\n        employeeId={employeeId}\n        jobId={jobId}\n        compensationId={nearestPending.compensationUuid}\n        isNewJob={nearestPending.isNewJob}\n        isPrimaryJob={job?.primary ?? false}\n        onEvent={onEvent}\n        dictionary={dictionary}\n        LoaderComponent={LoaderComponent}\n      />\n    )\n  }\n\n  return (\n    <CompensationEditJobForm\n      employeeId={employeeId}\n      jobId={jobId}\n      onEvent={onEvent}\n      dictionary={dictionary}\n      LoaderComponent={LoaderComponent}\n    />\n  )\n}\n"],"names":["CompensationEditForm","employeeId","jobId","onEvent","dictionary","LoaderComponent","jobsQuery","useJobsAndCompensationsGetJobs","errorHandling","composeErrorHandler","BaseLayout","job","j","nearestPending","getPendingCompensationChanges","jsx","CompensationEditPendingJobForm","CompensationEditJobForm"],"mappings":";;;;;;;;AAgDO,SAASA,EAAqB;AAAA,EACnC,YAAAC;AAAA,EACA,OAAAC;AAAA,EACA,SAAAC;AAAA,EACA,YAAAC;AAAA,EACA,iBAAAC;AACF,GAA8B;AAC5B,QAAMC,IAAYC,EAA+B,EAAE,YAAAN,EAAA,GAAc,EAAE,SAAS,CAAC,CAACA,GAAY;AAE1F,MAAIK,EAAU,aAAa,CAACA,EAAU,MAAM;AAC1C,UAAME,IAAgBC,EAAoB,CAACH,CAAS,CAAC;AACrD,6BAAQI,GAAA,EAAW,WAAS,IAAC,OAAOF,EAAc,QAAQ,iBAAAH,GAAkC;AAAA,EAC9F;AAEA,QAAMM,IAAML,EAAU,KAAK,MAAM,KAAK,CAAAM,MAAKA,EAAE,SAASV,CAAK,GAKrDW,IAAiBC,EAA8BH,IAAM,CAACA,CAAG,IAAI,CAAA,CAAE,EAAE,CAAC;AAExE,SAAIE,IAEA,gBAAAE;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,YAAAf;AAAA,MACA,OAAAC;AAAA,MACA,gBAAgBW,EAAe;AAAA,MAC/B,UAAUA,EAAe;AAAA,MACzB,cAAcF,GAAK,WAAW;AAAA,MAC9B,SAAAR;AAAA,MACA,YAAAC;AAAA,MACA,iBAAAC;AAAA,IAAA;AAAA,EAAA,IAMJ,gBAAAU;AAAA,IAACE;AAAA,IAAA;AAAA,MACC,YAAAhB;AAAA,MACA,OAAAC;AAAA,MACA,SAAAC;AAAA,MACA,YAAAC;AAAA,MACA,iBAAAC;AAAA,IAAA;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"CompensationEditForm.js","sources":["../../../../../../src/components/Employee/Compensation/management/CompensationEditForm/CompensationEditForm.tsx"],"sourcesContent":["import { useJobsAndCompensationsGetJobs } from '@gusto/embedded-api/react-query/jobsAndCompensationsGetJobs'\nimport { getPendingCompensationChanges } from '../../shared/getPendingCompensationChanges'\nimport { CompensationEditJobForm } from '../CompensationEditJobForm/CompensationEditJobForm'\nimport { CompensationEditPendingJobForm } from '../CompensationEditPendingJobForm/CompensationEditPendingJobForm'\nimport { BaseLayout, type CommonComponentInterface } from '@/components/Base'\nimport type { OnEventType } from '@/components/Base/useBase'\nimport type { LoaderComponentType } from '@/components/Base'\nimport { composeErrorHandler } from '@/partner-hook-utils/composeErrorHandler'\nimport { type EventType } from '@/shared/constants'\n\n/**\n * Props for {@link CompensationEditForm}.\n *\n * @public\n */\nexport interface CompensationEditFormProps extends CommonComponentInterface<'Employee.Management.Compensation'> {\n  /** The associated employee identifier. */\n  employeeId: string\n  /**\n   * The id of the job whose compensation is being edited (for example, the `jobId` from the\n   * {@link CompensationCard} `employee/management/compensation/card/editRequested` payload).\n   * The form inspects the job's compensations to decide whether to edit the current\n   * compensation or an already-scheduled future-dated change.\n   */\n  jobId: string\n  /** Callback invoked when the form emits an event. See the events table on {@link CompensationEditForm} for the available event types and payloads. */\n  onEvent: OnEventType<EventType, unknown>\n  /** Custom loading indicator rendered while this component's async data is fetching. Overrides the indicator configured on `GustoProvider` for this instance only. */\n  LoaderComponent?: LoaderComponentType\n}\n\n/**\n * Standalone form that edits the compensation for a single job, branching automatically between editing the current compensation and an already-scheduled future-dated change.\n *\n * @remarks\n * Pair with {@link CompensationCard} to route its `employee/management/compensation/card/editRequested` event to this form. {@link Compensation} bundles the card, the three form surfaces (edit, add job, add another job), and the swap and alert wiring as a single drop-in; reach for this form directly only when that orchestration is the wrong fit (for example, when the form needs to render in a modal or drawer, or when the swap is driven by a router).\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `employee/management/compensation/editForm/submitted` | Fired after the compensation change is saved; use it to return to the card | The updated `Compensation` entity |\n * | `employee/management/compensation/editForm/cancelled` | Fired when the user clicks Cancel; use it to return to the card | — |\n *\n * @param props - See {@link CompensationEditFormProps}.\n * @returns The rendered compensation edit form.\n * @public\n * @group Block components\n */\nexport function CompensationEditForm({\n  employeeId,\n  jobId,\n  onEvent,\n  dictionary,\n  LoaderComponent,\n  className,\n}: CompensationEditFormProps) {\n  const jobsQuery = useJobsAndCompensationsGetJobs({ employeeId }, { enabled: !!employeeId })\n\n  if (jobsQuery.isLoading || !jobsQuery.data) {\n    const errorHandling = composeErrorHandler([jobsQuery])\n    return <BaseLayout isLoading error={errorHandling.errors} LoaderComponent={LoaderComponent} />\n  }\n\n  const job = jobsQuery.data.jobs?.find(j => j.uuid === jobId)\n\n  // The API does not guarantee ordering of job.compensations, so rely on the\n  // same sorted helper that drives the card display (ascending by effectiveDate)\n  // to find the nearest pending change.\n  const nearestPending = getPendingCompensationChanges(job ? [job] : [])[0]\n\n  if (nearestPending) {\n    return (\n      <CompensationEditPendingJobForm\n        employeeId={employeeId}\n        jobId={jobId}\n        compensationId={nearestPending.compensationUuid}\n        isNewJob={nearestPending.isNewJob}\n        isPrimaryJob={job?.primary ?? false}\n        onEvent={onEvent}\n        dictionary={dictionary}\n        LoaderComponent={LoaderComponent}\n        className={className}\n      />\n    )\n  }\n\n  return (\n    <CompensationEditJobForm\n      employeeId={employeeId}\n      jobId={jobId}\n      onEvent={onEvent}\n      dictionary={dictionary}\n      LoaderComponent={LoaderComponent}\n      className={className}\n    />\n  )\n}\n"],"names":["CompensationEditForm","employeeId","jobId","onEvent","dictionary","LoaderComponent","className","jobsQuery","useJobsAndCompensationsGetJobs","errorHandling","composeErrorHandler","BaseLayout","job","j","nearestPending","getPendingCompensationChanges","jsx","CompensationEditPendingJobForm","CompensationEditJobForm"],"mappings":";;;;;;;;AAgDO,SAASA,EAAqB;AAAA,EACnC,YAAAC;AAAA,EACA,OAAAC;AAAA,EACA,SAAAC;AAAA,EACA,YAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,WAAAC;AACF,GAA8B;AAC5B,QAAMC,IAAYC,EAA+B,EAAE,YAAAP,EAAA,GAAc,EAAE,SAAS,CAAC,CAACA,GAAY;AAE1F,MAAIM,EAAU,aAAa,CAACA,EAAU,MAAM;AAC1C,UAAME,IAAgBC,EAAoB,CAACH,CAAS,CAAC;AACrD,6BAAQI,GAAA,EAAW,WAAS,IAAC,OAAOF,EAAc,QAAQ,iBAAAJ,GAAkC;AAAA,EAC9F;AAEA,QAAMO,IAAML,EAAU,KAAK,MAAM,KAAK,CAAAM,MAAKA,EAAE,SAASX,CAAK,GAKrDY,IAAiBC,EAA8BH,IAAM,CAACA,CAAG,IAAI,CAAA,CAAE,EAAE,CAAC;AAExE,SAAIE,IAEA,gBAAAE;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,YAAAhB;AAAA,MACA,OAAAC;AAAA,MACA,gBAAgBY,EAAe;AAAA,MAC/B,UAAUA,EAAe;AAAA,MACzB,cAAcF,GAAK,WAAW;AAAA,MAC9B,SAAAT;AAAA,MACA,YAAAC;AAAA,MACA,iBAAAC;AAAA,MACA,WAAAC;AAAA,IAAA;AAAA,EAAA,IAMJ,gBAAAU;AAAA,IAACE;AAAA,IAAA;AAAA,MACC,YAAAjB;AAAA,MACA,OAAAC;AAAA,MACA,SAAAC;AAAA,MACA,YAAAC;AAAA,MACA,iBAAAC;AAAA,MACA,WAAAC;AAAA,IAAA;AAAA,EAAA;AAGN;"}

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

@@ -1,26 +1,27 @@
 import { jsx as e, jsxs as i } from "react/jsx-runtime";
-import { useState as x, Suspense as y } from "react";
+import { useState as y, Suspense as T } from "react";
 import { useTranslation as c } from "react-i18next";
-import { useEmployeesGetSuspense as T } from "@gusto/embedded-api/react-query/employeesGet";
-import { BasicDetailsView as A } from "./BasicDetailsView.js";
-import { JobAndPayView as g } from "./JobAndPayView.js";
-import { TaxesViewWithData as C } from "./TaxesView.js";
+import { useEmployeesGetSuspense as A } from "@gusto/embedded-api/react-query/employeesGet";
+import { BasicDetailsView as g } from "./BasicDetailsView.js";
+import { JobAndPayView as C } from "./JobAndPayView.js";
+import { TaxesViewWithData as E } from "./TaxesView.js";
 import { Flex as l } from "../../Common/Flex/Flex.js";
 import { useComponentContext as b } from "../../../contexts/ComponentAdapter/useComponentContext.js";
-import { BaseBoundaries as E } from "../../Base/Base.js";
-import { useI18n as j, useComponentDictionary as B } from "../../../i18n/I18n.js";
-import { componentEvents as N } from "../../../shared/constants.js";
-import { firstLastName as P } from "../../../helpers/formattedStrings.js";
-import { DocumentsCard as S } from "../Documents/management/DocumentsCard/DocumentsCard.js";
-function _({
+import { BaseBoundaries as j } from "../../Base/Base.js";
+import { useI18n as B, useComponentDictionary as N } from "../../../i18n/I18n.js";
+import { componentEvents as P } from "../../../shared/constants.js";
+import { firstLastName as S } from "../../../helpers/formattedStrings.js";
+import { DocumentsCard as _ } from "../Documents/management/DocumentsCard/DocumentsCard.js";
+function H({
   employeeId: a,
   dictionary: o,
   onEvent: t,
   selectedTab: r,
-  LoaderComponent: p
+  LoaderComponent: p,
+  className: d
 }) {
-  j("Employee.Dashboard"), B("Employee.Dashboard", o);
-  const { t: n } = c("Employee.Dashboard"), d = b(), [u, f] = x("basicDetails"), s = r ?? u, D = [
+  B("Employee.Dashboard"), N("Employee.Dashboard", o);
+  const { t: n } = c("Employee.Dashboard"), u = b(), [f, D] = y("basicDetails"), s = r ?? f, h = [
     {
       id: "basicDetails",
       label: n("tabs.basicDetails"),
@@ -42,27 +43,27 @@ function _({
       content: null
     }
   ];
-  return /* @__PURE__ */ i(l, { flexDirection: "column", gap: 32, children: [
-    /* @__PURE__ */ e(y, { fallback: null, children: /* @__PURE__ */ e(H, { employeeId: a }) }),
+  return /* @__PURE__ */ i(l, { className: d, flexDirection: "column", gap: 32, children: [
+    /* @__PURE__ */ e(T, { fallback: null, children: /* @__PURE__ */ e(w, { employeeId: a }) }),
     /* @__PURE__ */ i(l, { flexDirection: "column", gap: 8, children: [
       /* @__PURE__ */ e(
-        d.Tabs,
+        u.Tabs,
         {
-          tabs: D,
+          tabs: h,
           selectedId: s,
-          onSelectionChange: (h) => {
-            const m = h;
-            f(m), t(N.EMPLOYEE_DASHBOARD_TAB_CHANGE, { tab: m });
+          onSelectionChange: (x) => {
+            const m = x;
+            D(m), t(P.EMPLOYEE_DASHBOARD_TAB_CHANGE, { tab: m });
           },
           "aria-label": n("tabsLabel")
         }
       ),
       /* @__PURE__ */ i(l, { flexDirection: "column", gap: 24, children: [
-        s === "basicDetails" && /* @__PURE__ */ e(A, { employeeId: a, onEvent: t }),
-        s === "jobAndPay" && /* @__PURE__ */ e(g, { employeeId: a, onEvent: t }),
-        s === "taxes" && /* @__PURE__ */ e(C, { employeeId: a, onEvent: t }),
+        s === "basicDetails" && /* @__PURE__ */ e(g, { employeeId: a, onEvent: t }),
+        s === "jobAndPay" && /* @__PURE__ */ e(C, { employeeId: a, onEvent: t }),
+        s === "taxes" && /* @__PURE__ */ e(E, { employeeId: a, onEvent: t }),
         s === "documents" && /* @__PURE__ */ e(
-          S,
+          _,
           {
             employeeId: a,
             onEvent: t,
@@ -73,27 +74,27 @@ function _({
     ] })
   ] });
 }
-function H({ employeeId: a }) {
+function w({ employeeId: a }) {
   const { t: o } = c("Employee.Dashboard"), t = b(), {
     data: { employee: r }
-  } = T({ employeeId: a });
+  } = A({ employeeId: a });
   return /* @__PURE__ */ i(l, { flexDirection: "column", gap: 4, children: [
-    /* @__PURE__ */ e(t.Heading, { as: "h2", children: P({ first_name: r?.firstName, last_name: r?.lastName }) }),
+    /* @__PURE__ */ e(t.Heading, { as: "h2", children: S({ first_name: r?.firstName, last_name: r?.lastName }) }),
     /* @__PURE__ */ e(t.Text, { variant: "supporting", children: o("employeeRoleLabel") })
   ] });
 }
-function K({ FallbackComponent: a, LoaderComponent: o, ...t }) {
+function Q({ FallbackComponent: a, LoaderComponent: o, ...t }) {
   return /* @__PURE__ */ e(
-    E,
+    j,
     {
       componentName: "Employee.Dashboard",
       FallbackComponent: a,
       LoaderComponent: o,
-      children: /* @__PURE__ */ e(_, { ...t, LoaderComponent: o })
+      children: /* @__PURE__ */ e(H, { ...t, LoaderComponent: o })
     }
   );
 }
 export {
-  K as Dashboard
+  Q as Dashboard
 };
 //# sourceMappingURL=Dashboard.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Dashboard.js","sources":["../../../../src/components/Employee/Dashboard/Dashboard.tsx"],"sourcesContent":["import { Suspense, useState } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { useEmployeesGetSuspense } from '@gusto/embedded-api/react-query/employeesGet'\nimport { BasicDetailsView } from './BasicDetailsView'\nimport { JobAndPayView } from './JobAndPayView'\nimport { TaxesViewWithData } from './TaxesView'\nimport { DocumentsCard } from '@/components/Employee/Documents/management/DocumentsCard'\nimport { Flex } from '@/components/Common/Flex/Flex'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { BaseBoundaries, type BaseComponentInterface } from '@/components/Base/Base'\nimport { useComponentDictionary, useI18n } from '@/i18n'\nimport { componentEvents } from '@/shared/constants'\nimport { firstLastName } from '@/helpers/formattedStrings'\n\n/** @public */\nexport type DashboardTab = 'basicDetails' | 'jobAndPay' | 'taxes' | 'documents'\n\n/** @public */\nexport interface DashboardProps extends BaseComponentInterface<'Employee.Dashboard'> {\n  /** The associated employee identifier. */\n  employeeId: string\n  /** The currently active tab. Defaults to `'basicDetails'` when uncontrolled. */\n  selectedTab?: DashboardTab\n}\n\nfunction DashboardRoot({\n  employeeId,\n  dictionary,\n  onEvent,\n  selectedTab: controlledTab,\n  LoaderComponent,\n}: DashboardProps) {\n  useI18n('Employee.Dashboard')\n  useComponentDictionary('Employee.Dashboard', dictionary)\n  const { t } = useTranslation('Employee.Dashboard')\n  const Components = useComponentContext()\n  const [internalTab, setInternalTab] = useState<DashboardTab>('basicDetails')\n  const selectedTab = controlledTab ?? internalTab\n\n  const tabs = [\n    {\n      id: 'basicDetails' as const,\n      label: t('tabs.basicDetails'),\n      content: null,\n    },\n    {\n      id: 'jobAndPay' as const,\n      label: t('tabs.jobAndPay'),\n      content: null,\n    },\n    {\n      id: 'taxes' as const,\n      label: t('tabs.taxes'),\n      content: null,\n    },\n    {\n      id: 'documents' as const,\n      label: t('tabs.documents'),\n      content: null,\n    },\n  ]\n\n  return (\n    <Flex flexDirection=\"column\" gap={32}>\n      <Suspense fallback={null}>\n        <DashboardHeader employeeId={employeeId} />\n      </Suspense>\n\n      <Flex flexDirection=\"column\" gap={8}>\n        <Components.Tabs\n          tabs={tabs}\n          selectedId={selectedTab}\n          onSelectionChange={id => {\n            const next = id as DashboardTab\n            setInternalTab(next)\n            onEvent(componentEvents.EMPLOYEE_DASHBOARD_TAB_CHANGE, { tab: next })\n          }}\n          aria-label={t('tabsLabel')}\n        />\n\n        <Flex flexDirection=\"column\" gap={24}>\n          {selectedTab === 'basicDetails' && (\n            <BasicDetailsView employeeId={employeeId} onEvent={onEvent} />\n          )}\n\n          {selectedTab === 'jobAndPay' && (\n            <JobAndPayView employeeId={employeeId} onEvent={onEvent} />\n          )}\n\n          {selectedTab === 'taxes' && (\n            <TaxesViewWithData employeeId={employeeId} onEvent={onEvent} />\n          )}\n\n          {selectedTab === 'documents' && (\n            <DocumentsCard\n              employeeId={employeeId}\n              onEvent={onEvent}\n              LoaderComponent={LoaderComponent}\n            />\n          )}\n        </Flex>\n      </Flex>\n    </Flex>\n  )\n}\n\nfunction DashboardHeader({ employeeId }: { employeeId: string }) {\n  const { t } = useTranslation('Employee.Dashboard')\n  const Components = useComponentContext()\n  const {\n    data: { employee },\n  } = useEmployeesGetSuspense({ employeeId })\n\n  return (\n    <Flex flexDirection=\"column\" gap={4}>\n      <Components.Heading as=\"h2\">\n        {firstLastName({ first_name: employee?.firstName, last_name: employee?.lastName })}\n      </Components.Heading>\n      <Components.Text variant=\"supporting\">{t('employeeRoleLabel')}</Components.Text>\n    </Flex>\n  )\n}\n\n/**\n * Employee self-service dashboard summarizing a single employee's basic details, job and pay, taxes, and documents.\n *\n * @remarks\n * Renders a tabbed overview of the employee, wrapped in the SDK's standard error and suspense\n * boundaries. The active tab may be controlled via `selectedTab` or left uncontrolled, in which\n * case it defaults to basic details. Each tab composes the read-only section cards listed below.\n *\n * @components\n * - {@link ProfileCard}\n * - {@link HomeAddressCard}\n * - {@link WorkAddressCard}\n * - {@link CompensationCard}\n * - {@link PaymentMethodCard}\n * - {@link DeductionsCard}\n * - {@link PaystubsCard}\n * - {@link FederalTaxesCard}\n * - {@link StateTaxesCard}\n * - {@link DocumentsCard}\n *\n * @param props - Component props. See {@link DashboardProps}.\n * @returns A React element rendering the employee dashboard.\n * @public\n */\nexport function Dashboard({ FallbackComponent, LoaderComponent, ...props }: DashboardProps) {\n  return (\n    <BaseBoundaries\n      componentName=\"Employee.Dashboard\"\n      FallbackComponent={FallbackComponent}\n      LoaderComponent={LoaderComponent}\n    >\n      <DashboardRoot {...props} LoaderComponent={LoaderComponent} />\n    </BaseBoundaries>\n  )\n}\n"],"names":["DashboardRoot","employeeId","dictionary","onEvent","controlledTab","LoaderComponent","useI18n","useComponentDictionary","t","useTranslation","Components","useComponentContext","internalTab","setInternalTab","useState","selectedTab","tabs","jsxs","Flex","jsx","Suspense","DashboardHeader","id","next","componentEvents","BasicDetailsView","JobAndPayView","TaxesViewWithData","DocumentsCard","employee","useEmployeesGetSuspense","firstLastName","Dashboard","FallbackComponent","props","BaseBoundaries"],"mappings":"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"}
+{"version":3,"file":"Dashboard.js","sources":["../../../../src/components/Employee/Dashboard/Dashboard.tsx"],"sourcesContent":["import { Suspense, useState } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { useEmployeesGetSuspense } from '@gusto/embedded-api/react-query/employeesGet'\nimport { BasicDetailsView } from './BasicDetailsView'\nimport { JobAndPayView } from './JobAndPayView'\nimport { TaxesViewWithData } from './TaxesView'\nimport { DocumentsCard } from '@/components/Employee/Documents/management/DocumentsCard'\nimport { Flex } from '@/components/Common/Flex/Flex'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { BaseBoundaries, type BaseComponentInterface } from '@/components/Base/Base'\nimport { useComponentDictionary, useI18n } from '@/i18n'\nimport { componentEvents } from '@/shared/constants'\nimport { firstLastName } from '@/helpers/formattedStrings'\n\n/** @public */\nexport type DashboardTab = 'basicDetails' | 'jobAndPay' | 'taxes' | 'documents'\n\n/** @public */\nexport interface DashboardProps extends BaseComponentInterface<'Employee.Dashboard'> {\n  /** The associated employee identifier. */\n  employeeId: string\n  /** The currently active tab. Defaults to `'basicDetails'` when uncontrolled. */\n  selectedTab?: DashboardTab\n}\n\nfunction DashboardRoot({\n  employeeId,\n  dictionary,\n  onEvent,\n  selectedTab: controlledTab,\n  LoaderComponent,\n  className,\n}: DashboardProps) {\n  useI18n('Employee.Dashboard')\n  useComponentDictionary('Employee.Dashboard', dictionary)\n  const { t } = useTranslation('Employee.Dashboard')\n  const Components = useComponentContext()\n  const [internalTab, setInternalTab] = useState<DashboardTab>('basicDetails')\n  const selectedTab = controlledTab ?? internalTab\n\n  const tabs = [\n    {\n      id: 'basicDetails' as const,\n      label: t('tabs.basicDetails'),\n      content: null,\n    },\n    {\n      id: 'jobAndPay' as const,\n      label: t('tabs.jobAndPay'),\n      content: null,\n    },\n    {\n      id: 'taxes' as const,\n      label: t('tabs.taxes'),\n      content: null,\n    },\n    {\n      id: 'documents' as const,\n      label: t('tabs.documents'),\n      content: null,\n    },\n  ]\n\n  return (\n    <Flex className={className} flexDirection=\"column\" gap={32}>\n      <Suspense fallback={null}>\n        <DashboardHeader employeeId={employeeId} />\n      </Suspense>\n\n      <Flex flexDirection=\"column\" gap={8}>\n        <Components.Tabs\n          tabs={tabs}\n          selectedId={selectedTab}\n          onSelectionChange={id => {\n            const next = id as DashboardTab\n            setInternalTab(next)\n            onEvent(componentEvents.EMPLOYEE_DASHBOARD_TAB_CHANGE, { tab: next })\n          }}\n          aria-label={t('tabsLabel')}\n        />\n\n        <Flex flexDirection=\"column\" gap={24}>\n          {selectedTab === 'basicDetails' && (\n            <BasicDetailsView employeeId={employeeId} onEvent={onEvent} />\n          )}\n\n          {selectedTab === 'jobAndPay' && (\n            <JobAndPayView employeeId={employeeId} onEvent={onEvent} />\n          )}\n\n          {selectedTab === 'taxes' && (\n            <TaxesViewWithData employeeId={employeeId} onEvent={onEvent} />\n          )}\n\n          {selectedTab === 'documents' && (\n            <DocumentsCard\n              employeeId={employeeId}\n              onEvent={onEvent}\n              LoaderComponent={LoaderComponent}\n            />\n          )}\n        </Flex>\n      </Flex>\n    </Flex>\n  )\n}\n\nfunction DashboardHeader({ employeeId }: { employeeId: string }) {\n  const { t } = useTranslation('Employee.Dashboard')\n  const Components = useComponentContext()\n  const {\n    data: { employee },\n  } = useEmployeesGetSuspense({ employeeId })\n\n  return (\n    <Flex flexDirection=\"column\" gap={4}>\n      <Components.Heading as=\"h2\">\n        {firstLastName({ first_name: employee?.firstName, last_name: employee?.lastName })}\n      </Components.Heading>\n      <Components.Text variant=\"supporting\">{t('employeeRoleLabel')}</Components.Text>\n    </Flex>\n  )\n}\n\n/**\n * Employee self-service dashboard summarizing a single employee's basic details, job and pay, taxes, and documents.\n *\n * @remarks\n * Renders a tabbed overview of the employee, wrapped in the SDK's standard error and suspense\n * boundaries. The active tab may be controlled via `selectedTab` or left uncontrolled, in which\n * case it defaults to basic details. Each tab composes the read-only section cards listed below.\n *\n * @components\n * - {@link ProfileCard}\n * - {@link HomeAddressCard}\n * - {@link WorkAddressCard}\n * - {@link CompensationCard}\n * - {@link PaymentMethodCard}\n * - {@link DeductionsCard}\n * - {@link PaystubsCard}\n * - {@link FederalTaxesCard}\n * - {@link StateTaxesCard}\n * - {@link DocumentsCard}\n *\n * @param props - Component props. See {@link DashboardProps}.\n * @returns A React element rendering the employee dashboard.\n * @public\n */\nexport function Dashboard({ FallbackComponent, LoaderComponent, ...props }: DashboardProps) {\n  return (\n    <BaseBoundaries\n      componentName=\"Employee.Dashboard\"\n      FallbackComponent={FallbackComponent}\n      LoaderComponent={LoaderComponent}\n    >\n      <DashboardRoot {...props} LoaderComponent={LoaderComponent} />\n    </BaseBoundaries>\n  )\n}\n"],"names":["DashboardRoot","employeeId","dictionary","onEvent","controlledTab","LoaderComponent","className","useI18n","useComponentDictionary","t","useTranslation","Components","useComponentContext","internalTab","setInternalTab","useState","selectedTab","tabs","Flex","jsx","Suspense","DashboardHeader","jsxs","id","next","componentEvents","BasicDetailsView","JobAndPayView","TaxesViewWithData","DocumentsCard","employee","useEmployeesGetSuspense","firstLastName","Dashboard","FallbackComponent","props","BaseBoundaries"],"mappings":"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"}

package/dist/components/Employee/Deductions/management/DeductionsEditForm/DeductionsEditForm.js

@@ -1,48 +1,50 @@
 import { jsx as r } from "react/jsx-runtime";
-import { useDeductionsList as d } from "../../shared/useDeductionsList.js";
-import { useManagementDeductionsFormDictionary as M } from "./useFormDictionary.js";
-import { BaseBoundaries as _, BaseLayout as u } from "../../../../Base/Base.js";
+import { useDeductionsList as M } from "../../shared/useDeductionsList.js";
+import { useManagementDeductionsFormDictionary as _ } from "./useFormDictionary.js";
+import { BaseBoundaries as f, BaseLayout as u } from "../../../../Base/Base.js";
 import "../../../../Base/useBase.js";
-import { useI18n as f, useComponentDictionary as l } from "../../../../../i18n/I18n.js";
+import { useI18n as l, useComponentDictionary as p } from "../../../../../i18n/I18n.js";
 import { componentEvents as m } from "../../../../../shared/constants.js";
-import { DeductionsForm as p } from "../../shared/DeductionsForm/DeductionsForm.js";
-function I({
+import { DeductionsForm as N } from "../../shared/DeductionsForm/DeductionsForm.js";
+function R({
   FallbackComponent: n,
   LoaderComponent: o,
   ...e
 }) {
   return /* @__PURE__ */ r(
-    _,
+    f,
     {
       componentName: "Employee.Management.Deductions",
       FallbackComponent: n,
       LoaderComponent: o,
-      children: /* @__PURE__ */ r(N, { LoaderComponent: o, ...e })
+      children: /* @__PURE__ */ r(T, { LoaderComponent: o, ...e })
     }
   );
 }
-function N({
+function T({
   employeeId: n,
   editingDeductionId: o,
   dictionary: e,
   onEvent: s,
-  LoaderComponent: i
+  LoaderComponent: i,
+  className: c
 }) {
-  f("Employee.Management.Deductions"), l("Employee.Management.Deductions", e);
-  const t = d({ employeeId: n }), c = M();
+  l("Employee.Management.Deductions"), p("Employee.Management.Deductions", e);
+  const t = M({ employeeId: n }), a = _();
   if (t.isLoading)
     return /* @__PURE__ */ r(u, { isLoading: !0, error: t.errorHandling.errors, LoaderComponent: i });
-  const a = o ? t.data.deductions.find((E) => E.uuid === o) ?? null : null;
+  const D = o ? t.data.deductions.find((E) => E.uuid === o) ?? null : null;
   return /* @__PURE__ */ r(u, { error: t.errorHandling.errors, LoaderComponent: i, children: /* @__PURE__ */ r(
-    p,
+    N,
     {
       employeeId: n,
-      deduction: a,
-      dictionary: c,
+      deduction: D,
+      dictionary: a,
       LoaderComponent: i,
-      onSaved: (E, D) => {
+      className: c,
+      onSaved: (E, d) => {
         s(
-          D === "create" ? m.EMPLOYEE_MANAGEMENT_DEDUCTIONS_EDIT_FORM_CREATED : m.EMPLOYEE_MANAGEMENT_DEDUCTIONS_EDIT_FORM_UPDATED,
+          d === "create" ? m.EMPLOYEE_MANAGEMENT_DEDUCTIONS_EDIT_FORM_CREATED : m.EMPLOYEE_MANAGEMENT_DEDUCTIONS_EDIT_FORM_UPDATED,
           E
         );
       },
@@ -53,6 +55,6 @@ function N({
   ) });
 }
 export {
-  I as DeductionsEditForm
+  R as DeductionsEditForm
 };
 //# sourceMappingURL=DeductionsEditForm.js.map

package/dist/components/Employee/Deductions/management/DeductionsEditForm/DeductionsEditForm.js.map

@@ -1 +1 @@
-{"version":3,"file":"DeductionsEditForm.js","sources":["../../../../../../src/components/Employee/Deductions/management/DeductionsEditForm/DeductionsEditForm.tsx"],"sourcesContent":["import { DeductionsForm } from '../../shared/DeductionsForm'\nimport { useDeductionsList } from '../../shared/useDeductionsList'\nimport { useManagementDeductionsFormDictionary } from './useFormDictionary'\nimport { BaseBoundaries, BaseLayout, type BaseComponentInterface } from '@/components/Base'\nimport { useI18n, useComponentDictionary } from '@/i18n'\nimport { componentEvents } from '@/shared/constants'\n\n/**\n * Props for {@link DeductionsEditForm}.\n *\n * @public\n */\nexport interface DeductionsEditFormProps extends BaseComponentInterface<'Employee.Management.Deductions'> {\n  /** The associated employee identifier. */\n  employeeId: string\n  /** When provided, the form opens in edit mode pre-populated with the\n   *  matching active deduction. Omit to open in add mode. */\n  editingDeductionId?: string\n  /** Callback invoked when the form emits an event. See the events table on {@link DeductionsEditForm} for the available event types and payloads. */\n  onEvent: BaseComponentInterface['onEvent']\n}\n\n/**\n * Standalone add/edit surface for a single employee deduction.\n *\n * @remarks\n * Renders the inline form for a post-tax custom deduction or court-ordered garnishment. Looks up the row to edit by `editingDeductionId`; omit it to open in add mode. Resolves its text against the `Employee.Management.Deductions` translation namespace so partner overrides on that namespace flow into the form. For an orchestrated card-plus-form flow, use {@link Deductions}.\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `employee/management/deductions/editForm/created` | Fired after a new deduction is saved | The created `Garnishment` |\n * | `employee/management/deductions/editForm/updated` | Fired after an existing deduction is updated | The updated `Garnishment` |\n * | `employee/management/deductions/editForm/cancelled` | Fired when the user cancels the form | — |\n *\n * @param input - See {@link DeductionsEditFormProps}, plus a `FallbackComponent` override for the error boundary.\n * @returns The rendered add/edit form.\n * @public\n */\nexport function DeductionsEditForm({\n  FallbackComponent,\n  LoaderComponent,\n  ...props\n}: DeductionsEditFormProps) {\n  return (\n    <BaseBoundaries\n      componentName=\"Employee.Management.Deductions\"\n      FallbackComponent={FallbackComponent}\n      LoaderComponent={LoaderComponent}\n    >\n      <DeductionsEditFormRoot LoaderComponent={LoaderComponent} {...props} />\n    </BaseBoundaries>\n  )\n}\n\nfunction DeductionsEditFormRoot({\n  employeeId,\n  editingDeductionId,\n  dictionary,\n  onEvent,\n  LoaderComponent,\n}: DeductionsEditFormProps) {\n  useI18n('Employee.Management.Deductions')\n  useComponentDictionary('Employee.Management.Deductions', dictionary)\n\n  // React Query dedupes against any sibling consumer of this list, so this\n  // is just a typed handle on the loaded row used to seed edit mode.\n  const list = useDeductionsList({ employeeId })\n  const formDictionary = useManagementDeductionsFormDictionary()\n\n  if (list.isLoading) {\n    return (\n      <BaseLayout isLoading error={list.errorHandling.errors} LoaderComponent={LoaderComponent} />\n    )\n  }\n\n  const deduction = editingDeductionId\n    ? (list.data.deductions.find(d => d.uuid === editingDeductionId) ?? null)\n    : null\n\n  return (\n    <BaseLayout error={list.errorHandling.errors} LoaderComponent={LoaderComponent}>\n      <DeductionsForm\n        employeeId={employeeId}\n        deduction={deduction}\n        dictionary={formDictionary}\n        LoaderComponent={LoaderComponent}\n        onSaved={(saved, mode) => {\n          onEvent(\n            mode === 'create'\n              ? componentEvents.EMPLOYEE_MANAGEMENT_DEDUCTIONS_EDIT_FORM_CREATED\n              : componentEvents.EMPLOYEE_MANAGEMENT_DEDUCTIONS_EDIT_FORM_UPDATED,\n            saved,\n          )\n        }}\n        onCancel={() => {\n          onEvent(componentEvents.EMPLOYEE_MANAGEMENT_DEDUCTIONS_EDIT_FORM_CANCELLED)\n        }}\n      />\n    </BaseLayout>\n  )\n}\n"],"names":["DeductionsEditForm","FallbackComponent","LoaderComponent","props","jsx","BaseBoundaries","DeductionsEditFormRoot","employeeId","editingDeductionId","dictionary","onEvent","useI18n","useComponentDictionary","list","useDeductionsList","formDictionary","useManagementDeductionsFormDictionary","BaseLayout","deduction","d","DeductionsForm","saved","mode","componentEvents"],"mappings":";;;;;;;;AAuCO,SAASA,EAAmB;AAAA,EACjC,mBAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,GAAGC;AACL,GAA4B;AAC1B,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,eAAc;AAAA,MACd,mBAAAJ;AAAA,MACA,iBAAAC;AAAA,MAEA,UAAA,gBAAAE,EAACE,GAAA,EAAuB,iBAAAJ,GAAmC,GAAGC,EAAA,CAAO;AAAA,IAAA;AAAA,EAAA;AAG3E;AAEA,SAASG,EAAuB;AAAA,EAC9B,YAAAC;AAAA,EACA,oBAAAC;AAAA,EACA,YAAAC;AAAA,EACA,SAAAC;AAAA,EACA,iBAAAR;AACF,GAA4B;AAC1B,EAAAS,EAAQ,gCAAgC,GACxCC,EAAuB,kCAAkCH,CAAU;AAInE,QAAMI,IAAOC,EAAkB,EAAE,YAAAP,GAAY,GACvCQ,IAAiBC,EAAA;AAEvB,MAAIH,EAAK;AACP,WACE,gBAAAT,EAACa,KAAW,WAAS,IAAC,OAAOJ,EAAK,cAAc,QAAQ,iBAAAX,GAAkC;AAI9F,QAAMgB,IAAYV,IACbK,EAAK,KAAK,WAAW,KAAK,CAAAM,MAAKA,EAAE,SAASX,CAAkB,KAAK,OAClE;AAEJ,2BACGS,GAAA,EAAW,OAAOJ,EAAK,cAAc,QAAQ,iBAAAX,GAC5C,UAAA,gBAAAE;AAAA,IAACgB;AAAA,IAAA;AAAA,MACC,YAAAb;AAAA,MACA,WAAAW;AAAA,MACA,YAAYH;AAAA,MACZ,iBAAAb;AAAA,MACA,SAAS,CAACmB,GAAOC,MAAS;AACxB,QAAAZ;AAAA,UACEY,MAAS,WACLC,EAAgB,mDAChBA,EAAgB;AAAA,UACpBF;AAAA,QAAA;AAAA,MAEJ;AAAA,MACA,UAAU,MAAM;AACd,QAAAX,EAAQa,EAAgB,kDAAkD;AAAA,MAC5E;AAAA,IAAA;AAAA,EAAA,GAEJ;AAEJ;"}
+{"version":3,"file":"DeductionsEditForm.js","sources":["../../../../../../src/components/Employee/Deductions/management/DeductionsEditForm/DeductionsEditForm.tsx"],"sourcesContent":["import { DeductionsForm } from '../../shared/DeductionsForm'\nimport { useDeductionsList } from '../../shared/useDeductionsList'\nimport { useManagementDeductionsFormDictionary } from './useFormDictionary'\nimport { BaseBoundaries, BaseLayout, type BaseComponentInterface } from '@/components/Base'\nimport { useI18n, useComponentDictionary } from '@/i18n'\nimport { componentEvents } from '@/shared/constants'\n\n/**\n * Props for {@link DeductionsEditForm}.\n *\n * @public\n */\nexport interface DeductionsEditFormProps extends BaseComponentInterface<'Employee.Management.Deductions'> {\n  /** The associated employee identifier. */\n  employeeId: string\n  /** When provided, the form opens in edit mode pre-populated with the\n   *  matching active deduction. Omit to open in add mode. */\n  editingDeductionId?: string\n  /** Callback invoked when the form emits an event. See the events table on {@link DeductionsEditForm} for the available event types and payloads. */\n  onEvent: BaseComponentInterface['onEvent']\n}\n\n/**\n * Standalone add/edit surface for a single employee deduction.\n *\n * @remarks\n * Renders the inline form for a post-tax custom deduction or court-ordered garnishment. Looks up the row to edit by `editingDeductionId`; omit it to open in add mode. Resolves its text against the `Employee.Management.Deductions` translation namespace so partner overrides on that namespace flow into the form. For an orchestrated card-plus-form flow, use {@link Deductions}.\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `employee/management/deductions/editForm/created` | Fired after a new deduction is saved | The created `Garnishment` |\n * | `employee/management/deductions/editForm/updated` | Fired after an existing deduction is updated | The updated `Garnishment` |\n * | `employee/management/deductions/editForm/cancelled` | Fired when the user cancels the form | — |\n *\n * @param input - See {@link DeductionsEditFormProps}, plus a `FallbackComponent` override for the error boundary.\n * @returns The rendered add/edit form.\n * @public\n */\nexport function DeductionsEditForm({\n  FallbackComponent,\n  LoaderComponent,\n  ...props\n}: DeductionsEditFormProps) {\n  return (\n    <BaseBoundaries\n      componentName=\"Employee.Management.Deductions\"\n      FallbackComponent={FallbackComponent}\n      LoaderComponent={LoaderComponent}\n    >\n      <DeductionsEditFormRoot LoaderComponent={LoaderComponent} {...props} />\n    </BaseBoundaries>\n  )\n}\n\nfunction DeductionsEditFormRoot({\n  employeeId,\n  editingDeductionId,\n  dictionary,\n  onEvent,\n  LoaderComponent,\n  className,\n}: DeductionsEditFormProps) {\n  useI18n('Employee.Management.Deductions')\n  useComponentDictionary('Employee.Management.Deductions', dictionary)\n\n  // React Query dedupes against any sibling consumer of this list, so this\n  // is just a typed handle on the loaded row used to seed edit mode.\n  const list = useDeductionsList({ employeeId })\n  const formDictionary = useManagementDeductionsFormDictionary()\n\n  if (list.isLoading) {\n    return (\n      <BaseLayout isLoading error={list.errorHandling.errors} LoaderComponent={LoaderComponent} />\n    )\n  }\n\n  const deduction = editingDeductionId\n    ? (list.data.deductions.find(d => d.uuid === editingDeductionId) ?? null)\n    : null\n\n  return (\n    <BaseLayout error={list.errorHandling.errors} LoaderComponent={LoaderComponent}>\n      <DeductionsForm\n        employeeId={employeeId}\n        deduction={deduction}\n        dictionary={formDictionary}\n        LoaderComponent={LoaderComponent}\n        className={className}\n        onSaved={(saved, mode) => {\n          onEvent(\n            mode === 'create'\n              ? componentEvents.EMPLOYEE_MANAGEMENT_DEDUCTIONS_EDIT_FORM_CREATED\n              : componentEvents.EMPLOYEE_MANAGEMENT_DEDUCTIONS_EDIT_FORM_UPDATED,\n            saved,\n          )\n        }}\n        onCancel={() => {\n          onEvent(componentEvents.EMPLOYEE_MANAGEMENT_DEDUCTIONS_EDIT_FORM_CANCELLED)\n        }}\n      />\n    </BaseLayout>\n  )\n}\n"],"names":["DeductionsEditForm","FallbackComponent","LoaderComponent","props","jsx","BaseBoundaries","DeductionsEditFormRoot","employeeId","editingDeductionId","dictionary","onEvent","className","useI18n","useComponentDictionary","list","useDeductionsList","formDictionary","useManagementDeductionsFormDictionary","BaseLayout","deduction","d","DeductionsForm","saved","mode","componentEvents"],"mappings":";;;;;;;;AAuCO,SAASA,EAAmB;AAAA,EACjC,mBAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,GAAGC;AACL,GAA4B;AAC1B,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,eAAc;AAAA,MACd,mBAAAJ;AAAA,MACA,iBAAAC;AAAA,MAEA,UAAA,gBAAAE,EAACE,GAAA,EAAuB,iBAAAJ,GAAmC,GAAGC,EAAA,CAAO;AAAA,IAAA;AAAA,EAAA;AAG3E;AAEA,SAASG,EAAuB;AAAA,EAC9B,YAAAC;AAAA,EACA,oBAAAC;AAAA,EACA,YAAAC;AAAA,EACA,SAAAC;AAAA,EACA,iBAAAR;AAAA,EACA,WAAAS;AACF,GAA4B;AAC1B,EAAAC,EAAQ,gCAAgC,GACxCC,EAAuB,kCAAkCJ,CAAU;AAInE,QAAMK,IAAOC,EAAkB,EAAE,YAAAR,GAAY,GACvCS,IAAiBC,EAAA;AAEvB,MAAIH,EAAK;AACP,WACE,gBAAAV,EAACc,KAAW,WAAS,IAAC,OAAOJ,EAAK,cAAc,QAAQ,iBAAAZ,GAAkC;AAI9F,QAAMiB,IAAYX,IACbM,EAAK,KAAK,WAAW,KAAK,CAAAM,MAAKA,EAAE,SAASZ,CAAkB,KAAK,OAClE;AAEJ,2BACGU,GAAA,EAAW,OAAOJ,EAAK,cAAc,QAAQ,iBAAAZ,GAC5C,UAAA,gBAAAE;AAAA,IAACiB;AAAA,IAAA;AAAA,MACC,YAAAd;AAAA,MACA,WAAAY;AAAA,MACA,YAAYH;AAAA,MACZ,iBAAAd;AAAA,MACA,WAAAS;AAAA,MACA,SAAS,CAACW,GAAOC,MAAS;AACxB,QAAAb;AAAA,UACEa,MAAS,WACLC,EAAgB,mDAChBA,EAAgB;AAAA,UACpBF;AAAA,QAAA;AAAA,MAEJ;AAAA,MACA,UAAU,MAAM;AACd,QAAAZ,EAAQc,EAAgB,kDAAkD;AAAA,MAC5E;AAAA,IAAA;AAAA,EAAA,GAEJ;AAEJ;"}

package/dist/components/Employee/Documents/management/DocumentManager.js

@@ -1,32 +1,40 @@
-import { jsx as e, jsxs as l } from "react/jsx-runtime";
-import { useTranslation as s, Trans as u } from "react-i18next";
+import { jsx as e, jsxs as s } from "react/jsx-runtime";
+import { useTranslation as u, Trans as f } from "react-i18next";
 import { useEmployeeFormsGetSuspense as p } from "@gusto/embedded-api/react-query/employeeFormsGet";
-import { useEmployeeFormsGetPdfSuspense as f } from "@gusto/embedded-api/react-query/employeeFormsGetPdf";
-import { BaseComponent as d } from "../../../Base/Base.js";
-import { useBase as C } from "../../../Base/useBase.js";
-import { Flex as D } from "../../../Common/Flex/Flex.js";
-import { ActionsLayout as y } from "../../../Common/ActionsLayout/ActionsLayout.js";
-import { useComponentContext as g } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
-import { useI18n as h } from "../../../../i18n/I18n.js";
-import { componentEvents as E } from "../../../../shared/constants.js";
-import { DocumentViewer as x } from "../../../Common/DocumentViewer/DocumentViewer.js";
-function N(o) {
-  return /* @__PURE__ */ e(d, { ...o, componentName: "Employee.DocumentManager", children: /* @__PURE__ */ e(w, { employeeId: o.employeeId, formId: o.formId }) });
+import { useEmployeeFormsGetPdfSuspense as d } from "@gusto/embedded-api/react-query/employeeFormsGetPdf";
+import { BaseComponent as C } from "../../../Base/Base.js";
+import { useBase as D } from "../../../Base/useBase.js";
+import { Flex as y } from "../../../Common/Flex/Flex.js";
+import { ActionsLayout as g } from "../../../Common/ActionsLayout/ActionsLayout.js";
+import { useComponentContext as h } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
+import { useI18n as E } from "../../../../i18n/I18n.js";
+import { componentEvents as x } from "../../../../shared/constants.js";
+import { DocumentViewer as w } from "../../../Common/DocumentViewer/DocumentViewer.js";
+function P(o) {
+  return /* @__PURE__ */ e(C, { ...o, componentName: "Employee.DocumentManager", children: /* @__PURE__ */ e(
+    k,
+    {
+      employeeId: o.employeeId,
+      formId: o.formId,
+      className: o.className
+    }
+  ) });
 }
-function w({
+function k({
   employeeId: o,
-  formId: i
+  formId: a,
+  className: i
 }) {
-  h("Employee.DocumentManager");
-  const { t: r } = s("Employee.DocumentManager"), t = g(), { onEvent: a } = C(), {
+  E("Employee.DocumentManager");
+  const { t: r } = u("Employee.DocumentManager"), t = h(), { onEvent: c } = D(), {
     data: { form: n }
-  } = p({ employeeId: o, formId: i }), {
-    data: { formPdf: c }
-  } = f({ employeeId: o, formId: i }), m = c?.documentUrl;
-  return n ? /* @__PURE__ */ l(D, { flexDirection: "column", gap: 16, children: [
+  } = p({ employeeId: o, formId: a }), {
+    data: { formPdf: l }
+  } = d({ employeeId: o, formId: a }), m = l?.documentUrl;
+  return n ? /* @__PURE__ */ s(y, { className: i, flexDirection: "column", gap: 16, children: [
     n.title && /* @__PURE__ */ e(t.Heading, { as: "h2", children: n.title }),
     m && /* @__PURE__ */ e(t.Text, { children: /* @__PURE__ */ e(
-      u,
+      f,
       {
         t: r,
         i18nKey: "downloadDocumentCta",
@@ -43,13 +51,13 @@ function w({
         }
       }
     ) }),
-    /* @__PURE__ */ e(x, { url: m, title: n.title, viewDocumentLabel: r("viewDocumentCta") }),
-    /* @__PURE__ */ e(y, { children: /* @__PURE__ */ e(
+    /* @__PURE__ */ e(w, { url: m, title: n.title, viewDocumentLabel: r("viewDocumentCta") }),
+    /* @__PURE__ */ e(g, { children: /* @__PURE__ */ e(
       t.Button,
       {
         variant: "secondary",
         onClick: () => {
-          a(E.CANCEL);
+          c(x.CANCEL);
         },
         children: r("backCta")
       }
@@ -57,6 +65,6 @@ function w({
   ] }) : null;
 }
 export {
-  N as DocumentManager
+  P as DocumentManager
 };
 //# sourceMappingURL=DocumentManager.js.map

package/dist/components/Employee/Documents/management/DocumentManager.js.map

@@ -1 +1 @@
-{"version":3,"file":"DocumentManager.js","sources":["../../../../../src/components/Employee/Documents/management/DocumentManager.tsx"],"sourcesContent":["import { Trans, useTranslation } from 'react-i18next'\nimport { useEmployeeFormsGetSuspense } from '@gusto/embedded-api/react-query/employeeFormsGet'\nimport { useEmployeeFormsGetPdfSuspense } from '@gusto/embedded-api/react-query/employeeFormsGetPdf'\nimport { BaseComponent, useBase, type BaseComponentInterface } from '@/components/Base'\nimport type { BaseComponentKeys } from '@/components/Base/Base'\nimport { ActionsLayout, Flex } from '@/components/Common'\nimport { DocumentViewer } from '@/components/Common/DocumentViewer'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useI18n } from '@/i18n'\nimport { componentEvents } from '@/shared/constants'\n\n/**\n * Props for {@link DocumentManager}.\n *\n * @public\n */\nexport interface DocumentManagerProps extends BaseComponentInterface<'Employee.DocumentManager'> {\n  /** The associated employee identifier. */\n  employeeId: string\n  /** The identifier of the form to display. */\n  formId: string\n}\n\n/**\n * Read-only document viewer for the admin-facing employee dashboard. Renders the\n * selected form's PDF — including unsigned forms, which are shown as-is.\n * Signing is intentionally not offered here; forms are signed by the employee\n * during onboarding, not by an admin viewing the dashboard.\n *\n * @remarks\n * Emits the following events:\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `CANCEL` | The back button is selected | — |\n *\n * @param props - See {@link DocumentManagerProps}.\n * @public\n */\nexport function DocumentManager(props: DocumentManagerProps) {\n  return (\n    <BaseComponent {...props} componentName=\"Employee.DocumentManager\">\n      <DocumentManagerRoot employeeId={props.employeeId} formId={props.formId} />\n    </BaseComponent>\n  )\n}\n\nfunction DocumentManagerRoot({\n  employeeId,\n  formId,\n}: Omit<DocumentManagerProps, BaseComponentKeys>) {\n  useI18n('Employee.DocumentManager')\n  const { t } = useTranslation('Employee.DocumentManager')\n  const Components = useComponentContext()\n  const { onEvent } = useBase()\n\n  const {\n    data: { form },\n  } = useEmployeeFormsGetSuspense({ employeeId, formId })\n  const {\n    data: { formPdf },\n  } = useEmployeeFormsGetPdfSuspense({ employeeId, formId })\n\n  const pdfUrl = formPdf?.documentUrl\n\n  if (!form) return null\n\n  return (\n    <Flex flexDirection=\"column\" gap={16}>\n      {form.title && <Components.Heading as=\"h2\">{form.title}</Components.Heading>}\n      {pdfUrl && (\n        <Components.Text>\n          <Trans\n            t={t}\n            i18nKey=\"downloadDocumentCta\"\n            components={{\n              downloadLink: (\n                <Components.Link\n                  href={pdfUrl}\n                  target=\"_blank\"\n                  rel=\"noopener noreferrer\"\n                  download={`${form.title || 'form'}.pdf`}\n                />\n              ),\n            }}\n          />\n        </Components.Text>\n      )}\n      <DocumentViewer url={pdfUrl} title={form.title} viewDocumentLabel={t('viewDocumentCta')} />\n\n      <ActionsLayout>\n        <Components.Button\n          variant=\"secondary\"\n          onClick={() => {\n            onEvent(componentEvents.CANCEL)\n          }}\n        >\n          {t('backCta')}\n        </Components.Button>\n      </ActionsLayout>\n    </Flex>\n  )\n}\n"],"names":["DocumentManager","props","jsx","BaseComponent","DocumentManagerRoot","employeeId","formId","useI18n","t","useTranslation","Components","useComponentContext","onEvent","useBase","form","useEmployeeFormsGetSuspense","formPdf","useEmployeeFormsGetPdfSuspense","pdfUrl","jsxs","Flex","Trans","DocumentViewer","ActionsLayout","componentEvents"],"mappings":";;;;;;;;;;;;AAwCO,SAASA,EAAgBC,GAA6B;AAC3D,SACE,gBAAAC,EAACC,GAAA,EAAe,GAAGF,GAAO,eAAc,4BACtC,UAAA,gBAAAC,EAACE,GAAA,EAAoB,YAAYH,EAAM,YAAY,QAAQA,EAAM,QAAQ,GAC3E;AAEJ;AAEA,SAASG,EAAoB;AAAA,EAC3B,YAAAC;AAAA,EACA,QAAAC;AACF,GAAkD;AAChD,EAAAC,EAAQ,0BAA0B;AAClC,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,0BAA0B,GACjDC,IAAaC,EAAA,GACb,EAAE,SAAAC,EAAA,IAAYC,EAAA,GAEd;AAAA,IACJ,MAAM,EAAE,MAAAC,EAAA;AAAA,EAAK,IACXC,EAA4B,EAAE,YAAAV,GAAY,QAAAC,GAAQ,GAChD;AAAA,IACJ,MAAM,EAAE,SAAAU,EAAA;AAAA,EAAQ,IACdC,EAA+B,EAAE,YAAAZ,GAAY,QAAAC,GAAQ,GAEnDY,IAASF,GAAS;AAExB,SAAKF,IAGH,gBAAAK,EAACC,GAAA,EAAK,eAAc,UAAS,KAAK,IAC/B,UAAA;AAAA,IAAAN,EAAK,2BAAUJ,EAAW,SAAX,EAAmB,IAAG,MAAM,YAAK,MAAA,CAAM;AAAA,IACtDQ,KACC,gBAAAhB,EAACQ,EAAW,MAAX,EACC,UAAA,gBAAAR;AAAA,MAACmB;AAAA,MAAA;AAAA,QACC,GAAAb;AAAA,QACA,SAAQ;AAAA,QACR,YAAY;AAAA,UACV,cACE,gBAAAN;AAAA,YAACQ,EAAW;AAAA,YAAX;AAAA,cACC,MAAMQ;AAAA,cACN,QAAO;AAAA,cACP,KAAI;AAAA,cACJ,UAAU,GAAGJ,EAAK,SAAS,MAAM;AAAA,YAAA;AAAA,UAAA;AAAA,QACnC;AAAA,MAEJ;AAAA,IAAA,GAEJ;AAAA,IAEF,gBAAAZ,EAACoB,GAAA,EAAe,KAAKJ,GAAQ,OAAOJ,EAAK,OAAO,mBAAmBN,EAAE,iBAAiB,EAAA,CAAG;AAAA,sBAExFe,GAAA,EACC,UAAA,gBAAArB;AAAA,MAACQ,EAAW;AAAA,MAAX;AAAA,QACC,SAAQ;AAAA,QACR,SAAS,MAAM;AACb,UAAAE,EAAQY,EAAgB,MAAM;AAAA,QAChC;AAAA,QAEC,YAAE,SAAS;AAAA,MAAA;AAAA,IAAA,EACd,CACF;AAAA,EAAA,GACF,IAnCgB;AAqCpB;"}
+{"version":3,"file":"DocumentManager.js","sources":["../../../../../src/components/Employee/Documents/management/DocumentManager.tsx"],"sourcesContent":["import { Trans, useTranslation } from 'react-i18next'\nimport { useEmployeeFormsGetSuspense } from '@gusto/embedded-api/react-query/employeeFormsGet'\nimport { useEmployeeFormsGetPdfSuspense } from '@gusto/embedded-api/react-query/employeeFormsGetPdf'\nimport { BaseComponent, useBase, type BaseComponentInterface } from '@/components/Base'\nimport type { BaseComponentKeys } from '@/components/Base/Base'\nimport { ActionsLayout, Flex } from '@/components/Common'\nimport { DocumentViewer } from '@/components/Common/DocumentViewer'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useI18n } from '@/i18n'\nimport { componentEvents } from '@/shared/constants'\n\n/**\n * Props for {@link DocumentManager}.\n *\n * @public\n */\nexport interface DocumentManagerProps extends BaseComponentInterface<'Employee.DocumentManager'> {\n  /** The associated employee identifier. */\n  employeeId: string\n  /** The identifier of the form to display. */\n  formId: string\n}\n\n/**\n * Read-only document viewer for the admin-facing employee dashboard. Renders the\n * selected form's PDF — including unsigned forms, which are shown as-is.\n * Signing is intentionally not offered here; forms are signed by the employee\n * during onboarding, not by an admin viewing the dashboard.\n *\n * @remarks\n * Emits the following events:\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `CANCEL` | The back button is selected | — |\n *\n * @param props - See {@link DocumentManagerProps}.\n * @public\n */\nexport function DocumentManager(props: DocumentManagerProps) {\n  return (\n    <BaseComponent {...props} componentName=\"Employee.DocumentManager\">\n      <DocumentManagerRoot\n        employeeId={props.employeeId}\n        formId={props.formId}\n        className={props.className}\n      />\n    </BaseComponent>\n  )\n}\n\nfunction DocumentManagerRoot({\n  employeeId,\n  formId,\n  className,\n}: Omit<DocumentManagerProps, BaseComponentKeys>) {\n  useI18n('Employee.DocumentManager')\n  const { t } = useTranslation('Employee.DocumentManager')\n  const Components = useComponentContext()\n  const { onEvent } = useBase()\n\n  const {\n    data: { form },\n  } = useEmployeeFormsGetSuspense({ employeeId, formId })\n  const {\n    data: { formPdf },\n  } = useEmployeeFormsGetPdfSuspense({ employeeId, formId })\n\n  const pdfUrl = formPdf?.documentUrl\n\n  if (!form) return null\n\n  return (\n    <Flex className={className} flexDirection=\"column\" gap={16}>\n      {form.title && <Components.Heading as=\"h2\">{form.title}</Components.Heading>}\n      {pdfUrl && (\n        <Components.Text>\n          <Trans\n            t={t}\n            i18nKey=\"downloadDocumentCta\"\n            components={{\n              downloadLink: (\n                <Components.Link\n                  href={pdfUrl}\n                  target=\"_blank\"\n                  rel=\"noopener noreferrer\"\n                  download={`${form.title || 'form'}.pdf`}\n                />\n              ),\n            }}\n          />\n        </Components.Text>\n      )}\n      <DocumentViewer url={pdfUrl} title={form.title} viewDocumentLabel={t('viewDocumentCta')} />\n\n      <ActionsLayout>\n        <Components.Button\n          variant=\"secondary\"\n          onClick={() => {\n            onEvent(componentEvents.CANCEL)\n          }}\n        >\n          {t('backCta')}\n        </Components.Button>\n      </ActionsLayout>\n    </Flex>\n  )\n}\n"],"names":["DocumentManager","props","jsx","BaseComponent","DocumentManagerRoot","employeeId","formId","className","useI18n","t","useTranslation","Components","useComponentContext","onEvent","useBase","form","useEmployeeFormsGetSuspense","formPdf","useEmployeeFormsGetPdfSuspense","pdfUrl","Flex","Trans","DocumentViewer","ActionsLayout","componentEvents"],"mappings":";;;;;;;;;;;;AAwCO,SAASA,EAAgBC,GAA6B;AAC3D,SACE,gBAAAC,EAACC,GAAA,EAAe,GAAGF,GAAO,eAAc,4BACtC,UAAA,gBAAAC;AAAA,IAACE;AAAA,IAAA;AAAA,MACC,YAAYH,EAAM;AAAA,MAClB,QAAQA,EAAM;AAAA,MACd,WAAWA,EAAM;AAAA,IAAA;AAAA,EAAA,GAErB;AAEJ;AAEA,SAASG,EAAoB;AAAA,EAC3B,YAAAC;AAAA,EACA,QAAAC;AAAA,EACA,WAAAC;AACF,GAAkD;AAChD,EAAAC,EAAQ,0BAA0B;AAClC,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,0BAA0B,GACjDC,IAAaC,EAAA,GACb,EAAE,SAAAC,EAAA,IAAYC,EAAA,GAEd;AAAA,IACJ,MAAM,EAAE,MAAAC,EAAA;AAAA,EAAK,IACXC,EAA4B,EAAE,YAAAX,GAAY,QAAAC,GAAQ,GAChD;AAAA,IACJ,MAAM,EAAE,SAAAW,EAAA;AAAA,EAAQ,IACdC,EAA+B,EAAE,YAAAb,GAAY,QAAAC,GAAQ,GAEnDa,IAASF,GAAS;AAExB,SAAKF,sBAGFK,GAAA,EAAK,WAAAb,GAAsB,eAAc,UAAS,KAAK,IACrD,UAAA;AAAA,IAAAQ,EAAK,2BAAUJ,EAAW,SAAX,EAAmB,IAAG,MAAM,YAAK,MAAA,CAAM;AAAA,IACtDQ,KACC,gBAAAjB,EAACS,EAAW,MAAX,EACC,UAAA,gBAAAT;AAAA,MAACmB;AAAA,MAAA;AAAA,QACC,GAAAZ;AAAA,QACA,SAAQ;AAAA,QACR,YAAY;AAAA,UACV,cACE,gBAAAP;AAAA,YAACS,EAAW;AAAA,YAAX;AAAA,cACC,MAAMQ;AAAA,cACN,QAAO;AAAA,cACP,KAAI;AAAA,cACJ,UAAU,GAAGJ,EAAK,SAAS,MAAM;AAAA,YAAA;AAAA,UAAA;AAAA,QACnC;AAAA,MAEJ;AAAA,IAAA,GAEJ;AAAA,IAEF,gBAAAb,EAACoB,GAAA,EAAe,KAAKH,GAAQ,OAAOJ,EAAK,OAAO,mBAAmBN,EAAE,iBAAiB,EAAA,CAAG;AAAA,sBAExFc,GAAA,EACC,UAAA,gBAAArB;AAAA,MAACS,EAAW;AAAA,MAAX;AAAA,QACC,SAAQ;AAAA,QACR,SAAS,MAAM;AACb,UAAAE,EAAQW,EAAgB,MAAM;AAAA,QAChC;AAAA,QAEC,YAAE,SAAS;AAAA,MAAA;AAAA,IAAA,EACd,CACF;AAAA,EAAA,GACF,IAnCgB;AAqCpB;"}

package/dist/components/Employee/Documents/onboarding/DocumentSigner/DocumentList/useDocumentList.js

@@ -9,12 +9,14 @@ import "@gusto/embedded-api/models/errors/gustoembeddederror";
 import "@gusto/embedded-api/models/errors/sdkvalidationerror";
 import "@gusto/embedded-api/models/errors/unprocessableentityerror";
 import "@gusto/embedded-api/models/errors/httpclienterrors";
+import "dompurify";
+import "../../../../../../contexts/LocaleProvider/useLocale.js";
 import "../../../../../../shared/constants.js";
 import "../../../../../../contexts/ComponentAdapter/useComponentContext.js";
 import { createCompoundContext as t } from "../../../../../Base/createCompoundContext.js";
-const [d, a] = t("DocumentListContext");
+const [f, v] = t("DocumentListContext");
 export {
-  a as DocumentListProvider,
-  d as useDocumentList
+  v as DocumentListProvider,
+  f as useDocumentList
 };
 //# sourceMappingURL=useDocumentList.js.map