react-native-replika-purchase-tracking

This utility library facilitates purchase tracking for users arriving at your application via a Replika link. It provides a streamlined way to monitor and record purchases made by these users, enhancing your ability to analyze the effectiveness of Replika-directed traffic.

Installation

npm install react-native-replika-purchase-tracking

Usage

Setting up tracking and passing down the link that will be checked for tracking. And an example of deep linking, in this example we use the 'expo-linking' library

import { ReplikaTracking } from 'react-native-replika-purchase-tracking';
import * as Linking from 'expo-linking';

// ...
const url = Linking.useURL();
const [replikaLink, setReplikaLink] = useState('');

if (url) {
  const { hostname, path, queryParams } = Linking.parse(url);
  setReplikaLink(url);

  if (Object.keys(queryParams).length !== 0) {
    navigation.navigate("productdetail", {
      product: {
        "_id": "1",
        "image": "https://assets.adidas.com/images/w_940,f_auto,q_auto/5ae668a4e81749d6aa8c88dfee7c9882_9366/ID4989_01_standard.jpg",
        "price": 10,
        "quantity": 5,
        "title": "Product 1",
      }
    });

  }
}

// ...

return (
  <TopLevelAppComponent store={store}>
    <ReplikaTracking link={replikaLink}>
      <ChildComponents />
    </ReplikaTracking>
  </TopLevelAppComponent>
);

Calling the `purchaseMade` function

During the time of purchase make a call to the purchaseMade function. The function will check to see if the purchase will be made.

The first argument is the string key that you will be using to authorize the purchase.
The second argument is the order details that you will be sending to the function. The order details should be in the format of the OrderDetails interface.

import { purchaseMade } from 'react-native-replika-purchase-tracking';

// ...

// Example of a purchaseMade call
purchaseMade("<YOUR STRING KEY HERE>", {
  "consumerIdentifier": "anonymous",
  "orderId": "MobileLibraryTest005",
  "purchaseList": [
    {
      "productId": "AP_MBP_13",
      "productName": "Absolute Repair",
      "productPrice": "1800.00",
      "currency": "$",
      "productUrl": "https://myreplikacommerce.myreplika.com/absolute-repair-2",
      "productImage": "https://myreplikacommerce.myreplika.com/images/thumbs/0000169_absolute-repair_550.jpeg",
      "quantity": 2
    },
    {
      "productId": "HP_ESB_15",
      "productName": "Benefit Hair Oil",
      "productPrice": "1460.50",
      "currency": "$",
      "productUrl": "https://myreplikacommerce.myreplika.com/benefit-hair-oil-2",
      "productImage": "https://myreplikacommerce.myreplika.com/images/thumbs/0000171_benefit-hair-oil_550.jpeg",
      "quantity": 1
    }
  ],
  "purchaseTotalInfo": {
    "amount": "5060.50",
    "currency": "$"
  },
}).catch((error) => console.log('purchase Error', error));

Contributing

See the contributing guide to learn how to contribute to the repository and the development workflow.

License

MIT

Made with create-react-native-library