@gem-sdk/core 1.57.15-staging.0 → 1.58.0

package/dist/cjs/helpers/interaction/index.js

@@ -29,14 +29,19 @@ const useInteraction = ()=>{
             return element?.querySelector(selector);
         }
     }
+    const handleOnListener = (element, event, callback)=>{
+        const eventListener = (e)=>{
+            const customEvent = e;
+            const params = customEvent.detail;
+            if (callback) callback(params);
+        };
+        element.addEventListener(event, eventListener);
+        return ()=>element.removeEventListener(event, eventListener);
+    };
     const onListener = ({ event, selector, elementRef }, callback)=>{
         const element = findElementIncludingSelf(elementRef?.current || ref.current || document, selector);
         if (!element) return;
-        element.addEventListener(event, (e)=>{
-            const event = e;
-            const params = event.detail;
-            if (callback) callback(params);
-        });
+        return handleOnListener(element, event, callback);
     };
     const trigger = ({ event, data, selector, element: elementParam })=>{
         const element = elementParam || document.body?.querySelector(selector);

package/dist/cjs/types/custom.js

@@ -23,6 +23,7 @@ exports.InteractionTargetEvent = void 0;
     InteractionTargetEvent[InteractionTargetEvent['gp:toggle-popup-open'] = 18] = 'gp:toggle-popup-open';
     InteractionTargetEvent[InteractionTargetEvent['gp:show-or-hide'] = 19] = 'gp:show-or-hide';
     InteractionTargetEvent[InteractionTargetEvent['gp:change-banner'] = 20] = 'gp:change-banner';
+    InteractionTargetEvent[InteractionTargetEvent['gp:change-open-tab'] = 21] = 'gp:change-open-tab';
 })(exports.InteractionTargetEvent || (exports.InteractionTargetEvent = {}));
 exports.InteractionTriggerEvent = void 0;
 (function(InteractionTriggerEvent) {

package/dist/esm/helpers/interaction/index.js

@@ -27,14 +27,19 @@ const useInteraction = ()=>{
             return element?.querySelector(selector);
         }
     }
+    const handleOnListener = (element, event, callback)=>{
+        const eventListener = (e)=>{
+            const customEvent = e;
+            const params = customEvent.detail;
+            if (callback) callback(params);
+        };
+        element.addEventListener(event, eventListener);
+        return ()=>element.removeEventListener(event, eventListener);
+    };
     const onListener = ({ event, selector, elementRef }, callback)=>{
         const element = findElementIncludingSelf(elementRef?.current || ref.current || document, selector);
         if (!element) return;
-        element.addEventListener(event, (e)=>{
-            const event = e;
-            const params = event.detail;
-            if (callback) callback(params);
-        });
+        return handleOnListener(element, event, callback);
     };
     const trigger = ({ event, data, selector, element: elementParam })=>{
         const element = elementParam || document.body?.querySelector(selector);

package/dist/esm/types/custom.js

@@ -21,6 +21,7 @@ var InteractionTargetEvent;
     InteractionTargetEvent[InteractionTargetEvent['gp:toggle-popup-open'] = 18] = 'gp:toggle-popup-open';
     InteractionTargetEvent[InteractionTargetEvent['gp:show-or-hide'] = 19] = 'gp:show-or-hide';
     InteractionTargetEvent[InteractionTargetEvent['gp:change-banner'] = 20] = 'gp:change-banner';
+    InteractionTargetEvent[InteractionTargetEvent['gp:change-open-tab'] = 21] = 'gp:change-open-tab';
 })(InteractionTargetEvent || (InteractionTargetEvent = {}));
 var InteractionTriggerEvent;
 (function(InteractionTriggerEvent) {

package/dist/types/index.d.ts

@@ -8388,7 +8388,8 @@ declare enum InteractionTargetEvent {
     'gp:change-text-value' = 17,
     'gp:toggle-popup-open' = 18,
     'gp:show-or-hide' = 19,
-    'gp:change-banner' = 20
+    'gp:change-banner' = 20,
+    'gp:change-open-tab' = 21
 }
 declare enum InteractionTriggerEvent {
     'click' = 0,
@@ -41568,7 +41569,7 @@ declare const useInteraction: () => {
         event: string;
         selector: string;
         elementRef?: React.MutableRefObject<HTMLElement> | undefined;
-    }, callback: (data: any) => void) => void;
+    }, callback: (data: any) => void) => (() => void) | undefined;
     trigger: ({ event, data, selector, element: elementParam, }: {
         event: string;
         data?: any;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gem-sdk/core",
-  "version": "1.57.15-staging.0",
+  "version": "1.58.0",
   "license": "MIT",
   "sideEffects": false,
   "main": "dist/cjs/index.js",
@@ -27,8 +27,8 @@
     "type-check": "yarn tsc --noEmit"
   },
   "devDependencies": {
-    "@gem-sdk/adapter-shopify": "1.57.15-staging.0",
-    "@gem-sdk/styles": "1.57.15-staging.0",
+    "@gem-sdk/adapter-shopify": "1.58.0",
+    "@gem-sdk/styles": "1.58.0",
     "@types/classnames": "^2.3.1"
   },
   "dependencies": {