ui.shipaid.com 0.3.134 → 0.3.136

package/dist/widget.es.js

@@ -5854,6 +5854,42 @@ 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;
+    try {
+      let el = btn.parentElement;
+      let depth = 0;
+      while (el && depth < 3) {
+        const cs = window.getComputedStyle(el);
+        const display = (cs.display || "").toLowerCase();
+        const isFlex = display === "flex" || display === "inline-flex";
+        const isGrid = display === "grid" || display === "inline-grid";
+        if (isFlex && cs.flexDirection !== "column" || isGrid) {
+          el.setAttribute("shipaid-parent-container", "");
+          return;
+        }
+        el = el.parentElement;
+        depth++;
+      }
+    } catch {
+    }
+  }
   // Copy visual styles from the original checkout button so our primary button matches
   _applyButtonStylesFrom(btn, customStyles = {}) {
     if (!btn) return;
@@ -5950,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();
@@ -5959,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];
@@ -5967,8 +6034,9 @@ class ShipAidCheckoutPlus extends s$1 {
         this._applyButtonStylesFrom(target, customStyles || {});
         target.setAttribute("data-shipaid-replaced", "true");
         if (!target.hasAttribute("shipaid-hidden")) target.setAttribute("shipaid-hidden", "");
+        this._prepareParentContainer(target);
         if (this.previousElementSibling !== target && this.nextElementSibling !== target) {
-          target.insertAdjacentElement("afterend", this);
+          target.insertAdjacentElement("beforebegin", this);
         }
         return;
       }
@@ -5978,8 +6046,9 @@ class ShipAidCheckoutPlus extends s$1 {
         this._applyButtonStylesFrom(first, customStyles || {});
         first.setAttribute("data-shipaid-replaced", "true");
         if (!first.hasAttribute("shipaid-hidden")) first.setAttribute("shipaid-hidden", "");
+        this._prepareParentContainer(first);
         if (this.previousElementSibling !== first && this.nextElementSibling !== first) {
-          first.insertAdjacentElement("afterend", this);
+          first.insertAdjacentElement("beforebegin", this);
         }
       }
       for (const btn of rest) {
@@ -5999,7 +6068,8 @@ class ShipAidCheckoutPlus extends s$1 {
           clone.setAttribute("lang", this.lang);
         } catch {
         }
-        btn.insertAdjacentElement("afterend", clone);
+        this._prepareParentContainer(btn);
+        btn.insertAdjacentElement("beforebegin", clone);
       }
     } catch {
     }
@@ -6037,6 +6107,7 @@ class ShipAidCheckoutPlus extends s$1 {
           if (!this._originalCheckoutButton && firstEl) {
             this._applyButtonStylesFrom(firstEl, customStyles || {});
           }
+          if (firstEl) this._prepareParentContainer(firstEl);
           const anyMatch = nodeList.length > 0;
           if (!hasOriginal || anyMatch) {
             this._mountNearCheckoutButton();
@@ -6048,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 {
     }
   }
@@ -6063,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);
@@ -6479,7 +6582,7 @@ class ShipAidCheckoutPlus extends s$1 {
         border-style: var(--cp-primary-border-style, none);
         border-color: var(--cp-primary-border-color, transparent);
         border-width: var(--cp-primary-border-width, 0);
-        border-radius:20px;
+        border-radius: var(--cp-radius);;
         padding:14px 12px;
         font-size: var(--cp-primary-size);
         font-weight:800;
@@ -6497,7 +6600,7 @@ class ShipAidCheckoutPlus extends s$1 {
         background:#fff;
         color:var(--cp-text);
         border:1px solid var(--cp-border);
-        border-radius:20px;
+        border-radius: var(--cp-radius);;
         padding:12px 12px;
         font-size: var(--cp-secondary-size);
         font-weight:600;
@@ -7356,7 +7459,7 @@ const _ShipAidAddToCartPlus = class _ShipAidAddToCartPlus extends s$1 {
     if (document.getElementById(styleId)) return;
     const style = document.createElement("style");
     style.id = styleId;
-    style.textContent = `.${ATC_ORIGINAL_BTN_CLASS} { background: #fff !important; color: #111 !important; border: 1px solid #111 !important; border-radius: 9999px !important; text-transform: none !important; }
+    style.textContent = `.${ATC_ORIGINAL_BTN_CLASS} { background: #fff !important; color: #111 !important; border: 1px solid #111 !important; border-radius: 12px !important; text-transform: none !important; }
 .${ATC_ORIGINAL_BTN_CLASS}:hover, .${ATC_ORIGINAL_BTN_CLASS}:focus { background: #f7f7f7 !important; color: #111 !important; border-color: #111 !important; }
 .${ATC_ORIGINAL_BTN_CLASS}[disabled] { opacity: 0.6 !important; cursor: not-allowed !important; }
 .${ATC_ORIGINAL_BTN_CLASS}:after { position: unset !important; opacity: 0 !important; }
@@ -7575,7 +7678,7 @@ _ShipAidAddToCartPlus.styles = i2`
     }
     .cp-primary {
       width: 100%;
-      border-radius: 20px;
+      border-radius: 12px;
       padding: 14px 12px;
       font-size: 13px;
       font-weight: 700;