@gusto/embedded-react-sdk 0.45.0 → 0.46.0

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

@@ -1,26 +1,27 @@
-import { jsxs as y, Fragment as I, jsx as t } from "react/jsx-runtime";
-import { useTranslation as m } from "react-i18next";
-import { Dashboard as D } from "./Dashboard.js";
-import { HomeAddress as C } from "../HomeAddress/management/HomeAddress.js";
-import { WorkAddress as h } from "../WorkAddress/management/WorkAddress.js";
-import { FederalTaxes as b } from "../FederalTaxes/management/FederalTaxes.js";
+import { jsxs as I, Fragment as y, jsx as t } from "react/jsx-runtime";
+import { useTranslation as u } from "react-i18next";
+import { Dashboard as C } from "./Dashboard.js";
+import { HomeAddress as D } from "../HomeAddress/management/HomeAddress.js";
+import { WorkAddress as b } from "../WorkAddress/management/WorkAddress.js";
+import { FederalTaxes as A } from "../FederalTaxes/management/FederalTaxes.js";
 import { StateTaxes as x } from "../StateTaxes/management/StateTaxes.js";
-import { Profile as A } from "../Profile/management/Profile.js";
+import { Profile as h } from "../Profile/management/Profile.js";
 import { BankForm as v } from "../PaymentMethod/onboarding/BankForm.js";
 import { SplitView as T } from "../PaymentMethod/onboarding/SplitView.js";
 import { DocumentManager as g } from "../Documents/management/DocumentManager.js";
 import { DeductionsForm as F } from "../Deductions/DeductionsForm/DeductionsForm.js";
-import { useDeductionsList as P } from "../Deductions/shared/useDeductionsList.js";
+import { useDeductionsList as L } from "../Deductions/shared/useDeductionsList.js";
 import { useFlow as r } from "../../Flow/useFlow.js";
-import { useComponentContext as i } from "../../../contexts/ComponentAdapter/useComponentContext.js";
-import { BaseComponent as f, BaseLayout as p } from "../../Base/Base.js";
+import { useComponentContext as c } from "../../../contexts/ComponentAdapter/useComponentContext.js";
+import { BaseComponent as E, BaseLayout as f } from "../../Base/Base.js";
 import "../../Base/useBase.js";
 import { ensureRequired as n } from "../../../helpers/ensureRequired.js";
-import { useI18n as c } from "../../../i18n/I18n.js";
-import { componentEvents as s } from "../../../shared/constants.js";
-function K() {
-  c("Employee.Dashboard");
-  const { t: e } = m("Employee.Dashboard"), { employeeId: o, onEvent: d, successAlert: l } = r(), u = i(), a = {
+import { useI18n as p } from "../../../i18n/I18n.js";
+import { componentEvents as a } from "../../../shared/constants.js";
+import { EditCompensation as P } from "../Compensation/management/EditCompensation/EditCompensation.js";
+function X() {
+  p("Employee.Dashboard");
+  const { t: e } = u("Employee.Dashboard"), { employeeId: o, onEvent: d, successAlert: l, selectedTab: s } = r(), m = c(), i = {
     bankAccountAdded: e("alerts.bankAccountAdded"),
     bankAccountDeleted: e("alerts.bankAccountDeleted"),
     splitUpdated: e("alerts.splitUpdated"),
@@ -28,36 +29,35 @@ function K() {
     deductionUpdated: e("alerts.deductionUpdated"),
     deductionDeleted: e("alerts.deductionDeleted")
   };
-  return /* @__PURE__ */ y(I, { children: [
+  return /* @__PURE__ */ I(y, { children: [
     l && /* @__PURE__ */ t(
-      u.Alert,
+      m.Alert,
       {
         status: "success",
-        label: a[l],
+        label: i[l],
         onDismiss: () => {
-          d(s.EMPLOYEE_DISMISS, null);
+          d(a.EMPLOYEE_DISMISS, null);
         },
         disableScrollIntoView: !0
       }
     ),
-    /* @__PURE__ */ t(D, { employeeId: n(o), onEvent: d })
+    /* @__PURE__ */ t(
+      C,
+      {
+        employeeId: n(o),
+        onEvent: d,
+        selectedTab: s
+      }
+    )
   ] });
 }
-function Q() {
-  const { employeeId: e, onEvent: o } = r();
-  return /* @__PURE__ */ t(C, { employeeId: n(e), onEvent: o });
-}
-function X() {
-  const { employeeId: e, onEvent: o } = r();
-  return /* @__PURE__ */ t(h, { employeeId: n(e), onEvent: o });
-}
 function Z() {
   const { employeeId: e, onEvent: o } = r();
-  return /* @__PURE__ */ t(b, { employeeId: n(e), onEvent: o });
+  return /* @__PURE__ */ t(D, { employeeId: n(e), onEvent: o });
 }
 function $() {
   const { employeeId: e, onEvent: o } = r();
-  return /* @__PURE__ */ t(x, { employeeId: n(e), onEvent: o });
+  return /* @__PURE__ */ t(b, { employeeId: n(e), onEvent: o });
 }
 function ee() {
   const { employeeId: e, onEvent: o } = r();
@@ -65,13 +65,21 @@ function ee() {
 }
 function oe() {
   const { employeeId: e, onEvent: o } = r();
-  return /* @__PURE__ */ t(f, { onEvent: o, children: /* @__PURE__ */ t(v, { employeeId: n(e), onEvent: o }) });
+  return /* @__PURE__ */ t(x, { employeeId: n(e), onEvent: o });
 }
 function te() {
   const { employeeId: e, onEvent: o } = r();
-  return /* @__PURE__ */ t(f, { onEvent: o, children: /* @__PURE__ */ t(T, { employeeId: n(e), onEvent: o }) });
+  return /* @__PURE__ */ t(h, { employeeId: n(e), onEvent: o });
 }
 function ne() {
+  const { employeeId: e, onEvent: o } = r();
+  return /* @__PURE__ */ t(E, { onEvent: o, children: /* @__PURE__ */ t(v, { employeeId: n(e), onEvent: o }) });
+}
+function re() {
+  const { employeeId: e, onEvent: o } = r();
+  return /* @__PURE__ */ t(E, { onEvent: o, children: /* @__PURE__ */ t(T, { employeeId: n(e), onEvent: o }) });
+}
+function de() {
   const { employeeId: e, formId: o, onEvent: d } = r();
   return /* @__PURE__ */ t(
     g,
@@ -82,56 +90,65 @@ function ne() {
     }
   );
 }
-function re() {
-  const { employeeId: e, editingDeductionId: o, onEvent: d } = r(), l = P({ employeeId: n(e) });
+function le() {
+  const { employeeId: e, editingDeductionId: o, onEvent: d } = r(), l = L({ employeeId: n(e) });
   if (l.isLoading)
-    return /* @__PURE__ */ t(p, { isLoading: !0, error: l.errorHandling.errors });
-  const u = o ? l.data.deductions.find((a) => a.uuid === o) ?? null : null;
-  return /* @__PURE__ */ t(p, { error: l.errorHandling.errors, children: /* @__PURE__ */ t(
+    return /* @__PURE__ */ t(f, { isLoading: !0, error: l.errorHandling.errors });
+  const s = o ? l.data.deductions.find((m) => m.uuid === o) ?? null : null;
+  return /* @__PURE__ */ t(f, { error: l.errorHandling.errors, children: /* @__PURE__ */ t(
     F,
     {
       employeeId: n(e),
-      deduction: u,
-      onSaved: (a, E) => {
+      deduction: s,
+      onSaved: (m, i) => {
         d(
-          E === "create" ? s.EMPLOYEE_DEDUCTION_CREATED : s.EMPLOYEE_DEDUCTION_UPDATED,
-          a
+          i === "create" ? a.EMPLOYEE_DEDUCTION_CREATED : a.EMPLOYEE_DEDUCTION_UPDATED,
+          m
         );
       },
       onCancel: () => {
-        d(s.CANCEL);
+        d(a.CANCEL);
       }
     }
   ) });
 }
-function de() {
-  c("Employee.Dashboard");
-  const { t: e } = m("Employee.Dashboard"), o = i();
+function me() {
+  p("Employee.Dashboard");
+  const { t: e } = u("Employee.Dashboard"), o = c();
   return /* @__PURE__ */ t(o.Heading, { as: "h2", children: e("compensationFlow.addJobTitle") });
 }
-function le() {
-  c("Employee.Dashboard");
-  const { t: e } = m("Employee.Dashboard"), o = i();
-  return /* @__PURE__ */ t(o.Heading, { as: "h2", children: e("compensationFlow.editTitle") });
-}
 function ae() {
-  c("Employee.Dashboard");
-  const { t: e } = m("Employee.Dashboard"), o = i();
+  const { employeeId: e, currentJob: o, onEvent: d } = r();
+  return /* @__PURE__ */ t(
+    P,
+    {
+      employeeId: n(e),
+      jobId: n(o?.uuid),
+      onEvent: d,
+      onCancel: () => {
+        d(a.CANCEL, null);
+      }
+    }
+  );
+}
+function se() {
+  p("Employee.Dashboard");
+  const { t: e } = u("Employee.Dashboard"), o = c();
   return /* @__PURE__ */ t(o.Heading, { as: "h2", children: e("compensationFlow.addAnotherJobTitle") });
 }
 export {
-  ae as AddAnotherJobPlaceholderContextual,
-  de as AddJobPlaceholderContextual,
-  K as DashboardViewContextual,
-  re as DeductionFormContextual,
-  ne as DocumentManagerContextual,
-  le as EditCompensationPlaceholderContextual,
-  Z as FederalTaxesContextual,
-  Q as HomeAddressContextual,
-  oe as PaymentBankFormContextual,
-  te as PaymentSplitViewContextual,
-  ee as ProfileContextual,
-  $ as StateTaxesContextual,
-  X as WorkAddressContextual
+  se as AddAnotherJobPlaceholderContextual,
+  me as AddJobPlaceholderContextual,
+  X as DashboardViewContextual,
+  le as DeductionFormContextual,
+  de as DocumentManagerContextual,
+  ae as EditCompensationContextual,
+  ee as FederalTaxesContextual,
+  Z as HomeAddressContextual,
+  ne as PaymentBankFormContextual,
+  re as PaymentSplitViewContextual,
+  te as ProfileContextual,
+  oe as StateTaxesContextual,
+  $ as WorkAddressContextual
 };
 //# sourceMappingURL=DashboardComponents.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"DashboardComponents.js","sources":["../../../../src/components/Employee/Dashboard/DashboardComponents.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport type { Job } from '@gusto/embedded-api/models/components/job'\nimport { Dashboard } from './Dashboard'\nimport { HomeAddress } from '@/components/Employee/HomeAddress/management/HomeAddress'\nimport { WorkAddress } from '@/components/Employee/WorkAddress/management/WorkAddress'\nimport { FederalTaxes } from '@/components/Employee/FederalTaxes/management/FederalTaxes'\nimport { StateTaxes } from '@/components/Employee/StateTaxes/management/StateTaxes'\nimport { Profile } from '@/components/Employee/Profile/management/Profile'\nimport { BankForm } from '@/components/Employee/PaymentMethod/onboarding/BankForm'\nimport { SplitView } from '@/components/Employee/PaymentMethod/onboarding/SplitView'\nimport { DocumentManager } from '@/components/Employee/Documents/management/DocumentManager'\nimport { DeductionsForm } from '@/components/Employee/Deductions/DeductionsForm/DeductionsForm'\nimport { useDeductionsList } from '@/components/Employee/Deductions/shared'\nimport { useFlow, type FlowContextInterface } from '@/components/Flow/useFlow'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { BaseComponent, BaseLayout } from '@/components/Base'\nimport { ensureRequired } from '@/helpers/ensureRequired'\nimport { useI18n } from '@/i18n'\nimport { componentEvents } from '@/shared/constants'\n\nexport type DashboardSuccessAlert =\n  | 'bankAccountAdded'\n  | 'bankAccountDeleted'\n  | 'splitUpdated'\n  | 'deductionAdded'\n  | 'deductionUpdated'\n  | 'deductionDeleted'\n\nexport interface DashboardContextInterface extends FlowContextInterface {\n  employeeId: string\n  formId?: string\n  currentJob?: Job | null\n  successAlert?: DashboardSuccessAlert | null\n  /** Set by the EMPLOYEE_DEDUCTION_EDIT transition; consumed by\n   *  DeductionFormContextual to pre-populate the form. */\n  editingDeductionId?: string\n}\n\nexport function DashboardViewContextual() {\n  useI18n('Employee.Dashboard')\n  const { t } = useTranslation('Employee.Dashboard')\n  const { employeeId, onEvent, successAlert } = useFlow<DashboardContextInterface>()\n  const Components = useComponentContext()\n\n  const alertLabels: Record<DashboardSuccessAlert, string> = {\n    bankAccountAdded: t('alerts.bankAccountAdded'),\n    bankAccountDeleted: t('alerts.bankAccountDeleted'),\n    splitUpdated: t('alerts.splitUpdated'),\n    deductionAdded: t('alerts.deductionAdded'),\n    deductionUpdated: t('alerts.deductionUpdated'),\n    deductionDeleted: t('alerts.deductionDeleted'),\n  }\n\n  return (\n    <>\n      {successAlert && (\n        <Components.Alert\n          status=\"success\"\n          label={alertLabels[successAlert]}\n          onDismiss={() => {\n            onEvent(componentEvents.EMPLOYEE_DISMISS, null)\n          }}\n          disableScrollIntoView\n        />\n      )}\n      <Dashboard employeeId={ensureRequired(employeeId)} onEvent={onEvent} />\n    </>\n  )\n}\n\nexport function HomeAddressContextual() {\n  const { employeeId, onEvent } = useFlow<DashboardContextInterface>()\n  return <HomeAddress employeeId={ensureRequired(employeeId)} onEvent={onEvent} />\n}\n\nexport function WorkAddressContextual() {\n  const { employeeId, onEvent } = useFlow<DashboardContextInterface>()\n  return <WorkAddress employeeId={ensureRequired(employeeId)} onEvent={onEvent} />\n}\n\nexport function FederalTaxesContextual() {\n  const { employeeId, onEvent } = useFlow<DashboardContextInterface>()\n  return <FederalTaxes employeeId={ensureRequired(employeeId)} onEvent={onEvent} />\n}\n\nexport function StateTaxesContextual() {\n  const { employeeId, onEvent } = useFlow<DashboardContextInterface>()\n  return <StateTaxes employeeId={ensureRequired(employeeId)} onEvent={onEvent} />\n}\n\nexport function ProfileContextual() {\n  const { employeeId, onEvent } = useFlow<DashboardContextInterface>()\n  return <Profile employeeId={ensureRequired(employeeId)} onEvent={onEvent} />\n}\n\nexport function PaymentBankFormContextual() {\n  const { employeeId, onEvent } = useFlow<DashboardContextInterface>()\n  return (\n    <BaseComponent onEvent={onEvent}>\n      <BankForm employeeId={ensureRequired(employeeId)} onEvent={onEvent} />\n    </BaseComponent>\n  )\n}\n\nexport function PaymentSplitViewContextual() {\n  const { employeeId, onEvent } = useFlow<DashboardContextInterface>()\n  return (\n    <BaseComponent onEvent={onEvent}>\n      <SplitView employeeId={ensureRequired(employeeId)} onEvent={onEvent} />\n    </BaseComponent>\n  )\n}\n\nexport function DocumentManagerContextual() {\n  const { employeeId, formId, onEvent } = useFlow<DashboardContextInterface>()\n  return (\n    <DocumentManager\n      employeeId={ensureRequired(employeeId)}\n      formId={ensureRequired(formId)}\n      onEvent={onEvent}\n    />\n  )\n}\n\nexport function DeductionFormContextual() {\n  const { employeeId, editingDeductionId, onEvent } = useFlow<DashboardContextInterface>()\n  // The same list query the form hooks use internally — React Query dedupes,\n  // so this just looks up the loaded row to pre-populate edit mode.\n  const list = useDeductionsList({ employeeId: ensureRequired(employeeId) })\n\n  if (list.isLoading) {\n    return <BaseLayout isLoading error={list.errorHandling.errors} />\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}>\n      <DeductionsForm\n        employeeId={ensureRequired(employeeId)}\n        deduction={deduction}\n        onSaved={(saved, mode) => {\n          onEvent(\n            mode === 'create'\n              ? componentEvents.EMPLOYEE_DEDUCTION_CREATED\n              : componentEvents.EMPLOYEE_DEDUCTION_UPDATED,\n            saved,\n          )\n        }}\n        onCancel={() => {\n          onEvent(componentEvents.CANCEL)\n        }}\n      />\n    </BaseLayout>\n  )\n}\n\nexport function AddJobPlaceholderContextual() {\n  useI18n('Employee.Dashboard')\n  const { t } = useTranslation('Employee.Dashboard')\n  const Components = useComponentContext()\n  return <Components.Heading as=\"h2\">{t('compensationFlow.addJobTitle')}</Components.Heading>\n}\n\nexport function EditCompensationPlaceholderContextual() {\n  useI18n('Employee.Dashboard')\n  const { t } = useTranslation('Employee.Dashboard')\n  const Components = useComponentContext()\n  return <Components.Heading as=\"h2\">{t('compensationFlow.editTitle')}</Components.Heading>\n}\n\nexport function AddAnotherJobPlaceholderContextual() {\n  useI18n('Employee.Dashboard')\n  const { t } = useTranslation('Employee.Dashboard')\n  const Components = useComponentContext()\n  return <Components.Heading as=\"h2\">{t('compensationFlow.addAnotherJobTitle')}</Components.Heading>\n}\n"],"names":["DashboardViewContextual","useI18n","t","useTranslation","employeeId","onEvent","successAlert","useFlow","Components","useComponentContext","alertLabels","jsxs","Fragment","jsx","componentEvents","Dashboard","ensureRequired","HomeAddressContextual","HomeAddress","WorkAddressContextual","WorkAddress","FederalTaxesContextual","FederalTaxes","StateTaxesContextual","StateTaxes","ProfileContextual","Profile","PaymentBankFormContextual","BaseComponent","BankForm","PaymentSplitViewContextual","SplitView","DocumentManagerContextual","formId","DocumentManager","DeductionFormContextual","editingDeductionId","list","useDeductionsList","BaseLayout","deduction","d","DeductionsForm","saved","mode","AddJobPlaceholderContextual","EditCompensationPlaceholderContextual","AddAnotherJobPlaceholderContextual"],"mappings":"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"}
+{"version":3,"file":"DashboardComponents.js","sources":["../../../../src/components/Employee/Dashboard/DashboardComponents.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport type { Job } from '@gusto/embedded-api/models/components/job'\nimport { Dashboard, type DashboardTab } from './Dashboard'\nimport { HomeAddress } from '@/components/Employee/HomeAddress/management/HomeAddress'\nimport { WorkAddress } from '@/components/Employee/WorkAddress/management/WorkAddress'\nimport { FederalTaxes } from '@/components/Employee/FederalTaxes/management/FederalTaxes'\nimport { StateTaxes } from '@/components/Employee/StateTaxes/management/StateTaxes'\nimport { Profile } from '@/components/Employee/Profile/management/Profile'\nimport { BankForm } from '@/components/Employee/PaymentMethod/onboarding/BankForm'\nimport { SplitView } from '@/components/Employee/PaymentMethod/onboarding/SplitView'\nimport { DocumentManager } from '@/components/Employee/Documents/management/DocumentManager'\nimport { DeductionsForm } from '@/components/Employee/Deductions/DeductionsForm/DeductionsForm'\nimport { ManagementEditCompensation } from '@/components/Employee/Compensation/management'\nimport { useDeductionsList } from '@/components/Employee/Deductions/shared'\nimport { useFlow, type FlowContextInterface } from '@/components/Flow/useFlow'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { BaseComponent, BaseLayout } from '@/components/Base'\nimport { ensureRequired } from '@/helpers/ensureRequired'\nimport { useI18n } from '@/i18n'\nimport { componentEvents } from '@/shared/constants'\n\nexport type DashboardSuccessAlert =\n  | 'bankAccountAdded'\n  | 'bankAccountDeleted'\n  | 'splitUpdated'\n  | 'deductionAdded'\n  | 'deductionUpdated'\n  | 'deductionDeleted'\n\nexport interface DashboardContextInterface extends FlowContextInterface {\n  employeeId: string\n  formId?: string\n  currentJob?: Job | null\n  successAlert?: DashboardSuccessAlert | null\n  /** Set by the EMPLOYEE_DEDUCTION_EDIT transition; consumed by\n   *  DeductionFormContextual to pre-populate the form. */\n  editingDeductionId?: string\n  /** Persists the active Dashboard tab across sub-flows so Cancel/Back\n   *  returns to the originating tab instead of resetting to basic details. */\n  selectedTab?: DashboardTab\n}\n\nexport function DashboardViewContextual() {\n  useI18n('Employee.Dashboard')\n  const { t } = useTranslation('Employee.Dashboard')\n  const { employeeId, onEvent, successAlert, selectedTab } = useFlow<DashboardContextInterface>()\n  const Components = useComponentContext()\n\n  const alertLabels: Record<DashboardSuccessAlert, string> = {\n    bankAccountAdded: t('alerts.bankAccountAdded'),\n    bankAccountDeleted: t('alerts.bankAccountDeleted'),\n    splitUpdated: t('alerts.splitUpdated'),\n    deductionAdded: t('alerts.deductionAdded'),\n    deductionUpdated: t('alerts.deductionUpdated'),\n    deductionDeleted: t('alerts.deductionDeleted'),\n  }\n\n  return (\n    <>\n      {successAlert && (\n        <Components.Alert\n          status=\"success\"\n          label={alertLabels[successAlert]}\n          onDismiss={() => {\n            onEvent(componentEvents.EMPLOYEE_DISMISS, null)\n          }}\n          disableScrollIntoView\n        />\n      )}\n      <Dashboard\n        employeeId={ensureRequired(employeeId)}\n        onEvent={onEvent}\n        selectedTab={selectedTab}\n      />\n    </>\n  )\n}\n\nexport function HomeAddressContextual() {\n  const { employeeId, onEvent } = useFlow<DashboardContextInterface>()\n  return <HomeAddress employeeId={ensureRequired(employeeId)} onEvent={onEvent} />\n}\n\nexport function WorkAddressContextual() {\n  const { employeeId, onEvent } = useFlow<DashboardContextInterface>()\n  return <WorkAddress employeeId={ensureRequired(employeeId)} onEvent={onEvent} />\n}\n\nexport function FederalTaxesContextual() {\n  const { employeeId, onEvent } = useFlow<DashboardContextInterface>()\n  return <FederalTaxes employeeId={ensureRequired(employeeId)} onEvent={onEvent} />\n}\n\nexport function StateTaxesContextual() {\n  const { employeeId, onEvent } = useFlow<DashboardContextInterface>()\n  return <StateTaxes employeeId={ensureRequired(employeeId)} onEvent={onEvent} />\n}\n\nexport function ProfileContextual() {\n  const { employeeId, onEvent } = useFlow<DashboardContextInterface>()\n  return <Profile employeeId={ensureRequired(employeeId)} onEvent={onEvent} />\n}\n\nexport function PaymentBankFormContextual() {\n  const { employeeId, onEvent } = useFlow<DashboardContextInterface>()\n  return (\n    <BaseComponent onEvent={onEvent}>\n      <BankForm employeeId={ensureRequired(employeeId)} onEvent={onEvent} />\n    </BaseComponent>\n  )\n}\n\nexport function PaymentSplitViewContextual() {\n  const { employeeId, onEvent } = useFlow<DashboardContextInterface>()\n  return (\n    <BaseComponent onEvent={onEvent}>\n      <SplitView employeeId={ensureRequired(employeeId)} onEvent={onEvent} />\n    </BaseComponent>\n  )\n}\n\nexport function DocumentManagerContextual() {\n  const { employeeId, formId, onEvent } = useFlow<DashboardContextInterface>()\n  return (\n    <DocumentManager\n      employeeId={ensureRequired(employeeId)}\n      formId={ensureRequired(formId)}\n      onEvent={onEvent}\n    />\n  )\n}\n\nexport function DeductionFormContextual() {\n  const { employeeId, editingDeductionId, onEvent } = useFlow<DashboardContextInterface>()\n  // The same list query the form hooks use internally — React Query dedupes,\n  // so this just looks up the loaded row to pre-populate edit mode.\n  const list = useDeductionsList({ employeeId: ensureRequired(employeeId) })\n\n  if (list.isLoading) {\n    return <BaseLayout isLoading error={list.errorHandling.errors} />\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}>\n      <DeductionsForm\n        employeeId={ensureRequired(employeeId)}\n        deduction={deduction}\n        onSaved={(saved, mode) => {\n          onEvent(\n            mode === 'create'\n              ? componentEvents.EMPLOYEE_DEDUCTION_CREATED\n              : componentEvents.EMPLOYEE_DEDUCTION_UPDATED,\n            saved,\n          )\n        }}\n        onCancel={() => {\n          onEvent(componentEvents.CANCEL)\n        }}\n      />\n    </BaseLayout>\n  )\n}\n\nexport function AddJobPlaceholderContextual() {\n  useI18n('Employee.Dashboard')\n  const { t } = useTranslation('Employee.Dashboard')\n  const Components = useComponentContext()\n  return <Components.Heading as=\"h2\">{t('compensationFlow.addJobTitle')}</Components.Heading>\n}\n\nexport function EditCompensationContextual() {\n  const { employeeId, currentJob, onEvent } = useFlow<DashboardContextInterface>()\n  return (\n    <ManagementEditCompensation\n      employeeId={ensureRequired(employeeId)}\n      jobId={ensureRequired(currentJob?.uuid)}\n      onEvent={onEvent}\n      onCancel={() => {\n        onEvent(componentEvents.CANCEL, null)\n      }}\n    />\n  )\n}\n\nexport function AddAnotherJobPlaceholderContextual() {\n  useI18n('Employee.Dashboard')\n  const { t } = useTranslation('Employee.Dashboard')\n  const Components = useComponentContext()\n  return <Components.Heading as=\"h2\">{t('compensationFlow.addAnotherJobTitle')}</Components.Heading>\n}\n"],"names":["DashboardViewContextual","useI18n","t","useTranslation","employeeId","onEvent","successAlert","selectedTab","useFlow","Components","useComponentContext","alertLabels","jsxs","Fragment","jsx","componentEvents","Dashboard","ensureRequired","HomeAddressContextual","HomeAddress","WorkAddressContextual","WorkAddress","FederalTaxesContextual","FederalTaxes","StateTaxesContextual","StateTaxes","ProfileContextual","Profile","PaymentBankFormContextual","BaseComponent","BankForm","PaymentSplitViewContextual","SplitView","DocumentManagerContextual","formId","DocumentManager","DeductionFormContextual","editingDeductionId","list","useDeductionsList","BaseLayout","deduction","d","DeductionsForm","saved","mode","AddJobPlaceholderContextual","EditCompensationContextual","currentJob","ManagementEditCompensation","AddAnotherJobPlaceholderContextual"],"mappings":"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"}

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

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

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

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