@inappstory/react-sdk 1.8.0-rc.8 → 1.8.0

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,122 +3185,129 @@ 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) {
-        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(Object.entries(config.params).filter(([key, value]) => value != null && value !== "")).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(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);
+        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 === "" || Number.isNaN(value))
+                continue;
+            const fullKey = prefix ? `${prefix}[${key}]` : key;
+            if (typeof value === "object" && !Array.isArray(value)) {
+                pairs.push(...this.buildQuery(value, fullKey));
             }
             else {
-                cb();
+                pairs.push([fullKey, value]);
             }
-        });
-    }
-    async post(path, data, params = {}) {
-        return this.request({ method: "post", url: path, data, params });
+        }
+        return pairs;
     }
-    async get(path, params = {}) {
-        return this.request({ method: "get", url: path, params });
+    buildBody(obj) {
+        const result = {};
+        for (const [key, value] of Object.entries(obj)) {
+            if (value == null || value === "") {
+                continue;
+            }
+            if (typeof value === "object" && !Array.isArray(value)) {
+                const filteredNested = this.buildBody(value);
+                if (Object.keys(filteredNested).length) {
+                    result[key] = filteredNested;
+                }
+            }
+            else {
+                result[key] = value;
+            }
+        }
+        return result;
     }
 }
 const APIInstance = new API();
@@ -3260,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;
@@ -3450,7 +3505,7 @@ var __esDecorate = (undefined && undefined.__esDecorate) || function (ctor, desc
 
 
 
-const messageFields = "campaign_name,id,events,appearance,slides_html,type,frequency_limit,display_to,display_from,need_placeholders,has_limit";
+const messageFields = "campaign_name,id,events,appearance,slides_html,type,frequency_limit,display_to,display_from,disable_close,need_placeholders,has_limit";
 const messageFieldsWithPrefix = messageFields
     .split(",")
     .map(field => `messages.${field}`)
@@ -3470,23 +3525,29 @@ let IamApi = (() => {
                     value: (__runInitializers(this, _instanceExtraInitializers), storyManager)
                 });
             }
-            async fetchAll({ tags }) {
-                const response = await api.get("inappmessaging", {
-                    fields: messageFieldsWithPrefix,
-                    tag: tags.join(",")
+            async fetchAll({ tags, options }) {
+                const response = await api.post("inappmessaging", {
+                    tags: tags.join(","),
+                    options
+                }, {
+                    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)
@@ -3503,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);
@@ -3572,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)
@@ -3884,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;
     }
@@ -4458,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) {
@@ -4508,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;
@@ -4530,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) {
@@ -4574,43 +4650,50 @@ class StoryFeedsApi {
             value: storyManager
         });
     }
-    async fetchUgcFeed({ filter, tags, testKey }) {
+    async fetchUgcFeed({ filter, tags, testKey, options }) {
         const url = "ugc/feed";
         const params = {
             tags: tags.join(","),
             test: testKey,
-            f: filter && JSON.stringify(filter)
+            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 }) {
+    async fetchDefaultFeed({ feedSlug, tags, testKey, options }) {
         const url = `feed/${feedSlug}`;
-        const params = {
+        const response = await api.post(url, {
             tags: tags.join(","),
-            test: testKey
-        };
-        const response = await api.get(url, params !== null && params !== void 0 ? params : {});
+            options
+        }, {
+            params: {
+                test: testKey
+            }
+        });
         response.data.feedSlug = feedSlug;
         return response.data;
     }
     async fetchFavoriteFeed({ tags }) {
         const url = "story";
-        const params = {
-            tags: tags.join(","),
-            favorite: 1
-        };
-        const response = await api.get(url, params !== null && params !== void 0 ? params : {});
+        const response = await api.get(url, {
+            params: {
+                tags: tags.join(","),
+                favorite: 1
+            }
+        });
         return response.data;
     }
     async fetchOnboardingFeed(payload) {
         const url = `feed/${payload.feedSlug}/onboarding`;
-        const tags = payload.tags.join(",");
-        const params = {
-            tags: tags,
-            limit: payload.limit
-        };
-        const response = await api.get(url, params !== null && params !== void 0 ? params : {});
+        const response = await api.post(url, {
+            tags: payload.tags.join(","),
+            options: payload.options
+        }, {
+            params: {
+                limit: payload.limit
+            }
+        });
         response.data.feedSlug = payload.feedSlug;
         return response.data;
     }
@@ -4676,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 });
     }
 }
 
@@ -5078,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,
@@ -5109,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,
@@ -5117,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() {
@@ -5131,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(),
         (() => {
@@ -7741,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;
@@ -7806,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,
@@ -7831,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,
@@ -7838,6 +7974,30 @@ let StorySlideViewModel = (() => {
                     writable: true,
                     value: (storySlideViewModel_runInitializers(this, __disabledNextClick_extraInitializers), new external_async_mutex_namespaceObject.Mutex())
                 });
+                Object.defineProperty(this, "isInited", {
+                    enumerable: true,
+                    configurable: true,
+                    writable: true,
+                    value: false
+                });
+                Object.defineProperty(this, "isStarted", {
+                    enumerable: true,
+                    configurable: true,
+                    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,
@@ -7850,9 +8010,6 @@ let StorySlideViewModel = (() => {
                     }
                 });
             }
-            get state() {
-                return this.slideApi.state;
-            }
             get index() {
                 return this._index;
             }
@@ -7900,6 +8057,8 @@ let StorySlideViewModel = (() => {
             }
             async init() {
                 const release = await this.mutex.acquire();
+                if (this.isInited)
+                    return;
                 let loaderShown = this.story.needShowLoaderScreen;
                 let startTime = Date.now();
                 const loaderTimeout = setTimeout(() => {
@@ -7912,6 +8071,7 @@ let StorySlideViewModel = (() => {
                     const { result, reason } = await this.slideApi.showSlide(this.html);
                     if (!result)
                         throw new Error(reason);
+                    this.isInited = true;
                 }
                 catch (error) {
                     this.handleSlideError(error);
@@ -7925,9 +8085,12 @@ let StorySlideViewModel = (() => {
             async start() {
                 const release = await this.mutex.acquire();
                 try {
+                    if (!this.isInited || this.isStarted)
+                        return;
                     debug(`[SLIDE][START]:${this.story.id}:${this.slide.index}`);
                     await this.slideApi.slideStart({ muted: this._story.muted });
                     this.story.touchController.on(TouchControllerEvent.TouchEnd, this.handleTouchEnd);
+                    this.isStarted = true;
                 }
                 catch (error) {
                     this.handleSlideError(error);
@@ -7942,6 +8105,8 @@ let StorySlideViewModel = (() => {
                     this.story.hideErrorScreen();
                     this.story.showLoaderScreen();
                     await this.slideApi.slideRestart({ muted: this._story.muted });
+                    this.isInited = true;
+                    this.isStarted = true;
                 }
                 catch (error) {
                     this.handleSlideError(error);
@@ -7954,6 +8119,8 @@ let StorySlideViewModel = (() => {
             async resumeByApp() {
                 const release = await this.mutex.acquire();
                 try {
+                    if (!this.isStarted)
+                        return;
                     debug(`[SLIDE][RESUME-BY-APP]:${this.story.id}:${this.slide.index}`);
                     await this.slideApi.slideAppResume();
                 }
@@ -7967,6 +8134,8 @@ let StorySlideViewModel = (() => {
             async pauseByApp() {
                 const release = await this.mutex.acquire();
                 try {
+                    if (!this.isStarted)
+                        return;
                     debug(`[SLIDE][PAUSE-BY-APP]:${this.story.id}:${this.slide.index}`);
                     await this.slideApi.slideAppPause();
                 }
@@ -7980,6 +8149,8 @@ let StorySlideViewModel = (() => {
             async resumeByUser() {
                 const release = await this.mutex.acquire();
                 try {
+                    if (!this.isStarted)
+                        return;
                     debug(`[SLIDE][RESUME-BY-USER]:${this.story.id}:${this.slide.index}`);
                     await this.slideApi.slideUserResume();
                 }
@@ -7993,6 +8164,8 @@ let StorySlideViewModel = (() => {
             async pauseByUser() {
                 const release = await this.mutex.acquire();
                 try {
+                    if (!this.isStarted)
+                        return;
                     debug(`[SLIDE][PAUSE-BY-USER]:${this.story.id}:${this.slide.index}`);
                     await this.slideApi.slideUserPause();
                 }
@@ -8006,6 +8179,8 @@ let StorySlideViewModel = (() => {
             async stop(params) {
                 const release = await this.mutex.acquire();
                 try {
+                    if (!this.isInited || !this.isStarted)
+                        return;
                     debug(`[SLIDE][STOP]:${this.story.id}:${this.slide.index}`);
                     await this.slideApi.slideStop(params);
                 }
@@ -8013,6 +8188,9 @@ let StorySlideViewModel = (() => {
                     this.handleSlideError(error);
                 }
                 finally {
+                    this.isStarted = false;
+                    if (params.prepareForRestart === 2 /* ON_SLIDE_STOP_PREPARE_FOR_RESTART.NOT_PREPARE */)
+                        this.isInited = false;
                     this.story.touchController.off(TouchControllerEvent.TouchEnd, this.handleTouchEnd);
                     release();
                 }
@@ -8028,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;
@@ -8044,13 +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);
@@ -9399,12 +9601,14 @@ var storyViewModel_classPrivateFieldSet = (undefined && undefined.__classPrivate
 
 
 
+
 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 = [];
@@ -9423,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;
@@ -9450,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,
@@ -9488,28 +9697,35 @@ 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", {
+                _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: (storyViewModel_runInitializers(this, __$root_extraInitializers), false)
+                    value: (storyViewModel_runInitializers(this, _isInited_extraInitializers), false)
                 });
-                Object.defineProperty(this, "isActive", {
+                Object.defineProperty(this, "_activeSlideStartTime", {
                     enumerable: true,
                     configurable: true,
                     writable: true,
-                    value: false
+                    value: 0
                 });
-                Object.defineProperty(this, "_activeSlideStartTime", {
+                Object.defineProperty(this, "mutex", {
                     enumerable: true,
                     configurable: true,
                     writable: true,
-                    value: 0
+                    value: new external_async_mutex_namespaceObject.Mutex()
                 });
                 // internal services
                 Object.defineProperty(this, "slideApi", {
@@ -9573,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,
@@ -9591,6 +9801,10 @@ let StoryViewModel = (() => {
                     writable: true,
                     value: async (el) => {
                         this._$root = el;
+                        // Reaction to `layout` (modern or classic) change
+                        // TODO: add test with example
+                        await this.reinit();
+                        await this.restart();
                     }
                 });
                 Object.defineProperty(this, "handleKeydown", {
@@ -9651,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;
@@ -9708,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 ||
@@ -9779,7 +9996,7 @@ let StoryViewModel = (() => {
             }
             async prevSlideOrStory() {
                 if (this.reachStart && this.storyReader.reachStart) {
-                    if (!this.isActive)
+                    if (!this.isStarted)
                         return;
                     await this.activeSlide.restart();
                     return;
@@ -9828,41 +10045,63 @@ let StoryViewModel = (() => {
                 await this.storyManager.rootStore.storyStore.updateNarrativeData(this.id, data);
             }
             detachRoot() {
+                var _b;
                 this._$root = null;
+                const isInited = this.isInited;
+                const isStarted = this.isStarted;
+                this.stop();
+                (_b = this.slideApi) === null || _b === void 0 ? void 0 : _b.destroy();
+                for (const slide of this._slides)
+                    slide.destroy();
+                this.isInited = isInited;
+                this.isStarted = isStarted;
             }
-            async init() {
-                if (this.isInited)
-                    return;
-                if (!this.initOnce && !this.story.canBeShown) {
+            async preloadSlides(start, end, priority) {
+                if (!this.story.canBeShown)
                     this.showLoaderScreen();
-                    this.initOnce = true;
-                }
-                await (0,external_mobx_namespaceObject.when)(() => this.canBeShown && Boolean(this._$root));
-                await this.activeSlide.init();
-                this.isInited = true;
+                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.story.canBeShown)
+                        this.showLoaderScreen();
+                    await (0,external_mobx_namespaceObject.when)(() => this.canBeShown);
+                    await this.activeSlide.init();
+                    this.isInited = true;
+                });
             }
             async start() {
-                if (!this.isInited)
-                    throw new Error("[IAS]: story was not initialized error. Please contact IAS support.");
-                if (this.isActive)
-                    return;
-                await this.activeSlide.start();
-                document.addEventListener("visibilitychange", this.handleVisibilityChange);
-                document.addEventListener("keydown", this.handleKeydown);
-                this.isActive = true;
-                this._activeSlideStartTime = Date.now();
+                await this.mutex.runExclusive(async () => {
+                    if (this.isStarted || !this.isInited)
+                        return;
+                    await this.activeSlide.start();
+                    document.addEventListener("visibilitychange", this.handleVisibilityChange);
+                    document.addEventListener("keydown", this.handleKeydown);
+                    this.isStarted = true;
+                    this._activeSlideStartTime = Date.now();
+                });
             }
             async stop() {
-                var _b;
-                if (!this.isActive || !this.isInited)
-                    return;
-                (_b = this.toast) === null || _b === void 0 ? void 0 : _b.destroy();
-                this.isActive = false;
-                this.slideApiHandlers.clearNarrativeSessionDataCache();
-                this.resumeAll();
-                await this.activeSlide.stop({ prepareForRestart: 1 /* ON_SLIDE_STOP_PREPARE_FOR_RESTART.PREPARE */ });
-                document.removeEventListener("visibilitychange", this.handleVisibilityChange);
-                document.removeEventListener("keydown", this.handleKeydown);
+                await this.mutex.runExclusive(async () => {
+                    var _b;
+                    if (!this.isStarted || !this.isInited)
+                        return;
+                    (_b = this.toast) === null || _b === void 0 ? void 0 : _b.destroy();
+                    this.isStarted = false;
+                    this.slideApiHandlers.clearNarrativeSessionDataCache();
+                    this.resumeAll();
+                    await this.activeSlide.stop({ prepareForRestart: 1 /* ON_SLIDE_STOP_PREPARE_FOR_RESTART.PREPARE */ });
+                    document.removeEventListener("visibilitychange", this.handleVisibilityChange);
+                    document.removeEventListener("keydown", this.handleKeydown);
+                });
             }
             canGoNext() {
                 return this.activeSlide.canGoNext();
@@ -9888,13 +10127,13 @@ let StoryViewModel = (() => {
                 this.goodsWidget.close();
                 const activeSlide = this.getSlideByIndex(this._activeSlideIndex);
                 this.slideApiHandlers.clearNarrativeSessionDataCache();
-                if (this.isActive)
+                if (this.isStarted)
                     await activeSlide.stop({ prepareForRestart: 2 /* ON_SLIDE_STOP_PREPARE_FOR_RESTART.NOT_PREPARE */ });
                 await activeSlide.destroy();
                 (_b = this.slideApi) === null || _b === void 0 ? void 0 : _b.destroy();
                 (_c = this.toast) === null || _c === void 0 ? void 0 : _c.destroy();
                 this.isInited = false;
-                this.isActive = false;
+                this.isStarted = false;
             }
             notifyPauseStateChange() {
                 if (this.pauseManager.isUserPaused)
@@ -9942,15 +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));
-                // Reaction to `layout` (modern or classsic) change
-                await this.onSlideChange(this.activeSlideIndex);
+                this._slides = slides.map((slide, index) => new StorySlideViewModel(this, index, slideApi, slide, this.cacheManager));
             }
             handleSpaceKeydown(e) {
                 if (e.code !== "Space")
@@ -9969,17 +10207,35 @@ let StoryViewModel = (() => {
                     this.mute();
             }
             async onSlideChange(index) {
-                const lastSlide = this.getSlideByIndex(this._activeSlideIndex);
-                const activeSlide = this.getSlideByIndex(index);
-                this._activeSlideIndex = index;
-                if (this.isInited)
-                    await activeSlide.init();
-                if (this.isActive) {
+                var _b;
+                try {
+                    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();
                     this._activeSlideStartTime = Date.now();
                 }
+                catch (error) {
+                    console.error(error);
+                }
+            }
+            async reinit() {
+                if (this.isInited) {
+                    this.isInited = false;
+                    await this.init();
+                }
+            }
+            async restart() {
+                if (this.isStarted) {
+                    this.isStarted = false;
+                    await this.start();
+                }
             }
         },
         _StoryViewModel__activeSlideIndex_accessor_storage = new WeakMap(),
@@ -9987,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;
@@ -9995,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];
@@ -10016,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);
@@ -10044,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
 
 
@@ -10386,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;
     }
 }
@@ -10479,7 +10744,7 @@ class GameClientConfig {
             value: void 0
         });
         const storyManagerConfig = this.storyManager.config;
-        const sdkVersion = "1.8.0-rc.8";
+        const sdkVersion = "1.8.0";
         const placeholders = this.storyManager.rootStore.placeholderStore.placeholders;
         const session = this.storyManager.rootStore.sessionStore.session;
         this.sessionId = session.id;
@@ -11948,6 +12213,9 @@ class StorySlideApiHandlers {
             value: new NarrativeDataCache()
         });
     }
+    onEvent(name, event) { }
+    onCardLoadingStateChange(state) { }
+    ;
     clearNarrativeSessionDataCache() {
         this.sessionNarrativeDataCache.clear();
     }
@@ -12695,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 = [];
@@ -12832,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) {
@@ -12874,16 +13143,27 @@ let StoryReaderNavigationController = (() => {
                 return activeStory;
             }
             async runNextStory(prevStory, story) {
-                await (prevStory === null || prevStory === void 0 ? void 0 : prevStory.stop());
-                await story.init();
-                await story.start();
+                try {
+                    await (prevStory === null || prevStory === void 0 ? void 0 : prevStory.stop());
+                    await this.preloadActiveStory(story);
+                    await story.init();
+                    await story.start();
+                }
+                catch (error) {
+                    console.error(error);
+                }
             }
             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.all(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))
@@ -12899,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(),
@@ -12936,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);
+
+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
+        });
     }
-    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] = _;
-        }
+    get feed() {
+        return this._feed;
     }
-    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);
+    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;
@@ -13169,191 +13423,95 @@ 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);
+
+
+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 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(_);
+    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;
-};
+    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/showStoryStrategy.ts
 
-
-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);
-    }
-    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(_);
-        }
-        else if (_ = accept(result)) {
-            if (kind === "field") initializers.unshift(_);
-            else descriptor[key] = _;
-        }
-    }
-    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;
-})();
-
+class ShowStoryStrategy {
+    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
+        });
+    }
+    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) { }
+}
 
 ;// CONCATENATED MODULE: ../core/src/readers/storyReader/storyReaderViewModel/storyDisplayStrategies/storyDisplayStrategyFactory.ts
 
@@ -13508,106 +13666,609 @@ class StoryReaderStatisticsController {
     }
 }
 
-;// CONCATENATED MODULE: ../core/src/readers/storyReader/storyReaderViewModel/storyReaderViewModel.ts
-var storyReaderViewModel_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);
+;// 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
+        });
     }
-    return useValue ? value : void 0;
-};
-var storyReaderViewModel_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] = _;
+    updateLastAccessed() {
+        this.lastAccessed = Date.now();
+    }
+    getOrCreateBlobUrl() {
+        if (!this.blobUrl) {
+            this.blobUrl = URL.createObjectURL(this.blob);
         }
+        return this.blobUrl;
     }
-    if (target) Object.defineProperty(target, contextIn.name, descriptor);
-    done = true;
-};
-var storyReaderViewModel_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 storyReaderViewModel_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;
-};
-
-
-
+    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
 
 
-var StoryReaderCommand;
-(function (StoryReaderCommand) {
-    StoryReaderCommand["RedirectToStory"] = "redirectToStory";
-    StoryReaderCommand["CloseStory"] = "closeStory";
-    StoryReaderCommand["ShowMultipleStories"] = "showMultipleStories";
-    StoryReaderCommand["ReloadStory"] = "reloadStory";
-})(StoryReaderCommand || (StoryReaderCommand = {}));
-var StoryReaderEvent;
-(function (StoryReaderEvent) {
-    StoryReaderEvent["Close"] = "closeStoryReader";
-})(StoryReaderEvent || (StoryReaderEvent = {}));
-var CloseStoryReaderAction;
-(function (CloseStoryReaderAction) {
-    CloseStoryReaderAction["CloseByBtn"] = "closeReaderByCloseBtn";
-    CloseStoryReaderAction["CloseByTimer"] = "auto";
-    CloseStoryReaderAction["CloseByEsc"] = "closeReaderByEscBtn";
-    CloseStoryReaderAction["CloseByLastSlideClick"] = "lastSlideClick";
-    CloseStoryReaderAction["CloseBySwipeDown"] = "swipeDown";
-    CloseStoryReaderAction["CloseCustom"] = "customClose";
-    CloseStoryReaderAction["AppClose"] = "app-close";
-})(CloseStoryReaderAction || (CloseStoryReaderAction = {}));
-let StoryReaderViewModel = (() => {
-    var _a, _StoryReaderViewModel__muted_accessor_storage, _StoryReaderViewModel__closeGestureInAction_accessor_storage, _StoryReaderViewModel__stories_accessor_storage;
-    let _classSuper = ViewModel;
-    let _instanceExtraInitializers = [];
-    let __muted_decorators;
-    let __muted_initializers = [];
-    let __muted_extraInitializers = [];
-    let __closeGestureInAction_decorators;
-    let __closeGestureInAction_initializers = [];
-    let __closeGestureInAction_extraInitializers = [];
-    let __stories_decorators;
-    let __stories_initializers = [];
-    let __stories_extraInitializers = [];
-    let _get_isOpened_decorators;
-    let _get_reachStart_decorators;
-    let _get_reachEnd_decorators;
-    let _open_decorators;
-    let _close_decorators;
-    let _reloadStory_decorators;
-    let _nextStory_decorators;
-    let _prevStory_decorators;
-    let _nextStoryWithAnimation_decorators;
-    let _prevStoryWithAnimation_decorators;
+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;
+    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 storyReaderViewModel_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 storyReaderViewModel_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 storyReaderViewModel_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;
+};
+
+
+
+
+
+
+
+
+
+
+
+
+var StoryReaderEvent;
+(function (StoryReaderEvent) {
+    StoryReaderEvent["Close"] = "closeStoryReader";
+})(StoryReaderEvent || (StoryReaderEvent = {}));
+var CloseStoryReaderAction;
+(function (CloseStoryReaderAction) {
+    CloseStoryReaderAction["CloseByBtn"] = "closeReaderByCloseBtn";
+    CloseStoryReaderAction["CloseByTimer"] = "auto";
+    CloseStoryReaderAction["CloseByEsc"] = "closeReaderByEscBtn";
+    CloseStoryReaderAction["CloseByLastSlideClick"] = "lastSlideClick";
+    CloseStoryReaderAction["CloseBySwipeDown"] = "swipeDown";
+    CloseStoryReaderAction["CloseCustom"] = "customClose";
+    CloseStoryReaderAction["AppClose"] = "app-close";
+})(CloseStoryReaderAction || (CloseStoryReaderAction = {}));
+let StoryReaderViewModel = (() => {
+    var _a, _StoryReaderViewModel__muted_accessor_storage, _StoryReaderViewModel__closeGestureInAction_accessor_storage, _StoryReaderViewModel__stories_accessor_storage;
+    let _classSuper = ViewModel;
+    let _instanceExtraInitializers = [];
+    let __muted_decorators;
+    let __muted_initializers = [];
+    let __muted_extraInitializers = [];
+    let __closeGestureInAction_decorators;
+    let __closeGestureInAction_initializers = [];
+    let __closeGestureInAction_extraInitializers = [];
+    let __stories_decorators;
+    let __stories_initializers = [];
+    let __stories_extraInitializers = [];
+    let _get_isOpened_decorators;
+    let _get_reachStart_decorators;
+    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;
+    let _nextStoryWithAnimation_decorators;
+    let _prevStoryWithAnimation_decorators;
     let _toStoryWithAnimationByIndex_decorators;
     let _navigateStoryWithAnimationByIndex_decorators;
     let _mute_decorators;
@@ -13692,6 +14353,12 @@ let StoryReaderViewModel = (() => {
                     writable: true,
                     value: false
                 });
+                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);
@@ -13745,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);
@@ -13782,6 +14451,7 @@ let StoryReaderViewModel = (() => {
                 });
             }
             resetReaderToDefaultState(activeStory, closeAction) {
+                var _b;
                 const event = new CloseStoryEvent(activeStory, {
                     action: closeAction
                 });
@@ -13796,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;
@@ -13865,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;
@@ -13941,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) {
@@ -13996,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];
@@ -14015,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);
@@ -15032,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;
             }
@@ -15079,6 +15766,9 @@ let StoryManagerConfig = (() => {
             get options() {
                 return this._options;
             }
+            get cache() {
+                return this._cache;
+            }
             disableStatistic() {
                 this._isStatisticsDisabled = true;
             }
@@ -15163,9 +15853,10 @@ 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);
                 this.setApiKey(configDto.apiKey);
                 this.setAnonymous(configDto.anonymous);
                 this.setUserId((_c = configDto.userId) !== null && _c !== void 0 ? _c : "", configDto.userIdSign);
@@ -15174,7 +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.setOptions(configDto.options);
+                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 = [];
@@ -15280,6 +15971,9 @@ class NullStoryManagerConfig {
     get options() {
         return {};
     }
+    get cache() {
+        return null;
+    }
     disableStatistic() { }
     enableStatistic() { }
     async setApiKey(apiKey) { }
@@ -15449,7 +16143,7 @@ var iamMessage_classPrivateFieldSet = (undefined && undefined.__classPrivateFiel
 
 const DEFAULT_ITERATION_ID = (0,external_uuid_namespaceObject.v4)();
 let IamMessage = (() => {
-    var _a, _IamMessage__id_accessor_storage, _IamMessage__events_accessor_storage, _IamMessage__type_accessor_storage, _IamMessage__slides_accessor_storage, _IamMessage__appearanceOptions_accessor_storage, _IamMessage__needPlaceholders_accessor_storage, _IamMessage__hasLimit_accessor_storage, _IamMessage__isOnceOpened_accessor_storage, _IamMessage__context_accessor_storage;
+    var _a, _IamMessage__id_accessor_storage, _IamMessage__events_accessor_storage, _IamMessage__type_accessor_storage, _IamMessage__slides_accessor_storage, _IamMessage__appearanceOptions_accessor_storage, _IamMessage__needPlaceholders_accessor_storage, _IamMessage__hasLimit_accessor_storage, _IamMessage__disableClose_accessor_storage, _IamMessage__isOnceOpened_accessor_storage, _IamMessage__context_accessor_storage;
     let _instanceExtraInitializers = [];
     let __id_decorators;
     let __id_initializers = [];
@@ -15472,6 +16166,9 @@ let IamMessage = (() => {
     let __hasLimit_decorators;
     let __hasLimit_initializers = [];
     let __hasLimit_extraInitializers = [];
+    let __disableClose_decorators;
+    let __disableClose_initializers = [];
+    let __disableClose_extraInitializers = [];
     let __isOnceOpened_decorators;
     let __isOnceOpened_initializers = [];
     let __isOnceOpened_extraInitializers = [];
@@ -15494,6 +16191,8 @@ let IamMessage = (() => {
             set _needPlaceholders(value) { iamMessage_classPrivateFieldSet(this, _IamMessage__needPlaceholders_accessor_storage, value, "f"); }
             get _hasLimit() { return iamMessage_classPrivateFieldGet(this, _IamMessage__hasLimit_accessor_storage, "f"); }
             set _hasLimit(value) { iamMessage_classPrivateFieldSet(this, _IamMessage__hasLimit_accessor_storage, value, "f"); }
+            get _disableClose() { return iamMessage_classPrivateFieldGet(this, _IamMessage__disableClose_accessor_storage, "f"); }
+            set _disableClose(value) { iamMessage_classPrivateFieldSet(this, _IamMessage__disableClose_accessor_storage, value, "f"); }
             get _isOnceOpened() { return iamMessage_classPrivateFieldGet(this, _IamMessage__isOnceOpened_accessor_storage, "f"); }
             set _isOnceOpened(value) { iamMessage_classPrivateFieldSet(this, _IamMessage__isOnceOpened_accessor_storage, value, "f"); }
             get _context() { return iamMessage_classPrivateFieldGet(this, _IamMessage__context_accessor_storage, "f"); }
@@ -15506,7 +16205,8 @@ let IamMessage = (() => {
                 _IamMessage__appearanceOptions_accessor_storage.set(this, (iamMessage_runInitializers(this, __slides_extraInitializers), iamMessage_runInitializers(this, __appearanceOptions_initializers, new IamAppearanceCommonOptions({}))));
                 _IamMessage__needPlaceholders_accessor_storage.set(this, (iamMessage_runInitializers(this, __appearanceOptions_extraInitializers), iamMessage_runInitializers(this, __needPlaceholders_initializers, false)));
                 _IamMessage__hasLimit_accessor_storage.set(this, (iamMessage_runInitializers(this, __needPlaceholders_extraInitializers), iamMessage_runInitializers(this, __hasLimit_initializers, false)));
-                _IamMessage__isOnceOpened_accessor_storage.set(this, (iamMessage_runInitializers(this, __hasLimit_extraInitializers), iamMessage_runInitializers(this, __isOnceOpened_initializers, false)));
+                _IamMessage__disableClose_accessor_storage.set(this, (iamMessage_runInitializers(this, __hasLimit_extraInitializers), iamMessage_runInitializers(this, __disableClose_initializers, false)));
+                _IamMessage__isOnceOpened_accessor_storage.set(this, (iamMessage_runInitializers(this, __disableClose_extraInitializers), iamMessage_runInitializers(this, __isOnceOpened_initializers, false)));
                 _IamMessage__context_accessor_storage.set(this, (iamMessage_runInitializers(this, __isOnceOpened_extraInitializers), iamMessage_runInitializers(this, __context_initializers, void 0)));
                 /**
                  * null - показывать однократно
@@ -15599,11 +16299,15 @@ let IamMessage = (() => {
             get type() {
                 return this._type;
             }
+            get disableClose() {
+                return this._disableClose;
+            }
             destroy() { }
             updateByDto(messageDto) {
                 var _b, _c, _d;
                 this._events = this.mapMessageEventsByDto((_b = messageDto.events) !== null && _b !== void 0 ? _b : []);
                 this._type = messageDto.type;
+                this._disableClose = Boolean(messageDto.disable_close);
                 this._campaignName = messageDto.campaign_name;
                 this._frequencyLimit = messageDto.frequency_limit;
                 this._displayFrom = (_c = messageDto.display_from) !== null && _c !== void 0 ? _c : null;
@@ -15667,6 +16371,7 @@ let IamMessage = (() => {
         _IamMessage__appearanceOptions_accessor_storage = new WeakMap(),
         _IamMessage__needPlaceholders_accessor_storage = new WeakMap(),
         _IamMessage__hasLimit_accessor_storage = new WeakMap(),
+        _IamMessage__disableClose_accessor_storage = new WeakMap(),
         _IamMessage__isOnceOpened_accessor_storage = new WeakMap(),
         _IamMessage__context_accessor_storage = new WeakMap(),
         (() => {
@@ -15678,6 +16383,7 @@ let IamMessage = (() => {
             __appearanceOptions_decorators = [external_mobx_namespaceObject.observable];
             __needPlaceholders_decorators = [external_mobx_namespaceObject.observable];
             __hasLimit_decorators = [external_mobx_namespaceObject.observable];
+            __disableClose_decorators = [external_mobx_namespaceObject.observable];
             __isOnceOpened_decorators = [external_mobx_namespaceObject.observable];
             __context_decorators = [external_mobx_namespaceObject.observable];
             _updateByDto_decorators = [external_mobx_namespaceObject.action];
@@ -15688,6 +16394,7 @@ let IamMessage = (() => {
             iamMessage_esDecorate(_a, null, __appearanceOptions_decorators, { kind: "accessor", name: "_appearanceOptions", static: false, private: false, access: { has: obj => "_appearanceOptions" in obj, get: obj => obj._appearanceOptions, set: (obj, value) => { obj._appearanceOptions = value; } }, metadata: _metadata }, __appearanceOptions_initializers, __appearanceOptions_extraInitializers);
             iamMessage_esDecorate(_a, null, __needPlaceholders_decorators, { kind: "accessor", name: "_needPlaceholders", static: false, private: false, access: { has: obj => "_needPlaceholders" in obj, get: obj => obj._needPlaceholders, set: (obj, value) => { obj._needPlaceholders = value; } }, metadata: _metadata }, __needPlaceholders_initializers, __needPlaceholders_extraInitializers);
             iamMessage_esDecorate(_a, null, __hasLimit_decorators, { kind: "accessor", name: "_hasLimit", static: false, private: false, access: { has: obj => "_hasLimit" in obj, get: obj => obj._hasLimit, set: (obj, value) => { obj._hasLimit = value; } }, metadata: _metadata }, __hasLimit_initializers, __hasLimit_extraInitializers);
+            iamMessage_esDecorate(_a, null, __disableClose_decorators, { kind: "accessor", name: "_disableClose", static: false, private: false, access: { has: obj => "_disableClose" in obj, get: obj => obj._disableClose, set: (obj, value) => { obj._disableClose = value; } }, metadata: _metadata }, __disableClose_initializers, __disableClose_extraInitializers);
             iamMessage_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);
             iamMessage_esDecorate(_a, null, __context_decorators, { kind: "accessor", name: "_context", static: false, private: false, access: { has: obj => "_context" in obj, get: obj => obj._context, set: (obj, value) => { obj._context = value; } }, metadata: _metadata }, __context_initializers, __context_extraInitializers);
             iamMessage_esDecorate(_a, null, _updateByDto_decorators, { kind: "method", name: "updateByDto", static: false, private: false, access: { has: obj => "updateByDto" in obj, get: obj => obj.updateByDto }, metadata: _metadata }, null, _instanceExtraInitializers);
@@ -16700,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;
@@ -16756,6 +17472,7 @@ let IamMessageSlideViewModel = (() => {
 
 
 
+
 ;// CONCATENATED MODULE: ../core/src/readers/inAppMessaging/iamMessage/actions/openGameAction.ts
 
 class openGameAction_OpenGameAction {
@@ -16774,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) {
@@ -17018,21 +17733,27 @@ let IamReaderViewModel = (() => {
                 await this.open(message);
                 return message;
             }
-            async close() {
+            async forceClose() {
                 if (!this._activeMessage)
                     return;
                 this.emitCloseEvent(this._activeMessage);
                 this.clearActiveMessage();
                 this.visibilityObserver.unsubscribe();
                 this.touchController.destroy();
-                this.scrollbarHelper.enable();
+                this.scrollbarHelper.disable();
+            }
+            async close() {
+                var _b;
+                if ((_b = this._activeMessage) === null || _b === void 0 ? void 0 : _b.disableClose)
+                    return;
+                this.forceClose();
             }
             async open(message) {
                 message.updatePlaceholders(this.storyManager.rootStore.placeholderStore.placeholders);
                 this.touchController.init(document.body);
                 this.setActiveMessage(message);
                 this.visibilityObserver.subscribe();
-                this.scrollbarHelper.disable();
+                this.scrollbarHelper.enable();
             }
             destroy() { }
             emitWidgetEvent(widgetEvent) {
@@ -17078,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)
@@ -17179,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) {
@@ -17225,6 +17949,7 @@ class narrativeDataCache_NarrativeDataCache {
 
 
 
+
 class IamSlideApiHandlers {
     constructor(storyManager, iamReader, iamMessage, iamStatisticsService) {
         Object.defineProperty(this, "storyManager", {
@@ -17264,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();
     }
@@ -17282,7 +18030,7 @@ class IamSlideApiHandlers {
         });
     }
     closeCard(reason) {
-        this.iamReader.close();
+        this.iamReader.forceClose();
     }
     openStory(id, index) {
         new showStoryAction_ShowStoryAction(this.storyManager, this.iamMessage).handle({
@@ -17373,8 +18121,7 @@ class IamSlideApiHandlers {
     share(id, config) { }
     shareSlideScreenshot(shareId, hideElementsSelector, shareText) { }
     showLayer(index) {
-        var _a;
-        (_a = this.iamMessage.activeSlide) === null || _a === void 0 ? void 0 : _a.showLayerByIndex(index);
+        this.iamMessage.showLayerByIndex(index);
     }
     showCardSlide(slideIndex) { }
     cardShowNext() { }
@@ -17410,20 +18157,357 @@ class IamSlideApiHandlers {
             this.iamMessage.hideErrorScreen();
     }
     showToast(text) {
-        var _a;
-        (_a = this.iamMessage.activeSlide) === null || _a === void 0 ? void 0 : _a.showToast({ content: 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) {
+;// 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/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;
@@ -17450,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");
@@ -17468,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 = [];
@@ -17484,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,
@@ -17523,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,
@@ -17535,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,
@@ -17557,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;
@@ -17570,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;
@@ -17587,11 +18700,6 @@ let IamMessageViewModel = (() => {
             get iterationId() {
                 return this.iamMessage.iterationId;
             }
-            /**
-                1 - Bottom sheet
-                2 - Modal
-                3 - Fullscreen
-            */
             get type() {
                 return this.iamMessage.type;
             }
@@ -17604,6 +18712,9 @@ let IamMessageViewModel = (() => {
             get timeSinceLastShow() {
                 return this.iamMessage.timeSinceLastShow;
             }
+            get disableClose() {
+                return this.iamMessage.disableClose;
+            }
             open() {
                 this._isOnceOpened = true;
                 const iterationId = this.iamMessage.trackOpen();
@@ -17615,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();
@@ -17642,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 ||
@@ -17668,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;
@@ -17680,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;
@@ -17703,6 +18911,8 @@ let IamMessageViewModel = (() => {
 
 
 
+
+
 ;// CONCATENATED MODULE: ../core/src/readers/inAppMessaging/index.ts
 
 
@@ -19517,8 +20727,9 @@ let IamStore = (() => {
             async fetchAll(params) {
                 await this.rootStore.sessionStore.open();
                 await this.fetchMessageContext();
-                const tags = params.tags ? params.tags : this.rootStore.storyManagerConfigStore.config.tags;
-                const messageDtos = await this.iamApi.fetchAll({ tags: filterTags(tags) });
+                const config = this.rootStore.storyManagerConfigStore.config;
+                const tags = params.tags ? params.tags : config.tags;
+                const messageDtos = await this.iamApi.fetchAll({ tags: filterTags(tags), options: config.options });
                 return this.createMessagesByDtos(messageDtos);
             }
             async fetchMessageContext() {
@@ -20053,8 +21264,15 @@ let StoryFeedStore = (() => {
             }
             async fetchDefaultFeed({ feedSlug, testKey }) {
                 const session = await this.rootStore.sessionStore.open();
-                const tags = this.rootStore.storyManagerConfigStore.config.tags;
-                const storyFeedDto = await this.storyFeedsApi.fetchDefaultFeed({ feedSlug, tags, testKey });
+                const config = this.rootStore.storyManagerConfigStore.config;
+                const storyFeedDto = await this.storyFeedsApi.fetchDefaultFeed({
+                    feedSlug,
+                    tags: config.tags,
+                    testKey,
+                    options: {
+                        pos: config.options.pos
+                    }
+                });
                 const stories = this.rootStore.storyStore.addStoriesByDtos(storyFeedDto.stories);
                 const storyFeed = new StoryFeed(storyFeedDto, stories, { testKey });
                 this.addStoryFeed(session.userKey, storyFeed);
@@ -20071,10 +21289,19 @@ let StoryFeedStore = (() => {
             }
             async fetchUgcFeed({ filter, testKey }) {
                 const session = await this.rootStore.sessionStore.open();
-                const tags = this.rootStore.storyManagerConfigStore.config.tags;
-                const storyDtos = await this.storyFeedsApi.fetchUgcFeed({ filter, tags, testKey });
+                const config = this.rootStore.storyManagerConfigStore.config;
+                const storyDtos = await this.storyFeedsApi.fetchUgcFeed({
+                    filter,
+                    tags: config.tags,
+                    testKey,
+                    options: {
+                        pos: config.options.pos
+                    }
+                });
                 const stories = this.rootStore.storyStore.addStoriesByDtos(storyDtos);
-                const ugcFeed = UgcStoryFeed.createByStories(stories, { filter });
+                const ugcFeed = UgcStoryFeed.createByStories(stories, {
+                    filter
+                });
                 this.addStoryFeed(session.userKey, ugcFeed);
                 return ugcFeed;
             }
@@ -20184,7 +21411,7 @@ let OnboardingFeedStore = (() => {
                     const config = this.rootStore.storyManagerConfigStore.config;
                     if (!config)
                         return null;
-                    return [config.lang, config.apiKey];
+                    return [config.lang, config.apiKey, config.options];
                 }, () => {
                     this.invalidateCacheData();
                 });
@@ -20211,7 +21438,10 @@ let OnboardingFeedStore = (() => {
                 if (onboardingStoryFeed && !this.cacheDataInvalidated && onboardingStoryFeed.isEqualParams(onboardingParams))
                     return onboardingStoryFeed;
                 const session = await this.rootStore.sessionStore.open();
-                const onboardingFeedDto = await this.storyFeedsApi.fetchOnboardingFeed(Object.assign(Object.assign({}, onboardingParams), { feedSlug }));
+                const config = this.rootStore.storyManagerConfigStore.config;
+                const onboardingFeedDto = await this.storyFeedsApi.fetchOnboardingFeed(Object.assign(Object.assign({}, onboardingParams), { feedSlug, options: {
+                        pos: config.options.pos
+                    } }));
                 const stories = this.rootStore.storyStore.addStoriesByDtos(onboardingFeedDto.stories);
                 onboardingStoryFeed = new OnboardingStoryFeed(onboardingFeedDto, stories, onboardingParams);
                 this.addOnboardingFeed(session.userKey, onboardingStoryFeed);
@@ -20284,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.8";
+        const sdkVersion = "1.8.0";
         this._config = {
             sessionId: session.id,
             apiKey: storyManagerConfig.apiKey,
@@ -20317,7 +21547,6 @@ class UgcEditorApi {
         const requestConfig = {
             method: "GET",
             url: "ugc/editor-config",
-            params: {}
         };
         const response = await api.request(requestConfig);
         return response.data;
@@ -20716,7 +21945,7 @@ class StoryManager extends TypedEventEmitter {
         return this._userAgent;
     }
     get sdkVersionName() {
-        const sdkVersionName = "1.8.0-rc.8";
+        const sdkVersionName = "1.8.0";
         return sdkVersionName || "0.0.0";
     }
     get sdkVersionCode() {
@@ -20840,7 +22069,7 @@ class StoryManager extends TypedEventEmitter {
     clearConfig() {
         this.storyReader.close(CloseStoryReaderAction.AppClose, true);
         this.gameReader.closeGame();
-        this.inAppMessaging.close();
+        this.inAppMessaging.forceClose();
         this.rootStore.storyManagerConfigStore.clear();
     }
     static isSingletonInstanceExists() {
@@ -22717,7 +23946,8 @@ const StoryReaderRoot = (0,external_mobx_react_lite_namespaceObject.observer)((p
             filter: ((_c = options.slideBackdrop) === null || _c === void 0 ? void 0 : _c.blur) ? `blur(${options.slideBackdrop.blur}px)` : "none"
         };
     };
-    return ((0,jsx_runtime_namespaceObject.jsxs)(jsx_runtime_namespaceObject.Fragment, { children: [(0,jsx_runtime_namespaceObject.jsxs)("div", { ref: storiesViewerRef, className: (0,external_classnames_namespaceObject["default"])("stories-viewer", Root_storyReaderRoot_module["stories-viewer"]), style: Object.assign(Object.assign({}, getRootVars()), getWrapperBackdropStyle()), children: [isDesktopMode_isDesktopMode && ((0,jsx_runtime_namespaceObject.jsx)("div", { className: Root_storyReaderRoot_module["stories-viewer-background"], style: getSlideBackdropStyle() })), props.children, props.isDesktopGeometry && props.storyReader.activeStory && ((0,jsx_runtime_namespaceObject.jsx)(CloseButton_CloseButton, { dir: props.storyReader.dir, className: Root_storyReaderRoot_module["stories-viewer__close-btn"], hidden: Boolean(props.storyReader.activeStory.pauseState.isUIPaused), onClose: () => {
+    const activeStory = props.storyReader.activeStory;
+    return ((0,jsx_runtime_namespaceObject.jsxs)(jsx_runtime_namespaceObject.Fragment, { children: [(0,jsx_runtime_namespaceObject.jsxs)("div", { ref: storiesViewerRef, className: (0,external_classnames_namespaceObject["default"])("stories-viewer", Root_storyReaderRoot_module["stories-viewer"]), style: Object.assign(Object.assign({}, getRootVars()), getWrapperBackdropStyle()), children: [isDesktopMode_isDesktopMode && ((0,jsx_runtime_namespaceObject.jsx)("div", { className: Root_storyReaderRoot_module["stories-viewer-background"], style: getSlideBackdropStyle() })), props.children, props.isDesktopGeometry && activeStory && !activeStory.disableClose && ((0,jsx_runtime_namespaceObject.jsx)(CloseButton_CloseButton, { dir: props.storyReader.dir, className: Root_storyReaderRoot_module["stories-viewer__close-btn"], hidden: Boolean(activeStory.pauseState.isUIPaused), onClose: () => {
                             props.storyReader.close();
                         } }))] }), (0,jsx_runtime_namespaceObject.jsx)("div", { ref: backdropRef, className: (0,external_classnames_namespaceObject["default"])(Root_storyReaderRoot_module["stories-viewer-backdrop"], {
                     [Root_storyReaderRoot_module["_desktopMode"]]: isDesktopMode_isDesktopMode
@@ -23097,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();
@@ -24896,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);
@@ -24921,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
@@ -25268,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();
@@ -26159,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) {
@@ -26221,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) => {
@@ -26368,8 +27594,8 @@ var BottomSheet_classPrivateFieldSet = (undefined && undefined.__classPrivateFie
 
 
 let BottomSheet = (() => {
-    var _BottomSheet_open_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")];
+    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 = [safeCustomElement("iam-bottom-sheet")];
     let _classDescriptor;
     let _classExtraInitializers = [];
     let _classThis;
@@ -26377,6 +27603,9 @@ let BottomSheet = (() => {
     let _open_decorators;
     let _open_initializers = [];
     let _open_extraInitializers = [];
+    let _disableClose_decorators;
+    let _disableClose_initializers = [];
+    let _disableClose_extraInitializers = [];
     let _geometry_decorators;
     let _geometry_initializers = [];
     let _geometry_extraInitializers = [];
@@ -26407,6 +27636,8 @@ let BottomSheet = (() => {
     var BottomSheet = _classThis = class extends _classSuper {
         get open() { return BottomSheet_classPrivateFieldGet(this, _BottomSheet_open_accessor_storage, "f"); }
         set open(value) { BottomSheet_classPrivateFieldSet(this, _BottomSheet_open_accessor_storage, value, "f"); }
+        get disableClose() { return BottomSheet_classPrivateFieldGet(this, _BottomSheet_disableClose_accessor_storage, "f"); }
+        set disableClose(value) { BottomSheet_classPrivateFieldSet(this, _BottomSheet_disableClose_accessor_storage, value, "f"); }
         get geometry() { return BottomSheet_classPrivateFieldGet(this, _BottomSheet_geometry_accessor_storage, "f"); }
         set geometry(value) { BottomSheet_classPrivateFieldSet(this, _BottomSheet_geometry_accessor_storage, value, "f"); }
         get appearanceOptions() { return BottomSheet_classPrivateFieldGet(this, _BottomSheet_appearanceOptions_accessor_storage, "f"); }
@@ -26428,7 +27659,8 @@ let BottomSheet = (() => {
         constructor() {
             super();
             _BottomSheet_open_accessor_storage.set(this, BottomSheet_runInitializers(this, _open_initializers, false));
-            _BottomSheet_geometry_accessor_storage.set(this, (BottomSheet_runInitializers(this, _open_extraInitializers), BottomSheet_runInitializers(this, _geometry_initializers, void 0)));
+            _BottomSheet_disableClose_accessor_storage.set(this, (BottomSheet_runInitializers(this, _open_extraInitializers), BottomSheet_runInitializers(this, _disableClose_initializers, false)));
+            _BottomSheet_geometry_accessor_storage.set(this, (BottomSheet_runInitializers(this, _disableClose_extraInitializers), BottomSheet_runInitializers(this, _geometry_initializers, void 0)));
             _BottomSheet_appearanceOptions_accessor_storage.set(this, (BottomSheet_runInitializers(this, _geometry_extraInitializers), BottomSheet_runInitializers(this, _appearanceOptions_initializers, void 0)));
             _BottomSheet_touchController_accessor_storage.set(this, (BottomSheet_runInitializers(this, _appearanceOptions_extraInitializers), BottomSheet_runInitializers(this, _touchController_initializers, void 0)));
             _BottomSheet_desktopMode_accessor_storage.set(this, (BottomSheet_runInitializers(this, _touchController_extraInitializers), BottomSheet_runInitializers(this, _desktopMode_initializers, void 0)));
@@ -26471,6 +27703,8 @@ let BottomSheet = (() => {
             super.disconnectedCallback();
         }
         close() {
+            if (this.disableClose)
+                return;
             this.backdropRef.addEventListener("transitionend", this.handleTransitionEnd);
             this.isVisible = false;
         }
@@ -26509,10 +27743,11 @@ let BottomSheet = (() => {
                 "bottom-sheet__box-wrapper--desktop-mode": this.desktopMode
             })}" style="${(0,style_map_js_namespaceObject.styleMap)(bottomSheetBoxWrapperStyle)}"><div style="${(0,style_map_js_namespaceObject.styleMap)(bottomSheetBoxStyle)}" id="bottom-sheet__box" class="bottom-sheet__box ${(0,class_map_js_namespaceObject.classMap)({
                 "bottom-sheet__box--open": this.isVisible
-            })}"><div class="bottom-sheet__header"><div class="close-strip-btn" style="${(0,style_map_js_namespaceObject.styleMap)(closeStripButtonStyle)}"></div></div><slot></slot></div></div></div>`;
+            })}"><div class="bottom-sheet__header">${this.disableClose ? external_lit_namespaceObject.nothing : (0,external_lit_namespaceObject.html) `<div class="close-strip-btn" style="${(0,style_map_js_namespaceObject.styleMap)(closeStripButtonStyle)}"></div>`}</div><slot></slot></div></div></div>`;
         }
     };
     _BottomSheet_open_accessor_storage = new WeakMap();
+    _BottomSheet_disableClose_accessor_storage = new WeakMap();
     _BottomSheet_geometry_accessor_storage = new WeakMap();
     _BottomSheet_appearanceOptions_accessor_storage = new WeakMap();
     _BottomSheet_touchController_accessor_storage = new WeakMap();
@@ -26527,6 +27762,7 @@ let BottomSheet = (() => {
         var _a;
         const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create((_a = _classSuper[Symbol.metadata]) !== null && _a !== void 0 ? _a : null) : void 0;
         _open_decorators = [(0,decorators_js_namespaceObject.property)({ type: Boolean })];
+        _disableClose_decorators = [(0,decorators_js_namespaceObject.property)({ type: Boolean })];
         _geometry_decorators = [(0,decorators_js_namespaceObject.property)({ type: Object })];
         _appearanceOptions_decorators = [(0,decorators_js_namespaceObject.property)({ type: Object })];
         _touchController_decorators = [(0,decorators_js_namespaceObject.property)({ type: Object })];
@@ -26537,6 +27773,7 @@ let BottomSheet = (() => {
         _bottomSheetBoxRef_decorators = [(0,decorators_js_namespaceObject.query)("#bottom-sheet__box")];
         _bottomSheetRef_decorators = [(0,decorators_js_namespaceObject.query)("#bottom-sheet")];
         BottomSheet_esDecorate(_classThis, null, _open_decorators, { kind: "accessor", name: "open", static: false, private: false, access: { has: obj => "open" in obj, get: obj => obj.open, set: (obj, value) => { obj.open = value; } }, metadata: _metadata }, _open_initializers, _open_extraInitializers);
+        BottomSheet_esDecorate(_classThis, null, _disableClose_decorators, { kind: "accessor", name: "disableClose", static: false, private: false, access: { has: obj => "disableClose" in obj, get: obj => obj.disableClose, set: (obj, value) => { obj.disableClose = value; } }, metadata: _metadata }, _disableClose_initializers, _disableClose_extraInitializers);
         BottomSheet_esDecorate(_classThis, null, _geometry_decorators, { kind: "accessor", name: "geometry", static: false, private: false, access: { has: obj => "geometry" in obj, get: obj => obj.geometry, set: (obj, value) => { obj.geometry = value; } }, metadata: _metadata }, _geometry_initializers, _geometry_extraInitializers);
         BottomSheet_esDecorate(_classThis, null, _appearanceOptions_decorators, { kind: "accessor", name: "appearanceOptions", static: false, private: false, access: { has: obj => "appearanceOptions" in obj, get: obj => obj.appearanceOptions, set: (obj, value) => { obj.appearanceOptions = value; } }, metadata: _metadata }, _appearanceOptions_initializers, _appearanceOptions_extraInitializers);
         BottomSheet_esDecorate(_classThis, null, _touchController_decorators, { kind: "accessor", name: "touchController", static: false, private: false, access: { has: obj => "touchController" in obj, get: obj => obj.touchController, set: (obj, value) => { obj.touchController = value; } }, metadata: _metadata }, _touchController_initializers, _touchController_extraInitializers);
@@ -26637,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;
@@ -26757,9 +27995,10 @@ var Modal_classPrivateFieldSet = (undefined && undefined.__classPrivateFieldSet)
 
 const ANIMATION_DURATION = 350;
 
+
 let Modal_Modal = (() => {
-    var _Modal_open_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")];
+    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 = [safeCustomElement("iam-modal")];
     let _classDescriptor;
     let _classExtraInitializers = [];
     let _classThis;
@@ -26767,6 +28006,9 @@ let Modal_Modal = (() => {
     let _open_decorators;
     let _open_initializers = [];
     let _open_extraInitializers = [];
+    let _disableClose_decorators;
+    let _disableClose_initializers = [];
+    let _disableClose_extraInitializers = [];
     let _fullscreen_decorators;
     let _fullscreen_initializers = [];
     let _fullscreen_extraInitializers = [];
@@ -26791,6 +28033,8 @@ let Modal_Modal = (() => {
     var Modal = _classThis = class extends _classSuper {
         get open() { return Modal_classPrivateFieldGet(this, _Modal_open_accessor_storage, "f"); }
         set open(value) { Modal_classPrivateFieldSet(this, _Modal_open_accessor_storage, value, "f"); }
+        get disableClose() { return Modal_classPrivateFieldGet(this, _Modal_disableClose_accessor_storage, "f"); }
+        set disableClose(value) { Modal_classPrivateFieldSet(this, _Modal_disableClose_accessor_storage, value, "f"); }
         get fullscreen() { return Modal_classPrivateFieldGet(this, _Modal_fullscreen_accessor_storage, "f"); }
         set fullscreen(value) { Modal_classPrivateFieldSet(this, _Modal_fullscreen_accessor_storage, value, "f"); }
         get geometry() { return Modal_classPrivateFieldGet(this, _Modal_geometry_accessor_storage, "f"); }
@@ -26808,7 +28052,8 @@ let Modal_Modal = (() => {
         constructor() {
             super();
             _Modal_open_accessor_storage.set(this, Modal_runInitializers(this, _open_initializers, false));
-            _Modal_fullscreen_accessor_storage.set(this, (Modal_runInitializers(this, _open_extraInitializers), Modal_runInitializers(this, _fullscreen_initializers, false)));
+            _Modal_disableClose_accessor_storage.set(this, (Modal_runInitializers(this, _open_extraInitializers), Modal_runInitializers(this, _disableClose_initializers, false)));
+            _Modal_fullscreen_accessor_storage.set(this, (Modal_runInitializers(this, _disableClose_extraInitializers), Modal_runInitializers(this, _fullscreen_initializers, false)));
             _Modal_geometry_accessor_storage.set(this, (Modal_runInitializers(this, _fullscreen_extraInitializers), Modal_runInitializers(this, _geometry_initializers, void 0)));
             _Modal_appearanceOptions_accessor_storage.set(this, (Modal_runInitializers(this, _geometry_extraInitializers), Modal_runInitializers(this, _appearanceOptions_initializers, void 0)));
             _Modal_dir_accessor_storage.set(this, (Modal_runInitializers(this, _appearanceOptions_extraInitializers), Modal_runInitializers(this, _dir_initializers, void 0)));
@@ -26818,6 +28063,8 @@ let Modal_Modal = (() => {
             Modal_runInitializers(this, _backdropRef_extraInitializers);
         }
         close() {
+            if (this.disableClose)
+                return;
             const duration = this.appearanceOptions.animationType === IamModalAnimationType.None ? 0 : ANIMATION_DURATION;
             setTimeout(() => {
                 this.isClosed = true;
@@ -26894,10 +28141,11 @@ let Modal_Modal = (() => {
                 ? external_lit_namespaceObject.nothing
                 : (0,external_lit_namespaceObject.html) `<div class="modal__header"><iam-modal-close-btn @click="${this.close}" .dir="${this.dir}" .closeBtnPosition="${this.appearanceOptions.closeBtnPosition}"></iam-modal-close-btn></div>`}<div style="${(0,style_map_js_namespaceObject.styleMap)(modalBoxContentStyle)}" class="modal__box-content ${(0,class_map_js_namespaceObject.classMap)({ "modal__box-content--fullscreen": this.fullscreen })}">${this.fullscreen
                 ? external_lit_namespaceObject.nothing
-                : (0,external_lit_namespaceObject.html) `<div class="modal__header"><iam-modal-close-btn @click="${this.close}" .dir="${this.dir}" .closeBtnPosition="${this.appearanceOptions.closeBtnPosition}"></iam-modal-close-btn></div>`}<slot></slot></div></div></div>`;
+                : (0,external_lit_namespaceObject.html) `<div class="modal__header">${this.disableClose ? external_lit_namespaceObject.nothing : (0,external_lit_namespaceObject.html) `<iam-modal-close-btn @click="${this.close}" .dir="${this.dir}" .closeBtnPosition="${this.appearanceOptions.closeBtnPosition}"></iam-modal-close-btn>`}</div>`}<slot></slot></div></div></div>`;
         }
     };
     _Modal_open_accessor_storage = new WeakMap();
+    _Modal_disableClose_accessor_storage = new WeakMap();
     _Modal_fullscreen_accessor_storage = new WeakMap();
     _Modal_geometry_accessor_storage = new WeakMap();
     _Modal_appearanceOptions_accessor_storage = new WeakMap();
@@ -26910,6 +28158,7 @@ let Modal_Modal = (() => {
         var _a;
         const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create((_a = _classSuper[Symbol.metadata]) !== null && _a !== void 0 ? _a : null) : void 0;
         _open_decorators = [(0,decorators_js_namespaceObject.property)({ type: Boolean })];
+        _disableClose_decorators = [(0,decorators_js_namespaceObject.property)({ type: Boolean })];
         _fullscreen_decorators = [(0,decorators_js_namespaceObject.property)({ type: Boolean })];
         _geometry_decorators = [(0,decorators_js_namespaceObject.property)({ type: Object })];
         _appearanceOptions_decorators = [(0,decorators_js_namespaceObject.property)({ type: Object })];
@@ -26918,6 +28167,7 @@ let Modal_Modal = (() => {
         _isClosed_decorators = [(0,decorators_js_namespaceObject.state)()];
         _backdropRef_decorators = [(0,decorators_js_namespaceObject.query)("#modal__backdrop")];
         Modal_esDecorate(_classThis, null, _open_decorators, { kind: "accessor", name: "open", static: false, private: false, access: { has: obj => "open" in obj, get: obj => obj.open, set: (obj, value) => { obj.open = value; } }, metadata: _metadata }, _open_initializers, _open_extraInitializers);
+        Modal_esDecorate(_classThis, null, _disableClose_decorators, { kind: "accessor", name: "disableClose", static: false, private: false, access: { has: obj => "disableClose" in obj, get: obj => obj.disableClose, set: (obj, value) => { obj.disableClose = value; } }, metadata: _metadata }, _disableClose_initializers, _disableClose_extraInitializers);
         Modal_esDecorate(_classThis, null, _fullscreen_decorators, { kind: "accessor", name: "fullscreen", static: false, private: false, access: { has: obj => "fullscreen" in obj, get: obj => obj.fullscreen, set: (obj, value) => { obj.fullscreen = value; } }, metadata: _metadata }, _fullscreen_initializers, _fullscreen_extraInitializers);
         Modal_esDecorate(_classThis, null, _geometry_decorators, { kind: "accessor", name: "geometry", static: false, private: false, access: { has: obj => "geometry" in obj, get: obj => obj.geometry, set: (obj, value) => { obj.geometry = value; } }, metadata: _metadata }, _geometry_initializers, _geometry_extraInitializers);
         Modal_esDecorate(_classThis, null, _appearanceOptions_decorators, { kind: "accessor", name: "appearanceOptions", static: false, private: false, access: { has: obj => "appearanceOptions" in obj, get: obj => obj.appearanceOptions, set: (obj, value) => { obj.appearanceOptions = value; } }, metadata: _metadata }, _appearanceOptions_initializers, _appearanceOptions_extraInitializers);
@@ -26998,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;
@@ -27117,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_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")];
+    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 = [safeCustomElement("message-view-factory")];
     let _classDescriptor;
     let _classExtraInitializers = [];
     let _classThis;
@@ -27133,6 +28385,9 @@ let MessageViewFactory = (() => {
     let _open_decorators;
     let _open_initializers = [];
     let _open_extraInitializers = [];
+    let _disableClose_decorators;
+    let _disableClose_initializers = [];
+    let _disableClose_extraInitializers = [];
     let _geometry_decorators;
     let _geometry_initializers = [];
     let _geometry_extraInitializers = [];
@@ -27152,6 +28407,8 @@ let MessageViewFactory = (() => {
         set type(value) { MessageViewFactory_classPrivateFieldSet(this, _MessageViewFactory_type_accessor_storage, value, "f"); }
         get open() { return MessageViewFactory_classPrivateFieldGet(this, _MessageViewFactory_open_accessor_storage, "f"); }
         set open(value) { MessageViewFactory_classPrivateFieldSet(this, _MessageViewFactory_open_accessor_storage, value, "f"); }
+        get disableClose() { return MessageViewFactory_classPrivateFieldGet(this, _MessageViewFactory_disableClose_accessor_storage, "f"); }
+        set disableClose(value) { MessageViewFactory_classPrivateFieldSet(this, _MessageViewFactory_disableClose_accessor_storage, value, "f"); }
         get geometry() { return MessageViewFactory_classPrivateFieldGet(this, _MessageViewFactory_geometry_accessor_storage, "f"); }
         set geometry(value) { MessageViewFactory_classPrivateFieldSet(this, _MessageViewFactory_geometry_accessor_storage, value, "f"); }
         get touchController() { return MessageViewFactory_classPrivateFieldGet(this, _MessageViewFactory_touchController_accessor_storage, "f"); }
@@ -27166,7 +28423,8 @@ let MessageViewFactory = (() => {
                 return null;
             return (0,static_html_js_namespaceObject.html) `
             <${MessageView} 
-                .open=${this.open} 
+                .open=${this.open}
+                .disableClose=${this.disableClose}
                 .geometry=${this.geometry} 
                 .appearanceOptions=${this.appearanceOptions} 
                 .touchController=${this.touchController} 
@@ -27181,7 +28439,8 @@ let MessageViewFactory = (() => {
             _MessageViewFactory_appearanceOptions_accessor_storage.set(this, MessageViewFactory_runInitializers(this, _appearanceOptions_initializers, void 0));
             _MessageViewFactory_type_accessor_storage.set(this, (MessageViewFactory_runInitializers(this, _appearanceOptions_extraInitializers), MessageViewFactory_runInitializers(this, _type_initializers, void 0)));
             _MessageViewFactory_open_accessor_storage.set(this, (MessageViewFactory_runInitializers(this, _type_extraInitializers), MessageViewFactory_runInitializers(this, _open_initializers, false)));
-            _MessageViewFactory_geometry_accessor_storage.set(this, (MessageViewFactory_runInitializers(this, _open_extraInitializers), MessageViewFactory_runInitializers(this, _geometry_initializers, void 0)));
+            _MessageViewFactory_disableClose_accessor_storage.set(this, (MessageViewFactory_runInitializers(this, _open_extraInitializers), MessageViewFactory_runInitializers(this, _disableClose_initializers, false)));
+            _MessageViewFactory_geometry_accessor_storage.set(this, (MessageViewFactory_runInitializers(this, _disableClose_extraInitializers), MessageViewFactory_runInitializers(this, _geometry_initializers, void 0)));
             _MessageViewFactory_touchController_accessor_storage.set(this, (MessageViewFactory_runInitializers(this, _geometry_extraInitializers), MessageViewFactory_runInitializers(this, _touchController_initializers, void 0)));
             _MessageViewFactory_desktopMode_accessor_storage.set(this, (MessageViewFactory_runInitializers(this, _touchController_extraInitializers), MessageViewFactory_runInitializers(this, _desktopMode_initializers, void 0)));
             _MessageViewFactory_dir_accessor_storage.set(this, (MessageViewFactory_runInitializers(this, _desktopMode_extraInitializers), MessageViewFactory_runInitializers(this, _dir_initializers, void 0)));
@@ -27191,6 +28450,7 @@ let MessageViewFactory = (() => {
     _MessageViewFactory_appearanceOptions_accessor_storage = new WeakMap();
     _MessageViewFactory_type_accessor_storage = new WeakMap();
     _MessageViewFactory_open_accessor_storage = new WeakMap();
+    _MessageViewFactory_disableClose_accessor_storage = new WeakMap();
     _MessageViewFactory_geometry_accessor_storage = new WeakMap();
     _MessageViewFactory_touchController_accessor_storage = new WeakMap();
     _MessageViewFactory_desktopMode_accessor_storage = new WeakMap();
@@ -27202,6 +28462,7 @@ let MessageViewFactory = (() => {
         _appearanceOptions_decorators = [(0,decorators_js_namespaceObject.property)({ type: Object })];
         _type_decorators = [(0,decorators_js_namespaceObject.property)({ type: Number })];
         _open_decorators = [(0,decorators_js_namespaceObject.property)({ type: Boolean })];
+        _disableClose_decorators = [(0,decorators_js_namespaceObject.property)({ type: Boolean })];
         _geometry_decorators = [(0,decorators_js_namespaceObject.property)({ type: Object })];
         _touchController_decorators = [(0,decorators_js_namespaceObject.property)({ type: Object })];
         _desktopMode_decorators = [(0,decorators_js_namespaceObject.property)({ type: Boolean })];
@@ -27209,6 +28470,7 @@ let MessageViewFactory = (() => {
         MessageViewFactory_esDecorate(_classThis, null, _appearanceOptions_decorators, { kind: "accessor", name: "appearanceOptions", static: false, private: false, access: { has: obj => "appearanceOptions" in obj, get: obj => obj.appearanceOptions, set: (obj, value) => { obj.appearanceOptions = value; } }, metadata: _metadata }, _appearanceOptions_initializers, _appearanceOptions_extraInitializers);
         MessageViewFactory_esDecorate(_classThis, null, _type_decorators, { kind: "accessor", name: "type", static: false, private: false, access: { has: obj => "type" in obj, get: obj => obj.type, set: (obj, value) => { obj.type = value; } }, metadata: _metadata }, _type_initializers, _type_extraInitializers);
         MessageViewFactory_esDecorate(_classThis, null, _open_decorators, { kind: "accessor", name: "open", static: false, private: false, access: { has: obj => "open" in obj, get: obj => obj.open, set: (obj, value) => { obj.open = value; } }, metadata: _metadata }, _open_initializers, _open_extraInitializers);
+        MessageViewFactory_esDecorate(_classThis, null, _disableClose_decorators, { kind: "accessor", name: "disableClose", static: false, private: false, access: { has: obj => "disableClose" in obj, get: obj => obj.disableClose, set: (obj, value) => { obj.disableClose = value; } }, metadata: _metadata }, _disableClose_initializers, _disableClose_extraInitializers);
         MessageViewFactory_esDecorate(_classThis, null, _geometry_decorators, { kind: "accessor", name: "geometry", static: false, private: false, access: { has: obj => "geometry" in obj, get: obj => obj.geometry, set: (obj, value) => { obj.geometry = value; } }, metadata: _metadata }, _geometry_initializers, _geometry_extraInitializers);
         MessageViewFactory_esDecorate(_classThis, null, _touchController_decorators, { kind: "accessor", name: "touchController", static: false, private: false, access: { has: obj => "touchController" in obj, get: obj => obj.touchController, set: (obj, value) => { obj.touchController = value; } }, metadata: _metadata }, _touchController_initializers, _touchController_extraInitializers);
         MessageViewFactory_esDecorate(_classThis, null, _desktopMode_decorators, { kind: "accessor", name: "desktopMode", static: false, private: false, access: { has: obj => "desktopMode" in obj, get: obj => obj.desktopMode, set: (obj, value) => { obj.desktopMode = value; } }, metadata: _metadata }, _desktopMode_initializers, _desktopMode_extraInitializers);
@@ -27230,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) {
@@ -27290,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;
@@ -27338,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;
@@ -27446,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;
@@ -27548,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;
@@ -27699,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;
@@ -27798,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);
@@ -27815,7 +29078,7 @@ let InAppMessagingReader = (() => {
             const type = message.type;
             const messageGeometry = this.createMessageGeometry(type, message.appearanceOptions);
             const slideGeometry = this.createSlideGeometry(messageGeometry);
-            return (0,external_lit_namespaceObject.html) `<message-view-factory type="${type}" @closed="${this.handleClosed}" .appearanceOptions="${message.appearanceOptions}" .geometry="${messageGeometry}" .open="${this.open}" .dir="${this.dir}" .desktopMode="${this.desktopMode}" .touchController="${touchController}"><message-slide .message="${message}" .styleContext="${message.context.style}" .geometry="${slideGeometry}"></message-slide><iam-loader .needShowErrorScreen="${message.needShowErrorScreen}" .needShowLoaderScreen="${message.needShowLoaderScreen}" @reload="${this.handleReloadMessage}"></iam-loader></message-view-factory>`;
+            return (0,external_lit_namespaceObject.html) `<message-view-factory type="${type}" @closed="${this.handleClosed}" .disableClose="${message.disableClose}" .appearanceOptions="${message.appearanceOptions}" .geometry="${messageGeometry}" .open="${this.open}" .dir="${this.dir}" .desktopMode="${this.desktopMode}" .touchController="${touchController}"><message-slide .message="${message}" .styleContext="${message.context.style}" .geometry="${slideGeometry}"></message-slide><iam-loader .needShowErrorScreen="${message.needShowErrorScreen}" .needShowLoaderScreen="${message.needShowLoaderScreen}" @reload="${this.handleReloadMessage}"></iam-loader></message-view-factory>`;
         }
     };
     _InAppMessagingReader_options_accessor_storage = new WeakMap();
@@ -27905,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;