ui.shipaid.com 0.3.181 → 0.3.183

package/dist/widget.es.js

@@ -3722,21 +3722,63 @@ const _ShipAidWidget = class _ShipAidWidget extends s$1 {
       console.error("Error during the query ====>", error);
     }
   }
-  _getProductFieldFromCookie(handle, field) {
-    const cookieName = `${handle}-${field}`;
-    const cookie = document.cookie.split("; ").find((row) => row.startsWith(cookieName + "="));
-    if (!cookie) return null;
+  // Get cached product field from Session
+  _getProductFieldFromStorage(handle, field) {
+    const storageKey = `shipaid_product_${handle}_${field}`;
     try {
-      return decodeURIComponent(cookie.split("=")[1]);
-    } catch {
+      return sessionStorage.getItem(storageKey);
+    } catch (e3) {
+      console.warn("[ShipAid] Failed to read from sessionStorage:", e3);
       return null;
     }
   }
-  _storeProductFieldInCookie(handle, field, val) {
-    const cookieName = `${handle}-${field}`;
-    const expires = /* @__PURE__ */ new Date();
-    expires.setDate(expires.getDate() + 1);
-    document.cookie = `${cookieName}=${encodeURIComponent(val)}; path=/; expires=${expires.toUTCString()}`;
+  // Store product field in Session
+  _storeProductFieldInStorage(handle, field, val) {
+    const storageKey = `shipaid_product_${handle}_${field}`;
+    try {
+      sessionStorage.setItem(storageKey, val);
+    } catch (e3) {
+      console.warn("[ShipAid] SessionStorage full, attempting cleanup");
+      this._cleanupOldProductCache();
+      try {
+        sessionStorage.setItem(storageKey, val);
+      } catch (retryError) {
+        console.error("[ShipAid] Failed to store product data after cleanup");
+      }
+    }
+  }
+  // Cleanup old product cache entries from Session
+  _cleanupOldProductCache() {
+    try {
+      const keys = Object.keys(sessionStorage);
+      const shipaidKeys = keys.filter((k2) => k2.startsWith("shipaid_product_"));
+      const keysToRemove = shipaidKeys.slice(0, Math.floor(shipaidKeys.length / 4));
+      keysToRemove.forEach((key) => {
+        try {
+          sessionStorage.removeItem(key);
+        } catch (e3) {
+        }
+      });
+      console.log(`[ShipAid] Cleaned up ${keysToRemove.length} cached product entries`);
+    } catch (e3) {
+      console.error("[ShipAid] Failed to cleanup product cache:", e3);
+    }
+  }
+  // Migrate product data from cookies to Session
+  _migrateFromCookiesToSessionStorage() {
+    try {
+      document.cookie.split(";").forEach((c2) => {
+        const cookieName = c2.split("=")[0].trim();
+        if (cookieName.endsWith("-tags") || cookieName.endsWith("-virtual") || cookieName.includes("product_tags") || cookieName.startsWith("shipaid_")) {
+          document.cookie = `${cookieName}=;expires=Thu, 01 Jan 1970 00:00:00 GMT;path=/;`;
+          document.cookie = `${cookieName}=;expires=Thu, 01 Jan 1970 00:00:00 GMT;path=/cart;`;
+          document.cookie = `${cookieName}=;expires=Thu, 01 Jan 1970 00:00:00 GMT;`;
+        }
+      });
+      console.log("[ShipAid] Successfully migrated from cookies to sessionStorage");
+    } catch (e3) {
+      console.error("[ShipAid] Error during cookie cleanup:", e3);
+    }
   }
   async _fetchProductJSON(handle) {
     try {
@@ -3764,8 +3806,8 @@ const _ShipAidWidget = class _ShipAidWidget extends s$1 {
       const cart = await this._fetch.get("/cart.js");
       if (cart && cart.items) {
         for (const item of cart.items) {
-          const cachedProductTags = this._getProductFieldFromCookie(item.handle, "tags");
-          const isVirtualProduct = this._getProductFieldFromCookie(item.handle, "virtual");
+          const cachedProductTags = this._getProductFieldFromStorage(item.handle, "tags");
+          const isVirtualProduct = this._getProductFieldFromStorage(item.handle, "virtual");
           if (cachedProductTags || isVirtualProduct) {
             item.tags = (cachedProductTags || "").split(",").map((t2) => t2.trim());
             if (isVirtualProduct) {
@@ -3777,13 +3819,13 @@ const _ShipAidWidget = class _ShipAidWidget extends s$1 {
             if (product) {
               if (product.tags) {
                 item.tags = (product.tags || "").split(",").map((t2) => t2.trim());
-                this._storeProductFieldInCookie(item.handle, "tags", product.tags);
+                this._storeProductFieldInStorage(item.handle, "tags", product.tags);
               }
               item.isVirtualProduct = (product.variants || []).every(
                 (variant) => !variant.requires_shipping
               );
               if (item.isVirtualProduct) {
-                this._storeProductFieldInCookie(item.handle, "virtual", "yes");
+                this._storeProductFieldInStorage(item.handle, "virtual", "yes");
               }
             }
           }
@@ -3884,8 +3926,8 @@ const _ShipAidWidget = class _ShipAidWidget extends s$1 {
       cart = await this._fetch.post("/cart/add.js", payload);
       if (cart && cart.items) {
         for (const item of cart.items) {
-          const cachedProductTags = this._getProductFieldFromCookie(item.handle, "tags");
-          const isVirtualProduct = this._getProductFieldFromCookie(item.handle, "virtual");
+          const cachedProductTags = this._getProductFieldFromStorage(item.handle, "tags");
+          const isVirtualProduct = this._getProductFieldFromStorage(item.handle, "virtual");
           if (cachedProductTags || isVirtualProduct) {
             item.tags = (cachedProductTags || "").split(",").map((t2) => t2.trim());
             if (isVirtualProduct) {
@@ -3897,13 +3939,13 @@ const _ShipAidWidget = class _ShipAidWidget extends s$1 {
             if (product) {
               if (product.tags) {
                 item.tags = (product.tags || "").split(",").map((t2) => t2.trim());
-                this._storeProductFieldInCookie(item.handle, "tags", product.tags);
+                this._storeProductFieldInStorage(item.handle, "tags", product.tags);
               }
               item.isVirtualProduct = (product.variants || []).every(
                 (variant) => !variant.requires_shipping
               );
               if (item.isVirtualProduct) {
-                this._storeProductFieldInCookie(item.handle, "virtual", "yes");
+                this._storeProductFieldInStorage(item.handle, "virtual", "yes");
               }
             }
           }
@@ -3943,8 +3985,8 @@ const _ShipAidWidget = class _ShipAidWidget extends s$1 {
       cart = await this._fetch.post("/cart/change.js", payload);
       if (cart && cart.items) {
         for (const item of cart.items) {
-          const cachedProductTags = this._getProductFieldFromCookie(item.handle, "tags");
-          const isVirtualProduct = this._getProductFieldFromCookie(item.handle, "virtual");
+          const cachedProductTags = this._getProductFieldFromStorage(item.handle, "tags");
+          const isVirtualProduct = this._getProductFieldFromStorage(item.handle, "virtual");
           if (cachedProductTags || isVirtualProduct) {
             item.tags = (cachedProductTags || "").split(",").map((t2) => t2.trim());
             if (isVirtualProduct) {
@@ -3956,13 +3998,13 @@ const _ShipAidWidget = class _ShipAidWidget extends s$1 {
             if (product) {
               if (product.tags) {
                 item.tags = (product.tags || "").split(",").map((t2) => t2.trim());
-                this._storeProductFieldInCookie(item.handle, "tags", product.tags);
+                this._storeProductFieldInStorage(item.handle, "tags", product.tags);
               }
               item.isVirtualProduct = (product.variants || []).every(
                 (variant) => !variant.requires_shipping
               );
               if (item.isVirtualProduct) {
-                this._storeProductFieldInCookie(item.handle, "virtual", "yes");
+                this._storeProductFieldInStorage(item.handle, "virtual", "yes");
               }
             }
           }
@@ -4355,17 +4397,19 @@ const _ShipAidWidget = class _ShipAidWidget extends s$1 {
     return null;
   }
   _renderBenefitsSection(isGreenProtectionEnabled, isFreeGiftEnabled) {
+    var _a, _b;
+    const benefitsStyles = ((_b = (_a = this._store) == null ? void 0 : _a.widgetConfigurations) == null ? void 0 : _b.benefitsStyles) || {};
     return x`
-      <div class="shipaid-benefits-container ${this._isBenefitsOpen ? "open" : ""}">
-        <div class="shipaid-benefits">
-          <div class="shipaid-benefits__header">
-            <span>${translate("plus.benefits.title")}</span>
+      <div class="shipaid-benefits-container ${this._isBenefitsOpen ? "open" : ""}" style="${(benefitsStyles == null ? void 0 : benefitsStyles.container) || ""}">
+        <div class="shipaid-benefits" style="${(benefitsStyles == null ? void 0 : benefitsStyles.benefits) || ""}">
+          <div class="shipaid-benefits__header" style="${(benefitsStyles == null ? void 0 : benefitsStyles.header) || ""}">
+            <span style="${(benefitsStyles == null ? void 0 : benefitsStyles.title) || ""}">${translate("plus.benefits.title")}</span>
             <a href="#" class="shipaid-benefits__link" @click=${this._handleSeeDetails}>${translate("plus.see-details")}</a>
           </div>
-          <ul>
-            <li>${ProtectedIcon}${translate("plus.benefits.protected")}</li>
-            ${isFreeGiftEnabled ? x`<li>${GiftIcon}${translate("plus.benefits.free-gift")}</li>` : A}
-            ${isGreenProtectionEnabled ? x`<li>${TreeIcon}${translate("plus.benefits.tree")}</li>` : A}
+          <ul style="${(benefitsStyles == null ? void 0 : benefitsStyles.list) || ""}">
+            <li style="${(benefitsStyles == null ? void 0 : benefitsStyles.item) || ""}">${ProtectedIcon}${translate("plus.benefits.protected")}</li>
+            ${isFreeGiftEnabled ? x`<li style="${(benefitsStyles == null ? void 0 : benefitsStyles.item) || ""}">${GiftIcon}${translate("plus.benefits.free-gift")}</li>` : A}
+            ${isGreenProtectionEnabled ? x`<li style="${(benefitsStyles == null ? void 0 : benefitsStyles.item) || ""}">${TreeIcon}${translate("plus.benefits.tree")}</li>` : A}
           </ul>
         </div>
       </div>
@@ -4669,7 +4713,7 @@ const _ShipAidWidget = class _ShipAidWidget extends s$1 {
    */
   _renderDefaultCheckoutButton(originalClasses, protectionPrice, cartTotal, isGreenProtectionEnabled, isFreeGiftEnabled, impactActive, loading2) {
     var _a, _b, _c, _d, _e, _f, _g, _h;
-    const { logo, title: title2 = "", linkContinueText } = ((_b = (_a = this._store) == null ? void 0 : _a.widgetConfigurations) == null ? void 0 : _b.checkoutPlus) || { logo: null, title: null, linkContinueText: null };
+    const { logo, title: title2 = "", checkoutText, linkContinueText } = ((_b = (_a = this._store) == null ? void 0 : _a.widgetConfigurations) == null ? void 0 : _b.checkoutPlus) || { logo: null, title: null, checkoutText: null, linkContinueText: null };
     return x`
       <style>
         :host {
@@ -4892,8 +4936,9 @@ const _ShipAidWidget = class _ShipAidWidget extends s$1 {
       window.location.href = `/checkout?attributes[_shipaid-internal]=1&updates[${(_b2 = this._protectionVariant) == null ? void 0 : _b2.id}]=1`;
     }}
               >
-                ${this.buttonTitle || x`<slot name="checkout-button-text">CHECKOUT+</slot>
-                  ${cartTotal ? this._currencyFormat(cartTotal) : loading2}`}
+                ${this.buttonTitle || (checkoutText ? x`<span>${checkoutText}</span>
+                  ${cartTotal ? this._currencyFormat(cartTotal) : loading2}` : x`<slot name="checkout-button-text">CHECKOUT+</slot>
+                  ${cartTotal ? this._currencyFormat(cartTotal) : loading2}`)}
               </button>
             ` : x`
               <a
@@ -5318,15 +5363,7 @@ const _ShipAidWidget = class _ShipAidWidget extends s$1 {
   render() {
     useOnce(this, async () => {
       var _a, _b, _c, _d, _e, _f;
-      (() => {
-        document.cookie.split(";").forEach(function(c2) {
-          const n2 = c2.split("=")[0].trim();
-          if (n2.endsWith("product_tags")) {
-            document.cookie = n2 + "=;expires=Thu, 01 Jan 1970 00:00:00 GMT;path=/";
-            document.cookie = n2 + "=;expires=Thu, 01 Jan 1970 00:00:00 GMT;";
-          }
-        });
-      })();
+      this._migrateFromCookiesToSessionStorage();
       const linkEl = document.createElement("link");
       linkEl.setAttribute(
         "href",