{"type":"doc","content":[{"type":"paragraph","content":[{"text":"SDK kurulumu tamamlandıktan sonra kodları alttaki şekilde uygulamanıza ekleyin.","type":"text","marks":[{"type":"strong"}]}]},{"type":"panel","attrs":{"panelType":"note"},"content":[{"type":"paragraph","content":[{"text":"appAlias","type":"text","marks":[{"type":"code"}]},{"text":" değeri iOS ve Android uygulamalar için farklı gönderilmelidir (Expo uygulamalar hariç)","type":"text"}]},{"type":"paragraph","content":[{"text":"Örnek;","type":"text"}]},{"type":"paragraph","content":[{"text":"const appAlias = Platform.OS === \"ios\" ? \"RelatedStoreIOS\" : \"RelatedStoreAndroid\";","type":"text","marks":[{"type":"code"}]}]}]},{"type":"codeBlock","attrs":{"language":"javascript"},"content":[{"text":"import { \n addEventListener, \n removeEventListener, \n requestPermissions, \n EuroMessageApi \n} from 'react-native-related-digital'\n\nconst appAlias = 'alias' // RMC ekibinden isteyiniz.\n \nexport const euroMessageApi = new EuroMessageApi(appAlias);\nexport const AddEventListener = addEventListener;\nexport const RequestPermissions = requestPermissions;","type":"text"}]},{"type":"heading","attrs":{"level":2},"content":[{"text":"Örnek kullanım","type":"text"}]},{"type":"panel","attrs":{"panelType":"warning"},"content":[{"type":"paragraph","content":[{"text":"VisilabsApi","type":"text","marks":[{"type":"code"}]},{"text":" ile ilgili satırları ","type":"text"},{"text":"buradan","type":"text","marks":[{"type":"link","attrs":{"href":"https://relateddigital.atlassian.net/wiki/spaces/RMCKBT/pages/1072988163/React+Native+-+Kullan+m"}}]},{"text":" inceleyebilirsiniz. ","type":"text"}]},{"type":"paragraph","content":[{"text":"Visilabs","type":"text","marks":[{"type":"strong"}]},{"text":" kullanmayacaksanız 9, 22 ve 36. satırları kaldırın.","type":"text"}]}]},{"type":"codeBlock","attrs":{"language":"javascript"},"content":[{"text":"import React, { useState, useEffect } from 'react';\nimport {\n SafeAreaView,\n StyleSheet,\n ScrollView,\n Button,\n View,\n ActivityIndicator,\n Platform\n} from 'react-native';\n\nimport { addEventListener, removeEventListener, requestPermissions, requestIDFA, EuroMessageApi, VisilabsApi, setApplicationIconBadgeNumber, logToConsole, RDStoryView, RecommendationAttribute, RecommendationFilterType } from 'react-native-related-digital'\n\nconst App = () => {\n const [loading, setLoading] = useState(false)\n\n const appAlias = 'alias'\n\n const siteId = \"SID\";\n const organizationId = \"OID\";\n const dataSource = \"datasource\";\n\n const euroMessageApi = new EuroMessageApi(appAlias)\n const visilabsApi = new VisilabsApi(appAlias, siteId, organizationId, dataSource)\n\n useEffect(() => {\n logToConsole(true)\n\n addExtra()\n addListeners()\n\n return () => removeListeners()\n }, [])\n\n const addListeners = () => {\n\n addEventListener('register', async (token) => {\n const subscribeResult = await euroMessageApi.subscribe(token)\n\n visilabsApi.register(token, (result) => {\n \n })\n }, (notificationPayload) => {\n console.log('notification payload', notificationPayload)\n }, euroMessageApi, visilabsApi)\n\n addEventListener('registrationError', async (registrationError) => {\n console.log('registrationError is ', registrationError)\n }, euroMessageApi)\n\n addEventListener('carouselItemClicked', async (carouselItemInfo) => {\n console.log('carouselItemInfo is ', carouselItemInfo)\n }, euroMessageApi)\n }\n\n const addExtra = async () => {\n // IYS parameters\n // await euroMessageApi.setUserProperty('ConsentTime', '2021-06-05 10:00:00')\n // await euroMessageApi.setUserProperty('RecipientType', 'BIREYSEL')\n // await euroMessageApi.setUserProperty('ConsentSource', 'HS_MOBIL')\n\n // Single\n // await euroMessageApi.setUserProperty('Email', EMAIL)\n // await euroMessageApi.setUserProperty('keyid', KEYID)\n // await euroMessageApi.setUserProperty('PushPermit', 'Y')\n\n // Or Object\n let userData = {\n \"KeyId\":KEYID,\n \"Email\":EMAIL,\n \"PushPermit\":\"Y\" // Y=active, N=passive\n }\n return euroMessageApi.setUserProperties(userData)\n }\n\n const login = async () => {\n addExtra().then(() =>\n euroMessageApi.subscribe(token)\n );\n }\n\n const setBadgeNumber = () => {\n const number = 3\n setApplicationIconBadgeNumber(number)\n }\n\n const sendCustomEvent = () => {\n visilabsApi.customEvent('*', {\n 'id': '1',\n 'name': 'Product Name'\n })\n }\n\n const getRecommendations = async () => {\n try {\n const zoneId = '6'\n const productCode = ''\n\n const properties = {\n \"OM.cat\":\"65\" // Category code\n }\n\n // optional\n const filters = [{\n attribute: RecommendationAttribute.PRODUCTNAME,\n filterType: RecommendationFilterType.like,\n value: 'laptop'\n }]\n\n const recommendations = await visilabsApi.getRecommendations(zoneId, productCode, properties, filters)\n console.log('recommendations', recommendations)\n }\n catch (e) {\n console.log('recommendations error', e)\n }\n }\n\n const showMailSubscriptionForm = () => {\n visilabsApi.customEvent('*pagename*', {\n 'OM.pv': '77',\n 'OM.pn': 'Product',\n 'OM.ppr': '39'\n })\n }\n\n const getFavoriteAttributeActions = async () => {\n try {\n const actionId = '474'\n\n const favoriteAttrs = await visilabsApi.getFavoriteAttributeActions(actionId)\n console.log('favoriteAttributeActions', favoriteAttrs)\n }\n catch (e) {\n console.log('favoriteAttributeActions error', e)\n }\n }\n\n const showSpinToWin = () => {\n visilabsApi.customEvent('*pragma_spintowin*', {\n 'OM.pv': '77',\n 'OM.pn': 'Nectarine Blossom & Honey Body & Hand Lotion',\n 'OM.ppr': '39'\n })\n }\n\n const trackInstalledApps = async () => {\n // android only\n await visilabsApi.sendTheListOfAppsInstalled()\n }\n\n const showScratchToWin = () => {\n visilabsApi.customEvent('*pragma_scratch*', {\n 'OM.pv': '77',\n 'OM.pn': 'Nectarine Blossom & Honey Body & Hand Lotion',\n 'OM.ppr': '39'\n })\n }\n\n const sendLocationPermissionEvent = async () => {\n await visilabsApi.sendLocationPermission()\n }\n\n const getPushMessages = async () => {\n const messages = await euroMessageApi.getPushMessages()\n console.log('messages', messages)\n }\n \n const pushPermitRequest = async (isProvisional) => {\n const pushPermit = await requestPermissions(isProvisional)\n console.log(\"Device Push Permit\",pushPermit);\n if (\n user.pushPermit == true // If permission has been granted before\n || // or\n typeof user.pushPermit === 'undefined' // If no definition has been made regarding the permission status\n ) {\n euroMessageApi.setUserProperties({pushPermit: pushPermit ? 'Y' : 'N'}).then(() => {\n euroMessageApi.subscribe(this.state.token)\n })\n }\n }\n\n const removeListeners = () => {\n removeEventListener('register')\n removeEventListener('registrationError')\n removeEventListener('carouselItemClicked')\n }\n\n return (\n <>\n \n {\n loading ?\n :\n \n {\n console.log('Story data', data)\n }}\n style={{ flex: 1 }}\n />\n