@inappstory/react-sdk 1.11.2 → 1.11.4

package/dist/index.esm.mjs

@@ -2489,6 +2489,29 @@ const focusElementOnIOS = (input) => {
 // @ts-ignore
 const getNonce = () => ( true ? __webpack_require__.nc !== null && __webpack_require__.nc !== void 0 ? __webpack_require__.nc : "" : 0);
 
+;// ../core/src/helpers/replaceAll.ts
+//Taken from https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Regular_Expressions
+function escapeRegExp(val) {
+    return val.replace(/[.*+?^${}()|[\]\\]/g, "\\$&"); // $& means the whole matched string
+}
+// replaceAll does not work in safari
+function replaceAll(val, match, replacement) {
+    return String(val).replace(new RegExp(escapeRegExp(match), "g"), () => replacement);
+}
+
+;// ../core/src/helpers/internalFontNames.ts
+
+const INTERNAL_FONT_FAMILY_NAMES = ["InternalPrimaryFont", "InternalSecondaryFont"];
+function applyInternalFontFamilyPrefix(text, prefix) {
+    if (!prefix)
+        return text;
+    let result = text;
+    for (const name of INTERNAL_FONT_FAMILY_NAMES) {
+        result = replaceAll(result, name, `${prefix}${name}`);
+    }
+    return result;
+}
+
 ;// ../core/src/helpers/isPassiveSupported.ts
 const isPassiveSupported = () => {
     let passiveSupported = false;
@@ -2994,16 +3017,6 @@ function defineValue(obj, key, val) {
     });
 }
 
-;// ../core/src/helpers/replaceAll.ts
-//Taken from https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Regular_Expressions
-function escapeRegExp(val) {
-    return val.replace(/[.*+?^${}()|[\]\\]/g, "\\$&"); // $& means the whole matched string
-}
-// replaceAll does not work in safari
-function replaceAll(val, match, replacement) {
-    return String(val).replace(new RegExp(escapeRegExp(match), "g"), () => replacement);
-}
-
 ;// ../core/src/helpers/sleep.ts
 const sleep = async (startAt, minTimeout = 300) => {
     return new Promise(resolve => {
@@ -3087,6 +3100,7 @@ function safeJson(input) {
 
 
 
+
 ;// ../core/src/api/deviceDescriptor.ts
 
 
@@ -3306,10 +3320,13 @@ class Session {
     get imagePlaceholders() {
         return this._imagePlaceholders;
     }
-    get fontsResources() {
-        return this.resources.filter(resource => resource.type === "font-face");
-    }
-    constructor(sessionStore, sessionDto) {
+    constructor(storyManager, sessionStore, sessionDto) {
+        Object.defineProperty(this, "storyManager", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: storyManager
+        });
         Object.defineProperty(this, "sessionStore", {
             enumerable: true,
             configurable: true,
@@ -3370,12 +3387,19 @@ class Session {
             writable: true,
             value: void 0
         });
+        Object.defineProperty(this, "fontsResources", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: []
+        });
         this.id = sessionDto.session.id;
         this.expireIn = sessionDto.session.expire_in;
         this.userKey = sessionDto.user_key || DEFAULT_USER_KEY;
         this.previewAspectRatio = sessionDto.preview_aspect_ratio;
         this.share = sessionDto.share;
         this.resources = this.getResources(sessionDto);
+        this.fontsResources = this.applyFontPrefix(this.resources.filter(resource => resource.type === "font-face"));
         this._textPlaceholders = this.mapTextPlaceholders(sessionDto.placeholders);
         this._imagePlaceholders = this.mapImagePlaceholders(sessionDto.image_placeholders);
         this.isAllowStatisticV2 = Boolean(sessionDto.is_allow_statistic_v2);
@@ -3383,6 +3407,14 @@ class Session {
     loadResources() {
         initAndLoadFonts(this.fontsResources);
     }
+    getAllFontFamilies() {
+        return [...new Set(this.fontsResources.map(fontResource => fontResource.family))];
+    }
+    applyFontPrefix(fontsResources) {
+        return fontsResources.map(fontResource => {
+            return Object.assign(Object.assign({}, fontResource), { family: `${this.storyManager.config.fontPrefix}${fontResource.family}` });
+        });
+    }
     getResources(sessionDto) {
         if (sessionDto.cache && Array.isArray(sessionDto.cache))
             return sessionDto.cache;
@@ -4384,7 +4416,13 @@ let StorySlide = (() => {
             }
             constructor(storySlideDto) {
                 var _b, _c;
-                _StorySlide__html_accessor_storage.set(this, (storySlide_runInitializers(this, _instanceExtraInitializers), storySlide_runInitializers(this, __html_initializers, "")));
+                Object.defineProperty(this, "_rawHtml", {
+                    enumerable: true,
+                    configurable: true,
+                    writable: true,
+                    value: (storySlide_runInitializers(this, _instanceExtraInitializers), "")
+                });
+                _StorySlide__html_accessor_storage.set(this, storySlide_runInitializers(this, __html_initializers, ""));
                 Object.defineProperty(this, "index", {
                     enumerable: true,
                     configurable: true,
@@ -4446,7 +4484,8 @@ let StorySlide = (() => {
                         rangeEnd: resource.range_end,
                         contentType: resource.content_type
                     }))) !== null && _c !== void 0 ? _c : [];
-                this._html = this.replaceSlideNonce(storySlideDto.html);
+                this._rawHtml = this.replaceSlideNonce(storySlideDto.html);
+                this._html = this._rawHtml;
             }
             static createEmpty() {
                 return new _a({
@@ -4460,8 +4499,12 @@ let StorySlide = (() => {
                     html: ""
                 });
             }
+            applyFontPrefix(prefix) {
+                this._rawHtml = applyInternalFontFamilyPrefix(this._rawHtml, prefix);
+                this._html = this._rawHtml;
+            }
             updatePlaceholders(placeholders) {
-                let slideHtml = this._html;
+                let slideHtml = this._rawHtml;
                 for (const placeholder of placeholders)
                     slideHtml = replaceAll(slideHtml, `%${placeholder.key}%`, placeholder.value);
                 this._html = slideHtml;
@@ -4594,7 +4637,7 @@ var story_classPrivateFieldSet = (undefined && undefined.__classPrivateFieldSet)
 
 
 let Story = (() => {
-    var _a, _Story__slidesLoaded_accessor_storage, _Story__error_accessor_storage, _Story__context_accessor_storage, _Story__like_accessor_storage, _Story__favorite_accessor_storage, _Story__shareUrl_accessor_storage, _Story__slides_accessor_storage, _Story__isOpened_accessor_storage, _Story__canBeShown_accessor_storage;
+    var _a, _Story__slidesLoaded_accessor_storage, _Story__error_accessor_storage, _Story__context_accessor_storage, _Story__like_accessor_storage, _Story__favorite_accessor_storage, _Story__shareUrl_accessor_storage, _Story__slides_accessor_storage, _Story__isOpened_accessor_storage, _Story__canBeShown_accessor_storage, _Story__title_accessor_storage;
     let _instanceExtraInitializers = [];
     let __slidesLoaded_decorators;
     let __slidesLoaded_initializers = [];
@@ -4623,6 +4666,9 @@ let Story = (() => {
     let __canBeShown_decorators;
     let __canBeShown_initializers = [];
     let __canBeShown_extraInitializers = [];
+    let __title_decorators;
+    let __title_initializers = [];
+    let __title_extraInitializers = [];
     let _setSlides_decorators;
     let _setCanBeShown_decorators;
     return _a = class Story {
@@ -4644,6 +4690,8 @@ let Story = (() => {
             set _isOpened(value) { story_classPrivateFieldSet(this, _Story__isOpened_accessor_storage, value, "f"); }
             get _canBeShown() { return story_classPrivateFieldGet(this, _Story__canBeShown_accessor_storage, "f"); }
             set _canBeShown(value) { story_classPrivateFieldSet(this, _Story__canBeShown_accessor_storage, value, "f"); }
+            get _title() { return story_classPrivateFieldGet(this, _Story__title_accessor_storage, "f"); }
+            set _title(value) { story_classPrivateFieldSet(this, _Story__title_accessor_storage, value, "f"); }
             constructor(storyDto) {
                 var _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z;
                 Object.defineProperty(this, "id", {
@@ -4775,7 +4823,7 @@ let Story = (() => {
                     writable: true,
                     value: {}
                 });
-                Object.defineProperty(this, "_title", {
+                Object.defineProperty(this, "_rawTitle", {
                     enumerable: true,
                     configurable: true,
                     writable: true,
@@ -4820,10 +4868,12 @@ let Story = (() => {
                 _Story__slides_accessor_storage.set(this, (story_runInitializers(this, __shareUrl_extraInitializers), story_runInitializers(this, __slides_initializers, [])));
                 _Story__isOpened_accessor_storage.set(this, (story_runInitializers(this, __slides_extraInitializers), story_runInitializers(this, __isOpened_initializers, false)));
                 _Story__canBeShown_accessor_storage.set(this, (story_runInitializers(this, __isOpened_extraInitializers), story_runInitializers(this, __canBeShown_initializers, false)));
-                story_runInitializers(this, __canBeShown_extraInitializers);
+                _Story__title_accessor_storage.set(this, (story_runInitializers(this, __canBeShown_extraInitializers), story_runInitializers(this, __title_initializers, void 0)));
+                story_runInitializers(this, __title_extraInitializers);
                 this.id = storyDto.id;
                 this._context = new StoryContext(this.id, { style: "", widgetsData: {} });
-                this._title = (_b = storyDto.title) !== null && _b !== void 0 ? _b : "";
+                this._rawTitle = (_b = storyDto.title) !== null && _b !== void 0 ? _b : "";
+                this._title = this._rawTitle;
                 this._isOpened = (_c = storyDto.is_opened) !== null && _c !== void 0 ? _c : false;
                 this.statTitle = (_d = storyDto.stat_title) !== null && _d !== void 0 ? _d : "";
                 this.titleColor = (_e = storyDto.title_color) !== null && _e !== void 0 ? _e : "";
@@ -4941,6 +4991,10 @@ let Story = (() => {
             setShareUrl(shareUrl) {
                 this._shareUrl = shareUrl;
             }
+            applyFontPrefix(prefix) {
+                for (const slide of this.slides)
+                    slide.applyFontPrefix(prefix);
+            }
             updatePlaceholders(placeholders) {
                 if (!this.needPlaceholders)
                     return;
@@ -4952,7 +5006,7 @@ let Story = (() => {
                     slide.updatePlaceholders(placeholders);
             }
             updateTitlePlaceholders(placeholders) {
-                let title = this._title;
+                let title = this._rawTitle;
                 for (const placeholder of placeholders)
                     title = replaceAll(title, `%${placeholder.key}%`, placeholder.value);
                 this._title = title;
@@ -4970,6 +5024,7 @@ let Story = (() => {
         _Story__slides_accessor_storage = new WeakMap(),
         _Story__isOpened_accessor_storage = new WeakMap(),
         _Story__canBeShown_accessor_storage = new WeakMap(),
+        _Story__title_accessor_storage = new WeakMap(),
         (() => {
             const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(null) : void 0;
             __slidesLoaded_decorators = [__WEBPACK_EXTERNAL_MODULE_mobx_observable__];
@@ -4981,6 +5036,7 @@ let Story = (() => {
             __slides_decorators = [__WEBPACK_EXTERNAL_MODULE_mobx_observable__];
             __isOpened_decorators = [__WEBPACK_EXTERNAL_MODULE_mobx_observable__];
             __canBeShown_decorators = [__WEBPACK_EXTERNAL_MODULE_mobx_observable__];
+            __title_decorators = [__WEBPACK_EXTERNAL_MODULE_mobx_observable__];
             _setSlides_decorators = [__WEBPACK_EXTERNAL_MODULE_mobx_action__];
             _setCanBeShown_decorators = [__WEBPACK_EXTERNAL_MODULE_mobx_action__];
             story_esDecorate(_a, null, __slidesLoaded_decorators, { kind: "accessor", name: "_slidesLoaded", static: false, private: false, access: { has: obj => "_slidesLoaded" in obj, get: obj => obj._slidesLoaded, set: (obj, value) => { obj._slidesLoaded = value; } }, metadata: _metadata }, __slidesLoaded_initializers, __slidesLoaded_extraInitializers);
@@ -4992,6 +5048,7 @@ let Story = (() => {
             story_esDecorate(_a, null, __slides_decorators, { kind: "accessor", name: "_slides", static: false, private: false, access: { has: obj => "_slides" in obj, get: obj => obj._slides, set: (obj, value) => { obj._slides = value; } }, metadata: _metadata }, __slides_initializers, __slides_extraInitializers);
             story_esDecorate(_a, null, __isOpened_decorators, { kind: "accessor", name: "_isOpened", static: false, private: false, access: { has: obj => "_isOpened" in obj, get: obj => obj._isOpened, set: (obj, value) => { obj._isOpened = value; } }, metadata: _metadata }, __isOpened_initializers, __isOpened_extraInitializers);
             story_esDecorate(_a, null, __canBeShown_decorators, { kind: "accessor", name: "_canBeShown", static: false, private: false, access: { has: obj => "_canBeShown" in obj, get: obj => obj._canBeShown, set: (obj, value) => { obj._canBeShown = value; } }, metadata: _metadata }, __canBeShown_initializers, __canBeShown_extraInitializers);
+            story_esDecorate(_a, null, __title_decorators, { kind: "accessor", name: "_title", static: false, private: false, access: { has: obj => "_title" in obj, get: obj => obj._title, set: (obj, value) => { obj._title = value; } }, metadata: _metadata }, __title_initializers, __title_extraInitializers);
             story_esDecorate(_a, null, _setSlides_decorators, { kind: "method", name: "setSlides", static: false, private: false, access: { has: obj => "setSlides" in obj, get: obj => obj.setSlides }, metadata: _metadata }, null, _instanceExtraInitializers);
             story_esDecorate(_a, null, _setCanBeShown_decorators, { kind: "method", name: "setCanBeShown", static: false, private: false, access: { has: obj => "setCanBeShown" in obj, get: obj => obj.setCanBeShown }, metadata: _metadata }, null, _instanceExtraInitializers);
             if (_metadata) Object.defineProperty(_a, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
@@ -9818,7 +9875,7 @@ class GameClientConfig {
             value: void 0
         });
         const storyManagerConfig = this.storyManager.config;
-        const sdkVersion = "1.11.2";
+        const sdkVersion = "1.11.4";
         const placeholders = this.storyManager.rootStore.placeholderStore.placeholders;
         const session = this.storyManager.rootStore.sessionStore.session;
         this.sessionId = session.id;
@@ -14389,6 +14446,12 @@ let StoryManagerConfig = (() => {
                     writable: true,
                     value: (storyManagerConfig_runInitializers(this, __options_extraInitializers), null)
                 });
+                Object.defineProperty(this, "_fontsPrefix", {
+                    enumerable: true,
+                    configurable: true,
+                    writable: true,
+                    value: ""
+                });
                 this.update(configDto);
                 this._isInited = true;
             }
@@ -14431,6 +14494,9 @@ let StoryManagerConfig = (() => {
             get anonymous() {
                 return this._anonymous;
             }
+            get fontPrefix() {
+                return this._fontsPrefix;
+            }
             get options() {
                 return this._options;
             }
@@ -14521,19 +14587,20 @@ let StoryManagerConfig = (() => {
                 this._options = options;
             }
             update(configDto) {
-                var _b, _c, _d, _e, _f, _g;
-                this._appPackageId = (_b = configDto.appPackageId) !== null && _b !== void 0 ? _b : "";
+                var _b, _c, _d, _e, _f, _g, _h;
+                this._fontsPrefix = (_b = configDto.fontPrefix) !== null && _b !== void 0 ? _b : "";
+                this._appPackageId = (_c = configDto.appPackageId) !== null && _c !== void 0 ? _c : "";
                 this._disableDeviceId = Boolean(configDto.disableDeviceId);
                 this.setOptions(configDto.options);
                 this.setApiKey(configDto.apiKey).catch(console.error);
                 this.setAnonymous(configDto.anonymous);
-                this.setUserId((_c = configDto.userId) !== null && _c !== void 0 ? _c : "", configDto.userIdSign).catch(console.error);
+                this.setUserId((_d = configDto.userId) !== null && _d !== void 0 ? _d : "", configDto.userIdSign).catch(console.error);
                 this.setLang(configDto.lang).catch(console.error);
-                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.setTextPlaceholders((_e = configDto.placeholders) !== null && _e !== void 0 ? _e : {});
+                this.setImagePlaceholders((_f = configDto.imagePlaceholders) !== null && _f !== void 0 ? _f : {});
+                this.setTags((_g = configDto.tags) !== null && _g !== void 0 ? _g : []);
                 this.setDir(configDto.dir);
-                this._cache = configDto.cache ? Object.assign(Object.assign({}, configDto.cache), { prefetch: (_g = configDto.cache.prefetch) !== null && _g !== void 0 ? _g : true }) : null;
+                this._cache = configDto.cache ? Object.assign(Object.assign({}, configDto.cache), { prefetch: (_h = configDto.cache.prefetch) !== null && _h !== void 0 ? _h : true }) : null;
             }
             mapTextPlaceholders(textPlaceholderDtos) {
                 const textPlaceholders = [];
@@ -14640,6 +14707,9 @@ class NullStoryManagerConfig {
     get anonymous() {
         return false;
     }
+    get fontPrefix() {
+        return "";
+    }
     get options() {
         return {};
     }
@@ -15020,9 +15090,12 @@ let IamApi = (() => {
                 });
                 return response.data.messages;
             }
-            async fetchContext(messageIds) {
+            async fetchContext({ needFetchStyles, messageIds }) {
                 const response = await api.get("inappmessaging/message-context", {
-                    params: { fields: "style,widgetsData", id: messageIds.join() }
+                    params: {
+                        fields: "widgetsData" + (needFetchStyles ? ",style" : ""),
+                        id: messageIds.join()
+                    }
                 });
                 return response.data;
             }
@@ -15428,13 +15501,6 @@ class IamAppearanceOptionsFactory {
 
 
 ;// ../core/src/domain/inAppMessaging/models/messageSlide/iamMessageSlide.ts
-var iamMessageSlide_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 iamMessageSlide_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";
@@ -15462,6 +15528,13 @@ var iamMessageSlide_esDecorate = (undefined && undefined.__esDecorate) || functi
     if (target) Object.defineProperty(target, contextIn.name, descriptor);
     done = true;
 };
+var iamMessageSlide_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 iamMessageSlide_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");
@@ -15477,11 +15550,9 @@ var iamMessageSlide_classPrivateFieldSet = (undefined && undefined.__classPrivat
 
 let IamMessageSlide = (() => {
     var _a, _IamMessageSlide__html_accessor_storage;
-    let _instanceExtraInitializers = [];
     let __html_decorators;
     let __html_initializers = [];
     let __html_extraInitializers = [];
-    let _get_html_decorators;
     return _a = class IamMessageSlide {
             get _html() { return iamMessageSlide_classPrivateFieldGet(this, _IamMessageSlide__html_accessor_storage, "f"); }
             set _html(value) { iamMessageSlide_classPrivateFieldSet(this, _IamMessageSlide__html_accessor_storage, value, "f"); }
@@ -15490,7 +15561,7 @@ let IamMessageSlide = (() => {
                     enumerable: true,
                     configurable: true,
                     writable: true,
-                    value: (iamMessageSlide_runInitializers(this, _instanceExtraInitializers), message)
+                    value: message
                 });
                 _IamMessageSlide__html_accessor_storage.set(this, iamMessageSlide_runInitializers(this, __html_initializers, ""));
                 Object.defineProperty(this, "_payload", {
@@ -15499,6 +15570,12 @@ let IamMessageSlide = (() => {
                     writable: true,
                     value: iamMessageSlide_runInitializers(this, __html_extraInitializers)
                 });
+                Object.defineProperty(this, "_rawHtml", {
+                    enumerable: true,
+                    configurable: true,
+                    writable: true,
+                    value: ""
+                });
             }
             get html() {
                 return this._html;
@@ -15508,29 +15585,32 @@ let IamMessageSlide = (() => {
             }
             updateByDto(messageSlideDto) {
                 var _b;
-                this._html = this.getSlideHtml(messageSlideDto);
+                this._rawHtml = this.getSlideHtml(messageSlideDto);
+                this._html = this._rawHtml;
                 this._payload = (_b = messageSlideDto.event_payload) === null || _b === void 0 ? void 0 : _b.payload;
             }
-            getSlideHtml(messageSlideDto) {
-                var _b;
-                let slideHtml = messageSlideDto.html;
-                slideHtml = replaceAll(slideHtml, `{{nonce}}`, (_b = getNonce()) !== null && _b !== void 0 ? _b : "");
-                return slideHtml;
+            applyFontPrefix(prefix) {
+                this._rawHtml = applyInternalFontFamilyPrefix(this._rawHtml, prefix);
+                this._html = this._rawHtml;
             }
             updatePlaceholders(placeholders) {
-                let slideHtml = this._html;
+                let slideHtml = this._rawHtml;
                 for (const placeholder of placeholders)
                     slideHtml = replaceAll(slideHtml, `%${placeholder.key}%`, placeholder.value);
                 this._html = slideHtml;
             }
+            getSlideHtml(messageSlideDto) {
+                var _b;
+                let slideHtml = messageSlideDto.html;
+                slideHtml = replaceAll(slideHtml, `{{nonce}}`, (_b = getNonce()) !== null && _b !== void 0 ? _b : "");
+                return slideHtml;
+            }
         },
         _IamMessageSlide__html_accessor_storage = new WeakMap(),
         (() => {
             const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(null) : void 0;
             __html_decorators = [__WEBPACK_EXTERNAL_MODULE_mobx_observable__];
-            _get_html_decorators = [__WEBPACK_EXTERNAL_MODULE_mobx_computed__];
             iamMessageSlide_esDecorate(_a, null, __html_decorators, { kind: "accessor", name: "_html", static: false, private: false, access: { has: obj => "_html" in obj, get: obj => obj._html, set: (obj, value) => { obj._html = value; } }, metadata: _metadata }, __html_initializers, __html_extraInitializers);
-            iamMessageSlide_esDecorate(_a, null, _get_html_decorators, { kind: "getter", name: "html", static: false, private: false, access: { has: obj => "html" in obj, get: obj => obj.html }, metadata: _metadata }, null, _instanceExtraInitializers);
             if (_metadata) Object.defineProperty(_a, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
         })(),
         _a;
@@ -15908,6 +15988,10 @@ let IamMessage = (() => {
                 this._openTime = Date.now();
                 return this._iterationId;
             }
+            applyFontPrefix(prefix) {
+                for (const slide of this._slides)
+                    slide.applyFontPrefix(prefix);
+            }
             updatePlaceholders(placeholders) {
                 for (const slide of this._slides)
                     slide.updatePlaceholders(placeholders);
@@ -20060,11 +20144,11 @@ let IamStore = (() => {
                 _IamStore__messages_accessor_storage.set(this, iamStore_runInitializers(this, __messages_initializers, __WEBPACK_EXTERNAL_MODULE_mobx_observable__.map()));
                 _IamStore__isLoaded_accessor_storage.set(this, (iamStore_runInitializers(this, __messages_extraInitializers), iamStore_runInitializers(this, __isLoaded_initializers, false)));
                 _IamStore__isLoading_accessor_storage.set(this, (iamStore_runInitializers(this, __isLoaded_extraInitializers), iamStore_runInitializers(this, __isLoading_initializers, false)));
-                Object.defineProperty(this, "_messageContext", {
+                Object.defineProperty(this, "iamCSS", {
                     enumerable: true,
                     configurable: true,
                     writable: true,
-                    value: (iamStore_runInitializers(this, __isLoading_extraInitializers), null)
+                    value: (iamStore_runInitializers(this, __isLoading_extraInitializers), "")
                 });
             }
             get messages() {
@@ -20076,9 +20160,6 @@ let IamStore = (() => {
             get isLoading() {
                 return this._isLoading;
             }
-            get messageContext() {
-                return this._messageContext;
-            }
             async preload(params) {
                 try {
                     this._isLoaded = false;
@@ -20112,37 +20193,45 @@ let IamStore = (() => {
             }
             async fetchById(messageId) {
                 await this.rootStore.sessionStore.open();
-                await this.fetchMessageContext({ messageIds: [messageId] });
+                const messageContext = await this.fetchMessageContext({ messageIds: [messageId] });
                 const messageDto = await this.iamApi.fetchById(messageId);
-                return this.createMessageByDto(messageDto);
+                return this.createMessageByDto(messageDto, messageContext);
             }
             async fetchAll(params) {
                 await this.rootStore.sessionStore.open();
                 const config = this.rootStore.storyManagerConfigStore.config;
                 const tags = params.tags ? params.tags : config.tags;
                 const messageDtos = await this.iamApi.fetchAll({ tags: filterTags(tags), options: config.options });
-                await this.fetchMessageContext({ messageIds: messageDtos.map(message => message.id) });
-                return this.createMessagesByDtos(messageDtos);
+                const messageContext = await this.fetchMessageContext({
+                    messageIds: messageDtos.map(message => message.id)
+                });
+                return this.createMessagesByDtos(messageDtos, messageContext);
             }
             async fetchMessageContext({ messageIds }) {
                 await this.rootStore.sessionStore.open();
-                if (!this._messageContext)
-                    this._messageContext = await this.iamApi.fetchContext(messageIds);
+                const messageContextDto = await this.iamApi.fetchContext({
+                    needFetchStyles: !this.iamCSS,
+                    messageIds
+                });
+                if (!this.iamCSS && messageContextDto.style) {
+                    this.iamCSS = applyInternalFontFamilyPrefix(messageContextDto.style, this.rootStore.storyManagerConfigStore.config.fontPrefix);
+                }
+                messageContextDto.style = this.iamCSS;
+                return messageContextDto;
             }
-            createMessagesByDtos(messageDtos) {
+            createMessagesByDtos(messageDtos, messageContext) {
                 this._messages.clear();
                 const messages = [];
                 for (const messageDto of messageDtos) {
-                    const message = this.createMessageByDto(messageDto);
+                    const message = this.createMessageByDto(messageDto, messageContext);
                     messages.push(message);
                 }
                 return messages;
             }
-            createMessageByDto(messageDto) {
-                if (!this.messageContext)
-                    throw new Error("[IAS]: IAM context not found");
+            createMessageByDto(messageDto, messageContext) {
                 const message = IamMessage.createByDto(messageDto);
-                const context = new IamMessageContext(messageDto.id, this.messageContext);
+                const context = new IamMessageContext(messageDto.id, messageContext);
+                message.applyFontPrefix(this.rootStore.storyManagerConfigStore.config.fontPrefix);
                 message.setContext(context);
                 if (!this._messages.has(message.id.toString()))
                     this._messages.set(message.id.toString(), message);
@@ -20277,7 +20366,7 @@ let SessionStore = (() => {
                     userIdSign: config.userIdSign,
                     anonymous: config.anonymous
                 });
-                const session = new Session(this, sessionDto);
+                const session = new Session(this.storyManager, this, sessionDto);
                 session.loadResources();
                 this.updatePlaceholders(session);
                 this._session = session;
@@ -20419,6 +20508,7 @@ let StoryStore = (() => {
                 if (storiesById.has(storyDto.id))
                     return storiesById.get(storyDto.id);
                 const story = new Story(storyDto);
+                story.applyFontPrefix(this.storyManager.config.fontPrefix);
                 story.updatePlaceholders(this.rootStore.placeholderStore.placeholders);
                 storiesById.set(storyDto.id, story);
                 return story;
@@ -20502,6 +20592,7 @@ let StoryStore = (() => {
                     story.setContext(storyContext);
                     const storyDto = await this.storiesApi.fetchStorySlides({ id: story.id, feedSlug });
                     story.setSlides((_b = storyDto.slides) !== null && _b !== void 0 ? _b : []);
+                    story.applyFontPrefix(this.storyManager.config.fontPrefix);
                     story.updatePlaceholders(this.rootStore.placeholderStore.placeholders);
                     await sleep(startAt);
                     story.setCanBeShown(true);
@@ -20515,6 +20606,7 @@ let StoryStore = (() => {
                 const storyDto = await this.storiesApi.fetchStory({ id: storyId, feedSlug, fetchShareUrl, once });
                 const story = this.addStoryByDto(storyDto);
                 story.setSlides((_b = storyDto.slides) !== null && _b !== void 0 ? _b : []);
+                story.applyFontPrefix(this.storyManager.config.fontPrefix);
                 story.updatePlaceholders(this.rootStore.placeholderStore.placeholders);
                 return story;
             }
@@ -20522,6 +20614,7 @@ let StoryStore = (() => {
                 if (this.storyCSS)
                     return;
                 this.storyCSS = await this.storiesApi.fetchStoryCSS();
+                this.storyCSS = applyInternalFontFamilyPrefix(this.storyCSS, this.storyManager.config.fontPrefix);
             }
             async fetchStoryContext({ id, feedSlug }) {
                 const storyContextDto = await this.storiesApi.fetchStoryContext({
@@ -20906,7 +20999,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.2";
+        const sdkVersion = "1.11.4";
         this._config = {
             sessionId: session.id,
             apiKey: storyManagerConfig.apiKey,
@@ -21366,11 +21459,11 @@ class StoryManager extends TypedEventEmitter {
         return deviceDescriptor.deviceId;
     }
     get sdkVersionName() {
-        const sdkVersionName = "1.11.2";
+        const sdkVersionName = "1.11.4";
         return sdkVersionName || "0.0.0";
     }
     get sdkVersionCode() {
-        const sdkVersionCode = 11102;
+        const sdkVersionCode = 11104;
         return sdkVersionCode ? parseInt(sdkVersionCode) : 0;
     }
     get lang() {
@@ -21434,7 +21527,7 @@ class StoryManager extends TypedEventEmitter {
         this.rootStore.storyManagerConfigStore.setConfig(configDto);
     }
     setUserAgent(userAgent) {
-        const sdkVersionCode = 11102;
+        const sdkVersionCode = 11104;
         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)}`;
@@ -29430,7 +29523,9 @@ const useStoryListImperativeHandle = (ref, storyListViewModel) => {
 
 
 
+
 const StoryListWrapper = __WEBPACK_EXTERNAL_MODULE_react_forwardRef__((props, ref) => {
+    const { storyManager } = useIASProvider();
     const cardOptions = props.sliderOptions.card;
     const favoriteCardOptions = props.sliderOptions.favoriteCard;
     const cardBorderOptions = cardOptions.border;
@@ -29486,7 +29581,7 @@ const StoryListWrapper = __WEBPACK_EXTERNAL_MODULE_react_forwardRef__((props, re
                 : favoriteCardOptions.gap,
             "--storiesListCardUgcMaskColor": props.sliderOptions.ugcCard.mask.color,
             "--storiesListCardUgcMaskLinearGradient": composeCardMaskLinearGradient(props.sliderOptions.ugcCard.mask),
-            "--storiesListItemTitleFontFamily": "InternalPrimaryFont",
+            "--storiesListItemTitleFontFamily": `${storyManager.config.fontPrefix}InternalPrimaryFont`,
             "--storiesListItemTitleFont": cardOptions.title.font,
             "--storiesListItemTitlePadding": isNumeric(cardOptions.title.padding.toString())
                 ? cardOptions.title.padding + "px"