ui.shipaid.com 0.3.133 → 0.3.135

package/dist/widget.es.js

@@ -4094,13 +4094,14 @@ const _ShipAidWidget = class _ShipAidWidget extends s$1 {
   }
   /** Templates */
   learnMorePopupTemplate() {
-    var _a;
+    var _a, _b;
     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);
     if (carousel) return;
     return x`
       <shipaid-learn-more-carousel
         carousel-state=${this._popup === "learn-more" ? "open" : "close"}
-        carousel-type=${((_a = this._store) == null ? void 0 : _a.greenProtection.enabled) || this.previewGreenShipAid ? "green-protection" : "standard-protection"}
+        green-protection=${isGreenEnabled}
       >
       </shipaid-learn-more-carousel>
     `;
@@ -5853,6 +5854,27 @@ class ShipAidCheckoutPlus extends s$1 {
     } catch {
     }
   }
+  // 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;
@@ -5966,8 +5988,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;
       }
@@ -5977,8 +6000,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) {
@@ -5998,7 +6022,8 @@ class ShipAidCheckoutPlus extends s$1 {
           clone.setAttribute("lang", this.lang);
         } catch {
         }
-        btn.insertAdjacentElement("afterend", clone);
+        this._prepareParentContainer(btn);
+        btn.insertAdjacentElement("beforebegin", clone);
       }
     } catch {
     }
@@ -6036,6 +6061,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();
@@ -6478,7 +6504,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;
@@ -6496,7 +6522,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;
@@ -7355,7 +7381,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; }
@@ -7574,7 +7600,7 @@ _ShipAidAddToCartPlus.styles = i2`
     }
     .cp-primary {
       width: 100%;
-      border-radius: 20px;
+      border-radius: 12px;
       padding: 14px 12px;
       font-size: 13px;
       font-weight: 700;