@gusto/embedded-react-sdk 0.47.0 → 0.48.0

package/dist/components/Employee/Paystubs/management/PaystubsCard/PaystubsCard.js

@@ -2,16 +2,16 @@ import { jsx as r } from "react/jsx-runtime";
 import { useState as N, useCallback as U } from "react";
 import { useTranslation as C } from "react-i18next";
 import { useErrorBoundary as R } from "react-error-boundary";
-import { componentEvents as b } from "../../../../../shared/constants.js";
 import { Loading as _ } from "../../../../Common/Loading/Loading.js";
-import { EmptyData as w } from "../../../../Common/EmptyData/EmptyData.js";
-import { BaseBoundaries as O, BaseLayout as D } from "../../../../Base/Base.js";
-import { useComponentContext as L } from "../../../../../contexts/ComponentAdapter/useComponentContext.js";
+import { EmptyData as b } from "../../../../Common/EmptyData/EmptyData.js";
+import { useComponentContext as D } from "../../../../../contexts/ComponentAdapter/useComponentContext.js";
+import { BaseBoundaries as O, BaseLayout as L } from "../../../../Base/Base.js";
 import { composeErrorHandler as T } from "../../../../../partner-hook-utils/composeErrorHandler.js";
 import { usePaymentMethodList as v } from "../../../PaymentMethod/shared/usePaymentMethodList.js";
 import { formatDateLongWithYear as j } from "../../../../../helpers/dateFormatting.js";
 import W from "../../../../../hooks/useNumberFormatter.js";
 import { useI18n as Y } from "../../../../../i18n/I18n.js";
+import { componentEvents as w } from "../../../../../shared/constants.js";
 import H from "../../../../../assets/icons/download-cloud.svg.js";
 import { usePaystubsList as F } from "../../shared/usePaystubsList/usePaystubsList.js";
 import { useDataView as V } from "../../../../Common/DataView/useDataView.js";
@@ -21,8 +21,8 @@ function mt(i) {
 }
 function Q({ employeeId: i, onEvent: c }) {
   Y("Employee.Management.Paystubs");
-  const { t: s } = C("Employee.Management.Paystubs"), l = L(), m = F({ employeeId: i }), n = v({ employeeId: i }), d = T([m, n]);
-  return m.isLoading ? /* @__PURE__ */ r(D, { error: d.errors, children: /* @__PURE__ */ r(l.Box, { header: /* @__PURE__ */ r(l.BoxHeader, { title: s("title") }), children: /* @__PURE__ */ r(_, {}) }) }) : /* @__PURE__ */ r(
+  const { t: s } = C("Employee.Management.Paystubs"), l = D(), m = F({ employeeId: i }), n = v({ employeeId: i }), d = T([m, n]);
+  return m.isLoading ? /* @__PURE__ */ r(L, { error: d.errors, children: /* @__PURE__ */ r(l.Box, { header: /* @__PURE__ */ r(l.BoxHeader, { title: s("title") }), children: /* @__PURE__ */ r(_, {}) }) }) : /* @__PURE__ */ r(
     q,
     {
       employeeId: i,
@@ -40,11 +40,11 @@ function q({
   paymentMethodList: l,
   errorHandling: m
 }) {
-  const { t: n } = C("Employee.Management.Paystubs"), d = L(), u = W("currency"), { showBoundary: y } = R(), [M, f] = N(
+  const { t: n } = C("Employee.Management.Paystubs"), d = D(), u = W("currency"), { showBoundary: y } = R(), [M, f] = N(
     () => /* @__PURE__ */ new Set()
   ), { payStubs: h } = s.data, x = s.pagination.payStubs, S = l.isLoading ? void 0 : l.data.paymentMethod, k = U(
     async (t) => {
-      c(b.EMPLOYEE_MANAGEMENT_PAYSTUBS_CARD_DOWNLOAD_REQUESTED, {
+      c(w.EMPLOYEE_MANAGEMENT_PAYSTUBS_CARD_DOWNLOAD_REQUESTED, {
         employeeId: i,
         payrollUuid: t
       });
@@ -72,7 +72,7 @@ function q({
         const a = URL.createObjectURL(e.data);
         o ? (o.addEventListener("load", () => {
           URL.revokeObjectURL(a);
-        }), o.location.href = a) : URL.revokeObjectURL(a), c(b.EMPLOYEE_MANAGEMENT_PAYSTUBS_CARD_DOWNLOADED, {
+        }), o.location.href = a) : URL.revokeObjectURL(a), c(w.EMPLOYEE_MANAGEMENT_PAYSTUBS_CARD_DOWNLOADED, {
           employeeId: i,
           payrollUuid: t
         });
@@ -136,14 +136,14 @@ function q({
         }
       );
     },
-    emptyState: () => /* @__PURE__ */ r(w, { title: n("emptyState.title"), description: n("emptyState.description") })
+    emptyState: () => /* @__PURE__ */ r(b, { title: n("emptyState.title"), description: n("emptyState.description") })
   }), g = h.length > 0;
-  return /* @__PURE__ */ r(D, { error: m.errors, children: /* @__PURE__ */ r(
+  return /* @__PURE__ */ r(L, { error: m.errors, children: /* @__PURE__ */ r(
     d.Box,
     {
       withPadding: !g,
       header: /* @__PURE__ */ r(d.BoxHeader, { title: n("title") }),
-      children: g ? /* @__PURE__ */ r(G, { label: n("listLabel"), isWithinBox: !0, ...B }) : /* @__PURE__ */ r(w, { title: n("emptyState.title"), description: n("emptyState.description") })
+      children: g ? /* @__PURE__ */ r(G, { label: n("listLabel"), isWithinBox: !0, ...B }) : /* @__PURE__ */ r(b, { title: n("emptyState.title"), description: n("emptyState.description") })
     }
   ) });
 }

package/dist/components/Employee/Paystubs/management/PaystubsCard/PaystubsCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"PaystubsCard.js","sources":["../../../../../../src/components/Employee/Paystubs/management/PaystubsCard/PaystubsCard.tsx"],"sourcesContent":["import { useCallback, useState } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { useErrorBoundary } from 'react-error-boundary'\nimport {\n  usePaystubsList,\n  type EmployeePayStub,\n  type UsePaystubsListReady,\n} from '../../shared/usePaystubsList'\nimport { DataView, EmptyData, useDataView, Loading } from '@/components/Common'\nimport { BaseBoundaries, BaseLayout } from '@/components/Base/Base'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { composeErrorHandler } from '@/partner-hook-utils/composeErrorHandler'\nimport {\n  usePaymentMethodList,\n  type UsePaymentMethodListResult,\n} from '@/components/Employee/PaymentMethod/shared'\nimport { formatDateLongWithYear } from '@/helpers/dateFormatting'\nimport useNumberFormatter from '@/hooks/useNumberFormatter'\nimport { useI18n } from '@/i18n'\nimport { componentEvents, type EventType } from '@/shared/constants'\nimport type { OnEventType } from '@/components/Base/useBase'\nimport DownloadCloudIcon from '@/assets/icons/download-cloud.svg?react'\n\nexport interface PaystubsCardProps {\n  employeeId: string\n  onEvent: OnEventType<EventType, unknown>\n}\n\n/**\n * Standalone \"Paystubs\" card. Owns its own data fetch via\n * {@link usePaystubsList} and renders the paginated paystubs table with a\n * per-row PDF download action. Emits the management block's scoped events\n * (`EMPLOYEE_MANAGEMENT_PAYSTUBS_CARD_*`) on download request and on\n * download success. The card has no edit transitions and no alert API —\n * paystubs is a read-only surface whose only action is a download side\n * effect that opens the PDF in a new tab.\n */\nexport function PaystubsCard(props: PaystubsCardProps) {\n  return (\n    <BaseBoundaries componentName=\"Employee.Management.Paystubs\">\n      <PaystubsCardContent {...props} />\n    </BaseBoundaries>\n  )\n}\n\nfunction PaystubsCardContent({ employeeId, onEvent }: PaystubsCardProps) {\n  useI18n('Employee.Management.Paystubs')\n  const { t } = useTranslation('Employee.Management.Paystubs')\n  const Components = useComponentContext()\n  const paystubsList = usePaystubsList({ employeeId })\n  const paymentMethodList = usePaymentMethodList({ employeeId })\n\n  const errorHandling = composeErrorHandler([paystubsList, paymentMethodList])\n\n  if (paystubsList.isLoading) {\n    return (\n      <BaseLayout error={errorHandling.errors}>\n        <Components.Box header={<Components.BoxHeader title={t('title')} />}>\n          <Loading />\n        </Components.Box>\n      </BaseLayout>\n    )\n  }\n\n  return (\n    <PaystubsCardReady\n      employeeId={employeeId}\n      onEvent={onEvent}\n      paystubsList={paystubsList}\n      paymentMethodList={paymentMethodList}\n      errorHandling={errorHandling}\n    />\n  )\n}\n\ninterface PaystubsCardReadyProps extends PaystubsCardProps {\n  paystubsList: UsePaystubsListReady\n  paymentMethodList: UsePaymentMethodListResult\n  errorHandling: ReturnType<typeof composeErrorHandler>\n}\n\nfunction PaystubsCardReady({\n  employeeId,\n  onEvent,\n  paystubsList,\n  paymentMethodList,\n  errorHandling,\n}: PaystubsCardReadyProps) {\n  const { t } = useTranslation('Employee.Management.Paystubs')\n  const Components = useComponentContext()\n  const formatCurrency = useNumberFormatter('currency')\n  const { showBoundary } = useErrorBoundary()\n\n  const [downloadingPayrollUuids, setDownloadingPayrollUuids] = useState<ReadonlySet<string>>(\n    () => new Set(),\n  )\n\n  const { payStubs } = paystubsList.data\n  const payStubsPagination = paystubsList.pagination.payStubs\n  const paymentMethod = paymentMethodList.isLoading\n    ? undefined\n    : paymentMethodList.data.paymentMethod\n\n  const handleDownload = useCallback(\n    async (payrollUuid: string) => {\n      onEvent(componentEvents.EMPLOYEE_MANAGEMENT_PAYSTUBS_CARD_DOWNLOAD_REQUESTED, {\n        employeeId,\n        payrollUuid,\n      })\n\n      // Omit `noopener` — it makes window.open return null in modern browsers,\n      // which would leave us unable to navigate the new tab to the blob URL.\n      const newWindow = window.open('', '_blank')\n      const loadingMessage = t('downloadLoadingMessage')\n      if (newWindow) {\n        // Avoid the user staring at about:blank while we fetch the PDF. The\n        // navigation to the Blob URL below replaces this document.\n        const doc = newWindow.document\n        doc.title = loadingMessage\n        const style = doc.createElement('style')\n        style.textContent =\n          'body{font-family:system-ui,-apple-system,sans-serif;display:flex;align-items:center;' +\n          'justify-content:center;height:100vh;margin:0;color:#444;gap:12px}' +\n          '.spinner{width:20px;height:20px;border:2px solid #ccc;border-top-color:#444;' +\n          'border-radius:50%;animation:spin .8s linear infinite}' +\n          '@keyframes spin{to{transform:rotate(360deg)}}'\n        doc.head.appendChild(style)\n        const spinner = doc.createElement('div')\n        spinner.className = 'spinner'\n        spinner.setAttribute('aria-hidden', 'true')\n        const label = doc.createElement('span')\n        label.textContent = loadingMessage\n        doc.body.replaceChildren(spinner, label)\n      }\n      setDownloadingPayrollUuids(prev => {\n        const next = new Set(prev)\n        next.add(payrollUuid)\n        return next\n      })\n      try {\n        const result = await paystubsList.actions.downloadPayStub(payrollUuid)\n        if (!result) {\n          if (newWindow) newWindow.close()\n          return\n        }\n        const url = URL.createObjectURL(result.data)\n        if (newWindow) {\n          // Revoke after the new tab has loaded the blob; revoking synchronously\n          // would race the navigation and leave the tab blank.\n          newWindow.addEventListener('load', () => {\n            URL.revokeObjectURL(url)\n          })\n          newWindow.location.href = url\n        } else {\n          URL.revokeObjectURL(url)\n        }\n        onEvent(componentEvents.EMPLOYEE_MANAGEMENT_PAYSTUBS_CARD_DOWNLOADED, {\n          employeeId,\n          payrollUuid,\n        })\n      } catch (err) {\n        if (newWindow) newWindow.close()\n        showBoundary(err instanceof Error ? err : new Error(String(err)))\n      } finally {\n        setDownloadingPayrollUuids(prev => {\n          if (!prev.has(payrollUuid)) return prev\n          const next = new Set(prev)\n          next.delete(payrollUuid)\n          return next\n        })\n      }\n    },\n    [paystubsList.actions, onEvent, employeeId, t, showBoundary],\n  )\n\n  const payStubsColumns = [\n    {\n      key: 'payday',\n      title: t('payday'),\n      render: (payStub: EmployeePayStub) => formatDateLongWithYear(payStub.checkDate) || '-',\n    },\n    {\n      key: 'checkAmount',\n      title: t('checkAmount'),\n      render: (payStub: EmployeePayStub) => {\n        if (!payStub.netPay) return '-'\n        const amount = parseFloat(payStub.netPay)\n        return isNaN(amount) ? '-' : formatCurrency(amount)\n      },\n    },\n    {\n      key: 'grossPay',\n      title: t('grossPay'),\n      render: (payStub: EmployeePayStub) => {\n        if (!payStub.grossPay) return '-'\n        const amount = parseFloat(payStub.grossPay)\n        return isNaN(amount) ? '-' : formatCurrency(amount)\n      },\n    },\n    {\n      key: 'paymentMethod',\n      title: t('paymentMethod'),\n      render: () => paymentMethod?.type || t('noPaymentMethod'),\n    },\n  ]\n\n  const payStubsDataView = useDataView({\n    data: payStubs,\n    columns: payStubsColumns,\n    pagination: payStubsPagination,\n    itemMenu: payStub => {\n      const isDownloading =\n        !!payStub.payrollUuid && downloadingPayrollUuids.has(payStub.payrollUuid)\n      return (\n        <Components.ButtonIcon\n          variant=\"tertiary\"\n          aria-label={t('downloadCta')}\n          isDisabled={!payStub.payrollUuid}\n          isLoading={isDownloading}\n          onClick={() => {\n            if (payStub.payrollUuid) {\n              void handleDownload(payStub.payrollUuid)\n            }\n          }}\n        >\n          <DownloadCloudIcon aria-hidden />\n        </Components.ButtonIcon>\n      )\n    },\n    emptyState: () => (\n      <EmptyData title={t('emptyState.title')} description={t('emptyState.description')} />\n    ),\n  })\n\n  const isShowingTable = payStubs.length > 0\n\n  return (\n    <BaseLayout error={errorHandling.errors}>\n      <Components.Box\n        withPadding={!isShowingTable}\n        header={<Components.BoxHeader title={t('title')} />}\n      >\n        {isShowingTable ? (\n          <DataView label={t('listLabel')} isWithinBox {...payStubsDataView} />\n        ) : (\n          <EmptyData title={t('emptyState.title')} description={t('emptyState.description')} />\n        )}\n      </Components.Box>\n    </BaseLayout>\n  )\n}\n"],"names":["PaystubsCard","props","jsx","BaseBoundaries","PaystubsCardContent","employeeId","onEvent","useI18n","t","useTranslation","Components","useComponentContext","paystubsList","usePaystubsList","paymentMethodList","usePaymentMethodList","errorHandling","composeErrorHandler","BaseLayout","Loading","PaystubsCardReady","formatCurrency","useNumberFormatter","showBoundary","useErrorBoundary","downloadingPayrollUuids","setDownloadingPayrollUuids","useState","payStubs","payStubsPagination","paymentMethod","handleDownload","useCallback","payrollUuid","componentEvents","newWindow","loadingMessage","doc","style","spinner","label","prev","next","result","url","err","payStubsColumns","payStub","formatDateLongWithYear","amount","payStubsDataView","useDataView","isDownloading","DownloadCloudIcon","EmptyData","isShowingTable","DataView"],"mappings":"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"}
+{"version":3,"file":"PaystubsCard.js","sources":["../../../../../../src/components/Employee/Paystubs/management/PaystubsCard/PaystubsCard.tsx"],"sourcesContent":["import { useCallback, useState } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { useErrorBoundary } from 'react-error-boundary'\nimport {\n  usePaystubsList,\n  type EmployeePayStub,\n  type UsePaystubsListReady,\n} from '../../shared/usePaystubsList'\nimport { DataView, EmptyData, useDataView, Loading } from '@/components/Common'\nimport { BaseBoundaries, BaseLayout } from '@/components/Base/Base'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { composeErrorHandler } from '@/partner-hook-utils/composeErrorHandler'\nimport {\n  usePaymentMethodList,\n  type UsePaymentMethodListResult,\n} from '@/components/Employee/PaymentMethod/shared'\nimport { formatDateLongWithYear } from '@/helpers/dateFormatting'\nimport useNumberFormatter from '@/hooks/useNumberFormatter'\nimport { useI18n } from '@/i18n'\nimport { componentEvents, type EventType } from '@/shared/constants'\nimport type { OnEventType } from '@/components/Base/useBase'\nimport DownloadCloudIcon from '@/assets/icons/download-cloud.svg?react'\n\n/**\n * Props for {@link PaystubsCard}.\n *\n * @public\n */\nexport interface PaystubsCardProps {\n  /** The associated employee identifier. */\n  employeeId: string\n  /** Event handler fired when paystub interactions occur. */\n  onEvent: OnEventType<EventType, unknown>\n}\n\n/**\n * Standalone \"Paystubs\" card. Owns its own data fetch via\n * {@link usePaystubsList} and renders the paginated paystubs table with a\n * per-row PDF download action. Emits the management block's scoped events\n * (`EMPLOYEE_MANAGEMENT_PAYSTUBS_CARD_*`) on download request and on\n * download success. The card has no edit transitions and no alert API —\n * paystubs is a read-only surface whose only action is a download side\n * effect that opens the PDF in a new tab.\n *\n * @public\n */\nexport function PaystubsCard(props: PaystubsCardProps) {\n  return (\n    <BaseBoundaries componentName=\"Employee.Management.Paystubs\">\n      <PaystubsCardContent {...props} />\n    </BaseBoundaries>\n  )\n}\n\nfunction PaystubsCardContent({ employeeId, onEvent }: PaystubsCardProps) {\n  useI18n('Employee.Management.Paystubs')\n  const { t } = useTranslation('Employee.Management.Paystubs')\n  const Components = useComponentContext()\n  const paystubsList = usePaystubsList({ employeeId })\n  const paymentMethodList = usePaymentMethodList({ employeeId })\n\n  const errorHandling = composeErrorHandler([paystubsList, paymentMethodList])\n\n  if (paystubsList.isLoading) {\n    return (\n      <BaseLayout error={errorHandling.errors}>\n        <Components.Box header={<Components.BoxHeader title={t('title')} />}>\n          <Loading />\n        </Components.Box>\n      </BaseLayout>\n    )\n  }\n\n  return (\n    <PaystubsCardReady\n      employeeId={employeeId}\n      onEvent={onEvent}\n      paystubsList={paystubsList}\n      paymentMethodList={paymentMethodList}\n      errorHandling={errorHandling}\n    />\n  )\n}\n\ninterface PaystubsCardReadyProps extends PaystubsCardProps {\n  paystubsList: UsePaystubsListReady\n  paymentMethodList: UsePaymentMethodListResult\n  errorHandling: ReturnType<typeof composeErrorHandler>\n}\n\nfunction PaystubsCardReady({\n  employeeId,\n  onEvent,\n  paystubsList,\n  paymentMethodList,\n  errorHandling,\n}: PaystubsCardReadyProps) {\n  const { t } = useTranslation('Employee.Management.Paystubs')\n  const Components = useComponentContext()\n  const formatCurrency = useNumberFormatter('currency')\n  const { showBoundary } = useErrorBoundary()\n\n  const [downloadingPayrollUuids, setDownloadingPayrollUuids] = useState<ReadonlySet<string>>(\n    () => new Set(),\n  )\n\n  const { payStubs } = paystubsList.data\n  const payStubsPagination = paystubsList.pagination.payStubs\n  const paymentMethod = paymentMethodList.isLoading\n    ? undefined\n    : paymentMethodList.data.paymentMethod\n\n  const handleDownload = useCallback(\n    async (payrollUuid: string) => {\n      onEvent(componentEvents.EMPLOYEE_MANAGEMENT_PAYSTUBS_CARD_DOWNLOAD_REQUESTED, {\n        employeeId,\n        payrollUuid,\n      })\n\n      // Omit `noopener` — it makes window.open return null in modern browsers,\n      // which would leave us unable to navigate the new tab to the blob URL.\n      const newWindow = window.open('', '_blank')\n      const loadingMessage = t('downloadLoadingMessage')\n      if (newWindow) {\n        // Avoid the user staring at about:blank while we fetch the PDF. The\n        // navigation to the Blob URL below replaces this document.\n        const doc = newWindow.document\n        doc.title = loadingMessage\n        const style = doc.createElement('style')\n        style.textContent =\n          'body{font-family:system-ui,-apple-system,sans-serif;display:flex;align-items:center;' +\n          'justify-content:center;height:100vh;margin:0;color:#444;gap:12px}' +\n          '.spinner{width:20px;height:20px;border:2px solid #ccc;border-top-color:#444;' +\n          'border-radius:50%;animation:spin .8s linear infinite}' +\n          '@keyframes spin{to{transform:rotate(360deg)}}'\n        doc.head.appendChild(style)\n        const spinner = doc.createElement('div')\n        spinner.className = 'spinner'\n        spinner.setAttribute('aria-hidden', 'true')\n        const label = doc.createElement('span')\n        label.textContent = loadingMessage\n        doc.body.replaceChildren(spinner, label)\n      }\n      setDownloadingPayrollUuids(prev => {\n        const next = new Set(prev)\n        next.add(payrollUuid)\n        return next\n      })\n      try {\n        const result = await paystubsList.actions.downloadPayStub(payrollUuid)\n        if (!result) {\n          if (newWindow) newWindow.close()\n          return\n        }\n        const url = URL.createObjectURL(result.data)\n        if (newWindow) {\n          // Revoke after the new tab has loaded the blob; revoking synchronously\n          // would race the navigation and leave the tab blank.\n          newWindow.addEventListener('load', () => {\n            URL.revokeObjectURL(url)\n          })\n          newWindow.location.href = url\n        } else {\n          URL.revokeObjectURL(url)\n        }\n        onEvent(componentEvents.EMPLOYEE_MANAGEMENT_PAYSTUBS_CARD_DOWNLOADED, {\n          employeeId,\n          payrollUuid,\n        })\n      } catch (err) {\n        if (newWindow) newWindow.close()\n        showBoundary(err instanceof Error ? err : new Error(String(err)))\n      } finally {\n        setDownloadingPayrollUuids(prev => {\n          if (!prev.has(payrollUuid)) return prev\n          const next = new Set(prev)\n          next.delete(payrollUuid)\n          return next\n        })\n      }\n    },\n    [paystubsList.actions, onEvent, employeeId, t, showBoundary],\n  )\n\n  const payStubsColumns = [\n    {\n      key: 'payday',\n      title: t('payday'),\n      render: (payStub: EmployeePayStub) => formatDateLongWithYear(payStub.checkDate) || '-',\n    },\n    {\n      key: 'checkAmount',\n      title: t('checkAmount'),\n      render: (payStub: EmployeePayStub) => {\n        if (!payStub.netPay) return '-'\n        const amount = parseFloat(payStub.netPay)\n        return isNaN(amount) ? '-' : formatCurrency(amount)\n      },\n    },\n    {\n      key: 'grossPay',\n      title: t('grossPay'),\n      render: (payStub: EmployeePayStub) => {\n        if (!payStub.grossPay) return '-'\n        const amount = parseFloat(payStub.grossPay)\n        return isNaN(amount) ? '-' : formatCurrency(amount)\n      },\n    },\n    {\n      key: 'paymentMethod',\n      title: t('paymentMethod'),\n      render: () => paymentMethod?.type || t('noPaymentMethod'),\n    },\n  ]\n\n  const payStubsDataView = useDataView({\n    data: payStubs,\n    columns: payStubsColumns,\n    pagination: payStubsPagination,\n    itemMenu: payStub => {\n      const isDownloading =\n        !!payStub.payrollUuid && downloadingPayrollUuids.has(payStub.payrollUuid)\n      return (\n        <Components.ButtonIcon\n          variant=\"tertiary\"\n          aria-label={t('downloadCta')}\n          isDisabled={!payStub.payrollUuid}\n          isLoading={isDownloading}\n          onClick={() => {\n            if (payStub.payrollUuid) {\n              void handleDownload(payStub.payrollUuid)\n            }\n          }}\n        >\n          <DownloadCloudIcon aria-hidden />\n        </Components.ButtonIcon>\n      )\n    },\n    emptyState: () => (\n      <EmptyData title={t('emptyState.title')} description={t('emptyState.description')} />\n    ),\n  })\n\n  const isShowingTable = payStubs.length > 0\n\n  return (\n    <BaseLayout error={errorHandling.errors}>\n      <Components.Box\n        withPadding={!isShowingTable}\n        header={<Components.BoxHeader title={t('title')} />}\n      >\n        {isShowingTable ? (\n          <DataView label={t('listLabel')} isWithinBox {...payStubsDataView} />\n        ) : (\n          <EmptyData title={t('emptyState.title')} description={t('emptyState.description')} />\n        )}\n      </Components.Box>\n    </BaseLayout>\n  )\n}\n"],"names":["PaystubsCard","props","jsx","BaseBoundaries","PaystubsCardContent","employeeId","onEvent","useI18n","t","useTranslation","Components","useComponentContext","paystubsList","usePaystubsList","paymentMethodList","usePaymentMethodList","errorHandling","composeErrorHandler","BaseLayout","Loading","PaystubsCardReady","formatCurrency","useNumberFormatter","showBoundary","useErrorBoundary","downloadingPayrollUuids","setDownloadingPayrollUuids","useState","payStubs","payStubsPagination","paymentMethod","handleDownload","useCallback","payrollUuid","componentEvents","newWindow","loadingMessage","doc","style","spinner","label","prev","next","result","url","err","payStubsColumns","payStub","formatDateLongWithYear","amount","payStubsDataView","useDataView","isDownloading","DownloadCloudIcon","EmptyData","isShowingTable","DataView"],"mappings":"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"}

package/dist/components/Employee/Paystubs/shared/usePaystubsList/index.d.ts

@@ -1,3 +1,3 @@
 import "./types/i18next.d.ts"
 export { usePaystubsList } from './usePaystubsList';
-export type { UsePaystubsListParams, UsePaystubsListResult, UsePaystubsListReady, EmployeePayStub, } from './usePaystubsList';
+export type { UsePaystubsListReady, EmployeePayStub } from './usePaystubsList';

package/dist/components/Employee/Paystubs/shared/usePaystubsList/usePaystubsList.d.ts

@@ -1,21 +1,39 @@
 import { GetV1EmployeesEmployeeUuidPayStubsResponse } from '@gusto/embedded-api-v-2025-11-15/models/operations/getv1employeesemployeeuuidpaystubs';
 import { BaseHookReady, HookLoadingResult, HookSubmitResult } from '../../../../../partner-hook-utils/types';
 import { PaginationControlProps, PaginationItemsPerPage } from '../../../../Common/PaginationControl/PaginationControlTypes';
+/**
+ * A single paystub entry returned by {@link usePaystubsList}.
+ *
+ * @public
+ */
 export type EmployeePayStub = NonNullable<GetV1EmployeesEmployeeUuidPayStubsResponse['employeePayStubsList']>[number];
+/**
+ * Parameters for {@link usePaystubsList}.
+ *
+ * @public
+ */
 export interface UsePaystubsListParams {
+    /** The associated employee identifier. */
     employeeId: string;
     /** Items per page for the paystubs list. Defaults to 10. */
     defaultItemsPerPage?: PaginationItemsPerPage;
 }
+/**
+ * Ready-state shape returned by {@link usePaystubsList} once data has loaded.
+ *
+ * @public
+ */
 export interface UsePaystubsListReady extends BaseHookReady<{
     payStubs: EmployeePayStub[];
 }, {
     isFetching: boolean;
     isPending: boolean;
 }> {
+    /** Pagination controls for the paystubs list. */
     pagination: {
         payStubs?: PaginationControlProps;
     };
+    /** Actions exposed by the hook. */
     actions: {
         /** Fetch the paystub PDF for the given payroll. Returns a Blob on success
          * so the caller decides how to surface it (open in a new tab, save to
@@ -23,11 +41,18 @@ export interface UsePaystubsListReady extends BaseHookReady<{
         downloadPayStub: (payrollId: string) => Promise<HookSubmitResult<Blob> | undefined>;
     };
 }
+/**
+ * Return type of {@link usePaystubsList}.
+ *
+ * @public
+ */
 export type UsePaystubsListResult = HookLoadingResult | UsePaystubsListReady;
 /**
  * Data hook for the employee paystubs list. Returns the paginated list of
  * paystubs and an action to download an individual paystub PDF. Used by the
  * standalone `PaystubsCard` component and consumable directly by partners
  * building a fully custom paystubs UI.
+ *
+ * @public
  */
 export declare function usePaystubsList({ employeeId, defaultItemsPerPage, }: UsePaystubsListParams): UsePaystubsListResult;

package/dist/components/Employee/Paystubs/shared/usePaystubsList/usePaystubsList.js.map

@@ -1 +1 @@
-{"version":3,"file":"usePaystubsList.js","sources":["../../../../../../src/components/Employee/Paystubs/shared/usePaystubsList/usePaystubsList.ts"],"sourcesContent":["import { useGustoEmbeddedContext } from '@gusto/embedded-api-v-2025-11-15/react-query/_context'\nimport { usePayrollsGetPayStubs } from '@gusto/embedded-api-v-2025-11-15/react-query/payrollsGetPayStubs'\nimport { payrollsGetPayStub } from '@gusto/embedded-api-v-2025-11-15/funcs/payrollsGetPayStub'\nimport { useCallback, useMemo } from 'react'\nimport type { GetV1EmployeesEmployeeUuidPayStubsResponse } from '@gusto/embedded-api-v-2025-11-15/models/operations/getv1employeesemployeeuuidpaystubs'\nimport { useBaseSubmit } from '@/components/Base/useBaseSubmit'\nimport { composeErrorHandler } from '@/partner-hook-utils/composeErrorHandler'\nimport { readableStreamToBlob } from '@/helpers/readableStreamToBlob'\nimport { usePagination } from '@/hooks/usePagination/usePagination'\nimport type { BaseHookReady, HookLoadingResult, HookSubmitResult } from '@/partner-hook-utils/types'\nimport type {\n  PaginationControlProps,\n  PaginationItemsPerPage,\n} from '@/components/Common/PaginationControl/PaginationControlTypes'\n\nexport type EmployeePayStub = NonNullable<\n  GetV1EmployeesEmployeeUuidPayStubsResponse['employeePayStubsList']\n>[number]\n\nexport interface UsePaystubsListParams {\n  employeeId: string\n  /** Items per page for the paystubs list. Defaults to 10. */\n  defaultItemsPerPage?: PaginationItemsPerPage\n}\n\nexport interface UsePaystubsListReady extends BaseHookReady<\n  { payStubs: EmployeePayStub[] },\n  { isFetching: boolean; isPending: boolean }\n> {\n  pagination: { payStubs?: PaginationControlProps }\n  actions: {\n    /** Fetch the paystub PDF for the given payroll. Returns a Blob on success\n     * so the caller decides how to surface it (open in a new tab, save to\n     * disk, embed, etc.). */\n    downloadPayStub: (payrollId: string) => Promise<HookSubmitResult<Blob> | undefined>\n  }\n}\n\nexport type UsePaystubsListResult = HookLoadingResult | UsePaystubsListReady\n\n/**\n * Data hook for the employee paystubs list. Returns the paginated list of\n * paystubs and an action to download an individual paystub PDF. Used by the\n * standalone `PaystubsCard` component and consumable directly by partners\n * building a fully custom paystubs UI.\n */\nexport function usePaystubsList({\n  employeeId,\n  defaultItemsPerPage = 10,\n}: UsePaystubsListParams): UsePaystubsListResult {\n  const { currentPage, itemsPerPage, getPaginationProps } = usePagination({\n    defaultItemsPerPage,\n  })\n\n  const gustoEmbedded = useGustoEmbeddedContext()\n  const payStubsQuery = usePayrollsGetPayStubs(\n    { employeeId, page: currentPage, per: itemsPerPage },\n    { staleTime: Infinity },\n  )\n\n  const {\n    baseSubmitHandler,\n    error: submitError,\n    setError: setSubmitError,\n  } = useBaseSubmit('PaystubsList')\n\n  const payStubs = payStubsQuery.data?.employeePayStubsList ?? []\n\n  const payStubsPagination = useMemo(() => {\n    const headers = payStubsQuery.data?.httpMeta.response.headers\n    if (!headers) return undefined\n    return getPaginationProps(headers, payStubsQuery.isFetching)\n  }, [payStubsQuery.data?.httpMeta.response.headers, payStubsQuery.isFetching, getPaginationProps])\n\n  const errorHandling = composeErrorHandler([payStubsQuery], { submitError, setSubmitError })\n\n  const downloadPayStub = useCallback(\n    async (payrollId: string): Promise<HookSubmitResult<Blob> | undefined> => {\n      let submitResult: HookSubmitResult<Blob> | undefined\n      await baseSubmitHandler(payrollId, async id => {\n        const response = await payrollsGetPayStub(gustoEmbedded, { payrollId: id, employeeId })\n        // `funcs/payrollsGetPayStub` returns a Result discriminated union;\n        // surface API/validation errors so `baseSubmitHandler` can route them\n        // through the standard SDK error pipeline instead of bubbling to the\n        // error boundary as an unknown throw.\n        if (!response.ok) {\n          throw response.error\n        }\n        if (!response.value.responseStream) {\n          throw new Error('Pay stub response missing PDF stream')\n        }\n        const pdfBlob = await readableStreamToBlob(response.value.responseStream, 'application/pdf')\n        submitResult = { mode: 'update', data: pdfBlob }\n      })\n      return submitResult\n    },\n    [baseSubmitHandler, gustoEmbedded, employeeId],\n  )\n\n  if (payStubsQuery.isLoading) {\n    return { isLoading: true, errorHandling }\n  }\n\n  return {\n    isLoading: false,\n    data: { payStubs },\n    status: {\n      isFetching: payStubsQuery.isFetching,\n      isPending: false,\n    },\n    pagination: { payStubs: payStubsPagination },\n    actions: { downloadPayStub },\n    errorHandling,\n  }\n}\n"],"names":["usePaystubsList","employeeId","defaultItemsPerPage","currentPage","itemsPerPage","getPaginationProps","usePagination","gustoEmbedded","useGustoEmbeddedContext","payStubsQuery","usePayrollsGetPayStubs","baseSubmitHandler","submitError","setSubmitError","useBaseSubmit","payStubs","payStubsPagination","useMemo","headers","errorHandling","composeErrorHandler","downloadPayStub","useCallback","payrollId","submitResult","id","response","payrollsGetPayStub","readableStreamToBlob"],"mappings":";;;;;;;;AA8CO,SAASA,EAAgB;AAAA,EAC9B,YAAAC;AAAA,EACA,qBAAAC,IAAsB;AACxB,GAAiD;AAC/C,QAAM,EAAE,aAAAC,GAAa,cAAAC,GAAc,oBAAAC,EAAA,IAAuBC,EAAc;AAAA,IACtE,qBAAAJ;AAAA,EAAA,CACD,GAEKK,IAAgBC,EAAA,GAChBC,IAAgBC;AAAA,IACpB,EAAE,YAAAT,GAAY,MAAME,GAAa,KAAKC,EAAA;AAAA,IACtC,EAAE,WAAW,MAAA;AAAA,EAAS,GAGlB;AAAA,IACJ,mBAAAO;AAAA,IACA,OAAOC;AAAA,IACP,UAAUC;AAAA,EAAA,IACRC,EAAc,cAAc,GAE1BC,IAAWN,EAAc,MAAM,wBAAwB,CAAA,GAEvDO,IAAqBC,EAAQ,MAAM;AACvC,UAAMC,IAAUT,EAAc,MAAM,SAAS,SAAS;AACtD,QAAKS;AACL,aAAOb,EAAmBa,GAAST,EAAc,UAAU;AAAA,EAC7D,GAAG,CAACA,EAAc,MAAM,SAAS,SAAS,SAASA,EAAc,YAAYJ,CAAkB,CAAC,GAE1Fc,IAAgBC,EAAoB,CAACX,CAAa,GAAG,EAAE,aAAAG,GAAa,gBAAAC,GAAgB,GAEpFQ,IAAkBC;AAAA,IACtB,OAAOC,MAAmE;AACxE,UAAIC;AACJ,mBAAMb,EAAkBY,GAAW,OAAME,MAAM;AAC7C,cAAMC,IAAW,MAAMC,EAAmBpB,GAAe,EAAE,WAAWkB,GAAI,YAAAxB,GAAY;AAKtF,YAAI,CAACyB,EAAS;AACZ,gBAAMA,EAAS;AAEjB,YAAI,CAACA,EAAS,MAAM;AAClB,gBAAM,IAAI,MAAM,sCAAsC;AAGxD,QAAAF,IAAe,EAAE,MAAM,UAAU,MADjB,MAAMI,EAAqBF,EAAS,MAAM,gBAAgB,iBAAiB,EACpD;AAAA,MACzC,CAAC,GACMF;AAAA,IACT;AAAA,IACA,CAACb,GAAmBJ,GAAeN,CAAU;AAAA,EAAA;AAG/C,SAAIQ,EAAc,YACT,EAAE,WAAW,IAAM,eAAAU,EAAA,IAGrB;AAAA,IACL,WAAW;AAAA,IACX,MAAM,EAAE,UAAAJ,EAAA;AAAA,IACR,QAAQ;AAAA,MACN,YAAYN,EAAc;AAAA,MAC1B,WAAW;AAAA,IAAA;AAAA,IAEb,YAAY,EAAE,UAAUO,EAAA;AAAA,IACxB,SAAS,EAAE,iBAAAK,EAAA;AAAA,IACX,eAAAF;AAAA,EAAA;AAEJ;"}
+{"version":3,"file":"usePaystubsList.js","sources":["../../../../../../src/components/Employee/Paystubs/shared/usePaystubsList/usePaystubsList.ts"],"sourcesContent":["import { useGustoEmbeddedContext } from '@gusto/embedded-api-v-2025-11-15/react-query/_context'\nimport { usePayrollsGetPayStubs } from '@gusto/embedded-api-v-2025-11-15/react-query/payrollsGetPayStubs'\nimport { payrollsGetPayStub } from '@gusto/embedded-api-v-2025-11-15/funcs/payrollsGetPayStub'\nimport { useCallback, useMemo } from 'react'\nimport type { GetV1EmployeesEmployeeUuidPayStubsResponse } from '@gusto/embedded-api-v-2025-11-15/models/operations/getv1employeesemployeeuuidpaystubs'\nimport { useBaseSubmit } from '@/components/Base/useBaseSubmit'\nimport { composeErrorHandler } from '@/partner-hook-utils/composeErrorHandler'\nimport { readableStreamToBlob } from '@/helpers/readableStreamToBlob'\nimport { usePagination } from '@/hooks/usePagination/usePagination'\nimport type { BaseHookReady, HookLoadingResult, HookSubmitResult } from '@/partner-hook-utils/types'\nimport type {\n  PaginationControlProps,\n  PaginationItemsPerPage,\n} from '@/components/Common/PaginationControl/PaginationControlTypes'\n\n/**\n * A single paystub entry returned by {@link usePaystubsList}.\n *\n * @public\n */\nexport type EmployeePayStub = NonNullable<\n  GetV1EmployeesEmployeeUuidPayStubsResponse['employeePayStubsList']\n>[number]\n\n/**\n * Parameters for {@link usePaystubsList}.\n *\n * @public\n */\nexport interface UsePaystubsListParams {\n  /** The associated employee identifier. */\n  employeeId: string\n  /** Items per page for the paystubs list. Defaults to 10. */\n  defaultItemsPerPage?: PaginationItemsPerPage\n}\n\n/**\n * Ready-state shape returned by {@link usePaystubsList} once data has loaded.\n *\n * @public\n */\nexport interface UsePaystubsListReady extends BaseHookReady<\n  { payStubs: EmployeePayStub[] },\n  { isFetching: boolean; isPending: boolean }\n> {\n  /** Pagination controls for the paystubs list. */\n  pagination: { payStubs?: PaginationControlProps }\n  /** Actions exposed by the hook. */\n  actions: {\n    /** Fetch the paystub PDF for the given payroll. Returns a Blob on success\n     * so the caller decides how to surface it (open in a new tab, save to\n     * disk, embed, etc.). */\n    downloadPayStub: (payrollId: string) => Promise<HookSubmitResult<Blob> | undefined>\n  }\n}\n\n/**\n * Return type of {@link usePaystubsList}.\n *\n * @public\n */\nexport type UsePaystubsListResult = HookLoadingResult | UsePaystubsListReady\n\n/**\n * Data hook for the employee paystubs list. Returns the paginated list of\n * paystubs and an action to download an individual paystub PDF. Used by the\n * standalone `PaystubsCard` component and consumable directly by partners\n * building a fully custom paystubs UI.\n *\n * @public\n */\nexport function usePaystubsList({\n  employeeId,\n  defaultItemsPerPage = 10,\n}: UsePaystubsListParams): UsePaystubsListResult {\n  const { currentPage, itemsPerPage, getPaginationProps } = usePagination({\n    defaultItemsPerPage,\n  })\n\n  const gustoEmbedded = useGustoEmbeddedContext()\n  const payStubsQuery = usePayrollsGetPayStubs(\n    { employeeId, page: currentPage, per: itemsPerPage },\n    { staleTime: Infinity },\n  )\n\n  const {\n    baseSubmitHandler,\n    error: submitError,\n    setError: setSubmitError,\n  } = useBaseSubmit('PaystubsList')\n\n  const payStubs = payStubsQuery.data?.employeePayStubsList ?? []\n\n  const payStubsPagination = useMemo(() => {\n    const headers = payStubsQuery.data?.httpMeta.response.headers\n    if (!headers) return undefined\n    return getPaginationProps(headers, payStubsQuery.isFetching)\n  }, [payStubsQuery.data?.httpMeta.response.headers, payStubsQuery.isFetching, getPaginationProps])\n\n  const errorHandling = composeErrorHandler([payStubsQuery], { submitError, setSubmitError })\n\n  const downloadPayStub = useCallback(\n    async (payrollId: string): Promise<HookSubmitResult<Blob> | undefined> => {\n      let submitResult: HookSubmitResult<Blob> | undefined\n      await baseSubmitHandler(payrollId, async id => {\n        const response = await payrollsGetPayStub(gustoEmbedded, { payrollId: id, employeeId })\n        // `funcs/payrollsGetPayStub` returns a Result discriminated union;\n        // surface API/validation errors so `baseSubmitHandler` can route them\n        // through the standard SDK error pipeline instead of bubbling to the\n        // error boundary as an unknown throw.\n        if (!response.ok) {\n          throw response.error\n        }\n        if (!response.value.responseStream) {\n          throw new Error('Pay stub response missing PDF stream')\n        }\n        const pdfBlob = await readableStreamToBlob(response.value.responseStream, 'application/pdf')\n        submitResult = { mode: 'update', data: pdfBlob }\n      })\n      return submitResult\n    },\n    [baseSubmitHandler, gustoEmbedded, employeeId],\n  )\n\n  if (payStubsQuery.isLoading) {\n    return { isLoading: true, errorHandling }\n  }\n\n  return {\n    isLoading: false,\n    data: { payStubs },\n    status: {\n      isFetching: payStubsQuery.isFetching,\n      isPending: false,\n    },\n    pagination: { payStubs: payStubsPagination },\n    actions: { downloadPayStub },\n    errorHandling,\n  }\n}\n"],"names":["usePaystubsList","employeeId","defaultItemsPerPage","currentPage","itemsPerPage","getPaginationProps","usePagination","gustoEmbedded","useGustoEmbeddedContext","payStubsQuery","usePayrollsGetPayStubs","baseSubmitHandler","submitError","setSubmitError","useBaseSubmit","payStubs","payStubsPagination","useMemo","headers","errorHandling","composeErrorHandler","downloadPayStub","useCallback","payrollId","submitResult","id","response","payrollsGetPayStub","readableStreamToBlob"],"mappings":";;;;;;;;AAuEO,SAASA,EAAgB;AAAA,EAC9B,YAAAC;AAAA,EACA,qBAAAC,IAAsB;AACxB,GAAiD;AAC/C,QAAM,EAAE,aAAAC,GAAa,cAAAC,GAAc,oBAAAC,EAAA,IAAuBC,EAAc;AAAA,IACtE,qBAAAJ;AAAA,EAAA,CACD,GAEKK,IAAgBC,EAAA,GAChBC,IAAgBC;AAAA,IACpB,EAAE,YAAAT,GAAY,MAAME,GAAa,KAAKC,EAAA;AAAA,IACtC,EAAE,WAAW,MAAA;AAAA,EAAS,GAGlB;AAAA,IACJ,mBAAAO;AAAA,IACA,OAAOC;AAAA,IACP,UAAUC;AAAA,EAAA,IACRC,EAAc,cAAc,GAE1BC,IAAWN,EAAc,MAAM,wBAAwB,CAAA,GAEvDO,IAAqBC,EAAQ,MAAM;AACvC,UAAMC,IAAUT,EAAc,MAAM,SAAS,SAAS;AACtD,QAAKS;AACL,aAAOb,EAAmBa,GAAST,EAAc,UAAU;AAAA,EAC7D,GAAG,CAACA,EAAc,MAAM,SAAS,SAAS,SAASA,EAAc,YAAYJ,CAAkB,CAAC,GAE1Fc,IAAgBC,EAAoB,CAACX,CAAa,GAAG,EAAE,aAAAG,GAAa,gBAAAC,GAAgB,GAEpFQ,IAAkBC;AAAA,IACtB,OAAOC,MAAmE;AACxE,UAAIC;AACJ,mBAAMb,EAAkBY,GAAW,OAAME,MAAM;AAC7C,cAAMC,IAAW,MAAMC,EAAmBpB,GAAe,EAAE,WAAWkB,GAAI,YAAAxB,GAAY;AAKtF,YAAI,CAACyB,EAAS;AACZ,gBAAMA,EAAS;AAEjB,YAAI,CAACA,EAAS,MAAM;AAClB,gBAAM,IAAI,MAAM,sCAAsC;AAGxD,QAAAF,IAAe,EAAE,MAAM,UAAU,MADjB,MAAMI,EAAqBF,EAAS,MAAM,gBAAgB,iBAAiB,EACpD;AAAA,MACzC,CAAC,GACMF;AAAA,IACT;AAAA,IACA,CAACb,GAAmBJ,GAAeN,CAAU;AAAA,EAAA;AAG/C,SAAIQ,EAAc,YACT,EAAE,WAAW,IAAM,eAAAU,EAAA,IAGrB;AAAA,IACL,WAAW;AAAA,IACX,MAAM,EAAE,UAAAJ,EAAA;AAAA,IACR,QAAQ;AAAA,MACN,YAAYN,EAAc;AAAA,MAC1B,WAAW;AAAA,IAAA;AAAA,IAEb,YAAY,EAAE,UAAUO,EAAA;AAAA,IACxB,SAAS,EAAE,iBAAAK,EAAA;AAAA,IACX,eAAAF;AAAA,EAAA;AAEJ;"}

package/dist/components/Employee/Profile/management/Profile.d.ts

@@ -1,8 +1,33 @@
 import { BaseComponentInterface, CommonComponentInterface } from '../../../Base';
 import { EventType } from '../../../../shared/constants';
 import { OnEventType } from '../../../Base/useBase';
+/**
+ * Props for {@link Profile}.
+ *
+ * @public
+ */
 export interface ProfileProps extends CommonComponentInterface<'Employee.Management.Profile'> {
+    /** The associated employee identifier. */
     employeeId: string;
+    /** Event handler fired on flow state changes. */
     onEvent: OnEventType<EventType, unknown>;
 }
+/**
+ * Management surface for viewing and editing an employee's basic profile details after onboarding.
+ *
+ * @remarks
+ * Drives the read-view card and edit form via an internal state machine.
+ * Emits events on the supplied `onEvent` handler when the user requests an
+ * edit, saves changes, or cancels.
+ *
+ * | Event | Description | Data |
+ * | ----- | ----------- | ---- |
+ * | `employee/management/profile/editRequested` | Fired when the user clicks Edit on the read-view card | `{ employeeId: string }` |
+ * | `employee/management/profile/updated` | Fired after the profile is successfully saved | {@link Employee} |
+ * | `employee/management/profile/editCancelled` | Fired when the user cancels editing | — |
+ *
+ * @param props - See {@link ProfileProps}.
+ * @returns The employee profile management surface.
+ * @public
+ */
 export declare function Profile({ dictionary, FallbackComponent, ...props }: ProfileProps & BaseComponentInterface<'Employee.Management.Profile'>): import("react").JSX.Element;

package/dist/components/Employee/Profile/management/Profile.js.map

@@ -1 +1 @@
-{"version":3,"file":"Profile.js","sources":["../../../../../src/components/Employee/Profile/management/Profile.tsx"],"sourcesContent":["import { createMachine } from 'robot3'\nimport { useMemo } from 'react'\nimport { CardContextual, type ProfileContextInterface } from './ProfileComponents'\nimport { profileStateMachine } from './profileStateMachine'\nimport { Flow } from '@/components/Flow/Flow'\nimport {\n  BaseBoundaries,\n  type BaseComponentInterface,\n  type CommonComponentInterface,\n} from '@/components/Base'\nimport { type EventType } from '@/shared/constants'\nimport { useComponentDictionary } from '@/i18n/I18n'\nimport { useI18n } from '@/i18n'\nimport type { OnEventType } from '@/components/Base/useBase'\n\nexport interface ProfileProps extends CommonComponentInterface<'Employee.Management.Profile'> {\n  employeeId: string\n  onEvent: OnEventType<EventType, unknown>\n}\n\nfunction ProfileFlow({ employeeId, onEvent }: ProfileProps) {\n  useI18n('Employee.Management.Profile')\n\n  const machine = useMemo(\n    () =>\n      createMachine('card', profileStateMachine, (ctx: ProfileContextInterface) => ({\n        ...ctx,\n        component: CardContextual,\n        employeeId,\n        successAlert: null,\n      })),\n    [employeeId],\n  )\n\n  return <Flow machine={machine} onEvent={onEvent} />\n}\n\nexport function Profile({\n  dictionary,\n  FallbackComponent,\n  ...props\n}: ProfileProps & BaseComponentInterface<'Employee.Management.Profile'>) {\n  useComponentDictionary('Employee.Management.Profile', dictionary)\n  return (\n    <BaseBoundaries\n      componentName=\"Employee.Management.Profile\"\n      FallbackComponent={FallbackComponent}\n    >\n      <ProfileFlow {...props} />\n    </BaseBoundaries>\n  )\n}\n"],"names":["ProfileFlow","employeeId","onEvent","useI18n","machine","useMemo","createMachine","profileStateMachine","ctx","CardContextual","jsx","Flow","Profile","dictionary","FallbackComponent","props","useComponentDictionary","BaseBoundaries"],"mappings":";;;;;;;;;AAoBA,SAASA,EAAY,EAAE,YAAAC,GAAY,SAAAC,KAAyB;AAC1D,EAAAC,EAAQ,6BAA6B;AAErC,QAAMC,IAAUC;AAAA,IACd,MACEC,EAAc,QAAQC,GAAqB,CAACC,OAAkC;AAAA,MAC5E,GAAGA;AAAA,MACH,WAAWC;AAAA,MACX,YAAAR;AAAA,MACA,cAAc;AAAA,IAAA,EACd;AAAA,IACJ,CAACA,CAAU;AAAA,EAAA;AAGb,SAAO,gBAAAS,EAACC,GAAA,EAAK,SAAAP,GAAkB,SAAAF,EAAA,CAAkB;AACnD;AAEO,SAASU,EAAQ;AAAA,EACtB,YAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,GAAGC;AACL,GAAyE;AACvE,SAAAC,EAAuB,+BAA+BH,CAAU,GAE9D,gBAAAH;AAAA,IAACO;AAAA,IAAA;AAAA,MACC,eAAc;AAAA,MACd,mBAAAH;AAAA,MAEA,UAAA,gBAAAJ,EAACV,GAAA,EAAa,GAAGe,EAAA,CAAO;AAAA,IAAA;AAAA,EAAA;AAG9B;"}
+{"version":3,"file":"Profile.js","sources":["../../../../../src/components/Employee/Profile/management/Profile.tsx"],"sourcesContent":["import { createMachine } from 'robot3'\nimport { useMemo } from 'react'\nimport { CardContextual, type ProfileContextInterface } from './ProfileComponents'\nimport { profileStateMachine } from './profileStateMachine'\nimport { Flow } from '@/components/Flow/Flow'\nimport {\n  BaseBoundaries,\n  type BaseComponentInterface,\n  type CommonComponentInterface,\n} from '@/components/Base'\nimport { type EventType } from '@/shared/constants'\nimport { useComponentDictionary } from '@/i18n/I18n'\nimport { useI18n } from '@/i18n'\nimport type { OnEventType } from '@/components/Base/useBase'\n\n/**\n * Props for {@link Profile}.\n *\n * @public\n */\nexport interface ProfileProps extends CommonComponentInterface<'Employee.Management.Profile'> {\n  /** The associated employee identifier. */\n  employeeId: string\n  /** Event handler fired on flow state changes. */\n  onEvent: OnEventType<EventType, unknown>\n}\n\nfunction ProfileFlow({ employeeId, onEvent }: ProfileProps) {\n  useI18n('Employee.Management.Profile')\n\n  const machine = useMemo(\n    () =>\n      createMachine('card', profileStateMachine, (ctx: ProfileContextInterface) => ({\n        ...ctx,\n        component: CardContextual,\n        employeeId,\n        successAlert: null,\n      })),\n    [employeeId],\n  )\n\n  return <Flow machine={machine} onEvent={onEvent} />\n}\n\n/**\n * Management surface for viewing and editing an employee's basic profile details after onboarding.\n *\n * @remarks\n * Drives the read-view card and edit form via an internal state machine.\n * Emits events on the supplied `onEvent` handler when the user requests an\n * edit, saves changes, or cancels.\n *\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `employee/management/profile/editRequested` | Fired when the user clicks Edit on the read-view card | `{ employeeId: string }` |\n * | `employee/management/profile/updated` | Fired after the profile is successfully saved | {@link Employee} |\n * | `employee/management/profile/editCancelled` | Fired when the user cancels editing | — |\n *\n * @param props - See {@link ProfileProps}.\n * @returns The employee profile management surface.\n * @public\n */\nexport function Profile({\n  dictionary,\n  FallbackComponent,\n  ...props\n}: ProfileProps & BaseComponentInterface<'Employee.Management.Profile'>) {\n  useComponentDictionary('Employee.Management.Profile', dictionary)\n  return (\n    <BaseBoundaries\n      componentName=\"Employee.Management.Profile\"\n      FallbackComponent={FallbackComponent}\n    >\n      <ProfileFlow {...props} />\n    </BaseBoundaries>\n  )\n}\n"],"names":["ProfileFlow","employeeId","onEvent","useI18n","machine","useMemo","createMachine","profileStateMachine","ctx","CardContextual","jsx","Flow","Profile","dictionary","FallbackComponent","props","useComponentDictionary","BaseBoundaries"],"mappings":";;;;;;;;;AA2BA,SAASA,EAAY,EAAE,YAAAC,GAAY,SAAAC,KAAyB;AAC1D,EAAAC,EAAQ,6BAA6B;AAErC,QAAMC,IAAUC;AAAA,IACd,MACEC,EAAc,QAAQC,GAAqB,CAACC,OAAkC;AAAA,MAC5E,GAAGA;AAAA,MACH,WAAWC;AAAA,MACX,YAAAR;AAAA,MACA,cAAc;AAAA,IAAA,EACd;AAAA,IACJ,CAACA,CAAU;AAAA,EAAA;AAGb,SAAO,gBAAAS,EAACC,GAAA,EAAK,SAAAP,GAAkB,SAAAF,EAAA,CAAkB;AACnD;AAoBO,SAASU,EAAQ;AAAA,EACtB,YAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,GAAGC;AACL,GAAyE;AACvE,SAAAC,EAAuB,+BAA+BH,CAAU,GAE9D,gBAAAH;AAAA,IAACO;AAAA,IAAA;AAAA,MACC,eAAc;AAAA,MACd,mBAAAH;AAAA,MAEA,UAAA,gBAAAJ,EAACV,GAAA,EAAa,GAAGe,EAAA,CAAO;AAAA,IAAA;AAAA,EAAA;AAG9B;"}

package/dist/components/Employee/Profile/management/ProfileCard/ProfileCard.d.ts

@@ -1,15 +1,31 @@
 import { EventType } from '../../../../../shared/constants';
 import { OnEventType } from '../../../../Base/useBase';
+/**
+ * Props for {@link ProfileCard}.
+ *
+ * @public
+ */
 export interface ProfileCardProps {
+    /** The associated employee identifier. */
     employeeId: string;
+    /** Event handler fired when the user requests to edit the profile. */
     onEvent: OnEventType<EventType, unknown>;
 }
 /**
- * Standalone "Basic details" card. Owns its own data fetch via
- * `useEmployeeProfileSummary` and emits
- * `EMPLOYEE_MANAGEMENT_PROFILE_EDIT_REQUESTED` when the Edit button is
- * clicked. The card has no alert API — alert rendering is the
- * orchestrator's responsibility (block's `CardContextual` for standalone
- * consumption, dashboard chrome for dashboard consumption).
+ * Read-only card showing an employee's basic profile details with an Edit action.
+ *
+ * @remarks
+ * Standalone card that fetches its own data. Emits an event when the user
+ * clicks Edit so the parent can switch to the edit form. The card does not
+ * render success or error alerts itself — alert presentation is the
+ * surrounding surface's responsibility.
+ *
+ * | Event | Description | Data |
+ * | ----- | ----------- | ---- |
+ * | `employee/management/profile/editRequested` | Fired when the user clicks the Edit button | `{ employeeId: string }` |
+ *
+ * @param props - See {@link ProfileCardProps}.
+ * @returns The basic-details profile card.
+ * @public
  */
 export declare function ProfileCard(props: ProfileCardProps): import("react").JSX.Element;

package/dist/components/Employee/Profile/management/ProfileCard/ProfileCard.js

@@ -1,26 +1,27 @@
 import { jsx as t } from "react/jsx-runtime";
 import { useTranslation as u } from "react-i18next";
-import { componentEvents as y } from "../../../../../shared/constants.js";
-import { Loading as g } from "../../../../Common/Loading/Loading.js";
+import { Loading as y } from "../../../../Common/Loading/Loading.js";
+import { useComponentContext as g } from "../../../../../contexts/ComponentAdapter/useComponentContext.js";
+import "react";
 import { BaseBoundaries as L, BaseLayout as P } from "../../../../Base/Base.js";
-import { useComponentContext as B } from "../../../../../contexts/ComponentAdapter/useComponentContext.js";
 import { formatDateLongWithYear as s } from "../../../../../helpers/dateFormatting.js";
-import { firstLastName as N } from "../../../../../helpers/formattedStrings.js";
-import { useI18n as X } from "../../../../../i18n/I18n.js";
+import { firstLastName as B } from "../../../../../helpers/formattedStrings.js";
+import { useI18n as N } from "../../../../../i18n/I18n.js";
+import { componentEvents as X } from "../../../../../shared/constants.js";
 import { useEmployeeProfileSummary as C } from "../../shared/useEmployeeProfileSummary/useEmployeeProfileSummary.js";
-function k(i) {
+function A(i) {
   return /* @__PURE__ */ t(L, { componentName: "Employee.Management.Profile", children: /* @__PURE__ */ t(D, { ...i }) });
 }
 function D({ employeeId: i, onEvent: l }) {
-  X("Employee.Management.Profile");
-  const { t: o } = u("Employee.Management.Profile"), n = B(), a = C({ employeeId: i }), m = a.isLoading, e = a.isLoading ? void 0 : a.data.employee, d = e ? N({ first_name: e.firstName, last_name: e.lastName }) : void 0, c = e ? s(e.jobs?.[0]?.hireDate) : void 0, p = e ? s(e.dateOfBirth) : void 0, f = e?.hasSsn ? "XXX-XX-XXXX" : void 0, r = /* @__PURE__ */ t("span", { "aria-label": o("listEmptyPlaceholder"), children: "–" }), E = e ? [
+  N("Employee.Management.Profile");
+  const { t: o } = u("Employee.Management.Profile"), n = g(), a = C({ employeeId: i }), m = a.isLoading, e = a.isLoading ? void 0 : a.data.employee, d = e ? B({ first_name: e.firstName, last_name: e.lastName }) : void 0, c = e ? s(e.jobs?.[0]?.hireDate) : void 0, p = e ? s(e.dateOfBirth) : void 0, f = e?.hasSsn ? "XXX-XX-XXXX" : void 0, r = /* @__PURE__ */ t("span", { "aria-label": o("listEmptyPlaceholder"), children: "–" }), E = e ? [
     { term: o("legalName"), description: d || r },
     { term: o("startDate"), description: c || r },
     { term: o("socialSecurityNumber"), description: f || r },
     { term: o("dateOfBirth"), description: p || r },
     { term: o("personalEmail"), description: e.email || r }
   ] : [], h = () => {
-    l(y.EMPLOYEE_MANAGEMENT_PROFILE_EDIT_REQUESTED, { employeeId: i });
+    l(X.EMPLOYEE_MANAGEMENT_PROFILE_EDIT_REQUESTED, { employeeId: i });
   };
   return /* @__PURE__ */ t(P, { error: a.errorHandling.errors, children: /* @__PURE__ */ t(
     n.Box,
@@ -40,11 +41,11 @@ function D({ employeeId: i, onEvent: l }) {
           )
         }
       ),
-      children: m ? /* @__PURE__ */ t(g, {}) : e ? /* @__PURE__ */ t(n.DescriptionList, { items: E }) : null
+      children: m ? /* @__PURE__ */ t(y, {}) : e ? /* @__PURE__ */ t(n.DescriptionList, { items: E }) : null
     }
   ) });
 }
 export {
-  k as ProfileCard
+  A as ProfileCard
 };
 //# sourceMappingURL=ProfileCard.js.map

package/dist/components/Employee/Profile/management/ProfileCard/ProfileCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProfileCard.js","sources":["../../../../../../src/components/Employee/Profile/management/ProfileCard/ProfileCard.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { useEmployeeProfileSummary } from '../../shared/useEmployeeProfileSummary'\nimport { Loading } from '@/components/Common'\nimport { BaseBoundaries, BaseLayout } from '@/components/Base/Base'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { formatDateLongWithYear } from '@/helpers/dateFormatting'\nimport { firstLastName } from '@/helpers/formattedStrings'\nimport { useI18n } from '@/i18n'\nimport { componentEvents, type EventType } from '@/shared/constants'\nimport type { OnEventType } from '@/components/Base/useBase'\n\nexport interface ProfileCardProps {\n  employeeId: string\n  onEvent: OnEventType<EventType, unknown>\n}\n\n/**\n * Standalone \"Basic details\" card. Owns its own data fetch via\n * `useEmployeeProfileSummary` and emits\n * `EMPLOYEE_MANAGEMENT_PROFILE_EDIT_REQUESTED` when the Edit button is\n * clicked. The card has no alert API — alert rendering is the\n * orchestrator's responsibility (block's `CardContextual` for standalone\n * consumption, dashboard chrome for dashboard consumption).\n */\nexport function ProfileCard(props: ProfileCardProps) {\n  return (\n    <BaseBoundaries componentName=\"Employee.Management.Profile\">\n      <ProfileCardContent {...props} />\n    </BaseBoundaries>\n  )\n}\n\nfunction ProfileCardContent({ employeeId, onEvent }: ProfileCardProps) {\n  useI18n('Employee.Management.Profile')\n  const { t } = useTranslation('Employee.Management.Profile')\n  const Components = useComponentContext()\n\n  const profile = useEmployeeProfileSummary({ employeeId })\n\n  const isEmployeeLoading = profile.isLoading\n\n  const employee = profile.isLoading ? undefined : profile.data.employee\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 profileItems = employee\n    ? [\n        { term: t('legalName'), description: legalName || emptyPlaceholder },\n        { term: t('startDate'), description: startDate || emptyPlaceholder },\n        { term: t('socialSecurityNumber'), description: maskedSsn || emptyPlaceholder },\n        { term: t('dateOfBirth'), description: dateOfBirth || emptyPlaceholder },\n        { term: t('personalEmail'), description: employee.email || emptyPlaceholder },\n      ]\n    : []\n\n  const handleEdit = () => {\n    onEvent(componentEvents.EMPLOYEE_MANAGEMENT_PROFILE_EDIT_REQUESTED, { employeeId })\n  }\n\n  return (\n    <BaseLayout error={profile.errorHandling.errors}>\n      <Components.Box\n        header={\n          <Components.BoxHeader\n            title={t('title')}\n            action={\n              <Components.Button\n                variant=\"secondary\"\n                onClick={handleEdit}\n                isDisabled={isEmployeeLoading}\n              >\n                {t('editCta')}\n              </Components.Button>\n            }\n          />\n        }\n      >\n        {isEmployeeLoading ? (\n          <Loading />\n        ) : employee ? (\n          <Components.DescriptionList items={profileItems} />\n        ) : null}\n      </Components.Box>\n    </BaseLayout>\n  )\n}\n"],"names":["ProfileCard","props","jsx","BaseBoundaries","ProfileCardContent","employeeId","onEvent","useI18n","t","useTranslation","Components","useComponentContext","profile","useEmployeeProfileSummary","isEmployeeLoading","employee","legalName","firstLastName","startDate","formatDateLongWithYear","dateOfBirth","maskedSsn","emptyPlaceholder","profileItems","handleEdit","componentEvents","BaseLayout","Loading"],"mappings":";;;;;;;;;;AAwBO,SAASA,EAAYC,GAAyB;AACnD,SACE,gBAAAC,EAACC,KAAe,eAAc,+BAC5B,4BAACC,GAAA,EAAoB,GAAGH,GAAO,EAAA,CACjC;AAEJ;AAEA,SAASG,EAAmB,EAAE,YAAAC,GAAY,SAAAC,KAA6B;AACrE,EAAAC,EAAQ,6BAA6B;AACrC,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,6BAA6B,GACpDC,IAAaC,EAAA,GAEbC,IAAUC,EAA0B,EAAE,YAAAR,GAAY,GAElDS,IAAoBF,EAAQ,WAE5BG,IAAWH,EAAQ,YAAY,SAAYA,EAAQ,KAAK,UAExDI,IAAYD,IACdE,EAAc,EAAE,YAAYF,EAAS,WAAW,WAAWA,EAAS,SAAA,CAAU,IAC9E,QACEG,IAAYH,IAAWI,EAAuBJ,EAAS,OAAO,CAAC,GAAG,QAAQ,IAAI,QAC9EK,IAAcL,IAAWI,EAAuBJ,EAAS,WAAW,IAAI,QACxEM,IAAYN,GAAU,SAAS,gBAAgB,QAE/CO,IAAmB,gBAAApB,EAAC,QAAA,EAAK,cAAYM,EAAE,sBAAsB,GAAG,UAAA,KAAC,GACjEe,IAAeR,IACjB;AAAA,IACE,EAAE,MAAMP,EAAE,WAAW,GAAG,aAAaQ,KAAaM,EAAA;AAAA,IAClD,EAAE,MAAMd,EAAE,WAAW,GAAG,aAAaU,KAAaI,EAAA;AAAA,IAClD,EAAE,MAAMd,EAAE,sBAAsB,GAAG,aAAaa,KAAaC,EAAA;AAAA,IAC7D,EAAE,MAAMd,EAAE,aAAa,GAAG,aAAaY,KAAeE,EAAA;AAAA,IACtD,EAAE,MAAMd,EAAE,eAAe,GAAG,aAAaO,EAAS,SAASO,EAAA;AAAA,EAAiB,IAE9E,CAAA,GAEEE,IAAa,MAAM;AACvB,IAAAlB,EAAQmB,EAAgB,4CAA4C,EAAE,YAAApB,EAAA,CAAY;AAAA,EACpF;AAEA,SACE,gBAAAH,EAACwB,GAAA,EAAW,OAAOd,EAAQ,cAAc,QACvC,UAAA,gBAAAV;AAAA,IAACQ,EAAW;AAAA,IAAX;AAAA,MACC,QACE,gBAAAR;AAAA,QAACQ,EAAW;AAAA,QAAX;AAAA,UACC,OAAOF,EAAE,OAAO;AAAA,UAChB,QACE,gBAAAN;AAAA,YAACQ,EAAW;AAAA,YAAX;AAAA,cACC,SAAQ;AAAA,cACR,SAASc;AAAA,cACT,YAAYV;AAAA,cAEX,YAAE,SAAS;AAAA,YAAA;AAAA,UAAA;AAAA,QACd;AAAA,MAAA;AAAA,MAKL,UAAAA,IACC,gBAAAZ,EAACyB,GAAA,CAAA,CAAQ,IACPZ,IACF,gBAAAb,EAACQ,EAAW,iBAAX,EAA2B,OAAOa,EAAA,CAAc,IAC/C;AAAA,IAAA;AAAA,EAAA,GAER;AAEJ;"}
+{"version":3,"file":"ProfileCard.js","sources":["../../../../../../src/components/Employee/Profile/management/ProfileCard/ProfileCard.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { useEmployeeProfileSummary } from '../../shared/useEmployeeProfileSummary'\nimport { Loading } from '@/components/Common'\nimport { BaseBoundaries, BaseLayout } from '@/components/Base/Base'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { formatDateLongWithYear } from '@/helpers/dateFormatting'\nimport { firstLastName } from '@/helpers/formattedStrings'\nimport { useI18n } from '@/i18n'\nimport { componentEvents, type EventType } from '@/shared/constants'\nimport type { OnEventType } from '@/components/Base/useBase'\n\n/**\n * Props for {@link ProfileCard}.\n *\n * @public\n */\nexport interface ProfileCardProps {\n  /** The associated employee identifier. */\n  employeeId: string\n  /** Event handler fired when the user requests to edit the profile. */\n  onEvent: OnEventType<EventType, unknown>\n}\n\n/**\n * Read-only card showing an employee's basic profile details with an Edit action.\n *\n * @remarks\n * Standalone card that fetches its own data. Emits an event when the user\n * clicks Edit so the parent can switch to the edit form. The card does not\n * render success or error alerts itself — alert presentation is the\n * surrounding surface's responsibility.\n *\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `employee/management/profile/editRequested` | Fired when the user clicks the Edit button | `{ employeeId: string }` |\n *\n * @param props - See {@link ProfileCardProps}.\n * @returns The basic-details profile card.\n * @public\n */\nexport function ProfileCard(props: ProfileCardProps) {\n  return (\n    <BaseBoundaries componentName=\"Employee.Management.Profile\">\n      <ProfileCardContent {...props} />\n    </BaseBoundaries>\n  )\n}\n\nfunction ProfileCardContent({ employeeId, onEvent }: ProfileCardProps) {\n  useI18n('Employee.Management.Profile')\n  const { t } = useTranslation('Employee.Management.Profile')\n  const Components = useComponentContext()\n\n  const profile = useEmployeeProfileSummary({ employeeId })\n\n  const isEmployeeLoading = profile.isLoading\n\n  const employee = profile.isLoading ? undefined : profile.data.employee\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 profileItems = employee\n    ? [\n        { term: t('legalName'), description: legalName || emptyPlaceholder },\n        { term: t('startDate'), description: startDate || emptyPlaceholder },\n        { term: t('socialSecurityNumber'), description: maskedSsn || emptyPlaceholder },\n        { term: t('dateOfBirth'), description: dateOfBirth || emptyPlaceholder },\n        { term: t('personalEmail'), description: employee.email || emptyPlaceholder },\n      ]\n    : []\n\n  const handleEdit = () => {\n    onEvent(componentEvents.EMPLOYEE_MANAGEMENT_PROFILE_EDIT_REQUESTED, { employeeId })\n  }\n\n  return (\n    <BaseLayout error={profile.errorHandling.errors}>\n      <Components.Box\n        header={\n          <Components.BoxHeader\n            title={t('title')}\n            action={\n              <Components.Button\n                variant=\"secondary\"\n                onClick={handleEdit}\n                isDisabled={isEmployeeLoading}\n              >\n                {t('editCta')}\n              </Components.Button>\n            }\n          />\n        }\n      >\n        {isEmployeeLoading ? (\n          <Loading />\n        ) : employee ? (\n          <Components.DescriptionList items={profileItems} />\n        ) : null}\n      </Components.Box>\n    </BaseLayout>\n  )\n}\n"],"names":["ProfileCard","props","jsx","BaseBoundaries","ProfileCardContent","employeeId","onEvent","useI18n","t","useTranslation","Components","useComponentContext","profile","useEmployeeProfileSummary","isEmployeeLoading","employee","legalName","firstLastName","startDate","formatDateLongWithYear","dateOfBirth","maskedSsn","emptyPlaceholder","profileItems","handleEdit","componentEvents","BaseLayout","Loading"],"mappings":";;;;;;;;;;;AAwCO,SAASA,EAAYC,GAAyB;AACnD,SACE,gBAAAC,EAACC,KAAe,eAAc,+BAC5B,4BAACC,GAAA,EAAoB,GAAGH,GAAO,EAAA,CACjC;AAEJ;AAEA,SAASG,EAAmB,EAAE,YAAAC,GAAY,SAAAC,KAA6B;AACrE,EAAAC,EAAQ,6BAA6B;AACrC,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,6BAA6B,GACpDC,IAAaC,EAAA,GAEbC,IAAUC,EAA0B,EAAE,YAAAR,GAAY,GAElDS,IAAoBF,EAAQ,WAE5BG,IAAWH,EAAQ,YAAY,SAAYA,EAAQ,KAAK,UAExDI,IAAYD,IACdE,EAAc,EAAE,YAAYF,EAAS,WAAW,WAAWA,EAAS,SAAA,CAAU,IAC9E,QACEG,IAAYH,IAAWI,EAAuBJ,EAAS,OAAO,CAAC,GAAG,QAAQ,IAAI,QAC9EK,IAAcL,IAAWI,EAAuBJ,EAAS,WAAW,IAAI,QACxEM,IAAYN,GAAU,SAAS,gBAAgB,QAE/CO,IAAmB,gBAAApB,EAAC,QAAA,EAAK,cAAYM,EAAE,sBAAsB,GAAG,UAAA,KAAC,GACjEe,IAAeR,IACjB;AAAA,IACE,EAAE,MAAMP,EAAE,WAAW,GAAG,aAAaQ,KAAaM,EAAA;AAAA,IAClD,EAAE,MAAMd,EAAE,WAAW,GAAG,aAAaU,KAAaI,EAAA;AAAA,IAClD,EAAE,MAAMd,EAAE,sBAAsB,GAAG,aAAaa,KAAaC,EAAA;AAAA,IAC7D,EAAE,MAAMd,EAAE,aAAa,GAAG,aAAaY,KAAeE,EAAA;AAAA,IACtD,EAAE,MAAMd,EAAE,eAAe,GAAG,aAAaO,EAAS,SAASO,EAAA;AAAA,EAAiB,IAE9E,CAAA,GAEEE,IAAa,MAAM;AACvB,IAAAlB,EAAQmB,EAAgB,4CAA4C,EAAE,YAAApB,EAAA,CAAY;AAAA,EACpF;AAEA,SACE,gBAAAH,EAACwB,GAAA,EAAW,OAAOd,EAAQ,cAAc,QACvC,UAAA,gBAAAV;AAAA,IAACQ,EAAW;AAAA,IAAX;AAAA,MACC,QACE,gBAAAR;AAAA,QAACQ,EAAW;AAAA,QAAX;AAAA,UACC,OAAOF,EAAE,OAAO;AAAA,UAChB,QACE,gBAAAN;AAAA,YAACQ,EAAW;AAAA,YAAX;AAAA,cACC,SAAQ;AAAA,cACR,SAASc;AAAA,cACT,YAAYV;AAAA,cAEX,YAAE,SAAS;AAAA,YAAA;AAAA,UAAA;AAAA,QACd;AAAA,MAAA;AAAA,MAKL,UAAAA,IACC,gBAAAZ,EAACyB,GAAA,CAAA,CAAQ,IACPZ,IACF,gBAAAb,EAACQ,EAAW,iBAAX,EAA2B,OAAOa,EAAA,CAAc,IAC/C;AAAA,IAAA;AAAA,EAAA,GAER;AAEJ;"}

package/dist/components/Employee/Profile/management/ProfileComponents.d.ts

@@ -1,8 +1,12 @@
 import { FlowContextInterface } from '../../../Flow/useFlow';
-export type ProfileSuccessAlertCode = 'profileUpdated';
+type ProfileSuccessAlertCode = 'profileUpdated';
+/** @internal */
 export interface ProfileContextInterface extends FlowContextInterface {
     employeeId?: string;
     successAlert?: ProfileSuccessAlertCode | null;
 }
+/** @internal */
 export declare function CardContextual(): import("react").JSX.Element;
+/** @internal */
 export declare function ProfileEditFormContextual(): import("react").JSX.Element;
+export {};

package/dist/components/Employee/Profile/management/ProfileComponents.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProfileComponents.js","sources":["../../../../../src/components/Employee/Profile/management/ProfileComponents.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { ProfileEditForm } from './ProfileEditForm'\nimport { ProfileCard } from './ProfileCard'\nimport { Flex } from '@/components/Common/Flex/Flex'\nimport { useFlow, type FlowContextInterface } from '@/components/Flow/useFlow'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { ensureRequired } from '@/helpers/ensureRequired'\nimport { componentEvents } from '@/shared/constants'\n\nexport type ProfileSuccessAlertCode = 'profileUpdated'\n\nexport interface ProfileContextInterface extends FlowContextInterface {\n  employeeId?: string\n  successAlert?: ProfileSuccessAlertCode | null\n}\n\nexport function CardContextual() {\n  const { employeeId, onEvent, successAlert } = useFlow<ProfileContextInterface>()\n  const { t } = useTranslation('Employee.Management.Profile')\n  const Components = useComponentContext()\n  return (\n    <Flex flexDirection=\"column\" gap={16}>\n      {successAlert ? (\n        <Components.Alert\n          status=\"success\"\n          label={t(`alerts.${successAlert}`)}\n          onDismiss={() => {\n            onEvent(componentEvents.EMPLOYEE_MANAGEMENT_PROFILE_ALERT_DISMISSED, null)\n          }}\n        />\n      ) : null}\n      <ProfileCard employeeId={ensureRequired(employeeId)} onEvent={onEvent} />\n    </Flex>\n  )\n}\n\nexport function ProfileEditFormContextual() {\n  const { employeeId, onEvent } = useFlow<ProfileContextInterface>()\n  return <ProfileEditForm employeeId={ensureRequired(employeeId)} onEvent={onEvent} />\n}\n"],"names":["CardContextual","employeeId","onEvent","successAlert","useFlow","t","useTranslation","Components","useComponentContext","jsxs","Flex","jsx","componentEvents","ProfileCard","ensureRequired","ProfileEditFormContextual","ProfileEditForm"],"mappings":";;;;;;;;;AAgBO,SAASA,IAAiB;AAC/B,QAAM,EAAE,YAAAC,GAAY,SAAAC,GAAS,cAAAC,EAAA,IAAiBC,EAAA,GACxC,EAAE,GAAAC,EAAA,IAAMC,EAAe,6BAA6B,GACpDC,IAAaC,EAAA;AACnB,SACE,gBAAAC,EAACC,GAAA,EAAK,eAAc,UAAS,KAAK,IAC/B,UAAA;AAAA,IAAAP,IACC,gBAAAQ;AAAA,MAACJ,EAAW;AAAA,MAAX;AAAA,QACC,QAAO;AAAA,QACP,OAAOF,EAAE,UAAUF,CAAY,EAAE;AAAA,QACjC,WAAW,MAAM;AACf,UAAAD,EAAQU,EAAgB,6CAA6C,IAAI;AAAA,QAC3E;AAAA,MAAA;AAAA,IAAA,IAEA;AAAA,sBACHC,GAAA,EAAY,YAAYC,EAAeb,CAAU,GAAG,SAAAC,EAAA,CAAkB;AAAA,EAAA,GACzE;AAEJ;AAEO,SAASa,IAA4B;AAC1C,QAAM,EAAE,YAAAd,GAAY,SAAAC,EAAA,IAAYE,EAAA;AAChC,2BAAQY,GAAA,EAAgB,YAAYF,EAAeb,CAAU,GAAG,SAAAC,GAAkB;AACpF;"}
+{"version":3,"file":"ProfileComponents.js","sources":["../../../../../src/components/Employee/Profile/management/ProfileComponents.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { ProfileEditForm } from './ProfileEditForm'\nimport { ProfileCard } from './ProfileCard'\nimport { Flex } from '@/components/Common/Flex/Flex'\nimport { useFlow, type FlowContextInterface } from '@/components/Flow/useFlow'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { ensureRequired } from '@/helpers/ensureRequired'\nimport { componentEvents } from '@/shared/constants'\n\ntype ProfileSuccessAlertCode = 'profileUpdated'\n\n/** @internal */\nexport interface ProfileContextInterface extends FlowContextInterface {\n  employeeId?: string\n  successAlert?: ProfileSuccessAlertCode | null\n}\n\n/** @internal */\nexport function CardContextual() {\n  const { employeeId, onEvent, successAlert } = useFlow<ProfileContextInterface>()\n  const { t } = useTranslation('Employee.Management.Profile')\n  const Components = useComponentContext()\n  return (\n    <Flex flexDirection=\"column\" gap={16}>\n      {successAlert ? (\n        <Components.Alert\n          status=\"success\"\n          label={t(`alerts.${successAlert}`)}\n          onDismiss={() => {\n            onEvent(componentEvents.EMPLOYEE_MANAGEMENT_PROFILE_ALERT_DISMISSED, null)\n          }}\n        />\n      ) : null}\n      <ProfileCard employeeId={ensureRequired(employeeId)} onEvent={onEvent} />\n    </Flex>\n  )\n}\n\n/** @internal */\nexport function ProfileEditFormContextual() {\n  const { employeeId, onEvent } = useFlow<ProfileContextInterface>()\n  return <ProfileEditForm employeeId={ensureRequired(employeeId)} onEvent={onEvent} />\n}\n"],"names":["CardContextual","employeeId","onEvent","successAlert","useFlow","t","useTranslation","Components","useComponentContext","jsxs","Flex","jsx","componentEvents","ProfileCard","ensureRequired","ProfileEditFormContextual","ProfileEditForm"],"mappings":";;;;;;;;;AAkBO,SAASA,IAAiB;AAC/B,QAAM,EAAE,YAAAC,GAAY,SAAAC,GAAS,cAAAC,EAAA,IAAiBC,EAAA,GACxC,EAAE,GAAAC,EAAA,IAAMC,EAAe,6BAA6B,GACpDC,IAAaC,EAAA;AACnB,SACE,gBAAAC,EAACC,GAAA,EAAK,eAAc,UAAS,KAAK,IAC/B,UAAA;AAAA,IAAAP,IACC,gBAAAQ;AAAA,MAACJ,EAAW;AAAA,MAAX;AAAA,QACC,QAAO;AAAA,QACP,OAAOF,EAAE,UAAUF,CAAY,EAAE;AAAA,QACjC,WAAW,MAAM;AACf,UAAAD,EAAQU,EAAgB,6CAA6C,IAAI;AAAA,QAC3E;AAAA,MAAA;AAAA,IAAA,IAEA;AAAA,sBACHC,GAAA,EAAY,YAAYC,EAAeb,CAAU,GAAG,SAAAC,EAAA,CAAkB;AAAA,EAAA,GACzE;AAEJ;AAGO,SAASa,IAA4B;AAC1C,QAAM,EAAE,YAAAd,GAAY,SAAAC,EAAA,IAAYE,EAAA;AAChC,2BAAQY,GAAA,EAAgB,YAAYF,EAAeb,CAAU,GAAG,SAAAC,GAAkB;AACpF;"}

package/dist/components/Employee/Profile/management/ProfileEditForm.d.ts

@@ -1,6 +1,31 @@
 import { BaseComponentInterface, CommonComponentInterface } from '../../../Base';
+/**
+ * Props for {@link ProfileEditForm}.
+ *
+ * @public
+ */
 export interface ProfileEditFormProps extends CommonComponentInterface<'Employee.Management.Profile'> {
+    /** The associated employee identifier. */
     employeeId: string;
+    /** Event handler fired when the user saves changes or cancels editing. */
     onEvent: BaseComponentInterface['onEvent'];
 }
+/**
+ * Standalone edit form for an employee's basic profile details.
+ *
+ * @remarks
+ * Renders fields for first name, middle initial, last name, email, SSN, and
+ * date of birth — all required on update — and shows a success alert when
+ * the save completes. Save and Cancel both emit events so the parent can
+ * return to the read view.
+ *
+ * | Event | Description | Data |
+ * | ----- | ----------- | ---- |
+ * | `employee/management/profile/updated` | Fired after the employee profile is successfully saved | {@link Employee} |
+ * | `employee/management/profile/editCancelled` | Fired when the user clicks Cancel | — |
+ *
+ * @param input - See {@link ProfileEditFormProps}.
+ * @returns The employee profile edit form.
+ * @public
+ */
 export declare function ProfileEditForm({ FallbackComponent, ...props }: ProfileEditFormProps & Pick<BaseComponentInterface, 'FallbackComponent'>): import("react").JSX.Element;

package/dist/components/Employee/Profile/management/ProfileEditForm.js

@@ -6,13 +6,13 @@ import { useEmployeeDetailsForm as R } from "../shared/useEmployeeDetailsForm/us
 import g from "./Profile.module.scss.js";
 import { BaseBoundaries as v, BaseLayout as d } from "../../../Base/Base.js";
 import "../../../Base/useBase.js";
-import { componentEvents as f } from "../../../../shared/constants.js";
 import { Grid as b } from "../../../Common/Grid/Grid.js";
 import { ActionsLayout as h } from "../../../Common/ActionsLayout/ActionsLayout.js";
-import { Form as A } from "../../../Common/Form/Form.js";
-import { SDKFormProvider as _ } from "../../../../partner-hook-utils/form/SDKFormProvider.js";
-import { useI18n as y, useComponentDictionary as F } from "../../../../i18n/I18n.js";
-import { useComponentContext as P } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
+import { useComponentContext as A } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
+import { Form as _ } from "../../../Common/Form/Form.js";
+import { SDKFormProvider as y } from "../../../../partner-hook-utils/form/SDKFormProvider.js";
+import { useI18n as F, useComponentDictionary as P } from "../../../../i18n/I18n.js";
+import { componentEvents as f } from "../../../../shared/constants.js";
 function z({
   FallbackComponent: r,
   ...t
@@ -27,8 +27,8 @@ function z({
   );
 }
 function S({ employeeId: r, className: t, dictionary: c, onEvent: l }) {
-  y("Employee.Management.Profile"), F("Employee.Management.Profile", c);
-  const { t: e } = L("Employee.Management.Profile"), s = P(), i = R({
+  F("Employee.Management.Profile"), P("Employee.Management.Profile", c);
+  const { t: e } = L("Employee.Management.Profile"), s = A(), i = R({
     employeeId: r,
     withSelfOnboardingField: !1,
     optionalFieldsToRequire: {
@@ -55,7 +55,7 @@ function S({ employeeId: r, className: t, dictionary: c, onEvent: l }) {
       }
     }
   ) : void 0;
-  return /* @__PURE__ */ o("section", { className: M(g.container, t), children: /* @__PURE__ */ o(d, { error: i.errorHandling.errors, children: /* @__PURE__ */ o(_, { formHookResult: i, children: /* @__PURE__ */ m(A, { onSubmit: p, children: [
+  return /* @__PURE__ */ o("section", { className: M(g.container, t), children: /* @__PURE__ */ o(d, { error: i.errorHandling.errors, children: /* @__PURE__ */ o(y, { formHookResult: i, children: /* @__PURE__ */ m(_, { onSubmit: p, children: [
     N,
     /* @__PURE__ */ o(s.Heading, { as: "h1", children: e("form.title") }),
     /* @__PURE__ */ m(

package/dist/components/Employee/Profile/management/ProfileEditForm.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProfileEditForm.js","sources":["../../../../../src/components/Employee/Profile/management/ProfileEditForm.tsx"],"sourcesContent":["import { useState } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport classNames from 'classnames'\nimport { useEmployeeDetailsForm } from '../shared/useEmployeeDetailsForm'\nimport styles from './Profile.module.scss'\nimport {\n  BaseBoundaries,\n  BaseLayout,\n  type BaseComponentInterface,\n  type CommonComponentInterface,\n} from '@/components/Base'\nimport { ActionsLayout } from '@/components/Common'\nimport { Form } from '@/components/Common/Form'\nimport { Grid } from '@/components/Common/Grid/Grid'\nimport { SDKFormProvider } from '@/partner-hook-utils/form/SDKFormProvider'\nimport { useI18n, useComponentDictionary } from '@/i18n'\nimport { componentEvents } from '@/shared/constants'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\nexport interface ProfileEditFormProps extends CommonComponentInterface<'Employee.Management.Profile'> {\n  employeeId: string\n  onEvent: BaseComponentInterface['onEvent']\n}\n\nexport function ProfileEditForm({\n  FallbackComponent,\n  ...props\n}: ProfileEditFormProps & Pick<BaseComponentInterface, 'FallbackComponent'>) {\n  return (\n    <BaseBoundaries\n      componentName=\"Employee.Management.Profile\"\n      FallbackComponent={FallbackComponent}\n    >\n      <ProfileEditFormRoot {...props} />\n    </BaseBoundaries>\n  )\n}\n\nfunction ProfileEditFormRoot({ employeeId, className, dictionary, onEvent }: ProfileEditFormProps) {\n  useI18n('Employee.Management.Profile')\n  useComponentDictionary('Employee.Management.Profile', dictionary)\n  const { t } = useTranslation('Employee.Management.Profile')\n  const Components = useComponentContext()\n\n  const employeeDetails = useEmployeeDetailsForm({\n    employeeId,\n    withSelfOnboardingField: false,\n    optionalFieldsToRequire: {\n      update: ['firstName', 'lastName', 'email', 'dateOfBirth', 'ssn'],\n    },\n  })\n\n  const [showSuccess, setShowSuccess] = useState(false)\n\n  if (employeeDetails.isLoading) {\n    return <BaseLayout isLoading error={employeeDetails.errorHandling.errors} />\n  }\n\n  const Fields = employeeDetails.form.Fields\n\n  const handleSubmit = async () => {\n    setShowSuccess(false)\n    const result = await employeeDetails.actions.onSubmit({\n      onEmployeeUpdated: emp => {\n        onEvent(componentEvents.EMPLOYEE_MANAGEMENT_PROFILE_UPDATED, emp)\n      },\n    })\n    if (!result) return\n    setShowSuccess(true)\n  }\n\n  const handleCancel = () => {\n    onEvent(componentEvents.EMPLOYEE_MANAGEMENT_PROFILE_EDIT_CANCELLED)\n  }\n\n  const alert = showSuccess ? (\n    <Components.Alert\n      status=\"success\"\n      label={t('form.successAlert')}\n      onDismiss={() => {\n        setShowSuccess(false)\n      }}\n    />\n  ) : undefined\n\n  return (\n    <section className={classNames(styles.container, className)}>\n      <BaseLayout error={employeeDetails.errorHandling.errors}>\n        <SDKFormProvider formHookResult={employeeDetails}>\n          <Form onSubmit={handleSubmit}>\n            {alert}\n            <Components.Heading as=\"h1\">{t('form.title')}</Components.Heading>\n            <Grid\n              gap={{ base: 20, small: 8 }}\n              gridTemplateColumns={{ base: '1fr', small: ['1fr', 200] }}\n            >\n              <Fields.FirstName\n                label={t('form.firstName')}\n                validationMessages={{\n                  REQUIRED: t('form.validations.firstName'),\n                  INVALID_NAME: t('form.validations.firstName'),\n                }}\n              />\n              <Fields.MiddleInitial label={t('form.middleInitial')} />\n            </Grid>\n            <Fields.LastName\n              label={t('form.lastName')}\n              validationMessages={{\n                REQUIRED: t('form.validations.lastName'),\n                INVALID_NAME: t('form.validations.lastName'),\n              }}\n            />\n            <Fields.Email\n              label={t('form.email')}\n              description={t('form.emailDescription')}\n              validationMessages={{\n                REQUIRED: t('form.validations.email'),\n                INVALID_EMAIL: t('form.validations.email'),\n                EMAIL_REQUIRED_FOR_SELF_ONBOARDING: t('form.validations.email'),\n              }}\n            />\n            <Fields.Ssn\n              label={t('form.ssnLabel')}\n              validationMessages={{\n                INVALID_SSN: t('validations.ssn', { ns: 'common' }),\n                REQUIRED: t('validations.ssnRequired', { ns: 'common' }),\n              }}\n            />\n            <Fields.DateOfBirth\n              label={t('form.dobLabel')}\n              validationMessages={{ REQUIRED: t('validations.dob', { ns: 'common' }) }}\n            />\n            <ActionsLayout>\n              <Components.Button variant=\"secondary\" onClick={handleCancel}>\n                {t('form.cancelCta')}\n              </Components.Button>\n              <Components.Button type=\"submit\" isLoading={employeeDetails.status.isPending}>\n                {t('form.saveCta')}\n              </Components.Button>\n            </ActionsLayout>\n          </Form>\n        </SDKFormProvider>\n      </BaseLayout>\n    </section>\n  )\n}\n"],"names":["ProfileEditForm","FallbackComponent","props","jsx","BaseBoundaries","ProfileEditFormRoot","employeeId","className","dictionary","onEvent","useI18n","useComponentDictionary","t","useTranslation","Components","useComponentContext","employeeDetails","useEmployeeDetailsForm","showSuccess","setShowSuccess","useState","BaseLayout","Fields","handleSubmit","emp","componentEvents","handleCancel","alert","classNames","styles","SDKFormProvider","jsxs","Form","Grid","ActionsLayout"],"mappings":"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"}
+{"version":3,"file":"ProfileEditForm.js","sources":["../../../../../src/components/Employee/Profile/management/ProfileEditForm.tsx"],"sourcesContent":["import { useState } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport classNames from 'classnames'\nimport { useEmployeeDetailsForm } from '../shared/useEmployeeDetailsForm'\nimport styles from './Profile.module.scss'\nimport {\n  BaseBoundaries,\n  BaseLayout,\n  type BaseComponentInterface,\n  type CommonComponentInterface,\n} from '@/components/Base'\nimport { ActionsLayout } from '@/components/Common'\nimport { Form } from '@/components/Common/Form'\nimport { Grid } from '@/components/Common/Grid/Grid'\nimport { SDKFormProvider } from '@/partner-hook-utils/form/SDKFormProvider'\nimport { useI18n, useComponentDictionary } from '@/i18n'\nimport { componentEvents } from '@/shared/constants'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\n/**\n * Props for {@link ProfileEditForm}.\n *\n * @public\n */\nexport interface ProfileEditFormProps extends CommonComponentInterface<'Employee.Management.Profile'> {\n  /** The associated employee identifier. */\n  employeeId: string\n  /** Event handler fired when the user saves changes or cancels editing. */\n  onEvent: BaseComponentInterface['onEvent']\n}\n\n/**\n * Standalone edit form for an employee's basic profile details.\n *\n * @remarks\n * Renders fields for first name, middle initial, last name, email, SSN, and\n * date of birth — all required on update — and shows a success alert when\n * the save completes. Save and Cancel both emit events so the parent can\n * return to the read view.\n *\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `employee/management/profile/updated` | Fired after the employee profile is successfully saved | {@link Employee} |\n * | `employee/management/profile/editCancelled` | Fired when the user clicks Cancel | — |\n *\n * @param input - See {@link ProfileEditFormProps}.\n * @returns The employee profile edit form.\n * @public\n */\nexport function ProfileEditForm({\n  FallbackComponent,\n  ...props\n}: ProfileEditFormProps & Pick<BaseComponentInterface, 'FallbackComponent'>) {\n  return (\n    <BaseBoundaries\n      componentName=\"Employee.Management.Profile\"\n      FallbackComponent={FallbackComponent}\n    >\n      <ProfileEditFormRoot {...props} />\n    </BaseBoundaries>\n  )\n}\n\nfunction ProfileEditFormRoot({ employeeId, className, dictionary, onEvent }: ProfileEditFormProps) {\n  useI18n('Employee.Management.Profile')\n  useComponentDictionary('Employee.Management.Profile', dictionary)\n  const { t } = useTranslation('Employee.Management.Profile')\n  const Components = useComponentContext()\n\n  const employeeDetails = useEmployeeDetailsForm({\n    employeeId,\n    withSelfOnboardingField: false,\n    optionalFieldsToRequire: {\n      update: ['firstName', 'lastName', 'email', 'dateOfBirth', 'ssn'],\n    },\n  })\n\n  const [showSuccess, setShowSuccess] = useState(false)\n\n  if (employeeDetails.isLoading) {\n    return <BaseLayout isLoading error={employeeDetails.errorHandling.errors} />\n  }\n\n  const Fields = employeeDetails.form.Fields\n\n  const handleSubmit = async () => {\n    setShowSuccess(false)\n    const result = await employeeDetails.actions.onSubmit({\n      onEmployeeUpdated: emp => {\n        onEvent(componentEvents.EMPLOYEE_MANAGEMENT_PROFILE_UPDATED, emp)\n      },\n    })\n    if (!result) return\n    setShowSuccess(true)\n  }\n\n  const handleCancel = () => {\n    onEvent(componentEvents.EMPLOYEE_MANAGEMENT_PROFILE_EDIT_CANCELLED)\n  }\n\n  const alert = showSuccess ? (\n    <Components.Alert\n      status=\"success\"\n      label={t('form.successAlert')}\n      onDismiss={() => {\n        setShowSuccess(false)\n      }}\n    />\n  ) : undefined\n\n  return (\n    <section className={classNames(styles.container, className)}>\n      <BaseLayout error={employeeDetails.errorHandling.errors}>\n        <SDKFormProvider formHookResult={employeeDetails}>\n          <Form onSubmit={handleSubmit}>\n            {alert}\n            <Components.Heading as=\"h1\">{t('form.title')}</Components.Heading>\n            <Grid\n              gap={{ base: 20, small: 8 }}\n              gridTemplateColumns={{ base: '1fr', small: ['1fr', 200] }}\n            >\n              <Fields.FirstName\n                label={t('form.firstName')}\n                validationMessages={{\n                  REQUIRED: t('form.validations.firstName'),\n                  INVALID_NAME: t('form.validations.firstName'),\n                }}\n              />\n              <Fields.MiddleInitial label={t('form.middleInitial')} />\n            </Grid>\n            <Fields.LastName\n              label={t('form.lastName')}\n              validationMessages={{\n                REQUIRED: t('form.validations.lastName'),\n                INVALID_NAME: t('form.validations.lastName'),\n              }}\n            />\n            <Fields.Email\n              label={t('form.email')}\n              description={t('form.emailDescription')}\n              validationMessages={{\n                REQUIRED: t('form.validations.email'),\n                INVALID_EMAIL: t('form.validations.email'),\n                EMAIL_REQUIRED_FOR_SELF_ONBOARDING: t('form.validations.email'),\n              }}\n            />\n            <Fields.Ssn\n              label={t('form.ssnLabel')}\n              validationMessages={{\n                INVALID_SSN: t('validations.ssn', { ns: 'common' }),\n                REQUIRED: t('validations.ssnRequired', { ns: 'common' }),\n              }}\n            />\n            <Fields.DateOfBirth\n              label={t('form.dobLabel')}\n              validationMessages={{ REQUIRED: t('validations.dob', { ns: 'common' }) }}\n            />\n            <ActionsLayout>\n              <Components.Button variant=\"secondary\" onClick={handleCancel}>\n                {t('form.cancelCta')}\n              </Components.Button>\n              <Components.Button type=\"submit\" isLoading={employeeDetails.status.isPending}>\n                {t('form.saveCta')}\n              </Components.Button>\n            </ActionsLayout>\n          </Form>\n        </SDKFormProvider>\n      </BaseLayout>\n    </section>\n  )\n}\n"],"names":["ProfileEditForm","FallbackComponent","props","jsx","BaseBoundaries","ProfileEditFormRoot","employeeId","className","dictionary","onEvent","useI18n","useComponentDictionary","t","useTranslation","Components","useComponentContext","employeeDetails","useEmployeeDetailsForm","showSuccess","setShowSuccess","useState","BaseLayout","Fields","handleSubmit","emp","componentEvents","handleCancel","alert","classNames","styles","SDKFormProvider","jsxs","Form","Grid","ActionsLayout"],"mappings":";;;;;;;;;;;;;;;AAiDO,SAASA,EAAgB;AAAA,EAC9B,mBAAAC;AAAA,EACA,GAAGC;AACL,GAA6E;AAC3E,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,eAAc;AAAA,MACd,mBAAAH;AAAA,MAEA,UAAA,gBAAAE,EAACE,GAAA,EAAqB,GAAGH,EAAA,CAAO;AAAA,IAAA;AAAA,EAAA;AAGtC;AAEA,SAASG,EAAoB,EAAE,YAAAC,GAAY,WAAAC,GAAW,YAAAC,GAAY,SAAAC,KAAiC;AACjG,EAAAC,EAAQ,6BAA6B,GACrCC,EAAuB,+BAA+BH,CAAU;AAChE,QAAM,EAAE,GAAAI,EAAA,IAAMC,EAAe,6BAA6B,GACpDC,IAAaC,EAAA,GAEbC,IAAkBC,EAAuB;AAAA,IAC7C,YAAAX;AAAA,IACA,yBAAyB;AAAA,IACzB,yBAAyB;AAAA,MACvB,QAAQ,CAAC,aAAa,YAAY,SAAS,eAAe,KAAK;AAAA,IAAA;AAAA,EACjE,CACD,GAEK,CAACY,GAAaC,CAAc,IAAIC,EAAS,EAAK;AAEpD,MAAIJ,EAAgB;AAClB,6BAAQK,GAAA,EAAW,WAAS,IAAC,OAAOL,EAAgB,cAAc,QAAQ;AAG5E,QAAMM,IAASN,EAAgB,KAAK,QAE9BO,IAAe,YAAY;AAO/B,IANAJ,EAAe,EAAK,GACL,MAAMH,EAAgB,QAAQ,SAAS;AAAA,MACpD,mBAAmB,CAAAQ,MAAO;AACxB,QAAAf,EAAQgB,EAAgB,qCAAqCD,CAAG;AAAA,MAClE;AAAA,IAAA,CACD,KAEDL,EAAe,EAAI;AAAA,EACrB,GAEMO,IAAe,MAAM;AACzB,IAAAjB,EAAQgB,EAAgB,0CAA0C;AAAA,EACpE,GAEME,IAAQT,IACZ,gBAAAf;AAAA,IAACW,EAAW;AAAA,IAAX;AAAA,MACC,QAAO;AAAA,MACP,OAAOF,EAAE,mBAAmB;AAAA,MAC5B,WAAW,MAAM;AACf,QAAAO,EAAe,EAAK;AAAA,MACtB;AAAA,IAAA;AAAA,EAAA,IAEA;AAEJ,SACE,gBAAAhB,EAAC,aAAQ,WAAWyB,EAAWC,EAAO,WAAWtB,CAAS,GACxD,UAAA,gBAAAJ,EAACkB,GAAA,EAAW,OAAOL,EAAgB,cAAc,QAC/C,UAAA,gBAAAb,EAAC2B,GAAA,EAAgB,gBAAgBd,GAC/B,UAAA,gBAAAe,EAACC,GAAA,EAAK,UAAUT,GACb,UAAA;AAAA,IAAAI;AAAA,IACD,gBAAAxB,EAACW,EAAW,SAAX,EAAmB,IAAG,MAAM,UAAAF,EAAE,YAAY,GAAE;AAAA,IAC7C,gBAAAmB;AAAA,MAACE;AAAA,MAAA;AAAA,QACC,KAAK,EAAE,MAAM,IAAI,OAAO,EAAA;AAAA,QACxB,qBAAqB,EAAE,MAAM,OAAO,OAAO,CAAC,OAAO,GAAG,EAAA;AAAA,QAEtD,UAAA;AAAA,UAAA,gBAAA9B;AAAA,YAACmB,EAAO;AAAA,YAAP;AAAA,cACC,OAAOV,EAAE,gBAAgB;AAAA,cACzB,oBAAoB;AAAA,gBAClB,UAAUA,EAAE,4BAA4B;AAAA,gBACxC,cAAcA,EAAE,4BAA4B;AAAA,cAAA;AAAA,YAC9C;AAAA,UAAA;AAAA,4BAEDU,EAAO,eAAP,EAAqB,OAAOV,EAAE,oBAAoB,EAAA,CAAG;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,IAExD,gBAAAT;AAAA,MAACmB,EAAO;AAAA,MAAP;AAAA,QACC,OAAOV,EAAE,eAAe;AAAA,QACxB,oBAAoB;AAAA,UAClB,UAAUA,EAAE,2BAA2B;AAAA,UACvC,cAAcA,EAAE,2BAA2B;AAAA,QAAA;AAAA,MAC7C;AAAA,IAAA;AAAA,IAEF,gBAAAT;AAAA,MAACmB,EAAO;AAAA,MAAP;AAAA,QACC,OAAOV,EAAE,YAAY;AAAA,QACrB,aAAaA,EAAE,uBAAuB;AAAA,QACtC,oBAAoB;AAAA,UAClB,UAAUA,EAAE,wBAAwB;AAAA,UACpC,eAAeA,EAAE,wBAAwB;AAAA,UACzC,oCAAoCA,EAAE,wBAAwB;AAAA,QAAA;AAAA,MAChE;AAAA,IAAA;AAAA,IAEF,gBAAAT;AAAA,MAACmB,EAAO;AAAA,MAAP;AAAA,QACC,OAAOV,EAAE,eAAe;AAAA,QACxB,oBAAoB;AAAA,UAClB,aAAaA,EAAE,mBAAmB,EAAE,IAAI,UAAU;AAAA,UAClD,UAAUA,EAAE,2BAA2B,EAAE,IAAI,UAAU;AAAA,QAAA;AAAA,MACzD;AAAA,IAAA;AAAA,IAEF,gBAAAT;AAAA,MAACmB,EAAO;AAAA,MAAP;AAAA,QACC,OAAOV,EAAE,eAAe;AAAA,QACxB,oBAAoB,EAAE,UAAUA,EAAE,mBAAmB,EAAE,IAAI,UAAU,EAAA;AAAA,MAAE;AAAA,IAAA;AAAA,sBAExEsB,GAAA,EACC,UAAA;AAAA,MAAA,gBAAA/B,EAACW,EAAW,QAAX,EAAkB,SAAQ,aAAY,SAASY,GAC7C,UAAAd,EAAE,gBAAgB,EAAA,CACrB;AAAA,MACA,gBAAAT,EAACW,EAAW,QAAX,EAAkB,MAAK,UAAS,WAAWE,EAAgB,OAAO,WAChE,UAAAJ,EAAE,cAAc,EAAA,CACnB;AAAA,IAAA,EAAA,CACF;AAAA,EAAA,GACF,EAAA,CACF,GACF,GACF;AAEJ;"}

package/dist/components/Employee/Profile/management/profileStateMachine.d.ts

@@ -1,3 +1,4 @@
+/** @internal */
 export declare const profileStateMachine: {
     card: import('robot3').MachineState<any>;
     editProfile: import('robot3').MachineState<any>;