@inappstory/react-sdk 1.8.0-rc.12 → 1.8.0-rc.14

package/dist/index.esm.mjs

@@ -2406,11 +2406,39 @@ function queryCache(originalMethod, context) {
     };
 }
 
+;// CONCATENATED MODULE: ../core/src/helpers/decorators/safeCustomElement.ts
+/**
+ * HMR-safe version of @customElement
+ * Prevents an error when re-registering a component.
+ */
+function safeCustomElement(tagName) {
+    return function (classDef, context) {
+        const defineIfNeeded = (ctor) => {
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, ctor);
+            }
+            else {
+                console.warn(`[IAS] Element "${tagName}" is already registered. Skipping re-definition`);
+            }
+        };
+        // New decorator specification: context is available and has addInitializer
+        if (context && typeof context.addInitializer === "function") {
+            context.addInitializer(() => defineIfNeeded(classDef));
+        }
+        else {
+            // Legacy-style decorators: just call define right away
+            defineIfNeeded(classDef);
+        }
+        return classDef;
+    };
+}
+
 ;// CONCATENATED MODULE: ../core/src/helpers/decorators/index.ts
 
 
 
 
+
 ;// CONCATENATED MODULE: ../core/src/helpers/encodeSvg.ts
 const symbols = /[\r\n%#()<>?[\\\]^`{|}]/g;
 function encodeSVG(data, externalQuotesValue = "double") {
@@ -3607,13 +3635,21 @@ let IamApi = (() => {
 ;// CONCATENATED MODULE: ../core/src/domain/inAppMessaging/models/appearanceOptions/iamCommonAppearanceOptions.ts
 class IamAppearanceCommonOptions {
     constructor(optionsDto) {
+        var _a;
         Object.defineProperty(this, "background", {
             enumerable: true,
             configurable: true,
             writable: true,
             value: void 0
         });
+        Object.defineProperty(this, "cardAppearance", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: {}
+        });
         this.background = this.mapBackgroundDtoToModel(optionsDto.background);
+        this.cardAppearance = (_a = optionsDto.card_appearance) !== null && _a !== void 0 ? _a : {};
     }
     mapBackgroundDtoToModel(backgroundDto) {
         if (!backgroundDto || backgroundDto.alpha === 0)
@@ -10145,7 +10181,8 @@ let StoryViewModel = (() => {
                     viewport: window,
                     userResizeHandler: undefined,
                     VODPlayer: this.storyManager.globalProperties.$videoOnDemand,
-                    overlappingActionBarHeight: this.actionPanel.height
+                    overlappingActionBarHeight: this.actionPanel.height,
+                    useSdkCacheForMultislideMode: false
                 });
                 slideApi.setSdkClientVariables(this.storyManager.config.options);
                 return slideApi;
@@ -10707,7 +10744,7 @@ class GameClientConfig {
             value: void 0
         });
         const storyManagerConfig = this.storyManager.config;
-        const sdkVersion = "1.8.0-rc.12";
+        const sdkVersion = "1.8.0-rc.14";
         const placeholders = this.storyManager.rootStore.placeholderStore.placeholders;
         const session = this.storyManager.rootStore.sessionStore.session;
         this.sessionId = session.id;
@@ -12176,6 +12213,9 @@ class StorySlideApiHandlers {
             value: new NarrativeDataCache()
         });
     }
+    onEvent(name, event) { }
+    onCardLoadingStateChange(state) { }
+    ;
     clearNarrativeSessionDataCache() {
         this.sessionNarrativeDataCache.clear();
     }
@@ -17367,7 +17407,16 @@ let IamMessageSlideViewModel = (() => {
                 const { canClickNext } = this.slideApi.slideClickHandler(event.target, direction);
                 this._disabledNextClick = !canClickNext;
             }
-            destroy() { }
+            async destroy() {
+                try {
+                    this.message.touchController.off(TouchControllerEvent.TouchEnd, this.handleTouchEnd);
+                    document.removeEventListener("visibilitychange", this.handleDocumentVisibilityChange);
+                    await this.slideApi.destroy();
+                }
+                catch (error) {
+                    console.error(error);
+                }
+            }
             getNavigationDirection(event, currentTarget) {
                 const xPercent = this.getClickPosition(event, currentTarget);
                 const k = this.slideApi.layoutDirection === "ltr" ? 1 : -1;
@@ -17423,6 +17472,7 @@ let IamMessageSlideViewModel = (() => {
 
 
 
+
 ;// CONCATENATED MODULE: ../core/src/readers/inAppMessaging/iamMessage/actions/openGameAction.ts
 
 class openGameAction_OpenGameAction {
@@ -17441,13 +17491,11 @@ class openGameAction_OpenGameAction {
         });
     }
     async handle(payload) {
-        var _a;
         try {
             await this.storyManager.openGame(payload.gameInstanceId);
-            (_a = this.iamMessage.activeSlide) === null || _a === void 0 ? void 0 : _a.pauseAndLock();
+            this.iamMessage.pauseAndLock();
             this.storyManager.gameReader.once(GameReaderEvent.Close, () => {
-                var _a;
-                (_a = this.iamMessage.activeSlide) === null || _a === void 0 ? void 0 : _a.resumeAndUnlock();
+                this.iamMessage.resumeAndUnlock();
             });
         }
         catch (error) {
@@ -17751,7 +17799,12 @@ let IamReaderViewModel = (() => {
                 });
             }
             createIamMessageViewModel(message) {
-                return new IamMessageViewModel(this, this.storyManager, message, this.iamStatisticsService);
+                if (message.slides.length > 1) {
+                    return new IamMultiSlideMessageViewModel(this, this.storyManager, message, this.iamStatisticsService);
+                }
+                else {
+                    return new IamMessageViewModel(this, this.storyManager, message, this.iamStatisticsService);
+                }
             }
             checkMessageNotOpened() {
                 if (this.activeMessage)
@@ -17852,13 +17905,11 @@ class showStoryAction_ShowStoryAction {
         });
     }
     async handle(payload) {
-        var _a;
         try {
             await this.storyManager.showStory(payload.storyId);
-            (_a = this.message.activeSlide) === null || _a === void 0 ? void 0 : _a.pauseAndLock();
+            this.message.pauseAndLock();
             this.storyManager.storyReader.once(StoryReaderEvent.Close, () => {
-                var _a;
-                (_a = this.message.activeSlide) === null || _a === void 0 ? void 0 : _a.resumeAndUnlock();
+                this.message.resumeAndUnlock();
             });
         }
         catch (error) {
@@ -17898,6 +17949,7 @@ class narrativeDataCache_NarrativeDataCache {
 
 
 
+
 class IamSlideApiHandlers {
     constructor(storyManager, iamReader, iamMessage, iamStatisticsService) {
         Object.defineProperty(this, "storyManager", {
@@ -17937,6 +17989,29 @@ class IamSlideApiHandlers {
             value: new narrativeDataCache_NarrativeDataCache()
         });
     }
+    onEvent(name, event) {
+        switch (name) {
+            case "showSlide":
+                if (this.iamMessage instanceof IamMultiSlideMessageViewModel) {
+                    this.iamMessage.onShowSlide(event.index);
+                }
+                break;
+        }
+    }
+    onCardLoadingStateChange(state) {
+        switch (state) {
+            case 0 /* CARD_LOADING_STATE.LOADING */:
+                this.iamMessage.showLoaderScreen();
+                break;
+            case 1 /* CARD_LOADING_STATE.LOADED */:
+                this.iamMessage.hideErrorScreen();
+                this.iamMessage.hideLoaderScreen();
+                break;
+            case 2 /* CARD_LOADING_STATE.LOADING_ERROR */:
+                this.iamMessage.showErrorScreen();
+                break;
+        }
+    }
     clearActiveNarrativeDataCache() {
         this.activeMessageNarrativeDataCache.clear();
     }
@@ -18046,8 +18121,7 @@ class IamSlideApiHandlers {
     share(id, config) { }
     shareSlideScreenshot(shareId, hideElementsSelector, shareText) { }
     showLayer(index) {
-        var _a;
-        (_a = this.iamMessage.activeSlide) === null || _a === void 0 ? void 0 : _a.showLayerByIndex(index);
+        this.iamMessage.showLayerByIndex(index);
     }
     showCardSlide(slideIndex) { }
     cardShowNext() { }
@@ -18083,11 +18157,48 @@ class IamSlideApiHandlers {
             this.iamMessage.hideErrorScreen();
     }
     showToast(text) {
-        var _a;
-        (_a = this.iamMessage.activeSlide) === null || _a === void 0 ? void 0 : _a.showToast({ content: text });
+        this.iamMessage.showToast({ content: text });
     }
 }
 
+;// CONCATENATED MODULE: ../core/src/readers/inAppMessaging/iamMessageSlide/nullIamMessageSlideViewModel.ts
+class NullIamMessageSlideViewModel {
+    get isLoading() {
+        return true;
+    }
+    get html() {
+        return "";
+    }
+    get navigationDisabled() {
+        return false;
+    }
+    async reload() {
+        return {
+            currentTime: Date.now()
+        };
+    }
+    mute() { }
+    unmute() { }
+    notifyTimerEnd() { }
+    pauseAndLock() { }
+    resumeAndUnlock() { }
+    async showLayerByIndex(index) { }
+    setUserData(id, text) { }
+    setShareComplete(id, isSuccess) { }
+    notifySwipeUp(target) { }
+    showToast(options) { }
+    async init() { }
+    async start() { }
+    async restart() { }
+    async resumeByApp() { }
+    async pauseByApp() { }
+    async resumeByUser() { }
+    async pauseByUser() { }
+    async stop() { }
+    onClick(event, currentTarget) { }
+    async destroy() { }
+}
+
 ;// CONCATENATED MODULE: ../core/src/readers/inAppMessaging/iamMessage/iamMessageViewModel.ts
 var iamMessageViewModel_runInitializers = (undefined && undefined.__runInitializers) || function (thisArg, initializers, value) {
     var useValue = arguments.length > 2;
@@ -18141,9 +18252,10 @@ var iamMessageViewModel_classPrivateFieldSet = (undefined && undefined.__classPr
 
 
 
+
 let IamMessageViewModel = (() => {
     var _a, _IamMessageViewModel__isOnceOpened_accessor_storage, _IamMessageViewModel__$root_accessor_storage, _IamMessageViewModel__needShowErrorScreen_accessor_storage, _IamMessageViewModel__needShowLoaderScreen_accessor_storage;
-    let _classSuper = ViewModel;
+    let _classSuper = events.EventEmitter;
     let _instanceExtraInitializers = [];
     let __isOnceOpened_decorators;
     let __isOnceOpened_initializers = [];
@@ -18246,7 +18358,8 @@ let IamMessageViewModel = (() => {
                 return 0;
             }
             get activeSlide() {
-                return this._slides[this.activeSlideIndex];
+                var _b;
+                return (_b = this._slides[this.activeSlideIndex]) !== null && _b !== void 0 ? _b : new NullIamMessageSlideViewModel();
             }
             get slides() {
                 return this._slides;
@@ -18260,11 +18373,6 @@ let IamMessageViewModel = (() => {
             get iterationId() {
                 return this.iamMessage.iterationId;
             }
-            /**
-                1 - Bottom sheet
-                2 - Modal
-                3 - Fullscreen
-            */
             get type() {
                 return this.iamMessage.type;
             }
@@ -18291,17 +18399,17 @@ let IamMessageViewModel = (() => {
                 return this.storyManager.rootStore.iamStore.updateMessageUserData(this.id, data);
             }
             async init() {
-                var _b;
-                await ((_b = this.activeSlide) === null || _b === void 0 ? void 0 : _b.init());
+                await this.activeSlide.init();
             }
             async start() {
-                var _b;
-                await ((_b = this.activeSlide) === null || _b === void 0 ? void 0 : _b.start());
+                await this.activeSlide.start();
             }
             async stop() {
-                var _b;
                 this.slideApiHandlers.clearActiveNarrativeDataCache();
-                await ((_b = this.activeSlide) === null || _b === void 0 ? void 0 : _b.stop());
+                await this.activeSlide.stop();
+            }
+            onClick(event, currentTarget) {
+                this.activeSlide.onClick(event, currentTarget);
             }
             toPublicDto() {
                 return this.iamMessage.toPublicDto();
@@ -18318,9 +18426,25 @@ let IamMessageViewModel = (() => {
             hideErrorScreen() {
                 this._needShowErrorScreen = false;
             }
-            destroy() {
+            async destroy() {
                 var _b;
-                (_b = this.slideApi) === null || _b === void 0 ? void 0 : _b.destroy();
+                return (_b = this.slideApi) === null || _b === void 0 ? void 0 : _b.destroy();
+            }
+            resumeAndUnlock() {
+                this.activeSlide.resumeAndUnlock();
+            }
+            pauseAndLock() {
+                this.activeSlide.resumeAndUnlock();
+            }
+            showLayerByIndex(index) {
+                this.activeSlide.showLayerByIndex(index);
+            }
+            showToast(options) {
+                this.activeSlide.showToast(options);
+            }
+            restart() {
+                var _b;
+                return (_b = this.activeSlide) === null || _b === void 0 ? void 0 : _b.restart();
             }
             createSlidesViewModels() {
                 if (this._slides.length > 0)
@@ -18333,7 +18457,8 @@ let IamMessageViewModel = (() => {
                     nonce: getNonce(),
                     viewport: window,
                     userResizeHandler: undefined,
-                    VODPlayer: this.storyManager.globalProperties.$videoOnDemand
+                    VODPlayer: this.storyManager.globalProperties.$videoOnDemand,
+                    useSdkCacheForMultislideMode: false
                 });
                 this._slides = this.iamMessage.slides.map(slide => new IamMessageSlideViewModel(this, slide, slideApi));
                 this.slideApi = slideApi;
@@ -18374,11 +18499,420 @@ let IamMessageViewModel = (() => {
 })();
 
 
+;// CONCATENATED MODULE: ../core/src/readers/inAppMessaging/iamMessage/iamMultiSlideMessageViewModel.ts
+var iamMultiSlideMessageViewModel_runInitializers = (undefined && undefined.__runInitializers) || function (thisArg, initializers, value) {
+    var useValue = arguments.length > 2;
+    for (var i = 0; i < initializers.length; i++) {
+        value = useValue ? initializers[i].call(thisArg, value) : initializers[i].call(thisArg);
+    }
+    return useValue ? value : void 0;
+};
+var iamMultiSlideMessageViewModel_esDecorate = (undefined && undefined.__esDecorate) || function (ctor, descriptorIn, decorators, contextIn, initializers, extraInitializers) {
+    function accept(f) { if (f !== void 0 && typeof f !== "function") throw new TypeError("Function expected"); return f; }
+    var kind = contextIn.kind, key = kind === "getter" ? "get" : kind === "setter" ? "set" : "value";
+    var target = !descriptorIn && ctor ? contextIn["static"] ? ctor : ctor.prototype : null;
+    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 iamMultiSlideMessageViewModel_classPrivateFieldGet = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
+    if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a getter");
+    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
+    return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
+};
+var iamMultiSlideMessageViewModel_classPrivateFieldSet = (undefined && undefined.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
+    if (kind === "m") throw new TypeError("Private method is not writable");
+    if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a setter");
+    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
+    return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
+};
+
+
+
+
+
+
+
+const iamMultiSlideMessageViewModel_SWIPE_UP_THRESHOLD = 10;
+const iamMultiSlideMessageViewModel_SLIDE_CLICK_THRESHOLD = 0.3;
+let IamMultiSlideMessageViewModel = (() => {
+    var _a, _IamMultiSlideMessageViewModel__isOnceOpened_accessor_storage, _IamMultiSlideMessageViewModel__$root_accessor_storage, _IamMultiSlideMessageViewModel__needShowErrorScreen_accessor_storage, _IamMultiSlideMessageViewModel__needShowLoaderScreen_accessor_storage, _IamMultiSlideMessageViewModel__disabledNextClick_accessor_storage;
+    let _classSuper = events.EventEmitter;
+    let _instanceExtraInitializers = [];
+    let __isOnceOpened_decorators;
+    let __isOnceOpened_initializers = [];
+    let __isOnceOpened_extraInitializers = [];
+    let __$root_decorators;
+    let __$root_initializers = [];
+    let __$root_extraInitializers = [];
+    let __needShowErrorScreen_decorators;
+    let __needShowErrorScreen_initializers = [];
+    let __needShowErrorScreen_extraInitializers = [];
+    let __needShowLoaderScreen_decorators;
+    let __needShowLoaderScreen_initializers = [];
+    let __needShowLoaderScreen_extraInitializers = [];
+    let __disabledNextClick_decorators;
+    let __disabledNextClick_initializers = [];
+    let __disabledNextClick_extraInitializers = [];
+    let _showErrorScreen_decorators;
+    let _showLoaderScreen_decorators;
+    let _hideLoaderScreen_decorators;
+    let _hideErrorScreen_decorators;
+    return _a = class IamMultiSlideMessageViewModel extends _classSuper {
+            get _isOnceOpened() { return iamMultiSlideMessageViewModel_classPrivateFieldGet(this, _IamMultiSlideMessageViewModel__isOnceOpened_accessor_storage, "f"); }
+            set _isOnceOpened(value) { iamMultiSlideMessageViewModel_classPrivateFieldSet(this, _IamMultiSlideMessageViewModel__isOnceOpened_accessor_storage, value, "f"); }
+            get _$root() { return iamMultiSlideMessageViewModel_classPrivateFieldGet(this, _IamMultiSlideMessageViewModel__$root_accessor_storage, "f"); }
+            set _$root(value) { iamMultiSlideMessageViewModel_classPrivateFieldSet(this, _IamMultiSlideMessageViewModel__$root_accessor_storage, value, "f"); }
+            get _needShowErrorScreen() { return iamMultiSlideMessageViewModel_classPrivateFieldGet(this, _IamMultiSlideMessageViewModel__needShowErrorScreen_accessor_storage, "f"); }
+            set _needShowErrorScreen(value) { iamMultiSlideMessageViewModel_classPrivateFieldSet(this, _IamMultiSlideMessageViewModel__needShowErrorScreen_accessor_storage, value, "f"); }
+            get _needShowLoaderScreen() { return iamMultiSlideMessageViewModel_classPrivateFieldGet(this, _IamMultiSlideMessageViewModel__needShowLoaderScreen_accessor_storage, "f"); }
+            set _needShowLoaderScreen(value) { iamMultiSlideMessageViewModel_classPrivateFieldSet(this, _IamMultiSlideMessageViewModel__needShowLoaderScreen_accessor_storage, value, "f"); }
+            get _disabledNextClick() { return iamMultiSlideMessageViewModel_classPrivateFieldGet(this, _IamMultiSlideMessageViewModel__disabledNextClick_accessor_storage, "f"); }
+            set _disabledNextClick(value) { iamMultiSlideMessageViewModel_classPrivateFieldSet(this, _IamMultiSlideMessageViewModel__disabledNextClick_accessor_storage, value, "f"); }
+            constructor(iamReader, storyManager, iamMessage, iamStatisticsService) {
+                super();
+                Object.defineProperty(this, "iamReader", {
+                    enumerable: true,
+                    configurable: true,
+                    writable: true,
+                    value: (iamMultiSlideMessageViewModel_runInitializers(this, _instanceExtraInitializers), iamReader)
+                });
+                Object.defineProperty(this, "storyManager", {
+                    enumerable: true,
+                    configurable: true,
+                    writable: true,
+                    value: storyManager
+                });
+                Object.defineProperty(this, "iamMessage", {
+                    enumerable: true,
+                    configurable: true,
+                    writable: true,
+                    value: iamMessage
+                });
+                Object.defineProperty(this, "iamStatisticsService", {
+                    enumerable: true,
+                    configurable: true,
+                    writable: true,
+                    value: iamStatisticsService
+                });
+                Object.defineProperty(this, "toast", {
+                    enumerable: true,
+                    configurable: true,
+                    writable: true,
+                    value: null
+                });
+                Object.defineProperty(this, "slideApiHandlers", {
+                    enumerable: true,
+                    configurable: true,
+                    writable: true,
+                    value: void 0
+                });
+                _IamMultiSlideMessageViewModel__isOnceOpened_accessor_storage.set(this, iamMultiSlideMessageViewModel_runInitializers(this, __isOnceOpened_initializers, false));
+                _IamMultiSlideMessageViewModel__$root_accessor_storage.set(this, (iamMultiSlideMessageViewModel_runInitializers(this, __isOnceOpened_extraInitializers), iamMultiSlideMessageViewModel_runInitializers(this, __$root_initializers, null)));
+                _IamMultiSlideMessageViewModel__needShowErrorScreen_accessor_storage.set(this, (iamMultiSlideMessageViewModel_runInitializers(this, __$root_extraInitializers), iamMultiSlideMessageViewModel_runInitializers(this, __needShowErrorScreen_initializers, false)));
+                _IamMultiSlideMessageViewModel__needShowLoaderScreen_accessor_storage.set(this, (iamMultiSlideMessageViewModel_runInitializers(this, __needShowErrorScreen_extraInitializers), iamMultiSlideMessageViewModel_runInitializers(this, __needShowLoaderScreen_initializers, false)));
+                _IamMultiSlideMessageViewModel__disabledNextClick_accessor_storage.set(this, (iamMultiSlideMessageViewModel_runInitializers(this, __needShowLoaderScreen_extraInitializers), iamMultiSlideMessageViewModel_runInitializers(this, __disabledNextClick_initializers, false)));
+                Object.defineProperty(this, "_activeSlideIndex", {
+                    enumerable: true,
+                    configurable: true,
+                    writable: true,
+                    value: (iamMultiSlideMessageViewModel_runInitializers(this, __disabledNextClick_extraInitializers), 0)
+                });
+                Object.defineProperty(this, "locked", {
+                    enumerable: true,
+                    configurable: true,
+                    writable: true,
+                    value: false
+                });
+                Object.defineProperty(this, "touchController", {
+                    enumerable: true,
+                    configurable: true,
+                    writable: true,
+                    value: void 0
+                });
+                Object.defineProperty(this, "slideApi", {
+                    enumerable: true,
+                    configurable: true,
+                    writable: true,
+                    value: void 0
+                });
+                Object.defineProperty(this, "attachRoot", {
+                    enumerable: true,
+                    configurable: true,
+                    writable: true,
+                    value: (el) => {
+                        this._$root = el;
+                        this.slideApi = this.createSlideApi();
+                    }
+                });
+                Object.defineProperty(this, "handleTouchEnd", {
+                    enumerable: true,
+                    configurable: true,
+                    writable: true,
+                    value: ({ dy }) => {
+                        if (!this.touchController)
+                            return;
+                        if (dy < iamMultiSlideMessageViewModel_SWIPE_UP_THRESHOLD && this.touchController.verticalSwipeGesture)
+                            this.slideApi.slideSwipeUpHandler();
+                    }
+                });
+                this.touchController = iamReader.touchController;
+                this.slideApiHandlers = new IamSlideApiHandlers(this.storyManager, this.iamReader, this, this.iamStatisticsService);
+                this.handleDocumentVisibilityChange = this.handleDocumentVisibilityChange.bind(this);
+            }
+            get id() {
+                return this.iamMessage.id;
+            }
+            get $root() {
+                return this._$root;
+            }
+            get activeSlideIndex() {
+                return this._activeSlideIndex;
+            }
+            get slides() {
+                return [];
+            }
+            get context() {
+                return this.iamMessage.context;
+            }
+            get appearanceOptions() {
+                return this.iamMessage.appearanceOptions;
+            }
+            get iterationId() {
+                return this.iamMessage.iterationId;
+            }
+            get type() {
+                return this.iamMessage.type;
+            }
+            get needShowErrorScreen() {
+                return this._needShowErrorScreen;
+            }
+            get needShowLoaderScreen() {
+                return this._needShowLoaderScreen;
+            }
+            get timeSinceLastShow() {
+                return this.iamMessage.timeSinceLastShow;
+            }
+            get disableClose() {
+                return this.iamMessage.disableClose;
+            }
+            open() {
+                this._isOnceOpened = true;
+                const iterationId = this.iamMessage.trackOpen();
+                return {
+                    iterationId
+                };
+            }
+            async updateUserData(data) {
+                return this.storyManager.rootStore.iamStore.updateMessageUserData(this.id, data);
+            }
+            async init() {
+                await this.slideApi.showSlides(this.iamMessage.slides.map(slide => slide.html), this.appearanceOptions.cardAppearance);
+            }
+            async start() {
+                document.addEventListener("visibilitychange", this.handleDocumentVisibilityChange);
+                this.touchController.on(TouchControllerEvent.TouchEnd, this.handleTouchEnd);
+            }
+            async stop() {
+                document.removeEventListener("visibilitychange", this.handleDocumentVisibilityChange);
+                this.touchController.off(TouchControllerEvent.TouchEnd, this.handleTouchEnd);
+            }
+            onClick(event, currentTarget) {
+                if (!event.target || !this.slideApi)
+                    return;
+                event.preventDefault();
+                event.stopPropagation();
+                const direction = this.getNavigationDirection(event, currentTarget);
+                const { canClickNext } = this.slideApi.slideClickHandler(event.target, direction);
+                this._disabledNextClick = !canClickNext;
+            }
+            toPublicDto() {
+                return this.iamMessage.toPublicDto();
+            }
+            showErrorScreen() {
+                this._needShowErrorScreen = true;
+            }
+            showLoaderScreen() {
+                this._needShowLoaderScreen = true;
+            }
+            hideLoaderScreen() {
+                this._needShowLoaderScreen = false;
+            }
+            hideErrorScreen() {
+                this._needShowErrorScreen = false;
+            }
+            async destroy() {
+                var _b;
+                document.removeEventListener("visibilitychange", this.handleDocumentVisibilityChange);
+                this.touchController.off(TouchControllerEvent.TouchEnd, this.handleTouchEnd);
+                return (_b = this.slideApi) === null || _b === void 0 ? void 0 : _b.destroy();
+            }
+            async resumeAndUnlock() {
+                var _b;
+                try {
+                    this.locked = false;
+                    await ((_b = this.slideApi) === null || _b === void 0 ? void 0 : _b.slideAppResume());
+                }
+                catch (error) {
+                    this.handleSlideError(error);
+                }
+            }
+            async pauseAndLock() {
+                var _b;
+                try {
+                    this.locked = true;
+                    await ((_b = this.slideApi) === null || _b === void 0 ? void 0 : _b.slideAppPause());
+                }
+                catch (error) {
+                    this.handleSlideError(error);
+                }
+            }
+            showLayerByIndex(index) {
+                var _b;
+                (_b = this.slideApi) === null || _b === void 0 ? void 0 : _b.showLayer(index);
+            }
+            showToast(options) {
+                this.toast = new Toast(Object.assign(Object.assign({}, options), { mountPoint: this.$root }));
+                this.toast.show(options.content);
+            }
+            onShowSlide(index) {
+                this._activeSlideIndex = index;
+            }
+            async restart() {
+                await this.init();
+            }
+            createSlideApi() {
+                const isFullscreen = this.type === IamMessageType.Fullscreen;
+                return new slide_api_namespaceObject.SlideApi(this.slideApiHandlers, {
+                    root: this._$root,
+                    slideRatio: this.getContentRatio(),
+                    isFullscreen,
+                    nonce: getNonce(),
+                    viewport: window,
+                    userResizeHandler: undefined,
+                    VODPlayer: this.storyManager.globalProperties.$videoOnDemand,
+                    useSdkCacheForMultislideMode: false
+                });
+            }
+            getContentRatio() {
+                if (this.appearanceOptions instanceof IamBottomSheetAppearanceOptions ||
+                    this.appearanceOptions instanceof IamModalAppearanceOptions)
+                    return this.appearanceOptions.contentRatio;
+                return 9 / 16;
+            }
+            handleSlideError(error) {
+                console.error(error);
+                this.showErrorScreen();
+                this.touchController.off(TouchControllerEvent.TouchEnd, this.handleTouchEnd);
+            }
+            getNavigationDirection(event, currentTarget) {
+                const xPercent = this.getClickPosition(event, currentTarget);
+                const k = this.slideApi.layoutDirection === "ltr" ? 1 : -1;
+                const direction = xPercent >= iamMultiSlideMessageViewModel_SLIDE_CLICK_THRESHOLD ? k : -k;
+                return direction > 0 ? "forward" : "backward";
+            }
+            getClickPosition(event, currentTarget) {
+                const rect = currentTarget.getBoundingClientRect();
+                const width = rect.width;
+                if (width <= 0)
+                    return 0;
+                let x;
+                if (event instanceof MouseEvent) {
+                    x = event.pageX - rect.left;
+                }
+                else if (event.touches && event.touches.length > 0) {
+                    x = event.touches[0].pageX - rect.left;
+                }
+                else {
+                    return 0;
+                }
+                return Math.max(0, Math.min(1, x / width));
+            }
+            handleDocumentVisibilityChange() {
+                if (this.locked)
+                    return;
+                if (document.visibilityState === "hidden")
+                    this.pauseByApp();
+                if (document.visibilityState === "visible")
+                    this.resumeByApp();
+            }
+            async resumeByApp() {
+                var _b;
+                try {
+                    await ((_b = this.slideApi) === null || _b === void 0 ? void 0 : _b.slideAppResume());
+                }
+                catch (error) {
+                    this.handleSlideError(error);
+                }
+            }
+            async pauseByApp() {
+                var _b;
+                try {
+                    await ((_b = this.slideApi) === null || _b === void 0 ? void 0 : _b.slideAppPause());
+                }
+                catch (error) {
+                    this.handleSlideError(error);
+                }
+            }
+        },
+        _IamMultiSlideMessageViewModel__isOnceOpened_accessor_storage = new WeakMap(),
+        _IamMultiSlideMessageViewModel__$root_accessor_storage = new WeakMap(),
+        _IamMultiSlideMessageViewModel__needShowErrorScreen_accessor_storage = new WeakMap(),
+        _IamMultiSlideMessageViewModel__needShowLoaderScreen_accessor_storage = new WeakMap(),
+        _IamMultiSlideMessageViewModel__disabledNextClick_accessor_storage = new WeakMap(),
+        (() => {
+            var _b;
+            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create((_b = _classSuper[Symbol.metadata]) !== null && _b !== void 0 ? _b : null) : void 0;
+            __isOnceOpened_decorators = [external_mobx_namespaceObject.observable];
+            __$root_decorators = [external_mobx_namespaceObject.observable];
+            __needShowErrorScreen_decorators = [external_mobx_namespaceObject.observable];
+            __needShowLoaderScreen_decorators = [external_mobx_namespaceObject.observable];
+            __disabledNextClick_decorators = [external_mobx_namespaceObject.observable];
+            _showErrorScreen_decorators = [external_mobx_namespaceObject.action];
+            _showLoaderScreen_decorators = [external_mobx_namespaceObject.action];
+            _hideLoaderScreen_decorators = [external_mobx_namespaceObject.action];
+            _hideErrorScreen_decorators = [external_mobx_namespaceObject.action];
+            iamMultiSlideMessageViewModel_esDecorate(_a, null, __isOnceOpened_decorators, { kind: "accessor", name: "_isOnceOpened", static: false, private: false, access: { has: obj => "_isOnceOpened" in obj, get: obj => obj._isOnceOpened, set: (obj, value) => { obj._isOnceOpened = value; } }, metadata: _metadata }, __isOnceOpened_initializers, __isOnceOpened_extraInitializers);
+            iamMultiSlideMessageViewModel_esDecorate(_a, null, __$root_decorators, { kind: "accessor", name: "_$root", static: false, private: false, access: { has: obj => "_$root" in obj, get: obj => obj._$root, set: (obj, value) => { obj._$root = value; } }, metadata: _metadata }, __$root_initializers, __$root_extraInitializers);
+            iamMultiSlideMessageViewModel_esDecorate(_a, null, __needShowErrorScreen_decorators, { kind: "accessor", name: "_needShowErrorScreen", static: false, private: false, access: { has: obj => "_needShowErrorScreen" in obj, get: obj => obj._needShowErrorScreen, set: (obj, value) => { obj._needShowErrorScreen = value; } }, metadata: _metadata }, __needShowErrorScreen_initializers, __needShowErrorScreen_extraInitializers);
+            iamMultiSlideMessageViewModel_esDecorate(_a, null, __needShowLoaderScreen_decorators, { kind: "accessor", name: "_needShowLoaderScreen", static: false, private: false, access: { has: obj => "_needShowLoaderScreen" in obj, get: obj => obj._needShowLoaderScreen, set: (obj, value) => { obj._needShowLoaderScreen = value; } }, metadata: _metadata }, __needShowLoaderScreen_initializers, __needShowLoaderScreen_extraInitializers);
+            iamMultiSlideMessageViewModel_esDecorate(_a, null, __disabledNextClick_decorators, { kind: "accessor", name: "_disabledNextClick", static: false, private: false, access: { has: obj => "_disabledNextClick" in obj, get: obj => obj._disabledNextClick, set: (obj, value) => { obj._disabledNextClick = value; } }, metadata: _metadata }, __disabledNextClick_initializers, __disabledNextClick_extraInitializers);
+            iamMultiSlideMessageViewModel_esDecorate(_a, null, _showErrorScreen_decorators, { kind: "method", name: "showErrorScreen", static: false, private: false, access: { has: obj => "showErrorScreen" in obj, get: obj => obj.showErrorScreen }, metadata: _metadata }, null, _instanceExtraInitializers);
+            iamMultiSlideMessageViewModel_esDecorate(_a, null, _showLoaderScreen_decorators, { kind: "method", name: "showLoaderScreen", static: false, private: false, access: { has: obj => "showLoaderScreen" in obj, get: obj => obj.showLoaderScreen }, metadata: _metadata }, null, _instanceExtraInitializers);
+            iamMultiSlideMessageViewModel_esDecorate(_a, null, _hideLoaderScreen_decorators, { kind: "method", name: "hideLoaderScreen", static: false, private: false, access: { has: obj => "hideLoaderScreen" in obj, get: obj => obj.hideLoaderScreen }, metadata: _metadata }, null, _instanceExtraInitializers);
+            iamMultiSlideMessageViewModel_esDecorate(_a, null, _hideErrorScreen_decorators, { kind: "method", name: "hideErrorScreen", static: false, private: false, access: { has: obj => "hideErrorScreen" in obj, get: obj => obj.hideErrorScreen }, metadata: _metadata }, null, _instanceExtraInitializers);
+            if (_metadata) Object.defineProperty(_a, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+        })(),
+        _a;
+})();
+
+
 ;// CONCATENATED MODULE: ../core/src/readers/inAppMessaging/iamMessage/index.ts
 
 
 
 
+
+
 ;// CONCATENATED MODULE: ../core/src/readers/inAppMessaging/index.ts
 
 
@@ -20980,7 +21514,7 @@ class UgcEditorStore {
         const session = await this.storyManager.rootStore.sessionStore.open();
         const ugcEditorConfigDto = await this.ugcEditorApi.fetchUgcEditorConfig();
         const storyManagerConfig = this.storyManager.config;
-        const sdkVersion = "1.8.0-rc.12";
+        const sdkVersion = "1.8.0-rc.14";
         this._config = {
             sessionId: session.id,
             apiKey: storyManagerConfig.apiKey,
@@ -21411,7 +21945,7 @@ class StoryManager extends TypedEventEmitter {
         return this._userAgent;
     }
     get sdkVersionName() {
-        const sdkVersionName = "1.8.0-rc.12";
+        const sdkVersionName = "1.8.0-rc.14";
         return sdkVersionName || "0.0.0";
     }
     get sdkVersionCode() {
@@ -26854,7 +27388,7 @@ var decorators_js_x = (y) => {
 	var x = {}; __webpack_require__.d(x, y); return x
 } 
 var decorators_js_y = (x) => (() => (x))
-const decorators_js_namespaceObject = decorators_js_x({ ["customElement"]: () => (__WEBPACK_EXTERNAL_MODULE_lit_decorators_js_226d44c5__.customElement), ["property"]: () => (__WEBPACK_EXTERNAL_MODULE_lit_decorators_js_226d44c5__.property), ["query"]: () => (__WEBPACK_EXTERNAL_MODULE_lit_decorators_js_226d44c5__.query), ["state"]: () => (__WEBPACK_EXTERNAL_MODULE_lit_decorators_js_226d44c5__.state) });
+const decorators_js_namespaceObject = decorators_js_x({ ["property"]: () => (__WEBPACK_EXTERNAL_MODULE_lit_decorators_js_226d44c5__.property), ["query"]: () => (__WEBPACK_EXTERNAL_MODULE_lit_decorators_js_226d44c5__.query), ["state"]: () => (__WEBPACK_EXTERNAL_MODULE_lit_decorators_js_226d44c5__.state) });
 ;// CONCATENATED MODULE: ./src/InAppMessaging/controllers/viewportController.ts
 class ViewportController {
     constructor(host) {
@@ -27064,7 +27598,7 @@ var BottomSheet_classPrivateFieldSet = (undefined && undefined.__classPrivateFie
 
 let BottomSheet = (() => {
     var _BottomSheet_open_accessor_storage, _BottomSheet_disableClose_accessor_storage, _BottomSheet_geometry_accessor_storage, _BottomSheet_appearanceOptions_accessor_storage, _BottomSheet_touchController_accessor_storage, _BottomSheet_desktopMode_accessor_storage, _BottomSheet_isVisible_accessor_storage, _BottomSheet_isClosed_accessor_storage, _BottomSheet_backdropRef_accessor_storage, _BottomSheet_bottomSheetBoxRef_accessor_storage, _BottomSheet_bottomSheetRef_accessor_storage;
-    let _classDecorators = [(0,decorators_js_namespaceObject.customElement)("iam-bottom-sheet")];
+    let _classDecorators = [safeCustomElement("iam-bottom-sheet")];
     let _classDescriptor;
     let _classExtraInitializers = [];
     let _classThis;
@@ -27343,9 +27877,10 @@ var ModalCloseButton_classPrivateFieldSet = (undefined && undefined.__classPriva
 
 
 
+
 let Modal = (() => {
     var _Modal_closeBtnPosition_accessor_storage, _Modal_dir_accessor_storage;
-    let _classDecorators = [(0,decorators_js_namespaceObject.customElement)("iam-modal-close-btn")];
+    let _classDecorators = [safeCustomElement("iam-modal-close-btn")];
     let _classDescriptor;
     let _classExtraInitializers = [];
     let _classThis;
@@ -27463,9 +27998,10 @@ var Modal_classPrivateFieldSet = (undefined && undefined.__classPrivateFieldSet)
 
 const ANIMATION_DURATION = 350;
 
+
 let Modal_Modal = (() => {
     var _Modal_open_accessor_storage, _Modal_disableClose_accessor_storage, _Modal_fullscreen_accessor_storage, _Modal_geometry_accessor_storage, _Modal_appearanceOptions_accessor_storage, _Modal_dir_accessor_storage, _Modal_isVisible_accessor_storage, _Modal_isClosed_accessor_storage, _Modal_backdropRef_accessor_storage;
-    let _classDecorators = [(0,decorators_js_namespaceObject.customElement)("iam-modal")];
+    let _classDecorators = [safeCustomElement("iam-modal")];
     let _classDescriptor;
     let _classExtraInitializers = [];
     let _classThis;
@@ -27715,9 +28251,10 @@ var FullscreenModal_classPrivateFieldSet = (undefined && undefined.__classPrivat
 
 
 
+
 let FullscreenModal = (() => {
     var _FullscreenModal_open_accessor_storage, _FullscreenModal_geometry_accessor_storage, _FullscreenModal_appearanceOptions_accessor_storage;
-    let _classDecorators = [(0,decorators_js_namespaceObject.customElement)("iam-fullscreen-modal")];
+    let _classDecorators = [safeCustomElement("iam-fullscreen-modal")];
     let _classDescriptor;
     let _classExtraInitializers = [];
     let _classThis;
@@ -27834,9 +28371,10 @@ var MessageViewFactory_classPrivateFieldSet = (undefined && undefined.__classPri
 
 
 
+
 let MessageViewFactory = (() => {
     var _MessageViewFactory_appearanceOptions_accessor_storage, _MessageViewFactory_type_accessor_storage, _MessageViewFactory_open_accessor_storage, _MessageViewFactory_disableClose_accessor_storage, _MessageViewFactory_geometry_accessor_storage, _MessageViewFactory_touchController_accessor_storage, _MessageViewFactory_desktopMode_accessor_storage, _MessageViewFactory_dir_accessor_storage;
-    let _classDecorators = [(0,decorators_js_namespaceObject.customElement)("message-view-factory")];
+    let _classDecorators = [safeCustomElement("message-view-factory")];
     let _classDescriptor;
     let _classExtraInitializers = [];
     let _classThis;
@@ -27957,9 +28495,9 @@ let MessageViewFactory = (() => {
 })();
 
 
-;// CONCATENATED MODULE: ./src/InAppMessaging/components/MessageSlide/MessageSide.styles.ts
+;// CONCATENATED MODULE: ./src/InAppMessaging/components/MessageSlide/MessageSlide.styles.ts
 
-const messageSlideStyles = (0,external_lit_namespaceObject.css) `.slides-container{height:100%;width:100%;position:absolute;top:0;left:0;bottom:0;right:0}`;
+const messageSlideStyles = (0,external_lit_namespaceObject.css) `.slides-container{height:100%;width:100%;position:absolute;top:0;left:0;bottom:0;right:0}.slides-container .cards-slider{overflow:hidden}`;
 
 ;// CONCATENATED MODULE: ./src/InAppMessaging/components/MessageSlide/MessageSlide.ts
 var MessageSlide_esDecorate = (undefined && undefined.__esDecorate) || function (ctor, descriptorIn, decorators, contextIn, initializers, extraInitializers) {
@@ -28017,7 +28555,7 @@ var MessageSlide_classPrivateFieldSet = (undefined && undefined.__classPrivateFi
 
 let MessageSlide = (() => {
     var _MessageSlide_message_accessor_storage, _MessageSlide_styleContext_accessor_storage, _MessageSlide_geometry_accessor_storage, _MessageSlide_slidesContainer_accessor_storage;
-    let _classDecorators = [(0,decorators_js_namespaceObject.customElement)("message-slide")];
+    let _classDecorators = [safeCustomElement("message-slide")];
     let _classDescriptor;
     let _classExtraInitializers = [];
     let _classThis;
@@ -28065,12 +28603,11 @@ let MessageSlide = (() => {
             this.message.stop();
         }
         handleSlideClick(event) {
-            var _a;
             if (!event.currentTarget)
                 return;
             event.preventDefault();
             event.stopPropagation();
-            (_a = this.message.activeSlide) === null || _a === void 0 ? void 0 : _a.onClick(event, event.currentTarget);
+            this.message.onClick(event, event.currentTarget);
         }
         async initAndStartSlide() {
             const slidesContainer = this.slidesContainer;
@@ -28173,9 +28710,10 @@ var RefreshIcon_classPrivateFieldSet = (undefined && undefined.__classPrivateFie
 };
 
 
+
 let RefreshIcon_RefreshIcon = (() => {
     var _RefreshIcon_className_accessor_storage;
-    let _classDecorators = [(0,decorators_js_namespaceObject.customElement)("iam-refresh-icon")];
+    let _classDecorators = [safeCustomElement("iam-refresh-icon")];
     let _classDescriptor;
     let _classExtraInitializers = [];
     let _classThis;
@@ -28275,9 +28813,10 @@ var Loader_classPrivateFieldSet = (undefined && undefined.__classPrivateFieldSet
 
 
 
+
 let Loader_Loader = (() => {
     var _Loader_background_accessor_storage, _Loader_color_accessor_storage, _Loader_needShowErrorScreen_accessor_storage, _Loader_needShowLoaderScreen_accessor_storage;
-    let _classDecorators = [(0,decorators_js_namespaceObject.customElement)("iam-loader")];
+    let _classDecorators = [safeCustomElement("iam-loader")];
     let _classDescriptor;
     let _classExtraInitializers = [];
     let _classThis;
@@ -28426,7 +28965,7 @@ var InAppMessagingReader_classPrivateFieldSet = (undefined && undefined.__classP
 
 let InAppMessagingReader = (() => {
     var _InAppMessagingReader_options_accessor_storage, _InAppMessagingReader_desktopMode_accessor_storage, _InAppMessagingReader_dir_accessor_storage, _InAppMessagingReader_viewModel_accessor_storage, _InAppMessagingReader_open_accessor_storage;
-    let _classDecorators = [(0,decorators_js_namespaceObject.customElement)("iam-reader"), mobxObserver];
+    let _classDecorators = [safeCustomElement("iam-reader"), mobxObserver];
     let _classDescriptor;
     let _classExtraInitializers = [];
     let _classThis;
@@ -28525,9 +29064,9 @@ let InAppMessagingReader = (() => {
             });
         }
         async handleReloadMessage() {
-            var _a, _b, _c;
+            var _a, _b;
             try {
-                await ((_c = (_b = (_a = this.viewModel) === null || _a === void 0 ? void 0 : _a.activeMessage) === null || _b === void 0 ? void 0 : _b.activeSlide) === null || _c === void 0 ? void 0 : _c.restart());
+                await ((_b = (_a = this.viewModel) === null || _a === void 0 ? void 0 : _a.activeMessage) === null || _b === void 0 ? void 0 : _b.restart());
             }
             catch (error) {
                 console.error(error);