@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.
Files changed (118) hide show
  1. package/lib/components/button.js +2 -0
  2. package/lib/components/button.js.map +1 -1
  3. package/lib/components/components.js +1 -1
  4. package/lib/components/image.js +47 -5
  5. package/lib/components/image.js.map +1 -1
  6. package/lib/components/index.js +6 -6
  7. package/lib/components/markdown.js +1 -1
  8. package/lib/components/multichannel/multichannel-utils.js +8 -6
  9. package/lib/components/multichannel/multichannel-utils.js.map +1 -1
  10. package/lib/components/timestamps.js +1 -1
  11. package/lib/constants.js +2 -1
  12. package/lib/constants.js.map +1 -1
  13. package/lib/dev-app.js +7 -6
  14. package/lib/dev-app.js.map +1 -1
  15. package/lib/index.d.ts +3 -0
  16. package/lib/index.js +20 -20
  17. package/lib/message-utils.js +1 -1
  18. package/lib/util/dom.js +8 -2
  19. package/lib/util/dom.js.map +1 -1
  20. package/lib/util/environment.js +1 -1
  21. package/lib/util/objects.js +1 -1
  22. package/lib/util/react.js +1 -1
  23. package/lib/util/webchat.js +1 -1
  24. package/lib/webchat/actions.js +5 -1
  25. package/lib/webchat/actions.js.map +1 -1
  26. package/lib/webchat/devices/device-adapter.js +14 -4
  27. package/lib/webchat/devices/device-adapter.js.map +1 -1
  28. package/lib/webchat/devices/scrollbar-controller.js +5 -3
  29. package/lib/webchat/devices/scrollbar-controller.js.map +1 -1
  30. package/lib/webchat/header.js +1 -1
  31. package/lib/webchat/hooks.js +25 -6
  32. package/lib/webchat/hooks.js.map +1 -1
  33. package/lib/webchat/index.js +1 -1
  34. package/lib/webchat/webchat-reducer.js +11 -0
  35. package/lib/webchat/webchat-reducer.js.map +1 -1
  36. package/lib/webchat/webchat.js +21 -4
  37. package/lib/webchat/webchat.js.map +1 -1
  38. package/lib/webchat/webview.js +1 -1
  39. package/lib/webchat-app.js +20 -9
  40. package/lib/webchat-app.js.map +1 -1
  41. package/package.json +6 -6
  42. package/src/components/button.jsx +2 -0
  43. package/src/dev-app.jsx +8 -3
  44. package/src/experimental/components/message.jsx +8 -2
  45. package/src/experimental/constants.js +189 -0
  46. package/src/experimental/contexts.jsx +36 -0
  47. package/src/experimental/dev-app.jsx +14 -7
  48. package/src/experimental/index.js +94 -25
  49. package/src/experimental/msg-to-botonic.jsx +8 -8
  50. package/src/experimental/react-bot.jsx +1 -1
  51. package/src/experimental/util/dom.js +55 -0
  52. package/src/experimental/util/objects.js +39 -0
  53. package/src/experimental/util/webchat.js +61 -0
  54. package/src/experimental/webchat/actions.jsx +24 -0
  55. package/src/experimental/webchat/hooks.js +296 -0
  56. package/src/experimental/webchat/messages-reducer.js +86 -0
  57. package/src/experimental/webchat/session-view.jsx +166 -0
  58. package/src/experimental/webchat/webchat-dev.jsx +23 -19
  59. package/src/experimental/webchat/webchat-reducer.js +68 -0
  60. package/src/experimental/webchat/webchat.jsx +109 -82
  61. package/src/experimental/webchat-app.jsx +39 -15
  62. package/src/index.d.ts +1 -0
  63. package/src/util/dom.js +5 -3
  64. package/src/webchat/actions.jsx +1 -0
  65. package/src/webchat/devices/device-adapter.js +16 -4
  66. package/src/webchat/devices/scrollbar-controller.js +9 -4
  67. package/src/webchat/hooks.js +10 -0
  68. package/src/webchat/webchat-reducer.js +3 -0
  69. package/src/webchat/webchat.jsx +2 -1
  70. package/src/webchat-app.jsx +6 -4
  71. package/lib/experimental/components/audio.js +0 -46
  72. package/lib/experimental/components/audio.js.map +0 -1
  73. package/lib/experimental/components/carousel.js +0 -194
  74. package/lib/experimental/components/carousel.js.map +0 -1
  75. package/lib/experimental/components/custom-message.js +0 -132
  76. package/lib/experimental/components/custom-message.js.map +0 -1
  77. package/lib/experimental/components/document.js +0 -69
  78. package/lib/experimental/components/document.js.map +0 -1
  79. package/lib/experimental/components/image.js +0 -47
  80. package/lib/experimental/components/image.js.map +0 -1
  81. package/lib/experimental/components/index.js +0 -184
  82. package/lib/experimental/components/index.js.map +0 -1
  83. package/lib/experimental/components/location.js +0 -54
  84. package/lib/experimental/components/location.js.map +0 -1
  85. package/lib/experimental/components/markdown.js +0 -103
  86. package/lib/experimental/components/markdown.js.map +0 -1
  87. package/lib/experimental/components/message.js +0 -353
  88. package/lib/experimental/components/message.js.map +0 -1
  89. package/lib/experimental/components/text.js +0 -80
  90. package/lib/experimental/components/text.js.map +0 -1
  91. package/lib/experimental/components/video.js +0 -49
  92. package/lib/experimental/components/video.js.map +0 -1
  93. package/lib/experimental/components/whatsapp-template.js +0 -53
  94. package/lib/experimental/components/whatsapp-template.js.map +0 -1
  95. package/lib/experimental/dev-app.js +0 -240
  96. package/lib/experimental/dev-app.js.map +0 -1
  97. package/lib/experimental/index.js +0 -748
  98. package/lib/experimental/index.js.map +0 -1
  99. package/lib/experimental/msg-to-botonic.js +0 -162
  100. package/lib/experimental/msg-to-botonic.js.map +0 -1
  101. package/lib/experimental/node-app.js +0 -97
  102. package/lib/experimental/node-app.js.map +0 -1
  103. package/lib/experimental/react-bot.js +0 -167
  104. package/lib/experimental/react-bot.js.map +0 -1
  105. package/lib/experimental/webchat/assets/Inter-VariableFont_slnt,wght.ttf +0 -0
  106. package/lib/experimental/webchat/assets/botonic-logo-white.svg +0 -16
  107. package/lib/experimental/webchat/assets/messenger.svg +0 -10
  108. package/lib/experimental/webchat/assets/open-new-window.svg +0 -3
  109. package/lib/experimental/webchat/assets/open.svg +0 -3
  110. package/lib/experimental/webchat/assets/telegram.svg +0 -10
  111. package/lib/experimental/webchat/assets/webchat.svg +0 -21
  112. package/lib/experimental/webchat/assets/whatsapp.svg +0 -4
  113. package/lib/experimental/webchat/webchat-dev.js +0 -300
  114. package/lib/experimental/webchat/webchat-dev.js.map +0 -1
  115. package/lib/experimental/webchat/webchat.js +0 -1044
  116. package/lib/experimental/webchat/webchat.js.map +0 -1
  117. package/lib/experimental/webchat-app.js +0 -635
  118. 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"}