cobrowse-agent-ui 1.2.0 → 1.3.1

package/dist/CodeEntry.js

@@ -1,226 +0,0 @@
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-function _regeneratorRuntime() { "use strict"; /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */ _regeneratorRuntime = function _regeneratorRuntime() { return exports; }; var exports = {}, Op = Object.prototype, hasOwn = Op.hasOwnProperty, $Symbol = "function" == typeof Symbol ? Symbol : {}, iteratorSymbol = $Symbol.iterator || "@@iterator", asyncIteratorSymbol = $Symbol.asyncIterator || "@@asyncIterator", toStringTagSymbol = $Symbol.toStringTag || "@@toStringTag"; function define(obj, key, value) { return Object.defineProperty(obj, key, { value: value, enumerable: !0, configurable: !0, writable: !0 }), obj[key]; } try { define({}, ""); } catch (err) { define = function define(obj, key, value) { return obj[key] = value; }; } function wrap(innerFn, outerFn, self, tryLocsList) { var protoGenerator = outerFn && outerFn.prototype instanceof Generator ? outerFn : Generator, generator = Object.create(protoGenerator.prototype), context = new Context(tryLocsList || []); return generator._invoke = function (innerFn, self, context) { var state = "suspendedStart"; return function (method, arg) { if ("executing" === state) throw new Error("Generator is already running"); if ("completed" === state) { if ("throw" === method) throw arg; return doneResult(); } for (context.method = method, context.arg = arg;;) { var delegate = context.delegate; if (delegate) { var delegateResult = maybeInvokeDelegate(delegate, context); if (delegateResult) { if (delegateResult === ContinueSentinel) continue; return delegateResult; } } if ("next" === context.method) context.sent = context._sent = context.arg;else if ("throw" === context.method) { if ("suspendedStart" === state) throw state = "completed", context.arg; context.dispatchException(context.arg); } else "return" === context.method && context.abrupt("return", context.arg); state = "executing"; var record = tryCatch(innerFn, self, context); if ("normal" === record.type) { if (state = context.done ? "completed" : "suspendedYield", record.arg === ContinueSentinel) continue; return { value: record.arg, done: context.done }; } "throw" === record.type && (state = "completed", context.method = "throw", context.arg = record.arg); } }; }(innerFn, self, context), generator; } function tryCatch(fn, obj, arg) { try { return { type: "normal", arg: fn.call(obj, arg) }; } catch (err) { return { type: "throw", arg: err }; } } exports.wrap = wrap; var ContinueSentinel = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} var IteratorPrototype = {}; define(IteratorPrototype, iteratorSymbol, function () { return this; }); var getProto = Object.getPrototypeOf, NativeIteratorPrototype = getProto && getProto(getProto(values([]))); NativeIteratorPrototype && NativeIteratorPrototype !== Op && hasOwn.call(NativeIteratorPrototype, iteratorSymbol) && (IteratorPrototype = NativeIteratorPrototype); var Gp = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(IteratorPrototype); function defineIteratorMethods(prototype) { ["next", "throw", "return"].forEach(function (method) { define(prototype, method, function (arg) { return this._invoke(method, arg); }); }); } function AsyncIterator(generator, PromiseImpl) { function invoke(method, arg, resolve, reject) { var record = tryCatch(generator[method], generator, arg); if ("throw" !== record.type) { var result = record.arg, value = result.value; return value && "object" == _typeof(value) && hasOwn.call(value, "__await") ? PromiseImpl.resolve(value.__await).then(function (value) { invoke("next", value, resolve, reject); }, function (err) { invoke("throw", err, resolve, reject); }) : PromiseImpl.resolve(value).then(function (unwrapped) { result.value = unwrapped, resolve(result); }, function (error) { return invoke("throw", error, resolve, reject); }); } reject(record.arg); } var previousPromise; this._invoke = function (method, arg) { function callInvokeWithMethodAndArg() { return new PromiseImpl(function (resolve, reject) { invoke(method, arg, resolve, reject); }); } return previousPromise = previousPromise ? previousPromise.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg(); }; } function maybeInvokeDelegate(delegate, context) { var method = delegate.iterator[context.method]; if (undefined === method) { if (context.delegate = null, "throw" === context.method) { if (delegate.iterator.return && (context.method = "return", context.arg = undefined, maybeInvokeDelegate(delegate, context), "throw" === context.method)) return ContinueSentinel; context.method = "throw", context.arg = new TypeError("The iterator does not provide a 'throw' method"); } return ContinueSentinel; } var record = tryCatch(method, delegate.iterator, context.arg); if ("throw" === record.type) return context.method = "throw", context.arg = record.arg, context.delegate = null, ContinueSentinel; var info = record.arg; return info ? info.done ? (context[delegate.resultName] = info.value, context.next = delegate.nextLoc, "return" !== context.method && (context.method = "next", context.arg = undefined), context.delegate = null, ContinueSentinel) : info : (context.method = "throw", context.arg = new TypeError("iterator result is not an object"), context.delegate = null, ContinueSentinel); } function pushTryEntry(locs) { var entry = { tryLoc: locs[0] }; 1 in locs && (entry.catchLoc = locs[1]), 2 in locs && (entry.finallyLoc = locs[2], entry.afterLoc = locs[3]), this.tryEntries.push(entry); } function resetTryEntry(entry) { var record = entry.completion || {}; record.type = "normal", delete record.arg, entry.completion = record; } function Context(tryLocsList) { this.tryEntries = [{ tryLoc: "root" }], tryLocsList.forEach(pushTryEntry, this), this.reset(!0); } function values(iterable) { if (iterable) { var iteratorMethod = iterable[iteratorSymbol]; if (iteratorMethod) return iteratorMethod.call(iterable); if ("function" == typeof iterable.next) return iterable; if (!isNaN(iterable.length)) { var i = -1, next = function next() { for (; ++i < iterable.length;) { if (hasOwn.call(iterable, i)) return next.value = iterable[i], next.done = !1, next; } return next.value = undefined, next.done = !0, next; }; return next.next = next; } } return { next: doneResult }; } function doneResult() { return { value: undefined, done: !0 }; } return GeneratorFunction.prototype = GeneratorFunctionPrototype, define(Gp, "constructor", GeneratorFunctionPrototype), define(GeneratorFunctionPrototype, "constructor", GeneratorFunction), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, toStringTagSymbol, "GeneratorFunction"), exports.isGeneratorFunction = function (genFun) { var ctor = "function" == typeof genFun && genFun.constructor; return !!ctor && (ctor === GeneratorFunction || "GeneratorFunction" === (ctor.displayName || ctor.name)); }, exports.mark = function (genFun) { return Object.setPrototypeOf ? Object.setPrototypeOf(genFun, GeneratorFunctionPrototype) : (genFun.__proto__ = GeneratorFunctionPrototype, define(genFun, toStringTagSymbol, "GeneratorFunction")), genFun.prototype = Object.create(Gp), genFun; }, exports.awrap = function (arg) { return { __await: arg }; }, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, asyncIteratorSymbol, function () { return this; }), exports.AsyncIterator = AsyncIterator, exports.async = function (innerFn, outerFn, self, tryLocsList, PromiseImpl) { void 0 === PromiseImpl && (PromiseImpl = Promise); var iter = new AsyncIterator(wrap(innerFn, outerFn, self, tryLocsList), PromiseImpl); return exports.isGeneratorFunction(outerFn) ? iter : iter.next().then(function (result) { return result.done ? result.value : iter.next(); }); }, defineIteratorMethods(Gp), define(Gp, toStringTagSymbol, "Generator"), define(Gp, iteratorSymbol, function () { return this; }), define(Gp, "toString", function () { return "[object Generator]"; }), exports.keys = function (object) { var keys = []; for (var key in object) { keys.push(key); } return keys.reverse(), function next() { for (; keys.length;) { var key = keys.pop(); if (key in object) return next.value = key, next.done = !1, next; } return next.done = !0, next; }; }, exports.values = values, Context.prototype = { constructor: Context, reset: function reset(skipTempReset) { if (this.prev = 0, this.next = 0, this.sent = this._sent = undefined, this.done = !1, this.delegate = null, this.method = "next", this.arg = undefined, this.tryEntries.forEach(resetTryEntry), !skipTempReset) for (var name in this) { "t" === name.charAt(0) && hasOwn.call(this, name) && !isNaN(+name.slice(1)) && (this[name] = undefined); } }, stop: function stop() { this.done = !0; var rootRecord = this.tryEntries[0].completion; if ("throw" === rootRecord.type) throw rootRecord.arg; return this.rval; }, dispatchException: function dispatchException(exception) { if (this.done) throw exception; var context = this; function handle(loc, caught) { return record.type = "throw", record.arg = exception, context.next = loc, caught && (context.method = "next", context.arg = undefined), !!caught; } for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i], record = entry.completion; if ("root" === entry.tryLoc) return handle("end"); if (entry.tryLoc <= this.prev) { var hasCatch = hasOwn.call(entry, "catchLoc"), hasFinally = hasOwn.call(entry, "finallyLoc"); if (hasCatch && hasFinally) { if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0); if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc); } else if (hasCatch) { if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0); } else { if (!hasFinally) throw new Error("try statement without catch or finally"); if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc); } } } }, abrupt: function abrupt(type, arg) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.tryLoc <= this.prev && hasOwn.call(entry, "finallyLoc") && this.prev < entry.finallyLoc) { var finallyEntry = entry; break; } } finallyEntry && ("break" === type || "continue" === type) && finallyEntry.tryLoc <= arg && arg <= finallyEntry.finallyLoc && (finallyEntry = null); var record = finallyEntry ? finallyEntry.completion : {}; return record.type = type, record.arg = arg, finallyEntry ? (this.method = "next", this.next = finallyEntry.finallyLoc, ContinueSentinel) : this.complete(record); }, complete: function complete(record, afterLoc) { if ("throw" === record.type) throw record.arg; return "break" === record.type || "continue" === record.type ? this.next = record.arg : "return" === record.type ? (this.rval = this.arg = record.arg, this.method = "return", this.next = "end") : "normal" === record.type && afterLoc && (this.next = afterLoc), ContinueSentinel; }, finish: function finish(finallyLoc) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.finallyLoc === finallyLoc) return this.complete(entry.completion, entry.afterLoc), resetTryEntry(entry), ContinueSentinel; } }, catch: function _catch(tryLoc) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.tryLoc === tryLoc) { var record = entry.completion; if ("throw" === record.type) { var thrown = record.arg; resetTryEntry(entry); } return thrown; } } throw new Error("illegal catch attempt"); }, delegateYield: function delegateYield(iterable, resultName, nextLoc) { return this.delegate = { iterator: values(iterable), resultName: resultName, nextLoc: nextLoc }, "next" === this.method && (this.arg = undefined), ContinueSentinel; } }, exports; }
-function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
-function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
-function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
-function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
-function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
-function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
-function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
-function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-import React, { Component } from 'react';
-import './CodeEntry.css';
-var CodeEntry = /*#__PURE__*/function (_Component) {
-  _inherits(CodeEntry, _Component);
-  var _super = _createSuper(CodeEntry);
-  function CodeEntry() {
-    var _this;
-    _classCallCheck(this, CodeEntry);
-    _this = _super.call(this);
-    _defineProperty(_assertThisInitialized(_this), "getCode", function () {
-      return _this.state.code.join('').substr(0, 6);
-    });
-    _defineProperty(_assertThisInitialized(_this), "setDigit", function (digit, value) {
-      if (digit > 5) return;
-      var code = _this.state.code;
-      code[digit] = value;
-      _this.setState({
-        code: _toConsumableArray(code)
-      });
-      _this.tryComplete();
-    });
-    _defineProperty(_assertThisInitialized(_this), "focus", function () {
-      _this.firstDigit.focus();
-    });
-    _defineProperty(_assertThisInitialized(_this), "isEditable", function () {
-      return !_this.state.validating;
-    });
-    _defineProperty(_assertThisInitialized(_this), "tryComplete", /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
-      var code;
-      return _regeneratorRuntime().wrap(function _callee$(_context) {
-        while (1) {
-          switch (_context.prev = _context.next) {
-            case 0:
-              if (_this.isEditable()) {
-                _context.next = 2;
-                break;
-              }
-              return _context.abrupt("return");
-            case 2:
-              code = _this.getCode();
-              if (!(code.length !== 6)) {
-                _context.next = 5;
-                break;
-              }
-              return _context.abrupt("return");
-            case 5:
-              _this.setState({
-                validating: true
-              });
-              _context.prev = 6;
-              _context.next = 9;
-              return _this.props.onCode(code);
-            case 9:
-              if (!_context.sent) {
-                _context.next = 15;
-                break;
-              }
-              _this.setState({
-                validating: false
-              });
-              _this.setState({
-                code: ['', '', '', '', '', '']
-              });
-              if (_this.firstDigit) _this.firstDigit.focus();
-              _context.next = 17;
-              break;
-            case 15:
-              _this.setState({
-                validating: false
-              });
-              if (_this.lastDigit) _this.lastDigit.focus();
-            case 17:
-              _context.next = 24;
-              break;
-            case 19:
-              _context.prev = 19;
-              _context.t0 = _context["catch"](6);
-              _this.setState({
-                validating: false
-              });
-              if (_this.lastDigit) _this.lastDigit.focus();
-              throw _context.t0;
-            case 24:
-            case "end":
-              return _context.stop();
-          }
-        }
-      }, _callee, null, [[6, 19]]);
-    })));
-    _defineProperty(_assertThisInitialized(_this), "handlePaste", function (event) {
-      if (!_this.isEditable()) return false;
-      var clipboardData = event.clipboardData || window.clipboardData;
-      var pastedData = clipboardData.getData('Text').toString();
-      if (!parseInt(pastedData, 10)) return event.preventDefault();
-      var digits = pastedData.split('');
-      var digit = parseInt(event.target.getAttribute('data-digit'), 10);
-      var target = event.target;
-      digits.forEach(function (value) {
-        _this.setDigit(digit, value);
-        digit += 1;
-        if (target) target = target.nextSibling;
-      });
-      if (target) target.focus();
-      return event.preventDefault();
-    });
-    _defineProperty(_assertThisInitialized(_this), "handleOnChange", function (event) {
-      var value = event.target.value.substr(-1);
-      // validate text on any change
-      var digit = parseInt(event.target.getAttribute('data-digit'), 10);
-      _this.setDigit(digit, value);
-      if (!event.repeat && /[0-9]/.test(value)) {
-        event.target.value = '';
-        var nextSibling = event.target.nextSibling;
-        if (nextSibling) nextSibling.focus();
-      }
-    });
-    _defineProperty(_assertThisInitialized(_this), "handleKeyDown", function (event) {
-      // on backspace on empty node go back to previous
-      if (event.target.value.length === 0 && event.keyCode === 8) {
-        if (event.target.previousSibling) event.target.previousSibling.focus();
-        // left arrow moves to previous
-      } else if (event.keyCode === 37) {
-        if (event.target.previousSibling) event.target.previousSibling.focus();
-        return event.preventDefault();
-        // right arrow moves to next
-      } else if (event.keyCode === 39) {
-        if (event.target.nextSibling) event.target.nextSibling.focus();
-        return event.preventDefault();
-        // prevent non-numeric characters that might appear in numbers (e.g 'e')
-        // but allow backspaces too
-      } else if (!event.metaKey && !event.ctrlKey && event.keyCode !== 8 && event.keyCode !== 9 && !/^[0-9]{1}$/.test(event.key)) {
-        return event.preventDefault();
-      }
-      return null;
-    });
-    _this.state = {
-      validating: false,
-      code: ['', '', '', '', '', '']
-    };
-    return _this;
-  }
-  _createClass(CodeEntry, [{
-    key: "render",
-    value: function render() {
-      var _this2 = this;
-      var keyHandlers = {
-        onKeyDown: this.handleKeyDown,
-        onChange: this.handleOnChange,
-        onPaste: this.handlePaste,
-        disabled: !this.isEditable()
-      };
-      var invalid = !this.state.validating && this.getCode().length === 6;
-      return /*#__PURE__*/React.createElement("div", {
-        className: "CodeEntry"
-      }, /*#__PURE__*/React.createElement("div", {
-        className: invalid ? 'invalid' : ''
-      }, /*#__PURE__*/React.createElement("input", _extends({
-        className: "bordered",
-        type: "number"
-      }, keyHandlers, {
-        value: this.state.code[0],
-        "data-digit": 0,
-        ref: function ref(c) {
-          _this2.firstDigit = c;
-        }
-      })), /*#__PURE__*/React.createElement("input", _extends({
-        className: "bordered",
-        type: "number"
-      }, keyHandlers, {
-        value: this.state.code[1],
-        "data-digit": 1
-      })), /*#__PURE__*/React.createElement("input", _extends({
-        className: "bordered",
-        type: "number"
-      }, keyHandlers, {
-        value: this.state.code[2],
-        "data-digit": 2
-      })), /*#__PURE__*/React.createElement("input", _extends({
-        className: "bordered",
-        type: "number"
-      }, keyHandlers, {
-        value: this.state.code[3],
-        "data-digit": 3
-      })), /*#__PURE__*/React.createElement("input", _extends({
-        className: "bordered",
-        type: "number"
-      }, keyHandlers, {
-        value: this.state.code[4],
-        "data-digit": 4
-      })), /*#__PURE__*/React.createElement("input", _extends({
-        className: "bordered",
-        type: "number"
-      }, keyHandlers, {
-        value: this.state.code[5],
-        "data-digit": 5,
-        ref: function ref(c) {
-          _this2.lastDigit = c;
-        }
-      }))));
-    }
-  }]);
-  return CodeEntry;
-}(Component);
-export { CodeEntry as default };

package/dist/Device.css

@@ -1,47 +0,0 @@
-
-.Device {
-    padding: 7px;
-    border-left: 5px solid transparent;
-    display: flex;
-    align-items: center;
-    position: relative;
-}
-
-.Device.online .device-status {
-    outline: 2px solid #C7EA30;
-}
-
-.Device .last-seen {
-    font-size: 0.8em;
-    color: #777;
-    margin-top: 3px;
-    white-space: nowrap;
-}
-
-.Device .device-status {
-    height: 36px;
-    width: 36px;
-    padding: 4px;
-    outline: 2px solid rgb(4 13 60 / 0.25);
-    border-radius: 100%;
-    box-sizing: border-box;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-}
-
-.Device .platform-icon {
-    /*font-size: 24px;*/
-    /*max-height: 24px;*/
-    height: 100%;
-    width: auto;
-    pointer-events: none;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-}
-
-.Device .details {
-    flex:1;
-    margin-left: 7px;
-}

package/dist/Device.js

@@ -1,31 +0,0 @@
-import React from 'react';
-import i18n from './i18n';
-import PlatformIcon from './PlatformIcon.js';
-import deviceType from './deviceType.js';
-import './Device.css';
-export default function Device(props) {
-  function renderLastSeen() {
-    if (props.device.online) {
-      return /*#__PURE__*/React.createElement("div", {
-        className: "last-seen"
-      }, i18n.t('Online'));
-    } else {
-      return /*#__PURE__*/React.createElement("div", {
-        className: "last-seen"
-      }, i18n.t('Last seen {{date, dateRelative}}', {
-        date: new Date(props.device.last_active)
-      }));
-    }
-  }
-  return /*#__PURE__*/React.createElement("div", {
-    style: props.style,
-    className: "Device ".concat(props.device.online ? 'online' : '', " ").concat(props.device.connectable ? 'connectable' : '')
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "device-status"
-  }, /*#__PURE__*/React.createElement(PlatformIcon, {
-    platform: props.device.device.platform,
-    className: "platform-icon"
-  })), /*#__PURE__*/React.createElement("div", {
-    className: "details"
-  }, deviceType(props.device.device), renderLastSeen()), props.children);
-}

package/dist/PlatformIcon.css

@@ -1,6 +0,0 @@
-
-.PlatformIcon {
-    width: 0.9em;
-    height: 0.9em;
-    vertical-align: middle;
-}

package/dist/PlatformIcon.js

@@ -1,94 +0,0 @@
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-import React from 'react';
-var IconGlobe = function IconGlobe(props) {
-  return /*#__PURE__*/React.createElement("svg", props, /*#__PURE__*/React.createElement("path", {
-    d: "M14.917 14.492a1.672 1.672 0 0 0-1.584-1.159H12.5v-2.5a.833.833 0 0 0-.833-.833h-5V8.333h1.666a.833.833 0 0 0 .834-.833V5.833h1.666A1.667 1.667 0 0 0 12.5 4.167v-.342a6.654 6.654 0 0 1 2.417 10.667Zm-5.75 2.116A6.657 6.657 0 0 1 3.333 10c0-.517.067-1.017.175-1.492L7.5 12.5v.833A1.667 1.667 0 0 0 9.167 15M10 1.667a8.333 8.333 0 1 0 0 16.666 8.333 8.333 0 0 0 0-16.666Z",
-    fill: "currentColor"
-  }));
-};
-IconGlobe.defaultProps = {
-  viewBox: "0 0 20 20",
-  fill: "none",
-  xmlns: "http://www.w3.org/2000/svg"
-};
-var IconApple = function IconApple(props) {
-  return /*#__PURE__*/React.createElement("svg", props, /*#__PURE__*/React.createElement("path", {
-    d: "M14.208 16.9c-.816.792-1.708.667-2.566.292-.909-.384-1.742-.4-2.7 0-1.2.516-1.834.366-2.55-.292-4.067-4.192-3.467-10.575 1.15-10.808 1.125.058 1.908.616 2.566.666.984-.2 1.925-.775 2.975-.7 1.259.1 2.209.6 2.834 1.5-2.6 1.559-1.984 4.984.4 5.942-.475 1.25-1.092 2.492-2.117 3.408l.008-.008ZM10.025 6.042C9.9 4.183 11.408 2.65 13.142 2.5c.241 2.15-1.95 3.75-3.117 3.542Z",
-    fill: "currentColor"
-  }));
-};
-IconApple.defaultProps = {
-  viewBox: "0 0 20 20",
-  fill: "none",
-  xmlns: "http://www.w3.org/2000/svg"
-};
-var IconAndroid = function IconAndroid(props) {
-  return /*#__PURE__*/React.createElement("svg", props, /*#__PURE__*/React.createElement("path", {
-    d: "M.833 15a9.03 9.03 0 0 1 1.365-4.104 8.67 8.67 0 0 1 3.135-2.98L3.792 5.25a.45.45 0 0 1-.063-.396.501.501 0 0 1 .27-.312.439.439 0 0 1 .376-.042c.139.042.25.125.333.25L6.25 7.417a9.616 9.616 0 0 1 3.75-.75c1.306 0 2.556.25 3.75.75l1.542-2.667a.597.597 0 0 1 .333-.25.439.439 0 0 1 .375.042c.139.07.23.173.27.312a.45.45 0 0 1-.062.396l-1.541 2.667a8.661 8.661 0 0 1 3.135 2.979A9.044 9.044 0 0 1 19.167 15H.833Zm5-2.292c.292 0 .539-.1.74-.302.202-.202.302-.448.302-.74 0-.291-.1-.538-.303-.74a1.002 1.002 0 0 0-.739-.301c-.291 0-.538.1-.74.303a1.003 1.003 0 0 0-.301.739c0 .291.1.538.302.74.202.201.448.302.74.301Zm8.334 0c.291 0 .538-.1.74-.302.201-.202.302-.448.301-.74 0-.291-.1-.538-.302-.74a1.003 1.003 0 0 0-.74-.301c-.291 0-.538.1-.74.303a1.003 1.003 0 0 0-.301.739c0 .291.1.538.302.74.202.201.449.302.74.301Z",
-    fill: "currentColor"
-  }));
-};
-IconAndroid.defaultProps = {
-  viewBox: "0 0 20 20",
-  fill: "none",
-  xmlns: "http://www.w3.org/2000/svg"
-};
-var IconWindows = function IconWindows(props) {
-  return /*#__PURE__*/React.createElement("svg", props, /*#__PURE__*/React.createElement("path", {
-    d: "M5.216 8.219 16.28 6.695v10.69H5.214V8.22l.002-.002Zm0 19.563 11.065 1.525v-10.56H5.214l.002 9.035Zm12.282 1.687L32.216 31.5V18.747H17.498v10.722Zm0-22.938v10.854h14.718V4.5L17.498 6.531Z",
-    fill: "currentColor"
-  }));
-};
-IconWindows.defaultProps = {
-  viewBox: "0 0 37 36",
-  fill: "none",
-  xmlns: "http://www.w3.org/2000/svg"
-};
-var IconDefault = function IconDefault(props) {
-  return /*#__PURE__*/React.createElement("svg", props, /*#__PURE__*/React.createElement("path", {
-    style: {
-      fill: "#020202"
-    },
-    d: "M206.759 332.99H39.225c-3.894 0-7.065-3.173-7.065-7.067V53.353c0-3.893 3.172-7.065 7.065-7.065h401.631c3.895 0 7.065 3.172 7.065 7.065v59.696c11.763 1.389 22.785 5.244 32.159 11.581V53.353c0-21.63-17.602-39.225-39.225-39.225H39.225C17.602 14.128 0 31.722 0 53.353v272.569c0 21.631 17.602 39.227 39.225 39.227h134.62v52.581h-21.229c-13.316 0-24.12 10.796-24.12 24.12 0 13.324 10.804 24.12 24.12 24.12h67.71c-8.463-11.902-13.566-26.35-13.566-42.037V332.99z"
-  }), /*#__PURE__*/React.createElement("path", {
-    style: {
-      fill: "#020202"
-    },
-    d: "M341.739 441.645v-34.742h-70.662V184.999c0-4.681 3.8-8.489 8.479-8.489h159.887c4.679 0 8.478 3.808 8.478 8.489v68.676h12.046c7.364 0 14.179 2.127 20.113 5.597v-74.273c0-22.417-18.23-40.648-40.638-40.648H279.556c-22.407 0-40.638 18.231-40.638 40.648v238.933c0 22.417 18.23 40.647 40.638 40.647h69.438c-4.428-6.359-7.255-15.22-7.255-22.934z"
-  }), /*#__PURE__*/React.createElement("path", {
-    style: {
-      fill: "#020202"
-    },
-    d: "M459.967 273.775h-77.996c-11.104 0-20.132 9.037-20.132 20.138v147.732c0 11.101 9.028 20.131 20.132 20.131h77.996c11.102 0 20.13-9.03 20.13-20.131V293.912c0-11.101-9.029-20.137-20.13-20.137zm-74.009 24.119h70.019v127.703h-70.019V297.894zm35.019 154.099c-2.215 0-4.193-.896-5.7-2.277-1.713-1.555-2.812-3.739-2.812-6.228 0-4.694 3.801-8.495 8.512-8.495 4.679 0 8.479 3.801 8.479 8.495 0 2.489-1.1 4.672-2.795 6.228-1.509 1.382-3.487 2.277-5.684 2.277z"
-  }));
-};
-IconDefault.defaultProps = {
-  xmlns: "http://www.w3.org/2000/svg",
-  viewBox: "0 0 480.097 480.097",
-  xmlSpace: "preserve"
-};
-import './PlatformIcon.css';
-function icon(platform) {
-  switch (platform) {
-    case 'web':
-      return IconGlobe;
-    case 'ios':
-      return IconApple;
-    case 'macos':
-      return IconApple;
-    case 'android':
-      return IconAndroid;
-    case 'windows':
-      return IconWindows;
-    default:
-      return IconDefault;
-  }
-}
-export default function PlatformIcon(props) {
-  var Icon = icon(props.platform);
-  return /*#__PURE__*/React.createElement(Icon, _extends({
-    fill: "currentColor"
-  }, props, {
-    className: "PlatformIcon ".concat(props.className || '')
-  }));
-}

package/dist/Session.css

@@ -1,60 +0,0 @@
-
-.Session {
-    padding: 7px;
-    display: flex;
-    align-items: center;
-    flex-wrap: wrap;
-}
-
-.Session .agent {
-    font-size: 0.8em;
-    margin-right: 7px;
-}
-
-.Session .details {
-    flex:1;
-}
-
-.Session .subdetails {
-    display: flex;
-    margin-top: 4px;
-    align-items: baseline;
-    color: #777;
-}
-
-.Session .recorded {
-    text-transform: uppercase;
-    font-size: 10px;
-    margin-left: 15px;
-}
-
-.Session .active {
-    color: white;
-    font-size: 11px;
-    font-weight: bold;
-    text-transform: uppercase;
-    background-color: #3cc56e;
-    padding: 1px 3px 1px 3px;
-    border-radius: 3px;
-    display: inline-block;
-}
-
-.Session .activated {
-    font-size: 0.8em;
-    white-space: nowrap;
-}
-
-.Session .recorded:before {
-    content: '';
-    width: 8px;
-    height: 8px;
-    margin-right: 4px;
-    background: red;
-    border-radius: 100%;
-    display: inline-block;
-}
-
-.Session .duration {
-    font-weight: bold;
-    font-size: 12px;
-}

package/dist/Session.js

@@ -1,39 +0,0 @@
-import React from 'react';
-import deviceType from './deviceType.js';
-import Stopwatch from './Stopwatch.js';
-import i18n from './i18n';
-import { Trans } from 'react-i18next';
-import './Session.css';
-export default function Session(props) {
-  function openRecording() {
-    if (props.openRecording) props.openRecording(props.session);
-  }
-  return /*#__PURE__*/React.createElement("div", {
-    style: props.style,
-    onClick: props.onClick,
-    className: "Session ".concat(props.className || '')
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "details"
-  }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Trans, {
-    i18n: i18n
-  }, /*#__PURE__*/React.createElement("span", {
-    className: "device-prefix"
-  }, "Connected to "), {
-    deviceType: deviceType(props.session.device)
-  })), /*#__PURE__*/React.createElement("div", {
-    className: "subdetails"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "activated"
-  }, i18n.t('{{date, dateRelative}}', {
-    date: new Date(props.session.activated)
-  })), props.session.state === 'ended' && props.session.recorded ? /*#__PURE__*/React.createElement("div", {
-    className: "recorded",
-    onClick: openRecording
-  }, i18n.t('Recorded')) : null)), props.session.state === 'ended' ? /*#__PURE__*/React.createElement(Stopwatch, {
-    className: "duration",
-    start: new Date(props.session.activated),
-    end: new Date(props.session.ended || Date.now())
-  }) : /*#__PURE__*/React.createElement("div", {
-    className: "active"
-  }, i18n.t('Active')), props.children);
-}

package/dist/SmartConnectButton.css

@@ -1,19 +0,0 @@
-
-.SmartConnectButton {
-    margin: 3px;
-    display: inline-block;
-    background: #F6F4F8;
-    padding: 12px 16px;
-    cursor: not-allowed;
-    border-radius: 4px;
-    font-weight: 600;
-    font-size: 1rem;
-    opacity: 0.6;
-}
-
-.SmartConnectButton.connectable {
-    background: #040D3C;
-    color: #ffffff;
-    cursor: pointer;
-    opacity: 1;
-}

package/dist/SmartConnectButton.js

@@ -1,11 +0,0 @@
-import React from 'react';
-import './SmartConnectButton.css';
-export default function SmartConnectButton(props) {
-  function onClick() {
-    if (props.device.connectable && props.onClick) props.onClick(props.device);
-  }
-  return /*#__PURE__*/React.createElement("div", {
-    className: "SmartConnectButton ".concat(props.device.online ? 'online' : '', " ").concat(props.device.connectable ? 'connectable' : ''),
-    onClick: onClick
-  }, props.label || 'Connect');
-}

package/dist/Stopwatch.js

@@ -1,15 +0,0 @@
-import React from 'react';
-import { differenceInMilliseconds, intervalToDuration, format } from 'date-fns';
-export default function Stopwatch(props) {
-  var start = props.start || new Date(0);
-  var end = props.end || new Date();
-  var ms = differenceInMilliseconds(end, start);
-  var duration = intervalToDuration({
-    start: start,
-    end: end
-  });
-  return /*#__PURE__*/React.createElement("div", {
-    style: props.style,
-    className: "Stopwatch ".concat(props.className || '')
-  }, duration.hours > 0 ? /*#__PURE__*/React.createElement("span", null, duration.hours, /*#__PURE__*/React.createElement("span", null, ":")) : null, /*#__PURE__*/React.createElement("span", null, format(new Date(ms), 'mm:ss')));
-}

package/dist/UserIcon.css

@@ -1,16 +0,0 @@
-
-.UserIcon {
-    color: white;
-    display: inline-flex;
-    align-items: center;
-    justify-content: center;
-    text-align: center;
-    background-size: cover;
-    padding: 6px;
-    border-radius: 50%;
-    width: 1.5em;
-    height: 1.5em;
-    border: 2px solid #ddd;
-    flex: 0 0 auto;
-    white-space: nowrap;
-}

package/dist/UserIcon.js

@@ -1,21 +0,0 @@
-import React from 'react';
-import './UserIcon.css';
-export default function UserIcon(props) {
-  function initials() {
-    if (!props.user) return '';
-    if (!props.user.name) return '';
-    if (props.user.picture) return '';
-    return props.user.name.split(' ').map(function (i) {
-      return i.toUpperCase().charAt(0);
-    }).join('').substr(0, 2);
-  }
-  if (!props.user) return null;
-  return /*#__PURE__*/React.createElement("div", {
-    className: "UserIcon ".concat(props.className || ''),
-    title: props.user.name || null,
-    style: {
-      backgroundImage: props.user.picture ? "url(".concat(props.user.picture || '', ")") : undefined,
-      backgroundColor: props.user.colour
-    }
-  }, /*#__PURE__*/React.createElement("span", null, initials()));
-}

package/dist/deviceType.js

@@ -1,31 +0,0 @@
-import parser from 'ua-parser-js';
-import i18n from './i18n';
-export default function deviceType(_ref) {
-  var platform = _ref.platform,
-    device = _ref.device;
-  var translateDevice = function translateDevice(device) {
-    return i18n.t('{{device}} Device', {
-      device: device
-    });
-  };
-  switch (platform) {
-    case 'web':
-      {
-        var ua = parser(device);
-        return i18n.t('{{browser}} on {{os}}', {
-          browser: ua.browser.name,
-          os: ua.os.name
-        });
-      }
-    case 'ios':
-      return translateDevice('iOS');
-    case 'android':
-      return translateDevice('Android');
-    case 'windows':
-      return translateDevice('Windows');
-    case 'macos':
-      return translateDevice('macOS');
-    default:
-      return platform;
-  }
-}