ui.shipaid.com 0.3.135 → 0.3.136

package/dist/widget.es.js

@@ -5854,6 +5854,21 @@ class ShipAidCheckoutPlus extends s$1 {
     } catch {
     }
   }
+  // Collect shadow roots from store config (string or string[])
+  _getConfiguredShadowRoots() {
+    var _a, _b;
+    const roots = [];
+    try {
+      const raw = (_b = (_a = this._store) == null ? void 0 : _a.checkoutPlus) == null ? void 0 : _b.shadowRootSelector;
+      const selectors = Array.isArray(raw) ? raw.filter(Boolean) : typeof raw === "string" && raw.trim() ? [raw.trim()] : [];
+      for (const sel of selectors) {
+        const host = document.querySelector(sel);
+        if (host == null ? void 0 : host.shadowRoot) roots.push(host.shadowRoot);
+      }
+    } catch {
+    }
+    return roots;
+  }
   // Find a flex/grid ancestor and tag it so embed app CSS can make our widget span a full row
   _prepareParentContainer(btn) {
     if (!btn) return;
@@ -5971,7 +5986,7 @@ class ShipAidCheckoutPlus extends s$1 {
     }
   }
   _mountNearCheckoutButton() {
-    var _a, _b, _c, _d, _e;
+    var _a, _b, _c, _d, _e, _f;
     if (!this.isConnected) return;
     if (!this._shouldShowWidget()) return;
     this._removeLegacyV1();
@@ -5980,7 +5995,38 @@ class ShipAidCheckoutPlus extends s$1 {
       const customStyles = ((_e = (_d = this._store) == null ? void 0 : _d.checkoutPlus) == null ? void 0 : _e.styles) || {};
       const provided = (dbSelector || this.dataSelector || "").trim();
       const selectors = provided ? provided.split(",").map((s3) => s3.trim()).filter(Boolean) : DEFAULT_CHECKOUT_SELECTORS;
-      const matches = Array.from(document.querySelectorAll(selectors.join(", ")));
+      const localRoot = this.getRootNode() || document;
+      const rootsSet = /* @__PURE__ */ new Set([document]);
+      if (localRoot) rootsSet.add(localRoot);
+      for (const sr of this._getConfiguredShadowRoots()) rootsSet.add(sr);
+      for (const root of Array.from(rootsSet)) {
+        if (root.host) {
+          try {
+            const STYLE_ID = "shipaid-styles";
+            const existing = (_f = root.querySelector) == null ? void 0 : _f.call(root, `#${STYLE_ID}`);
+            if (!existing) {
+              const styleEl = document.createElement("style");
+              styleEl.id = STYLE_ID;
+              styleEl.textContent = `
+                [shipaid-hidden] { display: none !important; }
+                [shipaid-parent-container] { flex-wrap: wrap !important; }
+                [shipaid-parent-container] > shipaid-widget-v2,
+                [shipaid-parent-container] > shipaid-checkout-plus { flex: 1 0 100% !important; max-width: 100% !important; grid-column: 1 / -1 !important; }
+              `;
+              root.appendChild(styleEl);
+            }
+          } catch {
+          }
+        }
+      }
+      const matches = [];
+      for (const root of Array.from(rootsSet)) {
+        try {
+          const list = Array.from(root.querySelectorAll(selectors.join(", ")));
+          matches.push(...list);
+        } catch {
+        }
+      }
       if (!matches.length) return;
       if (this.isClone) {
         const target = matches[0];
@@ -6073,6 +6119,27 @@ class ShipAidCheckoutPlus extends s$1 {
       };
       this._observer = new MutationObserver(handler);
       this._observer.observe(document.body, { childList: true, subtree: true });
+      try {
+        const extraObservers = [];
+        for (const root of this._getConfiguredShadowRoots()) {
+          const shadowHandler = () => {
+            if (this._remountTimer) {
+              try {
+                clearTimeout(this._remountTimer);
+              } catch {
+              }
+            }
+            this._remountTimer = window.setTimeout(() => {
+              this._mountNearCheckoutButton();
+            }, 150);
+          };
+          const obs = new MutationObserver(shadowHandler);
+          obs.observe(root, { childList: true, subtree: true });
+          extraObservers.push(obs);
+        }
+        this._shadowObservers = extraObservers;
+      } catch {
+      }
     } catch {
     }
   }
@@ -6088,6 +6155,17 @@ class ShipAidCheckoutPlus extends s$1 {
       (_b = this._observer) == null ? void 0 : _b.disconnect();
     } catch {
     }
+    try {
+      const list = this._shadowObservers;
+      if (Array.isArray(list)) list.forEach((o3) => {
+        try {
+          o3.disconnect();
+        } catch {
+        }
+      });
+      this._shadowObservers = [];
+    } catch {
+    }
     if (this._remountTimer) {
       try {
         clearTimeout(this._remountTimer);