@inappstory/slide-api 0.0.18 → 0.0.20

package/dist/index.cjs

@@ -1254,7 +1254,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) {
@@ -1433,13 +1433,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);
                 }
             }
         };
@@ -1454,6 +1455,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 */:
@@ -1495,7 +1515,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
@@ -1516,9 +1541,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 {
@@ -1660,7 +1685,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")) {
@@ -1721,9 +1748,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"];
@@ -1854,7 +1881,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));
         },
@@ -1944,9 +1973,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;
@@ -2072,7 +2101,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 }));
         },
@@ -2281,9 +2312,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;
@@ -2713,7 +2744,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));
         },
@@ -2796,9 +2829,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) {
@@ -2881,7 +2914,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 }));
         },
@@ -2946,9 +2981,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);
     }
@@ -3172,7 +3207,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 => {
@@ -3243,9 +3280,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;
@@ -3382,7 +3419,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));
         },
@@ -3436,9 +3475,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;
@@ -3579,7 +3618,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));
         },
@@ -3816,7 +3857,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.
@@ -3827,7 +3868,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) {
@@ -4191,7 +4232,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));
         },
@@ -4253,9 +4296,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;
@@ -4442,7 +4485,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));
         },
@@ -4506,9 +4551,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 ?? "";
@@ -4573,7 +4618,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 }));
         },
@@ -4704,9 +4751,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) {
@@ -4826,7 +4873,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));
         },
@@ -4903,7 +4952,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"];
@@ -4938,7 +4987,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;
@@ -5268,7 +5317,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));
         },
@@ -14731,9 +14782,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 {
@@ -14939,7 +14990,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));
         },