@inappstory/slide-api 0.0.20 → 0.0.21

package/dist/index.cjs

@@ -1254,6 +1254,10 @@ class WidgetBase {
         this.id = `w_${this.elementId}_${WidgetBase.widgetIndex}`;
         ++WidgetBase.widgetIndex;
     }
+    /**
+     * Start or restart widget
+     * @param localData
+     */
     onRefreshUserData(localData) { }
     static widgetCacheKey = "ias.story-element";
     static widgetClassName = "";
@@ -1284,19 +1288,23 @@ class WidgetBase {
     }
     static initWidget(htmlElement, localData, instantiate) {
         if (localData != null) {
-            this.createInstance(instantiate, htmlElement, {
+            const widget = this.createInstance(instantiate, htmlElement, {
                 slide: null,
                 localData,
             });
+            // start widget (just created or cached instance)
+            widget.onRefreshUserData(localData);
             return Promise.resolve(localData);
         }
         else {
             return new Promise(resolve => {
                 this.getLocalData().then(localData => {
-                    this.createInstance(instantiate, htmlElement, {
+                    const widget = this.createInstance(instantiate, htmlElement, {
                         slide: null,
                         localData,
                     });
+                    // start widget (just created or cached instance)
+                    widget.onRefreshUserData(localData);
                     resolve(localData);
                 });
             });
@@ -1306,10 +1314,12 @@ class WidgetBase {
     static initWidgets(instantiate, elements, localData) {
         if (localData != null) {
             forEach(elements, element => {
-                this.createInstance(instantiate, element, {
+                const widget = this.createInstance(instantiate, element, {
                     slide: null,
                     localData,
                 });
+                // start widget (just created or cached instance)
+                widget.onRefreshUserData(localData);
             });
             return Promise.resolve(localData);
         }
@@ -1317,10 +1327,12 @@ class WidgetBase {
             return new Promise(resolve => {
                 this.getLocalData().then(localData => {
                     forEach(elements, element => {
-                        this.createInstance(instantiate, element, {
+                        const widget = this.createInstance(instantiate, element, {
                             slide: null,
                             localData,
                         });
+                        // start widget (just created or cached instance)
+                        widget.onRefreshUserData(localData);
                     });
                     resolve(localData);
                 });
@@ -1509,7 +1521,6 @@ class WidgetCopy extends WidgetBase {
         this.button = this.element.querySelector(".narrative-element-text-lines");
         this.clipboardTarget = getTagData(element, "clipboardTarget");
         this.isPromotionalCode = getTagData(element, "clipboardType") === "promocode";
-        this.state = null;
         this.msgNetworkError = getTagData(this.element, "msgNetworkError");
         this.msgServiceError = getTagData(this.element, "msgServiceError");
         this.msgNoMoreCodes = getTagData(this.element, "msgNoMoreCodes");
@@ -1538,12 +1549,19 @@ class WidgetCopy extends WidgetBase {
                 this.resultLayerGeometry.style.setProperty("left", newResultLayerGeometryLeft + "px");
             }
         }
+    }
+    /**
+     * Start or restart widget
+     * @param localData
+     */
+    onRefreshUserData(localData) {
+        this.savedData = this.sdkApi.getCardServerData(this.cardId);
+        this.localData = extend({}, this.savedData ?? {}, localData);
+        this.state = null;
         if (this.isPromotionalCode) {
             this.fetchPromoCode();
         }
-        // this.onRefreshUserData(this.options.localData);
     }
-    onRefreshUserData(localData) { }
     isTransparentElement() {
         if (this.element) {
             try {
@@ -1748,8 +1766,11 @@ 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.onRefreshUserData(this.options.localData);
     }
+    /**
+     * Start or restart widget
+     * @param localData
+     */
     onRefreshUserData(localData) {
         this.savedData = this.sdkApi.getCardServerData(this.cardId);
         this.localData = extend({}, this.savedData ?? {}, localData);
@@ -1922,7 +1943,7 @@ class WidgetDateCountdown extends WidgetBase {
     messages;
     timestampSeconds;
     diff;
-    timerInited;
+    timerInit;
     pendingUpdate;
     firstGroup1;
     firstGroup2;
@@ -1944,7 +1965,7 @@ class WidgetDateCountdown extends WidgetBase {
         };
         this.timestampSeconds = getValueOrException(getTagDataAsNumber(this.element, "timestampSeconds"), "Empty timestampSeconds");
         this.diff = 0;
-        this.timerInited = false;
+        this.timerInit = false;
         this.pendingUpdate = true;
         this.layers = this.options.layers;
         // if (false) {
@@ -1973,16 +1994,22 @@ class WidgetDateCountdown extends WidgetBase {
         // } else {
         this.initTimer();
         // }
-        // this.onRefreshUserData(this.options.localData);
     }
-    onRefreshUserData(localData) { }
+    /**
+     * Start or restart widget
+     * @param localData
+     */
+    onRefreshUserData(localData) {
+        this.savedData = this.sdkApi.getCardServerData(this.cardId);
+        this.localData = extend({}, this.savedData ?? {}, localData);
+    }
     pause() {
-        if (this.timerInited) {
+        if (this.timerInit) {
             this.pendingUpdate = false;
         }
     }
     resume() {
-        if (this.timerInited) {
+        if (this.timerInit) {
             this.pendingUpdate = true;
             this.updateTimer();
         }
@@ -1999,7 +2026,7 @@ class WidgetDateCountdown extends WidgetBase {
         this.thirdGroup2 = getValueOrException(this.element.querySelector(".date-item-view-group-3 .date-output-label-2"), "Empty thirdGroup2");
         this.thirdGroupCaption = getValueOrException(this.element.querySelector(".date-item-view-group-3 .date-item-caption"), "Empty thirdGroupCaption");
         this.timestampSeconds *= 1000;
-        this.timerInited = true;
+        this.timerInit = true;
         const value = this.timestampSeconds - (new Date().getTime() - this.diff);
         if (value > 0) {
             this._showLayout(this.layers, 0);
@@ -2312,8 +2339,11 @@ 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.onRefreshUserData(this.options.localData);
     }
+    /**
+     * Start or restart widget
+     * @param localData
+     */
     onRefreshUserData(localData) {
         this.savedData = this.sdkApi.getCardServerData(this.cardId);
         this.localData = extend({}, this.savedData ?? {}, localData);
@@ -2821,6 +2851,14 @@ class WidgetPollLayers extends WidgetBase {
                 this.variantsTexts.push(label.textContent ?? "");
             }
         });
+    }
+    /**
+     * Start or restart widget
+     * @param localData
+     */
+    onRefreshUserData(localData) {
+        this.savedData = this.sdkApi.getCardServerData(this.cardId);
+        this.localData = extend({}, this.savedData ?? {}, localData);
         this.selectedVariant = undefined;
         if (this.slidePollIsDone()) {
             this._selectVariant(this.localData["_pl_g_" + this.elementId + "_sa"]);
@@ -2829,9 +2867,7 @@ class WidgetPollLayers extends WidgetBase {
             this._showLayout(this.layers, 0);
         }
         this.firstOpenTime = new Date().getTime();
-        this.onRefreshUserData(this.options.localData);
     }
-    onRefreshUserData(localData) { }
     _statEventPollVariant() {
         try {
             if (this.selectedVariant != null) {
@@ -2981,9 +3017,15 @@ 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.onRefreshUserData(this.options.localData);
     }
-    onRefreshUserData(localData) { }
+    /**
+     * Start or restart widget
+     * @param localData
+     */
+    onRefreshUserData(localData) {
+        this.savedData = this.sdkApi.getCardServerData(this.cardId);
+        this.localData = extend({}, this.savedData ?? {}, localData);
+    }
     setCardSessionValue(name, value) {
         this.sdkApi.setCardSessionValue(this.element, name, value);
     }
@@ -3223,6 +3265,7 @@ class WidgetQuest extends WidgetBase {
                 });
             });
         },
+        /** @deprecated */
         initWidget: function (element, localData) {
             return new Promise(function (resolve, reject) {
                 WidgetQuest.initWidgets((element, options) => new WidgetQuest(element, options), [element], localData).then(localData => {
@@ -3280,8 +3323,11 @@ 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.onRefreshUserData(this.options.localData);
     }
+    /**
+     * Start or restart widget
+     * @param localData
+     */
     onRefreshUserData(localData) {
         this.savedData = this.sdkApi.getCardServerData(this.cardId);
         this.localData = extend({}, this.savedData ?? {}, localData);
@@ -3475,8 +3521,11 @@ 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.onRefreshUserData(this.options.localData);
     }
+    /**
+     * Start or restart widget
+     * @param localData
+     */
     onRefreshUserData(localData) {
         this.savedData = this.sdkApi.getCardServerData(this.cardId);
         this.localData = extend({}, this.savedData ?? {}, localData);
@@ -3857,7 +3906,6 @@ class WidgetRangeSlider extends WidgetBase {
         this.handleDown = proxy(this.handleDown, this);
         this.handleMove = proxy(this.handleMove, this);
         this.handleEnd = proxy(this.handleEnd, this);
-        this.onRefreshUserData(this.options.localData);
         // Attach Events
         // window.addEventListener('resize.' + this.identifier, debounce(function() {
         //   // Simulate resizeEnd event.
@@ -3868,6 +3916,10 @@ class WidgetRangeSlider extends WidgetBase {
         this.env.document.addEventListener("touchstart", this.handleDown);
         this.env.document.addEventListener("mousedown", this.handleDown);
     }
+    /**
+     * Start or restart widget
+     * @param localData
+     */
     onRefreshUserData(localData) {
         this.savedData = this.sdkApi.getCardServerData(this.cardId);
         this.localData = extend({}, this.savedData ?? {}, localData);
@@ -4296,8 +4348,11 @@ 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.onRefreshUserData(this.options.localData);
     }
+    /**
+     * Start or restart widget
+     * @param localData
+     */
     onRefreshUserData(localData) {
         this.savedData = this.sdkApi.getCardServerData(this.cardId);
         this.localData = extend({}, this.savedData ?? {}, localData);
@@ -4539,6 +4594,14 @@ class WidgetShare extends WidgetBase {
         this.shareTarget = getTagData(this.element, "shareTarget");
         this.layers = this.options.layers;
         this.withLayer = Boolean(getValueOrDefault(getTagDataAsNumber(this.element, "withLayer"), 0));
+    }
+    /**
+     * Start or restart widget
+     * @param localData
+     */
+    onRefreshUserData(localData) {
+        this.savedData = this.sdkApi.getCardServerData(this.cardId);
+        this.localData = extend({}, this.savedData ?? {}, localData);
         if (this.withLayer) {
             if (this.isDone()) {
                 this._showLayout(this.layers, 1);
@@ -4551,9 +4614,7 @@ class WidgetShare extends WidgetBase {
             this.startDisabledTimeline();
         }
         this.btnDisabled = false;
-        // this.onRefreshUserData(this.options.localData);
     }
-    onRefreshUserData(localData) { }
     _statEventShare(result, via) {
         try {
             const buttonText = this.element.textContent ?? "";
@@ -4682,18 +4743,6 @@ class WidgetTest extends WidgetBase {
         this.testCount = getValueOrException(getTagDataAsNumber(this.slide, "testCount"), "Empty testCount");
         this.withTimeToAnswer = Boolean(getValueOrDefault(getTagDataAsNumber(this.element, "withTimeToAnswer"), 0));
         this.answerTimeout = getValueOrDefault(getTagDataAsNumber(this.element, "answerTimeout"), 0);
-        this.selectedAnswer = undefined;
-        if (this.localData) {
-            if (this.localData["_t_g_" + this.elementId + "_sa"] !== undefined) {
-                this._selectAnswer(this.localData["_t_g_" + this.elementId + "_sa"]);
-                this.setLocalData(this.localData, false);
-            }
-            if (this.localData["_t_fo_at"] === undefined) {
-                this.localData["_t_fo_at"] = Math.round(new Date().getTime() / 1000);
-                this.setLocalData(this.localData, false);
-            }
-        }
-        this.firstOpenTime = new Date().getTime();
         this.tick = () => {
             this.animationFrameId = this.env.requestAnimationFrame(() => {
                 this.tick();
@@ -4722,7 +4771,28 @@ class WidgetTest extends WidgetBase {
                 this.env.cancelAnimationFrame(this.animationFrameId);
             }
         };
+    }
+    /**
+     * Start or restart widget
+     * @param localData
+     */
+    onRefreshUserData(localData) {
+        this.savedData = this.sdkApi.getCardServerData(this.cardId);
+        this.localData = extend({}, this.savedData ?? {}, localData);
+        this.selectedAnswer = undefined;
+        if (this.localData) {
+            if (this.localData["_t_g_" + this.elementId + "_sa"] !== undefined) {
+                this._selectAnswer(this.localData["_t_g_" + this.elementId + "_sa"]);
+                this.setLocalData(this.localData, false);
+            }
+            if (this.localData["_t_fo_at"] === undefined) {
+                this.localData["_t_fo_at"] = Math.round(new Date().getTime() / 1000);
+                this.setLocalData(this.localData, false);
+            }
+        }
+        this.firstOpenTime = new Date().getTime();
         if (this.slideTestWithTimer()) {
+            this.cancelTick();
             this.timeline = this.element.querySelector(".timeline");
             if (this.selectedAnswer === undefined) {
                 // find timer element
@@ -4751,9 +4821,7 @@ class WidgetTest extends WidgetBase {
                 }
             }
         }
-        // this.onRefreshUserData(this.options.localData);
     }
-    onRefreshUserData(localData) { }
     _statEventVoteAnswer(answerScore) {
         try {
             if (this.selectedAnswer != null) {
@@ -4952,7 +5020,6 @@ class WidgetVote extends WidgetBase {
         });
         this.hideClientTotalResult = getValueOrDefault(Boolean(getTagDataAsNumber(this.element, "hideClientTotalResult")), false);
         this.multipleChoice = getValueOrDefault(Boolean(getTagDataAsNumber(this.element, "multipleChoice")), false);
-        this.onRefreshUserData(this.options.localData);
     }
     _initFromLocalData() {
         const value = this.localData["_v_g_" + this.elementId + "_sa"];
@@ -4987,6 +5054,10 @@ class WidgetVote extends WidgetBase {
             this._fillWidget(true);
         }
     }
+    /**
+     * Start or restart widget
+     * @param localData
+     */
     onRefreshUserData(localData) {
         this.savedData = this.sdkApi.getCardServerData(this.cardId);
         this.localData = extend({}, this.savedData ?? {}, localData);
@@ -14769,12 +14840,20 @@ class WidgetBarcode extends WidgetBase {
         this.formatterType = getTagData(element, "formatterType");
         this.copiedText = getTagData(element, "copiedText");
         this.svgView = this.element.querySelector(".barcode-view-inner");
-        this.state = null;
         this.msgNetworkError = getTagData(this.element, "msgNetworkError");
         this.msgServiceError = getTagData(this.element, "msgServiceError");
         this.msgNoMoreCodes = getTagData(this.element, "msgNoMoreCodes");
         this.msgTryAgain = getTagData(this.element, "msgTryAgain");
         this.msgBarcodeRenderError = getTagData(this.element, "msgBarcodeRenderError");
+    }
+    /**
+     * Start or restart widget
+     * @param localData
+     */
+    onRefreshUserData(localData) {
+        this.savedData = this.sdkApi.getCardServerData(this.cardId);
+        this.localData = extend({}, this.savedData ?? {}, localData);
+        this.state = null;
         if (this.isPromotionalCode) {
             this.fetchPromoCode();
         }
@@ -14782,9 +14861,7 @@ class WidgetBarcode extends WidgetBase {
             this.renderCodeView();
             this.renderCaptionView();
         }
-        // this.onRefreshUserData(this.options.localData);
     }
-    onRefreshUserData(localData) { }
     isTransparentElement() {
         if (this.element) {
             try {