@inappstory/react-sdk 1.7.5 → 1.7.6

package/dist/index.esm.mjs

@@ -2108,12 +2108,12 @@ __webpack_require__.d(__webpack_exports__, {
   Jj: () => (/* reexport */ StoriesListDirection),
   Wf: () => (/* reexport */ StoryFeedType),
   _5: () => (/* reexport */ StoryList),
-  Bq: () => (/* reexport */ StoryManagerProxy),
+  Bq: () => (/* reexport */ StoryManager),
   qz: () => (/* reexport */ StoryReaderSwipeStyle),
   rT: () => (/* reexport */ UGCFeedSlug),
   rs: () => (/* reexport */ UGCStoryList),
   vy: () => (/* reexport */ __IAS_INTERNAL_API__),
-  jR: () => (/* reexport */ storyManagerProxy),
+  jR: () => (/* reexport */ storyManager),
   ap: () => (/* reexport */ useIASContainer)
 });
 
@@ -3266,7 +3266,7 @@ APIInstance.interceptors.request.use(config => {
         "X-Request-Id": (0,external_uuid_namespaceObject.v4)(),
         "X-User-Agent": storyManager.userAgent
     });
-    if (storyManagerConfig.userId) {
+    if (storyManagerConfig.userId && !storyManagerConfig.anonymous) {
         config.headers["X-User-Id"] = storyManagerConfig.userId;
     }
     if (sessionId) {
@@ -3275,7 +3275,7 @@ APIInstance.interceptors.request.use(config => {
     if (storyManagerConfig.appPackageId != null) {
         config.headers["X-App-Package-Id"] = storyManagerConfig.appPackageId;
     }
-    if (!storyManagerConfig.disableDeviceId) {
+    if (!storyManagerConfig.disableDeviceId && !storyManagerConfig.anonymous) {
         config.headers["X-Device-Id"] = deviceDescriptor.deviceId;
     }
     return config;
@@ -3878,12 +3878,14 @@ let IamMessageSlide = (() => {
 ;// CONCATENATED MODULE: ../core/src/domain/session/api/sessionApi.ts
 
 
+const openFields = "session,server_timestamp,user_key,share,preview_aspect_ratio,placeholders,image_placeholders,is_allow_ugc,is_allow_statistic_v2";
+const openFeatures = "animation,data,deeplink,placeholder,resetTimers,gameReader,sendApi,swipeUpItems,imgPlaceholder,vod,closeStoryApi,slideTimerEndApi";
 class SessionApi {
     async open(payload) {
         const data = await this.getOpenSessionPayload(payload);
         const response = await api.post("session/open", data, {
             expand: "cache",
-            fields: "session,server_timestamp,user_key,share,preview_aspect_ratio,placeholders,image_placeholders,is_allow_ugc,is_allow_statistic_v2"
+            fields: openFields
         });
         return response.data;
     }
@@ -3891,23 +3893,13 @@ class SessionApi {
         const hasWebP = await hasLossyWebP();
         const data = {
             platform: deviceDescriptor.platform,
-            device_id: deviceDescriptor.deviceId,
-            features: [
-                "animation",
-                "data",
-                "deeplink",
-                "placeholder",
-                "resetTimers",
-                "gameReader",
-                "sendApi",
-                "swipeUpItems",
-                "imgPlaceholder",
-                "vod",
-                "closeStoryApi",
-                "slideTimerEndApi"
-            ].join(",")
+            features: openFeatures
         };
-        if (payload.userId) {
+        if (payload.anonymous)
+            data.anonymous = payload.anonymous;
+        if (!payload.anonymous)
+            data.device_id = deviceDescriptor.deviceId;
+        if (payload.userId && !payload.anonymous) {
             data.user_id = payload.userId;
             data.user_sign = payload.userIdSign;
         }
@@ -4670,6 +4662,8 @@ class StatisticV2Api {
     }
     isAllowStatisticV2(forceEnableStatisticV2) {
         var _a;
+        if (this.storyManager.config.anonymous)
+            return false;
         const isAllowStatisticV2 = forceEnableStatisticV2 || Boolean((_a = this.storyManager.rootStore.sessionStore.session) === null || _a === void 0 ? void 0 : _a.isAllowStatisticV2);
         if (this.storyManager.isStatisticsDisabled || !isAllowStatisticV2)
             return false;
@@ -7749,6 +7743,13 @@ var external_async_mutex_x = (y) => {
 var external_async_mutex_y = (x) => (() => (x))
 const external_async_mutex_namespaceObject = external_async_mutex_x({ ["Mutex"]: () => (__WEBPACK_EXTERNAL_MODULE_async_mutex_052338b1__.Mutex) });
 ;// CONCATENATED MODULE: ../core/src/readers/storyReader/storySlideViewModel/storySlideViewModel.ts
+var storySlideViewModel_runInitializers = (undefined && undefined.__runInitializers) || function (thisArg, initializers, value) {
+    var useValue = arguments.length > 2;
+    for (var i = 0; i < initializers.length; i++) {
+        value = useValue ? initializers[i].call(thisArg, value) : initializers[i].call(thisArg);
+    }
+    return useValue ? value : void 0;
+};
 var storySlideViewModel_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";
@@ -7776,13 +7777,6 @@ var storySlideViewModel_esDecorate = (undefined && undefined.__esDecorate) || fu
     if (target) Object.defineProperty(target, contextIn.name, descriptor);
     done = true;
 };
-var storySlideViewModel_runInitializers = (undefined && undefined.__runInitializers) || function (thisArg, initializers, value) {
-    var useValue = arguments.length > 2;
-    for (var i = 0; i < initializers.length; i++) {
-        value = useValue ? initializers[i].call(thisArg, value) : initializers[i].call(thisArg);
-    }
-    return useValue ? value : void 0;
-};
 var storySlideViewModel_classPrivateFieldGet = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
     if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a getter");
     if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
@@ -7804,9 +7798,11 @@ const SHOW_SLIDE_TIMEOUT = 500;
 const STORY_LOADER_TIMEOUT = 500;
 let StorySlideViewModel = (() => {
     var _a, _StorySlideViewModel__disabledNextClick_accessor_storage;
+    let _instanceExtraInitializers = [];
     let __disabledNextClick_decorators;
     let __disabledNextClick_initializers = [];
     let __disabledNextClick_extraInitializers = [];
+    let _start_decorators;
     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"); }
@@ -7815,7 +7811,7 @@ let StorySlideViewModel = (() => {
                     enumerable: true,
                     configurable: true,
                     writable: true,
-                    value: _story
+                    value: (storySlideViewModel_runInitializers(this, _instanceExtraInitializers), _story)
                 });
                 Object.defineProperty(this, "_index", {
                     enumerable: true,
@@ -8012,12 +8008,12 @@ let StorySlideViewModel = (() => {
                 try {
                     debug(`[SLIDE][STOP]:${this.story.id}:${this.slide.index}`);
                     await this.slideApi.slideStop(params);
-                    this.story.touchController.off(TouchControllerEvent.TouchEnd, this.handleTouchEnd);
                 }
                 catch (error) {
                     this.handleSlideError(error);
                 }
                 finally {
+                    this.story.touchController.off(TouchControllerEvent.TouchEnd, this.handleTouchEnd);
                     release();
                 }
             }
@@ -8048,7 +8044,13 @@ let StorySlideViewModel = (() => {
                 }
             }
             async destroy() {
-                await this.slideApi.destroy();
+                try {
+                    this.story.touchController.off(TouchControllerEvent.TouchEnd, this.handleTouchEnd);
+                    await this.slideApi.destroy();
+                }
+                catch (error) {
+                    console.error(error);
+                }
             }
             getNavigationDirection(event, currentTarget) {
                 const xPercent = this.getClickPosition(event, currentTarget);
@@ -8097,7 +8099,9 @@ let StorySlideViewModel = (() => {
         (() => {
             const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(null) : void 0;
             __disabledNextClick_decorators = [external_mobx_namespaceObject.observable];
+            _start_decorators = [noConcurrent];
             storySlideViewModel_esDecorate(_a, null, __disabledNextClick_decorators, { kind: "accessor", name: "_disabledNextClick", static: false, private: false, access: { has: obj => "_disabledNextClick" in obj, get: obj => obj._disabledNextClick, set: (obj, value) => { obj._disabledNextClick = value; } }, metadata: _metadata }, __disabledNextClick_initializers, __disabledNextClick_extraInitializers);
+            storySlideViewModel_esDecorate(_a, null, _start_decorators, { kind: "method", name: "start", static: false, private: false, access: { has: obj => "start" in obj, get: obj => obj.start }, metadata: _metadata }, null, _instanceExtraInitializers);
             if (_metadata) Object.defineProperty(_a, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
         })(),
         _a;
@@ -8393,10 +8397,12 @@ let StoryPauseManager = (() => {
                 this.ctx.notifyPauseStateChange();
             }
             resumeAll() {
-                this._uiPause.clear();
-                this._systemPause.clear();
-                this._userPaused = false;
-                this.ctx.notifyPauseStateChange();
+                if (this.isPaused) {
+                    this._uiPause.clear();
+                    this._systemPause.clear();
+                    this._userPaused = false;
+                    this.ctx.notifyPauseStateChange();
+                }
             }
         },
         _StoryPauseManager__userPaused_accessor_storage = new WeakMap(),
@@ -8569,13 +8575,13 @@ let StoryActionPanelViewModel = (() => {
                 return this.model.favorite;
             }
             get hasLike() {
-                return this._hasLike;
+                return this._hasLike && !this.storyManager.config.anonymous;
             }
             get hasShare() {
                 return this._hasShare;
             }
             get hasFavorite() {
-                return this._hasFavorite;
+                return this._hasFavorite && !this.storyManager.config.anonymous;
             }
             get hasAudio() {
                 return Boolean(this.model.hasAudio);
@@ -8906,106 +8912,6 @@ let StoryGoodsWidgetViewModel = (() => {
 })();
 
 
-;// CONCATENATED MODULE: ../core/src/readers/storyReader/storyViewModel/storyLifecycleManager.ts
-class StoryLifecycleManager {
-    constructor(story, slideApiHandlers) {
-        Object.defineProperty(this, "story", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: story
-        });
-        Object.defineProperty(this, "slideApiHandlers", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: slideApiHandlers
-        });
-        Object.defineProperty(this, "lastSlide", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: null
-        });
-        Object.defineProperty(this, "activeSlide", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: null
-        });
-        Object.defineProperty(this, "isInitialized", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: false
-        });
-        Object.defineProperty(this, "isActive", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: false
-        });
-        Object.defineProperty(this, "_activeSlideStartTime", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: 0
-        });
-    }
-    get activeSlideDuration() {
-        return Date.now() - this._activeSlideStartTime;
-    }
-    async init() {
-        var _a;
-        if (this.isInitialized)
-            return;
-        this.isInitialized = true;
-        await ((_a = this.activeSlide) === null || _a === void 0 ? void 0 : _a.init());
-    }
-    async start() {
-        var _a;
-        if (this.isActive)
-            return;
-        this.isActive = true;
-        await ((_a = this.activeSlide) === null || _a === void 0 ? void 0 : _a.start());
-        this._activeSlideStartTime = Date.now();
-    }
-    async restart() {
-        if (!this.isActive || !this.activeSlide)
-            return;
-        await this.activeSlide.restart();
-    }
-    async stop() {
-        if (!this.isActive)
-            return;
-        this.isActive = false;
-        this.slideApiHandlers.clearNarrativeSessionDataCache();
-        this.story.resumeAll();
-        await this.story.activeSlide.stop({ prepareForRestart: 1 /* ON_SLIDE_STOP_PREPARE_FOR_RESTART.PREPARE */ });
-    }
-    async onSlideChange(newSlide) {
-        var _a;
-        this.lastSlide = this.activeSlide;
-        this.activeSlide = newSlide;
-        if (this.isInitialized)
-            await newSlide.init();
-        if (this.isActive) {
-            this.story.resumeAll();
-            await ((_a = this.lastSlide) === null || _a === void 0 ? void 0 : _a.stop({ prepareForRestart: 2 /* ON_SLIDE_STOP_PREPARE_FOR_RESTART.NOT_PREPARE */ }));
-            await newSlide.start();
-            this._activeSlideStartTime = Date.now();
-        }
-    }
-    async destroy() {
-        var _a, _b;
-        this.slideApiHandlers.clearNarrativeSessionDataCache();
-        this.isInitialized = false;
-        this.isActive = false;
-        await ((_a = this.activeSlide) === null || _a === void 0 ? void 0 : _a.stop({ prepareForRestart: 2 /* ON_SLIDE_STOP_PREPARE_FOR_RESTART.NOT_PREPARE */ }));
-        await ((_b = this.activeSlide) === null || _b === void 0 ? void 0 : _b.destroy());
-    }
-}
-
 ;// CONCATENATED MODULE: ../core/src/readers/storyReader/storyViewModel/timer/timer.ts
 
 var TimerEvent;
@@ -9493,7 +9399,6 @@ var storyViewModel_classPrivateFieldSet = (undefined && undefined.__classPrivate
 
 
 
-
 var StoryEvent;
 (function (StoryEvent) {
     StoryEvent["ShowToast"] = "showToast";
@@ -9588,12 +9493,30 @@ let StoryViewModel = (() => {
                 _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)
+                });
+                Object.defineProperty(this, "isActive", {
+                    enumerable: true,
+                    configurable: true,
+                    writable: true,
+                    value: false
+                });
+                Object.defineProperty(this, "_activeSlideStartTime", {
+                    enumerable: true,
+                    configurable: true,
+                    writable: true,
+                    value: 0
+                });
                 // internal services
                 Object.defineProperty(this, "slideApi", {
                     enumerable: true,
                     configurable: true,
                     writable: true,
-                    value: (storyViewModel_runInitializers(this, __$root_extraInitializers), null)
+                    value: null
                 });
                 Object.defineProperty(this, "slideApiHandlers", {
                     enumerable: true,
@@ -9650,12 +9573,6 @@ let StoryViewModel = (() => {
                     writable: true,
                     value: void 0
                 });
-                Object.defineProperty(this, "lifecycleManager", {
-                    enumerable: true,
-                    configurable: true,
-                    writable: true,
-                    value: void 0
-                });
                 Object.defineProperty(this, "initOnce", {
                     enumerable: true,
                     configurable: true,
@@ -9702,7 +9619,6 @@ let StoryViewModel = (() => {
                 this.goodsWidget = new StoryGoodsWidgetViewModel(this.storyManager, this, this.storyReaderStatisticV2Service);
                 this.textInput = new TextInputViewModel(this, this.storyReaderStatisticV2Service);
                 this.timeline = new StoryTimelineViewModel(this);
-                this.lifecycleManager = new StoryLifecycleManager(this, this.slideApiHandlers);
                 this.sharePanel = new SharePanelViewModel(this, this.storyReader.touchController);
                 this.actionPanel = new StoryActionPanelViewModel(this.storyManager, this, this.sharePanel, this.storyReaderStatisticV2Service);
                 this.storySlidesReactionDisposer = this.observeStorySlides();
@@ -9753,17 +9669,19 @@ let StoryViewModel = (() => {
                 return this._activeSlideIndex;
             }
             get activeSlide() {
-                var _b;
-                return (_b = this.slides[this._activeSlideIndex]) !== null && _b !== void 0 ? _b : new NullStorySlideViewModel();
+                return this.getSlideByIndex(this._activeSlideIndex);
+            }
+            get activeSlideDuration() {
+                return Date.now() - this._activeSlideStartTime;
             }
             get slidesCount() {
                 return this.story.slidesCount;
             }
             get displayedSlideImage() {
-                return this.story.getImagesPerSlide(this._activeSlideIndex);
+                return this.story.getImagesPerSlide(this.activeSlideIndex);
             }
             get reachEnd() {
-                return this.slides.length === 0 || this._activeSlideIndex === this.slides.length - 1;
+                return this.slides.length === 0 || this.activeSlideIndex === this.slides.length - 1;
             }
             get reachStart() {
                 return this.activeSlideIndex === 0;
@@ -9823,17 +9741,19 @@ let StoryViewModel = (() => {
             hideErrorScreen() {
                 this._needShowErrorScreen = false;
             }
-            /* @noConcurrent */
+            getSlideByIndex(index) {
+                var _b;
+                return (_b = this.slides[index]) !== null && _b !== void 0 ? _b : new NullStorySlideViewModel();
+            }
             async showSlide(index) {
                 var _b;
                 if (this.activeSlideIndex === index)
                     return;
                 (_b = this.toast) === null || _b === void 0 ? void 0 : _b.destroy();
                 const prevActiveSlideIndex = this.activeSlideIndex;
-                this._activeSlideIndex = index;
-                await this.lifecycleManager.onSlideChange(this.activeSlide);
+                await this.onSlideChange(index);
                 this.emitSlideV1Stat(this.activeSlideIndex);
-                this.emitSlideV2Stat(prevActiveSlideIndex, this.lifecycleManager.activeSlideDuration);
+                this.emitSlideV2Stat(prevActiveSlideIndex, this.activeSlideDuration);
             }
             markAsOpened() {
                 this.storyManager.rootStore.storyStore.markIsOpenedById(this.story.id);
@@ -9859,7 +9779,9 @@ let StoryViewModel = (() => {
             }
             async prevSlideOrStory() {
                 if (this.reachStart && this.storyReader.reachStart) {
-                    await this.lifecycleManager.restart();
+                    if (!this.isActive)
+                        return;
+                    await this.activeSlide.restart();
                     return;
                 }
                 if (this.reachStart)
@@ -9909,23 +9831,38 @@ let StoryViewModel = (() => {
                 this._$root = null;
             }
             async init() {
+                if (this.isInited)
+                    return;
                 if (!this.initOnce && !this.story.canBeShown) {
                     this.showLoaderScreen();
                     this.initOnce = true;
                 }
-                return this.lifecycleManager.init();
+                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);
-                return this.lifecycleManager.start();
+                this.isActive = 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);
-                (_b = this.toast) === null || _b === void 0 ? void 0 : _b.destroy();
-                return this.lifecycleManager.stop();
             }
             canGoNext() {
                 return this.activeSlide.canGoNext();
@@ -9949,9 +9886,15 @@ let StoryViewModel = (() => {
                 this.textInput.close();
                 this.timeline.destroy();
                 this.goodsWidget.close();
-                await this.lifecycleManager.destroy();
+                const activeSlide = this.getSlideByIndex(this._activeSlideIndex);
+                this.slideApiHandlers.clearNarrativeSessionDataCache();
+                if (this.isActive)
+                    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;
             }
             notifyPauseStateChange() {
                 if (this.pauseManager.isUserPaused)
@@ -9991,7 +9934,7 @@ let StoryViewModel = (() => {
                 });
             }
             createSlideApi(root) {
-                return new slide_api_namespaceObject.SlideApi(this.slideApiHandlers, {
+                const slideApi = new slide_api_namespaceObject.SlideApi(this.slideApiHandlers, {
                     root,
                     slideRatio: SLIDE_RATIO,
                     isFullscreen: false,
@@ -10001,10 +9944,13 @@ let StoryViewModel = (() => {
                     VODPlayer: this.storyManager.globalProperties.$videoOnDemand,
                     overlappingActionBarHeight: this.actionPanel.height
                 });
+                slideApi.setSdkClientVariables(this.storyManager.config.options);
+                return slideApi;
             }
             async createSlidesViewModels(slides, slideApi) {
                 this._slides = slides.map((slide, index) => new StorySlideViewModel(this, index, slideApi, slide));
-                await this.lifecycleManager.onSlideChange(this.activeSlide);
+                // Reaction to `layout` (modern or classsic) change
+                await this.onSlideChange(this.activeSlideIndex);
             }
             handleSpaceKeydown(e) {
                 if (e.code !== "Space")
@@ -10022,6 +9968,19 @@ let StoryViewModel = (() => {
                 else
                     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) {
+                    this.resumeAll();
+                    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();
+                }
+            }
         },
         _StoryViewModel__activeSlideIndex_accessor_storage = new WeakMap(),
         _StoryViewModel__slides_accessor_storage = new WeakMap(),
@@ -10421,11 +10380,13 @@ class StorySetLocalDataHandler {
 class GameCenterApi {
     async openGame({ gameInstanceId, gameOptions }) {
         const params = {
+            expand: "config",
             fields: "splashScreen,splashLandscapeScreen,splashLottieScreen,screenOptions,config,resources,url,downloadUrl,instanceUserData,canTryReloadCount,loggerLevel,lottie"
         };
+        const body = {};
         if (gameOptions && (0,isObject_js_namespaceObject["default"])(gameOptions) && gameOptions.demoMode != null)
-            params.demoMode = Boolean(gameOptions.demoMode);
-        const response = await api.post(`game/${gameInstanceId}/launch?expand=config`, params);
+            body.demoMode = Boolean(gameOptions.demoMode);
+        const response = await api.post(`game/${gameInstanceId}/launch`, body, params);
         return response.data;
     }
 }
@@ -10518,7 +10479,7 @@ class GameClientConfig {
             value: void 0
         });
         const storyManagerConfig = this.storyManager.config;
-        const sdkVersion = "1.7.5";
+        const sdkVersion = "1.7.6";
         const placeholders = this.storyManager.rootStore.placeholderStore.placeholders;
         const session = this.storyManager.rootStore.sessionStore.session;
         this.sessionId = session.id;
@@ -10750,6 +10711,12 @@ class GameSplashScreen {
 class Game {
     constructor(storyManager, gameDto) {
         var _a, _b;
+        Object.defineProperty(this, "storyManager", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: storyManager
+        });
         Object.defineProperty(this, "splashScreen", {
             enumerable: true,
             configurable: true,
@@ -10852,8 +10819,9 @@ class Game {
     }
     toInitDto(payload) {
         return (0,external_deepmerge_namespaceObject["default"])(this.config.toJSON(), {
-            clientConfig: Object.assign({ fullScreen: false, screenOrientation: this.screenOptions.orientation, safeAreaInsets: payload.safeAreaInsets, widescreen: payload.isWidescreen, dir: payload.dir, nonce: getNonce(), sdkFeatures: {
-                    gameShouldForegroundCallback: true
+            clientConfig: Object.assign({ fullScreen: false, screenOrientation: this.screenOptions.orientation, variables: this.storyManager.config.options, safeAreaInsets: payload.safeAreaInsets, widescreen: payload.isWidescreen, dir: payload.dir, nonce: getNonce(), sdkFeatures: {
+                    gameShouldForegroundCallback: true,
+                    writeToClipboard: true
                 } }, this.clientConfig.toJSON())
         });
     }
@@ -10914,10 +10882,10 @@ class GameSession extends events.EventEmitter {
     messageListener(event) {
         if (event.origin !== this.origin)
             return;
-        const [gameEvent, ...restData] = event.data;
         try {
             if (!Array.isArray(event.data))
                 throw new Error(`[IAS]: Invalid MessageEvent data format ${event.data}`);
+            const [gameEvent, ...restData] = event.data;
             this.emit(gameEvent, ...restData);
         }
         catch (err) {
@@ -11162,6 +11130,11 @@ let GameReaderViewModel = (() => {
                 return this.storyManager.config.dir;
             }
             async openGame(gameInstanceId, openGameOptions = {}) {
+                const config = await this.storyManager.waitForConfig();
+                if (config.anonymous) {
+                    console.warn("[IAS]: You can't open game in anonymous access mode");
+                    return;
+                }
                 gameInstanceId = gameInstanceId.toString();
                 if (gameInstanceId === this._gameInstanceId) {
                     console.warn(`[IAS]: Prevented reopening of game with ID ${gameInstanceId}`);
@@ -11262,7 +11235,8 @@ let GameReaderViewModel = (() => {
                     .on("event" /* GameSessionEvent.Event */, this.handleGameEvent.bind(this))
                     .on("reloadGameReader" /* GameSessionEvent.ReloadGameReader */, this.handleReloadGameReader.bind(this))
                     .on("gameLoadFailed" /* GameSessionEvent.GameLoadFailed */, this.handleGameLoadFailed.bind(this))
-                    .on("gameShouldForegroundCallback" /* GameSessionEvent.GameShouldForegroundCallback */, this.handleGameShouldBeShown.bind(this));
+                    .on("gameShouldForegroundCallback" /* GameSessionEvent.GameShouldForegroundCallback */, this.handleGameShouldBeShown.bind(this))
+                    .on("writeToClipboard" /* GameSessionEvent.WriteToClipboard */, this.handleWriteToClipboard.bind(this));
                 const handlers = {
                     ["share" /* GameSessionEvent.Share */]: new ShareActionHandler(gameSession, this, isDesktopMode_isDesktopMode),
                     ["storySetLocalData" /* GameSessionEvent.StorySetLocalData */]: new StorySetLocalDataHandler(this.storyManager),
@@ -11375,6 +11349,15 @@ let GameReaderViewModel = (() => {
                     }));
                 }
             }
+            handleWriteToClipboard(payload) {
+                try {
+                    const { type, textValue } = JSON.parse(payload);
+                    new Clipboard().copy(textValue);
+                }
+                catch (error) {
+                    console.error(`[IAS]: `, error.message);
+                }
+            }
             sendGameCenterEventByApiRequest(eventName, payload) {
                 var _b;
                 (_b = this.gameSession) === null || _b === void 0 ? void 0 : _b.sendGameCenterEventByApiRequest(eventName, payload);
@@ -11681,6 +11664,8 @@ class OpenGameAction {
             const gameReader = this.storyManager.gameReader;
             const storyReader = this.storyManager.storyReader;
             await gameReader.openGame(payload.gameInstanceId);
+            if (!gameReader.isOpened)
+                return;
             storyReader.pauseUI();
             gameReader.once(GameReaderEvent.Close, () => {
                 storyReader.resumeUI();
@@ -12122,13 +12107,14 @@ class StorySlideApiHandlers {
         this.showLayer(0);
     }
     getCardFonts() {
+        var _a;
         const session = this.storyManager.rootStore.sessionStore.session;
-        return session.fontsResources;
+        return (_a = session === null || session === void 0 ? void 0 : session.fontsResources) !== null && _a !== void 0 ? _a : [];
     }
     updateTimeline(slideIndex, action, currentTime, duration, showLoader, showError) {
         if (this.story.activeSlideIndex !== slideIndex)
             return;
-        debug(`[SLIDE-API]: update timeline`, `<${[...arguments].join(", ")}>`);
+        //debug(`[SLIDE-API]: update timeline`, `<${[...arguments].join(", ")}>`);
         const timelineController = new StoryTimelineController(this.story);
         if (action !== "before_start" /* TIMELINE_ACTION.BEFORE_START */) {
             timelineController.toggleLoaderScreen(showLoader);
@@ -13831,6 +13817,11 @@ let StoryReaderViewModel = (() => {
                 });
             }
             async showOnboardingStories(options) {
+                const config = await this.storyManager.waitForConfig();
+                if (config.anonymous) {
+                    console.warn("[IAS]: You can't open onboarding in anonymous access mode");
+                    return { stories: [] };
+                }
                 const showOnboardingStoriesDisplayStrategy = this.storyDisplayStrategyFactory.createShowOnboardingStories();
                 this._currentStoryDisplayStrategy = showOnboardingStoriesDisplayStrategy;
                 return showOnboardingStoriesDisplayStrategy.show(options);
@@ -14944,7 +14935,7 @@ var StoryManagerConfigEvent;
     StoryManagerConfigEvent["RequestSDKReload"] = "requestSDKReload";
 })(StoryManagerConfigEvent || (StoryManagerConfigEvent = {}));
 let StoryManagerConfig = (() => {
-    var _a, _StoryManagerConfig__apiKey_accessor_storage, _StoryManagerConfig__tags_accessor_storage, _StoryManagerConfig__lang_accessor_storage, _StoryManagerConfig__dir_accessor_storage, _StoryManagerConfig__userId_accessor_storage;
+    var _a, _StoryManagerConfig__apiKey_accessor_storage, _StoryManagerConfig__tags_accessor_storage, _StoryManagerConfig__lang_accessor_storage, _StoryManagerConfig__dir_accessor_storage, _StoryManagerConfig__userId_accessor_storage, _StoryManagerConfig__anonymous_accessor_storage, _StoryManagerConfig__options_accessor_storage;
     let _classSuper = events.EventEmitter;
     let _instanceExtraInitializers = [];
     let __apiKey_decorators;
@@ -14962,6 +14953,12 @@ let StoryManagerConfig = (() => {
     let __userId_decorators;
     let __userId_initializers = [];
     let __userId_extraInitializers = [];
+    let __anonymous_decorators;
+    let __anonymous_initializers = [];
+    let __anonymous_extraInitializers = [];
+    let __options_decorators;
+    let __options_initializers = [];
+    let __options_extraInitializers = [];
     let _reloadSdk_decorators;
     return _a = class StoryManagerConfig extends _classSuper {
             get _apiKey() { return storyManagerConfig_classPrivateFieldGet(this, _StoryManagerConfig__apiKey_accessor_storage, "f"); }
@@ -14974,6 +14971,10 @@ let StoryManagerConfig = (() => {
             set _dir(value) { storyManagerConfig_classPrivateFieldSet(this, _StoryManagerConfig__dir_accessor_storage, value, "f"); }
             get _userId() { return storyManagerConfig_classPrivateFieldGet(this, _StoryManagerConfig__userId_accessor_storage, "f"); }
             set _userId(value) { storyManagerConfig_classPrivateFieldSet(this, _StoryManagerConfig__userId_accessor_storage, value, "f"); }
+            get _anonymous() { return storyManagerConfig_classPrivateFieldGet(this, _StoryManagerConfig__anonymous_accessor_storage, "f"); }
+            set _anonymous(value) { storyManagerConfig_classPrivateFieldSet(this, _StoryManagerConfig__anonymous_accessor_storage, value, "f"); }
+            get _options() { return storyManagerConfig_classPrivateFieldGet(this, _StoryManagerConfig__options_accessor_storage, "f"); }
+            set _options(value) { storyManagerConfig_classPrivateFieldSet(this, _StoryManagerConfig__options_accessor_storage, value, "f"); }
             constructor(storyManager, configDto) {
                 super();
                 Object.defineProperty(this, "storyManager", {
@@ -15029,7 +15030,11 @@ let StoryManagerConfig = (() => {
                     writable: true,
                     value: false
                 });
-                this.updateByDto(configDto);
+                _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;
+                this.update(configDto);
                 this._isInited = true;
             }
             get userId() {
@@ -15039,7 +15044,7 @@ let StoryManagerConfig = (() => {
                 return this._userIdSign;
             }
             get isStatisticsDisabled() {
-                return this._isStatisticsDisabled || this._appPackageId === "com.inappstory.webpreview";
+                return this._isStatisticsDisabled || this._appPackageId === "com.inappstory.webpreview" || this._anonymous;
             }
             get appPackageId() {
                 return this._appPackageId;
@@ -15068,6 +15073,12 @@ let StoryManagerConfig = (() => {
             get isLtr() {
                 return this._dir === TextDir.LTR;
             }
+            get anonymous() {
+                return this._anonymous;
+            }
+            get options() {
+                return this._options;
+            }
             disableStatistic() {
                 this._isStatisticsDisabled = true;
             }
@@ -15087,6 +15098,12 @@ let StoryManagerConfig = (() => {
                     throw new IasEmptyUserIdError();
                 if ((!(0,isString_js_namespaceObject["default"])(userId) && !(0,isNumber_js_namespaceObject["default"])(userId)) || this._userId === userId)
                     return;
+                if (this._anonymous) {
+                    this._userId = "";
+                    this._userIdSign = undefined;
+                    console.warn("[IAS]: user ID in anonymous access mode will be ignored");
+                    return;
+                }
                 new StoryManagerConfigValidator().checkUserIdLength(userId.toString()).validate();
                 this._userId = userId;
                 this._userIdSign = userIdSign;
@@ -15133,17 +15150,31 @@ let StoryManagerConfig = (() => {
                     this._dir = (_b = getComputedStyle(document.documentElement).direction) !== null && _b !== void 0 ? _b : TextDir.LTR;
                 }
             }
-            updateByDto(configDto) {
+            async setAnonymous(anonymous) {
+                if (this._anonymous === Boolean(anonymous))
+                    return;
+                this._anonymous = Boolean(anonymous);
+                if (this._isInited)
+                    await this.reloadSdk();
+            }
+            setOptions(options = {}) {
+                if (JSON.stringify(options) === JSON.stringify(this._options))
+                    return;
+                this._options = options;
+            }
+            update(configDto) {
                 var _b, _c, _d, _e, _f;
                 this._appPackageId = (_b = configDto.appPackageId) !== null && _b !== void 0 ? _b : "";
                 this._disableDeviceId = Boolean(configDto.disableDeviceId);
                 this.setApiKey(configDto.apiKey);
+                this.setAnonymous(configDto.anonymous);
                 this.setUserId((_c = configDto.userId) !== null && _c !== void 0 ? _c : "", configDto.userIdSign);
                 this.setLang(configDto.lang);
                 this.setTextPlaceholders((_d = configDto.placeholders) !== null && _d !== void 0 ? _d : {});
                 this.setImagePlaceholders((_e = configDto.imagePlaceholders) !== null && _e !== void 0 ? _e : {});
                 this.setTags((_f = configDto.tags) !== null && _f !== void 0 ? _f : []);
                 this.setDir(configDto.dir);
+                this.setOptions(configDto.options);
             }
             mapTextPlaceholders(textPlaceholderDtos) {
                 const textPlaceholders = [];
@@ -15157,7 +15188,7 @@ let StoryManagerConfig = (() => {
                     imagePlaceholders.push(new UserImagePlaceholder(key, value));
                 return imagePlaceholders;
             }
-            /** Быстрая смена юзеров ломает загрузку ленты (может закрыть сессию, пока лента загружается). Добавил noConcurrent */
+            /** Fast user switching breaks feed loading (may close session while feed is loading). Added noConcurrent */
             async reloadSdk() {
                 try {
                     this.emit(StoryManagerConfigEvent.RequestSDKReload);
@@ -15176,6 +15207,8 @@ let StoryManagerConfig = (() => {
         _StoryManagerConfig__lang_accessor_storage = new WeakMap(),
         _StoryManagerConfig__dir_accessor_storage = new WeakMap(),
         _StoryManagerConfig__userId_accessor_storage = new WeakMap(),
+        _StoryManagerConfig__anonymous_accessor_storage = new WeakMap(),
+        _StoryManagerConfig__options_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;
@@ -15184,12 +15217,16 @@ let StoryManagerConfig = (() => {
             __lang_decorators = [external_mobx_namespaceObject.observable];
             __dir_decorators = [external_mobx_namespaceObject.observable];
             __userId_decorators = [external_mobx_namespaceObject.observable];
+            __anonymous_decorators = [external_mobx_namespaceObject.observable];
+            __options_decorators = [external_mobx_namespaceObject.observable];
             _reloadSdk_decorators = [noConcurrent];
             storyManagerConfig_esDecorate(_a, null, __apiKey_decorators, { kind: "accessor", name: "_apiKey", static: false, private: false, access: { has: obj => "_apiKey" in obj, get: obj => obj._apiKey, set: (obj, value) => { obj._apiKey = value; } }, metadata: _metadata }, __apiKey_initializers, __apiKey_extraInitializers);
             storyManagerConfig_esDecorate(_a, null, __tags_decorators, { kind: "accessor", name: "_tags", static: false, private: false, access: { has: obj => "_tags" in obj, get: obj => obj._tags, set: (obj, value) => { obj._tags = value; } }, metadata: _metadata }, __tags_initializers, __tags_extraInitializers);
             storyManagerConfig_esDecorate(_a, null, __lang_decorators, { kind: "accessor", name: "_lang", static: false, private: false, access: { has: obj => "_lang" in obj, get: obj => obj._lang, set: (obj, value) => { obj._lang = value; } }, metadata: _metadata }, __lang_initializers, __lang_extraInitializers);
             storyManagerConfig_esDecorate(_a, null, __dir_decorators, { kind: "accessor", name: "_dir", static: false, private: false, access: { has: obj => "_dir" in obj, get: obj => obj._dir, set: (obj, value) => { obj._dir = value; } }, metadata: _metadata }, __dir_initializers, __dir_extraInitializers);
             storyManagerConfig_esDecorate(_a, null, __userId_decorators, { kind: "accessor", name: "_userId", static: false, private: false, access: { has: obj => "_userId" in obj, get: obj => obj._userId, set: (obj, value) => { obj._userId = value; } }, metadata: _metadata }, __userId_initializers, __userId_extraInitializers);
+            storyManagerConfig_esDecorate(_a, null, __anonymous_decorators, { kind: "accessor", name: "_anonymous", static: false, private: false, access: { has: obj => "_anonymous" in obj, get: obj => obj._anonymous, set: (obj, value) => { obj._anonymous = value; } }, metadata: _metadata }, __anonymous_initializers, __anonymous_extraInitializers);
+            storyManagerConfig_esDecorate(_a, null, __options_decorators, { kind: "accessor", name: "_options", static: false, private: false, access: { has: obj => "_options" in obj, get: obj => obj._options, set: (obj, value) => { obj._options = value; } }, metadata: _metadata }, __options_initializers, __options_extraInitializers);
             storyManagerConfig_esDecorate(_a, null, _reloadSdk_decorators, { kind: "method", name: "reloadSdk", static: false, private: false, access: { has: obj => "reloadSdk" in obj, get: obj => obj.reloadSdk }, metadata: _metadata }, null, _instanceExtraInitializers);
             if (_metadata) Object.defineProperty(_a, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
         })(),
@@ -15237,6 +15274,12 @@ class NullStoryManagerConfig {
     get isLtr() {
         return true;
     }
+    get anonymous() {
+        return false;
+    }
+    get options() {
+        return {};
+    }
     disableStatistic() { }
     enableStatistic() { }
     async setApiKey(apiKey) { }
@@ -15246,7 +15289,7 @@ class NullStoryManagerConfig {
     setImagePlaceholders(imagePlaceholderDtos) { }
     setTags(tags) { }
     setDir(dir) { }
-    updateByDto(configDto) { }
+    update(configDto) { }
     on(eventName, listener) {
         return this;
     }
@@ -16795,10 +16838,16 @@ class IamReaderVisibilityObserver {
 ;// CONCATENATED MODULE: ../core/src/readers/inAppMessaging/iamReader/exceptions/exceptions.ts
 class IamMessageOpenError extends Error {
     constructor(messageId) {
-        super(`[IAM]: you must close IAM with ID ${messageId}`);
+        super(`[IAS]: you must close IAM with ID ${messageId}`);
         this.name = "IamMessageOpenError";
     }
 }
+class IamMessageAnonymousOpen extends Error {
+    constructor(messageId) {
+        super(`[IAS]: You can't open IAM ${messageId} in anonymous access mode `);
+        this.name = "IamMessageAnonymousOpen";
+    }
+}
 
 ;// CONCATENATED MODULE: ../core/src/readers/inAppMessaging/iamReader/exceptions/index.ts
 
@@ -16922,12 +16971,6 @@ let IamReaderViewModel = (() => {
                     writable: true,
                     value: new ScrollbarHelper(window)
                 });
-                Object.defineProperty(this, "eventPublisher", {
-                    enumerable: true,
-                    configurable: true,
-                    writable: true,
-                    value: void 0
-                });
                 this.visibilityObserver = new IamReaderVisibilityObserver(this, this.iamStatisticsService);
             }
             get touchController() {
@@ -16946,19 +16989,30 @@ let IamReaderViewModel = (() => {
                 return Boolean(this._activeMessage);
             }
             async preload(payload) {
-                await this.storyManager.waitStoryManagerConfig();
+                const config = await this.storyManager.waitForConfig();
+                if (config.anonymous) {
+                    console.warn("[IAS]: You can't preload IAM in anonymous access mode");
+                    return [];
+                }
                 const messages = await this.iamStore.preload(payload);
+                this.emit(IamReaderEvent.Loaded, {
+                    messages
+                });
                 return messages;
             }
             async showMessageById(messageId, options) {
-                await this.storyManager.waitStoryManagerConfig();
+                const config = await this.storyManager.waitForConfig();
+                if (config.anonymous)
+                    throw new IamMessageAnonymousOpen(messageId);
                 this.checkMessageNotOpened();
                 const message = await this.iamDisplayService.getMessageById(messageId, options);
                 await this.open(message);
                 return message;
             }
             async showMessageByEvent(eventName, options) {
-                await this.storyManager.waitStoryManagerConfig();
+                const config = await this.storyManager.waitForConfig();
+                if (config.anonymous)
+                    throw new IamMessageAnonymousOpen(eventName);
                 this.checkMessageNotOpened();
                 const message = await this.iamDisplayService.getMessageByEvent(eventName, options);
                 await this.open(message);
@@ -16994,13 +17048,6 @@ let IamReaderViewModel = (() => {
                     data: widgetEvent.widgetPayload
                 });
             }
-            setEventPublisher(eventPublisher) {
-                this.eventPublisher = eventPublisher;
-            }
-            emit(eventName, ...args) {
-                super.emit(eventName, ...args);
-                return this.eventPublisher.emit(eventName, ...args);
-            }
             emitCloseEvent(message) {
                 this.emit(IamReaderEvent.Close, {
                     message: message.toPublicDto()
@@ -17062,81 +17109,10 @@ let IamReaderViewModel = (() => {
 })();
 
 
-;// CONCATENATED MODULE: ../core/src/readers/inAppMessaging/iamReader/iamReaderViewModelAdapter.ts
-
-
-class IamReaderViewModelAdapter {
-    constructor(iamReader) {
-        Object.defineProperty(this, "iamReader", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: iamReader
-        });
-        Object.defineProperty(this, "eventEmitter", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: new (events_default())()
-        });
-        this.iamReader.setEventPublisher(this.eventEmitter);
-    }
-    get activeMessage() {
-        var _a;
-        return (_a = this.iamReader.activeMessage) === null || _a === void 0 ? void 0 : _a.toPublicDto();
-    }
-    get isLoaded() {
-        return this.iamReader.isLoaded;
-    }
-    get isLoading() {
-        return this.iamReader.isLoading;
-    }
-    get isOpened() {
-        return this.iamReader.isOpened;
-    }
-    async preload(options) {
-        const messages = await this.iamReader.preload({ tags: options === null || options === void 0 ? void 0 : options.tags });
-        const messageDtos = messages.map(message => message.toPublicDto());
-        this.eventEmitter.emit(IamReaderEvent.Loaded, {
-            messages: messageDtos
-        });
-        return messageDtos;
-    }
-    async showMessageById(messageId, options) {
-        const message = await this.iamReader.showMessageById(messageId, {
-            showOnlyIfLoaded: options === null || options === void 0 ? void 0 : options.showOnlyIfLoaded
-        });
-        return message.toPublicDto();
-    }
-    async showMessageByEvent(eventName, options) {
-        const message = await this.iamReader.showMessageByEvent(eventName, {
-            showOnlyIfLoaded: options === null || options === void 0 ? void 0 : options.showOnlyIfLoaded,
-            tags: options === null || options === void 0 ? void 0 : options.tags
-        });
-        return message.toPublicDto();
-    }
-    async close() {
-        return this.iamReader.close();
-    }
-    on(eventName, listener) {
-        this.eventEmitter.on(eventName, listener);
-        return this;
-    }
-    once(eventName, listener) {
-        this.eventEmitter.once(eventName, listener);
-        return this;
-    }
-    off(eventName, listener) {
-        this.eventEmitter.off(eventName, listener);
-        return this;
-    }
-}
-
 ;// CONCATENATED MODULE: ../core/src/readers/inAppMessaging/iamReader/index.ts
 
 
 
-
 ;// CONCATENATED MODULE: ../core/src/readers/inAppMessaging/iamMessage/actions/openUrlAction.ts
 
 
@@ -19263,12 +19239,13 @@ class StoryFeedService {
         });
     }
     async loadStories({ feedSlug, filter = {}, listType, testKey, needFavorite = true }) {
+        const config = await this.storyManager.waitForConfig();
         const isFavoriteFeed = listType === StoryFeedType.DEFAULT ? needFavorite : false;
         const storyFeedStore = this.storyManager.rootStore.storyFeedStore;
         const storyFeed = await this.fetchStoryFeed(storyFeedStore, feedSlug, filter, testKey);
         let favoriteFeed = null;
         if (isFavoriteFeed)
-            favoriteFeed = await storyFeedStore.fetchFavoriteFeed();
+            favoriteFeed = await this.fetchFavoriteFeed({ storyFeedStore, anonymous: config.anonymous });
         const stories = this.getFeedLoadEventStoryDtos(storyFeed);
         this.emitFeedLoadEvent(storyFeed, stories, feedSlug, filter);
         return {
@@ -19297,6 +19274,13 @@ class StoryFeedService {
             return Object.assign({ id: story.id }, additionalPayload);
         });
     }
+    async fetchFavoriteFeed({ storyFeedStore, anonymous }) {
+        if (anonymous) {
+            console.warn("[IAS]: The favorites feed is not available in anonymous access mode");
+            return null;
+        }
+        return await storyFeedStore.fetchFavoriteFeed();
+    }
     emitFeedLoadEvent(storyFeed, storyDtos, feedSlug, filter) {
         const eventData = {
             stories: storyDtos,
@@ -19376,103 +19360,6 @@ class StoryFeedStatisticV2Service {
 
 
 
-;// CONCATENATED MODULE: ../core/src/storyManager/storyManagerProxy.ts
-
-
-
-class StoryManagerProxy {
-    constructor(storyManager) {
-        Object.defineProperty(this, "storyManager", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: storyManager
-        });
-        Object.defineProperty(this, "inAppMessaging", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: void 0
-        });
-        Object.defineProperty(this, "__IAS_INTERNAL_API__", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: __IAS_INTERNAL_API__
-        });
-        this.inAppMessaging = new IamReaderViewModelAdapter(storyManager.inAppMessaging);
-    }
-    get sdkVersionName() {
-        return this.storyManager.sdkVersionName;
-    }
-    get sdkVersionCode() {
-        return this.storyManager.sdkVersionCode;
-    }
-    set storyLinkClickHandler(callback) {
-        this.storyManager.storyLinkClickHandler = callback;
-    }
-    setUserAgent(userAgent) {
-        storyManager.setUserAgent(userAgent);
-    }
-    getConfig() {
-        return this.storyManager.config;
-    }
-    getNonce() {
-        return getNonce();
-    }
-    async showOnboardingStories(options) {
-        return this.storyManager.showOnboardingStories(options);
-    }
-    async showStory(storyId) {
-        return this.storyManager.showStory(storyId);
-    }
-    async showStoryOnce(storyId) {
-        return this.storyManager.showStoryOnce(storyId);
-    }
-    closeAllReaders() {
-        this.storyManager.closeAllReaders();
-    }
-    async openGame(gameInstanceId, gameOptions = {}) {
-        return this.storyManager.openGame(gameInstanceId, gameOptions);
-    }
-    async closeGame() {
-        return this.storyManager.closeGame();
-    }
-    async waitStoryManagerConfig() {
-        return this.storyManager.waitStoryManagerConfig();
-    }
-    async closeStoryReader() {
-        return this.storyManager.closeStoryReader();
-    }
-    getUgcEditorConfig() {
-        return this.storyManager.getUgcEditorConfig();
-    }
-    showSharePage(storyId) {
-        return this.storyManager.showSharePage(storyId);
-    }
-    closeGoodsWidget() {
-        this.storyManager.closeGoodsWidget();
-    }
-    on(eventName, listener) {
-        this.storyManager.on(eventName, listener);
-        return this;
-    }
-    once(eventName, listener) {
-        this.storyManager.once(eventName, listener);
-        return this;
-    }
-    off(eventName, listener) {
-        this.storyManager.off(eventName, listener);
-        return this;
-    }
-    static use(plugin, options) {
-        plugin.install({
-            INTERNAL_API: __IAS_INTERNAL_API__,
-            HOST: StoryManagerProxy
-        }, options);
-    }
-}
-
 ;// CONCATENATED MODULE: ../core/src/store/inAppMessaging/exceptions/exceptions.ts
 class IamNotFoundByEventError extends Error {
     constructor(eventName) {
@@ -19781,10 +19668,11 @@ let SessionStore = (() => {
                 if (this._session)
                     return this._session;
                 // Since initialization via IASContainer with delay
-                const config = await this.storyManager.waitStoryManagerConfig();
+                const config = await this.storyManager.waitForConfig();
                 const sessionDto = await this.sessionApi.open({
                     userId: config.userId,
-                    userIdSign: config.userIdSign
+                    userIdSign: config.userIdSign,
+                    anonymous: config.anonymous
                 });
                 const session = new Session(this, sessionDto);
                 session.loadResources();
@@ -20396,7 +20284,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.5";
+        const sdkVersion = "1.7.6";
         this._config = {
             sessionId: session.id,
             apiKey: storyManagerConfig.apiKey,
@@ -20617,7 +20505,7 @@ let StoryManagerConfigStore = (() => {
                 this._config = new NullStoryManagerConfig();
                 this.storyManager.rootStore.sessionStore.close();
             }
-            async waitStoryManagerConfig(timeoutMs = 5000) {
+            async waitForConfig(timeoutMs = 5000) {
                 if (this._config instanceof StoryManagerConfig)
                     return this._config;
                 try {
@@ -20632,7 +20520,7 @@ let StoryManagerConfigStore = (() => {
                 this._config = new StoryManagerConfig(this.storyManager, configDto);
             }
             updateConfig(configDto) {
-                this._config.updateByDto(configDto);
+                this._config.update(configDto);
             }
         },
         _StoryManagerConfigStore__config_accessor_storage = new WeakMap(),
@@ -20828,11 +20716,11 @@ class StoryManager extends TypedEventEmitter {
         return this._userAgent;
     }
     get sdkVersionName() {
-        const sdkVersionName = "1.7.5";
+        const sdkVersionName = "1.7.6";
         return sdkVersionName || "0.0.0";
     }
     get sdkVersionCode() {
-        const sdkVersionCode = 10705;
+        const sdkVersionCode = 10706;
         return sdkVersionCode ? parseInt(sdkVersionCode) : 0;
     }
     get lang() {
@@ -20859,6 +20747,14 @@ class StoryManager extends TypedEventEmitter {
     get config() {
         return this.rootStore.storyManagerConfigStore.config;
     }
+    /** For UGC editor */
+    getNonce() {
+        return getNonce();
+    }
+    /** For UGC editor */
+    getConfig() {
+        return this.config;
+    }
     static getInstance() {
         if (!StoryManager.instance) {
             return null;
@@ -20881,13 +20777,13 @@ class StoryManager extends TypedEventEmitter {
         this.rootStore.storyManagerConfigStore.setConfig(configDto);
     }
     setUserAgent(userAgent) {
-        const sdkVersionCode = 10705;
+        const sdkVersionCode = 10706;
         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)}`;
     }
-    async waitStoryManagerConfig() {
-        return this.rootStore.storyManagerConfigStore.waitStoryManagerConfig();
+    async waitForConfig() {
+        return this.rootStore.storyManagerConfigStore.waitForConfig();
     }
     async showOnboardingStories(options) {
         var _a, _b;
@@ -20949,20 +20845,24 @@ class StoryManager extends TypedEventEmitter {
     }
     static isSingletonInstanceExists() {
         if (StoryManager.instance) {
-            console.warn("StoryManager singleton is created multiple times\nuse IAS.StoryManager.getInstance() instead");
+            console.warn("[IAS]: StoryManager singleton is created multiple times\nuse IAS.StoryManager.getInstance() instead");
             return true;
         }
         return false;
     }
+    static use(plugin, options) {
+        plugin.install({
+            INTERNAL_API: __IAS_INTERNAL_API__,
+            HOST: StoryManager
+        }, options);
+    }
 }
 const storyManager = new StoryManager();
 const __IAS_INTERNAL_API__ = storyManager;
-const storyManagerProxy = new StoryManagerProxy(storyManager);
 
 ;// CONCATENATED MODULE: ../core/src/storyManager/index.ts
 
 
-
 ;// CONCATENATED MODULE: ../js-sdk/src/appRuntime/FavoriteStoryListModal/storyFavoriteReader.ts
 var storyFavoriteReader_CloseButtonPosition;
 (function (CloseButtonPosition) {
@@ -27494,12 +27394,109 @@ let MessageSlide = (() => {
 ;// CONCATENATED MODULE: ./src/InAppMessaging/components/MessageSlide/index.ts
 
 
-;// CONCATENATED MODULE: ./src/InAppMessaging/components/Spinner/Spinner.styles.ts
+;// CONCATENATED MODULE: ./src/InAppMessaging/components/Loader/RefreshIcon.ts
+var RefreshIcon_esDecorate = (undefined && undefined.__esDecorate) || function (ctor, descriptorIn, decorators, contextIn, initializers, extraInitializers) {
+    function accept(f) { if (f !== void 0 && typeof f !== "function") throw new TypeError("Function expected"); return f; }
+    var kind = contextIn.kind, key = kind === "getter" ? "get" : kind === "setter" ? "set" : "value";
+    var target = !descriptorIn && ctor ? contextIn["static"] ? ctor : ctor.prototype : null;
+    var descriptor = descriptorIn || (target ? Object.getOwnPropertyDescriptor(target, contextIn.name) : {});
+    var _, done = false;
+    for (var i = decorators.length - 1; i >= 0; i--) {
+        var context = {};
+        for (var p in contextIn) context[p] = p === "access" ? {} : contextIn[p];
+        for (var p in contextIn.access) context.access[p] = contextIn.access[p];
+        context.addInitializer = function (f) { if (done) throw new TypeError("Cannot add initializers after decoration has completed"); extraInitializers.push(accept(f || null)); };
+        var result = (0, decorators[i])(kind === "accessor" ? { get: descriptor.get, set: descriptor.set } : descriptor[key], context);
+        if (kind === "accessor") {
+            if (result === void 0) continue;
+            if (result === null || typeof result !== "object") throw new TypeError("Object expected");
+            if (_ = accept(result.get)) descriptor.get = _;
+            if (_ = accept(result.set)) descriptor.set = _;
+            if (_ = accept(result.init)) initializers.unshift(_);
+        }
+        else if (_ = accept(result)) {
+            if (kind === "field") initializers.unshift(_);
+            else descriptor[key] = _;
+        }
+    }
+    if (target) Object.defineProperty(target, contextIn.name, descriptor);
+    done = true;
+};
+var RefreshIcon_runInitializers = (undefined && undefined.__runInitializers) || function (thisArg, initializers, value) {
+    var useValue = arguments.length > 2;
+    for (var i = 0; i < initializers.length; i++) {
+        value = useValue ? initializers[i].call(thisArg, value) : initializers[i].call(thisArg);
+    }
+    return useValue ? value : void 0;
+};
+var RefreshIcon_setFunctionName = (undefined && undefined.__setFunctionName) || function (f, name, prefix) {
+    if (typeof name === "symbol") name = name.description ? "[".concat(name.description, "]") : "";
+    return Object.defineProperty(f, "name", { configurable: true, value: prefix ? "".concat(prefix, " ", name) : name });
+};
+var RefreshIcon_classPrivateFieldGet = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
+    if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a getter");
+    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
+    return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
+};
+var RefreshIcon_classPrivateFieldSet = (undefined && undefined.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
+    if (kind === "m") throw new TypeError("Private method is not writable");
+    if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a setter");
+    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
+    return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
+};
+
+
+let RefreshIcon_RefreshIcon = (() => {
+    var _RefreshIcon_className_accessor_storage;
+    let _classDecorators = [(0,decorators_js_namespaceObject.customElement)("iam-refresh-icon")];
+    let _classDescriptor;
+    let _classExtraInitializers = [];
+    let _classThis;
+    let _classSuper = external_lit_namespaceObject.LitElement;
+    let _className_decorators;
+    let _className_initializers = [];
+    let _className_extraInitializers = [];
+    var RefreshIcon = _classThis = class extends _classSuper {
+        get className() { return RefreshIcon_classPrivateFieldGet(this, _RefreshIcon_className_accessor_storage, "f"); }
+        set className(value) { RefreshIcon_classPrivateFieldSet(this, _RefreshIcon_className_accessor_storage, value, "f"); }
+        _onClick(e) {
+            this.dispatchEvent(new CustomEvent("refresh", { detail: e, bubbles: true, composed: true }));
+        }
+        render() {
+            return (0,external_lit_namespaceObject.html) `<div class="icon ${this.className}" @click="${this._onClick}"><svg viewBox="0 0 24 24"><path fill="currentColor" d="M17.65,6.35C16.2,4.9 14.21,4 12,4A8,8 0 0,0 4,12A8,8 0 0,0 12,20C15.73,20 18.84,17.45 19.73,14H17.65C16.83,16.33 14.61,18 12,18A6,6 0 0,1 6,12A6,6 0 0,1 12,6C13.66,6 15.14,6.69 16.22,7.78L13,11H20V4L17.65,6.35Z"></path></svg></div>`;
+        }
+        constructor() {
+            super(...arguments);
+            _RefreshIcon_className_accessor_storage.set(this, RefreshIcon_runInitializers(this, _className_initializers, ""));
+            RefreshIcon_runInitializers(this, _className_extraInitializers);
+        }
+    };
+    _RefreshIcon_className_accessor_storage = new WeakMap();
+    RefreshIcon_setFunctionName(_classThis, "RefreshIcon");
+    (() => {
+        var _a;
+        const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create((_a = _classSuper[Symbol.metadata]) !== null && _a !== void 0 ? _a : null) : void 0;
+        _className_decorators = [(0,decorators_js_namespaceObject.property)({ type: String })];
+        RefreshIcon_esDecorate(_classThis, null, _className_decorators, { kind: "accessor", name: "className", static: false, private: false, access: { has: obj => "className" in obj, get: obj => obj.className, set: (obj, value) => { obj.className = value; } }, metadata: _metadata }, _className_initializers, _className_extraInitializers);
+        RefreshIcon_esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
+        RefreshIcon = _classThis = _classDescriptor.value;
+        if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+    })();
+    Object.defineProperty(_classThis, "styles", {
+        enumerable: true,
+        configurable: true,
+        writable: true,
+        value: (0,external_lit_namespaceObject.css) `:host{display:inline-block;cursor:pointer}.icon{width:24px;height:24px;color:inherit}svg{width:100%;height:100%}`
+    });
+    (() => {
+        RefreshIcon_runInitializers(_classThis, _classExtraInitializers);
+    })();
+    return RefreshIcon = _classThis;
+})();
 
-const spinnerStyles = (0,external_lit_namespaceObject.css) `@keyframes spin{from{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.spinner{position:absolute;top:calc(50% - 2rem / 2);left:calc(50% - 2rem / 2);width:2rem;height:2rem;border-radius:50%;animation:spin .6s infinite linear}`;
 
-;// CONCATENATED MODULE: ./src/InAppMessaging/components/Spinner/Spinner.ts
-var Spinner_esDecorate = (undefined && undefined.__esDecorate) || function (ctor, descriptorIn, decorators, contextIn, initializers, extraInitializers) {
+;// CONCATENATED MODULE: ./src/InAppMessaging/components/Loader/Loader.ts
+var Loader_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;
@@ -27526,61 +27523,120 @@ var Spinner_esDecorate = (undefined && undefined.__esDecorate) || function (ctor
     if (target) Object.defineProperty(target, contextIn.name, descriptor);
     done = true;
 };
-var Spinner_runInitializers = (undefined && undefined.__runInitializers) || function (thisArg, initializers, value) {
+var Loader_runInitializers = (undefined && undefined.__runInitializers) || function (thisArg, initializers, value) {
     var useValue = arguments.length > 2;
     for (var i = 0; i < initializers.length; i++) {
         value = useValue ? initializers[i].call(thisArg, value) : initializers[i].call(thisArg);
     }
     return useValue ? value : void 0;
 };
-var Spinner_setFunctionName = (undefined && undefined.__setFunctionName) || function (f, name, prefix) {
+var Loader_setFunctionName = (undefined && undefined.__setFunctionName) || function (f, name, prefix) {
     if (typeof name === "symbol") name = name.description ? "[".concat(name.description, "]") : "";
     return Object.defineProperty(f, "name", { configurable: true, value: prefix ? "".concat(prefix, " ", name) : name });
 };
+var Loader_classPrivateFieldGet = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
+    if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a getter");
+    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
+    return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
+};
+var Loader_classPrivateFieldSet = (undefined && undefined.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
+    if (kind === "m") throw new TypeError("Private method is not writable");
+    if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a setter");
+    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
+    return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
+};
 
 
 
-
-let Spinner_Spinner = (() => {
-    let _classDecorators = [(0,decorators_js_namespaceObject.customElement)("iam-spinner")];
+let Loader_Loader = (() => {
+    var _Loader_background_accessor_storage, _Loader_color_accessor_storage, _Loader_needShowErrorScreen_accessor_storage, _Loader_needShowLoaderScreen_accessor_storage;
+    let _classDecorators = [(0,decorators_js_namespaceObject.customElement)("iam-loader")];
     let _classDescriptor;
     let _classExtraInitializers = [];
     let _classThis;
     let _classSuper = external_lit_namespaceObject.LitElement;
-    var Spinner = _classThis = class extends _classSuper {
+    let _background_decorators;
+    let _background_initializers = [];
+    let _background_extraInitializers = [];
+    let _color_decorators;
+    let _color_initializers = [];
+    let _color_extraInitializers = [];
+    let _needShowErrorScreen_decorators;
+    let _needShowErrorScreen_initializers = [];
+    let _needShowErrorScreen_extraInitializers = [];
+    let _needShowLoaderScreen_decorators;
+    let _needShowLoaderScreen_initializers = [];
+    let _needShowLoaderScreen_extraInitializers = [];
+    var Loader = _classThis = class extends _classSuper {
+        get background() { return Loader_classPrivateFieldGet(this, _Loader_background_accessor_storage, "f"); }
+        set background(value) { Loader_classPrivateFieldSet(this, _Loader_background_accessor_storage, value, "f"); }
+        get color() { return Loader_classPrivateFieldGet(this, _Loader_color_accessor_storage, "f"); }
+        set color(value) { Loader_classPrivateFieldSet(this, _Loader_color_accessor_storage, value, "f"); }
+        get needShowErrorScreen() { return Loader_classPrivateFieldGet(this, _Loader_needShowErrorScreen_accessor_storage, "f"); }
+        set needShowErrorScreen(value) { Loader_classPrivateFieldSet(this, _Loader_needShowErrorScreen_accessor_storage, value, "f"); }
+        get needShowLoaderScreen() { return Loader_classPrivateFieldGet(this, _Loader_needShowLoaderScreen_accessor_storage, "f"); }
+        set needShowLoaderScreen(value) { Loader_classPrivateFieldSet(this, _Loader_needShowLoaderScreen_accessor_storage, value, "f"); }
+        _onReload(e) {
+            e.stopPropagation();
+            this.dispatchEvent(new CustomEvent("reload", { bubbles: true, composed: true }));
+        }
         render() {
-            const backgroundColor = "white";
-            const accentBackgroundColor = "transparent";
-            return (0,external_lit_namespaceObject.html) `<div class="spinner" style="${(0,style_map_js_namespaceObject.styleMap)({
-                border: `solid 2px ${backgroundColor}`,
-                borderColor: `${accentBackgroundColor} ${backgroundColor} ${backgroundColor} ${backgroundColor}`
-            })}"></div>`;
+            const needShowReloadBtn = this.needShowErrorScreen;
+            const isLoading = this.needShowLoaderScreen;
+            if (!isLoading && !needShowReloadBtn) {
+                return null;
+            }
+            return (0,external_lit_namespaceObject.html) `<div class="loader" style="--loader-background:${this.background || "black"}--loaderBackgroundColor:${this.color || "white"}" @click="${(e) => {
+                e.preventDefault();
+                e.stopPropagation();
+            }}">${needShowReloadBtn
+                ? (0,external_lit_namespaceObject.html) `<iam-refresh-icon class="loader__refresh-btn" @refresh="${this._onReload}"></iam-refresh-icon>`
+                : isLoading
+                    ? (0,external_lit_namespaceObject.html) `<div class="loader__spinner"></div>`
+                    : null}</div>`;
+        }
+        constructor() {
+            super(...arguments);
+            _Loader_background_accessor_storage.set(this, Loader_runInitializers(this, _background_initializers, null));
+            _Loader_color_accessor_storage.set(this, (Loader_runInitializers(this, _background_extraInitializers), Loader_runInitializers(this, _color_initializers, null)));
+            _Loader_needShowErrorScreen_accessor_storage.set(this, (Loader_runInitializers(this, _color_extraInitializers), Loader_runInitializers(this, _needShowErrorScreen_initializers, false)));
+            _Loader_needShowLoaderScreen_accessor_storage.set(this, (Loader_runInitializers(this, _needShowErrorScreen_extraInitializers), Loader_runInitializers(this, _needShowLoaderScreen_initializers, false)));
+            Loader_runInitializers(this, _needShowLoaderScreen_extraInitializers);
         }
     };
-    Spinner_setFunctionName(_classThis, "Spinner");
+    _Loader_background_accessor_storage = new WeakMap();
+    _Loader_color_accessor_storage = new WeakMap();
+    _Loader_needShowErrorScreen_accessor_storage = new WeakMap();
+    _Loader_needShowLoaderScreen_accessor_storage = new WeakMap();
+    Loader_setFunctionName(_classThis, "Loader");
     (() => {
         var _a;
         const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create((_a = _classSuper[Symbol.metadata]) !== null && _a !== void 0 ? _a : null) : void 0;
-        Spinner_esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
-        Spinner = _classThis = _classDescriptor.value;
+        _background_decorators = [(0,decorators_js_namespaceObject.property)({ type: String })];
+        _color_decorators = [(0,decorators_js_namespaceObject.property)({ type: String })];
+        _needShowErrorScreen_decorators = [(0,decorators_js_namespaceObject.property)({ type: Boolean })];
+        _needShowLoaderScreen_decorators = [(0,decorators_js_namespaceObject.property)({ type: Boolean })];
+        Loader_esDecorate(_classThis, null, _background_decorators, { kind: "accessor", name: "background", static: false, private: false, access: { has: obj => "background" in obj, get: obj => obj.background, set: (obj, value) => { obj.background = value; } }, metadata: _metadata }, _background_initializers, _background_extraInitializers);
+        Loader_esDecorate(_classThis, null, _color_decorators, { kind: "accessor", name: "color", static: false, private: false, access: { has: obj => "color" in obj, get: obj => obj.color, set: (obj, value) => { obj.color = value; } }, metadata: _metadata }, _color_initializers, _color_extraInitializers);
+        Loader_esDecorate(_classThis, 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);
+        Loader_esDecorate(_classThis, 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);
+        Loader_esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
+        Loader = _classThis = _classDescriptor.value;
         if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
     })();
     Object.defineProperty(_classThis, "styles", {
         enumerable: true,
         configurable: true,
         writable: true,
-        value: spinnerStyles
+        value: (0,external_lit_namespaceObject.css) `.loader{position:absolute;z-index:10001;top:0;bottom:0;left:0;right:0;display:flex;justify-content:center;align-items:center;background:var(--loader-background,#000)}.loader__refresh-btn{color:#fff;cursor:pointer;position:absolute;left:50%;top:50%;transform:translate3d(-50%,-50%,0);pointer-events:auto;padding:20px;width:32px;height:32px;box-sizing:content-box}.loader__spinner{flex-shrink:0;display:inline-block;width:32px;height:32px;border-radius:50%;border:solid 2px var(--loaderBackgroundColor,#fff);border-color:var(--loaderBackgroundAccentColor,transparent) var(--loaderBackgroundColor,#fff) var(--loaderBackgroundColor,#fff) var(--loaderBackgroundColor,#fff);animation:loading-spinner .6s infinite linear}@keyframes loading-spinner{from{transform:rotate(0)}to{transform:rotate(359deg)}}`
     });
     (() => {
-        Spinner_runInitializers(_classThis, _classExtraInitializers);
+        Loader_runInitializers(_classThis, _classExtraInitializers);
     })();
-    return Spinner = _classThis;
+    return Loader = _classThis;
 })();
 
 
-;// CONCATENATED MODULE: ./src/InAppMessaging/components/Spinner/index.ts
-
-
 ;// CONCATENATED MODULE: ./src/InAppMessaging/InAppMessagingReader.ts
 var InAppMessagingReader_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; }
@@ -27681,7 +27737,6 @@ let InAppMessagingReader = (() => {
             _InAppMessagingReader_dir_accessor_storage.set(this, (InAppMessagingReader_runInitializers(this, _desktopMode_extraInitializers), InAppMessagingReader_runInitializers(this, _dir_initializers, TextDir.LTR)));
             _InAppMessagingReader_viewModel_accessor_storage.set(this, (InAppMessagingReader_runInitializers(this, _dir_extraInitializers), InAppMessagingReader_runInitializers(this, _viewModel_initializers, null)));
             _InAppMessagingReader_open_accessor_storage.set(this, (InAppMessagingReader_runInitializers(this, _viewModel_extraInitializers), InAppMessagingReader_runInitializers(this, _open_initializers, true)));
-            /*  @query("#iam-container") private accessor iamContainerRef: HTMLElement | null = null; */
             Object.defineProperty(this, "viewportController", {
                 enumerable: true,
                 configurable: true,
@@ -27742,6 +27797,15 @@ let InAppMessagingReader = (() => {
                 desktopMode: this.desktopMode
             });
         }
+        async handleReloadMessage() {
+            var _a, _b, _c;
+            try {
+                await ((_c = (_b = (_a = this.viewModel) === null || _a === void 0 ? void 0 : _a.activeMessage) === null || _b === void 0 ? void 0 : _b.activeSlide) === null || _c === void 0 ? void 0 : _c.restart());
+            }
+            catch (error) {
+                console.error(error);
+            }
+        }
         render() {
             var _a, _b;
             const message = (_a = this.viewModel) === null || _a === void 0 ? void 0 : _a.activeMessage;
@@ -27751,7 +27815,7 @@ let InAppMessagingReader = (() => {
             const type = message.type;
             const messageGeometry = this.createMessageGeometry(type, message.appearanceOptions);
             const slideGeometry = this.createSlideGeometry(messageGeometry);
-            return (0,external_lit_namespaceObject.html) `<message-view-factory type="${type}" @closed="${this.handleClosed}" .appearanceOptions="${message.appearanceOptions}" .geometry="${messageGeometry}" .open="${this.open}" .dir="${this.dir}" .desktopMode="${this.desktopMode}" .touchController="${touchController}"><message-slide .message="${message}" .styleContext="${message.context.style}" .geometry="${slideGeometry}"></message-slide></message-view-factory>`;
+            return (0,external_lit_namespaceObject.html) `<message-view-factory type="${type}" @closed="${this.handleClosed}" .appearanceOptions="${message.appearanceOptions}" .geometry="${messageGeometry}" .open="${this.open}" .dir="${this.dir}" .desktopMode="${this.desktopMode}" .touchController="${touchController}"><message-slide .message="${message}" .styleContext="${message.context.style}" .geometry="${slideGeometry}"></message-slide><iam-loader .needShowErrorScreen="${message.needShowErrorScreen}" .needShowLoaderScreen="${message.needShowLoaderScreen}" @reload="${this.handleReloadMessage}"></iam-loader></message-view-factory>`;
         }
     };
     _InAppMessagingReader_options_accessor_storage = new WeakMap();