@empathyco/x-components 6.0.0-alpha.9 → 6.0.0-alpha.90

package/js/x-modules/tagging/service/{pdp-add-to-cart.service.js → external-tagging.service.js}

@@ -9,11 +9,11 @@ import '../../../plugins/x-bus.js';
 import { XPlugin } from '../../../plugins/x-plugin.js';
 
 /**
- * Default implementation for the {@link PDPAddToCartService}.
+ * Default implementation for the {@link ExternalTaggingService}.
  *
  * @public
  */
-class DefaultPDPAddToCartService {
+class DefaultExternalTaggingService {
     constructor(localStorageService = new BrowserStorageService(localStorage, 'x'), sessionStorageService = new BrowserStorageService(sessionStorage, 'x')) {
         this.localStorageService = localStorageService;
         this.sessionStorageService = sessionStorageService;
@@ -21,25 +21,41 @@ class DefaultPDPAddToCartService {
     get store() {
         return XPlugin.store;
     }
-    get clickedResultStorageKey() {
-        return this.store.state.x.tagging.config.clickedResultStorageKey;
+    get storageKey() {
+        return this.store.state.x.tagging.config.storageKey;
     }
-    get clickedResultStorageTTLMs() {
-        return this.store.state.x.tagging.config.clickedResultStorageTTLMs;
+    get storageTTLMs() {
+        return this.store.state.x.tagging.config.storageTTLMs;
     }
     /**
      * Stores in the local storage the information from the Result clicked by the user
-     * in order to be able to track later on.
+     * in order to be able to track the add to cart later on the result's PDP.
      *
      * @param result - The result to store.
      *
      * @public
      */
     storeResultClicked(result) {
-        const key = result[this.clickedResultStorageKey];
-        const storageId = this.getStorageId(key);
+        const key = result[this.storageKey];
+        const storageId = this.getStorageId(DefaultExternalTaggingService.RESULT_CLICKED_ID_KEY, key);
         if (storageId) {
-            this.localStorageService.setItem(storageId, result, this.clickedResultStorageTTLMs);
+            this.localStorageService.setItem(storageId, result, this.storageTTLMs);
+        }
+    }
+    /**
+     * Stores in the local storage the information from the Result added to the cart
+     * by the user in order to be able to track the checkout later on when the checkout
+     * process has been completed by shopper.
+     *
+     * @param result - The result to store.
+     *
+     * @public
+     */
+    storeAddToCart(result) {
+        const key = result[this.storageKey];
+        const storageId = this.getStorageId(DefaultExternalTaggingService.ADD_TO_CART_ID_KEY, key);
+        if (storageId) {
+            this.localStorageService.setItem(storageId, result, this.storageTTLMs);
         }
     }
     /**
@@ -51,8 +67,9 @@ class DefaultPDPAddToCartService {
      * @public
      */
     moveToSessionStorage(id) {
-        const storageId = this.getStorageId(id);
+        const storageId = this.getStorageId(DefaultExternalTaggingService.RESULT_CLICKED_ID_KEY, id);
         if (storageId) {
+            // eslint-disable-next-line ts/no-unsafe-assignment
             const result = this.localStorageService.removeItem(storageId);
             if (result) {
                 this.sessionStorageService.setItem(storageId, result);
@@ -60,41 +77,50 @@ class DefaultPDPAddToCartService {
         }
     }
     /**
-     * Checks if the session storage contains a result information for given id or the current url
-     * and tracks the add to cart if exists.
+     * Checks if the session storage contains a result information for a given id or the current url.
+     * If exists, it tracks the add to cart and saves the add to cart information into session
+     * storage.
      *
      * @param id - The id of the result to track.
      *
      * @public
      */
     trackAddToCart(id) {
-        const storageId = this.clickedResultStorageKey === 'url' ? this.getStorageId() : this.getStorageId(id);
+        const storageId = this.storageKey === 'url'
+            ? this.getStorageId(DefaultExternalTaggingService.RESULT_CLICKED_ID_KEY)
+            : this.getStorageId(DefaultExternalTaggingService.RESULT_CLICKED_ID_KEY, id);
         if (storageId) {
             const result = this.sessionStorageService.getItem(storageId);
             if (result?.tagging?.add2cart) {
                 result.tagging.add2cart.params.location = 'pdp';
-                this.store.dispatch('x/tagging/track', result.tagging.add2cart);
+                void this.store.dispatch('x/tagging/track', result.tagging.add2cart);
+                /**
+                 * Done after tracking the add to cart to avoid tracking the checkout without
+                 * an add to cart, in case the tracking fails.
+                 */
+                this.storeAddToCart(result);
             }
         }
     }
     /**
      * Calculates the browser storage key for the given id.
      *
+     * @param keyPrefix - The key prefix to use in the storage.
      * @param id - The id to be used for the storage key.
      *
      * @returns The complete key to be used for storage.
      *
      * @internal
      */
-    getStorageId(id) {
-        if (this.clickedResultStorageKey === 'url') {
+    getStorageId(keyPrefix, id) {
+        if (this.storageKey === 'url') {
             let url = id ?? window.location.href;
             url = url.replace(/\s|\+/g, '%20');
             const pathName = this.getPathName(url);
-            return `${DefaultPDPAddToCartService.RESULT_CLICKED_ID_KEY}-${pathName}`;
+            return `${keyPrefix}-${pathName}`;
         }
         else if (id) {
-            return `${DefaultPDPAddToCartService.RESULT_CLICKED_ID_KEY}-${id}`;
+            return `${keyPrefix}-${id}`;
         }
         else {
             this.showWarningMessage();
@@ -107,9 +133,8 @@ class DefaultPDPAddToCartService {
      * @internal
      */
     showWarningMessage() {
-        if (this.clickedResultStorageKey !== 'url') {
+        if (this.storageKey !== 'url') {
             //TODO: add here logger
-            //eslint-disable-next-line no-console
             console.warn('No product id was provided but the storage was not configured to use the url');
         }
     }
@@ -126,6 +151,7 @@ class DefaultPDPAddToCartService {
         let urlObject;
         try {
             // Check if the url is relative or absolute path
+            // eslint-disable-next-line regexp/no-unused-capturing-group
             if (/^(\.\.\/|\.\/|\/)/.test(url)) {
                 urlObject = new URL(url, location.origin);
             }
@@ -133,25 +159,31 @@ class DefaultPDPAddToCartService {
                 urlObject = new URL(url);
             }
             return urlObject.pathname;
+            // eslint-disable-next-line unused-imports/no-unused-vars
         }
-        catch (e) {
+        catch (_error) {
             //TODO: add here logger
-            //eslint-disable-next-line no-console
             console.warn(`There was a problem with url ${url}`);
             return url;
         }
     }
 }
 /**
- * Session id key to use as key in the storage.
+ * Session id key to use as key in the storage for result clicks.
+ *
+ * @public
+ */
+DefaultExternalTaggingService.RESULT_CLICKED_ID_KEY = 'add-to-cart';
+/**
+ * Session id key to use as key in the storage for add to carts.
  *
  * @public
  */
-DefaultPDPAddToCartService.RESULT_CLICKED_ID_KEY = 'add-to-cart';
+DefaultExternalTaggingService.ADD_TO_CART_ID_KEY = 'checkout';
 /**
- * Global instance of the {@link PDPAddToCartService}.
+ * Global instance of the {@link ExternalTaggingService}.
  */
-DefaultPDPAddToCartService.instance = new DefaultPDPAddToCartService();
+DefaultExternalTaggingService.instance = new DefaultExternalTaggingService();
 
-export { DefaultPDPAddToCartService };
-//# sourceMappingURL=pdp-add-to-cart.service.js.map
+export { DefaultExternalTaggingService };
+//# sourceMappingURL=external-tagging.service.js.map

package/js/x-modules/tagging/service/external-tagging.service.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"external-tagging.service.js","sources":["../../../../../src/x-modules/tagging/service/external-tagging.service.ts"],"sourcesContent":["import type { StorageService } from '@empathyco/x-storage-service'\nimport type { Result } from '@empathyco/x-types'\nimport type { Store } from 'vuex'\nimport type { RootXStoreState } from '../../../store/index'\nimport type { ExternalTaggingService } from './types'\nimport { BrowserStorageService } from '@empathyco/x-storage-service'\nimport { XPlugin } from '../../../plugins/index'\n\n/**\n * Default implementation for the {@link ExternalTaggingService}.\n *\n * @public\n */\nexport class DefaultExternalTaggingService implements ExternalTaggingService {\n  /**\n   * Session id key to use as key in the storage for result clicks.\n   *\n   * @public\n   */\n  public static readonly RESULT_CLICKED_ID_KEY = 'add-to-cart'\n\n  /**\n   * Session id key to use as key in the storage for add to carts.\n   *\n   * @public\n   */\n  public static readonly ADD_TO_CART_ID_KEY = 'checkout'\n\n  /**\n   * Global instance of the {@link ExternalTaggingService}.\n   */\n  public static instance: ExternalTaggingService = new DefaultExternalTaggingService()\n\n  public constructor(\n    protected localStorageService: StorageService = new BrowserStorageService(localStorage, 'x'),\n    protected sessionStorageService: StorageService = new BrowserStorageService(\n      sessionStorage,\n      'x',\n    ),\n  ) {}\n\n  protected get store(): Store<RootXStoreState> {\n    return XPlugin.store\n  }\n\n  protected get storageKey(): string {\n    return this.store.state.x.tagging.config.storageKey as string\n  }\n\n  protected get storageTTLMs(): number {\n    return this.store.state.x.tagging.config.storageTTLMs as number\n  }\n\n  /**\n   * Stores in the local storage the information from the Result clicked by the user\n   * in order to be able to track the add to cart later on the result's PDP.\n   *\n   * @param result - The result to store.\n   *\n   * @public\n   */\n  storeResultClicked(result: Result): void {\n    const key = result[this.storageKey as keyof Result] as string\n    const storageId = this.getStorageId(DefaultExternalTaggingService.RESULT_CLICKED_ID_KEY, key)\n    if (storageId) {\n      this.localStorageService.setItem(storageId, result, this.storageTTLMs)\n    }\n  }\n\n  /**\n   * Stores in the local storage the information from the Result added to the cart\n   * by the user in order to be able to track the checkout later on when the checkout\n   * process has been completed by shopper.\n   *\n   * @param result - The result to store.\n   *\n   * @public\n   */\n  storeAddToCart(result: Result): void {\n    const key = result[this.storageKey as keyof Result] as string\n    const storageId = this.getStorageId(DefaultExternalTaggingService.ADD_TO_CART_ID_KEY, key)\n    if (storageId) {\n      this.localStorageService.setItem(storageId, result, this.storageTTLMs)\n    }\n  }\n\n  /**\n   * Checks if the local storage contains a result information for the given id and moves\n   * the result info from the local storage to the session storage.\n   *\n   * @param id - The id of the result to move to the session storage.\n   *\n   * @public\n   */\n  moveToSessionStorage(id?: string): void {\n    const storageId = this.getStorageId(DefaultExternalTaggingService.RESULT_CLICKED_ID_KEY, id)\n    if (storageId) {\n      // eslint-disable-next-line ts/no-unsafe-assignment\n      const result = this.localStorageService.removeItem(storageId)\n      if (result) {\n        this.sessionStorageService.setItem(storageId, result)\n      }\n    }\n  }\n\n  /**\n   * Checks if the session storage contains a result information for a given id or the current url.\n   * If exists, it tracks the add to cart and saves the add to cart information into session\n   * storage.\n   *\n   * @param id - The id of the result to track.\n   *\n   * @public\n   */\n  trackAddToCart(id?: string): void {\n    const storageId =\n      this.storageKey === 'url'\n        ? this.getStorageId(DefaultExternalTaggingService.RESULT_CLICKED_ID_KEY)\n        : this.getStorageId(DefaultExternalTaggingService.RESULT_CLICKED_ID_KEY, id)\n    if (storageId) {\n      const result = this.sessionStorageService.getItem<Result>(storageId)\n      if (result?.tagging?.add2cart) {\n        result.tagging.add2cart.params.location = 'pdp'\n        void this.store.dispatch('x/tagging/track', result.tagging.add2cart)\n        /**\n         * Done after tracking the add to cart to avoid tracking the checkout without\n         * an add to cart, in case the tracking fails.\n         */\n        this.storeAddToCart(result)\n      }\n    }\n  }\n\n  /**\n   * Calculates the browser storage key for the given id.\n   *\n   * @param keyPrefix - The key prefix to use in the storage.\n   * @param id - The id to be used for the storage key.\n   *\n   * @returns The complete key to be used for storage.\n   *\n   * @internal\n   */\n  protected getStorageId(keyPrefix: string, id?: string): string | null {\n    if (this.storageKey === 'url') {\n      let url = id ?? window.location.href\n      url = url.replace(/\\s|\\+/g, '%20')\n      const pathName = this.getPathName(url)\n      return `${keyPrefix}-${pathName}`\n    } else if (id) {\n      return `${keyPrefix}-${id}`\n    } else {\n      this.showWarningMessage()\n      return null\n    }\n  }\n\n  /**\n   * Logs a warning message in case the tracking cannot be done.\n   *\n   * @internal\n   */\n  protected showWarningMessage(): void {\n    if (this.storageKey !== 'url') {\n      //TODO: add here logger\n\n      console.warn('No product id was provided but the storage was not configured to use the url')\n    }\n  }\n\n  /**\n   * Returns the pathname for a given url.\n   *\n   * @param url - The url to get the pathname from.\n   *\n   * @returns The pathname of the url.\n   *\n   * @internal\n   */\n  protected getPathName(url: string): string {\n    let urlObject: URL\n    try {\n      // Check if the url is relative or absolute path\n      // eslint-disable-next-line regexp/no-unused-capturing-group\n      if (/^(\\.\\.\\/|\\.\\/|\\/)/.test(url)) {\n        urlObject = new URL(url, location.origin)\n      } else {\n        urlObject = new URL(url)\n      }\n      return urlObject.pathname\n      // eslint-disable-next-line unused-imports/no-unused-vars\n    } catch (_error) {\n      //TODO: add here logger\n\n      console.warn(`There was a problem with url ${url}`)\n      return url\n    }\n  }\n}\n"],"names":[],"mappings":"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"}

package/js/x-modules/tagging/store/actions/track.action.js

@@ -7,7 +7,6 @@ import { XPlugin } from '../../../../plugins/x-plugin.js';
  * @param context - The {@link https://vuex.vuejs.org/guide/actions.html | context} of the actions,
  * provided by Vuex.
  * @param taggingInfo - The information of the event to track.
- *
  * @public
  */
 const track = ({ state }, taggingInfo) => {
@@ -17,12 +16,12 @@ const track = ({ state }, taggingInfo) => {
     // TODO EX-5061 - Remove this validation when the adapter ignores undefined values.
     const session = sessionId && { session: sessionId };
     taggingInfos.forEach(({ url, params }) => {
-        XPlugin.adapter.tagging({
+        void XPlugin.adapter.tagging({
             url,
             params: {
                 ...params,
-                ...session
-            }
+                ...session,
+            },
         });
     });
 };

package/js/x-modules/tagging/store/actions/track.action.js.map

@@ -1 +1 @@
-{"version":3,"file":"track.action.js","sources":["../../../../../../src/x-modules/tagging/store/actions/track.action.ts"],"sourcesContent":["import { TaggingRequest } from '@empathyco/x-types';\nimport { DefaultSessionService } from '@empathyco/x-utils';\nimport { XPlugin } from '../../../../plugins/x-plugin';\nimport { TaggingXStoreModule } from '../types';\n\n/**\n * Default implementation for the {@link TaggingActions.track}.\n *\n * @param context - The {@link https://vuex.vuejs.org/guide/actions.html | context} of the actions,\n * provided by Vuex.\n * @param taggingInfo - The information of the event to track.\n *\n * @public\n */\nexport const track: TaggingXStoreModule['actions']['track'] = ({ state }, taggingInfo) => {\n  const { consent } = state;\n  const taggingInfos = Array.isArray(taggingInfo) ? taggingInfo : [taggingInfo];\n  const sessionId = getSessionId(consent);\n  // TODO EX-5061 - Remove this validation when the adapter ignores undefined values.\n  const session = sessionId && { session: sessionId };\n\n  taggingInfos.forEach(({ url, params }: TaggingRequest) => {\n    XPlugin.adapter.tagging({\n      url,\n      params: {\n        ...params,\n        ...session\n      }\n    });\n  });\n};\n\n/**\n * Returns the session id if the consent is true.\n *\n * @param consent - User consent to retrieve the session id.\n *\n * @returns The user session id or undefined.\n *\n * @internal\n */\nfunction getSessionId(consent: boolean | null): string | undefined {\n  return consent ? DefaultSessionService.instance.getSessionId() : undefined;\n}\n"],"names":[],"mappings":";;;AAKA;;;;;;;;AAQG;AACU,MAAA,KAAK,GAA4C,CAAC,EAAE,KAAK,EAAE,EAAE,WAAW,KAAI;AACvF,IAAA,MAAM,EAAE,OAAO,EAAE,GAAG,KAAK,CAAC;AAC1B,IAAA,MAAM,YAAY,GAAG,KAAK,CAAC,OAAO,CAAC,WAAW,CAAC,GAAG,WAAW,GAAG,CAAC,WAAW,CAAC,CAAC;AAC9E,IAAA,MAAM,SAAS,GAAG,YAAY,CAAC,OAAO,CAAC,CAAC;;IAExC,MAAM,OAAO,GAAG,SAAS,IAAI,EAAE,OAAO,EAAE,SAAS,EAAE,CAAC;IAEpD,YAAY,CAAC,OAAO,CAAC,CAAC,EAAE,GAAG,EAAE,MAAM,EAAkB,KAAI;AACvD,QAAA,OAAO,CAAC,OAAO,CAAC,OAAO,CAAC;YACtB,GAAG;AACH,YAAA,MAAM,EAAE;AACN,gBAAA,GAAG,MAAM;AACT,gBAAA,GAAG,OAAO;AACX,aAAA;AACF,SAAA,CAAC,CAAC;AACL,KAAC,CAAC,CAAC;AACL,EAAE;AAEF;;;;;;;;AAQG;AACH,SAAS,YAAY,CAAC,OAAuB,EAAA;AAC3C,IAAA,OAAO,OAAO,GAAG,qBAAqB,CAAC,QAAQ,CAAC,YAAY,EAAE,GAAG,SAAS,CAAC;AAC7E;;;;"}
+{"version":3,"file":"track.action.js","sources":["../../../../../../src/x-modules/tagging/store/actions/track.action.ts"],"sourcesContent":["import type { TaggingRequest } from '@empathyco/x-types'\nimport type { TaggingXStoreModule } from '../types'\nimport { DefaultSessionService } from '@empathyco/x-utils'\nimport { XPlugin } from '../../../../plugins/x-plugin'\n\n/**\n * Default implementation for the {@link TaggingActions.track}.\n *\n * @param context - The {@link https://vuex.vuejs.org/guide/actions.html | context} of the actions,\n * provided by Vuex.\n * @param taggingInfo - The information of the event to track.\n * @public\n */\nexport const track: TaggingXStoreModule['actions']['track'] = ({ state }, taggingInfo) => {\n  const { consent } = state\n  const taggingInfos = Array.isArray(taggingInfo) ? taggingInfo : [taggingInfo]\n  const sessionId = getSessionId(consent)\n  // TODO EX-5061 - Remove this validation when the adapter ignores undefined values.\n  const session = sessionId && { session: sessionId }\n\n  taggingInfos.forEach(({ url, params }: TaggingRequest) => {\n    void XPlugin.adapter.tagging({\n      url,\n      params: {\n        ...params,\n        ...session,\n      },\n    })\n  })\n}\n\n/**\n * Returns the session id if the consent is true.\n *\n * @param consent - User consent to retrieve the session id.\n *\n * @returns The user session id or undefined.\n *\n * @internal\n */\nfunction getSessionId(consent: boolean | null): string | undefined {\n  return consent ? DefaultSessionService.instance.getSessionId() : undefined\n}\n"],"names":[],"mappings":";;;AAKA;;;;;;;AAOG;AACU,MAAA,KAAK,GAA4C,CAAC,EAAE,KAAK,EAAE,EAAE,WAAW,KAAI;AACvF,IAAA,MAAM,EAAE,OAAO,EAAE,GAAG,KAAK,CAAA;AACzB,IAAA,MAAM,YAAY,GAAG,KAAK,CAAC,OAAO,CAAC,WAAW,CAAC,GAAG,WAAW,GAAG,CAAC,WAAW,CAAC,CAAA;AAC7E,IAAA,MAAM,SAAS,GAAG,YAAY,CAAC,OAAO,CAAC,CAAA;;IAEvC,MAAM,OAAO,GAAG,SAAS,IAAI,EAAE,OAAO,EAAE,SAAS,EAAE,CAAA;IAEnD,YAAY,CAAC,OAAO,CAAC,CAAC,EAAE,GAAG,EAAE,MAAM,EAAkB,KAAI;AACvD,QAAA,KAAK,OAAO,CAAC,OAAO,CAAC,OAAO,CAAC;YAC3B,GAAG;AACH,YAAA,MAAM,EAAE;AACN,gBAAA,GAAG,MAAM;AACT,gBAAA,GAAG,OAAO;AACX,aAAA;AACF,SAAA,CAAC,CAAA;AACJ,KAAC,CAAC,CAAA;AACJ,EAAC;AAED;;;;;;;;AAQG;AACH,SAAS,YAAY,CAAC,OAAuB,EAAA;AAC3C,IAAA,OAAO,OAAO,GAAG,qBAAqB,CAAC,QAAQ,CAAC,YAAY,EAAE,GAAG,SAAS,CAAA;AAC5E;;;;"}

package/js/x-modules/tagging/store/emitters.js

@@ -10,9 +10,9 @@ const taggingEmitters = createStoreEmitters(taggingXStoreModule, {
     ConsentChanged: state => state.consent,
     SearchTaggingReceived: state => state.queryTaggingInfo,
     ResultURLTrackingEnabled: {
-        selector: state => state.config.clickedResultStorageKey,
-        filter: newValue => newValue === 'url'
-    }
+        selector: state => state.config.storageKey,
+        filter: newValue => newValue === 'url',
+    },
 });
 
 export { taggingEmitters };

package/js/x-modules/tagging/store/emitters.js.map

@@ -1 +1 @@
-{"version":3,"file":"emitters.js","sources":["../../../../../src/x-modules/tagging/store/emitters.ts"],"sourcesContent":["import { createStoreEmitters } from '../../../store/utils/store-emitters.utils';\nimport { taggingXStoreModule } from './module';\n\n/**\n * {@link StoreEmitters} For the tagging module.\n *\n * @internal\n */\nexport const taggingEmitters = createStoreEmitters(taggingXStoreModule, {\n  ConsentChanged: state => state.consent!,\n  SearchTaggingReceived: state => state.queryTaggingInfo!,\n  ResultURLTrackingEnabled: {\n    selector: state => state.config.clickedResultStorageKey!,\n    filter: newValue => newValue === 'url'\n  }\n});\n"],"names":[],"mappings":";;;AAGA;;;;AAIG;AACU,MAAA,eAAe,GAAG,mBAAmB,CAAC,mBAAmB,EAAE;AACtE,IAAA,cAAc,EAAE,KAAK,IAAI,KAAK,CAAC,OAAQ;AACvC,IAAA,qBAAqB,EAAE,KAAK,IAAI,KAAK,CAAC,gBAAiB;AACvD,IAAA,wBAAwB,EAAE;QACxB,QAAQ,EAAE,KAAK,IAAI,KAAK,CAAC,MAAM,CAAC,uBAAwB;AACxD,QAAA,MAAM,EAAE,QAAQ,IAAI,QAAQ,KAAK,KAAK;AACvC,KAAA;AACF,CAAA;;;;"}
+{"version":3,"file":"emitters.js","sources":["../../../../../src/x-modules/tagging/store/emitters.ts"],"sourcesContent":["import { createStoreEmitters } from '../../../store/utils/store-emitters.utils'\nimport { taggingXStoreModule } from './module'\n\n/**\n * {@link StoreEmitters} For the tagging module.\n *\n * @internal\n */\nexport const taggingEmitters = createStoreEmitters(taggingXStoreModule, {\n  ConsentChanged: state => state.consent!,\n  SearchTaggingReceived: state => state.queryTaggingInfo!,\n  ResultURLTrackingEnabled: {\n    selector: state => state.config.storageKey!,\n    filter: newValue => newValue === 'url',\n  },\n})\n"],"names":[],"mappings":";;;AAGA;;;;AAIG;AACU,MAAA,eAAe,GAAG,mBAAmB,CAAC,mBAAmB,EAAE;AACtE,IAAA,cAAc,EAAE,KAAK,IAAI,KAAK,CAAC,OAAQ;AACvC,IAAA,qBAAqB,EAAE,KAAK,IAAI,KAAK,CAAC,gBAAiB;AACvD,IAAA,wBAAwB,EAAE;QACxB,QAAQ,EAAE,KAAK,IAAI,KAAK,CAAC,MAAM,CAAC,UAAW;AAC3C,QAAA,MAAM,EAAE,QAAQ,IAAI,QAAQ,KAAK,KAAK;AACvC,KAAA;AACF,CAAA;;;;"}

package/js/x-modules/tagging/store/module.js

@@ -11,12 +11,16 @@ const taggingXStoreModule = {
         config: {
             sessionTTLMs: 30 * 60 * 1000,
             queryTaggingDebounceMs: 2000,
-            clickedResultStorageKey: null,
-            clickedResultStorageTTLMs: null
+            storageKey: null,
+            storageTTLMs: null,
         },
         consent: null,
         noResultsTaggingEnabled: false,
-        queryTaggingInfo: null
+        queryTaggingInfo: null,
+        toolingTaggingInfo: {
+            toolingDisplayClick: null,
+            toolingDisplayAdd2Cart: null,
+        },
     }),
     getters: {},
     mutations: {
@@ -27,16 +31,16 @@ const taggingXStoreModule = {
             state.queryTaggingInfo = queryTaggingInfo;
         },
         setNoResultsTaggingEnabled(state, module) {
-            if (module === 'semanticQueries') {
+            if (module === 'semanticQueries' || module === 'relatedPrompts') {
                 state.noResultsTaggingEnabled = true;
             }
         },
         setConfig,
-        mergeConfig
+        mergeConfig,
     },
     actions: {
-        track
-    }
+        track,
+    },
 };
 
 export { taggingXStoreModule };

package/js/x-modules/tagging/store/module.js.map

@@ -1 +1 @@
-{"version":3,"file":"module.js","sources":["../../../../../src/x-modules/tagging/store/module.ts"],"sourcesContent":["import { TaggingRequest } from '@empathyco/x-types';\nimport { mergeConfig, setConfig } from '../../../store/utils/config-store.utils';\nimport { track } from './actions/track.action';\nimport { TaggingXStoreModule } from './types';\n\n/**\n * {@link XStoreModule} For the tagging module.\n *\n * @internal\n */\nexport const taggingXStoreModule: TaggingXStoreModule = {\n  state: () => ({\n    config: {\n      sessionTTLMs: 30 * 60 * 1000,\n      queryTaggingDebounceMs: 2000,\n      clickedResultStorageKey: null,\n      clickedResultStorageTTLMs: null\n    },\n    consent: null,\n    noResultsTaggingEnabled: false,\n    queryTaggingInfo: null\n  }),\n  getters: {},\n  mutations: {\n    setConsent(state, consent) {\n      state.consent = consent;\n    },\n    setQueryTaggingInfo(state, queryTaggingInfo: TaggingRequest) {\n      state.queryTaggingInfo = queryTaggingInfo;\n    },\n    setNoResultsTaggingEnabled(state, module) {\n      if (module === 'semanticQueries') {\n        state.noResultsTaggingEnabled = true;\n      }\n    },\n    setConfig,\n    mergeConfig\n  },\n  actions: {\n    track\n  }\n};\n"],"names":[],"mappings":";;;AAKA;;;;AAIG;AACU,MAAA,mBAAmB,GAAwB;AACtD,IAAA,KAAK,EAAE,OAAO;AACZ,QAAA,MAAM,EAAE;AACN,YAAA,YAAY,EAAE,EAAE,GAAG,EAAE,GAAG,IAAI;AAC5B,YAAA,sBAAsB,EAAE,IAAI;AAC5B,YAAA,uBAAuB,EAAE,IAAI;AAC7B,YAAA,yBAAyB,EAAE,IAAI;AAChC,SAAA;AACD,QAAA,OAAO,EAAE,IAAI;AACb,QAAA,uBAAuB,EAAE,KAAK;AAC9B,QAAA,gBAAgB,EAAE,IAAI;KACvB,CAAC;AACF,IAAA,OAAO,EAAE,EAAE;AACX,IAAA,SAAS,EAAE;QACT,UAAU,CAAC,KAAK,EAAE,OAAO,EAAA;AACvB,YAAA,KAAK,CAAC,OAAO,GAAG,OAAO,CAAC;SACzB;QACD,mBAAmB,CAAC,KAAK,EAAE,gBAAgC,EAAA;AACzD,YAAA,KAAK,CAAC,gBAAgB,GAAG,gBAAgB,CAAC;SAC3C;QACD,0BAA0B,CAAC,KAAK,EAAE,MAAM,EAAA;YACtC,IAAI,MAAM,KAAK,iBAAiB,EAAE;AAChC,gBAAA,KAAK,CAAC,uBAAuB,GAAG,IAAI,CAAC;AACtC,aAAA;SACF;QACD,SAAS;QACT,WAAW;AACZ,KAAA;AACD,IAAA,OAAO,EAAE;QACP,KAAK;AACN,KAAA;;;;;"}
+{"version":3,"file":"module.js","sources":["../../../../../src/x-modules/tagging/store/module.ts"],"sourcesContent":["import type { TaggingRequest } from '@empathyco/x-types'\nimport type { TaggingXStoreModule } from './types'\nimport { mergeConfig, setConfig } from '../../../store/utils/config-store.utils'\nimport { track } from './actions/track.action'\n\n/**\n * {@link XStoreModule} For the tagging module.\n *\n * @internal\n */\nexport const taggingXStoreModule: TaggingXStoreModule = {\n  state: () => ({\n    config: {\n      sessionTTLMs: 30 * 60 * 1000,\n      queryTaggingDebounceMs: 2000,\n      storageKey: null,\n      storageTTLMs: null,\n    },\n    consent: null,\n    noResultsTaggingEnabled: false,\n    queryTaggingInfo: null,\n    toolingTaggingInfo: {\n      toolingDisplayClick: null,\n      toolingDisplayAdd2Cart: null,\n    },\n  }),\n  getters: {},\n  mutations: {\n    setConsent(state, consent) {\n      state.consent = consent\n    },\n    setQueryTaggingInfo(state, queryTaggingInfo: TaggingRequest) {\n      state.queryTaggingInfo = queryTaggingInfo\n    },\n    setNoResultsTaggingEnabled(state, module) {\n      if (module === 'semanticQueries' || module === 'relatedPrompts') {\n        state.noResultsTaggingEnabled = true\n      }\n    },\n    setConfig,\n    mergeConfig,\n  },\n  actions: {\n    track,\n  },\n}\n"],"names":[],"mappings":";;;AAKA;;;;AAIG;AACU,MAAA,mBAAmB,GAAwB;AACtD,IAAA,KAAK,EAAE,OAAO;AACZ,QAAA,MAAM,EAAE;AACN,YAAA,YAAY,EAAE,EAAE,GAAG,EAAE,GAAG,IAAI;AAC5B,YAAA,sBAAsB,EAAE,IAAI;AAC5B,YAAA,UAAU,EAAE,IAAI;AAChB,YAAA,YAAY,EAAE,IAAI;AACnB,SAAA;AACD,QAAA,OAAO,EAAE,IAAI;AACb,QAAA,uBAAuB,EAAE,KAAK;AAC9B,QAAA,gBAAgB,EAAE,IAAI;AACtB,QAAA,kBAAkB,EAAE;AAClB,YAAA,mBAAmB,EAAE,IAAI;AACzB,YAAA,sBAAsB,EAAE,IAAI;AAC7B,SAAA;KACF,CAAC;AACF,IAAA,OAAO,EAAE,EAAE;AACX,IAAA,SAAS,EAAE;QACT,UAAU,CAAC,KAAK,EAAE,OAAO,EAAA;AACvB,YAAA,KAAK,CAAC,OAAO,GAAG,OAAO,CAAA;SACxB;QACD,mBAAmB,CAAC,KAAK,EAAE,gBAAgC,EAAA;AACzD,YAAA,KAAK,CAAC,gBAAgB,GAAG,gBAAgB,CAAA;SAC1C;QACD,0BAA0B,CAAC,KAAK,EAAE,MAAM,EAAA;AACtC,YAAA,IAAI,MAAM,KAAK,iBAAiB,IAAI,MAAM,KAAK,gBAAgB,EAAE;AAC/D,gBAAA,KAAK,CAAC,uBAAuB,GAAG,IAAI,CAAA;AACrC,aAAA;SACF;QACD,SAAS;QACT,WAAW;AACZ,KAAA;AACD,IAAA,OAAO,EAAE;QACP,KAAK;AACN,KAAA;;;;;"}

package/js/x-modules/tagging/wiring.js

@@ -1,12 +1,12 @@
 import { DefaultSessionService } from '@empathyco/x-utils';
+import { createOrigin } from '../../utils/origin.js';
+import '../../utils/storage.js';
 import { namespacedWireCommit, namespacedWireDispatch } from '../../wiring/namespaced-wires.factory.js';
 import { namespacedDebounce } from '../../wiring/namespaced-wires.operators.js';
 import { wireServiceWithoutPayload, wireService } from '../../wiring/wires.factory.js';
 import { filter, mapWire } from '../../wiring/wires.operators.js';
 import { createWiring } from '../../wiring/wiring.utils.js';
-import { createOrigin } from '../../utils/origin.js';
-import '../../utils/storage.js';
-import { DefaultPDPAddToCartService } from './service/pdp-add-to-cart.service.js';
+import { DefaultExternalTaggingService } from './service/external-tagging.service.js';
 
 /**
  * `tagging` {@link XModuleName | XModule name}.
@@ -35,21 +35,27 @@ const wireDispatch = namespacedWireDispatch(moduleName);
  */
 const wireSessionServiceWithoutPayload = wireServiceWithoutPayload(DefaultSessionService.instance);
 /**
- * Wires factory for {@link DefaultPDPAddToCartService}.
+ * Wires factory for {@link DefaultExternalTaggingService}.
  */
-const wirePDPAddToCartService = wireService(DefaultPDPAddToCartService.instance);
+const wireExternalTaggingService = wireService(DefaultExternalTaggingService.instance);
 /**
  * Stores the given result on the local storage.
  *
  * @public
  */
-const storeClickedResultWire = wirePDPAddToCartService('storeResultClicked');
+const storeClickedResultWire = wireExternalTaggingService('storeResultClicked');
+/**
+ * Stores the result added to cart on the local storage.
+ *
+ * @public
+ */
+const storeAddToCartWire = wireExternalTaggingService('storeAddToCart');
 /**
  * Moves the result information from the local storage to session storage.
  *
  * @public
  */
-const moveClickedResultToSessionWire = mapWire(wirePDPAddToCartService('moveToSessionStorage'), (payload) => {
+const moveClickedResultToSessionWire = mapWire(wireExternalTaggingService('moveToSessionStorage'), (payload) => {
     return payload === 'url' ? undefined : payload;
 });
 /**
@@ -57,7 +63,7 @@ const moveClickedResultToSessionWire = mapWire(wirePDPAddToCartService('moveToSe
  *
  * @public
  */
-const trackAddToCartFromSessionStorage = wirePDPAddToCartService('trackAddToCart');
+const trackAddToCartFromSessionStorage = wireExternalTaggingService('trackAddToCart');
 /**
  * Clears the session id.
  *
@@ -102,8 +108,8 @@ const setQueryTaggingInfo = moduleDebounce(wireCommit('setQueryTaggingInfo'), ({
         'UserClickedAPromoted',
         'UserClickedABanner',
         'UserClickedARedirection',
-        'UserReachedResultsListEnd'
-    ]
+        'UserReachedResultsListEnd',
+    ],
 });
 /**
  * Sets the tagging state of the query tagging info using.
@@ -135,6 +141,24 @@ const trackAddToCartWire = createTrackWire('add2cart');
  * @public
  */
 const trackDisplayClickedWire = createTrackDisplayWire('displayClick');
+/**
+ * Performs a track of a display result being clicked.
+ *
+ * @public
+ */
+const trackToolingDisplayClickedWire = createTrackToolingDisplayWire();
+/**
+ * Performs a track of a display result being clicked.
+ *
+ * @public
+ */
+const trackToolingAdd2CartWire = createTrackToolingAdd2CartWire();
+/**
+ * Performs a track of a clicked related prompt.
+ *
+ * @public
+ */
+const trackRelatedPromptToolingDisplayClickWire = createTrackRelatedPromptToolingDisplayClickWire();
 /**
  * Performs a track of a display element appearing.
  *
@@ -154,29 +178,47 @@ function createTrackWire(property) {
         const taggingInfo = tagging[property];
         taggingInfo.params.location = location;
         return taggingInfo;
-    }), ({ eventPayload: { tagging }, metadata: { ignoreInModules } }) => !!tagging?.[property] && !ignoreInModules?.includes(moduleName));
+    }), ({ eventPayload: { tagging }, metadata: { ignoreInModules } }) => 
+    // eslint-disable-next-line ts/no-unsafe-member-access
+    !!tagging?.[property] && !ignoreInModules?.includes(moduleName));
 }
 /**
- * Performs a track of a query with no results that used semantics as fallback.
- * The totalHits will be changed to -1 if semantic queries are found in order to differentiate
- * it from scenarios where the user encounters a no-results page without any semantic queries.
+ * Performs a track of a query with no results that used related prompts or semantic queries as fallback.
+ * The totalHits will be changed to -1 if related prompts or semantic queries are found in order to differentiate
+ * it from scenarios where the user encounters a no-results page without any related prompts or semantic queries.
  *
  * @public
  */
-const trackNoResultsQueryWithSemanticsWire = filter(wireDispatch('track', ({ eventPayload, state }) => {
+const trackNoResultsQueryWithFallbackWire = filter(wireDispatch('track', ({ eventPayload, state }) => {
     const { queryTaggingInfo } = state;
     const totalHits = eventPayload.length > 0 ? -1 : 0;
     return {
         params: { ...queryTaggingInfo?.params, totalHits },
-        url: queryTaggingInfo?.url ?? ''
+        url: queryTaggingInfo?.url ?? '',
     };
 }), ({ store }) => Number(store.state.x.tagging.queryTaggingInfo?.params.totalHits) === 0);
 /**.
- * Debounced version of {@link trackNoResultsQueryWithSemanticsWire}
+ * Debounced version of {@link trackNoResultsQueryWithFallbackWire}
+ *
+ * @public
+ */
+const trackNoResultsQueryWithFallbackWireDebounced = moduleDebounce(trackNoResultsQueryWithFallbackWire, ({ state }) => state.config.queryTaggingDebounceMs, { cancelOn: ['QueryPreviewUnmounted', 'RelatedPromptsUnmounted'] });
+/**
+ * Performs a track of a query with no results that used semantic queries as fallback.
+ * The totalHits will be changed to -1 if semantic queries are found in order to differentiate
+ * it from scenarios where the user encounters a no-results page without any semantic queries.
+ *
+ * @public
+ * @deprecated - Use {@link trackNoResultsQueryWithFallbackWire} instead.
+ */
+const trackNoResultsQueryWithSemanticsWire = trackNoResultsQueryWithFallbackWire;
+/**
+ * Debounced version of {@link trackNoResultsQueryWithFallbackWire}
  *
  * @public
+ * @deprecated - Use {@link trackNoResultsQueryWithFallbackWireDebounced} instead.
  */
-const trackNoResultsQueryWithSemanticsWireDebounced = moduleDebounce(trackNoResultsQueryWithSemanticsWire, ({ state }) => state.config.queryTaggingDebounceMs, { cancelOn: 'QueryPreviewUnmounted' });
+const trackNoResultsQueryWithSemanticsWireDebounced = trackNoResultsQueryWithFallbackWireDebounced;
 /**
  * Factory helper to create a wire for the track of the display click.
  *
@@ -192,11 +234,80 @@ function createTrackDisplayWire(property) {
         taggingInfo.params.location = location;
         taggingInfo.params.displayFamily = createOrigin({
             feature: metadata.feature,
-            location
+            location,
         });
         taggingInfo.params.q = metadata.displayOriginalQuery;
         return taggingInfo;
-    }), ({ eventPayload: { tagging } }) => !!tagging?.[property]);
+    }), 
+    // eslint-disable-next-line ts/no-unsafe-member-access
+    ({ eventPayload: { tagging } }) => !!tagging?.[property]?.url);
+}
+/**
+ * Update the tooling tagging params with the result information.
+ *
+ * @param taggingRequest - The tooling tagging request to be updated.
+ * @param result - The clicked result.
+ * @returns The tagging request updated.
+ *
+ * @internal
+ */
+function updateToolingTaggingWithResult(taggingRequest, result) {
+    taggingRequest.params.productId = result.id;
+    taggingRequest.params.title = result.name;
+    taggingRequest.params.url = result.url;
+    return taggingRequest;
+}
+/**
+ * Factory helper to create a wire for the track of the tooling display click.
+ *
+ * @returns A new wire for the tooling display click of the taggable element.
+ *
+ * @public
+ */
+function createTrackToolingDisplayWire() {
+    return filter(wireDispatch('track', ({ eventPayload, metadata }) => {
+        const taggingInfo = metadata.toolingTagging;
+        const resultInfo = eventPayload;
+        updateToolingTaggingWithResult(taggingInfo, resultInfo);
+        return taggingInfo;
+    }), ({ metadata }) => !!metadata?.toolingTagging);
+}
+/**
+ * Factory helper to create a wire for the track of the tooling display add to cart.
+ *
+ * @returns A new wire for the tooling display add to cart of the taggable element.
+ *
+ * @public
+ */
+function createTrackToolingAdd2CartWire() {
+    return filter(wireDispatch('track', ({ eventPayload, metadata }) => {
+        const taggingInfo = metadata.toolingAdd2CartTagging;
+        const resultInfo = eventPayload;
+        updateToolingTaggingWithResult(taggingInfo, resultInfo);
+        return taggingInfo;
+    }), ({ metadata }) => !!metadata?.toolingAdd2CartTagging);
+}
+/**
+ * Factory helper to create a wire for the track of the tooling display click in a related prompt.
+ *
+ * @returns A new wire for the tooling display click of the taggable element.
+ *
+ * @public
+ */
+function createTrackRelatedPromptToolingDisplayClickWire() {
+    return filter(wireDispatch('track', ({ metadata }) => {
+        const relatedPrompt = metadata.relatedPrompt;
+        const taggingInfo = relatedPrompt.tagging.toolingDisplayClickTagging;
+        taggingInfo.params.productId = 'EXPAND';
+        taggingInfo.params.title = relatedPrompt.suggestionText;
+        taggingInfo.params.url = 'none';
+        return taggingInfo;
+    }), ({ metadata }) => {
+        const relatedPrompt = metadata.relatedPrompt;
+        const isUnselected = metadata?.selectedPrompt === -1;
+        const taggingInfo = relatedPrompt?.tagging?.toolingDisplayClickTagging;
+        return isUnselected && !!taggingInfo;
+    });
 }
 /**
  * Factory helper to create a wire to set the queryTagging.
@@ -215,54 +326,67 @@ function createSetQueryTaggingFromQueryPreview() {
  */
 const taggingWiring = createWiring({
     ConsentProvided: {
-        setConsent
+        setConsent,
     },
     ConsentChanged: {
-        clearSessionWire
+        clearSessionWire,
     },
     PDPIsLoaded: {
-        moveClickedResultToSessionWire
+        moveClickedResultToSessionWire,
     },
     ResultURLTrackingEnabled: {
-        moveClickedResultToSessionWire
+        moveClickedResultToSessionWire,
     },
     SearchTaggingChanged: {
-        setQueryTaggingInfo
+        setQueryTaggingInfo,
     },
     SearchTaggingReceived: {
-        trackQueryWire
+        trackQueryWire,
     },
     TrackableElementDisplayed: {
-        trackElementDisplayedWire
+        trackElementDisplayedWire,
     },
     TaggingConfigProvided: {
-        setTaggingConfig
+        setTaggingConfig,
     },
     UserClickedAResult: {
         trackResultClickedWire,
-        storeClickedResultWire
+        storeClickedResultWire,
     },
     UserClickedResultAddToCart: {
         trackAddToCartWire,
-        trackResultClickedWire
+        trackResultClickedWire,
+        storeAddToCartWire,
     },
     UserClickedPDPAddToCart: {
-        trackAddToCartFromSessionStorage
+        trackAddToCartFromSessionStorage,
     },
     UserClickedABanner: {
-        trackBannerClickedWire
+        trackBannerClickedWire,
     },
     UserClickedADisplayResult: {
         trackDisplayClickedWire,
-        setQueryTaggingFromQueryPreview
+        setQueryTaggingFromQueryPreview,
     },
     SemanticQueriesResponseChanged: {
-        trackNoResultsQueryWithSemanticsWireDebounced
+        trackNoResultsQueryWithFallbackWireDebounced,
+    },
+    RelatedPromptsResponseChanged: {
+        trackNoResultsQueryWithFallbackWireDebounced,
     },
     ModuleRegistered: {
-        setNoResultsTaggingEnabledWire
-    }
+        setNoResultsTaggingEnabledWire,
+    },
+    UserClickedARelatedPromptResult: {
+        trackToolingDisplayClickedWire,
+    },
+    UserClickedARelatedPromptAdd2Cart: {
+        trackToolingAdd2CartWire,
+    },
+    UserSelectedARelatedPrompt: {
+        trackRelatedPromptToolingDisplayClickWire,
+    },
 });
 
-export { createSetQueryTaggingFromQueryPreview, createTrackDisplayWire, createTrackWire, setConsent, setNoResultsTaggingEnabledWire, setQueryTaggingFromQueryPreview, setQueryTaggingInfo, setTaggingConfig, taggingWiring, trackAddToCartWire, trackBannerClickedWire, trackDisplayClickedWire, trackElementDisplayedWire, trackNoResultsQueryWithSemanticsWire, trackNoResultsQueryWithSemanticsWireDebounced, trackQueryWire, trackResultClickedWire };
+export { createSetQueryTaggingFromQueryPreview, createTrackDisplayWire, createTrackRelatedPromptToolingDisplayClickWire, createTrackToolingAdd2CartWire, createTrackToolingDisplayWire, createTrackWire, setConsent, setNoResultsTaggingEnabledWire, setQueryTaggingFromQueryPreview, setQueryTaggingInfo, setTaggingConfig, taggingWiring, trackAddToCartWire, trackBannerClickedWire, trackDisplayClickedWire, trackElementDisplayedWire, trackNoResultsQueryWithFallbackWire, trackNoResultsQueryWithFallbackWireDebounced, trackNoResultsQueryWithSemanticsWire, trackNoResultsQueryWithSemanticsWireDebounced, trackQueryWire, trackRelatedPromptToolingDisplayClickWire, trackResultClickedWire, trackToolingAdd2CartWire, trackToolingDisplayClickedWire };
 //# sourceMappingURL=wiring.js.map