react-native-srschat 0.1.8 → 0.1.9

package/README.md

@@ -0,0 +1,70 @@
+# React Native Instalily Chat
+
+
+### Importing
+
+Installing the package:
+`npm i react-native-srschat`
+
+### Example Implementation
+
+```
+import React from 'react';
+import { View, StyleSheet } from 'react-native';
+import { StatusBar } from 'expo-status-bar';
+import { Chat } from 'react-native-srschat';
+
+export default function App() {
+
+  const onProductCardClick = (productData) => {
+    console.log('Product Card Clicked:', productData);
+  };
+
+  const onAddToCartClick = (productData) => {
+    console.log('Added to Cart:', productData);
+  };
+
+  const data = {
+    "customer_code": "HPTA",
+    "branch_code": "BELHARR",
+    "active_ship_to": 1,
+    "branch_full_name": "BEL-AQUA HARRISBURG",
+    "customer_token": "eyJraWQiOiIxIiwiYWxnIjoiSFMyNTYifQ.eyJ1aWQiOjEyNjU0MiwidXR5cGlkIjozLCJpYXQiOjE3MjczNTYyNjEsImV4cCI6MTcyNzM4NTA2MX0.dU55SlMxKaafq_VVNy47DhAKzUAhRSygaySJXFjsHgY"
+  }
+
+  return (
+    <View style={styles.container}>
+      <StatusBar style="auto" />
+      <Chat
+        data={data}
+        onProductCardClick={onProductCardClick}
+        onAddToCartClick={onAddToCartClick}
+      />
+    </View>
+  );
+}
+
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    backgroundColor: '#fff',
+  },
+});
+```
+
+### Example Implementation
+
+With successful integration, you should see the bubble pop up in the bottom right corner of the screen. 
+
+![Screenshot](./assets/bubble.png)
+
+
+Clicking on the bubble will pull up the chat interface. The chat is **still in development**, it will be adjusted to create a more seamless UI/UX. There are currently two placeholder buttons that execute the funtions *onProductCardClick* and *onAddToCartClick*. These functions will send a product payload. 
+
+![Screenshot](./assets/chat.png)
+
+### To do (HERITAGE)
+
+* Create a function for onProductCardClick to navigate to the product page when clicked.
+* Create a function for onAddToCartClick to add the associated quantity and item to cart.
+* Pass through the data needed for the chat (listed in the example implementation).

package/lib/commonjs/components/testing.js

@@ -41,7 +41,10 @@ const Testing = ({
     onPress: () => onProductCardClick(product)
   }), /*#__PURE__*/_react.default.createElement(_reactNative.Button, {
     title: "Add to Cart",
-    onPress: () => onAddToCartClick(product)
+    onPress: () => onAddToCartClick({
+      "quantity": 1,
+      "product": product
+    })
   }));
 };
 exports.Testing = Testing;

package/lib/commonjs/components/testing.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","e","__esModule","default","Testing","onProductCardClick","onAddToCartClick","product","createElement","View","style","styles","container","Button","title","onPress","exports","StyleSheet","create","flexDirection","justifyContent","marginVertical","paddingHorizontal","borderTopWidth","borderTopColor"],"sourceRoot":"../../../src","sources":["components/testing.js"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAAwD,SAAAD,uBAAAG,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAEjD,MAAMG,OAAO,GAAGA,CAAC;EAAEC,kBAAkB;EAAEC;AAAiB,CAAC,KAAK;EAEnE,MAAMC,OAAO,GAAG;IACd,aAAa,EAAE,SAAS;IACxB,gBAAgB,EAAE;MAChB,aAAa,EAAE,IAAI;MACnB,UAAU,EAAE,IAAI;MAChB,aAAa,EAAE;QACb,IAAI,EAAE;UACJ,aAAa,EAAE,IAAI;UACnB,WAAW,EAAE,IAAI;UACjB,YAAY,EAAE,KAAK;UACnB,oBAAoB,EAAE,CAAC;UACvB,WAAW,EAAE;QACf;MACF;IACF,CAAC;IACD,iBAAiB,EAAE;MACjB,cAAc,EAAE,yDAAyD;MACzE,aAAa,EAAE,SAAS;MACxB,iBAAiB,EAAE,SAAS;MAC5B,eAAe,EAAE,+EAA+E;MAChG,WAAW,EAAE;IACf;EACF,CAAC;EAED,oBACEV,MAAA,CAAAM,OAAA,CAAAK,aAAA,CAACR,YAAA,CAAAS,IAAI;IAACC,KAAK,EAAEC,MAAM,CAACC;EAAU,gBAC5Bf,MAAA,CAAAM,OAAA,CAAAK,aAAA,CAACR,YAAA,CAAAa,MAAM;IAACC,KAAK,EAAC,oBAAoB;IAACC,OAAO,EAAEA,CAAA,KAAMV,kBAAkB,CAACE,OAAO;EAAE,CAAE,CAAC,eACjFV,MAAA,CAAAM,OAAA,CAAAK,aAAA,CAACR,YAAA,CAAAa,MAAM;IAACC,KAAK,EAAC,aAAa;IAACC,OAAO,EAAEA,CAAA,KAAMT,gBAAgB,CAACC,OAAO;EAAE,CAAE,CACnE,CAAC;AAEX,CAAC;AAACS,OAAA,CAAAZ,OAAA,GAAAA,OAAA;AAEF,MAAMO,MAAM,GAAGM,uBAAU,CAACC,MAAM,CAAC;EAC/BN,SAAS,EAAE;IACTO,aAAa,EAAE,KAAK;IACpBC,cAAc,EAAE,cAAc;IAC9BC,cAAc,EAAE,EAAE;IAClBC,iBAAiB,EAAE,EAAE;IACrBC,cAAc,EAAE,CAAC;IACjBC,cAAc,EAAE;EAClB;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","e","__esModule","default","Testing","onProductCardClick","onAddToCartClick","product","createElement","View","style","styles","container","Button","title","onPress","exports","StyleSheet","create","flexDirection","justifyContent","marginVertical","paddingHorizontal","borderTopWidth","borderTopColor"],"sourceRoot":"../../../src","sources":["components/testing.js"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAAwD,SAAAD,uBAAAG,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAEjD,MAAMG,OAAO,GAAGA,CAAC;EAAEC,kBAAkB;EAAEC;AAAiB,CAAC,KAAK;EAEnE,MAAMC,OAAO,GAAG;IACd,aAAa,EAAE,SAAS;IACxB,gBAAgB,EAAE;MAChB,aAAa,EAAE,IAAI;MACnB,UAAU,EAAE,IAAI;MAChB,aAAa,EAAE;QACb,IAAI,EAAE;UACJ,aAAa,EAAE,IAAI;UACnB,WAAW,EAAE,IAAI;UACjB,YAAY,EAAE,KAAK;UACnB,oBAAoB,EAAE,CAAC;UACvB,WAAW,EAAE;QACf;MACF;IACF,CAAC;IACD,iBAAiB,EAAE;MACjB,cAAc,EAAE,yDAAyD;MACzE,aAAa,EAAE,SAAS;MACxB,iBAAiB,EAAE,SAAS;MAC5B,eAAe,EAAE,+EAA+E;MAChG,WAAW,EAAE;IACf;EACF,CAAC;EAED,oBACEV,MAAA,CAAAM,OAAA,CAAAK,aAAA,CAACR,YAAA,CAAAS,IAAI;IAACC,KAAK,EAAEC,MAAM,CAACC;EAAU,gBAC5Bf,MAAA,CAAAM,OAAA,CAAAK,aAAA,CAACR,YAAA,CAAAa,MAAM;IAACC,KAAK,EAAC,oBAAoB;IAACC,OAAO,EAAEA,CAAA,KAAMV,kBAAkB,CAACE,OAAO;EAAE,CAAE,CAAC,eACjFV,MAAA,CAAAM,OAAA,CAAAK,aAAA,CAACR,YAAA,CAAAa,MAAM;IAACC,KAAK,EAAC,aAAa;IAACC,OAAO,EAAEA,CAAA,KAAMT,gBAAgB,CAAC;MAAC,UAAU,EAAC,CAAC;MAAC,SAAS,EAACC;IAAO,CAAC;EAAE,CAAE,CAC5F,CAAC;AAEX,CAAC;AAACS,OAAA,CAAAZ,OAAA,GAAAA,OAAA;AAEF,MAAMO,MAAM,GAAGM,uBAAU,CAACC,MAAM,CAAC;EAC/BN,SAAS,EAAE;IACTO,aAAa,EAAE,KAAK;IACpBC,cAAc,EAAE,cAAc;IAC9BC,cAAc,EAAE,EAAE;IAClBC,iBAAiB,EAAE,EAAE;IACrBC,cAAc,EAAE,CAAC;IACjBC,cAAc,EAAE;EAClB;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/module/components/testing.js

@@ -34,7 +34,10 @@ export const Testing = ({
     onPress: () => onProductCardClick(product)
   }), /*#__PURE__*/React.createElement(Button, {
     title: "Add to Cart",
-    onPress: () => onAddToCartClick(product)
+    onPress: () => onAddToCartClick({
+      "quantity": 1,
+      "product": product
+    })
   }));
 };
 const styles = StyleSheet.create({

package/lib/module/components/testing.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","View","Button","StyleSheet","Testing","onProductCardClick","onAddToCartClick","product","createElement","style","styles","container","title","onPress","create","flexDirection","justifyContent","marginVertical","paddingHorizontal","borderTopWidth","borderTopColor"],"sourceRoot":"../../../src","sources":["components/testing.js"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,EAAEC,MAAM,EAAEC,UAAU,QAAQ,cAAc;AAEvD,OAAO,MAAMC,OAAO,GAAGA,CAAC;EAAEC,kBAAkB;EAAEC;AAAiB,CAAC,KAAK;EAEnE,MAAMC,OAAO,GAAG;IACd,aAAa,EAAE,SAAS;IACxB,gBAAgB,EAAE;MAChB,aAAa,EAAE,IAAI;MACnB,UAAU,EAAE,IAAI;MAChB,aAAa,EAAE;QACb,IAAI,EAAE;UACJ,aAAa,EAAE,IAAI;UACnB,WAAW,EAAE,IAAI;UACjB,YAAY,EAAE,KAAK;UACnB,oBAAoB,EAAE,CAAC;UACvB,WAAW,EAAE;QACf;MACF;IACF,CAAC;IACD,iBAAiB,EAAE;MACjB,cAAc,EAAE,yDAAyD;MACzE,aAAa,EAAE,SAAS;MACxB,iBAAiB,EAAE,SAAS;MAC5B,eAAe,EAAE,+EAA+E;MAChG,WAAW,EAAE;IACf;EACF,CAAC;EAED,oBACEP,KAAA,CAAAQ,aAAA,CAACP,IAAI;IAACQ,KAAK,EAAEC,MAAM,CAACC;EAAU,gBAC5BX,KAAA,CAAAQ,aAAA,CAACN,MAAM;IAACU,KAAK,EAAC,oBAAoB;IAACC,OAAO,EAAEA,CAAA,KAAMR,kBAAkB,CAACE,OAAO;EAAE,CAAE,CAAC,eACjFP,KAAA,CAAAQ,aAAA,CAACN,MAAM;IAACU,KAAK,EAAC,aAAa;IAACC,OAAO,EAAEA,CAAA,KAAMP,gBAAgB,CAACC,OAAO;EAAE,CAAE,CACnE,CAAC;AAEX,CAAC;AAED,MAAMG,MAAM,GAAGP,UAAU,CAACW,MAAM,CAAC;EAC/BH,SAAS,EAAE;IACTI,aAAa,EAAE,KAAK;IACpBC,cAAc,EAAE,cAAc;IAC9BC,cAAc,EAAE,EAAE;IAClBC,iBAAiB,EAAE,EAAE;IACrBC,cAAc,EAAE,CAAC;IACjBC,cAAc,EAAE;EAClB;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["React","View","Button","StyleSheet","Testing","onProductCardClick","onAddToCartClick","product","createElement","style","styles","container","title","onPress","create","flexDirection","justifyContent","marginVertical","paddingHorizontal","borderTopWidth","borderTopColor"],"sourceRoot":"../../../src","sources":["components/testing.js"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,EAAEC,MAAM,EAAEC,UAAU,QAAQ,cAAc;AAEvD,OAAO,MAAMC,OAAO,GAAGA,CAAC;EAAEC,kBAAkB;EAAEC;AAAiB,CAAC,KAAK;EAEnE,MAAMC,OAAO,GAAG;IACd,aAAa,EAAE,SAAS;IACxB,gBAAgB,EAAE;MAChB,aAAa,EAAE,IAAI;MACnB,UAAU,EAAE,IAAI;MAChB,aAAa,EAAE;QACb,IAAI,EAAE;UACJ,aAAa,EAAE,IAAI;UACnB,WAAW,EAAE,IAAI;UACjB,YAAY,EAAE,KAAK;UACnB,oBAAoB,EAAE,CAAC;UACvB,WAAW,EAAE;QACf;MACF;IACF,CAAC;IACD,iBAAiB,EAAE;MACjB,cAAc,EAAE,yDAAyD;MACzE,aAAa,EAAE,SAAS;MACxB,iBAAiB,EAAE,SAAS;MAC5B,eAAe,EAAE,+EAA+E;MAChG,WAAW,EAAE;IACf;EACF,CAAC;EAED,oBACEP,KAAA,CAAAQ,aAAA,CAACP,IAAI;IAACQ,KAAK,EAAEC,MAAM,CAACC;EAAU,gBAC5BX,KAAA,CAAAQ,aAAA,CAACN,MAAM;IAACU,KAAK,EAAC,oBAAoB;IAACC,OAAO,EAAEA,CAAA,KAAMR,kBAAkB,CAACE,OAAO;EAAE,CAAE,CAAC,eACjFP,KAAA,CAAAQ,aAAA,CAACN,MAAM;IAACU,KAAK,EAAC,aAAa;IAACC,OAAO,EAAEA,CAAA,KAAMP,gBAAgB,CAAC;MAAC,UAAU,EAAC,CAAC;MAAC,SAAS,EAACC;IAAO,CAAC;EAAE,CAAE,CAC5F,CAAC;AAEX,CAAC;AAED,MAAMG,MAAM,GAAGP,UAAU,CAACW,MAAM,CAAC;EAC/BH,SAAS,EAAE;IACTI,aAAa,EAAE,KAAK;IACpBC,cAAc,EAAE,cAAc;IAC9BC,cAAc,EAAE,EAAE;IAClBC,iBAAiB,EAAE,EAAE;IACrBC,cAAc,EAAE,CAAC;IACjBC,cAAc,EAAE;EAClB;AACF,CAAC,CAAC","ignoreList":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-srschat",
-  "version": "0.1.8",
+  "version": "0.1.9",
   "private": false,
   "description": "A modern, sophisticated chat interface for React Native",
   "main": "lib/commonjs/index",

package/src/components/testing.js

@@ -30,7 +30,7 @@ export const Testing = ({ onProductCardClick, onAddToCartClick }) => {
   return (
     <View style={styles.container}>
       <Button title="Product Card Click" onPress={() => onProductCardClick(product)} />
-      <Button title="Add to Cart" onPress={() => onAddToCartClick(product)} />
+      <Button title="Add to Cart" onPress={() => onAddToCartClick({"quantity":1,"product":product})} />
     </View>
   );
 };