npm - @gusto/embedded-react-sdk - Versions diffs - 0.53.0 → 0.54.1-rc.1 - Mend

@gusto/embedded-react-sdk 0.53.0 → 0.54.1-rc.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (858) hide show

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

	@@ -1 +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 type { LoadingIndicatorContextProps } from '@/contexts/LoadingIndicatorProvider/useLoadingIndicator'\nimport { useObservability } from '@/contexts/ObservabilityProvider/useObservability'\nimport { normalizeToSDKError, type SDKError } from '@/types/sdkError'\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?: ({ children }: { children?: ReactNode }) => JSX.Element\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 >\n <BaseLayout error={error}>{children}</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\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 }: BaseLayoutProps) => {\n const { LoadingIndicator } = useLoadingIndicator()\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: LoadingIndicatorContextProps['LoadingIndicator']\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({ componentName }: { componentName?: string }) {\n const { LoadingIndicator } = useLoadingIndicator()\n const { observability } = useObservability()\n return (\n <LoaderWithMetrics\n 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\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}: BaseBoundariesProps) => {\n return (\n <QueryErrorResetBoundary>\n {({ reset: resetQueries }) => (\n <ErrorBoundary\n FallbackComponent={FallbackComponent}\n onReset={resetQueries}\n onError={onErrorBoundaryError}\n >\n <Suspense fallback={<SuspenseFallback componentName={componentName} />}>\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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"}
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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"}

package/dist/components/Base/index.d.ts CHANGED Viewed

@@ -1,3 +1,3 @@
-export { BaseComponent, BaseBoundaries, BaseLayout, type BaseComponentInterface, type CommonComponentInterface, } from './Base';
+export { BaseComponent, BaseBoundaries, BaseLayout, type BaseComponentInterface, type CommonComponentInterface, type LoaderComponentType, } from './Base';
 export { createCompoundContext } from './createCompoundContext';
 export { useBase, type OnEventType } from './useBase';

package/dist/components/Common/FlowBreadcrumbs/breadcrumbTransitionHelpers.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
 /**
- * Builds a factory that produces robot3 transitions handling a
+ * Builds a factory that produces transitions handling a
  * `breadcrumb/navigate` event for a given target state.
  *
  * @remarks
@@ -11,7 +11,7 @@
  *
  * @typeParam TContext - The state machine context shape.
  * @returns A factory `(targetState, canNavigate?) => transition` that emits a
- * guarded robot3 transition for the `breadcrumb/navigate` event.
+ * guarded transition for the `breadcrumb/navigate` event.
  * @internal
  */
-export declare const createBreadcrumbNavigateTransition: <TContext>() => (targetState: string, canNavigate?: (ctx: TContext) => boolean) => import('robot3').Transition<"breadcrumb/navigate">;
+export declare const createBreadcrumbNavigateTransition: <TContext>() => (targetState: string, canNavigate?: (ctx: TContext) => boolean) => import('../../../lib/state-machine').TransitionDefinition<TContext>;

package/dist/components/Common/FlowBreadcrumbs/breadcrumbTransitionHelpers.js CHANGED Viewed

@@ -1,16 +1,17 @@
-import { transition as n, guard as t, reduce as i } from "robot3";
+import "react";
+import { transition as t, reduce as n, guard as i } from "../../../lib/state-machine/core.js";
 import { componentEvents as m } from "../../../shared/constants.js";
-const d = () => (a, e) => n(
+const u = () => (a, e) => t(
   m.BREADCRUMB_NAVIGATE,
   a,
-  t(
+  i(
     (r, o) => o.payload.key === a && (e?.(r) ?? !0)
   ),
-  i(
+  n(
     (r, o) => o.payload.onNavigate(r)
   )
 );
 export {
-  d as createBreadcrumbNavigateTransition
+  u as createBreadcrumbNavigateTransition
 };
 //# sourceMappingURL=breadcrumbTransitionHelpers.js.map

package/dist/components/Common/FlowBreadcrumbs/breadcrumbTransitionHelpers.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"breadcrumbTransitionHelpers.js","sources":["../../../../src/components/Common/FlowBreadcrumbs/breadcrumbTransitionHelpers.ts"],"sourcesContent":["import { guard, reduce, transition } from '~~robot3~~'\nimport { componentEvents } from '@/shared/constants'\n\ntype BreadcrumbNavigateEvent<TContext> = {\n payload: {\n key: string\n onNavigate: (ctx: TContext) => TContext\n }\n}\n\n~~/* eslint-disable @typescript-eslint/no-unnecessary-type-parameters /\n~~/\n Builds a factory that produces ~~robot3~~ transitions handling a\n * `breadcrumb/navigate` event for a given target state.\n \n @remarks\n * The returned factory takes a target state name and an optional `canNavigate`\n * guard. The resulting transition only fires when the event payload's `key`\n * matches the target state and the guard (if provided) returns true, then\n * reduces the machine context by invoking the breadcrumb's `onNavigate`. The\n * outer generic is used purely to anchor `TContext` for the inner closures.\n \n @typeParam TContext - The state machine context shape.\n * @returns A factory `(targetState, canNavigate?) => transition` that emits a\n * guarded ~~robot3~~ transition for the `breadcrumb/navigate` event.\n * @internal\n /\nexport const createBreadcrumbNavigateTransition = <TContext>() => {\n ~~/ eslint-enable @typescript-eslint/no-unnecessary-type-parameters */\n~~ return (targetState: string, canNavigate?: (ctx: TContext) => boolean) =>\n transition(\n componentEvents.BREADCRUMB_NAVIGATE,\n targetState,\n guard(\n (ctx: TContext, ev: { payload: { key: string } }) =>\n ev.payload.key === targetState && (canNavigate?.(ctx) ?? true),\n ),\n reduce((ctx: TContext, ev: BreadcrumbNavigateEvent<TContext>): TContext =>\n ev.payload.onNavigate(ctx),\n ),\n )\n}\n"],"names":["createBreadcrumbNavigateTransition","targetState","canNavigate","transition","componentEvents","guard","ctx","ev","reduce"],"mappings":"~~;;AA2BO~~,MAAMA,IAAqC,~~MAEzC~~,CAACC,GAAqBC,MAC3BC;AAAA,EACEC,EAAgB;AAAA,EAChBH;AAAA,EACAI;AAAA,IACE,CAACC,GAAeC,MACdA,EAAG,QAAQ,QAAQN,MAAgBC,IAAcI,CAAG,KAAK;AAAA,EAAA;AAAA,EAE7DE;AAAA,IAAO,CAACF,GAAeC,MACrBA,EAAG,QAAQ,WAAWD,CAAG;AAAA,EAAA;AAC3B;"}
1	+ {"version":3,"file":"breadcrumbTransitionHelpers.js","sources":["../../../../src/components/Common/FlowBreadcrumbs/breadcrumbTransitionHelpers.ts"],"sourcesContent":["import { guard, reduce, transition } from '@/lib/state-machine'\nimport { componentEvents } from '@/shared/constants'\n\ntype BreadcrumbNavigateEvent<TContext> = {\n payload: {\n key: string\n onNavigate: (ctx: TContext) => TContext\n }\n}\n\n/*\n Builds a factory that produces transitions handling a\n * `breadcrumb/navigate` event for a given target state.\n \n @remarks\n * The returned factory takes a target state name and an optional `canNavigate`\n * guard. The resulting transition only fires when the event payload's `key`\n * matches the target state and the guard (if provided) returns true, then\n * reduces the machine context by invoking the breadcrumb's `onNavigate`. The\n * outer generic is used purely to anchor `TContext` for the inner closures.\n \n @typeParam TContext - The state machine context shape.\n * @returns A factory `(targetState, canNavigate?) => transition` that emits a\n * guarded transition for the `breadcrumb/navigate` event.\n * @internal\n */\nexport const createBreadcrumbNavigateTransition = <TContext>() => {\n return (targetState: string, canNavigate?: (ctx: TContext) => boolean) =>\n transition(\n componentEvents.BREADCRUMB_NAVIGATE,\n targetState,\n guard(\n (ctx: TContext, ev: { payload: { key: string } }) =>\n ev.payload.key === targetState && (canNavigate?.(ctx) ?? true),\n ),\n reduce((ctx: TContext, ev: BreadcrumbNavigateEvent<TContext>): TContext =>\n ev.payload.onNavigate(ctx),\n ),\n )\n}\n"],"names":["createBreadcrumbNavigateTransition","targetState","canNavigate","transition","componentEvents","guard","ctx","ev","reduce"],"mappings":";;;AA0BO,MAAMA,IAAqC,MACzC,CAACC,GAAqBC,MAC3BC;AAAA,EACEC,EAAgB;AAAA,EAChBH;AAAA,EACAI;AAAA,IACE,CAACC,GAAeC,MACdA,EAAG,QAAQ,QAAQN,MAAgBC,IAAcI,CAAG,KAAK;AAAA,EAAA;AAAA,EAE7DE;AAAA,IAAO,CAACF,GAAeC,MACrBA,EAAG,QAAQ,WAAWD,CAAG;AAAA,EAAA;AAC3B;"}

package/dist/components/Common/Loading/Loading.d.ts CHANGED Viewed

@@ -2,6 +2,11 @@ import { ReactNode } from 'react';
 /** @internal */
 export interface LoadingProps {
     children?: ReactNode;
+    /**
+     * Height of the skeleton box, in pixels. Defaults to the standard content
+     * height. Injected as the `--loading-height` custom property.
+     */
+    height?: number;
 }
 /** @internal */
-export declare const Loading: ({ children }: LoadingProps) => import("react").JSX.Element;
+export declare const Loading: ({ children, height }: LoadingProps) => import("react").JSX.Element;

package/dist/components/Common/Loading/Loading.js CHANGED Viewed

@@ -1,22 +1,23 @@
 import { jsx as o } from "react/jsx-runtime";
-import { useTranslation as t } from "react-i18next";
-import a from "classnames";
-import e from "./Loading.module.scss.js";
-import { FadeIn as i } from "../FadeIn/FadeIn.js";
-const d = ({ children: r }) => {
-  const { t: s } = t("common");
-  return /* @__PURE__ */ o(i, { children: /* @__PURE__ */ o(
-    "section",
+import { useTranslation as i } from "react-i18next";
+import l from "classnames";
+import s from "./Loading.module.scss.js";
+import { FadeIn as n } from "../FadeIn/FadeIn.js";
+const f = ({ children: e, height: t }) => {
+  const { t: a } = i("common"), r = t === void 0 ? void 0 : { "--loading-height": `${t}px` };
+  return /* @__PURE__ */ o(n, { children: /* @__PURE__ */ o(
+    "div",
     {
-      className: e.skeletonContainer,
-      "aria-label": s("status.loading"),
+      role: "status",
+      className: s.skeletonContainer,
+      "aria-label": a("status.loading"),
       "aria-live": "polite",
       "aria-busy": !0,
-      children: /* @__PURE__ */ o("div", { className: a(e.skeleton, e.skeletonBox), children: r })
+      children: /* @__PURE__ */ o("div", { className: l(s.skeleton, s.skeletonBox), style: r, children: e })
     }
   ) });
 };
 export {
-  d as Loading
+  f as Loading
 };
 //# sourceMappingURL=Loading.js.map

package/dist/components/Common/Loading/Loading.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Loading.js","sources":["../../../../src/components/Common/Loading/Loading.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport cn from 'classnames'\nimport type { ReactNode } from 'react'\nimport styles from './Loading.module.scss'\nimport { FadeIn } from '@/components/Common/FadeIn/FadeIn'\n\n/** @internal /\nexport interface LoadingProps {\n children?: ReactNode\n}\n\n/* @internal */\nexport const Loading = ({ children }: LoadingProps) => {\n const { t } = useTranslation('common')\n return (\n <FadeIn>\n <~~section~~\n className={styles.skeletonContainer}\n aria-label={t('status.loading')}\n aria-live=\"polite\"\n aria-busy\n >\n <div className={cn(styles.skeleton, styles.skeletonBox)}>{children}</div>\n </~~section~~>\n </FadeIn>\n )\n}\n"],"names":["Loading","children","t","useTranslation","FadeIn","jsx","styles","cn"],"mappings":";;;;;~~AAYO~~,MAAMA,IAAU,CAAC,EAAE,UAAAC,~~QAA6B~~;~~AACrD~~,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,QAAQ;~~AACrC~~,~~2BACGC~~,GAAA,EACC,UAAA,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC,EAAO;AAAA,MAClB,~~cAAYJ~~,EAAE,gBAAgB;AAAA,MAC9B,aAAU;AAAA,MACV,aAAS;AAAA,MAET,UAAA,~~gBAAAG~~,EAAC,~~SAAI~~,WAAWE,EAAGD,EAAO,UAAUA,EAAO,WAAW,~~GAAI~~,~~UAAAL~~,EAAA,~~CAAS~~;AAAA,IAAA;AAAA,EAAA,~~GAEvE~~;AAEJ;"}
1	+ {"version":3,"file":"Loading.js","sources":["../../../../src/components/Common/Loading/Loading.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport cn from 'classnames'\nimport type { CSSProperties, ReactNode } from 'react'\nimport styles from './Loading.module.scss'\nimport { FadeIn } from '@/components/Common/FadeIn/FadeIn'\n\n/** @internal /\nexport interface LoadingProps {\n children?: ReactNode\n /\n Height of the skeleton box, in pixels. Defaults to the standard content\n * height. Injected as the `--loading-height` custom property.\n /\n height?: number\n}\n\n/* @internal */\nexport const Loading = ({ children, height }: LoadingProps) => {\n const { t } = useTranslation('common')\n const style =\n height === undefined ? undefined : ({ '--loading-height': `${height}px` } as CSSProperties)\n return (\n <FadeIn>\n <div\n role=\"status\"\n className={styles.skeletonContainer}\n aria-label={t('status.loading')}\n aria-live=\"polite\"\n aria-busy\n >\n <div className={cn(styles.skeleton, styles.skeletonBox)} style={style}>\n {children}\n </div>\n </div>\n </FadeIn>\n )\n}\n"],"names":["Loading","children","height","t","useTranslation","style","FadeIn","jsx","styles","cn"],"mappings":";;;;;AAiBO,MAAMA,IAAU,CAAC,EAAE,UAAAC,GAAU,QAAAC,QAA2B;AAC7D,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,QAAQ,GAC/BC,IACJH,MAAW,SAAY,SAAa,EAAE,oBAAoB,GAAGA,CAAM,KAAA;AACrE,2BACGI,GAAA,EACC,UAAA,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,WAAWC,EAAO;AAAA,MAClB,cAAYL,EAAE,gBAAgB;AAAA,MAC9B,aAAU;AAAA,MACV,aAAS;AAAA,MAET,UAAA,gBAAAI,EAAC,OAAA,EAAI,WAAWE,EAAGD,EAAO,UAAUA,EAAO,WAAW,GAAG,OAAAH,GACtD,UAAAJ,EAAA,CACH;AAAA,IAAA;AAAA,EAAA,GAEJ;AAEJ;"}

package/dist/components/Common/Loading/Loading.module.scss.js CHANGED Viewed

@@ -1,4 +1,4 @@
-const e = "_skeletonContainer_15vqq_1", o = "_skeleton_15vqq_1", n = "_skeletonBox_15vqq_15", t = {
+const e = "_skeletonContainer_1g7wy_1", o = "_skeleton_1g7wy_1", n = "_skeletonBox_1g7wy_15", t = {
   skeletonContainer: e,
   skeleton: o,
   skeletonBox: n

package/dist/components/Common/PayrollLoading/PayrollLoading.js CHANGED Viewed

@@ -6,7 +6,7 @@ const s = ({ title: r, description: n }) => {
   const { Heading: t, Text: i, LoadingSpinner: a } = e(), { LoadingIndicator: l } = m();
   return /* @__PURE__ */ o(l, { children: /* @__PURE__ */ c(d, { flexDirection: "column", alignItems: "center", gap: 4, children: [
     /* @__PURE__ */ o(a, { size: "lg" }),
-    /* @__PURE__ */ o(t, { as: "h4", children: r }),
+    /* @__PURE__ */ o(t, { as: "h2", children: r }),
     n && /* @__PURE__ */ o(i, { children: n })
   ] }) });
 }, p = (r) => {

package/dist/components/Common/PayrollLoading/PayrollLoading.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"PayrollLoading.js","sources":["../../../../src/components/Common/PayrollLoading/PayrollLoading.tsx"],"sourcesContent":["import type { PayrollLoadingProps } from './PayrollLoadingTypes'\nimport { Flex } from '@/components/Common/Flex/Flex'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useLoadingIndicator } from '@/contexts/LoadingIndicatorProvider/useLoadingIndicator'\n\nconst DefaultPayrollLoading = ({ title, description }: PayrollLoadingProps) => {\n const { Heading, Text, LoadingSpinner } = useComponentContext()\n const { LoadingIndicator } = useLoadingIndicator()\n\n return (\n <LoadingIndicator>\n <Flex flexDirection=\"column\" alignItems=\"center\" gap={4}>\n <LoadingSpinner size=\"lg\" />\n <Heading as=\"h4\">{title}</Heading>\n {description && <Text>{description}</Text>}\n </Flex>\n </LoadingIndicator>\n )\n}\n\n/** @internal */\nexport const PayrollLoading = (props: PayrollLoadingProps) => {\n const Components = useComponentContext()\n\n return Components.PayrollLoading ? (\n <Components.PayrollLoading {...props} />\n ) : (\n <DefaultPayrollLoading {...props} />\n )\n}\n"],"names":["DefaultPayrollLoading","title","description","Heading","Text","LoadingSpinner","useComponentContext","LoadingIndicator","useLoadingIndicator","jsx","jsxs","Flex","PayrollLoading","props","Components"],"mappings":";;;;AAKA,MAAMA,IAAwB,CAAC,EAAE,OAAAC,GAAO,aAAAC,QAAuC;AAC7E,QAAM,EAAE,SAAAC,GAAS,MAAAC,GAAM,gBAAAC,EAAA,IAAmBC,EAAA,GACpC,EAAE,kBAAAC,EAAA,IAAqBC,EAAA;AAE7B,SACE,gBAAAC,EAACF,KACC,UAAA,gBAAAG,EAACC,GAAA,EAAK,eAAc,UAAS,YAAW,UAAS,KAAK,GACpD,UAAA;AAAA,IAAA,gBAAAF,EAACJ,GAAA,EAAe,MAAK,KAAA,CAAK;AAAA,IAC1B,gBAAAI,EAACN,GAAA,EAAQ,IAAG,MAAM,UAAAF,GAAM;AAAA,IACvBC,KAAe,gBAAAO,EAACL,GAAA,EAAM,UAAAF,EAAA,CAAY;AAAA,EAAA,EAAA,CACrC,EAAA,CACF;AAEJ,GAGaU,IAAiB,CAACC,MAA+B;AAC5D,QAAMC,IAAaR,EAAA;AAEnB,SAAOQ,EAAW,iBAChB,gBAAAL,EAACK,EAAW,gBAAX,EAA2B,GAAGD,EAAA,CAAO,IAEtC,gBAAAJ,EAACT,GAAA,EAAuB,GAAGa,EAAA,CAAO;AAEtC;"}
1	+ {"version":3,"file":"PayrollLoading.js","sources":["../../../../src/components/Common/PayrollLoading/PayrollLoading.tsx"],"sourcesContent":["import type { PayrollLoadingProps } from './PayrollLoadingTypes'\nimport { Flex } from '@/components/Common/Flex/Flex'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useLoadingIndicator } from '@/contexts/LoadingIndicatorProvider/useLoadingIndicator'\n\nconst DefaultPayrollLoading = ({ title, description }: PayrollLoadingProps) => {\n const { Heading, Text, LoadingSpinner } = useComponentContext()\n const { LoadingIndicator } = useLoadingIndicator()\n\n return (\n <LoadingIndicator>\n <Flex flexDirection=\"column\" alignItems=\"center\" gap={4}>\n <LoadingSpinner size=\"lg\" />\n <Heading as=\"h2\">{title}</Heading>\n {description && <Text>{description}</Text>}\n </Flex>\n </LoadingIndicator>\n )\n}\n\n/** @internal */\nexport const PayrollLoading = (props: PayrollLoadingProps) => {\n const Components = useComponentContext()\n\n return Components.PayrollLoading ? (\n <Components.PayrollLoading {...props} />\n ) : (\n <DefaultPayrollLoading {...props} />\n )\n}\n"],"names":["DefaultPayrollLoading","title","description","Heading","Text","LoadingSpinner","useComponentContext","LoadingIndicator","useLoadingIndicator","jsx","jsxs","Flex","PayrollLoading","props","Components"],"mappings":";;;;AAKA,MAAMA,IAAwB,CAAC,EAAE,OAAAC,GAAO,aAAAC,QAAuC;AAC7E,QAAM,EAAE,SAAAC,GAAS,MAAAC,GAAM,gBAAAC,EAAA,IAAmBC,EAAA,GACpC,EAAE,kBAAAC,EAAA,IAAqBC,EAAA;AAE7B,SACE,gBAAAC,EAACF,KACC,UAAA,gBAAAG,EAACC,GAAA,EAAK,eAAc,UAAS,YAAW,UAAS,KAAK,GACpD,UAAA;AAAA,IAAA,gBAAAF,EAACJ,GAAA,EAAe,MAAK,KAAA,CAAK;AAAA,IAC1B,gBAAAI,EAACN,GAAA,EAAQ,IAAG,MAAM,UAAAF,GAAM;AAAA,IACvBC,KAAe,gBAAAO,EAACL,GAAA,EAAM,UAAAF,EAAA,CAAY;AAAA,EAAA,EAAA,CACrC,EAAA,CACF;AAEJ,GAGaU,IAAiB,CAACC,MAA+B;AAC5D,QAAMC,IAAaR,EAAA;AAEnB,SAAOQ,EAAW,iBAChB,gBAAAL,EAACK,EAAW,gBAAX,EAA2B,GAAGD,EAAA,CAAO,IAEtC,gBAAAJ,EAACT,GAAA,EAAuB,GAAGa,EAAA,CAAO;AAEtC;"}

package/dist/components/Common/UI/Alert/Alert.js CHANGED Viewed

@@ -1,6 +1,6 @@
 import { jsx as r, jsxs as c } from "react/jsx-runtime";
-import { useId as p, useRef as N, useEffect as g } from "react";
-import b from "classnames";
+import { useId as p, useRef as N, useEffect as b } from "react";
+import g from "classnames";
 import { ButtonIcon as I } from "../Button/ButtonIcon.js";
 import { AlertDefaults as S } from "./AlertTypes.js";
 import e from "./Alert.module.scss.js";
@@ -11,22 +11,22 @@ import C from "../../../../assets/icons/warning.svg.js";
 import D from "../../../../assets/icons/error.svg.js";
 import j from "../../../../assets/icons/close.svg.js";
 function F(m) {
-  const d = w(m, S), { label: f, children: s, action: o, status: i, icon: h, className: u, onDismiss: t, disableScrollIntoView: n } = d, l = p(), a = N(null), v = i === "info" ? /* @__PURE__ */ r(x, { "aria-hidden": !0 }) : i === "success" ? /* @__PURE__ */ r(y, { "aria-hidden": !0 }) : i === "warning" ? /* @__PURE__ */ r(C, { "aria-hidden": !0 }) : /* @__PURE__ */ r(D, { "aria-hidden": !0 });
-  return g(() => {
-    !n && a.current && (a.current.scrollIntoView({ behavior: "smooth" }), a.current.focus());
-  }, [n]), /* @__PURE__ */ r("div", { className: b(e.root, u), children: /* @__PURE__ */ c(
+  const d = w(m, S), { label: f, children: s, action: o, status: i, icon: h, className: u, onDismiss: t, disableScrollIntoView: l } = d, n = p(), a = N(null), v = i === "info" ? /* @__PURE__ */ r(x, { "aria-hidden": !0 }) : i === "success" ? /* @__PURE__ */ r(y, { "aria-hidden": !0 }) : i === "warning" ? /* @__PURE__ */ r(C, { "aria-hidden": !0 }) : /* @__PURE__ */ r(D, { "aria-hidden": !0 });
+  return b(() => {
+    !l && a.current && (a.current.scrollIntoView({ behavior: "smooth" }), a.current.focus());
+  }, [l]), /* @__PURE__ */ r("div", { className: g(e.root, u), children: /* @__PURE__ */ c(
     "div",
     {
       className: e.alert,
       role: "alert",
-      "aria-labelledby": l,
+      "aria-labelledby": n,
       "data-variant": i,
       ref: a,
       tabIndex: -1,
       children: [
         /* @__PURE__ */ r("div", { className: e.header, children: /* @__PURE__ */ c("div", { className: e.iconLabelContainer, children: [
           /* @__PURE__ */ r("div", { className: e.icon, children: h || v }),
-          /* @__PURE__ */ r("h6", { id: l, children: f }),
+          /* @__PURE__ */ r("div", { id: n, className: e.label, children: f }),
           o && /* @__PURE__ */ r("div", { className: e.action, children: o }),
           t && /* @__PURE__ */ r("div", { className: e.dismiss, children: /* @__PURE__ */ r(I, { variant: "tertiary", onClick: t, "aria-label": "Dismiss alert", children: /* @__PURE__ */ r(j, { width: 36, height: 36 }) }) })
         ] }) }),

package/dist/components/Common/UI/Alert/Alert.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Alert.js","sources":["../../../../../src/components/Common/UI/Alert/Alert.tsx"],"sourcesContent":["import { useEffect, useId, useRef } from 'react'\nimport classNames from 'classnames'\nimport { ButtonIcon } from '../Button/ButtonIcon'\nimport { type AlertProps, AlertDefaults } from './AlertTypes'\nimport styles from './Alert.module.scss'\nimport { applyMissingDefaults } from '@/helpers/applyMissingDefaults'\nimport InfoIcon from '@/assets/icons/info.svg?react'\nimport SuccessIcon from '@/assets/icons/success_check.svg?react'\nimport WarningIcon from '@/assets/icons/warning.svg?react'\nimport ErrorIcon from '@/assets/icons/error.svg?react'\nimport CloseIcon from '@/assets/icons/close.svg?react'\n\n/*\n Renders an inline alert that conveys status information about the surrounding content, with an optional action button and dismiss control.\n \n @remarks\n * Scrolls itself into view and receives focus on mount so the user notices it. Pass `disableScrollIntoView` when rendering inside a modal or other container that should retain focus.\n \n @param rawProps - The {@link AlertProps} controlling the alert label, status, icon, and dismiss behavior.\n * @returns The rendered alert.\n * @internal\n */\nexport function Alert(rawProps: AlertProps) {\n const resolvedProps = applyMissingDefaults(rawProps, AlertDefaults)\n const { label, children, action, status, icon, className, onDismiss, disableScrollIntoView } =\n resolvedProps\n const id = useId()\n const alertRef = useRef<HTMLDivElement>(null)\n const defaultIcon =\n status === 'info' ? (\n <InfoIcon aria-hidden />\n ) : status === 'success' ? (\n <SuccessIcon aria-hidden />\n ) : status === 'warning' ? (\n <WarningIcon aria-hidden />\n ) : (\n <ErrorIcon aria-hidden />\n )\n\n useEffect(() => {\n if (!disableScrollIntoView && alertRef.current) {\n alertRef.current.scrollIntoView({ behavior: 'smooth' })\n alertRef.current.focus()\n }\n }, [disableScrollIntoView])\n\n return (\n <div className={classNames(styles.root, className)}>\n <div\n className={styles.alert}\n role=\"alert\"\n aria-labelledby={id}\n data-variant={status}\n ref={alertRef}\n tabIndex={-1}\n >\n <div className={styles.header}>\n <div className={styles.iconLabelContainer}>\n <div className={styles.icon}>{icon \|\| defaultIcon}</div>\n <h6 id={id}>{label}</h6>\n {action && <div className={styles.action}>{action}</div>}\n {onDismiss && (\n <div className={styles.dismiss}>\n <ButtonIcon variant=\"tertiary\" onClick={onDismiss} aria-label=\"Dismiss alert\">\n <CloseIcon width={36} height={36} />\n </ButtonIcon>\n </div>\n )}\n </div>\n </div>\n {children && <div className={styles.content}>{children}</div>}\n </div>\n </div>\n )\n}\n"],"names":["Alert","rawProps","resolvedProps","applyMissingDefaults","AlertDefaults","label","children","action","status","icon","className","onDismiss","disableScrollIntoView","id","useId","alertRef","useRef","defaultIcon","jsx","InfoIcon","SuccessIcon","WarningIcon","ErrorIcon","useEffect","classNames","styles","jsxs","ButtonIcon","CloseIcon"],"mappings":";;;;;;;;;;;;AAsBO,SAASA,EAAMC,GAAsB;AAC1C,QAAMC,IAAgBC,EAAqBF,GAAUG,CAAa,GAC5D,EAAE,OAAAC,GAAO,UAAAC,GAAU,QAAAC,GAAQ,QAAAC,GAAQ,MAAAC,GAAM,WAAAC,GAAW,WAAAC,GAAW,uBAAAC,EAAA,IACnEV,GACIW,IAAKC,EAAA,GACLC,IAAWC,EAAuB,IAAI,GACtCC,IACJT,MAAW,SACT,gBAAAU,EAACC,GAAA,EAAS,eAAW,GAAA,CAAC,IACpBX,MAAW,YACb,gBAAAU,EAACE,GAAA,EAAY,eAAW,GAAA,CAAC,IACvBZ,MAAW,YACb,gBAAAU,EAACG,GAAA,EAAY,eAAW,GAAA,CAAC,IAEzB,gBAAAH,EAACI,GAAA,EAAU,eAAW,GAAA,CAAC;AAG3B,SAAAC,EAAU,MAAM;AACd,IAAI,CAACX,KAAyBG,EAAS,YACrCA,EAAS,QAAQ,eAAe,EAAE,UAAU,UAAU,GACtDA,EAAS,QAAQ,MAAA;AAAA,EAErB,GAAG,CAACH,CAAqB,CAAC,qBAGvB,OAAA,EAAI,WAAWY,EAAWC,EAAO,MAAMf,CAAS,GAC/C,UAAA,gBAAAgB;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWD,EAAO;AAAA,MAClB,MAAK;AAAA,MACL,mBAAiBZ;AAAA,MACjB,gBAAcL;AAAA,MACd,KAAKO;AAAA,MACL,UAAU;AAAA,MAEV,UAAA;AAAA,QAAA,gBAAAG,EAAC,OAAA,EAAI,WAAWO,EAAO,QACrB,4BAAC,OAAA,EAAI,WAAWA,EAAO,oBACrB,UAAA;AAAA,UAAA,gBAAAP,EAAC,OAAA,EAAI,WAAWO,EAAO,MAAO,eAAQR,GAAY;AAAA,~~UAClD~~,~~gBAAAC~~,~~EAAC~~,~~MAAA~~,~~EAAG~~,~~IAAAL~~,~~GAAS~~,~~UAAAR~~,~~EAAA~~,~~CAAM~~;AAAA,~~UAClBE~~,KAAU,gBAAAW,EAAC,OAAA,EAAI,WAAWO,EAAO,QAAS,UAAAlB,GAAO;AAAA,UACjDI,uBACE,OAAA,EAAI,WAAWc,EAAO,SACrB,UAAA,gBAAAP,EAACS,KAAW,SAAQ,YAAW,SAAShB,GAAW,cAAW,iBAC5D,UAAA,gBAAAO,EAACU,GAAA,EAAU,OAAO,IAAI,QAAQ,GAAA,CAAI,EAAA,CACpC,EAAA,CACF;AAAA,QAAA,EAAA,CAEJ,EAAA,CACF;AAAA,QACCtB,KAAY,gBAAAY,EAAC,OAAA,EAAI,WAAWO,EAAO,SAAU,UAAAnB,EAAA,CAAS;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA,GAE3D;AAEJ;"}
1	+ {"version":3,"file":"Alert.js","sources":["../../../../../src/components/Common/UI/Alert/Alert.tsx"],"sourcesContent":["import { useEffect, useId, useRef } from 'react'\nimport classNames from 'classnames'\nimport { ButtonIcon } from '../Button/ButtonIcon'\nimport { type AlertProps, AlertDefaults } from './AlertTypes'\nimport styles from './Alert.module.scss'\nimport { applyMissingDefaults } from '@/helpers/applyMissingDefaults'\nimport InfoIcon from '@/assets/icons/info.svg?react'\nimport SuccessIcon from '@/assets/icons/success_check.svg?react'\nimport WarningIcon from '@/assets/icons/warning.svg?react'\nimport ErrorIcon from '@/assets/icons/error.svg?react'\nimport CloseIcon from '@/assets/icons/close.svg?react'\n\n/*\n Renders an inline alert that conveys status information about the surrounding content, with an optional action button and dismiss control.\n \n @remarks\n * Scrolls itself into view and receives focus on mount so the user notices it. Pass `disableScrollIntoView` when rendering inside a modal or other container that should retain focus.\n \n @param rawProps - The {@link AlertProps} controlling the alert label, status, icon, and dismiss behavior.\n * @returns The rendered alert.\n * @internal\n */\nexport function Alert(rawProps: AlertProps) {\n const resolvedProps = applyMissingDefaults(rawProps, AlertDefaults)\n const { label, children, action, status, icon, className, onDismiss, disableScrollIntoView } =\n resolvedProps\n const id = useId()\n const alertRef = useRef<HTMLDivElement>(null)\n const defaultIcon =\n status === 'info' ? (\n <InfoIcon aria-hidden />\n ) : status === 'success' ? (\n <SuccessIcon aria-hidden />\n ) : status === 'warning' ? (\n <WarningIcon aria-hidden />\n ) : (\n <ErrorIcon aria-hidden />\n )\n\n useEffect(() => {\n if (!disableScrollIntoView && alertRef.current) {\n alertRef.current.scrollIntoView({ behavior: 'smooth' })\n alertRef.current.focus()\n }\n }, [disableScrollIntoView])\n\n return (\n <div className={classNames(styles.root, className)}>\n <div\n className={styles.alert}\n role=\"alert\"\n aria-labelledby={id}\n data-variant={status}\n ref={alertRef}\n tabIndex={-1}\n >\n <div className={styles.header}>\n <div className={styles.iconLabelContainer}>\n <div className={styles.icon}>{icon \|\| defaultIcon}</div>\n <div id={id} className={styles.label}>\n {label}\n </div>\n {action && <div className={styles.action}>{action}</div>}\n {onDismiss && (\n <div className={styles.dismiss}>\n <ButtonIcon variant=\"tertiary\" onClick={onDismiss} aria-label=\"Dismiss alert\">\n <CloseIcon width={36} height={36} />\n </ButtonIcon>\n </div>\n )}\n </div>\n </div>\n {children && <div className={styles.content}>{children}</div>}\n </div>\n </div>\n )\n}\n"],"names":["Alert","rawProps","resolvedProps","applyMissingDefaults","AlertDefaults","label","children","action","status","icon","className","onDismiss","disableScrollIntoView","id","useId","alertRef","useRef","defaultIcon","jsx","InfoIcon","SuccessIcon","WarningIcon","ErrorIcon","useEffect","classNames","styles","jsxs","ButtonIcon","CloseIcon"],"mappings":";;;;;;;;;;;;AAsBO,SAASA,EAAMC,GAAsB;AAC1C,QAAMC,IAAgBC,EAAqBF,GAAUG,CAAa,GAC5D,EAAE,OAAAC,GAAO,UAAAC,GAAU,QAAAC,GAAQ,QAAAC,GAAQ,MAAAC,GAAM,WAAAC,GAAW,WAAAC,GAAW,uBAAAC,EAAA,IACnEV,GACIW,IAAKC,EAAA,GACLC,IAAWC,EAAuB,IAAI,GACtCC,IACJT,MAAW,SACT,gBAAAU,EAACC,GAAA,EAAS,eAAW,GAAA,CAAC,IACpBX,MAAW,YACb,gBAAAU,EAACE,GAAA,EAAY,eAAW,GAAA,CAAC,IACvBZ,MAAW,YACb,gBAAAU,EAACG,GAAA,EAAY,eAAW,GAAA,CAAC,IAEzB,gBAAAH,EAACI,GAAA,EAAU,eAAW,GAAA,CAAC;AAG3B,SAAAC,EAAU,MAAM;AACd,IAAI,CAACX,KAAyBG,EAAS,YACrCA,EAAS,QAAQ,eAAe,EAAE,UAAU,UAAU,GACtDA,EAAS,QAAQ,MAAA;AAAA,EAErB,GAAG,CAACH,CAAqB,CAAC,qBAGvB,OAAA,EAAI,WAAWY,EAAWC,EAAO,MAAMf,CAAS,GAC/C,UAAA,gBAAAgB;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWD,EAAO;AAAA,MAClB,MAAK;AAAA,MACL,mBAAiBZ;AAAA,MACjB,gBAAcL;AAAA,MACd,KAAKO;AAAA,MACL,UAAU;AAAA,MAEV,UAAA;AAAA,QAAA,gBAAAG,EAAC,OAAA,EAAI,WAAWO,EAAO,QACrB,4BAAC,OAAA,EAAI,WAAWA,EAAO,oBACrB,UAAA;AAAA,UAAA,gBAAAP,EAAC,OAAA,EAAI,WAAWO,EAAO,MAAO,eAAQR,GAAY;AAAA,4BACjD,OAAA,EAAI,IAAAJ,GAAQ,WAAWY,EAAO,OAC5B,UAAApB,GACH;AAAA,UACCE,KAAU,gBAAAW,EAAC,OAAA,EAAI,WAAWO,EAAO,QAAS,UAAAlB,GAAO;AAAA,UACjDI,uBACE,OAAA,EAAI,WAAWc,EAAO,SACrB,UAAA,gBAAAP,EAACS,KAAW,SAAQ,YAAW,SAAShB,GAAW,cAAW,iBAC5D,UAAA,gBAAAO,EAACU,GAAA,EAAU,OAAO,IAAI,QAAQ,GAAA,CAAI,EAAA,CACpC,EAAA,CACF;AAAA,QAAA,EAAA,CAEJ,EAAA,CACF;AAAA,QACCtB,KAAY,gBAAAY,EAAC,OAAA,EAAI,WAAWO,EAAO,SAAU,UAAAnB,EAAA,CAAS;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA,GAE3D;AAEJ;"}

package/dist/components/Common/UI/Alert/Alert.module.scss.js CHANGED Viewed

@@ -1,22 +1,24 @@
-const o = "_root_1vsx2_1", n = "_alert_1vsx2_4", t = "_header_1vsx2_18", s = "_iconLabelContainer_1vsx2_23", _ = "_icon_1vsx2_23", c = "_content_1vsx2_44", e = "_action_1vsx2_51", i = "_dismiss_1vsx2_57", a = {
-  root: o,
-  alert: n,
-  header: t,
-  iconLabelContainer: s,
+const e = "_root_1rxke_1", o = "_alert_1rxke_4", n = "_header_1rxke_18", t = "_iconLabelContainer_1rxke_23", _ = "_icon_1rxke_23", c = "_label_1rxke_37", r = "_content_1rxke_44", s = "_action_1rxke_51", a = "_dismiss_1rxke_57", i = {
+  root: e,
+  alert: o,
+  header: n,
+  iconLabelContainer: t,
   icon: _,
-  content: c,
-  action: e,
-  dismiss: i
+  label: c,
+  content: r,
+  action: s,
+  dismiss: a
 };
 export {
-  e as action,
-  n as alert,
-  c as content,
-  a as default,
-  i as dismiss,
-  t as header,
+  s as action,
+  o as alert,
+  r as content,
+  i as default,
+  a as dismiss,
+  n as header,
   _ as icon,
-  s as iconLabelContainer,
-  o as root
+  t as iconLabelContainer,
+  c as label,
+  e as root
 };
 //# sourceMappingURL=Alert.module.scss.js.map

package/dist/components/Common/UI/Alert/Alert.module.scss.js.map CHANGED Viewed

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

package/dist/components/Common/UI/Breadcrumbs/Breadcrumbs.js CHANGED Viewed

@@ -1,9 +1,9 @@
 import { jsx as l } from "react/jsx-runtime";
 import h from "classnames";
-import { Flex as u } from "../../Flex/Flex.js";
 import { BreadcrumbsDefaults as C } from "./BreadcrumbsTypes.js";
 import i from "./Breadcrumbs.module.scss.js";
 import { applyMissingDefaults as x } from "../../../../helpers/applyMissingDefaults.js";
+import { Flex as u } from "../../Flex/Flex.js";
 function P(f) {
   const p = x(f, C), {
     className: s,

package/dist/components/Common/UI/FileInput/FileInput.js CHANGED Viewed

@@ -7,13 +7,13 @@ import { FileInputDefaults as K } from "./FileInputTypes.js";
 import n from "./FileInput.module.scss.js";
 import { applyMissingDefaults as L } from "../../../../helpers/applyMissingDefaults.js";
 import { FieldLayout as O } from "../../FieldLayout/FieldLayout.js";
-import { Flex as y } from "../../Flex/Flex.js";
 import { ButtonIcon as R } from "../Button/ButtonIcon.js";
 import W from "../../../../assets/icons/icon-trashcan.svg.js";
 import Z from "../../../../assets/icons/icon-file-outline.svg.js";
 import $ from "../../../../assets/icons/icon-file-pdf.svg.js";
 import H from "../../../../assets/icons/icon-file-png.svg.js";
 import V from "../../../../assets/icons/icon-file-jpg.svg.js";
+import { Flex as y } from "../../Flex/Flex.js";
 function Q(i) {
   return i === "application/pdf" ? $ : i === "image/png" ? H : i === "image/jpeg" || i === "image/jpg" ? V : Z;
 }

package/dist/components/Common/UI/Menu/Menu.js CHANGED Viewed

@@ -1,35 +1,36 @@
-import { jsx as o, jsxs as P } from "react/jsx-runtime";
-import { Popover as b, Menu as x, MenuItem as I } from "react-aria-components";
+import { jsx as o, jsxs as N } from "react/jsx-runtime";
+import { Popover as P, Menu as x, MenuItem as I } from "react-aria-components";
 import r from "./Menu.module.scss.js";
 import { MenuDefaults as O } from "./MenuTypes.js";
 import { applyMissingDefaults as j } from "../../../../helpers/applyMissingDefaults.js";
 import "react";
 import { useTheme as y } from "../../../../contexts/ThemeProvider/useTheme.js";
 /* empty css                          */
-function S(a) {
-  const s = j(a, O), {
-    triggerRef: i,
+function S(i) {
+  const s = j(i, O), {
+    triggerRef: l,
     items: m,
-    isOpen: l,
+    isOpen: p,
     onClose: n,
-    placement: p,
-    portalContainer: c,
-    "aria-label": u,
+    placement: c,
+    portalContainer: u,
+    "aria-label": t,
     ...f
   } = s, { container: d } = y(), h = (e) => {
     e || n?.();
   };
   return /* @__PURE__ */ o(
-    b,
+    P,
     {
-      UNSTABLE_portalContainer: c ?? d.current ?? void 0,
+      UNSTABLE_portalContainer: u ?? d.current ?? void 0,
       onOpenChange: h,
-      isOpen: l,
-      triggerRef: i,
-      placement: p,
+      isOpen: p,
+      triggerRef: l,
+      placement: c,
       offset: 8,
       shouldUpdatePosition: !0,
-      children: /* @__PURE__ */ o(x, { onClose: n, "aria-label": u, className: r.root, ...f, children: m?.map(({ onClick: e, isDisabled: M, href: g, icon: t, label: C, ...v }, N) => /* @__PURE__ */ P(
+      "aria-label": t,
+      children: /* @__PURE__ */ o(x, { onClose: n, "aria-label": t, className: r.root, ...f, children: m?.map(({ onClick: e, isDisabled: M, href: g, icon: a, label: C, ...b }, v) => /* @__PURE__ */ N(
         I,
         {
           onAction: () => {
@@ -38,13 +39,13 @@ function S(a) {
           isDisabled: M,
           href: g,
           className: r.menuItem,
-          ...v,
+          ...b,
           children: [
-            t && /* @__PURE__ */ o("div", { className: r.menuIcon, children: t }),
+            a && /* @__PURE__ */ o("div", { className: r.menuIcon, children: a }),
             C
           ]
         },
-        N
+        v
       )) })
     }
   );

package/dist/components/Common/UI/Menu/Menu.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Menu.js","sources":["../../../../../src/components/Common/UI/Menu/Menu.tsx"],"sourcesContent":["import { Menu as AriaMenu, MenuItem as AriaMenuItem, Popover } from 'react-aria-components'\nimport styles from './Menu.module.scss'\nimport { type MenuProps, MenuDefaults } from './MenuTypes'\nimport { applyMissingDefaults } from '@/helpers/applyMissingDefaults'\nimport { useTheme } from '@/contexts/ThemeProvider'\n\n/*\n Popover menu anchored to a trigger element, with a configurable list of actions.\n \n @param rawProps - See {@link MenuProps}.\n * @returns The rendered menu popover, or `null` content when closed.\n * @internal\n */\nexport function Menu(rawProps: MenuProps) {\n const resolvedProps = applyMissingDefaults(rawProps, MenuDefaults)\n const {\n triggerRef,\n items,\n isOpen,\n onClose,\n placement,\n portalContainer,\n 'aria-label': ariaLabel,\n ...otherProps\n } = resolvedProps\n const { container } = useTheme()\n\n const handleOpenChange = (isOpen: boolean) => {\n if (!isOpen) {\n onClose?.()\n }\n }\n\n return (\n <Popover\n UNSTABLE_portalContainer={portalContainer ?? container.current ?? undefined}\n onOpenChange={handleOpenChange}\n isOpen={isOpen}\n triggerRef={triggerRef}\n placement={placement}\n offset={8}\n shouldUpdatePosition={true}\n >\n <AriaMenu onClose={onClose} aria-label={ariaLabel} className={styles.root} {...otherProps}>\n {items?.map(({ onClick, isDisabled, href, icon, label, ...itemProps }, index) => (\n <AriaMenuItem\n key={index}\n onAction={() => {\n onClick()\n }}\n isDisabled={isDisabled}\n href={href}\n className={styles.menuItem}\n {...itemProps}\n >\n {icon && <div className={styles.menuIcon}>{icon}</div>}\n {label}\n </AriaMenuItem>\n ))}\n </AriaMenu>\n </Popover>\n )\n}\n"],"names":["Menu","rawProps","resolvedProps","applyMissingDefaults","MenuDefaults","triggerRef","items","isOpen","onClose","placement","portalContainer","ariaLabel","otherProps","container","useTheme","handleOpenChange","jsx","Popover","AriaMenu","styles","onClick","isDisabled","href","icon","label","itemProps","index","jsxs","AriaMenuItem"],"mappings":";;;;;;;;AAaO,SAASA,EAAKC,GAAqB;AACxC,QAAMC,IAAgBC,EAAqBF,GAAUG,CAAY,GAC3D;AAAA,IACJ,YAAAC;AAAA,IACA,OAAAC;AAAA,IACA,QAAAC;AAAA,IACA,SAAAC;AAAA,IACA,WAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,cAAcC;AAAA,IACd,GAAGC;AAAA,EAAA,IACDV,GACE,EAAE,WAAAW,EAAA,IAAcC,EAAA,GAEhBC,IAAmB,CAACR,MAAoB;AAC5C,IAAKA,KACHC,IAAA;AAAA,EAEJ;AAEA,SACE,gBAAAQ;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,0BAA0BP,KAAmBG,EAAU,WAAW;AAAA,MAClE,cAAcE;AAAA,MACd,QAAAR;AAAA,MACA,YAAAF;AAAA,MACA,WAAAI;AAAA,MACA,QAAQ;AAAA,MACR,sBAAsB;AAAA,~~MAEtB~~,UAAA,~~gBAAAO~~,EAACE,KAAS,SAAAV,GAAkB,cAAYG,GAAW,WAAWQ,EAAO,MAAO,GAAGP,GAC5E,UAAAN,GAAO,IAAI,CAAC,EAAE,SAAAc,GAAS,YAAAC,GAAY,MAAAC,GAAM,MAAAC,GAAM,OAAAC,GAAO,GAAGC,EAAA,GAAaC,MACrE,gBAAAC;AAAA,QAACC;AAAAA,QAAA;AAAA,UAEC,UAAU,MAAM;AACd,YAAAR,EAAA;AAAA,UACF;AAAA,UACA,YAAAC;AAAA,UACA,MAAAC;AAAA,UACA,WAAWH,EAAO;AAAA,UACjB,GAAGM;AAAA,UAEH,UAAA;AAAA,YAAAF,KAAQ,gBAAAP,EAAC,OAAA,EAAI,WAAWG,EAAO,UAAW,UAAAI,GAAK;AAAA,YAC/CC;AAAA,UAAA;AAAA,QAAA;AAAA,QAVIE;AAAA,MAAA,CAYR,EAAA,CACH;AAAA,IAAA;AAAA,EAAA;AAGN;"}
1	+ {"version":3,"file":"Menu.js","sources":["../../../../../src/components/Common/UI/Menu/Menu.tsx"],"sourcesContent":["import { Menu as AriaMenu, MenuItem as AriaMenuItem, Popover } from 'react-aria-components'\nimport styles from './Menu.module.scss'\nimport { type MenuProps, MenuDefaults } from './MenuTypes'\nimport { applyMissingDefaults } from '@/helpers/applyMissingDefaults'\nimport { useTheme } from '@/contexts/ThemeProvider'\n\n/*\n Popover menu anchored to a trigger element, with a configurable list of actions.\n \n @param rawProps - See {@link MenuProps}.\n * @returns The rendered menu popover, or `null` content when closed.\n * @internal\n */\nexport function Menu(rawProps: MenuProps) {\n const resolvedProps = applyMissingDefaults(rawProps, MenuDefaults)\n const {\n triggerRef,\n items,\n isOpen,\n onClose,\n placement,\n portalContainer,\n 'aria-label': ariaLabel,\n ...otherProps\n } = resolvedProps\n const { container } = useTheme()\n\n const handleOpenChange = (isOpen: boolean) => {\n if (!isOpen) {\n onClose?.()\n }\n }\n\n return (\n <Popover\n UNSTABLE_portalContainer={portalContainer ?? container.current ?? undefined}\n onOpenChange={handleOpenChange}\n isOpen={isOpen}\n triggerRef={triggerRef}\n placement={placement}\n offset={8}\n shouldUpdatePosition={true}\n aria-label={ariaLabel}\n >\n <AriaMenu onClose={onClose} aria-label={ariaLabel} className={styles.root} {...otherProps}>\n {items?.map(({ onClick, isDisabled, href, icon, label, ...itemProps }, index) => (\n <AriaMenuItem\n key={index}\n onAction={() => {\n onClick()\n }}\n isDisabled={isDisabled}\n href={href}\n className={styles.menuItem}\n {...itemProps}\n >\n {icon && <div className={styles.menuIcon}>{icon}</div>}\n {label}\n </AriaMenuItem>\n ))}\n </AriaMenu>\n </Popover>\n )\n}\n"],"names":["Menu","rawProps","resolvedProps","applyMissingDefaults","MenuDefaults","triggerRef","items","isOpen","onClose","placement","portalContainer","ariaLabel","otherProps","container","useTheme","handleOpenChange","jsx","Popover","AriaMenu","styles","onClick","isDisabled","href","icon","label","itemProps","index","jsxs","AriaMenuItem"],"mappings":";;;;;;;;AAaO,SAASA,EAAKC,GAAqB;AACxC,QAAMC,IAAgBC,EAAqBF,GAAUG,CAAY,GAC3D;AAAA,IACJ,YAAAC;AAAA,IACA,OAAAC;AAAA,IACA,QAAAC;AAAA,IACA,SAAAC;AAAA,IACA,WAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,cAAcC;AAAA,IACd,GAAGC;AAAA,EAAA,IACDV,GACE,EAAE,WAAAW,EAAA,IAAcC,EAAA,GAEhBC,IAAmB,CAACR,MAAoB;AAC5C,IAAKA,KACHC,IAAA;AAAA,EAEJ;AAEA,SACE,gBAAAQ;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,0BAA0BP,KAAmBG,EAAU,WAAW;AAAA,MAClE,cAAcE;AAAA,MACd,QAAAR;AAAA,MACA,YAAAF;AAAA,MACA,WAAAI;AAAA,MACA,QAAQ;AAAA,MACR,sBAAsB;AAAA,MACtB,cAAYE;AAAA,MAEZ,UAAA,gBAAAK,EAACE,KAAS,SAAAV,GAAkB,cAAYG,GAAW,WAAWQ,EAAO,MAAO,GAAGP,GAC5E,UAAAN,GAAO,IAAI,CAAC,EAAE,SAAAc,GAAS,YAAAC,GAAY,MAAAC,GAAM,MAAAC,GAAM,OAAAC,GAAO,GAAGC,EAAA,GAAaC,MACrE,gBAAAC;AAAA,QAACC;AAAAA,QAAA;AAAA,UAEC,UAAU,MAAM;AACd,YAAAR,EAAA;AAAA,UACF;AAAA,UACA,YAAAC;AAAA,UACA,MAAAC;AAAA,UACA,WAAWH,EAAO;AAAA,UACjB,GAAGM;AAAA,UAEH,UAAA;AAAA,YAAAF,KAAQ,gBAAAP,EAAC,OAAA,EAAI,WAAWG,EAAO,UAAW,UAAAI,GAAK;AAAA,YAC/CC;AAAA,UAAA;AAAA,QAAA;AAAA,QAVIE;AAAA,MAAA,CAYR,EAAA,CACH;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/dist/components/Common/UI/ProgressBar/ProgressBar.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import { jsxs as t, jsx as r } from "react/jsx-runtime";
 import c from "classnames";
-import { Flex as n } from "../../Flex/Flex.js";
-import p from "./ProgressBar.module.scss.js";
+import n from "./ProgressBar.module.scss.js";
+import { Flex as p } from "../../Flex/Flex.js";
 import { VisuallyHidden as d } from "../../VisuallyHidden/VisuallyHidden.js";
 function y({
   className: i,
@@ -13,9 +13,9 @@ function y({
   const s = Math.max(1, Math.min(m, e)), l = {
     "--g-progress-bar-width": `${s * 100 / e}%`
   };
-  return /* @__PURE__ */ t(n, { flexDirection: "column", children: [
+  return /* @__PURE__ */ t(p, { flexDirection: "column", children: [
     o && /* @__PURE__ */ r(o, {}),
-    /* @__PURE__ */ r("div", { className: c(p.root, i), style: l, children: /* @__PURE__ */ r(d, { children: /* @__PURE__ */ r("progress", { "aria-label": a, value: s, max: e }) }) })
+    /* @__PURE__ */ r("div", { className: c(n.root, i), style: l, children: /* @__PURE__ */ r(d, { children: /* @__PURE__ */ r("progress", { "aria-label": a, value: s, max: e }) }) })
   ] });
 }
 export {

package/dist/components/Company/BankAccount/BankAccount.js CHANGED Viewed

@@ -1,22 +1,22 @@
 import { jsx as t } from "react/jsx-runtime";
-import { createMachine as i } from "robot3";
-import { useMemo as s } from "react";
-import { useBankAccountsGetSuspense as p } from "@gusto/embedded-api/react-query/bankAccountsGet";
-import { BankAccountListContextual as f, BankAccountFormContextual as k } from "./BankAccountComponents.js";
-import { bankAccountStateMachine as A } from "./stateMachine.js";
+import { useMemo as i } from "react";
+import { useBankAccountsGetSuspense as s } from "@gusto/embedded-api/react-query/bankAccountsGet";
+import { BankAccountListContextual as p, BankAccountFormContextual as f } from "./BankAccountComponents.js";
+import { bankAccountStateMachine as k } from "./stateMachine.js";
+import { createMachine as A } from "../../../lib/state-machine/core.js";
 import { Flow as B } from "../../Flow/Flow.js";
 import { BaseComponent as l } from "../../Base/Base.js";
 import "../../Base/useBase.js";
 import { useComponentDictionary as h } from "../../../i18n/I18n.js";
 function C({ companyId: n, onEvent: e, dictionary: a }) {
   h("Company.BankAccount", a);
-  const { data: r } = p({ companyId: n }), c = r.companyBankAccounts, o = c.length > 0 ? c[0] : null, m = s(
-    () => i(
+  const { data: r } = s({ companyId: n }), c = r.companyBankAccounts, o = c.length > 0 ? c[0] : null, m = i(
+    () => A(
       o ? "viewBankAccount" : "addBankAccount",
-      A,
+      k,
       (u) => ({
         ...u,
-        component: o ? f : k,
+        component: o ? p : f,
         companyId: n,
         bankAccount: o,
         showVerifiedMessage: !1

package/dist/components/Company/BankAccount/BankAccount.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"BankAccount.js","sources":["../../../../src/components/Company/BankAccount/BankAccount.tsx"],"sourcesContent":["import { ~~createMachine } from 'robot3'\nimport {~~ useMemo } from 'react'\nimport { useBankAccountsGetSuspense } from '@gusto/embedded-api/react-query/bankAccountsGet'\nimport {\n BankAccountFormContextual,\n type BankAccountContextInterface,\n} from './BankAccountComponents'\nimport { bankAccountStateMachine } from './stateMachine'\nimport { BankAccountListContextual } from './BankAccountComponents'\nimport { Flow } from '@/components/Flow/Flow'\nimport { BaseComponent, type BaseComponentInterface } from '@/components/Base'\nimport { useComponentDictionary } from '@/i18n/I18n'\n\n/*\n Props for the {@link BankAccount} component.\n \n @public\n /\nexport interface BankAccountProps extends BaseComponentInterface<'Company.BankAccount'> {\n /* Identifier of the company whose bank account is being managed. /\n companyId: string\n}\n\nfunction BankAccountFlow({ companyId, onEvent, dictionary }: BankAccountProps) {\n useComponentDictionary('Company.BankAccount', dictionary)\n const { data } = useBankAccountsGetSuspense({ companyId })\n const companyBankAccountList = data.companyBankAccounts!\n //Currently, we only support a single default bank account per company.\n const bankAccount = companyBankAccountList.length > 0 ? companyBankAccountList[0]! : null\n\n const manageBankAccount = useMemo(\n () =>\n createMachine(\n bankAccount ? 'viewBankAccount' : 'addBankAccount',\n bankAccountStateMachine,\n (initialContext: BankAccountContextInterface) => ({\n ...initialContext,\n component: bankAccount ? BankAccountListContextual : BankAccountFormContextual,\n companyId,\n bankAccount,\n showVerifiedMessage: false,\n }),\n ),\n [companyId, bankAccount],\n )\n return <Flow machine={manageBankAccount} onEvent={onEvent} />\n}\n\n/\n Manages a company's bank account — adding, viewing, and verifying it.\n \n @remarks\n * Currently supports a single default bank account per company. When no bank account exists,\n * the component renders the add-account form; once one is on file it renders the list view\n * with controls to change or verify the account via micro-deposits.\n \n @events\n * \| Event \| Description \| Data \|\n * \| ----- \| ----------- \| ---- \|\n * \| `company/bankAccount/change` \| Fired when the user chooses to change an existing bank account \| — \|\n * \| `company/bankAccount/created` \| Fired when a new bank account is created \| The created {@link APIModels.CompanyBankAccount} \|\n * \| `company/bankAccount/verify` \| Fired when the user chooses to verify the bank account after micro-deposits are made \| — \|\n * \| `company/bankAccount/verified` \| Fired when the bank account has been successfully verified \| The verified {@link APIModels.CompanyBankAccount} \|\n * \| `company/bankAccount/done` \| Fired when the user chooses to proceed to the next step \| — \|\n \n @param props - Component props including the target `companyId`.\n * @returns The bank account management surface for the given company.\n * @public\n */\nexport function BankAccount(props: BankAccountProps) {\n return (\n <BaseComponent {...props}>\n <BankAccountFlow {...props} />\n </BaseComponent>\n )\n}\n"],"names":["BankAccountFlow","companyId","onEvent","dictionary","useComponentDictionary","data","useBankAccountsGetSuspense","companyBankAccountList","bankAccount","manageBankAccount","useMemo","createMachine","bankAccountStateMachine","initialContext","BankAccountListContextual","BankAccountFormContextual","jsx","Flow","BankAccount","props","BaseComponent"],"mappings":";;;;;;;;;;AAuBA,SAASA,EAAgB,EAAE,WAAAC,GAAW,SAAAC,GAAS,YAAAC,KAAgC;AAC7E,EAAAC,EAAuB,uBAAuBD,CAAU;AACxD,QAAM,EAAE,MAAAE,EAAA,IAASC,EAA2B,EAAE,WAAAL,GAAW,GACnDM,IAAyBF,EAAK,qBAE9BG,IAAcD,EAAuB,SAAS,IAAIA,EAAuB,CAAC,IAAK,MAE/EE,IAAoBC;AAAA,IACxB,MACEC;AAAA,MACEH,IAAc,oBAAoB;AAAA,MAClCI;AAAA,MACA,CAACC,OAAiD;AAAA,QAChD,GAAGA;AAAA,QACH,WAAWL,IAAcM,IAA4BC;AAAA,QACrD,WAAAd;AAAA,QACA,aAAAO;AAAA,QACA,qBAAqB;AAAA,MAAA;AAAA,IACvB;AAAA,IAEJ,CAACP,GAAWO,CAAW;AAAA,EAAA;AAEzB,SAAO,gBAAAQ,EAACC,GAAA,EAAK,SAASR,GAAmB,SAAAP,EAAA,CAAkB;AAC7D;AAuBO,SAASgB,EAAYC,GAAyB;AACnD,SACE,gBAAAH,EAACI,KAAe,GAAGD,GACjB,4BAACnB,GAAA,EAAiB,GAAGmB,GAAO,EAAA,CAC9B;AAEJ;"}
1	+ {"version":3,"file":"BankAccount.js","sources":["../../../../src/components/Company/BankAccount/BankAccount.tsx"],"sourcesContent":["import { useMemo } from 'react'\nimport { useBankAccountsGetSuspense } from '@gusto/embedded-api/react-query/bankAccountsGet'\nimport {\n BankAccountFormContextual,\n type BankAccountContextInterface,\n} from './BankAccountComponents'\nimport { bankAccountStateMachine } from './stateMachine'\nimport { BankAccountListContextual } from './BankAccountComponents'\nimport { createMachine } from '@/lib/state-machine'\nimport { Flow } from '@/components/Flow/Flow'\nimport { BaseComponent, type BaseComponentInterface } from '@/components/Base'\nimport { useComponentDictionary } from '@/i18n/I18n'\n\n/*\n Props for the {@link BankAccount} component.\n \n @public\n /\nexport interface BankAccountProps extends BaseComponentInterface<'Company.BankAccount'> {\n /* Identifier of the company whose bank account is being managed. /\n companyId: string\n}\n\nfunction BankAccountFlow({ companyId, onEvent, dictionary }: BankAccountProps) {\n useComponentDictionary('Company.BankAccount', dictionary)\n const { data } = useBankAccountsGetSuspense({ companyId })\n const companyBankAccountList = data.companyBankAccounts!\n //Currently, we only support a single default bank account per company.\n const bankAccount = companyBankAccountList.length > 0 ? companyBankAccountList[0]! : null\n\n const manageBankAccount = useMemo(\n () =>\n createMachine(\n bankAccount ? 'viewBankAccount' : 'addBankAccount',\n bankAccountStateMachine,\n (initialContext: BankAccountContextInterface) => ({\n ...initialContext,\n component: bankAccount ? BankAccountListContextual : BankAccountFormContextual,\n companyId,\n bankAccount,\n showVerifiedMessage: false,\n }),\n ),\n [companyId, bankAccount],\n )\n return <Flow machine={manageBankAccount} onEvent={onEvent} />\n}\n\n/\n Manages a company's bank account — adding, viewing, and verifying it.\n \n @remarks\n * Currently supports a single default bank account per company. When no bank account exists,\n * the component renders the add-account form; once one is on file it renders the list view\n * with controls to change or verify the account via micro-deposits.\n \n @events\n * \| Event \| Description \| Data \|\n * \| ----- \| ----------- \| ---- \|\n * \| `company/bankAccount/change` \| Fired when the user chooses to change an existing bank account \| — \|\n * \| `company/bankAccount/created` \| Fired when a new bank account is created \| The created {@link APIModels.CompanyBankAccount} \|\n * \| `company/bankAccount/verify` \| Fired when the user chooses to verify the bank account after micro-deposits are made \| — \|\n * \| `company/bankAccount/verified` \| Fired when the bank account has been successfully verified \| The verified {@link APIModels.CompanyBankAccount} \|\n * \| `company/bankAccount/done` \| Fired when the user chooses to proceed to the next step \| — \|\n \n @param props - Component props including the target `companyId`.\n * @returns The bank account management surface for the given company.\n * @public\n */\nexport function BankAccount(props: BankAccountProps) {\n return (\n <BaseComponent {...props}>\n <BankAccountFlow {...props} />\n </BaseComponent>\n )\n}\n"],"names":["BankAccountFlow","companyId","onEvent","dictionary","useComponentDictionary","data","useBankAccountsGetSuspense","companyBankAccountList","bankAccount","manageBankAccount","useMemo","createMachine","bankAccountStateMachine","initialContext","BankAccountListContextual","BankAccountFormContextual","jsx","Flow","BankAccount","props","BaseComponent"],"mappings":";;;;;;;;;;AAuBA,SAASA,EAAgB,EAAE,WAAAC,GAAW,SAAAC,GAAS,YAAAC,KAAgC;AAC7E,EAAAC,EAAuB,uBAAuBD,CAAU;AACxD,QAAM,EAAE,MAAAE,EAAA,IAASC,EAA2B,EAAE,WAAAL,GAAW,GACnDM,IAAyBF,EAAK,qBAE9BG,IAAcD,EAAuB,SAAS,IAAIA,EAAuB,CAAC,IAAK,MAE/EE,IAAoBC;AAAA,IACxB,MACEC;AAAA,MACEH,IAAc,oBAAoB;AAAA,MAClCI;AAAA,MACA,CAACC,OAAiD;AAAA,QAChD,GAAGA;AAAA,QACH,WAAWL,IAAcM,IAA4BC;AAAA,QACrD,WAAAd;AAAA,QACA,aAAAO;AAAA,QACA,qBAAqB;AAAA,MAAA;AAAA,IACvB;AAAA,IAEJ,CAACP,GAAWO,CAAW;AAAA,EAAA;AAEzB,SAAO,gBAAAQ,EAACC,GAAA,EAAK,SAASR,GAAmB,SAAAP,EAAA,CAAkB;AAC7D;AAuBO,SAASgB,EAAYC,GAAyB;AACnD,SACE,gBAAAH,EAACI,KAAe,GAAGD,GACjB,4BAACnB,GAAA,EAAiB,GAAGmB,GAAO,EAAA,CAC9B;AAEJ;"}

package/dist/components/Company/BankAccount/stateMachine.d.ts CHANGED Viewed

@@ -1,6 +1,6 @@
 /** @internal */
 export declare const bankAccountStateMachine: {
-    viewBankAccount: import('robot3').MachineState<any>;
-    addBankAccount: import('robot3').MachineState<any>;
-    verifyBankAccount: import('robot3').MachineState<any>;
+    viewBankAccount: import('../../../lib/state-machine').StateDefinition;
+    addBankAccount: import('../../../lib/state-machine').StateDefinition;
+    verifyBankAccount: import('../../../lib/state-machine').StateDefinition;
 };