react-native-moengage-cards 2.1.0 → 3.0.1

package/ios/MoEReactNativeCardsHandler.m

@@ -0,0 +1,143 @@
+//
+//  MoEReactNativeCardsHandler.m
+//  ReactNativeMoEngage
+//
+//  Created by Rakshitha on 15/03/24.
+//
+
+#import <Foundation/Foundation.h>
+#import "MoEReactNativeCardsHandler.h"
+#import "MoEngageReactUtils.h"
+#import "MoEngageCardsReactUtil.h"
+#import "MoEngageReactConstants.h"
+
+@import MoEngagePluginCards;
+
+@interface MoEReactNativeCardsHandler() <MoEngageCardSyncDelegate>
+@end
+
+@implementation MoEReactNativeCardsHandler: NSObject
+
++(instancetype)sharedInstance{
+    static dispatch_once_t onceToken;
+    static MoEReactNativeCardsHandler *instance;
+    dispatch_once(&onceToken, ^{
+        instance = [[MoEReactNativeCardsHandler alloc] init];
+    });
+    return instance;
+}
+
+#pragma mark- Initialize methods
+-(void)initialize:(NSString*)payload {
+    NSDictionary* jsonPayload = [MoEngageReactUtils getJSONRepresentation:payload];
+    [[MoEngagePluginCardsBridge sharedInstance] initialize:jsonPayload];
+    [[MoEngagePluginCardsBridge sharedInstance] setAppOpenSyncListener:jsonPayload];
+    [[MoEngagePluginCardsBridge sharedInstance] setSyncEventListnerDelegate:self];
+}
+
+#pragma mark- Callback methods
+-(void)isAllCategoryEnabled:(NSString *) payload resolve:(RCTPromiseResolveBlock) resolve reject:(RCTPromiseRejectBlock)reject {
+    NSDictionary* jsonPayload = [MoEngageReactUtils getJSONRepresentation:payload];
+    [[MoEngagePluginCardsBridge sharedInstance] isAllCategoryEnabled:jsonPayload completionHandler:^(NSDictionary<NSString *,id> * _Nonnull cardPayload) {
+        [MoEngageCardsReactUtil handleDataToReact:cardPayload rejecter:reject resolver:resolve];
+    }];
+}
+
+-(void)getCardsCategories:(NSString *) payload resolve:(RCTPromiseResolveBlock) resolve reject:(RCTPromiseRejectBlock)reject {
+    NSDictionary* jsonPayload = [MoEngageReactUtils getJSONRepresentation:payload];
+    [[MoEngagePluginCardsBridge sharedInstance] getCardsCategories:jsonPayload completionHandler:^(NSDictionary<NSString *,id> * _Nonnull cardPayload) {
+        [MoEngageCardsReactUtil handleDataToReact:cardPayload rejecter:reject resolver:resolve];
+    }];
+}
+
+-(void)getCardsInfo:(NSString *) payload resolve:(RCTPromiseResolveBlock) resolve reject:(RCTPromiseRejectBlock)reject {
+    NSDictionary* jsonPayload = [MoEngageReactUtils getJSONRepresentation:payload];
+    [[MoEngagePluginCardsBridge sharedInstance] getCardsInfo:jsonPayload completionHandler:^(NSDictionary<NSString *,id> * _Nonnull cardPayload) {
+        [MoEngageCardsReactUtil handleDataToReact:cardPayload rejecter:reject resolver:resolve];
+    }];
+}
+
+-(void)getCardsForCategory:(NSString *) payload resolve:(RCTPromiseResolveBlock) resolve reject:(RCTPromiseRejectBlock)reject {
+    NSDictionary* jsonPayload = [MoEngageReactUtils getJSONRepresentation:payload];
+    [[MoEngagePluginCardsBridge sharedInstance] getCardsForCategory:jsonPayload completionHandler:^(NSDictionary<NSString *,id> * _Nonnull cardPayload) {
+        [MoEngageCardsReactUtil handleDataToReact:cardPayload rejecter:reject resolver:resolve];
+    }];
+}
+
+-(void)fetchCards:(NSString *) payload resolve:(RCTPromiseResolveBlock) resolve reject:(RCTPromiseRejectBlock)reject {
+    NSDictionary* jsonPayload = [MoEngageReactUtils getJSONRepresentation:payload];
+    [[MoEngagePluginCardsBridge sharedInstance] fetchCards:jsonPayload completionHandler:^(NSDictionary<NSString *,id> * _Nonnull cardPayload) {
+        [MoEngageCardsReactUtil handleDataToReact:cardPayload rejecter:reject resolver:resolve];
+    }];
+}
+
+-(void)getNewCardsCount:(NSString *) payload resolve:(RCTPromiseResolveBlock) resolve reject:(RCTPromiseRejectBlock)reject {
+    NSDictionary* jsonPayload = [MoEngageReactUtils getJSONRepresentation:payload];
+    [[MoEngagePluginCardsBridge sharedInstance] getNewCardsCount:jsonPayload completionHandler:^(NSDictionary<NSString *,id> * _Nonnull cardPayload) {
+        [MoEngageCardsReactUtil handleDataToReact:cardPayload rejecter:reject resolver:resolve];
+    }];
+}
+
+-(void)getUnClickedCardsCount:(NSString *) payload resolve:(RCTPromiseResolveBlock) resolve reject:(RCTPromiseRejectBlock)reject {
+    NSDictionary* jsonPayload = [MoEngageReactUtils getJSONRepresentation:payload];
+    [[MoEngagePluginCardsBridge sharedInstance] getUnClickedCardsCount: jsonPayload completionHandler:^(NSDictionary<NSString *,id> * _Nonnull cardPayload) {
+        [MoEngageCardsReactUtil handleDataToReact:cardPayload rejecter:reject resolver:resolve];
+    }];
+}
+
+#pragma mark- Listener methods
+-(void)refreshCards:(NSString *) payload {
+    NSDictionary* jsonPayload = [MoEngageReactUtils getJSONRepresentation:payload];
+    [[MoEngagePluginCardsBridge sharedInstance] refreshCards:jsonPayload];
+}
+
+-(void)onCardSectionLoaded:(NSString *) payload {
+    NSDictionary* jsonPayload = [MoEngageReactUtils getJSONRepresentation:payload];
+    [[MoEngagePluginCardsBridge sharedInstance] onCardsSectionLoaded:jsonPayload];
+}
+
+-(void)onCardSectionUnLoaded:(NSString *) payload {
+    NSDictionary* jsonPayload = [MoEngageReactUtils getJSONRepresentation:payload];
+    [[MoEngagePluginCardsBridge sharedInstance] onCardsSectionUnLoaded:jsonPayload];
+}
+
+#pragma mark- Stats methods
+-(void)cardClicked:(NSString *) payload {
+    NSDictionary* jsonPayload = [MoEngageReactUtils getJSONRepresentation:payload];
+    [[MoEngagePluginCardsBridge sharedInstance] cardClicked:jsonPayload];
+}
+
+-(void)cardDelivered:(NSString *) payload {
+    NSDictionary* jsonPayload = [MoEngageReactUtils getJSONRepresentation:payload];
+    [[MoEngagePluginCardsBridge sharedInstance] cardDelivered:jsonPayload];
+}
+
+-(void)cardShown:(NSString *) payload {
+    NSDictionary* jsonPayload = [MoEngageReactUtils getJSONRepresentation:payload];
+    [[MoEngagePluginCardsBridge sharedInstance] cardShown:jsonPayload];
+}
+
+-(void)deleteCards:(NSString *) payload {
+    NSDictionary* jsonPayload = [MoEngageReactUtils getJSONRepresentation:payload];
+    [[MoEngagePluginCardsBridge sharedInstance] deleteCards:jsonPayload];
+}
+
+// MARK: Delegate method
+- (void)syncCompleteForEventType:(enum MoEngageCardsSyncEventType)eventType withData:(NSDictionary<NSString *,id> * _Nonnull)data {
+    NSMutableDictionary* updatedDict = [NSMutableDictionary dictionary];
+    NSString* eventName = [MoEngageCardsReactUtil fetchSyncType:eventType];
+    
+    if (eventName && data) {
+        NSError *err;
+        NSData * jsonData = [NSJSONSerialization dataWithJSONObject:data options:0 error:&err];
+        if (jsonData) {
+            NSString* strPayload = [[NSString alloc] initWithData:jsonData  encoding:NSUTF8StringEncoding];
+            updatedDict[kPayload] = strPayload;
+            [self.eventEmitter sendEventWithName:eventName body:updatedDict];
+        } else {
+            NSLog(@"Error converting to dictionary to string %@", err.localizedDescription);
+        }
+    }
+}
+
+@end

package/ios/MoEngageCardsBridge.h

@@ -3,7 +3,17 @@
 #import <React/RCTBridgeModule.h>
 #import <React/RCTEventEmitter.h>
 
-@import MoEngagePluginCards;
+#ifdef RCT_NEW_ARCH_ENABLED
+#import <NativeMoEngageCardsSpec/NativeMoEngageCardsSpec.h>
+#endif
 
+@class MoEngageCardsReactUtil;
+
+#ifdef RCT_NEW_ARCH_ENABLED
+@interface MoEngageCardsBridge : RCTEventEmitter <NativeMoEngageCardsSpec>
+@end
+#else
 @interface MoEngageCardsBridge : RCTEventEmitter <RCTBridgeModule>
 @end
+#endif
+

package/ios/MoEngageCardsBridge.mm

@@ -0,0 +1,102 @@
+// MoEngageCardsBridge.m
+
+#import "MoEngageCardsBridge.h"
+#import "MoEngageCardsReactConstants.h"
+#import "MoEReactNativeCardsHandler.h"
+
+@implementation MoEngageCardsBridge
+
+{
+    bool hasListeners;
+}
+
+// Will be called when this module's first listener is added.
+-(void)startObserving {
+    hasListeners = YES;
+}
+
+// Will be called when this module's last listener is removed, or on dealloc.
+-(void)stopObserving {
+    hasListeners = NO;
+}
+
+- (NSArray<NSString *> *)supportedEvents
+{
+    return @[kAppOpenCardsSyncListener, kPullToRefreshCardsSyncListener, kInboxOpenCardsSyncListener];
+}
+
+RCT_EXPORT_MODULE();
+
+#pragma mark- Initialize methods
+
+RCT_EXPORT_METHOD(initialize:(NSString *) payload) {
+    [[MoEReactNativeCardsHandler sharedInstance] initialize:payload];
+    [MoEReactNativeCardsHandler sharedInstance].eventEmitter = self;
+}
+
+#pragma mark- Callback method
+RCT_EXPORT_METHOD(isAllCategoryEnabled:(NSString *) payload resolve:(RCTPromiseResolveBlock) resolve reject:(RCTPromiseRejectBlock)reject) {
+    [[MoEReactNativeCardsHandler sharedInstance] isAllCategoryEnabled:payload resolve:resolve reject:reject];
+}
+
+RCT_EXPORT_METHOD(getCardsCategories:(NSString *) payload resolve:(RCTPromiseResolveBlock) resolve reject:(RCTPromiseRejectBlock)reject) {
+    [[MoEReactNativeCardsHandler sharedInstance] getCardsCategories:payload resolve:resolve reject:reject];
+}
+
+RCT_EXPORT_METHOD(getCardsInfo:(NSString *) payload resolve:(RCTPromiseResolveBlock) resolve reject:(RCTPromiseRejectBlock)reject) {
+    [[MoEReactNativeCardsHandler sharedInstance] getCardsInfo:payload resolve:resolve reject:reject];
+}
+
+RCT_EXPORT_METHOD(getCardsForCategory:(NSString *) payload resolve:(RCTPromiseResolveBlock) resolve reject:(RCTPromiseRejectBlock)reject) {
+    [[MoEReactNativeCardsHandler sharedInstance] getCardsForCategory:payload resolve:resolve reject:reject];
+}
+
+RCT_EXPORT_METHOD(fetchCards:(NSString *) payload resolve:(RCTPromiseResolveBlock) resolve reject:(RCTPromiseRejectBlock)reject) {
+    [[MoEReactNativeCardsHandler sharedInstance] fetchCards:payload resolve:resolve reject:reject];
+}
+
+RCT_EXPORT_METHOD(getNewCardsCount:(NSString *) payload resolve:(RCTPromiseResolveBlock) resolve reject:(RCTPromiseRejectBlock)reject) {
+    [[MoEReactNativeCardsHandler sharedInstance] getNewCardsCount:payload resolve:resolve reject:reject];
+}
+
+RCT_EXPORT_METHOD(getUnClickedCardsCount:(NSString *) payload resolve:(RCTPromiseResolveBlock) resolve reject:(RCTPromiseRejectBlock)reject) {
+    [[MoEReactNativeCardsHandler sharedInstance] getUnClickedCardsCount:payload resolve:resolve reject:reject];
+}
+
+#pragma mark- Listener methods
+RCT_EXPORT_METHOD(refreshCards:(NSString *) payload) {
+    [[MoEReactNativeCardsHandler sharedInstance] refreshCards:payload];
+}
+
+RCT_EXPORT_METHOD(onCardSectionLoaded:(NSString *) payload) {
+    [[MoEReactNativeCardsHandler sharedInstance] onCardSectionLoaded:payload];
+}
+
+RCT_EXPORT_METHOD(onCardSectionUnLoaded:(NSString *) payload) {
+    [[MoEReactNativeCardsHandler sharedInstance] onCardSectionUnLoaded:payload];
+}
+
+#pragma mark- Stats methods
+RCT_EXPORT_METHOD(cardClicked:(NSString *) payload) {
+    [[MoEReactNativeCardsHandler sharedInstance] cardClicked:payload];
+}
+
+RCT_EXPORT_METHOD(cardDelivered:(NSString *) payload) {
+    [[MoEReactNativeCardsHandler sharedInstance] cardDelivered:payload];
+}
+
+RCT_EXPORT_METHOD(cardShown:(NSString *) payload) {
+    [[MoEReactNativeCardsHandler sharedInstance] cardShown:payload];
+}
+
+RCT_EXPORT_METHOD(deleteCards:(NSString *) payload) {
+    [[MoEReactNativeCardsHandler sharedInstance] deleteCards:payload];
+}
+
+#ifdef RCT_NEW_ARCH_ENABLED
+- (std::shared_ptr<facebook::react::TurboModule>)getTurboModule:(const facebook::react::ObjCTurboModule::InitParams &)params {
+    return std::make_shared<facebook::react::NativeMoEngageCardsSpecJSI>(params);
+}
+#endif
+
+@end

package/ios/MoEngageCardsReactUtil.h

@@ -4,8 +4,10 @@
 //
 //  Created by Rakshitha on 09/08/23.
 //
+
+#import <Foundation/Foundation.h>
 #import <React/RCTBridgeModule.h>
-#import <React/RCTEventEmitter.h>
+
 
 @import MoEngagePluginCards;
 

package/ios/MoEngageCardsReactUtil.m

@@ -40,5 +40,4 @@
 }
 
 
-
 @end

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-moengage-cards",
-  "version": "2.1.0",
+  "version": "3.0.1",
   "description": "Cards Module for the MoEngage Platform",
   "main": "src/index.ts",
   "keywords": [
@@ -30,7 +30,7 @@
   },
   "license": "SEE LICENSE IN LICENSE.txt",
   "peerDependencies": {
-    "react-native-moengage": "^9.0.0"
+    "react-native-moengage": "^10.0.1"
   },
   "devDependencies": {
     "@types/jest": "^29.5.0",
@@ -38,5 +38,13 @@
     "@tsconfig/react-native": "^2.0.2",
     "ts-jest": "^29.1.0",
     "typescript": "^4.3.0"
+  },
+  "codegenConfig": {
+    "name": "NativeMoEngageCardsSpec",
+    "type": "modules",
+    "jsSrcsDir": "src",
+    "android": {
+      "javaPackageName": "com.moengage.react.cards"
+    }
   }
 }

package/src/NativeMoEngageCards.ts

@@ -0,0 +1,141 @@
+import type { TurboModule } from 'react-native/Libraries/TurboModule/RCTExport';
+import { TurboModuleRegistry } from 'react-native';
+
+export interface Spec extends TurboModule {
+    /**
+     * Initialize the Card Plugin
+     * 
+     * @param payload Stringified JSON payload.
+     */
+    initialize: (payload: string) => void;
+
+    /**
+     * Refresh the cards on user request
+     * 
+     * @param payload Stringified JSON payload.
+    */
+    refreshCards: (payload: string) => void;
+
+    /**
+     * Notify the MoEngage SDK that card section has loaded
+     * 
+     * @param payload Stringified JSON payload.
+     * 
+     */
+    onCardSectionLoaded: (payload: string) => void;
+
+    /**
+    * Notify the MoEngage SDK that card section has unloaded
+    * 
+    * @param payload Stringified JSON payload.
+    * 
+    */
+    onCardSectionUnLoaded: (payload: string) => void;
+
+    /** 
+     * Returns a list of categories to be shown
+     * 
+     * @param payload Stringified JSON payload.
+     * 
+     * @returns {Promise<string>} A promise that contains list of cards categories.
+     */
+    getCardsCategories(payload: string): Promise<string>;
+
+    /** 
+     * Returns a list of eligible cards for the provided category.
+     * 
+     * @param payload Stringified JSON payload.
+     * 
+     * @returns {Promise<string>} A promise that contains cards payload for given category
+     */
+    getCardsForCategory(payload: string): Promise<string>;
+
+    /** 
+     * Fetch all cards
+     * 
+     * @param payload Stringified JSON payload.
+     * 
+     * @returns {Promise<string>} A promise that contains cards payload
+     * 
+     */
+    fetchCards(payload: string): Promise<string>;
+
+    /** 
+     * Return true if  All cards category should be shown
+     * 
+     * @param payload Stringified JSON payload.
+     * 
+     * @returns {Promise<string>} A promise that contains All cards category status.
+     */
+    isAllCategoryEnabled(payload: string): Promise<string>;
+
+    /** 
+     * Fetch count of new cards.
+     * 
+     * @param payload Stringified JSON payload.
+     * 
+     * @returns {Promise<string>} A promise that contains new cards count payload
+     */
+    getNewCardsCount(payload: string): Promise<string>;
+
+    /** 
+     * Fetch count of unclicked cards.
+     * 
+     * @param payload Stringified JSON payload.
+     * 
+     * @returns {Promise<string>} A promise that contains unclicked cards count payload.
+     */
+    getUnClickedCardsCount(payload: string): Promise<string>;
+
+    /** 
+     * Fetches all cards related data
+     * 
+     * @param payload Stringified JSON payload.
+     * 
+     * @returns {Promise<string>} A promise that contains cards related data payload.
+     * 
+     */
+    getCardsInfo(payload: string): Promise<string>;
+
+    /**
+     *  Marks a card as clicked and tracks an event for statistical purpose
+     * 
+     * @param payload Stringified JSON payload.
+     * 
+     */
+    cardClicked: (payload: string) => void;
+
+    /** 
+     * Track card delivery to inbox.
+     * 
+     * 
+     * @param payload Stringified JSON payload.
+     * @returns 
+     */
+    cardDelivered: (payload: string) => void;
+
+    /** 
+     * Track cards shown and update delivery counters accordingly
+     * 
+     * @param payload Stringified JSON payload.
+     * 
+     * @returns 
+     */
+    cardShown: (payload: string) => void;
+
+    /** 
+     * Deletes the multiple cards
+     * 
+     * @param payload Stringified JSON payload.
+     * 
+     * @returns 
+     */
+    deleteCards: (payload: string) => void;
+
+    // Confirming to Native module interface
+    addListener: (eventType: string) => void;
+    removeListeners: (count: number) => void;
+}
+
+const MoEngageCardsBridge = TurboModuleRegistry.getEnforcing<Spec>('MoEngageCardsBridge');
+export default MoEngageCardsBridge;

package/src/internal/MoEngageCardHandler.ts

@@ -26,9 +26,14 @@ import {
 } from "./Constants";
 import { MoEngageLogger } from "react-native-moengage";
 import { syncDataFromJson } from "./utils/JsonToModelMapper";
-
-
-const MoEngageCardsBridge = require("react-native").NativeModules.MoEngageCardsBridge;
+import MoEngageCardsBridge from '../NativeMoEngageCards';
+import {
+    getAccountMetaPayload,
+    getCardClickedPayload,
+    getCardShownPayload,
+    getCardsForCategoriesPayload,
+    getDeleteCardsPayload
+} from "./utils/PayloadBuilder";
 
 let MoEngageEventEmitter: { addListener: (arg0: any, arg1: (data: any) => void) => void; };
 
@@ -43,11 +48,9 @@ class MoEngageCardHandler {
     private TAG = `${MODULE_TAG}MoEngageCardHandler`;
 
     private appId: string;
-    private platformPayloadBuilder: PlatformPayloadBuilder;
 
     constructor(appId: string) {
         this.appId = appId;
-        this.platformPayloadBuilder = new PlatformPayloadBuilder(Platform.OS, this.appId);
     }
 
     initialize(): void {
@@ -57,7 +60,7 @@ class MoEngageCardHandler {
                 this.addBridgeEventListener();
                 MoEngageLogger.debug(`${this.TAG} Card Bridge Listener Added`);
             }
-            MoEngageCardsBridge.initialize(this.platformPayloadBuilder.getAccountMetaPayload());
+            MoEngageCardsBridge.initialize(getAccountMetaPayload(this.appId));
             MoEngageLogger.debug(`${this.TAG} Card Module Initialised with appId: `, this.appId);
         } catch (error) {
             MoEngageLogger.error(`${this.TAG} Error while initialising the Cards Plugin: `, error);
@@ -67,7 +70,7 @@ class MoEngageCardHandler {
     refreshCards(onSyncComplete: (data: SyncCompleteData | null) => void): void {
         try {
             MoEngageCardsCache.cacheEventListenerCallback(SyncType.PULL_TO_REFRESH, onSyncComplete);
-            MoEngageCardsBridge.refreshCards(this.platformPayloadBuilder.getAccountMetaPayload());
+            MoEngageCardsBridge.refreshCards(getAccountMetaPayload(this.appId));
             MoEngageLogger.verbose(`${this.TAG} Executed - refreshCards() `);
         } catch (error) {
             MoEngageLogger.error(`${this.TAG} refreshCards() `, error);
@@ -77,7 +80,7 @@ class MoEngageCardHandler {
     onCardSectionLoaded(onSyncComplete: (data: SyncCompleteData | null) => void): void {
         try {
             MoEngageCardsCache.cacheEventListenerCallback(SyncType.INBOX_OPEN, onSyncComplete);
-            MoEngageCardsBridge.onCardSectionLoaded(this.platformPayloadBuilder.getAccountMetaPayload());
+            MoEngageCardsBridge.onCardSectionLoaded(getAccountMetaPayload(this.appId));
             MoEngageLogger.verbose(`${this.TAG} Executed - onCardSectionLoaded() `);
         } catch (error) {
             MoEngageLogger.error(`${this.TAG} onCardSectionLoaded() `, error);
@@ -87,7 +90,7 @@ class MoEngageCardHandler {
     onCardSectionUnLoaded(): void {
         try {
             MoEngageCardsCache.removeCacheForEvent(SyncType.INBOX_OPEN);
-            MoEngageCardsBridge.onCardSectionUnLoaded(this.platformPayloadBuilder.getAccountMetaPayload());
+            MoEngageCardsBridge.onCardSectionUnLoaded(getAccountMetaPayload(this.appId));
             MoEngageLogger.verbose(`${this.TAG} Executed - onCardSectionUnLoaded() `);
         } catch (error) {
             MoEngageLogger.error(`${this.TAG} onCardSectionUnLoaded() `, error);
@@ -97,7 +100,7 @@ class MoEngageCardHandler {
     async getCardsCategories(): Promise<Array<string>> {
         try {
             const categoriesPayload = await MoEngageCardsBridge.getCardsCategories(
-                this.platformPayloadBuilder.getAccountMetaPayload()
+               getAccountMetaPayload(this.appId)
             );
             const cardCategories = getCardsCategoriesFromPayload(categoriesPayload);
             MoEngageLogger.verbose(`${this.TAG} Executed - getCardsCategories() `, cardCategories);
@@ -111,7 +114,7 @@ class MoEngageCardHandler {
     async getCardsInfo(): Promise<CardInfo> {
         try {
             const cardInfoPayload = await MoEngageCardsBridge.getCardsInfo(
-                this.platformPayloadBuilder.getAccountMetaPayload()
+                getAccountMetaPayload(this.appId)
             );
             const cardInfo = getCardInfoFromPayload(cardInfoPayload);
             MoEngageLogger.verbose(`${this.TAG} Executed - getCardsInfo() `, cardInfo);
@@ -124,7 +127,7 @@ class MoEngageCardHandler {
 
     cardClicked(card: Card, widgetId: number): void {
         try {
-            MoEngageCardsBridge.cardClicked(this.platformPayloadBuilder.getCardClickedPayload(card, widgetId));
+            MoEngageCardsBridge.cardClicked(getCardClickedPayload(card, widgetId, this.appId));
             MoEngageLogger.verbose(`${this.TAG} Executed - cardClicked() for widgetId`, widgetId);
         } catch (error) {
             MoEngageLogger.error(`${this.TAG} cardClicked() `, error);
@@ -133,7 +136,7 @@ class MoEngageCardHandler {
 
     cardDelivered(): void {
         try {
-            MoEngageCardsBridge.cardDelivered(this.platformPayloadBuilder.getAccountMetaPayload());
+            MoEngageCardsBridge.cardDelivered(getAccountMetaPayload(this.appId));
             MoEngageLogger.verbose(`${this.TAG} Executed - cardDelivered() `);
         } catch (error) {
             MoEngageLogger.error(`${this.TAG} cardDelivered() `, error);
@@ -142,7 +145,7 @@ class MoEngageCardHandler {
 
     cardShown(card: Card) {
         try {
-            MoEngageCardsBridge.cardShown(this.platformPayloadBuilder.getCardShowPayload(card));
+            MoEngageCardsBridge.cardShown(getCardShownPayload(card, this.appId));
             MoEngageLogger.verbose(`${this.TAG} Executed - cardShown() `);
         } catch (error) {
             MoEngageLogger.error(`${this.TAG} cardShown() `, error);
@@ -152,7 +155,7 @@ class MoEngageCardHandler {
     async getCardsForCategory(category: string): Promise<CardsData> {
         try {
             const cardsDataPayload = await MoEngageCardsBridge.getCardsForCategory(
-                this.platformPayloadBuilder.getCardsForCategoriesPayload(category)
+                getCardsForCategoriesPayload(category, this.appId)
             );
             const cardsData = getCardsDataFromPayload(cardsDataPayload);
             MoEngageLogger.verbose(`${this.TAG} Executed - getCardsForCategory() `, cardsData);
@@ -166,7 +169,7 @@ class MoEngageCardHandler {
     async fetchCards(): Promise<CardsData> {
         try {
             const cardsDataPayload = await MoEngageCardsBridge.fetchCards(
-                this.platformPayloadBuilder.getAccountMetaPayload()
+                getAccountMetaPayload(this.appId)
             );
             const cardsData = getCardsDataFromPayloadWithDefaultCategory(cardsDataPayload);
             MoEngageLogger.verbose(`${this.TAG} Executed - fetchCards() `, cardsData);
@@ -179,7 +182,7 @@ class MoEngageCardHandler {
 
     deleteCards(cards: Array<Card>) {
         try {
-            MoEngageCardsBridge.deleteCards(this.platformPayloadBuilder.getDeleteCardsPayload(cards));
+            MoEngageCardsBridge.deleteCards(getDeleteCardsPayload(cards, this.appId));
             MoEngageLogger.verbose(`${this.TAG} Executed - deleteCards() `);
         } catch (error) {
             MoEngageLogger.error(`${this.TAG} deleteCards() `, error);
@@ -189,7 +192,7 @@ class MoEngageCardHandler {
     async isAllCategoryEnabled(): Promise<boolean> {
         try {
             const categoryStatusPayload = await MoEngageCardsBridge.isAllCategoryEnabled(
-                this.platformPayloadBuilder.getAccountMetaPayload()
+                getAccountMetaPayload(this.appId)
             );
             const isAllCategoryEnabled = getAllCategoryStatusFromPayload(categoryStatusPayload);
             MoEngageLogger.verbose(`${this.TAG} Executed - isAllCategoryEnabled() `, isAllCategoryEnabled);
@@ -203,7 +206,7 @@ class MoEngageCardHandler {
     async getNewCardsCount(): Promise<number> {
         try {
             const newCardsCountPayload = await MoEngageCardsBridge.getNewCardsCount(
-                this.platformPayloadBuilder.getAccountMetaPayload()
+                getAccountMetaPayload(this.appId)
             );
             const newCardCount = getNewCardCountFromPayload(newCardsCountPayload);
             MoEngageLogger.verbose(`${this.TAG} Executed - getNewCardsCount() `, newCardCount);
@@ -217,7 +220,7 @@ class MoEngageCardHandler {
     async getUnClickedCardsCount(): Promise<number> {
         try {
             const unClickedCardsCountPayload = await MoEngageCardsBridge.getUnClickedCardsCount(
-                this.platformPayloadBuilder.getAccountMetaPayload()
+                getAccountMetaPayload(this.appId)
             );
             const unclickedCount = getUnclickedCountFromPayload(unClickedCardsCountPayload);
             MoEngageLogger.verbose(`${this.TAG} Executed - getUnClickedCardsCount() `, unclickedCount);