rn-erxes-sdk 0.1.4 → 0.1.6

package/lib/module/FAQ.js

@@ -0,0 +1,165 @@
+/* eslint-disable react-native/no-inline-styles */
+import { View, Text, StyleSheet, FlatList, TouchableOpacity, ActivityIndicator } from 'react-native';
+import React, { useState } from 'react';
+import { useQuery } from '@apollo/client';
+import { knowledgeBaseCategoryDetail, knowledgeBaseTopicDetail } from './graphql/graphql';
+const FAQ = props => {
+  var _data$knowledgeBaseTo4, _data$knowledgeBaseTo5, _data$knowledgeBaseTo6;
+  const {
+    knowledgeBaseTopicId
+  } = props;
+  const [selectedParent, setSelectedParent] = useState('');
+  const [selectedCategory, setSelectedCategory] = useState('');
+  const {
+    data,
+    loading
+  } = useQuery(knowledgeBaseTopicDetail, {
+    variables: {
+      _id: knowledgeBaseTopicId
+    }
+  });
+  const {
+    data: dataCategory,
+    loading: loadingCategory
+  } = useQuery(knowledgeBaseCategoryDetail, {
+    variables: {
+      _id: selectedCategory === null || selectedCategory === void 0 ? void 0 : selectedCategory._id
+    },
+    skip: !selectedCategory
+  });
+  if (loading) {
+    return null;
+  }
+  const renderItem = _ref => {
+    var _data$knowledgeBaseTo, _data$knowledgeBaseTo2, _data$knowledgeBaseTo3;
+    let {
+      item,
+      index
+    } = _ref;
+    const isParent = (item === null || item === void 0 ? void 0 : item.parentCategoryId) === null;
+    const childrenCount = isParent ? data === null || data === void 0 ? void 0 : (_data$knowledgeBaseTo = data.knowledgeBaseTopicDetail) === null || _data$knowledgeBaseTo === void 0 ? void 0 : (_data$knowledgeBaseTo2 = _data$knowledgeBaseTo.categories) === null || _data$knowledgeBaseTo2 === void 0 ? void 0 : (_data$knowledgeBaseTo3 = _data$knowledgeBaseTo2.filter(e => (e === null || e === void 0 ? void 0 : e.parentCategoryId) === (item === null || item === void 0 ? void 0 : item._id))) === null || _data$knowledgeBaseTo3 === void 0 ? void 0 : _data$knowledgeBaseTo3.length : item === null || item === void 0 ? void 0 : item.numOfArticles;
+    return /*#__PURE__*/React.createElement(TouchableOpacity, {
+      key: index,
+      onPress: () => {
+        if ((item === null || item === void 0 ? void 0 : item.parentCategoryId) === null) {
+          return setSelectedParent(item);
+        }
+        return setSelectedCategory(item);
+      },
+      style: styles.container
+    }, /*#__PURE__*/React.createElement(Text, null, item === null || item === void 0 ? void 0 : item.title, " (", childrenCount, ")"), /*#__PURE__*/React.createElement(Text, {
+      style: {
+        color: '#393C40',
+        marginTop: 5
+      }
+    }, item === null || item === void 0 ? void 0 : item.description));
+  };
+  const renderArticles = _ref2 => {
+    let {
+      item,
+      index
+    } = _ref2;
+    return /*#__PURE__*/React.createElement(TouchableOpacity, {
+      key: index,
+      style: styles.container
+    }, /*#__PURE__*/React.createElement(Text, null, item === null || item === void 0 ? void 0 : item.title), /*#__PURE__*/React.createElement(Text, {
+      style: {
+        marginTop: 5,
+        color: '#393C40'
+      }
+    }, item === null || item === void 0 ? void 0 : item.summary));
+  };
+  const renderCategoryDetail = () => {
+    var _dataCategory$knowled;
+    if (loadingCategory) {
+      return /*#__PURE__*/React.createElement(View, {
+        style: {
+          marginTop: 20,
+          alignItems: 'center'
+        }
+      }, /*#__PURE__*/React.createElement(ActivityIndicator, null));
+    }
+    return /*#__PURE__*/React.createElement(FlatList, {
+      data: dataCategory === null || dataCategory === void 0 ? void 0 : (_dataCategory$knowled = dataCategory.knowledgeBaseCategoryDetail) === null || _dataCategory$knowled === void 0 ? void 0 : _dataCategory$knowled.articles,
+      renderItem: renderArticles,
+      keyExtractor: item => item.id,
+      contentContainerStyle: {
+        gap: 10,
+        paddingBottom: 60
+      },
+      ItemSeparatorComponent: seperator
+      // eslint-disable-next-line react/no-unstable-nested-components
+      ,
+      ListHeaderComponent: () => {
+        return /*#__PURE__*/React.createElement(TouchableOpacity, {
+          style: {
+            backgroundColor: '#f7f6f9',
+            padding: 5
+          },
+          onPress: () => {
+            setSelectedCategory('');
+          }
+        }, /*#__PURE__*/React.createElement(Text, {
+          style: {
+            marginLeft: 5
+          }
+        }, "Back to Categories"));
+      }
+    });
+  };
+  const header = () => {
+    return /*#__PURE__*/React.createElement(TouchableOpacity, {
+      style: {
+        backgroundColor: '#f7f6f9',
+        padding: 5
+      },
+      onPress: () => {
+        setSelectedParent('');
+      }
+    }, /*#__PURE__*/React.createElement(Text, {
+      style: {
+        marginLeft: 5
+      }
+    }, "Back to FAQ"));
+  };
+  const seperator = () => {
+    return /*#__PURE__*/React.createElement(View, {
+      style: {
+        height: 1,
+        backgroundColor: '#000',
+        marginTop: 10
+      }
+    });
+  };
+  return /*#__PURE__*/React.createElement(View, {
+    style: {
+      flex: 1
+    }
+  }, selectedCategory ? renderCategoryDetail() : selectedParent ? /*#__PURE__*/React.createElement(FlatList, {
+    data: data === null || data === void 0 ? void 0 : (_data$knowledgeBaseTo4 = data.knowledgeBaseTopicDetail) === null || _data$knowledgeBaseTo4 === void 0 ? void 0 : (_data$knowledgeBaseTo5 = _data$knowledgeBaseTo4.categories) === null || _data$knowledgeBaseTo5 === void 0 ? void 0 : _data$knowledgeBaseTo5.filter(e => (e === null || e === void 0 ? void 0 : e.parentCategoryId) === (selectedParent === null || selectedParent === void 0 ? void 0 : selectedParent._id)),
+    renderItem: renderItem,
+    keyExtractor: item => item.id,
+    contentContainerStyle: {
+      gap: 10,
+      paddingBottom: 60
+    },
+    ItemSeparatorComponent: seperator,
+    ListHeaderComponent: header
+  }) : /*#__PURE__*/React.createElement(FlatList, {
+    data: data === null || data === void 0 ? void 0 : (_data$knowledgeBaseTo6 = data.knowledgeBaseTopicDetail) === null || _data$knowledgeBaseTo6 === void 0 ? void 0 : _data$knowledgeBaseTo6.parentCategories,
+    renderItem: renderItem,
+    keyExtractor: item => item.id,
+    contentContainerStyle: {
+      gap: 10
+    },
+    ItemSeparatorComponent: seperator
+  }));
+};
+export default FAQ;
+const styles = StyleSheet.create({
+  container: {
+    marginTop: 10,
+    marginHorizontal: 10
+  }
+});
+//# sourceMappingURL=FAQ.js.map

package/lib/module/FAQ.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["View","Text","StyleSheet","FlatList","TouchableOpacity","ActivityIndicator","React","useState","useQuery","knowledgeBaseCategoryDetail","knowledgeBaseTopicDetail","FAQ","props","_data$knowledgeBaseTo4","_data$knowledgeBaseTo5","_data$knowledgeBaseTo6","knowledgeBaseTopicId","selectedParent","setSelectedParent","selectedCategory","setSelectedCategory","data","loading","variables","_id","dataCategory","loadingCategory","skip","renderItem","_ref","_data$knowledgeBaseTo","_data$knowledgeBaseTo2","_data$knowledgeBaseTo3","item","index","isParent","parentCategoryId","childrenCount","categories","filter","e","length","numOfArticles","createElement","key","onPress","style","styles","container","title","color","marginTop","description","renderArticles","_ref2","summary","renderCategoryDetail","_dataCategory$knowled","alignItems","articles","keyExtractor","id","contentContainerStyle","gap","paddingBottom","ItemSeparatorComponent","seperator","ListHeaderComponent","backgroundColor","padding","marginLeft","header","height","flex","parentCategories","create","marginHorizontal"],"sourceRoot":"../../src","sources":["FAQ.tsx"],"mappings":"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"}

package/lib/module/Greetings.js

@@ -0,0 +1,48 @@
+/* eslint-disable react-native/no-inline-styles */
+import { View, Text, StyleSheet, SafeAreaView } from 'react-native';
+import React from 'react';
+import Social from './Social';
+import Supporters from './Supporters';
+const Greetings = props => {
+  var _greetings$messages, _greetings$messages$g, _greetings$messages2, _greetings$messages2$;
+  const {
+    greetings,
+    bgColor,
+    integrationId
+  } = props;
+  return /*#__PURE__*/React.createElement(SafeAreaView, {
+    style: {
+      backgroundColor: bgColor || 'green'
+    }
+  }, /*#__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, {
+    style: {
+      marginTop: 20
+    }
+  }, /*#__PURE__*/React.createElement(Text, {
+    style: {
+      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, {
+    style: {
+      marginTop: 20,
+      color: '#393C40'
+    }
+  }, greetings === null || greetings === void 0 ? void 0 : (_greetings$messages2 = greetings.messages) === null || _greetings$messages2 === void 0 ? void 0 : (_greetings$messages2$ = _greetings$messages2.greetings) === null || _greetings$messages2$ === void 0 ? void 0 : _greetings$messages2$.message)), /*#__PURE__*/React.createElement(Supporters, {
+    integrationId: integrationId
+  })));
+};
+export default Greetings;
+const styles = StyleSheet.create({
+  title: {
+    paddingVertical: 10,
+    paddingHorizontal: 10,
+    borderTopLeftRadius: 8,
+    borderTopRightRadius: 8
+  }
+});
+//# sourceMappingURL=Greetings.js.map

package/lib/module/Greetings.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["View","Text","StyleSheet","SafeAreaView","React","Social","Supporters","Greetings","props","_greetings$messages","_greetings$messages$g","_greetings$messages2","_greetings$messages2$","greetings","bgColor","integrationId","createElement","style","backgroundColor","styles","title","links","marginTop","fontWeight","fontSize","messages","color","message","create","paddingVertical","paddingHorizontal","borderTopLeftRadius","borderTopRightRadius"],"sourceRoot":"../../src","sources":["Greetings.tsx"],"mappings":"AAAA;AACA,SAASA,IAAI,EAAEC,IAAI,EAAEC,UAAU,EAAEC,YAAY,QAAQ,cAAc;AACnE,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;IAAEC,SAAS;IAAEC,OAAO;IAAEC;EAAc,CAAC,GAAGP,KAAK;EAEnD,oBACEJ,KAAA,CAAAY,aAAA,CAACb,YAAY;IAACc,KAAK,EAAE;MAAEC,eAAe,EAAEJ,OAAO,IAAI;IAAQ;EAAE,gBAC3DV,KAAA,CAAAY,aAAA,CAAChB,IAAI;IAACiB,KAAK,EAAE,CAACE,MAAM,CAACC,KAAK;EAAE,gBAC1BhB,KAAA,CAAAY,aAAA,CAACX,MAAM;IAACgB,KAAK,EAAER,SAAS,aAATA,SAAS,uBAATA,SAAS,CAAEQ;EAAM,CAAE,CAAC,eACnCjB,KAAA,CAAAY,aAAA,CAAChB,IAAI;IAACiB,KAAK,EAAE;MAAEK,SAAS,EAAE;IAAG;EAAE,gBAC7BlB,KAAA,CAAAY,aAAA,CAACf,IAAI;IAACgB,KAAK,EAAE;MAAEM,UAAU,EAAE,KAAK;MAAEC,QAAQ,EAAE;IAAG;EAAE,GAC9CX,SAAS,aAATA,SAAS,wBAAAJ,mBAAA,GAATI,SAAS,CAAEY,QAAQ,cAAAhB,mBAAA,wBAAAC,qBAAA,GAAnBD,mBAAA,CAAqBI,SAAS,cAAAH,qBAAA,uBAA9BA,qBAAA,CAAgCU,KAC7B,CAAC,eACPhB,KAAA,CAAAY,aAAA,CAACf,IAAI;IAACgB,KAAK,EAAE;MAAEK,SAAS,EAAE,EAAE;MAAEI,KAAK,EAAE;IAAU;EAAE,GAC9Cb,SAAS,aAATA,SAAS,wBAAAF,oBAAA,GAATE,SAAS,CAAEY,QAAQ,cAAAd,oBAAA,wBAAAC,qBAAA,GAAnBD,oBAAA,CAAqBE,SAAS,cAAAD,qBAAA,uBAA9BA,qBAAA,CAAgCe,OAC7B,CACF,CAAC,eACPvB,KAAA,CAAAY,aAAA,CAACV,UAAU;IAACS,aAAa,EAAEA;EAAc,CAAE,CACvC,CACM,CAAC;AAEnB,CAAC;AAED,eAAeR,SAAS;AAExB,MAAMY,MAAM,GAAGjB,UAAU,CAAC0B,MAAM,CAAC;EAC/BR,KAAK,EAAE;IACLS,eAAe,EAAE,EAAE;IACnBC,iBAAiB,EAAE,EAAE;IACrBC,mBAAmB,EAAE,CAAC;IACtBC,oBAAoB,EAAE;EACxB;AACF,CAAC,CAAC"}

package/lib/module/Social.js

@@ -0,0 +1,37 @@
+/* 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';
+const Social = props => {
+  const {
+    links
+  } = props;
+  const renderSocial = (link, imageUrl, index) => {
+    return /*#__PURE__*/React.createElement(TouchableOpacity, {
+      style: {
+        marginLeft: index !== 0 ? 10 : 0
+      },
+      onPress: () => {
+        Linking.openURL(link);
+      }
+    }, /*#__PURE__*/React.createElement(Image, {
+      source: imageUrl,
+      style: styles.image
+    }));
+  };
+  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);
+};
+export default Social;
+const styles = StyleSheet.create({
+  container: {
+    flexDirection: 'row'
+  },
+  image: {
+    width: 30,
+    height: 30,
+    borderRadius: 90
+  }
+});
+//# sourceMappingURL=Social.js.map

package/lib/module/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":["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,iBAAiB;AAEpC,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/Support.js

@@ -0,0 +1,84 @@
+/* eslint-disable react/no-unstable-nested-components */
+/* eslint-disable react-native/no-inline-styles */
+import { View, Text, StyleSheet, FlatList, Image } from 'react-native';
+import React from 'react';
+import { useQuery } from '@apollo/client';
+import { widgetsConversations } from './graphql/graphql';
+import dayjs from 'dayjs';
+import images from './assets/images';
+const Support = props => {
+  const {
+    integrationId,
+    customerId
+  } = props;
+  const {
+    data,
+    loading
+  } = useQuery(widgetsConversations, {
+    variables: {
+      integrationId,
+      customerId
+    }
+  });
+  if (loading) {
+    return null;
+  }
+  const renderItem = _ref => {
+    let {
+      item,
+      index
+    } = _ref;
+    return /*#__PURE__*/React.createElement(View, {
+      style: {
+        flexDirection: 'row',
+        alignItems: 'center'
+      },
+      key: index
+    }, /*#__PURE__*/React.createElement(Image, {
+      source: images.avatar,
+      style: styles.image
+    }), /*#__PURE__*/React.createElement(View, {
+      style: {
+        marginLeft: 10,
+        flex: 1
+      }
+    }, /*#__PURE__*/React.createElement(Text, null, "Support Staff"), /*#__PURE__*/React.createElement(Text, null, item === null || item === void 0 ? void 0 : item.content)), /*#__PURE__*/React.createElement(Text, null, dayjs(item === null || item === void 0 ? void 0 : item.createdAt).format('h:mm A')));
+  };
+  const renderHeader = () => {
+    return /*#__PURE__*/React.createElement(Text, null, "Recent Conversations");
+  };
+  return /*#__PURE__*/React.createElement(View, {
+    style: styles.container
+  }, /*#__PURE__*/React.createElement(FlatList, {
+    data: data === null || data === void 0 ? void 0 : data.widgetsConversations,
+    renderItem: renderItem,
+    keyExtractor: item => item.id,
+    contentContainerStyle: {
+      gap: 10
+    },
+    ItemSeparatorComponent: () => {
+      return /*#__PURE__*/React.createElement(View, {
+        style: {
+          height: 1,
+          backgroundColor: '#000',
+          marginTop: 10
+        }
+      });
+    },
+    ListHeaderComponent: renderHeader()
+  }));
+};
+export default Support;
+const styles = StyleSheet.create({
+  container: {
+    padding: 10,
+    borderRadius: 6,
+    flex: 1
+  },
+  image: {
+    width: 40,
+    height: 40,
+    borderRadius: 90
+  }
+});
+//# sourceMappingURL=Support.js.map

package/lib/module/Support.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["View","Text","StyleSheet","FlatList","Image","React","useQuery","widgetsConversations","dayjs","images","Support","props","integrationId","customerId","data","loading","variables","renderItem","_ref","item","index","createElement","style","flexDirection","alignItems","key","source","avatar","styles","image","marginLeft","flex","content","createdAt","format","renderHeader","container","keyExtractor","id","contentContainerStyle","gap","ItemSeparatorComponent","height","backgroundColor","marginTop","ListHeaderComponent","create","padding","borderRadius","width"],"sourceRoot":"../../src","sources":["Support.tsx"],"mappings":"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"}

package/lib/module/Supporters.js

@@ -0,0 +1,64 @@
+/* eslint-disable react-native/no-inline-styles */
+import { View, Image, StyleSheet } from 'react-native';
+import React from 'react';
+import { useQuery } from '@apollo/client';
+import { widgetsMessengerSupporters } from './graphql/graphql';
+const Supporters = props => {
+  var _data$widgetsMessenge, _supporters$filter;
+  const {
+    integrationId
+  } = props;
+  const {
+    data,
+    loading
+  } = useQuery(widgetsMessengerSupporters, {
+    variables: {
+      integrationId
+    }
+  });
+  if (loading) {
+    return null;
+  }
+  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';
+    return /*#__PURE__*/React.createElement(View, {
+      key: index
+    }, /*#__PURE__*/React.createElement(Image, {
+      source: {
+        uri: supporter === null || supporter === void 0 ? void 0 : (_supporter$details = supporter.details) === null || _supporter$details === void 0 ? void 0 : _supporter$details.avatar
+      },
+      style: styles.image,
+      resizeMode: "center"
+    }), /*#__PURE__*/React.createElement(View, {
+      style: [{
+        backgroundColor: color
+      }, styles.activeStatus]
+    }));
+  };
+  return /*#__PURE__*/React.createElement(View, {
+    style: {
+      marginTop: 10
+    }
+  }, supporters === null || supporters === void 0 ? void 0 : (_supporters$filter = supporters.filter(supporter => supporter === null || supporter === void 0 ? void 0 : supporter.isActive)) === null || _supporters$filter === void 0 ? void 0 : _supporters$filter.map((supporter, index) => {
+    return renderSupporter(supporter, index);
+  }));
+};
+export default Supporters;
+const styles = StyleSheet.create({
+  image: {
+    width: 50,
+    height: 50,
+    borderRadius: 90
+  },
+  activeStatus: {
+    width: 15,
+    height: 15,
+    borderRadius: 90,
+    position: 'absolute',
+    bottom: 0,
+    left: 35
+  }
+});
+//# sourceMappingURL=Supporters.js.map

package/lib/module/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":["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,mBAAmB;AAE9D,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,OAAO,GAAG,OAAO;IACrD,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/Widget.js

@@ -0,0 +1,123 @@
+/* eslint-disable react-native/no-inline-styles */
+import { View, StyleSheet, TouchableOpacity, Text } from 'react-native';
+import React from 'react';
+import { useMutation } from '@apollo/client';
+import { connect } from './graphql/mutation';
+import Greetings from './Greetings';
+import Support from './Support';
+import FAQ from './FAQ';
+const Widget = props => {
+  var _response$data, _response$data$widget, _response$data$widget2, _response$data2, _response$data2$widge, _response$data3, _response$data3$widge, _response$data3$widge2, _response$data4, _response$data4$widge;
+  const {
+    brandCode
+  } = props;
+  const [response, setResponse] = React.useState(null);
+  const [index, setIndex] = React.useState(0);
+  const [connectMutation] = useMutation(connect);
+  React.useEffect(() => {
+    connectMutation({
+      variables: {
+        brandCode,
+        cachedCustomerId: null,
+        visitorId: '20675ab50c23e7c8c615a8f4ab9107e2',
+        isUser: false
+      }
+    }).then(res => {
+      setResponse(res);
+      console.log(res);
+    }).catch(err => {
+      console.log(err);
+    });
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+  const bgColor = response === null || response === void 0 ? void 0 : (_response$data = response.data) === null || _response$data === void 0 ? void 0 : (_response$data$widget = _response$data.widgetsMessengerConnect) === null || _response$data$widget === void 0 ? void 0 : (_response$data$widget2 = _response$data$widget.uiOptions) === null || _response$data$widget2 === void 0 ? void 0 : _response$data$widget2.color;
+  const integrationId = response === null || response === void 0 ? void 0 : (_response$data2 = response.data) === null || _response$data2 === void 0 ? void 0 : (_response$data2$widge = _response$data2.widgetsMessengerConnect) === null || _response$data2$widge === void 0 ? void 0 : _response$data2$widge.integrationId;
+  const knowledgeBaseTopicId = response === null || response === void 0 ? void 0 : (_response$data3 = response.data) === null || _response$data3 === void 0 ? void 0 : (_response$data3$widge = _response$data3.widgetsMessengerConnect) === null || _response$data3$widge === void 0 ? void 0 : (_response$data3$widge2 = _response$data3$widge.messengerData) === null || _response$data3$widge2 === void 0 ? void 0 : _response$data3$widge2.knowledgeBaseTopicId;
+  return /*#__PURE__*/React.createElement(View, {
+    style: styles.container
+  }, /*#__PURE__*/React.createElement(Greetings, {
+    greetings: response === null || response === void 0 ? void 0 : (_response$data4 = response.data) === null || _response$data4 === void 0 ? void 0 : (_response$data4$widge = _response$data4.widgetsMessengerConnect) === null || _response$data4$widge === void 0 ? void 0 : _response$data4$widge.messengerData,
+    bgColor: bgColor,
+    integrationId: integrationId
+  }), /*#__PURE__*/React.createElement(TabBar, {
+    index: index,
+    setIndex: setIndex,
+    bgColor: bgColor
+  }), index === 0 ? /*#__PURE__*/React.createElement(Support, {
+    customerId: '7o6DA3tFhM5EXRWZX',
+    integrationId: integrationId
+  }) : /*#__PURE__*/React.createElement(FAQ, {
+    knowledgeBaseTopicId: knowledgeBaseTopicId
+  }));
+};
+export default Widget;
+const TabBar = props => {
+  const {
+    index,
+    setIndex,
+    bgColor
+  } = props;
+  return /*#__PURE__*/React.createElement(View, {
+    style: {
+      backgroundColor: '#fff',
+      flexDirection: 'row',
+      padding: 3,
+      marginBottom: 3,
+      borderColor: '#E5E5E5',
+      borderWidth: 0.3
+    }
+  }, /*#__PURE__*/React.createElement(TouchableOpacity, {
+    onPress: () => setIndex(0),
+    style: {
+      flex: 1
+    }
+  }, /*#__PURE__*/React.createElement(View, {
+    style: {
+      backgroundColor: index === 0 ? bgColor : 'transparent',
+      borderRadius: 5,
+      shadowColor: bgColor,
+      shadowOffset: {
+        width: 0,
+        height: index === 0 ? 2 : 0
+      },
+      shadowOpacity: 0.5,
+      shadowRadius: index === 0 ? 3.84 : 0,
+      elevation: index === 0 ? 5 : 0
+    }
+  }, /*#__PURE__*/React.createElement(Text, {
+    style: {
+      textAlign: 'center',
+      color: index === 0 ? 'white' : 'black',
+      paddingVertical: 10,
+      fontWeight: '600'
+    }
+  }, "Support"))), /*#__PURE__*/React.createElement(TouchableOpacity, {
+    onPress: () => setIndex(1),
+    style: {
+      flex: 1,
+      backgroundColor: index === 1 ? bgColor : 'transparent',
+      borderRadius: 5,
+      shadowColor: bgColor,
+      shadowOffset: {
+        width: 0,
+        height: index === 1 ? 2 : 0
+      },
+      shadowOpacity: 0.5,
+      shadowRadius: index === 1 ? 3.84 : 0,
+      elevation: index === 1 ? 5 : 0
+    }
+  }, /*#__PURE__*/React.createElement(Text, {
+    style: {
+      paddingVertical: 10,
+      color: index === 1 ? 'white' : 'black',
+      textAlign: 'center',
+      fontWeight: '600'
+    }
+  }, "FAQ")));
+};
+const styles = StyleSheet.create({
+  container: {
+    flex: 1
+  }
+});
+//# sourceMappingURL=Widget.js.map

package/lib/module/Widget.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["View","StyleSheet","TouchableOpacity","Text","React","useMutation","connect","Greetings","Support","FAQ","Widget","props","_response$data","_response$data$widget","_response$data$widget2","_response$data2","_response$data2$widge","_response$data3","_response$data3$widge","_response$data3$widge2","_response$data4","_response$data4$widge","brandCode","response","setResponse","useState","index","setIndex","connectMutation","useEffect","variables","cachedCustomerId","visitorId","isUser","then","res","console","log","catch","err","bgColor","data","widgetsMessengerConnect","uiOptions","color","integrationId","knowledgeBaseTopicId","messengerData","createElement","style","styles","container","greetings","TabBar","customerId","backgroundColor","flexDirection","padding","marginBottom","borderColor","borderWidth","onPress","flex","borderRadius","shadowColor","shadowOffset","width","height","shadowOpacity","shadowRadius","elevation","textAlign","paddingVertical","fontWeight","create"],"sourceRoot":"../../src","sources":["Widget.tsx"],"mappings":"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"}

package/lib/module/apolloClient.js

@@ -0,0 +1,46 @@
+import { ApolloClient, InMemoryCache, split, from, createHttpLink } from '@apollo/client/core';
+import { onError } from '@apollo/client/link/error';
+import { getMainDefinition } from '@apollo/client/utilities';
+import { createClient } from 'graphql-ws';
+import { GraphQLWsLink } from '@apollo/client/link/subscriptions';
+const baseUrl = 'office.erxes.io/gateway';
+export const apiUrl = `https://${baseUrl}`;
+
+// Subscription config
+export const wsLink = new GraphQLWsLink(createClient({
+  url: `wss://${baseUrl}/graphql` || 'ws://localhost:4000/graphql',
+  retryAttempts: 1000,
+  retryWait: async () => {
+    await new Promise(resolve => setTimeout(resolve, 5000));
+  }
+}));
+const logoutLink = onError(_ref => {
+  let {
+    networkError,
+    graphQLErrors
+  } = _ref;
+  console.log('--netError', networkError);
+  console.log('--gqlError', graphQLErrors);
+});
+const httpLink = createHttpLink({
+  uri: `${apiUrl}/graphql`,
+  credentials: 'include'
+});
+const splitLink = split(_ref2 => {
+  let {
+    query
+  } = _ref2;
+  const definition = getMainDefinition(query);
+  return definition.kind === 'OperationDefinition' && definition.operation === 'subscription';
+}, wsLink, from([logoutLink, httpLink]));
+const ClientProvider = () => new ApolloClient({
+  link: splitLink,
+  cache: new InMemoryCache(),
+  defaultOptions: {
+    watchQuery: {
+      fetchPolicy: 'network-only'
+    }
+  }
+});
+export default ClientProvider;
+//# sourceMappingURL=apolloClient.js.map

package/lib/module/apolloClient.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["ApolloClient","InMemoryCache","split","from","createHttpLink","onError","getMainDefinition","createClient","GraphQLWsLink","baseUrl","apiUrl","wsLink","url","retryAttempts","retryWait","Promise","resolve","setTimeout","logoutLink","_ref","networkError","graphQLErrors","console","log","httpLink","uri","credentials","splitLink","_ref2","query","definition","kind","operation","ClientProvider","link","cache","defaultOptions","watchQuery","fetchPolicy"],"sourceRoot":"../../src","sources":["apolloClient.ts"],"mappings":"AAAA,SACEA,YAAY,EACZC,aAAa,EACbC,KAAK,EACLC,IAAI,EACJC,cAAc,QACT,qBAAqB;AAC5B,SAASC,OAAO,QAAQ,2BAA2B;AACnD,SAASC,iBAAiB,QAAQ,0BAA0B;AAC5D,SAASC,YAAY,QAAQ,YAAY;AACzC,SAASC,aAAa,QAAQ,mCAAmC;AAEjE,MAAMC,OAAO,GAAG,yBAAyB;AAEzC,OAAO,MAAMC,MAAM,GAAI,WAAUD,OAAQ,EAAC;;AAE1C;AACA,OAAO,MAAME,MAAW,GAAG,IAAIH,aAAa,CAC1CD,YAAY,CAAC;EACXK,GAAG,EAAG,SAAQH,OAAQ,UAAS,IAAI,6BAA6B;EAChEI,aAAa,EAAE,IAAI;EACnBC,SAAS,EAAE,MAAAA,CAAA,KAAY;IACrB,MAAM,IAAIC,OAAO,CAAEC,OAAO,IAAKC,UAAU,CAACD,OAAO,EAAE,IAAI,CAAC,CAAC;EAC3D;AACF,CAAC,CACH,CAAC;AAED,MAAME,UAAU,GAAGb,OAAO,CAACc,IAAA,IAAqC;EAAA,IAApC;IAAEC,YAAY;IAAEC;EAAc,CAAC,GAAAF,IAAA;EACzDG,OAAO,CAACC,GAAG,CAAC,YAAY,EAAEH,YAAY,CAAC;EACvCE,OAAO,CAACC,GAAG,CAAC,YAAY,EAAEF,aAAa,CAAC;AAC1C,CAAC,CAAC;AAEF,MAAMG,QAAQ,GAAGpB,cAAc,CAAC;EAC9BqB,GAAG,EAAG,GAAEf,MAAO,UAAS;EACxBgB,WAAW,EAAE;AACf,CAAC,CAAC;AAEF,MAAMC,SAAS,GAAGzB,KAAK,CACrB0B,KAAA,IAAe;EAAA,IAAd;IAAEC;EAAM,CAAC,GAAAD,KAAA;EACR,MAAME,UAAU,GAAGxB,iBAAiB,CAACuB,KAAK,CAAC;EAC3C,OACEC,UAAU,CAACC,IAAI,KAAK,qBAAqB,IACzCD,UAAU,CAACE,SAAS,KAAK,cAAc;AAE3C,CAAC,EACDrB,MAAM,EACNR,IAAI,CAAC,CAACe,UAAU,EAAEM,QAAQ,CAAC,CAC7B,CAAC;AAED,MAAMS,cAAc,GAAGA,CAAA,KACrB,IAAIjC,YAAY,CAAC;EACfkC,IAAI,EAAEP,SAAS;EACfQ,KAAK,EAAE,IAAIlC,aAAa,CAAC,CAAC;EAC1BmC,cAAc,EAAE;IAAEC,UAAU,EAAE;MAAEC,WAAW,EAAE;IAAe;EAAE;AAChE,CAAC,CAAC;AAEJ,eAAeL,cAAc"}

package/lib/module/assets/images/index.js

@@ -0,0 +1,8 @@
+const images = {
+  facebook: require('./Facebook.png'),
+  youtube: require('./Youtube.png'),
+  twitter: require('./Twitter.png'),
+  avatar: require('./avatar.png')
+};
+export default images;
+//# sourceMappingURL=index.js.map