@neurodyn/react-model-viewer 0.2.0 → 0.2.1

package/dist/index.js

@@ -494,6 +494,18 @@ var __webpack_modules__ = {
     inset-block: calc(var(--spacing) * 0);
   }
 
+  .start-2 {
+    inset-inline-start: calc(var(--spacing) * 2);
+  }
+
+  .end-2 {
+    inset-inline-end: calc(var(--spacing) * 2);
+  }
+
+  .end-4 {
+    inset-inline-end: calc(var(--spacing) * 4);
+  }
+
   .top-0 {
     top: calc(var(--spacing) * 0);
   }
@@ -542,10 +554,6 @@ var __webpack_modules__ = {
     right: calc(var(--spacing) * 3);
   }
 
-  .right-4 {
-    right: calc(var(--spacing) * 4);
-  }
-
   .right-6 {
     right: calc(var(--spacing) * 6);
   }
@@ -558,15 +566,7 @@ var __webpack_modules__ = {
     left: calc(var(--spacing) * 0);
   }
 
-  .left-1\\/2 {
-    left: 50%;
-  }
-
-  .left-2 {
-    left: calc(var(--spacing) * 2);
-  }
-
-  .left-\\[50\\%\\] {
+  .left-1\\/2, .left-\\[50\\%\\] {
     left: 50%;
   }
 
@@ -680,6 +680,14 @@ var __webpack_modules__ = {
     margin-inline-start: -1px;
   }
 
+  .ms-4 {
+    margin-inline-start: calc(var(--spacing) * 4);
+  }
+
+  .ms-auto {
+    margin-inline-start: auto;
+  }
+
   .mt-1\\.5 {
     margin-top: calc(var(--spacing) * 1.5);
   }
@@ -708,14 +716,6 @@ var __webpack_modules__ = {
     margin-left: calc(var(--spacing) * 1);
   }
 
-  .ml-4 {
-    margin-left: calc(var(--spacing) * 4);
-  }
-
-  .ml-auto {
-    margin-left: auto;
-  }
-
   .box-border {
     box-sizing: border-box;
   }
@@ -1854,6 +1854,26 @@ var __webpack_modules__ = {
     padding-block: calc(var(--spacing) * 14);
   }
 
+  .ps-2 {
+    padding-inline-start: calc(var(--spacing) * 2);
+  }
+
+  .ps-3 {
+    padding-inline-start: calc(var(--spacing) * 3);
+  }
+
+  .ps-8 {
+    padding-inline-start: calc(var(--spacing) * 8);
+  }
+
+  .pe-2 {
+    padding-inline-end: calc(var(--spacing) * 2);
+  }
+
+  .pe-8 {
+    padding-inline-end: calc(var(--spacing) * 8);
+  }
+
   .pt-1\\.5 {
     padding-top: calc(var(--spacing) * 1.5);
   }
@@ -1870,10 +1890,6 @@ var __webpack_modules__ = {
     padding-right: calc(var(--spacing) * 1);
   }
 
-  .pr-2 {
-    padding-right: calc(var(--spacing) * 2);
-  }
-
   .pr-2\\.5 {
     padding-right: calc(var(--spacing) * 2.5);
   }
@@ -1886,26 +1902,14 @@ var __webpack_modules__ = {
     padding-right: calc(var(--spacing) * 5);
   }
 
-  .pr-8 {
-    padding-right: calc(var(--spacing) * 8);
-  }
-
   .pb-\\[0\\.3125rem\\] {
     padding-bottom: 5px;
   }
 
-  .pl-2 {
-    padding-left: calc(var(--spacing) * 2);
-  }
-
   .pl-3 {
     padding-left: calc(var(--spacing) * 3);
   }
 
-  .pl-8 {
-    padding-left: calc(var(--spacing) * 8);
-  }
-
   .text-center {
     text-align: center;
   }
@@ -1914,6 +1918,10 @@ var __webpack_modules__ = {
     text-align: left;
   }
 
+  .text-start {
+    text-align: start;
+  }
+
   .align-middle {
     vertical-align: middle;
   }
@@ -4155,6 +4163,10 @@ var __webpack_modules__ = {
     }
   }
 
+  .rtl\\:rotate-180:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
+    rotate: 180deg;
+  }
+
   .dark\\:bg-input\\/30:is(.dark *) {
     background-color: var(--input);
   }
@@ -4734,8 +4746,17 @@ var __webpack_modules__ = {
   font-display: swap;
 }
 
+@font-face {
+  font-family: __tw4_shd_noto_arabic_7x4q2;
+  src: url("https://fonts.gstatic.com/s/notosansarabic/v33/nwpCtLGrOAZMl5nJ_wfgRg3DrWFZWsnVBJ_sS6tlqHHFlj4wv4r4xA.woff2") format("woff2");
+  font-weight: 100 900;
+  font-style: normal;
+  font-display: swap;
+  unicode-range: U+6??, U+750-77F, U+870-891, U+897-8E1, U+8E3-8FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC;
+}
+
 :root {
-  --v-font-family: "__tw4_shd_inter_7x4q2", sans-serif;
+  --v-font-family: "__tw4_shd_inter_7x4q2", "__tw4_shd_noto_arabic_7x4q2", sans-serif;
   font-family: var(--v-font-family);
   font-feature-settings: "liga" 1, "calt" 1;
   -webkit-font-smoothing: antialiased;
@@ -5374,6 +5395,15 @@ var __webpack_modules__ = {
   font-style: normal;
   font-display: swap;
 }
+
+@font-face {
+  font-family: __tw4_shd_noto_arabic_7x4q2;
+  src: url("https://fonts.gstatic.com/s/notosansarabic/v33/nwpCtLGrOAZMl5nJ_wfgRg3DrWFZWsnVBJ_sS6tlqHHFlj4wv4r4xA.woff2") format("woff2");
+  font-weight: 100 900;
+  font-style: normal;
+  font-display: swap;
+  unicode-range: U+6??, U+750-77F, U+870-891, U+897-8E1, U+8E3-8FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC;
+}
 `,
             ""
         ]);
@@ -5831,7 +5861,7 @@ function DialogContent({ className, children, contentInsideOverlay = false, show
             children,
             showCloseButton && /*#__PURE__*/ jsxs(react_dialog_Close, {
                 "data-slot": "dialog-close",
-                className: "focus-visible:ring-ring/30 absolute top-4 right-4 inline-flex size-6 cursor-pointer items-center justify-center rounded-full text-icons-light transition-colors hover:text-icons-normal focus-visible:text-icons-dark focus-visible:ring-2 focus-visible:outline-hidden disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0",
+                className: "focus-visible:ring-ring/30 absolute top-4 end-4 inline-flex size-6 cursor-pointer items-center justify-center rounded-full text-icons-light transition-colors hover:text-icons-normal focus-visible:text-icons-dark focus-visible:ring-2 focus-visible:outline-hidden disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0",
                 children: [
                     /*#__PURE__*/ jsx(XIcon, {
                         className: "size-6"
@@ -6436,7 +6466,8 @@ class ModelViewerWidgetSession {
     async recoverFromExpiry(signal) {
         try {
             await this.refresh();
-        } catch  {
+        } catch (error) {
+            if (!this.apiKey) throw error;
             this.session = this.toSnapshot(await activateCoreArWidgetSession(this.mode, {
                 baseURL: this.apiBaseUrl,
                 headers: {
@@ -6456,7 +6487,11 @@ class ModelViewerWidgetSession {
             baseURL: this.apiBaseUrl,
             headers: {
                 ...this.appTypeHeaders,
-                'x-api-key': this.apiKey
+                ...this.apiKey ? {
+                    'x-api-key': this.apiKey
+                } : {
+                    [WIDGET_SESSION_TOKEN_HEADER]: this.session.token
+                }
             }
         }).then((data)=>this.toSnapshot(parseWidgetSession(data))).then((session)=>{
             this.session = session;
@@ -6474,6 +6509,27 @@ class ModelViewerWidgetSession {
     }
 }
 async function createModelViewerWidgetSession({ apiBaseUrl, apiKey, appType, initialWidgetSessionToken, mode, signal }) {
+    if (initialWidgetSessionToken && !apiKey) try {
+        const exchanged = await publicApiControllerIssueWidgetToken({
+            mode,
+            token: initialWidgetSessionToken
+        }, {
+            baseURL: apiBaseUrl,
+            headers: {
+                ...getAppTypeHeaders(appType),
+                [WIDGET_SESSION_TOKEN_HEADER]: initialWidgetSessionToken
+            },
+            signal
+        });
+        return new ModelViewerWidgetSession(parseWidgetSession(exchanged), {
+            apiBaseUrl,
+            apiKey,
+            appType,
+            mode
+        });
+    } catch (error) {
+        if (signal?.aborted) throw error;
+    }
     if (initialWidgetSessionToken) return new ModelViewerWidgetSession({
         expiresIn: ASSUMED_HANDOFF_SESSION_TTL_SECONDS,
         sid: initialWidgetSessionToken,
@@ -6525,6 +6581,7 @@ async function sendModelViewerWidgetEvent(session, event, options = {}) {
             body: JSON.stringify({
                 event,
                 objectId: options.objectId ?? void 0,
+                page_path: currentPagePath(),
                 timestamp: new Date().toISOString(),
                 variantId: options.variantId ?? void 0
             }),
@@ -6573,6 +6630,10 @@ function parseWidgetSession(value) {
     if (!session || 'object' != typeof session || 'string' != typeof session.token || !session.token.trim() || 'string' != typeof session.sid || !session.sid.trim() || 'number' != typeof session.expiresIn || !Number.isFinite(session.expiresIn) || session.expiresIn <= 0) throw new TypeError('Invalid widget session response');
     return session;
 }
+function currentPagePath(locationRef = globalThis.location) {
+    const path = locationRef?.pathname;
+    return 'string' == typeof path && path.startsWith('/') ? path : void 0;
+}
 const MODEL_VIEWER_URL = "https://integrations.vizbl.com/model-viewer";
 const AR_DEVICE_REQUIREMENTS_DISCLAIMER = {
     en: '*Requires AR-supported device and browser. We recommend iOS 18 or later with Safari, or Android 7.0 or later with Chrome.',
@@ -6642,7 +6703,7 @@ function useObjectData(tinuuid, initialHid, options) {
                     widgetSession
                 };
             }
-            if (!options.apiKey) {
+            const readAnonymously = async ()=>{
                 const object = await readObject({
                     tinuuid
                 }, {
@@ -6654,20 +6715,26 @@ function useObjectData(tinuuid, initialHid, options) {
                     object,
                     widgetSession: null
                 };
-            }
-            const widgetSession = await createModelViewerWidgetSession({
-                apiBaseUrl: options.apiBaseUrl,
-                apiKey: options.apiKey,
-                appType: options.appType,
-                initialWidgetSessionToken: options.initialWidgetSessionToken,
-                mode: options.mode,
-                signal
-            });
-            const object = await fetchModelViewerObject(tinuuid, initialHid, widgetSession, signal);
-            return {
-                object,
-                widgetSession
             };
+            if (!options.apiKey && !options.initialWidgetSessionToken) return readAnonymously();
+            try {
+                const widgetSession = await createModelViewerWidgetSession({
+                    apiBaseUrl: options.apiBaseUrl,
+                    apiKey: options.apiKey,
+                    appType: options.appType,
+                    initialWidgetSessionToken: options.initialWidgetSessionToken,
+                    mode: options.mode,
+                    signal
+                });
+                const object = await fetchModelViewerObject(tinuuid, initialHid, widgetSession, signal);
+                return {
+                    object,
+                    widgetSession
+                };
+            } catch (error) {
+                if (options.apiKey || signal.aborted || 401 !== getErrorResponseStatus(error)) throw error;
+                return readAnonymously();
+            }
         }
     });
     const object = data?.object ?? null;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@neurodyn/react-model-viewer",
   "type": "module",
-  "version": "0.2.0",
+  "version": "0.2.1",
   "publishConfig": {
     "access": "public"
   },