rn-erxes-sdk 0.1.3 → 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.
- package/README.md +39 -20
- package/lib/commonjs/App.js +9 -44
- package/lib/commonjs/App.js.map +1 -1
- package/lib/commonjs/FAQ.js +175 -0
- package/lib/commonjs/FAQ.js.map +1 -0
- package/lib/commonjs/Greetings.js +57 -0
- package/lib/commonjs/Greetings.js.map +1 -0
- package/lib/commonjs/Social.js +46 -0
- package/lib/commonjs/Social.js.map +1 -0
- package/lib/commonjs/Support.js +93 -0
- package/lib/commonjs/Support.js.map +1 -0
- package/lib/commonjs/Supporters.js +73 -0
- package/lib/commonjs/Supporters.js.map +1 -0
- package/lib/commonjs/Widget.js +132 -0
- package/lib/commonjs/Widget.js.map +1 -0
- package/lib/commonjs/apolloClient.js +55 -0
- package/lib/commonjs/apolloClient.js.map +1 -0
- package/lib/commonjs/assets/images/Facebook.png +0 -0
- package/lib/commonjs/assets/images/Twitter.png +0 -0
- package/lib/commonjs/assets/images/Youtube.png +0 -0
- package/lib/commonjs/assets/images/avatar.png +0 -0
- package/lib/commonjs/assets/images/index.js +15 -0
- package/lib/commonjs/assets/images/index.js.map +1 -0
- package/lib/commonjs/graphql/graphql.js +108 -0
- package/lib/commonjs/graphql/graphql.js.map +1 -0
- package/lib/commonjs/graphql/mutation.js +47 -0
- package/lib/commonjs/graphql/mutation.js.map +1 -0
- package/lib/module/App.js +9 -44
- package/lib/module/App.js.map +1 -1
- package/lib/module/FAQ.js +165 -0
- package/lib/module/FAQ.js.map +1 -0
- package/lib/module/Greetings.js +48 -0
- package/lib/module/Greetings.js.map +1 -0
- package/lib/module/Social.js +37 -0
- package/lib/module/Social.js.map +1 -0
- package/lib/module/Support.js +84 -0
- package/lib/module/Support.js.map +1 -0
- package/lib/module/Supporters.js +64 -0
- package/lib/module/Supporters.js.map +1 -0
- package/lib/module/Widget.js +123 -0
- package/lib/module/Widget.js.map +1 -0
- package/lib/module/apolloClient.js +46 -0
- package/lib/module/apolloClient.js.map +1 -0
- package/lib/module/assets/images/Facebook.png +0 -0
- package/lib/module/assets/images/Twitter.png +0 -0
- package/lib/module/assets/images/Youtube.png +0 -0
- package/lib/module/assets/images/avatar.png +0 -0
- package/lib/module/assets/images/index.js +8 -0
- package/lib/module/assets/images/index.js.map +1 -0
- package/lib/module/graphql/graphql.js +99 -0
- package/lib/module/graphql/graphql.js.map +1 -0
- package/lib/module/graphql/mutation.js +41 -0
- package/lib/module/graphql/mutation.js.map +1 -0
- package/lib/typescript/App.d.ts +1 -1
- package/lib/typescript/App.d.ts.map +1 -1
- package/lib/typescript/FAQ.d.ts +4 -0
- package/lib/typescript/FAQ.d.ts.map +1 -0
- package/lib/typescript/Greetings.d.ts +4 -0
- package/lib/typescript/Greetings.d.ts.map +1 -0
- package/lib/typescript/Social.d.ts +4 -0
- package/lib/typescript/Social.d.ts.map +1 -0
- package/lib/typescript/Support.d.ts +4 -0
- package/lib/typescript/Support.d.ts.map +1 -0
- package/lib/typescript/Supporters.d.ts +4 -0
- package/lib/typescript/Supporters.d.ts.map +1 -0
- package/lib/typescript/Widget.d.ts +4 -0
- package/lib/typescript/Widget.d.ts.map +1 -0
- package/lib/typescript/apolloClient.d.ts +6 -0
- package/lib/typescript/apolloClient.d.ts.map +1 -0
- package/lib/typescript/assets/images/index.d.ts +8 -0
- package/lib/typescript/assets/images/index.d.ts.map +1 -0
- package/lib/typescript/graphql/graphql.d.ts +6 -0
- package/lib/typescript/graphql/graphql.d.ts.map +1 -0
- package/lib/typescript/graphql/mutation.d.ts +3 -0
- package/lib/typescript/graphql/mutation.d.ts.map +1 -0
- package/package.json +9 -5
- package/src/App.tsx +8 -42
- package/src/FAQ.tsx +166 -0
- package/src/Greetings.tsx +37 -0
- package/src/Social.tsx +46 -0
- package/src/Support.tsx +74 -0
- package/src/Supporters.tsx +63 -0
- package/src/Widget.tsx +138 -0
- package/src/apolloClient.ts +57 -0
- package/src/assets/images/Facebook.png +0 -0
- package/src/assets/images/Twitter.png +0 -0
- package/src/assets/images/Youtube.png +0 -0
- package/src/assets/images/avatar.png +0 -0
- package/src/assets/images/index.ts +8 -0
- package/src/graphql/graphql.ts +108 -0
- package/src/graphql/mutation.ts +42 -0
- package/lib/commonjs/index.html +0 -114
- package/lib/module/index.html +0 -114
- 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":"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"}
|
|
@@ -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"}
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
@@ -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"}
|
package/lib/typescript/App.d.ts
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"App.d.ts","sourceRoot":"","sources":["../../src/App.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,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 @@
|
|
|
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"}
|