@liquidcommercedev/rmn-sdk 1.5.0-beta.2 → 1.5.0-beta.21

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';
+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 productIds - 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(productIds: 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/enums.d.ts

@@ -1,4 +1,5 @@
 export declare enum RMN_SPOT_TYPE {
+    RB_HOMEPAGE_HERO = "rbHomepageHero",
     RB_HOMEPAGE_HERO_THREE_TILE = "rbHomepageHeroThreeTile",
     RB_HOMEPAGE_HERO_TWO_TILE = "rbHomepageHeroTwoTile",
     RB_HOMEPAGE_HERO_FULL_IMAGE = "rbHomepageHeroFullImage",
@@ -48,13 +49,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,13 @@
+import type { RMN_SPOT_TYPE } from 'enums';
+export interface ICustomSkeletonElementData {
+    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 }: 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.interface.d.ts

@@ -1,4 +1,4 @@
-import type { RMN_SPOT_TYPE } from 'enums';
+import type { RMN_FILTER_PROPERTIES, RMN_SPOT_TYPE } from 'enums';
 import type { ICarouselOptions, ICreateCarouselElementParams } from 'modules/element/component/carousel';
 import type { ICreateSpotElementParams } from 'modules/element/component/spot';
 import type { RmnFilterType } from 'modules/selection';
@@ -21,12 +21,15 @@ export interface IInjectSpotElementConfig {
     overlay?: ISpotOverlay;
     carousel?: ICarouselOptions;
 }
+export type IInjectSpotElementFilterType = Partial<Omit<RmnFilterType, RMN_FILTER_PROPERTIES.KEYWORDS> & {
+    exactMatch?: string;
+}>;
 export interface IInjectSpotElement {
     placementId: string;
     spotType: RMN_SPOT_TYPE | string;
     count?: number;
     config?: Omit<IInjectSpotElementConfig, 'url'>;
-    filter?: Partial<RmnFilterType>;
+    filter?: IInjectSpotElementFilterType;
 }
 export interface ICreateElementConfig {
     spot?: RMN_SPOT_TYPE;

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/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,16 @@
-import { RMN_SPOT_EVENT } from 'enums';
-import type { IEventMap, ILifecycleState, IRegisterSpotParams } from './event.interface';
+import { RMN_EVENT } from 'enums';
+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 +23,9 @@ export declare class EventService {
      * @returns {void}
      */
     handleSpotState(placementId: string, updates: Partial<ILifecycleState>, publish?: boolean): void;
-    private handleClick;
+    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,77 @@
+import type { RMN_SPOT_TYPE } from 'enums';
+import type { ISpotEvent } from 'modules/selection';
+export interface ILocalStorageSpot {
+    placementId: string;
+    spotId: string;
+    spotType: RMN_SPOT_TYPE;
+    events: ISpotEvent[];
+    productIds: Array<string | number>;
+    createdAt?: number;
+}
+export type LocalStorageSpotsMapType = Map<string, // spotId
+ILocalStorageSpot>;
+export type LocalStorageSpotsObjectType = Record<string, // spotId
+ILocalStorageSpot>;
+export type LocalStorageSpotArray = [
+    string,
+    string,
+    RMN_SPOT_TYPE,
+    string[],
+    Array<string | number>,
+    // PRODUCT_IDS = 4
+    number | undefined
+];
+export declare enum ENUM_LOCAL_STORAGE_SPOT_ARRAY_INDEX {
+    PLACEMENT_ID = 0,
+    SPOT_ID = 1,
+    SPOT_TYPE = 2,
+    EVENTS = 3,
+    PRODUCT_IDS = 4,
+    CREATED_AT = 5
+}
+export declare const LOCAL_STORAGE_SPOT_EVENTS_ARRAY_INDEX: {
+    readonly IMPRESSION: 0;
+    readonly CLICK: 1;
+    readonly PURCHASE: 2;
+    readonly ADD_TO_CART: 3;
+    readonly REMOVE_FROM_CART: 4;
+    readonly ADD_TO_CART_FROM_DETAILS: 5;
+    readonly ADD_TO_WISHLIST: 6;
+    readonly EXPAND_PRODUCT: 7;
+    readonly BUY_NOW: 8;
+};
+export type LocalStorageSpotsArrayType = Record<string, // spotId
+LocalStorageSpotArray>;
+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;
+    private syncLocalStorage;
+    setSpot(spotId: string, data: ILocalStorageSpot): void;
+    removeSpot(spotId: string): void;
+    getSpot(spotId: string): ILocalStorageSpot | undefined;
+    getSpots(): LocalStorageSpotsObjectType | undefined;
+    private updateLocalStorage;
+    private clearLocalStorage;
+    private removeExpiredSpots;
+    getUserId(): string;
+    /**
+     * Sets the user ID in the local storage.
+     * If no existing key is found,
+     * it generates a new unique ID and sets it as the local storage key.
+     */
+    setUserId(): void;
+    private mapToObject;
+    private objectToMap;
+    private spotEventObjectToArray;
+    private spotEventArrayToObject;
+    private spotObjectToArray;
+    private spotArrayToObject;
+    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,4 @@
+export declare enum AnalyticsTool {
+    GoogleAnalytics = "google-analytics",
+    Other = "Other"
+}

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

@@ -0,0 +1,16 @@
+import type { RMN_SPOT_EVENT } from 'enums';
+export interface IDataLayerEvent {
+    event: string;
+    [key: string]: any;
+}
+export interface INormalizedEventData {
+    event: RMN_SPOT_EVENT;
+    productIds: Array<string | number>;
+    productPrice?: number;
+}
+export interface IFireAndPublishSpotEventParams {
+    spotEvent: RMN_SPOT_EVENT;
+    eventUrl: string;
+    placementId: string;
+    spotId: string;
+}

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 { INormalizedEventData } from '../monitor.interface';
+export declare class DataLayerMonitor {
+    private static instance;
+    private readonly originalPush;
+    private listener?;
+    private constructor();
+    static getInstance(): DataLayerMonitor;
+    setListener(listener: (data: INormalizedEventData) => void): void;
+    start(): void;
+    private cleanEventData;
+    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,9 @@ export interface ISpot {
     mobilePrimaryImage?: string;
     mobileSecondaryImage?: string;
     productIds?: Array<string | number>;
-    productUpcs?: string[];
+    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;
 }

package/dist/types/rmn-client.d.ts

@@ -2,10 +2,16 @@ import type { IAuthCredentials } from 'modules/auth';
 import type { IInjectSpotElementParams, IRmnCreateSpotElementConfig } from 'modules/element';
 import type { ISpot, ISpots, ISpotSelectionParams } from 'modules/selection';
 import type { IRmnClient, IRmnConfig, IRmnEventManager } from 'types';
+/**
+ * LiquidCommerce Rmn Client
+ *
+ * @class
+ */
 export declare class LiquidCommerceRmnClient implements IRmnClient {
     private readonly selectionService;
     private readonly elementService;
     private readonly eventService;
+    private intersectionObserver;
     constructor(auth: IAuthCredentials);
     /**
      * Makes a selection request on our server based on the provided data.
@@ -14,7 +20,7 @@ export declare class LiquidCommerceRmnClient implements IRmnClient {
      *
      * @param {ISpotSelectionParams} params - Spots selection parameters.
      *
-     * @return {Promise<ISpots | {error : string}>} - The spots response object.
+     * @return {Promise<ISpots | { error : string }>} - The spots response object.
      */
     spotSelection(params: ISpotSelectionParams): Promise<ISpots | {
         error: string;
@@ -28,47 +34,33 @@ export declare class LiquidCommerceRmnClient implements IRmnClient {
      */
     injectSpotElement(params: IInjectSpotElementParams): Promise<void>;
     /**
-     * Makes a selection request on our server based on the provided data.
-     *
-     * @param {IInjectSpotElementParams} params - Parameters for injecting spot elements.
-     *
-     * @return {Promise<ISpots | {error: string}>} - The spots response object.
-     */
-    private spotSelectionRequest;
-    /**
-     * Injects a carousel element with the provided spots into the placement.
+     * Injects a single spot element into the provided placement.
      *
      * @param {HTMLElement} placement - The placement element.
-     * @param {ISpot[]} spots - The spot data.
+     * @param {ISpot} spot - The spot data.
      * @param {IInjectSpotElementConfig} config - The configuration object.
      *
      * @return {void}
      */
-    private injectCarouselSpotElement;
+    private injectOneSpotElement;
     /**
-     * Injects a single spot element into the provided placement.
+     * Injects a carousel element with the provided spots into the placement.
      *
-     * @param {IInjectSpotElement} injectItem - The inject item data.
      * @param {HTMLElement} placement - The placement element.
-     * @param {ISpot} spot - The spot data.
+     * @param {ISpot[]} spots - The spot data.
      * @param {IInjectSpotElementConfig} config - The configuration object.
      *
      * @return {void}
      */
-    private injectOneSpotElement;
+    private injectCarouselSpotElement;
     /**
-     * Prevents duplicate placement ids in the inject data.
-     *
-     * @param {IInjectSpotElement[]} inject - The inject data.
+     * Makes a selection request on our server based on the provided data.
      *
-     * @throws {Error} - If a duplicate placement id is found.
+     * @param {IInjectSpotElementParams} params - Parameters for injecting spot elements.
      *
-     * @return {void}
+     * @return {Promise<ISpots | {error: string}>} - The spots response object.
      */
-    private preventDuplicateSpotPlacementIds;
-    private preventNonExistentSpotTypes;
-    private updateSpotsState;
-    private useSpotSelectionExample;
+    private injectSpotSelectionRequest;
 }
 /**
  * Creates a new instance of the RmnClient.