@blotoutio/providers-shop-gpt-sdk 1.12.1 → 1.13.0

package/index.cjs.js

@@ -728,6 +728,7 @@ const createShopGPTAPI = ({ fetch: fetchImpl = window.fetch, baseURL, userId, st
                 timestamp: Date.now(),
                 productHandle,
                 threadId,
+                pageUrl: window.location.href,
             }),
             credentials: 'include',
         });
@@ -1877,6 +1878,8 @@ const productItemStyles = i$4 `
     display: flex;
     gap: 16px;
     cursor: pointer;
+    text-decoration: none;
+    height: 100%;
 
     img {
       width: 150px;
@@ -2017,15 +2020,15 @@ class ProductItem extends i$1 {
       ${this.getLocalPrice(comparedAtPrice)}
     </p>`;
     }
-    openProduct(url) {
+    getProductUrl(url) {
         if (!url) {
-            return;
+            return '';
         }
         const link = new URL(url);
         link.searchParams.set('utm_source', 'shopgpt');
         link.searchParams.set('utm_medium', 'chat');
         link.searchParams.set('et_u_id', this.userId);
-        open(link, '_self');
+        return link.toString();
     }
     renderVariantTitles() {
         if (this.product.hasOnlyDefaultVariant) {
@@ -2053,11 +2056,14 @@ class ProductItem extends i$1 {
                 bubbles: true,
             }));
         }
-        this.openProduct(product.url);
     }
     render() {
         return x `
-      <div class="product" @click=${() => this.productClicked(this.product)}>
+      <a
+        class="product"
+        href=${this.getProductUrl(this.product.url)}
+        @click=${() => this.productClicked(this.product)}
+      >
         <img src=${this.product.image.url} alt=${this.product.image.alt} />
         <div class="content">
           <p class="product-name" title=${this.product.title}>
@@ -2070,7 +2076,7 @@ class ProductItem extends i$1 {
           </div>
           <button class="btn-view-product">View Product</button>
         </div>
-      </div>
+      </a>
     `;
     }
 }
@@ -4999,8 +5005,9 @@ class ShopGPT extends i$1 {
         else if (this.view === 'modal') {
             const searchParams = new URLSearchParams(window.location.search);
             const hasSource = searchParams.get('utm_source') === 'shopgpt';
+            const isDesktop = window.innerWidth > 768;
             // If the url has `utm_source` open the popup when reloaded
-            if (hasSource) {
+            if (hasSource && isDesktop) {
                 this.modalState = 'open';
             }
         }

package/index.js

@@ -729,6 +729,7 @@ var ProvidersShopGptSdk = (function () {
                     timestamp: Date.now(),
                     productHandle,
                     threadId,
+                    pageUrl: window.location.href,
                 }),
                 credentials: 'include',
             });
@@ -1878,6 +1879,8 @@ var ProvidersShopGptSdk = (function () {
     display: flex;
     gap: 16px;
     cursor: pointer;
+    text-decoration: none;
+    height: 100%;
 
     img {
       width: 150px;
@@ -2018,15 +2021,15 @@ var ProvidersShopGptSdk = (function () {
       ${this.getLocalPrice(comparedAtPrice)}
     </p>`;
         }
-        openProduct(url) {
+        getProductUrl(url) {
             if (!url) {
-                return;
+                return '';
             }
             const link = new URL(url);
             link.searchParams.set('utm_source', 'shopgpt');
             link.searchParams.set('utm_medium', 'chat');
             link.searchParams.set('et_u_id', this.userId);
-            open(link, '_self');
+            return link.toString();
         }
         renderVariantTitles() {
             if (this.product.hasOnlyDefaultVariant) {
@@ -2054,11 +2057,14 @@ var ProvidersShopGptSdk = (function () {
                     bubbles: true,
                 }));
             }
-            this.openProduct(product.url);
         }
         render() {
             return x `
-      <div class="product" @click=${() => this.productClicked(this.product)}>
+      <a
+        class="product"
+        href=${this.getProductUrl(this.product.url)}
+        @click=${() => this.productClicked(this.product)}
+      >
         <img src=${this.product.image.url} alt=${this.product.image.alt} />
         <div class="content">
           <p class="product-name" title=${this.product.title}>
@@ -2071,7 +2077,7 @@ var ProvidersShopGptSdk = (function () {
           </div>
           <button class="btn-view-product">View Product</button>
         </div>
-      </div>
+      </a>
     `;
         }
     }
@@ -5000,8 +5006,9 @@ ${this.comment ? this.comment : E}</textarea
             else if (this.view === 'modal') {
                 const searchParams = new URLSearchParams(window.location.search);
                 const hasSource = searchParams.get('utm_source') === 'shopgpt';
+                const isDesktop = window.innerWidth > 768;
                 // If the url has `utm_source` open the popup when reloaded
-                if (hasSource) {
+                if (hasSource && isDesktop) {
                     this.modalState = 'open';
                 }
             }

package/index.mjs

@@ -726,6 +726,7 @@ const createShopGPTAPI = ({ fetch: fetchImpl = window.fetch, baseURL, userId, st
                 timestamp: Date.now(),
                 productHandle,
                 threadId,
+                pageUrl: window.location.href,
             }),
             credentials: 'include',
         });
@@ -1875,6 +1876,8 @@ const productItemStyles = i$4 `
     display: flex;
     gap: 16px;
     cursor: pointer;
+    text-decoration: none;
+    height: 100%;
 
     img {
       width: 150px;
@@ -2015,15 +2018,15 @@ class ProductItem extends i$1 {
       ${this.getLocalPrice(comparedAtPrice)}
     </p>`;
     }
-    openProduct(url) {
+    getProductUrl(url) {
         if (!url) {
-            return;
+            return '';
         }
         const link = new URL(url);
         link.searchParams.set('utm_source', 'shopgpt');
         link.searchParams.set('utm_medium', 'chat');
         link.searchParams.set('et_u_id', this.userId);
-        open(link, '_self');
+        return link.toString();
     }
     renderVariantTitles() {
         if (this.product.hasOnlyDefaultVariant) {
@@ -2051,11 +2054,14 @@ class ProductItem extends i$1 {
                 bubbles: true,
             }));
         }
-        this.openProduct(product.url);
     }
     render() {
         return x `
-      <div class="product" @click=${() => this.productClicked(this.product)}>
+      <a
+        class="product"
+        href=${this.getProductUrl(this.product.url)}
+        @click=${() => this.productClicked(this.product)}
+      >
         <img src=${this.product.image.url} alt=${this.product.image.alt} />
         <div class="content">
           <p class="product-name" title=${this.product.title}>
@@ -2068,7 +2074,7 @@ class ProductItem extends i$1 {
           </div>
           <button class="btn-view-product">View Product</button>
         </div>
-      </div>
+      </a>
     `;
     }
 }
@@ -4997,8 +5003,9 @@ class ShopGPT extends i$1 {
         else if (this.view === 'modal') {
             const searchParams = new URLSearchParams(window.location.search);
             const hasSource = searchParams.get('utm_source') === 'shopgpt';
+            const isDesktop = window.innerWidth > 768;
             // If the url has `utm_source` open the popup when reloaded
-            if (hasSource) {
+            if (hasSource && isDesktop) {
                 this.modalState = 'open';
             }
         }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@blotoutio/providers-shop-gpt-sdk",
-  "version": "1.12.1",
+  "version": "1.13.0",
   "description": "Shop GPT SDK for EdgeTag",
   "author": "Blotout",
   "license": "MIT",