rn-erxes-sdk 0.1.8 → 0.1.10

package/lib/module/{Greetings.js → screen/greetings/Greetings.js}

@@ -1,24 +1,38 @@
 /* eslint-disable react-native/no-inline-styles */
-import { View, Text, StyleSheet, SafeAreaView } from 'react-native';
+import { View, Text, StyleSheet, SafeAreaView, TouchableOpacity } from 'react-native';
 import React from 'react';
 import Social from './Social';
 import Supporters from './Supporters';
+import MaterialCommunityIcons from '../../icons/MaterialCommunityIcons';
 const Greetings = props => {
   var _greetings$messages, _greetings$messages$g, _greetings$messages2, _greetings$messages2$;
   const {
     greetings,
     bgColor,
-    integrationId
+    integrationId,
+    hasBack,
+    onBack
   } = props;
   return /*#__PURE__*/React.createElement(SafeAreaView, {
     style: {
       backgroundColor: bgColor || 'green'
     }
-  }, /*#__PURE__*/React.createElement(View, {
+  }, hasBack ? /*#__PURE__*/React.createElement(TouchableOpacity, {
+    onPress: () => {
+      onBack();
+    },
+    style: [styles.backStyle, {
+      backgroundColor: '#2F1F69'
+    }]
+  }, /*#__PURE__*/React.createElement(MaterialCommunityIcons, {
+    allowFontScaling: false,
+    name: 'chevron-left',
+    size: 24,
+    color: 'white',
+    direction: "ltr"
+  })) : null, /*#__PURE__*/React.createElement(View, {
     style: [styles.title]
-  }, /*#__PURE__*/React.createElement(Social, {
-    links: greetings === null || greetings === void 0 ? void 0 : greetings.links
-  }), /*#__PURE__*/React.createElement(View, {
+  }, /*#__PURE__*/React.createElement(View, {
     style: {
       marginTop: 20
     }
@@ -27,7 +41,13 @@ const Greetings = props => {
       fontWeight: '600',
       fontSize: 18
     }
-  }, greetings === null || greetings === void 0 ? void 0 : (_greetings$messages = greetings.messages) === null || _greetings$messages === void 0 ? void 0 : (_greetings$messages$g = _greetings$messages.greetings) === null || _greetings$messages$g === void 0 ? void 0 : _greetings$messages$g.title), /*#__PURE__*/React.createElement(Text, {
+  }, greetings === null || greetings === void 0 ? void 0 : (_greetings$messages = greetings.messages) === null || _greetings$messages === void 0 ? void 0 : (_greetings$messages$g = _greetings$messages.greetings) === null || _greetings$messages$g === void 0 ? void 0 : _greetings$messages$g.title), /*#__PURE__*/React.createElement(View, {
+    style: {
+      marginTop: 20
+    }
+  }, /*#__PURE__*/React.createElement(Social, {
+    links: greetings === null || greetings === void 0 ? void 0 : greetings.links
+  })), /*#__PURE__*/React.createElement(Text, {
     style: {
       marginTop: 20,
       color: '#393C40'
@@ -40,9 +60,17 @@ export default Greetings;
 const styles = StyleSheet.create({
   title: {
     paddingVertical: 10,
-    paddingHorizontal: 10,
+    paddingHorizontal: 15,
     borderTopLeftRadius: 8,
     borderTopRightRadius: 8
+  },
+  backStyle: {
+    width: 40,
+    height: 40,
+    marginLeft: 15,
+    borderRadius: 90,
+    justifyContent: 'center',
+    alignItems: 'center'
   }
 });
 //# sourceMappingURL=Greetings.js.map

package/lib/module/screen/greetings/Greetings.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["View","Text","StyleSheet","SafeAreaView","TouchableOpacity","React","Social","Supporters","MaterialCommunityIcons","Greetings","props","_greetings$messages","_greetings$messages$g","_greetings$messages2","_greetings$messages2$","greetings","bgColor","integrationId","hasBack","onBack","createElement","style","backgroundColor","onPress","styles","backStyle","allowFontScaling","name","size","color","direction","title","marginTop","fontWeight","fontSize","messages","links","message","create","paddingVertical","paddingHorizontal","borderTopLeftRadius","borderTopRightRadius","width","height","marginLeft","borderRadius","justifyContent","alignItems"],"sourceRoot":"../../../../src","sources":["screen/greetings/Greetings.tsx"],"mappings":"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"}

package/lib/module/{Social.js → screen/greetings/Social.js}

@@ -1,7 +1,7 @@
 /* eslint-disable react-native/no-inline-styles */
 import { View, StyleSheet, TouchableOpacity, Image, Linking } from 'react-native';
 import React from 'react';
-import images from './assets/images';
+import images from '../../assets/images';
 const Social = props => {
   const {
     links

package/lib/module/screen/greetings/Social.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["View","StyleSheet","TouchableOpacity","Image","Linking","React","images","Social","props","links","renderSocial","link","imageUrl","index","createElement","style","marginLeft","onPress","openURL","source","styles","image","container","facebook","twitter","youtube","create","flexDirection","width","height","borderRadius"],"sourceRoot":"../../../../src","sources":["screen/greetings/Social.tsx"],"mappings":"AAAA;AACA,SACEA,IAAI,EACJC,UAAU,EACVC,gBAAgB,EAChBC,KAAK,EACLC,OAAO,QACF,cAAc;AACrB,OAAOC,KAAK,MAAM,OAAO;AACzB,OAAOC,MAAM,MAAM,qBAAqB;AAExC,MAAMC,MAAM,GAAIC,KAAU,IAAK;EAC7B,MAAM;IAAEC;EAAM,CAAC,GAAGD,KAAK;EAEvB,MAAME,YAAY,GAAGA,CAACC,IAAS,EAAEC,QAAa,EAAEC,KAAa,KAAK;IAChE,oBACER,KAAA,CAAAS,aAAA,CAACZ,gBAAgB;MACfa,KAAK,EAAE;QAAEC,UAAU,EAAEH,KAAK,KAAK,CAAC,GAAG,EAAE,GAAG;MAAE,CAAE;MAC5CI,OAAO,EAAEA,CAAA,KAAM;QACbb,OAAO,CAACc,OAAO,CAACP,IAAI,CAAC;MACvB;IAAE,gBAEFN,KAAA,CAAAS,aAAA,CAACX,KAAK;MAACgB,MAAM,EAAEP,QAAS;MAACG,KAAK,EAAEK,MAAM,CAACC;IAAM,CAAE,CAC/B,CAAC;EAEvB,CAAC;EAED,oBACEhB,KAAA,CAAAS,aAAA,CAACd,IAAI;IAACe,KAAK,EAAEK,MAAM,CAACE;EAAU,GAC3Bb,KAAK,aAALA,KAAK,eAALA,KAAK,CAAEc,QAAQ,GACZb,YAAY,CAACD,KAAK,CAACc,QAAQ,EAAEjB,MAAM,CAACiB,QAAQ,EAAE,CAAC,CAAC,GAChD,IAAI,EACPd,KAAK,aAALA,KAAK,eAALA,KAAK,CAAEe,OAAO,GAAGd,YAAY,CAACD,KAAK,CAACe,OAAO,EAAElB,MAAM,CAACkB,OAAO,EAAE,CAAC,CAAC,GAAG,IAAI,EACtEf,KAAK,aAALA,KAAK,eAALA,KAAK,CAAEgB,OAAO,GAAGf,YAAY,CAACD,KAAK,CAACgB,OAAO,EAAEnB,MAAM,CAACmB,OAAO,EAAE,CAAC,CAAC,GAAG,IAC/D,CAAC;AAEX,CAAC;AAED,eAAelB,MAAM;AAErB,MAAMa,MAAM,GAAGnB,UAAU,CAACyB,MAAM,CAAC;EAC/BJ,SAAS,EAAE;IACTK,aAAa,EAAE;EACjB,CAAC;EACDN,KAAK,EAAE;IAAEO,KAAK,EAAE,EAAE;IAAEC,MAAM,EAAE,EAAE;IAAEC,YAAY,EAAE;EAAG;AACnD,CAAC,CAAC"}

package/lib/module/{Supporters.js → screen/greetings/Supporters.js}

@@ -2,7 +2,7 @@
 import { View, Image, StyleSheet } from 'react-native';
 import React from 'react';
 import { useQuery } from '@apollo/client';
-import { widgetsMessengerSupporters } from './graphql/query';
+import { widgetsMessengerSupporters } from '../../graphql/query';
 const Supporters = props => {
   var _data$widgetsMessenge, _supporters$filter;
   const {
@@ -22,7 +22,7 @@ const Supporters = props => {
   const supporters = data === null || data === void 0 ? void 0 : (_data$widgetsMessenge = data.widgetsMessengerSupporters) === null || _data$widgetsMessenge === void 0 ? void 0 : _data$widgetsMessenge.supporters;
   const renderSupporter = (supporter, index) => {
     var _supporter$details;
-    const color = supporter !== null && supporter !== void 0 && supporter.isOnline ? 'green' : 'white';
+    const color = supporter !== null && supporter !== void 0 && supporter.isOnline ? '#3ccc38' : 'white';
     return /*#__PURE__*/React.createElement(View, {
       key: index
     }, /*#__PURE__*/React.createElement(Image, {

package/lib/module/screen/greetings/Supporters.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["View","Image","StyleSheet","React","useQuery","widgetsMessengerSupporters","Supporters","props","_data$widgetsMessenge","_supporters$filter","integrationId","data","loading","variables","supporters","renderSupporter","supporter","index","_supporter$details","color","isOnline","createElement","key","source","uri","details","avatar","style","styles","image","resizeMode","backgroundColor","activeStatus","marginTop","filter","isActive","map","create","width","height","borderRadius","position","bottom","left"],"sourceRoot":"../../../../src","sources":["screen/greetings/Supporters.tsx"],"mappings":"AAAA;AACA,SAASA,IAAI,EAAEC,KAAK,EAAEC,UAAU,QAAQ,cAAc;AACtD,OAAOC,KAAK,MAAM,OAAO;AACzB,SAASC,QAAQ,QAAQ,gBAAgB;AACzC,SAASC,0BAA0B,QAAQ,qBAAqB;AAEhE,MAAMC,UAAU,GAAIC,KAAU,IAAK;EAAA,IAAAC,qBAAA,EAAAC,kBAAA;EACjC,MAAM;IAAEC;EAAc,CAAC,GAAGH,KAAK;EAE/B,MAAM;IAAEI,IAAI;IAAEC;EAAQ,CAAC,GAAGR,QAAQ,CAACC,0BAA0B,EAAE;IAC7DQ,SAAS,EAAE;MACTH;IACF;EACF,CAAC,CAAC;EAEF,IAAIE,OAAO,EAAE;IACX,OAAO,IAAI;EACb;EAEA,MAAME,UAAU,GAAGH,IAAI,aAAJA,IAAI,wBAAAH,qBAAA,GAAJG,IAAI,CAAEN,0BAA0B,cAAAG,qBAAA,uBAAhCA,qBAAA,CAAkCM,UAAU;EAE/D,MAAMC,eAAe,GAAGA,CAACC,SAAc,EAAEC,KAAa,KAAK;IAAA,IAAAC,kBAAA;IACzD,MAAMC,KAAK,GAAGH,SAAS,aAATA,SAAS,eAATA,SAAS,CAAEI,QAAQ,GAAG,SAAS,GAAG,OAAO;IACvD,oBACEjB,KAAA,CAAAkB,aAAA,CAACrB,IAAI;MAACsB,GAAG,EAAEL;IAAM,gBACfd,KAAA,CAAAkB,aAAA,CAACpB,KAAK;MACJsB,MAAM,EAAE;QAAEC,GAAG,EAAER,SAAS,aAATA,SAAS,wBAAAE,kBAAA,GAATF,SAAS,CAAES,OAAO,cAAAP,kBAAA,uBAAlBA,kBAAA,CAAoBQ;MAAO,CAAE;MAC5CC,KAAK,EAAEC,MAAM,CAACC,KAAM;MACpBC,UAAU,EAAC;IAAQ,CACpB,CAAC,eACF3B,KAAA,CAAAkB,aAAA,CAACrB,IAAI;MAAC2B,KAAK,EAAE,CAAC;QAAEI,eAAe,EAAEZ;MAAM,CAAC,EAAES,MAAM,CAACI,YAAY;IAAE,CAAE,CAC7D,CAAC;EAEX,CAAC;EAED,oBACE7B,KAAA,CAAAkB,aAAA,CAACrB,IAAI;IAAC2B,KAAK,EAAE;MAAEM,SAAS,EAAE;IAAG;EAAE,GAC5BnB,UAAU,aAAVA,UAAU,wBAAAL,kBAAA,GAAVK,UAAU,CACPoB,MAAM,CAAElB,SAAc,IAAKA,SAAS,aAATA,SAAS,uBAATA,SAAS,CAAEmB,QAAQ,CAAC,cAAA1B,kBAAA,uBADlDA,kBAAA,CAEG2B,GAAG,CAAC,CAACpB,SAAc,EAAEC,KAAa,KAAK;IACvC,OAAOF,eAAe,CAACC,SAAS,EAAEC,KAAK,CAAC;EAC1C,CAAC,CACC,CAAC;AAEX,CAAC;AAED,eAAeX,UAAU;AAEzB,MAAMsB,MAAM,GAAG1B,UAAU,CAACmC,MAAM,CAAC;EAC/BR,KAAK,EAAE;IACLS,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE,EAAE;IACVC,YAAY,EAAE;EAChB,CAAC;EACDR,YAAY,EAAE;IACZM,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE,EAAE;IACVC,YAAY,EAAE,EAAE;IAChBC,QAAQ,EAAE,UAAU;IACpBC,MAAM,EAAE,CAAC;IACTC,IAAI,EAAE;EACR;AACF,CAAC,CAAC"}

package/lib/module/utils/common.js

@@ -0,0 +1,15 @@
+let storage = {};
+export const initStorage = storageObject => {
+  storage = JSON.parse(storageObject || '{}');
+};
+
+// get local storage item
+export const getLocalStorageItem = key => {
+  return storage[key];
+};
+
+// set local storage item
+export const setLocalStorageItem = (key, value) => {
+  storage[key] = value;
+};
+//# sourceMappingURL=common.js.map

package/lib/module/utils/common.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["storage","initStorage","storageObject","JSON","parse","getLocalStorageItem","key","setLocalStorageItem","value"],"sourceRoot":"../../../src","sources":["utils/common.ts"],"mappings":"AAEA,IAAIA,OAAiB,GAAG,CAAC,CAAC;AAE1B,OAAO,MAAMC,WAAW,GAAIC,aAAqB,IAAK;EACpDF,OAAO,GAAGG,IAAI,CAACC,KAAK,CAACF,aAAa,IAAI,IAAI,CAAC;AAC7C,CAAC;;AAED;AACA,OAAO,MAAMG,mBAAmB,GAAIC,GAAW,IAAU;EACvD,OAAON,OAAO,CAACM,GAAG,CAAC;AACrB,CAAC;;AAED;AACA,OAAO,MAAMC,mBAAmB,GAAGA,CAACD,GAAW,EAAEE,KAAa,KAAK;EACjER,OAAO,CAACM,GAAG,CAAC,GAAGE,KAAK;AACtB,CAAC"}

package/lib/module/utils/utils.js

@@ -0,0 +1,32 @@
+import FingerprintJS from '@fingerprintjs/fingerprintjs';
+const url = 'https://office.erxes.io/gateway';
+export function getAttachmentUrl(value) {
+  if (value && !value.includes('https')) {
+    return url + '/read-file?key=' + value;
+  }
+  return value;
+}
+export const strip_html = (string, withoutCut) => {
+  if (typeof string === 'undefined' || string === null) {
+    return;
+  } else {
+    const regex = /(&nbsp;|<([^>]+)>)/gi;
+    let result = string.replace(regex, '');
+    result = result.replace(/&#[0-9][0-9][0-9][0-9];/gi, ' ');
+    if (withoutCut) {
+      return result;
+    }
+    const cut = result.slice(0, 70);
+    return cut;
+  }
+};
+export const getVisitorId = async () => {
+  const fp = await FingerprintJS.load();
+
+  // The FingerprintJS agent is ready.
+  const result = await fp.get();
+
+  // This is the visitor identifier:
+  return result.visitorId;
+};
+//# sourceMappingURL=utils.js.map

package/lib/module/utils/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["FingerprintJS","url","getAttachmentUrl","value","includes","strip_html","string","withoutCut","regex","result","replace","cut","slice","getVisitorId","fp","load","get","visitorId"],"sourceRoot":"../../../src","sources":["utils/utils.tsx"],"mappings":"AAAA,OAAOA,aAAa,MAAM,8BAA8B;AAExD,MAAMC,GAAG,GAAG,iCAAiC;AAE7C,OAAO,SAASC,gBAAgBA,CAACC,KAAa,EAAE;EAC9C,IAAIA,KAAK,IAAI,CAACA,KAAK,CAACC,QAAQ,CAAC,OAAO,CAAC,EAAE;IACrC,OAAOH,GAAG,GAAG,iBAAiB,GAAGE,KAAK;EACxC;EACA,OAAOA,KAAK;AACd;AAEA,OAAO,MAAME,UAAU,GAAGA,CAACC,MAAW,EAAEC,UAAoB,KAAK;EAC/D,IAAI,OAAOD,MAAM,KAAK,WAAW,IAAIA,MAAM,KAAK,IAAI,EAAE;IACpD;EACF,CAAC,MAAM;IACL,MAAME,KAAK,GAAG,sBAAsB;IACpC,IAAIC,MAAM,GAAGH,MAAM,CAACI,OAAO,CAACF,KAAK,EAAE,EAAE,CAAC;IACtCC,MAAM,GAAGA,MAAM,CAACC,OAAO,CAAC,2BAA2B,EAAE,GAAG,CAAC;IACzD,IAAIH,UAAU,EAAE;MACd,OAAOE,MAAM;IACf;IACA,MAAME,GAAG,GAAGF,MAAM,CAACG,KAAK,CAAC,CAAC,EAAE,EAAE,CAAC;IAC/B,OAAOD,GAAG;EACZ;AACF,CAAC;AAED,OAAO,MAAME,YAAY,GAAG,MAAAA,CAAA,KAAY;EACtC,MAAMC,EAAE,GAAG,MAAMd,aAAa,CAACe,IAAI,CAAC,CAAC;;EAErC;EACA,MAAMN,MAAM,GAAG,MAAMK,EAAE,CAACE,GAAG,CAAC,CAAC;;EAE7B;EACA,OAAOP,MAAM,CAACQ,SAAS;AACzB,CAAC"}

package/lib/typescript/App.d.ts

@@ -1,6 +1,9 @@
 import React from 'react';
 export type PropTypes = {
     brandCode: string;
+    email?: string;
+    hasBack?: boolean;
+    onBack?: () => void;
 };
 declare const ErxesSDK: React.FC<PropTypes>;
 export default ErxesSDK;

package/lib/typescript/App.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"App.d.ts","sourceRoot":"","sources":["../../src/App.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,MAAM,MAAM,SAAS,GAAG;IACtB,SAAS,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF,QAAA,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAMjC,CAAC;AAEF,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"App.d.ts","sourceRoot":"","sources":["../../src/App.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAC;AAUzC,MAAM,MAAM,SAAS,GAAG;IACtB,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;CACrB,CAAC;AAEF,QAAA,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAyEjC,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/lib/typescript/FAQ.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FAQ.d.ts","sourceRoot":"","sources":["../../src/FAQ.tsx"],"names":[],"mappings":"AASA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAOxC,QAAA,MAAM,GAAG,UAAW,GAAG,6BA4ItB,CAAC;AAEF,eAAe,GAAG,CAAC"}
+{"version":3,"file":"FAQ.d.ts","sourceRoot":"","sources":["../../src/FAQ.tsx"],"names":[],"mappings":"AASA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAQxC,QAAA,MAAM,GAAG,UAAW,GAAG,6BAwJtB,CAAC;AAEF,eAAe,GAAG,CAAC"}

package/lib/typescript/Widget.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
-declare const Widget: (props: any) => React.JSX.Element;
+declare const Widget: (props: any) => React.JSX.Element | null;
 export default Widget;
 //# sourceMappingURL=Widget.d.ts.map

package/lib/typescript/Widget.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Widget.d.ts","sourceRoot":"","sources":["../../src/Widget.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAO1B,QAAA,MAAM,MAAM,UAAW,GAAG,sBAiDzB,CAAC;AAEF,eAAe,MAAM,CAAC"}
+{"version":3,"file":"Widget.d.ts","sourceRoot":"","sources":["../../src/Widget.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,QAAA,MAAM,MAAM,UAAW,GAAG,6BAyDzB,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/lib/typescript/components/FAB.d.ts

@@ -0,0 +1,18 @@
+import React from 'react';
+import { StyleProp, ViewStyle } from 'react-native';
+type Props = {
+    icon?: string;
+    onPress: () => void;
+    top?: number;
+    left?: number;
+    right?: number;
+    bottom?: number;
+    backgroundColor?: string;
+    iconColor?: string;
+    iconSize?: number;
+    style?: StyleProp<ViewStyle>;
+    iconSource?: string;
+};
+declare const FAB: (props: Props) => React.JSX.Element;
+export default FAB;
+//# sourceMappingURL=FAB.d.ts.map

package/lib/typescript/components/FAB.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FAB.d.ts","sourceRoot":"","sources":["../../../src/components/FAB.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EACL,SAAS,EAGT,SAAS,EACV,MAAM,cAAc,CAAC;AAGtB,KAAK,KAAK,GAAG;IACX,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,CAAC;AAEF,QAAA,MAAM,GAAG,UAAW,KAAK,sBA+BxB,CAAC;AAwBF,eAAe,GAAG,CAAC"}

package/lib/typescript/components/InputTools.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+declare const InputTools: React.FC<any>;
+export default InputTools;
+//# sourceMappingURL=InputTools.d.ts.map

package/lib/typescript/components/InputTools.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"InputTools.d.ts","sourceRoot":"","sources":["../../../src/components/InputTools.tsx"],"names":[],"mappings":"AACA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAIxC,QAAA,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,GAAG,CA8C7B,CAAC;AAsBF,eAAe,UAAU,CAAC"}

package/lib/typescript/graphql/apolloClient.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"apolloClient.d.ts","sourceRoot":"","sources":["../../../src/graphql/apolloClient.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,YAAY,EAKb,MAAM,qBAAqB,CAAC;AAQ7B,eAAO,MAAM,MAAM,QAAuB,CAAC;AAG3C,eAAO,MAAM,MAAM,EAAE,GAQpB,CAAC;AAwBF,QAAA,MAAM,cAAc,yEAYhB,CAAC;AAEL,eAAe,cAAc,CAAC"}

package/lib/typescript/graphql/mutation.d.ts

@@ -1,3 +1,5 @@
 declare const connect: import("@apollo/client").DocumentNode;
-export { connect };
+declare const widgetsInsertMessage: import("@apollo/client").DocumentNode;
+declare const widgetsSaveCustomerGetNotified: import("@apollo/client").DocumentNode;
+export { connect, widgetsInsertMessage, widgetsSaveCustomerGetNotified };
 //# sourceMappingURL=mutation.d.ts.map

package/lib/typescript/graphql/mutation.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"mutation.d.ts","sourceRoot":"","sources":["../../../src/graphql/mutation.ts"],"names":[],"mappings":"AAEA,QAAA,MAAM,OAAO,uCAqCZ,CAAC;AAEF,OAAO,EAAE,OAAO,EAAE,CAAC"}
+{"version":3,"file":"mutation.d.ts","sourceRoot":"","sources":["../../../src/graphql/mutation.ts"],"names":[],"mappings":"AAEA,QAAA,MAAM,OAAO,uCAqCZ,CAAC;AAEF,QAAA,MAAM,oBAAoB,uCA+DzB,CAAC;AAEF,QAAA,MAAM,8BAA8B,uCAcnC,CAAC;AAEF,OAAO,EAAE,OAAO,EAAE,oBAAoB,EAAE,8BAA8B,EAAE,CAAC"}

package/lib/typescript/graphql/query.d.ts

@@ -2,5 +2,6 @@ declare const widgetsMessengerSupporters: import("@apollo/client").DocumentNode;
 declare const widgetsConversations: import("@apollo/client").DocumentNode;
 declare const knowledgeBaseTopicDetail: import("@apollo/client").DocumentNode;
 declare const knowledgeBaseCategoryDetail: import("@apollo/client").DocumentNode;
-export { widgetsMessengerSupporters, widgetsConversations, knowledgeBaseTopicDetail, knowledgeBaseCategoryDetail, };
+declare const widgetsConversationDetail: import("@apollo/client").DocumentNode;
+export { widgetsMessengerSupporters, widgetsConversations, widgetsConversationDetail, knowledgeBaseTopicDetail, knowledgeBaseCategoryDetail, };
 //# sourceMappingURL=query.d.ts.map

package/lib/typescript/graphql/query.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"query.d.ts","sourceRoot":"","sources":["../../../src/graphql/query.ts"],"names":[],"mappings":"AAEA,QAAA,MAAM,0BAA0B,uCAoB/B,CAAC;AAEF,QAAA,MAAM,oBAAoB,uCAyBzB,CAAC;AAEF,QAAA,MAAM,wBAAwB,uCA0B7B,CAAC;AAEF,QAAA,MAAM,2BAA2B,uCAqBhC,CAAC;AAEF,OAAO,EACL,0BAA0B,EAC1B,oBAAoB,EACpB,wBAAwB,EACxB,2BAA2B,GAC5B,CAAC"}
+{"version":3,"file":"query.d.ts","sourceRoot":"","sources":["../../../src/graphql/query.ts"],"names":[],"mappings":"AAEA,QAAA,MAAM,0BAA0B,uCAoB/B,CAAC;AAEF,QAAA,MAAM,oBAAoB,uCAyBzB,CAAC;AAEF,QAAA,MAAM,wBAAwB,uCA0B7B,CAAC;AAEF,QAAA,MAAM,2BAA2B,uCAqBhC,CAAC;AAEF,QAAA,MAAM,yBAAyB,uCAiE9B,CAAC;AAEF,OAAO,EACL,0BAA0B,EAC1B,oBAAoB,EACpB,yBAAyB,EACzB,wBAAwB,EACxB,2BAA2B,GAC5B,CAAC"}

package/lib/typescript/graphql/subscription.d.ts

@@ -0,0 +1,7 @@
+declare const conversationMessageInserted: import("@apollo/client").DocumentNode;
+declare const conversationClientMessageInserted: import("@apollo/client").DocumentNode;
+declare const conversationChanged: import("@apollo/client").DocumentNode;
+declare const conversationExternalIntegrationMessageInserted: import("@apollo/client").DocumentNode;
+declare const adminMessageInserted: import("@apollo/client").DocumentNode;
+export { conversationMessageInserted, conversationClientMessageInserted, conversationChanged, conversationExternalIntegrationMessageInserted, adminMessageInserted, };
+//# sourceMappingURL=subscription.d.ts.map

package/lib/typescript/graphql/subscription.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"subscription.d.ts","sourceRoot":"","sources":["../../../src/graphql/subscription.ts"],"names":[],"mappings":"AAEA,QAAA,MAAM,2BAA2B,uCA8ChC,CAAC;AAEF,QAAA,MAAM,iCAAiC,uCAUtC,CAAC;AAEF,QAAA,MAAM,mBAAmB,uCAOxB,CAAC;AACF,QAAA,MAAM,8CAA8C,uCAInD,CAAC;AAEF,QAAA,MAAM,oBAAoB,uCAMzB,CAAC;AAEF,OAAO,EACL,2BAA2B,EAC3B,iCAAiC,EACjC,mBAAmB,EACnB,8CAA8C,EAC9C,oBAAoB,GACrB,CAAC"}

package/lib/typescript/icons/MaterialCommunityIcons.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MaterialCommunityIcons.d.ts","sourceRoot":"","sources":["../../../src/icons/MaterialCommunityIcons.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,MAAM,SAAS,GAAG;IACtB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,EAAE,KAAK,GAAG,KAAK,CAAC;IACzB,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B,CAAC;AA0CF,eAAO,MAAM,kBAAkB;;;;;;;;;;CAUxB,CAAC;AAER,QAAA,MAAM,WAAW,wDAMd,SAAS,sBAiBX,CAAC;AAQF,eAAe,WAAW,CAAC"}
+{"version":3,"file":"MaterialCommunityIcons.d.ts","sourceRoot":"","sources":["../../../src/icons/MaterialCommunityIcons.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,MAAM,SAAS,GAAG;IACtB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,EAAE,KAAK,GAAG,KAAK,CAAC;IACzB,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B,CAAC;AAsCF,eAAO,MAAM,kBAAkB;;;;;;;;;;CAUxB,CAAC;AAER,QAAA,MAAM,WAAW,wDAMd,SAAS,sBAiBX,CAAC;AAQF,eAAe,WAAW,CAAC"}

package/lib/typescript/screen/conversation/Attachment.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+declare const Attachment: React.FC<any>;
+export default Attachment;
+//# sourceMappingURL=Attachment.d.ts.map

package/lib/typescript/screen/conversation/Attachment.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Attachment.d.ts","sourceRoot":"","sources":["../../../../src/screen/conversation/Attachment.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAO1B,QAAA,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,GAAG,CA6H7B,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/lib/typescript/screen/conversation/ConversationDetail.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+declare const ConversationDetail: (props: any) => React.JSX.Element;
+export default ConversationDetail;
+//# sourceMappingURL=ConversationDetail.d.ts.map

package/lib/typescript/screen/conversation/ConversationDetail.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConversationDetail.d.ts","sourceRoot":"","sources":["../../../../src/screen/conversation/ConversationDetail.tsx"],"names":[],"mappings":"AAcA,OAAO,KAAoB,MAAM,OAAO,CAAC;AAYzC,QAAA,MAAM,kBAAkB,UAAW,GAAG,sBAyIrC,CAAC;AAEF,eAAe,kBAAkB,CAAC"}

package/lib/typescript/screen/conversation/Conversations.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+declare const Conversations: (props: any) => React.JSX.Element | null;
+export default Conversations;
+//# sourceMappingURL=Conversations.d.ts.map

package/lib/typescript/screen/conversation/Conversations.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Conversations.d.ts","sourceRoot":"","sources":["../../../../src/screen/conversation/Conversations.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,MAAM,OAAO,CAAC;AAS1B,QAAA,MAAM,aAAa,UAAW,GAAG,6BA2GhC,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/lib/typescript/screen/conversation/Message.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+declare const Message: (props: any) => React.JSX.Element;
+export default Message;
+//# sourceMappingURL=Message.d.ts.map

package/lib/typescript/screen/conversation/Message.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Message.d.ts","sourceRoot":"","sources":["../../../../src/screen/conversation/Message.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,MAAM,OAAO,CAAC;AAQ1B,QAAA,MAAM,OAAO,UAAW,GAAG,sBA6D1B,CAAC;AAEF,eAAe,OAAO,CAAC"}

package/lib/typescript/screen/greetings/Greetings.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Greetings.d.ts","sourceRoot":"","sources":["../../../../src/screen/greetings/Greetings.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,QAAA,MAAM,SAAS,UAAW,GAAG,sBA0C5B,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/lib/typescript/screen/greetings/Social.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Social.d.ts","sourceRoot":"","sources":["../../../../src/screen/greetings/Social.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,QAAA,MAAM,MAAM,UAAW,GAAG,sBAyBzB,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/lib/typescript/screen/greetings/Supporters.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Supporters.d.ts","sourceRoot":"","sources":["../../../../src/screen/greetings/Supporters.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,QAAA,MAAM,UAAU,UAAW,GAAG,6BAsC7B,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/lib/typescript/utils/common.d.ts

@@ -0,0 +1,4 @@
+export declare const initStorage: (storageObject: string) => void;
+export declare const getLocalStorageItem: (key: string) => any;
+export declare const setLocalStorageItem: (key: string, value: string) => void;
+//# sourceMappingURL=common.d.ts.map

package/lib/typescript/utils/common.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"common.d.ts","sourceRoot":"","sources":["../../../src/utils/common.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,WAAW,kBAAmB,MAAM,SAEhD,CAAC;AAGF,eAAO,MAAM,mBAAmB,QAAS,MAAM,KAAG,GAEjD,CAAC;AAGF,eAAO,MAAM,mBAAmB,QAAS,MAAM,SAAS,MAAM,SAE7D,CAAC"}

package/lib/typescript/utils/utils.d.ts

@@ -0,0 +1,4 @@
+export declare function getAttachmentUrl(value: string): string;
+export declare const strip_html: (string: any, withoutCut?: boolean) => any;
+export declare const getVisitorId: () => Promise<string>;
+//# sourceMappingURL=utils.d.ts.map

package/lib/typescript/utils/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/utils/utils.tsx"],"names":[],"mappings":"AAIA,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,MAAM,UAK7C;AAED,eAAO,MAAM,UAAU,WAAY,GAAG,eAAe,OAAO,QAa3D,CAAC;AAEF,eAAO,MAAM,YAAY,uBAQxB,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "rn-erxes-sdk",
-  "version": "0.1.8",
+  "version": "0.1.10",
   "description": "react-native erxes sdk",
   "main": "lib/commonjs/index",
   "module": "lib/module/index",
@@ -158,10 +158,19 @@
   },
   "dependencies": {
     "@apollo/client": "^3.7.15",
+    "@fingerprintjs/fingerprintjs": "^3.4.1",
+    "@react-native-async-storage/async-storage": "^1.18.2",
+    "@react-navigation/native": "^6.1.6",
+    "@react-navigation/stack": "^6.3.16",
     "dayjs": "^1.11.8",
     "graphql": "^16.6.0",
     "graphql-ws": "^5.13.1",
     "react-apollo": "^3.1.5",
+    "react-native-gesture-handler": "^2.12.0",
+    "react-native-render-html": "^6.3.4",
+    "react-native-safe-area-context": "^4.5.3",
+    "react-native-screens": "^3.21.1",
+    "react-native-uuid": "^2.0.1",
     "react-native-vector-icons": "^9.1.0"
   }
 }

package/src/App.tsx

@@ -1,16 +1,91 @@
-import React from 'react';
+import React, { useEffect } from 'react';
 import { ApolloProvider } from '@apollo/client';
-import ClientProvider from './apolloClient';
+import ClientProvider from './graphql/apolloClient';
 import Widget from './Widget';
+import { createStackNavigator } from '@react-navigation/stack';
+import { NavigationContainer } from '@react-navigation/native';
+import ConversationDetail from './screen/conversation/ConversationDetail';
+import AsyncStorage from '@react-native-async-storage/async-storage';
+import { getVisitorId } from './utils/utils';
 
 export type PropTypes = {
   brandCode: string;
+  email?: string;
+  hasBack?: boolean;
+  onBack?: () => void;
 };
 
-const ErxesSDK: React.FC<PropTypes> = ({ brandCode }) => {
+const ErxesSDK: React.FC<PropTypes> = ({
+  brandCode,
+  email,
+  hasBack = false,
+  onBack = () => {},
+}) => {
+  const RootStack = createStackNavigator();
+
+  const [connection, setConnection] = React.useState<any>({
+    cachedCustomerId: null,
+    visitorId: null,
+  });
+
+  const props = { brandCode, email, hasBack, onBack, connection };
+
+  useEffect(() => {
+    let visitorId;
+    let tempCustomerId = '';
+    AsyncStorage.getItem('clockId')
+      .then((value) => {
+        if (value !== null) {
+          tempCustomerId = value;
+        }
+      })
+      .catch((e) => {
+        console.log('checkIntro', e.message);
+      });
+    if (!tempCustomerId) {
+      // declare the data fetching function
+      const fetchData = async () => {
+        visitorId = await getVisitorId();
+      };
+
+      // call the function
+      fetchData()
+        // make sure to catch any error
+        .catch(console.error);
+    }
+    setConnection({
+      cachedCustomerId: tempCustomerId,
+      visitorId,
+    });
+  }, []);
+
   return (
     <ApolloProvider client={ClientProvider()}>
-      <Widget brandCode={brandCode} />
+      <NavigationContainer>
+        <RootStack.Navigator>
+          <RootStack.Screen
+            name="Widget"
+            options={{
+              headerShown: false,
+              gestureEnabled: false,
+            }}
+          >
+            {(rest: any) => <Widget {...rest} {...props} />}
+          </RootStack.Screen>
+          <RootStack.Screen
+            name="ConversationDetail"
+            component={ConversationDetail}
+            options={{
+              headerShown: false,
+              cardStyleInterpolator: ({ current }) => ({
+                cardStyle: {
+                  opacity: current.progress,
+                },
+              }),
+            }}
+          />
+        </RootStack.Navigator>
+      </NavigationContainer>
     </ApolloProvider>
   );
 };

package/src/FAQ.tsx

@@ -13,6 +13,7 @@ import {
   knowledgeBaseCategoryDetail,
   knowledgeBaseTopicDetail,
 } from './graphql/query';
+import MaterialCommunityIcons from './icons/MaterialCommunityIcons';
 
 const FAQ = (props: any) => {
   const { knowledgeBaseTopicId } = props;
@@ -112,11 +113,23 @@ const FAQ = (props: any) => {
   const header = () => {
     return (
       <TouchableOpacity
-        style={{ backgroundColor: '#f7f6f9', padding: 5 }}
+        style={{
+          backgroundColor: '#f7f6f9',
+          padding: 5,
+          flexDirection: 'row',
+          alignItems: 'center',
+        }}
         onPress={() => {
           setSelectedParent('');
         }}
       >
+        <MaterialCommunityIcons
+          allowFontScaling={false}
+          name={'arrow-left'}
+          size={24}
+          color={'red'}
+          direction="ltr"
+        />
         <Text style={{ marginLeft: 5 }}>Back to FAQ</Text>
       </TouchableOpacity>
     );