@inappstory/react-sdk 1.7.7 → 1.7.8

package/dist/index.esm.mjs

@@ -3180,6 +3180,39 @@ class API {
     set baseURL(value) {
         this._baseURL = value;
     }
+    buildQuery(obj, prefix) {
+        const pairs = [];
+        for (const [key, value] of Object.entries(obj)) {
+            if (value == null || value === "")
+                continue;
+            const fullKey = prefix ? `${prefix}[${key}]` : key;
+            if (typeof value === "object" && !Array.isArray(value)) {
+                pairs.push(...this.buildQuery(value, fullKey));
+            }
+            else {
+                pairs.push([fullKey, value]);
+            }
+        }
+        return pairs;
+    }
+    buildBody(obj) {
+        const result = {};
+        for (const [key, value] of Object.entries(obj)) {
+            if (value == null || value === "") {
+                continue;
+            }
+            if (typeof value === "object" && !Array.isArray(value)) {
+                const filteredNested = this.buildBody(value);
+                if (Object.keys(filteredNested).length) {
+                    result[key] = filteredNested;
+                }
+            }
+            else {
+                result[key] = value;
+            }
+        }
+        return result;
+    }
     async request(config) {
         return new Promise((resolve, reject) => {
             const cb = async () => {
@@ -3195,7 +3228,7 @@ class API {
                     }
                     let search = "";
                     if (!(0,isNil_js_namespaceObject["default"])(config.params) && (0,isObject_js_namespaceObject["default"])(config.params)) {
-                        search = new URLSearchParams(Object.entries(config.params).filter(([key, value]) => value != null && value !== "")).toString();
+                        search = new URLSearchParams(this.buildQuery(config.params)).toString();
                     }
                     let url = new URL(`${trimStartSlash(config.url)}${search ? "?" + search : ""}`, this._baseURL);
                     let method = "GET";
@@ -3208,7 +3241,7 @@ class API {
                     }
                     let body = null;
                     if (!(0,isNil_js_namespaceObject["default"])(config.data) && (0,isObject_js_namespaceObject["default"])(config.data)) {
-                        body = JSON.stringify(config.data);
+                        body = JSON.stringify(this.buildBody(config.data));
                         headers["Content-Type"] = "application/json";
                     }
                     const response = await fetch(url.toString(), {
@@ -3470,10 +3503,12 @@ let IamApi = (() => {
                     value: (__runInitializers(this, _instanceExtraInitializers), storyManager)
                 });
             }
-            async fetchAll({ tags }) {
-                const response = await api.get("inappmessaging", {
-                    fields: messageFieldsWithPrefix,
-                    tag: tags.join(",")
+            async fetchAll({ tags, options }) {
+                const response = await api.post("inappmessaging", {
+                    tags: tags.join(","),
+                    options
+                }, {
+                    fields: messageFieldsWithPrefix
                 });
                 return response.data.messages;
             }
@@ -4574,43 +4609,44 @@ class StoryFeedsApi {
             value: storyManager
         });
     }
-    async fetchUgcFeed({ filter, tags, testKey }) {
+    async fetchUgcFeed({ filter, tags, testKey, options }) {
         const url = "ugc/feed";
         const params = {
             tags: tags.join(","),
             test: testKey,
-            f: filter && JSON.stringify(filter)
+            f: filter && JSON.stringify(filter),
+            options
         };
         const response = await api.get(url, params !== null && params !== void 0 ? params : {});
         return response.data;
     }
-    async fetchDefaultFeed({ feedSlug, tags, testKey }) {
+    async fetchDefaultFeed({ feedSlug, tags, testKey, options }) {
         const url = `feed/${feedSlug}`;
-        const params = {
+        const response = await api.post(url, {
             tags: tags.join(","),
+            options
+        }, {
             test: testKey
-        };
-        const response = await api.get(url, params !== null && params !== void 0 ? params : {});
+        });
         response.data.feedSlug = feedSlug;
         return response.data;
     }
     async fetchFavoriteFeed({ tags }) {
         const url = "story";
-        const params = {
+        const response = await api.get(url, {
             tags: tags.join(","),
             favorite: 1
-        };
-        const response = await api.get(url, params !== null && params !== void 0 ? params : {});
+        });
         return response.data;
     }
     async fetchOnboardingFeed(payload) {
         const url = `feed/${payload.feedSlug}/onboarding`;
-        const tags = payload.tags.join(",");
-        const params = {
-            tags: tags,
+        const response = await api.post(url, {
+            tags: payload.tags.join(","),
+            options: payload.options
+        }, {
             limit: payload.limit
-        };
-        const response = await api.get(url, params !== null && params !== void 0 ? params : {});
+        });
         response.data.feedSlug = payload.feedSlug;
         return response.data;
     }
@@ -7838,6 +7874,18 @@ let StorySlideViewModel = (() => {
                     writable: true,
                     value: (storySlideViewModel_runInitializers(this, __disabledNextClick_extraInitializers), new external_async_mutex_namespaceObject.Mutex())
                 });
+                Object.defineProperty(this, "isInited", {
+                    enumerable: true,
+                    configurable: true,
+                    writable: true,
+                    value: false
+                });
+                Object.defineProperty(this, "isStarted", {
+                    enumerable: true,
+                    configurable: true,
+                    writable: true,
+                    value: false
+                });
                 Object.defineProperty(this, "handleTouchEnd", {
                     enumerable: true,
                     configurable: true,
@@ -7900,6 +7948,8 @@ let StorySlideViewModel = (() => {
             }
             async init() {
                 const release = await this.mutex.acquire();
+                if (this.isInited)
+                    return;
                 let loaderShown = this.story.needShowLoaderScreen;
                 let startTime = Date.now();
                 const loaderTimeout = setTimeout(() => {
@@ -7912,6 +7962,7 @@ let StorySlideViewModel = (() => {
                     const { result, reason } = await this.slideApi.showSlide(this.html);
                     if (!result)
                         throw new Error(reason);
+                    this.isInited = true;
                 }
                 catch (error) {
                     this.handleSlideError(error);
@@ -7925,9 +7976,12 @@ let StorySlideViewModel = (() => {
             async start() {
                 const release = await this.mutex.acquire();
                 try {
+                    if (!this.isInited || this.isStarted)
+                        return;
                     debug(`[SLIDE][START]:${this.story.id}:${this.slide.index}`);
                     await this.slideApi.slideStart({ muted: this._story.muted });
                     this.story.touchController.on(TouchControllerEvent.TouchEnd, this.handleTouchEnd);
+                    this.isStarted = true;
                 }
                 catch (error) {
                     this.handleSlideError(error);
@@ -7942,6 +7996,8 @@ let StorySlideViewModel = (() => {
                     this.story.hideErrorScreen();
                     this.story.showLoaderScreen();
                     await this.slideApi.slideRestart({ muted: this._story.muted });
+                    this.isInited = true;
+                    this.isStarted = true;
                 }
                 catch (error) {
                     this.handleSlideError(error);
@@ -7954,6 +8010,8 @@ let StorySlideViewModel = (() => {
             async resumeByApp() {
                 const release = await this.mutex.acquire();
                 try {
+                    if (!this.isStarted)
+                        return;
                     debug(`[SLIDE][RESUME-BY-APP]:${this.story.id}:${this.slide.index}`);
                     await this.slideApi.slideAppResume();
                 }
@@ -7967,6 +8025,8 @@ let StorySlideViewModel = (() => {
             async pauseByApp() {
                 const release = await this.mutex.acquire();
                 try {
+                    if (!this.isStarted)
+                        return;
                     debug(`[SLIDE][PAUSE-BY-APP]:${this.story.id}:${this.slide.index}`);
                     await this.slideApi.slideAppPause();
                 }
@@ -7980,6 +8040,8 @@ let StorySlideViewModel = (() => {
             async resumeByUser() {
                 const release = await this.mutex.acquire();
                 try {
+                    if (!this.isStarted)
+                        return;
                     debug(`[SLIDE][RESUME-BY-USER]:${this.story.id}:${this.slide.index}`);
                     await this.slideApi.slideUserResume();
                 }
@@ -7993,6 +8055,8 @@ let StorySlideViewModel = (() => {
             async pauseByUser() {
                 const release = await this.mutex.acquire();
                 try {
+                    if (!this.isStarted)
+                        return;
                     debug(`[SLIDE][PAUSE-BY-USER]:${this.story.id}:${this.slide.index}`);
                     await this.slideApi.slideUserPause();
                 }
@@ -8006,6 +8070,8 @@ let StorySlideViewModel = (() => {
             async stop(params) {
                 const release = await this.mutex.acquire();
                 try {
+                    if (!this.isInited || !this.isStarted)
+                        return;
                     debug(`[SLIDE][STOP]:${this.story.id}:${this.slide.index}`);
                     await this.slideApi.slideStop(params);
                 }
@@ -8013,6 +8079,9 @@ let StorySlideViewModel = (() => {
                     this.handleSlideError(error);
                 }
                 finally {
+                    this.isStarted = false;
+                    if (params.prepareForRestart === 2 /* ON_SLIDE_STOP_PREPARE_FOR_RESTART.NOT_PREPARE */)
+                        this.isInited = false;
                     this.story.touchController.off(TouchControllerEvent.TouchEnd, this.handleTouchEnd);
                     release();
                 }
@@ -8045,6 +8114,8 @@ let StorySlideViewModel = (() => {
             }
             async destroy() {
                 try {
+                    this.isStarted = false;
+                    this.isInited = false;
                     this.story.touchController.off(TouchControllerEvent.TouchEnd, this.handleTouchEnd);
                     await this.slideApi.destroy();
                 }
@@ -9399,6 +9470,7 @@ var storyViewModel_classPrivateFieldSet = (undefined && undefined.__classPrivate
 
 
 
+
 var StoryEvent;
 (function (StoryEvent) {
     StoryEvent["ShowToast"] = "showToast";
@@ -9499,7 +9571,7 @@ let StoryViewModel = (() => {
                     writable: true,
                     value: (storyViewModel_runInitializers(this, __$root_extraInitializers), false)
                 });
-                Object.defineProperty(this, "isActive", {
+                Object.defineProperty(this, "isStarted", {
                     enumerable: true,
                     configurable: true,
                     writable: true,
@@ -9511,6 +9583,12 @@ let StoryViewModel = (() => {
                     writable: true,
                     value: 0
                 });
+                Object.defineProperty(this, "mutex", {
+                    enumerable: true,
+                    configurable: true,
+                    writable: true,
+                    value: new external_async_mutex_namespaceObject.Mutex()
+                });
                 // internal services
                 Object.defineProperty(this, "slideApi", {
                     enumerable: true,
@@ -9591,6 +9669,10 @@ let StoryViewModel = (() => {
                     writable: true,
                     value: async (el) => {
                         this._$root = el;
+                        // Reaction to `layout` (modern or classic) change
+                        // TODO: add test with example
+                        await this.reinit();
+                        await this.restart();
                     }
                 });
                 Object.defineProperty(this, "handleKeydown", {
@@ -9779,7 +9861,7 @@ let StoryViewModel = (() => {
             }
             async prevSlideOrStory() {
                 if (this.reachStart && this.storyReader.reachStart) {
-                    if (!this.isActive)
+                    if (!this.isStarted)
                         return;
                     await this.activeSlide.restart();
                     return;
@@ -9828,41 +9910,54 @@ let StoryViewModel = (() => {
                 await this.storyManager.rootStore.storyStore.updateNarrativeData(this.id, data);
             }
             detachRoot() {
+                var _b;
                 this._$root = null;
+                const isInited = this.isInited;
+                const isStarted = this.isStarted;
+                this.stop();
+                (_b = this.slideApi) === null || _b === void 0 ? void 0 : _b.destroy();
+                for (const slide of this._slides)
+                    slide.destroy();
+                this.isInited = isInited;
+                this.isStarted = isStarted;
             }
             async init() {
-                if (this.isInited)
-                    return;
-                if (!this.initOnce && !this.story.canBeShown) {
-                    this.showLoaderScreen();
-                    this.initOnce = true;
-                }
-                await (0,external_mobx_namespaceObject.when)(() => this.canBeShown && Boolean(this._$root));
-                await this.activeSlide.init();
-                this.isInited = true;
+                await this.mutex.runExclusive(async () => {
+                    if (this.isInited)
+                        return;
+                    if (!this.initOnce && !this.story.canBeShown) {
+                        this.showLoaderScreen();
+                        this.initOnce = true;
+                    }
+                    await (0,external_mobx_namespaceObject.when)(() => this.canBeShown && Boolean(this._$root));
+                    await this.activeSlide.init();
+                    this.isInited = true;
+                });
             }
             async start() {
-                if (!this.isInited)
-                    throw new Error("[IAS]: story was not initialized error. Please contact IAS support.");
-                if (this.isActive)
-                    return;
-                await this.activeSlide.start();
-                document.addEventListener("visibilitychange", this.handleVisibilityChange);
-                document.addEventListener("keydown", this.handleKeydown);
-                this.isActive = true;
-                this._activeSlideStartTime = Date.now();
+                await this.mutex.runExclusive(async () => {
+                    if (this.isStarted || !this.isInited)
+                        return;
+                    await this.activeSlide.start();
+                    document.addEventListener("visibilitychange", this.handleVisibilityChange);
+                    document.addEventListener("keydown", this.handleKeydown);
+                    this.isStarted = true;
+                    this._activeSlideStartTime = Date.now();
+                });
             }
             async stop() {
-                var _b;
-                if (!this.isActive || !this.isInited)
-                    return;
-                (_b = this.toast) === null || _b === void 0 ? void 0 : _b.destroy();
-                this.isActive = false;
-                this.slideApiHandlers.clearNarrativeSessionDataCache();
-                this.resumeAll();
-                await this.activeSlide.stop({ prepareForRestart: 1 /* ON_SLIDE_STOP_PREPARE_FOR_RESTART.PREPARE */ });
-                document.removeEventListener("visibilitychange", this.handleVisibilityChange);
-                document.removeEventListener("keydown", this.handleKeydown);
+                await this.mutex.runExclusive(async () => {
+                    var _b;
+                    if (!this.isStarted || !this.isInited)
+                        return;
+                    (_b = this.toast) === null || _b === void 0 ? void 0 : _b.destroy();
+                    this.isStarted = false;
+                    this.slideApiHandlers.clearNarrativeSessionDataCache();
+                    this.resumeAll();
+                    await this.activeSlide.stop({ prepareForRestart: 1 /* ON_SLIDE_STOP_PREPARE_FOR_RESTART.PREPARE */ });
+                    document.removeEventListener("visibilitychange", this.handleVisibilityChange);
+                    document.removeEventListener("keydown", this.handleKeydown);
+                });
             }
             canGoNext() {
                 return this.activeSlide.canGoNext();
@@ -9888,13 +9983,13 @@ let StoryViewModel = (() => {
                 this.goodsWidget.close();
                 const activeSlide = this.getSlideByIndex(this._activeSlideIndex);
                 this.slideApiHandlers.clearNarrativeSessionDataCache();
-                if (this.isActive)
+                if (this.isStarted)
                     await activeSlide.stop({ prepareForRestart: 2 /* ON_SLIDE_STOP_PREPARE_FOR_RESTART.NOT_PREPARE */ });
                 await activeSlide.destroy();
                 (_b = this.slideApi) === null || _b === void 0 ? void 0 : _b.destroy();
                 (_c = this.toast) === null || _c === void 0 ? void 0 : _c.destroy();
                 this.isInited = false;
-                this.isActive = false;
+                this.isStarted = false;
             }
             notifyPauseStateChange() {
                 if (this.pauseManager.isUserPaused)
@@ -9949,8 +10044,6 @@ let StoryViewModel = (() => {
             }
             async createSlidesViewModels(slides, slideApi) {
                 this._slides = slides.map((slide, index) => new StorySlideViewModel(this, index, slideApi, slide));
-                // Reaction to `layout` (modern or classsic) change
-                await this.onSlideChange(this.activeSlideIndex);
             }
             handleSpaceKeydown(e) {
                 if (e.code !== "Space")
@@ -9969,17 +10062,34 @@ let StoryViewModel = (() => {
                     this.mute();
             }
             async onSlideChange(index) {
-                const lastSlide = this.getSlideByIndex(this._activeSlideIndex);
-                const activeSlide = this.getSlideByIndex(index);
-                this._activeSlideIndex = index;
-                if (this.isInited)
-                    await activeSlide.init();
-                if (this.isActive) {
+                try {
+                    if (!this.isInited || !this.isStarted)
+                        return;
+                    const lastSlide = this.getSlideByIndex(this._activeSlideIndex);
+                    const activeSlide = this.getSlideByIndex(index);
+                    this._activeSlideIndex = index;
+                    this.hideErrorScreen();
                     this.resumeAll();
+                    await activeSlide.init();
                     await (lastSlide === null || lastSlide === void 0 ? void 0 : lastSlide.stop({ prepareForRestart: 2 /* ON_SLIDE_STOP_PREPARE_FOR_RESTART.NOT_PREPARE */ }));
                     await activeSlide.start();
                     this._activeSlideStartTime = Date.now();
                 }
+                catch (error) {
+                    console.error(error);
+                }
+            }
+            async reinit() {
+                if (this.isInited) {
+                    this.isInited = false;
+                    await this.init();
+                }
+            }
+            async restart() {
+                if (this.isStarted) {
+                    this.isStarted = false;
+                    await this.start();
+                }
             }
         },
         _StoryViewModel__activeSlideIndex_accessor_storage = new WeakMap(),
@@ -10479,7 +10589,7 @@ class GameClientConfig {
             value: void 0
         });
         const storyManagerConfig = this.storyManager.config;
-        const sdkVersion = "1.7.7";
+        const sdkVersion = "1.7.8";
         const placeholders = this.storyManager.rootStore.placeholderStore.placeholders;
         const session = this.storyManager.rootStore.sessionStore.session;
         this.sessionId = session.id;
@@ -12874,16 +12984,21 @@ let StoryReaderNavigationController = (() => {
                 return activeStory;
             }
             async runNextStory(prevStory, story) {
-                await (prevStory === null || prevStory === void 0 ? void 0 : prevStory.stop());
-                await story.init();
-                await story.start();
+                try {
+                    await (prevStory === null || prevStory === void 0 ? void 0 : prevStory.stop());
+                    await story.init();
+                    await story.start();
+                }
+                catch (error) {
+                    console.error(error);
+                }
             }
             async initStoriesWithinRange(currentIndex) {
                 let stories = this.storyReader.stories;
                 const start = Math.max(currentIndex - STORY_INIT_RANGE, 0);
                 const end = Math.min(currentIndex + STORY_INIT_RANGE, stories.length - 1);
                 stories = stories.slice(start, end + 1);
-                return Promise.all(stories.map(story => story.init()));
+                return Promise.allSettled(stories.map(story => story.init()));
             }
             handleActiveStoryError(story) {
                 if (!(story === null || story === void 0 ? void 0 : story.error))
@@ -13564,13 +13679,6 @@ var storyReaderViewModel_classPrivateFieldSet = (undefined && undefined.__classP
 
 
 
-var StoryReaderCommand;
-(function (StoryReaderCommand) {
-    StoryReaderCommand["RedirectToStory"] = "redirectToStory";
-    StoryReaderCommand["CloseStory"] = "closeStory";
-    StoryReaderCommand["ShowMultipleStories"] = "showMultipleStories";
-    StoryReaderCommand["ReloadStory"] = "reloadStory";
-})(StoryReaderCommand || (StoryReaderCommand = {}));
 var StoryReaderEvent;
 (function (StoryReaderEvent) {
     StoryReaderEvent["Close"] = "closeStoryReader";
@@ -19517,8 +19625,9 @@ let IamStore = (() => {
             async fetchAll(params) {
                 await this.rootStore.sessionStore.open();
                 await this.fetchMessageContext();
-                const tags = params.tags ? params.tags : this.rootStore.storyManagerConfigStore.config.tags;
-                const messageDtos = await this.iamApi.fetchAll({ tags: filterTags(tags) });
+                const config = this.rootStore.storyManagerConfigStore.config;
+                const tags = params.tags ? params.tags : config.tags;
+                const messageDtos = await this.iamApi.fetchAll({ tags: filterTags(tags), options: config.options });
                 return this.createMessagesByDtos(messageDtos);
             }
             async fetchMessageContext() {
@@ -20053,8 +20162,15 @@ let StoryFeedStore = (() => {
             }
             async fetchDefaultFeed({ feedSlug, testKey }) {
                 const session = await this.rootStore.sessionStore.open();
-                const tags = this.rootStore.storyManagerConfigStore.config.tags;
-                const storyFeedDto = await this.storyFeedsApi.fetchDefaultFeed({ feedSlug, tags, testKey });
+                const config = this.rootStore.storyManagerConfigStore.config;
+                const storyFeedDto = await this.storyFeedsApi.fetchDefaultFeed({
+                    feedSlug,
+                    tags: config.tags,
+                    testKey,
+                    options: {
+                        pos: config.options.pos
+                    }
+                });
                 const stories = this.rootStore.storyStore.addStoriesByDtos(storyFeedDto.stories);
                 const storyFeed = new StoryFeed(storyFeedDto, stories, { testKey });
                 this.addStoryFeed(session.userKey, storyFeed);
@@ -20071,10 +20187,19 @@ let StoryFeedStore = (() => {
             }
             async fetchUgcFeed({ filter, testKey }) {
                 const session = await this.rootStore.sessionStore.open();
-                const tags = this.rootStore.storyManagerConfigStore.config.tags;
-                const storyDtos = await this.storyFeedsApi.fetchUgcFeed({ filter, tags, testKey });
+                const config = this.rootStore.storyManagerConfigStore.config;
+                const storyDtos = await this.storyFeedsApi.fetchUgcFeed({
+                    filter,
+                    tags: config.tags,
+                    testKey,
+                    options: {
+                        pos: config.options.pos
+                    }
+                });
                 const stories = this.rootStore.storyStore.addStoriesByDtos(storyDtos);
-                const ugcFeed = UgcStoryFeed.createByStories(stories, { filter });
+                const ugcFeed = UgcStoryFeed.createByStories(stories, {
+                    filter
+                });
                 this.addStoryFeed(session.userKey, ugcFeed);
                 return ugcFeed;
             }
@@ -20184,7 +20309,7 @@ let OnboardingFeedStore = (() => {
                     const config = this.rootStore.storyManagerConfigStore.config;
                     if (!config)
                         return null;
-                    return [config.lang, config.apiKey];
+                    return [config.lang, config.apiKey, config.options];
                 }, () => {
                     this.invalidateCacheData();
                 });
@@ -20211,7 +20336,10 @@ let OnboardingFeedStore = (() => {
                 if (onboardingStoryFeed && !this.cacheDataInvalidated && onboardingStoryFeed.isEqualParams(onboardingParams))
                     return onboardingStoryFeed;
                 const session = await this.rootStore.sessionStore.open();
-                const onboardingFeedDto = await this.storyFeedsApi.fetchOnboardingFeed(Object.assign(Object.assign({}, onboardingParams), { feedSlug }));
+                const config = this.rootStore.storyManagerConfigStore.config;
+                const onboardingFeedDto = await this.storyFeedsApi.fetchOnboardingFeed(Object.assign(Object.assign({}, onboardingParams), { feedSlug, options: {
+                        pos: config.options.pos
+                    } }));
                 const stories = this.rootStore.storyStore.addStoriesByDtos(onboardingFeedDto.stories);
                 onboardingStoryFeed = new OnboardingStoryFeed(onboardingFeedDto, stories, onboardingParams);
                 this.addOnboardingFeed(session.userKey, onboardingStoryFeed);
@@ -20284,7 +20412,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.7";
+        const sdkVersion = "1.7.8";
         this._config = {
             sessionId: session.id,
             apiKey: storyManagerConfig.apiKey,
@@ -20716,11 +20844,11 @@ class StoryManager extends TypedEventEmitter {
         return this._userAgent;
     }
     get sdkVersionName() {
-        const sdkVersionName = "1.7.7";
+        const sdkVersionName = "1.7.8";
         return sdkVersionName || "0.0.0";
     }
     get sdkVersionCode() {
-        const sdkVersionCode = 10707;
+        const sdkVersionCode = 10708;
         return sdkVersionCode ? parseInt(sdkVersionCode) : 0;
     }
     get lang() {
@@ -20777,7 +20905,7 @@ class StoryManager extends TypedEventEmitter {
         this.rootStore.storyManagerConfigStore.setConfig(configDto);
     }
     setUserAgent(userAgent) {
-        const sdkVersionCode = 10707;
+        const sdkVersionCode = 10708;
         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)}`;
@@ -22717,7 +22845,8 @@ const StoryReaderRoot = (0,external_mobx_react_lite_namespaceObject.observer)((p
             filter: ((_c = options.slideBackdrop) === null || _c === void 0 ? void 0 : _c.blur) ? `blur(${options.slideBackdrop.blur}px)` : "none"
         };
     };
-    return ((0,jsx_runtime_namespaceObject.jsxs)(jsx_runtime_namespaceObject.Fragment, { children: [(0,jsx_runtime_namespaceObject.jsxs)("div", { ref: storiesViewerRef, className: (0,external_classnames_namespaceObject["default"])("stories-viewer", Root_storyReaderRoot_module["stories-viewer"]), style: Object.assign(Object.assign({}, getRootVars()), getWrapperBackdropStyle()), children: [isDesktopMode_isDesktopMode && ((0,jsx_runtime_namespaceObject.jsx)("div", { className: Root_storyReaderRoot_module["stories-viewer-background"], style: getSlideBackdropStyle() })), props.children, props.isDesktopGeometry && props.storyReader.activeStory && ((0,jsx_runtime_namespaceObject.jsx)(CloseButton_CloseButton, { dir: props.storyReader.dir, className: Root_storyReaderRoot_module["stories-viewer__close-btn"], hidden: Boolean(props.storyReader.activeStory.pauseState.isUIPaused), onClose: () => {
+    const activeStory = props.storyReader.activeStory;
+    return ((0,jsx_runtime_namespaceObject.jsxs)(jsx_runtime_namespaceObject.Fragment, { children: [(0,jsx_runtime_namespaceObject.jsxs)("div", { ref: storiesViewerRef, className: (0,external_classnames_namespaceObject["default"])("stories-viewer", Root_storyReaderRoot_module["stories-viewer"]), style: Object.assign(Object.assign({}, getRootVars()), getWrapperBackdropStyle()), children: [isDesktopMode_isDesktopMode && ((0,jsx_runtime_namespaceObject.jsx)("div", { className: Root_storyReaderRoot_module["stories-viewer-background"], style: getSlideBackdropStyle() })), props.children, props.isDesktopGeometry && activeStory && !activeStory.disableClose && ((0,jsx_runtime_namespaceObject.jsx)(CloseButton_CloseButton, { dir: props.storyReader.dir, className: Root_storyReaderRoot_module["stories-viewer__close-btn"], hidden: Boolean(activeStory.pauseState.isUIPaused), onClose: () => {
                             props.storyReader.close();
                         } }))] }), (0,jsx_runtime_namespaceObject.jsx)("div", { ref: backdropRef, className: (0,external_classnames_namespaceObject["default"])(Root_storyReaderRoot_module["stories-viewer-backdrop"], {
                     [Root_storyReaderRoot_module["_desktopMode"]]: isDesktopMode_isDesktopMode