@gusto/embedded-react-sdk 0.46.3 → 0.47.0

package/dist/components/Employee/Compensation/shared/usePendingChangeDetailRenderer.js

@@ -0,0 +1,61 @@
+import { useTranslation as o } from "react-i18next";
+import { useFormatCompensationRate as d } from "../../../../helpers/formattedStrings.js";
+function c(s) {
+  const { t: n } = o("Employee.Management.Compensation"), t = d(), r = s ?? "";
+  return (e) => {
+    const a = { interpolation: { escapeValue: !1 } };
+    switch (e.kind) {
+      case "titleChange":
+        return n("card.pendingChange.details.titleChange", {
+          title: e.title,
+          ...a
+        });
+      case "payChange":
+        return n("card.pendingChange.details.payChange", {
+          formattedRate: t(e.rate, e.paymentUnit),
+          ...a
+        });
+      case "flsaChange":
+        return n("card.pendingChange.details.flsaChange", {
+          flsaLabel: n(`flsaStatusLabels.${e.flsaStatus}`),
+          ...a
+        });
+      case "newJob": {
+        const i = e.rate !== null && e.paymentUnit !== null, g = i ? t(e.rate, e.paymentUnit) : null;
+        return e.title && i ? n("card.pendingChange.details.newJob", {
+          name: r,
+          title: e.title,
+          formattedRate: g,
+          ...a
+        }) : i ? n("card.pendingChange.details.newJobNoTitle", {
+          name: r,
+          formattedRate: g,
+          ...a
+        }) : e.title ? n("card.pendingChange.details.newJobNoRate", {
+          name: r,
+          title: e.title,
+          ...a
+        }) : n("card.pendingChange.details.newJobMinimal", {
+          name: r,
+          ...a
+        });
+      }
+      case "minWageEnabled":
+        return e.wage ? n("card.pendingChange.details.minWageEnabled", {
+          formattedWage: t(Number(e.wage), "Hour"),
+          ...a
+        }) : n("card.pendingChange.details.minWageEnabledNoRate");
+      case "minWageDisabled":
+        return n("card.pendingChange.details.minWageDisabled");
+      case "minWageChanged":
+        return e.wage ? n("card.pendingChange.details.minWageChanged", {
+          formattedWage: t(Number(e.wage), "Hour"),
+          ...a
+        }) : n("card.pendingChange.details.minWageChangedNoRate");
+    }
+  };
+}
+export {
+  c as usePendingChangeDetailRenderer
+};
+//# sourceMappingURL=usePendingChangeDetailRenderer.js.map

package/dist/components/Employee/Compensation/shared/usePendingChangeDetailRenderer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePendingChangeDetailRenderer.js","sources":["../../../../../src/components/Employee/Compensation/shared/usePendingChangeDetailRenderer.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport type { PendingChangeDetail } from './getPendingCompensationChanges'\nimport { useFormatCompensationRate } from '@/helpers/formattedStrings'\n\n/**\n * Renders a single `PendingChangeDetail` produced by `getPendingCompensationChanges`\n * into the user-facing bullet string. Resolves FLSA enum values to their human\n * labels and formats pay/min-wage rates with the shared `useFormatCompensationRate`\n * helper so the copy matches the form. All copy resolves from the\n * `Employee.Management.Compensation` namespace.\n */\nexport function usePendingChangeDetailRenderer(employeeFirstName: string | null | undefined) {\n  const { t } = useTranslation('Employee.Management.Compensation')\n  const formatCompensationRate = useFormatCompensationRate()\n  const name = employeeFirstName ?? ''\n\n  return (detail: PendingChangeDetail): string => {\n    const interpolation = { interpolation: { escapeValue: false } }\n    switch (detail.kind) {\n      case 'titleChange':\n        return t('card.pendingChange.details.titleChange', {\n          title: detail.title,\n          ...interpolation,\n        })\n      case 'payChange':\n        return t('card.pendingChange.details.payChange', {\n          formattedRate: formatCompensationRate(detail.rate, detail.paymentUnit),\n          ...interpolation,\n        })\n      case 'flsaChange':\n        return t('card.pendingChange.details.flsaChange', {\n          flsaLabel: t(`flsaStatusLabels.${detail.flsaStatus}`),\n          ...interpolation,\n        })\n      case 'newJob': {\n        const hasRate = detail.rate !== null && detail.paymentUnit !== null\n        const formattedRate = hasRate\n          ? formatCompensationRate(detail.rate!, detail.paymentUnit!)\n          : null\n        if (detail.title && hasRate) {\n          return t('card.pendingChange.details.newJob', {\n            name,\n            title: detail.title,\n            formattedRate,\n            ...interpolation,\n          })\n        }\n        if (hasRate) {\n          return t('card.pendingChange.details.newJobNoTitle', {\n            name,\n            formattedRate,\n            ...interpolation,\n          })\n        }\n        if (detail.title) {\n          return t('card.pendingChange.details.newJobNoRate', {\n            name,\n            title: detail.title,\n            ...interpolation,\n          })\n        }\n        return t('card.pendingChange.details.newJobMinimal', {\n          name,\n          ...interpolation,\n        })\n      }\n      case 'minWageEnabled':\n        return detail.wage\n          ? t('card.pendingChange.details.minWageEnabled', {\n              formattedWage: formatCompensationRate(Number(detail.wage), 'Hour'),\n              ...interpolation,\n            })\n          : t('card.pendingChange.details.minWageEnabledNoRate')\n      case 'minWageDisabled':\n        return t('card.pendingChange.details.minWageDisabled')\n      case 'minWageChanged':\n        return detail.wage\n          ? t('card.pendingChange.details.minWageChanged', {\n              formattedWage: formatCompensationRate(Number(detail.wage), 'Hour'),\n              ...interpolation,\n            })\n          : t('card.pendingChange.details.minWageChangedNoRate')\n    }\n  }\n}\n"],"names":["usePendingChangeDetailRenderer","employeeFirstName","t","useTranslation","formatCompensationRate","useFormatCompensationRate","name","detail","interpolation","hasRate","formattedRate"],"mappings":";;AAWO,SAASA,EAA+BC,GAA8C;AAC3F,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,kCAAkC,GACzDC,IAAyBC,EAAA,GACzBC,IAAOL,KAAqB;AAElC,SAAO,CAACM,MAAwC;AAC9C,UAAMC,IAAgB,EAAE,eAAe,EAAE,aAAa,KAAM;AAC5D,YAAQD,EAAO,MAAA;AAAA,MACb,KAAK;AACH,eAAOL,EAAE,0CAA0C;AAAA,UACjD,OAAOK,EAAO;AAAA,UACd,GAAGC;AAAA,QAAA,CACJ;AAAA,MACH,KAAK;AACH,eAAON,EAAE,wCAAwC;AAAA,UAC/C,eAAeE,EAAuBG,EAAO,MAAMA,EAAO,WAAW;AAAA,UACrE,GAAGC;AAAA,QAAA,CACJ;AAAA,MACH,KAAK;AACH,eAAON,EAAE,yCAAyC;AAAA,UAChD,WAAWA,EAAE,oBAAoBK,EAAO,UAAU,EAAE;AAAA,UACpD,GAAGC;AAAA,QAAA,CACJ;AAAA,MACH,KAAK,UAAU;AACb,cAAMC,IAAUF,EAAO,SAAS,QAAQA,EAAO,gBAAgB,MACzDG,IAAgBD,IAClBL,EAAuBG,EAAO,MAAOA,EAAO,WAAY,IACxD;AACJ,eAAIA,EAAO,SAASE,IACXP,EAAE,qCAAqC;AAAA,UAC5C,MAAAI;AAAA,UACA,OAAOC,EAAO;AAAA,UACd,eAAAG;AAAA,UACA,GAAGF;AAAA,QAAA,CACJ,IAECC,IACKP,EAAE,4CAA4C;AAAA,UACnD,MAAAI;AAAA,UACA,eAAAI;AAAA,UACA,GAAGF;AAAA,QAAA,CACJ,IAECD,EAAO,QACFL,EAAE,2CAA2C;AAAA,UAClD,MAAAI;AAAA,UACA,OAAOC,EAAO;AAAA,UACd,GAAGC;AAAA,QAAA,CACJ,IAEIN,EAAE,4CAA4C;AAAA,UACnD,MAAAI;AAAA,UACA,GAAGE;AAAA,QAAA,CACJ;AAAA,MACH;AAAA,MACA,KAAK;AACH,eAAOD,EAAO,OACVL,EAAE,6CAA6C;AAAA,UAC7C,eAAeE,EAAuB,OAAOG,EAAO,IAAI,GAAG,MAAM;AAAA,UACjE,GAAGC;AAAA,QAAA,CACJ,IACDN,EAAE,iDAAiD;AAAA,MACzD,KAAK;AACH,eAAOA,EAAE,4CAA4C;AAAA,MACvD,KAAK;AACH,eAAOK,EAAO,OACVL,EAAE,6CAA6C;AAAA,UAC7C,eAAeE,EAAuB,OAAOG,EAAO,IAAI,GAAG,MAAM;AAAA,UACjE,GAAGC;AAAA,QAAA,CACJ,IACDN,EAAE,iDAAiD;AAAA,IAAA;AAAA,EAE7D;AACF;"}

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

@@ -1,31 +1,13 @@
-import { Employee } from '@gusto/embedded-api/models/components/employee';
-import { EmployeeAddress } from '@gusto/embedded-api/models/components/employeeaddress';
-import { EmployeeWorkAddress } from '@gusto/embedded-api/models/components/employeeworkaddress';
+import { OnEventType } from '../../Base/useBase';
+import { EventType } from '../../../shared/constants';
 export interface BasicDetailsViewProps {
-    employee?: Employee;
-    currentHomeAddress?: EmployeeAddress;
-    currentWorkAddress?: EmployeeWorkAddress;
-    /** Loads all three cards. Per-section flags below take precedence
-     *  when each query resolves independently. */
-    isLoading?: boolean;
-    isEmployeeLoading?: boolean;
-    isHomeAddressLoading?: boolean;
-    isWorkAddressLoading?: boolean;
-    onEditBasicDetails?: () => void;
-    onManageHomeAddress?: () => void;
-    onManageWorkAddress?: () => void;
-}
-export interface BasicDetailsViewWithDataProps {
     employeeId: string;
-    onEditBasicDetails?: () => void;
-    onManageHomeAddress?: () => void;
-    onManageWorkAddress?: () => void;
+    onEvent: OnEventType<EventType, unknown>;
 }
 /**
- * Tab-mounted container for the Basic details tab. Owns the
- * `useEmployeeBasicDetails` fetch (employee + home address + work address)
- * so the requests only fire when the tab is mounted. Each card paints
- * its own skeleton + content as the underlying query resolves.
+ * Tab-mounted container for the Basic details tab. After the Profile,
+ * Home address, and Work address cards moved to standalone
+ * self-fetching surfaces, this container is just a layout wrapper —
+ * each card owns its own data fetch and event emission.
  */
-export declare function BasicDetailsViewWithData({ employeeId, onEditBasicDetails, onManageHomeAddress, onManageWorkAddress, }: BasicDetailsViewWithDataProps): import("react/jsx-runtime").JSX.Element;
-export declare function BasicDetailsView({ employee, currentHomeAddress, currentWorkAddress, isLoading, isEmployeeLoading, isHomeAddressLoading, isWorkAddressLoading, onEditBasicDetails, onManageHomeAddress, onManageWorkAddress, }: BasicDetailsViewProps): import("react/jsx-runtime").JSX.Element;
+export declare function BasicDetailsView({ employeeId, onEvent }: BasicDetailsViewProps): import("react").JSX.Element;

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

@@ -1,141 +1,16 @@
-import { jsx as t, jsxs as c } from "react/jsx-runtime";
-import { useTranslation as X } from "react-i18next";
-import { Flex as d } from "../../Common/Flex/Flex.js";
-import { useComponentContext as w } from "../../../contexts/ComponentAdapter/useComponentContext.js";
-import { formatDateLongWithYear as D } from "../../../helpers/dateFormatting.js";
-import { firstLastName as T, getStreet as A, getCityStateZip as L } from "../../../helpers/formattedStrings.js";
-import "classnames";
-import "../../../shared/constants.js";
-import { Loading as m } from "../../Common/Loading/Loading.js";
-import { BaseLayout as N } from "../../Base/Base.js";
-import { useEmployeeBasicDetails as E } from "./hooks/useEmployeeBasicDetails.js";
-function Y({
-  employeeId: a,
-  onEditBasicDetails: o,
-  onManageHomeAddress: s,
-  onManageWorkAddress: n
-}) {
-  const r = E({ employeeId: a });
-  return /* @__PURE__ */ t(N, { error: r.errorHandling.errors, children: /* @__PURE__ */ t(
-    H,
-    {
-      employee: r.data.employee,
-      currentHomeAddress: r.data.currentHomeAddress,
-      currentWorkAddress: r.data.currentWorkAddress,
-      isEmployeeLoading: r.status.isEmployeeLoading,
-      isHomeAddressLoading: r.status.isHomeAddressLoading,
-      isWorkAddressLoading: r.status.isWorkAddressLoading,
-      onEditBasicDetails: o,
-      onManageHomeAddress: s,
-      onManageWorkAddress: n
-    }
-  ) });
-}
-function H({
-  employee: a,
-  currentHomeAddress: o,
-  currentWorkAddress: s,
-  isLoading: n = !1,
-  isEmployeeLoading: r = n,
-  isHomeAddressLoading: h = n,
-  isWorkAddressLoading: p = n,
-  onEditBasicDetails: f,
-  onManageHomeAddress: u,
-  onManageWorkAddress: x
-}) {
-  const { t: e } = X("Employee.Dashboard"), i = w(), g = a ? T({ first_name: a.firstName, last_name: a.lastName }) : void 0, b = a ? D(a.jobs?.[0]?.hireDate) : void 0, B = a ? D(a.dateOfBirth) : void 0, C = a?.hasSsn ? "XXX-XX-XXXX" : void 0, l = /* @__PURE__ */ t("span", { "aria-label": e("listEmptyPlaceholder"), children: "–" }), v = a ? [
-    { term: e("basicDetails.legalName"), description: g || l },
-    { term: e("basicDetails.startDate"), description: b || l },
-    {
-      term: e("basicDetails.socialSecurityNumber"),
-      description: C || l
-    },
-    { term: e("basicDetails.dateOfBirth"), description: B || l },
-    { term: e("basicDetails.personalEmail"), description: a.email || l }
-  ] : [];
-  return /* @__PURE__ */ c(d, { flexDirection: "column", gap: 24, children: [
-    /* @__PURE__ */ t(
-      i.Box,
-      {
-        header: /* @__PURE__ */ t(
-          i.BoxHeader,
-          {
-            title: e("basicDetails.title"),
-            action: /* @__PURE__ */ t(
-              i.Button,
-              {
-                variant: "secondary",
-                onClick: f,
-                isDisabled: r,
-                children: e("basicDetails.editCta")
-              }
-            )
-          }
-        ),
-        children: r ? /* @__PURE__ */ t(m, {}) : a ? /* @__PURE__ */ t(i.DescriptionList, { items: v }) : null
-      }
-    ),
-    /* @__PURE__ */ t(
-      i.Box,
-      {
-        header: /* @__PURE__ */ t(
-          i.BoxHeader,
-          {
-            title: e("homeAddress.title"),
-            action: /* @__PURE__ */ t(
-              i.Button,
-              {
-                variant: "secondary",
-                onClick: u,
-                isDisabled: h,
-                children: e("homeAddress.manageCta")
-              }
-            )
-          }
-        ),
-        children: /* @__PURE__ */ t(d, { flexDirection: "column", gap: 16, children: h ? /* @__PURE__ */ t(m, {}) : o ? /* @__PURE__ */ c(d, { flexDirection: "column", gap: 0, children: [
-          /* @__PURE__ */ t(i.Text, { weight: "medium", children: A(o).replace(",", "") }),
-          /* @__PURE__ */ t(i.Text, { variant: "supporting", children: L(o) })
-        ] }) : /* @__PURE__ */ t(i.Text, { children: e("homeAddress.noAddress") }) })
-      }
-    ),
-    /* @__PURE__ */ t(
-      i.Box,
-      {
-        header: /* @__PURE__ */ t(
-          i.BoxHeader,
-          {
-            title: e("workAddress.title"),
-            action: /* @__PURE__ */ t(
-              i.Button,
-              {
-                variant: "secondary",
-                onClick: x,
-                isDisabled: p,
-                children: e("workAddress.manageCta")
-              }
-            )
-          }
-        ),
-        children: /* @__PURE__ */ t(d, { flexDirection: "column", gap: 16, children: p ? /* @__PURE__ */ t(m, {}) : s ? /* @__PURE__ */ c(d, { flexDirection: "column", gap: 0, children: [
-          /* @__PURE__ */ c(i.Text, { weight: "medium", children: [
-            s.street1,
-            s.street2 ? `, ${s.street2}` : ""
-          ] }),
-          /* @__PURE__ */ c(i.Text, { variant: "supporting", children: [
-            s.city,
-            ", ",
-            s.state,
-            " ",
-            s.zip
-          ] })
-        ] }) : /* @__PURE__ */ t(i.Text, { children: e("workAddress.noAddress") }) })
-      }
-    )
+import { jsxs as m, jsx as o } from "react/jsx-runtime";
+import { Flex as s } from "../../Common/Flex/Flex.js";
+import { ProfileCard as f } from "../Profile/management/ProfileCard/ProfileCard.js";
+import { HomeAddressCard as t } from "../HomeAddress/management/HomeAddressCard/HomeAddressCard.js";
+import { WorkAddressCard as a } from "../WorkAddress/management/WorkAddressCard/WorkAddressCard.js";
+function l({ employeeId: r, onEvent: i }) {
+  return /* @__PURE__ */ m(s, { flexDirection: "column", gap: 24, children: [
+    /* @__PURE__ */ o(f, { employeeId: r, onEvent: i }),
+    /* @__PURE__ */ o(t, { employeeId: r, onEvent: i }),
+    /* @__PURE__ */ o(a, { employeeId: r, onEvent: i })
   ] });
 }
 export {
-  H as BasicDetailsView,
-  Y as BasicDetailsViewWithData
+  l as BasicDetailsView
 };
 //# sourceMappingURL=BasicDetailsView.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"BasicDetailsView.js","sources":["../../../../src/components/Employee/Dashboard/BasicDetailsView.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport type { Employee } from '@gusto/embedded-api/models/components/employee'\nimport type { EmployeeAddress } from '@gusto/embedded-api/models/components/employeeaddress'\nimport type { EmployeeWorkAddress } from '@gusto/embedded-api/models/components/employeeworkaddress'\nimport { useEmployeeBasicDetails } from './hooks'\nimport { Flex } from '@/components/Common/Flex/Flex'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { formatDateLongWithYear } from '@/helpers/dateFormatting'\nimport { firstLastName, getStreet, getCityStateZip } from '@/helpers/formattedStrings'\nimport { Loading } from '@/components/Common'\nimport { BaseLayout } from '@/components/Base/Base'\n\nexport interface BasicDetailsViewProps {\n  employee?: Employee\n  currentHomeAddress?: EmployeeAddress\n  currentWorkAddress?: EmployeeWorkAddress\n  /** Loads all three cards. Per-section flags below take precedence\n   *  when each query resolves independently. */\n  isLoading?: boolean\n  isEmployeeLoading?: boolean\n  isHomeAddressLoading?: boolean\n  isWorkAddressLoading?: boolean\n  onEditBasicDetails?: () => void\n  onManageHomeAddress?: () => void\n  onManageWorkAddress?: () => void\n}\n\nexport interface BasicDetailsViewWithDataProps {\n  employeeId: string\n  onEditBasicDetails?: () => void\n  onManageHomeAddress?: () => void\n  onManageWorkAddress?: () => void\n}\n\n/**\n * Tab-mounted container for the Basic details tab. Owns the\n * `useEmployeeBasicDetails` fetch (employee + home address + work address)\n * so the requests only fire when the tab is mounted. Each card paints\n * its own skeleton + content as the underlying query resolves.\n */\nexport function BasicDetailsViewWithData({\n  employeeId,\n  onEditBasicDetails,\n  onManageHomeAddress,\n  onManageWorkAddress,\n}: BasicDetailsViewWithDataProps) {\n  const basicDetails = useEmployeeBasicDetails({ employeeId })\n\n  return (\n    <BaseLayout error={basicDetails.errorHandling.errors}>\n      <BasicDetailsView\n        employee={basicDetails.data.employee}\n        currentHomeAddress={basicDetails.data.currentHomeAddress}\n        currentWorkAddress={basicDetails.data.currentWorkAddress}\n        isEmployeeLoading={basicDetails.status.isEmployeeLoading}\n        isHomeAddressLoading={basicDetails.status.isHomeAddressLoading}\n        isWorkAddressLoading={basicDetails.status.isWorkAddressLoading}\n        onEditBasicDetails={onEditBasicDetails}\n        onManageHomeAddress={onManageHomeAddress}\n        onManageWorkAddress={onManageWorkAddress}\n      />\n    </BaseLayout>\n  )\n}\n\nexport function BasicDetailsView({\n  employee,\n  currentHomeAddress,\n  currentWorkAddress,\n  isLoading = false,\n  isEmployeeLoading = isLoading,\n  isHomeAddressLoading = isLoading,\n  isWorkAddressLoading = isLoading,\n  onEditBasicDetails,\n  onManageHomeAddress,\n  onManageWorkAddress,\n}: BasicDetailsViewProps) {\n  const { t } = useTranslation('Employee.Dashboard')\n  const Components = useComponentContext()\n\n  const legalName = employee\n    ? firstLastName({ first_name: employee.firstName, last_name: employee.lastName })\n    : undefined\n  const startDate = employee ? formatDateLongWithYear(employee.jobs?.[0]?.hireDate) : undefined\n  const dateOfBirth = employee ? formatDateLongWithYear(employee.dateOfBirth) : undefined\n  const maskedSsn = employee?.hasSsn ? 'XXX-XX-XXXX' : undefined\n\n  const emptyPlaceholder = <span aria-label={t('listEmptyPlaceholder')}>–</span>\n  const basicDetailsItems = employee\n    ? [\n        { term: t('basicDetails.legalName'), description: legalName || emptyPlaceholder },\n        { term: t('basicDetails.startDate'), description: startDate || emptyPlaceholder },\n        {\n          term: t('basicDetails.socialSecurityNumber'),\n          description: maskedSsn || emptyPlaceholder,\n        },\n        { term: t('basicDetails.dateOfBirth'), description: dateOfBirth || emptyPlaceholder },\n        { term: t('basicDetails.personalEmail'), description: employee.email || emptyPlaceholder },\n      ]\n    : []\n\n  return (\n    <Flex flexDirection=\"column\" gap={24}>\n      <Components.Box\n        header={\n          <Components.BoxHeader\n            title={t('basicDetails.title')}\n            action={\n              <Components.Button\n                variant=\"secondary\"\n                onClick={onEditBasicDetails}\n                isDisabled={isEmployeeLoading}\n              >\n                {t('basicDetails.editCta')}\n              </Components.Button>\n            }\n          />\n        }\n      >\n        {isEmployeeLoading ? (\n          <Loading />\n        ) : employee ? (\n          <Components.DescriptionList items={basicDetailsItems} />\n        ) : null}\n      </Components.Box>\n\n      <Components.Box\n        header={\n          <Components.BoxHeader\n            title={t('homeAddress.title')}\n            action={\n              <Components.Button\n                variant=\"secondary\"\n                onClick={onManageHomeAddress}\n                isDisabled={isHomeAddressLoading}\n              >\n                {t('homeAddress.manageCta')}\n              </Components.Button>\n            }\n          />\n        }\n      >\n        <Flex flexDirection=\"column\" gap={16}>\n          {isHomeAddressLoading ? (\n            <Loading />\n          ) : currentHomeAddress ? (\n            <Flex flexDirection=\"column\" gap={0}>\n              <Components.Text weight=\"medium\">\n                {getStreet(currentHomeAddress).replace(',', '')}\n              </Components.Text>\n              <Components.Text variant=\"supporting\">\n                {getCityStateZip(currentHomeAddress)}\n              </Components.Text>\n            </Flex>\n          ) : (\n            <Components.Text>{t('homeAddress.noAddress')}</Components.Text>\n          )}\n        </Flex>\n      </Components.Box>\n\n      <Components.Box\n        header={\n          <Components.BoxHeader\n            title={t('workAddress.title')}\n            action={\n              <Components.Button\n                variant=\"secondary\"\n                onClick={onManageWorkAddress}\n                isDisabled={isWorkAddressLoading}\n              >\n                {t('workAddress.manageCta')}\n              </Components.Button>\n            }\n          />\n        }\n      >\n        <Flex flexDirection=\"column\" gap={16}>\n          {isWorkAddressLoading ? (\n            <Loading />\n          ) : currentWorkAddress ? (\n            <Flex flexDirection=\"column\" gap={0}>\n              <Components.Text weight=\"medium\">\n                {currentWorkAddress.street1}\n                {currentWorkAddress.street2 ? `, ${currentWorkAddress.street2}` : ''}\n              </Components.Text>\n              <Components.Text variant=\"supporting\">\n                {currentWorkAddress.city}, {currentWorkAddress.state} {currentWorkAddress.zip}\n              </Components.Text>\n            </Flex>\n          ) : (\n            <Components.Text>{t('workAddress.noAddress')}</Components.Text>\n          )}\n        </Flex>\n      </Components.Box>\n    </Flex>\n  )\n}\n"],"names":["BasicDetailsViewWithData","employeeId","onEditBasicDetails","onManageHomeAddress","onManageWorkAddress","basicDetails","useEmployeeBasicDetails","jsx","BaseLayout","BasicDetailsView","employee","currentHomeAddress","currentWorkAddress","isLoading","isEmployeeLoading","isHomeAddressLoading","isWorkAddressLoading","t","useTranslation","Components","useComponentContext","legalName","firstLastName","startDate","formatDateLongWithYear","dateOfBirth","maskedSsn","emptyPlaceholder","basicDetailsItems","jsxs","Flex","Loading","getStreet","getCityStateZip"],"mappings":"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"}
+{"version":3,"file":"BasicDetailsView.js","sources":["../../../../src/components/Employee/Dashboard/BasicDetailsView.tsx"],"sourcesContent":["import { ProfileCard } from '@/components/Employee/Profile/management/ProfileCard'\nimport { HomeAddressCard } from '@/components/Employee/HomeAddress/management/HomeAddressCard'\nimport { WorkAddressCard } from '@/components/Employee/WorkAddress/management/WorkAddressCard'\nimport { Flex } from '@/components/Common/Flex/Flex'\nimport type { OnEventType } from '@/components/Base/useBase'\nimport type { EventType } from '@/shared/constants'\n\nexport interface BasicDetailsViewProps {\n  employeeId: string\n  onEvent: OnEventType<EventType, unknown>\n}\n\n/**\n * Tab-mounted container for the Basic details tab. After the Profile,\n * Home address, and Work address cards moved to standalone\n * self-fetching surfaces, this container is just a layout wrapper —\n * each card owns its own data fetch and event emission.\n */\nexport function BasicDetailsView({ employeeId, onEvent }: BasicDetailsViewProps) {\n  return (\n    <Flex flexDirection=\"column\" gap={24}>\n      <ProfileCard employeeId={employeeId} onEvent={onEvent} />\n\n      <HomeAddressCard employeeId={employeeId} onEvent={onEvent} />\n\n      <WorkAddressCard employeeId={employeeId} onEvent={onEvent} />\n    </Flex>\n  )\n}\n"],"names":["BasicDetailsView","employeeId","onEvent","jsxs","Flex","jsx","ProfileCard","HomeAddressCard","WorkAddressCard"],"mappings":";;;;;AAkBO,SAASA,EAAiB,EAAE,YAAAC,GAAY,SAAAC,KAAkC;AAC/E,SACE,gBAAAC,EAACC,GAAA,EAAK,eAAc,UAAS,KAAK,IAChC,UAAA;AAAA,IAAA,gBAAAC,EAACC,GAAA,EAAY,YAAAL,GAAwB,SAAAC,EAAA,CAAkB;AAAA,IAEvD,gBAAAG,EAACE,GAAA,EAAgB,YAAAN,GAAwB,SAAAC,EAAA,CAAkB;AAAA,IAE3D,gBAAAG,EAACG,GAAA,EAAgB,YAAAP,GAAwB,SAAAC,EAAA,CAAkB;AAAA,EAAA,GAC7D;AAEJ;"}

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

@@ -4,4 +4,4 @@ export interface DashboardProps extends BaseComponentInterface<'Employee.Dashboa
     employeeId: string;
     selectedTab?: DashboardTab;
 }
-export declare function Dashboard({ FallbackComponent, ...props }: DashboardProps & BaseComponentInterface): import("react/jsx-runtime").JSX.Element;
+export declare function Dashboard({ FallbackComponent, ...props }: DashboardProps & BaseComponentInterface): import("react").JSX.Element;

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

@@ -1,146 +1,86 @@
-import { jsx as s, jsxs as D } from "react/jsx-runtime";
-import { useState as B, useCallback as o, Suspense as l } from "react";
-import { useTranslation as h } from "react-i18next";
-import { useEmployeesGetSuspense as R } from "@gusto/embedded-api/react-query/employeesGet";
-import { BasicDetailsViewWithData as k } from "./BasicDetailsView.js";
-import { JobAndPayView as H } from "./JobAndPayView.js";
-import { TaxesViewWithData as F } from "./TaxesView.js";
-import { DocumentsViewWithData as J } from "./DocumentsView.js";
-import { Flex as b } from "../../Common/Flex/Flex.js";
-import { useComponentContext as m } from "../../../contexts/ComponentAdapter/useComponentContext.js";
-import { BaseBoundaries as V, BaseLayout as E } from "../../Base/Base.js";
-import { useI18n as W, useComponentDictionary as w } from "../../../i18n/I18n.js";
-import { componentEvents as i } from "../../../shared/constants.js";
-import { firstLastName as j } from "../../../helpers/formattedStrings.js";
-function G({
-  employeeId: a,
-  dictionary: r,
-  onEvent: t,
-  selectedTab: d
+import { jsx as e, jsxs as i } from "react/jsx-runtime";
+import { useState as h, Suspense as x } from "react";
+import { useTranslation as c } from "react-i18next";
+import { useEmployeesGetSuspense as y } from "@gusto/embedded-api-v-2025-11-15/react-query/employeesGet";
+import { BasicDetailsView as T } from "./BasicDetailsView.js";
+import { JobAndPayView as A } from "./JobAndPayView.js";
+import { TaxesViewWithData as C } from "./TaxesView.js";
+import { Flex as l } from "../../Common/Flex/Flex.js";
+import { useComponentContext as b } from "../../../contexts/ComponentAdapter/useComponentContext.js";
+import { BaseBoundaries as g } from "../../Base/Base.js";
+import { useI18n as E, useComponentDictionary as j } from "../../../i18n/I18n.js";
+import { componentEvents as B } from "../../../shared/constants.js";
+import { firstLastName as N } from "../../../helpers/formattedStrings.js";
+import { DocumentsCard as P } from "../Documents/management/DocumentsCard/DocumentsCard.js";
+function S({
+  employeeId: t,
+  dictionary: a,
+  onEvent: o,
+  selectedTab: r
 }) {
-  W("Employee.Dashboard"), w("Employee.Dashboard", r);
-  const { t: c } = h("Employee.Dashboard"), A = m(), [_, f] = B("basicDetails"), e = d ?? _, T = o(() => {
-    t(i.EMPLOYEE_UPDATE, { employeeId: a });
-  }, [t, a]), O = o(() => {
-    t(i.EMPLOYEE_HOME_ADDRESS, { employeeId: a });
-  }, [t, a]), L = o(() => {
-    t(i.EMPLOYEE_WORK_ADDRESS, { employeeId: a });
-  }, [t, a]), x = o(
-    (n) => {
-      t(i.EMPLOYEE_COMPENSATION_CREATE, { employeeId: a, job: n });
-    },
-    [t, a]
-  ), M = o(() => {
-    t(i.EMPLOYEE_JOB_ADD, { employeeId: a });
-  }, [t, a]), P = o(() => {
-    t(i.EMPLOYEE_JOB_ADD_ANOTHER, { employeeId: a });
-  }, [t, a]), S = o(() => {
-    t(i.EMPLOYEE_DEDUCTION_ADD, { employeeId: a });
-  }, [t, a]), g = o(
-    (n) => {
-      t(i.EMPLOYEE_DEDUCTION_EDIT, n);
-    },
-    [t]
-  ), p = o(
-    (n) => {
-      t(i.EMPLOYEE_FEDERAL_TAXES_EDIT, { employeeId: a, federalTaxes: n });
-    },
-    [t, a]
-  ), C = o(() => {
-    t(i.EMPLOYEE_STATE_TAXES_EDIT, { employeeId: a });
-  }, [t, a]), Y = o(
-    (n) => {
-      t(i.EMPLOYEE_VIEW_FORM_TO_SIGN, { employeeId: a, formId: n });
-    },
-    [t, a]
-  ), N = [
+  E("Employee.Dashboard"), j("Employee.Dashboard", a);
+  const { t: n } = c("Employee.Dashboard"), p = b(), [d, u] = h("basicDetails"), s = r ?? d, f = [
     {
       id: "basicDetails",
-      label: c("tabs.basicDetails"),
+      label: n("tabs.basicDetails"),
       content: null
     },
     {
       id: "jobAndPay",
-      label: c("tabs.jobAndPay"),
+      label: n("tabs.jobAndPay"),
       content: null
     },
     {
       id: "taxes",
-      label: c("tabs.taxes"),
+      label: n("tabs.taxes"),
       content: null
     },
     {
       id: "documents",
-      label: c("tabs.documents"),
+      label: n("tabs.documents"),
       content: null
     }
   ];
-  return /* @__PURE__ */ D(b, { flexDirection: "column", gap: 32, children: [
-    /* @__PURE__ */ s(l, { fallback: null, children: /* @__PURE__ */ s(U, { employeeId: a }) }),
-    /* @__PURE__ */ D(b, { flexDirection: "column", gap: 8, children: [
-      /* @__PURE__ */ s(
-        A.Tabs,
+  return /* @__PURE__ */ i(l, { flexDirection: "column", gap: 32, children: [
+    /* @__PURE__ */ e(x, { fallback: null, children: /* @__PURE__ */ e(_, { employeeId: t }) }),
+    /* @__PURE__ */ i(l, { flexDirection: "column", gap: 8, children: [
+      /* @__PURE__ */ e(
+        p.Tabs,
         {
-          tabs: N,
-          selectedId: e,
-          onSelectionChange: (n) => {
-            const u = n;
-            f(u), t(i.EMPLOYEE_DASHBOARD_TAB_CHANGE, { tab: u });
+          tabs: f,
+          selectedId: s,
+          onSelectionChange: (D) => {
+            const m = D;
+            u(m), o(B.EMPLOYEE_DASHBOARD_TAB_CHANGE, { tab: m });
           },
-          "aria-label": c("tabsLabel")
+          "aria-label": n("tabsLabel")
         }
       ),
-      /* @__PURE__ */ D(b, { flexDirection: "column", gap: 24, children: [
-        e === "basicDetails" && /* @__PURE__ */ s(l, { fallback: /* @__PURE__ */ s(E, { isLoading: !0 }), children: /* @__PURE__ */ s(
-          k,
-          {
-            employeeId: a,
-            onEditBasicDetails: T,
-            onManageHomeAddress: O,
-            onManageWorkAddress: L
-          }
-        ) }),
-        e === "jobAndPay" && /* @__PURE__ */ s(l, { fallback: /* @__PURE__ */ s(E, { isLoading: !0 }), children: /* @__PURE__ */ s(
-          H,
-          {
-            employeeId: a,
-            onEvent: t,
-            onEditCompensation: x,
-            onAddJob: M,
-            onAddAnotherJob: P,
-            onAddDeduction: S,
-            onEditDeduction: g
-          }
-        ) }),
-        e === "taxes" && /* @__PURE__ */ s(l, { fallback: /* @__PURE__ */ s(E, { isLoading: !0 }), children: /* @__PURE__ */ s(
-          F,
-          {
-            employeeId: a,
-            onEditFederalTaxes: p,
-            onEditStateTaxes: C
-          }
-        ) }),
-        e === "documents" && /* @__PURE__ */ s(l, { fallback: /* @__PURE__ */ s(E, { isLoading: !0 }), children: /* @__PURE__ */ s(J, { employeeId: a, onViewForm: Y }) })
+      /* @__PURE__ */ i(l, { flexDirection: "column", gap: 24, children: [
+        s === "basicDetails" && /* @__PURE__ */ e(T, { employeeId: t, onEvent: o }),
+        s === "jobAndPay" && /* @__PURE__ */ e(A, { employeeId: t, onEvent: o }),
+        s === "taxes" && /* @__PURE__ */ e(C, { employeeId: t, onEvent: o }),
+        s === "documents" && /* @__PURE__ */ e(P, { employeeId: t, onEvent: o })
       ] })
     ] })
   ] });
 }
-function U({ employeeId: a }) {
-  const { t: r } = h("Employee.Dashboard"), t = m(), {
-    data: { employee: d }
-  } = R({ employeeId: a });
-  return /* @__PURE__ */ D(b, { flexDirection: "column", gap: 4, children: [
-    /* @__PURE__ */ s(t.Heading, { as: "h2", children: j({ first_name: d?.firstName, last_name: d?.lastName }) }),
-    /* @__PURE__ */ s(t.Text, { variant: "supporting", children: r("employeeRoleLabel") })
+function _({ employeeId: t }) {
+  const { t: a } = c("Employee.Dashboard"), o = b(), {
+    data: { employee: r }
+  } = y({ employeeId: t });
+  return /* @__PURE__ */ i(l, { flexDirection: "column", gap: 4, children: [
+    /* @__PURE__ */ e(o.Heading, { as: "h2", children: N({ first_name: r?.firstName, last_name: r?.lastName }) }),
+    /* @__PURE__ */ e(o.Text, { variant: "supporting", children: a("employeeRoleLabel") })
   ] });
 }
-function oa({
-  FallbackComponent: a,
-  ...r
+function z({
+  FallbackComponent: t,
+  ...a
 }) {
-  return /* @__PURE__ */ s(V, { componentName: "Employee.Dashboard", FallbackComponent: a, children: /* @__PURE__ */ s(G, { ...r }) });
+  return /* @__PURE__ */ e(g, { componentName: "Employee.Dashboard", FallbackComponent: t, children: /* @__PURE__ */ e(S, { ...a }) });
 }
 export {
-  oa as Dashboard
+  z 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, useCallback } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { useEmployeesGetSuspense } from '@gusto/embedded-api/react-query/employeesGet'\nimport type { Job } from '@gusto/embedded-api/models/components/job'\nimport type { Garnishment } from '@gusto/embedded-api/models/components/garnishment'\nimport type { GetV1EmployeesEmployeeIdFederalTaxesResponse } from '@gusto/embedded-api/models/operations/getv1employeesemployeeidfederaltaxes'\nimport { BasicDetailsViewWithData } from './BasicDetailsView'\nimport { JobAndPayView } from './JobAndPayView'\nimport { TaxesViewWithData } from './TaxesView'\nimport { DocumentsViewWithData } from './DocumentsView'\nimport { Flex } from '@/components/Common/Flex/Flex'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { BaseBoundaries, BaseLayout, type BaseComponentInterface } from '@/components/Base/Base'\nimport { useComponentDictionary, useI18n } from '@/i18n'\nimport { componentEvents } from '@/shared/constants'\nimport { firstLastName } from '@/helpers/formattedStrings'\n\ntype EmployeeFederalTax = NonNullable<\n  GetV1EmployeesEmployeeIdFederalTaxesResponse['employeeFederalTax']\n>\n\nexport type DashboardTab = 'basicDetails' | 'jobAndPay' | 'taxes' | 'documents'\n\nexport interface DashboardProps extends BaseComponentInterface<'Employee.Dashboard'> {\n  employeeId: string\n  selectedTab?: DashboardTab\n}\n\nfunction DashboardRoot({\n  employeeId,\n  dictionary,\n  onEvent,\n  selectedTab: controlledTab,\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 handleEditBasicDetails = useCallback(() => {\n    onEvent(componentEvents.EMPLOYEE_UPDATE, { employeeId })\n  }, [onEvent, employeeId])\n\n  const handleManageHomeAddress = useCallback(() => {\n    onEvent(componentEvents.EMPLOYEE_HOME_ADDRESS, { employeeId })\n  }, [onEvent, employeeId])\n\n  const handleManageWorkAddress = useCallback(() => {\n    onEvent(componentEvents.EMPLOYEE_WORK_ADDRESS, { employeeId })\n  }, [onEvent, employeeId])\n\n  const handleEditCompensation = useCallback(\n    (job: Job) => {\n      onEvent(componentEvents.EMPLOYEE_COMPENSATION_CREATE, { employeeId, job })\n    },\n    [onEvent, employeeId],\n  )\n\n  const handleAddJob = useCallback(() => {\n    onEvent(componentEvents.EMPLOYEE_JOB_ADD, { employeeId })\n  }, [onEvent, employeeId])\n\n  const handleAddAnotherJob = useCallback(() => {\n    onEvent(componentEvents.EMPLOYEE_JOB_ADD_ANOTHER, { employeeId })\n  }, [onEvent, employeeId])\n\n  const handleAddDeduction = useCallback(() => {\n    onEvent(componentEvents.EMPLOYEE_DEDUCTION_ADD, { employeeId })\n  }, [onEvent, employeeId])\n\n  const handleEditDeduction = useCallback(\n    (deduction: Garnishment) => {\n      onEvent(componentEvents.EMPLOYEE_DEDUCTION_EDIT, deduction)\n    },\n    [onEvent],\n  )\n\n  const handleEditFederalTaxes = useCallback(\n    (federalTaxes: EmployeeFederalTax | undefined) => {\n      onEvent(componentEvents.EMPLOYEE_FEDERAL_TAXES_EDIT, { employeeId, federalTaxes })\n    },\n    [onEvent, employeeId],\n  )\n\n  const handleEditStateTaxes = useCallback(() => {\n    onEvent(componentEvents.EMPLOYEE_STATE_TAXES_EDIT, { employeeId })\n  }, [onEvent, employeeId])\n\n  const handleViewForm = useCallback(\n    (formId: string) => {\n      onEvent(componentEvents.EMPLOYEE_VIEW_FORM_TO_SIGN, { employeeId, formId })\n    },\n    [onEvent, employeeId],\n  )\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            <Suspense fallback={<BaseLayout isLoading />}>\n              <BasicDetailsViewWithData\n                employeeId={employeeId}\n                onEditBasicDetails={handleEditBasicDetails}\n                onManageHomeAddress={handleManageHomeAddress}\n                onManageWorkAddress={handleManageWorkAddress}\n              />\n            </Suspense>\n          )}\n\n          {selectedTab === 'jobAndPay' && (\n            <Suspense fallback={<BaseLayout isLoading />}>\n              <JobAndPayView\n                employeeId={employeeId}\n                onEvent={onEvent}\n                onEditCompensation={handleEditCompensation}\n                onAddJob={handleAddJob}\n                onAddAnotherJob={handleAddAnotherJob}\n                onAddDeduction={handleAddDeduction}\n                onEditDeduction={handleEditDeduction}\n              />\n            </Suspense>\n          )}\n\n          {selectedTab === 'taxes' && (\n            <Suspense fallback={<BaseLayout isLoading />}>\n              <TaxesViewWithData\n                employeeId={employeeId}\n                onEditFederalTaxes={handleEditFederalTaxes}\n                onEditStateTaxes={handleEditStateTaxes}\n              />\n            </Suspense>\n          )}\n\n          {selectedTab === 'documents' && (\n            <Suspense fallback={<BaseLayout isLoading />}>\n              <DocumentsViewWithData employeeId={employeeId} onViewForm={handleViewForm} />\n            </Suspense>\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\nexport function Dashboard({\n  FallbackComponent,\n  ...props\n}: DashboardProps & BaseComponentInterface) {\n  return (\n    <BaseBoundaries componentName=\"Employee.Dashboard\" FallbackComponent={FallbackComponent}>\n      <DashboardRoot {...props} />\n    </BaseBoundaries>\n  )\n}\n"],"names":["DashboardRoot","employeeId","dictionary","onEvent","controlledTab","useI18n","useComponentDictionary","t","useTranslation","Components","useComponentContext","internalTab","setInternalTab","useState","selectedTab","handleEditBasicDetails","useCallback","componentEvents","handleManageHomeAddress","handleManageWorkAddress","handleEditCompensation","job","handleAddJob","handleAddAnotherJob","handleAddDeduction","handleEditDeduction","deduction","handleEditFederalTaxes","federalTaxes","handleEditStateTaxes","handleViewForm","formId","tabs","jsxs","Flex","jsx","Suspense","DashboardHeader","id","next","BaseLayout","BasicDetailsViewWithData","JobAndPayView","TaxesViewWithData","DocumentsViewWithData","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-v-2025-11-15/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\nexport type DashboardTab = 'basicDetails' | 'jobAndPay' | 'taxes' | 'documents'\n\nexport interface DashboardProps extends BaseComponentInterface<'Employee.Dashboard'> {\n  employeeId: string\n  selectedTab?: DashboardTab\n}\n\nfunction DashboardRoot({\n  employeeId,\n  dictionary,\n  onEvent,\n  selectedTab: controlledTab,\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 employeeId={employeeId} onEvent={onEvent} />\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\nexport function Dashboard({\n  FallbackComponent,\n  ...props\n}: DashboardProps & BaseComponentInterface) {\n  return (\n    <BaseBoundaries componentName=\"Employee.Dashboard\" FallbackComponent={FallbackComponent}>\n      <DashboardRoot {...props} />\n    </BaseBoundaries>\n  )\n}\n"],"names":["DashboardRoot","employeeId","dictionary","onEvent","controlledTab","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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"}

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

@@ -1,29 +1,28 @@
-import { Job } from '@gusto/embedded-api/models/components/job';
 import { DashboardTab } from './Dashboard';
 import { FlowContextInterface } from '../../Flow/useFlow';
-export type DashboardSuccessAlert = 'bankAccountAdded' | 'bankAccountDeleted' | 'splitUpdated' | 'deductionAdded' | 'deductionUpdated' | 'deductionDeleted' | 'jobAdded';
+export type DashboardSuccessAlert = 'bankAccountAdded' | 'bankAccountDeleted' | 'splitUpdated' | 'deductionAdded' | 'deductionUpdated' | 'deductionDeleted' | 'jobAdded' | 'profileUpdated' | 'federalTaxesUpdated' | 'stateTaxesUpdated';
 export interface DashboardContextInterface extends FlowContextInterface {
     employeeId: string;
     formId?: string;
-    currentJob?: Job | null;
+    currentJobId?: string | null;
     successAlert?: DashboardSuccessAlert | null;
-    /** Set by the EMPLOYEE_DEDUCTION_EDIT transition; consumed by
-     *  DeductionFormContextual to pre-populate the form. */
+    /** Set by the EMPLOYEE_MANAGEMENT_DEDUCTIONS_CARD_EDIT_REQUESTED transition;
+     *  consumed by `DeductionsEditFormContextual` to pre-populate the form. */
     editingDeductionId?: string;
     /** Persists the active Dashboard tab across sub-flows so Cancel/Back
      *  returns to the originating tab instead of resetting to basic details. */
     selectedTab?: DashboardTab;
 }
-export declare function DashboardViewContextual(): import("react/jsx-runtime").JSX.Element;
-export declare function HomeAddressContextual(): import("react/jsx-runtime").JSX.Element;
-export declare function WorkAddressContextual(): import("react/jsx-runtime").JSX.Element;
-export declare function FederalTaxesContextual(): import("react/jsx-runtime").JSX.Element;
-export declare function StateTaxesContextual(): import("react/jsx-runtime").JSX.Element;
-export declare function ProfileContextual(): import("react/jsx-runtime").JSX.Element;
-export declare function PaymentBankFormContextual(): import("react/jsx-runtime").JSX.Element;
-export declare function PaymentSplitViewContextual(): import("react/jsx-runtime").JSX.Element;
-export declare function DocumentManagerContextual(): import("react/jsx-runtime").JSX.Element;
-export declare function DeductionFormContextual(): import("react/jsx-runtime").JSX.Element;
-export declare function AddJobContextual(): import("react/jsx-runtime").JSX.Element;
-export declare function EditCompensationContextual(): import("react/jsx-runtime").JSX.Element;
-export declare function AddAnotherJobContextual(): import("react/jsx-runtime").JSX.Element;
+export declare function DashboardViewContextual(): import("react").JSX.Element;
+export declare function HomeAddressContextual(): import("react").JSX.Element;
+export declare function WorkAddressContextual(): import("react").JSX.Element;
+export declare function FederalTaxesContextual(): import("react").JSX.Element;
+export declare function StateTaxesContextual(): import("react").JSX.Element;
+export declare function ProfileContextual(): import("react").JSX.Element;
+export declare function PaymentBankFormContextual(): import("react").JSX.Element;
+export declare function PaymentSplitViewContextual(): import("react").JSX.Element;
+export declare function DocumentManagerContextual(): import("react").JSX.Element;
+export declare function DeductionsEditFormContextual(): import("react").JSX.Element;
+export declare function AddJobContextual(): import("react").JSX.Element;
+export declare function EditCompensationContextual(): import("react").JSX.Element;
+export declare function AddAnotherJobContextual(): import("react").JSX.Element;