@neurodyn/react-room-viewer 0.1.0 → 0.2.0

package/dist/index.js

@@ -6830,69 +6830,6 @@ ${propertyDefaults}
 }
 var styleinline = __webpack_require__("./src/style.css?inline");
 const shadowRootCssText = createShadowRootCssText(styleinline.A);
-function getRoomViewerBackendApiBaseUrl(baseUrl) {
-    const normalized = baseUrl?.trim().replace(/\/+$/, '') ?? '';
-    if (!normalized || normalized.includes('/v1/http') || normalized.endsWith('/v1')) return normalized || void 0;
-    const httpSegmentIndex = normalized.indexOf('/http');
-    if (httpSegmentIndex >= 0) return `${normalized.slice(0, httpSegmentIndex)}/v1${normalized.slice(httpSegmentIndex)}`;
-    return `${normalized}/v1`;
-}
-const shopifyProxyApiBaseUrl = getRoomViewerBackendApiBaseUrl("/apps/vizbl-wall-art/http") ?? '';
-function getRoomViewerApiBaseUrl(baseUrl) {
-    return baseUrl?.trim().replace(/\/+$/, '').replace(/\/(?:v1(?:\/http)?|http)$/, '') || void 0;
-}
-function normalizeRoomViewerApiKey(apiKey) {
-    const trimmed = apiKey?.trim();
-    return trimmed || void 0;
-}
-function normalizeRoomViewerTinuuid(tinuuid) {
-    const trimmed = tinuuid?.trim();
-    return trimmed || void 0;
-}
-function shouldUseRoomViewerPublicApi(options) {
-    return 'shopify' === options.source || void 0 !== options.apiKey;
-}
-function getRoomViewerPublicApiProductType(options) {
-    if ('wall-panel' === options.resourceType) return 'panels';
-    if ('rugs' === options.resourceType) return 'rugs';
-    if ('flooring' === options.resourceType) return 'flooring';
-    return 'shopify' === options.source ? 'wallart-shopify' : 'wallart';
-}
-function getRoomViewerBackendProductType(options) {
-    if ('wall-panel' === options.resourceType) return 'panels';
-    if ('rugs' === options.resourceType) return 'rugs';
-    if ('flooring' === options.resourceType) return 'flooring';
-    return 'wallart';
-}
-function getRoomViewerPublicApiQuery(options) {
-    const productType = getRoomViewerPublicApiProductType(options);
-    return 'panels' === productType ? {
-        query: void 0,
-        config: {
-            params: {
-                productType
-            }
-        }
-    } : {
-        query: {
-            productType
-        },
-        config: {}
-    };
-}
-function getRoomViewerActivationQuery(options) {
-    return getRoomViewerPublicApiQuery('wall-panel' === options.resourceType ? options : {
-        ...options,
-        resourceType: void 0
-    });
-}
-function getRoomViewerAccessError(error) {
-    if (!isAxiosError(error)) return null;
-    const status = error.response?.status;
-    if (401 === status) return 'unauthorized';
-    if (402 === status) return 'payment-required';
-    return null;
-}
 const DEFAULT_API_TIMEOUT = 30000;
 function createDefaultClient(defaultBaseURL) {
     return axios.create({
@@ -7317,6 +7254,17 @@ async function layoutControllerReadLayoutConfig(headers, config = {}) {
     });
     return res.data;
 }
+async function arLaunchControllerCreateArLaunch(data, config = {}) {
+    const { client: request = client_client, ...requestConfig } = config;
+    const requestData = data;
+    const res = await request({
+        method: "POST",
+        url: "/public/ar-launches",
+        data: requestData,
+        ...requestConfig
+    });
+    return res.data;
+}
 async function publicApiControllerActivateWallart(params, config = {}) {
     const { client: request = client_client, ...requestConfig } = config;
     const res = await request({
@@ -7413,6 +7361,90 @@ async function widgetEventsControllerCreateWidgetEvent(data, config = {}) {
     });
     return res.data;
 }
+function getRoomViewerAccessError(error) {
+    if (!isAxiosError(error)) return null;
+    const status = error.response?.status;
+    if (401 === status) return 'unauthorized';
+    if (402 === status) return 'payment-required';
+    return null;
+}
+function createArLaunchId() {
+    if ("u" > typeof crypto && 'function' == typeof crypto.randomUUID) return crypto.randomUUID();
+    const bytes = crypto.getRandomValues(new Uint8Array(16));
+    bytes[6] = 0x0F & bytes[6] | 0x40;
+    bytes[8] = 0x3F & bytes[8] | 0x80;
+    const hex = Array.from(bytes, (byte)=>byte.toString(16).padStart(2, '0')).join('');
+    return `${hex.slice(0, 8)}-${hex.slice(8, 12)}-${hex.slice(12, 16)}-${hex.slice(16, 20)}-${hex.slice(20)}`;
+}
+async function requestArLaunch(session, { format, launchId, tinuuid }) {
+    try {
+        await arLaunchControllerCreateArLaunch({
+            entryPoint: 'ar_launched',
+            format,
+            launchId,
+            tinuuid
+        }, await session.getApiConfigForRequest());
+        return 'granted';
+    } catch (error) {
+        return 'payment-required' === getRoomViewerAccessError(error) ? 'payment-required' : 'unavailable';
+    }
+}
+function getRoomViewerBackendApiBaseUrl(baseUrl) {
+    const normalized = baseUrl?.trim().replace(/\/+$/, '') ?? '';
+    if (!normalized || normalized.includes('/v1/http') || normalized.endsWith('/v1')) return normalized || void 0;
+    const httpSegmentIndex = normalized.indexOf('/http');
+    if (httpSegmentIndex >= 0) return `${normalized.slice(0, httpSegmentIndex)}/v1${normalized.slice(httpSegmentIndex)}`;
+    return `${normalized}/v1`;
+}
+const shopifyProxyApiBaseUrl = getRoomViewerBackendApiBaseUrl("/apps/vizbl-wall-art/http") ?? '';
+function getRoomViewerApiBaseUrl(baseUrl) {
+    return baseUrl?.trim().replace(/\/+$/, '').replace(/\/(?:v1(?:\/http)?|http)$/, '') || void 0;
+}
+function normalizeRoomViewerApiKey(apiKey) {
+    const trimmed = apiKey?.trim();
+    return trimmed || void 0;
+}
+function normalizeRoomViewerTinuuid(tinuuid) {
+    const trimmed = tinuuid?.trim();
+    return trimmed || void 0;
+}
+function shouldUseRoomViewerPublicApi(options) {
+    return 'shopify' === options.source || void 0 !== options.apiKey;
+}
+function getRoomViewerPublicApiProductType(options) {
+    if ('wall-panel' === options.resourceType) return 'panels';
+    if ('rugs' === options.resourceType) return 'rugs';
+    if ('flooring' === options.resourceType) return 'flooring';
+    return 'shopify' === options.source ? 'wallart-shopify' : 'wallart';
+}
+function getRoomViewerBackendProductType(options) {
+    if ('wall-panel' === options.resourceType) return 'panels';
+    if ('rugs' === options.resourceType) return 'rugs';
+    if ('flooring' === options.resourceType) return 'flooring';
+    return 'wallart';
+}
+function getRoomViewerPublicApiQuery(options) {
+    const productType = getRoomViewerPublicApiProductType(options);
+    return 'panels' === productType ? {
+        query: void 0,
+        config: {
+            params: {
+                productType
+            }
+        }
+    } : {
+        query: {
+            productType
+        },
+        config: {}
+    };
+}
+function getRoomViewerActivationQuery(options) {
+    return getRoomViewerPublicApiQuery('wall-panel' === options.resourceType ? options : {
+        ...options,
+        resourceType: void 0
+    });
+}
 const WIDGET_SESSION_TOKEN_HEADER = 'x-widget-session-token';
 const DEFAULT_REFRESH_THRESHOLD_MS = 30000;
 const createWidgetEventViaGeneratedApi = (data, config)=>widgetEventsControllerCreateWidgetEvent(data, config);
@@ -13609,6 +13641,7 @@ function buildRoomViewerArUrl({ height, language, name, src, tenantConfig, tinuu
     if (widgetSessionToken) url.searchParams.set('widgetSessionToken', widgetSessionToken);
     return url.toString();
 }
+const AR_LAUNCH_TIMEOUT_MS = 3000;
 async function whenArModeSelected(modelViewer) {
     await modelViewer.updateComplete;
     if (!modelViewer.canActivateAR && navigator.xr?.isSessionSupported) {
@@ -13637,7 +13670,7 @@ async function presentAr(modelViewer) {
 function AR({ className, buttonClassName, buttonLeadingIcon, buttonLabel, buttonSize, buttonVariant = 'contrast', ...props }) {
     const { type, width, height, name } = useRoomViewerMetadata();
     const { handoff } = resolveResourceProfile(type);
-    const { src, tinuuid, widgetSession } = useRoomViewerResource();
+    const { setAccessError, src, tinuuid, widgetSession } = useRoomViewerResource();
     const { containerRef, resourceRef } = useRoomViewerSceneState();
     const { t, i18n } = useTranslation();
     const tenant = useRoomViewerTenant();
@@ -13713,16 +13746,34 @@ function AR({ className, buttonClassName, buttonLeadingIcon, buttonLabel, button
         modelViewerMountRef.current = null;
         setIsModelViewerRequested(false);
     }
+    async function readWidgetSessionToken() {
+        return widgetSession?.getTokenForRequest().catch(()=>widgetSession.token);
+    }
     async function refreshHandoffWidgetSessionToken() {
-        const nextToken = await widgetSession?.getTokenForRequest().catch(()=>widgetSession.token);
-        setHandoffWidgetSessionToken(nextToken);
+        setHandoffWidgetSessionToken(await readWidgetSessionToken());
+    }
+    async function payForArLaunch() {
+        if (!widgetSession || !tinuuid) return 'unavailable';
+        const timeout = new Promise((resolve)=>{
+            window.setTimeout(()=>resolve('unavailable'), AR_LAUNCH_TIMEOUT_MS);
+        });
+        return Promise.race([
+            requestArLaunch(widgetSession, {
+                format: isIOS() ? 'usdz' : 'glb',
+                launchId: createArLaunchId(),
+                tinuuid
+            }),
+            timeout
+        ]);
     }
     const handleClick = async ()=>{
         if (handoff?.ar === 'appclip') {
             if (!tinuuid) return;
             if (isIOS() && appClipUrl) {
-                sendWidgetEvent(widgetSession, 'appclip');
-                window.location.assign(appClipUrl);
+                const token = await readWidgetSessionToken();
+                const link = new URL(appClipUrl);
+                if (token) link.searchParams.set('widgetSessionToken', token);
+                window.location.assign(link.toString());
                 return;
             }
             await refreshHandoffWidgetSessionToken();
@@ -13739,53 +13790,59 @@ function AR({ className, buttonClassName, buttonLeadingIcon, buttonLabel, button
         }
         const sceneResource = resourceRef.current;
         if (!sceneResource) return void releaseModelViewer();
-        if (modelViewer.canActivateAR) try {
-            setIsSceneExporting(true);
-            const clone = sceneResource.clone(true);
-            clone.position.set(0, 0, 0);
-            clone.quaternion.identity();
-            clone.updateMatrix();
-            clone.updateMatrixWorld(true);
-            if (isIOS()) {
-                clone.rotation.set(-Math.PI / 2, 0, 0);
+        if (modelViewer.canActivateAR) {
+            if (await payForArLaunch() === 'payment-required') {
+                releaseModelViewer();
+                setAccessError('payment-required');
+                return;
+            }
+            try {
+                setIsSceneExporting(true);
+                const clone = sceneResource.clone(true);
+                clone.position.set(0, 0, 0);
+                clone.quaternion.identity();
                 clone.updateMatrix();
                 clone.updateMatrixWorld(true);
-                const usdzExporter = new USDZExporter();
-                const usdzBuffer = await usdzExporter.parseAsync(clone, {
-                    ar: {
-                        anchoring: {
-                            type: 'plane'
-                        },
-                        planeAnchoring: {
-                            alignment: 'vertical'
+                if (isIOS()) {
+                    clone.rotation.set(-Math.PI / 2, 0, 0);
+                    clone.updateMatrix();
+                    clone.updateMatrixWorld(true);
+                    const usdzExporter = new USDZExporter();
+                    const usdzBuffer = await usdzExporter.parseAsync(clone, {
+                        ar: {
+                            anchoring: {
+                                type: 'plane'
+                            },
+                            planeAnchoring: {
+                                alignment: 'vertical'
+                            }
                         }
-                    }
-                });
-                const usdzFile = new File([
-                    usdzBuffer
-                ], 'scene.usdz', {
-                    type: 'model/vnd.usdz+zip'
-                });
-                setUsdzUrl(URL.createObjectURL(usdzFile));
-            } else {
-                const glbExporter = new GLTFExporter();
-                const glbBuffer = await glbExporter.parseAsync(clone, {
-                    binary: true
-                });
-                const glbFile = new File([
-                    glbBuffer
-                ], 'scene.glb', {
-                    type: 'model/gltf-binary'
-                });
-                setGlbUrl(URL.createObjectURL(glbFile));
+                    });
+                    const usdzFile = new File([
+                        usdzBuffer
+                    ], 'scene.usdz', {
+                        type: 'model/vnd.usdz+zip'
+                    });
+                    setUsdzUrl(URL.createObjectURL(usdzFile));
+                } else {
+                    const glbExporter = new GLTFExporter();
+                    const glbBuffer = await glbExporter.parseAsync(clone, {
+                        binary: true
+                    });
+                    const glbFile = new File([
+                        glbBuffer
+                    ], 'scene.glb', {
+                        type: 'model/gltf-binary'
+                    });
+                    setGlbUrl(URL.createObjectURL(glbFile));
+                }
+            } catch (error) {
+                releaseModelViewer();
+                throw error;
+            } finally{
+                setIsSceneExporting(false);
             }
-        } catch (error) {
-            releaseModelViewer();
-            throw error;
-        } finally{
-            setIsSceneExporting(false);
-        }
-        else {
+        } else {
             releaseModelViewer();
             await refreshHandoffWidgetSessionToken();
             setOpen(true);

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@neurodyn/react-room-viewer",
   "type": "module",
-  "version": "0.1.0",
+  "version": "0.2.0",
   "publishConfig": {
     "access": "public"
   },
@@ -30,7 +30,7 @@
     "@radix-ui/react-tabs": "^1.0.4",
     "@react-three/drei": "^10.7.7",
     "@react-three/fiber": "^9.5.0",
-    "@tanstack/react-query": "5.90.12",
+    "@tanstack/react-query": "5.102.8",
     "axios": "^1.13.2",
     "class-variance-authority": "0.7.1",
     "clsx": "2.1.1",