rn-erxes-sdk 0.1.4 → 0.1.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- 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,132 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.default = void 0;
|
|
7
|
+
var _reactNative = require("react-native");
|
|
8
|
+
var _react = _interopRequireDefault(require("react"));
|
|
9
|
+
var _client = require("@apollo/client");
|
|
10
|
+
var _mutation = require("./graphql/mutation");
|
|
11
|
+
var _Greetings = _interopRequireDefault(require("./Greetings"));
|
|
12
|
+
var _Support = _interopRequireDefault(require("./Support"));
|
|
13
|
+
var _FAQ = _interopRequireDefault(require("./FAQ"));
|
|
14
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
15
|
+
/* eslint-disable react-native/no-inline-styles */
|
|
16
|
+
|
|
17
|
+
const Widget = props => {
|
|
18
|
+
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;
|
|
19
|
+
const {
|
|
20
|
+
brandCode
|
|
21
|
+
} = props;
|
|
22
|
+
const [response, setResponse] = _react.default.useState(null);
|
|
23
|
+
const [index, setIndex] = _react.default.useState(0);
|
|
24
|
+
const [connectMutation] = (0, _client.useMutation)(_mutation.connect);
|
|
25
|
+
_react.default.useEffect(() => {
|
|
26
|
+
connectMutation({
|
|
27
|
+
variables: {
|
|
28
|
+
brandCode,
|
|
29
|
+
cachedCustomerId: null,
|
|
30
|
+
visitorId: '20675ab50c23e7c8c615a8f4ab9107e2',
|
|
31
|
+
isUser: false
|
|
32
|
+
}
|
|
33
|
+
}).then(res => {
|
|
34
|
+
setResponse(res);
|
|
35
|
+
console.log(res);
|
|
36
|
+
}).catch(err => {
|
|
37
|
+
console.log(err);
|
|
38
|
+
});
|
|
39
|
+
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
40
|
+
}, []);
|
|
41
|
+
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;
|
|
42
|
+
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;
|
|
43
|
+
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;
|
|
44
|
+
return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
|
|
45
|
+
style: styles.container
|
|
46
|
+
}, /*#__PURE__*/_react.default.createElement(_Greetings.default, {
|
|
47
|
+
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,
|
|
48
|
+
bgColor: bgColor,
|
|
49
|
+
integrationId: integrationId
|
|
50
|
+
}), /*#__PURE__*/_react.default.createElement(TabBar, {
|
|
51
|
+
index: index,
|
|
52
|
+
setIndex: setIndex,
|
|
53
|
+
bgColor: bgColor
|
|
54
|
+
}), index === 0 ? /*#__PURE__*/_react.default.createElement(_Support.default, {
|
|
55
|
+
customerId: '7o6DA3tFhM5EXRWZX',
|
|
56
|
+
integrationId: integrationId
|
|
57
|
+
}) : /*#__PURE__*/_react.default.createElement(_FAQ.default, {
|
|
58
|
+
knowledgeBaseTopicId: knowledgeBaseTopicId
|
|
59
|
+
}));
|
|
60
|
+
};
|
|
61
|
+
var _default = Widget;
|
|
62
|
+
exports.default = _default;
|
|
63
|
+
const TabBar = props => {
|
|
64
|
+
const {
|
|
65
|
+
index,
|
|
66
|
+
setIndex,
|
|
67
|
+
bgColor
|
|
68
|
+
} = props;
|
|
69
|
+
return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
|
|
70
|
+
style: {
|
|
71
|
+
backgroundColor: '#fff',
|
|
72
|
+
flexDirection: 'row',
|
|
73
|
+
padding: 3,
|
|
74
|
+
marginBottom: 3,
|
|
75
|
+
borderColor: '#E5E5E5',
|
|
76
|
+
borderWidth: 0.3
|
|
77
|
+
}
|
|
78
|
+
}, /*#__PURE__*/_react.default.createElement(_reactNative.TouchableOpacity, {
|
|
79
|
+
onPress: () => setIndex(0),
|
|
80
|
+
style: {
|
|
81
|
+
flex: 1
|
|
82
|
+
}
|
|
83
|
+
}, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
|
|
84
|
+
style: {
|
|
85
|
+
backgroundColor: index === 0 ? bgColor : 'transparent',
|
|
86
|
+
borderRadius: 5,
|
|
87
|
+
shadowColor: bgColor,
|
|
88
|
+
shadowOffset: {
|
|
89
|
+
width: 0,
|
|
90
|
+
height: index === 0 ? 2 : 0
|
|
91
|
+
},
|
|
92
|
+
shadowOpacity: 0.5,
|
|
93
|
+
shadowRadius: index === 0 ? 3.84 : 0,
|
|
94
|
+
elevation: index === 0 ? 5 : 0
|
|
95
|
+
}
|
|
96
|
+
}, /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
|
|
97
|
+
style: {
|
|
98
|
+
textAlign: 'center',
|
|
99
|
+
color: index === 0 ? 'white' : 'black',
|
|
100
|
+
paddingVertical: 10,
|
|
101
|
+
fontWeight: '600'
|
|
102
|
+
}
|
|
103
|
+
}, "Support"))), /*#__PURE__*/_react.default.createElement(_reactNative.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
|
+
}, /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
|
|
119
|
+
style: {
|
|
120
|
+
paddingVertical: 10,
|
|
121
|
+
color: index === 1 ? 'white' : 'black',
|
|
122
|
+
textAlign: 'center',
|
|
123
|
+
fontWeight: '600'
|
|
124
|
+
}
|
|
125
|
+
}, "FAQ")));
|
|
126
|
+
};
|
|
127
|
+
const styles = _reactNative.StyleSheet.create({
|
|
128
|
+
container: {
|
|
129
|
+
flex: 1
|
|
130
|
+
}
|
|
131
|
+
});
|
|
132
|
+
//# sourceMappingURL=Widget.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_reactNative","require","_react","_interopRequireDefault","_client","_mutation","_Greetings","_Support","_FAQ","obj","__esModule","default","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","React","useState","index","setIndex","connectMutation","useMutation","connect","useEffect","variables","cachedCustomerId","visitorId","isUser","then","res","console","log","catch","err","bgColor","data","widgetsMessengerConnect","uiOptions","color","integrationId","knowledgeBaseTopicId","messengerData","createElement","View","style","styles","container","greetings","TabBar","customerId","_default","exports","backgroundColor","flexDirection","padding","marginBottom","borderColor","borderWidth","TouchableOpacity","onPress","flex","borderRadius","shadowColor","shadowOffset","width","height","shadowOpacity","shadowRadius","elevation","Text","textAlign","paddingVertical","fontWeight","StyleSheet","create"],"sourceRoot":"../../src","sources":["Widget.tsx"],"mappings":";;;;;;AACA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,OAAA,GAAAH,OAAA;AACA,IAAAI,SAAA,GAAAJ,OAAA;AACA,IAAAK,UAAA,GAAAH,sBAAA,CAAAF,OAAA;AACA,IAAAM,QAAA,GAAAJ,sBAAA,CAAAF,OAAA;AACA,IAAAO,IAAA,GAAAL,sBAAA,CAAAF,OAAA;AAAwB,SAAAE,uBAAAM,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAPxB;;AASA,MAAMG,MAAM,GAAIC,KAAU,IAAK;EAAA,IAAAC,cAAA,EAAAC,qBAAA,EAAAC,sBAAA,EAAAC,eAAA,EAAAC,qBAAA,EAAAC,eAAA,EAAAC,qBAAA,EAAAC,sBAAA,EAAAC,eAAA,EAAAC,qBAAA;EAC7B,MAAM;IAAEC;EAAU,CAAC,GAAGX,KAAK;EAC3B,MAAM,CAACY,QAAQ,EAAEC,WAAW,CAAC,GAAGC,cAAK,CAACC,QAAQ,CAAM,IAAI,CAAC;EACzD,MAAM,CAACC,KAAK,EAAEC,QAAQ,CAAC,GAAGH,cAAK,CAACC,QAAQ,CAAS,CAAC,CAAC;EACnD,MAAM,CAACG,eAAe,CAAC,GAAG,IAAAC,mBAAW,EAACC,iBAAO,CAAC;EAE9CN,cAAK,CAACO,SAAS,CAAC,MAAM;IACpBH,eAAe,CAAC;MACdI,SAAS,EAAE;QACTX,SAAS;QACTY,gBAAgB,EAAE,IAAI;QACtBC,SAAS,EAAE,kCAAkC;QAC7CC,MAAM,EAAE;MACV;IACF,CAAC,CAAC,CACCC,IAAI,CAAEC,GAAQ,IAAK;MAClBd,WAAW,CAACc,GAAG,CAAC;MAChBC,OAAO,CAACC,GAAG,CAACF,GAAG,CAAC;IAClB,CAAC,CAAC,CACDG,KAAK,CAAEC,GAAG,IAAK;MACdH,OAAO,CAACC,GAAG,CAACE,GAAG,CAAC;IAClB,CAAC,CAAC;IACJ;EACF,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMC,OAAO,GAAGpB,QAAQ,aAARA,QAAQ,wBAAAX,cAAA,GAARW,QAAQ,CAAEqB,IAAI,cAAAhC,cAAA,wBAAAC,qBAAA,GAAdD,cAAA,CAAgBiC,uBAAuB,cAAAhC,qBAAA,wBAAAC,sBAAA,GAAvCD,qBAAA,CAAyCiC,SAAS,cAAAhC,sBAAA,uBAAlDA,sBAAA,CAAoDiC,KAAK;EACzE,MAAMC,aAAa,GAAGzB,QAAQ,aAARA,QAAQ,wBAAAR,eAAA,GAARQ,QAAQ,CAAEqB,IAAI,cAAA7B,eAAA,wBAAAC,qBAAA,GAAdD,eAAA,CAAgB8B,uBAAuB,cAAA7B,qBAAA,uBAAvCA,qBAAA,CAAyCgC,aAAa;EAC5E,MAAMC,oBAAoB,GACxB1B,QAAQ,aAARA,QAAQ,wBAAAN,eAAA,GAARM,QAAQ,CAAEqB,IAAI,cAAA3B,eAAA,wBAAAC,qBAAA,GAAdD,eAAA,CAAgB4B,uBAAuB,cAAA3B,qBAAA,wBAAAC,sBAAA,GAAvCD,qBAAA,CAAyCgC,aAAa,cAAA/B,sBAAA,uBAAtDA,sBAAA,CACI8B,oBAAoB;EAE1B,oBACEjD,MAAA,CAAAS,OAAA,CAAA0C,aAAA,CAACrD,YAAA,CAAAsD,IAAI;IAACC,KAAK,EAAEC,MAAM,CAACC;EAAU,gBAC5BvD,MAAA,CAAAS,OAAA,CAAA0C,aAAA,CAAC/C,UAAA,CAAAK,OAAS;IACR+C,SAAS,EAAEjC,QAAQ,aAARA,QAAQ,wBAAAH,eAAA,GAARG,QAAQ,CAAEqB,IAAI,cAAAxB,eAAA,wBAAAC,qBAAA,GAAdD,eAAA,CAAgByB,uBAAuB,cAAAxB,qBAAA,uBAAvCA,qBAAA,CAAyC6B,aAAc;IAClEP,OAAO,EAAEA,OAAQ;IACjBK,aAAa,EAAEA;EAAc,CAC9B,CAAC,eACFhD,MAAA,CAAAS,OAAA,CAAA0C,aAAA,CAACM,MAAM;IAAC9B,KAAK,EAAEA,KAAM;IAACC,QAAQ,EAAEA,QAAS;IAACe,OAAO,EAAEA;EAAQ,CAAE,CAAC,EAC7DhB,KAAK,KAAK,CAAC,gBACV3B,MAAA,CAAAS,OAAA,CAAA0C,aAAA,CAAC9C,QAAA,CAAAI,OAAO;IACNiD,UAAU,EAAE,mBAAoB;IAChCV,aAAa,EAAEA;EAAc,CAC9B,CAAC,gBAEFhD,MAAA,CAAAS,OAAA,CAAA0C,aAAA,CAAC7C,IAAA,CAAAG,OAAG;IAACwC,oBAAoB,EAAEA;EAAqB,CAAE,CAEhD,CAAC;AAEX,CAAC;AAAC,IAAAU,QAAA,GAEajD,MAAM;AAAAkD,OAAA,CAAAnD,OAAA,GAAAkD,QAAA;AAErB,MAAMF,MAAM,GAAI9C,KAAU,IAAK;EAC7B,MAAM;IAAEgB,KAAK;IAAEC,QAAQ;IAAEe;EAAQ,CAAC,GAAGhC,KAAK;EAC1C,oBACEX,MAAA,CAAAS,OAAA,CAAA0C,aAAA,CAACrD,YAAA,CAAAsD,IAAI;IACHC,KAAK,EAAE;MACLQ,eAAe,EAAE,MAAM;MACvBC,aAAa,EAAE,KAAK;MACpBC,OAAO,EAAE,CAAC;MACVC,YAAY,EAAE,CAAC;MACfC,WAAW,EAAE,SAAS;MACtBC,WAAW,EAAE;IACf;EAAE,gBAEFlE,MAAA,CAAAS,OAAA,CAAA0C,aAAA,CAACrD,YAAA,CAAAqE,gBAAgB;IAACC,OAAO,EAAEA,CAAA,KAAMxC,QAAQ,CAAC,CAAC,CAAE;IAACyB,KAAK,EAAE;MAAEgB,IAAI,EAAE;IAAE;EAAE,gBAC/DrE,MAAA,CAAAS,OAAA,CAAA0C,aAAA,CAACrD,YAAA,CAAAsD,IAAI;IACHC,KAAK,EAAE;MACLQ,eAAe,EAAElC,KAAK,KAAK,CAAC,GAAGgB,OAAO,GAAG,aAAa;MACtD2B,YAAY,EAAE,CAAC;MACfC,WAAW,EAAE5B,OAAO;MACpB6B,YAAY,EAAE;QACZC,KAAK,EAAE,CAAC;QACRC,MAAM,EAAE/C,KAAK,KAAK,CAAC,GAAG,CAAC,GAAG;MAC5B,CAAC;MACDgD,aAAa,EAAE,GAAG;MAClBC,YAAY,EAAEjD,KAAK,KAAK,CAAC,GAAG,IAAI,GAAG,CAAC;MACpCkD,SAAS,EAAElD,KAAK,KAAK,CAAC,GAAG,CAAC,GAAG;IAC/B;EAAE,gBAEF3B,MAAA,CAAAS,OAAA,CAAA0C,aAAA,CAACrD,YAAA,CAAAgF,IAAI;IACHzB,KAAK,EAAE;MACL0B,SAAS,EAAE,QAAQ;MACnBhC,KAAK,EAAEpB,KAAK,KAAK,CAAC,GAAG,OAAO,GAAG,OAAO;MACtCqD,eAAe,EAAE,EAAE;MACnBC,UAAU,EAAE;IACd;EAAE,GACH,SAEK,CACF,CACU,CAAC,eACnBjF,MAAA,CAAAS,OAAA,CAAA0C,aAAA,CAACrD,YAAA,CAAAqE,gBAAgB;IACfC,OAAO,EAAEA,CAAA,KAAMxC,QAAQ,CAAC,CAAC,CAAE;IAC3ByB,KAAK,EAAE;MACLgB,IAAI,EAAE,CAAC;MACPR,eAAe,EAAElC,KAAK,KAAK,CAAC,GAAGgB,OAAO,GAAG,aAAa;MACtD2B,YAAY,EAAE,CAAC;MACfC,WAAW,EAAE5B,OAAO;MACpB6B,YAAY,EAAE;QACZC,KAAK,EAAE,CAAC;QACRC,MAAM,EAAE/C,KAAK,KAAK,CAAC,GAAG,CAAC,GAAG;MAC5B,CAAC;MACDgD,aAAa,EAAE,GAAG;MAClBC,YAAY,EAAEjD,KAAK,KAAK,CAAC,GAAG,IAAI,GAAG,CAAC;MACpCkD,SAAS,EAAElD,KAAK,KAAK,CAAC,GAAG,CAAC,GAAG;IAC/B;EAAE,gBAEF3B,MAAA,CAAAS,OAAA,CAAA0C,aAAA,CAACrD,YAAA,CAAAgF,IAAI;IACHzB,KAAK,EAAE;MACL2B,eAAe,EAAE,EAAE;MACnBjC,KAAK,EAAEpB,KAAK,KAAK,CAAC,GAAG,OAAO,GAAG,OAAO;MACtCoD,SAAS,EAAE,QAAQ;MACnBE,UAAU,EAAE;IACd;EAAE,GACH,KAEK,CACU,CACd,CAAC;AAEX,CAAC;AAED,MAAM3B,MAAM,GAAG4B,uBAAU,CAACC,MAAM,CAAC;EAC/B5B,SAAS,EAAE;IACTc,IAAI,EAAE;EACR;AACF,CAAC,CAAC"}
|
|
@@ -0,0 +1,55 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.wsLink = exports.default = exports.apiUrl = void 0;
|
|
7
|
+
var _core = require("@apollo/client/core");
|
|
8
|
+
var _error = require("@apollo/client/link/error");
|
|
9
|
+
var _utilities = require("@apollo/client/utilities");
|
|
10
|
+
var _graphqlWs = require("graphql-ws");
|
|
11
|
+
var _subscriptions = require("@apollo/client/link/subscriptions");
|
|
12
|
+
const baseUrl = 'office.erxes.io/gateway';
|
|
13
|
+
const apiUrl = `https://${baseUrl}`;
|
|
14
|
+
|
|
15
|
+
// Subscription config
|
|
16
|
+
exports.apiUrl = apiUrl;
|
|
17
|
+
const wsLink = new _subscriptions.GraphQLWsLink((0, _graphqlWs.createClient)({
|
|
18
|
+
url: `wss://${baseUrl}/graphql` || 'ws://localhost:4000/graphql',
|
|
19
|
+
retryAttempts: 1000,
|
|
20
|
+
retryWait: async () => {
|
|
21
|
+
await new Promise(resolve => setTimeout(resolve, 5000));
|
|
22
|
+
}
|
|
23
|
+
}));
|
|
24
|
+
exports.wsLink = wsLink;
|
|
25
|
+
const logoutLink = (0, _error.onError)(_ref => {
|
|
26
|
+
let {
|
|
27
|
+
networkError,
|
|
28
|
+
graphQLErrors
|
|
29
|
+
} = _ref;
|
|
30
|
+
console.log('--netError', networkError);
|
|
31
|
+
console.log('--gqlError', graphQLErrors);
|
|
32
|
+
});
|
|
33
|
+
const httpLink = (0, _core.createHttpLink)({
|
|
34
|
+
uri: `${apiUrl}/graphql`,
|
|
35
|
+
credentials: 'include'
|
|
36
|
+
});
|
|
37
|
+
const splitLink = (0, _core.split)(_ref2 => {
|
|
38
|
+
let {
|
|
39
|
+
query
|
|
40
|
+
} = _ref2;
|
|
41
|
+
const definition = (0, _utilities.getMainDefinition)(query);
|
|
42
|
+
return definition.kind === 'OperationDefinition' && definition.operation === 'subscription';
|
|
43
|
+
}, wsLink, (0, _core.from)([logoutLink, httpLink]));
|
|
44
|
+
const ClientProvider = () => new _core.ApolloClient({
|
|
45
|
+
link: splitLink,
|
|
46
|
+
cache: new _core.InMemoryCache(),
|
|
47
|
+
defaultOptions: {
|
|
48
|
+
watchQuery: {
|
|
49
|
+
fetchPolicy: 'network-only'
|
|
50
|
+
}
|
|
51
|
+
}
|
|
52
|
+
});
|
|
53
|
+
var _default = ClientProvider;
|
|
54
|
+
exports.default = _default;
|
|
55
|
+
//# sourceMappingURL=apolloClient.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_core","require","_error","_utilities","_graphqlWs","_subscriptions","baseUrl","apiUrl","exports","wsLink","GraphQLWsLink","createClient","url","retryAttempts","retryWait","Promise","resolve","setTimeout","logoutLink","onError","_ref","networkError","graphQLErrors","console","log","httpLink","createHttpLink","uri","credentials","splitLink","split","_ref2","query","definition","getMainDefinition","kind","operation","from","ClientProvider","ApolloClient","link","cache","InMemoryCache","defaultOptions","watchQuery","fetchPolicy","_default","default"],"sourceRoot":"../../src","sources":["apolloClient.ts"],"mappings":";;;;;;AAAA,IAAAA,KAAA,GAAAC,OAAA;AAOA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,UAAA,GAAAF,OAAA;AACA,IAAAG,UAAA,GAAAH,OAAA;AACA,IAAAI,cAAA,GAAAJ,OAAA;AAEA,MAAMK,OAAO,GAAG,yBAAyB;AAElC,MAAMC,MAAM,GAAI,WAAUD,OAAQ,EAAC;;AAE1C;AAAAE,OAAA,CAAAD,MAAA,GAAAA,MAAA;AACO,MAAME,MAAW,GAAG,IAAIC,4BAAa,CAC1C,IAAAC,uBAAY,EAAC;EACXC,GAAG,EAAG,SAAQN,OAAQ,UAAS,IAAI,6BAA6B;EAChEO,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;AAACR,OAAA,CAAAC,MAAA,GAAAA,MAAA;AAEF,MAAMS,UAAU,GAAG,IAAAC,cAAO,EAACC,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,GAAG,IAAAC,oBAAc,EAAC;EAC9BC,GAAG,EAAG,GAAEpB,MAAO,UAAS;EACxBqB,WAAW,EAAE;AACf,CAAC,CAAC;AAEF,MAAMC,SAAS,GAAG,IAAAC,WAAK,EACrBC,KAAA,IAAe;EAAA,IAAd;IAAEC;EAAM,CAAC,GAAAD,KAAA;EACR,MAAME,UAAU,GAAG,IAAAC,4BAAiB,EAACF,KAAK,CAAC;EAC3C,OACEC,UAAU,CAACE,IAAI,KAAK,qBAAqB,IACzCF,UAAU,CAACG,SAAS,KAAK,cAAc;AAE3C,CAAC,EACD3B,MAAM,EACN,IAAA4B,UAAI,EAAC,CAACnB,UAAU,EAAEO,QAAQ,CAAC,CAC7B,CAAC;AAED,MAAMa,cAAc,GAAGA,CAAA,KACrB,IAAIC,kBAAY,CAAC;EACfC,IAAI,EAAEX,SAAS;EACfY,KAAK,EAAE,IAAIC,mBAAa,CAAC,CAAC;EAC1BC,cAAc,EAAE;IAAEC,UAAU,EAAE;MAAEC,WAAW,EAAE;IAAe;EAAE;AAChE,CAAC,CAAC;AAAC,IAAAC,QAAA,GAEUR,cAAc;AAAA9B,OAAA,CAAAuC,OAAA,GAAAD,QAAA"}
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.default = void 0;
|
|
7
|
+
const images = {
|
|
8
|
+
facebook: require('./Facebook.png'),
|
|
9
|
+
youtube: require('./Youtube.png'),
|
|
10
|
+
twitter: require('./Twitter.png'),
|
|
11
|
+
avatar: require('./avatar.png')
|
|
12
|
+
};
|
|
13
|
+
var _default = images;
|
|
14
|
+
exports.default = _default;
|
|
15
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["images","facebook","require","youtube","twitter","avatar","_default","exports","default"],"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;AAAC,IAAAI,QAAA,GAEaN,MAAM;AAAAO,OAAA,CAAAC,OAAA,GAAAF,QAAA"}
|
|
@@ -0,0 +1,108 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.widgetsMessengerSupporters = exports.widgetsConversations = exports.knowledgeBaseTopicDetail = exports.knowledgeBaseCategoryDetail = void 0;
|
|
7
|
+
var _client = require("@apollo/client");
|
|
8
|
+
const widgetsMessengerSupporters = (0, _client.gql)`
|
|
9
|
+
query widgetsMessengerSupporters($integrationId: String!) {
|
|
10
|
+
widgetsMessengerSupporters(integrationId: $integrationId) {
|
|
11
|
+
supporters {
|
|
12
|
+
_id
|
|
13
|
+
isActive
|
|
14
|
+
details {
|
|
15
|
+
avatar
|
|
16
|
+
fullName
|
|
17
|
+
shortName
|
|
18
|
+
location
|
|
19
|
+
__typename
|
|
20
|
+
}
|
|
21
|
+
isOnline
|
|
22
|
+
__typename
|
|
23
|
+
}
|
|
24
|
+
isOnline
|
|
25
|
+
__typename
|
|
26
|
+
}
|
|
27
|
+
}
|
|
28
|
+
`;
|
|
29
|
+
exports.widgetsMessengerSupporters = widgetsMessengerSupporters;
|
|
30
|
+
const widgetsConversations = (0, _client.gql)`
|
|
31
|
+
query widgetsConversations(
|
|
32
|
+
$integrationId: String!
|
|
33
|
+
$customerId: String
|
|
34
|
+
$visitorId: String
|
|
35
|
+
) {
|
|
36
|
+
widgetsConversations(
|
|
37
|
+
integrationId: $integrationId
|
|
38
|
+
customerId: $customerId
|
|
39
|
+
visitorId: $visitorId
|
|
40
|
+
) {
|
|
41
|
+
_id
|
|
42
|
+
content
|
|
43
|
+
createdAt
|
|
44
|
+
participatedUsers {
|
|
45
|
+
details {
|
|
46
|
+
avatar
|
|
47
|
+
fullName
|
|
48
|
+
__typename
|
|
49
|
+
}
|
|
50
|
+
__typename
|
|
51
|
+
}
|
|
52
|
+
__typename
|
|
53
|
+
}
|
|
54
|
+
}
|
|
55
|
+
`;
|
|
56
|
+
exports.widgetsConversations = widgetsConversations;
|
|
57
|
+
const knowledgeBaseTopicDetail = (0, _client.gql)`
|
|
58
|
+
query knowledgeBaseTopicDetail($_id: String!) {
|
|
59
|
+
knowledgeBaseTopicDetail(_id: $_id) {
|
|
60
|
+
title
|
|
61
|
+
description
|
|
62
|
+
categories {
|
|
63
|
+
_id
|
|
64
|
+
title
|
|
65
|
+
description
|
|
66
|
+
numOfArticles
|
|
67
|
+
parentCategoryId
|
|
68
|
+
icon
|
|
69
|
+
__typename
|
|
70
|
+
}
|
|
71
|
+
parentCategories {
|
|
72
|
+
_id
|
|
73
|
+
title
|
|
74
|
+
description
|
|
75
|
+
numOfArticles
|
|
76
|
+
parentCategoryId
|
|
77
|
+
icon
|
|
78
|
+
__typename
|
|
79
|
+
}
|
|
80
|
+
__typename
|
|
81
|
+
}
|
|
82
|
+
}
|
|
83
|
+
`;
|
|
84
|
+
exports.knowledgeBaseTopicDetail = knowledgeBaseTopicDetail;
|
|
85
|
+
const knowledgeBaseCategoryDetail = (0, _client.gql)`
|
|
86
|
+
query knowledgeBaseCategoryDetail($_id: String!) {
|
|
87
|
+
knowledgeBaseCategoryDetail(_id: $_id) {
|
|
88
|
+
_id
|
|
89
|
+
title
|
|
90
|
+
description
|
|
91
|
+
numOfArticles
|
|
92
|
+
parentCategoryId
|
|
93
|
+
icon
|
|
94
|
+
parentCategoryId
|
|
95
|
+
articles {
|
|
96
|
+
_id
|
|
97
|
+
title
|
|
98
|
+
summary
|
|
99
|
+
content
|
|
100
|
+
createdDate
|
|
101
|
+
__typename
|
|
102
|
+
}
|
|
103
|
+
__typename
|
|
104
|
+
}
|
|
105
|
+
}
|
|
106
|
+
`;
|
|
107
|
+
exports.knowledgeBaseCategoryDetail = knowledgeBaseCategoryDetail;
|
|
108
|
+
//# sourceMappingURL=graphql.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_client","require","widgetsMessengerSupporters","gql","exports","widgetsConversations","knowledgeBaseTopicDetail","knowledgeBaseCategoryDetail"],"sourceRoot":"../../../src","sources":["graphql/graphql.ts"],"mappings":";;;;;;AAAA,IAAAA,OAAA,GAAAC,OAAA;AAEA,MAAMC,0BAA0B,GAAG,IAAAC,WAAG,CAAC;AACvC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC;AAACC,OAAA,CAAAF,0BAAA,GAAAA,0BAAA;AAEF,MAAMG,oBAAoB,GAAG,IAAAF,WAAG,CAAC;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;AAACC,OAAA,CAAAC,oBAAA,GAAAA,oBAAA;AAEF,MAAMC,wBAAwB,GAAG,IAAAH,WAAG,CAAC;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;AAACC,OAAA,CAAAE,wBAAA,GAAAA,wBAAA;AAEF,MAAMC,2BAA2B,GAAG,IAAAJ,WAAG,CAAC;AACxC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC;AAACC,OAAA,CAAAG,2BAAA,GAAAA,2BAAA"}
|
|
@@ -0,0 +1,47 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.connect = void 0;
|
|
7
|
+
var _client = require("@apollo/client");
|
|
8
|
+
const connect = (0, _client.gql)`
|
|
9
|
+
mutation connect(
|
|
10
|
+
$brandCode: String!
|
|
11
|
+
$email: String
|
|
12
|
+
$phone: String
|
|
13
|
+
$code: String
|
|
14
|
+
$isUser: Boolean
|
|
15
|
+
$data: JSON
|
|
16
|
+
$companyData: JSON
|
|
17
|
+
$cachedCustomerId: String
|
|
18
|
+
$visitorId: String
|
|
19
|
+
) {
|
|
20
|
+
widgetsMessengerConnect(
|
|
21
|
+
brandCode: $brandCode
|
|
22
|
+
email: $email
|
|
23
|
+
phone: $phone
|
|
24
|
+
code: $code
|
|
25
|
+
isUser: $isUser
|
|
26
|
+
data: $data
|
|
27
|
+
companyData: $companyData
|
|
28
|
+
cachedCustomerId: $cachedCustomerId
|
|
29
|
+
visitorId: $visitorId
|
|
30
|
+
) {
|
|
31
|
+
integrationId
|
|
32
|
+
messengerData
|
|
33
|
+
languageCode
|
|
34
|
+
uiOptions
|
|
35
|
+
customerId
|
|
36
|
+
visitorId
|
|
37
|
+
brand {
|
|
38
|
+
name
|
|
39
|
+
description
|
|
40
|
+
__typename
|
|
41
|
+
}
|
|
42
|
+
__typename
|
|
43
|
+
}
|
|
44
|
+
}
|
|
45
|
+
`;
|
|
46
|
+
exports.connect = connect;
|
|
47
|
+
//# sourceMappingURL=mutation.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_client","require","connect","gql","exports"],"sourceRoot":"../../../src","sources":["graphql/mutation.ts"],"mappings":";;;;;;AAAA,IAAAA,OAAA,GAAAC,OAAA;AAEA,MAAMC,OAAO,GAAG,IAAAC,WAAG,CAAC;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;AAACC,OAAA,CAAAF,OAAA,GAAAA,OAAA"}
|
package/lib/module/App.js
CHANGED
|
@@ -1,51 +1,16 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import {
|
|
3
|
-
import
|
|
2
|
+
import { ApolloProvider } from '@apollo/client';
|
|
3
|
+
import ClientProvider from './apolloClient';
|
|
4
|
+
import Widget from './Widget';
|
|
4
5
|
const ErxesSDK = _ref => {
|
|
5
6
|
let {
|
|
6
|
-
|
|
7
|
+
brandCode
|
|
7
8
|
} = _ref;
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
};
|
|
14
|
-
return /*#__PURE__*/React.createElement(WebView, {
|
|
15
|
-
ref: () => {},
|
|
16
|
-
source: Platform.OS === 'ios' ? require('./index.html') : {
|
|
17
|
-
uri: 'file:///android_asset/index.html'
|
|
18
|
-
},
|
|
19
|
-
originWhitelist: ['*'],
|
|
20
|
-
sharedCookiesEnabled: true,
|
|
21
|
-
cacheEnabled: true,
|
|
22
|
-
allowFileAccess: true,
|
|
23
|
-
domStorageEnabled: true,
|
|
24
|
-
thirdPartyCookiesEnabled: true
|
|
25
|
-
// allowingReadAccessToURL
|
|
26
|
-
// style={{ width: 200 }}
|
|
27
|
-
,
|
|
28
|
-
onLoadEnd: syntheticEvent => {
|
|
29
|
-
// update component to be aware of loading status
|
|
30
|
-
const {
|
|
31
|
-
nativeEvent
|
|
32
|
-
} = syntheticEvent;
|
|
33
|
-
console.log(nativeEvent.loading);
|
|
34
|
-
},
|
|
35
|
-
javaScriptEnabled: true,
|
|
36
|
-
onError: er => {
|
|
37
|
-
console.log(er);
|
|
38
|
-
},
|
|
39
|
-
startInLoadingState: true
|
|
40
|
-
// renderLoading={() => <Loader />}
|
|
41
|
-
,
|
|
42
|
-
injectedJavaScript: script
|
|
43
|
-
// injectedJavaScriptBeforeContentLoaded={runFirst}
|
|
44
|
-
|
|
45
|
-
// onNavigationStateChange={this.handleWebViewNavigationStateChange}
|
|
46
|
-
,
|
|
47
|
-
onMessage: onMessage
|
|
48
|
-
});
|
|
9
|
+
return /*#__PURE__*/React.createElement(ApolloProvider, {
|
|
10
|
+
client: ClientProvider()
|
|
11
|
+
}, /*#__PURE__*/React.createElement(Widget, {
|
|
12
|
+
brandCode: brandCode
|
|
13
|
+
}));
|
|
49
14
|
};
|
|
50
15
|
export default ErxesSDK;
|
|
51
16
|
//# sourceMappingURL=App.js.map
|
package/lib/module/App.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","
|
|
1
|
+
{"version":3,"names":["React","ApolloProvider","ClientProvider","Widget","ErxesSDK","_ref","brandCode","createElement","client"],"sourceRoot":"../../src","sources":["App.tsx"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,cAAc,QAAQ,gBAAgB;AAC/C,OAAOC,cAAc,MAAM,gBAAgB;AAC3C,OAAOC,MAAM,MAAM,UAAU;AAM7B,MAAMC,QAA6B,GAAGC,IAAA,IAAmB;EAAA,IAAlB;IAAEC;EAAU,CAAC,GAAAD,IAAA;EAClD,oBACEL,KAAA,CAAAO,aAAA,CAACN,cAAc;IAACO,MAAM,EAAEN,cAAc,CAAC;EAAE,gBACvCF,KAAA,CAAAO,aAAA,CAACJ,MAAM;IAACG,SAAS,EAAEA;EAAU,CAAE,CACjB,CAAC;AAErB,CAAC;AAED,eAAeF,QAAQ"}
|
|
@@ -0,0 +1,165 @@
|
|
|
1
|
+
/* eslint-disable react-native/no-inline-styles */
|
|
2
|
+
import { View, Text, StyleSheet, FlatList, TouchableOpacity, ActivityIndicator } from 'react-native';
|
|
3
|
+
import React, { useState } from 'react';
|
|
4
|
+
import { useQuery } from '@apollo/client';
|
|
5
|
+
import { knowledgeBaseCategoryDetail, knowledgeBaseTopicDetail } from './graphql/graphql';
|
|
6
|
+
const FAQ = props => {
|
|
7
|
+
var _data$knowledgeBaseTo4, _data$knowledgeBaseTo5, _data$knowledgeBaseTo6;
|
|
8
|
+
const {
|
|
9
|
+
knowledgeBaseTopicId
|
|
10
|
+
} = props;
|
|
11
|
+
const [selectedParent, setSelectedParent] = useState('');
|
|
12
|
+
const [selectedCategory, setSelectedCategory] = useState('');
|
|
13
|
+
const {
|
|
14
|
+
data,
|
|
15
|
+
loading
|
|
16
|
+
} = useQuery(knowledgeBaseTopicDetail, {
|
|
17
|
+
variables: {
|
|
18
|
+
_id: knowledgeBaseTopicId
|
|
19
|
+
}
|
|
20
|
+
});
|
|
21
|
+
const {
|
|
22
|
+
data: dataCategory,
|
|
23
|
+
loading: loadingCategory
|
|
24
|
+
} = useQuery(knowledgeBaseCategoryDetail, {
|
|
25
|
+
variables: {
|
|
26
|
+
_id: selectedCategory === null || selectedCategory === void 0 ? void 0 : selectedCategory._id
|
|
27
|
+
},
|
|
28
|
+
skip: !selectedCategory
|
|
29
|
+
});
|
|
30
|
+
if (loading) {
|
|
31
|
+
return null;
|
|
32
|
+
}
|
|
33
|
+
const renderItem = _ref => {
|
|
34
|
+
var _data$knowledgeBaseTo, _data$knowledgeBaseTo2, _data$knowledgeBaseTo3;
|
|
35
|
+
let {
|
|
36
|
+
item,
|
|
37
|
+
index
|
|
38
|
+
} = _ref;
|
|
39
|
+
const isParent = (item === null || item === void 0 ? void 0 : item.parentCategoryId) === null;
|
|
40
|
+
const childrenCount = isParent ? data === null || data === void 0 ? void 0 : (_data$knowledgeBaseTo = data.knowledgeBaseTopicDetail) === null || _data$knowledgeBaseTo === void 0 ? void 0 : (_data$knowledgeBaseTo2 = _data$knowledgeBaseTo.categories) === null || _data$knowledgeBaseTo2 === void 0 ? void 0 : (_data$knowledgeBaseTo3 = _data$knowledgeBaseTo2.filter(e => (e === null || e === void 0 ? void 0 : e.parentCategoryId) === (item === null || item === void 0 ? void 0 : item._id))) === null || _data$knowledgeBaseTo3 === void 0 ? void 0 : _data$knowledgeBaseTo3.length : item === null || item === void 0 ? void 0 : item.numOfArticles;
|
|
41
|
+
return /*#__PURE__*/React.createElement(TouchableOpacity, {
|
|
42
|
+
key: index,
|
|
43
|
+
onPress: () => {
|
|
44
|
+
if ((item === null || item === void 0 ? void 0 : item.parentCategoryId) === null) {
|
|
45
|
+
return setSelectedParent(item);
|
|
46
|
+
}
|
|
47
|
+
return setSelectedCategory(item);
|
|
48
|
+
},
|
|
49
|
+
style: styles.container
|
|
50
|
+
}, /*#__PURE__*/React.createElement(Text, null, item === null || item === void 0 ? void 0 : item.title, " (", childrenCount, ")"), /*#__PURE__*/React.createElement(Text, {
|
|
51
|
+
style: {
|
|
52
|
+
color: '#393C40',
|
|
53
|
+
marginTop: 5
|
|
54
|
+
}
|
|
55
|
+
}, item === null || item === void 0 ? void 0 : item.description));
|
|
56
|
+
};
|
|
57
|
+
const renderArticles = _ref2 => {
|
|
58
|
+
let {
|
|
59
|
+
item,
|
|
60
|
+
index
|
|
61
|
+
} = _ref2;
|
|
62
|
+
return /*#__PURE__*/React.createElement(TouchableOpacity, {
|
|
63
|
+
key: index,
|
|
64
|
+
style: styles.container
|
|
65
|
+
}, /*#__PURE__*/React.createElement(Text, null, item === null || item === void 0 ? void 0 : item.title), /*#__PURE__*/React.createElement(Text, {
|
|
66
|
+
style: {
|
|
67
|
+
marginTop: 5,
|
|
68
|
+
color: '#393C40'
|
|
69
|
+
}
|
|
70
|
+
}, item === null || item === void 0 ? void 0 : item.summary));
|
|
71
|
+
};
|
|
72
|
+
const renderCategoryDetail = () => {
|
|
73
|
+
var _dataCategory$knowled;
|
|
74
|
+
if (loadingCategory) {
|
|
75
|
+
return /*#__PURE__*/React.createElement(View, {
|
|
76
|
+
style: {
|
|
77
|
+
marginTop: 20,
|
|
78
|
+
alignItems: 'center'
|
|
79
|
+
}
|
|
80
|
+
}, /*#__PURE__*/React.createElement(ActivityIndicator, null));
|
|
81
|
+
}
|
|
82
|
+
return /*#__PURE__*/React.createElement(FlatList, {
|
|
83
|
+
data: dataCategory === null || dataCategory === void 0 ? void 0 : (_dataCategory$knowled = dataCategory.knowledgeBaseCategoryDetail) === null || _dataCategory$knowled === void 0 ? void 0 : _dataCategory$knowled.articles,
|
|
84
|
+
renderItem: renderArticles,
|
|
85
|
+
keyExtractor: item => item.id,
|
|
86
|
+
contentContainerStyle: {
|
|
87
|
+
gap: 10,
|
|
88
|
+
paddingBottom: 60
|
|
89
|
+
},
|
|
90
|
+
ItemSeparatorComponent: seperator
|
|
91
|
+
// eslint-disable-next-line react/no-unstable-nested-components
|
|
92
|
+
,
|
|
93
|
+
ListHeaderComponent: () => {
|
|
94
|
+
return /*#__PURE__*/React.createElement(TouchableOpacity, {
|
|
95
|
+
style: {
|
|
96
|
+
backgroundColor: '#f7f6f9',
|
|
97
|
+
padding: 5
|
|
98
|
+
},
|
|
99
|
+
onPress: () => {
|
|
100
|
+
setSelectedCategory('');
|
|
101
|
+
}
|
|
102
|
+
}, /*#__PURE__*/React.createElement(Text, {
|
|
103
|
+
style: {
|
|
104
|
+
marginLeft: 5
|
|
105
|
+
}
|
|
106
|
+
}, "Back to Categories"));
|
|
107
|
+
}
|
|
108
|
+
});
|
|
109
|
+
};
|
|
110
|
+
const header = () => {
|
|
111
|
+
return /*#__PURE__*/React.createElement(TouchableOpacity, {
|
|
112
|
+
style: {
|
|
113
|
+
backgroundColor: '#f7f6f9',
|
|
114
|
+
padding: 5
|
|
115
|
+
},
|
|
116
|
+
onPress: () => {
|
|
117
|
+
setSelectedParent('');
|
|
118
|
+
}
|
|
119
|
+
}, /*#__PURE__*/React.createElement(Text, {
|
|
120
|
+
style: {
|
|
121
|
+
marginLeft: 5
|
|
122
|
+
}
|
|
123
|
+
}, "Back to FAQ"));
|
|
124
|
+
};
|
|
125
|
+
const seperator = () => {
|
|
126
|
+
return /*#__PURE__*/React.createElement(View, {
|
|
127
|
+
style: {
|
|
128
|
+
height: 1,
|
|
129
|
+
backgroundColor: '#000',
|
|
130
|
+
marginTop: 10
|
|
131
|
+
}
|
|
132
|
+
});
|
|
133
|
+
};
|
|
134
|
+
return /*#__PURE__*/React.createElement(View, {
|
|
135
|
+
style: {
|
|
136
|
+
flex: 1
|
|
137
|
+
}
|
|
138
|
+
}, selectedCategory ? renderCategoryDetail() : selectedParent ? /*#__PURE__*/React.createElement(FlatList, {
|
|
139
|
+
data: data === null || data === void 0 ? void 0 : (_data$knowledgeBaseTo4 = data.knowledgeBaseTopicDetail) === null || _data$knowledgeBaseTo4 === void 0 ? void 0 : (_data$knowledgeBaseTo5 = _data$knowledgeBaseTo4.categories) === null || _data$knowledgeBaseTo5 === void 0 ? void 0 : _data$knowledgeBaseTo5.filter(e => (e === null || e === void 0 ? void 0 : e.parentCategoryId) === (selectedParent === null || selectedParent === void 0 ? void 0 : selectedParent._id)),
|
|
140
|
+
renderItem: renderItem,
|
|
141
|
+
keyExtractor: item => item.id,
|
|
142
|
+
contentContainerStyle: {
|
|
143
|
+
gap: 10,
|
|
144
|
+
paddingBottom: 60
|
|
145
|
+
},
|
|
146
|
+
ItemSeparatorComponent: seperator,
|
|
147
|
+
ListHeaderComponent: header
|
|
148
|
+
}) : /*#__PURE__*/React.createElement(FlatList, {
|
|
149
|
+
data: data === null || data === void 0 ? void 0 : (_data$knowledgeBaseTo6 = data.knowledgeBaseTopicDetail) === null || _data$knowledgeBaseTo6 === void 0 ? void 0 : _data$knowledgeBaseTo6.parentCategories,
|
|
150
|
+
renderItem: renderItem,
|
|
151
|
+
keyExtractor: item => item.id,
|
|
152
|
+
contentContainerStyle: {
|
|
153
|
+
gap: 10
|
|
154
|
+
},
|
|
155
|
+
ItemSeparatorComponent: seperator
|
|
156
|
+
}));
|
|
157
|
+
};
|
|
158
|
+
export default FAQ;
|
|
159
|
+
const styles = StyleSheet.create({
|
|
160
|
+
container: {
|
|
161
|
+
marginTop: 10,
|
|
162
|
+
marginHorizontal: 10
|
|
163
|
+
}
|
|
164
|
+
});
|
|
165
|
+
//# sourceMappingURL=FAQ.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["View","Text","StyleSheet","FlatList","TouchableOpacity","ActivityIndicator","React","useState","useQuery","knowledgeBaseCategoryDetail","knowledgeBaseTopicDetail","FAQ","props","_data$knowledgeBaseTo4","_data$knowledgeBaseTo5","_data$knowledgeBaseTo6","knowledgeBaseTopicId","selectedParent","setSelectedParent","selectedCategory","setSelectedCategory","data","loading","variables","_id","dataCategory","loadingCategory","skip","renderItem","_ref","_data$knowledgeBaseTo","_data$knowledgeBaseTo2","_data$knowledgeBaseTo3","item","index","isParent","parentCategoryId","childrenCount","categories","filter","e","length","numOfArticles","createElement","key","onPress","style","styles","container","title","color","marginTop","description","renderArticles","_ref2","summary","renderCategoryDetail","_dataCategory$knowled","alignItems","articles","keyExtractor","id","contentContainerStyle","gap","paddingBottom","ItemSeparatorComponent","seperator","ListHeaderComponent","backgroundColor","padding","marginLeft","header","height","flex","parentCategories","create","marginHorizontal"],"sourceRoot":"../../src","sources":["FAQ.tsx"],"mappings":"AAAA;AACA,SACEA,IAAI,EACJC,IAAI,EACJC,UAAU,EACVC,QAAQ,EACRC,gBAAgB,EAChBC,iBAAiB,QACZ,cAAc;AACrB,OAAOC,KAAK,IAAIC,QAAQ,QAAQ,OAAO;AACvC,SAASC,QAAQ,QAAQ,gBAAgB;AACzC,SACEC,2BAA2B,EAC3BC,wBAAwB,QACnB,mBAAmB;AAE1B,MAAMC,GAAG,GAAIC,KAAU,IAAK;EAAA,IAAAC,sBAAA,EAAAC,sBAAA,EAAAC,sBAAA;EAC1B,MAAM;IAAEC;EAAqB,CAAC,GAAGJ,KAAK;EAEtC,MAAM,CAACK,cAAc,EAAEC,iBAAiB,CAAC,GAAGX,QAAQ,CAAM,EAAE,CAAC;EAC7D,MAAM,CAACY,gBAAgB,EAAEC,mBAAmB,CAAC,GAAGb,QAAQ,CAAM,EAAE,CAAC;EAEjE,MAAM;IAAEc,IAAI;IAAEC;EAAQ,CAAC,GAAGd,QAAQ,CAACE,wBAAwB,EAAE;IAC3Da,SAAS,EAAE;MACTC,GAAG,EAAER;IACP;EACF,CAAC,CAAC;EAEF,MAAM;IAAEK,IAAI,EAAEI,YAAY;IAAEH,OAAO,EAAEI;EAAgB,CAAC,GAAGlB,QAAQ,CAC/DC,2BAA2B,EAC3B;IACEc,SAAS,EAAE;MACTC,GAAG,EAAEL,gBAAgB,aAAhBA,gBAAgB,uBAAhBA,gBAAgB,CAAEK;IACzB,CAAC;IACDG,IAAI,EAAE,CAACR;EACT,CACF,CAAC;EAED,IAAIG,OAAO,EAAE;IACX,OAAO,IAAI;EACb;EAEA,MAAMM,UAAU,GAAGC,IAAA,IAA0B;IAAA,IAAAC,qBAAA,EAAAC,sBAAA,EAAAC,sBAAA;IAAA,IAAzB;MAAEC,IAAI;MAAEC;IAAW,CAAC,GAAAL,IAAA;IACtC,MAAMM,QAAQ,GAAG,CAAAF,IAAI,aAAJA,IAAI,uBAAJA,IAAI,CAAEG,gBAAgB,MAAK,IAAI;IAChD,MAAMC,aAAa,GAAGF,QAAQ,GAC1Bd,IAAI,aAAJA,IAAI,wBAAAS,qBAAA,GAAJT,IAAI,CAAEX,wBAAwB,cAAAoB,qBAAA,wBAAAC,sBAAA,GAA9BD,qBAAA,CAAgCQ,UAAU,cAAAP,sBAAA,wBAAAC,sBAAA,GAA1CD,sBAAA,CAA4CQ,MAAM,CAC/CC,CAAM,IAAK,CAAAA,CAAC,aAADA,CAAC,uBAADA,CAAC,CAAEJ,gBAAgB,OAAKH,IAAI,aAAJA,IAAI,uBAAJA,IAAI,CAAET,GAAG,CAC/C,CAAC,cAAAQ,sBAAA,uBAFDA,sBAAA,CAEGS,MAAM,GACTR,IAAI,aAAJA,IAAI,uBAAJA,IAAI,CAAES,aAAa;IACvB,oBACEpC,KAAA,CAAAqC,aAAA,CAACvC,gBAAgB;MACfwC,GAAG,EAAEV,KAAM;MACXW,OAAO,EAAEA,CAAA,KAAM;QACb,IAAI,CAAAZ,IAAI,aAAJA,IAAI,uBAAJA,IAAI,CAAEG,gBAAgB,MAAK,IAAI,EAAE;UACnC,OAAOlB,iBAAiB,CAACe,IAAI,CAAC;QAChC;QACA,OAAOb,mBAAmB,CAACa,IAAI,CAAC;MAClC,CAAE;MACFa,KAAK,EAAEC,MAAM,CAACC;IAAU,gBAExB1C,KAAA,CAAAqC,aAAA,CAAC1C,IAAI,QACFgC,IAAI,aAAJA,IAAI,uBAAJA,IAAI,CAAEgB,KAAK,EAAC,IAAE,EAACZ,aAAa,EAAC,GAC1B,CAAC,eACP/B,KAAA,CAAAqC,aAAA,CAAC1C,IAAI;MAAC6C,KAAK,EAAE;QAAEI,KAAK,EAAE,SAAS;QAAEC,SAAS,EAAE;MAAE;IAAE,GAC7ClB,IAAI,aAAJA,IAAI,uBAAJA,IAAI,CAAEmB,WACH,CACU,CAAC;EAEvB,CAAC;EAED,MAAMC,cAAc,GAAGC,KAAA,IAA0B;IAAA,IAAzB;MAAErB,IAAI;MAAEC;IAAW,CAAC,GAAAoB,KAAA;IAC1C,oBACEhD,KAAA,CAAAqC,aAAA,CAACvC,gBAAgB;MAACwC,GAAG,EAAEV,KAAM;MAACY,KAAK,EAAEC,MAAM,CAACC;IAAU,gBACpD1C,KAAA,CAAAqC,aAAA,CAAC1C,IAAI,QAAEgC,IAAI,aAAJA,IAAI,uBAAJA,IAAI,CAAEgB,KAAY,CAAC,eAC1B3C,KAAA,CAAAqC,aAAA,CAAC1C,IAAI;MAAC6C,KAAK,EAAE;QAAEK,SAAS,EAAE,CAAC;QAAED,KAAK,EAAE;MAAU;IAAE,GAAEjB,IAAI,aAAJA,IAAI,uBAAJA,IAAI,CAAEsB,OAAc,CACtD,CAAC;EAEvB,CAAC;EAED,MAAMC,oBAAoB,GAAGA,CAAA,KAAM;IAAA,IAAAC,qBAAA;IACjC,IAAI/B,eAAe,EAAE;MACnB,oBACEpB,KAAA,CAAAqC,aAAA,CAAC3C,IAAI;QAAC8C,KAAK,EAAE;UAAEK,SAAS,EAAE,EAAE;UAAEO,UAAU,EAAE;QAAS;MAAE,gBACnDpD,KAAA,CAAAqC,aAAA,CAACtC,iBAAiB,MAAE,CAChB,CAAC;IAEX;IACA,oBACEC,KAAA,CAAAqC,aAAA,CAACxC,QAAQ;MACPkB,IAAI,EAAEI,YAAY,aAAZA,YAAY,wBAAAgC,qBAAA,GAAZhC,YAAY,CAAEhB,2BAA2B,cAAAgD,qBAAA,uBAAzCA,qBAAA,CAA2CE,QAAS;MAC1D/B,UAAU,EAAEyB,cAAe;MAC3BO,YAAY,EAAG3B,IAAI,IAAKA,IAAI,CAAC4B,EAAG;MAChCC,qBAAqB,EAAE;QAAEC,GAAG,EAAE,EAAE;QAAEC,aAAa,EAAE;MAAG,CAAE;MACtDC,sBAAsB,EAAEC;MACxB;MAAA;MACAC,mBAAmB,EAAEA,CAAA,KAAM;QACzB,oBACE7D,KAAA,CAAAqC,aAAA,CAACvC,gBAAgB;UACf0C,KAAK,EAAE;YAAEsB,eAAe,EAAE,SAAS;YAAEC,OAAO,EAAE;UAAE,CAAE;UAClDxB,OAAO,EAAEA,CAAA,KAAM;YACbzB,mBAAmB,CAAC,EAAE,CAAC;UACzB;QAAE,gBAEFd,KAAA,CAAAqC,aAAA,CAAC1C,IAAI;UAAC6C,KAAK,EAAE;YAAEwB,UAAU,EAAE;UAAE;QAAE,GAAC,oBAAwB,CACxC,CAAC;MAEvB;IAAE,CACH,CAAC;EAEN,CAAC;EAED,MAAMC,MAAM,GAAGA,CAAA,KAAM;IACnB,oBACEjE,KAAA,CAAAqC,aAAA,CAACvC,gBAAgB;MACf0C,KAAK,EAAE;QAAEsB,eAAe,EAAE,SAAS;QAAEC,OAAO,EAAE;MAAE,CAAE;MAClDxB,OAAO,EAAEA,CAAA,KAAM;QACb3B,iBAAiB,CAAC,EAAE,CAAC;MACvB;IAAE,gBAEFZ,KAAA,CAAAqC,aAAA,CAAC1C,IAAI;MAAC6C,KAAK,EAAE;QAAEwB,UAAU,EAAE;MAAE;IAAE,GAAC,aAAiB,CACjC,CAAC;EAEvB,CAAC;EAED,MAAMJ,SAAS,GAAGA,CAAA,KAAM;IACtB,oBACE5D,KAAA,CAAAqC,aAAA,CAAC3C,IAAI;MAAC8C,KAAK,EAAE;QAAE0B,MAAM,EAAE,CAAC;QAAEJ,eAAe,EAAE,MAAM;QAAEjB,SAAS,EAAE;MAAG;IAAE,CAAE,CAAC;EAE1E,CAAC;EAED,oBACE7C,KAAA,CAAAqC,aAAA,CAAC3C,IAAI;IAAC8C,KAAK,EAAE;MAAE2B,IAAI,EAAE;IAAE;EAAE,GACtBtD,gBAAgB,GACfqC,oBAAoB,CAAC,CAAC,GACpBvC,cAAc,gBAChBX,KAAA,CAAAqC,aAAA,CAACxC,QAAQ;IACPkB,IAAI,EAAEA,IAAI,aAAJA,IAAI,wBAAAR,sBAAA,GAAJQ,IAAI,CAAEX,wBAAwB,cAAAG,sBAAA,wBAAAC,sBAAA,GAA9BD,sBAAA,CAAgCyB,UAAU,cAAAxB,sBAAA,uBAA1CA,sBAAA,CAA4CyB,MAAM,CACrDC,CAAM,IAAK,CAAAA,CAAC,aAADA,CAAC,uBAADA,CAAC,CAAEJ,gBAAgB,OAAKnB,cAAc,aAAdA,cAAc,uBAAdA,cAAc,CAAEO,GAAG,CACzD,CAAE;IACFI,UAAU,EAAEA,UAAW;IACvBgC,YAAY,EAAG3B,IAAI,IAAKA,IAAI,CAAC4B,EAAG;IAChCC,qBAAqB,EAAE;MAAEC,GAAG,EAAE,EAAE;MAAEC,aAAa,EAAE;IAAG,CAAE;IACtDC,sBAAsB,EAAEC,SAAU;IAClCC,mBAAmB,EAAEI;EAAO,CAC7B,CAAC,gBAEFjE,KAAA,CAAAqC,aAAA,CAACxC,QAAQ;IACPkB,IAAI,EAAEA,IAAI,aAAJA,IAAI,wBAAAN,sBAAA,GAAJM,IAAI,CAAEX,wBAAwB,cAAAK,sBAAA,uBAA9BA,sBAAA,CAAgC2D,gBAAiB;IACvD9C,UAAU,EAAEA,UAAW;IACvBgC,YAAY,EAAG3B,IAAI,IAAKA,IAAI,CAAC4B,EAAG;IAChCC,qBAAqB,EAAE;MAAEC,GAAG,EAAE;IAAG,CAAE;IACnCE,sBAAsB,EAAEC;EAAU,CACnC,CAEC,CAAC;AAEX,CAAC;AAED,eAAevD,GAAG;AAElB,MAAMoC,MAAM,GAAG7C,UAAU,CAACyE,MAAM,CAAC;EAC/B3B,SAAS,EAAE;IACTG,SAAS,EAAE,EAAE;IACbyB,gBAAgB,EAAE;EACpB;AACF,CAAC,CAAC"}
|