@inappstory/react-sdk 1.7.9 → 1.7.10

package/dist/index.esm.mjs

@@ -4565,7 +4565,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) {
@@ -5114,6 +5114,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 +5146,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 +5166,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 +5191,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 +7824,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 +7889,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 +7914,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 +7939,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 +8162,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 +8199,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 +9559,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 +9580,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 +9610,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 +9650,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 +9742,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 +9818,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 +9875,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 +10009,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 +10140,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 +10159,7 @@ let StoryViewModel = (() => {
                     this.mute();
             }
             async onSlideChange(index) {
+                var _b;
                 try {
                     if (!this.isInited || !this.isStarted)
                         return;
@@ -10070,6 +10168,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 +10197,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 +10206,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 +10228,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);
@@ -10589,7 +10692,7 @@ class GameClientConfig {
             value: void 0
         });
         const storyManagerConfig = this.storyManager.config;
-        const sdkVersion = "1.7.9";
+        const sdkVersion = "1.7.10";
         const placeholders = this.storyManager.rootStore.placeholderStore.placeholders;
         const session = this.storyManager.rootStore.sessionStore.session;
         this.sessionId = session.id;
@@ -12805,6 +12908,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 +13047,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 +13090,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 +13099,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 +13124,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 +13183,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 +13368,95 @@ class ShowStoryFromSharePageStrategy {
 }
 
 ;// CONCATENATED MODULE: ../core/src/readers/storyReader/storyReaderViewModel/storyDisplayStrategies/showStoryOnceStrategy.ts
-var showStoryOnceStrategy_runInitializers = (undefined && undefined.__runInitializers) || function (thisArg, initializers, value) {
-    var useValue = arguments.length > 2;
-    for (var i = 0; i < initializers.length; i++) {
-        value = useValue ? initializers[i].call(thisArg, value) : initializers[i].call(thisArg);
+
+
+class ShowStoryOnceStrategy {
+    constructor(storyManager, storyReaderViewModel) {
+        Object.defineProperty(this, "storyManager", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: storyManager
+        });
+        Object.defineProperty(this, "storyReaderViewModel", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: storyReaderViewModel
+        });
     }
-    return useValue ? value : void 0;
-};
-var showStoryOnceStrategy_esDecorate = (undefined && undefined.__esDecorate) || function (ctor, descriptorIn, decorators, contextIn, initializers, extraInitializers) {
-    function accept(f) { if (f !== void 0 && typeof f !== "function") throw new TypeError("Function expected"); return f; }
-    var kind = contextIn.kind, key = kind === "getter" ? "get" : kind === "setter" ? "set" : "value";
-    var target = !descriptorIn && ctor ? contextIn["static"] ? ctor : ctor.prototype : null;
-    var descriptor = descriptorIn || (target ? Object.getOwnPropertyDescriptor(target, contextIn.name) : {});
-    var _, done = false;
-    for (var i = decorators.length - 1; i >= 0; i--) {
-        var context = {};
-        for (var p in contextIn) context[p] = p === "access" ? {} : contextIn[p];
-        for (var p in contextIn.access) context.access[p] = contextIn.access[p];
-        context.addInitializer = function (f) { if (done) throw new TypeError("Cannot add initializers after decoration has completed"); extraInitializers.push(accept(f || null)); };
-        var result = (0, decorators[i])(kind === "accessor" ? { get: descriptor.get, set: descriptor.set } : descriptor[key], context);
-        if (kind === "accessor") {
-            if (result === void 0) continue;
-            if (result === null || typeof result !== "object") throw new TypeError("Object expected");
-            if (_ = accept(result.get)) descriptor.get = _;
-            if (_ = accept(result.set)) descriptor.set = _;
-            if (_ = accept(result.init)) initializers.unshift(_);
+    get feed() {
+        return null;
+    }
+    async show(payload) {
+        try {
+            const storyStore = this.storyManager.rootStore.storyStore;
+            const story = await storyStore.fetchStoryById({
+                storyId: payload.storyId,
+                feedSlug: "",
+                once: true
+            });
+            if (story.error)
+                throw story.error;
+            if (story.isOpened)
+                throw new IasStoryAlreadyShownError(payload.storyId.toString());
+            this.openStoryReader(story);
         }
-        else if (_ = accept(result)) {
-            if (kind === "field") initializers.unshift(_);
-            else descriptor[key] = _;
+        catch (error) {
+            this.storyReaderViewModel.close();
+            throw error;
         }
     }
-    if (target) Object.defineProperty(target, contextIn.name, descriptor);
-    done = true;
-};
-
+    openStoryReader(story) {
+        this.storyReaderViewModel.open({
+            windowReferer: STORY_READER_WINDOW_REFERER.default,
+            id: story.id,
+            stories: [story]
+        });
+    }
+    async handleNextStoryByIndex(storyIndex) { }
+    async reload(payload) { }
+}
 
+;// CONCATENATED MODULE: ../core/src/readers/storyReader/storyReaderViewModel/storyDisplayStrategies/showStoryStrategy.ts
 
-let ShowStoryOnceStrategy = (() => {
-    var _a;
-    let _instanceExtraInitializers = [];
-    let _show_decorators;
-    return _a = class ShowStoryOnceStrategy {
-            constructor(storyManager, storyReaderViewModel) {
-                Object.defineProperty(this, "storyManager", {
-                    enumerable: true,
-                    configurable: true,
-                    writable: true,
-                    value: (showStoryOnceStrategy_runInitializers(this, _instanceExtraInitializers), storyManager)
-                });
-                Object.defineProperty(this, "storyReaderViewModel", {
-                    enumerable: true,
-                    configurable: true,
-                    writable: true,
-                    value: storyReaderViewModel
-                });
-            }
-            get feed() {
-                return null;
-            }
-            async show(payload) {
-                try {
-                    const storyStore = this.storyManager.rootStore.storyStore;
-                    const story = await storyStore.fetchStoryById({
-                        storyId: payload.storyId,
-                        feedSlug: "",
-                        once: true
-                    });
-                    if (story.error)
-                        throw story.error;
-                    if (story.isOpened)
-                        throw new IasStoryAlreadyShownError(payload.storyId.toString());
-                    this.openStoryReader(story);
-                }
-                catch (error) {
-                    this.storyReaderViewModel.close();
-                    throw error;
-                }
-            }
-            openStoryReader(story) {
-                this.storyReaderViewModel.open({
-                    windowReferer: STORY_READER_WINDOW_REFERER.default,
-                    id: story.id,
-                    stories: [story]
-                });
-            }
-            async handleNextStoryByIndex(storyIndex) { }
-            async reload(payload) { }
-        },
-        (() => {
-            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(null) : void 0;
-            _show_decorators = [noConcurrent];
-            showStoryOnceStrategy_esDecorate(_a, null, _show_decorators, { kind: "method", name: "show", static: false, private: false, access: { has: obj => "show" in obj, get: obj => obj.show }, metadata: _metadata }, null, _instanceExtraInitializers);
-            if (_metadata) Object.defineProperty(_a, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
-        })(),
-        _a;
-})();
-
-
-;// CONCATENATED MODULE: ../core/src/readers/storyReader/storyReaderViewModel/storyDisplayStrategies/showStoryStrategy.ts
-var showStoryStrategy_runInitializers = (undefined && undefined.__runInitializers) || function (thisArg, initializers, value) {
-    var useValue = arguments.length > 2;
-    for (var i = 0; i < initializers.length; i++) {
-        value = useValue ? initializers[i].call(thisArg, value) : initializers[i].call(thisArg);
+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
+        });
     }
-    return useValue ? value : void 0;
-};
-var showStoryStrategy_esDecorate = (undefined && undefined.__esDecorate) || function (ctor, descriptorIn, decorators, contextIn, initializers, extraInitializers) {
-    function accept(f) { if (f !== void 0 && typeof f !== "function") throw new TypeError("Function expected"); return f; }
-    var kind = contextIn.kind, key = kind === "getter" ? "get" : kind === "setter" ? "set" : "value";
-    var target = !descriptorIn && ctor ? contextIn["static"] ? ctor : ctor.prototype : null;
-    var descriptor = descriptorIn || (target ? Object.getOwnPropertyDescriptor(target, contextIn.name) : {});
-    var _, done = false;
-    for (var i = decorators.length - 1; i >= 0; i--) {
-        var context = {};
-        for (var p in contextIn) context[p] = p === "access" ? {} : contextIn[p];
-        for (var p in contextIn.access) context.access[p] = contextIn.access[p];
-        context.addInitializer = function (f) { if (done) throw new TypeError("Cannot add initializers after decoration has completed"); extraInitializers.push(accept(f || null)); };
-        var result = (0, decorators[i])(kind === "accessor" ? { get: descriptor.get, set: descriptor.set } : descriptor[key], context);
-        if (kind === "accessor") {
-            if (result === void 0) continue;
-            if (result === null || typeof result !== "object") throw new TypeError("Object expected");
-            if (_ = accept(result.get)) descriptor.get = _;
-            if (_ = accept(result.set)) descriptor.set = _;
-            if (_ = accept(result.init)) initializers.unshift(_);
-        }
-        else if (_ = accept(result)) {
-            if (kind === "field") initializers.unshift(_);
-            else descriptor[key] = _;
-        }
+    get feed() {
+        return null;
     }
-    if (target) Object.defineProperty(target, contextIn.name, descriptor);
-    done = true;
-};
-
-
-let ShowStoryStrategy = (() => {
-    var _a;
-    let _instanceExtraInitializers = [];
-    let _show_decorators;
-    return _a = class ShowStoryStrategy {
-            constructor(storyManager, storyReaderViewModel) {
-                Object.defineProperty(this, "storyManager", {
-                    enumerable: true,
-                    configurable: true,
-                    writable: true,
-                    value: (showStoryStrategy_runInitializers(this, _instanceExtraInitializers), storyManager)
-                });
-                Object.defineProperty(this, "storyReaderViewModel", {
-                    enumerable: true,
-                    configurable: true,
-                    writable: true,
-                    value: storyReaderViewModel
-                });
-            }
-            get feed() {
-                return null;
-            }
-            async show(payload) {
-                const storyStore = this.storyManager.rootStore.storyStore;
-                const story = await storyStore.fetchStoryById({
-                    storyId: payload.storyId,
-                    feedSlug: "",
-                    fetchShareUrl: payload.fetchShareUrl
-                });
-                this.openStoryReader(story, payload);
-            }
-            openStoryReader(story, payload) {
-                this.storyReaderViewModel.open({
-                    windowReferer: STORY_READER_WINDOW_REFERER.default,
-                    id: story.id,
-                    stories: [story]
-                });
-            }
-            async handleNextStoryByIndex(storyIndex) { }
-            async reload(payload) { }
-        },
-        (() => {
-            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(null) : void 0;
-            _show_decorators = [noConcurrent];
-            showStoryStrategy_esDecorate(_a, null, _show_decorators, { kind: "method", name: "show", static: false, private: false, access: { has: obj => "show" in obj, get: obj => obj.show }, metadata: _metadata }, null, _instanceExtraInitializers);
-            if (_metadata) Object.defineProperty(_a, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
-        })(),
-        _a;
-})();
-
+    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 +13611,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 +14170,8 @@ var storyReaderViewModel_classPrivateFieldSet = (undefined && undefined.__classP
 
 
 
+
+
 var StoryReaderEvent;
 (function (StoryReaderEvent) {
     StoryReaderEvent["Close"] = "closeStoryReader";
@@ -13711,6 +14204,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 +14298,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 +14357,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 +14396,7 @@ let StoryReaderViewModel = (() => {
                 });
             }
             resetReaderToDefaultState(activeStory, closeAction) {
+                var _b;
                 const event = new CloseStoryEvent(activeStory, {
                     action: closeAction
                 });
@@ -13904,6 +14411,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 +14481,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 +14559,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 +14614,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 +14638,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 +15660,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 +15711,9 @@ let StoryManagerConfig = (() => {
             get options() {
                 return this._options;
             }
+            get cache() {
+                return this._cache;
+            }
             disableStatistic() {
                 this._isStatisticsDisabled = true;
             }
@@ -15271,7 +15798,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 +15810,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 +15916,9 @@ class NullStoryManagerConfig {
     get options() {
         return {};
     }
+    get cache() {
+        return null;
+    }
     disableStatistic() { }
     enableStatistic() { }
     async setApiKey(apiKey) { }
@@ -17146,7 +17677,7 @@ let IamReaderViewModel = (() => {
                 this.clearActiveMessage();
                 this.visibilityObserver.unsubscribe();
                 this.touchController.destroy();
-                this.scrollbarHelper.enable();
+                this.scrollbarHelper.disable();
             }
             async close() {
                 var _b;
@@ -17159,7 +17690,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 +20965,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.10";
         this._config = {
             sessionId: session.id,
             apiKey: storyManagerConfig.apiKey,
@@ -20866,11 +21397,11 @@ class StoryManager extends TypedEventEmitter {
         return this._userAgent;
     }
     get sdkVersionName() {
-        const sdkVersionName = "1.7.9";
+        const sdkVersionName = "1.7.10";
         return sdkVersionName || "0.0.0";
     }
     get sdkVersionCode() {
-        const sdkVersionCode = 10709;
+        const sdkVersionCode = 10710;
         return sdkVersionCode ? parseInt(sdkVersionCode) : 0;
     }
     get lang() {
@@ -20927,7 +21458,7 @@ class StoryManager extends TypedEventEmitter {
         this.rootStore.storyManagerConfigStore.setConfig(configDto);
     }
     setUserAgent(userAgent) {
-        const sdkVersionCode = 10709;
+        const sdkVersionCode = 10710;
         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 +25578,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 +25602,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 +25949,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();