@incodetech/web 2.2.0-rc.0 → 2.2.0-rc.2

package/dist/{incodeComponent-K9ZWg302.js → incodeComponent-B6hBTDEE.js}

@@ -1,9 +1,9 @@
-import { i as useTranslation, n as useUiConfig } from "./uiConfig-B5ASPUL4.js";
+import { a as useTranslation, r as useUiConfig } from "./uiConfig-D7ezQeZ7.js";
 import { S as k, _ as y, b as Q, d as T, g as x, h as q, i as C, l as A, p as d, r as $, s as gn, v as u } from "./vendor-preact-mvwZ8mJj.js";
-import { a as getStandaloneSetupPolicy, n as preloadDashboardTheme, t as getDashboardTheme } from "./dashboardTheme-CVliZSR-.js";
-import { t as Spacer } from "./spacer-CDlQd12V.js";
-import { t as Spinner } from "./spinner-CLZ2fz4u.js";
-import { n as ErrorIcon, r as Button, t as incode_logo_default } from "./incode-logo-rGFjZHqi.js";
+import { a as getStandaloneSetupPolicy, n as preloadDashboardTheme, t as getDashboardTheme } from "./dashboardTheme-FtPiizV0.js";
+import { l as useInstanceOverrides, t as Spacer } from "./spacer-C6GdxqM-.js";
+import { t as Spinner } from "./spinner-CaEPC8gQ.js";
+import { n as ErrorIcon, r as Button, t as incode_logo_default } from "./incode-logo-DkPbEPiI.js";
 import { ScreenOrientationProvider, createScreenOrientationObserver, getDeviceClass, isIPad } from "@incodetech/core/device";
 import "@incodetech/core/events";
 import { getExperiment, getFeatureGate, getFeatureManagementVersion, getFeatureParameterStore, getIsFeatureManagementInitialized, getLayer, subscribeFeatureManagement, updateFeatureManagementUser } from "@incodetech/core/feature-management";
@@ -293,28 +293,73 @@ function useFeatureManagement(kind, name, options) {
 	};
 }
 //#endregion
+//#region src/shared/spinner/resolveSpinnerPresentation.ts
+/**
+* Collapses the per-instance and global tiers into one presentation, mirroring
+* the tier order `resolveAsset` uses: instance wins, global fills the gaps.
+*
+* Resolution is **per field**, not per object, so a global `size` survives an
+* instance that only sets `renderMode`. Fields absent from both tiers come back
+* `undefined` rather than defaulted — the caller owns the fallback, because the
+* built-in default differs per call site.
+*/
+function resolveSpinnerPresentation(scopes) {
+	const { instance, global } = scopes;
+	return {
+		renderMode: instance?.renderMode ?? global?.renderMode,
+		size: instance?.size ?? global?.size
+	};
+}
+//#endregion
+//#region src/shared/spinner/useSpinnerPresentation.ts
+/**
+* Reads the host's loader presentation from the per-instance and global tiers.
+*
+* Mirrors `useAsset`: the instance tier rides on the module's `config` prop and
+* is published once at the module root by `registerIncodeModuleElement`, so a
+* deep `<TransitionSpinner>` reads it without prop drilling. Outside a provider
+* `useInstanceOverrides()` returns a stable empty object, so the dep array
+* never churns.
+*/
+function useSpinnerPresentation() {
+	const instance = useInstanceOverrides();
+	const uiConfig = useUiConfig();
+	return T(() => resolveSpinnerPresentation({
+		instance: instance.spinner,
+		global: uiConfig.spinner
+	}), [instance.spinner, uiConfig.spinner]);
+}
+//#endregion
 //#region src/shared/processing/transitionSpinner.tsx
 /**
 * Canonical "we're getting ready / processing" loader.
 *
 * Renders a container-filling `Spinner` with the unified `loadingCircle.holdOn`
 * / `loadingCircle.validating` copy at `size="large"` so every cross-module
-* transition looks identical to the user. Optional `spinnerConfig` overrides
-* any of `title`, `subtitle`, or `size` for consumers that already exposed
-* those. Pass `hideText` to render the spinner icon on its own.
+* transition looks identical to the user.
+*
+* Presentation resolves per field as host instance → host global → call site →
+* built-in. Host tiers win so a single `setup({ uiConfig: { spinner } })` reaches
+* the module-internal loaders (ID camera prep, camera permissions) that a
+* flow-level config never could.
 */
-var TransitionSpinner = ({ spinnerConfig, className, hideText = false, presentational = false }) => {
+var TransitionSpinner = ({ spinnerConfig, className, titleKey, subtitleKey, renderMode, hideText = false, presentational = false }) => {
 	const { t } = useTranslation();
-	const title = hideText ? void 0 : spinnerConfig?.title ?? t("loadingCircle.holdOn");
-	const subtitle = hideText ? void 0 : spinnerConfig?.subtitle ?? t("loadingCircle.validating");
+	const presentation = useSpinnerPresentation();
+	const resolvedRenderMode = presentation.renderMode ?? spinnerConfig?.renderMode ?? renderMode ?? (hideText ? "spinnerOnly" : "spinnerAndText");
+	const showText = resolvedRenderMode !== "spinnerOnly";
+	const hideIcon = resolvedRenderMode === "textOnly";
+	const title = showText ? spinnerConfig?.title ?? t(titleKey ?? "loadingCircle.holdOn") : void 0;
+	const subtitle = showText ? spinnerConfig?.subtitle ?? t(subtitleKey ?? "loadingCircle.validating") : void 0;
 	return /* @__PURE__ */ u(Spinner, {
 		title,
 		subtitle,
 		ariaLabel: presentational ? void 0 : [title, subtitle].filter(Boolean).join(". ") || void 0,
-		size: spinnerConfig?.size ?? "large",
+		size: presentation.size ?? spinnerConfig?.size ?? "large",
 		fullScreen: true,
 		className,
-		presentational
+		presentational,
+		hideIcon
 	});
 };
 //#endregion
@@ -643,7 +688,7 @@ function withStandaloneModuleBootstrap(Component, moduleKey, options = {}) {
 		y(() => {
 			if (bootstrap.status === "error") onError?.(bootstrap.error);
 		}, [bootstrap, onError]);
-		if (bootstrap.status === "loading") return /* @__PURE__ */ u(TransitionSpinner, { hideText: true });
+		if (bootstrap.status === "loading") return /* @__PURE__ */ u(TransitionSpinner, { renderMode: "spinnerOnly" });
 		if (bootstrap.status === "error") return /* @__PURE__ */ u(TerminalErrorPage, { message: bootstrap.error });
 		return /* @__PURE__ */ u(Component, {
 			...props,

package/dist/{incodeModule-CcLzar_X.js → incodeModule-CCI32xbn.js}

@@ -1,5 +1,5 @@
 import { d as T, x as _ } from "./vendor-preact-mvwZ8mJj.js";
-import { c as InstanceOverridesProvider } from "./spacer-CDlQd12V.js";
+import { c as InstanceOverridesProvider } from "./spacer-C6GdxqM-.js";
 import { t as registerIncodeElement } from "./registerIncodeElement-BduCekz5.js";
 //#region src/shared/webComponent/incodeModule.ts
 var incodeModulePropKeys = [
@@ -12,10 +12,16 @@ function withInstanceOverrides(component) {
 	return function WithInstanceOverrides(props) {
 		const assets = props.config?.assets;
 		const animations = props.config?.animations;
+		const spinner = props.config?.spinner;
 		return _(InstanceOverridesProvider, { value: T(() => ({
 			assets,
-			animations
-		}), [assets, animations]) }, _(component, props));
+			animations,
+			spinner
+		}), [
+			assets,
+			animations,
+			spinner
+		]) }, _(component, props));
 	};
 }
 function registerIncodeModuleElement(component, tagName) {

package/dist/index.es.js

@@ -1,5 +1,5 @@
-import { o as setI18nInstance, s as createI18n, t as setUiConfig } from "./uiConfig-B5ASPUL4.js";
-import { n as preloadDashboardTheme, o as resolveStandaloneSetupPolicy, r as resetDashboardThemeCache, s as setStandaloneSetupPolicy } from "./dashboardTheme-CVliZSR-.js";
+import { c as createI18n, n as setUiConfig, s as setI18nInstance } from "./uiConfig-D7ezQeZ7.js";
+import { n as preloadDashboardTheme, o as resolveStandaloneSetupPolicy, r as resetDashboardThemeCache, s as setStandaloneSetupPolicy } from "./dashboardTheme-FtPiizV0.js";
 import { DEFAULT_WASM_VERSION } from "@incodetech/core/wasm";
 import { setup as setup$1 } from "@incodetech/core";
 //#region src/setup.ts

package/dist/{inputComposed-BeROn635.js → inputComposed-CGB8zKbd.js}

@@ -1,7 +1,7 @@
 import { a as D, v as u } from "./vendor-preact-mvwZ8mJj.js";
-import { u as cn } from "./spacer-CDlQd12V.js";
-import { n as ErrorIcon } from "./incode-logo-rGFjZHqi.js";
-import { l as CloseIcon } from "./icons--ezYG2Fb.js";
+import { d as cn } from "./spacer-C6GdxqM-.js";
+import { n as ErrorIcon } from "./incode-logo-DkPbEPiI.js";
+import { l as CloseIcon } from "./icons-CIjsoS44.js";
 import { t as SuccessIcon } from "./successIcon-Bj8Y9CuI.js";
 //#region src/shared/input/input.tsx
 var Input = D((props, ref) => {

package/dist/inputComposed-DDFdXKT3.js

@@ -0,0 +1 @@
+import "./inputComposed-CGB8zKbd.js";

package/dist/{mandatoryConsent-BtqB-FxY.js → mandatoryConsent-L7Tpj3tg.js}

@@ -1,10 +1,10 @@
-import { i as useTranslation } from "./uiConfig-B5ASPUL4.js";
+import { a as useTranslation } from "./uiConfig-D7ezQeZ7.js";
 import { _ as y, l as A, v as u } from "./vendor-preact-mvwZ8mJj.js";
-import { _ as useModuleTerminalCallbacks, g as isTerminalModuleState, l as TransitionSpinner, o as Page, r as withStandaloneModuleBootstrap, t as IncodeComponent, y as useManager } from "./incodeComponent-K9ZWg302.js";
-import { r as Button } from "./incode-logo-rGFjZHqi.js";
-import { t as Checkbox } from "./checkbox-C38Elx0O.js";
-import { t as registerIncodeModuleElement } from "./incodeModule-CcLzar_X.js";
-import { t as RichText } from "./richText-CTHBpZOw.js";
+import { _ as useModuleTerminalCallbacks, g as isTerminalModuleState, l as TransitionSpinner, o as Page, r as withStandaloneModuleBootstrap, t as IncodeComponent, y as useManager } from "./incodeComponent-B6hBTDEE.js";
+import { r as Button } from "./incode-logo-DkPbEPiI.js";
+import { t as Checkbox } from "./checkbox-gbHumlEi.js";
+import { t as registerIncodeModuleElement } from "./incodeModule-CCI32xbn.js";
+import { t as RichText } from "./richText-DnGJiTPl.js";
 import { createMandatoryConsentManager } from "@incodetech/core/mandatory-consent";
 //#region src/modules/mandatory-consent/mandatoryConsent.tsx
 var stopLinkPropagation = (event) => {
@@ -31,7 +31,7 @@ var MandatoryConsentContent = ({ config, manager: externalManager, onFinish, onE
 		error: state.status === "error" ? state.error : void 0
 	});
 	if (isTerminalModuleState(state)) return null;
-	if (state.status === "idle" || state.status === "loading") return /* @__PURE__ */ u(TransitionSpinner, { hideText: true });
+	if (state.status === "idle" || state.status === "loading") return /* @__PURE__ */ u(TransitionSpinner, { renderMode: "spinnerOnly" });
 	const consentBody = state.text.split("\n").filter((line) => line.trim().length > 0).join(" ");
 	const isMandatoryConsent = (config?.type ?? "MANDATORY") === "MANDATORY";
 	return /* @__PURE__ */ u(Page, {

package/dist/{manualCaptureButton-t_oIol88.js → manualCaptureButton-B3ZD52_f.js}

@@ -1,8 +1,8 @@
-import { i as useTranslation } from "./uiConfig-B5ASPUL4.js";
+import { a as useTranslation } from "./uiConfig-D7ezQeZ7.js";
 import { S as k, _ as y, a as D, h as q, l as A, p as d, v as u } from "./vendor-preact-mvwZ8mJj.js";
-import { o as Lottie, t as Spacer, u as cn } from "./spacer-CDlQd12V.js";
-import { r as Button } from "./incode-logo-rGFjZHqi.js";
-import { h as CaptureButtonIcon } from "./icons--ezYG2Fb.js";
+import { d as cn, o as Lottie, t as Spacer } from "./spacer-C6GdxqM-.js";
+import { r as Button } from "./incode-logo-DkPbEPiI.js";
+import { h as CaptureButtonIcon } from "./icons-CIjsoS44.js";
 //#region src/shared/cameraOverlay/cameraFrame.tsx
 var CameraFrame = D(({ variant, aspectRatio, orientation = "horizontal", frameState = "idle", className, children }, ref) => {
 	const stateClass = `IncodeCameraFrame${frameState.charAt(0).toUpperCase()}${frameState.slice(1)}`;

package/dist/{manualCaptureButton-quGa2ufS.js → manualCaptureButton-ByWujoAK.js}

@@ -1,11 +1,11 @@
-import { i as useTranslation, r as Trans } from "./uiConfig-B5ASPUL4.js";
+import { a as useTranslation, i as Trans } from "./uiConfig-D7ezQeZ7.js";
 import { S as k, _ as y, a as D, l as A, v as u } from "./vendor-preact-mvwZ8mJj.js";
-import { l as TransitionSpinner, m as useIsMobileDeviceWidth, o as Page } from "./incodeComponent-K9ZWg302.js";
-import { t as Spacer } from "./spacer-CDlQd12V.js";
-import { a as TypographyH4, n as Title, r as TypographyH1 } from "./spinner-CLZ2fz4u.js";
-import { r as Button } from "./incode-logo-rGFjZHqi.js";
-import { v as WarningIcon } from "./icons--ezYG2Fb.js";
-import { t as Modal } from "./modal-BjjJFpZu.js";
+import { l as TransitionSpinner, m as useIsMobileDeviceWidth, o as Page } from "./incodeComponent-B6hBTDEE.js";
+import { t as Spacer } from "./spacer-C6GdxqM-.js";
+import { a as TypographyH4, n as Title, r as TypographyH1 } from "./spinner-CaEPC8gQ.js";
+import { r as Button } from "./incode-logo-DkPbEPiI.js";
+import { v as WarningIcon } from "./icons-CIjsoS44.js";
+import { t as Modal } from "./modal-9-lPt5Hj.js";
 import { t as BottomSheet } from "./bottomSheet-Cp8DLulN.js";
 import { t as NumberedStep } from "./numberedStep-DUs77Gy3.js";
 import { getBrowser, getDeviceClass } from "@incodetech/core/device";
@@ -2043,10 +2043,8 @@ var Permissions = ({ manager, permissionStatus }) => {
 	if (permissionStatus === "requesting") return /* @__PURE__ */ u(TransitionSpinner, {
 		className: "IncodePermissionsRequestingPage",
 		presentational: true,
-		spinnerConfig: {
-			title: t("loadingCircle.holdOn"),
-			subtitle: t("loadingCircle.preparingCamera")
-		}
+		titleKey: "loadingCircle.holdOn",
+		subtitleKey: "loadingCircle.preparingCamera"
 	});
 	if (permissionStatus === "learnMore") return /* @__PURE__ */ u(LearnMore, {
 		onAllowPermissions: () => manager.requestPermission(),

package/dist/{modal-BjjJFpZu.js → modal-9-lPt5Hj.js}

@@ -1,6 +1,6 @@
 import { b as Q, d as T, f as _, g as x, h as q, l as A, p as d, r as $, v as u } from "./vendor-preact-mvwZ8mJj.js";
-import { u as cn } from "./spacer-CDlQd12V.js";
-import { l as CloseIcon } from "./icons--ezYG2Fb.js";
+import { d as cn } from "./spacer-C6GdxqM-.js";
+import { l as CloseIcon } from "./icons-CIjsoS44.js";
 import { a as useModalPortalTarget, i as useModalFocusCapture, n as useModalBodyScrollLock, o as useModalTabCycle, r as useModalEscapeDismiss, t as MODAL_TITLE_ID } from "./modal.hooks-BvXzNWvY.js";
 //#region src/shared/modal/modal.tsx
 var ModalContext = Q(null);

package/dist/{optionAccessibleLabel-DgfHD_mx.js → optionAccessibleLabel-Cc91L4JK.js}

@@ -1,8 +1,8 @@
-import { i as useTranslation } from "./uiConfig-B5ASPUL4.js";
+import { a as useTranslation } from "./uiConfig-D7ezQeZ7.js";
 import { _ as y, h as q, l as A, p as d, v as u } from "./vendor-preact-mvwZ8mJj.js";
-import { m as useIsMobileDeviceWidth } from "./incodeComponent-K9ZWg302.js";
-import { t as InputComposed } from "./inputComposed-BeROn635.js";
-import { i as translateError } from "./radioGroupComposed-DzNGUbZQ.js";
+import { m as useIsMobileDeviceWidth } from "./incodeComponent-B6hBTDEE.js";
+import { t as InputComposed } from "./inputComposed-CGB8zKbd.js";
+import { i as translateError } from "./radioGroupComposed-CPFZJOtR.js";
 import { t as BottomSheet } from "./bottomSheet-Cp8DLulN.js";
 //#region src/shared/addressAutocomplete/addressAutocomplete.tsx
 var AddressAutocomplete = ({ label, value, error, errorParams, suggestions, readonly, required, labelHint, onChange, onSearch, onSelect, onBlur }) => {

package/dist/{otpInput-D5dLXrmC.js → otpInput-BWiL_nBW.js}

@@ -1,9 +1,9 @@
-import { i as useTranslation } from "./uiConfig-B5ASPUL4.js";
+import { a as useTranslation } from "./uiConfig-D7ezQeZ7.js";
 import { _ as y, h as q, l as A, v as u } from "./vendor-preact-mvwZ8mJj.js";
-import { t as Spacer } from "./spacer-CDlQd12V.js";
-import { r as Button } from "./incode-logo-rGFjZHqi.js";
-import { t as InputComposed } from "./inputComposed-BeROn635.js";
-import "./inputComposed-CADVQW-o.js";
+import { t as Spacer } from "./spacer-C6GdxqM-.js";
+import { r as Button } from "./incode-logo-DkPbEPiI.js";
+import { t as InputComposed } from "./inputComposed-CGB8zKbd.js";
+import "./inputComposed-DDFdXKT3.js";
 //#region src/shared/resendTimer.ts
 var formatResendTimer = (seconds) => {
 	return `${Math.floor(seconds / 60)}:${(seconds % 60).toString().padStart(2, "0")}`;