@covet-pics/covet-pics-widget 0.129.2 → 0.130.0

package/dist/cjs/covet-pics-direct-buy_8.cjs.entry.js

@@ -9,7 +9,7 @@ const index = require('./index-5415b8fd.js');
 const utils = require('./utils-07dcda6f.js');
 const a11y = require('./a11y-c38c0cb2.js');
 const slider = require('./slider-c7104397.js');
-const popup = require('./popup-b4f76329.js');
+const popup = require('./popup-73ac7fd8.js');
 const fragment = require('./fragment-29c21ac8.js');
 const storeUtils = require('./storeUtils-6e9b9011.js');
 const getters = require('./getters-c3c47af0.js');
@@ -3763,6 +3763,8 @@ const CovetPicsPopup = class {
     this.modalOpen = index.createEvent(this, "modalOpen:covetPics", 5);
     this.modalClose = index.createEvent(this, "modalClose:covetPics", 5);
     this.modalChanged = index.createEvent(this, "modalChanged:covetPics", 5);
+    this.isModalOpenEventSent = false;
+    this.isModalChanged = false;
     this.isDefaultCurrency = true;
     // unique ID
     this.contentCarouselId = null;
@@ -3782,8 +3784,8 @@ const CovetPicsPopup = class {
       this.pauseVideosInOpenPopup();
       this.appStore.dispatch(popup.changePopupItem("previous"));
       this.closeDirectBuy();
+      this.isModalChanged = true;
       this.previousPopupEvent.emit(event);
-      this.modalChanged.emit();
     };
     this.nextClickHandler = async (event) => {
       event.preventDefault();
@@ -3791,8 +3793,8 @@ const CovetPicsPopup = class {
       this.pauseVideosInOpenPopup();
       this.appStore.dispatch(popup.changePopupItem("next"));
       this.closeDirectBuy();
+      this.isModalChanged = true;
       this.nextPopupEvent.emit(event);
-      this.modalChanged.emit();
     };
     this.hidePopupClickHandler = (event) => {
       event.preventDefault();
@@ -3829,7 +3831,6 @@ const CovetPicsPopup = class {
     popup$1.classList.add("open");
     // prevent body to scroll setting overflow: hidden
     document.body.classList.add("covet-pics-popup-scroll-lock");
-    this.modalOpen.emit();
     this.appStore.dispatch(modals.setPopupOpen(true));
     if (getters.getUseAnalytics(this.appState)) {
       const category = "Covet.pics Popup";
@@ -3849,6 +3850,7 @@ const CovetPicsPopup = class {
     this.el.classList.remove("covet-pics-popup-open");
     setTimeout(() => {
       this.appStore.dispatch(popup.setPopupItemId(-1));
+      this.appStore.dispatch(popup.setIsModalOpenEventSent(false));
       const popup$1 = this.el.shadowRoot.querySelector(".popup");
       popup$1.classList.remove("open");
       this.el.classList.remove("covet-pics-popup-show");
@@ -3903,6 +3905,16 @@ const CovetPicsPopup = class {
   componentDidLoad() {
     this.bindSwipeGestures();
   }
+  componentDidRender() {
+    if (this.isActive && !this.isModalOpenEventSent) {
+      this.modalOpen.emit();
+      this.appStore.dispatch(popup.setIsModalOpenEventSent(true));
+    }
+    if (this.isActive && this.isModalChanged) {
+      this.modalChanged.emit();
+      this.isModalChanged = false;
+    }
+  }
   disconnectedCallback() {
     this.unsubscribe();
   }
@@ -3914,6 +3926,7 @@ const CovetPicsPopup = class {
     this.product = popup.getPopupProduct(this.appState);
     this.directBuyIsOpen = popup.directBuyIsOpen(this.appState);
     this.isPreviousEnable = popup.isPreviousEnable(this.appState);
+    this.isModalOpenEventSent = this.appState.popup.isModalOpenEventSent;
     this.unsubscribe = this.appStore.subscribe(() => {
       this.appState = this.appStore.getState();
       this.item = popup.getPopupItem(this.appState);
@@ -3921,6 +3934,7 @@ const CovetPicsPopup = class {
       this.directBuyIsOpen = popup.directBuyIsOpen(this.appState);
       this.settings = this.appState.settings;
       this.isPreviousEnable = popup.isPreviousEnable(this.appState);
+      this.isModalOpenEventSent = this.appState.popup.isModalOpenEventSent;
     });
   }
   get animationDuration() {