@botonic/react 1.0.0-beta.0 → 1.0.0-dev.2
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/components/button.js +2 -0
- package/lib/components/button.js.map +1 -1
- package/lib/components/components.js +1 -1
- package/lib/components/image.js +47 -5
- package/lib/components/image.js.map +1 -1
- package/lib/components/index.js +6 -6
- package/lib/components/markdown.js +1 -1
- package/lib/components/multichannel/multichannel-utils.js +8 -6
- package/lib/components/multichannel/multichannel-utils.js.map +1 -1
- package/lib/components/timestamps.js +1 -1
- package/lib/constants.js +2 -1
- package/lib/constants.js.map +1 -1
- package/lib/dev-app.js +7 -6
- package/lib/dev-app.js.map +1 -1
- package/lib/index.d.ts +3 -0
- package/lib/index.js +20 -20
- package/lib/message-utils.js +1 -1
- package/lib/util/dom.js +8 -2
- package/lib/util/dom.js.map +1 -1
- package/lib/util/environment.js +1 -1
- package/lib/util/objects.js +1 -1
- package/lib/util/react.js +1 -1
- package/lib/util/webchat.js +1 -1
- package/lib/webchat/actions.js +5 -1
- package/lib/webchat/actions.js.map +1 -1
- package/lib/webchat/devices/device-adapter.js +14 -4
- package/lib/webchat/devices/device-adapter.js.map +1 -1
- package/lib/webchat/devices/scrollbar-controller.js +5 -3
- package/lib/webchat/devices/scrollbar-controller.js.map +1 -1
- package/lib/webchat/header.js +1 -1
- package/lib/webchat/hooks.js +25 -6
- package/lib/webchat/hooks.js.map +1 -1
- package/lib/webchat/index.js +1 -1
- package/lib/webchat/webchat-reducer.js +11 -0
- package/lib/webchat/webchat-reducer.js.map +1 -1
- package/lib/webchat/webchat.js +21 -4
- package/lib/webchat/webchat.js.map +1 -1
- package/lib/webchat/webview.js +1 -1
- package/lib/webchat-app.js +20 -9
- package/lib/webchat-app.js.map +1 -1
- package/package.json +6 -6
- package/src/components/button.jsx +2 -0
- package/src/dev-app.jsx +8 -3
- package/src/experimental/components/message.jsx +8 -2
- package/src/experimental/constants.js +189 -0
- package/src/experimental/contexts.jsx +36 -0
- package/src/experimental/dev-app.jsx +14 -7
- package/src/experimental/index.js +94 -25
- package/src/experimental/msg-to-botonic.jsx +8 -8
- package/src/experimental/react-bot.jsx +1 -1
- package/src/experimental/util/dom.js +55 -0
- package/src/experimental/util/objects.js +39 -0
- package/src/experimental/util/webchat.js +61 -0
- package/src/experimental/webchat/actions.jsx +24 -0
- package/src/experimental/webchat/hooks.js +296 -0
- package/src/experimental/webchat/messages-reducer.js +86 -0
- package/src/experimental/webchat/session-view.jsx +166 -0
- package/src/experimental/webchat/webchat-dev.jsx +23 -19
- package/src/experimental/webchat/webchat-reducer.js +68 -0
- package/src/experimental/webchat/webchat.jsx +109 -82
- package/src/experimental/webchat-app.jsx +39 -15
- package/src/index.d.ts +1 -0
- package/src/util/dom.js +5 -3
- package/src/webchat/actions.jsx +1 -0
- package/src/webchat/devices/device-adapter.js +16 -4
- package/src/webchat/devices/scrollbar-controller.js +9 -4
- package/src/webchat/hooks.js +10 -0
- package/src/webchat/webchat-reducer.js +3 -0
- package/src/webchat/webchat.jsx +2 -1
- package/src/webchat-app.jsx +6 -4
- package/lib/experimental/components/audio.js +0 -46
- package/lib/experimental/components/audio.js.map +0 -1
- package/lib/experimental/components/carousel.js +0 -194
- package/lib/experimental/components/carousel.js.map +0 -1
- package/lib/experimental/components/custom-message.js +0 -132
- package/lib/experimental/components/custom-message.js.map +0 -1
- package/lib/experimental/components/document.js +0 -69
- package/lib/experimental/components/document.js.map +0 -1
- package/lib/experimental/components/image.js +0 -47
- package/lib/experimental/components/image.js.map +0 -1
- package/lib/experimental/components/index.js +0 -184
- package/lib/experimental/components/index.js.map +0 -1
- package/lib/experimental/components/location.js +0 -54
- package/lib/experimental/components/location.js.map +0 -1
- package/lib/experimental/components/markdown.js +0 -103
- package/lib/experimental/components/markdown.js.map +0 -1
- package/lib/experimental/components/message.js +0 -353
- package/lib/experimental/components/message.js.map +0 -1
- package/lib/experimental/components/text.js +0 -80
- package/lib/experimental/components/text.js.map +0 -1
- package/lib/experimental/components/video.js +0 -49
- package/lib/experimental/components/video.js.map +0 -1
- package/lib/experimental/components/whatsapp-template.js +0 -53
- package/lib/experimental/components/whatsapp-template.js.map +0 -1
- package/lib/experimental/dev-app.js +0 -240
- package/lib/experimental/dev-app.js.map +0 -1
- package/lib/experimental/index.js +0 -748
- package/lib/experimental/index.js.map +0 -1
- package/lib/experimental/msg-to-botonic.js +0 -162
- package/lib/experimental/msg-to-botonic.js.map +0 -1
- package/lib/experimental/node-app.js +0 -97
- package/lib/experimental/node-app.js.map +0 -1
- package/lib/experimental/react-bot.js +0 -167
- package/lib/experimental/react-bot.js.map +0 -1
- package/lib/experimental/webchat/assets/Inter-VariableFont_slnt,wght.ttf +0 -0
- package/lib/experimental/webchat/assets/botonic-logo-white.svg +0 -16
- package/lib/experimental/webchat/assets/messenger.svg +0 -10
- package/lib/experimental/webchat/assets/open-new-window.svg +0 -3
- package/lib/experimental/webchat/assets/open.svg +0 -3
- package/lib/experimental/webchat/assets/telegram.svg +0 -10
- package/lib/experimental/webchat/assets/webchat.svg +0 -21
- package/lib/experimental/webchat/assets/whatsapp.svg +0 -4
- package/lib/experimental/webchat/webchat-dev.js +0 -300
- package/lib/experimental/webchat/webchat-dev.js.map +0 -1
- package/lib/experimental/webchat/webchat.js +0 -1044
- package/lib/experimental/webchat/webchat.js.map +0 -1
- package/lib/experimental/webchat-app.js +0 -635
- package/lib/experimental/webchat-app.js.map +0 -1
|
@@ -1,635 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
|
-
var _typeof = require("@babel/runtime/helpers/typeof");
|
|
6
|
-
|
|
7
|
-
Object.defineProperty(exports, "__esModule", {
|
|
8
|
-
value: true
|
|
9
|
-
});
|
|
10
|
-
exports.WebchatApp = void 0;
|
|
11
|
-
|
|
12
|
-
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
13
|
-
|
|
14
|
-
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
|
|
15
|
-
|
|
16
|
-
var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
|
|
17
|
-
|
|
18
|
-
var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
|
|
19
|
-
|
|
20
|
-
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
|
|
21
|
-
|
|
22
|
-
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
|
|
23
|
-
|
|
24
|
-
var _core = require("@botonic/core");
|
|
25
|
-
|
|
26
|
-
var _lodash = _interopRequireDefault(require("lodash.merge"));
|
|
27
|
-
|
|
28
|
-
var _react = _interopRequireWildcard(require("react"));
|
|
29
|
-
|
|
30
|
-
var _reactDom = require("react-dom");
|
|
31
|
-
|
|
32
|
-
var _constants = require("../constants");
|
|
33
|
-
|
|
34
|
-
var _dom = require("../util/dom");
|
|
35
|
-
|
|
36
|
-
var _msgToBotonic = require("./msg-to-botonic");
|
|
37
|
-
|
|
38
|
-
var _webchat = require("./webchat/webchat");
|
|
39
|
-
|
|
40
|
-
var _excluded = ["theme", "persistentMenu", "coverComponent", "blockInputs", "enableAttachments", "enableUserInput", "enableAnimations", "enableEmojiPicker", "defaultDelay", "defaultTyping", "storage", "storageKey", "onInit", "onOpen", "onClose", "onMessage", "appId", "visibility", "server"];
|
|
41
|
-
|
|
42
|
-
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
43
|
-
|
|
44
|
-
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
45
|
-
|
|
46
|
-
var WebchatApp = /*#__PURE__*/function () {
|
|
47
|
-
function WebchatApp(_ref) {
|
|
48
|
-
var _ref$theme = _ref.theme,
|
|
49
|
-
theme = _ref$theme === void 0 ? {} : _ref$theme,
|
|
50
|
-
persistentMenu = _ref.persistentMenu,
|
|
51
|
-
coverComponent = _ref.coverComponent,
|
|
52
|
-
blockInputs = _ref.blockInputs,
|
|
53
|
-
enableEmojiPicker = _ref.enableEmojiPicker,
|
|
54
|
-
enableAttachments = _ref.enableAttachments,
|
|
55
|
-
enableUserInput = _ref.enableUserInput,
|
|
56
|
-
enableAnimations = _ref.enableAnimations,
|
|
57
|
-
hostId = _ref.hostId,
|
|
58
|
-
shadowDOM = _ref.shadowDOM,
|
|
59
|
-
defaultDelay = _ref.defaultDelay,
|
|
60
|
-
defaultTyping = _ref.defaultTyping,
|
|
61
|
-
storage = _ref.storage,
|
|
62
|
-
storageKey = _ref.storageKey,
|
|
63
|
-
onInit = _ref.onInit,
|
|
64
|
-
onOpen = _ref.onOpen,
|
|
65
|
-
onClose = _ref.onClose,
|
|
66
|
-
onMessage = _ref.onMessage,
|
|
67
|
-
appId = _ref.appId,
|
|
68
|
-
visibility = _ref.visibility,
|
|
69
|
-
server = _ref.server;
|
|
70
|
-
(0, _classCallCheck2["default"])(this, WebchatApp);
|
|
71
|
-
this.theme = theme;
|
|
72
|
-
this.persistentMenu = persistentMenu;
|
|
73
|
-
this.coverComponent = coverComponent;
|
|
74
|
-
this.blockInputs = blockInputs;
|
|
75
|
-
this.enableEmojiPicker = enableEmojiPicker;
|
|
76
|
-
this.enableAttachments = enableAttachments;
|
|
77
|
-
this.enableUserInput = enableUserInput;
|
|
78
|
-
this.enableAnimations = enableAnimations;
|
|
79
|
-
this.shadowDOM = Boolean(typeof shadowDOM === 'function' ? shadowDOM() : shadowDOM);
|
|
80
|
-
|
|
81
|
-
if (this.shadowDOM && !(0, _dom.isShadowDOMSupported)()) {
|
|
82
|
-
console.warn('[botonic] ShadowDOM not supported on this browser');
|
|
83
|
-
this.shadowDOM = false;
|
|
84
|
-
}
|
|
85
|
-
|
|
86
|
-
this.hostId = hostId || _constants.WEBCHAT.DEFAULTS.HOST_ID;
|
|
87
|
-
this.defaultDelay = defaultDelay;
|
|
88
|
-
this.defaultTyping = defaultTyping;
|
|
89
|
-
this.storage = storage;
|
|
90
|
-
this.storageKey = storageKey;
|
|
91
|
-
this.onInit = onInit;
|
|
92
|
-
this.onOpen = onOpen;
|
|
93
|
-
this.onClose = onClose;
|
|
94
|
-
this.onMessage = onMessage;
|
|
95
|
-
this.visibility = visibility;
|
|
96
|
-
this.server = server;
|
|
97
|
-
this.webchatRef = /*#__PURE__*/(0, _react.createRef)();
|
|
98
|
-
this.appId = appId;
|
|
99
|
-
}
|
|
100
|
-
|
|
101
|
-
(0, _createClass2["default"])(WebchatApp, [{
|
|
102
|
-
key: "createRootElement",
|
|
103
|
-
value: function createRootElement(host) {
|
|
104
|
-
// Create root element <div id='root'> if not exists
|
|
105
|
-
// Create shadowDOM to root element if needed
|
|
106
|
-
if (host) {
|
|
107
|
-
if (host.id && this.hostId) {
|
|
108
|
-
if (host.id != this.hostId) {
|
|
109
|
-
console.warn("[botonic] Host ID \"".concat(host.id, "\" don't match 'hostId' option: ").concat(this.hostId, ". Using value: ").concat(host.id, "."));
|
|
110
|
-
this.hostId = host.id;
|
|
111
|
-
}
|
|
112
|
-
} else if (host.id) this.hostId = host.id;else if (this.hostId) host.id = this.hostId;
|
|
113
|
-
} else {
|
|
114
|
-
host = document.getElementById(this.hostId);
|
|
115
|
-
}
|
|
116
|
-
|
|
117
|
-
if (!host) {
|
|
118
|
-
host = document.createElement('div');
|
|
119
|
-
host.id = this.hostId;
|
|
120
|
-
if (document.body.firstChild) document.body.insertBefore(host, document.body.firstChild);else document.body.appendChild(host);
|
|
121
|
-
}
|
|
122
|
-
|
|
123
|
-
this.host = this.shadowDOM ? host.attachShadow({
|
|
124
|
-
mode: 'open'
|
|
125
|
-
}) : host;
|
|
126
|
-
}
|
|
127
|
-
}, {
|
|
128
|
-
key: "getReactMountNode",
|
|
129
|
-
value: function getReactMountNode(node) {
|
|
130
|
-
if (!node) node = this.host;
|
|
131
|
-
return node.shadowRoot ? node.shadowRoot : node;
|
|
132
|
-
}
|
|
133
|
-
}, {
|
|
134
|
-
key: "onInitWebchat",
|
|
135
|
-
value: function onInitWebchat() {
|
|
136
|
-
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
137
|
-
args[_key] = arguments[_key];
|
|
138
|
-
}
|
|
139
|
-
|
|
140
|
-
this.onInit && this.onInit.apply(this, [this].concat(args));
|
|
141
|
-
}
|
|
142
|
-
}, {
|
|
143
|
-
key: "onOpenWebchat",
|
|
144
|
-
value: function onOpenWebchat() {
|
|
145
|
-
for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
|
|
146
|
-
args[_key2] = arguments[_key2];
|
|
147
|
-
}
|
|
148
|
-
|
|
149
|
-
this.onOpen && this.onOpen.apply(this, [this].concat(args));
|
|
150
|
-
}
|
|
151
|
-
}, {
|
|
152
|
-
key: "onCloseWebchat",
|
|
153
|
-
value: function onCloseWebchat() {
|
|
154
|
-
for (var _len3 = arguments.length, args = new Array(_len3), _key3 = 0; _key3 < _len3; _key3++) {
|
|
155
|
-
args[_key3] = arguments[_key3];
|
|
156
|
-
}
|
|
157
|
-
|
|
158
|
-
this.onClose && this.onClose.apply(this, [this].concat(args));
|
|
159
|
-
}
|
|
160
|
-
}, {
|
|
161
|
-
key: "onUserInput",
|
|
162
|
-
value: function () {
|
|
163
|
-
var _onUserInput = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee(_ref2) {
|
|
164
|
-
var user, input;
|
|
165
|
-
return _regenerator["default"].wrap(function _callee$(_context) {
|
|
166
|
-
while (1) {
|
|
167
|
-
switch (_context.prev = _context.next) {
|
|
168
|
-
case 0:
|
|
169
|
-
user = _ref2.user, input = _ref2.input;
|
|
170
|
-
this.onMessage && this.onMessage(this, {
|
|
171
|
-
from: _constants.SENDERS.user,
|
|
172
|
-
message: input
|
|
173
|
-
});
|
|
174
|
-
return _context.abrupt("return", this.hubtypeService.postMessage(user, input));
|
|
175
|
-
|
|
176
|
-
case 3:
|
|
177
|
-
case "end":
|
|
178
|
-
return _context.stop();
|
|
179
|
-
}
|
|
180
|
-
}
|
|
181
|
-
}, _callee, this);
|
|
182
|
-
}));
|
|
183
|
-
|
|
184
|
-
function onUserInput(_x) {
|
|
185
|
-
return _onUserInput.apply(this, arguments);
|
|
186
|
-
}
|
|
187
|
-
|
|
188
|
-
return onUserInput;
|
|
189
|
-
}()
|
|
190
|
-
}, {
|
|
191
|
-
key: "onConnectionRegained",
|
|
192
|
-
value: function () {
|
|
193
|
-
var _onConnectionRegained = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee2() {
|
|
194
|
-
return _regenerator["default"].wrap(function _callee2$(_context2) {
|
|
195
|
-
while (1) {
|
|
196
|
-
switch (_context2.prev = _context2.next) {
|
|
197
|
-
case 0:
|
|
198
|
-
return _context2.abrupt("return", this.hubtypeService.onConnectionRegained());
|
|
199
|
-
|
|
200
|
-
case 1:
|
|
201
|
-
case "end":
|
|
202
|
-
return _context2.stop();
|
|
203
|
-
}
|
|
204
|
-
}
|
|
205
|
-
}, _callee2, this);
|
|
206
|
-
}));
|
|
207
|
-
|
|
208
|
-
function onConnectionRegained() {
|
|
209
|
-
return _onConnectionRegained.apply(this, arguments);
|
|
210
|
-
}
|
|
211
|
-
|
|
212
|
-
return onConnectionRegained;
|
|
213
|
-
}()
|
|
214
|
-
}, {
|
|
215
|
-
key: "onStateChange",
|
|
216
|
-
value: function onStateChange(_ref3) {
|
|
217
|
-
var _this = this;
|
|
218
|
-
|
|
219
|
-
var user = _ref3.session.user,
|
|
220
|
-
messagesJSON = _ref3.messagesJSON;
|
|
221
|
-
var lastMessage = messagesJSON[messagesJSON.length - 1];
|
|
222
|
-
var lastMessageId = lastMessage && lastMessage.id;
|
|
223
|
-
var lastMessageUpdateDate = this.getLastMessageUpdate();
|
|
224
|
-
|
|
225
|
-
if (this.hubtypeService) {
|
|
226
|
-
this.hubtypeService.lastMessageId = lastMessageId;
|
|
227
|
-
this.hubtypeService.lastMessageUpdateDate = lastMessageUpdateDate;
|
|
228
|
-
} else if (!this.hubtypeService && user) {
|
|
229
|
-
this.hubtypeService = new _core.HubtypeService({
|
|
230
|
-
appId: this.appId,
|
|
231
|
-
user: user,
|
|
232
|
-
lastMessageId: lastMessageId,
|
|
233
|
-
lastMessageUpdateDate: lastMessageUpdateDate,
|
|
234
|
-
onEvent: function onEvent(event) {
|
|
235
|
-
return _this.onServiceEvent(event);
|
|
236
|
-
},
|
|
237
|
-
unsentInputs: function unsentInputs() {
|
|
238
|
-
return _this.webchatRef.current.getMessages().filter(function (msg) {
|
|
239
|
-
return msg.ack === 0 && msg.unsentInput;
|
|
240
|
-
});
|
|
241
|
-
},
|
|
242
|
-
server: this.server
|
|
243
|
-
});
|
|
244
|
-
}
|
|
245
|
-
}
|
|
246
|
-
}, {
|
|
247
|
-
key: "onServiceEvent",
|
|
248
|
-
value: function onServiceEvent(event) {
|
|
249
|
-
if (event.action === 'connectionChange') this.webchatRef.current.setOnline(event.online);else if (event.action === 'update_message_info') this.updateMessageInfo(event.message.id, event.message);else if (event.message.type === 'update_webchat_settings') this.updateWebchatSettings(event.message.data);else if (event.message.type === 'sender_action') this.setTyping(event.message.data === 'typing_on');else {
|
|
250
|
-
this.onMessage && this.onMessage(this, {
|
|
251
|
-
from: _constants.SENDERS.bot,
|
|
252
|
-
message: event.message
|
|
253
|
-
});
|
|
254
|
-
this.addBotMessage(event.message);
|
|
255
|
-
}
|
|
256
|
-
}
|
|
257
|
-
}, {
|
|
258
|
-
key: "updateUser",
|
|
259
|
-
value: function updateUser(user) {
|
|
260
|
-
this.webchatRef.current.updateUser(user);
|
|
261
|
-
}
|
|
262
|
-
}, {
|
|
263
|
-
key: "addBotMessage",
|
|
264
|
-
value: function addBotMessage(message) {
|
|
265
|
-
this.webchatRef.current.addBotResponse({
|
|
266
|
-
response: (0, _msgToBotonic.msgToBotonic)(message, this.theme.message && this.theme.message.customTypes || this.theme.customMessageTypes)
|
|
267
|
-
});
|
|
268
|
-
}
|
|
269
|
-
}, {
|
|
270
|
-
key: "addBotText",
|
|
271
|
-
value: function addBotText(text) {
|
|
272
|
-
this.addBotMessage({
|
|
273
|
-
type: _core.INPUT.TEXT,
|
|
274
|
-
data: text
|
|
275
|
-
});
|
|
276
|
-
}
|
|
277
|
-
}, {
|
|
278
|
-
key: "addUserMessage",
|
|
279
|
-
value: function addUserMessage(message) {
|
|
280
|
-
this.webchatRef.current.addUserMessage(message);
|
|
281
|
-
}
|
|
282
|
-
}, {
|
|
283
|
-
key: "addUserText",
|
|
284
|
-
value: function addUserText(text) {
|
|
285
|
-
this.webchatRef.current.addUserMessage({
|
|
286
|
-
type: _core.INPUT.TEXT,
|
|
287
|
-
data: text
|
|
288
|
-
});
|
|
289
|
-
}
|
|
290
|
-
}, {
|
|
291
|
-
key: "addUserPayload",
|
|
292
|
-
value: function addUserPayload(payload) {
|
|
293
|
-
this.webchatRef.current.addUserMessage({
|
|
294
|
-
type: _core.INPUT.POSTBACK,
|
|
295
|
-
payload: payload
|
|
296
|
-
});
|
|
297
|
-
}
|
|
298
|
-
}, {
|
|
299
|
-
key: "setTyping",
|
|
300
|
-
value: function setTyping(typing) {
|
|
301
|
-
this.webchatRef.current.setTyping(typing);
|
|
302
|
-
}
|
|
303
|
-
}, {
|
|
304
|
-
key: "open",
|
|
305
|
-
value: function open() {
|
|
306
|
-
this.webchatRef.current.openWebchat();
|
|
307
|
-
}
|
|
308
|
-
}, {
|
|
309
|
-
key: "close",
|
|
310
|
-
value: function close() {
|
|
311
|
-
this.webchatRef.current.closeWebchat();
|
|
312
|
-
}
|
|
313
|
-
}, {
|
|
314
|
-
key: "toggle",
|
|
315
|
-
value: function toggle() {
|
|
316
|
-
this.webchatRef.current.toggleWebchat();
|
|
317
|
-
}
|
|
318
|
-
}, {
|
|
319
|
-
key: "openCoverComponent",
|
|
320
|
-
value: function openCoverComponent() {
|
|
321
|
-
this.webchatRef.current.openCoverComponent();
|
|
322
|
-
}
|
|
323
|
-
}, {
|
|
324
|
-
key: "closeCoverComponent",
|
|
325
|
-
value: function closeCoverComponent() {
|
|
326
|
-
this.webchatRef.current.closeCoverComponent();
|
|
327
|
-
}
|
|
328
|
-
}, {
|
|
329
|
-
key: "toggleCoverComponent",
|
|
330
|
-
value: function toggleCoverComponent() {
|
|
331
|
-
this.webchatRef.current.toggleCoverComponent();
|
|
332
|
-
}
|
|
333
|
-
}, {
|
|
334
|
-
key: "getMessages",
|
|
335
|
-
value: function getMessages() {
|
|
336
|
-
return this.webchatRef.current.getMessages();
|
|
337
|
-
}
|
|
338
|
-
}, {
|
|
339
|
-
key: "clearMessages",
|
|
340
|
-
value: function clearMessages() {
|
|
341
|
-
this.webchatRef.current.clearMessages();
|
|
342
|
-
}
|
|
343
|
-
}, {
|
|
344
|
-
key: "getVisibility",
|
|
345
|
-
value: function () {
|
|
346
|
-
var _getVisibility = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee3() {
|
|
347
|
-
return _regenerator["default"].wrap(function _callee3$(_context3) {
|
|
348
|
-
while (1) {
|
|
349
|
-
switch (_context3.prev = _context3.next) {
|
|
350
|
-
case 0:
|
|
351
|
-
return _context3.abrupt("return", this.resolveWebchatVisibility({
|
|
352
|
-
appId: this.appId,
|
|
353
|
-
visibility: this.visibility
|
|
354
|
-
}));
|
|
355
|
-
|
|
356
|
-
case 1:
|
|
357
|
-
case "end":
|
|
358
|
-
return _context3.stop();
|
|
359
|
-
}
|
|
360
|
-
}
|
|
361
|
-
}, _callee3, this);
|
|
362
|
-
}));
|
|
363
|
-
|
|
364
|
-
function getVisibility() {
|
|
365
|
-
return _getVisibility.apply(this, arguments);
|
|
366
|
-
}
|
|
367
|
-
|
|
368
|
-
return getVisibility;
|
|
369
|
-
}()
|
|
370
|
-
}, {
|
|
371
|
-
key: "getLastMessageUpdate",
|
|
372
|
-
value: function getLastMessageUpdate() {
|
|
373
|
-
return this.webchatRef.current.getLastMessageUpdate();
|
|
374
|
-
}
|
|
375
|
-
}, {
|
|
376
|
-
key: "updateMessageInfo",
|
|
377
|
-
value: function updateMessageInfo(msgId, messageInfo) {
|
|
378
|
-
return this.webchatRef.current.updateMessageInfo(msgId, messageInfo);
|
|
379
|
-
}
|
|
380
|
-
}, {
|
|
381
|
-
key: "updateWebchatSettings",
|
|
382
|
-
value: function updateWebchatSettings(settings) {
|
|
383
|
-
return this.webchatRef.current.updateWebchatSettings(settings);
|
|
384
|
-
} // eslint-disable-next-line complexity
|
|
385
|
-
|
|
386
|
-
}, {
|
|
387
|
-
key: "getComponent",
|
|
388
|
-
value: function getComponent() {
|
|
389
|
-
var _this2 = this;
|
|
390
|
-
|
|
391
|
-
var optionsAtRuntime = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
|
|
392
|
-
var _optionsAtRuntime$the = optionsAtRuntime.theme,
|
|
393
|
-
theme = _optionsAtRuntime$the === void 0 ? {} : _optionsAtRuntime$the,
|
|
394
|
-
persistentMenu = optionsAtRuntime.persistentMenu,
|
|
395
|
-
coverComponent = optionsAtRuntime.coverComponent,
|
|
396
|
-
blockInputs = optionsAtRuntime.blockInputs,
|
|
397
|
-
enableAttachments = optionsAtRuntime.enableAttachments,
|
|
398
|
-
enableUserInput = optionsAtRuntime.enableUserInput,
|
|
399
|
-
enableAnimations = optionsAtRuntime.enableAnimations,
|
|
400
|
-
enableEmojiPicker = optionsAtRuntime.enableEmojiPicker,
|
|
401
|
-
defaultDelay = optionsAtRuntime.defaultDelay,
|
|
402
|
-
defaultTyping = optionsAtRuntime.defaultTyping,
|
|
403
|
-
storage = optionsAtRuntime.storage,
|
|
404
|
-
storageKey = optionsAtRuntime.storageKey,
|
|
405
|
-
onInit = optionsAtRuntime.onInit,
|
|
406
|
-
onOpen = optionsAtRuntime.onOpen,
|
|
407
|
-
onClose = optionsAtRuntime.onClose,
|
|
408
|
-
onMessage = optionsAtRuntime.onMessage,
|
|
409
|
-
appId = optionsAtRuntime.appId,
|
|
410
|
-
visibility = optionsAtRuntime.visibility,
|
|
411
|
-
server = optionsAtRuntime.server,
|
|
412
|
-
webchatOptions = (0, _objectWithoutProperties2["default"])(optionsAtRuntime, _excluded);
|
|
413
|
-
theme = (0, _lodash["default"])(this.theme, theme);
|
|
414
|
-
persistentMenu = persistentMenu || this.persistentMenu;
|
|
415
|
-
coverComponent = coverComponent || this.coverComponent;
|
|
416
|
-
blockInputs = blockInputs || this.blockInputs;
|
|
417
|
-
enableEmojiPicker = enableEmojiPicker || this.enableEmojiPicker;
|
|
418
|
-
enableAttachments = enableAttachments || this.enableAttachments;
|
|
419
|
-
enableUserInput = enableUserInput || this.enableUserInput;
|
|
420
|
-
enableAnimations = enableAnimations || this.enableAnimations;
|
|
421
|
-
defaultDelay = defaultDelay || this.defaultDelay;
|
|
422
|
-
defaultTyping = defaultTyping || this.defaultTyping;
|
|
423
|
-
storage = storage || this.storage;
|
|
424
|
-
storageKey = storageKey || this.storageKey;
|
|
425
|
-
server = server || this.server;
|
|
426
|
-
this.onInit = onInit || this.onInit;
|
|
427
|
-
this.onOpen = onOpen || this.onOpen;
|
|
428
|
-
this.onClose = onClose || this.onClose;
|
|
429
|
-
this.onMessage = onMessage || this.onMessage;
|
|
430
|
-
this.visibility = visibility || this.visibility;
|
|
431
|
-
this.appId = appId || this.appId;
|
|
432
|
-
return /*#__PURE__*/_react["default"].createElement(_webchat.Webchat, (0, _extends2["default"])({}, webchatOptions, {
|
|
433
|
-
ref: this.webchatRef,
|
|
434
|
-
host: this.host,
|
|
435
|
-
shadowDOM: this.shadowDOM,
|
|
436
|
-
theme: theme,
|
|
437
|
-
persistentMenu: persistentMenu,
|
|
438
|
-
coverComponent: coverComponent,
|
|
439
|
-
blockInputs: blockInputs,
|
|
440
|
-
enableEmojiPicker: enableEmojiPicker,
|
|
441
|
-
enableAttachments: enableAttachments,
|
|
442
|
-
enableUserInput: enableUserInput,
|
|
443
|
-
enableAnimations: enableAnimations,
|
|
444
|
-
storage: storage,
|
|
445
|
-
storageKey: storageKey,
|
|
446
|
-
defaultDelay: defaultDelay,
|
|
447
|
-
defaultTyping: defaultTyping,
|
|
448
|
-
onInit: function onInit() {
|
|
449
|
-
return _this2.onInitWebchat.apply(_this2, arguments);
|
|
450
|
-
},
|
|
451
|
-
onOpen: function onOpen() {
|
|
452
|
-
return _this2.onOpenWebchat.apply(_this2, arguments);
|
|
453
|
-
},
|
|
454
|
-
onClose: function onClose() {
|
|
455
|
-
return _this2.onCloseWebchat.apply(_this2, arguments);
|
|
456
|
-
},
|
|
457
|
-
onUserInput: function onUserInput() {
|
|
458
|
-
return _this2.onUserInput.apply(_this2, arguments);
|
|
459
|
-
},
|
|
460
|
-
onStateChange: function onStateChange(webchatState) {
|
|
461
|
-
return _this2.onStateChange(webchatState);
|
|
462
|
-
},
|
|
463
|
-
server: server
|
|
464
|
-
}));
|
|
465
|
-
}
|
|
466
|
-
}, {
|
|
467
|
-
key: "isWebchatVisible",
|
|
468
|
-
value: function () {
|
|
469
|
-
var _isWebchatVisible = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee4(_ref4) {
|
|
470
|
-
var appId, _yield$HubtypeService, status;
|
|
471
|
-
|
|
472
|
-
return _regenerator["default"].wrap(function _callee4$(_context4) {
|
|
473
|
-
while (1) {
|
|
474
|
-
switch (_context4.prev = _context4.next) {
|
|
475
|
-
case 0:
|
|
476
|
-
appId = _ref4.appId;
|
|
477
|
-
_context4.prev = 1;
|
|
478
|
-
_context4.next = 4;
|
|
479
|
-
return _core.HubtypeService.getWebchatVisibility({
|
|
480
|
-
appId: appId
|
|
481
|
-
});
|
|
482
|
-
|
|
483
|
-
case 4:
|
|
484
|
-
_yield$HubtypeService = _context4.sent;
|
|
485
|
-
status = _yield$HubtypeService.status;
|
|
486
|
-
return _context4.abrupt("return", status === 200);
|
|
487
|
-
|
|
488
|
-
case 9:
|
|
489
|
-
_context4.prev = 9;
|
|
490
|
-
_context4.t0 = _context4["catch"](1);
|
|
491
|
-
return _context4.abrupt("return", false);
|
|
492
|
-
|
|
493
|
-
case 12:
|
|
494
|
-
case "end":
|
|
495
|
-
return _context4.stop();
|
|
496
|
-
}
|
|
497
|
-
}
|
|
498
|
-
}, _callee4, null, [[1, 9]]);
|
|
499
|
-
}));
|
|
500
|
-
|
|
501
|
-
function isWebchatVisible(_x2) {
|
|
502
|
-
return _isWebchatVisible.apply(this, arguments);
|
|
503
|
-
}
|
|
504
|
-
|
|
505
|
-
return isWebchatVisible;
|
|
506
|
-
}()
|
|
507
|
-
}, {
|
|
508
|
-
key: "isOnline",
|
|
509
|
-
value: function isOnline() {
|
|
510
|
-
return this.webchatRef.current.isOnline();
|
|
511
|
-
}
|
|
512
|
-
}, {
|
|
513
|
-
key: "resolveWebchatVisibility",
|
|
514
|
-
value: function () {
|
|
515
|
-
var _resolveWebchatVisibility = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee5(optionsAtRuntime) {
|
|
516
|
-
var appId, visibility;
|
|
517
|
-
return _regenerator["default"].wrap(function _callee5$(_context5) {
|
|
518
|
-
while (1) {
|
|
519
|
-
switch (_context5.prev = _context5.next) {
|
|
520
|
-
case 0:
|
|
521
|
-
appId = optionsAtRuntime.appId, visibility = optionsAtRuntime.visibility;
|
|
522
|
-
visibility = visibility || this.visibility;
|
|
523
|
-
|
|
524
|
-
if (!(visibility === undefined || visibility === true)) {
|
|
525
|
-
_context5.next = 4;
|
|
526
|
-
break;
|
|
527
|
-
}
|
|
528
|
-
|
|
529
|
-
return _context5.abrupt("return", true);
|
|
530
|
-
|
|
531
|
-
case 4:
|
|
532
|
-
if (!(typeof visibility === 'function' && visibility())) {
|
|
533
|
-
_context5.next = 6;
|
|
534
|
-
break;
|
|
535
|
-
}
|
|
536
|
-
|
|
537
|
-
return _context5.abrupt("return", true);
|
|
538
|
-
|
|
539
|
-
case 6:
|
|
540
|
-
_context5.t0 = visibility === 'dynamic';
|
|
541
|
-
|
|
542
|
-
if (!_context5.t0) {
|
|
543
|
-
_context5.next = 11;
|
|
544
|
-
break;
|
|
545
|
-
}
|
|
546
|
-
|
|
547
|
-
_context5.next = 10;
|
|
548
|
-
return this.isWebchatVisible({
|
|
549
|
-
appId: appId
|
|
550
|
-
});
|
|
551
|
-
|
|
552
|
-
case 10:
|
|
553
|
-
_context5.t0 = _context5.sent;
|
|
554
|
-
|
|
555
|
-
case 11:
|
|
556
|
-
if (!_context5.t0) {
|
|
557
|
-
_context5.next = 13;
|
|
558
|
-
break;
|
|
559
|
-
}
|
|
560
|
-
|
|
561
|
-
return _context5.abrupt("return", true);
|
|
562
|
-
|
|
563
|
-
case 13:
|
|
564
|
-
return _context5.abrupt("return", false);
|
|
565
|
-
|
|
566
|
-
case 14:
|
|
567
|
-
case "end":
|
|
568
|
-
return _context5.stop();
|
|
569
|
-
}
|
|
570
|
-
}
|
|
571
|
-
}, _callee5, this);
|
|
572
|
-
}));
|
|
573
|
-
|
|
574
|
-
function resolveWebchatVisibility(_x3) {
|
|
575
|
-
return _resolveWebchatVisibility.apply(this, arguments);
|
|
576
|
-
}
|
|
577
|
-
|
|
578
|
-
return resolveWebchatVisibility;
|
|
579
|
-
}()
|
|
580
|
-
}, {
|
|
581
|
-
key: "render",
|
|
582
|
-
value: function () {
|
|
583
|
-
var _render2 = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee7(dest) {
|
|
584
|
-
var _this3 = this;
|
|
585
|
-
|
|
586
|
-
var optionsAtRuntime,
|
|
587
|
-
_args7 = arguments;
|
|
588
|
-
return _regenerator["default"].wrap(function _callee7$(_context7) {
|
|
589
|
-
while (1) {
|
|
590
|
-
switch (_context7.prev = _context7.next) {
|
|
591
|
-
case 0:
|
|
592
|
-
optionsAtRuntime = _args7.length > 1 && _args7[1] !== undefined ? _args7[1] : {};
|
|
593
|
-
(0, _dom.onDOMLoaded)( /*#__PURE__*/(0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee6() {
|
|
594
|
-
var isVisible;
|
|
595
|
-
return _regenerator["default"].wrap(function _callee6$(_context6) {
|
|
596
|
-
while (1) {
|
|
597
|
-
switch (_context6.prev = _context6.next) {
|
|
598
|
-
case 0:
|
|
599
|
-
_this3.createRootElement(dest);
|
|
600
|
-
|
|
601
|
-
_context6.next = 3;
|
|
602
|
-
return _this3.resolveWebchatVisibility(optionsAtRuntime);
|
|
603
|
-
|
|
604
|
-
case 3:
|
|
605
|
-
isVisible = _context6.sent;
|
|
606
|
-
if (isVisible) (0, _reactDom.render)(_this3.getComponent(optionsAtRuntime), _this3.getReactMountNode(dest));
|
|
607
|
-
|
|
608
|
-
case 5:
|
|
609
|
-
case "end":
|
|
610
|
-
return _context6.stop();
|
|
611
|
-
}
|
|
612
|
-
}
|
|
613
|
-
}, _callee6);
|
|
614
|
-
})));
|
|
615
|
-
|
|
616
|
-
case 2:
|
|
617
|
-
case "end":
|
|
618
|
-
return _context7.stop();
|
|
619
|
-
}
|
|
620
|
-
}
|
|
621
|
-
}, _callee7);
|
|
622
|
-
}));
|
|
623
|
-
|
|
624
|
-
function render(_x4) {
|
|
625
|
-
return _render2.apply(this, arguments);
|
|
626
|
-
}
|
|
627
|
-
|
|
628
|
-
return render;
|
|
629
|
-
}()
|
|
630
|
-
}]);
|
|
631
|
-
return WebchatApp;
|
|
632
|
-
}();
|
|
633
|
-
|
|
634
|
-
exports.WebchatApp = WebchatApp;
|
|
635
|
-
//# sourceMappingURL=webchat-app.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/experimental/webchat-app.jsx"],"names":["WebchatApp","theme","persistentMenu","coverComponent","blockInputs","enableEmojiPicker","enableAttachments","enableUserInput","enableAnimations","hostId","shadowDOM","defaultDelay","defaultTyping","storage","storageKey","onInit","onOpen","onClose","onMessage","appId","visibility","server","Boolean","console","warn","WEBCHAT","DEFAULTS","HOST_ID","webchatRef","host","id","document","getElementById","createElement","body","firstChild","insertBefore","appendChild","attachShadow","mode","node","shadowRoot","args","user","input","from","SENDERS","message","hubtypeService","postMessage","onConnectionRegained","session","messagesJSON","lastMessage","length","lastMessageId","lastMessageUpdateDate","getLastMessageUpdate","HubtypeService","onEvent","event","onServiceEvent","unsentInputs","current","getMessages","filter","msg","ack","unsentInput","action","setOnline","online","updateMessageInfo","type","updateWebchatSettings","data","setTyping","bot","addBotMessage","updateUser","addBotResponse","response","customTypes","customMessageTypes","text","INPUT","TEXT","addUserMessage","payload","POSTBACK","typing","openWebchat","closeWebchat","toggleWebchat","openCoverComponent","closeCoverComponent","toggleCoverComponent","clearMessages","resolveWebchatVisibility","msgId","messageInfo","settings","optionsAtRuntime","webchatOptions","onInitWebchat","onOpenWebchat","onCloseWebchat","onUserInput","webchatState","onStateChange","getWebchatVisibility","status","isOnline","undefined","isWebchatVisible","dest","createRootElement","isVisible","getComponent","getReactMountNode"],"mappings":"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","sourcesContent":["import { HubtypeService, INPUT } from '@botonic/core'\nimport merge from 'lodash.merge'\nimport React, { createRef } from 'react'\nimport { render } from 'react-dom'\n\nimport { SENDERS, WEBCHAT } from '../constants'\nimport { isShadowDOMSupported, onDOMLoaded } from '../util/dom'\nimport { msgToBotonic } from './msg-to-botonic'\nimport { Webchat } from './webchat/webchat'\n\nexport class WebchatApp {\n constructor({\n theme = {},\n persistentMenu,\n coverComponent,\n blockInputs,\n enableEmojiPicker,\n enableAttachments,\n enableUserInput,\n enableAnimations,\n hostId,\n shadowDOM,\n defaultDelay,\n defaultTyping,\n storage,\n storageKey,\n onInit,\n onOpen,\n onClose,\n onMessage,\n appId,\n visibility,\n server,\n }) {\n this.theme = theme\n this.persistentMenu = persistentMenu\n this.coverComponent = coverComponent\n this.blockInputs = blockInputs\n this.enableEmojiPicker = enableEmojiPicker\n this.enableAttachments = enableAttachments\n this.enableUserInput = enableUserInput\n this.enableAnimations = enableAnimations\n this.shadowDOM = Boolean(\n typeof shadowDOM === 'function' ? shadowDOM() : shadowDOM\n )\n if (this.shadowDOM && !isShadowDOMSupported()) {\n console.warn('[botonic] ShadowDOM not supported on this browser')\n this.shadowDOM = false\n }\n this.hostId = hostId || WEBCHAT.DEFAULTS.HOST_ID\n this.defaultDelay = defaultDelay\n this.defaultTyping = defaultTyping\n this.storage = storage\n this.storageKey = storageKey\n this.onInit = onInit\n this.onOpen = onOpen\n this.onClose = onClose\n this.onMessage = onMessage\n this.visibility = visibility\n this.server = server\n this.webchatRef = createRef()\n this.appId = appId\n }\n\n createRootElement(host) {\n // Create root element <div id='root'> if not exists\n // Create shadowDOM to root element if needed\n if (host) {\n if (host.id && this.hostId) {\n if (host.id != this.hostId) {\n console.warn(\n `[botonic] Host ID \"${host.id}\" don't match 'hostId' option: ${this.hostId}. Using value: ${host.id}.`\n )\n this.hostId = host.id\n }\n } else if (host.id) this.hostId = host.id\n else if (this.hostId) host.id = this.hostId\n } else {\n host = document.getElementById(this.hostId)\n }\n if (!host) {\n host = document.createElement('div')\n host.id = this.hostId\n if (document.body.firstChild)\n document.body.insertBefore(host, document.body.firstChild)\n else document.body.appendChild(host)\n }\n this.host = this.shadowDOM ? host.attachShadow({ mode: 'open' }) : host\n }\n\n getReactMountNode(node) {\n if (!node) node = this.host\n return node.shadowRoot ? node.shadowRoot : node\n }\n\n onInitWebchat(...args) {\n this.onInit && this.onInit(this, ...args)\n }\n\n onOpenWebchat(...args) {\n this.onOpen && this.onOpen(this, ...args)\n }\n\n onCloseWebchat(...args) {\n this.onClose && this.onClose(this, ...args)\n }\n\n async onUserInput({ user, input }) {\n this.onMessage &&\n this.onMessage(this, { from: SENDERS.user, message: input })\n return this.hubtypeService.postMessage(user, input)\n }\n\n async onConnectionRegained() {\n return this.hubtypeService.onConnectionRegained()\n }\n\n onStateChange({ session: { user }, messagesJSON }) {\n const lastMessage = messagesJSON[messagesJSON.length - 1]\n const lastMessageId = lastMessage && lastMessage.id\n const lastMessageUpdateDate = this.getLastMessageUpdate()\n if (this.hubtypeService) {\n this.hubtypeService.lastMessageId = lastMessageId\n this.hubtypeService.lastMessageUpdateDate = lastMessageUpdateDate\n } else if (!this.hubtypeService && user) {\n this.hubtypeService = new HubtypeService({\n appId: this.appId,\n user,\n lastMessageId,\n lastMessageUpdateDate,\n onEvent: event => this.onServiceEvent(event),\n unsentInputs: () =>\n this.webchatRef.current\n .getMessages()\n .filter(msg => msg.ack === 0 && msg.unsentInput),\n server: this.server,\n })\n }\n }\n\n onServiceEvent(event) {\n if (event.action === 'connectionChange')\n this.webchatRef.current.setOnline(event.online)\n else if (event.action === 'update_message_info')\n this.updateMessageInfo(event.message.id, event.message)\n else if (event.message.type === 'update_webchat_settings')\n this.updateWebchatSettings(event.message.data)\n else if (event.message.type === 'sender_action')\n this.setTyping(event.message.data === 'typing_on')\n else {\n this.onMessage &&\n this.onMessage(this, { from: SENDERS.bot, message: event.message })\n this.addBotMessage(event.message)\n }\n }\n\n updateUser(user) {\n this.webchatRef.current.updateUser(user)\n }\n\n addBotMessage(message) {\n this.webchatRef.current.addBotResponse({\n response: msgToBotonic(\n message,\n (this.theme.message && this.theme.message.customTypes) ||\n this.theme.customMessageTypes\n ),\n })\n }\n\n addBotText(text) {\n this.addBotMessage({ type: INPUT.TEXT, data: text })\n }\n\n addUserMessage(message) {\n this.webchatRef.current.addUserMessage(message)\n }\n\n addUserText(text) {\n this.webchatRef.current.addUserMessage({ type: INPUT.TEXT, data: text })\n }\n\n addUserPayload(payload) {\n this.webchatRef.current.addUserMessage({ type: INPUT.POSTBACK, payload })\n }\n\n setTyping(typing) {\n this.webchatRef.current.setTyping(typing)\n }\n\n open() {\n this.webchatRef.current.openWebchat()\n }\n\n close() {\n this.webchatRef.current.closeWebchat()\n }\n\n toggle() {\n this.webchatRef.current.toggleWebchat()\n }\n\n openCoverComponent() {\n this.webchatRef.current.openCoverComponent()\n }\n\n closeCoverComponent() {\n this.webchatRef.current.closeCoverComponent()\n }\n\n toggleCoverComponent() {\n this.webchatRef.current.toggleCoverComponent()\n }\n\n getMessages() {\n return this.webchatRef.current.getMessages()\n }\n\n clearMessages() {\n this.webchatRef.current.clearMessages()\n }\n\n async getVisibility() {\n return this.resolveWebchatVisibility({\n appId: this.appId,\n visibility: this.visibility,\n })\n }\n\n getLastMessageUpdate() {\n return this.webchatRef.current.getLastMessageUpdate()\n }\n\n updateMessageInfo(msgId, messageInfo) {\n return this.webchatRef.current.updateMessageInfo(msgId, messageInfo)\n }\n\n updateWebchatSettings(settings) {\n return this.webchatRef.current.updateWebchatSettings(settings)\n }\n\n // eslint-disable-next-line complexity\n getComponent(optionsAtRuntime = {}) {\n let {\n theme = {},\n persistentMenu,\n coverComponent,\n blockInputs,\n enableAttachments,\n enableUserInput,\n enableAnimations,\n enableEmojiPicker,\n defaultDelay,\n defaultTyping,\n storage,\n storageKey,\n onInit,\n onOpen,\n onClose,\n onMessage,\n appId,\n visibility,\n server,\n ...webchatOptions\n } = optionsAtRuntime\n theme = merge(this.theme, theme)\n persistentMenu = persistentMenu || this.persistentMenu\n coverComponent = coverComponent || this.coverComponent\n blockInputs = blockInputs || this.blockInputs\n enableEmojiPicker = enableEmojiPicker || this.enableEmojiPicker\n enableAttachments = enableAttachments || this.enableAttachments\n enableUserInput = enableUserInput || this.enableUserInput\n enableAnimations = enableAnimations || this.enableAnimations\n defaultDelay = defaultDelay || this.defaultDelay\n defaultTyping = defaultTyping || this.defaultTyping\n storage = storage || this.storage\n storageKey = storageKey || this.storageKey\n server = server || this.server\n this.onInit = onInit || this.onInit\n this.onOpen = onOpen || this.onOpen\n this.onClose = onClose || this.onClose\n this.onMessage = onMessage || this.onMessage\n this.visibility = visibility || this.visibility\n this.appId = appId || this.appId\n return (\n <Webchat\n {...webchatOptions}\n ref={this.webchatRef}\n host={this.host}\n shadowDOM={this.shadowDOM}\n theme={theme}\n persistentMenu={persistentMenu}\n coverComponent={coverComponent}\n blockInputs={blockInputs}\n enableEmojiPicker={enableEmojiPicker}\n enableAttachments={enableAttachments}\n enableUserInput={enableUserInput}\n enableAnimations={enableAnimations}\n storage={storage}\n storageKey={storageKey}\n defaultDelay={defaultDelay}\n defaultTyping={defaultTyping}\n onInit={(...args) => this.onInitWebchat(...args)}\n onOpen={(...args) => this.onOpenWebchat(...args)}\n onClose={(...args) => this.onCloseWebchat(...args)}\n onUserInput={(...args) => this.onUserInput(...args)}\n onStateChange={webchatState => this.onStateChange(webchatState)}\n server={server}\n />\n )\n }\n\n async isWebchatVisible({ appId }) {\n try {\n const { status } = await HubtypeService.getWebchatVisibility({\n appId,\n })\n return status === 200\n } catch (e) {\n return false\n }\n }\n\n isOnline() {\n return this.webchatRef.current.isOnline()\n }\n\n async resolveWebchatVisibility(optionsAtRuntime) {\n let { appId, visibility } = optionsAtRuntime\n visibility = visibility || this.visibility\n if (visibility === undefined || visibility === true) return true\n if (typeof visibility === 'function' && visibility()) return true\n if (visibility === 'dynamic' && (await this.isWebchatVisible({ appId })))\n return true\n return false\n }\n\n async render(dest, optionsAtRuntime = {}) {\n onDOMLoaded(async () => {\n this.createRootElement(dest)\n const isVisible = await this.resolveWebchatVisibility(optionsAtRuntime)\n if (isVisible)\n render(\n this.getComponent(optionsAtRuntime),\n this.getReactMountNode(dest)\n )\n })\n }\n}\n"],"file":"webchat-app.js"}
|