@gusto/embedded-react-sdk 0.52.2 → 0.53.0

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

@@ -1,65 +1,66 @@
 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 { Loading as _ } from "../../../../Common/Loading/Loading.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";
-import { DataView as G } from "../../../../Common/DataView/DataView.js";
-function mt(i) {
-  return /* @__PURE__ */ r(O, { componentName: "Employee.Management.Paystubs", children: /* @__PURE__ */ r(Q, { ...i }) });
+import { useState as U, useCallback as R } from "react";
+import { useTranslation as D } from "react-i18next";
+import { useErrorBoundary as _ } from "react-error-boundary";
+import { Loading as O } from "../../../../Common/Loading/Loading.js";
+import { EmptyData as w } from "../../../../Common/EmptyData/EmptyData.js";
+import { BaseBoundaries as T, BaseLayout as L } from "../../../../Base/Base.js";
+import { useComponentContext as M } from "../../../../../contexts/ComponentAdapter/useComponentContext.js";
+import { composeErrorHandler as v } from "../../../../../partner-hook-utils/composeErrorHandler.js";
+import { usePaymentMethodList as j } from "../../../PaymentMethod/shared/usePaymentMethodList.js";
+import { formatDateLongWithYear as W } from "../../../../../helpers/dateFormatting.js";
+import Y from "../../../../../hooks/useNumberFormatter.js";
+import { useI18n as H } from "../../../../../i18n/I18n.js";
+import { componentEvents as C } from "../../../../../shared/constants.js";
+import F from "../../../../../assets/icons/download-cloud.svg.js";
+import { usePaystubsList as V } from "../../shared/usePaystubsList/usePaystubsList.js";
+import { useNonce as G } from "../../../../../contexts/NonceProvider/useNonce.js";
+import { useDataView as Q } from "../../../../Common/DataView/useDataView.js";
+import { DataView as q } from "../../../../Common/DataView/DataView.js";
+function yt(i) {
+  return /* @__PURE__ */ r(T, { componentName: "Employee.Management.Paystubs", children: /* @__PURE__ */ r(z, { ...i }) });
 }
-function Q({ employeeId: i, onEvent: c }) {
-  Y("Employee.Management.Paystubs");
-  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,
+function z({ employeeId: i, onEvent: d }) {
+  H("Employee.Management.Paystubs");
+  const { t: s } = D("Employee.Management.Paystubs"), m = M(), l = V({ employeeId: i }), n = j({ employeeId: i }), c = v([l, n]);
+  return l.isLoading ? /* @__PURE__ */ r(L, { error: c.errors, children: /* @__PURE__ */ r(m.Box, { header: /* @__PURE__ */ r(m.BoxHeader, { title: s("title") }), children: /* @__PURE__ */ r(O, {}) }) }) : /* @__PURE__ */ r(
+    J,
     {
       employeeId: i,
-      onEvent: c,
-      paystubsList: m,
+      onEvent: d,
+      paystubsList: l,
       paymentMethodList: n,
-      errorHandling: d
+      errorHandling: c
     }
   );
 }
-function q({
+function J({
   employeeId: i,
-  onEvent: c,
+  onEvent: d,
   paystubsList: s,
-  paymentMethodList: l,
-  errorHandling: m
+  paymentMethodList: m,
+  errorHandling: l
 }) {
-  const { t: n } = C("Employee.Management.Paystubs"), d = D(), u = W("currency"), { showBoundary: y } = R(), [M, f] = N(
+  const { t: n } = D("Employee.Management.Paystubs"), c = M(), y = Y("currency"), { showBoundary: f } = _(), p = G(), [x, h] = U(
     () => /* @__PURE__ */ new Set()
-  ), { payStubs: h } = s.data, x = s.pagination.payStubs, S = l.isLoading ? void 0 : l.data.paymentMethod, k = U(
+  ), { payStubs: g } = s.data, S = s.pagination.payStubs, N = m.isLoading ? void 0 : m.data.paymentMethod, k = R(
     async (t) => {
-      c(w.EMPLOYEE_MANAGEMENT_PAYSTUBS_CARD_DOWNLOAD_REQUESTED, {
+      d(C.EMPLOYEE_MANAGEMENT_PAYSTUBS_CARD_DOWNLOAD_REQUESTED, {
         employeeId: i,
         payrollUuid: t
       });
-      const o = window.open("", "_blank"), E = n("downloadLoadingMessage");
+      const o = window.open("", "_blank"), P = n("downloadLoadingMessage");
       if (o) {
         const e = o.document;
-        e.title = E;
+        e.title = P;
         const a = e.createElement("style");
-        a.textContent = "body{font-family:system-ui,-apple-system,sans-serif;display:flex;align-items:center;justify-content:center;height:100vh;margin:0;color:#444;gap:12px}.spinner{width:20px;height:20px;border:2px solid #ccc;border-top-color:#444;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}", e.head.appendChild(a);
-        const p = e.createElement("div");
-        p.className = "spinner", p.setAttribute("aria-hidden", "true");
-        const P = e.createElement("span");
-        P.textContent = E, e.body.replaceChildren(p, P);
+        p && (a.nonce = p), a.textContent = "body{font-family:system-ui,-apple-system,sans-serif;display:flex;align-items:center;justify-content:center;height:100vh;margin:0;color:#444;gap:12px}.spinner{width:20px;height:20px;border:2px solid #ccc;border-top-color:#444;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}", e.head.appendChild(a);
+        const u = e.createElement("div");
+        u.className = "spinner", u.setAttribute("aria-hidden", "true");
+        const b = e.createElement("span");
+        b.textContent = P, e.body.replaceChildren(u, b);
       }
-      f((e) => {
+      h((e) => {
         const a = new Set(e);
         return a.add(t), a;
       });
@@ -72,26 +73,26 @@ function q({
         const a = URL.createObjectURL(e.data);
         o ? (o.addEventListener("load", () => {
           URL.revokeObjectURL(a);
-        }), o.location.href = a) : URL.revokeObjectURL(a), c(w.EMPLOYEE_MANAGEMENT_PAYSTUBS_CARD_DOWNLOADED, {
+        }), o.location.href = a) : URL.revokeObjectURL(a), d(C.EMPLOYEE_MANAGEMENT_PAYSTUBS_CARD_DOWNLOADED, {
           employeeId: i,
           payrollUuid: t
         });
       } catch (e) {
-        o && o.close(), y(e instanceof Error ? e : new Error(String(e)));
+        o && o.close(), f(e instanceof Error ? e : new Error(String(e)));
       } finally {
-        f((e) => {
+        h((e) => {
           if (!e.has(t)) return e;
           const a = new Set(e);
           return a.delete(t), a;
         });
       }
     },
-    [s.actions, c, i, n, y]
+    [s.actions, d, i, n, f, p]
   ), A = [
     {
       key: "payday",
       title: n("payday"),
-      render: (t) => j(t.checkDate) || "-"
+      render: (t) => W(t.checkDate) || "-"
     },
     {
       key: "checkAmount",
@@ -99,7 +100,7 @@ function q({
       render: (t) => {
         if (!t.netPay) return "-";
         const o = parseFloat(t.netPay);
-        return isNaN(o) ? "-" : u(o);
+        return isNaN(o) ? "-" : y(o);
       }
     },
     {
@@ -108,22 +109,22 @@ function q({
       render: (t) => {
         if (!t.grossPay) return "-";
         const o = parseFloat(t.grossPay);
-        return isNaN(o) ? "-" : u(o);
+        return isNaN(o) ? "-" : y(o);
       }
     },
     {
       key: "paymentMethod",
       title: n("paymentMethod"),
-      render: () => S?.type || n("noPaymentMethod")
+      render: () => N?.type || n("noPaymentMethod")
     }
-  ], B = V({
-    data: h,
+  ], B = Q({
+    data: g,
     columns: A,
-    pagination: x,
+    pagination: S,
     itemMenu: (t) => {
-      const o = !!t.payrollUuid && M.has(t.payrollUuid);
+      const o = !!t.payrollUuid && x.has(t.payrollUuid);
       return /* @__PURE__ */ r(
-        d.ButtonIcon,
+        c.ButtonIcon,
         {
           variant: "tertiary",
           "aria-label": n("downloadCta"),
@@ -132,22 +133,22 @@ function q({
           onClick: () => {
             t.payrollUuid && k(t.payrollUuid);
           },
-          children: /* @__PURE__ */ r(H, { "aria-hidden": !0 })
+          children: /* @__PURE__ */ r(F, { "aria-hidden": !0 })
         }
       );
     },
-    emptyState: () => /* @__PURE__ */ r(b, { title: n("emptyState.title"), description: n("emptyState.description") })
-  }), g = h.length > 0;
-  return /* @__PURE__ */ r(L, { error: m.errors, children: /* @__PURE__ */ r(
-    d.Box,
+    emptyState: () => /* @__PURE__ */ r(w, { title: n("emptyState.title"), description: n("emptyState.description") })
+  }), E = g.length > 0;
+  return /* @__PURE__ */ r(L, { error: l.errors, children: /* @__PURE__ */ r(
+    c.Box,
     {
-      withPadding: !g,
-      header: /* @__PURE__ */ r(d.BoxHeader, { title: n("title") }),
-      children: g ? /* @__PURE__ */ r(G, { label: n("listLabel"), isWithinBox: !0, ...B }) : /* @__PURE__ */ r(b, { title: n("emptyState.title"), description: n("emptyState.description") })
+      withPadding: !E,
+      header: /* @__PURE__ */ r(c.BoxHeader, { title: n("title") }),
+      children: E ? /* @__PURE__ */ r(q, { label: n("listLabel"), isWithinBox: !0, ...B }) : /* @__PURE__ */ r(w, { title: n("emptyState.title"), description: n("emptyState.description") })
     }
   ) });
 }
 export {
-  mt as PaystubsCard
+  yt as PaystubsCard
 };
 //# sourceMappingURL=PaystubsCard.js.map

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\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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"}
+{"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 { useNonce } from '@/contexts/NonceProvider'\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  const nonce = useNonce()\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        if (nonce) style.nonce = nonce\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, nonce],\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","nonce","useNonce","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/Profile/management/ProfileCard/ProfileCard.js

@@ -1,20 +1,19 @@
 import { jsx as t } from "react/jsx-runtime";
 import { useTranslation as u } from "react-i18next";
 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 { BaseBoundaries as g, BaseLayout as L } from "../../../../Base/Base.js";
+import { useComponentContext as P } from "../../../../../contexts/ComponentAdapter/useComponentContext.js";
 import { formatDateLongWithYear as s } from "../../../../../helpers/dateFormatting.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 A(i) {
-  return /* @__PURE__ */ t(L, { componentName: "Employee.Management.Profile", children: /* @__PURE__ */ t(D, { ...i }) });
+function k(i) {
+  return /* @__PURE__ */ t(g, { componentName: "Employee.Management.Profile", children: /* @__PURE__ */ t(D, { ...i }) });
 }
 function D({ employeeId: i, onEvent: l }) {
   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 ? [
+  const { t: o } = u("Employee.Management.Profile"), n = P(), 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 },
@@ -23,7 +22,7 @@ function D({ employeeId: i, onEvent: l }) {
   ] : [], h = () => {
     l(X.EMPLOYEE_MANAGEMENT_PROFILE_EDIT_REQUESTED, { employeeId: i });
   };
-  return /* @__PURE__ */ t(P, { error: a.errorHandling.errors, children: /* @__PURE__ */ t(
+  return /* @__PURE__ */ t(L, { error: a.errorHandling.errors, children: /* @__PURE__ */ t(
     n.Box,
     {
       header: /* @__PURE__ */ t(
@@ -46,6 +45,6 @@ function D({ employeeId: i, onEvent: l }) {
   ) });
 }
 export {
-  A as ProfileCard
+  k 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\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 * @events\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":";;;;;;;;;;;AAyCO,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 * @events\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":";;;;;;;;;;AAyCO,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/ProfileEditForm.js

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

package/dist/components/Employee/Profile/onboarding/AdminProfile.js

@@ -13,12 +13,12 @@ import { composeErrorHandler as te } from "../../../../partner-hook-utils/compos
 import { Grid as N } from "../../../Common/Grid/Grid.js";
 import { Flex as k } from "../../../Common/Flex/Flex.js";
 import { ActionsLayout as ie } from "../../../Common/ActionsLayout/ActionsLayout.js";
-import { useComponentContext as re } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
-import { Form as se } from "../../../Common/Form/Form.js";
+import { Form as re } from "../../../Common/Form/Form.js";
 import { BaseLayout as w } from "../../../Base/Base.js";
 import "../../../Base/useBase.js";
-import { useI18n as U, useComponentDictionary as ae } from "../../../../i18n/I18n.js";
+import { useI18n as U, useComponentDictionary as se } from "../../../../i18n/I18n.js";
 import { componentEvents as f, EmployeeOnboardingStatus as F } from "../../../../shared/constants.js";
+import { useComponentContext as ae } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
 import { DatePickerField as ne } from "../../../Common/Fields/DatePickerField/DatePickerField.js";
 const le = (t) => t?.onboarded === !0 || t?.onboardingStatus === F.ONBOARDING_COMPLETED || t?.onboardingStatus === F.SELF_ONBOARDING_AWAITING_ADMIN_REVIEW || t?.onboardingStatus === F.SELF_ONBOARDING_COMPLETED_BY_EMPLOYEE;
 function de(t) {
@@ -39,7 +39,7 @@ function Ce({
   dictionary: R,
   onEvent: b
 }) {
-  U("Employee.Profile"), U("Employee.HomeAddress"), ae("Employee.Profile", R);
+  U("Employee.Profile"), U("Employee.HomeAddress"), se("Employee.Profile", R);
   const [u, n] = y(d), p = !u, e = p && D && (r?.inviteEmployeeDefault ?? !1), [i, L] = y(e), l = H(
     () => de(i),
     [i]
@@ -105,7 +105,7 @@ function me({
   onEvent: n,
   className: p
 }) {
-  const { t: e } = v("Employee.Profile"), { t: i } = v("Employee.HomeAddress"), { t: L } = v("common"), l = re(), O = t.data.employee ?? void 0, h = le(O), E = q({
+  const { t: e } = v("Employee.Profile"), { t: i } = v("Employee.HomeAddress"), { t: L } = v("common"), l = ae(), O = t.data.employee ?? void 0, h = le(O), E = q({
     defaultValues: { startDate: O?.jobs?.[0]?.hireDate ?? "" },
     mode: "onSubmit",
     shouldFocusError: !1
@@ -167,7 +167,7 @@ function me({
       startDate: _
     });
   }), G = t.status.isPending || d.status.isPending || r.status.isPending, z = d.form.hookFormInternals.formMethods.watch("courtesyWithholding");
-  return /* @__PURE__ */ o("section", { className: Z(ee.container, p), children: /* @__PURE__ */ o(w, { error: Y.errors, children: /* @__PURE__ */ m(se, { onSubmit: Q, children: [
+  return /* @__PURE__ */ o("section", { className: Z(ee.container, p), children: /* @__PURE__ */ o(w, { error: Y.errors, children: /* @__PURE__ */ m(re, { onSubmit: Q, children: [
     /* @__PURE__ */ m(N, { gridTemplateColumns: "1fr", gap: 24, children: [
       /* @__PURE__ */ m(k, { flexDirection: "column", gap: 4, children: [
         /* @__PURE__ */ o(l.Heading, { as: "h2", children: e("title") }),

package/dist/components/Employee/Profile/onboarding/EmployeeProfile.js

@@ -11,12 +11,12 @@ import { composeSubmitHandler as Q } from "../../../../partner-hook-utils/form/c
 import { composeErrorHandler as L } from "../../../../partner-hook-utils/composeErrorHandler.js";
 import { Grid as A } from "../../../Common/Grid/Grid.js";
 import { ActionsLayout as z } from "../../../Common/ActionsLayout/ActionsLayout.js";
-import { useComponentContext as B } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
-import { Form as Y } from "../../../Common/Form/Form.js";
+import { Form as B } from "../../../Common/Form/Form.js";
 import { BaseLayout as S } from "../../../Base/Base.js";
 import "../../../Base/useBase.js";
-import { useI18n as N, useComponentDictionary as W } from "../../../../i18n/I18n.js";
+import { useI18n as N, useComponentDictionary as Y } from "../../../../i18n/I18n.js";
 import { componentEvents as p } from "../../../../shared/constants.js";
+import { useComponentContext as W } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
 import { getStreet as Z, getCityStateZip as j } from "../../../../helpers/formattedStrings.js";
 const q = {
   create: ["dateOfBirth", "ssn"],
@@ -30,8 +30,8 @@ function he({
   dictionary: M,
   onEvent: n
 }) {
-  N("Employee.Profile"), N("Employee.HomeAddress"), W("Employee.Profile", M);
-  const { t: s } = y("Employee.Profile"), { t: o } = y("Employee.HomeAddress"), { t: F } = y("common"), r = B(), [E, T] = C(D), l = w({
+  N("Employee.Profile"), N("Employee.HomeAddress"), Y("Employee.Profile", M);
+  const { t: s } = y("Employee.Profile"), { t: o } = y("Employee.HomeAddress"), { t: F } = y("common"), r = W(), [E, T] = C(D), l = w({
     companyId: H,
     employeeId: E,
     withSelfOnboardingField: !1,
@@ -84,7 +84,7 @@ function he({
     { errorHandling: a.errorHandling },
     f
   ]), _ = l.status.isPending || a.status.isPending;
-  return /* @__PURE__ */ e("section", { className: U(b.container, P), children: /* @__PURE__ */ e(S, { error: O.errors, children: /* @__PURE__ */ i(Y, { onSubmit: I.handleSubmit, children: [
+  return /* @__PURE__ */ e("section", { className: U(b.container, P), children: /* @__PURE__ */ e(S, { error: O.errors, children: /* @__PURE__ */ i(B, { onSubmit: I.handleSubmit, children: [
     /* @__PURE__ */ i(A, { gridTemplateColumns: "1fr", gap: 24, children: [
       /* @__PURE__ */ i("div", { children: [
         /* @__PURE__ */ e(r.Heading, { as: "h2", children: s("title") }),

package/dist/components/Employee/Profile/shared/useEmployeeDetailsForm/fields.js

@@ -1,9 +1,9 @@
 import { jsx as t } from "react/jsx-runtime";
+import { useFormFieldsMetadataContext as r } from "../../../../../partner-hook-utils/form/FormFieldsMetadataContext.js";
+import { usePlaceholderSSN as m, normalizeSSN as l } from "../../../../../helpers/ssn.js";
+import { SwitchHookField as d } from "../../../../../partner-hook-utils/form/fields/SwitchHookField.js";
 import { TextInputHookField as a } from "../../../../../partner-hook-utils/form/fields/TextInputHookField.js";
-import { DatePickerHookField as r } from "../../../../../partner-hook-utils/form/fields/DatePickerHookField.js";
-import { SwitchHookField as m } from "../../../../../partner-hook-utils/form/fields/SwitchHookField.js";
-import { useFormFieldsMetadataContext as l } from "../../../../../partner-hook-utils/form/FormFieldsMetadataContext.js";
-import { usePlaceholderSSN as d, normalizeSSN as f } from "../../../../../helpers/ssn.js";
+import { DatePickerHookField as f } from "../../../../../partner-hook-utils/form/fields/DatePickerHookField.js";
 function h(e) {
   return /* @__PURE__ */ t(a, { ...e, name: "firstName" });
 }
@@ -17,22 +17,22 @@ function x(e) {
   return /* @__PURE__ */ t(a, { ...e, name: "email" });
 }
 function H(e) {
-  return /* @__PURE__ */ t(r, { ...e, name: "dateOfBirth" });
+  return /* @__PURE__ */ t(f, { ...e, name: "dateOfBirth" });
 }
 function O(e) {
-  const n = l(), i = e.formHookResult?.form.fieldsMetadata ?? n?.metadata ?? {}, o = d(i.ssn?.hasRedactedValue);
+  const n = r(), i = e.formHookResult?.form.fieldsMetadata ?? n?.metadata ?? {}, o = m(i.ssn?.hasRedactedValue);
   return /* @__PURE__ */ t(
     a,
     {
       ...e,
       name: "ssn",
-      transform: f,
+      transform: l,
       placeholder: o
     }
   );
 }
 function I(e) {
-  return /* @__PURE__ */ t(m, { ...e, name: "selfOnboarding" });
+  return /* @__PURE__ */ t(d, { ...e, name: "selfOnboarding" });
 }
 export {
   H as DateOfBirthField,

package/dist/components/Employee/Profile/shared/useHomeAddressForm/fields.js

@@ -1,8 +1,8 @@
 import { jsx as t } from "react/jsx-runtime";
-import { TextInputHookField as i } from "../../../../../partner-hook-utils/form/fields/TextInputHookField.js";
-import { SelectHookField as r } from "../../../../../partner-hook-utils/form/fields/SelectHookField.js";
+import { DatePickerHookField as r } from "../../../../../partner-hook-utils/form/fields/DatePickerHookField.js";
 import { CheckboxHookField as n } from "../../../../../partner-hook-utils/form/fields/CheckboxHookField.js";
-import { DatePickerHookField as o } from "../../../../../partner-hook-utils/form/fields/DatePickerHookField.js";
+import { TextInputHookField as i } from "../../../../../partner-hook-utils/form/fields/TextInputHookField.js";
+import { SelectHookField as o } from "../../../../../partner-hook-utils/form/fields/SelectHookField.js";
 function d(e) {
   return /* @__PURE__ */ t(i, { ...e, name: "street1" });
 }
@@ -13,7 +13,7 @@ function F(e) {
   return /* @__PURE__ */ t(i, { ...e, name: "city" });
 }
 function p(e) {
-  return /* @__PURE__ */ t(r, { ...e, name: "state" });
+  return /* @__PURE__ */ t(o, { ...e, name: "state" });
 }
 function k(e) {
   return /* @__PURE__ */ t(i, { ...e, name: "zip" });
@@ -22,7 +22,7 @@ function s(e) {
   return /* @__PURE__ */ t(n, { ...e, name: "courtesyWithholding" });
 }
 function h(e) {
-  return /* @__PURE__ */ t(o, { ...e, name: "effectiveDate" });
+  return /* @__PURE__ */ t(r, { ...e, name: "effectiveDate" });
 }
 export {
   F as CityField,

package/dist/components/Employee/Profile/shared/useWorkAddressForm/fields.js

@@ -1,11 +1,11 @@
 import { jsx as o } from "react/jsx-runtime";
-import { SelectHookField as t } from "../../../../../partner-hook-utils/form/fields/SelectHookField.js";
-import { DatePickerHookField as i } from "../../../../../partner-hook-utils/form/fields/DatePickerHookField.js";
+import { DatePickerHookField as t } from "../../../../../partner-hook-utils/form/fields/DatePickerHookField.js";
+import { SelectHookField as i } from "../../../../../partner-hook-utils/form/fields/SelectHookField.js";
 function c(e) {
-  return /* @__PURE__ */ o(t, { ...e, name: "locationUuid" });
+  return /* @__PURE__ */ o(i, { ...e, name: "locationUuid" });
 }
 function m(e) {
-  return /* @__PURE__ */ o(i, { ...e, name: "effectiveDate" });
+  return /* @__PURE__ */ o(t, { ...e, name: "effectiveDate" });
 }
 export {
   m as EffectiveDateField,