@inappstory/slide-api 0.0.13 → 0.0.14

package/dist/index.cjs

@@ -1060,11 +1060,11 @@ class EsModuleSdkApi {
     constructor(sdkBinding) {
         this.sdkBinding = sdkBinding;
     }
-    getStoryServerData(storyId) {
-        return this.sdkBinding().getStoryServerData(storyId);
+    getCardServerData(cardId) {
+        return this.sdkBinding().getCardServerData(cardId);
     }
-    getSlideDuration(storyId, slideIndex) {
-        return this.sdkBinding().getSlideDuration(storyId, slideIndex);
+    getSlideDuration(cardId, slideIndex) {
+        return this.sdkBinding().getSlideDuration(cardId, slideIndex);
     }
     showNextSlide(duration) {
         this.sdkBinding().showNextSlide(duration);
@@ -1072,8 +1072,8 @@ class EsModuleSdkApi {
     sendStatisticEvent(name, data, devPayload) {
         this.sdkBinding().sendStatisticEvent(name, data, devPayload);
     }
-    getStoryLocalData() {
-        return this.sdkBinding().getStoryLocalData();
+    getCardLocalData() {
+        return this.sdkBinding().getCardLocalData();
     }
     isExistsShowLayer() {
         return true;
@@ -1081,7 +1081,7 @@ class EsModuleSdkApi {
     showLayer(index) {
         this.sdkBinding().showLayer(index);
     }
-    get storyAnimation() {
+    get cardAnimation() {
         return animationApi;
     }
     get isAndroid() {
@@ -1099,17 +1099,17 @@ class EsModuleSdkApi {
     resumeUI() {
         this.sdkBinding().resumeUI();
     }
-    get isExistsShowStoryTextInput() {
+    get isExistsShowCardTextInput() {
         return true;
     }
-    showStoryTextInput(id, data) {
-        this.sdkBinding().showStoryTextInput(id, data);
+    showCardTextInput(id, data) {
+        this.sdkBinding().showCardTextInput(id, data);
     }
-    setStoryLocalData(keyValue, sendToServer) {
-        this.sdkBinding().setStoryLocalData(keyValue, sendToServer);
+    setCardLocalData(keyValue, sendToServer) {
+        this.sdkBinding().setCardLocalData(keyValue, sendToServer);
     }
-    getWidgetsSharedData(storyId, widget) {
-        return this.sdkBinding().getWidgetsSharedData(storyId, widget);
+    getWidgetsSharedData(cardId, widget) {
+        return this.sdkBinding().getWidgetsSharedData(cardId, widget);
     }
     vibrate(pattern) {
         navigator.vibrate(pattern);
@@ -1138,23 +1138,23 @@ class EsModuleSdkApi {
     shareSlideScreenshot(shareId, hideElementsSelector, shareText) {
         this.sdkBinding().shareSlideScreenshot(shareId, hideElementsSelector, shareText);
     }
-    get isExistsShowStorySlide() {
+    get isExistsShowCardSlide() {
         return true;
     }
-    showStorySlide(index) {
-        this.sdkBinding().showStorySlide(index);
+    showCardSlide(index) {
+        this.sdkBinding().showCardSlide(index);
     }
-    get isExistsShowNextStory() {
+    get isExistsShowNextCard() {
         return true;
     }
-    storyShowNext() {
-        this.sdkBinding().storyShowNext();
+    cardShowNext() {
+        this.sdkBinding().cardShowNext();
     }
-    setStorySessionValue(element, key, value) {
-        this.sdkBinding().setStorySessionValue(key, value);
+    setCardSessionValue(element, key, value) {
+        this.sdkBinding().setCardSessionValue(key, value);
     }
-    getStorySessionValue(element, key) {
-        return this.sdkBinding().getStorySessionValue(key);
+    getCardSessionValue(element, key) {
+        return this.sdkBinding().getCardSessionValue(key);
     }
     updateTimeline(slideIndex, action, currentTime, duration, showLoader, showError) {
         const updateTimeline = this.sdkBinding().updateTimeline;
@@ -1162,14 +1162,14 @@ class EsModuleSdkApi {
             updateTimeline(slideIndex, action, currentTime, duration, showLoader, showError);
         }
     }
-    storyPausedCallback(currentTime) { }
-    storyResumedCallback(currentTime) { }
-    startDisabledTimeline(storyId, slideIndex) {
+    cardPausedCallback(currentTime) { }
+    cardResumedCallback(currentTime) { }
+    startDisabledTimeline(cardId, slideIndex) {
         // old api
-        this.showNextSlide(this.getSlideDuration(storyId, slideIndex) ?? DEFAULT_SLIDE_DURATION);
+        this.showNextSlide(this.getSlideDuration(cardId, slideIndex) ?? DEFAULT_SLIDE_DURATION);
     }
-    getStoryFonts() {
-        return this.sdkBinding().getStoryFonts();
+    getCardFonts() {
+        return this.sdkBinding().getCardFonts();
     }
     static get [Symbol.for("___CTOR_ARGS___")]() { return [`() => SDKInterface`]; }
 }
@@ -1191,7 +1191,8 @@ class WidgetBase {
     slideIndex = null;
     disableTimer = null;
     layoutDirection = "ltr";
-    storyId = null;
+    cardId = null;
+    cardType = null;
     widgetDone = null;
     showWidgetCompleteToast = null;
     submitButtonAnimatedView = null;
@@ -1218,7 +1219,8 @@ class WidgetBase {
         }
         this.slideIndex = getValueOrException(getTagDataAsNumber(this.slide, "index"), "Empty slideIndex");
         this.disableTimer = getTagData(this.slide, "disableTimer") === "1";
-        this.storyId = getValueOrException(getTagDataAsNumber(this.slide, "id"), "Empty storyId");
+        this.cardId = getValueOrException(getTagDataAsNumber(this.slide, "id"), "Empty cardId");
+        this.cardType = getValueOrException(getTagDataAsNumber(this.slide, "card-type"), "Empty card type");
         if (this.env.getComputedStyle(this.element).direction === "rtl") {
             this.layoutDirection = "rtl";
         }
@@ -1247,7 +1249,7 @@ class WidgetBase {
                 }
             }
         }
-        this.savedData = this.sdkApi.getStoryServerData(this.storyId);
+        this.savedData = this.sdkApi.getCardServerData(this.cardId);
         this.localData = extend({}, this.savedData ?? {}, this.options.localData ?? {});
         this.id = `w_${this.elementId}_${WidgetBase.widgetIndex}`;
         ++WidgetBase.widgetIndex;
@@ -1308,7 +1310,7 @@ class WidgetBase {
         return container.get({ identifier: "WidgetsService" });
     }
     static getLocalData() {
-        return this.widgetsService.sdkApi.getStoryLocalData();
+        return this.widgetsService.sdkApi.getCardLocalData();
     }
     getLocalData() {
         return this.constructor.getLocalData();
@@ -1332,17 +1334,42 @@ class WidgetBase {
                 // 1 - old values, 2 - new values
                 keyValue = extend({}, localData, keyValue);
                 // todo make async via promise or async
-                this.widgetsService.sdkApi.setStoryLocalData(keyValue, sendToServer);
+                this.widgetsService.sdkApi.setCardLocalData(keyValue, sendToServer);
             });
         }
         else {
             // todo make async via promise or async
-            this.widgetsService.sdkApi.setStoryLocalData(keyValue, sendToServer);
+            this.widgetsService.sdkApi.setCardLocalData(keyValue, sendToServer);
         }
     }
     setLocalData(keyValue, sendToServer, syncWithRuntimeLocalData) {
         return this.constructor.setLocalData(keyValue, sendToServer, syncWithRuntimeLocalData);
     }
+    get statisticEventBaseFieldsShortForm() {
+        return WidgetBase.getStatisticEventBaseFieldsShortForm(this.cardId, this.slideIndex);
+    }
+    static getStatisticEventBaseFieldsShortForm(cardId, slideIndex) {
+        return {
+            i: cardId,
+            si: slideIndex,
+        };
+    }
+    get statisticEventBaseFieldsFullForm() {
+        return WidgetBase.getStatisticEventBaseFieldsFullForm(this.cardId, this.cardType, this.slideIndex);
+    }
+    static getStatisticEventBaseFieldsFullForm(cardId, cardType, slideIndex) {
+        const data = { slide_index: slideIndex };
+        switch (cardType) {
+            case 1 /* CARD_TYPE.STORY */:
+            case 2 /* CARD_TYPE.UGC_STORY */:
+                data.story_id = cardId;
+                break;
+            case 4 /* CARD_TYPE.IN_APP_MESSAGING */:
+                data.message_id = cardId;
+                break;
+        }
+        return data;
+    }
     static sendStatisticEventToApp(name, data, devPayload) {
         sendStatisticEventToApp(this.widgetsService.sdkApi, name, data, devPayload);
     }
@@ -1350,7 +1377,7 @@ class WidgetBase {
         this.constructor.sendStatisticEventToApp(name, data, devPayload);
     }
     startDisabledTimeline() {
-        this.sdkApi.startDisabledTimeline(this.storyId, this.slideIndex);
+        this.sdkApi.startDisabledTimeline(this.cardId, this.slideIndex);
     }
     _showLayout(layers, selectIndex, withStatEvent = false) {
         if (this.sdkApi.isExistsShowLayer()) {
@@ -1360,7 +1387,7 @@ class WidgetBase {
             forEach(layers, (layer, index) => {
                 if (index === selectIndex) {
                     layer.classList.remove("hidden");
-                    this.sdkApi.storyAnimation?.start(layer);
+                    this.sdkApi.cardAnimation?.start(layer);
                 }
                 else {
                     layer.classList.add("hidden");
@@ -1374,12 +1401,10 @@ class WidgetBase {
     _statEventLayoutShow(layoutIndex) {
         try {
             this.sendStatisticEventToApp("layout-show", {
-                i: this.storyId,
-                si: this.slideIndex,
+                ...this.statisticEventBaseFieldsShortForm,
                 li: layoutIndex,
             }, {
-                story_id: this.storyId,
-                slide_index: this.slideIndex,
+                ...this.statisticEventBaseFieldsFullForm,
                 layout_index: layoutIndex,
             });
         }
@@ -1408,6 +1433,14 @@ class WidgetBase {
             });
         }
     }
+    getPromotionalCodeFetchPath(promotionalCodeId) {
+        switch (this.cardType) {
+            case 4 /* CARD_TYPE.IN_APP_MESSAGING */:
+                return `inappmessaging/message/${this.cardId}/widget/${this.elementId}/promo-code/${promotionalCodeId}`;
+            default:
+                return `story/${this.cardId}/widget/${this.elementId}/promo-code/${promotionalCodeId}`;
+        }
+    }
     static get [Symbol.for("___CTOR_ARGS___")]() { return [`HTMLElement`, `Partial`, `(element: HTMLElement) => string`, `(element: HTMLElement) => HTMLElement`]; }
 }
 
@@ -1499,23 +1532,23 @@ class WidgetCopy extends WidgetBase {
                 // for transparent element
                 addClass(this.element, "loader");
             }
-            // fetch  promo code
-            var path = "story/" + this.storyId + "/widget/" + this.elementId + "/promo-code/" + this.clipboardTarget;
-            var headers = {
+            // fetch  promotional code
+            const path = this.getPromotionalCodeFetchPath(this.clipboardTarget ?? "");
+            const headers = {
                 accept: "application/json",
                 "Content-Type": "application/json",
             };
-            var profileKey = "fetch-promo-code";
+            const profileKey = "fetch-promo-code";
             Promise.all([
                 this.sdkApi.sendApiRequest(path, "POST", null, headers, null, profileKey),
                 new Promise(function (t, e) {
                     return setTimeout(t, 300);
                 }),
             ]).then(values => {
-                var r = values[0];
-                var status = r.status;
-                var code = null;
-                var success = false;
+                const r = values[0];
+                const status = r.status;
+                let code = null;
+                let success = false;
                 if (status === 200 || status === 201) {
                     if (r.data)
                         code = r.data.code;
@@ -1561,14 +1594,12 @@ class WidgetCopy extends WidgetBase {
         try {
             var buttonText = this.button?.textContent ?? "";
             this.sendStatisticEventToApp("w-copy", {
-                i: this.storyId,
-                si: this.slideIndex,
+                ...this.statisticEventBaseFieldsShortForm,
                 wi: this.elementId,
                 wl: buttonText,
                 wv: clipboardTarget,
             }, {
-                story_id: this.storyId,
-                slide_index: this.slideIndex,
+                ...this.statisticEventBaseFieldsFullForm,
                 widget_id: this.elementId,
                 widget_label: buttonText,
                 widget_value: clipboardTarget,
@@ -1665,7 +1696,7 @@ class WidgetDataInput extends WidgetBase {
         this.refreshUserData(this.options.localData);
     }
     refreshUserData(localData) {
-        this.savedData = this.sdkApi.getStoryServerData(this.storyId);
+        this.savedData = this.sdkApi.getCardServerData(this.cardId);
         this.localData = extend({}, this.savedData ?? {}, localData);
         var text = this.localData["_di_g_" + this.elementId + "_t"];
         this._fillUserText(text);
@@ -1678,15 +1709,13 @@ class WidgetDataInput extends WidgetBase {
     }
     _statEventFocusIn() {
         try {
-            var labelText = this.label ? this.label.textContent ?? "" : "";
-            WidgetBase.sendStatisticEventToApp("w-data-input-focus", {
-                i: this.storyId,
-                si: this.slideIndex,
+            const labelText = this.label ? this.label.textContent ?? "" : "";
+            this.sendStatisticEventToApp("w-data-input-focus", {
+                ...this.statisticEventBaseFieldsShortForm,
                 wi: this.elementId,
                 wl: labelText,
             }, {
-                story_id: this.storyId,
-                slide_index: this.slideIndex,
+                ...this.statisticEventBaseFieldsFullForm,
                 widget_id: this.elementId,
                 widget_label: labelText,
             });
@@ -1698,15 +1727,13 @@ class WidgetDataInput extends WidgetBase {
     _statEventInputSave(answerText) {
         try {
             const labelText = this.label ? this.label.textContent ?? "" : "";
-            WidgetBase.sendStatisticEventToApp("w-data-input-save", {
-                i: this.storyId,
-                si: this.slideIndex,
+            this.sendStatisticEventToApp("w-data-input-save", {
+                ...this.statisticEventBaseFieldsShortForm,
                 wi: this.elementId,
                 wl: labelText,
                 wv: answerText,
             }, {
-                story_id: this.storyId,
-                slide_index: this.slideIndex,
+                ...this.statisticEventBaseFieldsFullForm,
                 widget_id: this.elementId,
                 widget_label: labelText,
                 widget_value: answerText,
@@ -1729,7 +1756,7 @@ class WidgetDataInput extends WidgetBase {
         }
         this.slide.classList.add("data-input-editing");
         const dataString = this.element.dataset["clientdialogwidgetconfig"];
-        if (this.sdkApi.isExistsShowStoryTextInput && dataString) {
+        if (this.sdkApi.isExistsShowCardTextInput && dataString) {
             const data = JSON.parse(dataString);
             data.size = getElementBounding(this.env, this.elementRect);
             if (!this.disableTimer) {
@@ -1750,7 +1777,7 @@ class WidgetDataInput extends WidgetBase {
             catch (e) {
                 console.error(e);
             }
-            this.sdkApi.showStoryTextInput(this.id, data);
+            this.sdkApi.showCardTextInput(this.id, data);
             this._statEventFocusIn();
         }
         return false;
@@ -2033,10 +2060,12 @@ class WidgetDateCountdown extends WidgetBase {
 
 const displaySlide = function (slides, localData) {
     const multiSlideItem = slides[0];
-    let storyId = undefined;
+    let cardId = undefined;
+    let cardType = 1 /* CARD_TYPE.STORY */;
     let slideIndex = undefined;
     if (multiSlideItem != null) {
-        storyId = getTagDataAsNumber(multiSlideItem, "id");
+        cardId = getTagDataAsNumber(multiSlideItem, "id");
+        cardType = getTagDataAsNumber(multiSlideItem, "card-type") ?? 1 /* CARD_TYPE.STORY */;
         slideIndex = getTagDataAsNumber(multiSlideItem, "index");
         if (multiSlideItem.querySelectorAll(".narrative-element-share[data-with-layer='1'], .narrative-element-poll-layers, .narrative-element-date-countdown, .narrative-element-game").length > 0) {
             // skip if exists share/poll_layers
@@ -2094,7 +2123,7 @@ const displaySlide = function (slides, localData) {
         if (slides.length > 0) {
             var slide = slides[0];
             slide.classList.remove("hidden");
-            WidgetBase.widgetsService.sdkApi.storyAnimation?.start(slide);
+            WidgetBase.widgetsService.sdkApi.cardAnimation?.start(slide);
             return;
         }
         score = 0;
@@ -2123,8 +2152,8 @@ const displaySlide = function (slides, localData) {
             if (index === selectedIndex) {
                 slide.classList.remove("hidden");
                 undefinedResult = false;
-                WidgetBase.widgetsService.sdkApi.storyAnimation?.start(slide);
-                _sendStatEvent(storyId, slideIndex, selectedIndex);
+                WidgetBase.widgetsService.sdkApi.cardAnimation?.start(slide);
+                _sendStatEvent(cardId, cardType, slideIndex, selectedIndex);
             }
         });
     }
@@ -2133,12 +2162,14 @@ const displaySlide = function (slides, localData) {
         WidgetBase.widgetsService.sdkApi.showLayer(0);
     }
 };
-const _sendStatEvent = function (storyId, slideIndex, layerIndex) {
+const _sendStatEvent = function (cardId, cardType, slideIndex, layerIndex) {
     try {
         WidgetBase.sendStatisticEventToApp("layout-show", {
-            i: storyId,
-            si: slideIndex,
+            ...WidgetBase.getStatisticEventBaseFieldsShortForm(cardId, slideIndex),
             li: layerIndex,
+        }, {
+            ...WidgetBase.getStatisticEventBaseFieldsFullForm(cardId, cardType, slideIndex),
+            layout_index: layerIndex,
         });
     }
     catch (error) {
@@ -2210,7 +2241,7 @@ class WidgetPoll extends WidgetBase {
         this.refreshUserData(this.options.localData);
     }
     refreshUserData(localData) {
-        this.savedData = this.sdkApi.getStoryServerData(this.storyId);
+        this.savedData = this.sdkApi.getCardServerData(this.cardId);
         this.localData = extend({}, this.savedData ?? {}, localData);
         this.selectedVariant = undefined;
         if (this.localData) {
@@ -2231,16 +2262,14 @@ class WidgetPoll extends WidgetBase {
                 var labelText = this.label?.textContent ?? "";
                 var variantText = this.variantsTexts[this.selectedVariant] ? this.variantsTexts[this.selectedVariant] : "";
                 this.sendStatisticEventToApp("w-poll-answer", {
-                    i: this.storyId,
-                    si: this.slideIndex,
+                    ...this.statisticEventBaseFieldsShortForm,
                     wi: this.elementId,
                     wl: labelText,
                     wa: this.selectedVariant,
                     wal: variantText,
                     d: this.answerDuration,
                 }, {
-                    story_id: this.storyId,
-                    slide_index: this.slideIndex,
+                    ...this.statisticEventBaseFieldsFullForm,
                     widget_id: this.elementId,
                     widget_label: labelText,
                     widget_answer: this.selectedVariant,
@@ -2259,8 +2288,7 @@ class WidgetPoll extends WidgetBase {
                 var labelText = this.label?.textContent ?? "";
                 var variantText = this.variantsTexts[this.selectedVariant] ? this.variantsTexts[this.selectedVariant] : "";
                 this.sendStatisticEventToApp("w-poll-clarification", {
-                    i: this.storyId,
-                    si: this.slideIndex,
+                    ...this.statisticEventBaseFieldsShortForm,
                     wi: this.elementId,
                     wl: labelText,
                     wa: this.selectedVariant,
@@ -2268,8 +2296,7 @@ class WidgetPoll extends WidgetBase {
                     wv: responseText,
                     d: this.answerDuration,
                 }, {
-                    story_id: this.storyId,
-                    slide_index: this.slideIndex,
+                    ...this.statisticEventBaseFieldsFullForm,
                     widget_id: this.elementId,
                     widget_label: labelText,
                     widget_answer: this.selectedVariant,
@@ -2332,7 +2359,7 @@ class WidgetPoll extends WidgetBase {
                 this.slide.classList.add("data-input-editing");
                 const dataString = this.element.dataset["clientdialogwidgetconfig"];
                 this.selectedVariant = index;
-                if (this.sdkApi.isExistsShowStoryTextInput && dataString) {
+                if (this.sdkApi.isExistsShowCardTextInput && dataString) {
                     const data = JSON.parse(dataString);
                     data.size = getElementBounding(this.env, this.elementRect);
                     if (!this.disableTimer) {
@@ -2354,7 +2381,7 @@ class WidgetPoll extends WidgetBase {
                     catch (e) {
                         console.error(e);
                     }
-                    this.sdkApi.showStoryTextInput(`${this.id}_first`, data);
+                    this.sdkApi.showCardTextInput(`${this.id}_first`, data);
                 }
                 this._statEventPollAnswer();
                 return false;
@@ -2366,7 +2393,7 @@ class WidgetPoll extends WidgetBase {
                 this.slide.classList.add("data-input-editing");
                 const dataString = this.element.dataset["clientdialogwidgetconfig"];
                 this.selectedVariant = index;
-                if (this.sdkApi.isExistsShowStoryTextInput && dataString) {
+                if (this.sdkApi.isExistsShowCardTextInput && dataString) {
                     const data = JSON.parse(dataString);
                     data.size = getElementBounding(this.env, this.elementRect);
                     if (!this.disableTimer) {
@@ -2387,7 +2414,7 @@ class WidgetPoll extends WidgetBase {
                     catch (e) {
                         console.error(e);
                     }
-                    this.sdkApi.showStoryTextInput(`${this.id}_second`, data);
+                    this.sdkApi.showCardTextInput(`${this.id}_second`, data);
                 }
                 this._statEventPollAnswer();
                 return false;
@@ -2430,7 +2457,7 @@ class WidgetPoll extends WidgetBase {
     displayPercents(selectedVariantIndex, filled = false) {
         let pollAllocation = [0, 0];
         let pollAllocationTs = undefined;
-        const sharedData = this.sdkApi.getWidgetsSharedData(this.storyId, "poll" /* Widgets.Poll */);
+        const sharedData = this.sdkApi.getWidgetsSharedData(this.cardId, "poll" /* Widgets.Poll */);
         if (sharedData && sharedData[this.elementId] != null && (isObject(sharedData[this.elementId]) || isArray(sharedData[this.elementId]))) {
             pollAllocation = sharedData[this.elementId];
             if (isObject(sharedData[this.elementId])) {
@@ -2731,16 +2758,14 @@ class WidgetPollLayers extends WidgetBase {
                 var variantText = this.variants[this.selectedVariant]?.textContent ?? "";
                 var duration = new Date().getTime() - this.firstOpenTime;
                 this.sendStatisticEventToApp("w-poll-layers-answer", {
-                    i: this.storyId,
-                    si: this.slideIndex,
+                    ...this.statisticEventBaseFieldsShortForm,
                     wi: this.elementId,
                     wl: labelText,
                     wa: this.selectedVariant,
                     wal: variantText,
                     d: duration,
                 }, {
-                    story_id: this.storyId,
-                    slide_index: this.slideIndex,
+                    ...this.statisticEventBaseFieldsFullForm,
                     widget_id: this.elementId,
                     widget_label: labelText,
                     widget_variant: this.selectedVariant,
@@ -2870,11 +2895,11 @@ class WidgetQuest extends WidgetBase {
         // this.refreshUserData(this.options.localData);
     }
     refreshUserData(localData) { }
-    setStorySessionValue(name, value) {
-        this.sdkApi.setStorySessionValue(this.element, name, value);
+    setCardSessionValue(name, value) {
+        this.sdkApi.setCardSessionValue(this.element, name, value);
     }
-    getStorySessionValue(name) {
-        return this.sdkApi.getStorySessionValue(this.element, name);
+    getCardSessionValue(name) {
+        return this.sdkApi.getCardSessionValue(this.element, name);
     }
     init() {
         if (this.localData) {
@@ -2889,12 +2914,12 @@ class WidgetQuest extends WidgetBase {
                 if (lastSlideIdx >= 0 &&
                     lastSlideIdx < this.slideCount &&
                     lastSlideIdx !== this.slideIndex /*&& this.slideIndex === this.firstSlideWithQuestIndex()*/) {
-                    if (this.getStorySessionValue("__storyQuestSlideChanged") === undefined) {
+                    if (this.getCardSessionValue("__storyQuestSlideChanged") === undefined) {
                         // global flag - был сделан переход на нужный слайд, больше не нужно повторять за эту сессию
                         // perform showStorySlide with lastSlideIdx only on story open first time (not on second slide, etc)
-                        this.setStorySessionValue("__storyQuestSlideChanged", "1");
-                        if (this.sdkApi.isExistsShowStorySlide) {
-                            this.sdkApi.showStorySlide(lastSlideIdx);
+                        this.setCardSessionValue("__storyQuestSlideChanged", "1");
+                        if (this.sdkApi.isExistsShowCardSlide) {
+                            this.sdkApi.showCardSlide(lastSlideIdx);
                             return false;
                         }
                     }
@@ -2903,8 +2928,8 @@ class WidgetQuest extends WidgetBase {
             // если этого слайда нет в роутинге (сработал переход по таймеру в app)
             var routes = this._getRoutes();
             if (routes[0].indexOf(this.slideIndex) === -1 && this.finalSlide) {
-                if (this.sdkApi.isExistsShowNextStory) {
-                    this.sdkApi.storyShowNext();
+                if (this.sdkApi.isExistsShowNextCard) {
+                    this.sdkApi.cardShowNext();
                     return false;
                 }
             }
@@ -2914,7 +2939,7 @@ class WidgetQuest extends WidgetBase {
             // только если находимся в диапазоне квеста
             this.localData["_qt_last_slide_idx"] = this.slideIndex;
             // global flag - был сделан переход на нужный слайд, больше не нужно повторять за эту сессию
-            this.setStorySessionValue("__storyQuestSlideChanged", "1");
+            this.setCardSessionValue("__storyQuestSlideChanged", "1");
             // если перешли на слайд (через кнопку - на слайд например) то не будет истории в роутере
             // добавляем сами
             if (this.getLastSlideIndexFromRouteHistory() !== this.slideIndex) {
@@ -2949,10 +2974,10 @@ class WidgetQuest extends WidgetBase {
             this._selectAnswer(index, slideIndex);
             this.setLocalData(this.localData, true);
             this.env.setTimeout(() => {
-                if (slideIndex >= 0 && slideIndex < this.slideCount && this.sdkApi.isExistsShowStorySlide) {
+                if (slideIndex >= 0 && slideIndex < this.slideCount && this.sdkApi.isExistsShowCardSlide) {
                     // global flag - был сделан переход на нужный слайд, больше не нужно повторять за эту сессию
-                    this.setStorySessionValue("__storyQuestSlideChanged", "1");
-                    this.sdkApi.showStorySlide(slideIndex);
+                    this.setCardSessionValue("__storyQuestSlideChanged", "1");
+                    this.sdkApi.showCardSlide(slideIndex);
                 }
             }, 100);
         }
@@ -3015,12 +3040,12 @@ class WidgetQuest extends WidgetBase {
                 else {
                     // by routing - move back
                     var moveTo = this._routeMvPtrBack();
-                    if (moveTo !== false && moveTo >= 0 && moveTo < event.slideCount && this.sdkApi.isExistsShowStorySlide) {
-                        this.sdkApi.showStorySlide(moveTo);
+                    if (moveTo !== false && moveTo >= 0 && moveTo < event.slideCount && this.sdkApi.isExistsShowCardSlide) {
+                        this.sdkApi.showCardSlide(moveTo);
                     }
-                    if (moveTo === false && this.sdkApi.isExistsShowStorySlide) {
+                    if (moveTo === false && this.sdkApi.isExistsShowCardSlide) {
                         // allow move to start - for broken route history
-                        this.sdkApi.showStorySlide(0);
+                        this.sdkApi.showCardSlide(0);
                     }
                 }
                 return;
@@ -3035,11 +3060,11 @@ class WidgetQuest extends WidgetBase {
                     if (nextSlideIndex < this.slideCount) {
                         this._addNewRouteHistory(nextSlideIndex);
                         this.setLocalData(this.localData, true);
-                        this.sdkApi.showStorySlide(nextSlideIndex);
+                        this.sdkApi.showCardSlide(nextSlideIndex);
                     }
                     else {
-                        if (this.sdkApi.isExistsShowNextStory) {
-                            this.sdkApi.storyShowNext();
+                        if (this.sdkApi.isExistsShowNextCard) {
+                            this.sdkApi.cardShowNext();
                         }
                     }
                 }
@@ -3051,12 +3076,12 @@ class WidgetQuest extends WidgetBase {
                     else {
                         // by routing - move back
                         var moveTo = this._routeMvPtrBack();
-                        if (moveTo !== false && moveTo >= 0 && moveTo < event.slideCount && this.sdkApi.isExistsShowStorySlide) {
-                            this.sdkApi.showStorySlide(moveTo);
+                        if (moveTo !== false && moveTo >= 0 && moveTo < event.slideCount && this.sdkApi.isExistsShowCardSlide) {
+                            this.sdkApi.showCardSlide(moveTo);
                         }
-                        if (moveTo === false && this.sdkApi.isExistsShowStorySlide) {
+                        if (moveTo === false && this.sdkApi.isExistsShowCardSlide) {
                             // allow move to start - for broken route history
-                            this.sdkApi.showStorySlide(0);
+                            this.sdkApi.showCardSlide(0);
                         }
                     }
                 }
@@ -3071,20 +3096,20 @@ class WidgetQuest extends WidgetBase {
                     //   setLocalData(this.localData, true);
                     //   window._showNarrativeSlide(nextSlideIndex);
                     // } else {
-                    if (this.sdkApi.isExistsShowNextStory) {
-                        this.sdkApi.storyShowNext();
+                    if (this.sdkApi.isExistsShowNextCard) {
+                        this.sdkApi.cardShowNext();
                     }
                     // }
                 }
                 else {
                     // by routing - move back
                     var moveTo = this._routeMvPtrBack();
-                    if (moveTo !== false && moveTo >= 0 && moveTo < event.slideCount && this.sdkApi.isExistsShowStorySlide) {
-                        this.sdkApi.showStorySlide(moveTo);
+                    if (moveTo !== false && moveTo >= 0 && moveTo < event.slideCount && this.sdkApi.isExistsShowCardSlide) {
+                        this.sdkApi.showCardSlide(moveTo);
                     }
-                    if (moveTo === false && this.sdkApi.isExistsShowStorySlide) {
+                    if (moveTo === false && this.sdkApi.isExistsShowCardSlide) {
                         // allow move to start - for broken route history
-                        this.sdkApi.showStorySlide(0);
+                        this.sdkApi.showCardSlide(0);
                     }
                 }
             }
@@ -3153,7 +3178,7 @@ class WidgetQuiz extends WidgetBase {
         this.refreshUserData(this.options.localData);
     }
     refreshUserData(localData) {
-        this.savedData = this.sdkApi.getStoryServerData(this.storyId);
+        this.savedData = this.sdkApi.getCardServerData(this.cardId);
         this.localData = extend({}, this.savedData ?? {}, localData);
         this.selectedAnswer = undefined;
         if (this.localData) {
@@ -3259,17 +3284,15 @@ class WidgetQuiz extends WidgetBase {
                     }
                 }
                 var duration = new Date().getTime() - this.firstOpenTime;
-                WidgetBase.sendStatisticEventToApp("w-quiz-answer", {
-                    i: this.storyId,
-                    si: this.slideIndex,
+                this.sendStatisticEventToApp("w-quiz-answer", {
+                    ...this.statisticEventBaseFieldsShortForm,
                     wi: this.elementId,
                     wl: questionText,
                     wa: selectedAnswerIndex,
                     wal: answerText,
                     d: duration,
                 }, {
-                    story_id: this.storyId,
-                    slide_index: this.slideIndex,
+                    ...this.statisticEventBaseFieldsFullForm,
                     widget_id: this.elementId,
                     widget_label: questionText,
                     widget_answer: selectedAnswerIndex,
@@ -3344,7 +3367,7 @@ class WidgetQuizGrouped extends WidgetBase {
         this.refreshUserData(this.options.localData);
     }
     refreshUserData(localData) {
-        this.savedData = this.sdkApi.getStoryServerData(this.storyId);
+        this.savedData = this.sdkApi.getCardServerData(this.cardId);
         this.localData = extend({}, this.savedData ?? {}, localData);
         this.selectedAnswer = undefined;
         if (this.localData) {
@@ -3396,8 +3419,8 @@ class WidgetQuizGrouped extends WidgetBase {
         if (this.localData["qg_score"] == null) {
             this.localData["qg_score"] = {};
         }
-        var sum = 0;
-        for (var i = 0; i < this.answers.length; i++) {
+        let sum = 0;
+        for (let i = 0; i < this.answers.length; i++) {
             if (this.localData["qg_score"][i] == null) {
                 this.localData["qg_score"][i] = 0;
             }
@@ -3406,8 +3429,8 @@ class WidgetQuizGrouped extends WidgetBase {
         // если еще не ответили на все
         if (sum < this.questionCount) {
             this.localData["qg_score"][answerValue] += 1;
-            var answeredQuestion = 0;
-            for (var key in this.localData) {
+            let answeredQuestion = 0;
+            for (const key in this.localData) {
                 if (this.localData.hasOwnProperty(key)) {
                     if (/^_q_gg_[A-z0-9-_]+_sa$/.test(key)) {
                         answeredQuestion++;
@@ -3445,26 +3468,24 @@ class WidgetQuizGrouped extends WidgetBase {
                 }, 2000);
             }
             try {
-                var questionText = this.question ? this.question.textContent ?? "" : "";
-                var answerText = "";
+                const questionText = this.question ? this.question.textContent ?? "" : "";
+                let answerText = "";
                 if (this.answers[selectedAnswerIndex]) {
-                    var answerLabel = this.answers[selectedAnswerIndex].querySelector(".variant-view .label");
+                    const answerLabel = this.answers[selectedAnswerIndex].querySelector(".variant-view .label");
                     if (answerLabel != null) {
                         answerText = answerLabel.textContent ?? "";
                     }
                 }
-                var duration = new Date().getTime() - this.firstOpenTime;
-                WidgetBase.sendStatisticEventToApp("w-quiz-grouped-answer", {
-                    i: this.storyId,
-                    si: this.slideIndex,
+                const duration = new Date().getTime() - this.firstOpenTime;
+                this.sendStatisticEventToApp("w-quiz-grouped-answer", {
+                    ...this.statisticEventBaseFieldsShortForm,
                     wi: this.elementId,
                     wl: questionText,
                     wa: selectedAnswerIndex,
                     wal: answerText,
                     d: duration,
                 }, {
-                    story_id: this.storyId,
-                    slide_index: this.slideIndex,
+                    ...this.statisticEventBaseFieldsFullForm,
                     widget_id: this.elementId,
                     widget_label: questionText,
                     widget_answer: selectedAnswerIndex,
@@ -3731,7 +3752,7 @@ class WidgetRangeSlider extends WidgetBase {
         this.env.document.addEventListener("mousedown", this.handleDown);
     }
     refreshUserData(localData) {
-        this.savedData = this.sdkApi.getStoryServerData(this.storyId);
+        this.savedData = this.sdkApi.getCardServerData(this.cardId);
         this.localData = extend({}, this.savedData ?? {}, localData);
         if (this.localData["_rs_g_" + this.elementId + "_v"] !== undefined) {
             this.elementSlider.value = String(tryParseFloat(this.localData["_rs_g_" + this.elementId + "_v"], 0));
@@ -3752,14 +3773,12 @@ class WidgetRangeSlider extends WidgetBase {
         try {
             const labelText = this.label?.textContent ?? "";
             this.sendStatisticEventToApp("w-range-slider-answer", {
-                i: this.storyId,
-                si: this.slideIndex,
+                ...this.statisticEventBaseFieldsShortForm,
                 wi: this.elementId,
                 wl: labelText,
                 wa: val,
             }, {
-                story_id: this.storyId,
-                slide_index: this.slideIndex,
+                ...this.statisticEventBaseFieldsFullForm,
                 widget_id: this.elementId,
                 widget_label: labelText,
                 widget_answer: val,
@@ -3824,7 +3843,7 @@ class WidgetRangeSlider extends WidgetBase {
             total_user: 0,
         };
         let answerAllocationTs = undefined;
-        const sharedData = this.sdkApi.getWidgetsSharedData(this.storyId, "rangeSlider" /* Widgets.RangeSlider */);
+        const sharedData = this.sdkApi.getWidgetsSharedData(this.cardId, "rangeSlider" /* Widgets.RangeSlider */);
         if (sharedData && sharedData[this.elementId] != null && (isObject(sharedData[this.elementId]) || isArray(sharedData[this.elementId]))) {
             answerAllocation = sharedData[this.elementId];
             answerAllocationTs = sharedData.ts;
@@ -4158,7 +4177,7 @@ class WidgetRate extends WidgetBase {
         this.refreshUserData(this.options.localData);
     }
     refreshUserData(localData) {
-        this.savedData = this.sdkApi.getStoryServerData(this.storyId);
+        this.savedData = this.sdkApi.getCardServerData(this.cardId);
         this.localData = extend({}, this.savedData ?? {}, localData);
         this.selectedStar = undefined;
         if (this.localData) {
@@ -4179,16 +4198,14 @@ class WidgetRate extends WidgetBase {
             if (this.selectedStar != null) {
                 var selectedAnswer = this.selectedStar + 1;
                 this.sendStatisticEventToApp("w-rate-answer", {
-                    i: this.storyId,
-                    si: this.slideIndex,
+                    ...this.statisticEventBaseFieldsShortForm,
                     wi: this.elementId,
                     wl: labelText,
                     wa: selectedAnswer,
                     wv: answerText,
                     d: this.answerSelectDuration,
                 }, {
-                    story_id: this.storyId,
-                    slide_index: this.slideIndex,
+                    ...this.statisticEventBaseFieldsFullForm,
                     widget_id: this.elementId,
                     widget_label: labelText,
                     widget_answer: selectedAnswer,
@@ -4253,7 +4270,7 @@ class WidgetRate extends WidgetBase {
                     }
                     this.slide.classList.add("data-input-editing");
                     const dataString = this.element.dataset["clientdialogwidgetconfig"];
-                    if (this.sdkApi.isExistsShowStoryTextInput && dataString) {
+                    if (this.sdkApi.isExistsShowCardTextInput && dataString) {
                         const data = JSON.parse(dataString);
                         data.size = getElementBounding(this.env, this.elementRect);
                         if (!this.disableTimer) {
@@ -4275,7 +4292,7 @@ class WidgetRate extends WidgetBase {
                         catch (e) {
                             console.error(e);
                         }
-                        this.sdkApi.showStoryTextInput(this.id, data);
+                        this.sdkApi.showCardTextInput(this.id, data);
                     }
                 }
                 else {
@@ -4407,18 +4424,16 @@ class WidgetShare extends WidgetBase {
     refreshUserData(localData) { }
     _statEventShare(result, via) {
         try {
-            var buttonText = this.element.textContent ?? "";
+            const buttonText = this.element.textContent ?? "";
             this.sendStatisticEventToApp("w-share", {
-                i: this.storyId,
-                si: this.slideIndex,
+                ...this.statisticEventBaseFieldsShortForm,
                 wi: this.elementId,
                 wl: buttonText,
                 wv: this.shareTarget ?? "",
                 wa: result ? 1 : 0,
                 wal: via ?? "",
             }, {
-                story_id: this.storyId,
-                slide_index: this.slideIndex,
+                ...this.statisticEventBaseFieldsFullForm,
                 widget_id: this.elementId,
                 widget_label: buttonText,
                 widget_value: this.shareTarget ?? "",
@@ -4610,8 +4625,7 @@ class WidgetTest extends WidgetBase {
                 }
                 var duration = new Date().getTime() - this.firstOpenTime;
                 this.sendStatisticEventToApp("w-test-answer", {
-                    i: this.storyId,
-                    si: this.slideIndex,
+                    ...this.statisticEventBaseFieldsShortForm,
                     wi: this.elementId,
                     wl: labelText,
                     wa: this.selectedAnswer,
@@ -4619,8 +4633,7 @@ class WidgetTest extends WidgetBase {
                     was: answerScore,
                     d: duration,
                 }, {
-                    story_id: this.storyId,
-                    slide_index: this.slideIndex,
+                    ...this.statisticEventBaseFieldsFullForm,
                     widget_id: this.elementId,
                     widget_label: labelText,
                     widget_answer: this.selectedAnswer,
@@ -4827,7 +4840,7 @@ class WidgetVote extends WidgetBase {
         }
     }
     refreshUserData(localData) {
-        this.savedData = this.sdkApi.getStoryServerData(this.storyId);
+        this.savedData = this.sdkApi.getCardServerData(this.cardId);
         this.localData = extend({}, this.savedData ?? {}, localData);
         this.selectedVariant = undefined;
         if (this.localData) {
@@ -4877,8 +4890,7 @@ class WidgetVote extends WidgetBase {
                 // доп поля - для multiple choice
                 // первые оставляем пустыми в этом случае
                 this.sendStatisticEventToApp("w-vote-answer", {
-                    i: this.storyId,
-                    si: this.slideIndex,
+                    ...this.statisticEventBaseFieldsShortForm,
                     wi: this.elementId,
                     wl: labelText,
                     wa: selectedVariant,
@@ -4887,8 +4899,7 @@ class WidgetVote extends WidgetBase {
                     was: selectedVariantsIdxs,
                     wvs: selectedVariantsLabels,
                 }, {
-                    story_id: this.storyId,
-                    slide_index: this.slideIndex,
+                    ...this.statisticEventBaseFieldsFullForm,
                     widget_id: this.elementId,
                     widget_label: labelText,
                     widget_answer: selectedVariant,
@@ -5080,7 +5091,7 @@ class WidgetVote extends WidgetBase {
         // voteAllocation[7]
         let voteAllocation = [];
         let voteAllocationTs = undefined;
-        const sharedData = this.sdkApi.getWidgetsSharedData(this.storyId, "vote" /* Widgets.Vote */);
+        const sharedData = this.sdkApi.getWidgetsSharedData(this.cardId, "vote" /* Widgets.Vote */);
         if (sharedData && sharedData[this.elementId] != null && (isObject(sharedData[this.elementId]) || isArray(sharedData[this.elementId]))) {
             voteAllocation = sharedData[this.elementId];
             if (isObject(sharedData[this.elementId])) {
@@ -14650,9 +14661,16 @@ class WidgetBarcode extends WidgetBase {
             }
             if (this.svgView && svg) {
                 this.svgView.innerHTML = svg;
-                const svgPathNode = this.svgView.querySelector("svg path");
-                if (svgPathNode != null) {
-                    svgPathNode.setAttribute("fill", "currentColor");
+                const svgPathNodes = this.svgView.querySelectorAll("svg path");
+                for (const svgPathNode of svgPathNodes) {
+                    if (svgPathNode.hasAttribute("fill")) {
+                        // for paths with fill (qr, pdf417)
+                        svgPathNode.setAttribute("fill", "currentColor");
+                    }
+                    if (svgPathNode.hasAttribute("stroke")) {
+                        // for paths with stroke (EAN 13)
+                        svgPathNode.setAttribute("stroke", "currentColor");
+                    }
                 }
             }
         }
@@ -14707,13 +14725,13 @@ class WidgetBarcode extends WidgetBase {
                 // for transparent element
                 addClass(this.element, "loader");
             }
-            // fetch  promo code
-            var path = "story/" + this.storyId + "/widget/" + this.elementId + "/promo-code/" + this.clipboardTarget;
-            var headers = {
+            // fetch  promotional code
+            const path = this.getPromotionalCodeFetchPath(this.clipboardTarget ?? "");
+            const headers = {
                 accept: "application/json",
                 "Content-Type": "application/json",
             };
-            var profileKey = "fetch-promo-code";
+            const profileKey = "fetch-promo-code";
             Promise.all([
                 this.sdkApi.sendApiRequest(path, "POST", null, headers, null, profileKey),
                 new Promise(function (t, e) {
@@ -14770,14 +14788,12 @@ class WidgetBarcode extends WidgetBase {
         try {
             var captionViewText = this.captionView?.textContent ?? "";
             this.sendStatisticEventToApp("w-barcode", {
-                i: this.storyId,
-                si: this.slideIndex,
+                ...this.statisticEventBaseFieldsShortForm,
                 wi: this.elementId,
                 wl: captionViewText,
                 wv: clipboardTarget,
             }, {
-                story_id: this.storyId,
-                slide_index: this.slideIndex,
+                ...this.statisticEventBaseFieldsShortForm,
                 widget_id: this.elementId,
                 widget_label: captionViewText,
                 widget_value: clipboardTarget,