rn-erxes-sdk 0.1.12 → 0.1.13
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/lib/commonjs/Widget.js +24 -87
- package/lib/commonjs/Widget.js.map +1 -1
- package/lib/commonjs/screen/conversation/Conversations.js +9 -0
- package/lib/commonjs/screen/conversation/Conversations.js.map +1 -1
- package/lib/commonjs/screen/greetings/Greetings.js +6 -3
- package/lib/commonjs/screen/greetings/Greetings.js.map +1 -1
- package/lib/commonjs/screen/greetings/Supporters.js +8 -4
- package/lib/commonjs/screen/greetings/Supporters.js.map +1 -1
- package/lib/module/Widget.js +23 -89
- package/lib/module/Widget.js.map +1 -1
- package/lib/module/screen/conversation/Conversations.js +9 -0
- package/lib/module/screen/conversation/Conversations.js.map +1 -1
- package/lib/module/screen/greetings/Greetings.js +6 -3
- package/lib/module/screen/greetings/Greetings.js.map +1 -1
- package/lib/module/screen/greetings/Supporters.js +8 -4
- package/lib/module/screen/greetings/Supporters.js.map +1 -1
- package/lib/typescript/Widget.d.ts.map +1 -1
- package/lib/typescript/screen/conversation/Conversations.d.ts.map +1 -1
- package/lib/typescript/screen/greetings/Greetings.d.ts.map +1 -1
- package/lib/typescript/screen/greetings/Supporters.d.ts.map +1 -1
- package/package.json +1 -1
- package/src/Widget.tsx +27 -93
- package/src/screen/conversation/Conversations.tsx +12 -0
- package/src/screen/greetings/Greetings.tsx +12 -5
- package/src/screen/greetings/Supporters.tsx +9 -4
package/lib/commonjs/Widget.js
CHANGED
|
@@ -12,7 +12,7 @@ var _Greetings = _interopRequireDefault(require("./screen/greetings/Greetings"))
|
|
|
12
12
|
var _Conversations = _interopRequireDefault(require("./screen/conversation/Conversations"));
|
|
13
13
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
14
14
|
const Widget = props => {
|
|
15
|
-
var _response$data, _response$data$widget, _response$data$widget2, _response$data2, _response$data2$widge, _response$data3, _response$data3$widge, _response$data4, _response$data4$widge;
|
|
15
|
+
var _response$data, _response$data$widget, _response$data$widget2, _response$data2, _response$data2$widge, _response$data3, _response$data3$widge, _response$data4, _response$data4$widge, _response$data4$widge2, _response$data5, _response$data5$widge;
|
|
16
16
|
const {
|
|
17
17
|
brandCode,
|
|
18
18
|
email,
|
|
@@ -41,100 +41,37 @@ const Widget = props => {
|
|
|
41
41
|
});
|
|
42
42
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
43
43
|
}, []);
|
|
44
|
-
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;
|
|
44
|
+
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) || '#5629b6';
|
|
45
45
|
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;
|
|
46
46
|
const brand = 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$widge.brand;
|
|
47
|
+
const textColor = (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$widge2 = _response$data4$widge.uiOptions) === null || _response$data4$widge2 === void 0 ? void 0 : _response$data4$widge2.textColor) || '#fff';
|
|
47
48
|
if (!integrationId) {
|
|
48
49
|
return null;
|
|
49
50
|
}
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
}
|
|
51
|
+
const greetingProps = {
|
|
52
|
+
greetings: response === null || response === void 0 ? void 0 : (_response$data5 = response.data) === null || _response$data5 === void 0 ? void 0 : (_response$data5$widge = _response$data5.widgetsMessengerConnect) === null || _response$data5$widge === void 0 ? void 0 : _response$data5$widge.messengerData,
|
|
53
|
+
integrationId,
|
|
54
|
+
hasBack,
|
|
55
|
+
onBack,
|
|
56
|
+
backIcon,
|
|
57
|
+
bgColor,
|
|
58
|
+
textColor,
|
|
59
|
+
brand
|
|
60
|
+
};
|
|
61
|
+
const conversationProps = {
|
|
60
62
|
customerId: connection === null || connection === void 0 ? void 0 : connection.cachedCustomerId,
|
|
61
63
|
visitorId: connection === null || connection === void 0 ? void 0 : connection.visitorId,
|
|
62
|
-
integrationId
|
|
63
|
-
bgColor
|
|
64
|
-
brand
|
|
65
|
-
newChatIcon
|
|
66
|
-
|
|
64
|
+
integrationId,
|
|
65
|
+
bgColor,
|
|
66
|
+
brand,
|
|
67
|
+
newChatIcon,
|
|
68
|
+
textColor
|
|
69
|
+
};
|
|
70
|
+
return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
|
|
71
|
+
style: styles.container
|
|
72
|
+
}, /*#__PURE__*/_react.default.createElement(_Greetings.default, greetingProps), /*#__PURE__*/_react.default.createElement(_Conversations.default, conversationProps));
|
|
67
73
|
};
|
|
68
|
-
var _default = Widget;
|
|
69
|
-
// const { index, setIndex, bgColor } = props;
|
|
70
|
-
// return (
|
|
71
|
-
// <View
|
|
72
|
-
// style={{
|
|
73
|
-
// backgroundColor: '#fff',
|
|
74
|
-
// flexDirection: 'row',
|
|
75
|
-
// padding: 3,
|
|
76
|
-
// marginBottom: 3,
|
|
77
|
-
// borderColor: '#E5E5E5',
|
|
78
|
-
// borderWidth: 0.3,
|
|
79
|
-
// }}
|
|
80
|
-
// >
|
|
81
|
-
// <TouchableOpacity onPress={() => setIndex(0)} style={{ flex: 1 }}>
|
|
82
|
-
// <View
|
|
83
|
-
// style={{
|
|
84
|
-
// backgroundColor: index === 0 ? bgColor : 'transparent',
|
|
85
|
-
// borderRadius: 5,
|
|
86
|
-
// shadowColor: bgColor,
|
|
87
|
-
// shadowOffset: {
|
|
88
|
-
// width: 0,
|
|
89
|
-
// height: index === 0 ? 2 : 0,
|
|
90
|
-
// },
|
|
91
|
-
// shadowOpacity: 0.5,
|
|
92
|
-
// shadowRadius: index === 0 ? 3.84 : 0,
|
|
93
|
-
// elevation: index === 0 ? 5 : 0,
|
|
94
|
-
// }}
|
|
95
|
-
// >
|
|
96
|
-
// <Text
|
|
97
|
-
// style={{
|
|
98
|
-
// textAlign: 'center',
|
|
99
|
-
// color: index === 0 ? 'white' : 'black',
|
|
100
|
-
// paddingVertical: 10,
|
|
101
|
-
// fontWeight: '600',
|
|
102
|
-
// }}
|
|
103
|
-
// >
|
|
104
|
-
// Support
|
|
105
|
-
// </Text>
|
|
106
|
-
// </View>
|
|
107
|
-
// </TouchableOpacity>
|
|
108
|
-
// <TouchableOpacity
|
|
109
|
-
// onPress={() => setIndex(1)}
|
|
110
|
-
// style={{
|
|
111
|
-
// flex: 1,
|
|
112
|
-
// backgroundColor: index === 1 ? bgColor : 'transparent',
|
|
113
|
-
// borderRadius: 5,
|
|
114
|
-
// shadowColor: bgColor,
|
|
115
|
-
// shadowOffset: {
|
|
116
|
-
// width: 0,
|
|
117
|
-
// height: index === 1 ? 2 : 0,
|
|
118
|
-
// },
|
|
119
|
-
// shadowOpacity: 0.5,
|
|
120
|
-
// shadowRadius: index === 1 ? 3.84 : 0,
|
|
121
|
-
// elevation: index === 1 ? 5 : 0,
|
|
122
|
-
// }}
|
|
123
|
-
// >
|
|
124
|
-
// <Text
|
|
125
|
-
// style={{
|
|
126
|
-
// paddingVertical: 10,
|
|
127
|
-
// color: index === 1 ? 'white' : 'black',
|
|
128
|
-
// textAlign: 'center',
|
|
129
|
-
// fontWeight: '600',
|
|
130
|
-
// }}
|
|
131
|
-
// >
|
|
132
|
-
// FAQ
|
|
133
|
-
// </Text>
|
|
134
|
-
// </TouchableOpacity>
|
|
135
|
-
// </View>
|
|
136
|
-
// );
|
|
137
|
-
// };
|
|
74
|
+
var _default = Widget;
|
|
138
75
|
exports.default = _default;
|
|
139
76
|
const styles = _reactNative.StyleSheet.create({
|
|
140
77
|
container: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_reactNative","require","_react","_interopRequireDefault","_client","_mutation","_Greetings","_Conversations","obj","__esModule","default","Widget","props","_response$data","_response$data$widget","_response$data$widget2","_response$data2","_response$data2$widge","_response$data3","_response$data3$widge","_response$data4","_response$data4$widge","brandCode","email","hasBack","onBack","connection","backIcon","newChatIcon","response","setResponse","React","useState","connectMutation","useMutation","connect","useEffect","variables","cachedCustomerId","visitorId","isUser","Boolean","then","res","catch","err","console","log","bgColor","data","widgetsMessengerConnect","uiOptions","color","integrationId","brand","
|
|
1
|
+
{"version":3,"names":["_reactNative","require","_react","_interopRequireDefault","_client","_mutation","_Greetings","_Conversations","obj","__esModule","default","Widget","props","_response$data","_response$data$widget","_response$data$widget2","_response$data2","_response$data2$widge","_response$data3","_response$data3$widge","_response$data4","_response$data4$widge","_response$data4$widge2","_response$data5","_response$data5$widge","brandCode","email","hasBack","onBack","connection","backIcon","newChatIcon","response","setResponse","React","useState","connectMutation","useMutation","connect","useEffect","variables","cachedCustomerId","visitorId","isUser","Boolean","then","res","catch","err","console","log","bgColor","data","widgetsMessengerConnect","uiOptions","color","integrationId","brand","textColor","greetingProps","greetings","messengerData","conversationProps","customerId","createElement","View","style","styles","container","_default","exports","StyleSheet","create","flex"],"sourceRoot":"../../src","sources":["Widget.tsx"],"mappings":"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"}
|
|
@@ -113,6 +113,13 @@ const Conversations = props => {
|
|
|
113
113
|
}
|
|
114
114
|
});
|
|
115
115
|
};
|
|
116
|
+
const emptyComponent = () => {
|
|
117
|
+
return /*#__PURE__*/_react.default.createElement(_reactNative.View, null, /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
|
|
118
|
+
style: {
|
|
119
|
+
opacity: 0.8
|
|
120
|
+
}
|
|
121
|
+
}, "There is no chat currently right now"));
|
|
122
|
+
};
|
|
116
123
|
return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
|
|
117
124
|
style: {
|
|
118
125
|
flex: 1
|
|
@@ -131,6 +138,7 @@ const Conversations = props => {
|
|
|
131
138
|
colors: [bgColor],
|
|
132
139
|
tintColor: bgColor
|
|
133
140
|
}),
|
|
141
|
+
ListEmptyComponent: emptyComponent,
|
|
134
142
|
ItemSeparatorComponent: seperator
|
|
135
143
|
}), /*#__PURE__*/_react.default.createElement(_FAB.default, {
|
|
136
144
|
onPress: () => {
|
|
@@ -145,6 +153,7 @@ const Conversations = props => {
|
|
|
145
153
|
// })
|
|
146
154
|
,
|
|
147
155
|
|
|
156
|
+
backgroundColor: bgColor,
|
|
148
157
|
icon: newChatIcon
|
|
149
158
|
}));
|
|
150
159
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_reactNative","require","_react","_interopRequireDefault","_query","_client","_dayjs","_images","_FAB","_utils","obj","__esModule","default","Conversations","props","customerId","visitorId","integrationId","bgColor","brand","newChatIcon","console","log","data","loading","refetch","useQuery","widgetsConversations","variables","refreshing","setRefreshing","React","useState","onRefresh","useCallback","setTimeout","renderItem","_ref","_item$participatedUse","item","source","images","avatar","name","participatedUsers","length","_item$participatedUse2","_item$participatedUse3","_item$participatedUse4","_item$participatedUse5","uri","getAttachmentUrl","details","cache","fullName","createElement","TouchableOpacity","style","styles","itemContainer","onPress","Image","image","resizeMode","View","flex","marginLeft","Text","fontWeight","color","content","dayjs","createdAt","format","renderHeader","marginVertical","fontSize","seperator","height","FlatList","contentContainerStyle","contentStyle","showsVerticalScrollIndicator","keyExtractor","_id","onEndReachedThreshold","ListHeaderComponent","refreshControl","RefreshControl","colors","tintColor","ItemSeparatorComponent","icon","_default","exports","StyleSheet","create","flexGrow","padding","flexDirection","justifyContent","alignItems","width","borderRadius"],"sourceRoot":"../../../../src","sources":["screen/conversation/Conversations.tsx"],"mappings":"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
|
|
1
|
+
{"version":3,"names":["_reactNative","require","_react","_interopRequireDefault","_query","_client","_dayjs","_images","_FAB","_utils","obj","__esModule","default","Conversations","props","customerId","visitorId","integrationId","bgColor","brand","newChatIcon","console","log","data","loading","refetch","useQuery","widgetsConversations","variables","refreshing","setRefreshing","React","useState","onRefresh","useCallback","setTimeout","renderItem","_ref","_item$participatedUse","item","source","images","avatar","name","participatedUsers","length","_item$participatedUse2","_item$participatedUse3","_item$participatedUse4","_item$participatedUse5","uri","getAttachmentUrl","details","cache","fullName","createElement","TouchableOpacity","style","styles","itemContainer","onPress","Image","image","resizeMode","View","flex","marginLeft","Text","fontWeight","color","content","dayjs","createdAt","format","renderHeader","marginVertical","fontSize","seperator","height","emptyComponent","opacity","FlatList","contentContainerStyle","contentStyle","showsVerticalScrollIndicator","keyExtractor","_id","onEndReachedThreshold","ListHeaderComponent","refreshControl","RefreshControl","colors","tintColor","ListEmptyComponent","ItemSeparatorComponent","backgroundColor","icon","_default","exports","StyleSheet","create","flexGrow","padding","flexDirection","justifyContent","alignItems","width","borderRadius"],"sourceRoot":"../../../../src","sources":["screen/conversation/Conversations.tsx"],"mappings":"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"}
|
|
@@ -16,6 +16,7 @@ const Greetings = props => {
|
|
|
16
16
|
const {
|
|
17
17
|
greetings,
|
|
18
18
|
bgColor,
|
|
19
|
+
textColor,
|
|
19
20
|
integrationId,
|
|
20
21
|
hasBack,
|
|
21
22
|
onBack,
|
|
@@ -23,7 +24,7 @@ const Greetings = props => {
|
|
|
23
24
|
} = props;
|
|
24
25
|
return /*#__PURE__*/_react.default.createElement(_reactNative.SafeAreaView, {
|
|
25
26
|
style: {
|
|
26
|
-
backgroundColor: bgColor
|
|
27
|
+
backgroundColor: bgColor
|
|
27
28
|
}
|
|
28
29
|
}, hasBack ? /*#__PURE__*/_react.default.createElement(_reactNative.TouchableOpacity, {
|
|
29
30
|
onPress: () => {
|
|
@@ -41,7 +42,8 @@ const Greetings = props => {
|
|
|
41
42
|
}, /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
|
|
42
43
|
style: {
|
|
43
44
|
fontWeight: '600',
|
|
44
|
-
fontSize: 18
|
|
45
|
+
fontSize: 18,
|
|
46
|
+
color: textColor
|
|
45
47
|
}
|
|
46
48
|
}, 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.default.createElement(_reactNative.View, {
|
|
47
49
|
style: {
|
|
@@ -52,7 +54,8 @@ const Greetings = props => {
|
|
|
52
54
|
})), /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
|
|
53
55
|
style: {
|
|
54
56
|
marginTop: 20,
|
|
55
|
-
color:
|
|
57
|
+
color: textColor,
|
|
58
|
+
opacity: 0.8
|
|
56
59
|
}
|
|
57
60
|
}, 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.default.createElement(_Supporters.default, {
|
|
58
61
|
integrationId: integrationId
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_reactNative","require","_react","_interopRequireDefault","_Social","_Supporters","obj","__esModule","default","Greetings","props","_greetings$messages","_greetings$messages$g","_greetings$messages2","_greetings$messages2$","greetings","bgColor","integrationId","hasBack","onBack","backIcon","createElement","SafeAreaView","style","backgroundColor","TouchableOpacity","onPress","styles","backStyle","View","title","marginTop","Text","fontWeight","fontSize","messages","links","
|
|
1
|
+
{"version":3,"names":["_reactNative","require","_react","_interopRequireDefault","_Social","_Supporters","obj","__esModule","default","Greetings","props","_greetings$messages","_greetings$messages$g","_greetings$messages2","_greetings$messages2$","greetings","bgColor","textColor","integrationId","hasBack","onBack","backIcon","createElement","SafeAreaView","style","backgroundColor","TouchableOpacity","onPress","styles","backStyle","View","title","marginTop","Text","fontWeight","fontSize","color","messages","links","opacity","message","_default","exports","StyleSheet","create","paddingVertical","paddingHorizontal","borderTopLeftRadius","borderTopRightRadius","width","height","marginLeft","borderRadius","justifyContent","alignItems"],"sourceRoot":"../../../../src","sources":["screen/greetings/Greetings.tsx"],"mappings":"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"}
|
|
@@ -32,7 +32,10 @@ const Supporters = props => {
|
|
|
32
32
|
var _supporter$details;
|
|
33
33
|
const color = supporter !== null && supporter !== void 0 && supporter.isOnline ? '#3ccc38' : 'white';
|
|
34
34
|
return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
|
|
35
|
-
key: index
|
|
35
|
+
key: index,
|
|
36
|
+
style: {
|
|
37
|
+
marginLeft: index === 0 ? 0 : 10
|
|
38
|
+
}
|
|
36
39
|
}, /*#__PURE__*/_react.default.createElement(_reactNative.Image, {
|
|
37
40
|
source: {
|
|
38
41
|
uri: supporter === null || supporter === void 0 ? void 0 : (_supporter$details = supporter.details) === null || _supporter$details === void 0 ? void 0 : _supporter$details.avatar
|
|
@@ -47,7 +50,8 @@ const Supporters = props => {
|
|
|
47
50
|
};
|
|
48
51
|
return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
|
|
49
52
|
style: {
|
|
50
|
-
marginTop: 10
|
|
53
|
+
marginTop: 10,
|
|
54
|
+
flexDirection: 'row'
|
|
51
55
|
}
|
|
52
56
|
}, 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) => {
|
|
53
57
|
return renderSupporter(supporter, index);
|
|
@@ -62,8 +66,8 @@ const styles = _reactNative.StyleSheet.create({
|
|
|
62
66
|
borderRadius: 90
|
|
63
67
|
},
|
|
64
68
|
activeStatus: {
|
|
65
|
-
width:
|
|
66
|
-
height:
|
|
69
|
+
width: 13,
|
|
70
|
+
height: 13,
|
|
67
71
|
borderRadius: 90,
|
|
68
72
|
position: 'absolute',
|
|
69
73
|
bottom: 0,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_reactNative","require","_react","_interopRequireDefault","_client","_query","obj","__esModule","default","Supporters","props","_data$widgetsMessenge","_supporters$filter","integrationId","data","loading","useQuery","widgetsMessengerSupporters","variables","supporters","renderSupporter","supporter","index","_supporter$details","color","isOnline","createElement","View","key","Image","source","uri","details","avatar","
|
|
1
|
+
{"version":3,"names":["_reactNative","require","_react","_interopRequireDefault","_client","_query","obj","__esModule","default","Supporters","props","_data$widgetsMessenge","_supporters$filter","integrationId","data","loading","useQuery","widgetsMessengerSupporters","variables","supporters","renderSupporter","supporter","index","_supporter$details","color","isOnline","createElement","View","key","style","marginLeft","Image","source","uri","details","avatar","styles","image","resizeMode","backgroundColor","activeStatus","marginTop","flexDirection","filter","isActive","map","_default","exports","StyleSheet","create","width","height","borderRadius","position","bottom","left"],"sourceRoot":"../../../../src","sources":["screen/greetings/Supporters.tsx"],"mappings":";;;;;;AACA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,OAAA,GAAAH,OAAA;AACA,IAAAI,MAAA,GAAAJ,OAAA;AAAiE,SAAAE,uBAAAG,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAJjE;;AAMA,MAAMG,UAAU,GAAIC,KAAU,IAAK;EAAA,IAAAC,qBAAA,EAAAC,kBAAA;EACjC,MAAM;IAAEC;EAAc,CAAC,GAAGH,KAAK;EAE/B,MAAM;IAAEI,IAAI;IAAEC;EAAQ,CAAC,GAAG,IAAAC,gBAAQ,EAACC,iCAA0B,EAAE;IAC7DC,SAAS,EAAE;MACTL;IACF;EACF,CAAC,CAAC;EAEF,IAAIE,OAAO,EAAE;IACX,OAAO,IAAI;EACb;EAEA,MAAMI,UAAU,GAAGL,IAAI,aAAJA,IAAI,wBAAAH,qBAAA,GAAJG,IAAI,CAAEG,0BAA0B,cAAAN,qBAAA,uBAAhCA,qBAAA,CAAkCQ,UAAU;EAE/D,MAAMC,eAAe,GAAGA,CAACC,SAAc,EAAEC,KAAa,KAAK;IAAA,IAAAC,kBAAA;IACzD,MAAMC,KAAK,GAAGH,SAAS,aAATA,SAAS,eAATA,SAAS,CAAEI,QAAQ,GAAG,SAAS,GAAG,OAAO;IACvD,oBACEvB,MAAA,CAAAM,OAAA,CAAAkB,aAAA,CAAC1B,YAAA,CAAA2B,IAAI;MACHC,GAAG,EAAEN,KAAM;MACXO,KAAK,EAAE;QACLC,UAAU,EAAER,KAAK,KAAK,CAAC,GAAG,CAAC,GAAG;MAChC;IAAE,gBAEFpB,MAAA,CAAAM,OAAA,CAAAkB,aAAA,CAAC1B,YAAA,CAAA+B,KAAK;MACJC,MAAM,EAAE;QAAEC,GAAG,EAAEZ,SAAS,aAATA,SAAS,wBAAAE,kBAAA,GAATF,SAAS,CAAEa,OAAO,cAAAX,kBAAA,uBAAlBA,kBAAA,CAAoBY;MAAO,CAAE;MAC5CN,KAAK,EAAEO,MAAM,CAACC,KAAM;MACpBC,UAAU,EAAC;IAAQ,CACpB,CAAC,eACFpC,MAAA,CAAAM,OAAA,CAAAkB,aAAA,CAAC1B,YAAA,CAAA2B,IAAI;MAACE,KAAK,EAAE,CAAC;QAAEU,eAAe,EAAEf;MAAM,CAAC,EAAEY,MAAM,CAACI,YAAY;IAAE,CAAE,CAC7D,CAAC;EAEX,CAAC;EAED,oBACEtC,MAAA,CAAAM,OAAA,CAAAkB,aAAA,CAAC1B,YAAA,CAAA2B,IAAI;IAACE,KAAK,EAAE;MAAEY,SAAS,EAAE,EAAE;MAAEC,aAAa,EAAE;IAAM;EAAE,GAClDvB,UAAU,aAAVA,UAAU,wBAAAP,kBAAA,GAAVO,UAAU,CACPwB,MAAM,CAAEtB,SAAc,IAAKA,SAAS,aAATA,SAAS,uBAATA,SAAS,CAAEuB,QAAQ,CAAC,cAAAhC,kBAAA,uBADlDA,kBAAA,CAEGiC,GAAG,CAAC,CAACxB,SAAc,EAAEC,KAAa,KAAK;IACvC,OAAOF,eAAe,CAACC,SAAS,EAAEC,KAAK,CAAC;EAC1C,CAAC,CACC,CAAC;AAEX,CAAC;AAAC,IAAAwB,QAAA,GAEarC,UAAU;AAAAsC,OAAA,CAAAvC,OAAA,GAAAsC,QAAA;AAEzB,MAAMV,MAAM,GAAGY,uBAAU,CAACC,MAAM,CAAC;EAC/BZ,KAAK,EAAE;IACLa,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE,EAAE;IACVC,YAAY,EAAE;EAChB,CAAC;EACDZ,YAAY,EAAE;IACZU,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
CHANGED
|
@@ -5,7 +5,7 @@ import { connect } from './graphql/mutation';
|
|
|
5
5
|
import Greetings from './screen/greetings/Greetings';
|
|
6
6
|
import Conversations from './screen/conversation/Conversations';
|
|
7
7
|
const Widget = props => {
|
|
8
|
-
var _response$data, _response$data$widget, _response$data$widget2, _response$data2, _response$data2$widge, _response$data3, _response$data3$widge, _response$data4, _response$data4$widge;
|
|
8
|
+
var _response$data, _response$data$widget, _response$data$widget2, _response$data2, _response$data2$widge, _response$data3, _response$data3$widge, _response$data4, _response$data4$widge, _response$data4$widge2, _response$data5, _response$data5$widge;
|
|
9
9
|
const {
|
|
10
10
|
brandCode,
|
|
11
11
|
email,
|
|
@@ -34,103 +34,37 @@ const Widget = props => {
|
|
|
34
34
|
});
|
|
35
35
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
36
36
|
}, []);
|
|
37
|
-
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;
|
|
37
|
+
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) || '#5629b6';
|
|
38
38
|
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;
|
|
39
39
|
const brand = 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$widge.brand;
|
|
40
|
+
const textColor = (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$widge2 = _response$data4$widge.uiOptions) === null || _response$data4$widge2 === void 0 ? void 0 : _response$data4$widge2.textColor) || '#fff';
|
|
40
41
|
if (!integrationId) {
|
|
41
42
|
return null;
|
|
42
43
|
}
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
}
|
|
44
|
+
const greetingProps = {
|
|
45
|
+
greetings: response === null || response === void 0 ? void 0 : (_response$data5 = response.data) === null || _response$data5 === void 0 ? void 0 : (_response$data5$widge = _response$data5.widgetsMessengerConnect) === null || _response$data5$widge === void 0 ? void 0 : _response$data5$widge.messengerData,
|
|
46
|
+
integrationId,
|
|
47
|
+
hasBack,
|
|
48
|
+
onBack,
|
|
49
|
+
backIcon,
|
|
50
|
+
bgColor,
|
|
51
|
+
textColor,
|
|
52
|
+
brand
|
|
53
|
+
};
|
|
54
|
+
const conversationProps = {
|
|
53
55
|
customerId: connection === null || connection === void 0 ? void 0 : connection.cachedCustomerId,
|
|
54
56
|
visitorId: connection === null || connection === void 0 ? void 0 : connection.visitorId,
|
|
55
|
-
integrationId
|
|
56
|
-
bgColor
|
|
57
|
-
brand
|
|
58
|
-
newChatIcon
|
|
59
|
-
|
|
57
|
+
integrationId,
|
|
58
|
+
bgColor,
|
|
59
|
+
brand,
|
|
60
|
+
newChatIcon,
|
|
61
|
+
textColor
|
|
62
|
+
};
|
|
63
|
+
return /*#__PURE__*/React.createElement(View, {
|
|
64
|
+
style: styles.container
|
|
65
|
+
}, /*#__PURE__*/React.createElement(Greetings, greetingProps), /*#__PURE__*/React.createElement(Conversations, conversationProps));
|
|
60
66
|
};
|
|
61
67
|
export default Widget;
|
|
62
|
-
|
|
63
|
-
// const TabBar = (props: any) => {
|
|
64
|
-
// const { index, setIndex, bgColor } = props;
|
|
65
|
-
// return (
|
|
66
|
-
// <View
|
|
67
|
-
// style={{
|
|
68
|
-
// backgroundColor: '#fff',
|
|
69
|
-
// flexDirection: 'row',
|
|
70
|
-
// padding: 3,
|
|
71
|
-
// marginBottom: 3,
|
|
72
|
-
// borderColor: '#E5E5E5',
|
|
73
|
-
// borderWidth: 0.3,
|
|
74
|
-
// }}
|
|
75
|
-
// >
|
|
76
|
-
// <TouchableOpacity onPress={() => setIndex(0)} style={{ flex: 1 }}>
|
|
77
|
-
// <View
|
|
78
|
-
// style={{
|
|
79
|
-
// backgroundColor: index === 0 ? bgColor : 'transparent',
|
|
80
|
-
// borderRadius: 5,
|
|
81
|
-
// shadowColor: bgColor,
|
|
82
|
-
// shadowOffset: {
|
|
83
|
-
// width: 0,
|
|
84
|
-
// height: index === 0 ? 2 : 0,
|
|
85
|
-
// },
|
|
86
|
-
// shadowOpacity: 0.5,
|
|
87
|
-
// shadowRadius: index === 0 ? 3.84 : 0,
|
|
88
|
-
// elevation: index === 0 ? 5 : 0,
|
|
89
|
-
// }}
|
|
90
|
-
// >
|
|
91
|
-
// <Text
|
|
92
|
-
// style={{
|
|
93
|
-
// textAlign: 'center',
|
|
94
|
-
// color: index === 0 ? 'white' : 'black',
|
|
95
|
-
// paddingVertical: 10,
|
|
96
|
-
// fontWeight: '600',
|
|
97
|
-
// }}
|
|
98
|
-
// >
|
|
99
|
-
// Support
|
|
100
|
-
// </Text>
|
|
101
|
-
// </View>
|
|
102
|
-
// </TouchableOpacity>
|
|
103
|
-
// <TouchableOpacity
|
|
104
|
-
// onPress={() => setIndex(1)}
|
|
105
|
-
// style={{
|
|
106
|
-
// flex: 1,
|
|
107
|
-
// backgroundColor: index === 1 ? bgColor : 'transparent',
|
|
108
|
-
// borderRadius: 5,
|
|
109
|
-
// shadowColor: bgColor,
|
|
110
|
-
// shadowOffset: {
|
|
111
|
-
// width: 0,
|
|
112
|
-
// height: index === 1 ? 2 : 0,
|
|
113
|
-
// },
|
|
114
|
-
// shadowOpacity: 0.5,
|
|
115
|
-
// shadowRadius: index === 1 ? 3.84 : 0,
|
|
116
|
-
// elevation: index === 1 ? 5 : 0,
|
|
117
|
-
// }}
|
|
118
|
-
// >
|
|
119
|
-
// <Text
|
|
120
|
-
// style={{
|
|
121
|
-
// paddingVertical: 10,
|
|
122
|
-
// color: index === 1 ? 'white' : 'black',
|
|
123
|
-
// textAlign: 'center',
|
|
124
|
-
// fontWeight: '600',
|
|
125
|
-
// }}
|
|
126
|
-
// >
|
|
127
|
-
// FAQ
|
|
128
|
-
// </Text>
|
|
129
|
-
// </TouchableOpacity>
|
|
130
|
-
// </View>
|
|
131
|
-
// );
|
|
132
|
-
// };
|
|
133
|
-
|
|
134
68
|
const styles = StyleSheet.create({
|
|
135
69
|
container: {
|
|
136
70
|
flex: 1
|
package/lib/module/Widget.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["View","StyleSheet","React","useMutation","connect","Greetings","Conversations","Widget","props","_response$data","_response$data$widget","_response$data$widget2","_response$data2","_response$data2$widge","_response$data3","_response$data3$widge","_response$data4","_response$data4$widge","brandCode","email","hasBack","onBack","connection","backIcon","newChatIcon","response","setResponse","useState","connectMutation","useEffect","variables","cachedCustomerId","visitorId","isUser","Boolean","then","res","catch","err","console","log","bgColor","data","widgetsMessengerConnect","uiOptions","color","integrationId","brand","
|
|
1
|
+
{"version":3,"names":["View","StyleSheet","React","useMutation","connect","Greetings","Conversations","Widget","props","_response$data","_response$data$widget","_response$data$widget2","_response$data2","_response$data2$widge","_response$data3","_response$data3$widge","_response$data4","_response$data4$widge","_response$data4$widge2","_response$data5","_response$data5$widge","brandCode","email","hasBack","onBack","connection","backIcon","newChatIcon","response","setResponse","useState","connectMutation","useEffect","variables","cachedCustomerId","visitorId","isUser","Boolean","then","res","catch","err","console","log","bgColor","data","widgetsMessengerConnect","uiOptions","color","integrationId","brand","textColor","greetingProps","greetings","messengerData","conversationProps","customerId","createElement","style","styles","container","create","flex"],"sourceRoot":"../../src","sources":["Widget.tsx"],"mappings":"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"}
|
|
@@ -105,6 +105,13 @@ const Conversations = props => {
|
|
|
105
105
|
}
|
|
106
106
|
});
|
|
107
107
|
};
|
|
108
|
+
const emptyComponent = () => {
|
|
109
|
+
return /*#__PURE__*/React.createElement(View, null, /*#__PURE__*/React.createElement(Text, {
|
|
110
|
+
style: {
|
|
111
|
+
opacity: 0.8
|
|
112
|
+
}
|
|
113
|
+
}, "There is no chat currently right now"));
|
|
114
|
+
};
|
|
108
115
|
return /*#__PURE__*/React.createElement(View, {
|
|
109
116
|
style: {
|
|
110
117
|
flex: 1
|
|
@@ -123,6 +130,7 @@ const Conversations = props => {
|
|
|
123
130
|
colors: [bgColor],
|
|
124
131
|
tintColor: bgColor
|
|
125
132
|
}),
|
|
133
|
+
ListEmptyComponent: emptyComponent,
|
|
126
134
|
ItemSeparatorComponent: seperator
|
|
127
135
|
}), /*#__PURE__*/React.createElement(FAB, {
|
|
128
136
|
onPress: () => {
|
|
@@ -137,6 +145,7 @@ const Conversations = props => {
|
|
|
137
145
|
// })
|
|
138
146
|
,
|
|
139
147
|
|
|
148
|
+
backgroundColor: bgColor,
|
|
140
149
|
icon: newChatIcon
|
|
141
150
|
}));
|
|
142
151
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["View","Text","FlatList","StyleSheet","Image","TouchableOpacity","RefreshControl","React","widgetsConversations","useQuery","dayjs","images","FAB","getAttachmentUrl","Conversations","props","customerId","visitorId","integrationId","bgColor","brand","newChatIcon","console","log","data","loading","refetch","variables","refreshing","setRefreshing","useState","onRefresh","useCallback","setTimeout","renderItem","_ref","_item$participatedUse","item","source","avatar","name","participatedUsers","length","_item$participatedUse2","_item$participatedUse3","_item$participatedUse4","_item$participatedUse5","uri","details","cache","fullName","createElement","style","styles","itemContainer","onPress","image","resizeMode","flex","marginLeft","fontWeight","color","content","createdAt","format","renderHeader","marginVertical","fontSize","seperator","height","contentContainerStyle","contentStyle","showsVerticalScrollIndicator","keyExtractor","_id","onEndReachedThreshold","ListHeaderComponent","refreshControl","colors","tintColor","ItemSeparatorComponent","icon","create","flexGrow","padding","flexDirection","justifyContent","alignItems","width","borderRadius"],"sourceRoot":"../../../../src","sources":["screen/conversation/Conversations.tsx"],"mappings":"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
|
|
1
|
+
{"version":3,"names":["View","Text","FlatList","StyleSheet","Image","TouchableOpacity","RefreshControl","React","widgetsConversations","useQuery","dayjs","images","FAB","getAttachmentUrl","Conversations","props","customerId","visitorId","integrationId","bgColor","brand","newChatIcon","console","log","data","loading","refetch","variables","refreshing","setRefreshing","useState","onRefresh","useCallback","setTimeout","renderItem","_ref","_item$participatedUse","item","source","avatar","name","participatedUsers","length","_item$participatedUse2","_item$participatedUse3","_item$participatedUse4","_item$participatedUse5","uri","details","cache","fullName","createElement","style","styles","itemContainer","onPress","image","resizeMode","flex","marginLeft","fontWeight","color","content","createdAt","format","renderHeader","marginVertical","fontSize","seperator","height","emptyComponent","opacity","contentContainerStyle","contentStyle","showsVerticalScrollIndicator","keyExtractor","_id","onEndReachedThreshold","ListHeaderComponent","refreshControl","colors","tintColor","ListEmptyComponent","ItemSeparatorComponent","backgroundColor","icon","create","flexGrow","padding","flexDirection","justifyContent","alignItems","width","borderRadius"],"sourceRoot":"../../../../src","sources":["screen/conversation/Conversations.tsx"],"mappings":"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"}
|
|
@@ -8,6 +8,7 @@ const Greetings = props => {
|
|
|
8
8
|
const {
|
|
9
9
|
greetings,
|
|
10
10
|
bgColor,
|
|
11
|
+
textColor,
|
|
11
12
|
integrationId,
|
|
12
13
|
hasBack,
|
|
13
14
|
onBack,
|
|
@@ -15,7 +16,7 @@ const Greetings = props => {
|
|
|
15
16
|
} = props;
|
|
16
17
|
return /*#__PURE__*/React.createElement(SafeAreaView, {
|
|
17
18
|
style: {
|
|
18
|
-
backgroundColor: bgColor
|
|
19
|
+
backgroundColor: bgColor
|
|
19
20
|
}
|
|
20
21
|
}, hasBack ? /*#__PURE__*/React.createElement(TouchableOpacity, {
|
|
21
22
|
onPress: () => {
|
|
@@ -33,7 +34,8 @@ const Greetings = props => {
|
|
|
33
34
|
}, /*#__PURE__*/React.createElement(Text, {
|
|
34
35
|
style: {
|
|
35
36
|
fontWeight: '600',
|
|
36
|
-
fontSize: 18
|
|
37
|
+
fontSize: 18,
|
|
38
|
+
color: textColor
|
|
37
39
|
}
|
|
38
40
|
}, greetings === null || greetings === void 0 ? void 0 : (_greetings$messages = greetings.messages) === null || _greetings$messages === void 0 ? void 0 : (_greetings$messages$g = _greetings$messages.greetings) === null || _greetings$messages$g === void 0 ? void 0 : _greetings$messages$g.title), /*#__PURE__*/React.createElement(View, {
|
|
39
41
|
style: {
|
|
@@ -44,7 +46,8 @@ const Greetings = props => {
|
|
|
44
46
|
})), /*#__PURE__*/React.createElement(Text, {
|
|
45
47
|
style: {
|
|
46
48
|
marginTop: 20,
|
|
47
|
-
color:
|
|
49
|
+
color: textColor,
|
|
50
|
+
opacity: 0.8
|
|
48
51
|
}
|
|
49
52
|
}, 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, {
|
|
50
53
|
integrationId: integrationId
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["View","Text","StyleSheet","SafeAreaView","TouchableOpacity","React","Social","Supporters","Greetings","props","_greetings$messages","_greetings$messages$g","_greetings$messages2","_greetings$messages2$","greetings","bgColor","integrationId","hasBack","onBack","backIcon","createElement","style","backgroundColor","onPress","styles","backStyle","title","marginTop","fontWeight","fontSize","messages","links","
|
|
1
|
+
{"version":3,"names":["View","Text","StyleSheet","SafeAreaView","TouchableOpacity","React","Social","Supporters","Greetings","props","_greetings$messages","_greetings$messages$g","_greetings$messages2","_greetings$messages2$","greetings","bgColor","textColor","integrationId","hasBack","onBack","backIcon","createElement","style","backgroundColor","onPress","styles","backStyle","title","marginTop","fontWeight","fontSize","color","messages","links","opacity","message","create","paddingVertical","paddingHorizontal","borderTopLeftRadius","borderTopRightRadius","width","height","marginLeft","borderRadius","justifyContent","alignItems"],"sourceRoot":"../../../../src","sources":["screen/greetings/Greetings.tsx"],"mappings":"AAAA;AACA,SACEA,IAAI,EACJC,IAAI,EACJC,UAAU,EACVC,YAAY,EACZC,gBAAgB,QACX,cAAc;AACrB,OAAOC,KAAK,MAAM,OAAO;AACzB,OAAOC,MAAM,MAAM,UAAU;AAC7B,OAAOC,UAAU,MAAM,cAAc;AAErC,MAAMC,SAAS,GAAIC,KAAU,IAAK;EAAA,IAAAC,mBAAA,EAAAC,qBAAA,EAAAC,oBAAA,EAAAC,qBAAA;EAChC,MAAM;IACJC,SAAS;IACTC,OAAO;IACPC,SAAS;IACTC,aAAa;IACbC,OAAO;IACPC,MAAM;IACNC;EACF,CAAC,GAAGX,KAAK;EAET,oBACEJ,KAAA,CAAAgB,aAAA,CAAClB,YAAY;IAACmB,KAAK,EAAE;MAAEC,eAAe,EAAER;IAAQ;EAAE,GAC/CG,OAAO,gBACNb,KAAA,CAAAgB,aAAA,CAACjB,gBAAgB;IACfoB,OAAO,EAAEA,CAAA,KAAM;MACbL,MAAM,CAAC,CAAC;IACV,CAAE;IACFG,KAAK,EAAE,CACLG,MAAM,CAACC,SAAS,EAChB;MACEH,eAAe,EAAE;IACnB,CAAC;EACD,GAEDH,QACe,CAAC,GACjB,IAAI,eACRf,KAAA,CAAAgB,aAAA,CAACrB,IAAI;IAACsB,KAAK,EAAE,CAACG,MAAM,CAACE,KAAK;EAAE,gBAC1BtB,KAAA,CAAAgB,aAAA,CAACrB,IAAI;IAACsB,KAAK,EAAE;MAAEM,SAAS,EAAE;IAAG;EAAE,gBAC7BvB,KAAA,CAAAgB,aAAA,CAACpB,IAAI;IAACqB,KAAK,EAAE;MAAEO,UAAU,EAAE,KAAK;MAAEC,QAAQ,EAAE,EAAE;MAAEC,KAAK,EAAEf;IAAU;EAAE,GAChEF,SAAS,aAATA,SAAS,wBAAAJ,mBAAA,GAATI,SAAS,CAAEkB,QAAQ,cAAAtB,mBAAA,wBAAAC,qBAAA,GAAnBD,mBAAA,CAAqBI,SAAS,cAAAH,qBAAA,uBAA9BA,qBAAA,CAAgCgB,KAC7B,CAAC,eACPtB,KAAA,CAAAgB,aAAA,CAACrB,IAAI;IAACsB,KAAK,EAAE;MAAEM,SAAS,EAAE;IAAG;EAAE,gBAC7BvB,KAAA,CAAAgB,aAAA,CAACf,MAAM;IAAC2B,KAAK,EAAEnB,SAAS,aAATA,SAAS,uBAATA,SAAS,CAAEmB;EAAM,CAAE,CAC9B,CAAC,eACP5B,KAAA,CAAAgB,aAAA,CAACpB,IAAI;IAACqB,KAAK,EAAE;MAAEM,SAAS,EAAE,EAAE;MAAEG,KAAK,EAAEf,SAAS;MAAEkB,OAAO,EAAE;IAAI;EAAE,GAC5DpB,SAAS,aAATA,SAAS,wBAAAF,oBAAA,GAATE,SAAS,CAAEkB,QAAQ,cAAApB,oBAAA,wBAAAC,qBAAA,GAAnBD,oBAAA,CAAqBE,SAAS,cAAAD,qBAAA,uBAA9BA,qBAAA,CAAgCsB,OAC7B,CACF,CAAC,eACP9B,KAAA,CAAAgB,aAAA,CAACd,UAAU;IAACU,aAAa,EAAEA;EAAc,CAAE,CACvC,CACM,CAAC;AAEnB,CAAC;AAED,eAAeT,SAAS;AAExB,MAAMiB,MAAM,GAAGvB,UAAU,CAACkC,MAAM,CAAC;EAC/BT,KAAK,EAAE;IACLU,eAAe,EAAE,EAAE;IACnBC,iBAAiB,EAAE,EAAE;IACrBC,mBAAmB,EAAE,CAAC;IACtBC,oBAAoB,EAAE;EACxB,CAAC;EAEDd,SAAS,EAAE;IACTe,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE,EAAE;IACVC,UAAU,EAAE,EAAE;IACdC,YAAY,EAAE,EAAE;IAChBC,cAAc,EAAE,QAAQ;IACxBC,UAAU,EAAE;EACd;AACF,CAAC,CAAC"}
|
|
@@ -24,7 +24,10 @@ const Supporters = props => {
|
|
|
24
24
|
var _supporter$details;
|
|
25
25
|
const color = supporter !== null && supporter !== void 0 && supporter.isOnline ? '#3ccc38' : 'white';
|
|
26
26
|
return /*#__PURE__*/React.createElement(View, {
|
|
27
|
-
key: index
|
|
27
|
+
key: index,
|
|
28
|
+
style: {
|
|
29
|
+
marginLeft: index === 0 ? 0 : 10
|
|
30
|
+
}
|
|
28
31
|
}, /*#__PURE__*/React.createElement(Image, {
|
|
29
32
|
source: {
|
|
30
33
|
uri: supporter === null || supporter === void 0 ? void 0 : (_supporter$details = supporter.details) === null || _supporter$details === void 0 ? void 0 : _supporter$details.avatar
|
|
@@ -39,7 +42,8 @@ const Supporters = props => {
|
|
|
39
42
|
};
|
|
40
43
|
return /*#__PURE__*/React.createElement(View, {
|
|
41
44
|
style: {
|
|
42
|
-
marginTop: 10
|
|
45
|
+
marginTop: 10,
|
|
46
|
+
flexDirection: 'row'
|
|
43
47
|
}
|
|
44
48
|
}, 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
49
|
return renderSupporter(supporter, index);
|
|
@@ -53,8 +57,8 @@ const styles = StyleSheet.create({
|
|
|
53
57
|
borderRadius: 90
|
|
54
58
|
},
|
|
55
59
|
activeStatus: {
|
|
56
|
-
width:
|
|
57
|
-
height:
|
|
60
|
+
width: 13,
|
|
61
|
+
height: 13,
|
|
58
62
|
borderRadius: 90,
|
|
59
63
|
position: 'absolute',
|
|
60
64
|
bottom: 0,
|
|
@@ -1 +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","
|
|
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","style","marginLeft","source","uri","details","avatar","styles","image","resizeMode","backgroundColor","activeStatus","marginTop","flexDirection","filter","isActive","map","create","width","height","borderRadius","position","bottom","left"],"sourceRoot":"../../../../src","sources":["screen/greetings/Supporters.tsx"],"mappings":"AAAA;AACA,SAASA,IAAI,EAAEC,KAAK,EAAEC,UAAU,QAAQ,cAAc;AACtD,OAAOC,KAAK,MAAM,OAAO;AACzB,SAASC,QAAQ,QAAQ,gBAAgB;AACzC,SAASC,0BAA0B,QAAQ,qBAAqB;AAEhE,MAAMC,UAAU,GAAIC,KAAU,IAAK;EAAA,IAAAC,qBAAA,EAAAC,kBAAA;EACjC,MAAM;IAAEC;EAAc,CAAC,GAAGH,KAAK;EAE/B,MAAM;IAAEI,IAAI;IAAEC;EAAQ,CAAC,GAAGR,QAAQ,CAACC,0BAA0B,EAAE;IAC7DQ,SAAS,EAAE;MACTH;IACF;EACF,CAAC,CAAC;EAEF,IAAIE,OAAO,EAAE;IACX,OAAO,IAAI;EACb;EAEA,MAAME,UAAU,GAAGH,IAAI,aAAJA,IAAI,wBAAAH,qBAAA,GAAJG,IAAI,CAAEN,0BAA0B,cAAAG,qBAAA,uBAAhCA,qBAAA,CAAkCM,UAAU;EAE/D,MAAMC,eAAe,GAAGA,CAACC,SAAc,EAAEC,KAAa,KAAK;IAAA,IAAAC,kBAAA;IACzD,MAAMC,KAAK,GAAGH,SAAS,aAATA,SAAS,eAATA,SAAS,CAAEI,QAAQ,GAAG,SAAS,GAAG,OAAO;IACvD,oBACEjB,KAAA,CAAAkB,aAAA,CAACrB,IAAI;MACHsB,GAAG,EAAEL,KAAM;MACXM,KAAK,EAAE;QACLC,UAAU,EAAEP,KAAK,KAAK,CAAC,GAAG,CAAC,GAAG;MAChC;IAAE,gBAEFd,KAAA,CAAAkB,aAAA,CAACpB,KAAK;MACJwB,MAAM,EAAE;QAAEC,GAAG,EAAEV,SAAS,aAATA,SAAS,wBAAAE,kBAAA,GAATF,SAAS,CAAEW,OAAO,cAAAT,kBAAA,uBAAlBA,kBAAA,CAAoBU;MAAO,CAAE;MAC5CL,KAAK,EAAEM,MAAM,CAACC,KAAM;MACpBC,UAAU,EAAC;IAAQ,CACpB,CAAC,eACF5B,KAAA,CAAAkB,aAAA,CAACrB,IAAI;MAACuB,KAAK,EAAE,CAAC;QAAES,eAAe,EAAEb;MAAM,CAAC,EAAEU,MAAM,CAACI,YAAY;IAAE,CAAE,CAC7D,CAAC;EAEX,CAAC;EAED,oBACE9B,KAAA,CAAAkB,aAAA,CAACrB,IAAI;IAACuB,KAAK,EAAE;MAAEW,SAAS,EAAE,EAAE;MAAEC,aAAa,EAAE;IAAM;EAAE,GAClDrB,UAAU,aAAVA,UAAU,wBAAAL,kBAAA,GAAVK,UAAU,CACPsB,MAAM,CAAEpB,SAAc,IAAKA,SAAS,aAATA,SAAS,uBAATA,SAAS,CAAEqB,QAAQ,CAAC,cAAA5B,kBAAA,uBADlDA,kBAAA,CAEG6B,GAAG,CAAC,CAACtB,SAAc,EAAEC,KAAa,KAAK;IACvC,OAAOF,eAAe,CAACC,SAAS,EAAEC,KAAK,CAAC;EAC1C,CAAC,CACC,CAAC;AAEX,CAAC;AAED,eAAeX,UAAU;AAEzB,MAAMuB,MAAM,GAAG3B,UAAU,CAACqC,MAAM,CAAC;EAC/BT,KAAK,EAAE;IACLU,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE,EAAE;IACVC,YAAY,EAAE;EAChB,CAAC;EACDT,YAAY,EAAE;IACZO,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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Widget.d.ts","sourceRoot":"","sources":["../../src/Widget.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,QAAA,MAAM,MAAM,UAAW,GAAG,
|
|
1
|
+
{"version":3,"file":"Widget.d.ts","sourceRoot":"","sources":["../../src/Widget.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,QAAA,MAAM,MAAM,UAAW,GAAG,6BAwEzB,CAAC;AAEF,eAAe,MAAM,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Conversations.d.ts","sourceRoot":"","sources":["../../../../src/screen/conversation/Conversations.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,MAAM,OAAO,CAAC;AAQ1B,QAAA,MAAM,aAAa,UAAW,GAAG,
|
|
1
|
+
{"version":3,"file":"Conversations.d.ts","sourceRoot":"","sources":["../../../../src/screen/conversation/Conversations.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,MAAM,OAAO,CAAC;AAQ1B,QAAA,MAAM,aAAa,UAAW,GAAG,6BA8HhC,CAAC;AAEF,eAAe,aAAa,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Greetings.d.ts","sourceRoot":"","sources":["../../../../src/screen/greetings/Greetings.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,QAAA,MAAM,SAAS,UAAW,GAAG,
|
|
1
|
+
{"version":3,"file":"Greetings.d.ts","sourceRoot":"","sources":["../../../../src/screen/greetings/Greetings.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,QAAA,MAAM,SAAS,UAAW,GAAG,sBA4C5B,CAAC;AAEF,eAAe,SAAS,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Supporters.d.ts","sourceRoot":"","sources":["../../../../src/screen/greetings/Supporters.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,QAAA,MAAM,UAAU,UAAW,GAAG,
|
|
1
|
+
{"version":3,"file":"Supporters.d.ts","sourceRoot":"","sources":["../../../../src/screen/greetings/Supporters.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,QAAA,MAAM,UAAU,UAAW,GAAG,6BA2C7B,CAAC;AAEF,eAAe,UAAU,CAAC"}
|
package/package.json
CHANGED
package/src/Widget.tsx
CHANGED
|
@@ -39,114 +39,48 @@ const Widget = (props: any) => {
|
|
|
39
39
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
40
40
|
}, []);
|
|
41
41
|
|
|
42
|
-
const bgColor =
|
|
42
|
+
const bgColor =
|
|
43
|
+
response?.data?.widgetsMessengerConnect?.uiOptions?.color || '#5629b6';
|
|
43
44
|
const integrationId = response?.data?.widgetsMessengerConnect?.integrationId;
|
|
44
45
|
const brand = response?.data?.widgetsMessengerConnect?.brand;
|
|
46
|
+
const textColor =
|
|
47
|
+
response?.data?.widgetsMessengerConnect?.uiOptions?.textColor || '#fff';
|
|
45
48
|
|
|
46
49
|
if (!integrationId) {
|
|
47
50
|
return null;
|
|
48
51
|
}
|
|
49
52
|
|
|
53
|
+
const greetingProps = {
|
|
54
|
+
greetings: response?.data?.widgetsMessengerConnect?.messengerData,
|
|
55
|
+
integrationId,
|
|
56
|
+
hasBack,
|
|
57
|
+
onBack,
|
|
58
|
+
backIcon,
|
|
59
|
+
bgColor,
|
|
60
|
+
textColor,
|
|
61
|
+
brand,
|
|
62
|
+
};
|
|
63
|
+
|
|
64
|
+
const conversationProps = {
|
|
65
|
+
customerId: connection?.cachedCustomerId,
|
|
66
|
+
visitorId: connection?.visitorId,
|
|
67
|
+
integrationId,
|
|
68
|
+
bgColor,
|
|
69
|
+
brand,
|
|
70
|
+
newChatIcon,
|
|
71
|
+
textColor,
|
|
72
|
+
};
|
|
73
|
+
|
|
50
74
|
return (
|
|
51
75
|
<View style={styles.container}>
|
|
52
|
-
<Greetings
|
|
53
|
-
|
|
54
|
-
bgColor={bgColor}
|
|
55
|
-
integrationId={integrationId}
|
|
56
|
-
hasBack={hasBack}
|
|
57
|
-
onBack={onBack}
|
|
58
|
-
backIcon={backIcon}
|
|
59
|
-
/>
|
|
60
|
-
{/* <TabBar index={index} setIndex={setIndex} bgColor={bgColor} /> */}
|
|
61
|
-
{/* {index === 0 ? ( */}
|
|
62
|
-
<Conversations
|
|
63
|
-
customerId={connection?.cachedCustomerId}
|
|
64
|
-
visitorId={connection?.visitorId}
|
|
65
|
-
integrationId={integrationId}
|
|
66
|
-
bgColor={bgColor}
|
|
67
|
-
brand={brand}
|
|
68
|
-
newChatIcon={newChatIcon}
|
|
69
|
-
/>
|
|
70
|
-
{/* ) : (
|
|
71
|
-
<FAQ knowledgeBaseTopicId={knowledgeBaseTopicId} />
|
|
72
|
-
)} */}
|
|
76
|
+
<Greetings {...greetingProps} />
|
|
77
|
+
<Conversations {...conversationProps} />
|
|
73
78
|
</View>
|
|
74
79
|
);
|
|
75
80
|
};
|
|
76
81
|
|
|
77
82
|
export default Widget;
|
|
78
83
|
|
|
79
|
-
// const TabBar = (props: any) => {
|
|
80
|
-
// const { index, setIndex, bgColor } = props;
|
|
81
|
-
// return (
|
|
82
|
-
// <View
|
|
83
|
-
// style={{
|
|
84
|
-
// backgroundColor: '#fff',
|
|
85
|
-
// flexDirection: 'row',
|
|
86
|
-
// padding: 3,
|
|
87
|
-
// marginBottom: 3,
|
|
88
|
-
// borderColor: '#E5E5E5',
|
|
89
|
-
// borderWidth: 0.3,
|
|
90
|
-
// }}
|
|
91
|
-
// >
|
|
92
|
-
// <TouchableOpacity onPress={() => setIndex(0)} style={{ flex: 1 }}>
|
|
93
|
-
// <View
|
|
94
|
-
// style={{
|
|
95
|
-
// backgroundColor: index === 0 ? bgColor : 'transparent',
|
|
96
|
-
// borderRadius: 5,
|
|
97
|
-
// shadowColor: bgColor,
|
|
98
|
-
// shadowOffset: {
|
|
99
|
-
// width: 0,
|
|
100
|
-
// height: index === 0 ? 2 : 0,
|
|
101
|
-
// },
|
|
102
|
-
// shadowOpacity: 0.5,
|
|
103
|
-
// shadowRadius: index === 0 ? 3.84 : 0,
|
|
104
|
-
// elevation: index === 0 ? 5 : 0,
|
|
105
|
-
// }}
|
|
106
|
-
// >
|
|
107
|
-
// <Text
|
|
108
|
-
// style={{
|
|
109
|
-
// textAlign: 'center',
|
|
110
|
-
// color: index === 0 ? 'white' : 'black',
|
|
111
|
-
// paddingVertical: 10,
|
|
112
|
-
// fontWeight: '600',
|
|
113
|
-
// }}
|
|
114
|
-
// >
|
|
115
|
-
// Support
|
|
116
|
-
// </Text>
|
|
117
|
-
// </View>
|
|
118
|
-
// </TouchableOpacity>
|
|
119
|
-
// <TouchableOpacity
|
|
120
|
-
// onPress={() => setIndex(1)}
|
|
121
|
-
// style={{
|
|
122
|
-
// flex: 1,
|
|
123
|
-
// backgroundColor: index === 1 ? bgColor : 'transparent',
|
|
124
|
-
// borderRadius: 5,
|
|
125
|
-
// shadowColor: bgColor,
|
|
126
|
-
// shadowOffset: {
|
|
127
|
-
// width: 0,
|
|
128
|
-
// height: index === 1 ? 2 : 0,
|
|
129
|
-
// },
|
|
130
|
-
// shadowOpacity: 0.5,
|
|
131
|
-
// shadowRadius: index === 1 ? 3.84 : 0,
|
|
132
|
-
// elevation: index === 1 ? 5 : 0,
|
|
133
|
-
// }}
|
|
134
|
-
// >
|
|
135
|
-
// <Text
|
|
136
|
-
// style={{
|
|
137
|
-
// paddingVertical: 10,
|
|
138
|
-
// color: index === 1 ? 'white' : 'black',
|
|
139
|
-
// textAlign: 'center',
|
|
140
|
-
// fontWeight: '600',
|
|
141
|
-
// }}
|
|
142
|
-
// >
|
|
143
|
-
// FAQ
|
|
144
|
-
// </Text>
|
|
145
|
-
// </TouchableOpacity>
|
|
146
|
-
// </View>
|
|
147
|
-
// );
|
|
148
|
-
// };
|
|
149
|
-
|
|
150
84
|
const styles = StyleSheet.create({
|
|
151
85
|
container: {
|
|
152
86
|
flex: 1,
|
|
@@ -93,6 +93,16 @@ const Conversations = (props: any) => {
|
|
|
93
93
|
return <View style={{ height: 10 }} />;
|
|
94
94
|
};
|
|
95
95
|
|
|
96
|
+
const emptyComponent = () => {
|
|
97
|
+
return (
|
|
98
|
+
<View>
|
|
99
|
+
<Text style={{ opacity: 0.8 }}>
|
|
100
|
+
There is no chat currently right now
|
|
101
|
+
</Text>
|
|
102
|
+
</View>
|
|
103
|
+
);
|
|
104
|
+
};
|
|
105
|
+
|
|
96
106
|
return (
|
|
97
107
|
<View style={{ flex: 1 }}>
|
|
98
108
|
<FlatList
|
|
@@ -111,6 +121,7 @@ const Conversations = (props: any) => {
|
|
|
111
121
|
tintColor={bgColor}
|
|
112
122
|
/>
|
|
113
123
|
}
|
|
124
|
+
ListEmptyComponent={emptyComponent}
|
|
114
125
|
ItemSeparatorComponent={seperator}
|
|
115
126
|
/>
|
|
116
127
|
<FAB
|
|
@@ -126,6 +137,7 @@ const Conversations = (props: any) => {
|
|
|
126
137
|
// brand,
|
|
127
138
|
// })
|
|
128
139
|
}
|
|
140
|
+
backgroundColor={bgColor}
|
|
129
141
|
icon={newChatIcon}
|
|
130
142
|
/>
|
|
131
143
|
</View>
|
|
@@ -11,11 +11,18 @@ import Social from './Social';
|
|
|
11
11
|
import Supporters from './Supporters';
|
|
12
12
|
|
|
13
13
|
const Greetings = (props: any) => {
|
|
14
|
-
const {
|
|
15
|
-
|
|
14
|
+
const {
|
|
15
|
+
greetings,
|
|
16
|
+
bgColor,
|
|
17
|
+
textColor,
|
|
18
|
+
integrationId,
|
|
19
|
+
hasBack,
|
|
20
|
+
onBack,
|
|
21
|
+
backIcon,
|
|
22
|
+
} = props;
|
|
16
23
|
|
|
17
24
|
return (
|
|
18
|
-
<SafeAreaView style={{ backgroundColor: bgColor
|
|
25
|
+
<SafeAreaView style={{ backgroundColor: bgColor }}>
|
|
19
26
|
{hasBack ? (
|
|
20
27
|
<TouchableOpacity
|
|
21
28
|
onPress={() => {
|
|
@@ -33,13 +40,13 @@ const Greetings = (props: any) => {
|
|
|
33
40
|
) : null}
|
|
34
41
|
<View style={[styles.title]}>
|
|
35
42
|
<View style={{ marginTop: 20 }}>
|
|
36
|
-
<Text style={{ fontWeight: '600', fontSize: 18 }}>
|
|
43
|
+
<Text style={{ fontWeight: '600', fontSize: 18, color: textColor }}>
|
|
37
44
|
{greetings?.messages?.greetings?.title}
|
|
38
45
|
</Text>
|
|
39
46
|
<View style={{ marginTop: 20 }}>
|
|
40
47
|
<Social links={greetings?.links} />
|
|
41
48
|
</View>
|
|
42
|
-
<Text style={{ marginTop: 20, color:
|
|
49
|
+
<Text style={{ marginTop: 20, color: textColor, opacity: 0.8 }}>
|
|
43
50
|
{greetings?.messages?.greetings?.message}
|
|
44
51
|
</Text>
|
|
45
52
|
</View>
|
|
@@ -22,7 +22,12 @@ const Supporters = (props: any) => {
|
|
|
22
22
|
const renderSupporter = (supporter: any, index: number) => {
|
|
23
23
|
const color = supporter?.isOnline ? '#3ccc38' : 'white';
|
|
24
24
|
return (
|
|
25
|
-
<View
|
|
25
|
+
<View
|
|
26
|
+
key={index}
|
|
27
|
+
style={{
|
|
28
|
+
marginLeft: index === 0 ? 0 : 10,
|
|
29
|
+
}}
|
|
30
|
+
>
|
|
26
31
|
<Image
|
|
27
32
|
source={{ uri: supporter?.details?.avatar }}
|
|
28
33
|
style={styles.image}
|
|
@@ -34,7 +39,7 @@ const Supporters = (props: any) => {
|
|
|
34
39
|
};
|
|
35
40
|
|
|
36
41
|
return (
|
|
37
|
-
<View style={{ marginTop: 10 }}>
|
|
42
|
+
<View style={{ marginTop: 10, flexDirection: 'row' }}>
|
|
38
43
|
{supporters
|
|
39
44
|
?.filter((supporter: any) => supporter?.isActive)
|
|
40
45
|
?.map((supporter: any, index: number) => {
|
|
@@ -53,8 +58,8 @@ const styles = StyleSheet.create({
|
|
|
53
58
|
borderRadius: 90,
|
|
54
59
|
},
|
|
55
60
|
activeStatus: {
|
|
56
|
-
width:
|
|
57
|
-
height:
|
|
61
|
+
width: 13,
|
|
62
|
+
height: 13,
|
|
58
63
|
borderRadius: 90,
|
|
59
64
|
position: 'absolute',
|
|
60
65
|
bottom: 0,
|