@inappstory/slide-api 0.0.18 → 0.0.20

package/dist/index.js

@@ -1252,7 +1252,7 @@ class WidgetBase {
         this.id = `w_${this.elementId}_${WidgetBase.widgetIndex}`;
         ++WidgetBase.widgetIndex;
     }
-    refreshUserData(localData) { }
+    onRefreshUserData(localData) { }
     static widgetCacheKey = "ias.story-element";
     static widgetClassName = "";
     static getInstance(element) {
@@ -1431,13 +1431,14 @@ class WidgetBase {
             console.error(error);
         }
     }
+    /** @deprecated */
     static refreshUserData(nodes, localData) {
         const cb = (el, localData) => {
             const widgetElement = el.closest(`.${this.widgetClassName}`);
             if (widgetElement) {
                 const widget = WidgetBase.getInstance(widgetElement);
                 if (widget) {
-                    widget.refreshUserData(localData);
+                    widget.onRefreshUserData(localData);
                 }
             }
         };
@@ -1452,6 +1453,25 @@ class WidgetBase {
             });
         }
     }
+    static onRefreshUserData(element, localData) {
+        const cb = (el, localData) => {
+            const widgetElement = el.closest(`.${this.widgetClassName}`);
+            if (widgetElement) {
+                const widget = WidgetBase.getInstance(widgetElement);
+                if (widget) {
+                    widget.onRefreshUserData(localData);
+                }
+            }
+        };
+        if (localData != null) {
+            cb(element, localData);
+        }
+        else {
+            WidgetBase.getLocalData().then(localData => {
+                cb(element, localData);
+            });
+        }
+    }
     getPromotionalCodeFetchPath(promotionalCodeId) {
         switch (this.cardType) {
             case 4 /* CARD_TYPE.IN_APP_MESSAGING */:
@@ -1493,7 +1513,12 @@ class WidgetCopy extends WidgetBase {
         this.msgNoMoreCodes = getTagData(this.element, "msgNoMoreCodes");
         this.msgTryAgain = getTagData(this.element, "msgTryAgain");
         this.geometry = this.element.closest(".narrative-element-geometry");
-        this.resultLayer = this.slide.querySelector(".narrative-element-copy-result-variant");
+        // this is result layer - skip init
+        // todo prevent call Widget.init on result-layer
+        if (this.element.classList.contains("narrative-element-copy-result-variant")) {
+            return;
+        }
+        this.resultLayer = this.slide.querySelector(`.narrative-element-copy-result-variant[data-element-id="${this.elementId}"]`);
         if (this.resultLayer && this.geometry) {
             this.resultLayerGeometry = this.resultLayer.closest(".narrative-element-geometry");
             // create align center
@@ -1514,9 +1539,9 @@ class WidgetCopy extends WidgetBase {
         if (this.isPromotionalCode) {
             this.fetchPromoCode();
         }
-        // this.refreshUserData(this.options.localData);
+        // this.onRefreshUserData(this.options.localData);
     }
-    refreshUserData(localData) { }
+    onRefreshUserData(localData) { }
     isTransparentElement() {
         if (this.element) {
             try {
@@ -1658,7 +1683,9 @@ class WidgetCopy extends WidgetBase {
     }
     static api = {
         widgetClassName: WidgetCopy.widgetClassName,
+        /** @deprecated */
         refreshUserData: WidgetCopy.refreshUserData,
+        onRefreshUserData: WidgetCopy.onRefreshUserData,
         init: function (element, localData) {
             // prevent initWidget for result layer
             if (!element.classList.contains("narrative-element-copy-result-variant")) {
@@ -1719,9 +1746,9 @@ class WidgetDataInput extends WidgetBase {
         this.inputElement = getValueOrException(this.element.querySelector(".input-view .input"), "Empty .input-view .input");
         this.textElement = getValueOrException(this.inputElement.querySelector(".narrative-element-text-lines"), "Empty .narrative-element-text-lines");
         this.inputPlaceholderValue = this.textElement.innerHTML;
-        this.refreshUserData(this.options.localData);
+        this.onRefreshUserData(this.options.localData);
     }
-    refreshUserData(localData) {
+    onRefreshUserData(localData) {
         this.savedData = this.sdkApi.getCardServerData(this.cardId);
         this.localData = extend({}, this.savedData ?? {}, localData);
         const text = this.localData["_di_g_" + this.elementId + "_t"];
@@ -1852,7 +1879,9 @@ class WidgetDataInput extends WidgetBase {
     }
     static api = {
         widgetClassName: WidgetDataInput.widgetClassName,
+        /** @deprecated */
         refreshUserData: WidgetDataInput.refreshUserData,
+        onRefreshUserData: WidgetDataInput.onRefreshUserData,
         init: function (element, localData) {
             WidgetDataInput.initWidget(element, localData, (element, options) => new WidgetDataInput(element, options));
         },
@@ -1942,9 +1971,9 @@ class WidgetDateCountdown extends WidgetBase {
         // } else {
         this.initTimer();
         // }
-        // this.refreshUserData(this.options.localData);
+        // this.onRefreshUserData(this.options.localData);
     }
-    refreshUserData(localData) { }
+    onRefreshUserData(localData) { }
     pause() {
         if (this.timerInited) {
             this.pendingUpdate = false;
@@ -2070,7 +2099,9 @@ class WidgetDateCountdown extends WidgetBase {
     }
     static api = {
         widgetClassName: WidgetDateCountdown.widgetClassName,
+        /** @deprecated */
         refreshUserData: WidgetDateCountdown.refreshUserData,
+        onRefreshUserData: WidgetDateCountdown.onRefreshUserData,
         init: function (element, layers, localData) {
             WidgetDateCountdown.initWidget(element, localData, (element, options) => new WidgetDateCountdown(element, { ...options, layers }));
         },
@@ -2279,9 +2310,9 @@ class WidgetPoll extends WidgetBase {
         this.getUseResponseOnFirstButton = Boolean(getTagDataAsNumber(this.element, "getUserResponseOnFirstButton"));
         this.getUseResponseOnSecondButton = Boolean(getTagDataAsNumber(this.element, "getUserResponseOnSecondButton"));
         this.showClientTotalResult = Boolean(getTagDataAsNumber(this.element, "showClientTotalResult"));
-        this.refreshUserData(this.options.localData);
+        this.onRefreshUserData(this.options.localData);
     }
-    refreshUserData(localData) {
+    onRefreshUserData(localData) {
         this.savedData = this.sdkApi.getCardServerData(this.cardId);
         this.localData = extend({}, this.savedData ?? {}, localData);
         this.selectedVariant = undefined;
@@ -2711,7 +2742,9 @@ class WidgetPoll extends WidgetBase {
     }
     static api = {
         widgetClassName: WidgetPoll.widgetClassName,
+        /** @deprecated */
         refreshUserData: WidgetPoll.refreshUserData,
+        onRefreshUserData: WidgetPoll.onRefreshUserData,
         init: function (element, localData) {
             WidgetPoll.initWidget(element, localData, (element, options) => new WidgetPoll(element, options));
         },
@@ -2794,9 +2827,9 @@ class WidgetPollLayers extends WidgetBase {
             this._showLayout(this.layers, 0);
         }
         this.firstOpenTime = new Date().getTime();
-        this.refreshUserData(this.options.localData);
+        this.onRefreshUserData(this.options.localData);
     }
-    refreshUserData(localData) { }
+    onRefreshUserData(localData) { }
     _statEventPollVariant() {
         try {
             if (this.selectedVariant != null) {
@@ -2879,7 +2912,9 @@ class WidgetPollLayers extends WidgetBase {
     }
     static api = {
         widgetClassName: WidgetPollLayers.widgetClassName,
+        /** @deprecated */
         refreshUserData: WidgetPollLayers.refreshUserData,
+        onRefreshUserData: WidgetPollLayers.onRefreshUserData,
         init: function (element, layers, localData) {
             WidgetPollLayers.initWidget(element, localData, (element, options) => new WidgetPollLayers(element, { ...options, layers }));
         },
@@ -2944,9 +2979,9 @@ class WidgetQuest extends WidgetBase {
         this.label = this.element.querySelector(".label-view .label");
         this.variants = slice.call(this.element.querySelectorAll(".variants-box .variant-view"));
         this.selectedAnswer = undefined;
-        // this.refreshUserData(this.options.localData);
+        // this.onRefreshUserData(this.options.localData);
     }
-    refreshUserData(localData) { }
+    onRefreshUserData(localData) { }
     setCardSessionValue(name, value) {
         this.sdkApi.setCardSessionValue(this.element, name, value);
     }
@@ -3170,7 +3205,9 @@ class WidgetQuest extends WidgetBase {
     }
     static api = {
         widgetClassName: WidgetQuest.widgetClassName,
+        /** @deprecated */
         refreshUserData: WidgetQuest.refreshUserData,
+        onRefreshUserData: WidgetQuest.onRefreshUserData,
         init: function (element, localData) {
             return new Promise(function (resolve, reject) {
                 WidgetQuest.initWidget(element, localData, (element, options) => new WidgetQuest(element, options)).then(localData => {
@@ -3241,9 +3278,9 @@ class WidgetQuiz extends WidgetBase {
         this.question = this.element.querySelector(".label-view .label");
         this.answers = slice.call(this.element.querySelectorAll(".variants-box .variant-view-group"));
         this.questionCount = getValueOrException(getTagDataAsNumber(this.slide, "quizCount"), "Empty quizCount");
-        this.refreshUserData(this.options.localData);
+        this.onRefreshUserData(this.options.localData);
     }
-    refreshUserData(localData) {
+    onRefreshUserData(localData) {
         this.savedData = this.sdkApi.getCardServerData(this.cardId);
         this.localData = extend({}, this.savedData ?? {}, localData);
         this.selectedAnswer = undefined;
@@ -3380,7 +3417,9 @@ class WidgetQuiz extends WidgetBase {
     }
     static api = {
         widgetClassName: WidgetQuiz.widgetClassName,
+        /** @deprecated */
         refreshUserData: WidgetQuiz.refreshUserData,
+        onRefreshUserData: WidgetQuiz.onRefreshUserData,
         init: function (element, localData) {
             WidgetQuiz.initWidget(element, localData, (element, options) => new WidgetQuiz(element, options));
         },
@@ -3434,9 +3473,9 @@ class WidgetQuizGrouped extends WidgetBase {
         this.question = this.element.querySelector(".label-view .label");
         this.answers = slice.call(this.element.querySelectorAll(".variants-box .variant-view-group"));
         this.questionCount = getValueOrException(getTagDataAsNumber(this.slide, "quizCount"), "Empty quizCount");
-        this.refreshUserData(this.options.localData);
+        this.onRefreshUserData(this.options.localData);
     }
-    refreshUserData(localData) {
+    onRefreshUserData(localData) {
         this.savedData = this.sdkApi.getCardServerData(this.cardId);
         this.localData = extend({}, this.savedData ?? {}, localData);
         this.selectedAnswer = undefined;
@@ -3577,7 +3616,9 @@ class WidgetQuizGrouped extends WidgetBase {
     }
     static api = {
         widgetClassName: WidgetQuizGrouped.widgetClassName,
+        /** @deprecated */
         refreshUserData: WidgetQuizGrouped.refreshUserData,
+        onRefreshUserData: WidgetQuizGrouped.onRefreshUserData,
         init: function (element, localData) {
             WidgetQuizGrouped.initWidget(element, localData, (element, options) => new WidgetQuizGrouped(element, options));
         },
@@ -3814,7 +3855,7 @@ class WidgetRangeSlider extends WidgetBase {
         this.handleDown = proxy(this.handleDown, this);
         this.handleMove = proxy(this.handleMove, this);
         this.handleEnd = proxy(this.handleEnd, this);
-        this.refreshUserData(this.options.localData);
+        this.onRefreshUserData(this.options.localData);
         // Attach Events
         // window.addEventListener('resize.' + this.identifier, debounce(function() {
         //   // Simulate resizeEnd event.
@@ -3825,7 +3866,7 @@ class WidgetRangeSlider extends WidgetBase {
         this.env.document.addEventListener("touchstart", this.handleDown);
         this.env.document.addEventListener("mousedown", this.handleDown);
     }
-    refreshUserData(localData) {
+    onRefreshUserData(localData) {
         this.savedData = this.sdkApi.getCardServerData(this.cardId);
         this.localData = extend({}, this.savedData ?? {}, localData);
         if (this.localData["_rs_g_" + this.elementId + "_v"] !== undefined) {
@@ -4189,7 +4230,9 @@ class WidgetRangeSlider extends WidgetBase {
     }
     static api = {
         widgetClassName: WidgetRangeSlider.widgetClassName,
+        /** @deprecated */
         refreshUserData: WidgetRangeSlider.refreshUserData,
+        onRefreshUserData: WidgetRangeSlider.onRefreshUserData,
         init: function (element, localData) {
             WidgetRangeSlider.initWidget(element, localData, (element, options) => new WidgetRangeSlider(element, options));
         },
@@ -4251,9 +4294,9 @@ class WidgetRate extends WidgetBase {
         this.showDialogOnLowRate = Boolean(getValueOrDefault(getTagDataAsNumber(this.element, "showDialogOnLowRate"), 0));
         this.showDialogueMin = getValueOrDefault(getTagDataAsNumber(this.element, "showDialogueMin"), 1);
         this.showDialogueMax = getValueOrDefault(getTagDataAsNumber(this.element, "showDialogueMax"), 3);
-        this.refreshUserData(this.options.localData);
+        this.onRefreshUserData(this.options.localData);
     }
-    refreshUserData(localData) {
+    onRefreshUserData(localData) {
         this.savedData = this.sdkApi.getCardServerData(this.cardId);
         this.localData = extend({}, this.savedData ?? {}, localData);
         this.selectedStar = undefined;
@@ -4440,7 +4483,9 @@ class WidgetRate extends WidgetBase {
     }
     static api = {
         widgetClassName: WidgetRate.widgetClassName,
+        /** @deprecated */
         refreshUserData: WidgetRate.refreshUserData,
+        onRefreshUserData: WidgetRate.onRefreshUserData,
         init: function (element, localData) {
             WidgetRate.initWidget(element, localData, (element, options) => new WidgetRate(element, options));
         },
@@ -4504,9 +4549,9 @@ class WidgetShare extends WidgetBase {
             this.startDisabledTimeline();
         }
         this.btnDisabled = false;
-        // this.refreshUserData(this.options.localData);
+        // this.onRefreshUserData(this.options.localData);
     }
-    refreshUserData(localData) { }
+    onRefreshUserData(localData) { }
     _statEventShare(result, via) {
         try {
             const buttonText = this.element.textContent ?? "";
@@ -4571,7 +4616,9 @@ class WidgetShare extends WidgetBase {
     }
     static api = {
         widgetClassName: WidgetShare.widgetClassName,
+        /** @deprecated */
         refreshUserData: WidgetShare.refreshUserData,
+        onRefreshUserData: WidgetShare.onRefreshUserData,
         init: function (element, layers, localData) {
             WidgetShare.initWidget(element, localData, (element, options) => new WidgetShare(element, { ...options, layers }));
         },
@@ -4702,9 +4749,9 @@ class WidgetTest extends WidgetBase {
                 }
             }
         }
-        // this.refreshUserData(this.options.localData);
+        // this.onRefreshUserData(this.options.localData);
     }
-    refreshUserData(localData) { }
+    onRefreshUserData(localData) { }
     _statEventVoteAnswer(answerScore) {
         try {
             if (this.selectedAnswer != null) {
@@ -4824,7 +4871,9 @@ class WidgetTest extends WidgetBase {
     }
     static api = {
         widgetClassName: WidgetTest.widgetClassName,
+        /** @deprecated */
         refreshUserData: WidgetTest.refreshUserData,
+        onRefreshUserData: WidgetTest.onRefreshUserData,
         init: function (element, localData) {
             WidgetTest.initWidget(element, localData, (element, options) => new WidgetTest(element, options));
         },
@@ -4901,7 +4950,7 @@ class WidgetVote extends WidgetBase {
         });
         this.hideClientTotalResult = getValueOrDefault(Boolean(getTagDataAsNumber(this.element, "hideClientTotalResult")), false);
         this.multipleChoice = getValueOrDefault(Boolean(getTagDataAsNumber(this.element, "multipleChoice")), false);
-        this.refreshUserData(this.options.localData);
+        this.onRefreshUserData(this.options.localData);
     }
     _initFromLocalData() {
         const value = this.localData["_v_g_" + this.elementId + "_sa"];
@@ -4936,7 +4985,7 @@ class WidgetVote extends WidgetBase {
             this._fillWidget(true);
         }
     }
-    refreshUserData(localData) {
+    onRefreshUserData(localData) {
         this.savedData = this.sdkApi.getCardServerData(this.cardId);
         this.localData = extend({}, this.savedData ?? {}, localData);
         this.selectedVariant = undefined;
@@ -5266,7 +5315,9 @@ class WidgetVote extends WidgetBase {
     }
     static api = {
         widgetClassName: WidgetVote.widgetClassName,
+        /** @deprecated */
         refreshUserData: WidgetVote.refreshUserData,
+        onRefreshUserData: WidgetVote.onRefreshUserData,
         init: function (element, localData) {
             WidgetVote.initWidget(element, localData, (element, options) => new WidgetVote(element, options));
         },
@@ -14729,9 +14780,9 @@ class WidgetBarcode extends WidgetBase {
             this.renderCodeView();
             this.renderCaptionView();
         }
-        // this.refreshUserData(this.options.localData);
+        // this.onRefreshUserData(this.options.localData);
     }
-    refreshUserData(localData) { }
+    onRefreshUserData(localData) { }
     isTransparentElement() {
         if (this.element) {
             try {
@@ -14937,7 +14988,9 @@ class WidgetBarcode extends WidgetBase {
     }
     static api = {
         widgetClassName: WidgetBarcode.widgetClassName,
+        /** @deprecated */
         refreshUserData: WidgetBarcode.refreshUserData,
+        onRefreshUserData: WidgetBarcode.onRefreshUserData,
         init: function (element, localData) {
             WidgetBarcode.initWidget(element, localData, (element, options) => new WidgetBarcode(element, options));
         },