rn-erxes-sdk 0.1.4 → 0.1.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (94) hide show
  1. package/README.md +39 -20
  2. package/lib/commonjs/App.js +9 -44
  3. package/lib/commonjs/App.js.map +1 -1
  4. package/lib/commonjs/FAQ.js +175 -0
  5. package/lib/commonjs/FAQ.js.map +1 -0
  6. package/lib/commonjs/Greetings.js +57 -0
  7. package/lib/commonjs/Greetings.js.map +1 -0
  8. package/lib/commonjs/Social.js +46 -0
  9. package/lib/commonjs/Social.js.map +1 -0
  10. package/lib/commonjs/Support.js +93 -0
  11. package/lib/commonjs/Support.js.map +1 -0
  12. package/lib/commonjs/Supporters.js +73 -0
  13. package/lib/commonjs/Supporters.js.map +1 -0
  14. package/lib/commonjs/Widget.js +132 -0
  15. package/lib/commonjs/Widget.js.map +1 -0
  16. package/lib/commonjs/apolloClient.js +55 -0
  17. package/lib/commonjs/apolloClient.js.map +1 -0
  18. package/lib/commonjs/assets/images/Facebook.png +0 -0
  19. package/lib/commonjs/assets/images/Twitter.png +0 -0
  20. package/lib/commonjs/assets/images/Youtube.png +0 -0
  21. package/lib/commonjs/assets/images/avatar.png +0 -0
  22. package/lib/commonjs/assets/images/index.js +15 -0
  23. package/lib/commonjs/assets/images/index.js.map +1 -0
  24. package/lib/commonjs/graphql/graphql.js +108 -0
  25. package/lib/commonjs/graphql/graphql.js.map +1 -0
  26. package/lib/commonjs/graphql/mutation.js +47 -0
  27. package/lib/commonjs/graphql/mutation.js.map +1 -0
  28. package/lib/module/App.js +9 -44
  29. package/lib/module/App.js.map +1 -1
  30. package/lib/module/FAQ.js +165 -0
  31. package/lib/module/FAQ.js.map +1 -0
  32. package/lib/module/Greetings.js +48 -0
  33. package/lib/module/Greetings.js.map +1 -0
  34. package/lib/module/Social.js +37 -0
  35. package/lib/module/Social.js.map +1 -0
  36. package/lib/module/Support.js +84 -0
  37. package/lib/module/Support.js.map +1 -0
  38. package/lib/module/Supporters.js +64 -0
  39. package/lib/module/Supporters.js.map +1 -0
  40. package/lib/module/Widget.js +123 -0
  41. package/lib/module/Widget.js.map +1 -0
  42. package/lib/module/apolloClient.js +46 -0
  43. package/lib/module/apolloClient.js.map +1 -0
  44. package/lib/module/assets/images/Facebook.png +0 -0
  45. package/lib/module/assets/images/Twitter.png +0 -0
  46. package/lib/module/assets/images/Youtube.png +0 -0
  47. package/lib/module/assets/images/avatar.png +0 -0
  48. package/lib/module/assets/images/index.js +8 -0
  49. package/lib/module/assets/images/index.js.map +1 -0
  50. package/lib/module/graphql/graphql.js +99 -0
  51. package/lib/module/graphql/graphql.js.map +1 -0
  52. package/lib/module/graphql/mutation.js +41 -0
  53. package/lib/module/graphql/mutation.js.map +1 -0
  54. package/lib/typescript/App.d.ts +1 -1
  55. package/lib/typescript/App.d.ts.map +1 -1
  56. package/lib/typescript/FAQ.d.ts +4 -0
  57. package/lib/typescript/FAQ.d.ts.map +1 -0
  58. package/lib/typescript/Greetings.d.ts +4 -0
  59. package/lib/typescript/Greetings.d.ts.map +1 -0
  60. package/lib/typescript/Social.d.ts +4 -0
  61. package/lib/typescript/Social.d.ts.map +1 -0
  62. package/lib/typescript/Support.d.ts +4 -0
  63. package/lib/typescript/Support.d.ts.map +1 -0
  64. package/lib/typescript/Supporters.d.ts +4 -0
  65. package/lib/typescript/Supporters.d.ts.map +1 -0
  66. package/lib/typescript/Widget.d.ts +4 -0
  67. package/lib/typescript/Widget.d.ts.map +1 -0
  68. package/lib/typescript/apolloClient.d.ts +6 -0
  69. package/lib/typescript/apolloClient.d.ts.map +1 -0
  70. package/lib/typescript/assets/images/index.d.ts +8 -0
  71. package/lib/typescript/assets/images/index.d.ts.map +1 -0
  72. package/lib/typescript/graphql/graphql.d.ts +6 -0
  73. package/lib/typescript/graphql/graphql.d.ts.map +1 -0
  74. package/lib/typescript/graphql/mutation.d.ts +3 -0
  75. package/lib/typescript/graphql/mutation.d.ts.map +1 -0
  76. package/package.json +9 -5
  77. package/src/App.tsx +8 -42
  78. package/src/FAQ.tsx +166 -0
  79. package/src/Greetings.tsx +37 -0
  80. package/src/Social.tsx +46 -0
  81. package/src/Support.tsx +74 -0
  82. package/src/Supporters.tsx +63 -0
  83. package/src/Widget.tsx +138 -0
  84. package/src/apolloClient.ts +57 -0
  85. package/src/assets/images/Facebook.png +0 -0
  86. package/src/assets/images/Twitter.png +0 -0
  87. package/src/assets/images/Youtube.png +0 -0
  88. package/src/assets/images/avatar.png +0 -0
  89. package/src/assets/images/index.ts +8 -0
  90. package/src/graphql/graphql.ts +108 -0
  91. package/src/graphql/mutation.ts +42 -0
  92. package/lib/commonjs/index.html +0 -114
  93. package/lib/module/index.html +0 -114
  94. package/src/index.html +0 -114
@@ -0,0 +1,48 @@
1
+ /* eslint-disable react-native/no-inline-styles */
2
+ import { View, Text, StyleSheet, SafeAreaView } from 'react-native';
3
+ import React from 'react';
4
+ import Social from './Social';
5
+ import Supporters from './Supporters';
6
+ const Greetings = props => {
7
+ var _greetings$messages, _greetings$messages$g, _greetings$messages2, _greetings$messages2$;
8
+ const {
9
+ greetings,
10
+ bgColor,
11
+ integrationId
12
+ } = props;
13
+ return /*#__PURE__*/React.createElement(SafeAreaView, {
14
+ style: {
15
+ backgroundColor: bgColor || 'green'
16
+ }
17
+ }, /*#__PURE__*/React.createElement(View, {
18
+ style: [styles.title]
19
+ }, /*#__PURE__*/React.createElement(Social, {
20
+ links: greetings === null || greetings === void 0 ? void 0 : greetings.links
21
+ }), /*#__PURE__*/React.createElement(View, {
22
+ style: {
23
+ marginTop: 20
24
+ }
25
+ }, /*#__PURE__*/React.createElement(Text, {
26
+ style: {
27
+ fontWeight: '600',
28
+ fontSize: 18
29
+ }
30
+ }, 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, {
31
+ style: {
32
+ marginTop: 20,
33
+ color: '#393C40'
34
+ }
35
+ }, 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, {
36
+ integrationId: integrationId
37
+ })));
38
+ };
39
+ export default Greetings;
40
+ const styles = StyleSheet.create({
41
+ title: {
42
+ paddingVertical: 10,
43
+ paddingHorizontal: 10,
44
+ borderTopLeftRadius: 8,
45
+ borderTopRightRadius: 8
46
+ }
47
+ });
48
+ //# sourceMappingURL=Greetings.js.map
@@ -0,0 +1 @@
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"}
@@ -0,0 +1,37 @@
1
+ /* eslint-disable react-native/no-inline-styles */
2
+ import { View, StyleSheet, TouchableOpacity, Image, Linking } from 'react-native';
3
+ import React from 'react';
4
+ import images from './assets/images';
5
+ const Social = props => {
6
+ const {
7
+ links
8
+ } = props;
9
+ const renderSocial = (link, imageUrl, index) => {
10
+ return /*#__PURE__*/React.createElement(TouchableOpacity, {
11
+ style: {
12
+ marginLeft: index !== 0 ? 10 : 0
13
+ },
14
+ onPress: () => {
15
+ Linking.openURL(link);
16
+ }
17
+ }, /*#__PURE__*/React.createElement(Image, {
18
+ source: imageUrl,
19
+ style: styles.image
20
+ }));
21
+ };
22
+ return /*#__PURE__*/React.createElement(View, {
23
+ style: styles.container
24
+ }, 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);
25
+ };
26
+ export default Social;
27
+ const styles = StyleSheet.create({
28
+ container: {
29
+ flexDirection: 'row'
30
+ },
31
+ image: {
32
+ width: 30,
33
+ height: 30,
34
+ borderRadius: 90
35
+ }
36
+ });
37
+ //# sourceMappingURL=Social.js.map
@@ -0,0 +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":["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"}
@@ -0,0 +1,84 @@
1
+ /* eslint-disable react/no-unstable-nested-components */
2
+ /* eslint-disable react-native/no-inline-styles */
3
+ import { View, Text, StyleSheet, FlatList, Image } from 'react-native';
4
+ import React from 'react';
5
+ import { useQuery } from '@apollo/client';
6
+ import { widgetsConversations } from './graphql/graphql';
7
+ import dayjs from 'dayjs';
8
+ import images from './assets/images';
9
+ const Support = props => {
10
+ const {
11
+ integrationId,
12
+ customerId
13
+ } = props;
14
+ const {
15
+ data,
16
+ loading
17
+ } = useQuery(widgetsConversations, {
18
+ variables: {
19
+ integrationId,
20
+ customerId
21
+ }
22
+ });
23
+ if (loading) {
24
+ return null;
25
+ }
26
+ const renderItem = _ref => {
27
+ let {
28
+ item,
29
+ index
30
+ } = _ref;
31
+ return /*#__PURE__*/React.createElement(View, {
32
+ style: {
33
+ flexDirection: 'row',
34
+ alignItems: 'center'
35
+ },
36
+ key: index
37
+ }, /*#__PURE__*/React.createElement(Image, {
38
+ source: images.avatar,
39
+ style: styles.image
40
+ }), /*#__PURE__*/React.createElement(View, {
41
+ style: {
42
+ marginLeft: 10,
43
+ flex: 1
44
+ }
45
+ }, /*#__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')));
46
+ };
47
+ const renderHeader = () => {
48
+ return /*#__PURE__*/React.createElement(Text, null, "Recent Conversations");
49
+ };
50
+ return /*#__PURE__*/React.createElement(View, {
51
+ style: styles.container
52
+ }, /*#__PURE__*/React.createElement(FlatList, {
53
+ data: data === null || data === void 0 ? void 0 : data.widgetsConversations,
54
+ renderItem: renderItem,
55
+ keyExtractor: item => item.id,
56
+ contentContainerStyle: {
57
+ gap: 10
58
+ },
59
+ ItemSeparatorComponent: () => {
60
+ return /*#__PURE__*/React.createElement(View, {
61
+ style: {
62
+ height: 1,
63
+ backgroundColor: '#000',
64
+ marginTop: 10
65
+ }
66
+ });
67
+ },
68
+ ListHeaderComponent: renderHeader()
69
+ }));
70
+ };
71
+ export default Support;
72
+ const styles = StyleSheet.create({
73
+ container: {
74
+ padding: 10,
75
+ borderRadius: 6,
76
+ flex: 1
77
+ },
78
+ image: {
79
+ width: 40,
80
+ height: 40,
81
+ borderRadius: 90
82
+ }
83
+ });
84
+ //# sourceMappingURL=Support.js.map
@@ -0,0 +1 @@
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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"}
@@ -0,0 +1,64 @@
1
+ /* eslint-disable react-native/no-inline-styles */
2
+ import { View, Image, StyleSheet } from 'react-native';
3
+ import React from 'react';
4
+ import { useQuery } from '@apollo/client';
5
+ import { widgetsMessengerSupporters } from './graphql/graphql';
6
+ const Supporters = props => {
7
+ var _data$widgetsMessenge, _supporters$filter;
8
+ const {
9
+ integrationId
10
+ } = props;
11
+ const {
12
+ data,
13
+ loading
14
+ } = useQuery(widgetsMessengerSupporters, {
15
+ variables: {
16
+ integrationId
17
+ }
18
+ });
19
+ if (loading) {
20
+ return null;
21
+ }
22
+ const supporters = data === null || data === void 0 ? void 0 : (_data$widgetsMessenge = data.widgetsMessengerSupporters) === null || _data$widgetsMessenge === void 0 ? void 0 : _data$widgetsMessenge.supporters;
23
+ const renderSupporter = (supporter, index) => {
24
+ var _supporter$details;
25
+ const color = supporter !== null && supporter !== void 0 && supporter.isOnline ? 'green' : 'white';
26
+ return /*#__PURE__*/React.createElement(View, {
27
+ key: index
28
+ }, /*#__PURE__*/React.createElement(Image, {
29
+ source: {
30
+ uri: supporter === null || supporter === void 0 ? void 0 : (_supporter$details = supporter.details) === null || _supporter$details === void 0 ? void 0 : _supporter$details.avatar
31
+ },
32
+ style: styles.image,
33
+ resizeMode: "center"
34
+ }), /*#__PURE__*/React.createElement(View, {
35
+ style: [{
36
+ backgroundColor: color
37
+ }, styles.activeStatus]
38
+ }));
39
+ };
40
+ return /*#__PURE__*/React.createElement(View, {
41
+ style: {
42
+ marginTop: 10
43
+ }
44
+ }, 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) => {
45
+ return renderSupporter(supporter, index);
46
+ }));
47
+ };
48
+ export default Supporters;
49
+ const styles = StyleSheet.create({
50
+ image: {
51
+ width: 50,
52
+ height: 50,
53
+ borderRadius: 90
54
+ },
55
+ activeStatus: {
56
+ width: 15,
57
+ height: 15,
58
+ borderRadius: 90,
59
+ position: 'absolute',
60
+ bottom: 0,
61
+ left: 35
62
+ }
63
+ });
64
+ //# sourceMappingURL=Supporters.js.map
@@ -0,0 +1 @@
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"}
@@ -0,0 +1,123 @@
1
+ /* eslint-disable react-native/no-inline-styles */
2
+ import { View, StyleSheet, TouchableOpacity, Text } from 'react-native';
3
+ import React from 'react';
4
+ import { useMutation } from '@apollo/client';
5
+ import { connect } from './graphql/mutation';
6
+ import Greetings from './Greetings';
7
+ import Support from './Support';
8
+ import FAQ from './FAQ';
9
+ const Widget = props => {
10
+ 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;
11
+ const {
12
+ brandCode
13
+ } = props;
14
+ const [response, setResponse] = React.useState(null);
15
+ const [index, setIndex] = React.useState(0);
16
+ const [connectMutation] = useMutation(connect);
17
+ React.useEffect(() => {
18
+ connectMutation({
19
+ variables: {
20
+ brandCode,
21
+ cachedCustomerId: null,
22
+ visitorId: '20675ab50c23e7c8c615a8f4ab9107e2',
23
+ isUser: false
24
+ }
25
+ }).then(res => {
26
+ setResponse(res);
27
+ console.log(res);
28
+ }).catch(err => {
29
+ console.log(err);
30
+ });
31
+ // eslint-disable-next-line react-hooks/exhaustive-deps
32
+ }, []);
33
+ 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;
34
+ 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;
35
+ 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;
36
+ return /*#__PURE__*/React.createElement(View, {
37
+ style: styles.container
38
+ }, /*#__PURE__*/React.createElement(Greetings, {
39
+ 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,
40
+ bgColor: bgColor,
41
+ integrationId: integrationId
42
+ }), /*#__PURE__*/React.createElement(TabBar, {
43
+ index: index,
44
+ setIndex: setIndex,
45
+ bgColor: bgColor
46
+ }), index === 0 ? /*#__PURE__*/React.createElement(Support, {
47
+ customerId: '7o6DA3tFhM5EXRWZX',
48
+ integrationId: integrationId
49
+ }) : /*#__PURE__*/React.createElement(FAQ, {
50
+ knowledgeBaseTopicId: knowledgeBaseTopicId
51
+ }));
52
+ };
53
+ export default Widget;
54
+ const TabBar = props => {
55
+ const {
56
+ index,
57
+ setIndex,
58
+ bgColor
59
+ } = props;
60
+ return /*#__PURE__*/React.createElement(View, {
61
+ style: {
62
+ backgroundColor: '#fff',
63
+ flexDirection: 'row',
64
+ padding: 3,
65
+ marginBottom: 3,
66
+ borderColor: '#E5E5E5',
67
+ borderWidth: 0.3
68
+ }
69
+ }, /*#__PURE__*/React.createElement(TouchableOpacity, {
70
+ onPress: () => setIndex(0),
71
+ style: {
72
+ flex: 1
73
+ }
74
+ }, /*#__PURE__*/React.createElement(View, {
75
+ style: {
76
+ backgroundColor: index === 0 ? bgColor : 'transparent',
77
+ borderRadius: 5,
78
+ shadowColor: bgColor,
79
+ shadowOffset: {
80
+ width: 0,
81
+ height: index === 0 ? 2 : 0
82
+ },
83
+ shadowOpacity: 0.5,
84
+ shadowRadius: index === 0 ? 3.84 : 0,
85
+ elevation: index === 0 ? 5 : 0
86
+ }
87
+ }, /*#__PURE__*/React.createElement(Text, {
88
+ style: {
89
+ textAlign: 'center',
90
+ color: index === 0 ? 'white' : 'black',
91
+ paddingVertical: 10,
92
+ fontWeight: '600'
93
+ }
94
+ }, "Support"))), /*#__PURE__*/React.createElement(TouchableOpacity, {
95
+ onPress: () => setIndex(1),
96
+ style: {
97
+ flex: 1,
98
+ backgroundColor: index === 1 ? bgColor : 'transparent',
99
+ borderRadius: 5,
100
+ shadowColor: bgColor,
101
+ shadowOffset: {
102
+ width: 0,
103
+ height: index === 1 ? 2 : 0
104
+ },
105
+ shadowOpacity: 0.5,
106
+ shadowRadius: index === 1 ? 3.84 : 0,
107
+ elevation: index === 1 ? 5 : 0
108
+ }
109
+ }, /*#__PURE__*/React.createElement(Text, {
110
+ style: {
111
+ paddingVertical: 10,
112
+ color: index === 1 ? 'white' : 'black',
113
+ textAlign: 'center',
114
+ fontWeight: '600'
115
+ }
116
+ }, "FAQ")));
117
+ };
118
+ const styles = StyleSheet.create({
119
+ container: {
120
+ flex: 1
121
+ }
122
+ });
123
+ //# sourceMappingURL=Widget.js.map
@@ -0,0 +1 @@
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":"AAAA;AACA,SAASA,IAAI,EAAEC,UAAU,EAAEC,gBAAgB,EAAEC,IAAI,QAAQ,cAAc;AACvE,OAAOC,KAAK,MAAM,OAAO;AACzB,SAASC,WAAW,QAAQ,gBAAgB;AAC5C,SAASC,OAAO,QAAQ,oBAAoB;AAC5C,OAAOC,SAAS,MAAM,aAAa;AACnC,OAAOC,OAAO,MAAM,WAAW;AAC/B,OAAOC,GAAG,MAAM,OAAO;AAEvB,MAAMC,MAAM,GAAIC,KAAU,IAAK;EAAA,IAAAC,cAAA,EAAAC,qBAAA,EAAAC,sBAAA,EAAAC,eAAA,EAAAC,qBAAA,EAAAC,eAAA,EAAAC,qBAAA,EAAAC,sBAAA,EAAAC,eAAA,EAAAC,qBAAA;EAC7B,MAAM;IAAEC;EAAU,CAAC,GAAGX,KAAK;EAC3B,MAAM,CAACY,QAAQ,EAAEC,WAAW,CAAC,GAAGpB,KAAK,CAACqB,QAAQ,CAAM,IAAI,CAAC;EACzD,MAAM,CAACC,KAAK,EAAEC,QAAQ,CAAC,GAAGvB,KAAK,CAACqB,QAAQ,CAAS,CAAC,CAAC;EACnD,MAAM,CAACG,eAAe,CAAC,GAAGvB,WAAW,CAACC,OAAO,CAAC;EAE9CF,KAAK,CAACyB,SAAS,CAAC,MAAM;IACpBD,eAAe,CAAC;MACdE,SAAS,EAAE;QACTR,SAAS;QACTS,gBAAgB,EAAE,IAAI;QACtBC,SAAS,EAAE,kCAAkC;QAC7CC,MAAM,EAAE;MACV;IACF,CAAC,CAAC,CACCC,IAAI,CAAEC,GAAQ,IAAK;MAClBX,WAAW,CAACW,GAAG,CAAC;MAChBC,OAAO,CAACC,GAAG,CAACF,GAAG,CAAC;IAClB,CAAC,CAAC,CACDG,KAAK,CAAEC,GAAG,IAAK;MACdH,OAAO,CAACC,GAAG,CAACE,GAAG,CAAC;IAClB,CAAC,CAAC;IACJ;EACF,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMC,OAAO,GAAGjB,QAAQ,aAARA,QAAQ,wBAAAX,cAAA,GAARW,QAAQ,CAAEkB,IAAI,cAAA7B,cAAA,wBAAAC,qBAAA,GAAdD,cAAA,CAAgB8B,uBAAuB,cAAA7B,qBAAA,wBAAAC,sBAAA,GAAvCD,qBAAA,CAAyC8B,SAAS,cAAA7B,sBAAA,uBAAlDA,sBAAA,CAAoD8B,KAAK;EACzE,MAAMC,aAAa,GAAGtB,QAAQ,aAARA,QAAQ,wBAAAR,eAAA,GAARQ,QAAQ,CAAEkB,IAAI,cAAA1B,eAAA,wBAAAC,qBAAA,GAAdD,eAAA,CAAgB2B,uBAAuB,cAAA1B,qBAAA,uBAAvCA,qBAAA,CAAyC6B,aAAa;EAC5E,MAAMC,oBAAoB,GACxBvB,QAAQ,aAARA,QAAQ,wBAAAN,eAAA,GAARM,QAAQ,CAAEkB,IAAI,cAAAxB,eAAA,wBAAAC,qBAAA,GAAdD,eAAA,CAAgByB,uBAAuB,cAAAxB,qBAAA,wBAAAC,sBAAA,GAAvCD,qBAAA,CAAyC6B,aAAa,cAAA5B,sBAAA,uBAAtDA,sBAAA,CACI2B,oBAAoB;EAE1B,oBACE1C,KAAA,CAAA4C,aAAA,CAAChD,IAAI;IAACiD,KAAK,EAAEC,MAAM,CAACC;EAAU,gBAC5B/C,KAAA,CAAA4C,aAAA,CAACzC,SAAS;IACR6C,SAAS,EAAE7B,QAAQ,aAARA,QAAQ,wBAAAH,eAAA,GAARG,QAAQ,CAAEkB,IAAI,cAAArB,eAAA,wBAAAC,qBAAA,GAAdD,eAAA,CAAgBsB,uBAAuB,cAAArB,qBAAA,uBAAvCA,qBAAA,CAAyC0B,aAAc;IAClEP,OAAO,EAAEA,OAAQ;IACjBK,aAAa,EAAEA;EAAc,CAC9B,CAAC,eACFzC,KAAA,CAAA4C,aAAA,CAACK,MAAM;IAAC3B,KAAK,EAAEA,KAAM;IAACC,QAAQ,EAAEA,QAAS;IAACa,OAAO,EAAEA;EAAQ,CAAE,CAAC,EAC7Dd,KAAK,KAAK,CAAC,gBACVtB,KAAA,CAAA4C,aAAA,CAACxC,OAAO;IACN8C,UAAU,EAAE,mBAAoB;IAChCT,aAAa,EAAEA;EAAc,CAC9B,CAAC,gBAEFzC,KAAA,CAAA4C,aAAA,CAACvC,GAAG;IAACqC,oBAAoB,EAAEA;EAAqB,CAAE,CAEhD,CAAC;AAEX,CAAC;AAED,eAAepC,MAAM;AAErB,MAAM2C,MAAM,GAAI1C,KAAU,IAAK;EAC7B,MAAM;IAAEe,KAAK;IAAEC,QAAQ;IAAEa;EAAQ,CAAC,GAAG7B,KAAK;EAC1C,oBACEP,KAAA,CAAA4C,aAAA,CAAChD,IAAI;IACHiD,KAAK,EAAE;MACLM,eAAe,EAAE,MAAM;MACvBC,aAAa,EAAE,KAAK;MACpBC,OAAO,EAAE,CAAC;MACVC,YAAY,EAAE,CAAC;MACfC,WAAW,EAAE,SAAS;MACtBC,WAAW,EAAE;IACf;EAAE,gBAEFxD,KAAA,CAAA4C,aAAA,CAAC9C,gBAAgB;IAAC2D,OAAO,EAAEA,CAAA,KAAMlC,QAAQ,CAAC,CAAC,CAAE;IAACsB,KAAK,EAAE;MAAEa,IAAI,EAAE;IAAE;EAAE,gBAC/D1D,KAAA,CAAA4C,aAAA,CAAChD,IAAI;IACHiD,KAAK,EAAE;MACLM,eAAe,EAAE7B,KAAK,KAAK,CAAC,GAAGc,OAAO,GAAG,aAAa;MACtDuB,YAAY,EAAE,CAAC;MACfC,WAAW,EAAExB,OAAO;MACpByB,YAAY,EAAE;QACZC,KAAK,EAAE,CAAC;QACRC,MAAM,EAAEzC,KAAK,KAAK,CAAC,GAAG,CAAC,GAAG;MAC5B,CAAC;MACD0C,aAAa,EAAE,GAAG;MAClBC,YAAY,EAAE3C,KAAK,KAAK,CAAC,GAAG,IAAI,GAAG,CAAC;MACpC4C,SAAS,EAAE5C,KAAK,KAAK,CAAC,GAAG,CAAC,GAAG;IAC/B;EAAE,gBAEFtB,KAAA,CAAA4C,aAAA,CAAC7C,IAAI;IACH8C,KAAK,EAAE;MACLsB,SAAS,EAAE,QAAQ;MACnB3B,KAAK,EAAElB,KAAK,KAAK,CAAC,GAAG,OAAO,GAAG,OAAO;MACtC8C,eAAe,EAAE,EAAE;MACnBC,UAAU,EAAE;IACd;EAAE,GACH,SAEK,CACF,CACU,CAAC,eACnBrE,KAAA,CAAA4C,aAAA,CAAC9C,gBAAgB;IACf2D,OAAO,EAAEA,CAAA,KAAMlC,QAAQ,CAAC,CAAC,CAAE;IAC3BsB,KAAK,EAAE;MACLa,IAAI,EAAE,CAAC;MACPP,eAAe,EAAE7B,KAAK,KAAK,CAAC,GAAGc,OAAO,GAAG,aAAa;MACtDuB,YAAY,EAAE,CAAC;MACfC,WAAW,EAAExB,OAAO;MACpByB,YAAY,EAAE;QACZC,KAAK,EAAE,CAAC;QACRC,MAAM,EAAEzC,KAAK,KAAK,CAAC,GAAG,CAAC,GAAG;MAC5B,CAAC;MACD0C,aAAa,EAAE,GAAG;MAClBC,YAAY,EAAE3C,KAAK,KAAK,CAAC,GAAG,IAAI,GAAG,CAAC;MACpC4C,SAAS,EAAE5C,KAAK,KAAK,CAAC,GAAG,CAAC,GAAG;IAC/B;EAAE,gBAEFtB,KAAA,CAAA4C,aAAA,CAAC7C,IAAI;IACH8C,KAAK,EAAE;MACLuB,eAAe,EAAE,EAAE;MACnB5B,KAAK,EAAElB,KAAK,KAAK,CAAC,GAAG,OAAO,GAAG,OAAO;MACtC6C,SAAS,EAAE,QAAQ;MACnBE,UAAU,EAAE;IACd;EAAE,GACH,KAEK,CACU,CACd,CAAC;AAEX,CAAC;AAED,MAAMvB,MAAM,GAAGjD,UAAU,CAACyE,MAAM,CAAC;EAC/BvB,SAAS,EAAE;IACTW,IAAI,EAAE;EACR;AACF,CAAC,CAAC"}
@@ -0,0 +1,46 @@
1
+ import { ApolloClient, InMemoryCache, split, from, createHttpLink } from '@apollo/client/core';
2
+ import { onError } from '@apollo/client/link/error';
3
+ import { getMainDefinition } from '@apollo/client/utilities';
4
+ import { createClient } from 'graphql-ws';
5
+ import { GraphQLWsLink } from '@apollo/client/link/subscriptions';
6
+ const baseUrl = 'office.erxes.io/gateway';
7
+ export const apiUrl = `https://${baseUrl}`;
8
+
9
+ // Subscription config
10
+ export const wsLink = new GraphQLWsLink(createClient({
11
+ url: `wss://${baseUrl}/graphql` || 'ws://localhost:4000/graphql',
12
+ retryAttempts: 1000,
13
+ retryWait: async () => {
14
+ await new Promise(resolve => setTimeout(resolve, 5000));
15
+ }
16
+ }));
17
+ const logoutLink = onError(_ref => {
18
+ let {
19
+ networkError,
20
+ graphQLErrors
21
+ } = _ref;
22
+ console.log('--netError', networkError);
23
+ console.log('--gqlError', graphQLErrors);
24
+ });
25
+ const httpLink = createHttpLink({
26
+ uri: `${apiUrl}/graphql`,
27
+ credentials: 'include'
28
+ });
29
+ const splitLink = split(_ref2 => {
30
+ let {
31
+ query
32
+ } = _ref2;
33
+ const definition = getMainDefinition(query);
34
+ return definition.kind === 'OperationDefinition' && definition.operation === 'subscription';
35
+ }, wsLink, from([logoutLink, httpLink]));
36
+ const ClientProvider = () => new ApolloClient({
37
+ link: splitLink,
38
+ cache: new InMemoryCache(),
39
+ defaultOptions: {
40
+ watchQuery: {
41
+ fetchPolicy: 'network-only'
42
+ }
43
+ }
44
+ });
45
+ export default ClientProvider;
46
+ //# sourceMappingURL=apolloClient.js.map
@@ -0,0 +1 @@
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"}
@@ -0,0 +1,8 @@
1
+ const images = {
2
+ facebook: require('./Facebook.png'),
3
+ youtube: require('./Youtube.png'),
4
+ twitter: require('./Twitter.png'),
5
+ avatar: require('./avatar.png')
6
+ };
7
+ export default images;
8
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["images","facebook","require","youtube","twitter","avatar"],"sourceRoot":"../../../../src","sources":["assets/images/index.ts"],"mappings":"AAAA,MAAMA,MAAM,GAAG;EACbC,QAAQ,EAAEC,OAAO,CAAC,gBAAgB,CAAC;EACnCC,OAAO,EAAED,OAAO,CAAC,eAAe,CAAC;EACjCE,OAAO,EAAEF,OAAO,CAAC,eAAe,CAAC;EACjCG,MAAM,EAAEH,OAAO,CAAC,cAAc;AAChC,CAAC;AAED,eAAeF,MAAM"}
@@ -0,0 +1,99 @@
1
+ import { gql } from '@apollo/client';
2
+ const widgetsMessengerSupporters = gql`
3
+ query widgetsMessengerSupporters($integrationId: String!) {
4
+ widgetsMessengerSupporters(integrationId: $integrationId) {
5
+ supporters {
6
+ _id
7
+ isActive
8
+ details {
9
+ avatar
10
+ fullName
11
+ shortName
12
+ location
13
+ __typename
14
+ }
15
+ isOnline
16
+ __typename
17
+ }
18
+ isOnline
19
+ __typename
20
+ }
21
+ }
22
+ `;
23
+ const widgetsConversations = gql`
24
+ query widgetsConversations(
25
+ $integrationId: String!
26
+ $customerId: String
27
+ $visitorId: String
28
+ ) {
29
+ widgetsConversations(
30
+ integrationId: $integrationId
31
+ customerId: $customerId
32
+ visitorId: $visitorId
33
+ ) {
34
+ _id
35
+ content
36
+ createdAt
37
+ participatedUsers {
38
+ details {
39
+ avatar
40
+ fullName
41
+ __typename
42
+ }
43
+ __typename
44
+ }
45
+ __typename
46
+ }
47
+ }
48
+ `;
49
+ const knowledgeBaseTopicDetail = gql`
50
+ query knowledgeBaseTopicDetail($_id: String!) {
51
+ knowledgeBaseTopicDetail(_id: $_id) {
52
+ title
53
+ description
54
+ categories {
55
+ _id
56
+ title
57
+ description
58
+ numOfArticles
59
+ parentCategoryId
60
+ icon
61
+ __typename
62
+ }
63
+ parentCategories {
64
+ _id
65
+ title
66
+ description
67
+ numOfArticles
68
+ parentCategoryId
69
+ icon
70
+ __typename
71
+ }
72
+ __typename
73
+ }
74
+ }
75
+ `;
76
+ const knowledgeBaseCategoryDetail = gql`
77
+ query knowledgeBaseCategoryDetail($_id: String!) {
78
+ knowledgeBaseCategoryDetail(_id: $_id) {
79
+ _id
80
+ title
81
+ description
82
+ numOfArticles
83
+ parentCategoryId
84
+ icon
85
+ parentCategoryId
86
+ articles {
87
+ _id
88
+ title
89
+ summary
90
+ content
91
+ createdDate
92
+ __typename
93
+ }
94
+ __typename
95
+ }
96
+ }
97
+ `;
98
+ export { widgetsMessengerSupporters, widgetsConversations, knowledgeBaseTopicDetail, knowledgeBaseCategoryDetail };
99
+ //# sourceMappingURL=graphql.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["gql","widgetsMessengerSupporters","widgetsConversations","knowledgeBaseTopicDetail","knowledgeBaseCategoryDetail"],"sourceRoot":"../../../src","sources":["graphql/graphql.ts"],"mappings":"AAAA,SAASA,GAAG,QAAQ,gBAAgB;AAEpC,MAAMC,0BAA0B,GAAGD,GAAI;AACvC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC;AAED,MAAME,oBAAoB,GAAGF,GAAI;AACjC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC;AAED,MAAMG,wBAAwB,GAAGH,GAAI;AACrC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC;AAED,MAAMI,2BAA2B,GAAGJ,GAAI;AACxC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC;AAED,SACEC,0BAA0B,EAC1BC,oBAAoB,EACpBC,wBAAwB,EACxBC,2BAA2B"}
@@ -0,0 +1,41 @@
1
+ import { gql } from '@apollo/client';
2
+ const connect = gql`
3
+ mutation connect(
4
+ $brandCode: String!
5
+ $email: String
6
+ $phone: String
7
+ $code: String
8
+ $isUser: Boolean
9
+ $data: JSON
10
+ $companyData: JSON
11
+ $cachedCustomerId: String
12
+ $visitorId: String
13
+ ) {
14
+ widgetsMessengerConnect(
15
+ brandCode: $brandCode
16
+ email: $email
17
+ phone: $phone
18
+ code: $code
19
+ isUser: $isUser
20
+ data: $data
21
+ companyData: $companyData
22
+ cachedCustomerId: $cachedCustomerId
23
+ visitorId: $visitorId
24
+ ) {
25
+ integrationId
26
+ messengerData
27
+ languageCode
28
+ uiOptions
29
+ customerId
30
+ visitorId
31
+ brand {
32
+ name
33
+ description
34
+ __typename
35
+ }
36
+ __typename
37
+ }
38
+ }
39
+ `;
40
+ export { connect };
41
+ //# sourceMappingURL=mutation.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["gql","connect"],"sourceRoot":"../../../src","sources":["graphql/mutation.ts"],"mappings":"AAAA,SAASA,GAAG,QAAQ,gBAAgB;AAEpC,MAAMC,OAAO,GAAGD,GAAI;AACpB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC;AAED,SAASC,OAAO"}
@@ -1,6 +1,6 @@
1
1
  import React from 'react';
2
2
  export type PropTypes = {
3
- script: string;
3
+ brandCode: string;
4
4
  };
5
5
  declare const ErxesSDK: React.FC<PropTypes>;
6
6
  export default ErxesSDK;
@@ -1 +1 @@
1
- {"version":3,"file":"App.d.ts","sourceRoot":"","sources":["../../src/App.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,MAAM,MAAM,SAAS,GAAG;IACtB,MAAM,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,QAAA,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAyCjC,CAAC;AAEF,eAAe,QAAQ,CAAC"}
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"}
@@ -0,0 +1,4 @@
1
+ import React from 'react';
2
+ declare const FAQ: (props: any) => React.JSX.Element | null;
3
+ export default FAQ;
4
+ //# sourceMappingURL=FAQ.d.ts.map
@@ -0,0 +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"}
@@ -0,0 +1,4 @@
1
+ import React from 'react';
2
+ declare const Greetings: (props: any) => React.JSX.Element;
3
+ export default Greetings;
4
+ //# sourceMappingURL=Greetings.d.ts.map