Implement the React Native Package

import {initialiseZeoCollect} from 'zeo-collect';  

const App: () => React$Node = () => {   
     const {persistor, store} = storePre;       
           useEffect(() => {       
           const options = {"android_write_key":"1b19b1c2-dcfc-497e-8d86-8d38cd183c5b",                        
                            "ios_write_key":"1b19b1c2-dcfc-497e-8d86-8d38cd183c5b",                         
                            "batch_size": 17,                         
                            "opt_out":false,                         
                            "service_interval": 50,                         
                            "use_consent": false,                         
                            "check_for_cmp":false,                         
                            "user_country": "ind" }         
            initialiseZeoCollect(options);         
            
            // initialiseZeoCollect with callback
            // initialiseZeoCollect(options, (data) -> {console.log("Initialisation status", data);});
            ...
            }, []);   
            return (     
                <Provider store={store}>     
                // ...
                </Provider>   
            ); 
};

import { setEventNameProperties } from 'zeo-collect';  
// ... 
// Inside your component 
return (   
    <Button title="Primary Button" onPress={() => setEventNameProperties("primary_button_clicked")} /> 
);

import { setEventProperties } from 'zeo-collect';  
// ... 
// Inside your component 
return (   
     <Button title="Primary Button" onPress={() => setEventProperties("primary_button_clicked", { name, description, price })} />
);

import { setEventProperties, setPageProperties } from 'zeo-collect';  
// ... 
// Inside your component 
const _renderBottom = () => {   
return (     
    <BottomButtons       
    onPress={() => {         
    setPageProperties({ page: "Product Detail" });         
    setEventProperties("Add To Cart", { name, price, size, color, quantity: 1 });         o
    nAddToCart();         
    navigation.navigate('Cart');       
    }}     
  />   
 ); 
};

import { setPageProperties } from 'zeo-collect';  
// ...  
const pageProperties = { "name": "Product" }; 
setPageProperties(pageProperties);

import {setEventProperties} from 'zeo-collect' 
... 
let eventProperties = { 
"productName": "test product", 
"color": "white", 
"price": "100" 
} 
setEventProperties("ViewProduct", eventProperties)

{ 
"events": [ 
{ 
"eventUUID": "4b22525c-de33-4c5f-8934-e04e682e9f6e", 
"event": { 
"eventName": "ViewProduct", 
"productName": "test product", 
"color": "white", 
"prize": "100", 
"eventTimestamp": "2022-01-11 07:25:23 UTC" }, 
"user": { 
"App_version": "1.0", 
"adid": "93200ff8-9c05-4a27-9081-9a123543689b", 
"Device_ID": "51a03094e32facc3", 
"IP": "192.168.232.2", 
"Network_Type": "Wifi_Internet", 
"DeviceInfo": "Google : Android SDK built for x86 : 8.1.0", 
"user_zi": "a355b5e1-c5e3-4993-ba33-99c74555cb63", 
"App_name": "ZeotapApp", 
"Carrier": "Android" }, 
"version": "0.0.1" 
} 
] 
}

{ 
"events": [ 
{ "eventUUID": "4b22525c-de33-4c5f-8934-e04e682e9f6e", 
"event": { 
"eventName": "ViewProduct", 
"productName": "test product", 
"color": "white", 
"price": "100", 
"eventTimestamp": "2022-01-11 07:25:23 UTC" }, 
"user": { "app_name": "TestApp", 
"advertising_id": "8626081E-56FB-4EB8-968D-56BB6156BB26" 
"att_authorization_status": "authorized" 
"os_type": "iOS" 
"os_version": "15.5", 
"country": "GBR" 
"app_version": "1.0", 
"device_model_identifier": "iPhone13,2", 
"network_type": "wi-fi", 
"carrier": "Jio 4G", 
"zi": "3B2F4C6D-2455-4BFD-8A1C-04FB5FEE4017" 
}, 
"version": "1.0.0" 
} 
] 
}

import {setUserProperties } from 'zeo-collect' 
... 
let userProperties = { 
"property": "value" } 
setUserProperties(userProperties);

import {setUserIdentities } from 'zeo-collect'  

let userIdentities = { 
"email": "test@gmail.com", 
"loginid": "testUser123", 
"cellno": "49 1234567890", \
"cellno_cc", "91-1234890987" 
}  
setUserIdentities(userIdentities);

import {setEventProperties} from 'zeo-collect' 
... 
let eventProperties = { 
"productName": "test product", 
"color": "white", 
"price": "100" 
} 
setEventProperties("ViewProduct", eventProperties, (res) => {
// Implementation of callback function
})

let userProperties = 
{ "profileInfo": "xyz" }  
setUserProperties(userProperties);

let consentData = {"track": true,"identify": true} 
setConsent(consent: consentData); // to signal consent

listenToAskForConsent 
(action: { _ in 
// trigger UI to appear 
});

let brandConsentData = {"zeotapVendorConsent": true, "xyzVendorConsent": false}
setConsent(brandConsentData);

import AppTrackingTransparency
import AdSupport
import ZeotapCollect

ATTrackingManager.requestTrackingAuthorization { status in
Collect.getInstance()?.setAdvertisingIdByATTStatus(status: status)
}

import AppTrackingTransparency
import AdSupport
import ZeotapCollect

ATTrackingManager.requestTrackingAuthorization { status in
switch status {
  case .authorized:
    Collect.getInstance()?.setATTStatusAndAdvertisingId(
    status: status,
    advertisingId:
    ASIdentifierManager.shared().advertisingIdentifier.uuidString
    )
  case .denied:
    Collect.getInstance()?.setATTStatusAndAdvertisingId(
    status: status
    )
  case .notDetermined:
    Collect.getInstance()?.setATTStatusAndAdvertisingId(
    status: status
    ) 
  case .restricted:
    Collect.getInstance()?.setATTStatusAndAdvertisingId(
    status: status
    )
  @unknown default:
    print("Unknown")
  }
}

import 'setAdvertisingIdByATTStatus' from 'zeo-collect'

// retrieve ATT status 
setAdvertisingIdByATTStatus(ATTStatus)

import 'setATTStatusAndAdvertisingId' from 'zeo-collect'

// retrieve ATT status 
setAdvertisingIdByATTStatus(ATTStatus, advertisingId)