{"type":"doc","content":[{"type":"paragraph","content":[{"text":"Acknowledgments ","type":"text","marks":[{"type":"strong"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"iOS: Mapp plugin n support iOS10 and above","type":"text"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Android: Mapp plugin support for Android 21 (Lollipop) and above","type":"text"}]}]}]},{"type":"paragraph","content":[{"type":"hardBreak"},{"text":"P","type":"text"},{"text":"rerequisites","type":"text","marks":[{"type":"strong"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Node","type":"text","marks":[{"type":"link","attrs":{"href":"http://nodejs.org/"}}]},{"text":" and ","type":"text"},{"text":"Yarn","type":"text","marks":[{"type":"link","attrs":{"href":"https://yarnpkg.com"}}]},{"text":" installed on your mac.","type":"text"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"CocoaPods","type":"text","marks":[{"type":"link","attrs":{"href":"https://cocoapods.org"}}]},{"text":" (needed for iOS)","type":"text"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Mapp React Native plugin: ","type":"text"}]},{"type":"mediaSingle","attrs":{"layout":"center","width":139,"widthType":"pixel"},"content":[{"type":"media","attrs":{"width":126,"alt":"react-native-mapp-plugin","type":"external","url":"https://badge.fury.io/js/react-native-mapp-plugin.svg","height":20},"marks":[{"type":"link","attrs":{"href":"https://www.npmjs.com/package/react-native-mapp-plugin"}}]}]}]}]},{"type":"heading","attrs":{"level":4},"content":[{"text":"Required React and ReactNative versions","type":"text"}]},{"type":"codeBlock","attrs":{"language":"json"},"content":[{"text":"\"react\": \"18.2.0\"\n\"react-native\": \"0.73.4\"","type":"text"}]},{"type":"paragraph","content":[{"text":"Installation ","type":"text","marks":[{"type":"strong"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Use command ","type":"text"},{"text":"npm install https://github.com/MappCloud/React-native-plugin.git --save","type":"text","marks":[{"type":"code"}]}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"or ","type":"text"},{"text":"npm install react-native-mapp-plugin --save","type":"text","marks":[{"type":"code"}]}]},{"type":"paragraph"}]}]},{"type":"paragraph","content":[{"text":"Integration","type":"text","marks":[{"type":"strong"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Download plugin locally.","type":"text"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":" Add it as dependency to your package.json","type":"text"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"yarn install or npm ","type":"text"}]}]}]},{"type":"paragraph","content":[{"text":"Android Manually integration for the old versions","type":"text","marks":[{"type":"strong"}]}]},{"type":"orderedList","attrs":{"order":1},"content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Open up `android/app/src/main/java/[...]/MainActivity.java`","type":"text"}]}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Add `import com.reactlibrary.RNMappPluginPackage;` to the imports at the top of the file","type":"text"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Add `new RNMappPluginPackage()` to the list returned by the `getPackages()` method","type":"text"}]}]}]},{"type":"paragraph","content":[{"text":"2. Append the following lines to `android/settings.gradle`:","type":"text"}]},{"type":"paragraph","content":[{"text":" ","type":"text"},{"text":" include ':react-native-mapp-plugin'","type":"text","marks":[{"type":"code"}]}]},{"type":"paragraph","content":[{"text":" project(':react-native-mapp-plugin').projectDir = new File(rootProject.projectDir, '../node_modules/react-native-mapp-plugin/android')","type":"text","marks":[{"type":"code"}]}]},{"type":"paragraph","content":[{"text":" 3. Insert the following lines inside the dependencies block in `android/app/build.gradle`:","type":"text"}]},{"type":"paragraph","content":[{"text":" ","type":"text"},{"text":" compile project(':react-native-mapp-plugin')","type":"text","marks":[{"type":"code"}]}]},{"type":"paragraph"},{"type":"paragraph","content":[{"text":"Android Setup: ","type":"text","marks":[{"type":"strong"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Setup Firebase on Firebase message console ","type":"text"},{"type":"inlineCard","attrs":{"url":"https://mapp-wiki.atlassian.net/wiki/spaces/MIC/pages/430469"}},{"text":" ","type":"text"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Add a plugin in build.Gradle","type":"text"}]}]},{"type":"listItem","content":[{"type":"codeBlock","content":[{"text":"apply plugin: 'com.google.gms.google-services'\n","type":"text"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":" if use Geo add permissions in manifests(Optional only for geolocation)","type":"text"}]}]}]},{"type":"codeBlock","content":[{"text":"\n\n Remote Notifications","type":"text"}]},{"type":"paragraph","content":[{"text":" - Background Modes > Location updates","type":"text"}]},{"type":"mediaSingle","attrs":{"layout":"center"},"content":[{"type":"media","attrs":{"width":1085,"id":"62393b41-3455-41c3-b833-61953467fa80","collection":"contentId-1154875400","type":"file","height":499}}]},{"type":"paragraph"},{"type":"paragraph","content":[{"text":" 3) Create a plist `AppoxeeConfig.plist` and include it in your application’s target: ","type":"text"}]},{"type":"mediaSingle","attrs":{"layout":"center"},"content":[{"type":"media","attrs":{"width":933,"id":"1b104703-9884-420c-95b4-6e6c4284ca5a","collection":"contentId-1154875400","type":"file","height":349}}]},{"type":"codeBlock","attrs":{"language":"xml"},"content":[{"text":"\n\n\n\n inapp\n \n custom_fields\n \n customString\n customNumber\n customDate\n \n media_timeout\n 5\n \n sdk\n \n app_id\n your app id\n dmc_system_id\n your dmc id\n sdk_key\n your sdk key\n is_eu\n \n open_landing_page_inside_app\n \n jamie_url\n your inapp server url\n apx_open_url_internal\n YES\n \n\n","type":"text"}]},{"type":"paragraph"},{"type":"paragraph","content":[{"text":"4) If using Rich notifications follow instructions from: ","type":"text"}]},{"type":"paragraph","content":[{"type":"inlineCard","attrs":{"url":"https://mapp-wiki.atlassian.net/wiki/spaces/MIC/pages/351862864"}},{"text":" ","type":"text"}]},{"type":"paragraph","content":[{"text":"5)In order to execute action from buttons or message body the following code needs to be added at ","type":"text"},{"text":"AppDelegate","type":"text","marks":[{"type":"strong"}]},{"text":" file: ","type":"text"},{"type":"hardBreak"}]},{"type":"codeBlock","content":[{"text":"#import \n\n// Explicitly define remote notification delegates to ensure compatibility with some third-party libraries\n\n(\n\nvoid)application:(UIApplication *)application didReceiveRemoteNotification:(NSDictionary *)userInfo fetchCompletionHandler:(void (^)(UIBackgroundFetchResult))completionHandler\n\n{\n\n [[Appoxee shared] didReceiveRemoteNotification:userInfo fetchCompletionHandler:completionHandler andNotifyCompletionWithBlock:^(NSError * _Nullable appoxeeError, id _Nullable data) {\n\n \n\n }];\n\n return [super application:application didReceiveRemoteNotification:userInfo fetchCompletionHandler:completionHandler];\n\n}","type":"text"}]},{"type":"paragraph"}],"version":1}

Browser not supported