@covet-pics/covet-pics-widget 0.125.0 → 0.125.2

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

@@ -92,12 +92,7 @@ const CovetPicsDirectBuy = class {
     this.settings = undefined;
   }
   componentWillLoad() {
-    this.appState = this.appStore.getState();
-    this.settings = this.appState.settings;
-    this.unsubscribe = this.appStore.subscribe(() => {
-      this.appState = this.appStore.getState();
-      this.settings = this.appState.settings;
-    });
+    this.initStore();
   }
   componentDidLoad() {
     this.initSwiper();
@@ -107,6 +102,14 @@ const CovetPicsDirectBuy = class {
   disconnectedCallback() {
     this.unsubscribe();
   }
+  initStore() {
+    this.appState = this.appStore.getState();
+    this.settings = this.appState.settings;
+    this.unsubscribe = this.appStore.subscribe(() => {
+      this.appState = this.appStore.getState();
+      this.settings = this.appState.settings;
+    });
+  }
   get productId() {
     if (typeof this.product !== "undefined") {
       return this.product.id.toString();
@@ -3519,6 +3522,14 @@ const CovetPicsHotspots = class {
     }
     this.el.querySelectorAll(`.hotspot[data-link-id="${id}"]`).forEach(hotspot => hotspot.classList.add("active"));
   }
+  componentDidLoad() {
+    this.initTooltips();
+  }
+  componentDidUpdate() {
+    this.tooltips.forEach(instance => instance.destroy());
+    this.tooltips = [];
+    this.initTooltips();
+  }
   getItemCSSVariables() {
     return {
       "--covet-pics-hotspot-color": this.backgroundColor,
@@ -3539,14 +3550,6 @@ const CovetPicsHotspots = class {
       animation: "shift-toward-extreme",
     });
   }
-  componentDidLoad() {
-    this.initTooltips();
-  }
-  componentDidUpdate() {
-    this.tooltips.forEach(instance => instance.destroy());
-    this.tooltips = [];
-    this.initTooltips();
-  }
   render() {
     return (index.h(index.Host, { class: { "show-hotspot-numbers": this.showNumbers }, style: this.getItemCSSVariables() }, this.links.map(link => index.h("a", { class: "hotspot", tabindex: "0", href: link.link, target: "_top", style: this.getPositionForLink(link), "data-link-id": link.id, "data-tippy-content": `<span class="product-title">${link.title}</span><span class="price">${link.prices ? link.prices.price_label : ""} &gt;</span>`, "aria-label": `Hotspot link to '${link.title}'` }, index.h("span", { class: "pulse" })))));
   }
@@ -4290,10 +4293,10 @@ const CovetPicsPopupReviewElement = class {
     this.createdTime = undefined;
     this.reviewCSS = {};
   }
-  componentWillLoad() {
+  watchPropHandler() {
     this.getReviewCSS();
   }
-  watchPropHandler() {
+  componentWillLoad() {
     this.getReviewCSS();
   }
   getReviewCSS() {