{"type":"doc","content":[{"type":"paragraph"},{"type":"extension","attrs":{"layout":"default","extensionType":"com.atlassian.confluence.macro.core","extensionKey":"toc","parameters":{"macroParams":{"minLevel":{"value":"1"},"maxLevel":{"value":"7"}},"macroMetadata":{"macroId":{"value":"0bb55d2c-538e-45a2-b931-cf9dc036a654"},"schemaVersion":{"value":"1"},"title":"Table of Contents"}},"localId":"f68039c2-e106-4f23-b73d-2db202b086de"}},{"type":"heading","attrs":{"level":2},"content":[{"text":"Installation","type":"text"}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Install prerequisites.","type":"text"}]}]}]},{"type":"codeBlock","content":[{"text":"yarn add @react-native-async-storage/async-storage","type":"text"}]},{"type":"paragraph","content":[{"text":"or","type":"text"}]},{"type":"codeBlock","content":[{"text":"npm i @react-native-async-storage/async-storage","type":"text"}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Install package.","type":"text"}]}]}]},{"type":"codeBlock","content":[{"text":"yarn add react-native-related-digital","type":"text"}]},{"type":"paragraph","content":[{"text":"or","type":"text"}]},{"type":"codeBlock","content":[{"text":"npm i react-native-related-digital","type":"text"}]},{"type":"paragraph"},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Install pods (IOS only).","type":"text"}]}]}]},{"type":"codeBlock","content":[{"text":"cd ios\npod install","type":"text"}]},{"type":"paragraph"},{"type":"heading","attrs":{"level":2},"content":[{"text":"Platform Integrations","type":"text"}]},{"type":"heading","attrs":{"level":3},"content":[{"text":"Android","type":"text"}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Create a Firebase project and register your app. Download google-services.json file and place it in ","type":"text"},{"text":"android/app","type":"text","marks":[{"type":"code"}]},{"text":" folder.","type":"text"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Add below line to your ","type":"text"},{"text":"android/build.gradle","type":"text","marks":[{"type":"code"}]},{"text":" file's both repositories sections. If you are going to do Huawei integration, add the ","type":"text"},{"text":"agconnect-services.json","type":"text","marks":[{"type":"code"}]},{"text":" file to the same location.","type":"text"}]}]}]},{"type":"codeBlock","content":[{"text":"mavenCentral()\nmaven {\n url 'http://developer.huawei.com/repo/'\n allowInsecureProtocol = true\n}","type":"text"}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Add below lines to your ","type":"text"},{"text":"android/build.gradle","type":"text","marks":[{"type":"code"}]},{"text":" file's dependencies section.","type":"text"}]}]}]},{"type":"codeBlock","content":[{"text":"classpath 'com.google.gms:google-services:4.3.14'\nclasspath 'com.huawei.agconnect:agcp:1.6.5.300'","type":"text"}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Change your ","type":"text"},{"text":"minSdkVersion","type":"text","marks":[{"type":"code"}]},{"text":" to 21.","type":"text"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Change your ","type":"text"},{"text":"compileSdkVersion","type":"text","marks":[{"type":"code"}]},{"text":" and ","type":"text"},{"text":"targetSdkVersion","type":"text","marks":[{"type":"code"}]},{"text":" to 32.","type":"text"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Add below lines to your ","type":"text"},{"text":"android/app/build.gradle","type":"text","marks":[{"type":"code"}]},{"text":" file's bottom.","type":"text"}]}]}]},{"type":"codeBlock","content":[{"text":"apply plugin: 'com.google.gms.google-services'\napply plugin: 'com.huawei.agconnect'","type":"text"}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Add below line to your ","type":"text"},{"text":"android/app/build.gradle","type":"text","marks":[{"type":"code"}]},{"text":" file's defaultConfig section.","type":"text"}]}]}]},{"type":"codeBlock","content":[{"text":"multiDexEnabled true","type":"text"}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Add below code to your ","type":"text"},{"text":"AndroidManifest.xml","type":"text","marks":[{"type":"code"}]},{"text":" file's ","type":"text"},{"text":"application","type":"text","marks":[{"type":"code"}]},{"text":" section to receive notifications when the app is foreground.","type":"text"}]}]}]},{"type":"codeBlock","attrs":{"language":"xml"},"content":[{"text":"\n \n \n \n","type":"text"}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"If you are going to do Huawei integration, add the following lines to the file.","type":"text"}]}]}]},{"type":"codeBlock","attrs":{"language":"xml"},"content":[{"text":"\n \n \n \n","type":"text"}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"In order to send push to Huawei devices, you need to follow the steps in the link from the Huawei Developer panel. ","type":"text"},{"type":"inlineCard","attrs":{"url":"https://developer.huawei.com/consumer/en/doc/HMS-Plugin-Guides-V1/config-agc-0000001050178043-V1"}},{"text":" ","type":"text"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Add below code to your ","type":"text"},{"text":"AndroidManifest.xml","type":"text","marks":[{"type":"code"}]},{"text":" file's ","type":"text"},{"text":"application","type":"text","marks":[{"type":"code"}]},{"text":" section to enable geofence capability.","type":"text"}]}]}]},{"type":"codeBlock","attrs":{"language":"xml"},"content":[{"text":"\n\n\n\n\n \n \n \n\n\n\n\n","type":"text"}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Modify your ","type":"text"},{"text":"MainApplication.java","type":"text","marks":[{"type":"code"}]},{"text":" as below to init library. Change geofenceEnabled parameter as you want.","type":"text"}]}]}]},{"type":"codeBlock","attrs":{"language":"java"},"content":[{"text":"import com.visilabs.Visilabs;\nimport euromsg.com.euromobileandroid.EuroMobileManager;\n\n@Override\npublic void onCreate() {\n // ...\n\n initEuroMessage();\n}\n\nprivate void initEuroMessage() {\n String appAlias = \"demo-alias\";\n String huaweiAppAlias = \"demo-alias-huawei\";\n String organizationId = \"OID\";\n String siteId = \"SID\";\n String datasource = \"datasource\";\n String channel = \"Android\";\n String segmentUrl = \"http://lgr.visilabs.net\";\n String realtimeUrl = \"http://rt.visilabs.net\";\n String targetUrl = \"http://s.visilabs.net/json\";\n String actionUrl = \"http://s.visilabs.net/actjson\";\n String geofenceUrl = \"http://s.visilabs.net/geojson\";\n\n Visilabs.CreateAPI(organizationId, siteId, segmentUrl,\n datasource, realtimeUrl, channel, this, targetUrl, actionUrl, 30000, geofenceUrl, true);\n\n EuroMobileManager euroMobileManager = EuroMobileManager.init(appAlias, huaweiAppAlias, this);\n \n // optional\n euroMobileManager.setPushIntent(\"com.pushsdk.MainActivity\", this);\n euroMobileManager.setNotificationTransparentSmallIcon(R.drawable.ic_launcher, this);\n euroMobileManager.setNotificationTransparentSmallIconDarkMode(R.drawable.ic_launcher, this);\n euroMobileManager.useNotificationLargeIcon(true);\n euroMobileManager.setNotificationLargeIcon(R.drawable.ic_launcher, this);\n euroMobileManager.setNotificationLargeIconDarkMode(R.drawable.ic_launcher, this);\n euroMobileManager.setNotificationColor(\"#d1dbbd\");\n euroMobileManager.setChannelName(\"Channel\", this);\n}","type":"text"}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"If you want to track installed apps, call below method.","type":"text"}]}]}]},{"type":"codeBlock","attrs":{"language":"javascript"},"content":[{"text":" await visilabsApi.sendTheListOfAppsInstalled()","type":"text"}]},{"type":"paragraph","content":[{"text":"Also, add one of the below sections to your ","type":"text"},{"text":"AndroidManifest.xml","type":"text","marks":[{"type":"code"}]}]},{"type":"paragraph","content":[{"text":"Option 1","type":"text","marks":[{"type":"strong"}]}]},{"type":"codeBlock","attrs":{"language":"xml"},"content":[{"text":"\n \n \n \n \n","type":"text"}]},{"type":"paragraph","content":[{"text":"Option 2","type":"text","marks":[{"type":"strong"}]}]},{"type":"codeBlock","attrs":{"language":"xml"},"content":[{"text":"","type":"text"}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Add below listener to be able to handle carousel push notification's item click.","type":"text"}]}]}]},{"type":"codeBlock","attrs":{"language":"javascript"},"content":[{"text":" addEventListener('carouselItemClicked', async (carouselItemInfo) => {\n console.log('carouselItemInfo is ', carouselItemInfo)\n }, euroMessageApi)","type":"text"}]},{"type":"paragraph"},{"type":"heading","attrs":{"level":3},"content":[{"text":"IOS","type":"text"}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Enable ","type":"text"},{"text":"Push Notifications","type":"text","marks":[{"type":"strong"}]},{"text":" and ","type":"text"},{"text":"Background Modes->Remote Notifications","type":"text","marks":[{"type":"strong"}]},{"text":" capabilities.","type":"text"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Import library in ","type":"text"},{"text":"AppDelegate.h","type":"text","marks":[{"type":"code"}]}]}]}]},{"type":"codeBlock","attrs":{"language":"objective-c"},"content":[{"text":"#import ","type":"text"}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Modify ","type":"text"},{"text":"AppDelegate.h","type":"text","marks":[{"type":"code"}]},{"text":" and add UNUserNotificationCenterDelegate. (Classical React Native Project)","type":"text"}]}]}]},{"type":"codeBlock","attrs":{"language":"objective-c"},"content":[{"text":"@interface AppDelegate : UIResponder ","type":"text"}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Modify ","type":"text"},{"text":"AppDelegate.h","type":"text","marks":[{"type":"code"}]},{"text":" and add UNUserNotificationCenterDelegate. (Expo Project)","type":"text"}]}]}]},{"type":"codeBlock","attrs":{"language":"objective-c"},"content":[{"text":"@interface AppDelegate : UMAppDelegateWrapper ","type":"text"}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Import libraries in ","type":"text"},{"text":"AppDelegate.m","type":"text","marks":[{"type":"code"}]}]}]}]},{"type":"codeBlock","attrs":{"language":"objective-c"},"content":[{"text":"#import \"RelatedDigitalPushModule.h\"\n#import ","type":"text"}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Modify ","type":"text"},{"text":"AppDelegate.m","type":"text","marks":[{"type":"code"}]},{"text":" file's ","type":"text"},{"text":"didFinishLaunchingWithOptions","type":"text","marks":[{"type":"code"}]},{"text":" method and add the following just before return statement.","type":"text"}]}]}]},{"type":"codeBlock","attrs":{"language":"objective-c"},"content":[{"text":"UNUserNotificationCenter *center = [UNUserNotificationCenter currentNotificationCenter];\ncenter.delegate = self;","type":"text"}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Modify ","type":"text"},{"text":"AppDelegate.m","type":"text","marks":[{"type":"code"}]},{"text":" and add following methods.","type":"text"}]}]}]},{"type":"codeBlock","attrs":{"language":"objective-c"},"content":[{"text":"- (void)application:(UIApplication *)application didRegisterUserNotificationSettings:(UIUserNotificationSettings *)notificationSettings\n{\n [RelatedDigitalPushModule didRegisterUserNotificationSettings:notificationSettings];\n}\n\n- (void)application:(UIApplication *)application didRegisterForRemoteNotificationsWithDeviceToken:(NSData *)deviceToken\n{\n [RelatedDigitalPushModule didRegisterForRemoteNotificationsWithDeviceToken:deviceToken];\n}\n\n- (void)application:(UIApplication *)application didReceiveRemoteNotification:(NSDictionary *)userInfo\nfetchCompletionHandler:(void (^)(UIBackgroundFetchResult))completionHandler\n{\n [RelatedDigitalPushModule didReceiveRemoteNotification:userInfo fetchCompletionHandler:completionHandler];\n}\n\n- (void)application:(UIApplication *)application didFailToRegisterForRemoteNotificationsWithError:(NSError *)error\n{\n [RelatedDigitalPushModule didFailToRegisterForRemoteNotificationsWithError:error];\n}\n\n-(void)userNotificationCenter:(UNUserNotificationCenter *)center willPresentNotification:(UNNotification *)notification withCompletionHandler:(void (^)(UNNotificationPresentationOptions options))completionHandler\n{\n completionHandler(UNAuthorizationOptionSound | UNAuthorizationOptionAlert | UNAuthorizationOptionBadge);\n}","type":"text"}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Modify ","type":"text"},{"text":"AppDelegate.m","type":"text","marks":[{"type":"code"}]},{"text":" file's ","type":"text"},{"text":"didFinishLaunchingWithOptions","type":"text","marks":[{"type":"code"}]},{"text":" method and add the following just before return statement. Modify inAppNotificationsEnabled and geofenceEnabled parameters as you want.","type":"text"}]}]}]},{"type":"codeBlock","attrs":{"language":"objective-c"},"content":[{"text":"[RelatedDigitalPushModule initRelatedDigital:@\"organization_id\" profileId:@\"profile_id\" dataSource:@\"datasource\" appAlias:@\"app_alias\" inAppNotificationsEnabled:true requestTimeoutSeconds:30 geofenceEnabled:true maxGeofenceCount:20 isIDFAEnabled:true loggingEnabled:true];","type":"text"}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Add ","type":"text"},{"text":"Empty.swift","type":"text","marks":[{"type":"code"}]},{"text":" file to your project as the sdk contains Swift code and xcode requires at least one empty swift file in each target.","type":"text"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Add ","type":"text"},{"text":"NSUserTrackingUsageDescription","type":"text","marks":[{"type":"code"}]},{"text":" to your ","type":"text"},{"text":"Info.plist","type":"text","marks":[{"type":"code"}]},{"text":" file to be able to use AdvertisingTrackingID on iOS 14 and later. If you don't want to use it, set ","type":"text"},{"text":"isIDFAEnabled","type":"text","marks":[{"type":"code"}]},{"text":" to ","type":"text"},{"text":"false","type":"text","marks":[{"type":"code"}]},{"text":" among the ","type":"text"},{"text":"initRelatedDigital","type":"text","marks":[{"type":"code"}]},{"text":" parameters.","type":"text"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"If you have any issues while building the app due to ","type":"text"},{"text":"_swift_getFunctionReplacement","type":"text","marks":[{"type":"code"}]},{"text":" or any swift related errors, try editing your project's (not target) ","type":"text"},{"text":"Library Search Paths","type":"text","marks":[{"type":"code"}]},{"text":" and remove ","type":"text"},{"text":"$(TOOLCHAIN_DIR)/usr/lib/swift-5.0/$(PLATFORM_NAME)","type":"text","marks":[{"type":"code"}]},{"text":" line.","type":"text"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"If you are going to use in app notifications feature, add below lines to your project target's ","type":"text"},{"text":"Build Phases","type":"text","marks":[{"type":"code"}]},{"text":"->","type":"text"},{"text":"Copy Bundle Resources","type":"text","marks":[{"type":"code"}]},{"text":" section. Select ","type":"text"},{"text":"Create folder references","type":"text","marks":[{"type":"code"}]},{"text":" when prompted. ","type":"text"}]},{"type":"codeBlock","content":[{"text":"Pods/VisilabsIOS/Sources/TargetingAction/InAppNotification/Views/VisilabsMiniNotificationViewController.xib\nPods/VisilabsIOS/Sources/TargetingAction/InAppNotification/Views/VisilabsFullNotificationViewController.xib\nPods/VisilabsIOS/Sources/TargetingAction/sideBar/sideBarView.xib","type":"text"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"To enable rich notification capabilites like showing image or video;","type":"text"}]}]}]},{"type":"orderedList","attrs":{"order":1},"content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Add ","type":"text"},{"text":"Notification Service Extension","type":"text","marks":[{"type":"code"}]},{"text":" target to your project and name it ","type":"text"},{"text":"RelatedDigitalNotificationService","type":"text","marks":[{"type":"code"}]},{"text":". Change this service's target iOS version to 10.0. Then change newly added ","type":"text"},{"text":"NotificationService.m","type":"text","marks":[{"type":"code"}]},{"text":" file contents with the following: (Don't forget to enter your app name instead of ","type":"text"},{"text":"APP_ALIAS","type":"text","marks":[{"type":"code"}]},{"text":")","type":"text"}]},{"type":"codeBlock","attrs":{"language":"objective-c"},"content":[{"text":"#import \"NotificationService.h\"\n#import \"RelatedDigitalNotificationService.h\"\n\n@interface NotificationService ()\n\n@property (nonatomic, strong) void (^contentHandler)(UNNotificationContent *contentToDeliver);\n@property (nonatomic, strong) UNMutableNotificationContent *bestAttemptContent;\n\n@end\n\n@implementation NotificationService\n\n- (void)didReceiveNotificationRequest:(UNNotificationRequest *)request withContentHandler:(void (^)(UNNotificationContent * _Nonnull))contentHandler {\n self.contentHandler = contentHandler;\n self.bestAttemptContent = [request.content mutableCopy];\n \n [RelatedDigitalNotificationService didReceiveNotificationRequest:@\"APP_ALIAS\" withBestAttemptContent:self.bestAttemptContent withContentHandler:self.contentHandler];\n}\n\n- (void)serviceExtensionTimeWillExpire {\n // Called just before the extension will be terminated by the system.\n // Use this as an opportunity to deliver your \"best attempt\" at modified content, otherwise the original push payload will be used.\n [RelatedDigitalNotificationService didReceiveNotificationRequest:@\"APP_ALIAS\" withBestAttemptContent:self.bestAttemptContent withContentHandler:self.contentHandler];\n}\n\n@end","type":"text"}]},{"type":"paragraph"}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Add below lines to your Podfile's root level.","type":"text"}]},{"type":"codeBlock","content":[{"text":"target 'RelatedDigitalNotificationService' do\n pod 'react-native-related-digital', :path => '../node_modules/react-native-related-digital'\n \n use_native_modules!\nend\n\n# Post Install processing for RelatedDigitalNotificationService causing errors\ndef notification_service_post_install(installer)\n installer.pods_project.targets.each do |target|\n target.build_configurations.each do |config|\n config.build_settings['APPLICATION_EXTENSION_API_ONLY'] = 'NO'\n end\n end\nend","type":"text"}]},{"type":"paragraph"}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Modify Podfile and have the following in main target section.","type":"text"}]},{"type":"codeBlock","content":[{"text":"post_install do |installer|\n notification_service_post_install(installer)\n # Other post install function calls\nend","type":"text"}]},{"type":"paragraph"}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Add ","type":"text"},{"text":"Empty.swift","type":"text","marks":[{"type":"code"}]},{"text":" file to your RelatedDigitalNotificationService target as the sdk contains Swift code and xcode requires at least one empty swift file in each target.","type":"text"},{"type":"hardBreak"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Make sure your deployment target is ios 10.","type":"text"}]},{"type":"codeBlock","content":[{"text":"platform :ios, '10.0'","type":"text"}]},{"type":"paragraph"}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Execute ","type":"text"},{"text":"pod install","type":"text","marks":[{"type":"code"}]},{"text":" then run.","type":"text"}]}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"To enable push notification carousel;","type":"text"}]}]}]},{"type":"orderedList","attrs":{"order":1},"content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Add ","type":"text"},{"text":"Notification Content Extension","type":"text","marks":[{"type":"code"}]},{"text":" target to your project and name it ","type":"text"},{"text":"RelatedDigitalNotificationContent","type":"text","marks":[{"type":"code"}]},{"text":". Change this service's target iOS version to 11.0. Remove newly added files under RelatedDigitalNotificationContent except Info.plist. Then add EMNotificationViewController.swift file with the following content.","type":"text"}]},{"type":"codeBlock","attrs":{"language":"swift"},"content":[{"text":"import UIKit\nimport UserNotifications\nimport UserNotificationsUI\nimport Euromsg\n\n@objc(EMNotificationViewController)\nclass EMNotificationViewController: UIViewController, UNNotificationContentExtension {\n \n let carouselView = EMNotificationCarousel.initView()\n var completion: ((_ url: URL?, _ bestAttemptContent: UNMutableNotificationContent?) -> Void)?\n \n var notificationRequestIdentifier = \"\"\n \n func didReceive(_ notification: UNNotification) {\n notificationRequestIdentifier = notification.request.identifier\n Euromsg.configure(appAlias: \"APP_ALIAS\", launchOptions: nil, enableLog: true)\n carouselView.didReceive(notification)\n }\n func didReceive(_ response: UNNotificationResponse, completionHandler completion: @escaping (UNNotificationContentExtensionResponseOption) -> Void) {\n carouselView.didReceive(response, completionHandler: completion)\n\n }\n override func loadView() {\n completion = { [weak self] url, bestAttemptContent in\n if let identifier = self?.notificationRequestIdentifier {\n UNUserNotificationCenter.current().removeDeliveredNotifications(withIdentifiers: [identifier])\n UNUserNotificationCenter.current().getDeliveredNotifications(completionHandler: { notifications in\n bestAttemptContent?.badge = NSNumber(value: notifications.count)\n })\n }\n if let url = url {\n if #available(iOSApplicationExtension 12.0, *) {\n self?.extensionContext?.dismissNotificationContentExtension()\n }\n self?.extensionContext?.open(url)\n } else {\n if #available(iOSApplicationExtension 12.0, *) {\n self?.extensionContext?.performNotificationDefaultAction()\n }\n }\n }\n carouselView.completion = completion\n carouselView.delegate = self\n self.view = carouselView\n }\n}\n\n/**\n Add if you want to track which carousel element has been selected\n */\nextension EMNotificationViewController: CarouselDelegate {\n \n func selectedItem(_ element: EMMessage.Element) {\n // Add your work...\n print(\"Selected element is => \\(element)\")\n }\n \n}","type":"text"}]},{"type":"paragraph"}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Add or replace the following lines in newly added ","type":"text"},{"text":"RelatedDigitalNotificationContent/Info.plist","type":"text","marks":[{"type":"code"}]}]},{"type":"codeBlock","content":[{"text":"NSExtension\n\n NSExtensionAttributes\n \n UNNotificationExtensionUserInteractionEnabled\n \n UNNotificationExtensionDefaultContentHidden\n \n UNNotificationExtensionCategory\n carousel\n UNNotificationExtensionInitialContentSizeRatio\n 1\n \n NSExtensionPrincipalClass\n RelatedDigitalNotificationContent.EMNotificationViewController\n NSExtensionPointIdentifier\n com.apple.usernotifications.content-extension\n\n","type":"text"}]},{"type":"paragraph"}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Add below lines to your Podfile's root level.","type":"text"}]},{"type":"codeBlock","content":[{"text":"target 'RelatedDigitalNotificationContent' do\n use_native_modules!\n \n pod 'Euromsg', '>= 2.0.0'\nend","type":"text"}]},{"type":"paragraph"}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"In Xcode, select ","type":"text"},{"text":"RelatedDigitalNotificationContent","type":"text","marks":[{"type":"code"}]},{"text":" target and add below files to ","type":"text"},{"text":"Build Phases","type":"text","marks":[{"type":"code"}]},{"text":"->","type":"text"},{"text":"Copy Bundle Resources","type":"text","marks":[{"type":"code"}]},{"text":" section. Select ","type":"text"},{"text":"Create folder references","type":"text","marks":[{"type":"code"}]},{"text":" when prompted. ","type":"text"}]},{"type":"codeBlock","content":[{"text":"Pods/Euromsg/Sources/Euromsg/Classes/EMNotificationCarousel/CarouselCell.xib\nPods/Euromsg/Sources/Euromsg/Classes/EMNotificationCarousel/EMNotificationCarousel.xib","type":"text"}]},{"type":"paragraph"}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Make sure your deployment target is ios 10.","type":"text"}]},{"type":"codeBlock","content":[{"text":"platform :ios, '10.0'","type":"text"}]},{"type":"paragraph"}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Execute ","type":"text"},{"text":"pod install","type":"text","marks":[{"type":"code"}]},{"text":" then run.","type":"text"}]}]}]},{"type":"paragraph","content":[{"text":"App Groups","type":"text","marks":[{"type":"strong"}]}]},{"type":"paragraph","content":[{"text":"Enable ","type":"text"},{"text":"App Groups","type":"text","marks":[{"type":"code"}]},{"text":" Capability for your targets. App Groups allow your app to execute code when a notification is recieved, even if your app is not active. This is required for Related Digital's analytics features and to store and access notification payloads of the last 30 days.","type":"text"}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"In your Main App Target go to ","type":"text"},{"text":"Signing & Capabilities > All","type":"text","marks":[{"type":"code"}]},{"text":".","type":"text"}]},{"type":"paragraph","content":[{"text":"Click ","type":"text"},{"text":"+ Capability","type":"text","marks":[{"type":"code"}]},{"text":" if you do not have App Groups in your app yet.","type":"text"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Select App Groups.","type":"text"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Under App Groups click the ","type":"text"},{"text":"+","type":"text","marks":[{"type":"code"}]},{"text":" button.","type":"text"}]},{"type":"paragraph","content":[{"text":"Set the ","type":"text"},{"text":"App Groups","type":"text","marks":[{"type":"code"}]},{"text":" container to be ","type":"text"},{"text":"group.BUNDLE_ID.relateddigital","type":"text","marks":[{"type":"code"}]},{"text":" where ","type":"text"},{"text":"BUNDLE_ID","type":"text","marks":[{"type":"code"}]},{"text":" is the same as set in ","type":"text"},{"text":"Bundle Identifier","type":"text","marks":[{"type":"code"}]},{"text":".","type":"text"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Press OK.","type":"text"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"In the NotificationServiceExtension Target","type":"text"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Go to ","type":"text"},{"text":"Signing & Capabilities > All","type":"text","marks":[{"type":"code"}]}]},{"type":"paragraph","content":[{"text":"Click ","type":"text"},{"text":"+ Capability","type":"text","marks":[{"type":"code"}]},{"text":" if you do not have App Groups in your app yet.","type":"text"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Select App Groups","type":"text"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"In the NotificationContentExtension Target go to ","type":"text"},{"text":"Signing & Capabilities","type":"text","marks":[{"type":"code"}]},{"text":" > All`.","type":"text"}]},{"type":"paragraph","content":[{"text":"Click ","type":"text"},{"text":"+ Capability","type":"text","marks":[{"type":"code"}]},{"text":".","type":"text"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Select App Groups","type":"text"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Under App Groups click the ","type":"text"},{"text":"+","type":"text","marks":[{"type":"code"}]},{"text":" button.","type":"text"}]},{"type":"paragraph","content":[{"text":"Set the ","type":"text"},{"text":"App Groups","type":"text","marks":[{"type":"code"}]},{"text":" container to be ","type":"text"},{"text":"group.BUNDLE_ID.relateddigital","type":"text","marks":[{"type":"code"}]},{"text":" where ","type":"text"},{"text":"BUNDLE_ID","type":"text","marks":[{"type":"code"}]},{"text":" is the same as your Main App Target ","type":"text"},{"text":"Bundle Identifier","type":"text","marks":[{"type":"code"}]},{"text":". Do Not Include ","type":"text"},{"text":"NotificationServiceExtension","type":"text","marks":[{"type":"code"}]},{"text":" and ","type":"text"},{"text":"NotificationContentExtension","type":"text","marks":[{"type":"code"}]},{"text":".","type":"text"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Press OK","type":"text"}]}]}]},{"type":"mediaSingle","attrs":{"layout":"center"},"content":[{"type":"media","attrs":{"width":2206,"alt":"App Groups","id":"25580590-4a46-45ed-ba81-ae446b37595f","collection":"contentId-2194210817","type":"file","height":1644}}]},{"type":"mediaSingle","attrs":{"layout":"center"},"content":[{"type":"media","attrs":{"width":2212,"alt":"App Groups Name","id":"433ef83f-f18f-4db8-a911-8b566ab33f15","collection":"contentId-2194210817","type":"file","height":1760}}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"inlineExtension","attrs":{"extensionType":"com.atlassian.confluence.macro.core","extensionKey":"ui-button","parameters":{"macroParams":{"color":{"value":"green"},"title":{"value":"Next Step"},"url":{"value":"https://relateddigital.atlassian.net/wiki/spaces/KB/pages/2193981441/React+Native+-+Visilabs"}},"macroMetadata":{"macroId":{"value":"8c26381cd7aa41cfd318abd056051944"},"schemaVersion":{"value":"1"},"placeholder":[{"type":"icon","data":{"url":"https://static.dg.refinedtheme.refinedwiki.com/refinedtheme-for-cloud/macro-icons/button.png"}}],"title":"Refined Button"}},"localId":"b9e89de7-1369-4ac7-a0c1-984dda671289"}}]}],"version":1}