@liquidcommercedev/rmn-sdk 1.5.0-beta.3 → 1.5.0-beta.31

package/dist/types/common/helpers/event-type.helper.d.ts

@@ -0,0 +1,8 @@
+import { RMN_SPOT_EVENT } from 'enums';
+/**
+ * Determines the event type from a raw event string by checking for keyword patterns.
+ *
+ * @param {string} [event] - The raw event string to evaluate
+ * @returns {RMN_SPOT_EVENT | null} - The corresponding RMN_SPOT_EVENT or null if no match
+ */
+export declare function getEventTypeFromRawEvent(event?: string): RMN_SPOT_EVENT | null;

package/dist/types/common/helpers/extract-deep.helper.d.ts

@@ -0,0 +1,28 @@
+type ExtractorTarget = 'ids' | 'price' | 'quantity';
+type ExtractedValue = string | number;
+/**
+ * Extracts deep values from an object based on specified target type
+ * @param data - The source data object to extract values from
+ * @param target - The type of values to extract ('ids' or 'price')
+ * @param options - Optional configuration for the extraction process
+ * @returns Array of extracted values or a single value if onlyFirst is true
+ */
+export declare function extractDeepValues(data: unknown, target: ExtractorTarget, options?: {
+    onlyFirst?: boolean;
+    shouldIncludeZero?: boolean;
+}): ExtractedValue[] | ExtractedValue | undefined;
+/**
+ * Cleans and normalizes an array of product IDs by:
+ * 1. Converting all IDs to strings
+ * 2. Trimming whitespace
+ * 3. Removing leading zeros while preserving single "0"
+ * 4. Filtering out empty/invalid values
+ *
+ * @param ids - Array of product IDs that can be either strings or numbers
+ * @returns Array of cleaned string IDs
+ *
+ * @example
+ * cleanProductIds(["001", " 123 ", 456, "0"]) // ["1", "123", "456", "0"]
+ */
+export declare function cleanProductIds(ids: Array<string | number>): string[];
+export {};

package/dist/types/common/helpers/index.d.ts

@@ -1,2 +1,7 @@
+export * from './event-type.helper';
+export * from './extract-deep.helper';
+export * from './helpers.interface';
 export * from './object.helper';
 export * from './string.helper';
+export * from './utils.helper';
+export * from './uuid.helper';

package/dist/types/common/helpers/utils.helper.d.ts

@@ -0,0 +1,35 @@
+import type { IFireEventParams } from 'modules/event';
+export declare function fallbackEventFire(url: string): Promise<boolean>;
+/**
+ * Helper function to decode base64 string and parse JSON
+ *
+ * @param {string} base64String - The base64 encoded JSON string
+ * @returns {T | null} - Decoded and parsed object or null if invalid
+ */
+export declare function decodeBase64Json<T>(base64String: string): T | null;
+/**
+ * Extracts and decodes a URL from a base64-encoded query parameter.
+ *
+ * @param {string} url - The URL containing the base64-encoded query parameter.
+ * @returns {string | null} - The decoded URL or null if not found or invalid.
+ * @throws {Error} - If URL is malformed or payload is invalid.
+ */
+export declare function getRedirectUrlFromPayload(url: string): string | null;
+/**
+ * Fires an event using the navigator.sendBeacon method or a fallback method if sendBeacon is not available.
+ * If the event is a click event and a redirect URL is found, it redirects the user to that URL.
+ *
+ * @param {IFireEventParams} params - The parameters for firing the event.
+ * @param {RMN_SPOT_EVENT} params.event - The event type.
+ * @param {string} params.eventUrl - The URL to which the event is sent.
+ * @returns {Promise<void>} - A promise that resolves when the event is fired.
+ */
+export declare function fireEvent({ event, eventUrl }: IFireEventParams): Promise<void>;
+export declare function calculateScaleFactor(elementScale: number): number;
+/**
+ * Converts an object to a query string.
+ *
+ * @param {Record<string, string|number|undefined|null>} obj - The object to be converted to a query string.
+ * @returns {string} - The query string.
+ */
+export declare function objectToQueryParams(obj?: Record<string, string | number | undefined | null>): string;

package/dist/types/common/http/api.constant.d.ts

@@ -1,4 +1,4 @@
-import type { IAuthConfigs } from '../../modules/auth';
+import type { IAuthConfigs } from 'modules/auth';
 export declare const REQUEST_CLOUD_PARTNER_SITE = "X-Liquid-Partner-Site";
 export declare const REQUEST_CLOUD_PROTECTED_KEY = "X-Liquid-Protected";
 export declare const REQUEST_CLOUD_PROTECTED_TIMESTAMP = "X-Liquid-Timestamp";

package/dist/types/common/http/api.interface.d.ts

@@ -1,6 +1,6 @@
 import type { AxiosRequestConfig, AxiosResponse } from 'axios';
 import type { JWTVerifyResult } from 'jose';
-import type { IAuthCredentials } from '../../modules/auth';
+import type { IAuthCredentials } from 'modules/auth';
 import type { ApiError } from './error.api';
 export type Result<T, E = Error> = {
     isOk: true;

package/dist/types/common/http/base.api.d.ts

@@ -1,5 +1,5 @@
 import type { AxiosRequestConfig, AxiosResponse, RawAxiosRequestHeaders } from 'axios';
-import type { IAuthCredentials } from '../../modules/auth';
+import type { IAuthCredentials } from 'modules/auth';
 import type { Result } from './api.interface';
 import { BaseApiAbstract } from './api.interface';
 import { ApiError } from './error.api';

package/dist/types/constants/index.d.ts

@@ -0,0 +1,2 @@
+export * from './example.constant';
+export * from './special-char.constant';

package/dist/types/constants/special-char.constant.d.ts

@@ -0,0 +1 @@
+export declare const SPECIAL_CHARACTER_MAPPING: Record<string, string>;

package/dist/types/enums.d.ts

@@ -9,6 +9,8 @@ export declare enum RMN_SPOT_TYPE {
     RB_COLLECTION_BANNER_WITHOUT_TEXT_BLOCK = "rbCollectionBannerWithoutTextBlock",
     RB_PRODUCT_UPCS = "rbProductUpcs",
     RB_NAVIGATION_BANNER = "rbNavigationBanner",
+    RB_VIDEO_PLAYER = "rbVideoPlayer",
+    RB_IN_TEXT = "rbInText",
     BILLBOARD = "billboard",
     LARGE_RECTANGLE = "largeRectangle",
     VERTICAL_RECTANGLE = "verticalRectangle",
@@ -49,13 +51,19 @@ export declare enum RMN_FILTER_PROPERTIES {
     PUBLISHERS = "publishers",
     SECTION = "section"
 }
-export declare enum RMN_SPOT_EVENT {
+export declare enum RMN_EVENT {
     LIFECYCLE_STATE = "LIFECYCLE_STATE",
+    SPOT_EVENT = "SPOT_EVENT"
+}
+export declare enum RMN_SPOT_EVENT {
     IMPRESSION = "IMPRESSION",
     CLICK = "CLICK",
     PURCHASE = "PURCHASE",
     ADD_TO_CART = "ADD_TO_CART",
+    REMOVE_FROM_CART = "REMOVE_FROM_CART",
+    ADD_TO_CART_FROM_DETAILS = "ADD_TO_CART_FROM_DETAILS",
     ADD_TO_WISHLIST = "ADD_TO_WISHLIST",
+    EXPAND_PRODUCT = "EXPAND_PRODUCT",
     BUY_NOW = "BUY_NOW"
 }
 export declare enum RMN_ENV {

package/dist/types/modules/element/component/skeleton/index.d.ts

@@ -0,0 +1,2 @@
+export * from './skeleton.component';
+export * from './skeleton.interface';

package/dist/types/modules/element/component/skeleton/skeleton.component.d.ts

@@ -0,0 +1,3 @@
+import type { ICustomSkeletonElement } from './skeleton.interface';
+declare let SkeletonElement: new () => ICustomSkeletonElement;
+export { SkeletonElement };

package/dist/types/modules/element/component/skeleton/skeleton.interface.d.ts

@@ -0,0 +1,14 @@
+import type { RMN_SPOT_TYPE } from 'enums';
+export interface ICustomSkeletonElementData {
+    spotType: RMN_SPOT_TYPE;
+    fluid: boolean;
+    width: number;
+    height: number;
+}
+export interface ICustomSkeletonElement extends HTMLElement {
+    data: ICustomSkeletonElementData;
+}
+export interface ICreateSkeletonElementParams {
+    fluid?: boolean;
+    spotType: RMN_SPOT_TYPE;
+}

package/dist/types/modules/element/component/skeleton/skeleton.template.d.ts

@@ -0,0 +1,2 @@
+import type { ICustomSkeletonElementData } from './skeleton.interface';
+export declare function SkeletonTemplate({ fluid, width, height, spotType, }: ICustomSkeletonElementData): string;

package/dist/types/modules/element/element.constant.d.ts

@@ -1,5 +1,8 @@
+import type { SpotDimensionsType } from 'modules/selection';
 export declare const SPOT_ELEMENT_TAG = "spot-element";
 export declare const CAROUSEL_ELEMENT_TAG = "spot-carousel-element";
+export declare const SKELETON_ELEMENT_TAG = "spot-skeleton-element";
 export declare const GFONT_PRECONNECT = "\n  <link rel=\"preconnect\" href=\"https://fonts.googleapis.com\">\n  <link rel=\"preconnect\" href=\"https://fonts.gstatic.com\" crossorigin>\n";
 export declare const GFONT_SOURCE_SANS_3 = "\n  <link rel=\"stylesheet\" href=\"https://fonts.googleapis.com/css2?family=Source+Sans+3:ital,wght@0,200..900;1,200..900&display=swap\">\n";
 export declare const GFONT_CORMORANT = "\n  <link rel=\"stylesheet\" href=\"https://fonts.googleapis.com/css2?family=Cormorant:ital,wght@0,300..700;1,300..700&family=Source+Sans+3:ital,wght@0,200..900;1,200..900&display=swap\">\n";
+export declare const SPOT_DIMENSIONS: SpotDimensionsType;

package/dist/types/modules/element/element.service.d.ts

@@ -1,5 +1,6 @@
 import type { ISpot } from 'modules/selection';
 import type { ICreateCarouselElementParams } from './component/carousel';
+import type { ICreateSkeletonElementParams } from './component/skeleton';
 import type { ICreateSpotElementParams } from './component/spot';
 import type { IElementService, ISpotColors } from './element.interface';
 export declare class ElementService implements IElementService {
@@ -24,6 +25,16 @@ export declare class ElementService implements IElementService {
      * @return {HTMLElement | null} - The html element or null if the browser environment is not available.
      */
     createCarouselElement({ slides, config, }: ICreateCarouselElementParams): HTMLElement | null;
+    /**
+     * Creates the skeleton html element based on the provided data using shadow dom.
+     *
+     * This method is only available in browser environments.
+     *
+     * @param {ICreateSkeletonElementParams} params - The parameters to create the final element.
+     *
+     * @return {HTMLElement | null} - The html element or null if the browser environment is not available.
+     */
+    createSkeletonElement(params: ICreateSkeletonElementParams): HTMLElement | null;
     /**
      * Overrides the spot colors with the provided colors.
      *

package/dist/types/modules/element/template/helper.d.ts

@@ -1,4 +1,5 @@
+import type { RMN_SPOT_TYPE } from 'enums';
 import type { ISpotOverlay } from '../element.interface';
 export declare function convertHexToRgba(hex: string, opacity?: number): string;
 export declare function generateGradientColor(overlay?: ISpotOverlay, fallback?: string): string;
-export declare function spotHtmlStringToElement(htmlString: string): HTMLElement;
+export declare function spotHtmlStringToElement(htmlString: string, spotType: RMN_SPOT_TYPE): HTMLElement;

package/dist/types/modules/element/template/reservebar/in-text.template.d.ts

@@ -0,0 +1,3 @@
+import type { ISpot } from 'types';
+import type { ISpotTemplateConfig } from '../template.type';
+export declare function rbInTextTemplate(spot: ISpot, config: ISpotTemplateConfig): string;

package/dist/types/modules/element/template/reservebar/index.d.ts

@@ -2,7 +2,9 @@ export * from './collection-banner-without-text-block.template';
 export * from './homepage-hero-full-image.template';
 export * from './homepage-hero-three-tile.template';
 export * from './homepage-hero-two-tile.template';
+export * from './in-text.template';
 export * from './large-category-image-tout.template';
 export * from './navigation-banner.template';
 export * from './small-category-image-tout.template';
 export * from './small-discover-tout.template';
+export * from './video-player.template';

package/dist/types/modules/element/template/reservebar/video-player.template.d.ts

@@ -0,0 +1,3 @@
+import type { ISpot } from 'types';
+import type { ISpotTemplateConfig } from '../template.type';
+export declare function rbVideoPlayerTemplate(spot: ISpot, config: ISpotTemplateConfig): string;

package/dist/types/modules/event/event.interface.d.ts

@@ -1,5 +1,10 @@
-import type { RMN_SPOT_EVENT } from 'enums';
+import type { RMN_EVENT, RMN_SPOT_EVENT } from 'enums';
 import type { ISpot } from '../selection';
+export type ActiveSpotsType = Map<string, // spotId
+{
+    placementId: string;
+    spotElement: HTMLElement;
+}>;
 export interface IFireEventParams {
     event: RMN_SPOT_EVENT;
     eventUrl: string;
@@ -30,40 +35,14 @@ export interface ILifecycleState {
     state?: Partial<ILSState>;
     displayConfig?: Partial<ILSDisplayConfig>;
 }
-export interface IClickEvent {
-    placementId: string;
-    spotId: string;
-    spotElement: HTMLElement;
-}
-export interface IImpressionEvent {
-    placementId: string;
-    spotId: string;
-    spotElement: HTMLElement;
-}
-export interface IAddToCartEvent {
-    placementId: string;
-    spotId: string;
-}
-export interface IAddToWishlistEvent {
-    placementId: string;
-    spotId: string;
-}
-export interface IPurchaseEvent {
-    placementId: string;
-    spotId: string;
-}
-export interface IBuyNowEvent {
+export interface IRmnSpotEvent {
+    eventType: RMN_SPOT_EVENT;
     placementId: string;
     spotId: string;
 }
-export interface IEventMap {
-    [RMN_SPOT_EVENT.LIFECYCLE_STATE]: ILifecycleState;
-    [RMN_SPOT_EVENT.CLICK]: IClickEvent;
-    [RMN_SPOT_EVENT.IMPRESSION]: IImpressionEvent;
-    [RMN_SPOT_EVENT.ADD_TO_CART]: IAddToCartEvent;
-    [RMN_SPOT_EVENT.ADD_TO_WISHLIST]: IAddToWishlistEvent;
-    [RMN_SPOT_EVENT.PURCHASE]: IPurchaseEvent;
-    [RMN_SPOT_EVENT.BUY_NOW]: IBuyNowEvent;
+export interface IRmnEventMap {
+    [RMN_EVENT.LIFECYCLE_STATE]: ILifecycleState;
+    [RMN_EVENT.SPOT_EVENT]: IRmnSpotEvent;
 }
 export interface IRegisterSpotParams {
     placementId: string;

package/dist/types/modules/event/event.service.d.ts

@@ -1,16 +1,17 @@
-import { RMN_SPOT_EVENT } from 'enums';
-import type { IEventMap, ILifecycleState, IRegisterSpotParams } from './event.interface';
+import { RMN_EVENT } from 'enums';
+import type { ISpot } from 'modules/selection';
+import type { ILifecycleState, IRegisterSpotParams, IRmnEventMap } from './event.interface';
 export declare class EventService {
     private static instance;
-    private pubSub;
-    private localStorage;
+    private pubSubService;
+    private localStorageService;
     private intersectionObserver;
     private spotStates;
-    private activeSpots;
+    private readonly activeSpots;
     private constructor();
     static getInstance(): EventService;
-    subscribe(eventType: RMN_SPOT_EVENT, callback: (data: IEventMap[RMN_SPOT_EVENT]) => void): () => void;
-    publish(eventType: RMN_SPOT_EVENT, data: IEventMap[RMN_SPOT_EVENT]): void;
+    subscribe(eventType: RMN_EVENT, callback: (data: IRmnEventMap[RMN_EVENT]) => void): () => void;
+    publish(eventType: RMN_EVENT, data: IRmnEventMap[RMN_EVENT]): void;
     registerSpot(params: IRegisterSpotParams): void;
     unregisterSpot(placementId: string): void;
     /**
@@ -23,25 +24,10 @@ export declare class EventService {
      * @returns {void}
      */
     handleSpotState(placementId: string, updates: Partial<ILifecycleState>, publish?: boolean): void;
-    private handleClick;
+    saveSpotDataToLocalStorage(placementId: string, spot: ISpot): void;
+    private handleClickEvent;
+    private handleImpressionEvent;
+    private getSpotIdByPlacementId;
+    private deepMerge;
     private handleIntersectionObserver;
-    private fireImpressionEvent;
-    /**
-     * Fires an event using the navigator.sendBeacon method or a fallback method if sendBeacon is not available.
-     * If the event is a click event and a redirect URL is found, it redirects the user to that URL.
-     *
-     * @param {IFireEventParams} params - The parameters for firing the event.
-     * @param {RMN_SPOT_EVENT} params.event - The event type.
-     * @param {string} params.eventUrl - The URL to which the event is sent.
-     * @returns {Promise<void>} - A promise that resolves when the event is fired.
-     */
-    private fireEvent;
-    private fallbackEventFire;
-    /**
-     * Extracts and decodes a URL from a base64-encoded query parameter.
-     *
-     * @param {string} url - The URL containing the base64-encoded query parameter.
-     * @returns {string | null} - The decoded URL or null if not found or invalid.
-     */
-    private getRedirectUrlFromPayload;
 }

package/dist/types/modules/event/index.d.ts

@@ -1,4 +1,3 @@
 export * from './event.constant';
 export * from './event.interface';
 export * from './event.service';
-export * from './helpers';

package/dist/types/modules/{event/helpers → helper-service}/index.d.ts

@@ -1,3 +1,4 @@
 export * from './intersection.service';
 export * from './localstorage.service';
+export * from './pubsub.service';
 export * from './resize.service';

package/dist/types/modules/{event/helpers → helper-service}/intersection.service.d.ts

@@ -1,6 +1,6 @@
 export declare class IntersectionObserverService {
     private observers;
-    private defaultOptions;
+    private readonly defaultOptions;
     constructor(defaultOptions?: IntersectionObserverInit);
     observe(element: HTMLElement, callback: (entry: IntersectionObserverEntry) => void, options?: IntersectionObserverInit): void;
     unobserve(element: HTMLElement): void;

package/dist/types/modules/helper-service/localstorage.service.d.ts

@@ -0,0 +1,85 @@
+import type { RMN_SPOT_TYPE } from 'enums';
+import { RMN_SPOT_EVENT } from 'enums';
+import type { ISpotEvent } from 'modules/selection';
+export interface IFiredSpotEvent {
+    productId: string;
+    event: RMN_SPOT_EVENT;
+}
+export interface ILocalStorageSpot {
+    placementId: string;
+    spotId: string;
+    spotType: RMN_SPOT_TYPE;
+    events: ISpotEvent[];
+    firedEvents?: IFiredSpotEvent[];
+    productIds: Array<string | number>;
+    createdAt?: number;
+}
+export type LocalStorageSpots = Record<string, // spotId
+ILocalStorageSpot>;
+export declare class LocalStorageService {
+    private spots?;
+    private static instance;
+    private static readonly localStorageKeyPrefix;
+    private static localStorageKey;
+    private static readonly spotExpirationTime;
+    private static readonly encryptData;
+    private constructor();
+    static getInstance(): LocalStorageService;
+    setSpot(spotId: string, data: ILocalStorageSpot): void;
+    removeSpot(spotId: string): void;
+    getSpot(spotId: string): ILocalStorageSpot | undefined;
+    getSpots(): LocalStorageSpots | undefined;
+    /**
+     * Retrieves the user ID from the local storage key.
+     * If the key is not found, a new user ID is generated and set.
+     *
+     * @return the user ID extracted from the local storage key
+     */
+    getUserId(): string;
+    /**
+     * Sets the user ID in local storage with a unique key if not already present.
+     * If there are existing keys, it ensures only one valid key remains,
+     * removing all other keys.
+     *
+     * @return {void} This method does not return a value.
+     */
+    setUserId(): void;
+    private syncLocalStorage;
+    private updateLocalStorage;
+    private clearLocalStorage;
+    private removeExpiredSpots;
+    private mapToObject;
+    private objectToMap;
+    private spotEventObjectToArray;
+    private spotEventArrayToObject;
+    /**
+     * Converts a spot object to an array.
+     *
+     * @param {ILocalStorageSpot} obj - The spot object to convert.
+     * @return {SpotArrayType} An array representation of the spot object.
+     */
+    private spotObjectToArray;
+    /**
+     * Converts an array representation of spot data into an object representation.
+     *
+     * @param {SpotArrayType} arr - The array containing spot data.
+     * @return {ILocalStorageSpot} An object representation of the spot data.
+     */
+    private spotArrayToObject;
+    /**
+     * Encodes a given string into a Unicode-encoded base64 format.
+     *
+     * @param {string} str - The string to be encoded.
+     * @return {string} The Unicode-encoded base64 representation of the input string.
+     */
+    private unicodeEncode;
+    /**
+     * Decodes a Base64 encoded Unicode string.
+     *
+     * @param {string} str - The Base64 encoded string to decode.
+     * @return {string} The decoded Unicode string.
+     */
+    private unicodeDecode;
+    private encryptData;
+    private decryptData;
+}

package/dist/types/modules/{event/pubsub.d.ts → helper-service/pubsub.service.d.ts}

@@ -8,13 +8,13 @@ export type PubSubCallback<T> = (data: T) => void;
  */
 export type PubSubUnsubscribe = () => void;
 /**
- * PubSub class
+ * PubsubService class
  * Manages event subscriptions and publications
- * @template IEventMap A record type defining the structure of events and their data
+ * @template IRmnEventMap A record type defining the structure of events and their data
  */
-export declare class PubSub<IEventMap> {
+export declare class PubsubService<IRmnEventMap> {
     private static instance;
-    static getInstance<IEventMap>(): PubSub<IEventMap>;
+    static getInstance<IRmnEventMap>(): PubsubService<IRmnEventMap>;
     /**
      * Object to store subscribers for each event type
      */
@@ -30,7 +30,7 @@ export declare class PubSub<IEventMap> {
      *   console.log(`User ${data.username} logged in`);
      * });
      */
-    subscribe<K extends keyof IEventMap>(eventType: K, callback: PubSubCallback<IEventMap[K]>): PubSubUnsubscribe;
+    subscribe<K extends keyof IRmnEventMap>(eventType: K, callback: PubSubCallback<IRmnEventMap[K]>): PubSubUnsubscribe;
     /**
      * Publish an event
      * @param eventType - The type of event to publish
@@ -39,17 +39,17 @@ export declare class PubSub<IEventMap> {
      * @Example:
      * pubSub.publish('userLogin', { username: 'john_doe', timestamp: Date.now() });
      */
-    publish<K extends keyof IEventMap>(eventType: K, data: IEventMap[K]): void;
+    publish<K extends keyof IRmnEventMap>(eventType: K, data: IRmnEventMap[K]): void;
 }
 /**
  * Usage Example:
  *
- * interface IEventMap {
+ * interface IRmnEventMap {
  *   userLogin: { username: string; timestamp: number };
  *   pageView: { url: string; timestamp: number };
  * }
  *
- * const pubSub = new PubSub<IEventMap>();
+ * const pubSub = new PubsubService<IRmnEventMap>();
  *
  * // Subscribe to events
  * const unsubscribeLogin = pubSub.subscribe('userLogin', (data) => {

package/dist/types/modules/{event/helpers → helper-service}/resize.service.d.ts

@@ -18,7 +18,7 @@ export interface ISizeChangedEvent extends CustomEvent {
 }
 export declare class ResizeObserverService {
     private element;
-    private container;
+    private readonly container;
     private resizeObserver;
     private maxSize;
     private minSize;

package/dist/types/modules/monitor/index.d.ts

@@ -0,0 +1,2 @@
+export * from './monitor.interface';
+export * from './monitor.service';

package/dist/types/modules/monitor/monitor.enums.d.ts

@@ -0,0 +1,5 @@
+export declare enum AnalyticsTool {
+    GoogleAnalytics = "google-analytics",
+    GoogleTagManager = "google-tag-manager",
+    Other = "Other"
+}

package/dist/types/modules/monitor/monitor.interface.d.ts

@@ -0,0 +1,26 @@
+import type { RMN_SPOT_EVENT } from 'enums';
+export interface IDataLayerEvent {
+    event: RMN_SPOT_EVENT;
+    products: IProductData[];
+}
+export interface INormalizedEventData {
+    event: RMN_SPOT_EVENT;
+    productIds: Array<string | number>;
+    productPrice?: number;
+    productQuantity?: number;
+}
+export interface IFireAndPublishSpotEventParams {
+    spotEvent: RMN_SPOT_EVENT;
+    eventUrl: string;
+    placementId: string;
+    spotId: string;
+}
+export interface IProductData {
+    id: string | number;
+    name: string;
+    brand: string;
+    variant: string;
+    price: number;
+    quantity: number;
+    discount?: number;
+}

package/dist/types/modules/monitor/monitor.service.d.ts

@@ -0,0 +1,12 @@
+export declare class MonitorService {
+    private static instance;
+    private readonly implementedMonitor?;
+    private readonly pubSubService?;
+    private readonly localStorageService?;
+    private constructor();
+    static getInstance(): MonitorService;
+    start(): void;
+    private matchAndFireEvent;
+    private fireAndPublishSpotEvent;
+    private detectAnalyticsTool;
+}

package/dist/types/modules/monitor/monitors/datalayer.monitor.d.ts

@@ -0,0 +1,12 @@
+import type { IDataLayerEvent } from '../monitor.interface';
+export declare class DataLayerMonitor {
+    private static instance;
+    private readonly originalPush;
+    private listener?;
+    private constructor();
+    static getInstance(): DataLayerMonitor;
+    setListener(listener: (data: IDataLayerEvent) => void): void;
+    start(): void;
+    private extractProductData;
+    stop(): void;
+}

package/dist/types/modules/selection/selection.interface.d.ts

@@ -2,14 +2,20 @@ import type { RMN_SPOT_EVENT, RMN_SPOT_TYPE } from 'enums';
 import type { PlacementIdType, SpotVariantType } from 'modules/selection';
 import type { RmnFilterType, RmnSpotType } from 'types';
 export interface ISpotSelectionParams {
-    url?: string;
     spots: RmnSpotType[];
     filter?: Partial<RmnFilterType>;
+    userId?: string;
+    url?: string;
 }
 export interface ISpotEvent {
     event: RMN_SPOT_EVENT;
     url: string;
 }
+export interface ISpotEventPayload {
+    e: number;
+    u: string;
+    ss: string;
+}
 export interface ISpot {
     id: string;
     events: ISpotEvent[];
@@ -30,7 +36,17 @@ export interface ISpot {
     mobilePrimaryImage?: string;
     mobileSecondaryImage?: string;
     productIds?: Array<string | number>;
-    productUpcs?: string[];
+    videoUrl?: string;
+    videoOverlayImage?: string;
+    videoOverlayHeader?: string;
+    videoOverlayDescription?: string;
+    videoControls?: boolean;
+    videoAutoPlay?: boolean;
+    videoMute?: boolean;
+    videoLoop?: boolean;
+    rbProductUpcs?: Array<string | number>;
+    rbProductSalsifyGroupings?: Array<string | number>;
+    rbProductSalsifyPids?: Array<string | number>;
 }
 export type ISpots = Record<PlacementIdType, ISpot[]>;
 export interface ISelectionService {

package/dist/types/modules/selection/selection.service.d.ts

@@ -15,4 +15,5 @@ export declare class SelectionService extends BaseApi implements ISelectionServi
     spotSelection(data: ISpotSelectionParams): Promise<ISpots | {
         error: string;
     }>;
+    private getUserId;
 }