@gusto/embedded-react-sdk 0.46.0 → 0.46.3

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, 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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"}
+{"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 { getPendingCompensationChanges } from './getPendingCompensationChanges'\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 {\n  ManagementEditCompensation,\n  ManagementEditPendingCompensation,\n} from '@/components/Employee/Compensation/management'\nimport { useDeductionsList } from '@/components/Employee/Deductions/shared'\nimport { AddAnotherJob } from '@/components/Employee/Compensation/management/AddAnotherJob/AddAnotherJob'\nimport { EditCompensation } from '@/components/Employee/Compensation/onboarding/EditCompensation/EditCompensation'\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  | 'jobAdded'\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    jobAdded: t('alerts.jobAdded'),\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 AddJobContextual() {\n  useI18n('Employee.Dashboard')\n  const { t } = useTranslation('Employee.Dashboard')\n  const { employeeId, onEvent } = useFlow<DashboardContextInterface>()\n  return (\n    <EditCompensation\n      employeeId={ensureRequired(employeeId)}\n      title={t('compensationFlow.addJobTitle')}\n      submitCtaLabel={t('compensationFlow.saveCta')}\n      onEvent={onEvent}\n      onCancel={() => {\n        onEvent(componentEvents.CANCEL)\n      }}\n    />\n  )\n}\n\nexport function EditCompensationContextual() {\n  const { employeeId, currentJob, onEvent } = useFlow<DashboardContextInterface>()\n\n  // Use getPendingCompensationChanges to find the nearest pending comp — the\n  // API does not guarantee ordering of job.compensations, so we rely on the\n  // same sorted helper that drives the card display (ascending by effectiveDate).\n  const pendingChanges = getPendingCompensationChanges(currentJob ? [currentJob] : [])\n  const nearestPending = pendingChanges[0]\n\n  if (nearestPending) {\n    return (\n      <ManagementEditPendingCompensation\n        employeeId={ensureRequired(employeeId)}\n        jobId={ensureRequired(currentJob?.uuid)}\n        compensationId={nearestPending.compensationUuid}\n        isNewJob={nearestPending.isNewJob}\n        isPrimaryJob={currentJob?.primary ?? false}\n        onEvent={onEvent}\n        onCancel={() => {\n          onEvent(componentEvents.CANCEL, null)\n        }}\n      />\n    )\n  }\n\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 AddAnotherJobContextual() {\n  const { employeeId, onEvent } = useFlow<DashboardContextInterface>()\n  return (\n    <AddAnotherJob\n      employeeId={ensureRequired(employeeId)}\n      onEvent={onEvent}\n      onCancel={() => {\n        onEvent(componentEvents.CANCEL)\n      }}\n    />\n  )\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","AddJobContextual","EditCompensation","EditCompensationContextual","currentJob","nearestPending","getPendingCompensationChanges","ManagementEditPendingCompensation","ManagementEditCompensation","AddAnotherJobContextual","AddAnotherJob"],"mappings":"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"}

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

@@ -1,7 +1,7 @@
 import { jsx as e } from "react/jsx-runtime";
-import { useTranslation as c } from "react-i18next";
-import { Flex as m } from "../../Common/Flex/Flex.js";
-import { useComponentContext as d } from "../../../contexts/ComponentAdapter/useComponentContext.js";
+import { useTranslation as u } from "react-i18next";
+import { Flex as d } from "../../Common/Flex/Flex.js";
+import { useComponentContext as c } from "../../../contexts/ComponentAdapter/useComponentContext.js";
 import "classnames";
 import "../../../shared/constants.js";
 import { Loading as l } from "../../Common/Loading/Loading.js";
@@ -13,7 +13,7 @@ import { DataView as h } from "../../Common/DataView/DataView.js";
 function v({ employeeId: i, onViewForm: s }) {
   const n = g({ employeeId: i });
   return /* @__PURE__ */ e(p, { error: n.errorHandling.errors, children: /* @__PURE__ */ e(
-    D,
+    S,
     {
       forms: n.data.formList,
       isLoading: n.status.isFormsLoading,
@@ -21,8 +21,8 @@ function v({ employeeId: i, onViewForm: s }) {
     }
   ) });
 }
-function D({ forms: i = [], isLoading: s = !1, onViewForm: n }) {
-  const { t } = c("Employee.Dashboard"), o = d(), a = [
+function S({ forms: i = [], isLoading: s = !1, onViewForm: n }) {
+  const { t } = u("Employee.Dashboard"), o = c(), m = [
     {
       key: "title",
       title: t("documents.columns.title"),
@@ -43,9 +43,9 @@ 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") })
     }
-  ], u = y({
+  ], a = y({
     data: i,
-    columns: a,
+    columns: m,
     itemMenu: (r) => /* @__PURE__ */ e(o.Button, { variant: "secondary", onClick: () => n?.(r.uuid), children: t("documents.viewCta") }),
     emptyState: () => /* @__PURE__ */ e(
       f,
@@ -55,10 +55,17 @@ function D({ forms: i = [], isLoading: s = !1, onViewForm: n }) {
       }
     )
   });
-  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 }) }) }) });
+  return /* @__PURE__ */ e(d, { flexDirection: "column", gap: 24, children: /* @__PURE__ */ e(
+    o.Box,
+    {
+      withPadding: !1,
+      header: /* @__PURE__ */ e(o.BoxHeader, { title: t("documents.title") }),
+      children: s ? /* @__PURE__ */ e(l, {}) : /* @__PURE__ */ e(h, { label: t("documents.listLabel"), isWithinBox: !0, ...a })
+    }
+  ) });
 }
 export {
-  D as DocumentsView,
+  S as DocumentsView,
   v as DocumentsViewWithData
 };
 //# sourceMappingURL=DocumentsView.js.map

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