@inappstory/react-sdk 1.11.4 → 1.13.0

package/dist/index.esm.mjs

@@ -9875,7 +9875,7 @@ class GameClientConfig {
             value: void 0
         });
         const storyManagerConfig = this.storyManager.config;
-        const sdkVersion = "1.11.4";
+        const sdkVersion = "1.13.0";
         const placeholders = this.storyManager.rootStore.placeholderStore.placeholders;
         const session = this.storyManager.rootStore.sessionStore.session;
         this.sessionId = session.id;
@@ -15203,15 +15203,18 @@ class IamAppearanceCommonOptions {
             writable: true,
             value: {}
         });
-        Object.defineProperty(this, "zIndex", {
+        Object.defineProperty(this, "_zIndex", {
             enumerable: true,
             configurable: true,
             writable: true,
-            value: void 0
+            value: 1000
         });
         this.background = this.mapBackgroundDtoToModel(optionsDto.background);
         this.cardAppearance = (_a = optionsDto.card_appearance) !== null && _a !== void 0 ? _a : {};
     }
+    get zIndex() {
+        return this._zIndex;
+    }
     mapBackgroundDtoToModel(backgroundDto) {
         if (!backgroundDto || backgroundDto.alpha === 0)
             return "transparent";
@@ -15238,6 +15241,10 @@ class IamAppearanceCommonOptions {
         }
         return color;
     }
+    applyClientAppearance(options) {
+        const zIndex = options === null || options === void 0 ? void 0 : options.zIndex;
+        this._zIndex = zIndex != null ? parseInt(zIndex.toString()) : this._zIndex;
+    }
 }
 
 ;// ../core/src/domain/inAppMessaging/models/appearanceOptions/iamBottomSheetAppearanceOptions.ts
@@ -15421,6 +15428,12 @@ class IamToastAppearanceOptions extends IamAppearanceCommonOptions {
             writable: true,
             value: void 0
         });
+        Object.defineProperty(this, "maxWidth", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: 320
+        });
         Object.defineProperty(this, "closeBtnPosition", {
             enumerable: true,
             configurable: true,
@@ -15464,13 +15477,23 @@ class IamToastAppearanceOptions extends IamAppearanceCommonOptions {
             value: void 0
         });
         this.contentRatio = (_a = optionsDto.content_ratio) !== null && _a !== void 0 ? _a : 6.4; // 320 / 50 (default size)
-        this.closeBtnPosition = (_b = optionsDto.close_button_position) !== null && _b !== void 0 ? _b : IamToastCloseButtonPosition.End;
-        this.animationType = (_c = optionsDto.animation_type) !== null && _c !== void 0 ? _c : IamToastAnimationType.None;
+        this.closeBtnPosition =
+            (_b = optionsDto.close_button_position) !== null && _b !== void 0 ? _b : IamToastCloseButtonPosition.End;
+        this.animationType =
+            (_c = optionsDto.animation_type) !== null && _c !== void 0 ? _c : IamToastAnimationType.None;
         this.borderRadius = (_d = optionsDto.corner_radius) !== null && _d !== void 0 ? _d : 16;
         this.verticalOffset = (_e = optionsDto.vertical_offset) !== null && _e !== void 0 ? _e : 16;
         this.horizontalOffset = (_f = optionsDto.horizontal_offset) !== null && _f !== void 0 ? _f : 16;
-        this.verticalPosition = (_g = optionsDto.vertical_position) !== null && _g !== void 0 ? _g : IamToastVerticalPosition.Bottom;
-        this.horizontalPosition = (_h = optionsDto.horizontal_position) !== null && _h !== void 0 ? _h : IamToastHorizontalPosition.Center;
+        this.verticalPosition =
+            (_g = optionsDto.vertical_position) !== null && _g !== void 0 ? _g : IamToastVerticalPosition.Bottom;
+        this.horizontalPosition =
+            (_h = optionsDto.horizontal_position) !== null && _h !== void 0 ? _h : IamToastHorizontalPosition.Center;
+    }
+    applyClientAppearance(options) {
+        var _a;
+        super.applyClientAppearance(options);
+        const toastWidth = (_a = options === null || options === void 0 ? void 0 : options.toast) === null || _a === void 0 ? void 0 : _a.width;
+        this.maxWidth = toastWidth != null ? parseInt(toastWidth.toString()) : this.maxWidth;
     }
 }
 
@@ -15684,6 +15707,7 @@ var IamToastCloseButtonPositionDto;
 
 
 
+
 ;// ../core/src/domain/inAppMessaging/models/message/iamMessageContext.ts
 class IamMessageContext {
     constructor(messageId, contextDto) {
@@ -15805,6 +15829,7 @@ let IamMessage = (() => {
     let __context_initializers = [];
     let __context_extraInitializers = [];
     let _updateByDto_decorators;
+    let _applyClientAppearance_decorators;
     return _a = class IamMessage {
             get _id() { return iamMessage_classPrivateFieldGet(this, _IamMessage__id_accessor_storage, "f"); }
             set _id(value) { iamMessage_classPrivateFieldSet(this, _IamMessage__id_accessor_storage, value, "f"); }
@@ -15996,6 +16021,9 @@ let IamMessage = (() => {
                 for (const slide of this._slides)
                     slide.updatePlaceholders(placeholders);
             }
+            applyClientAppearance(options) {
+                this.appearanceOptions.applyClientAppearance(options);
+            }
         },
         _IamMessage__id_accessor_storage = new WeakMap(),
         _IamMessage__events_accessor_storage = new WeakMap(),
@@ -16020,6 +16048,7 @@ let IamMessage = (() => {
             __isOnceOpened_decorators = [__WEBPACK_EXTERNAL_MODULE_mobx_observable__];
             __context_decorators = [__WEBPACK_EXTERNAL_MODULE_mobx_observable__];
             _updateByDto_decorators = [__WEBPACK_EXTERNAL_MODULE_mobx_action__];
+            _applyClientAppearance_decorators = [__WEBPACK_EXTERNAL_MODULE_mobx_action__];
             iamMessage_esDecorate(_a, null, __id_decorators, { kind: "accessor", name: "_id", static: false, private: false, access: { has: obj => "_id" in obj, get: obj => obj._id, set: (obj, value) => { obj._id = value; } }, metadata: _metadata }, __id_initializers, __id_extraInitializers);
             iamMessage_esDecorate(_a, null, __events_decorators, { kind: "accessor", name: "_events", static: false, private: false, access: { has: obj => "_events" in obj, get: obj => obj._events, set: (obj, value) => { obj._events = value; } }, metadata: _metadata }, __events_initializers, __events_extraInitializers);
             iamMessage_esDecorate(_a, null, __type_decorators, { kind: "accessor", name: "_type", static: false, private: false, access: { has: obj => "_type" in obj, get: obj => obj._type, set: (obj, value) => { obj._type = value; } }, metadata: _metadata }, __type_initializers, __type_extraInitializers);
@@ -16031,6 +16060,7 @@ let IamMessage = (() => {
             iamMessage_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);
             iamMessage_esDecorate(_a, null, __context_decorators, { kind: "accessor", name: "_context", static: false, private: false, access: { has: obj => "_context" in obj, get: obj => obj._context, set: (obj, value) => { obj._context = value; } }, metadata: _metadata }, __context_initializers, __context_extraInitializers);
             iamMessage_esDecorate(_a, null, _updateByDto_decorators, { kind: "method", name: "updateByDto", static: false, private: false, access: { has: obj => "updateByDto" in obj, get: obj => obj.updateByDto }, metadata: _metadata }, null, _instanceExtraInitializers);
+            iamMessage_esDecorate(_a, null, _applyClientAppearance_decorators, { kind: "method", name: "applyClientAppearance", static: false, private: false, access: { has: obj => "applyClientAppearance" in obj, get: obj => obj.applyClientAppearance }, metadata: _metadata }, null, _instanceExtraInitializers);
             if (_metadata) Object.defineProperty(_a, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
         })(),
         _a;
@@ -16478,7 +16508,7 @@ class ToastGeometry {
         // Toast has max width of 320px
         const widthWithOffset = Math.max(this.params.vw - 2 * this.params.horizontalOffset, 0);
         if (this.params.desktopMode) {
-            return Math.min(320, widthWithOffset);
+            return Math.min(this.params.maxWidth, widthWithOffset);
         }
         else {
             return widthWithOffset;
@@ -16505,14 +16535,17 @@ class MessageGeometryFactory {
                 return new ModalGeometry(params.vw, params.vh, params.appearanceOptions.contentRatio, params.desktopMode);
             case IamMessageType.Fullscreen:
                 return new FullscreenModalGeometry(params.vw, params.vh);
-            case IamMessageType.Toast:
+            case IamMessageType.Toast: {
+                const toastAppearance = params.appearanceOptions;
                 return new ToastGeometry({
                     vw: params.vw,
                     vh: params.vh,
                     desktopMode: params.desktopMode,
                     contentRatio: params.appearanceOptions.contentRatio,
-                    horizontalOffset: params.appearanceOptions.horizontalOffset
+                    horizontalOffset: toastAppearance.horizontalOffset,
+                    maxWidth: toastAppearance.maxWidth
                 });
+            }
         }
     }
 }
@@ -16834,9 +16867,7 @@ let IamReaderViewModel = (() => {
             }
             async open(message, appearance) {
                 message.updatePlaceholders(this.storyManager.rootStore.placeholderStore.placeholders);
-                if ((appearance === null || appearance === void 0 ? void 0 : appearance.zIndex) !== undefined) {
-                    message.appearanceOptions.zIndex = appearance.zIndex;
-                }
+                message.applyClientAppearance(appearance);
                 this.touchController.init(document.body);
                 this.setActiveMessage(message);
                 this.visibilityObserver.subscribe();
@@ -20999,7 +21030,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.11.4";
+        const sdkVersion = "1.13.0";
         this._config = {
             sessionId: session.id,
             apiKey: storyManagerConfig.apiKey,
@@ -21459,11 +21490,11 @@ class StoryManager extends TypedEventEmitter {
         return deviceDescriptor.deviceId;
     }
     get sdkVersionName() {
-        const sdkVersionName = "1.11.4";
+        const sdkVersionName = "1.13.0";
         return sdkVersionName || "0.0.0";
     }
     get sdkVersionCode() {
-        const sdkVersionCode = 11104;
+        const sdkVersionCode = 11300;
         return sdkVersionCode ? parseInt(sdkVersionCode) : 0;
     }
     get lang() {
@@ -21527,7 +21558,7 @@ class StoryManager extends TypedEventEmitter {
         this.rootStore.storyManagerConfigStore.setConfig(configDto);
     }
     setUserAgent(userAgent) {
-        const sdkVersionCode = 11104;
+        const sdkVersionCode = 11300;
         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)}`;
@@ -29306,7 +29337,6 @@ let InAppMessagingReader = (() => {
             }
         }
         render() {
-            var _a;
             if (!this.viewModel)
                 return null;
             const message = this.viewModel.activeMessage;
@@ -29316,7 +29346,7 @@ let InAppMessagingReader = (() => {
             const type = message.type;
             const messageGeometry = this.createMessageGeometry(type, message.appearanceOptions);
             const containerStyle = {
-                zIndex: (_a = message.appearanceOptions.zIndex) !== null && _a !== void 0 ? _a : 1000
+                zIndex: message.appearanceOptions.zIndex
             };
             return __WEBPACK_EXTERNAL_MODULE_lit_html__ `<div class="${__WEBPACK_EXTERNAL_MODULE_lit_directives_class_map_js_2f88e643_classMap__({
                 "iam-container": true,
@@ -29704,7 +29734,7 @@ const useStoryCardOverlayStyles = ({ story, cardOptions, favoriteCardOptions, ug
     const createCssMask = (cardOverlayMask, varName, index) => {
         return {
             maskImage: `var(--${varName}${index}Mask)`,
-            WebKitMaskImage: `var(--${varName}${index}Mask)`,
+            WebkitMaskImage: `var(--${varName}${index}Mask)`,
             background: cardOverlayMask.background
         };
     };