@gusto/embedded-react-sdk 0.56.7 → 0.57.1

package/CHANGELOG.md

@@ -1,5 +1,65 @@
 # Changelog
 
+## [0.57.1](https://github.com/Gusto/embedded-react-sdk/compare/v0.57.0...v0.57.1) (2026-10-21)
+
+### Features & Enhancements
+
+- Add `Payroll.TaxPaymentsFlow`, a tax payments hub with a payment list and detail view built on the tax payments endpoints. Released as `@alpha` behind the new `taxPayments` flag in `UnstableFeatures` ([#2872](https://github.com/Gusto/embedded-react-sdk/issues/2872))
+- Show a recoverable screen instead of a hard error when a payroll is no longer calculated, so the payroll can be recalculated in place ([#2955](https://github.com/Gusto/embedded-react-sdk/issues/2955))
+
+### Fixes
+
+- Fix Payroll History crashing for a company when the API returns an off-cycle reason outside the documented enum (e.g. `Max out 401k`, `Other`) — those payrolls now render as generic off-cycle payrolls instead of failing response validation for the whole list ([#2919](https://github.com/Gusto/embedded-react-sdk/issues/2919))
+- Fix "Payroll is not calculated" being thrown for processed payrolls that never run the calculate step — wage corrections, reversals, disability distributions, external payrolls, and tax reconciliations are now viewable ([#2922](https://github.com/Gusto/embedded-react-sdk/issues/2922))
+- Block the exponent characters `e` / `E` in numeric `Input` fields. The DOM coerced a lone `e` to an empty string, so the value was silently dropped on save and the field reverted with no error. Sign keys (`+` / `-`) are unaffected ([#2847](https://github.com/Gusto/embedded-react-sdk/issues/2847))
+- Only offer the cancel action on payrolls the API will actually accept for cancellation, instead of surfacing a cancel that fails server-side ([#2936](https://github.com/Gusto/embedded-react-sdk/issues/2936))
+- Validate generated check URLs in `PrintChecksForm` before opening them ([#2937](https://github.com/Gusto/embedded-react-sdk/issues/2937))
+- Show server-side field errors on `StateTaxesForm`, including value errors from every requirement set ([#2917](https://github.com/Gusto/embedded-react-sdk/issues/2917))
+- Keep workweek inputs usable in Run Regular Payroll when a pay period has many workweek columns — inputs now have a fixed column width and the workweek tables scroll horizontally, instead of being crushed beside their adornments ([#2939](https://github.com/Gusto/embedded-react-sdk/issues/2939))
+- Label `DataCards` footer values with their column titles when footers are keyed by column key (e.g. `PayrollOverview` totals), which previously rendered as bare values ([#2933](https://github.com/Gusto/embedded-react-sdk/issues/2933))
+
+### Chores & Maintenance
+
+- Bump runtime dependencies (`i18next`, `react-hook-form`, `robot3`, `dompurify`) ([#2929](https://github.com/Gusto/embedded-react-sdk/issues/2929), [#2945](https://github.com/Gusto/embedded-react-sdk/issues/2945), [#2931](https://github.com/Gusto/embedded-react-sdk/issues/2931), [#2961](https://github.com/Gusto/embedded-react-sdk/issues/2961), [#2927](https://github.com/Gusto/embedded-react-sdk/issues/2927))
+- Bump dev dependencies (`vitest`, `typescript-eslint`, `prettier`, `sass-embedded`, `cspell`, `lint-staged`, `@microsoft/api-extractor`, `@testing-library/user-event`, Storybook packages, Playwright accessibility tooling)
+
+## [0.57.0](https://github.com/Gusto/embedded-react-sdk/compare/v0.56.7...v0.57.0) (2026-10-15)
+
+### ⚠ BREAKING CHANGES
+
+- `customErrorSanitizer` and `customMetricSanitizer` (via `ObservabilityProvider`'s `sanitization` config) now run **inside** the SDK's own redaction instead of replacing it — your function receives already-redacted input, and its output is redacted again before being forwarded. Raw errors are stripped unless `includeRawError: true`, even if your sanitizer re-adds them, and this applies independently of `enabled: false`. Built-in sensitive-key coverage has also expanded ([#2908](https://github.com/Gusto/embedded-react-sdk/issues/2908))
+
+  ```tsx
+  // Before — sanitizer output was forwarded as-is, so returning the raw
+  // error bypassed SDK redaction entirely.
+  sanitization={{
+    customErrorSanitizer: (error) => ({ ...error, raw: originalError }),
+  }}
+
+  // After — raw is stripped again after your sanitizer runs unless you opt in.
+  sanitization={{
+    includeRawError: true,
+    customErrorSanitizer: (error) => ({ ...error, raw: originalError }),
+  }}
+  ```
+
+### Features & Enhancements
+
+- Add support for assignment by compensation type ([#2881](https://github.com/Gusto/embedded-react-sdk/issues/2881))
+
+### Fixes
+
+- Fix external payrolls incorrectly appearing in the payroll list and history ([#2909](https://github.com/Gusto/embedded-react-sdk/issues/2909))
+- `@gusto/embedded-api` queries and mutations now run regardless of network state, instead of silently stalling when the browser reports itself offline ([#2895](https://github.com/Gusto/embedded-react-sdk/issues/2895))
+- Trim whitespace from name fields and clarify the invalid-name error copy ([#2896](https://github.com/Gusto/embedded-react-sdk/issues/2896))
+- Fix payroll employee edit defaults being skipped for employees with a `constructor`, `toString`, or other inherited `Object.prototype` key as their UUID ([#2900](https://github.com/Gusto/embedded-react-sdk/issues/2900))
+
+### Chores & Maintenance
+
+- Bump dev dependencies (`@internationalized/number`, `@playwright/test`, `@storybook/addon-a11y`, `@storybook/addon-onboarding`, `axe-core`, `cspell`, `eslint-plugin-tsdoc`, `vite`, `vite-plugin-dts`) ([#2907](https://github.com/Gusto/embedded-react-sdk/issues/2907), [#2905](https://github.com/Gusto/embedded-react-sdk/issues/2905), [#2912](https://github.com/Gusto/embedded-react-sdk/issues/2912), [#2903](https://github.com/Gusto/embedded-react-sdk/issues/2903), [#2914](https://github.com/Gusto/embedded-react-sdk/issues/2914), [#2851](https://github.com/Gusto/embedded-react-sdk/issues/2851), [#2904](https://github.com/Gusto/embedded-react-sdk/issues/2904), [#2915](https://github.com/Gusto/embedded-react-sdk/issues/2915), [#2913](https://github.com/Gusto/embedded-react-sdk/issues/2913))
+- Bump `msw` to 3.0.3 ([#2916](https://github.com/Gusto/embedded-react-sdk/issues/2916))
+- Bump `katex` in `/docs-site` ([#2891](https://github.com/Gusto/embedded-react-sdk/issues/2891))
+
 ## [0.56.7](https://github.com/Gusto/embedded-react-sdk/compare/v0.56.6...v0.56.7) (2026-10-13)
 
 ### Fixes

package/README.md

@@ -51,7 +51,7 @@ See the [SDK Dev App README](sdk-app/README.md) for full setup and usage details
 - [Appendix](docs/appendix/endpoint-reference.md)
   - [Endpoint Reference](docs/appendix/endpoint-reference.md)
   - [Jobs and Compensations](docs/appendix/jobs-and-compensations.md)
-  - [Proxy Examples](docs/appendix/proxy-examples.md)
+  - [Reviewing SDK API access](docs/getting-started/reviewing-sdk-api-access.md)
 - [Workflows Overview](docs/workflows-overview/workflows-overview.md)
   - [Company Onboarding](docs/workflows-overview/company-onboarding.md)
   - [Contractor Onboarding](docs/workflows-overview/contractor-onboarding.md)

package/dist/components/Base/Base.js

@@ -7,12 +7,13 @@ import { FadeIn as S } from "../Common/FadeIn/FadeIn.js";
 import { BaseContext as x } from "./useBase.js";
 import { useBaseSubmit as R } from "./useBaseSubmit.js";
 import { componentEvents as F } from "../../shared/constants.js";
+import "classnames";
 import { InternalError as h } from "../Common/InternalError/InternalError.js";
 import { useComponentContext as L } from "../../contexts/ComponentAdapter/useComponentContext.js";
 import { useLoadingIndicator as p } from "../../contexts/LoadingIndicatorProvider/useLoadingIndicator.js";
 import { useObservability as y } from "../../contexts/ObservabilityProvider/useObservability.js";
 import { normalizeToSDKError as D } from "../../types/sdkError.js";
-const $ = ({
+const N = ({
   children: r,
   FallbackComponent: t = h,
   LoaderComponent: s,
@@ -152,7 +153,7 @@ const _ = ({
 ) });
 export {
   _ as BaseBoundaries,
-  $ as BaseComponent,
+  N as BaseComponent,
   j as BaseLayout
 };
 //# sourceMappingURL=Base.js.map

package/dist/components/Base/Base.js.map

@@ -1 +1 @@
-{"version":3,"file":"Base.js","sources":["../../../src/components/Base/Base.tsx"],"sourcesContent":["import type { ReactNode, JSX, ErrorInfo } from 'react'\nimport { Suspense, useEffect, useRef } from 'react'\nimport type { FallbackProps } from 'react-error-boundary'\nimport { ErrorBoundary } from 'react-error-boundary'\nimport { useTranslation } from 'react-i18next'\nimport { QueryErrorResetBoundary } from '@tanstack/react-query'\nimport { FadeIn } from '../Common/FadeIn/FadeIn'\nimport { BaseContext, type OnEventType } from './useBase'\nimport { useBaseSubmit } from './useBaseSubmit'\nimport { componentEvents, type EventType } from '@/shared/constants'\nimport { InternalError } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport type { ResourceDictionary, Resources } from '@/types/Helpers'\nimport { useLoadingIndicator } from '@/contexts/LoadingIndicatorProvider/useLoadingIndicator'\nimport { useObservability } from '@/contexts/ObservabilityProvider/useObservability'\nimport { normalizeToSDKError, type SDKError } from '@/types/sdkError'\n\n/**\n * Signature of a loading indicator component — a React component that optionally receives `children`.\n * Supply one to `GustoProvider` or an individual component's `LoaderComponent` prop to override the\n * SDK's default loading indicator.\n *\n * @public\n * @page blocks\n */\nexport type LoaderComponentType = ({ children }: { children?: ReactNode }) => JSX.Element\n\n/**\n * Props common to all SDK feature components, including children, an optional className, default form values, and an i18n resource dictionary override.\n *\n * @typeParam TResourceKey - The i18n resource namespace key whose dictionary entries can be overridden.\n * @public\n * @page blocks\n */\nexport interface CommonComponentInterface<TResourceKey extends keyof Resources = keyof Resources> {\n  /** Optional child content rendered inside the component's layout. */\n  children?: ReactNode\n  /** CSS class name applied to the component's root element. */\n  className?: string\n  /**\n   * Initial values pre-populated into the component's form fields before the user interacts.\n   * The exact shape depends on the specific component — refer to each component's own props type.\n   */\n  defaultValues?: unknown\n  /**\n   * Overrides for the component's i18n strings. Supply a partial object whose keys match the\n   * component's resource namespace — any omitted keys fall back to SDK defaults.\n   * See the [Translation guide](https://docs.gusto.com/embedded-payroll/docs/translation) for details.\n   */\n  dictionary?: ResourceDictionary<TResourceKey>\n}\n\n/**\n * Props for SDK feature components that participate in the standard error/loading/observability surface.\n *\n * @remarks\n * Extends {@link CommonComponentInterface} with the `onEvent` callback that emits component events\n * and optional overrides for the error-boundary fallback and loading indicator. This is the prop\n * shape mixed into every public SDK feature component.\n *\n * @typeParam TResourceKey - The i18n resource namespace key whose dictionary entries can be overridden.\n * @public\n * @page blocks\n */\nexport interface BaseComponentInterface<\n  TResourceKey extends keyof Resources = keyof Resources,\n> extends CommonComponentInterface<TResourceKey> {\n  /**\n   * Custom React component rendered in place of the component when an unhandled error is caught\n   * by the component-level error boundary. Receives `error` and `resetErrorBoundary` as props.\n   * Defaults to the SDK's built-in `InternalError` fallback.\n   */\n  FallbackComponent?: (props: FallbackProps) => JSX.Element\n  /**\n   * Custom loading indicator rendered while the component's async data is fetching.\n   * Overrides the indicator configured on `GustoProvider` for this component instance only.\n   */\n  LoaderComponent?: LoaderComponentType\n  /**\n   * Callback invoked each time the component emits an event — user interactions, successful API\n   * responses, step transitions, or errors. Receives the event type constant and an optional\n   * payload whose shape varies by event. See the [Event Handling guide](https://docs.gusto.com/embedded-payroll/docs/event-handling)\n   * and each component's event table for the full list of emitted events.\n   */\n  onEvent: OnEventType<EventType, unknown>\n}\n\n/**\n * Keys unique to the BaseComponentInterface\n *\n * @internal\n */\nexport type BaseComponentKeys = Exclude<\n  keyof BaseComponentInterface,\n  keyof CommonComponentInterface\n>\n\ninterface InternalBaseComponentProps {\n  componentName?: string\n}\n\n/**\n * Wraps SDK feature components with the standard error boundary, suspense fallback, form-submission handler, and observability wiring.\n *\n * @remarks\n * Provides a {@link BaseContext} value to descendants exposing `error`, `setError`, `onEvent`, and\n * `baseSubmitHandler`, then renders children inside {@link BaseBoundaries} and {@link BaseLayout}.\n * Errors caught by the React error boundary are normalized, emitted to observability, and re-emitted\n * via `onEvent`.\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `componentEvents.ERROR` | Emitted when an unhandled rendering error is caught by the component's error boundary | The raw error value caught by the boundary |\n *\n * @typeParam TResourceKey - The i18n resource namespace key whose dictionary entries can be overridden.\n * @param props - Component props extending {@link BaseComponentInterface}.\n * @returns A React element wrapping `children` with the SDK's standard error, loading, and event-emission surface.\n * @internal\n */\nexport const BaseComponent = <TResourceKey extends keyof Resources = keyof Resources>({\n  children,\n  FallbackComponent = InternalError,\n  LoaderComponent: LoadingIndicatorFromProps,\n  onEvent,\n  componentName,\n}: BaseComponentInterface<TResourceKey> & InternalBaseComponentProps) => {\n  const { error, baseSubmitHandler, setError } = useBaseSubmit(componentName)\n  const { observability } = useObservability()\n\n  const { LoadingIndicator: LoadingIndicatorFromContext } = useLoadingIndicator()\n  const LoaderComponent = LoadingIndicatorFromProps ?? LoadingIndicatorFromContext\n\n  const onErrorBoundaryError = (boundaryError: unknown, errorInfo: ErrorInfo) => {\n    onEvent(componentEvents.ERROR, boundaryError)\n\n    const sdkError = normalizeToSDKError(boundaryError)\n\n    observability?.onError?.({\n      ...sdkError,\n      timestamp: Date.now(),\n      componentName,\n      componentStack: errorInfo.componentStack ?? undefined,\n    })\n  }\n\n  return (\n    <BaseContext.Provider\n      value={{\n        error,\n        setError,\n        onEvent,\n        baseSubmitHandler,\n        LoadingIndicator: LoaderComponent,\n        componentName,\n      }}\n    >\n      <BaseBoundaries\n        FallbackComponent={FallbackComponent}\n        onErrorBoundaryError={onErrorBoundaryError}\n        componentName={componentName}\n        LoaderComponent={LoaderComponent}\n      >\n        <BaseLayout error={error} LoaderComponent={LoaderComponent}>\n          {children}\n        </BaseLayout>\n      </BaseBoundaries>\n    </BaseContext.Provider>\n  )\n}\n\n/** @internal */\nexport interface BaseLayoutProps {\n  children?: ReactNode\n  error?: SDKError | SDKError[] | null\n  isLoading?: boolean\n  /**\n   * Loading indicator rendered while `isLoading` is true and no errors are present.\n   * Overrides the indicator resolved from `LoadingIndicatorContext` for this instance only;\n   * falls back to that context value when omitted.\n   */\n  LoaderComponent?: LoaderComponentType\n}\n\nfunction SingleErrorContent({ error }: { error: SDKError }) {\n  const Components = useComponentContext()\n  const { t } = useTranslation()\n  const hasFieldErrors = error.fieldErrors.length > 0\n\n  return (\n    <Components.Alert label={t('status.errorEncountered')} status=\"error\">\n      {hasFieldErrors && (\n        <Components.UnorderedList\n          items={error.fieldErrors\n            .filter(fieldError => fieldError.message)\n            .map(fieldError => (\n              <span key={fieldError.field}>{fieldError.message}</span>\n            ))}\n        />\n      )}\n      {!hasFieldErrors && error.category === 'validation_error' && (\n        <Components.Text as=\"pre\">\n          {error.raw &&\n          typeof error.raw === 'object' &&\n          'pretty' in error.raw &&\n          typeof (error.raw as { pretty: unknown }).pretty === 'function'\n            ? (error.raw as { pretty: () => string }).pretty()\n            : error.message}\n        </Components.Text>\n      )}\n      {!hasFieldErrors && error.category !== 'validation_error' && (\n        <Components.Text>{error.message || t('errors.unknownError')}</Components.Text>\n      )}\n    </Components.Alert>\n  )\n}\n\nfunction MultipleErrorsContent({ errors }: { errors: SDKError[] }) {\n  const Components = useComponentContext()\n  const { t } = useTranslation()\n\n  return (\n    <Components.Alert label={t('status.multipleErrorsEncountered')} status=\"error\">\n      <Components.UnorderedList\n        items={errors\n          .filter(error => error.message || error.fieldErrors.length > 0)\n          .map((error, index) => {\n            const visibleFieldErrors = error.fieldErrors.filter(fieldError => fieldError.message)\n\n            if (visibleFieldErrors.length === 0) {\n              return <span key={index}>{error.message || t('errors.unknownError')}</span>\n            }\n\n            return (\n              <span key={index}>\n                {error.message || t('errors.unknownError')}\n                <Components.UnorderedList\n                  items={visibleFieldErrors.map(fieldError => (\n                    <span key={fieldError.field}>{fieldError.message}</span>\n                  ))}\n                />\n              </span>\n            )\n          })}\n      />\n    </Components.Alert>\n  )\n}\n\n/**\n * Renders the standard SDK layout with normalized error display, suspense-aware loading state, and the children content.\n *\n * @remarks\n * When `isLoading` is true and there are no errors, renders the configured loading indicator.\n * Otherwise renders a fade-in wrapper that displays a single error alert, an aggregated alert when\n * multiple errors are present, or no alert when errors are absent. Field-level errors are rendered\n * as a list, validation errors as preformatted Zod output, and all other errors as a generic\n * message — see {@link https://github.com/Gusto/embedded-react-sdk/blob/main/docs/integration-guide/error-handling.md | the Error Handling guide}.\n *\n * @param props - Component props matching {@link BaseLayoutProps}.\n * @returns A React element with the SDK's standard error rendering and loading behavior wrapped around `children`.\n * @internal\n */\nexport const BaseLayout = ({ children, error, isLoading, LoaderComponent }: BaseLayoutProps) => {\n  const { LoadingIndicator: LoadingIndicatorFromContext } = useLoadingIndicator()\n  const LoadingIndicator = LoaderComponent ?? LoadingIndicatorFromContext\n\n  const errors = Array.isArray(error) ? error : error ? [error] : []\n  const hasErrors = errors.length > 0\n\n  if (isLoading && !hasErrors) {\n    return <LoadingIndicator />\n  }\n\n  const [firstError] = errors\n\n  return (\n    <FadeIn>\n      {errors.length > 1 && <MultipleErrorsContent errors={errors} />}\n      {errors.length === 1 && firstError && <SingleErrorContent error={firstError} />}\n      {children}\n    </FadeIn>\n  )\n}\n\ninterface LoaderWithMetricsProps {\n  LoaderComponent: LoaderComponentType\n  observability: ReturnType<typeof useObservability>['observability']\n  componentName?: string\n}\n\nconst LoaderWithMetrics = ({\n  LoaderComponent,\n  observability,\n  componentName,\n}: LoaderWithMetricsProps) => {\n  const loadingStartTime = useRef(Date.now())\n  const observabilityRef = useRef(observability)\n  const componentNameRef = useRef(componentName)\n\n  useEffect(() => {\n    observabilityRef.current = observability\n    componentNameRef.current = componentName\n  }, [observability, componentName])\n\n  useEffect(() => {\n    return () => {\n      const duration = Date.now() - loadingStartTime.current\n      observabilityRef.current?.onMetric?.({\n        name: 'sdk.component.loading_duration',\n        value: duration,\n        unit: 'ms',\n        tags: componentNameRef.current ? { component: componentNameRef.current } : undefined,\n        timestamp: Date.now(),\n      })\n    }\n  }, [])\n\n  return <LoaderComponent />\n}\n\nfunction SuspenseFallback({\n  componentName,\n  LoaderComponent,\n}: {\n  componentName?: string\n  LoaderComponent?: LoaderComponentType\n}) {\n  const { LoadingIndicator } = useLoadingIndicator()\n  const { observability } = useObservability()\n  return (\n    <LoaderWithMetrics\n      LoaderComponent={LoaderComponent ?? LoadingIndicator}\n      observability={observability}\n      componentName={componentName}\n    />\n  )\n}\n\n/** @internal */\nexport interface BaseBoundariesProps {\n  children?: ReactNode\n  FallbackComponent?: (props: FallbackProps) => JSX.Element\n  onErrorBoundaryError?: (error: unknown, info: ErrorInfo) => void\n  componentName?: string\n  /**\n   * Loading indicator rendered as the Suspense fallback while children suspend.\n   * Overrides the indicator resolved from `LoadingIndicatorContext` for this instance only;\n   * falls back to that context value when omitted.\n   */\n  LoaderComponent?: LoaderComponentType\n}\n\n/**\n * Composes the SDK's React error boundary, TanStack Query reset boundary, and Suspense fallback around children.\n *\n * @remarks\n * Resetting the error boundary also resets any TanStack Query errors so suspended queries refetch\n * cleanly. While children suspend, a metrics-instrumented loading indicator is rendered that emits\n * an `sdk.component.loading_duration` observability metric on unmount.\n *\n * @param props - Component props matching {@link BaseBoundariesProps}.\n * @returns A React element wrapping `children` with the SDK's error and suspense boundaries.\n * @internal\n */\nexport const BaseBoundaries = ({\n  children,\n  FallbackComponent = InternalError,\n  onErrorBoundaryError,\n  componentName,\n  LoaderComponent,\n}: BaseBoundariesProps) => {\n  return (\n    <QueryErrorResetBoundary>\n      {({ reset: resetQueries }) => (\n        <ErrorBoundary\n          FallbackComponent={FallbackComponent}\n          onReset={resetQueries}\n          onError={onErrorBoundaryError}\n        >\n          <Suspense\n            fallback={\n              <SuspenseFallback componentName={componentName} LoaderComponent={LoaderComponent} />\n            }\n          >\n            {children}\n          </Suspense>\n        </ErrorBoundary>\n      )}\n    </QueryErrorResetBoundary>\n  )\n}\n"],"names":["BaseComponent","children","FallbackComponent","InternalError","LoadingIndicatorFromProps","onEvent","componentName","error","baseSubmitHandler","setError","useBaseSubmit","observability","useObservability","LoadingIndicatorFromContext","useLoadingIndicator","LoaderComponent","onErrorBoundaryError","boundaryError","errorInfo","componentEvents","sdkError","normalizeToSDKError","jsx","BaseContext","BaseBoundaries","BaseLayout","SingleErrorContent","Components","useComponentContext","t","useTranslation","hasFieldErrors","jsxs","fieldError","MultipleErrorsContent","errors","index","visibleFieldErrors","isLoading","LoadingIndicator","hasErrors","firstError","FadeIn","LoaderWithMetrics","loadingStartTime","useRef","observabilityRef","componentNameRef","useEffect","duration","SuspenseFallback","QueryErrorResetBoundary","resetQueries","ErrorBoundary","Suspense"],"mappings":"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"}
+{"version":3,"file":"Base.js","sources":["../../../src/components/Base/Base.tsx"],"sourcesContent":["import type { ReactNode, JSX, ErrorInfo } from 'react'\nimport { Suspense, useEffect, useRef } from 'react'\nimport type { FallbackProps } from 'react-error-boundary'\nimport { ErrorBoundary } from 'react-error-boundary'\nimport { useTranslation } from 'react-i18next'\nimport { QueryErrorResetBoundary } from '@tanstack/react-query'\nimport { FadeIn } from '../Common/FadeIn/FadeIn'\nimport { BaseContext, type OnEventType } from './useBase'\nimport { useBaseSubmit } from './useBaseSubmit'\nimport { componentEvents, type EventType } from '@/shared/constants'\nimport { InternalError } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport type { ResourceDictionary, Resources } from '@/types/Helpers'\nimport { useLoadingIndicator } from '@/contexts/LoadingIndicatorProvider/useLoadingIndicator'\nimport { useObservability } from '@/contexts/ObservabilityProvider/useObservability'\nimport { normalizeToSDKError, type SDKError } from '@/types/sdkError'\n\n/**\n * Signature of a loading indicator component — a React component that optionally receives `children`.\n * Supply one to `GustoProvider` or an individual component's `LoaderComponent` prop to override the\n * SDK's default loading indicator.\n *\n * @public\n * @page blocks\n */\nexport type LoaderComponentType = ({ children }: { children?: ReactNode }) => JSX.Element\n\n/**\n * Props common to all SDK feature components, including children, an optional className, default form values, and an i18n resource dictionary override.\n *\n * @typeParam TResourceKey - The i18n resource namespace key whose dictionary entries can be overridden.\n * @public\n * @page blocks\n */\nexport interface CommonComponentInterface<TResourceKey extends keyof Resources = keyof Resources> {\n  /** Optional child content rendered inside the component's layout. */\n  children?: ReactNode\n  /** CSS class name applied to the component's root element. */\n  className?: string\n  /**\n   * Initial values pre-populated into the component's form fields before the user interacts.\n   * The exact shape depends on the specific component — refer to each component's own props type.\n   */\n  defaultValues?: unknown\n  /**\n   * Overrides for the component's i18n strings. Supply a partial object whose keys match the\n   * component's resource namespace — any omitted keys fall back to SDK defaults.\n   * See the [Translation guide](https://docs.gusto.com/embedded-payroll/docs/translation) for details.\n   */\n  dictionary?: ResourceDictionary<TResourceKey>\n}\n\n/**\n * Props for SDK feature components that participate in the standard error/loading/observability surface.\n *\n * @remarks\n * Extends {@link CommonComponentInterface} with the `onEvent` callback that emits component events\n * and optional overrides for the error-boundary fallback and loading indicator. This is the prop\n * shape mixed into every public SDK feature component.\n *\n * @typeParam TResourceKey - The i18n resource namespace key whose dictionary entries can be overridden.\n * @public\n * @page blocks\n */\nexport interface BaseComponentInterface<\n  TResourceKey extends keyof Resources = keyof Resources,\n> extends CommonComponentInterface<TResourceKey> {\n  /**\n   * Custom React component rendered in place of the component when an unhandled error is caught\n   * by the component-level error boundary. Receives `error` and `resetErrorBoundary` as props.\n   * Defaults to the SDK's built-in `InternalError` fallback.\n   */\n  FallbackComponent?: (props: FallbackProps) => JSX.Element\n  /**\n   * Custom loading indicator rendered while the component's async data is fetching.\n   * Overrides the indicator configured on `GustoProvider` for this component instance only.\n   */\n  LoaderComponent?: LoaderComponentType\n  /**\n   * Callback invoked each time the component emits an event — user interactions, successful API\n   * responses, step transitions, or errors. Receives the event type constant and an optional\n   * payload whose shape varies by event. See the [Event Handling guide](https://docs.gusto.com/embedded-payroll/docs/event-handling)\n   * and each component's event table for the full list of emitted events.\n   */\n  onEvent: OnEventType<EventType, unknown>\n}\n\n/**\n * Keys unique to the BaseComponentInterface\n *\n * @internal\n */\nexport type BaseComponentKeys = Exclude<\n  keyof BaseComponentInterface,\n  keyof CommonComponentInterface\n>\n\ninterface InternalBaseComponentProps {\n  componentName?: string\n}\n\n/**\n * Wraps SDK feature components with the standard error boundary, suspense fallback, form-submission handler, and observability wiring.\n *\n * @remarks\n * Provides a {@link BaseContext} value to descendants exposing `error`, `setError`, `onEvent`, and\n * `baseSubmitHandler`, then renders children inside {@link BaseBoundaries} and {@link BaseLayout}.\n * Errors caught by the React error boundary are normalized, emitted to observability, and re-emitted\n * via `onEvent`.\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `componentEvents.ERROR` | Emitted when an unhandled rendering error is caught by the component's error boundary | The raw error value caught by the boundary |\n *\n * @typeParam TResourceKey - The i18n resource namespace key whose dictionary entries can be overridden.\n * @param props - Component props extending {@link BaseComponentInterface}.\n * @returns A React element wrapping `children` with the SDK's standard error, loading, and event-emission surface.\n * @internal\n */\nexport const BaseComponent = <TResourceKey extends keyof Resources = keyof Resources>({\n  children,\n  FallbackComponent = InternalError,\n  LoaderComponent: LoadingIndicatorFromProps,\n  onEvent,\n  componentName,\n}: BaseComponentInterface<TResourceKey> & InternalBaseComponentProps) => {\n  const { error, baseSubmitHandler, setError } = useBaseSubmit(componentName)\n  const { observability } = useObservability()\n\n  const { LoadingIndicator: LoadingIndicatorFromContext } = useLoadingIndicator()\n  const LoaderComponent = LoadingIndicatorFromProps ?? LoadingIndicatorFromContext\n\n  const onErrorBoundaryError = (boundaryError: unknown, errorInfo: ErrorInfo) => {\n    onEvent(componentEvents.ERROR, boundaryError)\n\n    const sdkError = normalizeToSDKError(boundaryError)\n\n    observability?.onError?.({\n      ...sdkError,\n      timestamp: Date.now(),\n      componentName,\n      componentStack: errorInfo.componentStack ?? undefined,\n    })\n  }\n\n  return (\n    <BaseContext.Provider\n      value={{\n        error,\n        setError,\n        onEvent,\n        baseSubmitHandler,\n        LoadingIndicator: LoaderComponent,\n        componentName,\n      }}\n    >\n      <BaseBoundaries\n        FallbackComponent={FallbackComponent}\n        onErrorBoundaryError={onErrorBoundaryError}\n        componentName={componentName}\n        LoaderComponent={LoaderComponent}\n      >\n        <BaseLayout error={error} LoaderComponent={LoaderComponent}>\n          {children}\n        </BaseLayout>\n      </BaseBoundaries>\n    </BaseContext.Provider>\n  )\n}\n\n/** @internal */\nexport interface BaseLayoutProps {\n  children?: ReactNode\n  error?: SDKError | SDKError[] | null\n  isLoading?: boolean\n  /**\n   * Loading indicator rendered while `isLoading` is true and no errors are present.\n   * Overrides the indicator resolved from `LoadingIndicatorContext` for this instance only;\n   * falls back to that context value when omitted.\n   */\n  LoaderComponent?: LoaderComponentType\n}\n\nfunction SingleErrorContent({ error }: { error: SDKError }) {\n  const Components = useComponentContext()\n  const { t } = useTranslation()\n  const hasFieldErrors = error.fieldErrors.length > 0\n\n  return (\n    <Components.Alert label={t('status.errorEncountered')} status=\"error\">\n      {hasFieldErrors && (\n        <Components.UnorderedList\n          items={error.fieldErrors\n            .filter(fieldError => fieldError.message)\n            .map(fieldError => (\n              <span key={fieldError.field}>{fieldError.message}</span>\n            ))}\n        />\n      )}\n      {!hasFieldErrors && error.category === 'validation_error' && (\n        <Components.Text as=\"pre\">\n          {error.raw &&\n          typeof error.raw === 'object' &&\n          'pretty' in error.raw &&\n          typeof (error.raw as { pretty: unknown }).pretty === 'function'\n            ? (error.raw as { pretty: () => string }).pretty()\n            : error.message}\n        </Components.Text>\n      )}\n      {!hasFieldErrors && error.category !== 'validation_error' && (\n        <Components.Text>{error.message || t('errors.unknownError')}</Components.Text>\n      )}\n    </Components.Alert>\n  )\n}\n\nfunction MultipleErrorsContent({ errors }: { errors: SDKError[] }) {\n  const Components = useComponentContext()\n  const { t } = useTranslation()\n\n  return (\n    <Components.Alert label={t('status.multipleErrorsEncountered')} status=\"error\">\n      <Components.UnorderedList\n        items={errors\n          .filter(error => error.message || error.fieldErrors.length > 0)\n          .map((error, index) => {\n            const visibleFieldErrors = error.fieldErrors.filter(fieldError => fieldError.message)\n\n            if (visibleFieldErrors.length === 0) {\n              return <span key={index}>{error.message || t('errors.unknownError')}</span>\n            }\n\n            return (\n              <span key={index}>\n                {error.message || t('errors.unknownError')}\n                <Components.UnorderedList\n                  items={visibleFieldErrors.map(fieldError => (\n                    <span key={fieldError.field}>{fieldError.message}</span>\n                  ))}\n                />\n              </span>\n            )\n          })}\n      />\n    </Components.Alert>\n  )\n}\n\n/**\n * Renders the standard SDK layout with normalized error display, suspense-aware loading state, and the children content.\n *\n * @remarks\n * When `isLoading` is true and there are no errors, renders the configured loading indicator.\n * Otherwise renders a fade-in wrapper that displays a single error alert, an aggregated alert when\n * multiple errors are present, or no alert when errors are absent. Field-level errors are rendered\n * as a list, validation errors as preformatted Zod output, and all other errors as a generic\n * message — see {@link https://github.com/Gusto/embedded-react-sdk/blob/main/docs/integration-guide/error-handling.md | the Error Handling guide}.\n *\n * @param props - Component props matching {@link BaseLayoutProps}.\n * @returns A React element with the SDK's standard error rendering and loading behavior wrapped around `children`.\n * @internal\n */\nexport const BaseLayout = ({ children, error, isLoading, LoaderComponent }: BaseLayoutProps) => {\n  const { LoadingIndicator: LoadingIndicatorFromContext } = useLoadingIndicator()\n  const LoadingIndicator = LoaderComponent ?? LoadingIndicatorFromContext\n\n  const errors = Array.isArray(error) ? error : error ? [error] : []\n  const hasErrors = errors.length > 0\n\n  if (isLoading && !hasErrors) {\n    return <LoadingIndicator />\n  }\n\n  const [firstError] = errors\n\n  return (\n    <FadeIn>\n      {errors.length > 1 && <MultipleErrorsContent errors={errors} />}\n      {errors.length === 1 && firstError && <SingleErrorContent error={firstError} />}\n      {children}\n    </FadeIn>\n  )\n}\n\ninterface LoaderWithMetricsProps {\n  LoaderComponent: LoaderComponentType\n  observability: ReturnType<typeof useObservability>['observability']\n  componentName?: string\n}\n\nconst LoaderWithMetrics = ({\n  LoaderComponent,\n  observability,\n  componentName,\n}: LoaderWithMetricsProps) => {\n  const loadingStartTime = useRef(Date.now())\n  const observabilityRef = useRef(observability)\n  const componentNameRef = useRef(componentName)\n\n  useEffect(() => {\n    observabilityRef.current = observability\n    componentNameRef.current = componentName\n  }, [observability, componentName])\n\n  useEffect(() => {\n    return () => {\n      const duration = Date.now() - loadingStartTime.current\n      observabilityRef.current?.onMetric?.({\n        name: 'sdk.component.loading_duration',\n        value: duration,\n        unit: 'ms',\n        tags: componentNameRef.current ? { component: componentNameRef.current } : undefined,\n        timestamp: Date.now(),\n      })\n    }\n  }, [])\n\n  return <LoaderComponent />\n}\n\nfunction SuspenseFallback({\n  componentName,\n  LoaderComponent,\n}: {\n  componentName?: string\n  LoaderComponent?: LoaderComponentType\n}) {\n  const { LoadingIndicator } = useLoadingIndicator()\n  const { observability } = useObservability()\n  return (\n    <LoaderWithMetrics\n      LoaderComponent={LoaderComponent ?? LoadingIndicator}\n      observability={observability}\n      componentName={componentName}\n    />\n  )\n}\n\n/** @internal */\nexport interface BaseBoundariesProps {\n  children?: ReactNode\n  FallbackComponent?: (props: FallbackProps) => JSX.Element\n  onErrorBoundaryError?: (error: unknown, info: ErrorInfo) => void\n  componentName?: string\n  /**\n   * Loading indicator rendered as the Suspense fallback while children suspend.\n   * Overrides the indicator resolved from `LoadingIndicatorContext` for this instance only;\n   * falls back to that context value when omitted.\n   */\n  LoaderComponent?: LoaderComponentType\n}\n\n/**\n * Composes the SDK's React error boundary, TanStack Query reset boundary, and Suspense fallback around children.\n *\n * @remarks\n * Resetting the error boundary also resets any TanStack Query errors so suspended queries refetch\n * cleanly. While children suspend, a metrics-instrumented loading indicator is rendered that emits\n * an `sdk.component.loading_duration` observability metric on unmount.\n *\n * @param props - Component props matching {@link BaseBoundariesProps}.\n * @returns A React element wrapping `children` with the SDK's error and suspense boundaries.\n * @internal\n */\nexport const BaseBoundaries = ({\n  children,\n  FallbackComponent = InternalError,\n  onErrorBoundaryError,\n  componentName,\n  LoaderComponent,\n}: BaseBoundariesProps) => {\n  return (\n    <QueryErrorResetBoundary>\n      {({ reset: resetQueries }) => (\n        <ErrorBoundary\n          FallbackComponent={FallbackComponent}\n          onReset={resetQueries}\n          onError={onErrorBoundaryError}\n        >\n          <Suspense\n            fallback={\n              <SuspenseFallback componentName={componentName} LoaderComponent={LoaderComponent} />\n            }\n          >\n            {children}\n          </Suspense>\n        </ErrorBoundary>\n      )}\n    </QueryErrorResetBoundary>\n  )\n}\n"],"names":["BaseComponent","children","FallbackComponent","InternalError","LoadingIndicatorFromProps","onEvent","componentName","error","baseSubmitHandler","setError","useBaseSubmit","observability","useObservability","LoadingIndicatorFromContext","useLoadingIndicator","LoaderComponent","onErrorBoundaryError","boundaryError","errorInfo","componentEvents","sdkError","normalizeToSDKError","jsx","BaseContext","BaseBoundaries","BaseLayout","SingleErrorContent","Components","useComponentContext","t","useTranslation","hasFieldErrors","jsxs","fieldError","MultipleErrorsContent","errors","index","visibleFieldErrors","isLoading","LoadingIndicator","hasErrors","firstError","FadeIn","LoaderWithMetrics","loadingStartTime","useRef","observabilityRef","componentNameRef","useEffect","duration","SuspenseFallback","QueryErrorResetBoundary","resetQueries","ErrorBoundary","Suspense"],"mappings":";;;;;;;;;;;;;;;AAwHO,MAAMA,IAAgB,CAAyD;AAAA,EACpF,UAAAC;AAAA,EACA,mBAAAC,IAAoBC;AAAA,EACpB,iBAAiBC;AAAA,EACjB,SAAAC;AAAA,EACA,eAAAC;AACF,MAAyE;AACvE,QAAM,EAAE,OAAAC,GAAO,mBAAAC,GAAmB,UAAAC,EAAA,IAAaC,EAAcJ,CAAa,GACpE,EAAE,eAAAK,EAAA,IAAkBC,EAAA,GAEpB,EAAE,kBAAkBC,EAAA,IAAgCC,EAAA,GACpDC,IAAkBX,KAA6BS,GAE/CG,IAAuB,CAACC,GAAwBC,MAAyB;AAC7E,IAAAb,EAAQc,EAAgB,OAAOF,CAAa;AAE5C,UAAMG,IAAWC,EAAoBJ,CAAa;AAElD,IAAAN,GAAe,UAAU;AAAA,MACvB,GAAGS;AAAA,MACH,WAAW,KAAK,IAAA;AAAA,MAChB,eAAAd;AAAA,MACA,gBAAgBY,EAAU,kBAAkB;AAAA,IAAA,CAC7C;AAAA,EACH;AAEA,SACE,gBAAAI;AAAA,IAACC,EAAY;AAAA,IAAZ;AAAA,MACC,OAAO;AAAA,QACL,OAAAhB;AAAA,QACA,UAAAE;AAAA,QACA,SAAAJ;AAAA,QACA,mBAAAG;AAAA,QACA,kBAAkBO;AAAA,QAClB,eAAAT;AAAA,MAAA;AAAA,MAGF,UAAA,gBAAAgB;AAAA,QAACE;AAAA,QAAA;AAAA,UACC,mBAAAtB;AAAA,UACA,sBAAAc;AAAA,UACA,eAAAV;AAAA,UACA,iBAAAS;AAAA,UAEA,UAAA,gBAAAO,EAACG,GAAA,EAAW,OAAAlB,GAAc,iBAAAQ,GACvB,UAAAd,EAAA,CACH;AAAA,QAAA;AAAA,MAAA;AAAA,IACF;AAAA,EAAA;AAGN;AAeA,SAASyB,EAAmB,EAAE,OAAAnB,KAA8B;AAC1D,QAAMoB,IAAaC,EAAA,GACb,EAAE,GAAAC,EAAA,IAAMC,EAAA,GACRC,IAAiBxB,EAAM,YAAY,SAAS;AAElD,SACE,gBAAAyB,EAACL,EAAW,OAAX,EAAiB,OAAOE,EAAE,yBAAyB,GAAG,QAAO,SAC3D,UAAA;AAAA,IAAAE,KACC,gBAAAT;AAAA,MAACK,EAAW;AAAA,MAAX;AAAA,QACC,OAAOpB,EAAM,YACV,OAAO,CAAA0B,MAAcA,EAAW,OAAO,EACvC,IAAI,CAAAA,wBACF,QAAA,EAA6B,UAAAA,EAAW,QAAA,GAA9BA,EAAW,KAA2B,CAClD;AAAA,MAAA;AAAA,IAAA;AAAA,IAGN,CAACF,KAAkBxB,EAAM,aAAa,sBACrC,gBAAAe,EAACK,EAAW,MAAX,EAAgB,IAAG,OACjB,UAAApB,EAAM,OACP,OAAOA,EAAM,OAAQ,YACrB,YAAYA,EAAM,OAClB,OAAQA,EAAM,IAA4B,UAAW,aAChDA,EAAM,IAAiC,OAAA,IACxCA,EAAM,QAAA,CACZ;AAAA,IAED,CAACwB,KAAkBxB,EAAM,aAAa,sBACrC,gBAAAe,EAACK,EAAW,MAAX,EAAiB,UAAApB,EAAM,WAAWsB,EAAE,qBAAqB,EAAA,CAAE;AAAA,EAAA,GAEhE;AAEJ;AAEA,SAASK,EAAsB,EAAE,QAAAC,KAAkC;AACjE,QAAMR,IAAaC,EAAA,GACb,EAAE,GAAAC,EAAA,IAAMC,EAAA;AAEd,SACE,gBAAAR,EAACK,EAAW,OAAX,EAAiB,OAAOE,EAAE,kCAAkC,GAAG,QAAO,SACrE,UAAA,gBAAAP;AAAA,IAACK,EAAW;AAAA,IAAX;AAAA,MACC,OAAOQ,EACJ,OAAO,CAAA5B,MAASA,EAAM,WAAWA,EAAM,YAAY,SAAS,CAAC,EAC7D,IAAI,CAACA,GAAO6B,MAAU;AACrB,cAAMC,IAAqB9B,EAAM,YAAY,OAAO,CAAA0B,MAAcA,EAAW,OAAO;AAEpF,eAAII,EAAmB,WAAW,sBACxB,QAAA,EAAkB,UAAA9B,EAAM,WAAWsB,EAAE,qBAAqB,KAAhDO,CAAkD,sBAInE,QAAA,EACE,UAAA;AAAA,UAAA7B,EAAM,WAAWsB,EAAE,qBAAqB;AAAA,UACzC,gBAAAP;AAAA,YAACK,EAAW;AAAA,YAAX;AAAA,cACC,OAAOU,EAAmB,IAAI,CAAAJ,MAC5B,gBAAAX,EAAC,UAA6B,UAAAW,EAAW,WAA9BA,EAAW,KAA2B,CAClD;AAAA,YAAA;AAAA,UAAA;AAAA,QACH,EAAA,GANSG,CAOX;AAAA,MAEJ,CAAC;AAAA,IAAA;AAAA,EAAA,GAEP;AAEJ;AAgBO,MAAMX,IAAa,CAAC,EAAE,UAAAxB,GAAU,OAAAM,GAAO,WAAA+B,GAAW,iBAAAvB,QAAuC;AAC9F,QAAM,EAAE,kBAAkBF,EAAA,IAAgCC,EAAA,GACpDyB,IAAmBxB,KAAmBF,GAEtCsB,IAAS,MAAM,QAAQ5B,CAAK,IAAIA,IAAQA,IAAQ,CAACA,CAAK,IAAI,CAAA,GAC1DiC,IAAYL,EAAO,SAAS;AAElC,MAAIG,KAAa,CAACE;AAChB,6BAAQD,GAAA,EAAiB;AAG3B,QAAM,CAACE,CAAU,IAAIN;AAErB,2BACGO,GAAA,EACE,UAAA;AAAA,IAAAP,EAAO,SAAS,KAAK,gBAAAb,EAACY,GAAA,EAAsB,QAAAC,GAAgB;AAAA,IAC5DA,EAAO,WAAW,KAAKM,KAAc,gBAAAnB,EAACI,GAAA,EAAmB,OAAOe,GAAY;AAAA,IAC5ExC;AAAA,EAAA,GACH;AAEJ,GAQM0C,IAAoB,CAAC;AAAA,EACzB,iBAAA5B;AAAA,EACA,eAAAJ;AAAA,EACA,eAAAL;AACF,MAA8B;AAC5B,QAAMsC,IAAmBC,EAAO,KAAK,IAAA,CAAK,GACpCC,IAAmBD,EAAOlC,CAAa,GACvCoC,IAAmBF,EAAOvC,CAAa;AAE7C,SAAA0C,EAAU,MAAM;AACd,IAAAF,EAAiB,UAAUnC,GAC3BoC,EAAiB,UAAUzC;AAAA,EAC7B,GAAG,CAACK,GAAeL,CAAa,CAAC,GAEjC0C,EAAU,MACD,MAAM;AACX,UAAMC,IAAW,KAAK,IAAA,IAAQL,EAAiB;AAC/C,IAAAE,EAAiB,SAAS,WAAW;AAAA,MACnC,MAAM;AAAA,MACN,OAAOG;AAAA,MACP,MAAM;AAAA,MACN,MAAMF,EAAiB,UAAU,EAAE,WAAWA,EAAiB,YAAY;AAAA,MAC3E,WAAW,KAAK,IAAA;AAAA,IAAI,CACrB;AAAA,EACH,GACC,CAAA,CAAE,qBAEGhC,GAAA,EAAgB;AAC1B;AAEA,SAASmC,EAAiB;AAAA,EACxB,eAAA5C;AAAA,EACA,iBAAAS;AACF,GAGG;AACD,QAAM,EAAE,kBAAAwB,EAAA,IAAqBzB,EAAA,GACvB,EAAE,eAAAH,EAAA,IAAkBC,EAAA;AAC1B,SACE,gBAAAU;AAAA,IAACqB;AAAA,IAAA;AAAA,MACC,iBAAiB5B,KAAmBwB;AAAA,MACpC,eAAA5B;AAAA,MACA,eAAAL;AAAA,IAAA;AAAA,EAAA;AAGN;AA4BO,MAAMkB,IAAiB,CAAC;AAAA,EAC7B,UAAAvB;AAAA,EACA,mBAAAC,IAAoBC;AAAA,EACpB,sBAAAa;AAAA,EACA,eAAAV;AAAA,EACA,iBAAAS;AACF,wBAEKoC,GAAA,EACE,UAAA,CAAC,EAAE,OAAOC,QACT,gBAAA9B;AAAA,EAAC+B;AAAA,EAAA;AAAA,IACC,mBAAAnD;AAAA,IACA,SAASkD;AAAA,IACT,SAASpC;AAAA,IAET,UAAA,gBAAAM;AAAA,MAACgC;AAAA,MAAA;AAAA,QACC,UACE,gBAAAhC,EAAC4B,GAAA,EAAiB,eAAA5C,GAA8B,iBAAAS,EAAA,CAAkC;AAAA,QAGnF,UAAAd;AAAA,MAAA;AAAA,IAAA;AAAA,EACH;AAAA,GAGN;"}

package/dist/components/Common/DataView/DataCards/DataCards.js

@@ -1,33 +1,33 @@
-import { jsxs as t, jsx as e } from "react/jsx-runtime";
-import { useId as j } from "react";
-import A from "classnames";
-import { useTranslation as y } from "react-i18next";
+import { jsxs as n, jsx as e } from "react/jsx-runtime";
+import { useId as T } from "react";
+import y from "classnames";
+import { useTranslation as j } from "react-i18next";
 import r from "./DataCards.module.scss.js";
 import { useSelectionState as H } from "../useSelectionState.js";
-import { Flex as x } from "../../Flex/Flex.js";
+import { Flex as w } from "../../Flex/Flex.js";
 import { useComponentContext as V } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
-const J = ({
-  label: g,
+const O = ({
+  label: x,
   data: s,
-  columns: h,
+  columns: f,
   itemMenu: p,
   onSelect: c,
-  onSelectAll: w,
+  onSelectAll: L,
   getIsItemSelected: m,
-  hideSelectAll: L,
-  emptyState: f,
-  footer: v,
-  selectionMode: C = "multiple",
+  hideSelectAll: R,
+  emptyState: v,
+  footer: C,
+  selectionMode: b = "multiple",
   isWithinBox: d,
-  isFetching: b
+  isFetching: N
 }) => {
-  const o = V(), { t: u } = y("common"), R = j(), { allSelected: D } = H(s, m), T = (l, n) => {
+  const t = V(), { t: u } = j("common"), k = T(), { allSelected: D } = H(s, m), A = (l, o) => {
     if (!c) return;
     const a = m?.(l) ?? !1;
-    return C === "single" ? /* @__PURE__ */ e(
-      o.Radio,
+    return b === "single" ? /* @__PURE__ */ e(
+      t.Radio,
       {
-        name: R,
+        name: k,
         value: a,
         onChange: () => {
           c(l, !0);
@@ -36,7 +36,7 @@ const J = ({
         shouldVisuallyHideLabel: !0
       }
     ) : /* @__PURE__ */ e(
-      o.Checkbox,
+      t.Checkbox,
       {
         value: a,
         onChange: (i) => {
@@ -47,46 +47,48 @@ const J = ({
       }
     );
   };
-  return /* @__PURE__ */ t(
+  return /* @__PURE__ */ n(
     "div",
     {
-      className: A(r.root, d && r.withinBox, b && r.isFetching),
+      className: y(r.root, d && r.withinBox, N && r.isFetching),
       "data-testid": "data-cards",
-      "aria-busy": !!b,
+      "aria-busy": !!N,
       children: [
-        c && m && C === "multiple" && !L && s.length > 0 && /* @__PURE__ */ e("div", { className: r.selectAllRow, children: /* @__PURE__ */ e(
-          o.Checkbox,
+        c && m && b === "multiple" && !R && s.length > 0 && /* @__PURE__ */ e("div", { className: r.selectAllRow, children: /* @__PURE__ */ e(
+          t.Checkbox,
           {
             value: D,
-            onChange: (l) => w?.(l, s),
+            onChange: (l) => L?.(l, s),
             label: u("card.selectAllRowsLabel")
           }
         ) }),
-        /* @__PURE__ */ t("div", { role: "list", "aria-label": g, children: [
-          s.length === 0 && f && /* @__PURE__ */ e("div", { role: "listitem", children: /* @__PURE__ */ e(o.Card, { className: d ? r.flushCard : void 0, children: f() }) }),
-          s.map((l, n) => /* @__PURE__ */ e("div", { role: "listitem", children: /* @__PURE__ */ e(
-            o.Card,
+        /* @__PURE__ */ n("div", { role: "list", "aria-label": x, children: [
+          s.length === 0 && v && /* @__PURE__ */ e("div", { role: "listitem", children: /* @__PURE__ */ e(t.Card, { className: d ? r.flushCard : void 0, children: v() }) }),
+          s.map((l, o) => /* @__PURE__ */ e("div", { role: "listitem", children: /* @__PURE__ */ e(
+            t.Card,
             {
               menu: p && p(l),
-              action: T(l),
+              action: A(l),
               className: d ? r.flushCard : void 0,
-              children: h.map((a, i) => /* @__PURE__ */ t(x, { flexDirection: "column", gap: 0, children: [
+              children: f.map((a, i) => /* @__PURE__ */ n(w, { flexDirection: "column", gap: 0, children: [
                 a.title && /* @__PURE__ */ e("h5", { className: r.columnTitle, children: a.title }),
-                /* @__PURE__ */ t("div", { className: r.columnData, children: [
+                /* @__PURE__ */ n("div", { className: r.columnData, children: [
                   " ",
                   a.render ? a.render(l) : String(l[a.key])
                 ] })
               ] }, i))
             }
-          ) }, n)),
-          v && /* @__PURE__ */ e("div", { role: "listitem", children: /* @__PURE__ */ e(o.Card, { className: d ? r.flushCard : void 0, children: (() => {
-            const l = v();
-            return Object.entries(l).map(([n, a]) => {
-              const i = n.startsWith("column-") ? parseInt(n.replace("column-", ""), 10) : -1, N = i >= 0 ? h[i]?.title : void 0;
-              return /* @__PURE__ */ t(x, { flexDirection: "column", gap: 0, children: [
-                N && /* @__PURE__ */ e("h5", { className: r.columnTitle, children: N }),
-                /* @__PURE__ */ e("div", { className: r.footerItem, children: a })
-              ] }, n);
+          ) }, o)),
+          C && /* @__PURE__ */ e("div", { role: "listitem", children: /* @__PURE__ */ e(t.Card, { className: d ? r.flushCard : void 0, children: (() => {
+            const l = C();
+            return f.map((o, a) => {
+              const i = typeof o.key == "string" ? o.key : `column-${a}`, h = l[i];
+              if (h === void 0 || h === "") return null;
+              const g = a === 0;
+              return /* @__PURE__ */ n(w, { flexDirection: "column", gap: 0, children: [
+                !g && o.title && /* @__PURE__ */ e("h5", { className: r.columnTitle, children: o.title }),
+                /* @__PURE__ */ e("div", { className: y(r.footerItem, g && r.footerRowLabel), children: h })
+              ] }, i);
             });
           })() }) })
         ] })
@@ -95,6 +97,6 @@ const J = ({
   );
 };
 export {
-  J as DataCards
+  O as DataCards
 };
 //# sourceMappingURL=DataCards.js.map

package/dist/components/Common/DataView/DataCards/DataCards.js.map

@@ -1 +1 @@
-{"version":3,"file":"DataCards.js","sources":["../../../../../src/components/Common/DataView/DataCards/DataCards.tsx"],"sourcesContent":["import { useId } from 'react'\nimport cn from 'classnames'\nimport { useTranslation } from 'react-i18next'\nimport styles from './DataCards.module.scss'\nimport type { useDataViewPropReturn, SelectionMode } from '@/components/Common/DataView/useDataView'\nimport type { TableProps } from '@/components/Common/UI/Table/TableTypes'\nimport { useSelectionState } from '@/components/Common/DataView/useSelectionState'\nimport { Flex } from '@/components/Common/Flex/Flex'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\n/** @internal */\nexport type DataCardsProps<T> = {\n  label: string\n  columns: useDataViewPropReturn<T>['columns']\n  data: useDataViewPropReturn<T>['data']\n  itemMenu?: useDataViewPropReturn<T>['itemMenu']\n  onSelect?: (item: T, checked: boolean) => void\n  onSelectAll?: (checked: boolean, visibleData: T[]) => void\n  getIsItemSelected?: (item: T) => boolean\n  hideSelectAll?: useDataViewPropReturn<T>['hideSelectAll']\n  emptyState?: useDataViewPropReturn<T>['emptyState']\n  footer?: useDataViewPropReturn<T>['footer']\n  selectionMode?: SelectionMode\n  isWithinBox?: TableProps['isWithinBox']\n  isFetching?: useDataViewPropReturn<T>['isFetching']\n}\n\n/** @internal */\nexport const DataCards = <T,>({\n  label,\n  data,\n  columns,\n  itemMenu,\n  onSelect,\n  onSelectAll,\n  getIsItemSelected,\n  hideSelectAll,\n  emptyState,\n  footer,\n  selectionMode = 'multiple',\n  isWithinBox,\n  isFetching,\n}: DataCardsProps<T>) => {\n  const Components = useComponentContext()\n  const { t } = useTranslation('common')\n  const radioGroupName = useId()\n  const { allSelected } = useSelectionState(data, getIsItemSelected)\n\n  const renderAction = (item: T, index: number) => {\n    if (!onSelect) return undefined\n\n    const isSelected = getIsItemSelected?.(item) ?? false\n\n    if (selectionMode === 'single') {\n      return (\n        <Components.Radio\n          name={radioGroupName}\n          value={isSelected}\n          onChange={() => {\n            onSelect(item, true)\n          }}\n          label={t('card.selectRowLabel')}\n          shouldVisuallyHideLabel\n        />\n      )\n    }\n\n    return (\n      <Components.Checkbox\n        value={isSelected}\n        onChange={(checked: boolean) => {\n          onSelect(item, checked)\n        }}\n        label={t('card.selectRowLabel')}\n        shouldVisuallyHideLabel\n      />\n    )\n  }\n\n  return (\n    <div\n      className={cn(styles.root, isWithinBox && styles.withinBox, isFetching && styles.isFetching)}\n      data-testid=\"data-cards\"\n      aria-busy={Boolean(isFetching)}\n    >\n      {onSelect &&\n        getIsItemSelected &&\n        selectionMode === 'multiple' &&\n        !hideSelectAll &&\n        data.length > 0 && (\n          <div className={styles.selectAllRow}>\n            <Components.Checkbox\n              value={allSelected}\n              onChange={(checked: boolean) => onSelectAll?.(checked, data)}\n              label={t('card.selectAllRowsLabel')}\n            />\n          </div>\n        )}\n      <div role=\"list\" aria-label={label}>\n        {data.length === 0 && emptyState && (\n          <div role=\"listitem\">\n            <Components.Card className={isWithinBox ? styles.flushCard : undefined}>\n              {emptyState()}\n            </Components.Card>\n          </div>\n        )}\n        {data.map((item, index) => (\n          <div role=\"listitem\" key={index}>\n            <Components.Card\n              menu={itemMenu && itemMenu(item)}\n              action={renderAction(item, index)}\n              className={isWithinBox ? styles.flushCard : undefined}\n            >\n              {columns.map((column, colIndex) => (\n                <Flex key={colIndex} flexDirection=\"column\" gap={0}>\n                  {column.title && <h5 className={styles.columnTitle}>{column.title}</h5>}\n                  <div className={styles.columnData}>\n                    {' '}\n                    {column.render ? column.render(item) : String(item[column.key as keyof T])}\n                  </div>\n                </Flex>\n              ))}\n            </Components.Card>\n          </div>\n        ))}\n        {footer && (\n          <div role=\"listitem\">\n            <Components.Card className={isWithinBox ? styles.flushCard : undefined}>\n              {(() => {\n                const footerContent = footer()\n\n                return Object.entries(footerContent).map(([key, content]) => {\n                  const columnIndex = key.startsWith('column-')\n                    ? parseInt(key.replace('column-', ''), 10)\n                    : -1\n                  const columnTitle = columnIndex >= 0 ? columns[columnIndex]?.title : undefined\n\n                  return (\n                    <Flex key={key} flexDirection=\"column\" gap={0}>\n                      {columnTitle && <h5 className={styles.columnTitle}>{columnTitle}</h5>}\n                      <div className={styles.footerItem}>{content}</div>\n                    </Flex>\n                  )\n                })\n              })()}\n            </Components.Card>\n          </div>\n        )}\n      </div>\n    </div>\n  )\n}\n"],"names":["DataCards","label","data","columns","itemMenu","onSelect","onSelectAll","getIsItemSelected","hideSelectAll","emptyState","footer","selectionMode","isWithinBox","isFetching","Components","useComponentContext","t","useTranslation","radioGroupName","useId","allSelected","useSelectionState","renderAction","item","index","isSelected","jsx","checked","jsxs","cn","styles","column","colIndex","Flex","footerContent","key","content","columnIndex","columnTitle"],"mappings":"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"}
+{"version":3,"file":"DataCards.js","sources":["../../../../../src/components/Common/DataView/DataCards/DataCards.tsx"],"sourcesContent":["import { useId } from 'react'\nimport cn from 'classnames'\nimport { useTranslation } from 'react-i18next'\nimport styles from './DataCards.module.scss'\nimport type { useDataViewPropReturn, SelectionMode } from '@/components/Common/DataView/useDataView'\nimport type { TableProps } from '@/components/Common/UI/Table/TableTypes'\nimport { useSelectionState } from '@/components/Common/DataView/useSelectionState'\nimport { Flex } from '@/components/Common/Flex/Flex'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\n/** @internal */\nexport type DataCardsProps<T> = {\n  label: string\n  columns: useDataViewPropReturn<T>['columns']\n  data: useDataViewPropReturn<T>['data']\n  itemMenu?: useDataViewPropReturn<T>['itemMenu']\n  onSelect?: (item: T, checked: boolean) => void\n  onSelectAll?: (checked: boolean, visibleData: T[]) => void\n  getIsItemSelected?: (item: T) => boolean\n  hideSelectAll?: useDataViewPropReturn<T>['hideSelectAll']\n  emptyState?: useDataViewPropReturn<T>['emptyState']\n  footer?: useDataViewPropReturn<T>['footer']\n  selectionMode?: SelectionMode\n  isWithinBox?: TableProps['isWithinBox']\n  isFetching?: useDataViewPropReturn<T>['isFetching']\n}\n\n/** @internal */\nexport const DataCards = <T,>({\n  label,\n  data,\n  columns,\n  itemMenu,\n  onSelect,\n  onSelectAll,\n  getIsItemSelected,\n  hideSelectAll,\n  emptyState,\n  footer,\n  selectionMode = 'multiple',\n  isWithinBox,\n  isFetching,\n}: DataCardsProps<T>) => {\n  const Components = useComponentContext()\n  const { t } = useTranslation('common')\n  const radioGroupName = useId()\n  const { allSelected } = useSelectionState(data, getIsItemSelected)\n\n  const renderAction = (item: T, index: number) => {\n    if (!onSelect) return undefined\n\n    const isSelected = getIsItemSelected?.(item) ?? false\n\n    if (selectionMode === 'single') {\n      return (\n        <Components.Radio\n          name={radioGroupName}\n          value={isSelected}\n          onChange={() => {\n            onSelect(item, true)\n          }}\n          label={t('card.selectRowLabel')}\n          shouldVisuallyHideLabel\n        />\n      )\n    }\n\n    return (\n      <Components.Checkbox\n        value={isSelected}\n        onChange={(checked: boolean) => {\n          onSelect(item, checked)\n        }}\n        label={t('card.selectRowLabel')}\n        shouldVisuallyHideLabel\n      />\n    )\n  }\n\n  return (\n    <div\n      className={cn(styles.root, isWithinBox && styles.withinBox, isFetching && styles.isFetching)}\n      data-testid=\"data-cards\"\n      aria-busy={Boolean(isFetching)}\n    >\n      {onSelect &&\n        getIsItemSelected &&\n        selectionMode === 'multiple' &&\n        !hideSelectAll &&\n        data.length > 0 && (\n          <div className={styles.selectAllRow}>\n            <Components.Checkbox\n              value={allSelected}\n              onChange={(checked: boolean) => onSelectAll?.(checked, data)}\n              label={t('card.selectAllRowsLabel')}\n            />\n          </div>\n        )}\n      <div role=\"list\" aria-label={label}>\n        {data.length === 0 && emptyState && (\n          <div role=\"listitem\">\n            <Components.Card className={isWithinBox ? styles.flushCard : undefined}>\n              {emptyState()}\n            </Components.Card>\n          </div>\n        )}\n        {data.map((item, index) => (\n          <div role=\"listitem\" key={index}>\n            <Components.Card\n              menu={itemMenu && itemMenu(item)}\n              action={renderAction(item, index)}\n              className={isWithinBox ? styles.flushCard : undefined}\n            >\n              {columns.map((column, colIndex) => (\n                <Flex key={colIndex} flexDirection=\"column\" gap={0}>\n                  {column.title && <h5 className={styles.columnTitle}>{column.title}</h5>}\n                  <div className={styles.columnData}>\n                    {' '}\n                    {column.render ? column.render(item) : String(item[column.key as keyof T])}\n                  </div>\n                </Flex>\n              ))}\n            </Components.Card>\n          </div>\n        ))}\n        {footer && (\n          <div role=\"listitem\">\n            <Components.Card className={isWithinBox ? styles.flushCard : undefined}>\n              {(() => {\n                const footerContent = footer()\n\n                return columns.map((column, index) => {\n                  const columnKey = typeof column.key === 'string' ? column.key : `column-${index}`\n                  const content = footerContent[columnKey]\n                  if (content === undefined || content === '') return null\n\n                  const isRowLabel = index === 0\n\n                  return (\n                    <Flex key={columnKey} flexDirection=\"column\" gap={0}>\n                      {!isRowLabel && column.title && (\n                        <h5 className={styles.columnTitle}>{column.title}</h5>\n                      )}\n                      <div className={cn(styles.footerItem, isRowLabel && styles.footerRowLabel)}>\n                        {content}\n                      </div>\n                    </Flex>\n                  )\n                })\n              })()}\n            </Components.Card>\n          </div>\n        )}\n      </div>\n    </div>\n  )\n}\n"],"names":["DataCards","label","data","columns","itemMenu","onSelect","onSelectAll","getIsItemSelected","hideSelectAll","emptyState","footer","selectionMode","isWithinBox","isFetching","Components","useComponentContext","t","useTranslation","radioGroupName","useId","allSelected","useSelectionState","renderAction","item","index","isSelected","jsx","checked","jsxs","cn","styles","column","colIndex","Flex","footerContent","columnKey","content","isRowLabel"],"mappings":"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"}

package/dist/components/Common/DataView/DataCards/DataCards.module.scss.js

@@ -1,22 +1,24 @@
-const t = "_root_quxrx_1", o = "_isFetching_quxrx_4", _ = "_withinBox_quxrx_7", l = "_selectAllRow_quxrx_7", c = "_flushCard_quxrx_10", e = "_columnTitle_quxrx_25", n = "_columnData_quxrx_32", s = "_footerItem_quxrx_37", x = {
-  root: t,
-  isFetching: o,
-  withinBox: _,
-  selectAllRow: l,
-  flushCard: c,
-  columnTitle: e,
+const o = "_root_15yfq_1", t = "_isFetching_15yfq_4", e = "_withinBox_15yfq_7", _ = "_selectAllRow_15yfq_7", l = "_flushCard_15yfq_10", c = "_columnTitle_15yfq_25", n = "_columnData_15yfq_32", s = "_footerItem_15yfq_37", f = "_footerRowLabel_15yfq_41", i = {
+  root: o,
+  isFetching: t,
+  withinBox: e,
+  selectAllRow: _,
+  flushCard: l,
+  columnTitle: c,
   columnData: n,
-  footerItem: s
+  footerItem: s,
+  footerRowLabel: f
 };
 export {
   n as columnData,
-  e as columnTitle,
-  x as default,
-  c as flushCard,
+  c as columnTitle,
+  i as default,
+  l as flushCard,
   s as footerItem,
-  o as isFetching,
-  t as root,
-  l as selectAllRow,
-  _ as withinBox
+  f as footerRowLabel,
+  t as isFetching,
+  o as root,
+  _ as selectAllRow,
+  e as withinBox
 };
 //# sourceMappingURL=DataCards.module.scss.js.map

package/dist/components/Common/DataView/DataCards/DataCards.module.scss.js.map

@@ -1 +1 @@
-{"version":3,"file":"DataCards.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;"}
+{"version":3,"file":"DataCards.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;"}

package/dist/components/Common/UI/Input/Input.js

@@ -1,52 +1,55 @@
-import { jsxs as e, jsx as r } from "react/jsx-runtime";
-import { Input as p } from "react-aria-components";
-import f from "classnames";
-import a from "./Input.module.scss.js";
-import { InputDefaults as v } from "./InputTypes.js";
-import { applyMissingDefaults as u } from "../../../../helpers/applyMissingDefaults.js";
-import h from "../../../../assets/icons/alert-circle.svg.js";
-function E(s) {
-  const o = u(s, v), {
-    className: d,
-    adornmentStart: n,
-    adornmentEnd: i,
-    inputRef: m,
+import { jsxs as o, jsx as a } from "react/jsx-runtime";
+import { Input as u } from "react-aria-components";
+import v from "classnames";
+import n from "./Input.module.scss.js";
+import { InputDefaults as h } from "./InputTypes.js";
+import { applyMissingDefaults as y } from "../../../../helpers/applyMissingDefaults.js";
+import N from "../../../../assets/icons/alert-circle.svg.js";
+function g(d) {
+  const l = y(d, h), {
+    className: m,
+    adornmentStart: r,
+    adornmentEnd: e,
+    inputRef: p,
     isDisabled: t,
-    "aria-invalid": l,
-    ...c
-  } = o;
-  return /* @__PURE__ */ e(
+    "aria-invalid": c,
+    ...s
+  } = l, f = (i) => {
+    s.type === "number" && (i.key === "e" || i.key === "E") && i.preventDefault();
+  };
+  return /* @__PURE__ */ o(
     "div",
     {
-      className: f(
-        a.container,
+      className: v(
+        n.container,
         {
-          [a.hasAdornmentStart]: !!n,
-          [a.hasAdornmentEnd]: !!i
+          [n.hasAdornmentStart]: !!r,
+          [n.hasAdornmentEnd]: !!e
         },
-        d
+        m
       ),
       "data-disabled": t,
       children: [
-        n && /* @__PURE__ */ r("div", { className: a.adornmentStart, children: n }),
-        /* @__PURE__ */ e("div", { className: a.inputContainer, children: [
-          /* @__PURE__ */ r(
-            p,
+        r && /* @__PURE__ */ a("div", { className: n.adornmentStart, children: r }),
+        /* @__PURE__ */ o("div", { className: n.inputContainer, children: [
+          /* @__PURE__ */ a(
+            u,
             {
-              ref: m,
+              ref: p,
               disabled: t,
-              "aria-invalid": l,
-              ...c
+              "aria-invalid": c,
+              onKeyDown: f,
+              ...s
             }
           ),
-          /* @__PURE__ */ r("div", { className: a.invalidIcon, children: /* @__PURE__ */ r(h, { fontSize: 16 }) })
+          /* @__PURE__ */ a("div", { className: n.invalidIcon, children: /* @__PURE__ */ a(N, { fontSize: 16 }) })
         ] }),
-        i && /* @__PURE__ */ r("div", { className: a.adornmentEnd, children: i })
+        e && /* @__PURE__ */ a("div", { className: n.adornmentEnd, children: e })
       ]
     }
   );
 }
 export {
-  E as Input
+  g as Input
 };
 //# sourceMappingURL=Input.js.map

package/dist/components/Common/UI/Input/Input.js.map

@@ -1 +1 @@
-{"version":3,"file":"Input.js","sources":["../../../../../src/components/Common/UI/Input/Input.tsx"],"sourcesContent":["import { Input as AriaInput } from 'react-aria-components'\nimport classNames from 'classnames'\nimport styles from './Input.module.scss'\nimport type { InputProps } from './InputTypes'\nimport { InputDefaults } from './InputTypes'\nimport { applyMissingDefaults } from '@/helpers/applyMissingDefaults'\nimport AlertCircle from '@/assets/icons/alert-circle.svg?react'\n\n/**\n * Low-level text input primitive with optional start and end adornments.\n *\n * @remarks\n * The building block used by higher-level field components such as TextInput\n * and NumberInput. Most consumers should reach for those instead.\n *\n * @internal\n */\nexport function Input(rawProps: InputProps) {\n  const resolvedProps = applyMissingDefaults(rawProps, InputDefaults)\n  const {\n    className,\n    adornmentStart,\n    adornmentEnd,\n    inputRef,\n    isDisabled,\n    'aria-invalid': ariaInvalid,\n    ...otherProps\n  } = resolvedProps\n\n  return (\n    <div\n      className={classNames(\n        styles.container,\n        {\n          [styles.hasAdornmentStart as string]: !!adornmentStart,\n          [styles.hasAdornmentEnd as string]: !!adornmentEnd,\n        },\n        className,\n      )}\n      data-disabled={isDisabled}\n    >\n      {adornmentStart && <div className={styles.adornmentStart}>{adornmentStart}</div>}\n      <div className={styles.inputContainer}>\n        <AriaInput\n          ref={inputRef}\n          disabled={isDisabled}\n          aria-invalid={ariaInvalid}\n          {...otherProps}\n        />\n        <div className={styles.invalidIcon}>\n          <AlertCircle fontSize={16} />\n        </div>\n      </div>\n      {adornmentEnd && <div className={styles.adornmentEnd}>{adornmentEnd}</div>}\n    </div>\n  )\n}\n"],"names":["Input","rawProps","resolvedProps","applyMissingDefaults","InputDefaults","className","adornmentStart","adornmentEnd","inputRef","isDisabled","ariaInvalid","otherProps","jsxs","classNames","styles","jsx","AriaInput","AlertCircle"],"mappings":";;;;;;;AAiBO,SAASA,EAAMC,GAAsB;AAC1C,QAAMC,IAAgBC,EAAqBF,GAAUG,CAAa,GAC5D;AAAA,IACJ,WAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,cAAAC;AAAA,IACA,UAAAC;AAAA,IACA,YAAAC;AAAA,IACA,gBAAgBC;AAAA,IAChB,GAAGC;AAAA,EAAA,IACDT;AAEJ,SACE,gBAAAU;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC;AAAA,QACTC,EAAO;AAAA,QACP;AAAA,UACE,CAACA,EAAO,iBAA2B,GAAG,CAAC,CAACR;AAAA,UACxC,CAACQ,EAAO,eAAyB,GAAG,CAAC,CAACP;AAAA,QAAA;AAAA,QAExCF;AAAA,MAAA;AAAA,MAEF,iBAAeI;AAAA,MAEd,UAAA;AAAA,QAAAH,KAAkB,gBAAAS,EAAC,OAAA,EAAI,WAAWD,EAAO,gBAAiB,UAAAR,GAAe;AAAA,QAC1E,gBAAAM,EAAC,OAAA,EAAI,WAAWE,EAAO,gBACrB,UAAA;AAAA,UAAA,gBAAAC;AAAA,YAACC;AAAAA,YAAA;AAAA,cACC,KAAKR;AAAA,cACL,UAAUC;AAAA,cACV,gBAAcC;AAAA,cACb,GAAGC;AAAA,YAAA;AAAA,UAAA;AAAA,UAEN,gBAAAI,EAAC,SAAI,WAAWD,EAAO,aACrB,UAAA,gBAAAC,EAACE,GAAA,EAAY,UAAU,GAAA,CAAI,EAAA,CAC7B;AAAA,QAAA,GACF;AAAA,QACCV,KAAgB,gBAAAQ,EAAC,OAAA,EAAI,WAAWD,EAAO,cAAe,UAAAP,EAAA,CAAa;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAG1E;"}
+{"version":3,"file":"Input.js","sources":["../../../../../src/components/Common/UI/Input/Input.tsx"],"sourcesContent":["import { Input as AriaInput } from 'react-aria-components'\nimport type { KeyboardEvent } from 'react'\nimport classNames from 'classnames'\nimport styles from './Input.module.scss'\nimport type { InputProps } from './InputTypes'\nimport { InputDefaults } from './InputTypes'\nimport { applyMissingDefaults } from '@/helpers/applyMissingDefaults'\nimport AlertCircle from '@/assets/icons/alert-circle.svg?react'\n\n/**\n * Low-level text input primitive with optional start and end adornments.\n *\n * @remarks\n * The building block used by higher-level field components such as TextInput\n * and NumberInput. Most consumers should reach for those instead.\n *\n * @internal\n */\nexport function Input(rawProps: InputProps) {\n  const resolvedProps = applyMissingDefaults(rawProps, InputDefaults)\n  const {\n    className,\n    adornmentStart,\n    adornmentEnd,\n    inputRef,\n    isDisabled,\n    'aria-invalid': ariaInvalid,\n    ...otherProps\n  } = resolvedProps\n\n  // A native <input type=\"number\"> still accepts the scientific-notation\n  // characters \"e\"/\"E\". They are never valid in our numeric fields and are\n  // silently dropped when the value is saved (the DOM coerces a lone \"e\" to an\n  // empty string), so block them at the keystroke instead.\n  const handleKeyDown = (event: KeyboardEvent<HTMLInputElement>) => {\n    if (otherProps.type === 'number' && (event.key === 'e' || event.key === 'E')) {\n      event.preventDefault()\n    }\n  }\n\n  return (\n    <div\n      className={classNames(\n        styles.container,\n        {\n          [styles.hasAdornmentStart as string]: !!adornmentStart,\n          [styles.hasAdornmentEnd as string]: !!adornmentEnd,\n        },\n        className,\n      )}\n      data-disabled={isDisabled}\n    >\n      {adornmentStart && <div className={styles.adornmentStart}>{adornmentStart}</div>}\n      <div className={styles.inputContainer}>\n        <AriaInput\n          ref={inputRef}\n          disabled={isDisabled}\n          aria-invalid={ariaInvalid}\n          onKeyDown={handleKeyDown}\n          {...otherProps}\n        />\n        <div className={styles.invalidIcon}>\n          <AlertCircle fontSize={16} />\n        </div>\n      </div>\n      {adornmentEnd && <div className={styles.adornmentEnd}>{adornmentEnd}</div>}\n    </div>\n  )\n}\n"],"names":["Input","rawProps","resolvedProps","applyMissingDefaults","InputDefaults","className","adornmentStart","adornmentEnd","inputRef","isDisabled","ariaInvalid","otherProps","handleKeyDown","event","jsxs","classNames","styles","jsx","AriaInput","AlertCircle"],"mappings":";;;;;;;AAkBO,SAASA,EAAMC,GAAsB;AAC1C,QAAMC,IAAgBC,EAAqBF,GAAUG,CAAa,GAC5D;AAAA,IACJ,WAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,cAAAC;AAAA,IACA,UAAAC;AAAA,IACA,YAAAC;AAAA,IACA,gBAAgBC;AAAA,IAChB,GAAGC;AAAA,EAAA,IACDT,GAMEU,IAAgB,CAACC,MAA2C;AAChE,IAAIF,EAAW,SAAS,aAAaE,EAAM,QAAQ,OAAOA,EAAM,QAAQ,QACtEA,EAAM,eAAA;AAAA,EAEV;AAEA,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC;AAAA,QACTC,EAAO;AAAA,QACP;AAAA,UACE,CAACA,EAAO,iBAA2B,GAAG,CAAC,CAACV;AAAA,UACxC,CAACU,EAAO,eAAyB,GAAG,CAAC,CAACT;AAAA,QAAA;AAAA,QAExCF;AAAA,MAAA;AAAA,MAEF,iBAAeI;AAAA,MAEd,UAAA;AAAA,QAAAH,KAAkB,gBAAAW,EAAC,OAAA,EAAI,WAAWD,EAAO,gBAAiB,UAAAV,GAAe;AAAA,QAC1E,gBAAAQ,EAAC,OAAA,EAAI,WAAWE,EAAO,gBACrB,UAAA;AAAA,UAAA,gBAAAC;AAAA,YAACC;AAAAA,YAAA;AAAA,cACC,KAAKV;AAAA,cACL,UAAUC;AAAA,cACV,gBAAcC;AAAA,cACd,WAAWE;AAAA,cACV,GAAGD;AAAA,YAAA;AAAA,UAAA;AAAA,UAEN,gBAAAM,EAAC,SAAI,WAAWD,EAAO,aACrB,UAAA,gBAAAC,EAACE,GAAA,EAAY,UAAU,GAAA,CAAI,EAAA,CAC7B;AAAA,QAAA,GACF;AAAA,QACCZ,KAAgB,gBAAAU,EAAC,OAAA,EAAI,WAAWD,EAAO,cAAe,UAAAT,EAAA,CAAa;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAG1E;"}

package/dist/components/Company/AssignSignatory/AssignSignatorySelection.js

@@ -1,12 +1,14 @@
 import { jsx as i } from "react/jsx-runtime";
 import { useTranslation as e } from "react-i18next";
 import { useAssignSignatory as s, SignatoryAssignmentMode as o } from "./useAssignSignatory.js";
-import a from "./AssignSignatorySelection.module.scss.js";
-import { RadioGroupField as r } from "../../Common/Fields/RadioGroupField/RadioGroupField.js";
-const c = () => {
+import r from "./AssignSignatorySelection.module.scss.js";
+import "classnames";
+import "../../../shared/constants.js";
+import { RadioGroupField as a } from "../../Common/Fields/RadioGroupField/RadioGroupField.js";
+const S = () => {
   const { t: n } = e("Company.AssignSignatory"), { onSignatoryAssignmentModeChange: t } = s();
-  return /* @__PURE__ */ i("section", { className: a.container, children: /* @__PURE__ */ i(
-    r,
+  return /* @__PURE__ */ i("section", { className: r.container, children: /* @__PURE__ */ i(
+    a,
     {
       onChange: t,
       label: n("signingOptions.label"),
@@ -26,6 +28,6 @@ const c = () => {
   ) });
 };
 export {
-  c as AssignSignatorySelection
+  S as AssignSignatorySelection
 };
 //# sourceMappingURL=AssignSignatorySelection.js.map

package/dist/components/Company/AssignSignatory/AssignSignatorySelection.js.map

@@ -1 +1 @@
-{"version":3,"file":"AssignSignatorySelection.js","sources":["../../../../src/components/Company/AssignSignatory/AssignSignatorySelection.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { SignatoryAssignmentMode, useAssignSignatory } from './useAssignSignatory'\nimport styles from './AssignSignatorySelection.module.scss'\nimport { RadioGroupField } from '@/components/Common'\n\n/** @internal */\nexport const AssignSignatorySelection = () => {\n  const { t } = useTranslation('Company.AssignSignatory')\n  const { onSignatoryAssignmentModeChange } = useAssignSignatory()\n\n  return (\n    <section className={styles.container}>\n      <RadioGroupField\n        onChange={onSignatoryAssignmentModeChange}\n        label={t('signingOptions.label')}\n        shouldVisuallyHideLabel\n        name=\"signatoryAssignmentMode\"\n        options={[\n          {\n            label: t('signingOptions.selfSign'),\n            value: SignatoryAssignmentMode.createSignatory,\n          },\n          {\n            label: t('signingOptions.appointOther'),\n            value: SignatoryAssignmentMode.inviteSignatory,\n          },\n        ]}\n      />\n    </section>\n  )\n}\n"],"names":["AssignSignatorySelection","t","useTranslation","onSignatoryAssignmentModeChange","useAssignSignatory","jsx","styles","RadioGroupField","SignatoryAssignmentMode"],"mappings":";;;;;AAMO,MAAMA,IAA2B,MAAM;AAC5C,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,yBAAyB,GAChD,EAAE,iCAAAC,EAAA,IAAoCC,EAAA;AAE5C,SACE,gBAAAC,EAAC,WAAA,EAAQ,WAAWC,EAAO,WACzB,UAAA,gBAAAD;AAAA,IAACE;AAAA,IAAA;AAAA,MACC,UAAUJ;AAAA,MACV,OAAOF,EAAE,sBAAsB;AAAA,MAC/B,yBAAuB;AAAA,MACvB,MAAK;AAAA,MACL,SAAS;AAAA,QACP;AAAA,UACE,OAAOA,EAAE,yBAAyB;AAAA,UAClC,OAAOO,EAAwB;AAAA,QAAA;AAAA,QAEjC;AAAA,UACE,OAAOP,EAAE,6BAA6B;AAAA,UACtC,OAAOO,EAAwB;AAAA,QAAA;AAAA,MACjC;AAAA,IACF;AAAA,EAAA,GAEJ;AAEJ;"}
+{"version":3,"file":"AssignSignatorySelection.js","sources":["../../../../src/components/Company/AssignSignatory/AssignSignatorySelection.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { SignatoryAssignmentMode, useAssignSignatory } from './useAssignSignatory'\nimport styles from './AssignSignatorySelection.module.scss'\nimport { RadioGroupField } from '@/components/Common'\n\n/** @internal */\nexport const AssignSignatorySelection = () => {\n  const { t } = useTranslation('Company.AssignSignatory')\n  const { onSignatoryAssignmentModeChange } = useAssignSignatory()\n\n  return (\n    <section className={styles.container}>\n      <RadioGroupField\n        onChange={onSignatoryAssignmentModeChange}\n        label={t('signingOptions.label')}\n        shouldVisuallyHideLabel\n        name=\"signatoryAssignmentMode\"\n        options={[\n          {\n            label: t('signingOptions.selfSign'),\n            value: SignatoryAssignmentMode.createSignatory,\n          },\n          {\n            label: t('signingOptions.appointOther'),\n            value: SignatoryAssignmentMode.inviteSignatory,\n          },\n        ]}\n      />\n    </section>\n  )\n}\n"],"names":["AssignSignatorySelection","t","useTranslation","onSignatoryAssignmentModeChange","useAssignSignatory","jsx","styles","RadioGroupField","SignatoryAssignmentMode"],"mappings":";;;;;;;AAMO,MAAMA,IAA2B,MAAM;AAC5C,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,yBAAyB,GAChD,EAAE,iCAAAC,EAAA,IAAoCC,EAAA;AAE5C,SACE,gBAAAC,EAAC,WAAA,EAAQ,WAAWC,EAAO,WACzB,UAAA,gBAAAD;AAAA,IAACE;AAAA,IAAA;AAAA,MACC,UAAUJ;AAAA,MACV,OAAOF,EAAE,sBAAsB;AAAA,MAC/B,yBAAuB;AAAA,MACvB,MAAK;AAAA,MACL,SAAS;AAAA,QACP;AAAA,UACE,OAAOA,EAAE,yBAAyB;AAAA,UAClC,OAAOO,EAAwB;AAAA,QAAA;AAAA,QAEjC;AAAA,UACE,OAAOP,EAAE,6BAA6B;AAAA,UACtC,OAAOO,EAAwB;AAAA,QAAA;AAAA,MACjC;AAAA,IACF;AAAA,EAAA,GAEJ;AAEJ;"}