ui.shipaid.com 0.3.147 → 0.3.148

package/dist/widget.es.js

@@ -3506,6 +3506,21 @@ const openCarousel = (from) => {
   } catch {
   }
 };
+const ensureLearnMoreCarousel = (store) => {
+  var _a, _b;
+  try {
+    const existing = document.querySelector("shipaid-learn-more-carousel");
+    if (existing) return;
+    const el = document.createElement("shipaid-learn-more-carousel");
+    const isGreenEnabled = Boolean((_a = store == null ? void 0 : store.greenProtection) == null ? void 0 : _a.enabled);
+    const isFreeGiftEnabled = Boolean((_b = store == null ? void 0 : store.freeGifts) == null ? void 0 : _b.enabled);
+    if (isGreenEnabled) el.setAttribute("green-protection", "true");
+    if (isFreeGiftEnabled) el.setAttribute("free-gift", "true");
+    el.setAttribute("carousel-state", "close");
+    document.body.appendChild(el);
+  } catch {
+  }
+};
 const refreshShopifyCartUI = async () => {
   try {
     const sectionIds = ["cart-drawer", "cart-icon-bubble", "main-cart-items"];
@@ -3659,7 +3674,6 @@ const _ShipAidWidget = class _ShipAidWidget extends s$1 {
       } catch {
       }
     };
-    this._pendingLearnMoreSource = null;
     this._handleHelpClick = (event) => {
       if (event) event.preventDefault();
       this._toggleBenefits();
@@ -3746,8 +3760,7 @@ const _ShipAidWidget = class _ShipAidWidget extends s$1 {
     }
   }
   _openLearnMore(source) {
-    this._popup = "learn-more";
-    this._pendingLearnMoreSource = source;
+    openCarousel(source);
     if (this.persistPopup) {
       this.setPopupKey();
     }
@@ -4427,19 +4440,7 @@ const _ShipAidWidget = class _ShipAidWidget extends s$1 {
   }
   /** Templates */
   learnMorePopupTemplate() {
-    var _a, _b, _c, _d;
-    const carousel = document.querySelector("shipaid-learn-more-carousel");
-    const isGreenEnabled = Boolean((_b = (_a = this._store) == null ? void 0 : _a.greenProtection) == null ? void 0 : _b.enabled);
-    const isFreeGiftEnabled = Boolean((_d = (_c = this._store) == null ? void 0 : _c.freeGifts) == null ? void 0 : _d.enabled);
-    if (carousel) return;
-    return x`
-      <shipaid-learn-more-carousel
-        carousel-state=${this._popup === "learn-more" ? "open" : "close"}
-        free-gift=${isFreeGiftEnabled}
-        green-protection=${isGreenEnabled}
-      >
-      </shipaid-learn-more-carousel>
-    `;
+    return null;
   }
   confirmationPopupTemplate() {
     return x`
@@ -5019,15 +5020,14 @@ const _ShipAidWidget = class _ShipAidWidget extends s$1 {
   renderPopups() {
     if (this.persistPopup) {
       this._popup = this.shouldPersistPopup();
-      if (this._popup === "learn-more" && !this._pendingLearnMoreSource) {
-        this._pendingLearnMoreSource = "shipaid-widget";
+      if (this._popup === "learn-more") {
+        openCarousel("shipaid-widget");
+        this._popup = null;
       }
     }
     switch (this._popup) {
       case "confirmation":
         return this.confirmationPopupTemplate();
-      case "learn-more":
-        return this.learnMorePopupTemplate();
       default:
         return null;
     }
@@ -5420,6 +5420,7 @@ const _ShipAidWidget = class _ShipAidWidget extends s$1 {
         return;
       }
       this._hasFinishedSetup = true;
+      ensureLearnMoreCarousel(this._store);
       this._dispatchEvent(SHIPAID_EVENTS.LOADED, this._store);
       setTimeout(async () => {
         var _a2, _b2, _c2, _d2;
@@ -5481,24 +5482,6 @@ const _ShipAidWidget = class _ShipAidWidget extends s$1 {
       this,
       () => {
         D(this.renderPopups(), document.body);
-        if (this._popup === "learn-more") {
-          const source = this._pendingLearnMoreSource ?? "shipaid-widget";
-          this._pendingLearnMoreSource = null;
-          requestAnimationFrame(() => {
-            try {
-              window.dispatchEvent(
-                new CustomEvent(SHIPAID_EVENTS.LEARN_MORE_OPENED, {
-                  detail: { source }
-                })
-              );
-            } catch (error) {
-              const message = error instanceof Error ? error.message : String(error);
-              logger.error(`Failed to open ShipAid learn more carousel: ${message}`);
-            }
-          });
-        } else {
-          this._pendingLearnMoreSource = null;
-        }
       },
       [this._popup]
     );
@@ -6198,19 +6181,7 @@ class ShipAidCheckoutPlus extends s$1 {
     }
   }
   _ensureLearnMoreCarousel() {
-    var _a, _b, _c, _d;
-    try {
-      const existing = document.querySelector("shipaid-learn-more-carousel");
-      if (existing) return;
-      const el = document.createElement("shipaid-learn-more-carousel");
-      const isGreenEnabled = Boolean((_b = (_a = this._store) == null ? void 0 : _a.greenProtection) == null ? void 0 : _b.enabled);
-      const isFreeGiftEnabled = Boolean((_d = (_c = this._store) == null ? void 0 : _c.freeGifts) == null ? void 0 : _d.enabled);
-      if (isGreenEnabled) el.setAttribute("green-protection", "true");
-      if (isFreeGiftEnabled) el.setAttribute("free-gift", "true");
-      el.setAttribute("carousel-state", "close");
-      document.body.appendChild(el);
-    } catch {
-    }
+    ensureLearnMoreCarousel(this._store);
   }
   _shouldShowWidget() {
     var _a;