@inappstory/react-sdk 1.8.0-rc.10 → 1.8.0-rc.12

package/dist/index.esm.mjs

@@ -1,7 +1,5 @@
 import * as __WEBPACK_EXTERNAL_MODULE_lodash_isFunction_js_8e5fd566__ from "lodash/isFunction.js";
 import * as __WEBPACK_EXTERNAL_MODULE_uuid__ from "uuid";
-import * as __WEBPACK_EXTERNAL_MODULE_lodash_isObject_js_84bb7d23__ from "lodash/isObject.js";
-import * as __WEBPACK_EXTERNAL_MODULE_lodash_isNil_js_d3a2677a__ from "lodash/isNil.js";
 import * as __WEBPACK_EXTERNAL_MODULE_mobx__ from "mobx";
 import * as __WEBPACK_EXTERNAL_MODULE_lodash_isString_js_204e00fb__ from "lodash/isString.js";
 import * as __WEBPACK_EXTERNAL_MODULE_bowser__ from "bowser";
@@ -12,6 +10,7 @@ import * as __WEBPACK_EXTERNAL_MODULE_lodash_debounce_js_35379ba8__ from "lodash
 import * as __WEBPACK_EXTERNAL_MODULE__inappstory_slide_api_2e636188__ from "@inappstory/slide-api";
 import * as __WEBPACK_EXTERNAL_MODULE_async_mutex_052338b1__ from "async-mutex";
 import * as __WEBPACK_EXTERNAL_MODULE_lodash_isEmpty_js_f1e1789b__ from "lodash/isEmpty.js";
+import * as __WEBPACK_EXTERNAL_MODULE_lodash_isObject_js_84bb7d23__ from "lodash/isObject.js";
 import * as __WEBPACK_EXTERNAL_MODULE_lodash_isNumber_js_09f2ee09__ from "lodash/isNumber.js";
 import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_179142b8__ from "react/jsx-runtime";
 import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
@@ -2175,7 +2174,7 @@ function convertModelToFormData(formData, data, previousKey) {
 ;// CONCATENATED MODULE: ../core/src/api/exceptions/apiRequestError.ts
 class ApiRequestError extends Error {
     constructor(networkStatus, networkMessage, response) {
-        super();
+        super(networkMessage);
         Object.defineProperty(this, "name", {
             enumerable: true,
             configurable: true,
@@ -2204,7 +2203,7 @@ class ApiRequestError extends Error {
         this.networkStatus = networkStatus;
         this.networkMessage = networkMessage;
         this.response = response !== null && response !== void 0 ? response : null;
-        console.error({ name: this.name, networkStatus, networkMessage, response });
+        /*  console.error({ name: this.name, networkStatus, networkMessage, response }); */
     }
     static createByRequestError(response) {
         return new ApiRequestError(null, JSON.stringify(response.data), response);
@@ -2212,23 +2211,13 @@ class ApiRequestError extends Error {
     static createByFetchError(error) {
         const isOnline = window.navigator && window.navigator.onLine;
         if (isOnline)
-            return new ApiRequestError(null, error.message);
+            return new ApiRequestError(null, error.name === "AbortError"
+                ? "The operation was aborted by the AbortController signal. Make sure you don't destroy the InAppStoryManager while it's running."
+                : error.message);
         return new ApiRequestError(null, "net::ERR_INTERNET_DISCONNECTED");
     }
 }
 
-;// CONCATENATED MODULE: external "lodash/isObject.js"
-var isObject_js_x = (y) => {
-	var x = {}; __webpack_require__.d(x, y); return x
-} 
-var isObject_js_y = (x) => (() => (x))
-const isObject_js_namespaceObject = isObject_js_x({ ["default"]: () => (__WEBPACK_EXTERNAL_MODULE_lodash_isObject_js_84bb7d23__["default"]) });
-;// CONCATENATED MODULE: external "lodash/isNil.js"
-var isNil_js_x = (y) => {
-	var x = {}; __webpack_require__.d(x, y); return x
-} 
-var isNil_js_y = (x) => (() => (x))
-const isNil_js_namespaceObject = isNil_js_x({ ["default"]: () => (__WEBPACK_EXTERNAL_MODULE_lodash_isNil_js_d3a2677a__["default"]) });
 ;// CONCATENATED MODULE: ../core/src/helpers/classificators/isNumeric.ts
 function isNumeric(str) {
     if (typeof str != "string")
@@ -3116,6 +3105,41 @@ class DeviceDescriptor {
 }
 const deviceDescriptor = new DeviceDescriptor();
 
+;// CONCATENATED MODULE: ../core/src/api/InterceptorManager.ts
+class InterceptorManager {
+    constructor() {
+        Object.defineProperty(this, "handlers", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: []
+        });
+    }
+    use(fulfilled, rejected) {
+        this.handlers.push({ fulfilled, rejected });
+        return this.handlers.length - 1;
+    }
+    async run(value) {
+        let current = Promise.resolve(value);
+        for (const h of this.handlers) {
+            current = current.then(h.fulfilled, h.rejected);
+        }
+        return current;
+    }
+}
+
+;// CONCATENATED MODULE: ../core/src/api/exceptions/apiAbortRequestError.ts
+class IasAbortRequestError extends Error {
+    constructor(url) {
+        super(`The request with URL <${url}> was aborted. Make sure you don't destroy the InAppStoryManager while it's running.`);
+        this.name = "IasAbortRequestError";
+    }
+}
+
+;// CONCATENATED MODULE: ../core/src/api/exceptions/index.ts
+
+
+
 ;// CONCATENATED MODULE: ../core/src/api/api.ts
 
 
@@ -3124,9 +3148,6 @@ const deviceDescriptor = new DeviceDescriptor();
 
 
 
-function mergeObjects(obj1, obj2) {
-    return Object.assign(Object.assign({}, obj1), obj2);
-}
 class API {
     constructor(config) {
         var _a;
@@ -3136,54 +3157,101 @@ class API {
             writable: true,
             value: void 0
         });
-        Object.defineProperty(this, "_deviceInfoPromise", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: null
-        });
         Object.defineProperty(this, "_baseHeaders", {
             enumerable: true,
             configurable: true,
             writable: true,
             value: {}
         });
-        Object.defineProperty(this, "requestInterceptors", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: []
-        });
         Object.defineProperty(this, "interceptors", {
             enumerable: true,
             configurable: true,
             writable: true,
             value: {
-                request: {
-                    use: (cb) => {
-                        this.requestInterceptors.push(cb);
-                    }
-                }
+                request: new InterceptorManager(),
+                response: new InterceptorManager()
             }
         });
         this._baseURL = (_a = config === null || config === void 0 ? void 0 : config.baseURL) !== null && _a !== void 0 ? _a : "";
     }
-    set deviceInfoPromise(promise) {
-        this._deviceInfoPromise = promise;
-    }
-    set baseHeaders(headers) {
-        this._baseHeaders = headers;
-    }
     get baseURL() {
         return this._baseURL;
     }
     set baseURL(value) {
         this._baseURL = value;
     }
+    set baseHeaders(headers) {
+        this._baseHeaders = headers;
+    }
+    async request(config) {
+        try {
+            const processedConfig = await this.interceptors.request.run(config);
+            const response = await this.dispatchRequest(processedConfig);
+            return await this.interceptors.response.run(response);
+        }
+        catch (error) {
+            if (error instanceof ApiRequestError)
+                throw error;
+            throw ApiRequestError.createByFetchError(error);
+        }
+    }
+    get(url, config = {}) {
+        return this.request(Object.assign(Object.assign({}, config), { method: "get", url }));
+    }
+    post(url, data, config = {}) {
+        return this.request(Object.assign(Object.assign({}, config), { method: "post", url, data }));
+    }
+    put(url, data, config = {}) {
+        return this.request(Object.assign(Object.assign({}, config), { method: "put", url, data }));
+    }
+    patch(url, data, config = {}) {
+        return this.request(Object.assign(Object.assign({}, config), { method: "patch", url, data }));
+    }
+    async dispatchRequest(config) {
+        const headers = Object.assign(Object.assign({}, this._baseHeaders), config.headers);
+        const url = this.buildURL(config.url, config.params);
+        const method = config.method ? config.method.toUpperCase() : "GET";
+        let body = null;
+        if (config.data) {
+            body = JSON.stringify(this.buildBody(config.data));
+            headers["Content-Type"] = "application/json";
+        }
+        const response = await fetch(url.toString(), {
+            method,
+            body: method === "GET" || method === "HEAD" ? null : body, // If the request method is GET or HEAD and the body is non-null or not undefined <fetch> throws a network error..
+            headers,
+            credentials: "omit",
+            signal: config.signal
+        });
+        let data = {};
+        if (response.status !== 204) {
+            try {
+                data = await response.json();
+            }
+            catch (_a) {
+                data = {};
+            }
+        }
+        const result = {
+            data,
+            status: response.status,
+            statusText: response.statusText,
+            headersRaw: response.headers,
+            headers: Object.fromEntries(response.headers.entries()),
+            ok: response.ok
+        };
+        if (!response.ok)
+            throw ApiRequestError.createByRequestError(result);
+        return result;
+    }
+    buildURL(url, params) {
+        const qs = params ? new URLSearchParams(this.buildQuery(params)).toString() : "";
+        return new URL(`${trimStartSlash(url)}${qs ? "?" + qs : ""}`, this._baseURL);
+    }
     buildQuery(obj, prefix) {
         const pairs = [];
         for (const [key, value] of Object.entries(obj)) {
-            if (value == null || value === "")
+            if (value == null || value === "" || Number.isNaN(value))
                 continue;
             const fullKey = prefix ? `${prefix}[${key}]` : key;
             if (typeof value === "object" && !Array.isArray(value)) {
@@ -3213,79 +3281,6 @@ class API {
         }
         return result;
     }
-    async request(config) {
-        return new Promise((resolve, reject) => {
-            const cb = async () => {
-                try {
-                    if (!(0,isObject_js_namespaceObject["default"])(config.headers) || config.headers == null) {
-                        config.headers = {};
-                    }
-                    config.headers = mergeObjects(this._baseHeaders, config.headers);
-                    if (this.requestInterceptors.length) {
-                        for (const interceptor of this.requestInterceptors) {
-                            interceptor(config);
-                        }
-                    }
-                    let search = "";
-                    if (!(0,isNil_js_namespaceObject["default"])(config.params) && (0,isObject_js_namespaceObject["default"])(config.params)) {
-                        search = new URLSearchParams(this.buildQuery(config.params)).toString();
-                    }
-                    let url = new URL(`${trimStartSlash(config.url)}${search ? "?" + search : ""}`, this._baseURL);
-                    let method = "GET";
-                    if (!(0,isNil_js_namespaceObject["default"])(config.method)) {
-                        method = config.method.toUpperCase();
-                    }
-                    let headers = {};
-                    if (!(0,isNil_js_namespaceObject["default"])(config.headers) && (0,isObject_js_namespaceObject["default"])(config.headers)) {
-                        headers = config.headers;
-                    }
-                    let body = null;
-                    if (!(0,isNil_js_namespaceObject["default"])(config.data) && (0,isObject_js_namespaceObject["default"])(config.data)) {
-                        body = JSON.stringify(this.buildBody(config.data));
-                        headers["Content-Type"] = "application/json";
-                    }
-                    const response = await fetch(url.toString(), {
-                        method,
-                        body: method === "GET" || method === "HEAD" ? null : body, // If the request method is GET or HEAD and the body is non-null or not undefined <fetch> throws a network error..
-                        headers,
-                        credentials: "omit"
-                    });
-                    let json = {};
-                    if (response.status !== 204)
-                        json = await response.json();
-                    const apiResponse = {
-                        data: json,
-                        headersRaw: response.headers,
-                        // @ts-ignore
-                        headers: Object.fromEntries([...response.headers]),
-                        status: response.status,
-                        statusText: response.statusText,
-                        ok: response.ok
-                    };
-                    if (!response.ok) {
-                        reject(ApiRequestError.createByRequestError(apiResponse));
-                        return;
-                    }
-                    resolve(apiResponse);
-                }
-                catch (error) {
-                    reject(ApiRequestError.createByFetchError(error));
-                }
-            };
-            if (this._deviceInfoPromise) {
-                this._deviceInfoPromise.finally(cb);
-            }
-            else {
-                cb();
-            }
-        });
-    }
-    async post(path, data, params = {}) {
-        return this.request({ method: "post", url: path, data, params });
-    }
-    async get(path, params = {}) {
-        return this.request({ method: "get", url: path, params });
-    }
 }
 const APIInstance = new API();
 APIInstance.interceptors.request.use(config => {
@@ -3293,14 +3288,13 @@ APIInstance.interceptors.request.use(config => {
     const storyManagerConfig = storyManager.config;
     const session = storyManager.rootStore.sessionStore.session;
     const sessionId = session === null || session === void 0 ? void 0 : session.id;
-    config.headers = mergeObjects((_a = config.headers) !== null && _a !== void 0 ? _a : {}, {
-        Authorization: `Bearer ${storyManagerConfig.apiKey}`,
-        "Accept-Language": storyManagerConfig.lang.toString(),
-        "X-Request-Id": (0,external_uuid_namespaceObject.v4)(),
-        "X-User-Agent": storyManager.userAgent
-    });
+    if (!storyManagerConfig.apiKey)
+        throw new IasAbortRequestError(config.url);
+    if (!Boolean((_a = config.meta) === null || _a === void 0 ? void 0 : _a.public) && !sessionId)
+        throw new IasAbortRequestError(config.url);
+    config.headers = Object.assign(Object.assign({}, config.headers), { Authorization: `Bearer ${storyManagerConfig.apiKey}`, "Accept-Language": storyManagerConfig.lang.toString(), "X-Request-Id": (0,external_uuid_namespaceObject.v4)(), "X-User-Agent": storyManager.userAgent });
     if (storyManagerConfig.userId && !storyManagerConfig.anonymous) {
-        config.headers["X-User-Id"] = storyManagerConfig.userId;
+        config.headers["X-User-Id"] = storyManagerConfig.userId.toString();
     }
     if (sessionId) {
         config.headers["Auth-Session-Id"] = sessionId;
@@ -3508,20 +3502,24 @@ let IamApi = (() => {
                     tags: tags.join(","),
                     options
                 }, {
-                    fields: messageFieldsWithPrefix
+                    params: {
+                        fields: messageFieldsWithPrefix
+                    }
                 });
                 return response.data.messages;
             }
             async fetchContext() {
                 const response = await api.get("inappmessaging/message-context", {
-                    fields: "style,widgetsData"
+                    params: { fields: "style,widgetsData" }
                 });
                 return response.data;
             }
             async fetchById(messageId) {
                 const response = await api.get(`inappmessaging/message/${messageId}`, {
-                    expand: "slides_html",
-                    fields: messageFields
+                    params: {
+                        expand: "slides_html",
+                        fields: messageFields
+                    }
                 });
                 const messageDto = response.data;
                 if (!messageDto)
@@ -3538,7 +3536,9 @@ let IamApi = (() => {
                         });
                         return;
                     }
-                    await api.post(`/inappmessaging/message/${messageId}/event/${messageEvent.type}`, {}, messageEvent.toQueryParams());
+                    await api.post(`/inappmessaging/message/${messageId}/event/${messageEvent.type}`, {}, {
+                        params: messageEvent.toQueryParams()
+                    });
                 }
                 catch (error) {
                     console.error(error);
@@ -3919,8 +3919,13 @@ class SessionApi {
     async open(payload) {
         const data = await this.getOpenSessionPayload(payload);
         const response = await api.post("session/open", data, {
-            expand: "cache",
-            fields: openFields
+            params: {
+                expand: "cache",
+                fields: openFields
+            },
+            meta: {
+                public: true
+            }
         });
         return response.data;
     }
@@ -4493,25 +4498,25 @@ class StoriesApi {
     }
     async fetchStorySlides({ id, feedSlug }) {
         const { url, params } = this.getStoryRequestConfig(id, feedSlug);
-        const response = await api.get(url, params !== null && params !== void 0 ? params : {});
+        const response = await api.get(url, { params });
         return response.data;
     }
     async fetchStory({ id, feedSlug, fetchShareUrl, once }) {
         const { url, params } = this.getStoryRequestConfig(id, feedSlug, true, fetchShareUrl, once);
-        const response = await api.get(url, params !== null && params !== void 0 ? params : {});
+        const response = await api.get(url, { params });
         if (response.status === 204 && once)
             throw new IasStoryAlreadyShownError(id.toString());
         return response.data;
     }
     async fetchStoryContext({ ids }) {
         const { url, params } = this.getStoryContextRequestConfig(ids);
-        const response = await api.get(url, params !== null && params !== void 0 ? params : {});
+        const response = await api.get(url, { params });
         return response.data;
     }
     async fetchStoryCSS() {
         var _a;
         const { url, params } = this.getStoryCSSRequestConfig();
-        const response = await api.get(url, params !== null && params !== void 0 ? params : {});
+        const response = await api.get(url, { params });
         return (_a = response.data.style) !== null && _a !== void 0 ? _a : "";
     }
     async setStoryLike(storyId, like) {
@@ -4543,7 +4548,7 @@ class StoriesApi {
         localStorageSet(key, data);
     }
     async fetchStorySharePath(storyId) {
-        const response = await api.get(`story-share/${storyId}`, {});
+        const response = await api.get(`story-share/${storyId}`);
         if (!response.data.url)
             throw new IasShareUrlUndefinedError(storyId);
         return response.data.url;
@@ -4617,7 +4622,7 @@ class StoryFeedsApi {
             f: filter && JSON.stringify(filter),
             options
         };
-        const response = await api.get(url, params !== null && params !== void 0 ? params : {});
+        const response = await api.get(url, { params });
         return response.data;
     }
     async fetchDefaultFeed({ feedSlug, tags, testKey, options }) {
@@ -4626,7 +4631,9 @@ class StoryFeedsApi {
             tags: tags.join(","),
             options
         }, {
-            test: testKey
+            params: {
+                test: testKey
+            }
         });
         response.data.feedSlug = feedSlug;
         return response.data;
@@ -4634,8 +4641,10 @@ class StoryFeedsApi {
     async fetchFavoriteFeed({ tags }) {
         const url = "story";
         const response = await api.get(url, {
-            tags: tags.join(","),
-            favorite: 1
+            params: {
+                tags: tags.join(","),
+                favorite: 1
+            }
         });
         return response.data;
     }
@@ -4645,7 +4654,9 @@ class StoryFeedsApi {
             tags: payload.tags.join(","),
             options: payload.options
         }, {
-            limit: payload.limit
+            params: {
+                limit: payload.limit
+            }
         });
         response.data.feedSlug = payload.feedSlug;
         return response.data;
@@ -4712,7 +4723,7 @@ class StatisticV2Api {
     }
     async sendFallbackFetch(path, params) {
         const api = new API({ baseURL: domains.apiUrl });
-        await api.get(path, params);
+        await api.get(path, { params });
     }
 }
 
@@ -7963,9 +7974,6 @@ let StorySlideViewModel = (() => {
                     }
                 });
             }
-            get state() {
-                return this.slideApi.state;
-            }
             get index() {
                 return this._index;
             }
@@ -8195,17 +8203,20 @@ let StorySlideViewModel = (() => {
                 }
             }
             async destroy() {
+                const release = await this.mutex.acquire();
                 try {
                     this.isStarted = false;
                     this.isInited = false;
                     this.story.touchController.off(TouchControllerEvent.TouchEnd, this.handleTouchEnd);
                     if (this.cacheManager)
                         this.slide.restoreOriginalResourceUrls();
-                    await this.slideApi.destroy();
                 }
                 catch (error) {
                     console.error(error);
                 }
+                finally {
+                    release();
+                }
             }
             getNavigationDirection(event, currentTarget) {
                 const xPercent = this.getClickPosition(event, currentTarget);
@@ -10161,8 +10172,6 @@ let StoryViewModel = (() => {
             async onSlideChange(index) {
                 var _b;
                 try {
-                    if (!this.isInited || !this.isStarted)
-                        return;
                     const lastSlide = this.getSlideByIndex(this._activeSlideIndex);
                     const activeSlide = this.getSlideByIndex(index);
                     this._activeSlideIndex = index;
@@ -10257,6 +10266,12 @@ var isEmpty_js_x = (y) => {
 } 
 var isEmpty_js_y = (x) => (() => (x))
 const isEmpty_js_namespaceObject = isEmpty_js_x({ ["default"]: () => (__WEBPACK_EXTERNAL_MODULE_lodash_isEmpty_js_f1e1789b__["default"]) });
+;// CONCATENATED MODULE: external "lodash/isObject.js"
+var isObject_js_x = (y) => {
+	var x = {}; __webpack_require__.d(x, y); return x
+} 
+var isObject_js_y = (x) => (() => (x))
+const isObject_js_namespaceObject = isObject_js_x({ ["default"]: () => (__WEBPACK_EXTERNAL_MODULE_lodash_isObject_js_84bb7d23__["default"]) });
 ;// CONCATENATED MODULE: ../core/src/readers/gameReader/gameSessionHandlers/gameInstanceLocalDataHandlers/gameInstanceStorage.ts
 
 
@@ -10599,7 +10614,7 @@ class GameCenterApi {
         const body = {};
         if (gameOptions && (0,isObject_js_namespaceObject["default"])(gameOptions) && gameOptions.demoMode != null)
             body.demoMode = Boolean(gameOptions.demoMode);
-        const response = await api.post(`game/${gameInstanceId}/launch`, body, params);
+        const response = await api.post(`game/${gameInstanceId}/launch`, body, { params });
         return response.data;
     }
 }
@@ -10692,7 +10707,7 @@ class GameClientConfig {
             value: void 0
         });
         const storyManagerConfig = this.storyManager.config;
-        const sdkVersion = "1.8.0-rc.10";
+        const sdkVersion = "1.8.0-rc.12";
         const placeholders = this.storyManager.rootStore.placeholderStore.placeholders;
         const session = this.storyManager.rootStore.sessionStore.session;
         this.sessionId = session.id;
@@ -20965,7 +20980,7 @@ class UgcEditorStore {
         const session = await this.storyManager.rootStore.sessionStore.open();
         const ugcEditorConfigDto = await this.ugcEditorApi.fetchUgcEditorConfig();
         const storyManagerConfig = this.storyManager.config;
-        const sdkVersion = "1.8.0-rc.10";
+        const sdkVersion = "1.8.0-rc.12";
         this._config = {
             sessionId: session.id,
             apiKey: storyManagerConfig.apiKey,
@@ -20998,7 +21013,6 @@ class UgcEditorApi {
         const requestConfig = {
             method: "GET",
             url: "ugc/editor-config",
-            params: {}
         };
         const response = await api.request(requestConfig);
         return response.data;
@@ -21397,7 +21411,7 @@ class StoryManager extends TypedEventEmitter {
         return this._userAgent;
     }
     get sdkVersionName() {
-        const sdkVersionName = "1.8.0-rc.10";
+        const sdkVersionName = "1.8.0-rc.12";
         return sdkVersionName || "0.0.0";
     }
     get sdkVersionCode() {
@@ -26902,7 +26916,7 @@ const messageViewsByType = {
 
 ;// CONCATENATED MODULE: ./src/InAppMessaging/components/BottomSheet/BottomSheet.styles.ts
 
-const bottomSheetStyles = (0,external_lit_namespaceObject.css) `.bottom-sheet{position:fixed;inset:0;left:0;bottom:0;right:0;z-index:999}.bottom-sheet__backdrop{position:fixed;inset:0;left:0;bottom:0;right:0;z-index:-1;background-color:rgba(0,0,0,var(--backdrop-opacity,.5));opacity:0;transition:opacity 225ms cubic-bezier(.4,0,.2,1);pointer-events:none}.bottom-sheet__backdrop--visible{animation:fade-in .3s forwards}.bottom-sheet__backdrop--hidden{animation:fade-out .3s forwards}.bottom-sheet__box{position:absolute;left:0;right:0;bottom:0;will-change:transform;border-top-left-radius:var(--slide-border-top-left-radius,0);border-top-right-radius:var(--slide-border-top-right-radius,0);background-color:transparent;transition:opacity .3s ease,transform .3s ease;transform:translate3d(0,120%,0);pointer-events:all}.bottom-sheet__box-wrapper{position:absolute;inset:0;pointer-events:none}.bottom-sheet__box-wrapper.bottom-sheet__box-wrapper--desktop-mode{position:absolute;bottom:0;left:50%;transform:translate3d(-50%,0,0)}.bottom-sheet__box.bottom-sheet__box--open{opacity:1;transform:translate3d(0,0,0)}.bottom-sheet__backdrop.bottom-sheet__backdrop--open{opacity:1;pointer-events:all}.bottom-sheet__header .close-strip-btn{margin-top:8px;width:32px;height:4px;background-color:#00000080;border-radius:var(--close-strip-btn-border-radius);position:absolute;z-index:10000;left:50%;transform:translate3d(-50%,0,0)}`;
+const bottomSheetStyles = (0,external_lit_namespaceObject.css) `.bottom-sheet{position:fixed;inset:0;left:0;bottom:0;right:0;z-index:999}.bottom-sheet__backdrop{position:fixed;inset:0;left:0;bottom:0;right:0;z-index:-1;background-color:rgba(0,0,0,var(--backdrop-opacity,.5));opacity:0;transition:opacity 225ms cubic-bezier(.4,0,.2,1);pointer-events:none}.bottom-sheet__backdrop--visible{animation:fade-in .3s forwards}.bottom-sheet__backdrop--hidden{animation:fade-out .3s forwards}.bottom-sheet__box{position:absolute;left:0;right:0;bottom:0;will-change:transform;border-top-left-radius:var(--slide-border-top-left-radius,0);border-top-right-radius:var(--slide-border-top-right-radius,0);background-color:transparent;transition:opacity .3s ease,transform .3s ease;transform:translate3d(0,120%,0);pointer-events:all;overflow:hidden}.bottom-sheet__box-wrapper{position:absolute;inset:0;pointer-events:none}.bottom-sheet__box-wrapper.bottom-sheet__box-wrapper--desktop-mode{position:absolute;bottom:0;left:50%;transform:translate3d(-50%,0,0)}.bottom-sheet__box.bottom-sheet__box--open{opacity:1;transform:translate3d(0,0,0)}.bottom-sheet__backdrop.bottom-sheet__backdrop--open{opacity:1;pointer-events:all}.bottom-sheet__header .close-strip-btn{margin-top:8px;width:32px;height:4px;background-color:#00000080;border-radius:var(--close-strip-btn-border-radius);position:absolute;z-index:10000;left:50%;transform:translate3d(-50%,0,0)}`;
 
 ;// CONCATENATED MODULE: external "lit/directives/style-map.js"
 var style_map_js_x = (y) => {
@@ -28618,7 +28632,7 @@ const IASContainer = (0,external_mobx_react_lite_namespaceObject.observer)((prop
     const gameReader = useGameReaderViewModel({ storyManager: storyManager });
     (0,external_react_namespaceObject.useEffect)(() => {
         if (iasContainerMounted)
-            throw new Error("There can only be one instance of <IASContainer /> per application");
+            throw new Error("[IAS]: There can only be one instance of <IASContainer /> per application");
         iasContainerMounted = true;
         return () => {
             iasContainerMounted = false;