@neurodyn/react-ar 0.0.14 → 0.1.0

package/dist/{191.b62a8c99d7285005.js → 191.0238d726a82ead14.js}

@@ -1,4 +1,3 @@
-/*! For license information please see 191.b62a8c99d7285005.js.LICENSE.txt */
 export const __rspack_esm_id = "191";
 export const __rspack_esm_ids = [
     "191"

package/dist/{552.94e8bfc9fb13509c.js → 647.6c7f9f8f87550212.js}

@@ -4,9 +4,9 @@ import { FullScreenQuad } from "three/examples/jsm/postprocessing/Pass.js";
 import { HorizontalBlurShader } from "three/examples/jsm/shaders/HorizontalBlurShader.js";
 import { VerticalBlurShader } from "three/examples/jsm/shaders/VerticalBlurShader.js";
 import { HDRLoader } from "three/examples/jsm/loaders/HDRLoader.js";
-export const __rspack_esm_id = "552";
+export const __rspack_esm_id = "647";
 export const __rspack_esm_ids = [
-    "552"
+    "647"
 ];
 export const __webpack_modules__ = {
     "./src/root.tsx" (__unused_rspack_module, __webpack_exports__, __webpack_require__) {
@@ -18,29 +18,7 @@ export const __webpack_modules__ = {
         var react_query_ = __webpack_require__("@tanstack/react-query");
         var external_react_ = __webpack_require__("react");
         var external_react_i18next_ = __webpack_require__("react-i18next");
-        function getErrorResponseStatus(error) {
-            if (!error || 'object' != typeof error || !('response' in error)) return;
-            const response = error.response;
-            if (!response || 'object' != typeof response || !('status' in response)) return;
-            return 'number' == typeof response.status ? response.status : void 0;
-        }
-        function getArDataError(error, resource) {
-            const status = getErrorResponseStatus(error);
-            if (401 === status || 403 === status) return 'access-denied';
-            if (404 === status && 'object' === resource) return 'object-not-published';
-            return 'object' === resource ? 'object-load-failed' : 'catalog-load-failed';
-        }
-        function getArErrorStateVariant(error) {
-            switch(error){
-                case 'access-denied':
-                    return 'unauthorized';
-                case 'missing-tinuuid':
-                case 'object-not-published':
-                    return 'not-found';
-                default:
-                    return 'unavailable';
-            }
-        }
+        var errors = __webpack_require__("./src/api/public-api/errors.ts");
         var widget_session = __webpack_require__("./src/api/public-api/widget-session.ts");
         var object_metadata = __webpack_require__("./src/lib/object-metadata.ts");
         function createArSessionResource(object, hid) {
@@ -8207,6 +8185,7 @@ export const __webpack_modules__ = {
         function getAnonymousRequestConfig(options) {
             return {
                 baseURL: options.baseURL,
+                headers: (0, widget_session.s2)(options.brand),
                 signal: options.signal
             };
         }
@@ -8214,11 +8193,30 @@ export const __webpack_modules__ = {
             return {
                 baseURL: options.baseURL,
                 headers: {
+                    ...(0, widget_session.s2)(options.brand),
                     'x-api-key': options.apiKey
                 },
                 signal: options.signal
             };
         }
+        async function requestWithKey(options, request) {
+            try {
+                return await request(getRequestConfig(options));
+            } catch (error) {
+                const status = (0, errors.Es)(error);
+                if (401 !== status && 403 !== status || options.signal?.aborted) throw error;
+                const token = (await options.getWidgetSessionToken?.())?.trim();
+                if (!token || options.signal?.aborted) throw error;
+                return await request({
+                    baseURL: options.baseURL,
+                    headers: {
+                        ...(0, widget_session.s2)(options.brand),
+                        [widget_session.qw]: token
+                    },
+                    signal: options.signal
+                });
+            }
+        }
         function arObjectQueryKey(tinuuid, options) {
             return [
                 'ar',
@@ -8226,6 +8224,7 @@ export const __webpack_modules__ = {
                 {
                     apiKey: options.apiKey ?? null,
                     baseURL: options.baseURL,
+                    brand: options.brand ?? null,
                     tinuuid,
                     variantId: options.variantId ?? null
                 }
@@ -8240,6 +8239,7 @@ export const __webpack_modules__ = {
                     categoryId: filters.category?.id ?? null,
                     categoryKind: filters.category?.kind ?? null,
                     baseURL: options.baseURL,
+                    brand: options.brand ?? null,
                     ownerUuid: ownerUuid ?? null,
                     search: (0, helpers.J)(filters.search) ?? null
                 }
@@ -8251,6 +8251,7 @@ export const __webpack_modules__ = {
                 'owner-account',
                 {
                     baseURL: options.baseURL,
+                    brand: options.brand ?? null,
                     ownerUuid: ownerUuid ?? null
                 }
             ];
@@ -8263,6 +8264,7 @@ export const __webpack_modules__ = {
                     apiKey: options.apiKey ?? null,
                     categoryMode,
                     baseURL: options.baseURL,
+                    brand: options.brand ?? null,
                     ownerUuid: ownerUuid ?? null
                 }
             ];
@@ -8271,12 +8273,12 @@ export const __webpack_modules__ = {
             if (!options.apiKey) return await (0, gen.Ago)({
                 tinuuid
             }, getAnonymousRequestConfig(options));
-            return await (0, gen.ytc)({
-                tinuuid
-            }, {
-                productType: AR_PRODUCT_TYPE,
-                variantId: options.variantId
-            }, getRequestConfig(options));
+            return await requestWithKey(options, (config)=>(0, gen.ytc)({
+                    tinuuid
+                }, {
+                    productType: AR_PRODUCT_TYPE,
+                    variantId: options.variantId
+                }, config));
         }
         async function fetchArOwnerObjects(ownerUuid, page, options, filters = {}) {
             const search = (0, helpers.J)(filters.search);
@@ -8298,9 +8300,9 @@ export const __webpack_modules__ = {
                 } : {}
             };
             if (!options.apiKey) return await (0, gen.qgy)(data, getAnonymousRequestConfig(options));
-            return await (0, gen.avi)(data, {
-                productType: AR_PRODUCT_TYPE
-            }, getRequestConfig(options));
+            return await requestWithKey(options, (config)=>(0, gen.avi)(data, {
+                    productType: AR_PRODUCT_TYPE
+                }, config));
         }
         function getArOwnerObjectsNextPage(lastPage, lastPageParam) {
             if (void 0 !== lastPage.pages_count) return lastPageParam < lastPage.pages_count ? lastPageParam + 1 : void 0;
@@ -8309,10 +8311,7 @@ export const __webpack_modules__ = {
         async function fetchArOwnerAccount(ownerUuid, options) {
             return fetchPublicAccount({
                 uuid: ownerUuid
-            }, {
-                baseURL: options.baseURL,
-                signal: options.signal
-            });
+            }, getAnonymousRequestConfig(options));
         }
         function toCatalogCategory(cat) {
             const id = normalizeCategoryId(cat.id);
@@ -8341,13 +8340,13 @@ export const __webpack_modules__ = {
             return b.id === DEFAULT_CATEGORY_ID ? -1 : 0;
         }
         async function fetchOwnerTags(ownerUuid, options) {
-            if (options.apiKey) return await (0, gen.c03)(getRequestConfig(options));
+            if (options.apiKey) return await requestWithKey(options, gen.c03);
             return await (0, gen._8U)({
                 ownerUuid
             }, getAnonymousRequestConfig(options));
         }
         async function fetchOwnerCategories(ownerUuid, options) {
-            if (options.apiKey) return await (0, gen.T07)(getRequestConfig(options));
+            if (options.apiKey) return await requestWithKey(options, gen.T07);
             return await (0, gen.adr)({
                 ownerUuid
             }, getAnonymousRequestConfig(options));
@@ -8378,7 +8377,8 @@ export const __webpack_modules__ = {
                 'ar',
                 'scene-environment',
                 {
-                    baseURL: options.baseURL
+                    baseURL: options.baseURL,
+                    brand: options.brand ?? null
                 }
             ];
         }
@@ -8386,6 +8386,7 @@ export const __webpack_modules__ = {
             try {
                 const config = await (0, gen.b6)(void 0, {
                     baseURL: options.baseURL,
+                    headers: (0, widget_session.s2)(options.brand),
                     signal: options.signal
                 });
                 return extractArEnvironmentUrl(config) ?? DEFAULT_AR_ENVIRONMENT_HDR_URL;
@@ -8427,9 +8428,21 @@ export const __webpack_modules__ = {
             const normalizedApiKey = apiKey?.trim() || void 0;
             const normalizedHid = hid?.trim() || void 0;
             const normalizedTinuuid = tinuuid?.trim() ?? '';
+            const handoffToken = initialWidgetSessionToken?.trim() || void 0;
+            const widgetSessionRef = (0, external_react_.useRef)(null);
+            const getHandoffSessionToken = (0, external_react_.useCallback)(async ()=>{
+                const session = widgetSessionRef.current;
+                if (!session) return handoffToken;
+                return await session.getTokenForRequest().catch(()=>session.token);
+            }, [
+                handoffToken
+            ]);
+            const getWidgetSessionToken = handoffToken ? getHandoffSessionToken : void 0;
             const apiOptions = {
                 apiKey: normalizedApiKey,
-                baseURL: tenant.apiOrigin
+                baseURL: tenant.apiOrigin,
+                brand: tenant.brand,
+                getWidgetSessionToken
             };
             const canLoadObject = Boolean(normalizedTinuuid);
             const objectQuery = (0, react_query_.useQuery)({
@@ -8460,7 +8473,8 @@ export const __webpack_modules__ = {
                     {
                         apiKey: normalizedApiKey ?? null,
                         handoffTokenDigest: (0, widget_session.a4)(initialWidgetSessionToken),
-                        baseURL: tenant.apiOrigin
+                        baseURL: tenant.apiOrigin,
+                        brand: tenant.brand
                     }
                 ],
                 enabled: Boolean(normalizedApiKey),
@@ -8471,11 +8485,17 @@ export const __webpack_modules__ = {
                     return (0, widget_session.Uu)({
                         apiBaseUrl: tenant.apiOrigin,
                         apiKey: normalizedApiKey,
+                        brand: tenant.brand,
                         initialWidgetSessionToken,
                         signal
                     });
                 }
             });
+            (0, external_react_.useEffect)(()=>{
+                widgetSessionRef.current = widgetSessionQuery.data ?? null;
+            }, [
+                widgetSessionQuery.data
+            ]);
             const object = objectQuery.data ?? null;
             const owner = object?.owner ?? null;
             const ownerUuid = owner?.uuid;
@@ -8566,17 +8586,21 @@ export const __webpack_modules__ = {
                 return fetchArObject(catalogObjectTinuuid, {
                     apiKey: normalizedApiKey,
                     baseURL: tenant.apiOrigin,
+                    brand: tenant.brand,
+                    getWidgetSessionToken,
                     variantId
                 });
             }, [
+                getWidgetSessionToken,
                 normalizedApiKey,
-                tenant.apiOrigin
+                tenant.apiOrigin,
+                tenant.brand
             ]);
             let error = null;
             if (normalizedTinuuid) {
-                if (objectQuery.error) error = getArDataError(objectQuery.error, 'object');
+                if (objectQuery.error) error = (0, errors.QG)(objectQuery.error, 'object');
                 else if (object && !ownerUuid) error = 'owner-missing';
-                else if (catalogError) error = getArDataError(catalogError, 'catalog');
+                else if (catalogError) error = (0, errors.QG)(catalogError, 'catalog');
             } else error = 'missing-tinuuid';
             const isLoading = canLoadObject && objectQuery.isLoading;
             const status = error ? 'error' : isLoading || !object ? 'loading' : 'ready';
@@ -8760,16 +8784,21 @@ export const __webpack_modules__ = {
                     refetchOnReconnect: false,
                     refetchOnWindowFocus: false,
                     retry: (failureCount, error)=>{
-                        const status = getErrorResponseStatus(error);
+                        const status = (0, errors.Es)(error);
                         return 'number' == typeof status && status >= 400 && status < 500 ? false : failureCount < 2;
                     }
                 }
             }
         });
-        function ArExperience({ apiKey, hid, initialWidgetSessionToken, language, onAnalyticsEvent, scaleEnabled = false, tinuuid }) {
+        function ArExperience({ apiBaseUrl, apiKey, hid, initialWidgetSessionToken, language, onAnalyticsEvent, scaleEnabled = false, tinuuid }) {
             const { i18n } = (0, external_react_i18next_.useTranslation)();
             const detectedBrand = useArTenant();
-            const tenant = (0, src_config._K)(language ? (0, src_config.hs)(language) : detectedBrand);
+            const brandTenant = (0, src_config._K)(language ? (0, src_config.hs)(language) : detectedBrand);
+            const hostApiOrigin = (0, src_config.BC)(apiBaseUrl);
+            const tenant = hostApiOrigin ? {
+                ...brandTenant,
+                apiOrigin: hostApiOrigin
+            } : brandTenant;
             (0, external_react_.useEffect)(()=>{
                 if (language && i18n.language !== language) i18n.changeLanguage(language);
             }, [
@@ -8904,7 +8933,7 @@ export const __webpack_modules__ = {
                 initialResource
             ]);
             if (data.error) return /*#__PURE__*/ (0, jsx_runtime_.jsx)(ArErrorState, {
-                variant: getArErrorStateVariant(data.error),
+                variant: (0, errors.wT)(data.error),
                 showDialogCloseButton: true
             });
             if ('ready' === data.status && !initialResource) return /*#__PURE__*/ (0, jsx_runtime_.jsx)(ArErrorState, {

package/dist/index.d.ts

@@ -389,9 +389,15 @@ export declare interface ArDebugOverride {
     forcesInPageSession: boolean;
 }
 
-export declare function ArDialog({ apiKey, hid, initialWidgetSessionToken, name, language, onAnalyticsEvent, open, defaultOpen, onOpenChange, scaleEnabled, tinuuid, ...props }: ArDialogProps): JSX.Element | null;
+export declare function ArDialog({ apiBaseUrl, apiKey, hid, initialWidgetSessionToken, name, language, onAnalyticsEvent, open, defaultOpen, onOpenChange, scaleEnabled, tinuuid, ...props }: ArDialogProps): JSX.Element | null;
 
 export declare interface ArDialogProps extends Omit<DialogProps, 'children' | 'modal'> {
+    /**
+     * The API to talk to instead of the one this build was made for. A host
+     * widget handing over its Widget Session passes the origin that issued it, so
+     * the token is refreshed where it is valid and a `dev` widget stays on dev.
+     */
+    apiBaseUrl?: string | null;
     /** Public API key used to load AR data. */
     apiKey?: string | null;
     /** Selected material variant identifier. */
@@ -554,9 +560,11 @@ export declare type ArWidgetEventName = 'appclip' | 'ar_launched' | 'heartbeat'
 declare class ArWidgetSession {
     private readonly apiBaseUrl;
     private readonly apiKey;
+    private readonly brandHeaders;
     private readonly issueWidgetToken;
     private readonly now;
     private readonly refreshThresholdMs;
+    private readonly refreshWithToken;
     private refreshPromise;
     private session;
     /**
@@ -598,10 +606,16 @@ declare interface ArWidgetSessionApiConfig {
 declare interface ArWidgetSessionOptions {
     apiBaseUrl?: string;
     apiKey: string;
+    brand?: ArBrand;
     /** Set when the session was handed over instead of activated here. */
     continued?: boolean;
     issueWidgetToken?: IssueArWidgetToken;
     now?: () => number;
+    /**
+     * Renew the session on its own token rather than the key: set once the key
+     * was refused from this page's origin, where it would be refused again.
+     */
+    refreshWithToken?: boolean;
     refreshThresholdMs?: number;
 }
 
@@ -7504,6 +7518,20 @@ declare class Plane {
     isIntersectionLine(l: any): any;
 }
 
+/**
+ * Gets the in-page session ready for a host about to hand it a tap, and says
+ * whether it takes the tap.
+ *
+ * Resolves `false` where the dialog would not run the session in this page: a
+ * device with another route (App Clip, viewer), an in-app browser without
+ * WebXR — it gets nothing else, and Android's WebView never has it — or a frame
+ * without the camera. The host then keeps its own launch. Otherwise the
+ * session's code is fetched before this resolves `true`, so a host claims the
+ * tap only once nothing is left to fail on the way to the intro. Rejects when
+ * that fetch fails.
+ */
+export declare function prepareArSessionInPage(tinuuid?: string | null): Promise<boolean>;
+
 /**
  * Starts everything an AR session needs that does not need the DOM yet, from
  * the tap that opens the widget.

package/dist/index.js

@@ -10486,16 +10486,51 @@ var __webpack_modules__ = {
         ]);
         const __rspack_default_export = ___CSS_LOADER_EXPORT___.toString();
     },
+    "./src/api/public-api/errors.ts" (__unused_rspack_module, __webpack_exports__, __webpack_require__) {
+        __webpack_require__.d(__webpack_exports__, {
+            Es: ()=>getErrorResponseStatus,
+            QG: ()=>getArDataError,
+            wT: ()=>getArErrorStateVariant
+        });
+        function getErrorResponseStatus(error) {
+            if (!error || 'object' != typeof error || !('response' in error)) return;
+            const response = error.response;
+            if (!response || 'object' != typeof response || !('status' in response)) return;
+            return 'number' == typeof response.status ? response.status : void 0;
+        }
+        function getArDataError(error, resource) {
+            const status = getErrorResponseStatus(error);
+            if (401 === status || 403 === status) return 'access-denied';
+            if (404 === status && 'object' === resource) return 'object-not-published';
+            return 'object' === resource ? 'object-load-failed' : 'catalog-load-failed';
+        }
+        function getArErrorStateVariant(error) {
+            switch(error){
+                case 'access-denied':
+                    return 'unauthorized';
+                case 'missing-tinuuid':
+                case 'object-not-published':
+                    return 'not-found';
+                default:
+                    return 'unavailable';
+            }
+        }
+    },
     "./src/api/public-api/widget-session.ts" (__unused_rspack_module, __webpack_exports__, __webpack_require__) {
         __webpack_require__.d(__webpack_exports__, {
             HR: ()=>sendArWidgetEventWithToken,
             Kq: ()=>sendArWidgetEvent,
             Uu: ()=>createArWidgetSession,
-            a4: ()=>getHandoffTokenDigest
+            a4: ()=>getHandoffTokenDigest,
+            qw: ()=>WIDGET_SESSION_TOKEN_HEADER,
+            s2: ()=>getBrandHeaders
         });
         var _vizbl_api__rspack_import_0 = __webpack_require__("../api/dist/gen/index.js");
+        var _errors__rspack_import_1 = __webpack_require__("./src/api/public-api/errors.ts");
         const WIDGET_SESSION_TOKEN_HEADER = 'x-widget-session-token';
+        const APP_TYPE_HEADER = 'x-app-type';
         const DEFAULT_REFRESH_THRESHOLD_MS = 30000;
+        const ASSUMED_HANDOFF_SESSION_TTL_SECONDS = 900;
         const ALLOWED_PRODUCT_TYPES = new Set([
             'core-ar',
             'core-ar-shopify'
@@ -10503,12 +10538,19 @@ var __webpack_modules__ = {
         const WIDGET_EVENTS_PATH = '/public/widget/events';
         const MAX_VARIANT_ID_LENGTH = 64;
         const UUID_PATTERN = /^[0-9a-f]{8}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{12}$/i;
+        function getBrandHeaders(brand) {
+            return brand ? {
+                [APP_TYPE_HEADER]: brand
+            } : {};
+        }
         class ArWidgetSession {
             apiBaseUrl;
             apiKey;
+            brandHeaders;
             issueWidgetToken;
             now;
             refreshThresholdMs;
+            refreshWithToken;
             refreshPromise = null;
             session;
             continued;
@@ -10516,9 +10558,11 @@ var __webpack_modules__ = {
                 this.continued = options.continued ?? false;
                 this.apiBaseUrl = options.apiBaseUrl;
                 this.apiKey = options.apiKey;
+                this.brandHeaders = getBrandHeaders(options.brand);
                 this.issueWidgetToken = options.issueWidgetToken ?? _vizbl_api__rspack_import_0.MNX;
                 this.now = options.now ?? Date.now;
                 this.refreshThresholdMs = options.refreshThresholdMs ?? DEFAULT_REFRESH_THRESHOLD_MS;
+                this.refreshWithToken = options.refreshWithToken ?? false;
                 this.session = this.toSnapshot(activationData);
             }
             get token() {
@@ -10540,6 +10584,7 @@ var __webpack_modules__ = {
                 return {
                     baseURL: this.apiBaseUrl,
                     headers: {
+                        ...this.brandHeaders,
                         [WIDGET_SESSION_TOKEN_HEADER]: await this.getTokenForRequest()
                     },
                     signal
@@ -10553,7 +10598,12 @@ var __webpack_modules__ = {
                 }, {
                     baseURL: this.apiBaseUrl,
                     headers: {
-                        'x-api-key': this.apiKey
+                        ...this.brandHeaders,
+                        ...this.refreshWithToken ? {
+                            [WIDGET_SESSION_TOKEN_HEADER]: this.session.token
+                        } : {
+                            'x-api-key': this.apiKey
+                        }
                     }
                 }).then((data)=>this.toSnapshot(parseWidgetSession(data))).then((session)=>{
                     this.session = session;
@@ -10577,10 +10627,11 @@ var __webpack_modules__ = {
             for(let index = 0; index < normalized.length; index++)hash = Math.imul(hash, 31) + normalized.charCodeAt(index) | 0;
             return (hash >>> 0).toString(36);
         }
-        async function createArWidgetSession({ apiBaseUrl, apiKey, initialWidgetSessionToken, signal }) {
+        async function createArWidgetSession({ apiBaseUrl, apiKey, brand, initialWidgetSessionToken, signal }) {
             const requestConfig = {
                 baseURL: apiBaseUrl,
                 headers: {
+                    ...getBrandHeaders(brand),
                     'x-api-key': apiKey
                 },
                 signal
@@ -10594,36 +10645,87 @@ var __webpack_modules__ = {
                 return new ArWidgetSession(parseWidgetSession(refreshed), {
                     apiBaseUrl,
                     apiKey,
+                    brand,
                     continued: true
                 });
             } catch (error) {
                 if (signal?.aborted) throw error;
             }
-            const activation = await (0, _vizbl_api__rspack_import_0.tOZ)({
-                mode: 'ar-viewer'
-            }, requestConfig);
+            let activation;
+            try {
+                activation = await (0, _vizbl_api__rspack_import_0.tOZ)({
+                    mode: 'ar-viewer'
+                }, requestConfig);
+            } catch (error) {
+                const status = (0, _errors__rspack_import_1.Es)(error);
+                if (!normalizedInitialToken || 401 !== status && 403 !== status || signal?.aborted) throw error;
+                return await continueHandedOverSession(normalizedInitialToken, {
+                    apiBaseUrl,
+                    apiKey,
+                    brand,
+                    signal
+                });
+            }
             if ('string' != typeof activation.productType || !ALLOWED_PRODUCT_TYPES.has(activation.productType)) throw new TypeError('The API key is not enabled for Core AR');
             return new ArWidgetSession(parseWidgetSession(activation.widgetSession), {
                 apiBaseUrl,
-                apiKey
+                apiKey,
+                brand
             });
         }
+        async function continueHandedOverSession(token, { apiBaseUrl, apiKey, brand, signal }) {
+            const sessionOptions = {
+                apiBaseUrl,
+                apiKey,
+                brand,
+                continued: true,
+                refreshWithToken: true
+            };
+            try {
+                const exchanged = await (0, _vizbl_api__rspack_import_0.MNX)({
+                    mode: 'ar-viewer',
+                    token
+                }, {
+                    baseURL: apiBaseUrl,
+                    headers: {
+                        ...getBrandHeaders(brand),
+                        [WIDGET_SESSION_TOKEN_HEADER]: token
+                    },
+                    signal
+                });
+                return new ArWidgetSession(parseWidgetSession(exchanged), sessionOptions);
+            } catch (error) {
+                if (signal?.aborted) throw error;
+            }
+            return new ArWidgetSession({
+                expiresIn: ASSUMED_HANDOFF_SESSION_TTL_SECONDS,
+                sid: token,
+                token
+            }, sessionOptions);
+        }
         async function sendArWidgetEvent(session, event, options = {}) {
             if (!session) return;
             try {
                 const config = await session.getRequestConfig();
-                await postArWidgetEvent(config.headers[WIDGET_SESSION_TOKEN_HEADER], event, {
+                await postArWidgetEvent(event, {
                     ...options,
-                    apiBaseUrl: config.baseURL
+                    apiBaseUrl: config.baseURL,
+                    headers: config.headers
                 });
             } catch  {}
         }
-        function sendArWidgetEventWithToken(event, { widgetSessionToken, ...options }) {
+        function sendArWidgetEventWithToken(event, { brand, widgetSessionToken, ...options }) {
             const token = widgetSessionToken?.trim();
             if (!token) return;
-            postArWidgetEvent(token, event, options).catch(()=>{});
+            postArWidgetEvent(event, {
+                ...options,
+                headers: {
+                    ...getBrandHeaders(brand),
+                    [WIDGET_SESSION_TOKEN_HEADER]: token
+                }
+            }).catch(()=>{});
         }
-        async function postArWidgetEvent(token, event, { apiBaseUrl, objectId, variantId }) {
+        async function postArWidgetEvent(event, { apiBaseUrl, headers, objectId, variantId }) {
             const url = new URL(WIDGET_EVENTS_PATH, apiBaseUrl || window.location.origin);
             const response = await fetch(url, {
                 body: JSON.stringify({
@@ -10634,7 +10736,7 @@ var __webpack_modules__ = {
                 }),
                 headers: {
                     'Content-Type': 'application/json',
-                    [WIDGET_SESSION_TOKEN_HEADER]: token
+                    ...headers
                 },
                 keepalive: true,
                 method: 'POST'
@@ -10671,7 +10773,8 @@ var __webpack_modules__ = {
     "./src/ar/session-prewarm.ts" (__unused_rspack_module, __webpack_exports__, __webpack_require__) {
         __webpack_require__.d(__webpack_exports__, {
             YP: ()=>prewarmArSession,
-            oP: ()=>requestArMotionPermission
+            oP: ()=>requestArMotionPermission,
+            Zi: ()=>prepareArSessionInPage
         });
         var platform = __webpack_require__("./src/lib/platform.ts");
         var backend_policy = __webpack_require__("./src/ar/tracker/backend-policy.ts");
@@ -10689,13 +10792,23 @@ var __webpack_modules__ = {
             prewarmed = true;
             Promise.all([
                 __webpack_require__.e("191"),
-                __webpack_require__.e("552")
+                __webpack_require__.e("647")
             ]).then(__webpack_require__.bind(__webpack_require__, "./src/root.tsx")).catch(()=>void 0);
             willRunEighthWall(backend ?? null).then((eighthWall)=>{
                 if (!eighthWall) return;
                 return Promise.resolve().then(__webpack_require__.bind(__webpack_require__, "./src/ar/tracker/eighth-wall-surface-tracker.ts")).then(({ loadEighthWallEngine })=>loadEighthWallEngine());
             }).catch(()=>void 0);
         }
+        async function prepareArSessionInPage(tinuuid) {
+            if ('ar' !== (0, platform.wz)((0, platform.U_)(), tinuuid, (0, platform.nc)())) return false;
+            if (!(0, platform.$N)()) return false;
+            if ((0, platform.N0)() && !await (0, backend_policy.f)()) return false;
+            await Promise.all([
+                __webpack_require__.e("191"),
+                __webpack_require__.e("647")
+            ]).then(__webpack_require__.bind(__webpack_require__, "./src/root.tsx"));
+            return true;
+        }
         async function willRunEighthWall(backend) {
             if (backend) return '8thwall' === backend;
             if ((0, platform.N0)()) return false;
@@ -11536,6 +11649,7 @@ var __webpack_modules__ = {
     },
     "./src/config.ts" (__unused_rspack_module, __webpack_exports__, __webpack_require__) {
         __webpack_require__.d(__webpack_exports__, {
+            BC: ()=>resolveHostApiOrigin,
             _K: ()=>createArTenantConfig,
             hs: ()=>resolveArBrand
         });
@@ -11579,6 +11693,15 @@ var __webpack_modules__ = {
             if ('arizo' === brand) return isDev ? 'go-dev.arizo.ru' : 'go.arizo.ru';
             return isDev ? 'go-dev.vizbl.com' : 'go.vizbl.com';
         }
+        function resolveHostApiOrigin(value) {
+            const trimmed = value?.trim();
+            if (!trimmed) return;
+            try {
+                return new URL(trimmed).origin;
+            } catch  {
+                return;
+            }
+        }
         function resolveArBrand(language) {
             return 'ru' === language ? 'arizo' : 'vizbl';
         }
@@ -12018,6 +12141,7 @@ var __webpack_modules__ = {
     },
     "./src/lib/platform.ts" (__unused_rspack_module, __webpack_exports__, __webpack_require__) {
         __webpack_require__.d(__webpack_exports__, {
+            $N: ()=>mayUseArCamera,
             N0: ()=>isArWebView,
             Tw: ()=>getIosMajorVersion,
             U_: ()=>detectArPlatform,
@@ -12044,6 +12168,13 @@ var __webpack_modules__ = {
             if (!navigatorInfo) return false;
             return /; wv\)|\bFBAN\b|\bFBAV\b|\bInstagram\b|\bLine\/|\bMicroMessenger\b/i.test(navigatorInfo.userAgent);
         }
+        function mayUseArCamera() {
+            if ("u" < typeof window) return false;
+            if (window.self === window.top) return true;
+            const policyDocument = document;
+            const policy = policyDocument.permissionsPolicy ?? policyDocument.featurePolicy;
+            return policy?.allowsFeature('camera') ?? false;
+        }
         const MIN_APP_CLIP_IOS_MAJOR = 17;
         function getIosMajorVersion(navigatorInfo = getNavigatorInfo()) {
             const match = /\bOS (\d+)[._]/.exec(navigatorInfo?.userAgent ?? '');
@@ -18627,8 +18758,8 @@ __webpack_require__.m = __webpack_modules__;
 })();
 (()=>{
     __webpack_require__.u = (chunkId)=>"" + chunkId + "." + ({
-            191: "b62a8c99d7285005",
-            552: "94e8bfc9fb13509c"
+            191: "0238d726a82ead14",
+            647: "6c7f9f8f87550212"
         })[chunkId] + ".js";
 })();
 (()=>{
@@ -19121,8 +19252,10 @@ function resolvePageLanguage() {
     return document.documentElement.lang || navigator.language || void 0;
 }
 function sendAppClipWidgetEvent({ hid, language, widgetSessionToken }) {
+    const brand = resolveAppClipBrand(language);
     (0, widget_session.HR)('appclip', {
-        apiBaseUrl: (0, config._K)(resolveAppClipBrand(language)).apiOrigin,
+        apiBaseUrl: (0, config._K)(brand).apiOrigin,
+        brand,
         variantId: hid,
         widgetSessionToken
     });
@@ -19176,15 +19309,49 @@ ${propertyDefaults}
 }
 var styleinline = __webpack_require__("./src/style.css?inline");
 const shadowRootCssText = createShadowRootCssText(styleinline.A);
-const ArExperience = /*#__PURE__*/ (0, external_react_.lazy)(async ()=>({
+const arExperience = retryableLazy(async ()=>({
         default: (await Promise.all([
             __webpack_require__.e("191"),
-            __webpack_require__.e("552")
+            __webpack_require__.e("647")
         ]).then(__webpack_require__.bind(__webpack_require__, "./src/root.tsx"))).ArExperience
     }));
-const ModelViewerDialog = /*#__PURE__*/ (0, external_react_.lazy)(async ()=>({
+const modelViewerDialog = retryableLazy(async ()=>({
         default: (await import("@neurodyn/react-model-viewer")).ModelViewerDialog
     }));
+function retryableLazy(load) {
+    let component = /*#__PURE__*/ (0, external_react_.lazy)(load);
+    return {
+        get Component () {
+            return component;
+        },
+        reset () {
+            component = /*#__PURE__*/ (0, external_react_.lazy)(load);
+        }
+    };
+}
+class ExperienceBoundary extends external_react_.Component {
+    state = {
+        failed: false,
+        resetKey: this.props.resetKey
+    };
+    static getDerivedStateFromProps(props, state) {
+        return props.resetKey === state.resetKey ? null : {
+            failed: false,
+            resetKey: props.resetKey
+        };
+    }
+    static getDerivedStateFromError() {
+        return {
+            failed: true
+        };
+    }
+    componentDidCatch() {
+        this.props.onError();
+    }
+    render() {
+        return this.state.failed ? null : this.props.children;
+    }
+}
 const fullscreenDialogContentClassName = 'inset-0 h-dvh min-w-full max-w-none translate-x-0 translate-y-0 rounded-none border-none bg-transparent p-0 shadow-none sm:p-0 sm:max-w-none';
 const visuallyHiddenStyle = {
     border: 0,
@@ -19204,7 +19371,7 @@ function LightDomDialogTitle({ title }) {
         children: title
     }), document.body);
 }
-function ArDialog({ apiKey, hid, initialWidgetSessionToken, name, language, onAnalyticsEvent, open, defaultOpen, onOpenChange, scaleEnabled, tinuuid, ...props }) {
+function ArDialog({ apiBaseUrl, apiKey, hid, initialWidgetSessionToken, name, language, onAnalyticsEvent, open, defaultOpen, onOpenChange, scaleEnabled, tinuuid, ...props }) {
     const [themeRoot, setThemeRoot] = (0, external_react_.useState)(null);
     const platform = (0, lib_platform.U_)();
     const normalizedTinuuid = tinuuid?.trim() || null;
@@ -19233,6 +19400,18 @@ function ArDialog({ apiKey, hid, initialWidgetSessionToken, name, language, onAn
     }, [
         onOpenChange
     ]);
+    const handleExperienceError = (0, external_react_.useCallback)(()=>{
+        arExperience.reset();
+        handleOpenChange(false);
+    }, [
+        handleOpenChange
+    ]);
+    const handleViewerError = (0, external_react_.useCallback)(()=>{
+        modelViewerDialog.reset();
+        handleOpenChange(false);
+    }, [
+        handleOpenChange
+    ]);
     (0, external_react_.useLayoutEffect)(()=>{
         if (effectiveOpen && 'ar' === route) (0, session_prewarm.YP)({
             backend: debugOverride.backend
@@ -19295,21 +19474,28 @@ function ArDialog({ apiKey, hid, initialWidgetSessionToken, name, language, onAn
     if ('app-clip' === route) return null;
     if ('model-viewer' === route && normalizedTinuuid) {
         const tenant = (0, config._K)((0, config.hs)(language ?? arI18n.resolvedLanguage ?? arI18n.language));
-        return /*#__PURE__*/ (0, jsx_runtime_.jsx)(external_react_.Suspense, {
-            fallback: null,
-            children: /*#__PURE__*/ (0, jsx_runtime_.jsx)(ModelViewerDialog, {
-                ...props,
-                apiBaseUrl: tenant.apiOrigin,
-                apiKey: apiKey,
-                defaultOpen: defaultOpen,
-                hid: hid,
-                initialWidgetSessionToken: initialWidgetSessionToken ?? void 0,
-                onOpenChange: handleOpenChange,
-                open: open,
-                tinuuid: normalizedTinuuid
+        const ModelViewerDialog = modelViewerDialog.Component;
+        return /*#__PURE__*/ (0, jsx_runtime_.jsx)(ExperienceBoundary, {
+            onError: handleViewerError,
+            resetKey: effectiveOpen,
+            children: /*#__PURE__*/ (0, jsx_runtime_.jsx)(external_react_.Suspense, {
+                fallback: null,
+                children: /*#__PURE__*/ (0, jsx_runtime_.jsx)(ModelViewerDialog, {
+                    ...props,
+                    apiBaseUrl: (0, config.BC)(apiBaseUrl) ?? tenant.apiOrigin,
+                    apiKey: apiKey,
+                    defaultOpen: defaultOpen,
+                    hid: hid,
+                    initialWidgetSessionToken: initialWidgetSessionToken ?? void 0,
+                    lang: 'arizo' === tenant.brand ? 'ru' : 'en',
+                    onOpenChange: handleOpenChange,
+                    open: open,
+                    tinuuid: normalizedTinuuid
+                })
             })
         });
     }
+    const ArExperience = arExperience.Component;
     return /*#__PURE__*/ (0, jsx_runtime_.jsxs)(jsx_runtime_.Fragment, {
         children: [
             /*#__PURE__*/ (0, external_react_dom_.createPortal)(/*#__PURE__*/ (0, jsx_runtime_.jsx)("style", {
@@ -19360,16 +19546,21 @@ function ArDialog({ apiKey, hid, initialWidgetSessionToken, name, language, onAn
                                         onInteractOutside: (e)=>{
                                             e.preventDefault();
                                         },
-                                        children: /*#__PURE__*/ (0, jsx_runtime_.jsx)(external_react_.Suspense, {
-                                            fallback: null,
-                                            children: /*#__PURE__*/ (0, jsx_runtime_.jsx)(ArExperience, {
-                                                apiKey: apiKey,
-                                                hid: hid,
-                                                initialWidgetSessionToken: initialWidgetSessionToken,
-                                                language: language,
-                                                onAnalyticsEvent: onAnalyticsEvent,
-                                                scaleEnabled: scaleEnabled,
-                                                tinuuid: tinuuid
+                                        children: /*#__PURE__*/ (0, jsx_runtime_.jsx)(ExperienceBoundary, {
+                                            onError: handleExperienceError,
+                                            resetKey: effectiveOpen,
+                                            children: /*#__PURE__*/ (0, jsx_runtime_.jsx)(external_react_.Suspense, {
+                                                fallback: null,
+                                                children: /*#__PURE__*/ (0, jsx_runtime_.jsx)(ArExperience, {
+                                                    apiBaseUrl: apiBaseUrl,
+                                                    apiKey: apiKey,
+                                                    hid: hid,
+                                                    initialWidgetSessionToken: initialWidgetSessionToken,
+                                                    language: language,
+                                                    onAnalyticsEvent: onAnalyticsEvent,
+                                                    scaleEnabled: scaleEnabled,
+                                                    tinuuid: tinuuid
+                                                })
                                             })
                                         })
                                     })
@@ -19396,10 +19587,11 @@ var __webpack_exports__detectSupportedArBackends = tracker_backend.Sf;
 var __webpack_exports__emitArAnalyticsEvent = analytics.lA;
 var __webpack_exports__getIosMajorVersion = lib_platform.Tw;
 var __webpack_exports__loadEighthWallEngine = eighth_wall_surface_tracker.loadEighthWallEngine;
+var __webpack_exports__prepareArSessionInPage = session_prewarm.Zi;
 var __webpack_exports__prewarmArSession = session_prewarm.YP;
 var __webpack_exports__readArDebugOverride = debug_flags.Bo;
 var __webpack_exports__resolveArPlatformRoute = lib_platform.wz;
 var __webpack_exports__resolveEighthWallReticleHit = eighth_wall_hit.hj;
 var __webpack_exports__supportsArAppClip = lib_platform.nc;
 var __webpack_exports__supportsImmersiveAr = backend_policy.f;
-export { ArDialog, buildAppClipUrl, openAppClip, performArAppClipHandoff, resolveAppClipRegion, sendAppClipWidgetEvent, __webpack_exports__AR_TRACKING_BACKENDS as AR_TRACKING_BACKENDS, __webpack_exports__AutoSurfaceTracker as AutoSurfaceTracker, __webpack_exports__EIGHTH_WALL_ENGINE_URL as EIGHTH_WALL_ENGINE_URL, __webpack_exports__EighthWallSurfaceTracker as EighthWallSurfaceTracker, __webpack_exports__MIN_WALL_HEIGHT as MIN_WALL_HEIGHT, __webpack_exports__WebXrSurfaceTracker as WebXrSurfaceTracker, __webpack_exports__classifySurfaceByNormal as classifySurfaceByNormal, __webpack_exports__createArTracker as createArTracker, __webpack_exports__createArTrackerRegistry as createArTrackerRegistry, __webpack_exports__detectArPlatform as detectArPlatform, __webpack_exports__detectSupportedArBackends as detectSupportedArBackends, __webpack_exports__emitArAnalyticsEvent as emitArAnalyticsEvent, __webpack_exports__getIosMajorVersion as getIosMajorVersion, __webpack_exports__loadEighthWallEngine as loadEighthWallEngine, __webpack_exports__prewarmArSession as prewarmArSession, __webpack_exports__readArDebugOverride as readArDebugOverride, __webpack_exports__resolveArPlatformRoute as resolveArPlatformRoute, __webpack_exports__resolveEighthWallReticleHit as resolveEighthWallReticleHit, __webpack_exports__supportsArAppClip as supportsArAppClip, __webpack_exports__supportsImmersiveAr as supportsImmersiveAr };
+export { ArDialog, buildAppClipUrl, openAppClip, performArAppClipHandoff, resolveAppClipRegion, sendAppClipWidgetEvent, __webpack_exports__AR_TRACKING_BACKENDS as AR_TRACKING_BACKENDS, __webpack_exports__AutoSurfaceTracker as AutoSurfaceTracker, __webpack_exports__EIGHTH_WALL_ENGINE_URL as EIGHTH_WALL_ENGINE_URL, __webpack_exports__EighthWallSurfaceTracker as EighthWallSurfaceTracker, __webpack_exports__MIN_WALL_HEIGHT as MIN_WALL_HEIGHT, __webpack_exports__WebXrSurfaceTracker as WebXrSurfaceTracker, __webpack_exports__classifySurfaceByNormal as classifySurfaceByNormal, __webpack_exports__createArTracker as createArTracker, __webpack_exports__createArTrackerRegistry as createArTrackerRegistry, __webpack_exports__detectArPlatform as detectArPlatform, __webpack_exports__detectSupportedArBackends as detectSupportedArBackends, __webpack_exports__emitArAnalyticsEvent as emitArAnalyticsEvent, __webpack_exports__getIosMajorVersion as getIosMajorVersion, __webpack_exports__loadEighthWallEngine as loadEighthWallEngine, __webpack_exports__prepareArSessionInPage as prepareArSessionInPage, __webpack_exports__prewarmArSession as prewarmArSession, __webpack_exports__readArDebugOverride as readArDebugOverride, __webpack_exports__resolveArPlatformRoute as resolveArPlatformRoute, __webpack_exports__resolveEighthWallReticleHit as resolveEighthWallReticleHit, __webpack_exports__supportsArAppClip as supportsArAppClip, __webpack_exports__supportsImmersiveAr as supportsImmersiveAr };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@neurodyn/react-ar",
   "type": "module",
-  "version": "0.0.14",
+  "version": "0.1.0",
   "//sideEffects": "Lets a consumer that only wants the platform helpers off the barrel drop the scene and three.js instead of shipping them. The exceptions are the two modules that really do run on import: stylesheets, and the i18n instance that configures itself.",
   "sideEffects": [
     "*.css",
@@ -39,7 +39,7 @@
     "react-shadow": "^20.6.0",
     "three": "^0.185.1",
     "ua-parser-js": "^2.0.9",
-    "@neurodyn/react-model-viewer": "0.1.1"
+    "@neurodyn/react-model-viewer": "0.2.0"
   },
   "devDependencies": {
     "@microsoft/api-extractor": "^7.58.0",

package/dist/191.b62a8c99d7285005.js.LICENSE.txt

@@ -1,19 +0,0 @@
-/**
- * @license React
- * use-sync-external-store-shim.development.js
- *
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-/**
- * @license React
- * use-sync-external-store-shim.production.js
- *
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */