react-native-moengage-cards 1.0.0

package/ios/MoEngageCardsBridge.m

@@ -0,0 +1,149 @@
+// MoEngageCardsBridge.m
+
+#import "MoEngageCardsBridge.h"
+#import "MoEngageCardsReactConstants.h"
+#import "MoEngageCardsReactUtil.h"
+
+@interface MoEngageCardsBridge() <MoEngageCardSyncDelegate>
+@end
+
+@implementation MoEngageCardsBridge
+{
+    bool hasListeners;
+}
+// Will be called when this module's first listener is added.
+-(void)startObserving {
+    hasListeners = YES;
+    // Set up any upstream listeners or background tasks as necessary
+    
+}
+
+// Will be called when this module's last listener is removed, or on dealloc.
+-(void)stopObserving {
+    hasListeners = NO;
+    // Remove upstream listeners, stop unnecessary background tasks
+}
+
+- (NSArray<NSString *> *)supportedEvents
+{
+    return @[kAppOpenCardsSyncListener, kPullToRefreshCardsSyncListener, kInboxOpenCardsSyncListener];
+}
+
+
+RCT_EXPORT_MODULE();
+
+RCT_EXPORT_METHOD(initialize:(NSDictionary *) payload)
+{
+    [[MoEngagePluginCardsBridge sharedInstance] initialize:payload];
+    [[MoEngagePluginCardsBridge sharedInstance] setAppOpenSyncListener:payload];
+    [[MoEngagePluginCardsBridge sharedInstance] setSyncEventListnerDelegate:self];
+}
+
+RCT_EXPORT_METHOD(isAllCategoryEnabled:(NSDictionary *) payload resolver:(RCTPromiseResolveBlock) resolver rejecter:(RCTPromiseRejectBlock)rejecter)
+{
+    [[MoEngagePluginCardsBridge sharedInstance] isAllCategoryEnabled:payload completionHandler:^(NSDictionary<NSString *,id> * _Nonnull cardPayload) {
+        [MoEngageCardsReactUtil handleDataToReact:cardPayload rejecter:rejecter resolver:resolver];
+    }];
+}
+
+
+RCT_EXPORT_METHOD(getCardsCategories:(NSDictionary *) payload resolver:(RCTPromiseResolveBlock) resolver rejecter:(RCTPromiseRejectBlock)rejecter)
+{
+    [[MoEngagePluginCardsBridge sharedInstance] getCardsCategories:payload completionHandler:^(NSDictionary<NSString *,id> * _Nonnull cardPayload) {
+        [MoEngageCardsReactUtil handleDataToReact:cardPayload rejecter:rejecter resolver:resolver];
+    }];
+}
+
+
+RCT_EXPORT_METHOD(getCardsInfo:(NSDictionary *) payload resolver:(RCTPromiseResolveBlock) resolver rejecter:(RCTPromiseRejectBlock)rejecter)
+{
+    [[MoEngagePluginCardsBridge sharedInstance] getCardsInfo:payload completionHandler:^(NSDictionary<NSString *,id> * _Nonnull cardPayload) {
+        [MoEngageCardsReactUtil handleDataToReact:cardPayload rejecter:rejecter resolver:resolver];
+    }];
+}
+
+RCT_EXPORT_METHOD(getCardsForCategory:(NSDictionary *) payload resolver:(RCTPromiseResolveBlock) resolver rejecter:(RCTPromiseRejectBlock)rejecter)
+{
+    [[MoEngagePluginCardsBridge sharedInstance] getCardsForCategory:payload completionHandler:^(NSDictionary<NSString *,id> * _Nonnull cardPayload) {
+        [MoEngageCardsReactUtil handleDataToReact:cardPayload rejecter:rejecter resolver:resolver];
+    }];
+}
+
+RCT_EXPORT_METHOD(fetchCards:(NSDictionary *) payload resolver:(RCTPromiseResolveBlock) resolver rejecter:(RCTPromiseRejectBlock)rejecter)
+{
+    [[MoEngagePluginCardsBridge sharedInstance] fetchCards:payload completionHandler:^(NSDictionary<NSString *,id> * _Nonnull cardPayload) {
+        [MoEngageCardsReactUtil handleDataToReact:cardPayload rejecter:rejecter resolver:resolver];
+    }];
+}
+
+
+RCT_EXPORT_METHOD(getNewCardsCount:(NSDictionary *) payload resolver:(RCTPromiseResolveBlock) resolver rejecter:(RCTPromiseRejectBlock)rejecter)
+{
+    [[MoEngagePluginCardsBridge sharedInstance] getNewCardsCount:payload completionHandler:^(NSDictionary<NSString *,id> * _Nonnull cardPayload) {
+        [MoEngageCardsReactUtil handleDataToReact:cardPayload rejecter:rejecter resolver:resolver];
+    }];
+}
+
+
+RCT_EXPORT_METHOD(getUnClickedCardsCount:(NSDictionary *) payload resolver:(RCTPromiseResolveBlock) resolver rejecter:(RCTPromiseRejectBlock)rejecter)
+{
+    [[MoEngagePluginCardsBridge sharedInstance] getUnClickedCardsCount:payload completionHandler:^(NSDictionary<NSString *,id> * _Nonnull cardPayload) {
+        [MoEngageCardsReactUtil handleDataToReact:cardPayload rejecter:rejecter resolver:resolver];
+    }];
+}
+
+RCT_EXPORT_METHOD(refreshCards:(NSDictionary *) payload)
+{
+    [[MoEngagePluginCardsBridge sharedInstance] refreshCards:payload];
+}
+
+
+RCT_EXPORT_METHOD(onCardSectionLoaded:(NSDictionary *) payload)
+{
+    [[MoEngagePluginCardsBridge sharedInstance] onCardsSectionLoaded:payload];
+}
+
+RCT_EXPORT_METHOD(onCardSectionUnLoaded:(NSDictionary *) payload)
+{
+    [[MoEngagePluginCardsBridge sharedInstance] onCardsSectionUnLoaded:payload];
+}
+
+RCT_EXPORT_METHOD(cardClicked:(NSDictionary *) payload)
+{
+    [[MoEngagePluginCardsBridge sharedInstance] cardClicked:payload];
+}
+
+RCT_EXPORT_METHOD(cardDelivered:(NSDictionary *) payload)
+{
+    [[MoEngagePluginCardsBridge sharedInstance] cardDelivered:payload];
+}
+
+RCT_EXPORT_METHOD(cardShown:(NSDictionary *) payload)
+{
+    [[MoEngagePluginCardsBridge sharedInstance] cardShown:payload];
+}
+
+RCT_EXPORT_METHOD(deleteCards:(NSDictionary *) payload)
+{
+    [[MoEngagePluginCardsBridge sharedInstance] deleteCards:payload];
+}
+
+- (void)syncCompleteForEventType:(enum MoEngageCardsSyncEventType)eventType withData:(NSDictionary<NSString *,id> *)data {
+    
+    NSMutableDictionary* updatedDict = [NSMutableDictionary dictionary];
+    NSString* eventName = [MoEngageCardsReactUtil fetchSyncType:eventType];
+    
+    if (hasListeners && 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 sendEventWithName:eventName body:updatedDict];
+        } else {
+            NSLog(@"Error converting to dictionary to string %@", err.localizedDescription);
+        }
+    }
+}
+
+@end

package/ios/MoEngageCardsReactConstants.h

@@ -0,0 +1,14 @@
+//
+//  MoEngageCardsReactConstants.h
+//  Pods
+//
+//  Created by Rakshitha on 09/08/23.
+//
+
+#import <Foundation/Foundation.h>
+
+
+extern NSString* const kPayload;
+extern NSString* const kAppOpenCardsSyncListener;
+extern NSString* const kPullToRefreshCardsSyncListener;
+extern NSString* const kInboxOpenCardsSyncListener;

package/ios/MoEngageCardsReactConstants.m

@@ -0,0 +1,15 @@
+//
+//  MoEngageCardsReactConstants.m
+//  ReactNativeMoEngageCards
+//
+//  Created by Rakshitha on 09/08/23.
+//
+
+
+#import "MoEngageCardsReactConstants.h"
+
+NSString* const kPayload = @"payload";
+NSString* const kAppOpenCardsSyncListener = @"onAppOpenCardsSync";
+NSString* const kPullToRefreshCardsSyncListener = @"onPullToRefreshCardsSync";
+NSString* const kInboxOpenCardsSyncListener  = @"onInboxOpenCardsSync";
+

package/ios/MoEngageCardsReactUtil.h

@@ -0,0 +1,15 @@
+//
+//  MoEngageCardsReactUtil.h
+//  Pods
+//
+//  Created by Rakshitha on 09/08/23.
+//
+#import <React/RCTBridgeModule.h>
+#import <React/RCTEventEmitter.h>
+
+@import MoEngagePluginCards;
+
+@interface MoEngageCardsReactUtil : NSObject
++(NSString* _Nullable)fetchSyncType:(enum MoEngageCardsSyncEventType)eventType;
++(void)handleDataToReact:(NSDictionary<NSString *,id> * _Nonnull)cardPayload rejecter:(RCTPromiseRejectBlock _Nullable )rejecter resolver:(RCTPromiseResolveBlock _Nullable )resolver;
+@end

package/ios/MoEngageCardsReactUtil.m

@@ -0,0 +1,44 @@
+//
+//  MoEngageCardsReactUtil.m
+//  ReactNativeMoEngageCards
+//
+//  Created by Rakshitha on 09/08/23.
+//
+
+#import <Foundation/Foundation.h>
+#import "MoEngageCardsReactUtil.h"
+#import  "MoEngageCardsReactConstants.h"
+
+@implementation MoEngageCardsReactUtil: NSObject
+
++(NSString*)fetchSyncType:(enum MoEngageCardsSyncEventType)eventType {
+    switch (eventType) {
+        case MoEngageCardsSyncEventTypePullToRefresh:
+            return kPullToRefreshCardsSyncListener;
+    
+        case MoEngageCardsSyncEventTypeAppOpen:
+            return kAppOpenCardsSyncListener;
+            
+        case MoEngageCardsSyncEventTypeInboxOpen:
+            return kInboxOpenCardsSyncListener;
+        
+        default:
+            break;
+    }
+    return  nil;
+}
+
++(void)handleDataToReact:(NSDictionary<NSString *,id> * _Nonnull)cardPayload rejecter:(RCTPromiseRejectBlock)rejecter resolver:(RCTPromiseResolveBlock)resolver {
+    NSError *error;
+    NSData * jsonData = [NSJSONSerialization dataWithJSONObject:cardPayload options:0 error:&error];
+    if (jsonData) {
+        NSString *strPayload = [[NSString alloc] initWithData:jsonData  encoding:NSUTF8StringEncoding];
+        resolver(strPayload);
+    } else {
+        rejecter([NSString stringWithFormat:@"%ld", (long)error.code], error.localizedDescription, error);
+    }
+}
+
+
+
+@end

package/package.json

@@ -0,0 +1,42 @@
+{
+  "name": "react-native-moengage-cards",
+  "version": "1.0.0",
+  "description": "Cards Module for the MoEngage Platform",
+  "main": "src/index.ts",
+  "keywords": [
+    "moengage",
+    "react-native",
+    "ios",
+    "android",
+    "plugin",
+    "cards"
+  ],
+  "files": [
+    "android",
+    "ios",
+    "src",
+    "package.json",
+    "ReactNativeMoEngageCards.podspec",
+    "README.md",
+    "!**/__tests__",
+    "!**/__mocks__"
+  ],
+  "scripts": {
+    "test": "jest"
+  },
+  "author": {
+    "name": "MoEngage",
+    "email": "mobiledevs@moengage.com"
+  },
+  "license": "ISC",
+  "peerDependencies": {
+    "react-native-moengage": ">8.5.3"
+  },
+  "devDependencies": {
+    "@types/jest": "^29.5.0",
+    "@types/react-native": "^0.69.3",
+    "@tsconfig/react-native": "^2.0.2",
+    "ts-jest": "^29.1.0",
+    "typescript": "^4.3.0"
+  }
+}

package/src/ReactMoEngageCards.ts

@@ -0,0 +1,212 @@
+import { MODULE_TAG } from "./internal/Constants";
+import MoEngageCardHandler from "./internal/MoEngageCardHandler";
+import MoEngageCardsCache from "./internal/MoEngageCardsCache";
+import Card from "./model/Card";
+import CardInfo from "./model/CardInfo";
+import CardsData from "./model/CardsData";
+import SyncCompleteData from "./model/SyncData";
+import { MoEngageLogger } from "react-native-moengage";
+import SyncType from "./model/enums/SyncType";
+
+/**
+ * Helper to interact with the cards feature.
+ * 
+ * @since 1.0.0
+ * @author Abhishek Kumar
+ */
+namespace ReactMoEngageCards {
+
+    const TAG = `${MODULE_TAG}ReactMoEngageCards`;
+
+    let moEngageCardHandler: MoEngageCardHandler;
+
+    /**
+     * Initialize the Card Plugin
+     * 
+     * @param {string} appId - MoEngage AppId
+     * @since 1.0.0
+     */
+    export function initialize(appId: string): void {
+        MoEngageLogger.verbose(`${TAG} initialize() : `);
+        moEngageCardHandler = new MoEngageCardHandler(appId);
+        moEngageCardHandler.initialize();
+    }
+
+    /**
+     * Set a listener to receive callback for cards refresh on App open
+     * Notes: This method must be call before initialize to get callback properly
+     * 
+     * @param onSyncComplete - Callback to be trigger on sync complete
+     * @since 1.0.0
+     */
+    export function setAppOpenSyncListener(onSyncComplete: (data: SyncCompleteData | null) => void): void {
+        MoEngageLogger.verbose(`${TAG} setAppOpenSyncListener() : `);
+        MoEngageCardsCache.cacheEventListenerCallback(SyncType.APP_OPEN, onSyncComplete);
+    }
+
+    /**
+     * Refresh the cards on user request
+     * 
+     * @param onSyncComplete - Callback to be trigger on sync complete
+     * @since 1.0.0
+     */
+    export function refreshCards(onSyncComplete: (data: SyncCompleteData | null) => void): void {
+        MoEngageLogger.verbose(`${TAG} refreshCards() : `);
+        moEngageCardHandler?.refreshCards(onSyncComplete);
+    }
+
+    /**
+     * Notify the MoEngage SDK that card section has loaded
+     * 
+     * @since 1.0.0
+     */
+    export function onCardSectionLoaded(onSyncComplete: (data: SyncCompleteData | null) => void): void {
+        MoEngageLogger.verbose(`${TAG} onCardSectionLoaded() : `);
+        moEngageCardHandler?.onCardSectionLoaded(onSyncComplete);
+    }
+
+    /**
+     * Notifies the SDK that the inbox view is gone to the background
+     * 
+     * @since 1.0.0
+     */
+    export function onCardSectionUnLoaded(): void {
+        MoEngageLogger.verbose(`${TAG} onCardSectionUnLoaded() : `);
+        moEngageCardHandler?.onCardSectionUnLoaded();
+    }
+
+    /**
+     * Returns a list of categories to be shown
+     * 
+     * @returns list of category
+     * @since 1.0.0
+     */
+    export async function getCardsCategories(): Promise<Array<string>> {
+        MoEngageLogger.verbose(`${TAG} getCardsCategories() : `);
+        return moEngageCardHandler?.getCardsCategories();
+    }
+
+    /**
+     * Fetches all cards related data
+     * 
+     * @return instance of {@link CardInfo}
+     * @since 1.0.0
+     */
+    export async function getCardsInfo(): Promise<CardInfo> {
+        MoEngageLogger.verbose(`${TAG} getCardsInfo() : `);
+        return moEngageCardHandler?.getCardsInfo();
+    }
+
+    /**
+     * Returns a list of eligible cards for the provided category.
+     * To fetch all cards irrespective of categories pass in the category as [All]
+     *
+     * @param {string} category - category for which cards should be fetched.
+     * @returns instance of {@link CardsData}
+     * @since 1.0.0
+     */
+    export async function getCardsForCategory(category: string): Promise<CardsData> {
+        MoEngageLogger.verbose(`${TAG} getCardsForCategory() : `);
+        return moEngageCardHandler?.getCardsForCategory(category);
+    }
+
+    /**
+     * fetch all cards
+     *
+     * @returns instance of {@link CardsData}
+     * @since 1.0.0
+     */
+    export async function fetchCards(): Promise<CardsData> {
+        MoEngageLogger.verbose(`${TAG} fetchCards() : `);
+        return moEngageCardHandler?.fetchCards();
+    }
+
+    /**
+     * Deletes the multiple cards
+     *
+     * @param {Array<Card>} cards - all the cards which need to be deleted
+     * @since 1.0.0
+     */
+    export function deleteCards(cards: Array<Card>): void {
+        MoEngageLogger.verbose(`${TAG} deleteCards() : `);
+        moEngageCardHandler?.deleteCards(cards);
+    }
+
+    /**
+     * Deletes the single cards
+     *
+     * @param {Card} cards - cards which need to be deleted
+     * @since 1.0.0
+     */
+    export function deleteCard(card: Card): void {
+        MoEngageLogger.verbose(`${TAG} deleteCard() : `);
+        moEngageCardHandler?.deleteCards([card]);
+    }
+
+    /**
+     * Return true if  All cards category should be shown
+     * 
+     * @since 1.0.0
+     */
+    export async function isAllCategoryEnabled(): Promise<boolean> {
+        MoEngageLogger.verbose(`${TAG} isAllCategoryEnabled() : `);
+        return moEngageCardHandler?.isAllCategoryEnabled();
+    }
+
+    /**
+     * Marks a card as clicked and tracks an event for statistical purpose
+     *
+     * @param {Card} card - cards which is clicked
+     * @param {number} widgetId - unique identifier for the widget that was clicked. 
+     * @since 1.0.0
+     */
+    export function cardClicked(card: Card, widgetId: number): void {
+        MoEngageLogger.verbose(`${TAG} cardClicked() : `);
+        moEngageCardHandler?.cardClicked(card, widgetId);
+    }
+
+    /**
+     * Track card delivery to inbox.
+     * 
+     * @since 1.0.0
+     */
+    export function cardDelivered(): void {
+        MoEngageLogger.verbose(`${TAG} cardDelivered() : `);
+        moEngageCardHandler?.cardDelivered();
+    }
+
+    /**
+     * Fetch count of new cards.
+     * 
+     * @returns number of new cards
+     * @since 1.0.0
+     */
+    export async function getNewCardsCount(): Promise<number> {
+        MoEngageLogger.verbose(`${TAG} getNewCardsCount() : `);
+        return moEngageCardHandler?.getNewCardsCount();
+    }
+
+    /**
+     * Fetch count of unclicked cards.
+     * 
+     * @returns number of unclicked cards
+     * @since 1.0.0
+     */
+    export async function getUnClickedCardsCount(): Promise<number> {
+        MoEngageLogger.verbose(`${TAG} getUnClickedCardsCount() : `);
+        return moEngageCardHandler?.getUnClickedCardsCount();
+    }
+
+    /**
+     * Track cards shown and update delivery counters accordingly
+     * 
+     * @param {Card} card - card which is shown to user
+     * @since 1.0.0
+     */
+    export function cardShown(card: Card): void {
+        MoEngageLogger.verbose(`${TAG} cardShown() : `);
+        moEngageCardHandler.cardShown(card);
+    }
+}
+
+export default ReactMoEngageCards;

package/src/index.ts

@@ -0,0 +1,58 @@
+/**
+ * @file Entry for the MoEngage Cards Plugin
+ * @author Abhishek Kumar
+ * @since 1.0.0
+ */
+
+import CampaignState from "./model/CampaignState";
+import Card from "./model/Card";
+import CardInfo from "./model/CardInfo";
+import CardsData from "./model/CardsData";
+import Container from "./model/Container";
+import DisplayControl from "./model/DisplayControl";
+import MetaData from "./model/MetaData";
+import ShowTime from "./model/ShowTime";
+import SyncCompleteData from "./model/SyncData";
+import Template from "./model/Template";
+import Widget from "./model/Widget";
+import Action from "./model/action/Action";
+import NavigationAction from "./model/action/NavigationAction";
+import ActionType from "./model/enums/ActionType";
+import NavigationType from "./model/enums/NavigationType";
+import SyncType from "./model/enums/SyncType";
+import TemplateType from "./model/enums/TemplateType";
+import WidgetType from "./model/enums/WidgetType";
+import ButtonStyle from "./model/styles/ButtonStyle";
+import ContainerStyle from "./model/styles/ContainerStyle";
+import ImageStyle from "./model/styles/ImageStyle";
+import TextStyle from "./model/styles/TextStyle";
+import WidgetStyle from "./model/styles/WidgetStyle";
+import ReactMoEngageCards from "./ReactMoEngageCards";
+
+
+export default ReactMoEngageCards;
+export {
+    CampaignState,
+    Card,
+    CardInfo,
+    CardsData,
+    Container,
+    DisplayControl,
+    MetaData,
+    ShowTime,
+    SyncCompleteData,
+    Template,
+    Widget,
+    Action,
+    NavigationAction,
+    ActionType,
+    NavigationType,
+    SyncType,
+    TemplateType,
+    WidgetType,
+    ButtonStyle,
+    ContainerStyle,
+    ImageStyle,
+    TextStyle,
+    WidgetStyle
+};

package/src/internal/Constants.ts

@@ -0,0 +1,86 @@
+/**
+ * @file All the string constant used to build the payload & object
+ * @author Abhishek Kumar
+ * @since 1.0.0
+ */
+
+export const MODULE_TAG = "MoEngageReactCards_"
+
+export const keyPayload = "payload";
+
+//Card Key Name Constants
+export const keyAppId = "appId";
+export const keyAccountMeta = "accountMeta";
+export const keyData = "data";
+export const keySyncCompleteData = "syncCompleteData";
+export const keyHasUpdates = "hasUpdates";
+export const keySyncType = "syncType";
+export const keyId = "id";
+export const keyCardId = "card_id";
+export const keyCategory = "category";
+export const keyTemplateData = "template_data";
+export const keyMetaData = "meta_data";
+export const keyAdditionalMetaData = "metaData";
+export const keyTemplateType = "type";
+export const keyKVPairs = "kvPairs";
+
+//Template Constants
+export const keyContainers = "containers";
+export const keyContainerId = "id";
+export const keyContainerType = "type";
+export const keyContainerStyle = "style";
+export const keyBackgroundColor = "bgColor";
+export const keyActions = "actions";
+export const keyWidgets = "widgets";
+export const keyWidgetId = "id";
+export const keyWidgetType = "type";
+export const keyWidgetContent = "content";
+export const keyWidgetStyle = "style";
+export const keyFontSize = "fontSize";
+export const keyActionType = "name";
+export const keyActionValue = "value";
+export const keyNavigationType = "type";
+
+//Default Values
+export const defaultFontSize = -1;
+export const defaultTextBgColor = "#00FFFFFF";
+export const defaultContainerBgColor = "#FFFFFF";
+
+//CampaignState
+export const keyLocalShowCount = "localShowCount";
+export const keyTotalShowCount = "totalShowCount";
+export const keyIsClicked = "isClicked";
+export const keyFirstSeen = "firstSeen";
+export const keyFirstReceived = "firstReceived";
+export const keyIsNewCard = "isNewCard";
+export const keyCampaignPayload = "campaignPayload";
+export const keyCampaignState = "campaignState";
+export const keyDeletionTime = "deletionTime";
+export const keyUpdatedAt = "updated_at";
+export const keyCreatedAt = "created_at";
+
+//Display Control Constants
+export const keyExpireAt = "expire_at";
+export const keyExpireAfterSeen = "expire_after_seen";
+export const keyExpireAfterDelivered = "expire_after_delivered";
+export const keyMaxCount = "max_times_to_show";
+export const keyShowTime = "show_time";
+export const keyIsPinned = "is_pin";
+export const keyStartTime = "start_time";
+export const keyEndTime = "end_time";
+
+//Card Data export constants
+export const keyDisplayControl = "display_controls";
+export const keyShouldShowAllTab = "shouldShowAllTab";
+export const keyCategories = "categories";
+export const keyCards = "cards";
+export const keyCard = "card";
+export const keyWidgetIdentifier = "widgetId";
+export const keyIsAllCategoryEnabled = "isAllCategoryEnabled";
+export const keyNewCardsCount = "newCardsCount";
+export const keyUnClickedCardsCount = "unClickedCardsCount";
+
+//JSON Values export constants
+export const argumentPullToRefreshSync = "onPullToRefreshCardsSync";
+export const argumentInboxOpenSync = "onInboxOpenCardsSync";
+export const argumentAppOpenSync = "onAppOpenCardsSync";