@inappstory/slide-api 0.1.52 → 0.1.53

package/dist/index.d.cts

@@ -1639,6 +1639,7 @@ declare class WidgetBase<WidgetOptions extends WidgetOptionsBase> {
     protected localData: Record<string, any>;
     protected firstOpenTime: number;
     protected id: string;
+    protected linkedLayers: Array<string>;
     startReadyPromise: Promise<void>;
     private startReadyResolve;
     constructor(element: HTMLElement, options: Partial<WidgetOptions>, _widgetCallbacks: WidgetCallbacks, widgetDeps: WidgetDeps, elementIdGetter?: (element: HTMLElement) => string, slideGetter?: (element: HTMLElement) => HTMLElement);
@@ -1677,6 +1678,7 @@ declare class WidgetBase<WidgetOptions extends WidgetOptionsBase> {
     onWidgetComplete(): void;
     onWidgetRequirePauseUI(): void;
     onWidgetRequireResumeUI(): void;
+    protected _showWidgetLinkedLayer(layers: Array<HTMLElement>, widgetLayerIndex?: number, withStatEvent?: boolean): void;
     protected _showLayer(layers: Array<HTMLElement>, selectIndex: number, withStatEvent?: boolean): void;
     protected _statEventLayoutShow(layoutIndex: number): void;
     static onRefreshUserData<Widget extends WidgetBase<WidgetOptions>, WidgetOptions extends WidgetOptionsBase>(element: HTMLElement, localData: Record<string, any>): void;

package/dist/index.d.ts

@@ -1639,6 +1639,7 @@ declare class WidgetBase<WidgetOptions extends WidgetOptionsBase> {
     protected localData: Record<string, any>;
     protected firstOpenTime: number;
     protected id: string;
+    protected linkedLayers: Array<string>;
     startReadyPromise: Promise<void>;
     private startReadyResolve;
     constructor(element: HTMLElement, options: Partial<WidgetOptions>, _widgetCallbacks: WidgetCallbacks, widgetDeps: WidgetDeps, elementIdGetter?: (element: HTMLElement) => string, slideGetter?: (element: HTMLElement) => HTMLElement);
@@ -1677,6 +1678,7 @@ declare class WidgetBase<WidgetOptions extends WidgetOptionsBase> {
     onWidgetComplete(): void;
     onWidgetRequirePauseUI(): void;
     onWidgetRequireResumeUI(): void;
+    protected _showWidgetLinkedLayer(layers: Array<HTMLElement>, widgetLayerIndex?: number, withStatEvent?: boolean): void;
     protected _showLayer(layers: Array<HTMLElement>, selectIndex: number, withStatEvent?: boolean): void;
     protected _statEventLayoutShow(layoutIndex: number): void;
     static onRefreshUserData<Widget extends WidgetBase<WidgetOptions>, WidgetOptions extends WidgetOptionsBase>(element: HTMLElement, localData: Record<string, any>): void;

package/dist/index.js

@@ -7673,6 +7673,7 @@ class WidgetBase {
     localData = null;
     firstOpenTime = 0;
     id;
+    linkedLayers;
     startReadyPromise = null;
     startReadyResolve = null;
     constructor(element, options, _widgetCallbacks, widgetDeps, elementIdGetter, slideGetter) {
@@ -7696,6 +7697,7 @@ class WidgetBase {
         this.disableTimer = getTagData(this.slide, "disableTimer") === "1";
         this.cardId = getValueOrException(getTagDataAsNumber(this.slide, "id"), "Empty cardId");
         this.cardType = getValueOrException(getTagDataAsNumber(this.slide, "cardType"), "Empty card type");
+        this.linkedLayers = getValueOrDefault(getTagDataAsJson(this.element, "linkedLayers"), []);
         this.widgetDeps.getLayoutDirection();
         this.element.dir = this.layoutDirection;
         if (this.element.parentElement != null) {
@@ -7868,6 +7870,14 @@ class WidgetBase {
     onWidgetRequireResumeUI() {
         this._widgetCallbacks.onWidgetRequireResumeUI(this.cardId, this.slideIndex);
     }
+    _showWidgetLinkedLayer(layers, widgetLayerIndex = 0, withStatEvent = false) {
+        if (Array.isArray(this.linkedLayers) && this.linkedLayers[widgetLayerIndex] != null) {
+            const selectedIndex = layers.findIndex(layer => getTagData(layer, "layerId") === this.linkedLayers[widgetLayerIndex]);
+            if (selectedIndex !== -1) {
+                this._showLayer(layers, selectedIndex, withStatEvent);
+            }
+        }
+    }
     _showLayer(layers, selectIndex, withStatEvent = false) {
         if (this.widgetDeps.slideApiDeps.isExistsShowLayer()) {
             this.widgetDeps.slideApiDeps.showLayer(selectIndex);
@@ -8391,9 +8401,7 @@ class WidgetTimer extends WidgetBase {
                 this.widgetDeps.slideApiDeps.showNextSlide(0);
                 break;
             case TimerCompletionAction.ShowLayer: {
-                if (this.layers[1] != null) {
-                    this._showLayer(this.layers, 1);
-                }
+                this._showWidgetLinkedLayer(this.layers);
             }
         }
     }
@@ -18084,9 +18092,7 @@ class WidgetBarcode extends WidgetBase {
             this.widgetDeps.slideApiDeps.showToast(this.promocodeExhaustedNotificationText);
     }
     showPromocodeExhaustedLayer() {
-        if (this.layers[1] != null) {
-            this._showLayer(this.layers, 1);
-        }
+        this._showWidgetLinkedLayer(this.layers);
     }
     static api = {
         widgetClassName: WidgetBarcode.widgetClassName,
@@ -18391,9 +18397,7 @@ class WidgetCopy extends WidgetBase {
             this.widgetDeps.slideApiDeps.showToast(this.promocodeExhaustedNotificationText);
     }
     showPromocodeExhaustedLayer() {
-        if (this.layers[1] != null) {
-            this._showLayer(this.layers, 1);
-        }
+        this._showWidgetLinkedLayer(this.layers);
     }
     static api = {
         widgetClassName: WidgetCopy.widgetClassName,
@@ -18634,9 +18638,7 @@ class WidgetDataInput extends WidgetBase {
         }
     }
     showLayer() {
-        if (this.layers[1] != null) {
-            this._showLayer(this.layers, 1);
-        }
+        this._showWidgetLinkedLayer(this.layers);
     }
     static api = {
         widgetClassName: WidgetDataInput.widgetClassName,
@@ -18718,9 +18720,7 @@ class WidgetDateCountdown extends WidgetBase {
             this._showLayer(this.layers, 0);
         }
         else {
-            if (this.layers[1] != null) {
-                this._showLayer(this.layers, 1);
-            }
+            this._showWidgetLinkedLayer(this.layers);
         }
     }
     onPause() {
@@ -18803,9 +18803,7 @@ class WidgetDateCountdown extends WidgetBase {
         }
         else {
             this.pendingUpdate = false;
-            if (this.layers[1] != null) {
-                this._showLayer(this.layers, 1);
-            }
+            this._showWidgetLinkedLayer(this.layers);
         }
         if (this.pendingUpdate) {
             this.env.requestAnimationFrame(() => this.updateTimer());
@@ -19622,15 +19620,9 @@ class WidgetPollLayers extends WidgetBase {
         this.selectedVariant = index;
         this.localData["_pl_g_" + this.elementId + "_sa"] = index;
         this.element.classList.add("done");
-        // main
-        let layerIndex = 0;
-        if (index === 0) {
-            layerIndex = 1;
-        }
-        else if (index === 1) {
-            layerIndex = 2;
+        if (index === 0 || index === 1) {
+            this._showWidgetLinkedLayer(this.layers, index, userAction);
         }
-        this._showLayer(this.layers, layerIndex, userAction);
         this.startReadyPromise.then(() => {
             if (this.disableTimer) {
                 this.onWidgetComplete();
@@ -24274,7 +24266,7 @@ class WidgetShare extends WidgetBase {
         super.onRefreshUserData(localData);
         if (this.withLayer) {
             if (this.isDone()) {
-                this._showLayer(this.layers, 1);
+                this._showWidgetLinkedLayer(this.layers);
             }
             else {
                 this._showLayer(this.layers, 0);
@@ -24339,7 +24331,7 @@ class WidgetShare extends WidgetBase {
         }
         this._statEventShare(isSuccess, null);
         if (isSuccess && this.withLayer) {
-            this._showLayer(this.layers, 1, true);
+            this._showWidgetLinkedLayer(this.layers, 0, true);
         }
         if (this.disableTimer) {
             this.onWidgetComplete();