rn-erxes-sdk 0.1.13 → 0.1.15

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

@@ -1 +1 @@
-{"version":3,"names":["View","Text","StyleSheet","SafeAreaView","TouchableOpacity","React","Social","Supporters","Greetings","props","_greetings$messages","_greetings$messages$g","_greetings$messages2","_greetings$messages2$","greetings","bgColor","textColor","integrationId","hasBack","onBack","backIcon","createElement","style","backgroundColor","onPress","styles","backStyle","title","marginTop","fontWeight","fontSize","color","messages","links","opacity","message","create","paddingVertical","paddingHorizontal","borderTopLeftRadius","borderTopRightRadius","width","height","marginLeft","borderRadius","justifyContent","alignItems"],"sourceRoot":"../../../../src","sources":["screen/greetings/Greetings.tsx"],"mappings":"AAAA;AACA,SACEA,IAAI,EACJC,IAAI,EACJC,UAAU,EACVC,YAAY,EACZC,gBAAgB,QACX,cAAc;AACrB,OAAOC,KAAK,MAAM,OAAO;AACzB,OAAOC,MAAM,MAAM,UAAU;AAC7B,OAAOC,UAAU,MAAM,cAAc;AAErC,MAAMC,SAAS,GAAIC,KAAU,IAAK;EAAA,IAAAC,mBAAA,EAAAC,qBAAA,EAAAC,oBAAA,EAAAC,qBAAA;EAChC,MAAM;IACJC,SAAS;IACTC,OAAO;IACPC,SAAS;IACTC,aAAa;IACbC,OAAO;IACPC,MAAM;IACNC;EACF,CAAC,GAAGX,KAAK;EAET,oBACEJ,KAAA,CAAAgB,aAAA,CAAClB,YAAY;IAACmB,KAAK,EAAE;MAAEC,eAAe,EAAER;IAAQ;EAAE,GAC/CG,OAAO,gBACNb,KAAA,CAAAgB,aAAA,CAACjB,gBAAgB;IACfoB,OAAO,EAAEA,CAAA,KAAM;MACbL,MAAM,CAAC,CAAC;IACV,CAAE;IACFG,KAAK,EAAE,CACLG,MAAM,CAACC,SAAS,EAChB;MACEH,eAAe,EAAE;IACnB,CAAC;EACD,GAEDH,QACe,CAAC,GACjB,IAAI,eACRf,KAAA,CAAAgB,aAAA,CAACrB,IAAI;IAACsB,KAAK,EAAE,CAACG,MAAM,CAACE,KAAK;EAAE,gBAC1BtB,KAAA,CAAAgB,aAAA,CAACrB,IAAI;IAACsB,KAAK,EAAE;MAAEM,SAAS,EAAE;IAAG;EAAE,gBAC7BvB,KAAA,CAAAgB,aAAA,CAACpB,IAAI;IAACqB,KAAK,EAAE;MAAEO,UAAU,EAAE,KAAK;MAAEC,QAAQ,EAAE,EAAE;MAAEC,KAAK,EAAEf;IAAU;EAAE,GAChEF,SAAS,aAATA,SAAS,wBAAAJ,mBAAA,GAATI,SAAS,CAAEkB,QAAQ,cAAAtB,mBAAA,wBAAAC,qBAAA,GAAnBD,mBAAA,CAAqBI,SAAS,cAAAH,qBAAA,uBAA9BA,qBAAA,CAAgCgB,KAC7B,CAAC,eACPtB,KAAA,CAAAgB,aAAA,CAACrB,IAAI;IAACsB,KAAK,EAAE;MAAEM,SAAS,EAAE;IAAG;EAAE,gBAC7BvB,KAAA,CAAAgB,aAAA,CAACf,MAAM;IAAC2B,KAAK,EAAEnB,SAAS,aAATA,SAAS,uBAATA,SAAS,CAAEmB;EAAM,CAAE,CAC9B,CAAC,eACP5B,KAAA,CAAAgB,aAAA,CAACpB,IAAI;IAACqB,KAAK,EAAE;MAAEM,SAAS,EAAE,EAAE;MAAEG,KAAK,EAAEf,SAAS;MAAEkB,OAAO,EAAE;IAAI;EAAE,GAC5DpB,SAAS,aAATA,SAAS,wBAAAF,oBAAA,GAATE,SAAS,CAAEkB,QAAQ,cAAApB,oBAAA,wBAAAC,qBAAA,GAAnBD,oBAAA,CAAqBE,SAAS,cAAAD,qBAAA,uBAA9BA,qBAAA,CAAgCsB,OAC7B,CACF,CAAC,eACP9B,KAAA,CAAAgB,aAAA,CAACd,UAAU;IAACU,aAAa,EAAEA;EAAc,CAAE,CACvC,CACM,CAAC;AAEnB,CAAC;AAED,eAAeT,SAAS;AAExB,MAAMiB,MAAM,GAAGvB,UAAU,CAACkC,MAAM,CAAC;EAC/BT,KAAK,EAAE;IACLU,eAAe,EAAE,EAAE;IACnBC,iBAAiB,EAAE,EAAE;IACrBC,mBAAmB,EAAE,CAAC;IACtBC,oBAAoB,EAAE;EACxB,CAAC;EAEDd,SAAS,EAAE;IACTe,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE,EAAE;IACVC,UAAU,EAAE,EAAE;IACdC,YAAY,EAAE,EAAE;IAChBC,cAAc,EAAE,QAAQ;IACxBC,UAAU,EAAE;EACd;AACF,CAAC,CAAC"}
+{"version":3,"names":["View","Text","StyleSheet","SafeAreaView","TouchableOpacity","React","useContext","Social","Supporters","AppContext","ArrowLeft","CloseIcon","Greetings","_greetings$messages","_greetings$messages$g","_greetings$messages2","_greetings$messages2$","value","greetings","hasBack","onBack","bgColor","textColor","integrationId","showWidget","setShow","createElement","style","backgroundColor","onPress","styles","backStyle","size","title","marginTop","fontWeight","fontSize","color","messages","links","opacity","message","create","paddingVertical","paddingHorizontal","borderTopLeftRadius","borderTopRightRadius","width","height","marginLeft","borderRadius","justifyContent","alignItems"],"sourceRoot":"../../../../src","sources":["screen/greetings/Greetings.tsx"],"mappings":"AAAA;AACA,SACEA,IAAI,EACJC,IAAI,EACJC,UAAU,EACVC,YAAY,EACZC,gBAAgB,QACX,cAAc;AACrB,OAAOC,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,OAAOC,MAAM,MAAM,UAAU;AAC7B,OAAOC,UAAU,MAAM,cAAc;AACrC,OAAOC,UAAU,MAAM,uBAAuB;AAC9C,SAASC,SAAS,EAAEC,SAAS,QAAQ,mBAAmB;AAExD,MAAMC,SAAS,GAAGA,CAAA,KAAM;EAAA,IAAAC,mBAAA,EAAAC,qBAAA,EAAAC,oBAAA,EAAAC,qBAAA;EACtB,MAAMC,KAAK,GAAGX,UAAU,CAACG,UAAU,CAAC;EAEpC,MAAM;IACJS,SAAS;IACTC,OAAO;IACPC,MAAM;IACNC,OAAO;IACPC,SAAS;IACTC,aAAa;IACbC,UAAU;IACVC;EACF,CAAC,GAAGR,KAAK;EAET,oBACEZ,KAAA,CAAAqB,aAAA,CAACvB,YAAY;IAACwB,KAAK,EAAE;MAAEC,eAAe,EAAEP;IAAQ;EAAE,GAC/CG,UAAU,gBACTnB,KAAA,CAAAqB,aAAA,CAACtB,gBAAgB;IACfyB,OAAO,EAAEA,CAAA,KAAM;MACbJ,OAAO,CAAC,IAAI,CAAC;IACf,CAAE;IACFE,KAAK,EAAE,CACLG,MAAM,CAACC,SAAS,EAChB;MACEH,eAAe,EAAE;IACnB,CAAC;EACD,gBAEFvB,KAAA,CAAAqB,aAAA,CAACf,SAAS;IAACqB,IAAI,EAAE;EAAG,CAAE,CACN,CAAC,GACjBb,OAAO,gBACTd,KAAA,CAAAqB,aAAA,CAACtB,gBAAgB;IACfyB,OAAO,EAAEA,CAAA,KAAM;MACbT,MAAM,CAAC,CAAC;IACV,CAAE;IACFO,KAAK,EAAE,CACLG,MAAM,CAACC,SAAS,EAChB;MACEH,eAAe,EAAE;IACnB,CAAC;EACD,gBAEFvB,KAAA,CAAAqB,aAAA,CAAChB,SAAS;IAACsB,IAAI,EAAE;EAAG,CAAE,CACN,CAAC,GACjB,IAAI,eACR3B,KAAA,CAAAqB,aAAA,CAAC1B,IAAI;IAAC2B,KAAK,EAAE,CAACG,MAAM,CAACG,KAAK;EAAE,gBAC1B5B,KAAA,CAAAqB,aAAA,CAAC1B,IAAI;IAAC2B,KAAK,EAAE;MAAEO,SAAS,EAAE;IAAG;EAAE,gBAC7B7B,KAAA,CAAAqB,aAAA,CAACzB,IAAI;IAAC0B,KAAK,EAAE;MAAEQ,UAAU,EAAE,KAAK;MAAEC,QAAQ,EAAE,EAAE;MAAEC,KAAK,EAAEf;IAAU;EAAE,GAChE,CAAAJ,SAAS,aAATA,SAAS,wBAAAL,mBAAA,GAATK,SAAS,CAAEoB,QAAQ,cAAAzB,mBAAA,wBAAAC,qBAAA,GAAnBD,mBAAA,CAAqBK,SAAS,cAAAJ,qBAAA,uBAA9BA,qBAAA,CAAgCmB,KAAK,KAAI,mBACtC,CAAC,eACP5B,KAAA,CAAAqB,aAAA,CAAC1B,IAAI;IAAC2B,KAAK,EAAE;MAAEO,SAAS,EAAE;IAAG;EAAE,gBAC7B7B,KAAA,CAAAqB,aAAA,CAACnB,MAAM;IAACgC,KAAK,EAAErB,SAAS,aAATA,SAAS,uBAATA,SAAS,CAAEqB;EAAM,CAAE,CAC9B,CAAC,eACPlC,KAAA,CAAAqB,aAAA,CAACzB,IAAI;IAAC0B,KAAK,EAAE;MAAEO,SAAS,EAAE,EAAE;MAAEG,KAAK,EAAEf,SAAS;MAAEkB,OAAO,EAAE;IAAI;EAAE,GAC5D,CAAAtB,SAAS,aAATA,SAAS,wBAAAH,oBAAA,GAATG,SAAS,CAAEoB,QAAQ,cAAAvB,oBAAA,wBAAAC,qBAAA,GAAnBD,oBAAA,CAAqBG,SAAS,cAAAF,qBAAA,uBAA9BA,qBAAA,CAAgCyB,OAAO,KACtC,gFACE,CACF,CAAC,eACPpC,KAAA,CAAAqB,aAAA,CAAClB,UAAU;IAACe,aAAa,EAAEA;EAAc,CAAE,CACvC,CACM,CAAC;AAEnB,CAAC;AAED,eAAeX,SAAS;AAExB,MAAMkB,MAAM,GAAG5B,UAAU,CAACwC,MAAM,CAAC;EAC/BT,KAAK,EAAE;IACLU,eAAe,EAAE,EAAE;IACnBC,iBAAiB,EAAE,EAAE;IACrBC,mBAAmB,EAAE,CAAC;IACtBC,oBAAoB,EAAE;EACxB,CAAC;EAEDf,SAAS,EAAE;IACTgB,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE,EAAE;IACVC,UAAU,EAAE,EAAE;IACdC,YAAY,EAAE,EAAE;IAChBC,cAAc,EAAE,QAAQ;IACxBC,UAAU,EAAE;EACd;AACF,CAAC,CAAC"}

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

@@ -21,7 +21,7 @@ const Social = props => {
   };
   return /*#__PURE__*/React.createElement(View, {
     style: styles.container
-  }, links !== null && links !== void 0 && links.facebook ? renderSocial(links.facebook, images.facebook, 0) : null, links !== null && links !== void 0 && links.twitter ? renderSocial(links.twitter, images.twitter, 1) : null, links !== null && links !== void 0 && links.youtube ? renderSocial(links.youtube, images.youtube, 2) : null);
+  }, links !== null && links !== void 0 && links.facebook ? renderSocial(links.facebook, images.facebook, 0) : null, links.twitter ? renderSocial(links.twitter, images.twitter, 1) : null, links !== null && links !== void 0 && links.youtube ? renderSocial(links.youtube, images.youtube, 2) : null);
 };
 export default Social;
 const styles = StyleSheet.create({

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

@@ -1 +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"}
+{"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,CAACe,OAAO,GAAGd,YAAY,CAACD,KAAK,CAACe,OAAO,EAAElB,MAAM,CAACkB,OAAO,EAAE,CAAC,CAAC,GAAG,IAAI,EACrEf,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/types.js

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=types.js.map

package/lib/module/types.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../src","sources":["types.ts"],"mappings":""}

package/lib/module/utils/utils.js

@@ -19,4 +19,13 @@ export const strip_html = (string, withoutCut) => {
     return cut;
   }
 };
+
+// check if valid url
+export const isValidURL = u => {
+  try {
+    return Boolean(new URL(u));
+  } catch (e) {
+    return false;
+  }
+};
 //# sourceMappingURL=utils.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["url","getAttachmentUrl","value","includes","strip_html","string","withoutCut","regex","result","replace","cut","slice"],"sourceRoot":"../../../src","sources":["utils/utils.tsx"],"mappings":"AAAA,MAAMA,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"}
+{"version":3,"names":["url","getAttachmentUrl","value","includes","strip_html","string","withoutCut","regex","result","replace","cut","slice","isValidURL","u","Boolean","URL","e"],"sourceRoot":"../../../src","sources":["utils/utils.tsx"],"mappings":"AAAA,MAAMA,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;AACA,OAAO,MAAME,UAAU,GAAIC,CAAS,IAAK;EACvC,IAAI;IACF,OAAOC,OAAO,CAAC,IAAIC,GAAG,CAACF,CAAC,CAAC,CAAC;EAC5B,CAAC,CAAC,OAAOG,CAAC,EAAE;IACV,OAAO,KAAK;EACd;AACF,CAAC"}

package/lib/typescript/App.d.ts

@@ -3,10 +3,8 @@ import React from 'react';
 export type PropTypes = {
     brandCode: string;
     email?: string;
-    hasBack?: boolean;
     onBack?: () => void;
-    backIcon?: any;
-    newChatIcon: any;
+    showWidget: boolean;
 };
 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,gCAAgC,CAAC;AACxC,OAAO,KAAoB,MAAM,OAAO,CAAC;AAOzC,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;IACpB,QAAQ,CAAC,EAAE,GAAG,CAAC;IACf,WAAW,EAAE,GAAG,CAAC;CAClB,CAAC;AAEF,QAAA,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAkDjC,CAAC;AAEF,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"App.d.ts","sourceRoot":"","sources":["../../src/App.tsx"],"names":[],"mappings":"AAAA,OAAO,gCAAgC,CAAC;AACxC,OAAO,KAAoB,MAAM,OAAO,CAAC;AASzC,MAAM,MAAM,SAAS,GAAG;IACtB,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,UAAU,EAAE,OAAO,CAAC;CACrB,CAAC;AAEF,QAAA,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAqEjC,CAAC;AAEF,eAAe,QAAQ,CAAC"}

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

@@ -1 +1 @@
-{"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,6BAwEzB,CAAC;AAEF,eAAe,MAAM,CAAC"}
+{"version":3,"file":"Widget.d.ts","sourceRoot":"","sources":["../../src/Widget.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAQ1B,QAAA,MAAM,MAAM,UAAW,GAAG,6BAyFzB,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/lib/typescript/assets/images/index.d.ts

@@ -3,6 +3,7 @@ declare const images: {
     youtube: any;
     twitter: any;
     avatar: any;
+    logo: any;
 };
 export default images;
 //# sourceMappingURL=index.d.ts.map

package/lib/typescript/assets/images/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/assets/images/index.ts"],"names":[],"mappings":"AAAA,QAAA,MAAM,MAAM;;;;;CAKX,CAAC;AAEF,eAAe,MAAM,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/assets/images/index.ts"],"names":[],"mappings":"AAAA,QAAA,MAAM,MAAM;;;;;;CAMX,CAAC;AAEF,eAAe,MAAM,CAAC"}

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

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

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"InputTools.d.ts","sourceRoot":"","sources":["../../../src/components/InputTools.tsx"],"names":[],"mappings":"AACA,OAAO,KAAmB,MAAM,OAAO,CAAC;AASxC,QAAA,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,GAAG,CAwC7B,CAAC;AAsBF,eAAe,UAAU,CAAC"}
+{"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,CAwC7B,CAAC;AAsBF,eAAe,UAAU,CAAC"}

package/lib/typescript/context/Context.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+declare const AppContext: import("react").Context<any>;
+export default AppContext;
+//# sourceMappingURL=Context.d.ts.map

package/lib/typescript/context/Context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Context.d.ts","sourceRoot":"","sources":["../../../src/context/Context.ts"],"names":[],"mappings":";AAEA,QAAA,MAAM,UAAU,8BAA2B,CAAC;AAE5C,eAAe,UAAU,CAAC"}

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

@@ -1 +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"}
+{"version":3,"file":"apolloClient.d.ts","sourceRoot":"","sources":["../../../src/graphql/apolloClient.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,YAAY,EAKb,MAAM,qBAAqB,CAAC;AAS7B,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,5 +1,7 @@
 declare const connect: import("@apollo/client").DocumentNode;
 declare const widgetsInsertMessage: import("@apollo/client").DocumentNode;
 declare const widgetsSaveCustomerGetNotified: import("@apollo/client").DocumentNode;
-export { connect, widgetsInsertMessage, widgetsSaveCustomerGetNotified };
+declare const saveBrowserInfo: string;
+declare const customersAdd: import("@apollo/client").DocumentNode;
+export { connect, widgetsInsertMessage, widgetsSaveCustomerGetNotified, saveBrowserInfo, customersAdd, };
 //# 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,QAAA,MAAM,oBAAoB,uCA+DzB,CAAC;AAEF,QAAA,MAAM,8BAA8B,uCAcnC,CAAC;AAEF,OAAO,EAAE,OAAO,EAAE,oBAAoB,EAAE,8BAA8B,EAAE,CAAC"}
+{"version":3,"file":"mutation.d.ts","sourceRoot":"","sources":["../../../src/graphql/mutation.ts"],"names":[],"mappings":"AA2CA,QAAA,MAAM,OAAO,uCAqCZ,CAAC;AAEF,QAAA,MAAM,oBAAoB,uCA+DzB,CAAC;AAEF,QAAA,MAAM,8BAA8B,uCAcnC,CAAC;AAEF,QAAA,MAAM,eAAe,QAMpB,CAAC;AAEF,QAAA,MAAM,YAAY,uCAoGjB,CAAC;AAEF,OAAO,EACL,OAAO,EACP,oBAAoB,EACpB,8BAA8B,EAC9B,eAAe,EACf,YAAY,GACb,CAAC"}

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,QAAA,MAAM,yBAAyB,uCAiE9B,CAAC;AAEF,OAAO,EACL,0BAA0B,EAC1B,oBAAoB,EACpB,yBAAyB,EACzB,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,uCAwD9B,CAAC;AAEF,OAAO,EACL,0BAA0B,EAC1B,oBAAoB,EACpB,yBAAyB,EACzB,wBAAwB,EACxB,2BAA2B,GAC5B,CAAC"}

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

@@ -0,0 +1,28 @@
+import React from 'react';
+import type { StyleProp, ViewStyle } from 'react-native';
+export declare function ArrowLeft({ size, }: {
+    style?: StyleProp<ViewStyle>;
+    size?: string | number;
+    strokeWidth?: number;
+}): React.JSX.Element;
+export declare function CheckIcon({ size, }: {
+    style?: StyleProp<ViewStyle>;
+    size?: string | number;
+    strokeWidth?: number;
+}): React.JSX.Element;
+export declare function PlusIcon({ size, }: {
+    style?: StyleProp<ViewStyle>;
+    size?: string | number;
+    strokeWidth?: number;
+}): React.JSX.Element;
+export declare function SendIcon({ size, }: {
+    style?: StyleProp<ViewStyle>;
+    size?: string | number;
+    strokeWidth?: number;
+}): React.JSX.Element;
+export declare function CloseIcon({ size, }: {
+    style?: StyleProp<ViewStyle>;
+    size?: string | number;
+    strokeWidth?: number;
+}): React.JSX.Element;
+//# sourceMappingURL=icons.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"icons.d.ts","sourceRoot":"","sources":["../../../src/icons/icons.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAGzD,wBAAgB,SAAS,CAAC,EACxB,IAAI,GACL,EAAE;IACD,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,qBAYA;AAED,wBAAgB,SAAS,CAAC,EACxB,IAAI,GACL,EAAE;IACD,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,qBAYA;AAED,wBAAgB,QAAQ,CAAC,EACvB,IAAI,GACL,EAAE;IACD,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,qBAWA;AAED,wBAAgB,QAAQ,CAAC,EACvB,IAAI,GACL,EAAE;IACD,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,qBAgBA;AAED,wBAAgB,SAAS,CAAC,EACxB,IAAI,GACL,EAAE;IACD,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,qBAYA"}

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

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

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

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

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

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

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

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

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

@@ -1 +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"}
+{"version":3,"file":"Message.d.ts","sourceRoot":"","sources":["../../../../src/screen/conversation/Message.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAS1B,QAAA,MAAM,OAAO,UAAW,GAAG,sBAkD1B,CAAC;AAEF,eAAe,OAAO,CAAC"}

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

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

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

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

package/lib/typescript/types.d.ts

@@ -0,0 +1,12 @@
+export interface IBrowserInfo {
+    language?: string;
+    url?: string;
+    city?: string;
+    country?: string;
+    countryCode?: string;
+    remoteAddress?: string;
+    region?: string;
+    hostname?: string;
+    userAgent?: string;
+}
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,YAAY;IAC3B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB"}

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

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

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

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "rn-erxes-sdk",
-  "version": "0.1.13",
+  "version": "0.1.15",
   "description": "react-native erxes sdk",
   "main": "lib/commonjs/index",
   "module": "lib/module/index",
@@ -169,6 +169,7 @@
     "react-native-render-html": "^6.3.4",
     "react-native-safe-area-context": "^4.5.3",
     "react-native-screens": "^3.21.1",
+    "react-native-svg": "^13.12.0",
     "react-native-uuid": "^2.0.1"
   }
 }

package/src/App.tsx

@@ -5,61 +5,80 @@ import ClientProvider from './graphql/apolloClient';
 import Widget from './Widget';
 import AsyncStorage from '@react-native-async-storage/async-storage';
 import { ObjectId } from 'bson';
+import { Image, StyleSheet, TouchableOpacity, View } from 'react-native';
+import images from './assets/images';
 
 export type PropTypes = {
   brandCode: string;
   email?: string;
-  hasBack?: boolean;
   onBack?: () => void;
-  backIcon?: any;
-  newChatIcon: any;
+  showWidget: boolean;
 };
 
 const ErxesSDK: React.FC<PropTypes> = ({
   brandCode,
   email = null,
-  hasBack = false,
   onBack = () => {},
-  backIcon,
-  newChatIcon,
+  showWidget = false,
 }) => {
   const [connection, setConnection] = React.useState<any>({
     cachedCustomerId: null,
     visitorId: null,
   });
 
+  const [show, setShow] = React.useState<boolean>(showWidget);
+
+  console.log(showWidget);
+
   const props = {
     brandCode,
     email,
-    hasBack,
     onBack,
     connection,
-    backIcon,
-    newChatIcon,
+    setConnection,
+    showWidget,
+    setShow,
   };
 
   useEffect(() => {
-    let visitorId;
+    let visitorId: any;
     let tempCustomerId = '';
-    AsyncStorage.getItem('clockId')
+    AsyncStorage.getItem('cachedCustomerId')
       .then((value) => {
         if (value !== null) {
-          tempCustomerId = value;
+          tempCustomerId = JSON.parse(value);
+        }
+        if (!tempCustomerId) {
+          // declare the data fetching function
+          visitorId = new ObjectId();
         }
+        setConnection({
+          cachedCustomerId: tempCustomerId ? tempCustomerId : null,
+          visitorId: visitorId?.toString(),
+        });
       })
       .catch((e) => {
         console.log('checkIntro', e.message);
       });
-    if (!tempCustomerId) {
-      // declare the data fetching function
-      visitorId = new ObjectId();
-    }
-    setConnection({
-      cachedCustomerId: tempCustomerId ? tempCustomerId : null,
-      visitorId: visitorId?.toString(),
-    });
   }, []);
 
+  if (show) {
+    return (
+      <View style={{ flex: 1 }}>
+        <TouchableOpacity
+          style={[styles.widget]}
+          onPress={() => setShow(false)}
+        >
+          <Image
+            source={images.logo}
+            style={styles.image}
+            resizeMode="contain"
+          />
+        </TouchableOpacity>
+      </View>
+    );
+  }
+
   return (
     <ApolloProvider client={ClientProvider()}>
       <Widget {...props} />
@@ -68,3 +87,27 @@ const ErxesSDK: React.FC<PropTypes> = ({
 };
 
 export default ErxesSDK;
+
+const styles = StyleSheet.create({
+  widget: {
+    position: 'absolute',
+    right: 20,
+    bottom: 20,
+    height: 60,
+    width: 60,
+    borderRadius: 50,
+    justifyContent: 'center',
+    alignItems: 'center',
+    elevation: 3,
+    zIndex: 3,
+    shadowColor: '#2F1F69',
+    shadowOffset: {
+      width: 0,
+      height: 0,
+    },
+    shadowOpacity: 0.5,
+    shadowRadius: 3,
+    backgroundColor: '#2F1F69',
+  },
+  image: { width: 50, height: 50, borderRadius: 90 },
+});

package/src/Widget.tsx

@@ -4,18 +4,24 @@ import { useMutation } from '@apollo/client';
 import { connect } from './graphql/mutation';
 import Greetings from './screen/greetings/Greetings';
 import Conversations from './screen/conversation/Conversations';
+import AppContext from './context/Context';
+import ConversationDetail from './screen/conversation/ConversationDetail';
 
 const Widget = (props: any) => {
   const {
     brandCode,
     email,
-    hasBack,
     onBack,
     connection,
-    backIcon,
-    newChatIcon,
+    setConnection,
+    showWidget,
+    setShow,
   } = props;
+
   const [response, setResponse] = React.useState<any>(null);
+  const [conversationId, setConversationId] = React.useState<string | null>(
+    null
+  );
 
   const [connectMutation] = useMutation(connect);
 
@@ -39,43 +45,56 @@ const Widget = (props: any) => {
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
 
-  const bgColor =
-    response?.data?.widgetsMessengerConnect?.uiOptions?.color || '#5629b6';
   const integrationId = response?.data?.widgetsMessengerConnect?.integrationId;
-  const brand = response?.data?.widgetsMessengerConnect?.brand;
-  const textColor =
-    response?.data?.widgetsMessengerConnect?.uiOptions?.textColor || '#fff';
 
   if (!integrationId) {
     return null;
   }
 
-  const greetingProps = {
-    greetings: response?.data?.widgetsMessengerConnect?.messengerData,
-    integrationId,
-    hasBack,
-    onBack,
-    backIcon,
-    bgColor,
-    textColor,
-    brand,
-  };
-
-  const conversationProps = {
-    customerId: connection?.cachedCustomerId,
-    visitorId: connection?.visitorId,
-    integrationId,
-    bgColor,
-    brand,
-    newChatIcon,
-    textColor,
-  };
-
   return (
-    <View style={styles.container}>
-      <Greetings {...greetingProps} />
-      <Conversations {...conversationProps} />
-    </View>
+    <AppContext.Provider
+      value={{
+        // Ids
+        customerId: connection?.cachedCustomerId,
+        visitorId: connection?.visitorId,
+        //Props
+        email,
+        brandCode,
+        hasBack: showWidget ? false : true,
+        onBack,
+        showWidget,
+        //Ui Options
+        bgColor:
+          response?.data?.widgetsMessengerConnect?.uiOptions?.color ||
+          '#5629b6',
+        textColor:
+          response?.data?.widgetsMessengerConnect?.uiOptions?.textColor ||
+          '#fff',
+        //Datas
+        brand: response?.data?.widgetsMessengerConnect?.brand,
+        greetings: response?.data?.widgetsMessengerConnect?.messengerData,
+        integrationId,
+        //Conversation
+        conversationId,
+        setConversationId,
+        // Connection
+        setConnection,
+
+        //
+        setShow,
+      }}
+    >
+      <View style={styles.container}>
+        {conversationId !== null ? (
+          <ConversationDetail />
+        ) : (
+          <>
+            <Greetings />
+            <Conversations />
+          </>
+        )}
+      </View>
+    </AppContext.Provider>
   );
 };
 

package/src/assets/images/index.ts

@@ -3,6 +3,7 @@ const images = {
   youtube: require('./Youtube.png'),
   twitter: require('./Twitter.png'),
   avatar: require('./avatar.png'),
+  logo: require('./logo.png'),
 };
 
 export default images;

package/src/components/Avatar.tsx

@@ -0,0 +1,56 @@
+/* eslint-disable react-native/no-inline-styles */
+import { View, Text, StyleSheet } from 'react-native';
+import React from 'react';
+import { getAttachmentUrl } from '../utils/utils';
+import { Image } from 'react-native';
+
+const Avatar = (props: any) => {
+  const { user, bgColor } = props;
+  const url = getAttachmentUrl(user?.details?.avatar);
+  if (!url) {
+    const firstNameLetter = user?.details?.fullName
+      ?.split(' ')[0]
+      ?.charAt(0)
+      ?.toUpperCase();
+    const lastNameLetter = user?.details?.fullName
+      ?.split(' ')[1]
+      ?.charAt(0)
+      ?.toUpperCase();
+    return (
+      <View
+        style={[
+          styles.avatar,
+          {
+            backgroundColor: bgColor,
+            alignItems: 'center',
+            justifyContent: 'center',
+            marginRight: 10,
+          },
+        ]}
+      >
+        <Text style={{ color: '#fff', fontWeight: '500' }}>
+          {firstNameLetter}.{lastNameLetter}
+        </Text>
+      </View>
+    );
+  }
+  return (
+    <View style={{ marginRight: 10 }}>
+      <Image
+        source={{ uri: url, cache: 'force-cache' }}
+        style={styles.avatar}
+        resizeMode="stretch"
+      />
+    </View>
+  );
+};
+
+export default Avatar;
+
+const styles = StyleSheet.create({
+  avatar: {
+    width: 40,
+    height: 40,
+    borderRadius: 90,
+  },
+});

package/src/components/InputTools.tsx

@@ -1,12 +1,7 @@
 /* eslint-disable react-native/no-inline-styles */
 import React, { useState } from 'react';
-import {
-  StyleSheet,
-  Text,
-  TextInput,
-  TouchableOpacity,
-  View,
-} from 'react-native';
+import { StyleSheet, TextInput, TouchableOpacity, View } from 'react-native';
+import { SendIcon } from '../../src/icons/icons';
 
 const InputTools: React.FC<any> = (props: any) => {
   const { onSend, bgColor } = props;
@@ -44,7 +39,7 @@ const InputTools: React.FC<any> = (props: any) => {
           onInput('');
         }}
       >
-        <Text>A</Text>
+        <SendIcon size={24} />
       </TouchableOpacity>
     </View>
   );

package/src/context/Context.ts

@@ -0,0 +1,5 @@
+import { createContext } from 'react';
+
+const AppContext = createContext({} as any);
+
+export default AppContext;

package/src/graphql/apolloClient.ts

@@ -11,6 +11,7 @@ import { createClient } from 'graphql-ws';
 import { GraphQLWsLink } from '@apollo/client/link/subscriptions';
 
 const baseUrl = 'office.erxes.io/gateway';
+// const baseUrl = 'localhost:4000';
 
 export const apiUrl = `https://${baseUrl}`;