@empathyco/x-components 3.0.0-alpha.8 → 3.0.0-alpha.82

package/js/x-modules/tagging/components/tagging.vue_rollup-plugin-vue_script.vue.js

@@ -0,0 +1,89 @@
+import { __decorate } from 'tslib';
+import Vue from 'vue';
+import { Prop, Inject, Component } from 'vue-property-decorator';
+import { XEmit } from '../../../components/decorators/bus.decorators.js';
+import { xComponentMixin } from '../../../components/x-component.mixin.js';
+import { taggingXModule } from '../x-module.js';
+
+/**
+ * This component enables and manages the sending of information to the
+ * {@link https://docs.empathy.co/develop-empathy-platform/api-reference/tagging-api.html |
+ * Empathy Tagging API}. It allows to enable or disable the session id management through the
+ * `consent` prop.
+ *
+ * @public
+ */
+let Tagging = class Tagging extends Vue {
+    /**
+     * The active consent, selected from the `consent` prop and the `snippetConfig.consent`
+     * property. False by default.
+     *
+     * @remarks If the consent is undefined in the prop and in the snippetConfig, it will return
+     * false.
+     *
+     * @returns A boolean that represents if the consent is accepted or not.
+     */
+    get activeConsent() {
+        return this.consent ?? this.snippetConfig?.consent ?? false;
+    }
+    get config() {
+        return {
+            queryTaggingDebounceMs: this.queryTaggingDebounceMs,
+            sessionTTLMs: this.sessionTTLMs,
+            clickedResultStorageTTLMs: this.clickedResultStorageTTLMs,
+            clickedResultStorageKey: this.clickedResultStorageKey
+        };
+    }
+    // eslint-disable-next-line @typescript-eslint/no-empty-function
+    render() { }
+    /**
+     * To emit the event that PDP is loaded  just when the snippet config includes a product id.
+     */
+    created() {
+        this.emitEvents();
+    }
+    /**
+     * Emits the {@link TaggingXEvents.PDPIsLoaded} XEvent if the snippet config contains
+     * a product id.
+     *
+     * @internal
+     */
+    emitEvents() {
+        if (this.snippetConfig?.productId) {
+            this.$x.emit('PDPIsLoaded', this.snippetConfig.productId);
+        }
+    }
+};
+__decorate([
+    Prop({ default: 30000 })
+], Tagging.prototype, "clickedResultStorageTTLMs", void 0);
+__decorate([
+    Prop({ default: 'url' })
+], Tagging.prototype, "clickedResultStorageKey", void 0);
+__decorate([
+    Inject('snippetConfig')
+], Tagging.prototype, "snippetConfig", void 0);
+__decorate([
+    Prop()
+], Tagging.prototype, "sessionTTLMs", void 0);
+__decorate([
+    Prop()
+], Tagging.prototype, "queryTaggingDebounceMs", void 0);
+__decorate([
+    Prop()
+], Tagging.prototype, "consent", void 0);
+__decorate([
+    XEmit('ConsentProvided')
+], Tagging.prototype, "activeConsent", null);
+__decorate([
+    XEmit('TaggingConfigProvided')
+], Tagging.prototype, "config", null);
+Tagging = __decorate([
+    Component({
+        mixins: [xComponentMixin(taggingXModule)]
+    })
+], Tagging);
+var script = Tagging;
+
+export { script as default };
+//# sourceMappingURL=tagging.vue_rollup-plugin-vue_script.vue.js.map

package/js/x-modules/tagging/components/tagging.vue_rollup-plugin-vue_script.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tagging.vue_rollup-plugin-vue_script.vue.js","sources":["../../../../../src/x-modules/tagging/components/tagging.vue?rollup-plugin-vue=script.ts"],"sourcesContent":["\nimport Vue from 'vue';\nimport { Component, Inject, Prop } from 'vue-property-decorator';\nimport { XEmit } from '../../../components/decorators/bus.decorators';\nimport { xComponentMixin } from '../../../components/x-component.mixin';\nimport { SnippetConfig } from '../../../x-installer/api/api.types';\nimport { taggingXModule } from '../x-module';\nimport { TaggingConfig } from '../config.types';\n\n/**\n * This component enables and manages the sending of information to the\n * {@link https://docs.empathy.co/develop-empathy-platform/api-reference/tagging-api.html |\n * Empathy Tagging API}. It allows to enable or disable the session id management through the\n * `consent` prop.\n *\n * @public\n */\n@Component({\n  mixins: [xComponentMixin(taggingXModule)]\n})\nexport default class Tagging extends Vue {\n  /**\n   * The TTL in milliseconds for storing the clicked result info.\n   *\n   * @public\n   */\n  @Prop({ default: 30000 })\n  public clickedResultStorageTTLMs!: number;\n\n  /**\n   * The Object key of the {@link @empathyco/x-types#Result | result} clicked by the user\n   * that will be used as id for the storage. By default, the Result url will be used.\n   *\n   * @public\n   */\n  @Prop({ default: 'url' })\n  public clickedResultStorageKey!: string;\n\n  /**\n   * It injects {@link SnippetConfig} provided by an ancestor as snippetConfig.\n   *\n   * @internal\n   */\n  @Inject('snippetConfig')\n  protected snippetConfig?: SnippetConfig;\n\n  /**\n   * The session TTL in milliseconds.\n   *\n   * @internal\n   */\n  @Prop()\n  public sessionTTLMs: number | undefined;\n\n  /**\n   * The debounce time in milliseconds to track the query.\n   *\n   * @internal\n   */\n  @Prop()\n  public queryTaggingDebounceMs: number | undefined;\n\n  /**\n   * The consent to be emitted.\n   *\n   * @public\n   */\n  @Prop()\n  protected consent?: boolean;\n\n  /**\n   * The active consent, selected from the `consent` prop and the `snippetConfig.consent`\n   * property. False by default.\n   *\n   * @remarks If the consent is undefined in the prop and in the snippetConfig, it will return\n   * false.\n   *\n   * @returns A boolean that represents if the consent is accepted or not.\n   */\n  @XEmit('ConsentProvided')\n  public get activeConsent(): boolean {\n    return this.consent ?? this.snippetConfig?.consent ?? false;\n  }\n\n  @XEmit('TaggingConfigProvided')\n  public get config(): TaggingConfig {\n    return {\n      queryTaggingDebounceMs: this.queryTaggingDebounceMs as number,\n      sessionTTLMs: this.sessionTTLMs as number,\n      clickedResultStorageTTLMs: this.clickedResultStorageTTLMs,\n      clickedResultStorageKey: this.clickedResultStorageKey\n    };\n  }\n\n  // eslint-disable-next-line @typescript-eslint/no-empty-function\n  render(): void {}\n\n  /**\n   * To emit the event that PDP is loaded  just when the snippet config includes a product id.\n   */\n  created(): void {\n    this.emitEvents();\n  }\n\n  /**\n   * Emits the {@link TaggingXEvents.PDPIsLoaded} XEvent if the snippet config contains\n   * a product id.\n   *\n   * @internal\n   */\n  protected emitEvents(): void {\n    if (this.snippetConfig?.productId) {\n      this.$x.emit('PDPIsLoaded', this.snippetConfig.productId);\n    }\n  }\n}\n"],"names":[],"mappings":";;;;;;;AASA;;;;;;;;AAWA,IAAqB,OAAO,GAA5B,MAAqB,OAAQ,SAAQ,GAAG;;;;;;;;;;IA4DtC,IAAW,aAAa;QACtB,OAAO,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC,aAAa,EAAE,OAAO,IAAI,KAAK,CAAC;KAC7D;IAGD,IAAW,MAAM;QACf,OAAO;YACL,sBAAsB,EAAE,IAAI,CAAC,sBAAgC;YAC7D,YAAY,EAAE,IAAI,CAAC,YAAsB;YACzC,yBAAyB,EAAE,IAAI,CAAC,yBAAyB;YACzD,uBAAuB,EAAE,IAAI,CAAC,uBAAuB;SACtD,CAAC;KACH;;IAGD,MAAM,MAAW;;;;IAKjB,OAAO;QACL,IAAI,CAAC,UAAU,EAAE,CAAC;KACnB;;;;;;;IAQS,UAAU;QAClB,IAAI,IAAI,CAAC,aAAa,EAAE,SAAS,EAAE;YACjC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,aAAa,EAAE,IAAI,CAAC,aAAa,CAAC,SAAS,CAAC,CAAC;SAC3D;KACF;CACF,CAAA;AAxFC;IADC,IAAI,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC;0DACiB;AAS1C;IADC,IAAI,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC;wDACe;AAQxC;IADC,MAAM,CAAC,eAAe,CAAC;8CACgB;AAQxC;IADC,IAAI,EAAE;6CACiC;AAQxC;IADC,IAAI,EAAE;uDAC2C;AAQlD;IADC,IAAI,EAAE;wCACqB;AAY5B;IADC,KAAK,CAAC,iBAAiB,CAAC;4CAGxB;AAGD;IADC,KAAK,CAAC,uBAAuB,CAAC;qCAQ9B;AAxEkB,OAAO;IAH3B,SAAS,CAAC;QACT,MAAM,EAAE,CAAC,eAAe,CAAC,cAAc,CAAC,CAAC;KAC1C,CAAC;GACmB,OAAO,CA+F3B;aA/FoB,OAAO;;;;"}

package/js/x-modules/tagging/service/pdp-add-to-cart.service.js

@@ -0,0 +1,151 @@
+import { BrowserStorageService } from '@empathyco/x-storage-service';
+import '../../../plugins/x-bus.js';
+import { XPlugin } from '../../../plugins/x-plugin.js';
+
+/**
+ * Default implementation for the {@link PDPAddToCartService}.
+ *
+ * @public
+ */
+class DefaultPDPAddToCartService {
+    constructor(localStorageService = new BrowserStorageService(localStorage, 'x'), sessionStorageService = new BrowserStorageService(sessionStorage, 'x')) {
+        this.localStorageService = localStorageService;
+        this.sessionStorageService = sessionStorageService;
+    }
+    get store() {
+        return XPlugin.store;
+    }
+    get clickedResultStorageKey() {
+        return this.store.state.x.tagging.config.clickedResultStorageKey;
+    }
+    get clickedResultStorageTTLMs() {
+        return this.store.state.x.tagging.config.clickedResultStorageTTLMs;
+    }
+    /**
+     * Stores in the local storage the information from the Result clicked by the user
+     * in order to be able to track later on.
+     *
+     * @param result - The result to store.
+     *
+     * @public
+     */
+    storeResultClicked(result) {
+        const key = result[this.clickedResultStorageKey];
+        const storageId = this.getStorageId(key);
+        if (storageId) {
+            this.localStorageService.setItem(storageId, result, this.clickedResultStorageTTLMs);
+        }
+    }
+    /**
+     * Checks if the local storage contains a result information for the given id and moves
+     * the result info from the local storage to the session storage.
+     *
+     * @param id - The id of the result to move to the session storage.
+     *
+     * @public
+     */
+    moveToSessionStorage(id) {
+        const storageId = this.getStorageId(id);
+        if (storageId) {
+            const result = this.localStorageService.removeItem(storageId);
+            if (result) {
+                this.sessionStorageService.setItem(storageId, result);
+            }
+        }
+    }
+    /**
+     * Checks if the session storage contains a result information for given id or the current url
+     * and tracks the add to cart if exists.
+     *
+     * @param id - The id of the result to track.
+     *
+     * @public
+     */
+    trackAddToCart(id) {
+        const storageId = this.clickedResultStorageKey === 'url' ? this.getStorageId() : this.getStorageId(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);
+            }
+        }
+    }
+    /**
+     * Calculates the browser storage key for the given id.
+     *
+     * @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') {
+            let url = id ?? window.location.href;
+            url = url.replace(/\s|\+/g, '%20');
+            const pathName = this.getPathName(url);
+            return `${DefaultPDPAddToCartService.RESULT_CLICKED_ID_KEY}-${pathName}`;
+        }
+        else if (id) {
+            return `${DefaultPDPAddToCartService.RESULT_CLICKED_ID_KEY}-${id}`;
+        }
+        else {
+            this.showWarningMessage();
+            return null;
+        }
+    }
+    /**
+     * Logs a warning message in case the tracking cannot be done.
+     *
+     * @internal
+     */
+    showWarningMessage() {
+        if (this.clickedResultStorageKey !== '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');
+        }
+    }
+    /**
+     * Returns the pathname for a given url.
+     *
+     * @param url - The url to get the pathname from.
+     *
+     * @returns The pathname of the url.
+     *
+     * @internal
+     */
+    getPathName(url) {
+        let urlObject;
+        try {
+            // Check if the url is relative or absolute path
+            if (/^(\.\.\/|\.\/|\/)/.test(url)) {
+                urlObject = new URL(url, location.origin);
+            }
+            else {
+                urlObject = new URL(url);
+            }
+            return urlObject.pathname;
+        }
+        catch (e) {
+            //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.
+ *
+ * @public
+ */
+DefaultPDPAddToCartService.RESULT_CLICKED_ID_KEY = 'add-to-cart';
+/**
+ * Global instance of the {@link PDPAddToCartService}.
+ */
+DefaultPDPAddToCartService.instance = new DefaultPDPAddToCartService();
+
+export { DefaultPDPAddToCartService };
+//# sourceMappingURL=pdp-add-to-cart.service.js.map

package/js/x-modules/tagging/service/pdp-add-to-cart.service.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pdp-add-to-cart.service.js","sources":["../../../../../src/x-modules/tagging/service/pdp-add-to-cart.service.ts"],"sourcesContent":["import { Store } from 'vuex';\nimport { Result } from '@empathyco/x-types';\nimport { BrowserStorageService, StorageService } from '@empathyco/x-storage-service';\nimport { RootXStoreState } from '../../../store/index';\nimport { XPlugin } from '../../../plugins/index';\nimport { PDPAddToCartService } from './types';\n\n/**\n * Default implementation for the {@link PDPAddToCartService}.\n *\n * @public\n */\nexport class DefaultPDPAddToCartService implements PDPAddToCartService {\n  /**\n   * Session id key to use as key in the storage.\n   *\n   * @public\n   */\n  public static readonly RESULT_CLICKED_ID_KEY = 'add-to-cart';\n\n  /**\n   * Global instance of the {@link PDPAddToCartService}.\n   */\n  public static instance: PDPAddToCartService = new DefaultPDPAddToCartService();\n\n  public constructor(\n    protected localStorageService: StorageService = new BrowserStorageService(localStorage, 'x'),\n    protected sessionStorageService: StorageService = new BrowserStorageService(sessionStorage, 'x')\n  ) {}\n\n  protected get store(): Store<RootXStoreState> {\n    return XPlugin.store;\n  }\n\n  protected get clickedResultStorageKey(): string {\n    return this.store.state.x.tagging.config.clickedResultStorageKey as string;\n  }\n\n  protected get clickedResultStorageTTLMs(): number {\n    return this.store.state.x.tagging.config.clickedResultStorageTTLMs 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 later on.\n   *\n   * @param result - The result to store.\n   *\n   * @public\n   */\n  storeResultClicked(result: Result): void {\n    const key = result[this.clickedResultStorageKey as keyof Result] as string;\n    const storageId = this.getStorageId(key);\n    if (storageId) {\n      this.localStorageService.setItem(storageId, result, this.clickedResultStorageTTLMs);\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(id);\n    if (storageId) {\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 given id or the current url\n   * and tracks the add to cart if exists.\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.clickedResultStorageKey === 'url' ? this.getStorageId() : this.getStorageId(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        this.store.dispatch('x/tagging/track', result.tagging.add2cart);\n      }\n    }\n  }\n\n  /**\n   * Calculates the browser storage key for the given id.\n   *\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(id?: string): string | null {\n    if (this.clickedResultStorageKey === 'url') {\n      let url = id ?? window.location.href;\n      url = url.replace(/\\s|\\+/g, '%20');\n      const pathName = this.getPathName(url);\n      return `${DefaultPDPAddToCartService.RESULT_CLICKED_ID_KEY}-${pathName}`;\n    } else if (id) {\n      return `${DefaultPDPAddToCartService.RESULT_CLICKED_ID_KEY}-${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.clickedResultStorageKey !== 'url') {\n      //TODO: add here logger\n      //eslint-disable-next-line no-console\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      if (/^(\\.\\.\\/|\\.\\/|\\/)/.test(url)) {\n        urlObject = new URL(url, location.origin);\n      } else {\n        urlObject = new URL(url);\n      }\n      return urlObject.pathname;\n    } catch (e) {\n      //TODO: add here logger\n      //eslint-disable-next-line no-console\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/service/session.service.js

@@ -0,0 +1,48 @@
+import { nanoid } from 'nanoid';
+import { BrowserStorageService } from '@empathyco/x-storage-service';
+
+/**
+ * Default implementation for the {@link SessionService}.
+ *
+ * @public
+ */
+class DefaultSessionService {
+    constructor(storageService = new BrowserStorageService(localStorage, 'x'), ttlMs = 1800000 // 30m * 60s * 1000 = 1800_000ms
+    ) {
+        this.storageService = storageService;
+        this.ttlMs = ttlMs;
+    }
+    /**
+     * Returns the session id of the storage.
+     *
+     * @returns The current session id.
+     *
+     * @public
+     */
+    getSessionId() {
+        const sessionId = this.storageService.getItem(DefaultSessionService.SESSION_ID_KEY) ?? nanoid();
+        this.storageService.setItem(DefaultSessionService.SESSION_ID_KEY, sessionId, Date.now() + this.ttlMs);
+        return sessionId;
+    }
+    /**
+     * Removes the session if from the storage.
+     *
+     * @public
+     */
+    clearSessionId() {
+        this.storageService.removeItem(DefaultSessionService.SESSION_ID_KEY);
+    }
+}
+/**
+ * Session id key to use as key in the storage.
+ *
+ * @public
+ */
+DefaultSessionService.SESSION_ID_KEY = 'session-id';
+/**
+ * Global instance of the {@link SessionService}.
+ */
+DefaultSessionService.instance = new DefaultSessionService();
+
+export { DefaultSessionService };
+//# sourceMappingURL=session.service.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"session.service.js","sources":["../../../../../src/x-modules/tagging/service/session.service.ts"],"sourcesContent":["import { nanoid } from 'nanoid';\nimport { BrowserStorageService, StorageService } from '@empathyco/x-storage-service';\nimport { SessionService } from './types';\n\n/**\n * Default implementation for the {@link SessionService}.\n *\n * @public\n */\nexport class DefaultSessionService implements SessionService {\n  /**\n   * Session id key to use as key in the storage.\n   *\n   * @public\n   */\n  public static readonly SESSION_ID_KEY = 'session-id';\n\n  /**\n   * Global instance of the {@link SessionService}.\n   */\n  public static instance: SessionService = new DefaultSessionService();\n\n  public constructor(\n    protected storageService: StorageService = new BrowserStorageService(localStorage, 'x'),\n    protected ttlMs = 1800000 // 30m * 60s * 1000 = 1800_000ms\n  ) {}\n\n  /**\n   * Returns the session id of the storage.\n   *\n   * @returns The current session id.\n   *\n   * @public\n   */\n  getSessionId(): string {\n    const sessionId = this.storageService.getItem(DefaultSessionService.SESSION_ID_KEY) ?? nanoid();\n    this.storageService.setItem(\n      DefaultSessionService.SESSION_ID_KEY,\n      sessionId,\n      Date.now() + this.ttlMs\n    );\n    return sessionId;\n  }\n\n  /**\n   * Removes the session if from the storage.\n   *\n   * @public\n   */\n  clearSessionId(): void {\n    this.storageService.removeItem(DefaultSessionService.SESSION_ID_KEY);\n  }\n}\n"],"names":[],"mappings":";;;AAIA;;;;;MAKa,qBAAqB;IAahC,YACY,iBAAiC,IAAI,qBAAqB,CAAC,YAAY,EAAE,GAAG,CAAC,EAC7E,QAAQ,OAAO;;QADf,mBAAc,GAAd,cAAc,CAA+D;QAC7E,UAAK,GAAL,KAAK,CAAU;KACvB;;;;;;;;IASJ,YAAY;QACV,MAAM,SAAS,GAAG,IAAI,CAAC,cAAc,CAAC,OAAO,CAAC,qBAAqB,CAAC,cAAc,CAAC,IAAI,MAAM,EAAE,CAAC;QAChG,IAAI,CAAC,cAAc,CAAC,OAAO,CACzB,qBAAqB,CAAC,cAAc,EACpC,SAAS,EACT,IAAI,CAAC,GAAG,EAAE,GAAG,IAAI,CAAC,KAAK,CACxB,CAAC;QACF,OAAO,SAAS,CAAC;KAClB;;;;;;IAOD,cAAc;QACZ,IAAI,CAAC,cAAc,CAAC,UAAU,CAAC,qBAAqB,CAAC,cAAc,CAAC,CAAC;KACtE;;AAzCD;;;;;AAKuB,oCAAc,GAAG,YAAY,CAAC;AAErD;;;AAGc,8BAAQ,GAAmB,IAAI,qBAAqB,EAAE;;;;"}

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

@@ -0,0 +1,44 @@
+import { XPlugin } from '../../../../plugins/x-plugin.js';
+import '../../service/pdp-add-to-cart.service.js';
+import { DefaultSessionService } from '../../service/session.service.js';
+
+/**
+ * Default implementation for the {@link TaggingActions.track}.
+ *
+ * @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) => {
+    const { consent } = state;
+    const taggingInfos = Array.isArray(taggingInfo) ? taggingInfo : [taggingInfo];
+    const sessionId = getSessionId(consent);
+    // TODO EX-5061 - Remove this validation when the adapter ignores undefined values.
+    const session = sessionId && { session: sessionId };
+    taggingInfos.forEach(({ url, params }) => {
+        XPlugin.adapter.track({
+            url,
+            params: {
+                ...params,
+                ...session
+            }
+        });
+    });
+};
+/**
+ * Returns the session id if the consent is true.
+ *
+ * @param consent - User consent to retrieve the session id.
+ *
+ * @returns The user session id or undefined.
+ *
+ * @internal
+ */
+function getSessionId(consent) {
+    return consent ? DefaultSessionService.instance.getSessionId() : undefined;
+}
+
+export { track };
+//# sourceMappingURL=track.action.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"track.action.js","sources":["../../../../../../src/x-modules/tagging/store/actions/track.action.ts"],"sourcesContent":["import { TaggingInfo } from '@empathyco/x-types';\nimport { XPlugin } from '../../../../plugins/x-plugin';\nimport { DefaultSessionService } from '../../service';\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 }: TaggingInfo) => {\n    XPlugin.adapter.track({\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;;;;;;;;;MASa,KAAK,GAA4C,CAAC,EAAE,KAAK,EAAE,EAAE,WAAW;IACnF,MAAM,EAAE,OAAO,EAAE,GAAG,KAAK,CAAC;IAC1B,MAAM,YAAY,GAAG,KAAK,CAAC,OAAO,CAAC,WAAW,CAAC,GAAG,WAAW,GAAG,CAAC,WAAW,CAAC,CAAC;IAC9E,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,EAAe;QAChD,OAAO,CAAC,OAAO,CAAC,KAAK,CAAC;YACpB,GAAG;YACH,MAAM,EAAE;gBACN,GAAG,MAAM;gBACT,GAAG,OAAO;aACX;SACF,CAAC,CAAC;KACJ,CAAC,CAAC;AACL,EAAE;AAEF;;;;;;;;;AASA,SAAS,YAAY,CAAC,OAAuB;IAC3C,OAAO,OAAO,GAAG,qBAAqB,CAAC,QAAQ,CAAC,YAAY,EAAE,GAAG,SAAS,CAAC;AAC7E;;;;"}

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

@@ -1,5 +1,4 @@
-import '../../../store/x.module.js';
-import { createStoreEmitters } from '../../../store/store.utils.js';
+import { createStoreEmitters } from '../../../store/utils/store-emitters.utils.js';
 import { taggingXStoreModule } from './module.js';
 
 /**
@@ -7,7 +6,14 @@ import { taggingXStoreModule } from './module.js';
  *
  * @internal
  */
-var taggingEmitters = createStoreEmitters(taggingXStoreModule, {});
+const taggingEmitters = createStoreEmitters(taggingXStoreModule, {
+    ConsentChanged: state => state.consent,
+    SearchTaggingReceived: state => state.queryTaggingInfo,
+    ResultURLTrackingEnabled: {
+        selector: state => state.config.clickedResultStorageKey,
+        filter: newValue => newValue === 'url'
+    }
+});
 
 export { taggingEmitters };
 //# sourceMappingURL=emitters.js.map

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';\nimport { taggingXStoreModule } from './module';\n\n/**\n * {@link StoreEmitters} For the tagging module.\n *\n * @internal\n */\nexport const taggingEmitters = createStoreEmitters(taggingXStoreModule, {});\n"],"names":[],"mappings":";;;;AAGA;;;;;IAKa,eAAe,GAAG,mBAAmB,CAAC,mBAAmB,EAAE,EAAE;;;;"}
+{"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;;;;;MAKa,eAAe,GAAG,mBAAmB,CAAC,mBAAmB,EAAE;IACtE,cAAc,EAAE,KAAK,IAAI,KAAK,CAAC,OAAQ;IACvC,qBAAqB,EAAE,KAAK,IAAI,KAAK,CAAC,gBAAiB;IACvD,wBAAwB,EAAE;QACxB,QAAQ,EAAE,KAAK,IAAI,KAAK,CAAC,MAAM,CAAC,uBAAwB;QACxD,MAAM,EAAE,QAAQ,IAAI,QAAQ,KAAK,KAAK;KACvC;CACF;;;;"}

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

@@ -1,15 +1,36 @@
+import { track } from './actions/track.action.js';
+
 /**
  * {@link XStoreModule} For the tagging module.
  *
  * @internal
  */
-var taggingXStoreModule = {
-    state: function () { return ({
-        config: {}
-    }); },
+const taggingXStoreModule = {
+    state: () => ({
+        config: {
+            sessionTTLMs: 30 * 60 * 1000,
+            queryTaggingDebounceMs: 2000,
+            clickedResultStorageKey: null,
+            clickedResultStorageTTLMs: null
+        },
+        consent: null,
+        queryTaggingInfo: null
+    }),
     getters: {},
-    mutations: {},
-    actions: {}
+    mutations: {
+        setConsent(state, consent) {
+            state.consent = consent;
+        },
+        setQueryTaggingInfo(state, queryTaggingInfo) {
+            state.queryTaggingInfo = queryTaggingInfo;
+        },
+        setTaggingConfig(state, taggingConfig) {
+            Object.assign(state.config, taggingConfig);
+        }
+    },
+    actions: {
+        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 { 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  }),\n  getters: {},\n  mutations: {},\n  actions: {}\n};\n"],"names":[],"mappings":"AAEA;;;;;IAKa,mBAAmB,GAAwB;IACtD,KAAK,EAAE,cAAM,QAAC;QACZ,MAAM,EAAE,EAAE;KACX,IAAC;IACF,OAAO,EAAE,EAAE;IACX,SAAS,EAAE,EAAE;IACb,OAAO,EAAE,EAAE;;;;;"}
+{"version":3,"file":"module.js","sources":["../../../../../src/x-modules/tagging/store/module.ts"],"sourcesContent":["import { TaggingInfo } from '@empathyco/x-types';\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    queryTaggingInfo: null\n  }),\n  getters: {},\n  mutations: {\n    setConsent(state, consent) {\n      state.consent = consent;\n    },\n    setQueryTaggingInfo(state, queryTaggingInfo: TaggingInfo) {\n      state.queryTaggingInfo = queryTaggingInfo;\n    },\n    setTaggingConfig(state, taggingConfig) {\n      Object.assign(state.config, taggingConfig);\n    }\n  },\n  actions: {\n    track\n  }\n};\n"],"names":[],"mappings":";;AAIA;;;;;MAKa,mBAAmB,GAAwB;IACtD,KAAK,EAAE,OAAO;QACZ,MAAM,EAAE;YACN,YAAY,EAAE,EAAE,GAAG,EAAE,GAAG,IAAI;YAC5B,sBAAsB,EAAE,IAAI;YAC5B,uBAAuB,EAAE,IAAI;YAC7B,yBAAyB,EAAE,IAAI;SAChC;QACD,OAAO,EAAE,IAAI;QACb,gBAAgB,EAAE,IAAI;KACvB,CAAC;IACF,OAAO,EAAE,EAAE;IACX,SAAS,EAAE;QACT,UAAU,CAAC,KAAK,EAAE,OAAO;YACvB,KAAK,CAAC,OAAO,GAAG,OAAO,CAAC;SACzB;QACD,mBAAmB,CAAC,KAAK,EAAE,gBAA6B;YACtD,KAAK,CAAC,gBAAgB,GAAG,gBAAgB,CAAC;SAC3C;QACD,gBAAgB,CAAC,KAAK,EAAE,aAAa;YACnC,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,MAAM,EAAE,aAAa,CAAC,CAAC;SAC5C;KACF;IACD,OAAO,EAAE;QACP,KAAK;KACN;;;;;"}

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

@@ -1,11 +1,166 @@
+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 { DefaultSessionService } from './service/session.service.js';
+import { DefaultPDPAddToCartService } from './service/pdp-add-to-cart.service.js';
 
+/**
+ * `tagging` {@link XModuleName | XModule name}.
+ *
+ * @internal
+ */
+const moduleName = 'tagging';
+/**
+ * Debounce function for the module.
+ */
+const moduleDebounce = namespacedDebounce(moduleName);
+/**
+ * WireCommit for {@link TaggingXModule}.
+ *
+ * @internal
+ */
+const wireCommit = namespacedWireCommit(moduleName);
+/**
+ * WireDispatch for {@link TaggingXModule}.
+ *
+ * @internal
+ */
+const wireDispatch = namespacedWireDispatch(moduleName);
+/**
+ * Wires without payload factory for {@link DefaultSessionService}.
+ */
+const wireSessionServiceWithoutPayload = wireServiceWithoutPayload(DefaultSessionService.instance);
+/**
+ * Wires factory for {@link DefaultPDPAddToCartService}.
+ */
+const wirePDPAddToCartService = wireService(DefaultPDPAddToCartService.instance);
+/**
+ * Stores the given result on the local storage.
+ *
+ * @public
+ */
+const storeClickedResultWire = wirePDPAddToCartService('storeResultClicked');
+/**
+ * Moves the result information from the local storage to session storage.
+ *
+ * @public
+ */
+const moveClickedResultToSessionWire = mapWire(wirePDPAddToCartService('moveToSessionStorage'), (payload) => {
+    return payload === 'url' ? undefined : payload;
+});
+/**
+ * Triggers the add to cart tracking.
+ *
+ * @public
+ */
+const trackAddToCartFromSessionStorage = wirePDPAddToCartService('trackAddToCart');
+/**
+ * Clears the session id.
+ *
+ * @public
+ */
+const clearSessionWire = filter(wireSessionServiceWithoutPayload('clearSessionId'), ({ eventPayload: consent }) => !consent);
+/**
+ * Sets the tagging state `consent`.
+ *
+ * @public
+ */
+const setConsent = wireCommit('setConsent');
+/**
+ * Sets the tagging config state.
+ *
+ * @public
+ */
+const setTaggingConfig = wireCommit('setTaggingConfig');
+/**
+ * Tracks the tagging of the query.
+ *
+ * @public
+ */
+const trackQueryWire = wireDispatch('track');
+/**
+ * Sets the tagging state of the query tagging info using a debounce which ends if the user
+ * accepts a query.
+ *
+ * @public
+ */
+const setQueryTaggingInfo = moduleDebounce(wireCommit('setQueryTaggingInfo'), ({ state }) => state.config.queryTaggingDebounceMs, {
+    cancelOn: 'UserClearedQuery',
+    forceOn: [
+        'UserClickedAResult',
+        'UserClickedAPromoted',
+        'UserClickedABanner',
+        'UserClickedARedirection',
+        'UserReachedResultsListEnd'
+    ]
+});
+/**
+ * Tracks the tagging of the result.
+ *
+ * @public
+ */
+const trackResultClickedWire = createTrackResultWire('click');
+/**
+ * Performs a track of a result added to the cart.
+ *
+ * @public
+ */
+const trackAddToCartWire = createTrackResultWire('add2cart');
+/**
+ * Factory helper to create a wire for the track of a result.
+ *
+ * @param property - Key of the tagging object to track.
+ * @returns A new wire for the given property of the result tagging.
+ *
+ * @internal
+ */
+function createTrackResultWire(property) {
+    return filter(wireDispatch('track', ({ eventPayload: { tagging }, metadata: { location } }) => {
+        const taggingInfo = tagging[property];
+        taggingInfo.params.location = location;
+        return taggingInfo;
+    }), ({ eventPayload: { tagging } }) => !!tagging?.[property]);
+}
 /**
  * Wiring configuration for the {@link TaggingXModule | tagging module}.
  *
  * @internal
  */
-var taggingWiring = createWiring({});
+const taggingWiring = createWiring({
+    ConsentProvided: {
+        setConsent
+    },
+    ConsentChanged: {
+        clearSessionWire
+    },
+    PDPIsLoaded: {
+        moveClickedResultToSessionWire
+    },
+    ResultURLTrackingEnabled: {
+        moveClickedResultToSessionWire
+    },
+    SearchTaggingChanged: {
+        setQueryTaggingInfo
+    },
+    SearchTaggingReceived: {
+        trackQueryWire
+    },
+    TaggingConfigProvided: {
+        setTaggingConfig
+    },
+    UserClickedAResult: {
+        trackResultClickedWire,
+        storeClickedResultWire
+    },
+    UserClickedResultAddToCart: {
+        trackAddToCartWire
+    },
+    UserClickedPDPAddToCart: {
+        trackAddToCartFromSessionStorage
+    }
+});
 
-export { taggingWiring };
+export { setConsent, setQueryTaggingInfo, setTaggingConfig, taggingWiring, trackAddToCartWire, trackQueryWire, trackResultClickedWire };
 //# sourceMappingURL=wiring.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"wiring.js","sources":["../../../../src/x-modules/tagging/wiring.ts"],"sourcesContent":["import { createWiring } from '../../wiring/wiring.utils';\n\n/**\n * Wiring configuration for the {@link TaggingXModule | tagging module}.\n *\n * @internal\n */\nexport const taggingWiring = createWiring({});\n"],"names":[],"mappings":";;AAEA;;;;;IAKa,aAAa,GAAG,YAAY,CAAC,EAAE;;;;"}
+{"version":3,"file":"wiring.js","sources":["../../../../src/x-modules/tagging/wiring.ts"],"sourcesContent":["import { Result, TaggingInfo } from '@empathyco/x-types';\nimport {\n  namespacedWireCommit,\n  namespacedWireDispatch\n} from '../../wiring/namespaced-wires.factory';\nimport { namespacedDebounce } from '../../wiring/namespaced-wires.operators';\nimport { wireService, wireServiceWithoutPayload } from '../../wiring/wires.factory';\nimport { filter, mapWire } from '../../wiring/wires.operators';\nimport { Wire } from '../../wiring/wiring.types';\nimport { createWiring } from '../../wiring/wiring.utils';\nimport { DefaultSessionService } from './service/session.service';\nimport { DefaultPDPAddToCartService } from './service/index';\n\n/**\n * `tagging` {@link XModuleName | XModule name}.\n *\n * @internal\n */\nconst moduleName = 'tagging';\n\n/**\n * Debounce function for the module.\n */\nconst moduleDebounce = namespacedDebounce(moduleName);\n\n/**\n * WireCommit for {@link TaggingXModule}.\n *\n * @internal\n */\nconst wireCommit = namespacedWireCommit(moduleName);\n\n/**\n * WireDispatch for {@link TaggingXModule}.\n *\n * @internal\n */\nconst wireDispatch = namespacedWireDispatch(moduleName);\n\n/**\n * Wires without payload factory for {@link DefaultSessionService}.\n */\nconst wireSessionServiceWithoutPayload = wireServiceWithoutPayload(DefaultSessionService.instance);\n\n/**\n * Wires factory for {@link DefaultPDPAddToCartService}.\n */\nconst wirePDPAddToCartService = wireService(DefaultPDPAddToCartService.instance);\n\n/**\n * Stores the given result on the local storage.\n *\n * @public\n */\nconst storeClickedResultWire = wirePDPAddToCartService('storeResultClicked');\n\n/**\n * Moves the result information from the local storage to session storage.\n *\n * @public\n */\nconst moveClickedResultToSessionWire = mapWire(\n  wirePDPAddToCartService('moveToSessionStorage'),\n  (payload: string) => {\n    return payload === 'url' ? undefined : payload;\n  }\n);\n\n/**\n * Triggers the add to cart tracking.\n *\n * @public\n */\nconst trackAddToCartFromSessionStorage = wirePDPAddToCartService('trackAddToCart');\n\n/**\n * Clears the session id.\n *\n * @public\n */\nconst clearSessionWire = filter(\n  wireSessionServiceWithoutPayload('clearSessionId'),\n  ({ eventPayload: consent }) => !consent\n);\n\n/**\n * Sets the tagging state `consent`.\n *\n * @public\n */\nexport const setConsent = wireCommit('setConsent');\n\n/**\n * Sets the tagging config state.\n *\n * @public\n */\nexport const setTaggingConfig = wireCommit('setTaggingConfig');\n\n/**\n * Tracks the tagging of the query.\n *\n * @public\n */\nexport const trackQueryWire = wireDispatch('track');\n\n/**\n * Sets the tagging state of the query tagging info using a debounce which ends if the user\n * accepts a query.\n *\n * @public\n */\nexport const setQueryTaggingInfo = moduleDebounce(\n  wireCommit('setQueryTaggingInfo'),\n  ({ state }) => state.config.queryTaggingDebounceMs,\n  {\n    cancelOn: 'UserClearedQuery',\n    forceOn: [\n      'UserClickedAResult',\n      'UserClickedAPromoted',\n      'UserClickedABanner',\n      'UserClickedARedirection',\n      'UserReachedResultsListEnd'\n    ]\n  }\n);\n\n/**\n * Tracks the tagging of the result.\n *\n * @public\n */\nexport const trackResultClickedWire = createTrackResultWire('click');\n\n/**\n * Performs a track of a result added to the cart.\n *\n * @public\n */\nexport const trackAddToCartWire = createTrackResultWire('add2cart');\n\n/**\n * Factory helper to create a wire for the track of a result.\n *\n * @param property - Key of the tagging object to track.\n * @returns A new wire for the given property of the result tagging.\n *\n * @internal\n */\nfunction createTrackResultWire(property: keyof Result['tagging']): Wire<Result> {\n  return filter(\n    wireDispatch('track', ({ eventPayload: { tagging }, metadata: { location } }) => {\n      const taggingInfo: TaggingInfo = tagging[property];\n      taggingInfo.params.location = location as string;\n      return taggingInfo;\n    }),\n    ({ eventPayload: { tagging } }) => !!tagging?.[property]\n  );\n}\n\n/**\n * Wiring configuration for the {@link TaggingXModule | tagging module}.\n *\n * @internal\n */\nexport const taggingWiring = createWiring({\n  ConsentProvided: {\n    setConsent\n  },\n  ConsentChanged: {\n    clearSessionWire\n  },\n  PDPIsLoaded: {\n    moveClickedResultToSessionWire\n  },\n  ResultURLTrackingEnabled: {\n    moveClickedResultToSessionWire\n  },\n  SearchTaggingChanged: {\n    setQueryTaggingInfo\n  },\n  SearchTaggingReceived: {\n    trackQueryWire\n  },\n  TaggingConfigProvided: {\n    setTaggingConfig\n  },\n  UserClickedAResult: {\n    trackResultClickedWire,\n    storeClickedResultWire\n  },\n  UserClickedResultAddToCart: {\n    trackAddToCartWire\n  },\n  UserClickedPDPAddToCart: {\n    trackAddToCartFromSessionStorage\n  }\n});\n"],"names":[],"mappings":"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"}