@inappstory/react-sdk 1.8.0-rc.9 → 1.8.1

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")
@@ -2417,11 +2406,39 @@ function queryCache(originalMethod, context) {
     };
 }
 
+;// CONCATENATED MODULE: ../core/src/helpers/decorators/safeCustomElement.ts
+/**
+ * HMR-safe version of @customElement
+ * Prevents an error when re-registering a component.
+ */
+function safeCustomElement(tagName) {
+    return function (classDef, context) {
+        const defineIfNeeded = (ctor) => {
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, ctor);
+            }
+            else {
+                console.warn(`[IAS] Element "${tagName}" is already registered. Skipping re-definition`);
+            }
+        };
+        // New decorator specification: context is available and has addInitializer
+        if (context && typeof context.addInitializer === "function") {
+            context.addInitializer(() => defineIfNeeded(classDef));
+        }
+        else {
+            // Legacy-style decorators: just call define right away
+            defineIfNeeded(classDef);
+        }
+        return classDef;
+    };
+}
+
 ;// CONCATENATED MODULE: ../core/src/helpers/decorators/index.ts
 
 
 
 
+
 ;// CONCATENATED MODULE: ../core/src/helpers/encodeSvg.ts
 const symbols = /[\r\n%#()<>?[\\\]^`{|}]/g;
 function encodeSVG(data, externalQuotesValue = "double") {
@@ -3116,6 +3133,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 +3176,6 @@ const deviceDescriptor = new DeviceDescriptor();
 
 
 
-function mergeObjects(obj1, obj2) {
-    return Object.assign(Object.assign({}, obj1), obj2);
-}
 class API {
     constructor(config) {
         var _a;
@@ -3136,54 +3185,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 +3309,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 +3316,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 +3530,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 +3564,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);
@@ -3607,13 +3635,21 @@ let IamApi = (() => {
 ;// CONCATENATED MODULE: ../core/src/domain/inAppMessaging/models/appearanceOptions/iamCommonAppearanceOptions.ts
 class IamAppearanceCommonOptions {
     constructor(optionsDto) {
+        var _a;
         Object.defineProperty(this, "background", {
             enumerable: true,
             configurable: true,
             writable: true,
             value: void 0
         });
+        Object.defineProperty(this, "cardAppearance", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: {}
+        });
         this.background = this.mapBackgroundDtoToModel(optionsDto.background);
+        this.cardAppearance = (_a = optionsDto.card_appearance) !== null && _a !== void 0 ? _a : {};
     }
     mapBackgroundDtoToModel(backgroundDto) {
         if (!backgroundDto || backgroundDto.alpha === 0)
@@ -3919,8 +3955,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 +4534,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 +4584,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;
@@ -4565,7 +4606,7 @@ class StoriesApi {
         const config = {
             url: `${feedSlug === UGCFeedSlug ? "ugc/" : ""}story/${id}`,
             method: "GET",
-            params: { expand: expandFields.join(",") }
+            params: { expand: expandFields.join(",") /* , src_list: "true" */ }
         };
         config.params.once = Number(Boolean(once));
         if (!allFields) {
@@ -4617,7 +4658,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 +4667,9 @@ class StoryFeedsApi {
             tags: tags.join(","),
             options
         }, {
-            test: testKey
+            params: {
+                test: testKey
+            }
         });
         response.data.feedSlug = feedSlug;
         return response.data;
@@ -4634,8 +4677,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 +4690,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 +4759,7 @@ class StatisticV2Api {
     }
     async sendFallbackFetch(path, params) {
         const api = new API({ baseURL: domains.apiUrl });
-        await api.get(path, params);
+        await api.get(path, { params });
     }
 }
 
@@ -5114,6 +5161,7 @@ let StorySlide = (() => {
                 return this._html;
             }
             constructor(storySlideDto) {
+                var _b, _c;
                 _StorySlide__html_accessor_storage.set(this, (storySlide_runInitializers(this, _instanceExtraInitializers), storySlide_runInitializers(this, __html_initializers, "")));
                 Object.defineProperty(this, "index", {
                     enumerable: true,
@@ -5145,6 +5193,18 @@ let StorySlide = (() => {
                     writable: true,
                     value: void 0
                 });
+                Object.defineProperty(this, "resources", {
+                    enumerable: true,
+                    configurable: true,
+                    writable: true,
+                    value: []
+                });
+                Object.defineProperty(this, "_resourcesByBlob", {
+                    enumerable: true,
+                    configurable: true,
+                    writable: true,
+                    value: {}
+                });
                 this.index = storySlideDto.index;
                 this.timeline = {
                     foreground: storySlideDto.timeline.foreground,
@@ -5153,6 +5213,17 @@ let StorySlide = (() => {
                 this.duration = storySlideDto.duration;
                 this.screenshotShare = storySlideDto.screenshot_share;
                 this.eventPayload = storySlideDto.event_payload;
+                // TODO: don't map in the slide model.
+                // The model should not know anything about the DTO
+                this.resources =
+                    (_c = (_b = storySlideDto.resources) === null || _b === void 0 ? void 0 : _b.map(resource => ({
+                        type: resource.type,
+                        key: resource.key,
+                        url: resource.url,
+                        rangeStart: resource.range_start,
+                        rangeEnd: resource.range_end,
+                        contentType: resource.content_type
+                    }))) !== null && _c !== void 0 ? _c : [];
                 this._html = this.replaceSlideNonce(storySlideDto.html);
             }
             static createEmpty() {
@@ -5167,16 +5238,39 @@ let StorySlide = (() => {
                     html: ""
                 });
             }
-            replaceSlideNonce(slideHtml) {
-                var _b;
-                return replaceAll(slideHtml, `{{nonce}}`, (_b = getNonce()) !== null && _b !== void 0 ? _b : "");
-            }
             updatePlaceholders(placeholders) {
                 let slideHtml = this._html;
                 for (const placeholder of placeholders)
                     slideHtml = replaceAll(slideHtml, `%${placeholder.key}%`, placeholder.value);
                 this._html = slideHtml;
             }
+            applyBlobUrls(resourceUrls, resourcesByBlob) {
+                var _b;
+                let updatedHtml = this._html;
+                for (const resourceUrl of resourceUrls) {
+                    const blobUrl = (_b = resourcesByBlob[resourceUrl]) === null || _b === void 0 ? void 0 : _b.blobUrl;
+                    if (!blobUrl)
+                        continue;
+                    updatedHtml = replaceAll(updatedHtml, resourceUrl, blobUrl);
+                    this._resourcesByBlob[resourceUrl] = blobUrl;
+                }
+                this._html = updatedHtml;
+            }
+            restoreOriginalResourceUrls() {
+                let restoredHtml = this._html;
+                for (const [resourceUrl, blobUrl] of Object.entries(this._resourcesByBlob)) {
+                    restoredHtml = replaceAll(restoredHtml, blobUrl, resourceUrl);
+                }
+                this._html = restoredHtml;
+            }
+            parseResources() {
+                const resources = Array.from(this._html.matchAll(/src="([^"]+)"/gi), t => t[1]).filter(src => !src.startsWith("blob:"));
+                return Array.from(new Set(resources));
+            }
+            replaceSlideNonce(slideHtml) {
+                var _b;
+                return replaceAll(slideHtml, `{{nonce}}`, (_b = getNonce()) !== null && _b !== void 0 ? _b : "");
+            }
         },
         _StorySlide__html_accessor_storage = new WeakMap(),
         (() => {
@@ -7777,7 +7871,7 @@ var external_async_mutex_x = (y) => {
 	var x = {}; __webpack_require__.d(x, y); return x
 } 
 var external_async_mutex_y = (x) => (() => (x))
-const external_async_mutex_namespaceObject = external_async_mutex_x({ ["Mutex"]: () => (__WEBPACK_EXTERNAL_MODULE_async_mutex_052338b1__.Mutex) });
+const external_async_mutex_namespaceObject = external_async_mutex_x({ ["Mutex"]: () => (__WEBPACK_EXTERNAL_MODULE_async_mutex_052338b1__.Mutex), ["Semaphore"]: () => (__WEBPACK_EXTERNAL_MODULE_async_mutex_052338b1__.Semaphore) });
 ;// CONCATENATED MODULE: ../core/src/readers/storyReader/storySlideViewModel/storySlideViewModel.ts
 var storySlideViewModel_runInitializers = (undefined && undefined.__runInitializers) || function (thisArg, initializers, value) {
     var useValue = arguments.length > 2;
@@ -7842,7 +7936,7 @@ let StorySlideViewModel = (() => {
     return _a = class StorySlideViewModel {
             get _disabledNextClick() { return storySlideViewModel_classPrivateFieldGet(this, _StorySlideViewModel__disabledNextClick_accessor_storage, "f"); }
             set _disabledNextClick(value) { storySlideViewModel_classPrivateFieldSet(this, _StorySlideViewModel__disabledNextClick_accessor_storage, value, "f"); }
-            constructor(_story, _index, slideApi, slide) {
+            constructor(_story, _index, slideApi, slide, cacheManager) {
                 Object.defineProperty(this, "_story", {
                     enumerable: true,
                     configurable: true,
@@ -7867,6 +7961,12 @@ let StorySlideViewModel = (() => {
                     writable: true,
                     value: slide
                 });
+                Object.defineProperty(this, "cacheManager", {
+                    enumerable: true,
+                    configurable: true,
+                    writable: true,
+                    value: cacheManager
+                });
                 _StorySlideViewModel__disabledNextClick_accessor_storage.set(this, storySlideViewModel_runInitializers(this, __disabledNextClick_initializers, false));
                 Object.defineProperty(this, "mutex", {
                     enumerable: true,
@@ -7886,6 +7986,18 @@ let StorySlideViewModel = (() => {
                     writable: true,
                     value: false
                 });
+                Object.defineProperty(this, "preloaded", {
+                    enumerable: true,
+                    configurable: true,
+                    writable: true,
+                    value: false
+                });
+                Object.defineProperty(this, "isPreloading", {
+                    enumerable: true,
+                    configurable: true,
+                    writable: true,
+                    value: false
+                });
                 Object.defineProperty(this, "handleTouchEnd", {
                     enumerable: true,
                     configurable: true,
@@ -7898,9 +8010,6 @@ let StorySlideViewModel = (() => {
                     }
                 });
             }
-            get state() {
-                return this.slideApi.state;
-            }
             get index() {
                 return this._index;
             }
@@ -8097,6 +8206,23 @@ let StorySlideViewModel = (() => {
                 const { canClickNext } = this.slideApi.slideClickHandler(null, "backward");
                 return canClickNext;
             }
+            async preload(priority) {
+                if (!this.cacheManager || this.preloaded || this.isPreloading)
+                    return;
+                this.isPreloading = true;
+                const resourceUrls = this.slide.parseResources();
+                const cacheEntries = await this.cacheManager.preload(resourceUrls.map(resourceUrl => ({
+                    url: resourceUrl,
+                    priority
+                })));
+                const resourcesByUrl = {};
+                for (const cacheEntry of cacheEntries)
+                    resourcesByUrl[cacheEntry.url] = cacheEntry;
+                if (!this.cacheManager.isDestroyed)
+                    this.slide.applyBlobUrls(resourceUrls, resourcesByUrl);
+                this.preloaded = true;
+                this.isPreloading = false;
+            }
             onClick({ event, currentTarget, preventNavigation = false }) {
                 if (!event.target)
                     return;
@@ -8113,15 +8239,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);
-                    await this.slideApi.destroy();
+                    if (this.cacheManager)
+                        this.slide.restoreOriginalResourceUrls();
                 }
                 catch (error) {
                     console.error(error);
                 }
+                finally {
+                    release();
+                }
             }
             getNavigationDirection(event, currentTarget) {
                 const xPercent = this.getClickPosition(event, currentTarget);
@@ -9475,8 +9606,9 @@ var StoryEvent;
 (function (StoryEvent) {
     StoryEvent["ShowToast"] = "showToast";
 })(StoryEvent || (StoryEvent = {}));
+const ACTIVE_SLIDE_PRELOAD_PRIORITY = 1000;
 let StoryViewModel = (() => {
-    var _a, _StoryViewModel__activeSlideIndex_accessor_storage, _StoryViewModel__slides_accessor_storage, _StoryViewModel__needShowErrorScreen_accessor_storage, _StoryViewModel__needShowLoaderScreen_accessor_storage, _StoryViewModel__$root_accessor_storage;
+    var _a, _StoryViewModel__activeSlideIndex_accessor_storage, _StoryViewModel__slides_accessor_storage, _StoryViewModel__needShowErrorScreen_accessor_storage, _StoryViewModel__needShowLoaderScreen_accessor_storage, _StoryViewModel__$root_accessor_storage, _StoryViewModel_isInited_accessor_storage;
     var _b;
     let _classSuper = ViewModel;
     let _instanceExtraInitializers = [];
@@ -9495,6 +9627,9 @@ let StoryViewModel = (() => {
     let __$root_decorators;
     let __$root_initializers = [];
     let __$root_extraInitializers = [];
+    let _isInited_decorators;
+    let _isInited_initializers = [];
+    let _isInited_extraInitializers = [];
     let _get_needShowErrorScreen_decorators;
     let _get_needShowLoaderScreen_decorators;
     let _get_activeSlide_decorators;
@@ -9522,7 +9657,9 @@ let StoryViewModel = (() => {
             set _needShowLoaderScreen(value) { storyViewModel_classPrivateFieldSet(this, _StoryViewModel__needShowLoaderScreen_accessor_storage, value, "f"); }
             get _$root() { return storyViewModel_classPrivateFieldGet(this, _StoryViewModel__$root_accessor_storage, "f"); }
             set _$root(value) { storyViewModel_classPrivateFieldSet(this, _StoryViewModel__$root_accessor_storage, value, "f"); }
-            constructor(storyManager, storyReader, story, storySlideApiHandlersFactory, storyReaderStatisticV1Service, storyReaderStatisticV2Service) {
+            get isInited() { return storyViewModel_classPrivateFieldGet(this, _StoryViewModel_isInited_accessor_storage, "f"); }
+            set isInited(value) { storyViewModel_classPrivateFieldSet(this, _StoryViewModel_isInited_accessor_storage, value, "f"); }
+            constructor(storyManager, storyReader, story, storySlideApiHandlersFactory, storyReaderStatisticV1Service, storyReaderStatisticV2Service, cacheManager) {
                 super();
                 Object.defineProperty(this, "storyManager", {
                     enumerable: true,
@@ -9560,22 +9697,23 @@ let StoryViewModel = (() => {
                     writable: true,
                     value: storyReaderStatisticV2Service
                 });
+                Object.defineProperty(this, "cacheManager", {
+                    enumerable: true,
+                    configurable: true,
+                    writable: true,
+                    value: cacheManager
+                });
                 _StoryViewModel__activeSlideIndex_accessor_storage.set(this, storyViewModel_runInitializers(this, __activeSlideIndex_initializers, 0));
                 _StoryViewModel__slides_accessor_storage.set(this, (storyViewModel_runInitializers(this, __activeSlideIndex_extraInitializers), storyViewModel_runInitializers(this, __slides_initializers, [])));
                 _StoryViewModel__needShowErrorScreen_accessor_storage.set(this, (storyViewModel_runInitializers(this, __slides_extraInitializers), storyViewModel_runInitializers(this, __needShowErrorScreen_initializers, false)));
                 _StoryViewModel__needShowLoaderScreen_accessor_storage.set(this, (storyViewModel_runInitializers(this, __needShowErrorScreen_extraInitializers), storyViewModel_runInitializers(this, __needShowLoaderScreen_initializers, false)));
                 _StoryViewModel__$root_accessor_storage.set(this, (storyViewModel_runInitializers(this, __needShowLoaderScreen_extraInitializers), storyViewModel_runInitializers(this, __$root_initializers, null)));
-                Object.defineProperty(this, "isInited", {
-                    enumerable: true,
-                    configurable: true,
-                    writable: true,
-                    value: (storyViewModel_runInitializers(this, __$root_extraInitializers), false)
-                });
+                _StoryViewModel_isInited_accessor_storage.set(this, (storyViewModel_runInitializers(this, __$root_extraInitializers), storyViewModel_runInitializers(this, _isInited_initializers, false)));
                 Object.defineProperty(this, "isStarted", {
                     enumerable: true,
                     configurable: true,
                     writable: true,
-                    value: false
+                    value: (storyViewModel_runInitializers(this, _isInited_extraInitializers), false)
                 });
                 Object.defineProperty(this, "_activeSlideStartTime", {
                     enumerable: true,
@@ -9651,12 +9789,6 @@ let StoryViewModel = (() => {
                     writable: true,
                     value: void 0
                 });
-                Object.defineProperty(this, "initOnce", {
-                    enumerable: true,
-                    configurable: true,
-                    writable: true,
-                    value: false
-                });
                 Object.defineProperty(this, "toast", {
                     enumerable: true,
                     configurable: true,
@@ -9733,7 +9865,7 @@ let StoryViewModel = (() => {
                 return this.storyReader.displayStrategy;
             }
             get canBeShown() {
-                return this.story.canBeShown && this.slides.length > 0;
+                return this.story.canBeShown && this.slides.length > 0 && Boolean(this._$root);
             }
             get context() {
                 return this.story.context;
@@ -9790,6 +9922,9 @@ let StoryViewModel = (() => {
             get dir() {
                 return this.storyReader.dir;
             }
+            get isSlideRendered() {
+                return this.isInited;
+            }
             get isNextDisabled() {
                 return ((this.storyReader.reachEnd && this.reachEnd) ||
                     this.activeSlide.disabledNextClick ||
@@ -9921,15 +10056,24 @@ let StoryViewModel = (() => {
                 this.isInited = isInited;
                 this.isStarted = isStarted;
             }
+            async preloadSlides(start, end, priority) {
+                if (!this.story.canBeShown)
+                    this.showLoaderScreen();
+                await (0,external_mobx_namespaceObject.when)(() => this.story.canBeShown);
+                end = end !== null && end !== void 0 ? end : this._slides.length;
+                priority = priority !== null && priority !== void 0 ? priority : 0;
+                await Promise.all(this._slides.slice(start, end).map((slide, index) => slide.preload(end - index + priority)));
+            }
+            async preloadActiveSlide(priority) {
+                this.preloadSlides(this._activeSlideIndex, this._activeSlideIndex + 1, priority);
+            }
             async init() {
                 await this.mutex.runExclusive(async () => {
                     if (this.isInited)
                         return;
-                    if (!this.initOnce && !this.story.canBeShown) {
+                    if (!this.story.canBeShown)
                         this.showLoaderScreen();
-                        this.initOnce = true;
-                    }
-                    await (0,external_mobx_namespaceObject.when)(() => this.canBeShown && Boolean(this._$root));
+                    await (0,external_mobx_namespaceObject.when)(() => this.canBeShown);
                     await this.activeSlide.init();
                     this.isInited = true;
                 });
@@ -10037,13 +10181,14 @@ let StoryViewModel = (() => {
                     viewport: window,
                     userResizeHandler: undefined,
                     VODPlayer: this.storyManager.globalProperties.$videoOnDemand,
-                    overlappingActionBarHeight: this.actionPanel.height
+                    overlappingActionBarHeight: this.actionPanel.height,
+                    useSdkCacheForMultislideMode: false
                 });
                 slideApi.setSdkClientVariables(this.storyManager.config.options);
                 return slideApi;
             }
             async createSlidesViewModels(slides, slideApi) {
-                this._slides = slides.map((slide, index) => new StorySlideViewModel(this, index, slideApi, slide));
+                this._slides = slides.map((slide, index) => new StorySlideViewModel(this, index, slideApi, slide, this.cacheManager));
             }
             handleSpaceKeydown(e) {
                 if (e.code !== "Space")
@@ -10062,14 +10207,15 @@ let StoryViewModel = (() => {
                     this.mute();
             }
             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;
                     this.hideErrorScreen();
                     this.resumeAll();
+                    if (!((_b = this.storyManager.config.cache) === null || _b === void 0 ? void 0 : _b.prefetch))
+                        await this.preloadActiveSlide(ACTIVE_SLIDE_PRELOAD_PRIORITY);
                     await activeSlide.init();
                     await (lastSlide === null || lastSlide === void 0 ? void 0 : lastSlide.stop({ prepareForRestart: 2 /* ON_SLIDE_STOP_PREPARE_FOR_RESTART.NOT_PREPARE */ }));
                     await activeSlide.start();
@@ -10097,6 +10243,7 @@ let StoryViewModel = (() => {
         _StoryViewModel__needShowErrorScreen_accessor_storage = new WeakMap(),
         _StoryViewModel__needShowLoaderScreen_accessor_storage = new WeakMap(),
         _StoryViewModel__$root_accessor_storage = new WeakMap(),
+        _StoryViewModel_isInited_accessor_storage = new WeakMap(),
         (() => {
             var _b;
             const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create((_b = _classSuper[Symbol.metadata]) !== null && _b !== void 0 ? _b : null) : void 0;
@@ -10105,6 +10252,7 @@ let StoryViewModel = (() => {
             __needShowErrorScreen_decorators = [external_mobx_namespaceObject.observable];
             __needShowLoaderScreen_decorators = [external_mobx_namespaceObject.observable];
             __$root_decorators = [external_mobx_namespaceObject.observable];
+            _isInited_decorators = [external_mobx_namespaceObject.observable];
             _get_needShowErrorScreen_decorators = [external_mobx_namespaceObject.computed];
             _get_needShowLoaderScreen_decorators = [external_mobx_namespaceObject.computed];
             _get_activeSlide_decorators = [external_mobx_namespaceObject.computed];
@@ -10126,6 +10274,7 @@ let StoryViewModel = (() => {
             storyViewModel_esDecorate(_a, null, __needShowErrorScreen_decorators, { kind: "accessor", name: "_needShowErrorScreen", static: false, private: false, access: { has: obj => "_needShowErrorScreen" in obj, get: obj => obj._needShowErrorScreen, set: (obj, value) => { obj._needShowErrorScreen = value; } }, metadata: _metadata }, __needShowErrorScreen_initializers, __needShowErrorScreen_extraInitializers);
             storyViewModel_esDecorate(_a, null, __needShowLoaderScreen_decorators, { kind: "accessor", name: "_needShowLoaderScreen", static: false, private: false, access: { has: obj => "_needShowLoaderScreen" in obj, get: obj => obj._needShowLoaderScreen, set: (obj, value) => { obj._needShowLoaderScreen = value; } }, metadata: _metadata }, __needShowLoaderScreen_initializers, __needShowLoaderScreen_extraInitializers);
             storyViewModel_esDecorate(_a, null, __$root_decorators, { kind: "accessor", name: "_$root", static: false, private: false, access: { has: obj => "_$root" in obj, get: obj => obj._$root, set: (obj, value) => { obj._$root = value; } }, metadata: _metadata }, __$root_initializers, __$root_extraInitializers);
+            storyViewModel_esDecorate(_a, null, _isInited_decorators, { kind: "accessor", name: "isInited", static: false, private: false, access: { has: obj => "isInited" in obj, get: obj => obj.isInited, set: (obj, value) => { obj.isInited = value; } }, metadata: _metadata }, _isInited_initializers, _isInited_extraInitializers);
             storyViewModel_esDecorate(_a, null, _get_needShowErrorScreen_decorators, { kind: "getter", name: "needShowErrorScreen", static: false, private: false, access: { has: obj => "needShowErrorScreen" in obj, get: obj => obj.needShowErrorScreen }, metadata: _metadata }, null, _instanceExtraInitializers);
             storyViewModel_esDecorate(_a, null, _get_needShowLoaderScreen_decorators, { kind: "getter", name: "needShowLoaderScreen", static: false, private: false, access: { has: obj => "needShowLoaderScreen" in obj, get: obj => obj.needShowLoaderScreen }, metadata: _metadata }, null, _instanceExtraInitializers);
             storyViewModel_esDecorate(_a, null, _get_activeSlide_decorators, { kind: "getter", name: "activeSlide", static: false, private: false, access: { has: obj => "activeSlide" in obj, get: obj => obj.activeSlide }, metadata: _metadata }, null, _instanceExtraInitializers);
@@ -10154,6 +10303,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
 
 
@@ -10496,7 +10651,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;
     }
 }
@@ -10589,7 +10744,7 @@ class GameClientConfig {
             value: void 0
         });
         const storyManagerConfig = this.storyManager.config;
-        const sdkVersion = "1.8.0-rc.9";
+        const sdkVersion = "1.8.1";
         const placeholders = this.storyManager.rootStore.placeholderStore.placeholders;
         const session = this.storyManager.rootStore.sessionStore.session;
         this.sessionId = session.id;
@@ -12058,6 +12213,9 @@ class StorySlideApiHandlers {
             value: new NarrativeDataCache()
         });
     }
+    onEvent(name, event) { }
+    onCardLoadingStateChange(state) { }
+    ;
     clearNarrativeSessionDataCache() {
         this.sessionNarrativeDataCache.clear();
     }
@@ -12805,6 +12963,8 @@ var storyReaderNavigationController_classPrivateFieldSet = (undefined && undefin
 
 
 const STORY_INIT_RANGE = 1;
+const ACTIVE_STORY_PRELOAD_PRIORITY = 1000;
+const NON_ACTIVE_STORY_PRELOAD_PRIORITY = 0;
 let StoryReaderNavigationController = (() => {
     var _a, _StoryReaderNavigationController__activeStory_accessor_storage, _StoryReaderNavigationController__currentIndex_accessor_storage, _StoryReaderNavigationController__targetTransitionIndex_accessor_storage;
     let _instanceExtraInitializers = [];
@@ -12942,7 +13102,6 @@ let StoryReaderNavigationController = (() => {
                 this.currentStoryDisplayStrategy.handleNextStoryByIndex(index);
                 this.initStoriesWithinRange(index);
                 await this.animatedNavigationController.transitionByIndex(index, this.currentIndex);
-                //await Promise.all([p1, p2]);
                 await this.handleTransitionEnd(index, action);
             }
             handleStoryReaderReachEnd(action) {
@@ -12986,6 +13145,7 @@ let StoryReaderNavigationController = (() => {
             async runNextStory(prevStory, story) {
                 try {
                     await (prevStory === null || prevStory === void 0 ? void 0 : prevStory.stop());
+                    await this.preloadActiveStory(story);
                     await story.init();
                     await story.start();
                 }
@@ -12994,11 +13154,16 @@ let StoryReaderNavigationController = (() => {
                 }
             }
             async initStoriesWithinRange(currentIndex) {
-                let stories = this.storyReader.stories;
+                const stories = this.storyReader.stories;
                 const start = Math.max(currentIndex - STORY_INIT_RANGE, 0);
                 const end = Math.min(currentIndex + STORY_INIT_RANGE, stories.length - 1);
-                stories = stories.slice(start, end + 1);
-                return Promise.allSettled(stories.map(story => story.init()));
+                const storiesToInit = [];
+                for (let i = start; i <= end; i++) {
+                    if (i !== currentIndex)
+                        storiesToInit.push(stories[i]);
+                }
+                await this.preloadSiblingStories(storiesToInit);
+                return Promise.allSettled(storiesToInit.map(story => story.init()));
             }
             handleActiveStoryError(story) {
                 if (!(story === null || story === void 0 ? void 0 : story.error))
@@ -13014,6 +13179,28 @@ let StoryReaderNavigationController = (() => {
             limitIndex(index) {
                 return Math.max(0, Math.min(this.storyReader.stories.length - 1, index));
             }
+            async preloadActiveStory(story) {
+                const cacheConfig = this.storyManager.config.cache;
+                if (!cacheConfig)
+                    return;
+                if (cacheConfig.prefetch) {
+                    await story.preloadSlides(0, story.slidesCount, ACTIVE_STORY_PRELOAD_PRIORITY);
+                }
+                else {
+                    await story.preloadActiveSlide(ACTIVE_STORY_PRELOAD_PRIORITY);
+                }
+            }
+            async preloadSiblingStories(stories) {
+                const cacheConfig = this.storyManager.config.cache;
+                if (!cacheConfig)
+                    return;
+                if (cacheConfig.prefetch) {
+                    await Promise.all(stories.map(story => story.preloadSlides(0, 2, NON_ACTIVE_STORY_PRELOAD_PRIORITY)));
+                }
+                else {
+                    await Promise.all(stories.map(story => story.preloadActiveSlide(NON_ACTIVE_STORY_PRELOAD_PRIORITY)));
+                }
+            }
         },
         _StoryReaderNavigationController__activeStory_accessor_storage = new WeakMap(),
         _StoryReaderNavigationController__currentIndex_accessor_storage = new WeakMap(),
@@ -13051,129 +13238,81 @@ let StoryReaderNavigationController = (() => {
 
 
 ;// CONCATENATED MODULE: ../core/src/readers/storyReader/storyReaderViewModel/storyDisplayStrategies/showOnboardingStoriesStrategy.ts
-var showOnboardingStoriesStrategy_runInitializers = (undefined && undefined.__runInitializers) || function (thisArg, initializers, value) {
-    var useValue = arguments.length > 2;
-    for (var i = 0; i < initializers.length; i++) {
-        value = useValue ? initializers[i].call(thisArg, value) : initializers[i].call(thisArg);
-    }
-    return useValue ? value : void 0;
-};
-var showOnboardingStoriesStrategy_esDecorate = (undefined && undefined.__esDecorate) || function (ctor, descriptorIn, decorators, contextIn, initializers, extraInitializers) {
-    function accept(f) { if (f !== void 0 && typeof f !== "function") throw new TypeError("Function expected"); return f; }
-    var kind = contextIn.kind, key = kind === "getter" ? "get" : kind === "setter" ? "set" : "value";
-    var target = !descriptorIn && ctor ? contextIn["static"] ? ctor : ctor.prototype : null;
-    var descriptor = descriptorIn || (target ? Object.getOwnPropertyDescriptor(target, contextIn.name) : {});
-    var _, done = false;
-    for (var i = decorators.length - 1; i >= 0; i--) {
-        var context = {};
-        for (var p in contextIn) context[p] = p === "access" ? {} : contextIn[p];
-        for (var p in contextIn.access) context.access[p] = contextIn.access[p];
-        context.addInitializer = function (f) { if (done) throw new TypeError("Cannot add initializers after decoration has completed"); extraInitializers.push(accept(f || null)); };
-        var result = (0, decorators[i])(kind === "accessor" ? { get: descriptor.get, set: descriptor.set } : descriptor[key], context);
-        if (kind === "accessor") {
-            if (result === void 0) continue;
-            if (result === null || typeof result !== "object") throw new TypeError("Object expected");
-            if (_ = accept(result.get)) descriptor.get = _;
-            if (_ = accept(result.set)) descriptor.set = _;
-            if (_ = accept(result.init)) initializers.unshift(_);
-        }
-        else if (_ = accept(result)) {
-            if (kind === "field") initializers.unshift(_);
-            else descriptor[key] = _;
-        }
-    }
-    if (target) Object.defineProperty(target, contextIn.name, descriptor);
-    done = true;
-};
 
-
-let ShowOnboardingStoriesStrategy = (() => {
-    var _a;
-    let _instanceExtraInitializers = [];
-    let _show_decorators;
-    return _a = class ShowOnboardingStoriesStrategy {
-            constructor(showMultipleStoriesStrategy, storyManager) {
-                Object.defineProperty(this, "showMultipleStoriesStrategy", {
-                    enumerable: true,
-                    configurable: true,
-                    writable: true,
-                    value: (showOnboardingStoriesStrategy_runInitializers(this, _instanceExtraInitializers), showMultipleStoriesStrategy)
-                });
-                Object.defineProperty(this, "storyManager", {
-                    enumerable: true,
-                    configurable: true,
-                    writable: true,
-                    value: storyManager
-                });
-                Object.defineProperty(this, "_feed", {
-                    enumerable: true,
-                    configurable: true,
-                    writable: true,
-                    value: null
-                });
-            }
-            get feed() {
-                return this._feed;
-            }
-            async show(payload) {
-                var _b, _c;
-                const storyFeedStore = this.storyManager.rootStore.onboardingFeedStore;
-                const onboardingFeed = await storyFeedStore.fetchOnboardingFeed({
-                    feedSlug: payload.feedSlug,
-                    tags: (_b = payload.customTags) !== null && _b !== void 0 ? _b : [],
-                    limit: (_c = payload.limit) !== null && _c !== void 0 ? _c : undefined
-                });
-                this._feed = onboardingFeed;
-                const feedLoadEvent = this.getFeedLoadEvent(onboardingFeed.slug, onboardingFeed.stories);
-                this.emitFeedLoad(feedLoadEvent);
-                if (!onboardingFeed.stories.length)
-                    return feedLoadEvent;
-                await this.showMultipleStoriesStrategy.show({
-                    windowReferer: STORY_READER_WINDOW_REFERER.default,
-                    storyFeed: onboardingFeed,
-                    storyId: onboardingFeed.stories[0].id
-                });
-                return feedLoadEvent;
-            }
-            async handleNextStoryByIndex(nextStoryIndex) {
-                this.showMultipleStoriesStrategy.handleNextStoryByIndex(nextStoryIndex);
-            }
-            emitFeedLoad(event) {
-                this.storyManager.emit("feedLoad", event);
-            }
-            getFeedLoadEvent(feed, onboardingStories) {
-                const stories = onboardingStories.map(story => {
-                    const additionalPayload = {
-                        title: null,
-                        slidesCount: null
-                    };
-                    if (story) {
-                        additionalPayload.title = story.statTitle;
-                        additionalPayload.slidesCount = story.slidesCount;
-                    }
-                    return Object.assign({ id: story.id }, additionalPayload);
-                });
-                const eventData = {
-                    stories,
-                    feed: null,
-                    filter: null
-                };
-                eventData.feed = feed;
-                return eventData;
-            }
-            async reload(payload) {
-                this.showMultipleStoriesStrategy.reload(payload);
+class ShowOnboardingStoriesStrategy {
+    constructor(showMultipleStoriesStrategy, storyManager) {
+        Object.defineProperty(this, "showMultipleStoriesStrategy", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: showMultipleStoriesStrategy
+        });
+        Object.defineProperty(this, "storyManager", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: storyManager
+        });
+        Object.defineProperty(this, "_feed", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: null
+        });
+    }
+    get feed() {
+        return this._feed;
+    }
+    async show(payload) {
+        var _a, _b;
+        const storyFeedStore = this.storyManager.rootStore.onboardingFeedStore;
+        const onboardingFeed = await storyFeedStore.fetchOnboardingFeed({
+            feedSlug: payload.feedSlug,
+            tags: (_a = payload.customTags) !== null && _a !== void 0 ? _a : [],
+            limit: (_b = payload.limit) !== null && _b !== void 0 ? _b : undefined
+        });
+        this._feed = onboardingFeed;
+        const feedLoadEvent = this.getFeedLoadEvent(onboardingFeed.slug, onboardingFeed.stories);
+        this.emitFeedLoad(feedLoadEvent);
+        if (!onboardingFeed.stories.length)
+            return feedLoadEvent;
+        await this.showMultipleStoriesStrategy.show({
+            windowReferer: STORY_READER_WINDOW_REFERER.default,
+            storyFeed: onboardingFeed,
+            storyId: onboardingFeed.stories[0].id
+        });
+        return feedLoadEvent;
+    }
+    async handleNextStoryByIndex(nextStoryIndex) {
+        this.showMultipleStoriesStrategy.handleNextStoryByIndex(nextStoryIndex);
+    }
+    emitFeedLoad(event) {
+        this.storyManager.emit("feedLoad", event);
+    }
+    getFeedLoadEvent(feed, onboardingStories) {
+        const stories = onboardingStories.map(story => {
+            const additionalPayload = {
+                title: null,
+                slidesCount: null
+            };
+            if (story) {
+                additionalPayload.title = story.statTitle;
+                additionalPayload.slidesCount = story.slidesCount;
             }
-        },
-        (() => {
-            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(null) : void 0;
-            _show_decorators = [noConcurrent];
-            showOnboardingStoriesStrategy_esDecorate(_a, null, _show_decorators, { kind: "method", name: "show", static: false, private: false, access: { has: obj => "show" in obj, get: obj => obj.show }, metadata: _metadata }, null, _instanceExtraInitializers);
-            if (_metadata) Object.defineProperty(_a, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
-        })(),
-        _a;
-})();
-
+            return Object.assign({ id: story.id }, additionalPayload);
+        });
+        const eventData = {
+            stories,
+            feed: null,
+            filter: null
+        };
+        eventData.feed = feed;
+        return eventData;
+    }
+    async reload(payload) {
+        this.showMultipleStoriesStrategy.reload(payload);
+    }
+}
 
 ;// CONCATENATED MODULE: ../core/src/readers/storyReader/storyReaderViewModel/storyDisplayStrategies/showMultipleStoriesStrategy.ts
 const NUMBER_OF_LAZY_LOADED_STORIES = 2;
@@ -13284,195 +13423,59 @@ class ShowStoryFromSharePageStrategy {
 }
 
 ;// CONCATENATED MODULE: ../core/src/readers/storyReader/storyReaderViewModel/storyDisplayStrategies/showStoryOnceStrategy.ts
-var showStoryOnceStrategy_runInitializers = (undefined && undefined.__runInitializers) || function (thisArg, initializers, value) {
-    var useValue = arguments.length > 2;
-    for (var i = 0; i < initializers.length; i++) {
-        value = useValue ? initializers[i].call(thisArg, value) : initializers[i].call(thisArg);
-    }
-    return useValue ? value : void 0;
-};
-var showStoryOnceStrategy_esDecorate = (undefined && undefined.__esDecorate) || function (ctor, descriptorIn, decorators, contextIn, initializers, extraInitializers) {
-    function accept(f) { if (f !== void 0 && typeof f !== "function") throw new TypeError("Function expected"); return f; }
-    var kind = contextIn.kind, key = kind === "getter" ? "get" : kind === "setter" ? "set" : "value";
-    var target = !descriptorIn && ctor ? contextIn["static"] ? ctor : ctor.prototype : null;
-    var descriptor = descriptorIn || (target ? Object.getOwnPropertyDescriptor(target, contextIn.name) : {});
-    var _, done = false;
-    for (var i = decorators.length - 1; i >= 0; i--) {
-        var context = {};
-        for (var p in contextIn) context[p] = p === "access" ? {} : contextIn[p];
-        for (var p in contextIn.access) context.access[p] = contextIn.access[p];
-        context.addInitializer = function (f) { if (done) throw new TypeError("Cannot add initializers after decoration has completed"); extraInitializers.push(accept(f || null)); };
-        var result = (0, decorators[i])(kind === "accessor" ? { get: descriptor.get, set: descriptor.set } : descriptor[key], context);
-        if (kind === "accessor") {
-            if (result === void 0) continue;
-            if (result === null || typeof result !== "object") throw new TypeError("Object expected");
-            if (_ = accept(result.get)) descriptor.get = _;
-            if (_ = accept(result.set)) descriptor.set = _;
-            if (_ = accept(result.init)) initializers.unshift(_);
-        }
-        else if (_ = accept(result)) {
-            if (kind === "field") initializers.unshift(_);
-            else descriptor[key] = _;
-        }
-    }
-    if (target) Object.defineProperty(target, contextIn.name, descriptor);
-    done = true;
-};
-
-
-
-let ShowStoryOnceStrategy = (() => {
-    var _a;
-    let _instanceExtraInitializers = [];
-    let _show_decorators;
-    return _a = class ShowStoryOnceStrategy {
-            constructor(storyManager, storyReaderViewModel) {
-                Object.defineProperty(this, "storyManager", {
-                    enumerable: true,
-                    configurable: true,
-                    writable: true,
-                    value: (showStoryOnceStrategy_runInitializers(this, _instanceExtraInitializers), storyManager)
-                });
-                Object.defineProperty(this, "storyReaderViewModel", {
-                    enumerable: true,
-                    configurable: true,
-                    writable: true,
-                    value: storyReaderViewModel
-                });
-            }
-            get feed() {
-                return null;
-            }
-            async show(payload) {
-                try {
-                    const storyStore = this.storyManager.rootStore.storyStore;
-                    const story = await storyStore.fetchStoryById({
-                        storyId: payload.storyId,
-                        feedSlug: "",
-                        once: true
-                    });
-                    if (story.error)
-                        throw story.error;
-                    if (story.isOpened)
-                        throw new IasStoryAlreadyShownError(payload.storyId.toString());
-                    this.openStoryReader(story);
-                }
-                catch (error) {
-                    this.storyReaderViewModel.close();
-                    throw error;
-                }
-            }
-            openStoryReader(story) {
-                this.storyReaderViewModel.open({
-                    windowReferer: STORY_READER_WINDOW_REFERER.default,
-                    id: story.id,
-                    stories: [story]
-                });
-            }
-            async handleNextStoryByIndex(storyIndex) { }
-            async reload(payload) { }
-        },
-        (() => {
-            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(null) : void 0;
-            _show_decorators = [noConcurrent];
-            showStoryOnceStrategy_esDecorate(_a, null, _show_decorators, { kind: "method", name: "show", static: false, private: false, access: { has: obj => "show" in obj, get: obj => obj.show }, metadata: _metadata }, null, _instanceExtraInitializers);
-            if (_metadata) Object.defineProperty(_a, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
-        })(),
-        _a;
-})();
 
 
-;// CONCATENATED MODULE: ../core/src/readers/storyReader/storyReaderViewModel/storyDisplayStrategies/showStoryStrategy.ts
-var showStoryStrategy_runInitializers = (undefined && undefined.__runInitializers) || function (thisArg, initializers, value) {
-    var useValue = arguments.length > 2;
-    for (var i = 0; i < initializers.length; i++) {
-        value = useValue ? initializers[i].call(thisArg, value) : initializers[i].call(thisArg);
+class ShowStoryOnceStrategy {
+    constructor(storyManager, storyReaderViewModel) {
+        Object.defineProperty(this, "storyManager", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: storyManager
+        });
+        Object.defineProperty(this, "storyReaderViewModel", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: storyReaderViewModel
+        });
     }
-    return useValue ? value : void 0;
-};
-var showStoryStrategy_esDecorate = (undefined && undefined.__esDecorate) || function (ctor, descriptorIn, decorators, contextIn, initializers, extraInitializers) {
-    function accept(f) { if (f !== void 0 && typeof f !== "function") throw new TypeError("Function expected"); return f; }
-    var kind = contextIn.kind, key = kind === "getter" ? "get" : kind === "setter" ? "set" : "value";
-    var target = !descriptorIn && ctor ? contextIn["static"] ? ctor : ctor.prototype : null;
-    var descriptor = descriptorIn || (target ? Object.getOwnPropertyDescriptor(target, contextIn.name) : {});
-    var _, done = false;
-    for (var i = decorators.length - 1; i >= 0; i--) {
-        var context = {};
-        for (var p in contextIn) context[p] = p === "access" ? {} : contextIn[p];
-        for (var p in contextIn.access) context.access[p] = contextIn.access[p];
-        context.addInitializer = function (f) { if (done) throw new TypeError("Cannot add initializers after decoration has completed"); extraInitializers.push(accept(f || null)); };
-        var result = (0, decorators[i])(kind === "accessor" ? { get: descriptor.get, set: descriptor.set } : descriptor[key], context);
-        if (kind === "accessor") {
-            if (result === void 0) continue;
-            if (result === null || typeof result !== "object") throw new TypeError("Object expected");
-            if (_ = accept(result.get)) descriptor.get = _;
-            if (_ = accept(result.set)) descriptor.set = _;
-            if (_ = accept(result.init)) initializers.unshift(_);
+    get feed() {
+        return null;
+    }
+    async show(payload) {
+        try {
+            const storyStore = this.storyManager.rootStore.storyStore;
+            const story = await storyStore.fetchStoryById({
+                storyId: payload.storyId,
+                feedSlug: "",
+                once: true
+            });
+            if (story.error)
+                throw story.error;
+            if (story.isOpened)
+                throw new IasStoryAlreadyShownError(payload.storyId.toString());
+            this.openStoryReader(story);
         }
-        else if (_ = accept(result)) {
-            if (kind === "field") initializers.unshift(_);
-            else descriptor[key] = _;
+        catch (error) {
+            this.storyReaderViewModel.close();
+            throw error;
         }
     }
-    if (target) Object.defineProperty(target, contextIn.name, descriptor);
-    done = true;
-};
-
-
-let ShowStoryStrategy = (() => {
-    var _a;
-    let _instanceExtraInitializers = [];
-    let _show_decorators;
-    return _a = class ShowStoryStrategy {
-            constructor(storyManager, storyReaderViewModel) {
-                Object.defineProperty(this, "storyManager", {
-                    enumerable: true,
-                    configurable: true,
-                    writable: true,
-                    value: (showStoryStrategy_runInitializers(this, _instanceExtraInitializers), storyManager)
-                });
-                Object.defineProperty(this, "storyReaderViewModel", {
-                    enumerable: true,
-                    configurable: true,
-                    writable: true,
-                    value: storyReaderViewModel
-                });
-            }
-            get feed() {
-                return null;
-            }
-            async show(payload) {
-                const storyStore = this.storyManager.rootStore.storyStore;
-                const story = await storyStore.fetchStoryById({
-                    storyId: payload.storyId,
-                    feedSlug: "",
-                    fetchShareUrl: payload.fetchShareUrl
-                });
-                this.openStoryReader(story, payload);
-            }
-            openStoryReader(story, payload) {
-                this.storyReaderViewModel.open({
-                    windowReferer: STORY_READER_WINDOW_REFERER.default,
-                    id: story.id,
-                    stories: [story]
-                });
-            }
-            async handleNextStoryByIndex(storyIndex) { }
-            async reload(payload) { }
-        },
-        (() => {
-            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(null) : void 0;
-            _show_decorators = [noConcurrent];
-            showStoryStrategy_esDecorate(_a, null, _show_decorators, { kind: "method", name: "show", static: false, private: false, access: { has: obj => "show" in obj, get: obj => obj.show }, metadata: _metadata }, null, _instanceExtraInitializers);
-            if (_metadata) Object.defineProperty(_a, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
-        })(),
-        _a;
-})();
-
+    openStoryReader(story) {
+        this.storyReaderViewModel.open({
+            windowReferer: STORY_READER_WINDOW_REFERER.default,
+            id: story.id,
+            stories: [story]
+        });
+    }
+    async handleNextStoryByIndex(storyIndex) { }
+    async reload(payload) { }
+}
 
-;// CONCATENATED MODULE: ../core/src/readers/storyReader/storyReaderViewModel/storyDisplayStrategies/storyDisplayStrategyFactory.ts
+;// CONCATENATED MODULE: ../core/src/readers/storyReader/storyReaderViewModel/storyDisplayStrategies/showStoryStrategy.ts
 
-class StoryDisplayStrategyFactory {
+class ShowStoryStrategy {
     constructor(storyManager, storyReaderViewModel) {
         Object.defineProperty(this, "storyManager", {
             enumerable: true,
@@ -13487,20 +13490,60 @@ class StoryDisplayStrategyFactory {
             value: storyReaderViewModel
         });
     }
-    createShowStory() {
-        return new ShowStoryStrategy(this.storyManager, this.storyReaderViewModel);
-    }
-    createShowStoryOnce() {
-        return new ShowStoryOnceStrategy(this.storyManager, this.storyReaderViewModel);
-    }
-    createShowStoryFromSharePage() {
-        return new ShowStoryFromSharePageStrategy(new ShowStoryStrategy(this.storyManager, this.storyReaderViewModel));
+    get feed() {
+        return null;
     }
-    createShowOnboardingStories() {
-        return new ShowOnboardingStoriesStrategy(new ShowMultipleStoriesStrategy(this.storyManager, this.storyReaderViewModel), this.storyManager);
+    async show(payload) {
+        const storyStore = this.storyManager.rootStore.storyStore;
+        const story = await storyStore.fetchStoryById({
+            storyId: payload.storyId,
+            feedSlug: "",
+            fetchShareUrl: payload.fetchShareUrl
+        });
+        this.openStoryReader(story, payload);
     }
-    createShowMultipleStories() {
-        return new ShowMultipleStoriesStrategy(this.storyManager, this.storyReaderViewModel);
+    openStoryReader(story, payload) {
+        this.storyReaderViewModel.open({
+            windowReferer: STORY_READER_WINDOW_REFERER.default,
+            id: story.id,
+            stories: [story]
+        });
+    }
+    async handleNextStoryByIndex(storyIndex) { }
+    async reload(payload) { }
+}
+
+;// CONCATENATED MODULE: ../core/src/readers/storyReader/storyReaderViewModel/storyDisplayStrategies/storyDisplayStrategyFactory.ts
+
+class StoryDisplayStrategyFactory {
+    constructor(storyManager, storyReaderViewModel) {
+        Object.defineProperty(this, "storyManager", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: storyManager
+        });
+        Object.defineProperty(this, "storyReaderViewModel", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: storyReaderViewModel
+        });
+    }
+    createShowStory() {
+        return new ShowStoryStrategy(this.storyManager, this.storyReaderViewModel);
+    }
+    createShowStoryOnce() {
+        return new ShowStoryOnceStrategy(this.storyManager, this.storyReaderViewModel);
+    }
+    createShowStoryFromSharePage() {
+        return new ShowStoryFromSharePageStrategy(new ShowStoryStrategy(this.storyManager, this.storyReaderViewModel));
+    }
+    createShowOnboardingStories() {
+        return new ShowOnboardingStoriesStrategy(new ShowMultipleStoriesStrategy(this.storyManager, this.storyReaderViewModel), this.storyManager);
+    }
+    createShowMultipleStories() {
+        return new ShowMultipleStoriesStrategy(this.storyManager, this.storyReaderViewModel);
     }
 }
 
@@ -13623,6 +13666,509 @@ class StoryReaderStatisticsController {
     }
 }
 
+;// CONCATENATED MODULE: ../core/src/cache/models/cacheEntry.ts
+class CacheEntry {
+    constructor(url, blob, lastAccessed = Date.now()) {
+        Object.defineProperty(this, "url", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: url
+        });
+        Object.defineProperty(this, "blob", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: blob
+        });
+        Object.defineProperty(this, "lastAccessed", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: lastAccessed
+        });
+        Object.defineProperty(this, "blobUrl", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+    }
+    updateLastAccessed() {
+        this.lastAccessed = Date.now();
+    }
+    getOrCreateBlobUrl() {
+        if (!this.blobUrl) {
+            this.blobUrl = URL.createObjectURL(this.blob);
+        }
+        return this.blobUrl;
+    }
+    unlinkBlob() {
+        if (this.blobUrl)
+            URL.revokeObjectURL(this.blobUrl);
+    }
+    destroy() {
+        this.unlinkBlob();
+    }
+}
+
+;// CONCATENATED MODULE: ../core/src/cache/cacheRepository.ts
+
+class CacheRepository {
+    constructor(driver) {
+        Object.defineProperty(this, "driver", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: driver
+        });
+        Object.defineProperty(this, "entries", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: new Map()
+        });
+    }
+    async get(url) {
+        let entry = this.entries.get(url);
+        if (!entry) {
+            const record = await this.driver.get(url);
+            if (!record)
+                return;
+            entry = new CacheEntry(record.url, record.blob, record.lastAccessed);
+            this.entries.set(url, entry);
+        }
+        return entry;
+    }
+    async loadAllEntries() {
+        const records = await this.driver.getAll();
+        const entities = [];
+        for (const record of records) {
+            const entry = new CacheEntry(record.url, record.blob, record.lastAccessed);
+            this.entries.set(record.url, entry);
+            entities.push(entry);
+        }
+        return entities;
+    }
+    async save(entry) {
+        this.entries.set(entry.url, entry);
+        await this.driver.set({
+            url: entry.url,
+            blob: entry.blob,
+            lastAccessed: entry.lastAccessed
+        });
+    }
+    async updateAccessTime(entry) {
+        this.entries.set(entry.url, entry);
+        await this.driver.updateAccessTime(entry.url, entry.lastAccessed);
+    }
+    async delete(url) {
+        this.entries.delete(url);
+        await this.driver.delete(url);
+    }
+    async getAll() {
+        return Array.from(this.entries.values());
+    }
+    async clear() {
+        for (const entry of this.entries.values())
+            entry.destroy();
+        this.entries.clear();
+        //await this.driver.clear();
+    }
+}
+
+;// CONCATENATED MODULE: ../core/src/cache/drivers/indexedDBDriver.ts
+class IndexedDBCacheDriver {
+    constructor(dbName, storeName) {
+        Object.defineProperty(this, "dbName", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        Object.defineProperty(this, "storeName", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        this.dbName = dbName;
+        this.storeName = storeName;
+    }
+    async getDB() {
+        return new Promise((resolve, reject) => {
+            const request = indexedDB.open(this.dbName, 1);
+            request.onupgradeneeded = () => {
+                const db = request.result;
+                if (!db.objectStoreNames.contains(this.storeName)) {
+                    const store = db.createObjectStore(this.storeName, { keyPath: "url" });
+                    store.createIndex("lastAccessed", "lastAccessed");
+                }
+            };
+            request.onsuccess = () => resolve(request.result);
+            request.onerror = () => reject(request.error);
+        });
+    }
+    async get(url) {
+        const db = await this.getDB();
+        return new Promise((resolve, reject) => {
+            const tx = db.transaction(this.storeName, "readonly");
+            const store = tx.objectStore(this.storeName);
+            const request = store.get(url);
+            request.onsuccess = () => {
+                const result = request.result;
+                resolve(result ? { url, lastAccessed: result.lastAccessed, blob: result.blob } : undefined);
+            };
+            request.onerror = () => reject(request.error);
+        });
+    }
+    async set(record) {
+        const db = await this.getDB();
+        return new Promise((resolve, reject) => {
+            const tx = db.transaction(this.storeName, "readwrite");
+            tx.objectStore(this.storeName).put(record);
+            tx.oncomplete = () => resolve();
+            tx.onerror = () => reject(tx.error);
+        });
+    }
+    async updateAccessTime(url, lastAccessed) {
+        const db = await this.getDB();
+        const tx = db.transaction(this.storeName, "readwrite");
+        const store = tx.objectStore(this.storeName);
+        const existing = await new Promise((resolve, reject) => {
+            const req = store.get(url);
+            req.onsuccess = () => resolve(req.result);
+            req.onerror = () => reject(req.error);
+        });
+        if (existing) {
+            existing.lastAccessed = lastAccessed;
+            store.put(existing);
+        }
+        return new Promise((resolve, reject) => {
+            tx.oncomplete = () => resolve();
+            tx.onerror = () => reject(tx.error);
+        });
+    }
+    async delete(url) {
+        const db = await this.getDB();
+        return new Promise((resolve, reject) => {
+            const tx = db.transaction(this.storeName, "readwrite");
+            tx.objectStore(this.storeName).delete(url);
+            tx.oncomplete = () => resolve();
+            tx.onerror = () => reject(tx.error);
+        });
+    }
+    async getAll() {
+        const db = await this.getDB();
+        return new Promise((resolve, reject) => {
+            const tx = db.transaction(this.storeName, "readonly");
+            const store = tx.objectStore(this.storeName);
+            const request = store.getAll();
+            request.onsuccess = () => resolve(request.result);
+            request.onerror = () => reject(request.error);
+        });
+    }
+    async clear() {
+        const db = await this.getDB();
+        return new Promise((resolve, reject) => {
+            const tx = db.transaction(this.storeName, "readwrite");
+            tx.objectStore(this.storeName).clear();
+            tx.oncomplete = () => resolve();
+            tx.onerror = () => reject(tx.error);
+        });
+    }
+}
+
+;// CONCATENATED MODULE: ../core/src/cache/drivers/memoryCacheDriver.ts
+class MemoryCacheDriver {
+    constructor() {
+        Object.defineProperty(this, "store", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: new Map()
+        });
+    }
+    async get(url) {
+        return this.store.get(url);
+    }
+    async set(record) {
+        this.store.set(record.url, record);
+    }
+    async delete(url) {
+        this.store.delete(url);
+    }
+    async getAll() {
+        return Array.from(this.store.values());
+    }
+    async clear() {
+        this.store.clear();
+    }
+    async updateAccessTime(url, lastAccessed) {
+        const record = await this.get(url);
+        if (!record)
+            return;
+        record.lastAccessed = lastAccessed;
+        this.set(record);
+    }
+}
+
+;// CONCATENATED MODULE: ../core/src/cache/lruCache.ts
+
+
+class LRUCache {
+    constructor(repository, loader, options) {
+        var _a, _b;
+        Object.defineProperty(this, "repository", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: repository
+        });
+        Object.defineProperty(this, "loader", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: loader
+        });
+        Object.defineProperty(this, "urlLocks", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: new Map()
+        });
+        Object.defineProperty(this, "options", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        this.options = {
+            maxSize: (_a = options === null || options === void 0 ? void 0 : options.maxSize) !== null && _a !== void 0 ? _a : 20,
+            debug: Boolean(options === null || options === void 0 ? void 0 : options.debug),
+            ttl: (_b = options === null || options === void 0 ? void 0 : options.ttl) !== null && _b !== void 0 ? _b : 3600
+        };
+    }
+    async init() {
+        await this.repository.loadAllEntries();
+        await this.tryEvict();
+    }
+    async getAll() {
+        return this.repository.getAll();
+    }
+    async get(url, priority) {
+        const mutex = this.getMutexForUrl(url);
+        const release = await mutex.acquire();
+        try {
+            let entry = await this.repository.get(url);
+            if (!entry)
+                entry = await this.add(url, priority);
+            entry.updateLastAccessed();
+            entry.getOrCreateBlobUrl();
+            if (this.options.debug)
+                console.log("[IAS]: Get from cache", entry);
+            await this.repository.updateAccessTime(entry);
+            return entry;
+        }
+        finally {
+            release();
+        }
+    }
+    async tryEvict() {
+        const expiredEntries = await this.evictExpired();
+        const oldestEntries = await this.evictOldest();
+        return [...expiredEntries, ...oldestEntries];
+    }
+    async evictOldest() {
+        const entries = await this.repository.getAll();
+        if (entries.length <= this.options.maxSize)
+            return [];
+        const evictedEntries = [];
+        const sorted = entries.sort((a, b) => a.lastAccessed - b.lastAccessed);
+        while (sorted.length > this.options.maxSize) {
+            const entry = sorted.shift();
+            if (!entry)
+                continue;
+            if (this.options.debug)
+                console.log("[IAS]: Remove oldest entry from cache", entry);
+            await this.removeEntry(entry);
+            evictedEntries.push(entry);
+        }
+        return evictedEntries;
+    }
+    async wait() {
+        await Promise.all(Array.from(this.urlLocks.values()).map(urlLock => urlLock.waitForUnlock()));
+    }
+    async evictExpired() {
+        if (this.options.ttl === 0)
+            return [];
+        const entries = await this.repository.getAll();
+        const now = Date.now();
+        const evictedEntries = [];
+        for (const entry of entries) {
+            if (entry.lastAccessed + this.options.ttl * 1000 < now) {
+                if (this.options.debug)
+                    console.log("[IAS]: Remove expired entry from cache", entry);
+                await this.removeEntry(entry);
+                evictedEntries.push(entry);
+            }
+        }
+        return evictedEntries;
+    }
+    async add(url, priority) {
+        const blob = await this.loader.enqueue(url, priority);
+        const entry = new CacheEntry(url, blob);
+        await this.repository.save(entry);
+        await this.tryEvict();
+        if (this.options.debug)
+            console.log("[IAS]: Add to cache", entry);
+        return entry;
+    }
+    getMutexForUrl(url) {
+        let mutex = this.urlLocks.get(url);
+        if (!mutex) {
+            mutex = new external_async_mutex_namespaceObject.Mutex();
+            this.urlLocks.set(url, mutex);
+        }
+        return mutex;
+    }
+    cleanupLock(url) {
+        this.urlLocks.delete(url);
+    }
+    async removeEntry(entry) {
+        entry.destroy();
+        this.cleanupLock(entry.url);
+        await this.repository.delete(entry.url);
+    }
+}
+
+;// CONCATENATED MODULE: ../core/src/cache/resourceLoader.ts
+
+class ResourceLoader {
+    constructor(concurrency) {
+        Object.defineProperty(this, "concurrency", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: concurrency
+        });
+        Object.defineProperty(this, "semaphore", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        this.semaphore = new external_async_mutex_namespaceObject.Semaphore(concurrency);
+    }
+    async enqueue(url, priority) {
+        return await this.semaphore.runExclusive(async () => {
+            const response = await fetch(url, { cache: "no-store" });
+            const blob = await response.blob();
+            return blob;
+        }, 1, priority);
+    }
+    wait() {
+        return this.semaphore.waitForUnlock(this.concurrency);
+    }
+    clear() {
+        this.semaphore.cancel();
+    }
+    async destroy() {
+        this.clear();
+        await this.wait();
+    }
+}
+
+;// CONCATENATED MODULE: ../core/src/cache/cacheManager.ts
+
+
+
+
+const CACHE_VERSION = 1;
+class CacheManager {
+    get isDestroyed() {
+        return this._isDestroyed;
+    }
+    constructor(options) {
+        var _a, _b, _c, _d, _e;
+        Object.defineProperty(this, "lruCache", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        Object.defineProperty(this, "loader", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        Object.defineProperty(this, "cacheRepository", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        Object.defineProperty(this, "options", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        Object.defineProperty(this, "_isDestroyed", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: false
+        });
+        this.options = {
+            maxSize: (_a = options.maxSize) !== null && _a !== void 0 ? _a : 20,
+            concurrency: (_b = options.concurrency) !== null && _b !== void 0 ? _b : 5,
+            debug: Boolean(options.debug),
+            ttl: (_c = options.ttl) !== null && _c !== void 0 ? _c : 3600,
+            type: (_d = options.type) !== null && _d !== void 0 ? _d : "indexeddb",
+            storeName: (_e = options.storeName) !== null && _e !== void 0 ? _e : "resources"
+        };
+        const driver = this.createCacheDriver();
+        this.cacheRepository = new CacheRepository(driver);
+        this.loader = new ResourceLoader(this.options.concurrency);
+        this.lruCache = new LRUCache(this.cacheRepository, this.loader, {
+            maxSize: this.options.maxSize,
+            debug: this.options.debug,
+            ttl: this.options.ttl
+        });
+        this.lruCache.init().catch(error => console.error("[IAS]: LRU cache init error", error));
+    }
+    async preload(requests) {
+        const results = await Promise.allSettled(requests.map(async (request) => {
+            return await this.lruCache.get(request.url, request.priority);
+        }));
+        return results
+            .filter((r) => r.status === "fulfilled" && r.value !== null)
+            .map(r => r.value);
+    }
+    async destroy() {
+        try {
+            this._isDestroyed = true;
+            await this.loader.destroy();
+            await this.lruCache.wait();
+        }
+        finally {
+            await this.cacheRepository.clear();
+            if (this.options.debug)
+                console.log("[IAS]: Destroy LRU cache");
+        }
+    }
+    createCacheDriver() {
+        if (this.options.type === "indexeddb")
+            return new IndexedDBCacheDriver(`ias-cache-v${CACHE_VERSION}`, this.options.storeName);
+        return new MemoryCacheDriver();
+    }
+}
+
+;// CONCATENATED MODULE: ../core/src/cache/index.ts
+
+
 ;// CONCATENATED MODULE: ../core/src/readers/storyReader/storyReaderViewModel/storyReaderViewModel.ts
 var storyReaderViewModel_runInitializers = (undefined && undefined.__runInitializers) || function (thisArg, initializers, value) {
     var useValue = arguments.length > 2;
@@ -13679,6 +14225,8 @@ var storyReaderViewModel_classPrivateFieldSet = (undefined && undefined.__classP
 
 
 
+
+
 var StoryReaderEvent;
 (function (StoryReaderEvent) {
     StoryReaderEvent["Close"] = "closeStoryReader";
@@ -13711,6 +14259,11 @@ let StoryReaderViewModel = (() => {
     let _get_reachEnd_decorators;
     let _open_decorators;
     let _close_decorators;
+    let _showStory_decorators;
+    let _showStoryOnce_decorators;
+    let _showStoryFromSharePage_decorators;
+    let _showOnboardingStories_decorators;
+    let _showMultipleStories_decorators;
     let _reloadStory_decorators;
     let _nextStory_decorators;
     let _prevStory_decorators;
@@ -13800,9 +14353,15 @@ let StoryReaderViewModel = (() => {
                     writable: true,
                     value: false
                 });
-                this.handleWindowUnload = this.handleWindowUnload.bind(this);
-                this.handleKeydown = this.handleKeydown.bind(this);
-                window.addEventListener("beforeunload", this.handleWindowUnload);
+                Object.defineProperty(this, "cacheManager", {
+                    enumerable: true,
+                    configurable: true,
+                    writable: true,
+                    value: null
+                });
+                this.handleWindowUnload = this.handleWindowUnload.bind(this);
+                this.handleKeydown = this.handleKeydown.bind(this);
+                window.addEventListener("beforeunload", this.handleWindowUnload);
                 this.storyDisplayStrategyFactory = new StoryDisplayStrategyFactory(storyManager, this);
                 this.navigationController = new StoryReaderNavigationController(this.storyManager, this, new StoryReaderStatisticsController(this, this.storyManager, this.storyReaderStatisticV1Service, this.storyFeedStatisticV1Service, this.storyReaderStatisticV2Service));
             }
@@ -13853,6 +14412,8 @@ let StoryReaderViewModel = (() => {
                 var _b, _c;
                 if (this.activeStory)
                     this.resetReaderToDefaultState(this.activeStory);
+                if (this.storyManager.config.cache)
+                    this.cacheManager = new CacheManager(this.storyManager.config.cache);
                 this.windowReferer = payload.windowReferer;
                 this.setStories(payload.stories);
                 const activeStory = this.navigationController.setActiveStoryById(payload.id);
@@ -13890,6 +14451,7 @@ let StoryReaderViewModel = (() => {
                 });
             }
             resetReaderToDefaultState(activeStory, closeAction) {
+                var _b;
                 const event = new CloseStoryEvent(activeStory, {
                     action: closeAction
                 });
@@ -13904,6 +14466,7 @@ let StoryReaderViewModel = (() => {
                 this._touchController.destroy();
                 document.removeEventListener("keydown", this.handleKeydown);
                 this.navigationController.destroy();
+                (_b = this.cacheManager) === null || _b === void 0 ? void 0 : _b.destroy();
             }
             canBeClosed() {
                 return this.activeStory ? !this.activeStory.disableClose : false;
@@ -13973,12 +14536,14 @@ let StoryReaderViewModel = (() => {
                 this.navigationController.navigateStoryWithAnimation(index, action);
             }
             destroy() {
+                var _b;
                 if (this.activeStory) {
                     this.emitCloseEvents(this.activeStory, CloseStoryReaderAction.AppClose);
                     this.resetReaderToDefaultState(this.activeStory);
                 }
                 this.removeAllListeners();
                 window.removeEventListener("beforeunload", this.handleWindowUnload);
+                (_b = this.cacheManager) === null || _b === void 0 ? void 0 : _b.destroy();
             }
             closeGoodsWidget() {
                 var _b;
@@ -14049,7 +14614,7 @@ let StoryReaderViewModel = (() => {
             setStories(stories) {
                 const slideApiHandlersFactory = new StorySlideApiHandlersFactory(this.storyManager, this, this.storyReaderStatisticV1Service, this.storyReaderStatisticV2Service);
                 for (const story of stories) {
-                    this._stories.push(new StoryViewModel(this.storyManager, this, story, slideApiHandlersFactory, this.storyReaderStatisticV1Service, this.storyReaderStatisticV2Service));
+                    this._stories.push(new StoryViewModel(this.storyManager, this, story, slideApiHandlersFactory, this.storyReaderStatisticV1Service, this.storyReaderStatisticV2Service, this.cacheManager));
                 }
             }
             handleKeydown(e) {
@@ -14104,6 +14669,11 @@ let StoryReaderViewModel = (() => {
             _get_reachEnd_decorators = [external_mobx_namespaceObject.computed];
             _open_decorators = [external_mobx_namespaceObject.action];
             _close_decorators = [external_mobx_namespaceObject.action];
+            _showStory_decorators = [noConcurrent];
+            _showStoryOnce_decorators = [noConcurrent];
+            _showStoryFromSharePage_decorators = [noConcurrent];
+            _showOnboardingStories_decorators = [noConcurrent];
+            _showMultipleStories_decorators = [noConcurrent];
             _reloadStory_decorators = [external_mobx_namespaceObject.action];
             _nextStory_decorators = [external_mobx_namespaceObject.action];
             _prevStory_decorators = [external_mobx_namespaceObject.action];
@@ -14123,6 +14693,11 @@ let StoryReaderViewModel = (() => {
             storyReaderViewModel_esDecorate(_a, null, _get_reachEnd_decorators, { kind: "getter", name: "reachEnd", static: false, private: false, access: { has: obj => "reachEnd" in obj, get: obj => obj.reachEnd }, metadata: _metadata }, null, _instanceExtraInitializers);
             storyReaderViewModel_esDecorate(_a, null, _open_decorators, { kind: "method", name: "open", static: false, private: false, access: { has: obj => "open" in obj, get: obj => obj.open }, metadata: _metadata }, null, _instanceExtraInitializers);
             storyReaderViewModel_esDecorate(_a, null, _close_decorators, { kind: "method", name: "close", static: false, private: false, access: { has: obj => "close" in obj, get: obj => obj.close }, metadata: _metadata }, null, _instanceExtraInitializers);
+            storyReaderViewModel_esDecorate(_a, null, _showStory_decorators, { kind: "method", name: "showStory", static: false, private: false, access: { has: obj => "showStory" in obj, get: obj => obj.showStory }, metadata: _metadata }, null, _instanceExtraInitializers);
+            storyReaderViewModel_esDecorate(_a, null, _showStoryOnce_decorators, { kind: "method", name: "showStoryOnce", static: false, private: false, access: { has: obj => "showStoryOnce" in obj, get: obj => obj.showStoryOnce }, metadata: _metadata }, null, _instanceExtraInitializers);
+            storyReaderViewModel_esDecorate(_a, null, _showStoryFromSharePage_decorators, { kind: "method", name: "showStoryFromSharePage", static: false, private: false, access: { has: obj => "showStoryFromSharePage" in obj, get: obj => obj.showStoryFromSharePage }, metadata: _metadata }, null, _instanceExtraInitializers);
+            storyReaderViewModel_esDecorate(_a, null, _showOnboardingStories_decorators, { kind: "method", name: "showOnboardingStories", static: false, private: false, access: { has: obj => "showOnboardingStories" in obj, get: obj => obj.showOnboardingStories }, metadata: _metadata }, null, _instanceExtraInitializers);
+            storyReaderViewModel_esDecorate(_a, null, _showMultipleStories_decorators, { kind: "method", name: "showMultipleStories", static: false, private: false, access: { has: obj => "showMultipleStories" in obj, get: obj => obj.showMultipleStories }, metadata: _metadata }, null, _instanceExtraInitializers);
             storyReaderViewModel_esDecorate(_a, null, _reloadStory_decorators, { kind: "method", name: "reloadStory", static: false, private: false, access: { has: obj => "reloadStory" in obj, get: obj => obj.reloadStory }, metadata: _metadata }, null, _instanceExtraInitializers);
             storyReaderViewModel_esDecorate(_a, null, _nextStory_decorators, { kind: "method", name: "nextStory", static: false, private: false, access: { has: obj => "nextStory" in obj, get: obj => obj.nextStory }, metadata: _metadata }, null, _instanceExtraInitializers);
             storyReaderViewModel_esDecorate(_a, null, _prevStory_decorators, { kind: "method", name: "prevStory", static: false, private: false, access: { has: obj => "prevStory" in obj, get: obj => obj.prevStory }, metadata: _metadata }, null, _instanceExtraInitializers);
@@ -15140,8 +15715,12 @@ let StoryManagerConfig = (() => {
                 });
                 _StoryManagerConfig__anonymous_accessor_storage.set(this, storyManagerConfig_runInitializers(this, __anonymous_initializers, false));
                 _StoryManagerConfig__options_accessor_storage.set(this, (storyManagerConfig_runInitializers(this, __anonymous_extraInitializers), storyManagerConfig_runInitializers(this, __options_initializers, {})));
-                storyManagerConfig_runInitializers(this, __options_extraInitializers);
-                this.storyManager = storyManager;
+                Object.defineProperty(this, "_cache", {
+                    enumerable: true,
+                    configurable: true,
+                    writable: true,
+                    value: (storyManagerConfig_runInitializers(this, __options_extraInitializers), null)
+                });
                 this.update(configDto);
                 this._isInited = true;
             }
@@ -15187,6 +15766,9 @@ let StoryManagerConfig = (() => {
             get options() {
                 return this._options;
             }
+            get cache() {
+                return this._cache;
+            }
             disableStatistic() {
                 this._isStatisticsDisabled = true;
             }
@@ -15271,7 +15853,7 @@ let StoryManagerConfig = (() => {
                 this._options = options;
             }
             update(configDto) {
-                var _b, _c, _d, _e, _f;
+                var _b, _c, _d, _e, _f, _g;
                 this._appPackageId = (_b = configDto.appPackageId) !== null && _b !== void 0 ? _b : "";
                 this._disableDeviceId = Boolean(configDto.disableDeviceId);
                 this.setOptions(configDto.options);
@@ -15283,6 +15865,7 @@ let StoryManagerConfig = (() => {
                 this.setImagePlaceholders((_e = configDto.imagePlaceholders) !== null && _e !== void 0 ? _e : {});
                 this.setTags((_f = configDto.tags) !== null && _f !== void 0 ? _f : []);
                 this.setDir(configDto.dir);
+                this._cache = configDto.cache ? Object.assign(Object.assign({}, configDto.cache), { prefetch: (_g = configDto.cache.prefetch) !== null && _g !== void 0 ? _g : true }) : null;
             }
             mapTextPlaceholders(textPlaceholderDtos) {
                 const textPlaceholders = [];
@@ -15388,6 +15971,9 @@ class NullStoryManagerConfig {
     get options() {
         return {};
     }
+    get cache() {
+        return null;
+    }
     disableStatistic() { }
     enableStatistic() { }
     async setApiKey(apiKey) { }
@@ -16821,7 +17407,16 @@ let IamMessageSlideViewModel = (() => {
                 const { canClickNext } = this.slideApi.slideClickHandler(event.target, direction);
                 this._disabledNextClick = !canClickNext;
             }
-            destroy() { }
+            async destroy() {
+                try {
+                    this.message.touchController.off(TouchControllerEvent.TouchEnd, this.handleTouchEnd);
+                    document.removeEventListener("visibilitychange", this.handleDocumentVisibilityChange);
+                    await this.slideApi.destroy();
+                }
+                catch (error) {
+                    console.error(error);
+                }
+            }
             getNavigationDirection(event, currentTarget) {
                 const xPercent = this.getClickPosition(event, currentTarget);
                 const k = this.slideApi.layoutDirection === "ltr" ? 1 : -1;
@@ -16877,6 +17472,7 @@ let IamMessageSlideViewModel = (() => {
 
 
 
+
 ;// CONCATENATED MODULE: ../core/src/readers/inAppMessaging/iamMessage/actions/openGameAction.ts
 
 class openGameAction_OpenGameAction {
@@ -16895,13 +17491,11 @@ class openGameAction_OpenGameAction {
         });
     }
     async handle(payload) {
-        var _a;
         try {
             await this.storyManager.openGame(payload.gameInstanceId);
-            (_a = this.iamMessage.activeSlide) === null || _a === void 0 ? void 0 : _a.pauseAndLock();
+            this.iamMessage.pauseAndLock();
             this.storyManager.gameReader.once(GameReaderEvent.Close, () => {
-                var _a;
-                (_a = this.iamMessage.activeSlide) === null || _a === void 0 ? void 0 : _a.resumeAndUnlock();
+                this.iamMessage.resumeAndUnlock();
             });
         }
         catch (error) {
@@ -17146,7 +17740,7 @@ let IamReaderViewModel = (() => {
                 this.clearActiveMessage();
                 this.visibilityObserver.unsubscribe();
                 this.touchController.destroy();
-                this.scrollbarHelper.enable();
+                this.scrollbarHelper.disable();
             }
             async close() {
                 var _b;
@@ -17159,7 +17753,7 @@ let IamReaderViewModel = (() => {
                 this.touchController.init(document.body);
                 this.setActiveMessage(message);
                 this.visibilityObserver.subscribe();
-                this.scrollbarHelper.disable();
+                this.scrollbarHelper.enable();
             }
             destroy() { }
             emitWidgetEvent(widgetEvent) {
@@ -17205,7 +17799,12 @@ let IamReaderViewModel = (() => {
                 });
             }
             createIamMessageViewModel(message) {
-                return new IamMessageViewModel(this, this.storyManager, message, this.iamStatisticsService);
+                if (message.slides.length > 1) {
+                    return new IamMultiSlideMessageViewModel(this, this.storyManager, message, this.iamStatisticsService);
+                }
+                else {
+                    return new IamMessageViewModel(this, this.storyManager, message, this.iamStatisticsService);
+                }
             }
             checkMessageNotOpened() {
                 if (this.activeMessage)
@@ -17306,13 +17905,11 @@ class showStoryAction_ShowStoryAction {
         });
     }
     async handle(payload) {
-        var _a;
         try {
             await this.storyManager.showStory(payload.storyId);
-            (_a = this.message.activeSlide) === null || _a === void 0 ? void 0 : _a.pauseAndLock();
+            this.message.pauseAndLock();
             this.storyManager.storyReader.once(StoryReaderEvent.Close, () => {
-                var _a;
-                (_a = this.message.activeSlide) === null || _a === void 0 ? void 0 : _a.resumeAndUnlock();
+                this.message.resumeAndUnlock();
             });
         }
         catch (error) {
@@ -17352,6 +17949,7 @@ class narrativeDataCache_NarrativeDataCache {
 
 
 
+
 class IamSlideApiHandlers {
     constructor(storyManager, iamReader, iamMessage, iamStatisticsService) {
         Object.defineProperty(this, "storyManager", {
@@ -17391,6 +17989,29 @@ class IamSlideApiHandlers {
             value: new narrativeDataCache_NarrativeDataCache()
         });
     }
+    onEvent(name, event) {
+        switch (name) {
+            case "showSlide":
+                if (this.iamMessage instanceof IamMultiSlideMessageViewModel) {
+                    this.iamMessage.onShowSlide(event.index);
+                }
+                break;
+        }
+    }
+    onCardLoadingStateChange(state) {
+        switch (state) {
+            case 0 /* CARD_LOADING_STATE.LOADING */:
+                this.iamMessage.showLoaderScreen();
+                break;
+            case 1 /* CARD_LOADING_STATE.LOADED */:
+                this.iamMessage.hideErrorScreen();
+                this.iamMessage.hideLoaderScreen();
+                break;
+            case 2 /* CARD_LOADING_STATE.LOADING_ERROR */:
+                this.iamMessage.showErrorScreen();
+                break;
+        }
+    }
     clearActiveNarrativeDataCache() {
         this.activeMessageNarrativeDataCache.clear();
     }
@@ -17495,62 +18116,398 @@ class IamSlideApiHandlers {
                     data: (_c = error.response) === null || _c === void 0 ? void 0 : _c.data
                 };
             }
-        }
-    }
-    share(id, config) { }
-    shareSlideScreenshot(shareId, hideElementsSelector, shareText) { }
-    showLayer(index) {
-        var _a;
-        (_a = this.iamMessage.activeSlide) === null || _a === void 0 ? void 0 : _a.showLayerByIndex(index);
-    }
-    showCardSlide(slideIndex) { }
-    cardShowNext() { }
-    showNextSlide() { }
-    sendStatisticEvent(eventName, data, devPayload, forceEnableStatisticV2) {
-        this.iamStatisticsService.sendWidgetEvent({
-            iterationId: this.iamMessage.iterationId,
-            messageId: this.iamMessage.id,
-            slideIndex: this.iamMessage.activeSlideIndex,
-            slideTotal: this.iamMessage.slides.length,
-            duration: this.iamMessage.timeSinceLastShow,
-            type: eventName,
-            widgetPayload: data
-        });
-        this.iamReader.emitWidgetEvent({
-            type: eventName,
-            widgetPayload: devPayload !== null && devPayload !== void 0 ? devPayload : {}
-        });
-    }
-    async resetCard(messageId) { }
-    getCardFonts() {
-        var _a, _b;
-        return (_b = (_a = this.storyManager.rootStore.sessionStore.session) === null || _a === void 0 ? void 0 : _a.fontsResources) !== null && _b !== void 0 ? _b : [];
-    }
-    updateTimeline(slideIndex, action, currentTime, duration, showLoader, showError) {
-        if (showLoader)
-            this.iamMessage.showLoaderScreen();
-        else
-            this.iamMessage.hideLoaderScreen();
-        if (showError)
-            this.iamMessage.showErrorScreen();
-        else
-            this.iamMessage.hideErrorScreen();
-    }
-    showToast(text) {
-        var _a;
-        (_a = this.iamMessage.activeSlide) === null || _a === void 0 ? void 0 : _a.showToast({ content: text });
-    }
-}
+        }
+    }
+    share(id, config) { }
+    shareSlideScreenshot(shareId, hideElementsSelector, shareText) { }
+    showLayer(index) {
+        this.iamMessage.showLayerByIndex(index);
+    }
+    showCardSlide(slideIndex) { }
+    cardShowNext() { }
+    showNextSlide() { }
+    sendStatisticEvent(eventName, data, devPayload, forceEnableStatisticV2) {
+        this.iamStatisticsService.sendWidgetEvent({
+            iterationId: this.iamMessage.iterationId,
+            messageId: this.iamMessage.id,
+            slideIndex: this.iamMessage.activeSlideIndex,
+            slideTotal: this.iamMessage.slides.length,
+            duration: this.iamMessage.timeSinceLastShow,
+            type: eventName,
+            widgetPayload: data
+        });
+        this.iamReader.emitWidgetEvent({
+            type: eventName,
+            widgetPayload: devPayload !== null && devPayload !== void 0 ? devPayload : {}
+        });
+    }
+    async resetCard(messageId) { }
+    getCardFonts() {
+        var _a, _b;
+        return (_b = (_a = this.storyManager.rootStore.sessionStore.session) === null || _a === void 0 ? void 0 : _a.fontsResources) !== null && _b !== void 0 ? _b : [];
+    }
+    updateTimeline(slideIndex, action, currentTime, duration, showLoader, showError) {
+        if (showLoader)
+            this.iamMessage.showLoaderScreen();
+        else
+            this.iamMessage.hideLoaderScreen();
+        if (showError)
+            this.iamMessage.showErrorScreen();
+        else
+            this.iamMessage.hideErrorScreen();
+    }
+    showToast(text) {
+        this.iamMessage.showToast({ content: text });
+    }
+}
+
+;// CONCATENATED MODULE: ../core/src/readers/inAppMessaging/iamMessageSlide/nullIamMessageSlideViewModel.ts
+class NullIamMessageSlideViewModel {
+    get isLoading() {
+        return true;
+    }
+    get html() {
+        return "";
+    }
+    get navigationDisabled() {
+        return false;
+    }
+    async reload() {
+        return {
+            currentTime: Date.now()
+        };
+    }
+    mute() { }
+    unmute() { }
+    notifyTimerEnd() { }
+    pauseAndLock() { }
+    resumeAndUnlock() { }
+    async showLayerByIndex(index) { }
+    setUserData(id, text) { }
+    setShareComplete(id, isSuccess) { }
+    notifySwipeUp(target) { }
+    showToast(options) { }
+    async init() { }
+    async start() { }
+    async restart() { }
+    async resumeByApp() { }
+    async pauseByApp() { }
+    async resumeByUser() { }
+    async pauseByUser() { }
+    async stop() { }
+    onClick(event, currentTarget) { }
+    async destroy() { }
+}
+
+;// CONCATENATED MODULE: ../core/src/readers/inAppMessaging/iamMessage/iamMessageViewModel.ts
+var iamMessageViewModel_runInitializers = (undefined && undefined.__runInitializers) || function (thisArg, initializers, value) {
+    var useValue = arguments.length > 2;
+    for (var i = 0; i < initializers.length; i++) {
+        value = useValue ? initializers[i].call(thisArg, value) : initializers[i].call(thisArg);
+    }
+    return useValue ? value : void 0;
+};
+var iamMessageViewModel_esDecorate = (undefined && undefined.__esDecorate) || function (ctor, descriptorIn, decorators, contextIn, initializers, extraInitializers) {
+    function accept(f) { if (f !== void 0 && typeof f !== "function") throw new TypeError("Function expected"); return f; }
+    var kind = contextIn.kind, key = kind === "getter" ? "get" : kind === "setter" ? "set" : "value";
+    var target = !descriptorIn && ctor ? contextIn["static"] ? ctor : ctor.prototype : null;
+    var descriptor = descriptorIn || (target ? Object.getOwnPropertyDescriptor(target, contextIn.name) : {});
+    var _, done = false;
+    for (var i = decorators.length - 1; i >= 0; i--) {
+        var context = {};
+        for (var p in contextIn) context[p] = p === "access" ? {} : contextIn[p];
+        for (var p in contextIn.access) context.access[p] = contextIn.access[p];
+        context.addInitializer = function (f) { if (done) throw new TypeError("Cannot add initializers after decoration has completed"); extraInitializers.push(accept(f || null)); };
+        var result = (0, decorators[i])(kind === "accessor" ? { get: descriptor.get, set: descriptor.set } : descriptor[key], context);
+        if (kind === "accessor") {
+            if (result === void 0) continue;
+            if (result === null || typeof result !== "object") throw new TypeError("Object expected");
+            if (_ = accept(result.get)) descriptor.get = _;
+            if (_ = accept(result.set)) descriptor.set = _;
+            if (_ = accept(result.init)) initializers.unshift(_);
+        }
+        else if (_ = accept(result)) {
+            if (kind === "field") initializers.unshift(_);
+            else descriptor[key] = _;
+        }
+    }
+    if (target) Object.defineProperty(target, contextIn.name, descriptor);
+    done = true;
+};
+var iamMessageViewModel_classPrivateFieldGet = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
+    if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a getter");
+    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
+    return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
+};
+var iamMessageViewModel_classPrivateFieldSet = (undefined && undefined.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
+    if (kind === "m") throw new TypeError("Private method is not writable");
+    if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a setter");
+    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
+    return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
+};
+
+
+
+
+
+
+
+
+let IamMessageViewModel = (() => {
+    var _a, _IamMessageViewModel__isOnceOpened_accessor_storage, _IamMessageViewModel__$root_accessor_storage, _IamMessageViewModel__needShowErrorScreen_accessor_storage, _IamMessageViewModel__needShowLoaderScreen_accessor_storage;
+    let _classSuper = events.EventEmitter;
+    let _instanceExtraInitializers = [];
+    let __isOnceOpened_decorators;
+    let __isOnceOpened_initializers = [];
+    let __isOnceOpened_extraInitializers = [];
+    let __$root_decorators;
+    let __$root_initializers = [];
+    let __$root_extraInitializers = [];
+    let __needShowErrorScreen_decorators;
+    let __needShowErrorScreen_initializers = [];
+    let __needShowErrorScreen_extraInitializers = [];
+    let __needShowLoaderScreen_decorators;
+    let __needShowLoaderScreen_initializers = [];
+    let __needShowLoaderScreen_extraInitializers = [];
+    let _showErrorScreen_decorators;
+    let _showLoaderScreen_decorators;
+    let _hideLoaderScreen_decorators;
+    let _hideErrorScreen_decorators;
+    return _a = class IamMessageViewModel extends _classSuper {
+            get _isOnceOpened() { return iamMessageViewModel_classPrivateFieldGet(this, _IamMessageViewModel__isOnceOpened_accessor_storage, "f"); }
+            set _isOnceOpened(value) { iamMessageViewModel_classPrivateFieldSet(this, _IamMessageViewModel__isOnceOpened_accessor_storage, value, "f"); }
+            get _$root() { return iamMessageViewModel_classPrivateFieldGet(this, _IamMessageViewModel__$root_accessor_storage, "f"); }
+            set _$root(value) { iamMessageViewModel_classPrivateFieldSet(this, _IamMessageViewModel__$root_accessor_storage, value, "f"); }
+            get _needShowErrorScreen() { return iamMessageViewModel_classPrivateFieldGet(this, _IamMessageViewModel__needShowErrorScreen_accessor_storage, "f"); }
+            set _needShowErrorScreen(value) { iamMessageViewModel_classPrivateFieldSet(this, _IamMessageViewModel__needShowErrorScreen_accessor_storage, value, "f"); }
+            get _needShowLoaderScreen() { return iamMessageViewModel_classPrivateFieldGet(this, _IamMessageViewModel__needShowLoaderScreen_accessor_storage, "f"); }
+            set _needShowLoaderScreen(value) { iamMessageViewModel_classPrivateFieldSet(this, _IamMessageViewModel__needShowLoaderScreen_accessor_storage, value, "f"); }
+            constructor(iamReader, storyManager, iamMessage, iamStatisticsService) {
+                super();
+                Object.defineProperty(this, "iamReader", {
+                    enumerable: true,
+                    configurable: true,
+                    writable: true,
+                    value: (iamMessageViewModel_runInitializers(this, _instanceExtraInitializers), iamReader)
+                });
+                Object.defineProperty(this, "storyManager", {
+                    enumerable: true,
+                    configurable: true,
+                    writable: true,
+                    value: storyManager
+                });
+                Object.defineProperty(this, "iamMessage", {
+                    enumerable: true,
+                    configurable: true,
+                    writable: true,
+                    value: iamMessage
+                });
+                Object.defineProperty(this, "iamStatisticsService", {
+                    enumerable: true,
+                    configurable: true,
+                    writable: true,
+                    value: iamStatisticsService
+                });
+                Object.defineProperty(this, "_slides", {
+                    enumerable: true,
+                    configurable: true,
+                    writable: true,
+                    value: []
+                });
+                Object.defineProperty(this, "slideApiHandlers", {
+                    enumerable: true,
+                    configurable: true,
+                    writable: true,
+                    value: void 0
+                });
+                _IamMessageViewModel__isOnceOpened_accessor_storage.set(this, iamMessageViewModel_runInitializers(this, __isOnceOpened_initializers, false));
+                _IamMessageViewModel__$root_accessor_storage.set(this, (iamMessageViewModel_runInitializers(this, __isOnceOpened_extraInitializers), iamMessageViewModel_runInitializers(this, __$root_initializers, null)));
+                _IamMessageViewModel__needShowErrorScreen_accessor_storage.set(this, (iamMessageViewModel_runInitializers(this, __$root_extraInitializers), iamMessageViewModel_runInitializers(this, __needShowErrorScreen_initializers, false)));
+                _IamMessageViewModel__needShowLoaderScreen_accessor_storage.set(this, (iamMessageViewModel_runInitializers(this, __needShowErrorScreen_extraInitializers), iamMessageViewModel_runInitializers(this, __needShowLoaderScreen_initializers, false)));
+                Object.defineProperty(this, "touchController", {
+                    enumerable: true,
+                    configurable: true,
+                    writable: true,
+                    value: iamMessageViewModel_runInitializers(this, __needShowLoaderScreen_extraInitializers)
+                });
+                Object.defineProperty(this, "slideApi", {
+                    enumerable: true,
+                    configurable: true,
+                    writable: true,
+                    value: void 0
+                });
+                Object.defineProperty(this, "attachRoot", {
+                    enumerable: true,
+                    configurable: true,
+                    writable: true,
+                    value: (el) => {
+                        this._$root = el;
+                        this.createSlidesViewModels();
+                    }
+                });
+                this.touchController = iamReader.touchController;
+                this.slideApiHandlers = new IamSlideApiHandlers(this.storyManager, this.iamReader, this, this.iamStatisticsService);
+            }
+            get id() {
+                return this.iamMessage.id;
+            }
+            get $root() {
+                return this._$root;
+            }
+            get activeSlideIndex() {
+                return 0;
+            }
+            get activeSlide() {
+                var _b;
+                return (_b = this._slides[this.activeSlideIndex]) !== null && _b !== void 0 ? _b : new NullIamMessageSlideViewModel();
+            }
+            get slides() {
+                return this._slides;
+            }
+            get context() {
+                return this.iamMessage.context;
+            }
+            get appearanceOptions() {
+                return this.iamMessage.appearanceOptions;
+            }
+            get iterationId() {
+                return this.iamMessage.iterationId;
+            }
+            get type() {
+                return this.iamMessage.type;
+            }
+            get needShowErrorScreen() {
+                return this._needShowErrorScreen;
+            }
+            get needShowLoaderScreen() {
+                return this._needShowLoaderScreen;
+            }
+            get timeSinceLastShow() {
+                return this.iamMessage.timeSinceLastShow;
+            }
+            get disableClose() {
+                return this.iamMessage.disableClose;
+            }
+            open() {
+                this._isOnceOpened = true;
+                const iterationId = this.iamMessage.trackOpen();
+                return {
+                    iterationId
+                };
+            }
+            async updateUserData(data) {
+                return this.storyManager.rootStore.iamStore.updateMessageUserData(this.id, data);
+            }
+            async init() {
+                await this.activeSlide.init();
+            }
+            async start() {
+                await this.activeSlide.start();
+            }
+            async stop() {
+                this.slideApiHandlers.clearActiveNarrativeDataCache();
+                await this.activeSlide.stop();
+            }
+            onClick(event, currentTarget) {
+                this.activeSlide.onClick(event, currentTarget);
+            }
+            toPublicDto() {
+                return this.iamMessage.toPublicDto();
+            }
+            showErrorScreen() {
+                this._needShowErrorScreen = true;
+            }
+            showLoaderScreen() {
+                this._needShowLoaderScreen = true;
+            }
+            hideLoaderScreen() {
+                this._needShowLoaderScreen = false;
+            }
+            hideErrorScreen() {
+                this._needShowErrorScreen = false;
+            }
+            async destroy() {
+                var _b;
+                return (_b = this.slideApi) === null || _b === void 0 ? void 0 : _b.destroy();
+            }
+            resumeAndUnlock() {
+                this.activeSlide.resumeAndUnlock();
+            }
+            pauseAndLock() {
+                this.activeSlide.resumeAndUnlock();
+            }
+            showLayerByIndex(index) {
+                this.activeSlide.showLayerByIndex(index);
+            }
+            showToast(options) {
+                this.activeSlide.showToast(options);
+            }
+            restart() {
+                var _b;
+                return (_b = this.activeSlide) === null || _b === void 0 ? void 0 : _b.restart();
+            }
+            createSlidesViewModels() {
+                if (this._slides.length > 0)
+                    return;
+                const isFullscreen = this.type === IamMessageType.Fullscreen;
+                const slideApi = new slide_api_namespaceObject.SlideApi(this.slideApiHandlers, {
+                    root: this._$root,
+                    slideRatio: this.getContentRatio(),
+                    isFullscreen,
+                    nonce: getNonce(),
+                    viewport: window,
+                    userResizeHandler: undefined,
+                    VODPlayer: this.storyManager.globalProperties.$videoOnDemand,
+                    useSdkCacheForMultislideMode: false
+                });
+                this._slides = this.iamMessage.slides.map(slide => new IamMessageSlideViewModel(this, slide, slideApi));
+                this.slideApi = slideApi;
+            }
+            getContentRatio() {
+                if (this.appearanceOptions instanceof IamBottomSheetAppearanceOptions ||
+                    this.appearanceOptions instanceof IamModalAppearanceOptions)
+                    return this.appearanceOptions.contentRatio;
+                return 9 / 16;
+            }
+        },
+        _IamMessageViewModel__isOnceOpened_accessor_storage = new WeakMap(),
+        _IamMessageViewModel__$root_accessor_storage = new WeakMap(),
+        _IamMessageViewModel__needShowErrorScreen_accessor_storage = new WeakMap(),
+        _IamMessageViewModel__needShowLoaderScreen_accessor_storage = new WeakMap(),
+        (() => {
+            var _b;
+            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create((_b = _classSuper[Symbol.metadata]) !== null && _b !== void 0 ? _b : null) : void 0;
+            __isOnceOpened_decorators = [external_mobx_namespaceObject.observable];
+            __$root_decorators = [external_mobx_namespaceObject.observable];
+            __needShowErrorScreen_decorators = [external_mobx_namespaceObject.observable];
+            __needShowLoaderScreen_decorators = [external_mobx_namespaceObject.observable];
+            _showErrorScreen_decorators = [external_mobx_namespaceObject.action];
+            _showLoaderScreen_decorators = [external_mobx_namespaceObject.action];
+            _hideLoaderScreen_decorators = [external_mobx_namespaceObject.action];
+            _hideErrorScreen_decorators = [external_mobx_namespaceObject.action];
+            iamMessageViewModel_esDecorate(_a, null, __isOnceOpened_decorators, { kind: "accessor", name: "_isOnceOpened", static: false, private: false, access: { has: obj => "_isOnceOpened" in obj, get: obj => obj._isOnceOpened, set: (obj, value) => { obj._isOnceOpened = value; } }, metadata: _metadata }, __isOnceOpened_initializers, __isOnceOpened_extraInitializers);
+            iamMessageViewModel_esDecorate(_a, null, __$root_decorators, { kind: "accessor", name: "_$root", static: false, private: false, access: { has: obj => "_$root" in obj, get: obj => obj._$root, set: (obj, value) => { obj._$root = value; } }, metadata: _metadata }, __$root_initializers, __$root_extraInitializers);
+            iamMessageViewModel_esDecorate(_a, null, __needShowErrorScreen_decorators, { kind: "accessor", name: "_needShowErrorScreen", static: false, private: false, access: { has: obj => "_needShowErrorScreen" in obj, get: obj => obj._needShowErrorScreen, set: (obj, value) => { obj._needShowErrorScreen = value; } }, metadata: _metadata }, __needShowErrorScreen_initializers, __needShowErrorScreen_extraInitializers);
+            iamMessageViewModel_esDecorate(_a, null, __needShowLoaderScreen_decorators, { kind: "accessor", name: "_needShowLoaderScreen", static: false, private: false, access: { has: obj => "_needShowLoaderScreen" in obj, get: obj => obj._needShowLoaderScreen, set: (obj, value) => { obj._needShowLoaderScreen = value; } }, metadata: _metadata }, __needShowLoaderScreen_initializers, __needShowLoaderScreen_extraInitializers);
+            iamMessageViewModel_esDecorate(_a, null, _showErrorScreen_decorators, { kind: "method", name: "showErrorScreen", static: false, private: false, access: { has: obj => "showErrorScreen" in obj, get: obj => obj.showErrorScreen }, metadata: _metadata }, null, _instanceExtraInitializers);
+            iamMessageViewModel_esDecorate(_a, null, _showLoaderScreen_decorators, { kind: "method", name: "showLoaderScreen", static: false, private: false, access: { has: obj => "showLoaderScreen" in obj, get: obj => obj.showLoaderScreen }, metadata: _metadata }, null, _instanceExtraInitializers);
+            iamMessageViewModel_esDecorate(_a, null, _hideLoaderScreen_decorators, { kind: "method", name: "hideLoaderScreen", static: false, private: false, access: { has: obj => "hideLoaderScreen" in obj, get: obj => obj.hideLoaderScreen }, metadata: _metadata }, null, _instanceExtraInitializers);
+            iamMessageViewModel_esDecorate(_a, null, _hideErrorScreen_decorators, { kind: "method", name: "hideErrorScreen", static: false, private: false, access: { has: obj => "hideErrorScreen" in obj, get: obj => obj.hideErrorScreen }, metadata: _metadata }, null, _instanceExtraInitializers);
+            if (_metadata) Object.defineProperty(_a, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+        })(),
+        _a;
+})();
 
-;// CONCATENATED MODULE: ../core/src/readers/inAppMessaging/iamMessage/iamMessageViewModel.ts
-var iamMessageViewModel_runInitializers = (undefined && undefined.__runInitializers) || function (thisArg, initializers, value) {
+
+;// CONCATENATED MODULE: ../core/src/readers/inAppMessaging/iamMessage/iamMultiSlideMessageViewModel.ts
+var iamMultiSlideMessageViewModel_runInitializers = (undefined && undefined.__runInitializers) || function (thisArg, initializers, value) {
     var useValue = arguments.length > 2;
     for (var i = 0; i < initializers.length; i++) {
         value = useValue ? initializers[i].call(thisArg, value) : initializers[i].call(thisArg);
     }
     return useValue ? value : void 0;
 };
-var iamMessageViewModel_esDecorate = (undefined && undefined.__esDecorate) || function (ctor, descriptorIn, decorators, contextIn, initializers, extraInitializers) {
+var iamMultiSlideMessageViewModel_esDecorate = (undefined && undefined.__esDecorate) || function (ctor, descriptorIn, decorators, contextIn, initializers, extraInitializers) {
     function accept(f) { if (f !== void 0 && typeof f !== "function") throw new TypeError("Function expected"); return f; }
     var kind = contextIn.kind, key = kind === "getter" ? "get" : kind === "setter" ? "set" : "value";
     var target = !descriptorIn && ctor ? contextIn["static"] ? ctor : ctor.prototype : null;
@@ -17577,12 +18534,12 @@ var iamMessageViewModel_esDecorate = (undefined && undefined.__esDecorate) || fu
     if (target) Object.defineProperty(target, contextIn.name, descriptor);
     done = true;
 };
-var iamMessageViewModel_classPrivateFieldGet = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
+var iamMultiSlideMessageViewModel_classPrivateFieldGet = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
     if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a getter");
     if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
     return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
 };
-var iamMessageViewModel_classPrivateFieldSet = (undefined && undefined.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
+var iamMultiSlideMessageViewModel_classPrivateFieldSet = (undefined && undefined.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
     if (kind === "m") throw new TypeError("Private method is not writable");
     if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a setter");
     if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
@@ -17595,9 +18552,11 @@ var iamMessageViewModel_classPrivateFieldSet = (undefined && undefined.__classPr
 
 
 
-let IamMessageViewModel = (() => {
-    var _a, _IamMessageViewModel__isOnceOpened_accessor_storage, _IamMessageViewModel__$root_accessor_storage, _IamMessageViewModel__needShowErrorScreen_accessor_storage, _IamMessageViewModel__needShowLoaderScreen_accessor_storage;
-    let _classSuper = ViewModel;
+const iamMultiSlideMessageViewModel_SWIPE_UP_THRESHOLD = 10;
+const iamMultiSlideMessageViewModel_SLIDE_CLICK_THRESHOLD = 0.3;
+let IamMultiSlideMessageViewModel = (() => {
+    var _a, _IamMultiSlideMessageViewModel__isOnceOpened_accessor_storage, _IamMultiSlideMessageViewModel__$root_accessor_storage, _IamMultiSlideMessageViewModel__needShowErrorScreen_accessor_storage, _IamMultiSlideMessageViewModel__needShowLoaderScreen_accessor_storage, _IamMultiSlideMessageViewModel__disabledNextClick_accessor_storage;
+    let _classSuper = events.EventEmitter;
     let _instanceExtraInitializers = [];
     let __isOnceOpened_decorators;
     let __isOnceOpened_initializers = [];
@@ -17611,26 +18570,31 @@ let IamMessageViewModel = (() => {
     let __needShowLoaderScreen_decorators;
     let __needShowLoaderScreen_initializers = [];
     let __needShowLoaderScreen_extraInitializers = [];
+    let __disabledNextClick_decorators;
+    let __disabledNextClick_initializers = [];
+    let __disabledNextClick_extraInitializers = [];
     let _showErrorScreen_decorators;
     let _showLoaderScreen_decorators;
     let _hideLoaderScreen_decorators;
     let _hideErrorScreen_decorators;
-    return _a = class IamMessageViewModel extends _classSuper {
-            get _isOnceOpened() { return iamMessageViewModel_classPrivateFieldGet(this, _IamMessageViewModel__isOnceOpened_accessor_storage, "f"); }
-            set _isOnceOpened(value) { iamMessageViewModel_classPrivateFieldSet(this, _IamMessageViewModel__isOnceOpened_accessor_storage, value, "f"); }
-            get _$root() { return iamMessageViewModel_classPrivateFieldGet(this, _IamMessageViewModel__$root_accessor_storage, "f"); }
-            set _$root(value) { iamMessageViewModel_classPrivateFieldSet(this, _IamMessageViewModel__$root_accessor_storage, value, "f"); }
-            get _needShowErrorScreen() { return iamMessageViewModel_classPrivateFieldGet(this, _IamMessageViewModel__needShowErrorScreen_accessor_storage, "f"); }
-            set _needShowErrorScreen(value) { iamMessageViewModel_classPrivateFieldSet(this, _IamMessageViewModel__needShowErrorScreen_accessor_storage, value, "f"); }
-            get _needShowLoaderScreen() { return iamMessageViewModel_classPrivateFieldGet(this, _IamMessageViewModel__needShowLoaderScreen_accessor_storage, "f"); }
-            set _needShowLoaderScreen(value) { iamMessageViewModel_classPrivateFieldSet(this, _IamMessageViewModel__needShowLoaderScreen_accessor_storage, value, "f"); }
+    return _a = class IamMultiSlideMessageViewModel extends _classSuper {
+            get _isOnceOpened() { return iamMultiSlideMessageViewModel_classPrivateFieldGet(this, _IamMultiSlideMessageViewModel__isOnceOpened_accessor_storage, "f"); }
+            set _isOnceOpened(value) { iamMultiSlideMessageViewModel_classPrivateFieldSet(this, _IamMultiSlideMessageViewModel__isOnceOpened_accessor_storage, value, "f"); }
+            get _$root() { return iamMultiSlideMessageViewModel_classPrivateFieldGet(this, _IamMultiSlideMessageViewModel__$root_accessor_storage, "f"); }
+            set _$root(value) { iamMultiSlideMessageViewModel_classPrivateFieldSet(this, _IamMultiSlideMessageViewModel__$root_accessor_storage, value, "f"); }
+            get _needShowErrorScreen() { return iamMultiSlideMessageViewModel_classPrivateFieldGet(this, _IamMultiSlideMessageViewModel__needShowErrorScreen_accessor_storage, "f"); }
+            set _needShowErrorScreen(value) { iamMultiSlideMessageViewModel_classPrivateFieldSet(this, _IamMultiSlideMessageViewModel__needShowErrorScreen_accessor_storage, value, "f"); }
+            get _needShowLoaderScreen() { return iamMultiSlideMessageViewModel_classPrivateFieldGet(this, _IamMultiSlideMessageViewModel__needShowLoaderScreen_accessor_storage, "f"); }
+            set _needShowLoaderScreen(value) { iamMultiSlideMessageViewModel_classPrivateFieldSet(this, _IamMultiSlideMessageViewModel__needShowLoaderScreen_accessor_storage, value, "f"); }
+            get _disabledNextClick() { return iamMultiSlideMessageViewModel_classPrivateFieldGet(this, _IamMultiSlideMessageViewModel__disabledNextClick_accessor_storage, "f"); }
+            set _disabledNextClick(value) { iamMultiSlideMessageViewModel_classPrivateFieldSet(this, _IamMultiSlideMessageViewModel__disabledNextClick_accessor_storage, value, "f"); }
             constructor(iamReader, storyManager, iamMessage, iamStatisticsService) {
                 super();
                 Object.defineProperty(this, "iamReader", {
                     enumerable: true,
                     configurable: true,
                     writable: true,
-                    value: (iamMessageViewModel_runInitializers(this, _instanceExtraInitializers), iamReader)
+                    value: (iamMultiSlideMessageViewModel_runInitializers(this, _instanceExtraInitializers), iamReader)
                 });
                 Object.defineProperty(this, "storyManager", {
                     enumerable: true,
@@ -17650,11 +18614,11 @@ let IamMessageViewModel = (() => {
                     writable: true,
                     value: iamStatisticsService
                 });
-                Object.defineProperty(this, "_slides", {
+                Object.defineProperty(this, "toast", {
                     enumerable: true,
                     configurable: true,
                     writable: true,
-                    value: []
+                    value: null
                 });
                 Object.defineProperty(this, "slideApiHandlers", {
                     enumerable: true,
@@ -17662,15 +18626,28 @@ let IamMessageViewModel = (() => {
                     writable: true,
                     value: void 0
                 });
-                _IamMessageViewModel__isOnceOpened_accessor_storage.set(this, iamMessageViewModel_runInitializers(this, __isOnceOpened_initializers, false));
-                _IamMessageViewModel__$root_accessor_storage.set(this, (iamMessageViewModel_runInitializers(this, __isOnceOpened_extraInitializers), iamMessageViewModel_runInitializers(this, __$root_initializers, null)));
-                _IamMessageViewModel__needShowErrorScreen_accessor_storage.set(this, (iamMessageViewModel_runInitializers(this, __$root_extraInitializers), iamMessageViewModel_runInitializers(this, __needShowErrorScreen_initializers, false)));
-                _IamMessageViewModel__needShowLoaderScreen_accessor_storage.set(this, (iamMessageViewModel_runInitializers(this, __needShowErrorScreen_extraInitializers), iamMessageViewModel_runInitializers(this, __needShowLoaderScreen_initializers, false)));
+                _IamMultiSlideMessageViewModel__isOnceOpened_accessor_storage.set(this, iamMultiSlideMessageViewModel_runInitializers(this, __isOnceOpened_initializers, false));
+                _IamMultiSlideMessageViewModel__$root_accessor_storage.set(this, (iamMultiSlideMessageViewModel_runInitializers(this, __isOnceOpened_extraInitializers), iamMultiSlideMessageViewModel_runInitializers(this, __$root_initializers, null)));
+                _IamMultiSlideMessageViewModel__needShowErrorScreen_accessor_storage.set(this, (iamMultiSlideMessageViewModel_runInitializers(this, __$root_extraInitializers), iamMultiSlideMessageViewModel_runInitializers(this, __needShowErrorScreen_initializers, false)));
+                _IamMultiSlideMessageViewModel__needShowLoaderScreen_accessor_storage.set(this, (iamMultiSlideMessageViewModel_runInitializers(this, __needShowErrorScreen_extraInitializers), iamMultiSlideMessageViewModel_runInitializers(this, __needShowLoaderScreen_initializers, false)));
+                _IamMultiSlideMessageViewModel__disabledNextClick_accessor_storage.set(this, (iamMultiSlideMessageViewModel_runInitializers(this, __needShowLoaderScreen_extraInitializers), iamMultiSlideMessageViewModel_runInitializers(this, __disabledNextClick_initializers, false)));
+                Object.defineProperty(this, "_activeSlideIndex", {
+                    enumerable: true,
+                    configurable: true,
+                    writable: true,
+                    value: (iamMultiSlideMessageViewModel_runInitializers(this, __disabledNextClick_extraInitializers), 0)
+                });
+                Object.defineProperty(this, "locked", {
+                    enumerable: true,
+                    configurable: true,
+                    writable: true,
+                    value: false
+                });
                 Object.defineProperty(this, "touchController", {
                     enumerable: true,
                     configurable: true,
                     writable: true,
-                    value: iamMessageViewModel_runInitializers(this, __needShowLoaderScreen_extraInitializers)
+                    value: void 0
                 });
                 Object.defineProperty(this, "slideApi", {
                     enumerable: true,
@@ -17684,11 +18661,23 @@ let IamMessageViewModel = (() => {
                     writable: true,
                     value: (el) => {
                         this._$root = el;
-                        this.createSlidesViewModels();
+                        this.slideApi = this.createSlideApi();
+                    }
+                });
+                Object.defineProperty(this, "handleTouchEnd", {
+                    enumerable: true,
+                    configurable: true,
+                    writable: true,
+                    value: ({ dy }) => {
+                        if (!this.touchController)
+                            return;
+                        if (dy < iamMultiSlideMessageViewModel_SWIPE_UP_THRESHOLD && this.touchController.verticalSwipeGesture)
+                            this.slideApi.slideSwipeUpHandler();
                     }
                 });
                 this.touchController = iamReader.touchController;
                 this.slideApiHandlers = new IamSlideApiHandlers(this.storyManager, this.iamReader, this, this.iamStatisticsService);
+                this.handleDocumentVisibilityChange = this.handleDocumentVisibilityChange.bind(this);
             }
             get id() {
                 return this.iamMessage.id;
@@ -17697,13 +18686,10 @@ let IamMessageViewModel = (() => {
                 return this._$root;
             }
             get activeSlideIndex() {
-                return 0;
-            }
-            get activeSlide() {
-                return this._slides[this.activeSlideIndex];
+                return this._activeSlideIndex;
             }
             get slides() {
-                return this._slides;
+                return [];
             }
             get context() {
                 return this.iamMessage.context;
@@ -17714,11 +18700,6 @@ let IamMessageViewModel = (() => {
             get iterationId() {
                 return this.iamMessage.iterationId;
             }
-            /**
-                1 - Bottom sheet
-                2 - Modal
-                3 - Fullscreen
-            */
             get type() {
                 return this.iamMessage.type;
             }
@@ -17745,17 +18726,24 @@ let IamMessageViewModel = (() => {
                 return this.storyManager.rootStore.iamStore.updateMessageUserData(this.id, data);
             }
             async init() {
-                var _b;
-                await ((_b = this.activeSlide) === null || _b === void 0 ? void 0 : _b.init());
+                await this.slideApi.showSlides(this.iamMessage.slides.map(slide => slide.html), this.appearanceOptions.cardAppearance);
             }
             async start() {
-                var _b;
-                await ((_b = this.activeSlide) === null || _b === void 0 ? void 0 : _b.start());
+                document.addEventListener("visibilitychange", this.handleDocumentVisibilityChange);
+                this.touchController.on(TouchControllerEvent.TouchEnd, this.handleTouchEnd);
             }
             async stop() {
-                var _b;
-                this.slideApiHandlers.clearActiveNarrativeDataCache();
-                await ((_b = this.activeSlide) === null || _b === void 0 ? void 0 : _b.stop());
+                document.removeEventListener("visibilitychange", this.handleDocumentVisibilityChange);
+                this.touchController.off(TouchControllerEvent.TouchEnd, this.handleTouchEnd);
+            }
+            onClick(event, currentTarget) {
+                if (!event.target || !this.slideApi)
+                    return;
+                event.preventDefault();
+                event.stopPropagation();
+                const direction = this.getNavigationDirection(event, currentTarget);
+                const { canClickNext } = this.slideApi.slideClickHandler(event.target, direction);
+                this._disabledNextClick = !canClickNext;
             }
             toPublicDto() {
                 return this.iamMessage.toPublicDto();
@@ -17772,25 +18760,58 @@ let IamMessageViewModel = (() => {
             hideErrorScreen() {
                 this._needShowErrorScreen = false;
             }
-            destroy() {
+            async destroy() {
                 var _b;
-                (_b = this.slideApi) === null || _b === void 0 ? void 0 : _b.destroy();
+                document.removeEventListener("visibilitychange", this.handleDocumentVisibilityChange);
+                this.touchController.off(TouchControllerEvent.TouchEnd, this.handleTouchEnd);
+                return (_b = this.slideApi) === null || _b === void 0 ? void 0 : _b.destroy();
             }
-            createSlidesViewModels() {
-                if (this._slides.length > 0)
-                    return;
+            async resumeAndUnlock() {
+                var _b;
+                try {
+                    this.locked = false;
+                    await ((_b = this.slideApi) === null || _b === void 0 ? void 0 : _b.slideAppResume());
+                }
+                catch (error) {
+                    this.handleSlideError(error);
+                }
+            }
+            async pauseAndLock() {
+                var _b;
+                try {
+                    this.locked = true;
+                    await ((_b = this.slideApi) === null || _b === void 0 ? void 0 : _b.slideAppPause());
+                }
+                catch (error) {
+                    this.handleSlideError(error);
+                }
+            }
+            showLayerByIndex(index) {
+                var _b;
+                (_b = this.slideApi) === null || _b === void 0 ? void 0 : _b.showLayer(index);
+            }
+            showToast(options) {
+                this.toast = new Toast(Object.assign(Object.assign({}, options), { mountPoint: this.$root }));
+                this.toast.show(options.content);
+            }
+            onShowSlide(index) {
+                this._activeSlideIndex = index;
+            }
+            async restart() {
+                await this.init();
+            }
+            createSlideApi() {
                 const isFullscreen = this.type === IamMessageType.Fullscreen;
-                const slideApi = new slide_api_namespaceObject.SlideApi(this.slideApiHandlers, {
+                return new slide_api_namespaceObject.SlideApi(this.slideApiHandlers, {
                     root: this._$root,
                     slideRatio: this.getContentRatio(),
                     isFullscreen,
                     nonce: getNonce(),
                     viewport: window,
                     userResizeHandler: undefined,
-                    VODPlayer: this.storyManager.globalProperties.$videoOnDemand
+                    VODPlayer: this.storyManager.globalProperties.$videoOnDemand,
+                    useSdkCacheForMultislideMode: false
                 });
-                this._slides = this.iamMessage.slides.map(slide => new IamMessageSlideViewModel(this, slide, slideApi));
-                this.slideApi = slideApi;
             }
             getContentRatio() {
                 if (this.appearanceOptions instanceof IamBottomSheetAppearanceOptions ||
@@ -17798,11 +18819,66 @@ let IamMessageViewModel = (() => {
                     return this.appearanceOptions.contentRatio;
                 return 9 / 16;
             }
+            handleSlideError(error) {
+                console.error(error);
+                this.showErrorScreen();
+                this.touchController.off(TouchControllerEvent.TouchEnd, this.handleTouchEnd);
+            }
+            getNavigationDirection(event, currentTarget) {
+                const xPercent = this.getClickPosition(event, currentTarget);
+                const k = this.slideApi.layoutDirection === "ltr" ? 1 : -1;
+                const direction = xPercent >= iamMultiSlideMessageViewModel_SLIDE_CLICK_THRESHOLD ? k : -k;
+                return direction > 0 ? "forward" : "backward";
+            }
+            getClickPosition(event, currentTarget) {
+                const rect = currentTarget.getBoundingClientRect();
+                const width = rect.width;
+                if (width <= 0)
+                    return 0;
+                let x;
+                if (event instanceof MouseEvent) {
+                    x = event.pageX - rect.left;
+                }
+                else if (event.touches && event.touches.length > 0) {
+                    x = event.touches[0].pageX - rect.left;
+                }
+                else {
+                    return 0;
+                }
+                return Math.max(0, Math.min(1, x / width));
+            }
+            handleDocumentVisibilityChange() {
+                if (this.locked)
+                    return;
+                if (document.visibilityState === "hidden")
+                    this.pauseByApp();
+                if (document.visibilityState === "visible")
+                    this.resumeByApp();
+            }
+            async resumeByApp() {
+                var _b;
+                try {
+                    await ((_b = this.slideApi) === null || _b === void 0 ? void 0 : _b.slideAppResume());
+                }
+                catch (error) {
+                    this.handleSlideError(error);
+                }
+            }
+            async pauseByApp() {
+                var _b;
+                try {
+                    await ((_b = this.slideApi) === null || _b === void 0 ? void 0 : _b.slideAppPause());
+                }
+                catch (error) {
+                    this.handleSlideError(error);
+                }
+            }
         },
-        _IamMessageViewModel__isOnceOpened_accessor_storage = new WeakMap(),
-        _IamMessageViewModel__$root_accessor_storage = new WeakMap(),
-        _IamMessageViewModel__needShowErrorScreen_accessor_storage = new WeakMap(),
-        _IamMessageViewModel__needShowLoaderScreen_accessor_storage = new WeakMap(),
+        _IamMultiSlideMessageViewModel__isOnceOpened_accessor_storage = new WeakMap(),
+        _IamMultiSlideMessageViewModel__$root_accessor_storage = new WeakMap(),
+        _IamMultiSlideMessageViewModel__needShowErrorScreen_accessor_storage = new WeakMap(),
+        _IamMultiSlideMessageViewModel__needShowLoaderScreen_accessor_storage = new WeakMap(),
+        _IamMultiSlideMessageViewModel__disabledNextClick_accessor_storage = new WeakMap(),
         (() => {
             var _b;
             const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create((_b = _classSuper[Symbol.metadata]) !== null && _b !== void 0 ? _b : null) : void 0;
@@ -17810,18 +18886,20 @@ let IamMessageViewModel = (() => {
             __$root_decorators = [external_mobx_namespaceObject.observable];
             __needShowErrorScreen_decorators = [external_mobx_namespaceObject.observable];
             __needShowLoaderScreen_decorators = [external_mobx_namespaceObject.observable];
+            __disabledNextClick_decorators = [external_mobx_namespaceObject.observable];
             _showErrorScreen_decorators = [external_mobx_namespaceObject.action];
             _showLoaderScreen_decorators = [external_mobx_namespaceObject.action];
             _hideLoaderScreen_decorators = [external_mobx_namespaceObject.action];
             _hideErrorScreen_decorators = [external_mobx_namespaceObject.action];
-            iamMessageViewModel_esDecorate(_a, null, __isOnceOpened_decorators, { kind: "accessor", name: "_isOnceOpened", static: false, private: false, access: { has: obj => "_isOnceOpened" in obj, get: obj => obj._isOnceOpened, set: (obj, value) => { obj._isOnceOpened = value; } }, metadata: _metadata }, __isOnceOpened_initializers, __isOnceOpened_extraInitializers);
-            iamMessageViewModel_esDecorate(_a, null, __$root_decorators, { kind: "accessor", name: "_$root", static: false, private: false, access: { has: obj => "_$root" in obj, get: obj => obj._$root, set: (obj, value) => { obj._$root = value; } }, metadata: _metadata }, __$root_initializers, __$root_extraInitializers);
-            iamMessageViewModel_esDecorate(_a, null, __needShowErrorScreen_decorators, { kind: "accessor", name: "_needShowErrorScreen", static: false, private: false, access: { has: obj => "_needShowErrorScreen" in obj, get: obj => obj._needShowErrorScreen, set: (obj, value) => { obj._needShowErrorScreen = value; } }, metadata: _metadata }, __needShowErrorScreen_initializers, __needShowErrorScreen_extraInitializers);
-            iamMessageViewModel_esDecorate(_a, null, __needShowLoaderScreen_decorators, { kind: "accessor", name: "_needShowLoaderScreen", static: false, private: false, access: { has: obj => "_needShowLoaderScreen" in obj, get: obj => obj._needShowLoaderScreen, set: (obj, value) => { obj._needShowLoaderScreen = value; } }, metadata: _metadata }, __needShowLoaderScreen_initializers, __needShowLoaderScreen_extraInitializers);
-            iamMessageViewModel_esDecorate(_a, null, _showErrorScreen_decorators, { kind: "method", name: "showErrorScreen", static: false, private: false, access: { has: obj => "showErrorScreen" in obj, get: obj => obj.showErrorScreen }, metadata: _metadata }, null, _instanceExtraInitializers);
-            iamMessageViewModel_esDecorate(_a, null, _showLoaderScreen_decorators, { kind: "method", name: "showLoaderScreen", static: false, private: false, access: { has: obj => "showLoaderScreen" in obj, get: obj => obj.showLoaderScreen }, metadata: _metadata }, null, _instanceExtraInitializers);
-            iamMessageViewModel_esDecorate(_a, null, _hideLoaderScreen_decorators, { kind: "method", name: "hideLoaderScreen", static: false, private: false, access: { has: obj => "hideLoaderScreen" in obj, get: obj => obj.hideLoaderScreen }, metadata: _metadata }, null, _instanceExtraInitializers);
-            iamMessageViewModel_esDecorate(_a, null, _hideErrorScreen_decorators, { kind: "method", name: "hideErrorScreen", static: false, private: false, access: { has: obj => "hideErrorScreen" in obj, get: obj => obj.hideErrorScreen }, metadata: _metadata }, null, _instanceExtraInitializers);
+            iamMultiSlideMessageViewModel_esDecorate(_a, null, __isOnceOpened_decorators, { kind: "accessor", name: "_isOnceOpened", static: false, private: false, access: { has: obj => "_isOnceOpened" in obj, get: obj => obj._isOnceOpened, set: (obj, value) => { obj._isOnceOpened = value; } }, metadata: _metadata }, __isOnceOpened_initializers, __isOnceOpened_extraInitializers);
+            iamMultiSlideMessageViewModel_esDecorate(_a, null, __$root_decorators, { kind: "accessor", name: "_$root", static: false, private: false, access: { has: obj => "_$root" in obj, get: obj => obj._$root, set: (obj, value) => { obj._$root = value; } }, metadata: _metadata }, __$root_initializers, __$root_extraInitializers);
+            iamMultiSlideMessageViewModel_esDecorate(_a, null, __needShowErrorScreen_decorators, { kind: "accessor", name: "_needShowErrorScreen", static: false, private: false, access: { has: obj => "_needShowErrorScreen" in obj, get: obj => obj._needShowErrorScreen, set: (obj, value) => { obj._needShowErrorScreen = value; } }, metadata: _metadata }, __needShowErrorScreen_initializers, __needShowErrorScreen_extraInitializers);
+            iamMultiSlideMessageViewModel_esDecorate(_a, null, __needShowLoaderScreen_decorators, { kind: "accessor", name: "_needShowLoaderScreen", static: false, private: false, access: { has: obj => "_needShowLoaderScreen" in obj, get: obj => obj._needShowLoaderScreen, set: (obj, value) => { obj._needShowLoaderScreen = value; } }, metadata: _metadata }, __needShowLoaderScreen_initializers, __needShowLoaderScreen_extraInitializers);
+            iamMultiSlideMessageViewModel_esDecorate(_a, null, __disabledNextClick_decorators, { kind: "accessor", name: "_disabledNextClick", static: false, private: false, access: { has: obj => "_disabledNextClick" in obj, get: obj => obj._disabledNextClick, set: (obj, value) => { obj._disabledNextClick = value; } }, metadata: _metadata }, __disabledNextClick_initializers, __disabledNextClick_extraInitializers);
+            iamMultiSlideMessageViewModel_esDecorate(_a, null, _showErrorScreen_decorators, { kind: "method", name: "showErrorScreen", static: false, private: false, access: { has: obj => "showErrorScreen" in obj, get: obj => obj.showErrorScreen }, metadata: _metadata }, null, _instanceExtraInitializers);
+            iamMultiSlideMessageViewModel_esDecorate(_a, null, _showLoaderScreen_decorators, { kind: "method", name: "showLoaderScreen", static: false, private: false, access: { has: obj => "showLoaderScreen" in obj, get: obj => obj.showLoaderScreen }, metadata: _metadata }, null, _instanceExtraInitializers);
+            iamMultiSlideMessageViewModel_esDecorate(_a, null, _hideLoaderScreen_decorators, { kind: "method", name: "hideLoaderScreen", static: false, private: false, access: { has: obj => "hideLoaderScreen" in obj, get: obj => obj.hideLoaderScreen }, metadata: _metadata }, null, _instanceExtraInitializers);
+            iamMultiSlideMessageViewModel_esDecorate(_a, null, _hideErrorScreen_decorators, { kind: "method", name: "hideErrorScreen", static: false, private: false, access: { has: obj => "hideErrorScreen" in obj, get: obj => obj.hideErrorScreen }, metadata: _metadata }, null, _instanceExtraInitializers);
             if (_metadata) Object.defineProperty(_a, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
         })(),
         _a;
@@ -17833,6 +18911,8 @@ let IamMessageViewModel = (() => {
 
 
 
+
+
 ;// CONCATENATED MODULE: ../core/src/readers/inAppMessaging/index.ts
 
 
@@ -20434,7 +21514,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.9";
+        const sdkVersion = "1.8.1";
         this._config = {
             sessionId: session.id,
             apiKey: storyManagerConfig.apiKey,
@@ -20467,7 +21547,6 @@ class UgcEditorApi {
         const requestConfig = {
             method: "GET",
             url: "ugc/editor-config",
-            params: {}
         };
         const response = await api.request(requestConfig);
         return response.data;
@@ -20866,11 +21945,11 @@ class StoryManager extends TypedEventEmitter {
         return this._userAgent;
     }
     get sdkVersionName() {
-        const sdkVersionName = "1.8.0-rc.9";
+        const sdkVersionName = "1.8.1";
         return sdkVersionName || "0.0.0";
     }
     get sdkVersionCode() {
-        const sdkVersionCode = 10800;
+        const sdkVersionCode = 10801;
         return sdkVersionCode ? parseInt(sdkVersionCode) : 0;
     }
     get lang() {
@@ -20927,7 +22006,7 @@ class StoryManager extends TypedEventEmitter {
         this.rootStore.storyManagerConfigStore.setConfig(configDto);
     }
     setUserAgent(userAgent) {
-        const sdkVersionCode = 10800;
+        const sdkVersionCode = 10801;
         const buildVersion = sdkVersionCode ? parseInt(sdkVersionCode) : 0;
         // According to RFC5987, HTTP header values can legitimately be supplied using the ISO-8859-1 encoding.
         this._userAgent = `${userAgent} ${convertStrToLatin1(navigator.userAgent)}`;
@@ -23248,10 +24327,7 @@ const Loader = (0,external_mobx_react_lite_namespaceObject.observer)((props) =>
     const isLoading = props.needShowLoaderScreen;
     if (!isLoading && !needShowReloadBtn)
         return null;
-    return ((0,jsx_runtime_namespaceObject.jsx)("div", { className: (0,external_classnames_namespaceObject["default"])(Loader_loader_module["loader"]), style: {
-            "--loader-background": props.background,
-            "--loaderBackgroundColor": props.color
-        }, onClick: e => {
+    return ((0,jsx_runtime_namespaceObject.jsx)("div", { className: (0,external_classnames_namespaceObject["default"])(Loader_loader_module["loader"]), style: Object.assign({ "--loader-background": props.background, "--loaderBackgroundColor": props.color }, props.style), onClick: e => {
             e.preventDefault();
         }, children: needShowReloadBtn ? ((0,jsx_runtime_namespaceObject.jsx)(RefreshIcon, { className: Loader_loader_module["loader__refresh-btn"], onClick: e => {
                 e.stopPropagation();
@@ -25047,8 +26123,7 @@ const Story_Story = (0,external_mobx_react_lite_namespaceObject.observer)((_a) =
     const shouldHideHeader = isDesktopGeometry && useModernLayout
         ? !isActiveStory || story.pauseState.isUIPaused
         : story.pauseState.isUIPaused;
-    const shouldHideActionPanel = isDesktopGeometry &&
-        ((useModernLayout && !isActiveStory) || story.textInput.isOpened);
+    const shouldHideActionPanel = isDesktopGeometry && ((useModernLayout && !isActiveStory) || story.textInput.isOpened);
     (0,external_react_namespaceObject.useLayoutEffect)(() => {
         const bottomOffset = parseFloat(String(storyReaderOptions.actionPanelBottomOffset));
         story.actionPanel.setOptions(commonOptions);
@@ -25072,7 +26147,7 @@ const Story_Story = (0,external_mobx_react_lite_namespaceObject.observer)((_a) =
             story.sharePanel.completeNativeSharing({ result: false });
         }, onTouchStart: () => {
             story.sharePanel.completeNativeSharing({ result: false });
-        }, "data-testid": "story", children: [isDesktopGeometry && useModernLayout && ((0,jsx_runtime_namespaceObject.jsx)(StoryBackdrop, { hidden: isActiveStory })), story.canBeShown && ((0,jsx_runtime_namespaceObject.jsx)(StoryHeader, { hidden: shouldHideHeader, story: story, onClose: props.onClose, isDesktopGeometry: isDesktopGeometry })), (0,jsx_runtime_namespaceObject.jsx)(StorySlidesRenderer, { className: Story_story_module["story-slides"], story: story, preventNavigation: useModernLayout && isDesktopGeometry, isActiveStory: isActiveStory, isDesktopGeometry: isDesktopGeometry }), story.actionPanel.needShown && ((0,jsx_runtime_namespaceObject.jsx)(StoryActionPanel, { dir: story.dir, isDesktopGeometry: isDesktopGeometry, hidden: shouldHideActionPanel, actionPanel: story.actionPanel, commonOptions: commonOptions, storyReaderOptions: storyReaderOptions })), props.activeStory === story && ((0,jsx_runtime_namespaceObject.jsx)(GoodsWidgetViewer, { story: story, goodsWidgetOptions: goodsWidgetOptions })), props.activeStory === story && ((0,jsx_runtime_namespaceObject.jsx)(TextInputModal, { story: story, storyRef: storyRef, storyGeometry: geometry })), story.sharePanel.isOpened && ((0,jsx_runtime_namespaceObject.jsx)(SharePanel, { dir: story.dir, className: Story_story_module["share-panel-wrapper"], shareText: story.sharePanel.params.text, shareType: story.sharePanel.params.type, shareLink: story.sharePanel.params.link, onShareCompelete: (result) => story.sharePanel.handleShareComplete(story.sharePanel.params.id, result), sharePanelOptions: storyReaderOptions.sharePanel })), (0,jsx_runtime_namespaceObject.jsx)(Loader, { needShowErrorScreen: story.needShowErrorScreen, needShowLoaderScreen: story.needShowLoaderScreen, onReload: handleReloadStory })] }));
+        }, "data-testid": "story", children: [isDesktopGeometry && useModernLayout && story.isSlideRendered && (0,jsx_runtime_namespaceObject.jsx)(StoryBackdrop, { hidden: isActiveStory }), story.canBeShown && story.isSlideRendered && ((0,jsx_runtime_namespaceObject.jsx)(StoryHeader, { hidden: shouldHideHeader, story: story, onClose: props.onClose, isDesktopGeometry: isDesktopGeometry })), (0,jsx_runtime_namespaceObject.jsx)(StorySlidesRenderer, { className: Story_story_module["story-slides"], story: story, preventNavigation: useModernLayout && isDesktopGeometry, isActiveStory: isActiveStory, isDesktopGeometry: isDesktopGeometry }), story.actionPanel.needShown && story.isSlideRendered && ((0,jsx_runtime_namespaceObject.jsx)(StoryActionPanel, { dir: story.dir, isDesktopGeometry: isDesktopGeometry, hidden: shouldHideActionPanel, actionPanel: story.actionPanel, commonOptions: commonOptions, storyReaderOptions: storyReaderOptions })), props.activeStory === story && ((0,jsx_runtime_namespaceObject.jsx)(GoodsWidgetViewer, { story: story, goodsWidgetOptions: goodsWidgetOptions })), props.activeStory === story && ((0,jsx_runtime_namespaceObject.jsx)(TextInputModal, { story: story, storyRef: storyRef, storyGeometry: geometry })), story.sharePanel.isOpened && ((0,jsx_runtime_namespaceObject.jsx)(SharePanel, { dir: story.dir, className: Story_story_module["share-panel-wrapper"], shareText: story.sharePanel.params.text, shareType: story.sharePanel.params.type, shareLink: story.sharePanel.params.link, onShareCompelete: (result) => story.sharePanel.handleShareComplete(story.sharePanel.params.id, result), sharePanelOptions: storyReaderOptions.sharePanel })), (0,jsx_runtime_namespaceObject.jsx)(Loader, { needShowErrorScreen: story.needShowErrorScreen, needShowLoaderScreen: story.needShowLoaderScreen, onReload: handleReloadStory })] }));
 });
 
 ;// CONCATENATED MODULE: ./src/StoryReader/Story/index.ts
@@ -25419,7 +26494,7 @@ const ModernStoryList = (0,external_mobx_react_lite_namespaceObject.observer)((p
                         if (uiDisabled)
                             return;
                         props.storyReader.toStoryWithAnimationByIndex(index);
-                    }, children: [(0,jsx_runtime_namespaceObject.jsx)(Story_Story, { index: index, story: story, slideClickDisabled: uiDisabled, activeStory: activeStory, geometry: props.storyGeometry, onClose: props.onCloseStory }), (props.storyReader.stories.length > 1 || story.slidesCount > 1) && ((0,jsx_runtime_namespaceObject.jsx)(ModernStoryListControls, { dir: props.storyReader.dir, display: isActiveStory && activeStory.canBeShown, disabled: uiDisabled, isNextDisabled: isNextDisabled, isPrevDisabled: isPrevDisabled, navigationOptions: storyReaderOptions.navigation, onNext: () => {
+                    }, children: [(0,jsx_runtime_namespaceObject.jsx)(Story_Story, { index: index, story: story, slideClickDisabled: uiDisabled, activeStory: activeStory, geometry: props.storyGeometry, onClose: props.onCloseStory }), (props.storyReader.stories.length > 1 || story.slidesCount > 1) && activeStory.isSlideRendered && ((0,jsx_runtime_namespaceObject.jsx)(ModernStoryListControls, { dir: props.storyReader.dir, display: isActiveStory && activeStory.canBeShown, disabled: uiDisabled, isNextDisabled: isNextDisabled, isPrevDisabled: isPrevDisabled, navigationOptions: storyReaderOptions.navigation, onNext: () => {
                                 props.storyReader.goNext();
                             }, onPrev: () => {
                                 props.storyReader.goPrev();
@@ -26310,7 +27385,7 @@ var decorators_js_x = (y) => {
 	var x = {}; __webpack_require__.d(x, y); return x
 } 
 var decorators_js_y = (x) => (() => (x))
-const decorators_js_namespaceObject = decorators_js_x({ ["customElement"]: () => (__WEBPACK_EXTERNAL_MODULE_lit_decorators_js_226d44c5__.customElement), ["property"]: () => (__WEBPACK_EXTERNAL_MODULE_lit_decorators_js_226d44c5__.property), ["query"]: () => (__WEBPACK_EXTERNAL_MODULE_lit_decorators_js_226d44c5__.query), ["state"]: () => (__WEBPACK_EXTERNAL_MODULE_lit_decorators_js_226d44c5__.state) });
+const decorators_js_namespaceObject = decorators_js_x({ ["property"]: () => (__WEBPACK_EXTERNAL_MODULE_lit_decorators_js_226d44c5__.property), ["query"]: () => (__WEBPACK_EXTERNAL_MODULE_lit_decorators_js_226d44c5__.query), ["state"]: () => (__WEBPACK_EXTERNAL_MODULE_lit_decorators_js_226d44c5__.state) });
 ;// CONCATENATED MODULE: ./src/InAppMessaging/controllers/viewportController.ts
 class ViewportController {
     constructor(host) {
@@ -26372,7 +27447,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) => {
@@ -26520,7 +27595,7 @@ var BottomSheet_classPrivateFieldSet = (undefined && undefined.__classPrivateFie
 
 let BottomSheet = (() => {
     var _BottomSheet_open_accessor_storage, _BottomSheet_disableClose_accessor_storage, _BottomSheet_geometry_accessor_storage, _BottomSheet_appearanceOptions_accessor_storage, _BottomSheet_touchController_accessor_storage, _BottomSheet_desktopMode_accessor_storage, _BottomSheet_isVisible_accessor_storage, _BottomSheet_isClosed_accessor_storage, _BottomSheet_backdropRef_accessor_storage, _BottomSheet_bottomSheetBoxRef_accessor_storage, _BottomSheet_bottomSheetRef_accessor_storage;
-    let _classDecorators = [(0,decorators_js_namespaceObject.customElement)("iam-bottom-sheet")];
+    let _classDecorators = [safeCustomElement("iam-bottom-sheet")];
     let _classDescriptor;
     let _classExtraInitializers = [];
     let _classThis;
@@ -26799,9 +27874,10 @@ var ModalCloseButton_classPrivateFieldSet = (undefined && undefined.__classPriva
 
 
 
+
 let Modal = (() => {
     var _Modal_closeBtnPosition_accessor_storage, _Modal_dir_accessor_storage;
-    let _classDecorators = [(0,decorators_js_namespaceObject.customElement)("iam-modal-close-btn")];
+    let _classDecorators = [safeCustomElement("iam-modal-close-btn")];
     let _classDescriptor;
     let _classExtraInitializers = [];
     let _classThis;
@@ -26919,9 +27995,10 @@ var Modal_classPrivateFieldSet = (undefined && undefined.__classPrivateFieldSet)
 
 const ANIMATION_DURATION = 350;
 
+
 let Modal_Modal = (() => {
     var _Modal_open_accessor_storage, _Modal_disableClose_accessor_storage, _Modal_fullscreen_accessor_storage, _Modal_geometry_accessor_storage, _Modal_appearanceOptions_accessor_storage, _Modal_dir_accessor_storage, _Modal_isVisible_accessor_storage, _Modal_isClosed_accessor_storage, _Modal_backdropRef_accessor_storage;
-    let _classDecorators = [(0,decorators_js_namespaceObject.customElement)("iam-modal")];
+    let _classDecorators = [safeCustomElement("iam-modal")];
     let _classDescriptor;
     let _classExtraInitializers = [];
     let _classThis;
@@ -27171,9 +28248,10 @@ var FullscreenModal_classPrivateFieldSet = (undefined && undefined.__classPrivat
 
 
 
+
 let FullscreenModal = (() => {
     var _FullscreenModal_open_accessor_storage, _FullscreenModal_geometry_accessor_storage, _FullscreenModal_appearanceOptions_accessor_storage;
-    let _classDecorators = [(0,decorators_js_namespaceObject.customElement)("iam-fullscreen-modal")];
+    let _classDecorators = [safeCustomElement("iam-fullscreen-modal")];
     let _classDescriptor;
     let _classExtraInitializers = [];
     let _classThis;
@@ -27290,9 +28368,10 @@ var MessageViewFactory_classPrivateFieldSet = (undefined && undefined.__classPri
 
 
 
+
 let MessageViewFactory = (() => {
     var _MessageViewFactory_appearanceOptions_accessor_storage, _MessageViewFactory_type_accessor_storage, _MessageViewFactory_open_accessor_storage, _MessageViewFactory_disableClose_accessor_storage, _MessageViewFactory_geometry_accessor_storage, _MessageViewFactory_touchController_accessor_storage, _MessageViewFactory_desktopMode_accessor_storage, _MessageViewFactory_dir_accessor_storage;
-    let _classDecorators = [(0,decorators_js_namespaceObject.customElement)("message-view-factory")];
+    let _classDecorators = [safeCustomElement("message-view-factory")];
     let _classDescriptor;
     let _classExtraInitializers = [];
     let _classThis;
@@ -27413,9 +28492,9 @@ let MessageViewFactory = (() => {
 })();
 
 
-;// CONCATENATED MODULE: ./src/InAppMessaging/components/MessageSlide/MessageSide.styles.ts
+;// CONCATENATED MODULE: ./src/InAppMessaging/components/MessageSlide/MessageSlide.styles.ts
 
-const messageSlideStyles = (0,external_lit_namespaceObject.css) `.slides-container{height:100%;width:100%;position:absolute;top:0;left:0;bottom:0;right:0}`;
+const messageSlideStyles = (0,external_lit_namespaceObject.css) `.slides-container{height:100%;width:100%;position:absolute;top:0;left:0;bottom:0;right:0}.slides-container .cards-slider{overflow:hidden}`;
 
 ;// CONCATENATED MODULE: ./src/InAppMessaging/components/MessageSlide/MessageSlide.ts
 var MessageSlide_esDecorate = (undefined && undefined.__esDecorate) || function (ctor, descriptorIn, decorators, contextIn, initializers, extraInitializers) {
@@ -27473,7 +28552,7 @@ var MessageSlide_classPrivateFieldSet = (undefined && undefined.__classPrivateFi
 
 let MessageSlide = (() => {
     var _MessageSlide_message_accessor_storage, _MessageSlide_styleContext_accessor_storage, _MessageSlide_geometry_accessor_storage, _MessageSlide_slidesContainer_accessor_storage;
-    let _classDecorators = [(0,decorators_js_namespaceObject.customElement)("message-slide")];
+    let _classDecorators = [safeCustomElement("message-slide")];
     let _classDescriptor;
     let _classExtraInitializers = [];
     let _classThis;
@@ -27521,12 +28600,11 @@ let MessageSlide = (() => {
             this.message.stop();
         }
         handleSlideClick(event) {
-            var _a;
             if (!event.currentTarget)
                 return;
             event.preventDefault();
             event.stopPropagation();
-            (_a = this.message.activeSlide) === null || _a === void 0 ? void 0 : _a.onClick(event, event.currentTarget);
+            this.message.onClick(event, event.currentTarget);
         }
         async initAndStartSlide() {
             const slidesContainer = this.slidesContainer;
@@ -27629,9 +28707,10 @@ var RefreshIcon_classPrivateFieldSet = (undefined && undefined.__classPrivateFie
 };
 
 
+
 let RefreshIcon_RefreshIcon = (() => {
     var _RefreshIcon_className_accessor_storage;
-    let _classDecorators = [(0,decorators_js_namespaceObject.customElement)("iam-refresh-icon")];
+    let _classDecorators = [safeCustomElement("iam-refresh-icon")];
     let _classDescriptor;
     let _classExtraInitializers = [];
     let _classThis;
@@ -27731,9 +28810,10 @@ var Loader_classPrivateFieldSet = (undefined && undefined.__classPrivateFieldSet
 
 
 
+
 let Loader_Loader = (() => {
     var _Loader_background_accessor_storage, _Loader_color_accessor_storage, _Loader_needShowErrorScreen_accessor_storage, _Loader_needShowLoaderScreen_accessor_storage;
-    let _classDecorators = [(0,decorators_js_namespaceObject.customElement)("iam-loader")];
+    let _classDecorators = [safeCustomElement("iam-loader")];
     let _classDescriptor;
     let _classExtraInitializers = [];
     let _classThis;
@@ -27882,7 +28962,7 @@ var InAppMessagingReader_classPrivateFieldSet = (undefined && undefined.__classP
 
 let InAppMessagingReader = (() => {
     var _InAppMessagingReader_options_accessor_storage, _InAppMessagingReader_desktopMode_accessor_storage, _InAppMessagingReader_dir_accessor_storage, _InAppMessagingReader_viewModel_accessor_storage, _InAppMessagingReader_open_accessor_storage;
-    let _classDecorators = [(0,decorators_js_namespaceObject.customElement)("iam-reader"), mobxObserver];
+    let _classDecorators = [safeCustomElement("iam-reader"), mobxObserver];
     let _classDescriptor;
     let _classExtraInitializers = [];
     let _classThis;
@@ -27981,9 +29061,9 @@ let InAppMessagingReader = (() => {
             });
         }
         async handleReloadMessage() {
-            var _a, _b, _c;
+            var _a, _b;
             try {
-                await ((_c = (_b = (_a = this.viewModel) === null || _a === void 0 ? void 0 : _a.activeMessage) === null || _b === void 0 ? void 0 : _b.activeSlide) === null || _c === void 0 ? void 0 : _c.restart());
+                await ((_b = (_a = this.viewModel) === null || _a === void 0 ? void 0 : _a.activeMessage) === null || _b === void 0 ? void 0 : _b.restart());
             }
             catch (error) {
                 console.error(error);
@@ -28088,7 +29168,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;