@blotoutio/providers-shop-gpt-sdk 1.10.2 → 1.10.3

package/index.cjs.js

@@ -408,6 +408,7 @@ const createExperiment = (props) => {
     }
 };
 
+/** Action length should not exceed 42 */
 const uiActions = new Set([
     'shopGPTInitialized',
     'chatbotOpened',
@@ -415,6 +416,7 @@ const uiActions = new Set([
     'promptClicked',
     'productRecommendationClicked',
 ]);
+/** Action length should not exceed 42 */
 new Set([
     ...uiActions,
     'pageView',
@@ -823,8 +825,8 @@ const init = (params) => {
         // exit if not in top window
         return;
     }
-    const { enabled, mode, devMode, merchantUrl, profiles, productHandles, targetPath, view, brandName, quickPrompts, merchantImage, latestThreadLoad, botIconUrl, css, nudge, loadUiManually, } = (_c = params.manifest.variables) !== null && _c !== void 0 ? _c : {};
-    setShopGPTLoaded(params.baseUrl, (_d = params.session) === null || _d === void 0 ? void 0 : _d.sessionId, !loadUiManually);
+    const { enabled, mode, devMode, merchantUrl, profiles, productHandles, targetPath, view, brandName, quickPrompts, merchantImage, latestThreadLoad, botIconUrl, css, nudge, loadUIManually, } = (_c = params.manifest.variables) !== null && _c !== void 0 ? _c : {};
+    setShopGPTLoaded(params.baseUrl, (_d = params.session) === null || _d === void 0 ? void 0 : _d.sessionId, !loadUIManually);
     const experiment = createExperiment({
         name: getExperimentName(mode),
         userId: params.userId,
@@ -864,8 +866,9 @@ const init = (params) => {
             css,
             nudge,
             sessionId: (_f = params.session) === null || _f === void 0 ? void 0 : _f.sessionId,
+            loadUIManually,
         });
-        if (!loadUiManually) {
+        if (!loadUIManually) {
             uiImplementation.loadUI();
         }
     }
@@ -4104,17 +4107,21 @@ class ChatSection extends r$2 {
             }
             return x ` <div class="message user">${message.message}</div> `;
         })}
+        ${!this.fromAd || !this.thread
+            ? x `
         <div class="message bot">
           <div>${this.renderBotIcon()}</div>
           <div>
             <p>
               Hi,
               ${this.brandName ? x `Welcome to ${this.brandName}.` : E}
-              I'm here to help you find the perfect product? What are you
-              looking to resolve today?
+              I'm here to help you find the perfect product. Pick a suggested
+              prompt from below, or enter your own query.
             </p>
           </div>
         </div>
+      </div>`
+            : E}
       </div>
     `;
     }
@@ -4590,6 +4597,10 @@ __decorate([
     n({ type: String }),
     __metadata("design:type", String)
 ], ChatSection.prototype, "css", void 0);
+__decorate([
+    n({ type: Boolean }),
+    __metadata("design:type", Boolean)
+], ChatSection.prototype, "fromAd", void 0);
 if (!customElements.get('chat-section')) {
     customElements.define('chat-section', ChatSection);
 }
@@ -4686,6 +4697,16 @@ class ShopGPT extends r$2 {
             this.modalState = 'close';
             (_a = this.shopGPTDialog) === null || _a === void 0 ? void 0 : _a.close();
         };
+        this.isFromAd = () => {
+            var _a;
+            if (this.devMode) {
+                const thread = this.chatThreads.get(this.selectedThreadId);
+                return thread ? !!((_a = thread.devContext) === null || _a === void 0 ? void 0 : _a.productHandle) : false;
+            }
+            const searchParams = new URLSearchParams(window.location.search);
+            return ((isFromAd(searchParams) || searchParams.get('shopGPT') === '1') &&
+                !!this.storeAPI.getCurrentProductHandle());
+        };
         this.submitQuery = (message) => {
             if (!message) {
                 return;
@@ -4717,7 +4738,9 @@ class ShopGPT extends r$2 {
         this.startNudgeTimer();
     }
     disconnectedCallback() {
-        window.removeEventListener('edgetag-initialized', this.loadData);
+        if (!this.loadUIManually) {
+            window.removeEventListener('edgetag-initialized', this.loadData);
+        }
         window.removeEventListener('popstate', this.onPopState);
         if (this.nudgeTimer) {
             window.clearTimeout(this.nudgeTimer);
@@ -4725,7 +4748,14 @@ class ShopGPT extends r$2 {
         super.disconnectedCallback();
     }
     init() {
-        window.addEventListener('edgetag-initialized', this.loadData);
+        if (this.loadUIManually) {
+            // this is because edgetag-initialized will already be
+            // triggered before the loadUI function is called to load the UI
+            this.loadData();
+        }
+        else {
+            window.addEventListener('edgetag-initialized', this.loadData);
+        }
         window.addEventListener('popstate', this.onPopState);
         this.shopGPTAPI.sendEvent('shopGPTInitialized', this.getSiteCurrency().currency);
         if (!this.view || this.view === 'overlay') {
@@ -4769,13 +4799,15 @@ class ShopGPT extends r$2 {
         if (!thread) {
             return;
         }
-        const searchParams = new URLSearchParams(window.location.search);
-        const fromAd = isFromAd(searchParams) || searchParams.get('shopGPT') === '1';
+        const fromAd = this.isFromAd();
         const productHandle = this.devMode
             ? (_a = thread === null || thread === void 0 ? void 0 : thread.devContext) === null || _a === void 0 ? void 0 : _a.productHandle
             : fromAd
                 ? this.storeAPI.getCurrentProductHandle()
                 : undefined;
+        if (!fromAd) {
+            return;
+        }
         try {
             this.isTyping = true;
             const response = await this.shopGPTAPI.processQuery('', thread.threadId, productHandle);
@@ -4813,7 +4845,7 @@ class ShopGPT extends r$2 {
         if (latestThread) {
             this.setSelectedThreadId(latestThread.threadId);
         }
-        else if (!this.devMode) {
+        else if (!this.devMode && this.isFromAd()) {
             this.createChatThread({ title: '' }, true);
         }
     }
@@ -5112,6 +5144,7 @@ class ShopGPT extends r$2 {
             .customPrompts=${this.customPrompts}
             .botIconUrl=${this.botIconUrl}
             .css=${this.css}
+            .fromAd=${this.isFromAd()}
           ></chat-section>
         </div>
       </dialog>
@@ -5185,6 +5218,7 @@ class ShopGPT extends r$2 {
           .customPrompts=${this.customPrompts}
           .botIconUrl=${this.botIconUrl}
           .css=${this.css}
+          .fromAd=${this.isFromAd()}
         ></chat-section>
       </div>
     `;
@@ -5321,6 +5355,7 @@ if (typeof window != 'undefined' && typeof document != 'undefined') {
             shopGPT.css = params.css;
             shopGPT.nudge = params.nudge;
             shopGPT.sessionId = params.sessionId;
+            shopGPT.loadUIManually = params.loadUIManually;
         },
         loadUI() {
             if (!shopGPT) {

package/index.js

@@ -409,6 +409,7 @@ var ProvidersShopGptSdk = (function () {
         }
     };
 
+    /** Action length should not exceed 42 */
     const uiActions = new Set([
         'shopGPTInitialized',
         'chatbotOpened',
@@ -416,6 +417,7 @@ var ProvidersShopGptSdk = (function () {
         'promptClicked',
         'productRecommendationClicked',
     ]);
+    /** Action length should not exceed 42 */
     new Set([
         ...uiActions,
         'pageView',
@@ -824,8 +826,8 @@ var ProvidersShopGptSdk = (function () {
             // exit if not in top window
             return;
         }
-        const { enabled, mode, devMode, merchantUrl, profiles, productHandles, targetPath, view, brandName, quickPrompts, merchantImage, latestThreadLoad, botIconUrl, css, nudge, loadUiManually, } = (_c = params.manifest.variables) !== null && _c !== void 0 ? _c : {};
-        setShopGPTLoaded(params.baseUrl, (_d = params.session) === null || _d === void 0 ? void 0 : _d.sessionId, !loadUiManually);
+        const { enabled, mode, devMode, merchantUrl, profiles, productHandles, targetPath, view, brandName, quickPrompts, merchantImage, latestThreadLoad, botIconUrl, css, nudge, loadUIManually, } = (_c = params.manifest.variables) !== null && _c !== void 0 ? _c : {};
+        setShopGPTLoaded(params.baseUrl, (_d = params.session) === null || _d === void 0 ? void 0 : _d.sessionId, !loadUIManually);
         const experiment = createExperiment({
             name: getExperimentName(mode),
             userId: params.userId,
@@ -865,8 +867,9 @@ var ProvidersShopGptSdk = (function () {
                 css,
                 nudge,
                 sessionId: (_f = params.session) === null || _f === void 0 ? void 0 : _f.sessionId,
+                loadUIManually,
             });
-            if (!loadUiManually) {
+            if (!loadUIManually) {
                 uiImplementation.loadUI();
             }
         }
@@ -4105,17 +4108,21 @@ ${this.comment ? this.comment : E}</textarea
             }
             return x ` <div class="message user">${message.message}</div> `;
         })}
+        ${!this.fromAd || !this.thread
+            ? x `
         <div class="message bot">
           <div>${this.renderBotIcon()}</div>
           <div>
             <p>
               Hi,
               ${this.brandName ? x `Welcome to ${this.brandName}.` : E}
-              I'm here to help you find the perfect product? What are you
-              looking to resolve today?
+              I'm here to help you find the perfect product. Pick a suggested
+              prompt from below, or enter your own query.
             </p>
           </div>
         </div>
+      </div>`
+            : E}
       </div>
     `;
         }
@@ -4591,6 +4598,10 @@ ${this.comment ? this.comment : E}</textarea
         n({ type: String }),
         __metadata("design:type", String)
     ], ChatSection.prototype, "css", void 0);
+    __decorate([
+        n({ type: Boolean }),
+        __metadata("design:type", Boolean)
+    ], ChatSection.prototype, "fromAd", void 0);
     if (!customElements.get('chat-section')) {
         customElements.define('chat-section', ChatSection);
     }
@@ -4687,6 +4698,16 @@ ${this.comment ? this.comment : E}</textarea
                 this.modalState = 'close';
                 (_a = this.shopGPTDialog) === null || _a === void 0 ? void 0 : _a.close();
             };
+            this.isFromAd = () => {
+                var _a;
+                if (this.devMode) {
+                    const thread = this.chatThreads.get(this.selectedThreadId);
+                    return thread ? !!((_a = thread.devContext) === null || _a === void 0 ? void 0 : _a.productHandle) : false;
+                }
+                const searchParams = new URLSearchParams(window.location.search);
+                return ((isFromAd(searchParams) || searchParams.get('shopGPT') === '1') &&
+                    !!this.storeAPI.getCurrentProductHandle());
+            };
             this.submitQuery = (message) => {
                 if (!message) {
                     return;
@@ -4718,7 +4739,9 @@ ${this.comment ? this.comment : E}</textarea
             this.startNudgeTimer();
         }
         disconnectedCallback() {
-            window.removeEventListener('edgetag-initialized', this.loadData);
+            if (!this.loadUIManually) {
+                window.removeEventListener('edgetag-initialized', this.loadData);
+            }
             window.removeEventListener('popstate', this.onPopState);
             if (this.nudgeTimer) {
                 window.clearTimeout(this.nudgeTimer);
@@ -4726,7 +4749,14 @@ ${this.comment ? this.comment : E}</textarea
             super.disconnectedCallback();
         }
         init() {
-            window.addEventListener('edgetag-initialized', this.loadData);
+            if (this.loadUIManually) {
+                // this is because edgetag-initialized will already be
+                // triggered before the loadUI function is called to load the UI
+                this.loadData();
+            }
+            else {
+                window.addEventListener('edgetag-initialized', this.loadData);
+            }
             window.addEventListener('popstate', this.onPopState);
             this.shopGPTAPI.sendEvent('shopGPTInitialized', this.getSiteCurrency().currency);
             if (!this.view || this.view === 'overlay') {
@@ -4770,13 +4800,15 @@ ${this.comment ? this.comment : E}</textarea
             if (!thread) {
                 return;
             }
-            const searchParams = new URLSearchParams(window.location.search);
-            const fromAd = isFromAd(searchParams) || searchParams.get('shopGPT') === '1';
+            const fromAd = this.isFromAd();
             const productHandle = this.devMode
                 ? (_a = thread === null || thread === void 0 ? void 0 : thread.devContext) === null || _a === void 0 ? void 0 : _a.productHandle
                 : fromAd
                     ? this.storeAPI.getCurrentProductHandle()
                     : undefined;
+            if (!fromAd) {
+                return;
+            }
             try {
                 this.isTyping = true;
                 const response = await this.shopGPTAPI.processQuery('', thread.threadId, productHandle);
@@ -4814,7 +4846,7 @@ ${this.comment ? this.comment : E}</textarea
             if (latestThread) {
                 this.setSelectedThreadId(latestThread.threadId);
             }
-            else if (!this.devMode) {
+            else if (!this.devMode && this.isFromAd()) {
                 this.createChatThread({ title: '' }, true);
             }
         }
@@ -5113,6 +5145,7 @@ ${this.comment ? this.comment : E}</textarea
             .customPrompts=${this.customPrompts}
             .botIconUrl=${this.botIconUrl}
             .css=${this.css}
+            .fromAd=${this.isFromAd()}
           ></chat-section>
         </div>
       </dialog>
@@ -5186,6 +5219,7 @@ ${this.comment ? this.comment : E}</textarea
           .customPrompts=${this.customPrompts}
           .botIconUrl=${this.botIconUrl}
           .css=${this.css}
+          .fromAd=${this.isFromAd()}
         ></chat-section>
       </div>
     `;
@@ -5322,6 +5356,7 @@ ${this.comment ? this.comment : E}</textarea
                 shopGPT.css = params.css;
                 shopGPT.nudge = params.nudge;
                 shopGPT.sessionId = params.sessionId;
+                shopGPT.loadUIManually = params.loadUIManually;
             },
             loadUI() {
                 if (!shopGPT) {

package/index.mjs

@@ -406,6 +406,7 @@ const createExperiment = (props) => {
     }
 };
 
+/** Action length should not exceed 42 */
 const uiActions = new Set([
     'shopGPTInitialized',
     'chatbotOpened',
@@ -413,6 +414,7 @@ const uiActions = new Set([
     'promptClicked',
     'productRecommendationClicked',
 ]);
+/** Action length should not exceed 42 */
 new Set([
     ...uiActions,
     'pageView',
@@ -821,8 +823,8 @@ const init = (params) => {
         // exit if not in top window
         return;
     }
-    const { enabled, mode, devMode, merchantUrl, profiles, productHandles, targetPath, view, brandName, quickPrompts, merchantImage, latestThreadLoad, botIconUrl, css, nudge, loadUiManually, } = (_c = params.manifest.variables) !== null && _c !== void 0 ? _c : {};
-    setShopGPTLoaded(params.baseUrl, (_d = params.session) === null || _d === void 0 ? void 0 : _d.sessionId, !loadUiManually);
+    const { enabled, mode, devMode, merchantUrl, profiles, productHandles, targetPath, view, brandName, quickPrompts, merchantImage, latestThreadLoad, botIconUrl, css, nudge, loadUIManually, } = (_c = params.manifest.variables) !== null && _c !== void 0 ? _c : {};
+    setShopGPTLoaded(params.baseUrl, (_d = params.session) === null || _d === void 0 ? void 0 : _d.sessionId, !loadUIManually);
     const experiment = createExperiment({
         name: getExperimentName(mode),
         userId: params.userId,
@@ -862,8 +864,9 @@ const init = (params) => {
             css,
             nudge,
             sessionId: (_f = params.session) === null || _f === void 0 ? void 0 : _f.sessionId,
+            loadUIManually,
         });
-        if (!loadUiManually) {
+        if (!loadUIManually) {
             uiImplementation.loadUI();
         }
     }
@@ -4102,17 +4105,21 @@ class ChatSection extends r$2 {
             }
             return x ` <div class="message user">${message.message}</div> `;
         })}
+        ${!this.fromAd || !this.thread
+            ? x `
         <div class="message bot">
           <div>${this.renderBotIcon()}</div>
           <div>
             <p>
               Hi,
               ${this.brandName ? x `Welcome to ${this.brandName}.` : E}
-              I'm here to help you find the perfect product? What are you
-              looking to resolve today?
+              I'm here to help you find the perfect product. Pick a suggested
+              prompt from below, or enter your own query.
             </p>
           </div>
         </div>
+      </div>`
+            : E}
       </div>
     `;
     }
@@ -4588,6 +4595,10 @@ __decorate([
     n({ type: String }),
     __metadata("design:type", String)
 ], ChatSection.prototype, "css", void 0);
+__decorate([
+    n({ type: Boolean }),
+    __metadata("design:type", Boolean)
+], ChatSection.prototype, "fromAd", void 0);
 if (!customElements.get('chat-section')) {
     customElements.define('chat-section', ChatSection);
 }
@@ -4684,6 +4695,16 @@ class ShopGPT extends r$2 {
             this.modalState = 'close';
             (_a = this.shopGPTDialog) === null || _a === void 0 ? void 0 : _a.close();
         };
+        this.isFromAd = () => {
+            var _a;
+            if (this.devMode) {
+                const thread = this.chatThreads.get(this.selectedThreadId);
+                return thread ? !!((_a = thread.devContext) === null || _a === void 0 ? void 0 : _a.productHandle) : false;
+            }
+            const searchParams = new URLSearchParams(window.location.search);
+            return ((isFromAd(searchParams) || searchParams.get('shopGPT') === '1') &&
+                !!this.storeAPI.getCurrentProductHandle());
+        };
         this.submitQuery = (message) => {
             if (!message) {
                 return;
@@ -4715,7 +4736,9 @@ class ShopGPT extends r$2 {
         this.startNudgeTimer();
     }
     disconnectedCallback() {
-        window.removeEventListener('edgetag-initialized', this.loadData);
+        if (!this.loadUIManually) {
+            window.removeEventListener('edgetag-initialized', this.loadData);
+        }
         window.removeEventListener('popstate', this.onPopState);
         if (this.nudgeTimer) {
             window.clearTimeout(this.nudgeTimer);
@@ -4723,7 +4746,14 @@ class ShopGPT extends r$2 {
         super.disconnectedCallback();
     }
     init() {
-        window.addEventListener('edgetag-initialized', this.loadData);
+        if (this.loadUIManually) {
+            // this is because edgetag-initialized will already be
+            // triggered before the loadUI function is called to load the UI
+            this.loadData();
+        }
+        else {
+            window.addEventListener('edgetag-initialized', this.loadData);
+        }
         window.addEventListener('popstate', this.onPopState);
         this.shopGPTAPI.sendEvent('shopGPTInitialized', this.getSiteCurrency().currency);
         if (!this.view || this.view === 'overlay') {
@@ -4767,13 +4797,15 @@ class ShopGPT extends r$2 {
         if (!thread) {
             return;
         }
-        const searchParams = new URLSearchParams(window.location.search);
-        const fromAd = isFromAd(searchParams) || searchParams.get('shopGPT') === '1';
+        const fromAd = this.isFromAd();
         const productHandle = this.devMode
             ? (_a = thread === null || thread === void 0 ? void 0 : thread.devContext) === null || _a === void 0 ? void 0 : _a.productHandle
             : fromAd
                 ? this.storeAPI.getCurrentProductHandle()
                 : undefined;
+        if (!fromAd) {
+            return;
+        }
         try {
             this.isTyping = true;
             const response = await this.shopGPTAPI.processQuery('', thread.threadId, productHandle);
@@ -4811,7 +4843,7 @@ class ShopGPT extends r$2 {
         if (latestThread) {
             this.setSelectedThreadId(latestThread.threadId);
         }
-        else if (!this.devMode) {
+        else if (!this.devMode && this.isFromAd()) {
             this.createChatThread({ title: '' }, true);
         }
     }
@@ -5110,6 +5142,7 @@ class ShopGPT extends r$2 {
             .customPrompts=${this.customPrompts}
             .botIconUrl=${this.botIconUrl}
             .css=${this.css}
+            .fromAd=${this.isFromAd()}
           ></chat-section>
         </div>
       </dialog>
@@ -5183,6 +5216,7 @@ class ShopGPT extends r$2 {
           .customPrompts=${this.customPrompts}
           .botIconUrl=${this.botIconUrl}
           .css=${this.css}
+          .fromAd=${this.isFromAd()}
         ></chat-section>
       </div>
     `;
@@ -5319,6 +5353,7 @@ if (typeof window != 'undefined' && typeof document != 'undefined') {
             shopGPT.css = params.css;
             shopGPT.nudge = params.nudge;
             shopGPT.sessionId = params.sessionId;
+            shopGPT.loadUIManually = params.loadUIManually;
         },
         loadUI() {
             if (!shopGPT) {

package/package.json

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