@seamly/web-ui 21.0.3-beta.1 → 21.0.3-beta.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/build/dist/lib/components.js +132 -134
- package/build/dist/lib/components.min.js +1 -1
- package/build/dist/lib/index.debug.js +2 -2
- package/build/dist/lib/index.debug.min.js +1 -1
- package/build/dist/lib/index.js +2 -4
- package/build/dist/lib/index.min.js +1 -1
- package/build/dist/lib/standalone.js +2 -4
- package/build/dist/lib/standalone.min.js +1 -1
- package/build/dist/lib/style-guide.js +2 -2
- package/build/dist/lib/utils.js +2 -2
- package/package.json +1 -1
- package/src/javascripts/api/conversation-connector.ts +2 -2
- package/src/javascripts/ui/components/view/deprecated-view.js +0 -2
|
@@ -135,7 +135,7 @@ eval("\n\nfunction _createForOfIteratorHelper(o, allowArrayLike) {\n var it = t
|
|
|
135
135
|
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
136
136
|
|
|
137
137
|
"use strict";
|
|
138
|
-
eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (/* binding */ ConversationConnector)\n/* harmony export */ });\n/* harmony import */ var phoenix__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! phoenix */ \"./node_modules/phoenix/priv/static/phoenix.mjs\");\n/* harmony import */ var config__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! config */ \"./src/javascripts/config.ts\");\n/* harmony import */ var lib_debug__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! lib/debug */ \"./src/javascripts/lib/debug.js\");\n/* harmony import */ var lib_debug__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(lib_debug__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var lib_split_url_params__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! lib/split-url-params */ \"./src/javascripts/lib/split-url-params.js\");\nvar __awaiter = undefined && undefined.__awaiter || function (thisArg, _arguments, P, generator) {\n function adopt(value) {\n return value instanceof P ? value : new P(function (resolve) {\n resolve(value);\n });\n }\n return new (P || (P = Promise))(function (resolve, reject) {\n function fulfilled(value) {\n try {\n step(generator.next(value));\n } catch (e) {\n reject(e);\n }\n }\n function rejected(value) {\n try {\n step(generator[\"throw\"](value));\n } catch (e) {\n reject(e);\n }\n }\n function step(result) {\n result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected);\n }\n step((generator = generator.apply(thisArg, _arguments || [])).next());\n });\n};\nvar __classPrivateFieldGet = undefined && undefined.__classPrivateFieldGet || function (receiver, state, kind, f) {\n if (kind === \"a\" && !f) throw new TypeError(\"Private accessor was defined without a getter\");\n if (typeof state === \"function\" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError(\"Cannot read private member from an object whose class did not declare it\");\n return kind === \"m\" ? f : kind === \"a\" ? f.call(receiver) : f ? f.value : state.get(receiver);\n};\nvar __classPrivateFieldSet = undefined && undefined.__classPrivateFieldSet || function (receiver, state, value, kind, f) {\n if (kind === \"m\") throw new TypeError(\"Private method is not writable\");\n if (kind === \"a\" && !f) throw new TypeError(\"Private accessor was defined without a setter\");\n if (typeof state === \"function\" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError(\"Cannot write private member to an object whose class did not declare it\");\n return kind === \"a\" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value), value;\n};\nvar _ConversationConnector_instances, _ConversationConnector_connectionListeners, _ConversationConnector_listenTo, _ConversationConnector_emitConnectionState;\n\n\n\n\nconst log = lib_debug__WEBPACK_IMPORTED_MODULE_2___default()('seamly');\nclass ConversationConnector {\n constructor() {\n _ConversationConnector_instances.add(this);\n _ConversationConnector_connectionListeners.set(this, []);\n }\n connect(url, channelName, channelTopic, accessToken) {\n return __awaiter(this, void 0, void 0, function* () {\n this.url = url;\n this.accessToken = accessToken;\n this.channelName = channelName;\n this.channelTopic = channelTopic;\n const {\n url: splittedUrl,\n params\n } = (0,lib_split_url_params__WEBPACK_IMPORTED_MODULE_3__[\"default\"])(this.url);\n this.socket = new phoenix__WEBPACK_IMPORTED_MODULE_0__.Socket(splittedUrl, {\n params: Object.assign(Object.assign({}, params), {\n v: config__WEBPACK_IMPORTED_MODULE_1__.apiVersion\n })\n });\n this.socket.connect();\n this.channel = this.socket.channel(this.channelTopic, {\n authorization: `Bearer ${this.accessToken}`,\n channelName: this.channelName\n });\n this.start();\n this.socket.onError(err => {\n log('[SOCKET][ERROR]', err);\n });\n this.socket.onOpen(() => {\n log('[SOCKET]OPEN');\n });\n this.channel.on('system', msg => {\n switch (msg.type) {\n case 'attach_channel_succeeded':\n __classPrivateFieldGet(this, _ConversationConnector_instances, \"m\", _ConversationConnector_emitConnectionState).call(this, {\n connected: true,\n ready: true,\n currentState: 'attach_channel_succeeded'\n });\n break;\n }\n });\n this.socket.onClose(() => {\n log('[SOCKET]CLOSE');\n __classPrivateFieldGet(this, _ConversationConnector_instances, \"m\", _ConversationConnector_emitConnectionState).call(this, {\n connected: false,\n ready: false,\n currentState: 'socket_closed'\n });\n });\n this.channel.onClose(() => {\n log('[CHANNEL]CLOSE');\n __classPrivateFieldGet(this, _ConversationConnector_instances, \"m\", _ConversationConnector_emitConnectionState).call(this, {\n connected: false,\n ready: false,\n currentState: 'channel_closed'\n });\n });\n this.channel.onError(msg => {\n log('[CHANNEL][ERROR]', msg);\n __classPrivateFieldGet(this, _ConversationConnector_instances, \"m\", _ConversationConnector_emitConnectionState).call(this, {\n connected: false,\n ready: false,\n currentState: 'channel_erred'\n });\n });\n __classPrivateFieldGet(this, _ConversationConnector_instances, \"m\", _ConversationConnector_listenTo).call(this, 'ack', 'ui', 'error', 'participant', 'message', 'service_data', 'system', 'info', 'sync');\n });\n }\n start() {\n this.channel.join().receive('ok', () => {\n log('[CHANNEL][JOIN] OK');\n __classPrivateFieldGet(this, _ConversationConnector_instances, \"m\", _ConversationConnector_emitConnectionState).call(this, {\n connected: true,\n ready: false,\n currentState: 'join_channel_succeeded'\n });\n }).receive('error', err => {\n log('[CHANNEL][JOIN] ERROR', err);\n __classPrivateFieldGet(this, _ConversationConnector_instances, \"m\", _ConversationConnector_emitConnectionState).call(this, {\n connected: false,\n ready: false,\n currentState: 'join_channel_erred'\n });\n // @ts-ignore\n this.channel.socket.disconnect();\n }).receive('timeout', () => {\n log('[CHANEL][JOIN] Networking issue. Still waiting...');\n });\n }\n disconnect() {\n var _a, _b, _c;\n __classPrivateFieldSet(this, _ConversationConnector_connectionListeners, [], \"f\");\n (_a = this.channel) === null || _a === void 0 ? void 0 : _a.leave();\n (_b = this.socket) === null || _b === void 0 ? void 0 : _b.remove(this.channel);\n (_c = this.socket) === null || _c === void 0 ? void 0 : _c.disconnect();\n }\n onConnection(cb) {\n __classPrivateFieldGet(this, _ConversationConnector_connectionListeners, \"f\").push(cb);\n }\n pushToChannel(command, payload, timeout = 10000) {\n this.channel.push(command, payload, timeout);\n }\n}\n_ConversationConnector_connectionListeners = new WeakMap(), _ConversationConnector_instances = new WeakSet(), _ConversationConnector_listenTo = function _ConversationConnector_listenTo(...types) {\n types.forEach(type => {\n this.channel.on(type, msg => {\n log('[RECEIVE]', type, msg);\n });\n });\n}, _ConversationConnector_emitConnectionState = function _ConversationConnector_emitConnectionState(payload) {\n // Loop in reverse order to enable splicing the array while iterating\n for (let i = __classPrivateFieldGet(this, _ConversationConnector_connectionListeners, \"f\").length - 1; i >= 0; i--) {\n const
|
|
138
|
+
eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (/* binding */ ConversationConnector)\n/* harmony export */ });\n/* harmony import */ var phoenix__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! phoenix */ \"./node_modules/phoenix/priv/static/phoenix.mjs\");\n/* harmony import */ var config__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! config */ \"./src/javascripts/config.ts\");\n/* harmony import */ var lib_debug__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! lib/debug */ \"./src/javascripts/lib/debug.js\");\n/* harmony import */ var lib_debug__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(lib_debug__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var lib_split_url_params__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! lib/split-url-params */ \"./src/javascripts/lib/split-url-params.js\");\nvar __awaiter = undefined && undefined.__awaiter || function (thisArg, _arguments, P, generator) {\n function adopt(value) {\n return value instanceof P ? value : new P(function (resolve) {\n resolve(value);\n });\n }\n return new (P || (P = Promise))(function (resolve, reject) {\n function fulfilled(value) {\n try {\n step(generator.next(value));\n } catch (e) {\n reject(e);\n }\n }\n function rejected(value) {\n try {\n step(generator[\"throw\"](value));\n } catch (e) {\n reject(e);\n }\n }\n function step(result) {\n result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected);\n }\n step((generator = generator.apply(thisArg, _arguments || [])).next());\n });\n};\nvar __classPrivateFieldGet = undefined && undefined.__classPrivateFieldGet || function (receiver, state, kind, f) {\n if (kind === \"a\" && !f) throw new TypeError(\"Private accessor was defined without a getter\");\n if (typeof state === \"function\" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError(\"Cannot read private member from an object whose class did not declare it\");\n return kind === \"m\" ? f : kind === \"a\" ? f.call(receiver) : f ? f.value : state.get(receiver);\n};\nvar __classPrivateFieldSet = undefined && undefined.__classPrivateFieldSet || function (receiver, state, value, kind, f) {\n if (kind === \"m\") throw new TypeError(\"Private method is not writable\");\n if (kind === \"a\" && !f) throw new TypeError(\"Private accessor was defined without a setter\");\n if (typeof state === \"function\" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError(\"Cannot write private member to an object whose class did not declare it\");\n return kind === \"a\" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value), value;\n};\nvar _ConversationConnector_instances, _ConversationConnector_connectionListeners, _ConversationConnector_listenTo, _ConversationConnector_emitConnectionState;\n\n\n\n\nconst log = lib_debug__WEBPACK_IMPORTED_MODULE_2___default()('seamly');\nclass ConversationConnector {\n constructor() {\n _ConversationConnector_instances.add(this);\n _ConversationConnector_connectionListeners.set(this, []);\n }\n connect(url, channelName, channelTopic, accessToken) {\n return __awaiter(this, void 0, void 0, function* () {\n this.url = url;\n this.accessToken = accessToken;\n this.channelName = channelName;\n this.channelTopic = channelTopic;\n const {\n url: splittedUrl,\n params\n } = (0,lib_split_url_params__WEBPACK_IMPORTED_MODULE_3__[\"default\"])(this.url);\n this.socket = new phoenix__WEBPACK_IMPORTED_MODULE_0__.Socket(splittedUrl, {\n params: Object.assign(Object.assign({}, params), {\n v: config__WEBPACK_IMPORTED_MODULE_1__.apiVersion\n })\n });\n this.socket.connect();\n this.channel = this.socket.channel(this.channelTopic, {\n authorization: `Bearer ${this.accessToken}`,\n channelName: this.channelName\n });\n this.start();\n this.socket.onError(err => {\n log('[SOCKET][ERROR]', err);\n });\n this.socket.onOpen(() => {\n log('[SOCKET]OPEN');\n });\n this.channel.on('system', msg => {\n switch (msg.type) {\n case 'attach_channel_succeeded':\n __classPrivateFieldGet(this, _ConversationConnector_instances, \"m\", _ConversationConnector_emitConnectionState).call(this, {\n connected: true,\n ready: true,\n currentState: 'attach_channel_succeeded'\n });\n break;\n }\n });\n this.socket.onClose(() => {\n log('[SOCKET]CLOSE');\n __classPrivateFieldGet(this, _ConversationConnector_instances, \"m\", _ConversationConnector_emitConnectionState).call(this, {\n connected: false,\n ready: false,\n currentState: 'socket_closed'\n });\n });\n this.channel.onClose(() => {\n log('[CHANNEL]CLOSE');\n __classPrivateFieldGet(this, _ConversationConnector_instances, \"m\", _ConversationConnector_emitConnectionState).call(this, {\n connected: false,\n ready: false,\n currentState: 'channel_closed'\n });\n });\n this.channel.onError(msg => {\n log('[CHANNEL][ERROR]', msg);\n __classPrivateFieldGet(this, _ConversationConnector_instances, \"m\", _ConversationConnector_emitConnectionState).call(this, {\n connected: false,\n ready: false,\n currentState: 'channel_erred'\n });\n });\n __classPrivateFieldGet(this, _ConversationConnector_instances, \"m\", _ConversationConnector_listenTo).call(this, 'ack', 'ui', 'error', 'participant', 'message', 'service_data', 'system', 'info', 'sync');\n });\n }\n start() {\n this.channel.join().receive('ok', () => {\n log('[CHANNEL][JOIN] OK');\n __classPrivateFieldGet(this, _ConversationConnector_instances, \"m\", _ConversationConnector_emitConnectionState).call(this, {\n connected: true,\n ready: false,\n currentState: 'join_channel_succeeded'\n });\n }).receive('error', err => {\n log('[CHANNEL][JOIN] ERROR', err);\n __classPrivateFieldGet(this, _ConversationConnector_instances, \"m\", _ConversationConnector_emitConnectionState).call(this, {\n connected: false,\n ready: false,\n currentState: 'join_channel_erred'\n });\n // @ts-ignore\n this.channel.socket.disconnect();\n }).receive('timeout', () => {\n log('[CHANEL][JOIN] Networking issue. Still waiting...');\n });\n }\n disconnect() {\n var _a, _b, _c;\n __classPrivateFieldSet(this, _ConversationConnector_connectionListeners, [], \"f\");\n (_a = this.channel) === null || _a === void 0 ? void 0 : _a.leave();\n (_b = this.socket) === null || _b === void 0 ? void 0 : _b.remove(this.channel);\n (_c = this.socket) === null || _c === void 0 ? void 0 : _c.disconnect();\n }\n onConnection(cb) {\n __classPrivateFieldGet(this, _ConversationConnector_connectionListeners, \"f\").push(cb);\n }\n pushToChannel(command, payload, timeout = 10000) {\n this.channel.push(command, payload, timeout);\n }\n}\n_ConversationConnector_connectionListeners = new WeakMap(), _ConversationConnector_instances = new WeakSet(), _ConversationConnector_listenTo = function _ConversationConnector_listenTo(...types) {\n types.forEach(type => {\n this.channel.on(type, msg => {\n log('[RECEIVE]', type, msg);\n });\n });\n}, _ConversationConnector_emitConnectionState = function _ConversationConnector_emitConnectionState(payload) {\n // Loop in reverse order to enable splicing the array while iterating\n for (let i = __classPrivateFieldGet(this, _ConversationConnector_connectionListeners, \"f\").length - 1; i >= 0; i--) {\n const callback = __classPrivateFieldGet(this, _ConversationConnector_connectionListeners, \"f\")[i];\n const complete = callback(payload);\n // If we only want to execute the callback once, remove it from the listener\n if (complete) {\n __classPrivateFieldGet(this, _ConversationConnector_connectionListeners, \"f\").splice(i, 1);\n }\n }\n};\n\n//# sourceURL=webpack://@seamly/web-ui/./src/javascripts/api/conversation-connector.ts?");
|
|
139
139
|
|
|
140
140
|
/***/ }),
|
|
141
141
|
|
|
@@ -1641,7 +1641,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
|
|
|
1641
1641
|
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
1642
1642
|
|
|
1643
1643
|
"use strict";
|
|
1644
|
-
eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var ui_components_layout_deprecated_chat_frame__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ui/components/layout/deprecated-chat-frame */ \"./src/javascripts/ui/components/layout/deprecated-chat-frame.js\");\n/* harmony import */ var domains_visibility_hooks__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! domains/visibility/hooks */ \"./src/javascripts/domains/visibility/hooks.ts\");\n/* harmony import */ var
|
|
1644
|
+
eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var ui_components_layout_deprecated_chat_frame__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ui/components/layout/deprecated-chat-frame */ \"./src/javascripts/ui/components/layout/deprecated-chat-frame.js\");\n/* harmony import */ var domains_visibility_hooks__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! domains/visibility/hooks */ \"./src/javascripts/domains/visibility/hooks.ts\");\n/* harmony import */ var _conversation_conversation__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../conversation/conversation */ \"./src/javascripts/ui/components/conversation/conversation.tsx\");\n/* harmony import */ var _entry_deprecated_toggle_button__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../entry/deprecated-toggle-button */ \"./src/javascripts/ui/components/entry/deprecated-toggle-button.js\");\n/* harmony import */ var _layout_agent_info__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../layout/agent-info */ \"./src/javascripts/ui/components/layout/agent-info.js\");\n/* harmony import */ var _layout_deprecated_app_frame__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../layout/deprecated-app-frame */ \"./src/javascripts/ui/components/layout/deprecated-app-frame.js\");\n/* harmony import */ var _layout_header__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../layout/header */ \"./src/javascripts/ui/components/layout/header.js\");\n/* harmony import */ var _layout_interrupt__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../layout/interrupt */ \"./src/javascripts/ui/components/layout/interrupt.js\");\n/* harmony import */ var preact_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! preact/jsx-runtime */ \"preact/jsx-runtime\");\n/* harmony import */ var preact_jsx_runtime__WEBPACK_IMPORTED_MODULE_8___default = /*#__PURE__*/__webpack_require__.n(preact_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__);\n\n\n\n\n\n\n\n\n\n\nconst ShowInlineView = ({\n children\n}) => {\n const {\n showInlineView,\n containerRef\n } = (0,domains_visibility_hooks__WEBPACK_IMPORTED_MODULE_1__.useShowInlineView)();\n return (0,preact_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)(\"div\", {\n ref: containerRef,\n children: showInlineView && children\n });\n};\nconst DeprecatedView = () => {\n const {\n isVisible,\n openChat,\n closeChat\n } = (0,domains_visibility_hooks__WEBPACK_IMPORTED_MODULE_1__.useVisibility)();\n return isVisible && (0,preact_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)(ShowInlineView, {\n children: (0,preact_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsxs)(_layout_deprecated_app_frame__WEBPACK_IMPORTED_MODULE_5__[\"default\"], {\n children: [(0,preact_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)(_entry_deprecated_toggle_button__WEBPACK_IMPORTED_MODULE_3__[\"default\"], {\n onOpenChat: openChat\n }), (0,preact_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)(_layout_header__WEBPACK_IMPORTED_MODULE_6__[\"default\"], {\n onCloseChat: closeChat,\n children: (0,preact_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)(_layout_agent_info__WEBPACK_IMPORTED_MODULE_4__[\"default\"], {})\n }), (0,preact_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)(ui_components_layout_deprecated_chat_frame__WEBPACK_IMPORTED_MODULE_0__[\"default\"], {\n interruptComponent: _layout_interrupt__WEBPACK_IMPORTED_MODULE_7__[\"default\"],\n children: (0,preact_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)(_conversation_conversation__WEBPACK_IMPORTED_MODULE_2__[\"default\"], {})\n })]\n })\n });\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (DeprecatedView);\n\n//# sourceURL=webpack://@seamly/web-ui/./src/javascripts/ui/components/view/deprecated-view.js?");
|
|
1645
1645
|
|
|
1646
1646
|
/***/ }),
|
|
1647
1647
|
|