@inappstory/react-sdk 1.7.9 → 1.7.11

package/dist/index.esm.mjs

@@ -1,7 +1,5 @@
 import * as __WEBPACK_EXTERNAL_MODULE_lodash_isFunction_js_8e5fd566__ from "lodash/isFunction.js";
 import * as __WEBPACK_EXTERNAL_MODULE_uuid__ from "uuid";
-import * as __WEBPACK_EXTERNAL_MODULE_lodash_isObject_js_84bb7d23__ from "lodash/isObject.js";
-import * as __WEBPACK_EXTERNAL_MODULE_lodash_isNil_js_d3a2677a__ from "lodash/isNil.js";
 import * as __WEBPACK_EXTERNAL_MODULE_mobx__ from "mobx";
 import * as __WEBPACK_EXTERNAL_MODULE_lodash_isString_js_204e00fb__ from "lodash/isString.js";
 import * as __WEBPACK_EXTERNAL_MODULE_bowser__ from "bowser";
@@ -12,6 +10,7 @@ import * as __WEBPACK_EXTERNAL_MODULE_lodash_debounce_js_35379ba8__ from "lodash
 import * as __WEBPACK_EXTERNAL_MODULE__inappstory_slide_api_2e636188__ from "@inappstory/slide-api";
 import * as __WEBPACK_EXTERNAL_MODULE_async_mutex_052338b1__ from "async-mutex";
 import * as __WEBPACK_EXTERNAL_MODULE_lodash_isEmpty_js_f1e1789b__ from "lodash/isEmpty.js";
+import * as __WEBPACK_EXTERNAL_MODULE_lodash_isObject_js_84bb7d23__ from "lodash/isObject.js";
 import * as __WEBPACK_EXTERNAL_MODULE_lodash_isNumber_js_09f2ee09__ from "lodash/isNumber.js";
 import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_179142b8__ from "react/jsx-runtime";
 import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
@@ -2175,7 +2174,7 @@ function convertModelToFormData(formData, data, previousKey) {
 ;// CONCATENATED MODULE: ../core/src/api/exceptions/apiRequestError.ts
 class ApiRequestError extends Error {
     constructor(networkStatus, networkMessage, response) {
-        super();
+        super(networkMessage);
         Object.defineProperty(this, "name", {
             enumerable: true,
             configurable: true,
@@ -2204,7 +2203,7 @@ class ApiRequestError extends Error {
         this.networkStatus = networkStatus;
         this.networkMessage = networkMessage;
         this.response = response !== null && response !== void 0 ? response : null;
-        console.error({ name: this.name, networkStatus, networkMessage, response });
+        /*  console.error({ name: this.name, networkStatus, networkMessage, response }); */
     }
     static createByRequestError(response) {
         return new ApiRequestError(null, JSON.stringify(response.data), response);
@@ -2212,23 +2211,13 @@ class ApiRequestError extends Error {
     static createByFetchError(error) {
         const isOnline = window.navigator && window.navigator.onLine;
         if (isOnline)
-            return new ApiRequestError(null, error.message);
+            return new ApiRequestError(null, error.name === "AbortError"
+                ? "The operation was aborted by the AbortController signal. Make sure you don't destroy the InAppStoryManager while it's running."
+                : error.message);
         return new ApiRequestError(null, "net::ERR_INTERNET_DISCONNECTED");
     }
 }
 
-;// CONCATENATED MODULE: external "lodash/isObject.js"
-var isObject_js_x = (y) => {
-	var x = {}; __webpack_require__.d(x, y); return x
-} 
-var isObject_js_y = (x) => (() => (x))
-const isObject_js_namespaceObject = isObject_js_x({ ["default"]: () => (__WEBPACK_EXTERNAL_MODULE_lodash_isObject_js_84bb7d23__["default"]) });
-;// CONCATENATED MODULE: external "lodash/isNil.js"
-var isNil_js_x = (y) => {
-	var x = {}; __webpack_require__.d(x, y); return x
-} 
-var isNil_js_y = (x) => (() => (x))
-const isNil_js_namespaceObject = isNil_js_x({ ["default"]: () => (__WEBPACK_EXTERNAL_MODULE_lodash_isNil_js_d3a2677a__["default"]) });
 ;// CONCATENATED MODULE: ../core/src/helpers/classificators/isNumeric.ts
 function isNumeric(str) {
     if (typeof str != "string")
@@ -3116,6 +3105,41 @@ class DeviceDescriptor {
 }
 const deviceDescriptor = new DeviceDescriptor();
 
+;// CONCATENATED MODULE: ../core/src/api/InterceptorManager.ts
+class InterceptorManager {
+    constructor() {
+        Object.defineProperty(this, "handlers", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: []
+        });
+    }
+    use(fulfilled, rejected) {
+        this.handlers.push({ fulfilled, rejected });
+        return this.handlers.length - 1;
+    }
+    async run(value) {
+        let current = Promise.resolve(value);
+        for (const h of this.handlers) {
+            current = current.then(h.fulfilled, h.rejected);
+        }
+        return current;
+    }
+}
+
+;// CONCATENATED MODULE: ../core/src/api/exceptions/apiAbortRequestError.ts
+class IasAbortRequestError extends Error {
+    constructor(url) {
+        super(`The request with URL <${url}> was aborted. Make sure you don't destroy the InAppStoryManager while it's running.`);
+        this.name = "IasAbortRequestError";
+    }
+}
+
+;// CONCATENATED MODULE: ../core/src/api/exceptions/index.ts
+
+
+
 ;// CONCATENATED MODULE: ../core/src/api/api.ts
 
 
@@ -3124,9 +3148,6 @@ const deviceDescriptor = new DeviceDescriptor();
 
 
 
-function mergeObjects(obj1, obj2) {
-    return Object.assign(Object.assign({}, obj1), obj2);
-}
 class API {
     constructor(config) {
         var _a;
@@ -3136,54 +3157,101 @@ class API {
             writable: true,
             value: void 0
         });
-        Object.defineProperty(this, "_deviceInfoPromise", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: null
-        });
         Object.defineProperty(this, "_baseHeaders", {
             enumerable: true,
             configurable: true,
             writable: true,
             value: {}
         });
-        Object.defineProperty(this, "requestInterceptors", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: []
-        });
         Object.defineProperty(this, "interceptors", {
             enumerable: true,
             configurable: true,
             writable: true,
             value: {
-                request: {
-                    use: (cb) => {
-                        this.requestInterceptors.push(cb);
-                    }
-                }
+                request: new InterceptorManager(),
+                response: new InterceptorManager()
             }
         });
         this._baseURL = (_a = config === null || config === void 0 ? void 0 : config.baseURL) !== null && _a !== void 0 ? _a : "";
     }
-    set deviceInfoPromise(promise) {
-        this._deviceInfoPromise = promise;
-    }
-    set baseHeaders(headers) {
-        this._baseHeaders = headers;
-    }
     get baseURL() {
         return this._baseURL;
     }
     set baseURL(value) {
         this._baseURL = value;
     }
+    set baseHeaders(headers) {
+        this._baseHeaders = headers;
+    }
+    async request(config) {
+        try {
+            const processedConfig = await this.interceptors.request.run(config);
+            const response = await this.dispatchRequest(processedConfig);
+            return await this.interceptors.response.run(response);
+        }
+        catch (error) {
+            if (error instanceof ApiRequestError)
+                throw error;
+            throw ApiRequestError.createByFetchError(error);
+        }
+    }
+    get(url, config = {}) {
+        return this.request(Object.assign(Object.assign({}, config), { method: "get", url }));
+    }
+    post(url, data, config = {}) {
+        return this.request(Object.assign(Object.assign({}, config), { method: "post", url, data }));
+    }
+    put(url, data, config = {}) {
+        return this.request(Object.assign(Object.assign({}, config), { method: "put", url, data }));
+    }
+    patch(url, data, config = {}) {
+        return this.request(Object.assign(Object.assign({}, config), { method: "patch", url, data }));
+    }
+    async dispatchRequest(config) {
+        const headers = Object.assign(Object.assign({}, this._baseHeaders), config.headers);
+        const url = this.buildURL(config.url, config.params);
+        const method = config.method ? config.method.toUpperCase() : "GET";
+        let body = null;
+        if (config.data) {
+            body = JSON.stringify(this.buildBody(config.data));
+            headers["Content-Type"] = "application/json";
+        }
+        const response = await fetch(url.toString(), {
+            method,
+            body: method === "GET" || method === "HEAD" ? null : body, // If the request method is GET or HEAD and the body is non-null or not undefined <fetch> throws a network error..
+            headers,
+            credentials: "omit",
+            signal: config.signal
+        });
+        let data = {};
+        if (response.status !== 204) {
+            try {
+                data = await response.json();
+            }
+            catch (_a) {
+                data = {};
+            }
+        }
+        const result = {
+            data,
+            status: response.status,
+            statusText: response.statusText,
+            headersRaw: response.headers,
+            headers: Object.fromEntries(response.headers.entries()),
+            ok: response.ok
+        };
+        if (!response.ok)
+            throw ApiRequestError.createByRequestError(result);
+        return result;
+    }
+    buildURL(url, params) {
+        const qs = params ? new URLSearchParams(this.buildQuery(params)).toString() : "";
+        return new URL(`${trimStartSlash(url)}${qs ? "?" + qs : ""}`, this._baseURL);
+    }
     buildQuery(obj, prefix) {
         const pairs = [];
         for (const [key, value] of Object.entries(obj)) {
-            if (value == null || value === "")
+            if (value == null || value === "" || Number.isNaN(value))
                 continue;
             const fullKey = prefix ? `${prefix}[${key}]` : key;
             if (typeof value === "object" && !Array.isArray(value)) {
@@ -3213,79 +3281,6 @@ class API {
         }
         return result;
     }
-    async request(config) {
-        return new Promise((resolve, reject) => {
-            const cb = async () => {
-                try {
-                    if (!(0,isObject_js_namespaceObject["default"])(config.headers) || config.headers == null) {
-                        config.headers = {};
-                    }
-                    config.headers = mergeObjects(this._baseHeaders, config.headers);
-                    if (this.requestInterceptors.length) {
-                        for (const interceptor of this.requestInterceptors) {
-                            interceptor(config);
-                        }
-                    }
-                    let search = "";
-                    if (!(0,isNil_js_namespaceObject["default"])(config.params) && (0,isObject_js_namespaceObject["default"])(config.params)) {
-                        search = new URLSearchParams(this.buildQuery(config.params)).toString();
-                    }
-                    let url = new URL(`${trimStartSlash(config.url)}${search ? "?" + search : ""}`, this._baseURL);
-                    let method = "GET";
-                    if (!(0,isNil_js_namespaceObject["default"])(config.method)) {
-                        method = config.method.toUpperCase();
-                    }
-                    let headers = {};
-                    if (!(0,isNil_js_namespaceObject["default"])(config.headers) && (0,isObject_js_namespaceObject["default"])(config.headers)) {
-                        headers = config.headers;
-                    }
-                    let body = null;
-                    if (!(0,isNil_js_namespaceObject["default"])(config.data) && (0,isObject_js_namespaceObject["default"])(config.data)) {
-                        body = JSON.stringify(this.buildBody(config.data));
-                        headers["Content-Type"] = "application/json";
-                    }
-                    const response = await fetch(url.toString(), {
-                        method,
-                        body: method === "GET" || method === "HEAD" ? null : body, // If the request method is GET or HEAD and the body is non-null or not undefined <fetch> throws a network error..
-                        headers,
-                        credentials: "omit"
-                    });
-                    let json = {};
-                    if (response.status !== 204)
-                        json = await response.json();
-                    const apiResponse = {
-                        data: json,
-                        headersRaw: response.headers,
-                        // @ts-ignore
-                        headers: Object.fromEntries([...response.headers]),
-                        status: response.status,
-                        statusText: response.statusText,
-                        ok: response.ok
-                    };
-                    if (!response.ok) {
-                        reject(ApiRequestError.createByRequestError(apiResponse));
-                        return;
-                    }
-                    resolve(apiResponse);
-                }
-                catch (error) {
-                    reject(ApiRequestError.createByFetchError(error));
-                }
-            };
-            if (this._deviceInfoPromise) {
-                this._deviceInfoPromise.finally(cb);
-            }
-            else {
-                cb();
-            }
-        });
-    }
-    async post(path, data, params = {}) {
-        return this.request({ method: "post", url: path, data, params });
-    }
-    async get(path, params = {}) {
-        return this.request({ method: "get", url: path, params });
-    }
 }
 const APIInstance = new API();
 APIInstance.interceptors.request.use(config => {
@@ -3293,14 +3288,13 @@ APIInstance.interceptors.request.use(config => {
     const storyManagerConfig = storyManager.config;
     const session = storyManager.rootStore.sessionStore.session;
     const sessionId = session === null || session === void 0 ? void 0 : session.id;
-    config.headers = mergeObjects((_a = config.headers) !== null && _a !== void 0 ? _a : {}, {
-        Authorization: `Bearer ${storyManagerConfig.apiKey}`,
-        "Accept-Language": storyManagerConfig.lang.toString(),
-        "X-Request-Id": (0,external_uuid_namespaceObject.v4)(),
-        "X-User-Agent": storyManager.userAgent
-    });
+    if (!storyManagerConfig.apiKey)
+        throw new IasAbortRequestError(config.url);
+    if (!Boolean((_a = config.meta) === null || _a === void 0 ? void 0 : _a.public) && !sessionId)
+        throw new IasAbortRequestError(config.url);
+    config.headers = Object.assign(Object.assign({}, config.headers), { Authorization: `Bearer ${storyManagerConfig.apiKey}`, "Accept-Language": storyManagerConfig.lang.toString(), "X-Request-Id": (0,external_uuid_namespaceObject.v4)(), "X-User-Agent": storyManager.userAgent });
     if (storyManagerConfig.userId && !storyManagerConfig.anonymous) {
-        config.headers["X-User-Id"] = storyManagerConfig.userId;
+        config.headers["X-User-Id"] = storyManagerConfig.userId.toString();
     }
     if (sessionId) {
         config.headers["Auth-Session-Id"] = sessionId;
@@ -3508,20 +3502,24 @@ let IamApi = (() => {
                     tags: tags.join(","),
                     options
                 }, {
-                    fields: messageFieldsWithPrefix
+                    params: {
+                        fields: messageFieldsWithPrefix
+                    }
                 });
                 return response.data.messages;
             }
             async fetchContext() {
                 const response = await api.get("inappmessaging/message-context", {
-                    fields: "style,widgetsData"
+                    params: { fields: "style,widgetsData" }
                 });
                 return response.data;
             }
             async fetchById(messageId) {
                 const response = await api.get(`inappmessaging/message/${messageId}`, {
-                    expand: "slides_html",
-                    fields: messageFields
+                    params: {
+                        expand: "slides_html",
+                        fields: messageFields
+                    }
                 });
                 const messageDto = response.data;
                 if (!messageDto)
@@ -3538,7 +3536,9 @@ let IamApi = (() => {
                         });
                         return;
                     }
-                    await api.post(`/inappmessaging/message/${messageId}/event/${messageEvent.type}`, {}, messageEvent.toQueryParams());
+                    await api.post(`/inappmessaging/message/${messageId}/event/${messageEvent.type}`, {}, {
+                        params: messageEvent.toQueryParams()
+                    });
                 }
                 catch (error) {
                     console.error(error);
@@ -3919,8 +3919,13 @@ class SessionApi {
     async open(payload) {
         const data = await this.getOpenSessionPayload(payload);
         const response = await api.post("session/open", data, {
-            expand: "cache",
-            fields: openFields
+            params: {
+                expand: "cache",
+                fields: openFields
+            },
+            meta: {
+                public: true
+            }
         });
         return response.data;
     }
@@ -4493,25 +4498,25 @@ class StoriesApi {
     }
     async fetchStorySlides({ id, feedSlug }) {
         const { url, params } = this.getStoryRequestConfig(id, feedSlug);
-        const response = await api.get(url, params !== null && params !== void 0 ? params : {});
+        const response = await api.get(url, { params });
         return response.data;
     }
     async fetchStory({ id, feedSlug, fetchShareUrl, once }) {
         const { url, params } = this.getStoryRequestConfig(id, feedSlug, true, fetchShareUrl, once);
-        const response = await api.get(url, params !== null && params !== void 0 ? params : {});
+        const response = await api.get(url, { params });
         if (response.status === 204 && once)
             throw new IasStoryAlreadyShownError(id.toString());
         return response.data;
     }
     async fetchStoryContext({ ids }) {
         const { url, params } = this.getStoryContextRequestConfig(ids);
-        const response = await api.get(url, params !== null && params !== void 0 ? params : {});
+        const response = await api.get(url, { params });
         return response.data;
     }
     async fetchStoryCSS() {
         var _a;
         const { url, params } = this.getStoryCSSRequestConfig();
-        const response = await api.get(url, params !== null && params !== void 0 ? params : {});
+        const response = await api.get(url, { params });
         return (_a = response.data.style) !== null && _a !== void 0 ? _a : "";
     }
     async setStoryLike(storyId, like) {
@@ -4543,7 +4548,7 @@ class StoriesApi {
         localStorageSet(key, data);
     }
     async fetchStorySharePath(storyId) {
-        const response = await api.get(`story-share/${storyId}`, {});
+        const response = await api.get(`story-share/${storyId}`);
         if (!response.data.url)
             throw new IasShareUrlUndefinedError(storyId);
         return response.data.url;
@@ -4565,7 +4570,7 @@ class StoriesApi {
         const config = {
             url: `${feedSlug === UGCFeedSlug ? "ugc/" : ""}story/${id}`,
             method: "GET",
-            params: { expand: expandFields.join(",") }
+            params: { expand: expandFields.join(",") /* , src_list: "true" */ }
         };
         config.params.once = Number(Boolean(once));
         if (!allFields) {
@@ -4617,7 +4622,7 @@ class StoryFeedsApi {
             f: filter && JSON.stringify(filter),
             options
         };
-        const response = await api.get(url, params !== null && params !== void 0 ? params : {});
+        const response = await api.get(url, { params });
         return response.data;
     }
     async fetchDefaultFeed({ feedSlug, tags, testKey, options }) {
@@ -4626,7 +4631,9 @@ class StoryFeedsApi {
             tags: tags.join(","),
             options
         }, {
-            test: testKey
+            params: {
+                test: testKey
+            }
         });
         response.data.feedSlug = feedSlug;
         return response.data;
@@ -4634,8 +4641,10 @@ class StoryFeedsApi {
     async fetchFavoriteFeed({ tags }) {
         const url = "story";
         const response = await api.get(url, {
-            tags: tags.join(","),
-            favorite: 1
+            params: {
+                tags: tags.join(","),
+                favorite: 1
+            }
         });
         return response.data;
     }
@@ -4645,7 +4654,9 @@ class StoryFeedsApi {
             tags: payload.tags.join(","),
             options: payload.options
         }, {
-            limit: payload.limit
+            params: {
+                limit: payload.limit
+            }
         });
         response.data.feedSlug = payload.feedSlug;
         return response.data;
@@ -4712,7 +4723,7 @@ class StatisticV2Api {
     }
     async sendFallbackFetch(path, params) {
         const api = new API({ baseURL: domains.apiUrl });
-        await api.get(path, params);
+        await api.get(path, { params });
     }
 }
 
@@ -5114,6 +5125,7 @@ let StorySlide = (() => {
                 return this._html;
             }
             constructor(storySlideDto) {
+                var _b, _c;
                 _StorySlide__html_accessor_storage.set(this, (storySlide_runInitializers(this, _instanceExtraInitializers), storySlide_runInitializers(this, __html_initializers, "")));
                 Object.defineProperty(this, "index", {
                     enumerable: true,
@@ -5145,6 +5157,18 @@ let StorySlide = (() => {
                     writable: true,
                     value: void 0
                 });
+                Object.defineProperty(this, "resources", {
+                    enumerable: true,
+                    configurable: true,
+                    writable: true,
+                    value: []
+                });
+                Object.defineProperty(this, "_resourcesByBlob", {
+                    enumerable: true,
+                    configurable: true,
+                    writable: true,
+                    value: {}
+                });
                 this.index = storySlideDto.index;
                 this.timeline = {
                     foreground: storySlideDto.timeline.foreground,
@@ -5153,6 +5177,17 @@ let StorySlide = (() => {
                 this.duration = storySlideDto.duration;
                 this.screenshotShare = storySlideDto.screenshot_share;
                 this.eventPayload = storySlideDto.event_payload;
+                // TODO: don't map in the slide model.
+                // The model should not know anything about the DTO
+                this.resources =
+                    (_c = (_b = storySlideDto.resources) === null || _b === void 0 ? void 0 : _b.map(resource => ({
+                        type: resource.type,
+                        key: resource.key,
+                        url: resource.url,
+                        rangeStart: resource.range_start,
+                        rangeEnd: resource.range_end,
+                        contentType: resource.content_type
+                    }))) !== null && _c !== void 0 ? _c : [];
                 this._html = this.replaceSlideNonce(storySlideDto.html);
             }
             static createEmpty() {
@@ -5167,16 +5202,39 @@ let StorySlide = (() => {
                     html: ""
                 });
             }
-            replaceSlideNonce(slideHtml) {
-                var _b;
-                return replaceAll(slideHtml, `{{nonce}}`, (_b = getNonce()) !== null && _b !== void 0 ? _b : "");
-            }
             updatePlaceholders(placeholders) {
                 let slideHtml = this._html;
                 for (const placeholder of placeholders)
                     slideHtml = replaceAll(slideHtml, `%${placeholder.key}%`, placeholder.value);
                 this._html = slideHtml;
             }
+            applyBlobUrls(resourceUrls, resourcesByBlob) {
+                var _b;
+                let updatedHtml = this._html;
+                for (const resourceUrl of resourceUrls) {
+                    const blobUrl = (_b = resourcesByBlob[resourceUrl]) === null || _b === void 0 ? void 0 : _b.blobUrl;
+                    if (!blobUrl)
+                        continue;
+                    updatedHtml = replaceAll(updatedHtml, resourceUrl, blobUrl);
+                    this._resourcesByBlob[resourceUrl] = blobUrl;
+                }
+                this._html = updatedHtml;
+            }
+            restoreOriginalResourceUrls() {
+                let restoredHtml = this._html;
+                for (const [resourceUrl, blobUrl] of Object.entries(this._resourcesByBlob)) {
+                    restoredHtml = replaceAll(restoredHtml, blobUrl, resourceUrl);
+                }
+                this._html = restoredHtml;
+            }
+            parseResources() {
+                const resources = Array.from(this._html.matchAll(/src="([^"]+)"/gi), t => t[1]).filter(src => !src.startsWith("blob:"));
+                return Array.from(new Set(resources));
+            }
+            replaceSlideNonce(slideHtml) {
+                var _b;
+                return replaceAll(slideHtml, `{{nonce}}`, (_b = getNonce()) !== null && _b !== void 0 ? _b : "");
+            }
         },
         _StorySlide__html_accessor_storage = new WeakMap(),
         (() => {
@@ -7777,7 +7835,7 @@ var external_async_mutex_x = (y) => {
 	var x = {}; __webpack_require__.d(x, y); return x
 } 
 var external_async_mutex_y = (x) => (() => (x))
-const external_async_mutex_namespaceObject = external_async_mutex_x({ ["Mutex"]: () => (__WEBPACK_EXTERNAL_MODULE_async_mutex_052338b1__.Mutex) });
+const external_async_mutex_namespaceObject = external_async_mutex_x({ ["Mutex"]: () => (__WEBPACK_EXTERNAL_MODULE_async_mutex_052338b1__.Mutex), ["Semaphore"]: () => (__WEBPACK_EXTERNAL_MODULE_async_mutex_052338b1__.Semaphore) });
 ;// CONCATENATED MODULE: ../core/src/readers/storyReader/storySlideViewModel/storySlideViewModel.ts
 var storySlideViewModel_runInitializers = (undefined && undefined.__runInitializers) || function (thisArg, initializers, value) {
     var useValue = arguments.length > 2;
@@ -7842,7 +7900,7 @@ let StorySlideViewModel = (() => {
     return _a = class StorySlideViewModel {
             get _disabledNextClick() { return storySlideViewModel_classPrivateFieldGet(this, _StorySlideViewModel__disabledNextClick_accessor_storage, "f"); }
             set _disabledNextClick(value) { storySlideViewModel_classPrivateFieldSet(this, _StorySlideViewModel__disabledNextClick_accessor_storage, value, "f"); }
-            constructor(_story, _index, slideApi, slide) {
+            constructor(_story, _index, slideApi, slide, cacheManager) {
                 Object.defineProperty(this, "_story", {
                     enumerable: true,
                     configurable: true,
@@ -7867,6 +7925,12 @@ let StorySlideViewModel = (() => {
                     writable: true,
                     value: slide
                 });
+                Object.defineProperty(this, "cacheManager", {
+                    enumerable: true,
+                    configurable: true,
+                    writable: true,
+                    value: cacheManager
+                });
                 _StorySlideViewModel__disabledNextClick_accessor_storage.set(this, storySlideViewModel_runInitializers(this, __disabledNextClick_initializers, false));
                 Object.defineProperty(this, "mutex", {
                     enumerable: true,
@@ -7886,6 +7950,18 @@ let StorySlideViewModel = (() => {
                     writable: true,
                     value: false
                 });
+                Object.defineProperty(this, "preloaded", {
+                    enumerable: true,
+                    configurable: true,
+                    writable: true,
+                    value: false
+                });
+                Object.defineProperty(this, "isPreloading", {
+                    enumerable: true,
+                    configurable: true,
+                    writable: true,
+                    value: false
+                });
                 Object.defineProperty(this, "handleTouchEnd", {
                     enumerable: true,
                     configurable: true,
@@ -8097,6 +8173,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;
@@ -8117,6 +8210,8 @@ let StorySlideViewModel = (() => {
                     this.isStarted = false;
                     this.isInited = false;
                     this.story.touchController.off(TouchControllerEvent.TouchEnd, this.handleTouchEnd);
+                    if (this.cacheManager)
+                        this.slide.restoreOriginalResourceUrls();
                     await this.slideApi.destroy();
                 }
                 catch (error) {
@@ -9475,8 +9570,9 @@ var StoryEvent;
 (function (StoryEvent) {
     StoryEvent["ShowToast"] = "showToast";
 })(StoryEvent || (StoryEvent = {}));
+const ACTIVE_SLIDE_PRELOAD_PRIORITY = 1000;
 let StoryViewModel = (() => {
-    var _a, _StoryViewModel__activeSlideIndex_accessor_storage, _StoryViewModel__slides_accessor_storage, _StoryViewModel__needShowErrorScreen_accessor_storage, _StoryViewModel__needShowLoaderScreen_accessor_storage, _StoryViewModel__$root_accessor_storage;
+    var _a, _StoryViewModel__activeSlideIndex_accessor_storage, _StoryViewModel__slides_accessor_storage, _StoryViewModel__needShowErrorScreen_accessor_storage, _StoryViewModel__needShowLoaderScreen_accessor_storage, _StoryViewModel__$root_accessor_storage, _StoryViewModel_isInited_accessor_storage;
     var _b;
     let _classSuper = ViewModel;
     let _instanceExtraInitializers = [];
@@ -9495,6 +9591,9 @@ let StoryViewModel = (() => {
     let __$root_decorators;
     let __$root_initializers = [];
     let __$root_extraInitializers = [];
+    let _isInited_decorators;
+    let _isInited_initializers = [];
+    let _isInited_extraInitializers = [];
     let _get_needShowErrorScreen_decorators;
     let _get_needShowLoaderScreen_decorators;
     let _get_activeSlide_decorators;
@@ -9522,7 +9621,9 @@ let StoryViewModel = (() => {
             set _needShowLoaderScreen(value) { storyViewModel_classPrivateFieldSet(this, _StoryViewModel__needShowLoaderScreen_accessor_storage, value, "f"); }
             get _$root() { return storyViewModel_classPrivateFieldGet(this, _StoryViewModel__$root_accessor_storage, "f"); }
             set _$root(value) { storyViewModel_classPrivateFieldSet(this, _StoryViewModel__$root_accessor_storage, value, "f"); }
-            constructor(storyManager, storyReader, story, storySlideApiHandlersFactory, storyReaderStatisticV1Service, storyReaderStatisticV2Service) {
+            get isInited() { return storyViewModel_classPrivateFieldGet(this, _StoryViewModel_isInited_accessor_storage, "f"); }
+            set isInited(value) { storyViewModel_classPrivateFieldSet(this, _StoryViewModel_isInited_accessor_storage, value, "f"); }
+            constructor(storyManager, storyReader, story, storySlideApiHandlersFactory, storyReaderStatisticV1Service, storyReaderStatisticV2Service, cacheManager) {
                 super();
                 Object.defineProperty(this, "storyManager", {
                     enumerable: true,
@@ -9560,22 +9661,23 @@ let StoryViewModel = (() => {
                     writable: true,
                     value: storyReaderStatisticV2Service
                 });
+                Object.defineProperty(this, "cacheManager", {
+                    enumerable: true,
+                    configurable: true,
+                    writable: true,
+                    value: cacheManager
+                });
                 _StoryViewModel__activeSlideIndex_accessor_storage.set(this, storyViewModel_runInitializers(this, __activeSlideIndex_initializers, 0));
                 _StoryViewModel__slides_accessor_storage.set(this, (storyViewModel_runInitializers(this, __activeSlideIndex_extraInitializers), storyViewModel_runInitializers(this, __slides_initializers, [])));
                 _StoryViewModel__needShowErrorScreen_accessor_storage.set(this, (storyViewModel_runInitializers(this, __slides_extraInitializers), storyViewModel_runInitializers(this, __needShowErrorScreen_initializers, false)));
                 _StoryViewModel__needShowLoaderScreen_accessor_storage.set(this, (storyViewModel_runInitializers(this, __needShowErrorScreen_extraInitializers), storyViewModel_runInitializers(this, __needShowLoaderScreen_initializers, false)));
                 _StoryViewModel__$root_accessor_storage.set(this, (storyViewModel_runInitializers(this, __needShowLoaderScreen_extraInitializers), storyViewModel_runInitializers(this, __$root_initializers, null)));
-                Object.defineProperty(this, "isInited", {
-                    enumerable: true,
-                    configurable: true,
-                    writable: true,
-                    value: (storyViewModel_runInitializers(this, __$root_extraInitializers), false)
-                });
+                _StoryViewModel_isInited_accessor_storage.set(this, (storyViewModel_runInitializers(this, __$root_extraInitializers), storyViewModel_runInitializers(this, _isInited_initializers, false)));
                 Object.defineProperty(this, "isStarted", {
                     enumerable: true,
                     configurable: true,
                     writable: true,
-                    value: false
+                    value: (storyViewModel_runInitializers(this, _isInited_extraInitializers), false)
                 });
                 Object.defineProperty(this, "_activeSlideStartTime", {
                     enumerable: true,
@@ -9651,12 +9753,6 @@ let StoryViewModel = (() => {
                     writable: true,
                     value: void 0
                 });
-                Object.defineProperty(this, "initOnce", {
-                    enumerable: true,
-                    configurable: true,
-                    writable: true,
-                    value: false
-                });
                 Object.defineProperty(this, "toast", {
                     enumerable: true,
                     configurable: true,
@@ -9733,7 +9829,7 @@ let StoryViewModel = (() => {
                 return this.storyReader.displayStrategy;
             }
             get canBeShown() {
-                return this.story.canBeShown && this.slides.length > 0;
+                return this.story.canBeShown && this.slides.length > 0 && Boolean(this._$root);
             }
             get context() {
                 return this.story.context;
@@ -9790,6 +9886,9 @@ let StoryViewModel = (() => {
             get dir() {
                 return this.storyReader.dir;
             }
+            get isSlideRendered() {
+                return this.isInited;
+            }
             get isNextDisabled() {
                 return ((this.storyReader.reachEnd && this.reachEnd) ||
                     this.activeSlide.disabledNextClick ||
@@ -9921,15 +10020,24 @@ let StoryViewModel = (() => {
                 this.isInited = isInited;
                 this.isStarted = isStarted;
             }
+            async preloadSlides(start, end, priority) {
+                if (!this.story.canBeShown)
+                    this.showLoaderScreen();
+                await (0,external_mobx_namespaceObject.when)(() => this.story.canBeShown);
+                end = end !== null && end !== void 0 ? end : this._slides.length;
+                priority = priority !== null && priority !== void 0 ? priority : 0;
+                await Promise.all(this._slides.slice(start, end).map((slide, index) => slide.preload(end - index + priority)));
+            }
+            async preloadActiveSlide(priority) {
+                this.preloadSlides(this._activeSlideIndex, this._activeSlideIndex + 1, priority);
+            }
             async init() {
                 await this.mutex.runExclusive(async () => {
                     if (this.isInited)
                         return;
-                    if (!this.initOnce && !this.story.canBeShown) {
+                    if (!this.story.canBeShown)
                         this.showLoaderScreen();
-                        this.initOnce = true;
-                    }
-                    await (0,external_mobx_namespaceObject.when)(() => this.canBeShown && Boolean(this._$root));
+                    await (0,external_mobx_namespaceObject.when)(() => this.canBeShown);
                     await this.activeSlide.init();
                     this.isInited = true;
                 });
@@ -10043,7 +10151,7 @@ let StoryViewModel = (() => {
                 return slideApi;
             }
             async createSlidesViewModels(slides, slideApi) {
-                this._slides = slides.map((slide, index) => new StorySlideViewModel(this, index, slideApi, slide));
+                this._slides = slides.map((slide, index) => new StorySlideViewModel(this, index, slideApi, slide, this.cacheManager));
             }
             handleSpaceKeydown(e) {
                 if (e.code !== "Space")
@@ -10062,6 +10170,7 @@ let StoryViewModel = (() => {
                     this.mute();
             }
             async onSlideChange(index) {
+                var _b;
                 try {
                     if (!this.isInited || !this.isStarted)
                         return;
@@ -10070,6 +10179,8 @@ let StoryViewModel = (() => {
                     this._activeSlideIndex = index;
                     this.hideErrorScreen();
                     this.resumeAll();
+                    if (!((_b = this.storyManager.config.cache) === null || _b === void 0 ? void 0 : _b.prefetch))
+                        await this.preloadActiveSlide(ACTIVE_SLIDE_PRELOAD_PRIORITY);
                     await activeSlide.init();
                     await (lastSlide === null || lastSlide === void 0 ? void 0 : lastSlide.stop({ prepareForRestart: 2 /* ON_SLIDE_STOP_PREPARE_FOR_RESTART.NOT_PREPARE */ }));
                     await activeSlide.start();
@@ -10097,6 +10208,7 @@ let StoryViewModel = (() => {
         _StoryViewModel__needShowErrorScreen_accessor_storage = new WeakMap(),
         _StoryViewModel__needShowLoaderScreen_accessor_storage = new WeakMap(),
         _StoryViewModel__$root_accessor_storage = new WeakMap(),
+        _StoryViewModel_isInited_accessor_storage = new WeakMap(),
         (() => {
             var _b;
             const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create((_b = _classSuper[Symbol.metadata]) !== null && _b !== void 0 ? _b : null) : void 0;
@@ -10105,6 +10217,7 @@ let StoryViewModel = (() => {
             __needShowErrorScreen_decorators = [external_mobx_namespaceObject.observable];
             __needShowLoaderScreen_decorators = [external_mobx_namespaceObject.observable];
             __$root_decorators = [external_mobx_namespaceObject.observable];
+            _isInited_decorators = [external_mobx_namespaceObject.observable];
             _get_needShowErrorScreen_decorators = [external_mobx_namespaceObject.computed];
             _get_needShowLoaderScreen_decorators = [external_mobx_namespaceObject.computed];
             _get_activeSlide_decorators = [external_mobx_namespaceObject.computed];
@@ -10126,6 +10239,7 @@ let StoryViewModel = (() => {
             storyViewModel_esDecorate(_a, null, __needShowErrorScreen_decorators, { kind: "accessor", name: "_needShowErrorScreen", static: false, private: false, access: { has: obj => "_needShowErrorScreen" in obj, get: obj => obj._needShowErrorScreen, set: (obj, value) => { obj._needShowErrorScreen = value; } }, metadata: _metadata }, __needShowErrorScreen_initializers, __needShowErrorScreen_extraInitializers);
             storyViewModel_esDecorate(_a, null, __needShowLoaderScreen_decorators, { kind: "accessor", name: "_needShowLoaderScreen", static: false, private: false, access: { has: obj => "_needShowLoaderScreen" in obj, get: obj => obj._needShowLoaderScreen, set: (obj, value) => { obj._needShowLoaderScreen = value; } }, metadata: _metadata }, __needShowLoaderScreen_initializers, __needShowLoaderScreen_extraInitializers);
             storyViewModel_esDecorate(_a, null, __$root_decorators, { kind: "accessor", name: "_$root", static: false, private: false, access: { has: obj => "_$root" in obj, get: obj => obj._$root, set: (obj, value) => { obj._$root = value; } }, metadata: _metadata }, __$root_initializers, __$root_extraInitializers);
+            storyViewModel_esDecorate(_a, null, _isInited_decorators, { kind: "accessor", name: "isInited", static: false, private: false, access: { has: obj => "isInited" in obj, get: obj => obj.isInited, set: (obj, value) => { obj.isInited = value; } }, metadata: _metadata }, _isInited_initializers, _isInited_extraInitializers);
             storyViewModel_esDecorate(_a, null, _get_needShowErrorScreen_decorators, { kind: "getter", name: "needShowErrorScreen", static: false, private: false, access: { has: obj => "needShowErrorScreen" in obj, get: obj => obj.needShowErrorScreen }, metadata: _metadata }, null, _instanceExtraInitializers);
             storyViewModel_esDecorate(_a, null, _get_needShowLoaderScreen_decorators, { kind: "getter", name: "needShowLoaderScreen", static: false, private: false, access: { has: obj => "needShowLoaderScreen" in obj, get: obj => obj.needShowLoaderScreen }, metadata: _metadata }, null, _instanceExtraInitializers);
             storyViewModel_esDecorate(_a, null, _get_activeSlide_decorators, { kind: "getter", name: "activeSlide", static: false, private: false, access: { has: obj => "activeSlide" in obj, get: obj => obj.activeSlide }, metadata: _metadata }, null, _instanceExtraInitializers);
@@ -10154,6 +10268,12 @@ var isEmpty_js_x = (y) => {
 } 
 var isEmpty_js_y = (x) => (() => (x))
 const isEmpty_js_namespaceObject = isEmpty_js_x({ ["default"]: () => (__WEBPACK_EXTERNAL_MODULE_lodash_isEmpty_js_f1e1789b__["default"]) });
+;// CONCATENATED MODULE: external "lodash/isObject.js"
+var isObject_js_x = (y) => {
+	var x = {}; __webpack_require__.d(x, y); return x
+} 
+var isObject_js_y = (x) => (() => (x))
+const isObject_js_namespaceObject = isObject_js_x({ ["default"]: () => (__WEBPACK_EXTERNAL_MODULE_lodash_isObject_js_84bb7d23__["default"]) });
 ;// CONCATENATED MODULE: ../core/src/readers/gameReader/gameSessionHandlers/gameInstanceLocalDataHandlers/gameInstanceStorage.ts
 
 
@@ -10496,7 +10616,7 @@ class GameCenterApi {
         const body = {};
         if (gameOptions && (0,isObject_js_namespaceObject["default"])(gameOptions) && gameOptions.demoMode != null)
             body.demoMode = Boolean(gameOptions.demoMode);
-        const response = await api.post(`game/${gameInstanceId}/launch`, body, params);
+        const response = await api.post(`game/${gameInstanceId}/launch`, body, { params });
         return response.data;
     }
 }
@@ -10589,7 +10709,7 @@ class GameClientConfig {
             value: void 0
         });
         const storyManagerConfig = this.storyManager.config;
-        const sdkVersion = "1.7.9";
+        const sdkVersion = "1.7.11";
         const placeholders = this.storyManager.rootStore.placeholderStore.placeholders;
         const session = this.storyManager.rootStore.sessionStore.session;
         this.sessionId = session.id;
@@ -12805,6 +12925,8 @@ var storyReaderNavigationController_classPrivateFieldSet = (undefined && undefin
 
 
 const STORY_INIT_RANGE = 1;
+const ACTIVE_STORY_PRELOAD_PRIORITY = 1000;
+const NON_ACTIVE_STORY_PRELOAD_PRIORITY = 0;
 let StoryReaderNavigationController = (() => {
     var _a, _StoryReaderNavigationController__activeStory_accessor_storage, _StoryReaderNavigationController__currentIndex_accessor_storage, _StoryReaderNavigationController__targetTransitionIndex_accessor_storage;
     let _instanceExtraInitializers = [];
@@ -12942,7 +13064,6 @@ let StoryReaderNavigationController = (() => {
                 this.currentStoryDisplayStrategy.handleNextStoryByIndex(index);
                 this.initStoriesWithinRange(index);
                 await this.animatedNavigationController.transitionByIndex(index, this.currentIndex);
-                //await Promise.all([p1, p2]);
                 await this.handleTransitionEnd(index, action);
             }
             handleStoryReaderReachEnd(action) {
@@ -12986,6 +13107,7 @@ let StoryReaderNavigationController = (() => {
             async runNextStory(prevStory, story) {
                 try {
                     await (prevStory === null || prevStory === void 0 ? void 0 : prevStory.stop());
+                    await this.preloadActiveStory(story);
                     await story.init();
                     await story.start();
                 }
@@ -12994,11 +13116,16 @@ let StoryReaderNavigationController = (() => {
                 }
             }
             async initStoriesWithinRange(currentIndex) {
-                let stories = this.storyReader.stories;
+                const stories = this.storyReader.stories;
                 const start = Math.max(currentIndex - STORY_INIT_RANGE, 0);
                 const end = Math.min(currentIndex + STORY_INIT_RANGE, stories.length - 1);
-                stories = stories.slice(start, end + 1);
-                return Promise.allSettled(stories.map(story => story.init()));
+                const storiesToInit = [];
+                for (let i = start; i <= end; i++) {
+                    if (i !== currentIndex)
+                        storiesToInit.push(stories[i]);
+                }
+                await this.preloadSiblingStories(storiesToInit);
+                return Promise.allSettled(storiesToInit.map(story => story.init()));
             }
             handleActiveStoryError(story) {
                 if (!(story === null || story === void 0 ? void 0 : story.error))
@@ -13014,6 +13141,28 @@ let StoryReaderNavigationController = (() => {
             limitIndex(index) {
                 return Math.max(0, Math.min(this.storyReader.stories.length - 1, index));
             }
+            async preloadActiveStory(story) {
+                const cacheConfig = this.storyManager.config.cache;
+                if (!cacheConfig)
+                    return;
+                if (cacheConfig.prefetch) {
+                    await story.preloadSlides(0, story.slidesCount, ACTIVE_STORY_PRELOAD_PRIORITY);
+                }
+                else {
+                    await story.preloadActiveSlide(ACTIVE_STORY_PRELOAD_PRIORITY);
+                }
+            }
+            async preloadSiblingStories(stories) {
+                const cacheConfig = this.storyManager.config.cache;
+                if (!cacheConfig)
+                    return;
+                if (cacheConfig.prefetch) {
+                    await Promise.all(stories.map(story => story.preloadSlides(0, 2, NON_ACTIVE_STORY_PRELOAD_PRIORITY)));
+                }
+                else {
+                    await Promise.all(stories.map(story => story.preloadActiveSlide(NON_ACTIVE_STORY_PRELOAD_PRIORITY)));
+                }
+            }
         },
         _StoryReaderNavigationController__activeStory_accessor_storage = new WeakMap(),
         _StoryReaderNavigationController__currentIndex_accessor_storage = new WeakMap(),
@@ -13051,129 +13200,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;
@@ -13284,191 +13385,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);
-    }
-    return useValue ? value : void 0;
-};
-var showStoryOnceStrategy_esDecorate = (undefined && undefined.__esDecorate) || function (ctor, descriptorIn, decorators, contextIn, initializers, extraInitializers) {
-    function accept(f) { if (f !== void 0 && typeof f !== "function") throw new TypeError("Function expected"); return f; }
-    var kind = contextIn.kind, key = kind === "getter" ? "get" : kind === "setter" ? "set" : "value";
-    var target = !descriptorIn && ctor ? contextIn["static"] ? ctor : ctor.prototype : null;
-    var descriptor = descriptorIn || (target ? Object.getOwnPropertyDescriptor(target, contextIn.name) : {});
-    var _, done = false;
-    for (var i = decorators.length - 1; i >= 0; i--) {
-        var context = {};
-        for (var p in contextIn) context[p] = p === "access" ? {} : contextIn[p];
-        for (var p in contextIn.access) context.access[p] = contextIn.access[p];
-        context.addInitializer = function (f) { if (done) throw new TypeError("Cannot add initializers after decoration has completed"); extraInitializers.push(accept(f || null)); };
-        var result = (0, decorators[i])(kind === "accessor" ? { get: descriptor.get, set: descriptor.set } : descriptor[key], context);
-        if (kind === "accessor") {
-            if (result === void 0) continue;
-            if (result === null || typeof result !== "object") throw new TypeError("Object expected");
-            if (_ = accept(result.get)) descriptor.get = _;
-            if (_ = accept(result.set)) descriptor.set = _;
-            if (_ = accept(result.init)) initializers.unshift(_);
-        }
-        else if (_ = accept(result)) {
-            if (kind === "field") initializers.unshift(_);
-            else descriptor[key] = _;
-        }
-    }
-    if (target) Object.defineProperty(target, contextIn.name, descriptor);
-    done = true;
-};
-
 
 
-let ShowStoryOnceStrategy = (() => {
-    var _a;
-    let _instanceExtraInitializers = [];
-    let _show_decorators;
-    return _a = class ShowStoryOnceStrategy {
-            constructor(storyManager, storyReaderViewModel) {
-                Object.defineProperty(this, "storyManager", {
-                    enumerable: true,
-                    configurable: true,
-                    writable: true,
-                    value: (showStoryOnceStrategy_runInitializers(this, _instanceExtraInitializers), storyManager)
-                });
-                Object.defineProperty(this, "storyReaderViewModel", {
-                    enumerable: true,
-                    configurable: true,
-                    writable: true,
-                    value: storyReaderViewModel
-                });
-            }
-            get feed() {
-                return null;
-            }
-            async show(payload) {
-                try {
-                    const storyStore = this.storyManager.rootStore.storyStore;
-                    const story = await storyStore.fetchStoryById({
-                        storyId: payload.storyId,
-                        feedSlug: "",
-                        once: true
-                    });
-                    if (story.error)
-                        throw story.error;
-                    if (story.isOpened)
-                        throw new IasStoryAlreadyShownError(payload.storyId.toString());
-                    this.openStoryReader(story);
-                }
-                catch (error) {
-                    this.storyReaderViewModel.close();
-                    throw error;
-                }
-            }
-            openStoryReader(story) {
-                this.storyReaderViewModel.open({
-                    windowReferer: STORY_READER_WINDOW_REFERER.default,
-                    id: story.id,
-                    stories: [story]
-                });
-            }
-            async handleNextStoryByIndex(storyIndex) { }
-            async reload(payload) { }
-        },
-        (() => {
-            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(null) : void 0;
-            _show_decorators = [noConcurrent];
-            showStoryOnceStrategy_esDecorate(_a, null, _show_decorators, { kind: "method", name: "show", static: false, private: false, access: { has: obj => "show" in obj, get: obj => obj.show }, metadata: _metadata }, null, _instanceExtraInitializers);
-            if (_metadata) Object.defineProperty(_a, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
-        })(),
-        _a;
-})();
-
-
-;// CONCATENATED MODULE: ../core/src/readers/storyReader/storyReaderViewModel/storyDisplayStrategies/showStoryStrategy.ts
-var showStoryStrategy_runInitializers = (undefined && undefined.__runInitializers) || function (thisArg, initializers, value) {
-    var useValue = arguments.length > 2;
-    for (var i = 0; i < initializers.length; i++) {
-        value = useValue ? initializers[i].call(thisArg, value) : initializers[i].call(thisArg);
+class ShowStoryOnceStrategy {
+    constructor(storyManager, storyReaderViewModel) {
+        Object.defineProperty(this, "storyManager", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: storyManager
+        });
+        Object.defineProperty(this, "storyReaderViewModel", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: storyReaderViewModel
+        });
     }
-    return useValue ? value : void 0;
-};
-var showStoryStrategy_esDecorate = (undefined && undefined.__esDecorate) || function (ctor, descriptorIn, decorators, contextIn, initializers, extraInitializers) {
-    function accept(f) { if (f !== void 0 && typeof f !== "function") throw new TypeError("Function expected"); return f; }
-    var kind = contextIn.kind, key = kind === "getter" ? "get" : kind === "setter" ? "set" : "value";
-    var target = !descriptorIn && ctor ? contextIn["static"] ? ctor : ctor.prototype : null;
-    var descriptor = descriptorIn || (target ? Object.getOwnPropertyDescriptor(target, contextIn.name) : {});
-    var _, done = false;
-    for (var i = decorators.length - 1; i >= 0; i--) {
-        var context = {};
-        for (var p in contextIn) context[p] = p === "access" ? {} : contextIn[p];
-        for (var p in contextIn.access) context.access[p] = contextIn.access[p];
-        context.addInitializer = function (f) { if (done) throw new TypeError("Cannot add initializers after decoration has completed"); extraInitializers.push(accept(f || null)); };
-        var result = (0, decorators[i])(kind === "accessor" ? { get: descriptor.get, set: descriptor.set } : descriptor[key], context);
-        if (kind === "accessor") {
-            if (result === void 0) continue;
-            if (result === null || typeof result !== "object") throw new TypeError("Object expected");
-            if (_ = accept(result.get)) descriptor.get = _;
-            if (_ = accept(result.set)) descriptor.set = _;
-            if (_ = accept(result.init)) initializers.unshift(_);
+    get feed() {
+        return null;
+    }
+    async show(payload) {
+        try {
+            const storyStore = this.storyManager.rootStore.storyStore;
+            const story = await storyStore.fetchStoryById({
+                storyId: payload.storyId,
+                feedSlug: "",
+                once: true
+            });
+            if (story.error)
+                throw story.error;
+            if (story.isOpened)
+                throw new IasStoryAlreadyShownError(payload.storyId.toString());
+            this.openStoryReader(story);
         }
-        else if (_ = accept(result)) {
-            if (kind === "field") initializers.unshift(_);
-            else descriptor[key] = _;
+        catch (error) {
+            this.storyReaderViewModel.close();
+            throw error;
         }
     }
-    if (target) Object.defineProperty(target, contextIn.name, descriptor);
-    done = true;
-};
-
+    openStoryReader(story) {
+        this.storyReaderViewModel.open({
+            windowReferer: STORY_READER_WINDOW_REFERER.default,
+            id: story.id,
+            stories: [story]
+        });
+    }
+    async handleNextStoryByIndex(storyIndex) { }
+    async reload(payload) { }
+}
 
-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;
-})();
+;// CONCATENATED MODULE: ../core/src/readers/storyReader/storyReaderViewModel/storyDisplayStrategies/showStoryStrategy.ts
 
+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
 
@@ -13623,6 +13628,509 @@ class StoryReaderStatisticsController {
     }
 }
 
+;// CONCATENATED MODULE: ../core/src/cache/models/cacheEntry.ts
+class CacheEntry {
+    constructor(url, blob, lastAccessed = Date.now()) {
+        Object.defineProperty(this, "url", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: url
+        });
+        Object.defineProperty(this, "blob", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: blob
+        });
+        Object.defineProperty(this, "lastAccessed", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: lastAccessed
+        });
+        Object.defineProperty(this, "blobUrl", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+    }
+    updateLastAccessed() {
+        this.lastAccessed = Date.now();
+    }
+    getOrCreateBlobUrl() {
+        if (!this.blobUrl) {
+            this.blobUrl = URL.createObjectURL(this.blob);
+        }
+        return this.blobUrl;
+    }
+    unlinkBlob() {
+        if (this.blobUrl)
+            URL.revokeObjectURL(this.blobUrl);
+    }
+    destroy() {
+        this.unlinkBlob();
+    }
+}
+
+;// CONCATENATED MODULE: ../core/src/cache/cacheRepository.ts
+
+class CacheRepository {
+    constructor(driver) {
+        Object.defineProperty(this, "driver", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: driver
+        });
+        Object.defineProperty(this, "entries", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: new Map()
+        });
+    }
+    async get(url) {
+        let entry = this.entries.get(url);
+        if (!entry) {
+            const record = await this.driver.get(url);
+            if (!record)
+                return;
+            entry = new CacheEntry(record.url, record.blob, record.lastAccessed);
+            this.entries.set(url, entry);
+        }
+        return entry;
+    }
+    async loadAllEntries() {
+        const records = await this.driver.getAll();
+        const entities = [];
+        for (const record of records) {
+            const entry = new CacheEntry(record.url, record.blob, record.lastAccessed);
+            this.entries.set(record.url, entry);
+            entities.push(entry);
+        }
+        return entities;
+    }
+    async save(entry) {
+        this.entries.set(entry.url, entry);
+        await this.driver.set({
+            url: entry.url,
+            blob: entry.blob,
+            lastAccessed: entry.lastAccessed
+        });
+    }
+    async updateAccessTime(entry) {
+        this.entries.set(entry.url, entry);
+        await this.driver.updateAccessTime(entry.url, entry.lastAccessed);
+    }
+    async delete(url) {
+        this.entries.delete(url);
+        await this.driver.delete(url);
+    }
+    async getAll() {
+        return Array.from(this.entries.values());
+    }
+    async clear() {
+        for (const entry of this.entries.values())
+            entry.destroy();
+        this.entries.clear();
+        //await this.driver.clear();
+    }
+}
+
+;// CONCATENATED MODULE: ../core/src/cache/drivers/indexedDBDriver.ts
+class IndexedDBCacheDriver {
+    constructor(dbName, storeName) {
+        Object.defineProperty(this, "dbName", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        Object.defineProperty(this, "storeName", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        this.dbName = dbName;
+        this.storeName = storeName;
+    }
+    async getDB() {
+        return new Promise((resolve, reject) => {
+            const request = indexedDB.open(this.dbName, 1);
+            request.onupgradeneeded = () => {
+                const db = request.result;
+                if (!db.objectStoreNames.contains(this.storeName)) {
+                    const store = db.createObjectStore(this.storeName, { keyPath: "url" });
+                    store.createIndex("lastAccessed", "lastAccessed");
+                }
+            };
+            request.onsuccess = () => resolve(request.result);
+            request.onerror = () => reject(request.error);
+        });
+    }
+    async get(url) {
+        const db = await this.getDB();
+        return new Promise((resolve, reject) => {
+            const tx = db.transaction(this.storeName, "readonly");
+            const store = tx.objectStore(this.storeName);
+            const request = store.get(url);
+            request.onsuccess = () => {
+                const result = request.result;
+                resolve(result ? { url, lastAccessed: result.lastAccessed, blob: result.blob } : undefined);
+            };
+            request.onerror = () => reject(request.error);
+        });
+    }
+    async set(record) {
+        const db = await this.getDB();
+        return new Promise((resolve, reject) => {
+            const tx = db.transaction(this.storeName, "readwrite");
+            tx.objectStore(this.storeName).put(record);
+            tx.oncomplete = () => resolve();
+            tx.onerror = () => reject(tx.error);
+        });
+    }
+    async updateAccessTime(url, lastAccessed) {
+        const db = await this.getDB();
+        const tx = db.transaction(this.storeName, "readwrite");
+        const store = tx.objectStore(this.storeName);
+        const existing = await new Promise((resolve, reject) => {
+            const req = store.get(url);
+            req.onsuccess = () => resolve(req.result);
+            req.onerror = () => reject(req.error);
+        });
+        if (existing) {
+            existing.lastAccessed = lastAccessed;
+            store.put(existing);
+        }
+        return new Promise((resolve, reject) => {
+            tx.oncomplete = () => resolve();
+            tx.onerror = () => reject(tx.error);
+        });
+    }
+    async delete(url) {
+        const db = await this.getDB();
+        return new Promise((resolve, reject) => {
+            const tx = db.transaction(this.storeName, "readwrite");
+            tx.objectStore(this.storeName).delete(url);
+            tx.oncomplete = () => resolve();
+            tx.onerror = () => reject(tx.error);
+        });
+    }
+    async getAll() {
+        const db = await this.getDB();
+        return new Promise((resolve, reject) => {
+            const tx = db.transaction(this.storeName, "readonly");
+            const store = tx.objectStore(this.storeName);
+            const request = store.getAll();
+            request.onsuccess = () => resolve(request.result);
+            request.onerror = () => reject(request.error);
+        });
+    }
+    async clear() {
+        const db = await this.getDB();
+        return new Promise((resolve, reject) => {
+            const tx = db.transaction(this.storeName, "readwrite");
+            tx.objectStore(this.storeName).clear();
+            tx.oncomplete = () => resolve();
+            tx.onerror = () => reject(tx.error);
+        });
+    }
+}
+
+;// CONCATENATED MODULE: ../core/src/cache/drivers/memoryCacheDriver.ts
+class MemoryCacheDriver {
+    constructor() {
+        Object.defineProperty(this, "store", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: new Map()
+        });
+    }
+    async get(url) {
+        return this.store.get(url);
+    }
+    async set(record) {
+        this.store.set(record.url, record);
+    }
+    async delete(url) {
+        this.store.delete(url);
+    }
+    async getAll() {
+        return Array.from(this.store.values());
+    }
+    async clear() {
+        this.store.clear();
+    }
+    async updateAccessTime(url, lastAccessed) {
+        const record = await this.get(url);
+        if (!record)
+            return;
+        record.lastAccessed = lastAccessed;
+        this.set(record);
+    }
+}
+
+;// CONCATENATED MODULE: ../core/src/cache/lruCache.ts
+
+
+class LRUCache {
+    constructor(repository, loader, options) {
+        var _a, _b;
+        Object.defineProperty(this, "repository", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: repository
+        });
+        Object.defineProperty(this, "loader", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: loader
+        });
+        Object.defineProperty(this, "urlLocks", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: new Map()
+        });
+        Object.defineProperty(this, "options", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        this.options = {
+            maxSize: (_a = options === null || options === void 0 ? void 0 : options.maxSize) !== null && _a !== void 0 ? _a : 20,
+            debug: Boolean(options === null || options === void 0 ? void 0 : options.debug),
+            ttl: (_b = options === null || options === void 0 ? void 0 : options.ttl) !== null && _b !== void 0 ? _b : 3600
+        };
+    }
+    async init() {
+        await this.repository.loadAllEntries();
+        await this.tryEvict();
+    }
+    async getAll() {
+        return this.repository.getAll();
+    }
+    async get(url, priority) {
+        const mutex = this.getMutexForUrl(url);
+        const release = await mutex.acquire();
+        try {
+            let entry = await this.repository.get(url);
+            if (!entry)
+                entry = await this.add(url, priority);
+            entry.updateLastAccessed();
+            entry.getOrCreateBlobUrl();
+            if (this.options.debug)
+                console.log("[IAS]: Get from cache", entry);
+            await this.repository.updateAccessTime(entry);
+            return entry;
+        }
+        finally {
+            release();
+        }
+    }
+    async tryEvict() {
+        const expiredEntries = await this.evictExpired();
+        const oldestEntries = await this.evictOldest();
+        return [...expiredEntries, ...oldestEntries];
+    }
+    async evictOldest() {
+        const entries = await this.repository.getAll();
+        if (entries.length <= this.options.maxSize)
+            return [];
+        const evictedEntries = [];
+        const sorted = entries.sort((a, b) => a.lastAccessed - b.lastAccessed);
+        while (sorted.length > this.options.maxSize) {
+            const entry = sorted.shift();
+            if (!entry)
+                continue;
+            if (this.options.debug)
+                console.log("[IAS]: Remove oldest entry from cache", entry);
+            await this.removeEntry(entry);
+            evictedEntries.push(entry);
+        }
+        return evictedEntries;
+    }
+    async wait() {
+        await Promise.all(Array.from(this.urlLocks.values()).map(urlLock => urlLock.waitForUnlock()));
+    }
+    async evictExpired() {
+        if (this.options.ttl === 0)
+            return [];
+        const entries = await this.repository.getAll();
+        const now = Date.now();
+        const evictedEntries = [];
+        for (const entry of entries) {
+            if (entry.lastAccessed + this.options.ttl * 1000 < now) {
+                if (this.options.debug)
+                    console.log("[IAS]: Remove expired entry from cache", entry);
+                await this.removeEntry(entry);
+                evictedEntries.push(entry);
+            }
+        }
+        return evictedEntries;
+    }
+    async add(url, priority) {
+        const blob = await this.loader.enqueue(url, priority);
+        const entry = new CacheEntry(url, blob);
+        await this.repository.save(entry);
+        await this.tryEvict();
+        if (this.options.debug)
+            console.log("[IAS]: Add to cache", entry);
+        return entry;
+    }
+    getMutexForUrl(url) {
+        let mutex = this.urlLocks.get(url);
+        if (!mutex) {
+            mutex = new external_async_mutex_namespaceObject.Mutex();
+            this.urlLocks.set(url, mutex);
+        }
+        return mutex;
+    }
+    cleanupLock(url) {
+        this.urlLocks.delete(url);
+    }
+    async removeEntry(entry) {
+        entry.destroy();
+        this.cleanupLock(entry.url);
+        await this.repository.delete(entry.url);
+    }
+}
+
+;// CONCATENATED MODULE: ../core/src/cache/resourceLoader.ts
+
+class ResourceLoader {
+    constructor(concurrency) {
+        Object.defineProperty(this, "concurrency", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: concurrency
+        });
+        Object.defineProperty(this, "semaphore", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        this.semaphore = new external_async_mutex_namespaceObject.Semaphore(concurrency);
+    }
+    async enqueue(url, priority) {
+        return await this.semaphore.runExclusive(async () => {
+            const response = await fetch(url, { cache: "no-store" });
+            const blob = await response.blob();
+            return blob;
+        }, 1, priority);
+    }
+    wait() {
+        return this.semaphore.waitForUnlock(this.concurrency);
+    }
+    clear() {
+        this.semaphore.cancel();
+    }
+    async destroy() {
+        this.clear();
+        await this.wait();
+    }
+}
+
+;// CONCATENATED MODULE: ../core/src/cache/cacheManager.ts
+
+
+
+
+const CACHE_VERSION = 1;
+class CacheManager {
+    get isDestroyed() {
+        return this._isDestroyed;
+    }
+    constructor(options) {
+        var _a, _b, _c, _d, _e;
+        Object.defineProperty(this, "lruCache", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        Object.defineProperty(this, "loader", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        Object.defineProperty(this, "cacheRepository", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        Object.defineProperty(this, "options", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        Object.defineProperty(this, "_isDestroyed", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: false
+        });
+        this.options = {
+            maxSize: (_a = options.maxSize) !== null && _a !== void 0 ? _a : 20,
+            concurrency: (_b = options.concurrency) !== null && _b !== void 0 ? _b : 5,
+            debug: Boolean(options.debug),
+            ttl: (_c = options.ttl) !== null && _c !== void 0 ? _c : 3600,
+            type: (_d = options.type) !== null && _d !== void 0 ? _d : "indexeddb",
+            storeName: (_e = options.storeName) !== null && _e !== void 0 ? _e : "resources"
+        };
+        const driver = this.createCacheDriver();
+        this.cacheRepository = new CacheRepository(driver);
+        this.loader = new ResourceLoader(this.options.concurrency);
+        this.lruCache = new LRUCache(this.cacheRepository, this.loader, {
+            maxSize: this.options.maxSize,
+            debug: this.options.debug,
+            ttl: this.options.ttl
+        });
+        this.lruCache.init().catch(error => console.error("[IAS]: LRU cache init error", error));
+    }
+    async preload(requests) {
+        const results = await Promise.allSettled(requests.map(async (request) => {
+            return await this.lruCache.get(request.url, request.priority);
+        }));
+        return results
+            .filter((r) => r.status === "fulfilled" && r.value !== null)
+            .map(r => r.value);
+    }
+    async destroy() {
+        try {
+            this._isDestroyed = true;
+            await this.loader.destroy();
+            await this.lruCache.wait();
+        }
+        finally {
+            await this.cacheRepository.clear();
+            if (this.options.debug)
+                console.log("[IAS]: Destroy LRU cache");
+        }
+    }
+    createCacheDriver() {
+        if (this.options.type === "indexeddb")
+            return new IndexedDBCacheDriver(`ias-cache-v${CACHE_VERSION}`, this.options.storeName);
+        return new MemoryCacheDriver();
+    }
+}
+
+;// CONCATENATED MODULE: ../core/src/cache/index.ts
+
+
 ;// CONCATENATED MODULE: ../core/src/readers/storyReader/storyReaderViewModel/storyReaderViewModel.ts
 var storyReaderViewModel_runInitializers = (undefined && undefined.__runInitializers) || function (thisArg, initializers, value) {
     var useValue = arguments.length > 2;
@@ -13679,6 +14187,8 @@ var storyReaderViewModel_classPrivateFieldSet = (undefined && undefined.__classP
 
 
 
+
+
 var StoryReaderEvent;
 (function (StoryReaderEvent) {
     StoryReaderEvent["Close"] = "closeStoryReader";
@@ -13711,6 +14221,11 @@ let StoryReaderViewModel = (() => {
     let _get_reachEnd_decorators;
     let _open_decorators;
     let _close_decorators;
+    let _showStory_decorators;
+    let _showStoryOnce_decorators;
+    let _showStoryFromSharePage_decorators;
+    let _showOnboardingStories_decorators;
+    let _showMultipleStories_decorators;
     let _reloadStory_decorators;
     let _nextStory_decorators;
     let _prevStory_decorators;
@@ -13800,6 +14315,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);
@@ -13853,6 +14374,8 @@ let StoryReaderViewModel = (() => {
                 var _b, _c;
                 if (this.activeStory)
                     this.resetReaderToDefaultState(this.activeStory);
+                if (this.storyManager.config.cache)
+                    this.cacheManager = new CacheManager(this.storyManager.config.cache);
                 this.windowReferer = payload.windowReferer;
                 this.setStories(payload.stories);
                 const activeStory = this.navigationController.setActiveStoryById(payload.id);
@@ -13890,6 +14413,7 @@ let StoryReaderViewModel = (() => {
                 });
             }
             resetReaderToDefaultState(activeStory, closeAction) {
+                var _b;
                 const event = new CloseStoryEvent(activeStory, {
                     action: closeAction
                 });
@@ -13904,6 +14428,7 @@ let StoryReaderViewModel = (() => {
                 this._touchController.destroy();
                 document.removeEventListener("keydown", this.handleKeydown);
                 this.navigationController.destroy();
+                (_b = this.cacheManager) === null || _b === void 0 ? void 0 : _b.destroy();
             }
             canBeClosed() {
                 return this.activeStory ? !this.activeStory.disableClose : false;
@@ -13973,12 +14498,14 @@ let StoryReaderViewModel = (() => {
                 this.navigationController.navigateStoryWithAnimation(index, action);
             }
             destroy() {
+                var _b;
                 if (this.activeStory) {
                     this.emitCloseEvents(this.activeStory, CloseStoryReaderAction.AppClose);
                     this.resetReaderToDefaultState(this.activeStory);
                 }
                 this.removeAllListeners();
                 window.removeEventListener("beforeunload", this.handleWindowUnload);
+                (_b = this.cacheManager) === null || _b === void 0 ? void 0 : _b.destroy();
             }
             closeGoodsWidget() {
                 var _b;
@@ -14049,7 +14576,7 @@ let StoryReaderViewModel = (() => {
             setStories(stories) {
                 const slideApiHandlersFactory = new StorySlideApiHandlersFactory(this.storyManager, this, this.storyReaderStatisticV1Service, this.storyReaderStatisticV2Service);
                 for (const story of stories) {
-                    this._stories.push(new StoryViewModel(this.storyManager, this, story, slideApiHandlersFactory, this.storyReaderStatisticV1Service, this.storyReaderStatisticV2Service));
+                    this._stories.push(new StoryViewModel(this.storyManager, this, story, slideApiHandlersFactory, this.storyReaderStatisticV1Service, this.storyReaderStatisticV2Service, this.cacheManager));
                 }
             }
             handleKeydown(e) {
@@ -14104,6 +14631,11 @@ let StoryReaderViewModel = (() => {
             _get_reachEnd_decorators = [external_mobx_namespaceObject.computed];
             _open_decorators = [external_mobx_namespaceObject.action];
             _close_decorators = [external_mobx_namespaceObject.action];
+            _showStory_decorators = [noConcurrent];
+            _showStoryOnce_decorators = [noConcurrent];
+            _showStoryFromSharePage_decorators = [noConcurrent];
+            _showOnboardingStories_decorators = [noConcurrent];
+            _showMultipleStories_decorators = [noConcurrent];
             _reloadStory_decorators = [external_mobx_namespaceObject.action];
             _nextStory_decorators = [external_mobx_namespaceObject.action];
             _prevStory_decorators = [external_mobx_namespaceObject.action];
@@ -14123,6 +14655,11 @@ let StoryReaderViewModel = (() => {
             storyReaderViewModel_esDecorate(_a, null, _get_reachEnd_decorators, { kind: "getter", name: "reachEnd", static: false, private: false, access: { has: obj => "reachEnd" in obj, get: obj => obj.reachEnd }, metadata: _metadata }, null, _instanceExtraInitializers);
             storyReaderViewModel_esDecorate(_a, null, _open_decorators, { kind: "method", name: "open", static: false, private: false, access: { has: obj => "open" in obj, get: obj => obj.open }, metadata: _metadata }, null, _instanceExtraInitializers);
             storyReaderViewModel_esDecorate(_a, null, _close_decorators, { kind: "method", name: "close", static: false, private: false, access: { has: obj => "close" in obj, get: obj => obj.close }, metadata: _metadata }, null, _instanceExtraInitializers);
+            storyReaderViewModel_esDecorate(_a, null, _showStory_decorators, { kind: "method", name: "showStory", static: false, private: false, access: { has: obj => "showStory" in obj, get: obj => obj.showStory }, metadata: _metadata }, null, _instanceExtraInitializers);
+            storyReaderViewModel_esDecorate(_a, null, _showStoryOnce_decorators, { kind: "method", name: "showStoryOnce", static: false, private: false, access: { has: obj => "showStoryOnce" in obj, get: obj => obj.showStoryOnce }, metadata: _metadata }, null, _instanceExtraInitializers);
+            storyReaderViewModel_esDecorate(_a, null, _showStoryFromSharePage_decorators, { kind: "method", name: "showStoryFromSharePage", static: false, private: false, access: { has: obj => "showStoryFromSharePage" in obj, get: obj => obj.showStoryFromSharePage }, metadata: _metadata }, null, _instanceExtraInitializers);
+            storyReaderViewModel_esDecorate(_a, null, _showOnboardingStories_decorators, { kind: "method", name: "showOnboardingStories", static: false, private: false, access: { has: obj => "showOnboardingStories" in obj, get: obj => obj.showOnboardingStories }, metadata: _metadata }, null, _instanceExtraInitializers);
+            storyReaderViewModel_esDecorate(_a, null, _showMultipleStories_decorators, { kind: "method", name: "showMultipleStories", static: false, private: false, access: { has: obj => "showMultipleStories" in obj, get: obj => obj.showMultipleStories }, metadata: _metadata }, null, _instanceExtraInitializers);
             storyReaderViewModel_esDecorate(_a, null, _reloadStory_decorators, { kind: "method", name: "reloadStory", static: false, private: false, access: { has: obj => "reloadStory" in obj, get: obj => obj.reloadStory }, metadata: _metadata }, null, _instanceExtraInitializers);
             storyReaderViewModel_esDecorate(_a, null, _nextStory_decorators, { kind: "method", name: "nextStory", static: false, private: false, access: { has: obj => "nextStory" in obj, get: obj => obj.nextStory }, metadata: _metadata }, null, _instanceExtraInitializers);
             storyReaderViewModel_esDecorate(_a, null, _prevStory_decorators, { kind: "method", name: "prevStory", static: false, private: false, access: { has: obj => "prevStory" in obj, get: obj => obj.prevStory }, metadata: _metadata }, null, _instanceExtraInitializers);
@@ -15140,8 +15677,12 @@ let StoryManagerConfig = (() => {
                 });
                 _StoryManagerConfig__anonymous_accessor_storage.set(this, storyManagerConfig_runInitializers(this, __anonymous_initializers, false));
                 _StoryManagerConfig__options_accessor_storage.set(this, (storyManagerConfig_runInitializers(this, __anonymous_extraInitializers), storyManagerConfig_runInitializers(this, __options_initializers, {})));
-                storyManagerConfig_runInitializers(this, __options_extraInitializers);
-                this.storyManager = storyManager;
+                Object.defineProperty(this, "_cache", {
+                    enumerable: true,
+                    configurable: true,
+                    writable: true,
+                    value: (storyManagerConfig_runInitializers(this, __options_extraInitializers), null)
+                });
                 this.update(configDto);
                 this._isInited = true;
             }
@@ -15187,6 +15728,9 @@ let StoryManagerConfig = (() => {
             get options() {
                 return this._options;
             }
+            get cache() {
+                return this._cache;
+            }
             disableStatistic() {
                 this._isStatisticsDisabled = true;
             }
@@ -15271,7 +15815,7 @@ let StoryManagerConfig = (() => {
                 this._options = options;
             }
             update(configDto) {
-                var _b, _c, _d, _e, _f;
+                var _b, _c, _d, _e, _f, _g;
                 this._appPackageId = (_b = configDto.appPackageId) !== null && _b !== void 0 ? _b : "";
                 this._disableDeviceId = Boolean(configDto.disableDeviceId);
                 this.setOptions(configDto.options);
@@ -15283,6 +15827,7 @@ let StoryManagerConfig = (() => {
                 this.setImagePlaceholders((_e = configDto.imagePlaceholders) !== null && _e !== void 0 ? _e : {});
                 this.setTags((_f = configDto.tags) !== null && _f !== void 0 ? _f : []);
                 this.setDir(configDto.dir);
+                this._cache = configDto.cache ? Object.assign(Object.assign({}, configDto.cache), { prefetch: (_g = configDto.cache.prefetch) !== null && _g !== void 0 ? _g : true }) : null;
             }
             mapTextPlaceholders(textPlaceholderDtos) {
                 const textPlaceholders = [];
@@ -15388,6 +15933,9 @@ class NullStoryManagerConfig {
     get options() {
         return {};
     }
+    get cache() {
+        return null;
+    }
     disableStatistic() { }
     enableStatistic() { }
     async setApiKey(apiKey) { }
@@ -17146,7 +17694,7 @@ let IamReaderViewModel = (() => {
                 this.clearActiveMessage();
                 this.visibilityObserver.unsubscribe();
                 this.touchController.destroy();
-                this.scrollbarHelper.enable();
+                this.scrollbarHelper.disable();
             }
             async close() {
                 var _b;
@@ -17159,7 +17707,7 @@ let IamReaderViewModel = (() => {
                 this.touchController.init(document.body);
                 this.setActiveMessage(message);
                 this.visibilityObserver.subscribe();
-                this.scrollbarHelper.disable();
+                this.scrollbarHelper.enable();
             }
             destroy() { }
             emitWidgetEvent(widgetEvent) {
@@ -20434,7 +20982,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.7.9";
+        const sdkVersion = "1.7.11";
         this._config = {
             sessionId: session.id,
             apiKey: storyManagerConfig.apiKey,
@@ -20467,7 +21015,6 @@ class UgcEditorApi {
         const requestConfig = {
             method: "GET",
             url: "ugc/editor-config",
-            params: {}
         };
         const response = await api.request(requestConfig);
         return response.data;
@@ -20866,11 +21413,11 @@ class StoryManager extends TypedEventEmitter {
         return this._userAgent;
     }
     get sdkVersionName() {
-        const sdkVersionName = "1.7.9";
+        const sdkVersionName = "1.7.11";
         return sdkVersionName || "0.0.0";
     }
     get sdkVersionCode() {
-        const sdkVersionCode = 10709;
+        const sdkVersionCode = 10711;
         return sdkVersionCode ? parseInt(sdkVersionCode) : 0;
     }
     get lang() {
@@ -20927,7 +21474,7 @@ class StoryManager extends TypedEventEmitter {
         this.rootStore.storyManagerConfigStore.setConfig(configDto);
     }
     setUserAgent(userAgent) {
-        const sdkVersionCode = 10709;
+        const sdkVersionCode = 10711;
         const buildVersion = sdkVersionCode ? parseInt(sdkVersionCode) : 0;
         // According to RFC5987, HTTP header values can legitimately be supplied using the ISO-8859-1 encoding.
         this._userAgent = `${userAgent} ${convertStrToLatin1(navigator.userAgent)}`;
@@ -25047,8 +25594,7 @@ const Story_Story = (0,external_mobx_react_lite_namespaceObject.observer)((_a) =
     const shouldHideHeader = isDesktopGeometry && useModernLayout
         ? !isActiveStory || story.pauseState.isUIPaused
         : story.pauseState.isUIPaused;
-    const shouldHideActionPanel = isDesktopGeometry &&
-        ((useModernLayout && !isActiveStory) || story.textInput.isOpened);
+    const shouldHideActionPanel = isDesktopGeometry && ((useModernLayout && !isActiveStory) || story.textInput.isOpened);
     (0,external_react_namespaceObject.useLayoutEffect)(() => {
         const bottomOffset = parseFloat(String(storyReaderOptions.actionPanelBottomOffset));
         story.actionPanel.setOptions(commonOptions);
@@ -25072,7 +25618,7 @@ const Story_Story = (0,external_mobx_react_lite_namespaceObject.observer)((_a) =
             story.sharePanel.completeNativeSharing({ result: false });
         }, onTouchStart: () => {
             story.sharePanel.completeNativeSharing({ result: false });
-        }, "data-testid": "story", children: [isDesktopGeometry && useModernLayout && ((0,jsx_runtime_namespaceObject.jsx)(StoryBackdrop, { hidden: isActiveStory })), story.canBeShown && ((0,jsx_runtime_namespaceObject.jsx)(StoryHeader, { hidden: shouldHideHeader, story: story, onClose: props.onClose, isDesktopGeometry: isDesktopGeometry })), (0,jsx_runtime_namespaceObject.jsx)(StorySlidesRenderer, { className: Story_story_module["story-slides"], story: story, preventNavigation: useModernLayout && isDesktopGeometry, isActiveStory: isActiveStory, isDesktopGeometry: isDesktopGeometry }), story.actionPanel.needShown && ((0,jsx_runtime_namespaceObject.jsx)(StoryActionPanel, { dir: story.dir, isDesktopGeometry: isDesktopGeometry, hidden: shouldHideActionPanel, actionPanel: story.actionPanel, commonOptions: commonOptions, storyReaderOptions: storyReaderOptions })), props.activeStory === story && ((0,jsx_runtime_namespaceObject.jsx)(GoodsWidgetViewer, { story: story, goodsWidgetOptions: goodsWidgetOptions })), props.activeStory === story && ((0,jsx_runtime_namespaceObject.jsx)(TextInputModal, { story: story, storyRef: storyRef, storyGeometry: geometry })), story.sharePanel.isOpened && ((0,jsx_runtime_namespaceObject.jsx)(SharePanel, { dir: story.dir, className: Story_story_module["share-panel-wrapper"], shareText: story.sharePanel.params.text, shareType: story.sharePanel.params.type, shareLink: story.sharePanel.params.link, onShareCompelete: (result) => story.sharePanel.handleShareComplete(story.sharePanel.params.id, result), sharePanelOptions: storyReaderOptions.sharePanel })), (0,jsx_runtime_namespaceObject.jsx)(Loader, { needShowErrorScreen: story.needShowErrorScreen, needShowLoaderScreen: story.needShowLoaderScreen, onReload: handleReloadStory })] }));
+        }, "data-testid": "story", children: [isDesktopGeometry && useModernLayout && story.isSlideRendered && (0,jsx_runtime_namespaceObject.jsx)(StoryBackdrop, { hidden: isActiveStory }), story.canBeShown && story.isSlideRendered && ((0,jsx_runtime_namespaceObject.jsx)(StoryHeader, { hidden: shouldHideHeader, story: story, onClose: props.onClose, isDesktopGeometry: isDesktopGeometry })), (0,jsx_runtime_namespaceObject.jsx)(StorySlidesRenderer, { className: Story_story_module["story-slides"], story: story, preventNavigation: useModernLayout && isDesktopGeometry, isActiveStory: isActiveStory, isDesktopGeometry: isDesktopGeometry }), story.actionPanel.needShown && story.isSlideRendered && ((0,jsx_runtime_namespaceObject.jsx)(StoryActionPanel, { dir: story.dir, isDesktopGeometry: isDesktopGeometry, hidden: shouldHideActionPanel, actionPanel: story.actionPanel, commonOptions: commonOptions, storyReaderOptions: storyReaderOptions })), props.activeStory === story && ((0,jsx_runtime_namespaceObject.jsx)(GoodsWidgetViewer, { story: story, goodsWidgetOptions: goodsWidgetOptions })), props.activeStory === story && ((0,jsx_runtime_namespaceObject.jsx)(TextInputModal, { story: story, storyRef: storyRef, storyGeometry: geometry })), story.sharePanel.isOpened && ((0,jsx_runtime_namespaceObject.jsx)(SharePanel, { dir: story.dir, className: Story_story_module["share-panel-wrapper"], shareText: story.sharePanel.params.text, shareType: story.sharePanel.params.type, shareLink: story.sharePanel.params.link, onShareCompelete: (result) => story.sharePanel.handleShareComplete(story.sharePanel.params.id, result), sharePanelOptions: storyReaderOptions.sharePanel })), (0,jsx_runtime_namespaceObject.jsx)(Loader, { needShowErrorScreen: story.needShowErrorScreen, needShowLoaderScreen: story.needShowLoaderScreen, onReload: handleReloadStory })] }));
 });
 
 ;// CONCATENATED MODULE: ./src/StoryReader/Story/index.ts
@@ -25419,7 +25965,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();
@@ -26372,7 +26918,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) => {
@@ -28088,7 +28634,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;