@liquidcommercedev/rmn-sdk 1.5.0-beta.11 → 1.5.0-beta.12

package/dist/index.cjs

@@ -584,6 +584,69 @@ const RB_SPOTS_SELECTION_EXAMPLE = {
         },
     ],
 };
+const IAB_SPOTS_SELECTION_EXAMPLE = {
+    banner: [],
+    billboard: [
+        {
+            id: 'kol567',
+            spot: exports.RMN_SPOT_TYPE.BILLBOARD,
+            variant: `${exports.RMN_SPOT_TYPE.BILLBOARD}V2`,
+            width: 1140,
+            height: 640,
+            header: 'Holiday Gift Guide',
+            description: 'Perfect spirits for every occasion',
+            ctaText: 'Shop Gifts',
+            textColor: '#ffffff',
+            ctaTextColor: '#ffffff',
+            primaryImage: 'https://placehold.co/1140x640/png?text=Gift+Guide',
+            mobilePrimaryImage: 'https://placehold.co/640x640/png?text=Mobile+Gifts',
+            events: SPOT_EVENTS_EXAMPLE,
+            productIds: [25, 26],
+        },
+        {
+            id: 'hpm390',
+            spot: exports.RMN_SPOT_TYPE.BILLBOARD,
+            variant: `${exports.RMN_SPOT_TYPE.BILLBOARD}V2`,
+            width: 1140,
+            height: 640,
+            header: 'Summer Wine Festival',
+            description: 'Refreshing wines for summer',
+            ctaText: 'Shop Festival',
+            textColor: '#ffffff',
+            ctaTextColor: '#ffffff',
+            primaryImage: 'https://placehold.co/1140x640/png?text=Wine+Festival',
+            mobilePrimaryImage: 'https://placehold.co/640x640/png?text=Mobile+Festival',
+            events: SPOT_EVENTS_EXAMPLE,
+            productIds: [27, 28],
+        },
+    ],
+    button2: [],
+    featurePhoneLargeBanner: [],
+    featurePhoneMediumBanner: [],
+    featurePhoneSmallBanner: [],
+    halfPage: [],
+    inText: [],
+    largeLeaderboard: [],
+    largeRectangle: [],
+    leaderboard: [],
+    mediumRectangle: [],
+    microBar: [],
+    mobilePhoneInterstitial1: [],
+    mobilePhoneInterstitial2: [],
+    mobilePhoneInterstitial3: [],
+    popUp: [],
+    portrait: [],
+    rbProductUpcs: [],
+    skyscraper: [],
+    smallRectangle: [],
+    smallSquare: [],
+    smartphoneBanner1: [],
+    smartphoneBanner2: [],
+    square: [],
+    verticalBanner: [],
+    verticalRectangle: [],
+    wideSkyscraper: [],
+};
 
 const REQUEST_CLOUD_PARTNER_SITE = 'X-Liquid-Partner-Site';
 const REQUEST_CLOUD_PROTECTED_KEY = 'X-Liquid-Protected';
@@ -16122,6 +16185,17 @@ var ENUM_LOCAL_STORAGE_SPOT_ARRAY_INDEX;
     ENUM_LOCAL_STORAGE_SPOT_ARRAY_INDEX[ENUM_LOCAL_STORAGE_SPOT_ARRAY_INDEX["PRODUCT_IDS"] = 4] = "PRODUCT_IDS";
     ENUM_LOCAL_STORAGE_SPOT_ARRAY_INDEX[ENUM_LOCAL_STORAGE_SPOT_ARRAY_INDEX["CREATED_AT"] = 5] = "CREATED_AT";
 })(ENUM_LOCAL_STORAGE_SPOT_ARRAY_INDEX || (ENUM_LOCAL_STORAGE_SPOT_ARRAY_INDEX = {}));
+const LOCAL_STORAGE_SPOT_EVENTS_ARRAY_INDEX = {
+    [exports.RMN_SPOT_EVENT.IMPRESSION]: 0,
+    [exports.RMN_SPOT_EVENT.CLICK]: 1,
+    [exports.RMN_SPOT_EVENT.PURCHASE]: 2,
+    [exports.RMN_SPOT_EVENT.ADD_TO_CART]: 3,
+    [exports.RMN_SPOT_EVENT.REMOVE_FROM_CART]: 4,
+    [exports.RMN_SPOT_EVENT.ADD_TO_CART_FROM_DETAILS]: 5,
+    [exports.RMN_SPOT_EVENT.ADD_TO_WISHLIST]: 6,
+    [exports.RMN_SPOT_EVENT.EXPAND_PRODUCT]: 7,
+    [exports.RMN_SPOT_EVENT.BUY_NOW]: 8,
+};
 class LocalStorageService {
     constructor() {
         if (typeof window.localStorage === 'undefined') {
@@ -16149,7 +16223,7 @@ class LocalStorageService {
                 if (parsedData && typeof parsedData === 'object') {
                     const data = {};
                     for (const [key, value] of Object.entries(parsedData)) {
-                        data[key] = this.arrayToObject(value);
+                        data[key] = this.spotArrayToObject(value);
                     }
                     this.spots = this.objectToMap(data);
                 }
@@ -16189,7 +16263,7 @@ class LocalStorageService {
         const data = this.mapToObject(this.spots);
         const dataArray = {};
         for (const [key, value] of Object.entries(data)) {
-            dataArray[key] = this.objectToArray(value);
+            dataArray[key] = this.spotObjectToArray(value);
         }
         try {
             const encryptedData = this.encryptData(JSON.stringify(dataArray));
@@ -16220,15 +16294,34 @@ class LocalStorageService {
     objectToMap(obj) {
         return new Map(Object.entries(obj));
     }
-    objectToArray(obj) {
-        return [obj.placementId, obj.spotId, obj.spotType, obj.events, obj.productIds, obj.createdAt];
+    spotEventObjectToArray(events) {
+        return Object.keys(LOCAL_STORAGE_SPOT_EVENTS_ARRAY_INDEX).map((type) => {
+            const result = events.find((item) => item.event === type);
+            return result && result.event === type ? result.url : '';
+        });
+    }
+    spotEventArrayToObject(arr) {
+        return Object.keys(LOCAL_STORAGE_SPOT_EVENTS_ARRAY_INDEX).map((type) => ({
+            event: type,
+            url: arr[LOCAL_STORAGE_SPOT_EVENTS_ARRAY_INDEX[type]],
+        }));
     }
-    arrayToObject(arr) {
+    spotObjectToArray(obj) {
+        return [
+            obj.placementId,
+            obj.spotId,
+            obj.spotType,
+            this.spotEventObjectToArray(obj.events),
+            obj.productIds,
+            obj.createdAt,
+        ];
+    }
+    spotArrayToObject(arr) {
         return {
             placementId: arr[ENUM_LOCAL_STORAGE_SPOT_ARRAY_INDEX.PLACEMENT_ID],
             spotId: arr[ENUM_LOCAL_STORAGE_SPOT_ARRAY_INDEX.SPOT_ID],
             spotType: arr[ENUM_LOCAL_STORAGE_SPOT_ARRAY_INDEX.SPOT_TYPE],
-            events: arr[ENUM_LOCAL_STORAGE_SPOT_ARRAY_INDEX.EVENTS],
+            events: this.spotEventArrayToObject(arr[ENUM_LOCAL_STORAGE_SPOT_ARRAY_INDEX.EVENTS]),
             productIds: arr[ENUM_LOCAL_STORAGE_SPOT_ARRAY_INDEX.PRODUCT_IDS],
             createdAt: arr[ENUM_LOCAL_STORAGE_SPOT_ARRAY_INDEX.CREATED_AT],
         };
@@ -16238,16 +16331,14 @@ class LocalStorageService {
             return data;
         // For now, we are using base64 encoding to encrypt the data
         // Later we will use Jose encryption
-        const encryptedData = btoa(data);
-        return encryptedData;
+        return btoa(data);
     }
     decryptData(data) {
         if (!LocalStorageService.encryptData)
             return data;
         // For now, we are using base64 encoding to encrypt
         // Later we will use Jose encryption
-        const decryptedData = atob(data);
-        return decryptedData;
+        return atob(data);
     }
 }
 LocalStorageService.localStorageKey = 'lc_rmn';
@@ -19560,7 +19651,7 @@ class LiquidCommerceRmnClient {
         }
     }
     useSpotSelectionExample(inject) {
-        const examples = RB_SPOTS_SELECTION_EXAMPLE;
+        const examples = { ...RB_SPOTS_SELECTION_EXAMPLE, ...IAB_SPOTS_SELECTION_EXAMPLE };
         const data = {};
         inject.map((item) => {
             var _a, _b, _c;

package/dist/index.esm.js

@@ -582,6 +582,69 @@ const RB_SPOTS_SELECTION_EXAMPLE = {
         },
     ],
 };
+const IAB_SPOTS_SELECTION_EXAMPLE = {
+    banner: [],
+    billboard: [
+        {
+            id: 'kol567',
+            spot: RMN_SPOT_TYPE.BILLBOARD,
+            variant: `${RMN_SPOT_TYPE.BILLBOARD}V2`,
+            width: 1140,
+            height: 640,
+            header: 'Holiday Gift Guide',
+            description: 'Perfect spirits for every occasion',
+            ctaText: 'Shop Gifts',
+            textColor: '#ffffff',
+            ctaTextColor: '#ffffff',
+            primaryImage: 'https://placehold.co/1140x640/png?text=Gift+Guide',
+            mobilePrimaryImage: 'https://placehold.co/640x640/png?text=Mobile+Gifts',
+            events: SPOT_EVENTS_EXAMPLE,
+            productIds: [25, 26],
+        },
+        {
+            id: 'hpm390',
+            spot: RMN_SPOT_TYPE.BILLBOARD,
+            variant: `${RMN_SPOT_TYPE.BILLBOARD}V2`,
+            width: 1140,
+            height: 640,
+            header: 'Summer Wine Festival',
+            description: 'Refreshing wines for summer',
+            ctaText: 'Shop Festival',
+            textColor: '#ffffff',
+            ctaTextColor: '#ffffff',
+            primaryImage: 'https://placehold.co/1140x640/png?text=Wine+Festival',
+            mobilePrimaryImage: 'https://placehold.co/640x640/png?text=Mobile+Festival',
+            events: SPOT_EVENTS_EXAMPLE,
+            productIds: [27, 28],
+        },
+    ],
+    button2: [],
+    featurePhoneLargeBanner: [],
+    featurePhoneMediumBanner: [],
+    featurePhoneSmallBanner: [],
+    halfPage: [],
+    inText: [],
+    largeLeaderboard: [],
+    largeRectangle: [],
+    leaderboard: [],
+    mediumRectangle: [],
+    microBar: [],
+    mobilePhoneInterstitial1: [],
+    mobilePhoneInterstitial2: [],
+    mobilePhoneInterstitial3: [],
+    popUp: [],
+    portrait: [],
+    rbProductUpcs: [],
+    skyscraper: [],
+    smallRectangle: [],
+    smallSquare: [],
+    smartphoneBanner1: [],
+    smartphoneBanner2: [],
+    square: [],
+    verticalBanner: [],
+    verticalRectangle: [],
+    wideSkyscraper: [],
+};
 
 const REQUEST_CLOUD_PARTNER_SITE = 'X-Liquid-Partner-Site';
 const REQUEST_CLOUD_PROTECTED_KEY = 'X-Liquid-Protected';
@@ -16120,6 +16183,17 @@ var ENUM_LOCAL_STORAGE_SPOT_ARRAY_INDEX;
     ENUM_LOCAL_STORAGE_SPOT_ARRAY_INDEX[ENUM_LOCAL_STORAGE_SPOT_ARRAY_INDEX["PRODUCT_IDS"] = 4] = "PRODUCT_IDS";
     ENUM_LOCAL_STORAGE_SPOT_ARRAY_INDEX[ENUM_LOCAL_STORAGE_SPOT_ARRAY_INDEX["CREATED_AT"] = 5] = "CREATED_AT";
 })(ENUM_LOCAL_STORAGE_SPOT_ARRAY_INDEX || (ENUM_LOCAL_STORAGE_SPOT_ARRAY_INDEX = {}));
+const LOCAL_STORAGE_SPOT_EVENTS_ARRAY_INDEX = {
+    [RMN_SPOT_EVENT.IMPRESSION]: 0,
+    [RMN_SPOT_EVENT.CLICK]: 1,
+    [RMN_SPOT_EVENT.PURCHASE]: 2,
+    [RMN_SPOT_EVENT.ADD_TO_CART]: 3,
+    [RMN_SPOT_EVENT.REMOVE_FROM_CART]: 4,
+    [RMN_SPOT_EVENT.ADD_TO_CART_FROM_DETAILS]: 5,
+    [RMN_SPOT_EVENT.ADD_TO_WISHLIST]: 6,
+    [RMN_SPOT_EVENT.EXPAND_PRODUCT]: 7,
+    [RMN_SPOT_EVENT.BUY_NOW]: 8,
+};
 class LocalStorageService {
     constructor() {
         if (typeof window.localStorage === 'undefined') {
@@ -16147,7 +16221,7 @@ class LocalStorageService {
                 if (parsedData && typeof parsedData === 'object') {
                     const data = {};
                     for (const [key, value] of Object.entries(parsedData)) {
-                        data[key] = this.arrayToObject(value);
+                        data[key] = this.spotArrayToObject(value);
                     }
                     this.spots = this.objectToMap(data);
                 }
@@ -16187,7 +16261,7 @@ class LocalStorageService {
         const data = this.mapToObject(this.spots);
         const dataArray = {};
         for (const [key, value] of Object.entries(data)) {
-            dataArray[key] = this.objectToArray(value);
+            dataArray[key] = this.spotObjectToArray(value);
         }
         try {
             const encryptedData = this.encryptData(JSON.stringify(dataArray));
@@ -16218,15 +16292,34 @@ class LocalStorageService {
     objectToMap(obj) {
         return new Map(Object.entries(obj));
     }
-    objectToArray(obj) {
-        return [obj.placementId, obj.spotId, obj.spotType, obj.events, obj.productIds, obj.createdAt];
+    spotEventObjectToArray(events) {
+        return Object.keys(LOCAL_STORAGE_SPOT_EVENTS_ARRAY_INDEX).map((type) => {
+            const result = events.find((item) => item.event === type);
+            return result && result.event === type ? result.url : '';
+        });
+    }
+    spotEventArrayToObject(arr) {
+        return Object.keys(LOCAL_STORAGE_SPOT_EVENTS_ARRAY_INDEX).map((type) => ({
+            event: type,
+            url: arr[LOCAL_STORAGE_SPOT_EVENTS_ARRAY_INDEX[type]],
+        }));
     }
-    arrayToObject(arr) {
+    spotObjectToArray(obj) {
+        return [
+            obj.placementId,
+            obj.spotId,
+            obj.spotType,
+            this.spotEventObjectToArray(obj.events),
+            obj.productIds,
+            obj.createdAt,
+        ];
+    }
+    spotArrayToObject(arr) {
         return {
             placementId: arr[ENUM_LOCAL_STORAGE_SPOT_ARRAY_INDEX.PLACEMENT_ID],
             spotId: arr[ENUM_LOCAL_STORAGE_SPOT_ARRAY_INDEX.SPOT_ID],
             spotType: arr[ENUM_LOCAL_STORAGE_SPOT_ARRAY_INDEX.SPOT_TYPE],
-            events: arr[ENUM_LOCAL_STORAGE_SPOT_ARRAY_INDEX.EVENTS],
+            events: this.spotEventArrayToObject(arr[ENUM_LOCAL_STORAGE_SPOT_ARRAY_INDEX.EVENTS]),
             productIds: arr[ENUM_LOCAL_STORAGE_SPOT_ARRAY_INDEX.PRODUCT_IDS],
             createdAt: arr[ENUM_LOCAL_STORAGE_SPOT_ARRAY_INDEX.CREATED_AT],
         };
@@ -16236,16 +16329,14 @@ class LocalStorageService {
             return data;
         // For now, we are using base64 encoding to encrypt the data
         // Later we will use Jose encryption
-        const encryptedData = btoa(data);
-        return encryptedData;
+        return btoa(data);
     }
     decryptData(data) {
         if (!LocalStorageService.encryptData)
             return data;
         // For now, we are using base64 encoding to encrypt
         // Later we will use Jose encryption
-        const decryptedData = atob(data);
-        return decryptedData;
+        return atob(data);
     }
 }
 LocalStorageService.localStorageKey = 'lc_rmn';
@@ -19558,7 +19649,7 @@ class LiquidCommerceRmnClient {
         }
     }
     useSpotSelectionExample(inject) {
-        const examples = RB_SPOTS_SELECTION_EXAMPLE;
+        const examples = { ...RB_SPOTS_SELECTION_EXAMPLE, ...IAB_SPOTS_SELECTION_EXAMPLE };
         const data = {};
         inject.map((item) => {
             var _a, _b, _c;

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

@@ -16,7 +16,7 @@ export type LocalStorageSpotArray = [
     string,
     string,
     RMN_SPOT_TYPE,
-    ISpotEvent[],
+    string[],
     Array<string | number>,
     // PRODUCT_IDS = 4
     number | undefined
@@ -29,6 +29,17 @@ export declare enum ENUM_LOCAL_STORAGE_SPOT_ARRAY_INDEX {
     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 {
@@ -49,8 +60,10 @@ export declare class LocalStorageService {
     private removeExpiredSpots;
     private mapToObject;
     private objectToMap;
-    private objectToArray;
-    private arrayToObject;
+    private spotEventObjectToArray;
+    private spotEventArrayToObject;
+    private spotObjectToArray;
+    private spotArrayToObject;
     private encryptData;
     private decryptData;
 }

package/package.json

@@ -2,7 +2,7 @@
   "name": "@liquidcommercedev/rmn-sdk",
   "description": "LiquidCommerce RMN SDK",
   "author": "LiquidCommerce Tech",
-  "version": "1.5.0-beta.11",
+  "version": "1.5.0-beta.12",
   "homepage": "https://docs.liquidcommerce.co/rmn-sdk",
   "main": "./dist/index.cjs",
   "module": "./dist/index.esm.js",