cobrowse-agent-ui 1.1.0 → 1.2.0

package/CHANGELOG.md

@@ -2,6 +2,15 @@
 
 All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines.
 
+## [1.2.0](https://github.com/cobrowseio/cobrowse-agent-ui/compare/v1.1.1...v1.2.0) (2025-05-09)
+
+
+### Features
+
+* add new locales ([#23](https://github.com/cobrowseio/cobrowse-agent-ui/issues/23)) ([7bb63b8](https://github.com/cobrowseio/cobrowse-agent-ui/commit/7bb63b8e98b053635488217d040c123b32033b3c))
+
+### [1.1.1](https://github.com/cobrowseio/cobrowse-agent-ui/compare/v1.1.0...v1.1.1) (2025-02-03)
+
 ## [1.1.0](https://github.com/cobrowseio/cobrowse-agent-ui/compare/v1.0.0...v1.1.0) (2024-01-17)
 
 

package/README.md

@@ -36,4 +36,4 @@ To add a new locale follow these steps:
 - Add a new entry to the `SUPPORTED_LOCALES` constant inside `src/i18n.js`.
 
 **Note:** ensure the locale code matches the ones provided by the
-[moment library](https://github.com/moment/moment/tree/develop/locale) as these are used to localize dates as well.
+[date-fns library](https://github.com/date-fns/date-fns/tree/main/src/locale) as these are used to localize dates as well.

package/dist/CodeEntry.js

@@ -1,14 +1,4 @@
-"use strict";
-
 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); }
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-require("./CodeEntry.css");
-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); }
-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; }
 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); } }
@@ -30,6 +20,8 @@ function _assertThisInitialized(self) { if (self === void 0) { throw new Referen
 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);
@@ -180,11 +172,11 @@ var CodeEntry = /*#__PURE__*/function (_Component) {
         disabled: !this.isEditable()
       };
       var invalid = !this.state.validating && this.getCode().length === 6;
-      return /*#__PURE__*/_react.default.createElement("div", {
+      return /*#__PURE__*/React.createElement("div", {
         className: "CodeEntry"
-      }, /*#__PURE__*/_react.default.createElement("div", {
+      }, /*#__PURE__*/React.createElement("div", {
         className: invalid ? 'invalid' : ''
-      }, /*#__PURE__*/_react.default.createElement("input", _extends({
+      }, /*#__PURE__*/React.createElement("input", _extends({
         className: "bordered",
         type: "number"
       }, keyHandlers, {
@@ -193,31 +185,31 @@ var CodeEntry = /*#__PURE__*/function (_Component) {
         ref: function ref(c) {
           _this2.firstDigit = c;
         }
-      })), /*#__PURE__*/_react.default.createElement("input", _extends({
+      })), /*#__PURE__*/React.createElement("input", _extends({
         className: "bordered",
         type: "number"
       }, keyHandlers, {
         value: this.state.code[1],
         "data-digit": 1
-      })), /*#__PURE__*/_react.default.createElement("input", _extends({
+      })), /*#__PURE__*/React.createElement("input", _extends({
         className: "bordered",
         type: "number"
       }, keyHandlers, {
         value: this.state.code[2],
         "data-digit": 2
-      })), /*#__PURE__*/_react.default.createElement("input", _extends({
+      })), /*#__PURE__*/React.createElement("input", _extends({
         className: "bordered",
         type: "number"
       }, keyHandlers, {
         value: this.state.code[3],
         "data-digit": 3
-      })), /*#__PURE__*/_react.default.createElement("input", _extends({
+      })), /*#__PURE__*/React.createElement("input", _extends({
         className: "bordered",
         type: "number"
       }, keyHandlers, {
         value: this.state.code[4],
         "data-digit": 4
-      })), /*#__PURE__*/_react.default.createElement("input", _extends({
+      })), /*#__PURE__*/React.createElement("input", _extends({
         className: "bordered",
         type: "number"
       }, keyHandlers, {
@@ -230,5 +222,5 @@ var CodeEntry = /*#__PURE__*/function (_Component) {
     }
   }]);
   return CodeEntry;
-}(_react.Component);
-exports.default = CodeEntry;
+}(Component);
+export { CodeEntry as default };

package/dist/Device.js

@@ -1,38 +1,31 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = Device;
-var _react = _interopRequireDefault(require("react"));
-var _i18n = _interopRequireDefault(require("./i18n"));
-var _PlatformIcon = _interopRequireDefault(require("./PlatformIcon.js"));
-var _deviceType = _interopRequireDefault(require("./deviceType.js"));
-require("./Device.css");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function Device(props) {
+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.default.createElement("div", {
+      return /*#__PURE__*/React.createElement("div", {
         className: "last-seen"
-      }, _i18n.default.t('Online'));
+      }, i18n.t('Online'));
     } else {
-      return /*#__PURE__*/_react.default.createElement("div", {
+      return /*#__PURE__*/React.createElement("div", {
         className: "last-seen"
-      }, _i18n.default.t('Last seen {{date, dateRelative}}', {
-        date: props.device.last_active
+      }, i18n.t('Last seen {{date, dateRelative}}', {
+        date: new Date(props.device.last_active)
       }));
     }
   }
-  return /*#__PURE__*/_react.default.createElement("div", {
+  return /*#__PURE__*/React.createElement("div", {
     style: props.style,
     className: "Device ".concat(props.device.online ? 'online' : '', " ").concat(props.device.connectable ? 'connectable' : '')
-  }, /*#__PURE__*/_react.default.createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: "device-status"
-  }, /*#__PURE__*/_react.default.createElement(_PlatformIcon.default, {
+  }, /*#__PURE__*/React.createElement(PlatformIcon, {
     platform: props.device.device.platform,
     className: "platform-icon"
-  })), /*#__PURE__*/_react.default.createElement("div", {
+  })), /*#__PURE__*/React.createElement("div", {
     className: "details"
-  }, (0, _deviceType.default)(props.device.device), renderLastSeen()), props.children);
+  }, deviceType(props.device.device), renderLastSeen()), props.children);
 }

package/dist/PlatformIcon.js

@@ -1,15 +1,7 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = PlatformIcon;
-var _react = _interopRequireDefault(require("react"));
-require("./PlatformIcon.css");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: 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); }
+import React from 'react';
 var IconGlobe = function IconGlobe(props) {
-  return /*#__PURE__*/_react.default.createElement("svg", props, /*#__PURE__*/_react.default.createElement("path", {
+  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"
   }));
@@ -20,7 +12,7 @@ IconGlobe.defaultProps = {
   xmlns: "http://www.w3.org/2000/svg"
 };
 var IconApple = function IconApple(props) {
-  return /*#__PURE__*/_react.default.createElement("svg", props, /*#__PURE__*/_react.default.createElement("path", {
+  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"
   }));
@@ -31,7 +23,7 @@ IconApple.defaultProps = {
   xmlns: "http://www.w3.org/2000/svg"
 };
 var IconAndroid = function IconAndroid(props) {
-  return /*#__PURE__*/_react.default.createElement("svg", props, /*#__PURE__*/_react.default.createElement("path", {
+  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"
   }));
@@ -42,7 +34,7 @@ IconAndroid.defaultProps = {
   xmlns: "http://www.w3.org/2000/svg"
 };
 var IconWindows = function IconWindows(props) {
-  return /*#__PURE__*/_react.default.createElement("svg", props, /*#__PURE__*/_react.default.createElement("path", {
+  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"
   }));
@@ -53,17 +45,17 @@ IconWindows.defaultProps = {
   xmlns: "http://www.w3.org/2000/svg"
 };
 var IconDefault = function IconDefault(props) {
-  return /*#__PURE__*/_react.default.createElement("svg", props, /*#__PURE__*/_react.default.createElement("path", {
+  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.default.createElement("path", {
+  }), /*#__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.default.createElement("path", {
+  }), /*#__PURE__*/React.createElement("path", {
     style: {
       fill: "#020202"
     },
@@ -75,6 +67,7 @@ IconDefault.defaultProps = {
   viewBox: "0 0 480.097 480.097",
   xmlSpace: "preserve"
 };
+import './PlatformIcon.css';
 function icon(platform) {
   switch (platform) {
     case 'web':
@@ -91,9 +84,9 @@ function icon(platform) {
       return IconDefault;
   }
 }
-function PlatformIcon(props) {
+export default function PlatformIcon(props) {
   var Icon = icon(props.platform);
-  return /*#__PURE__*/_react.default.createElement(Icon, _extends({
+  return /*#__PURE__*/React.createElement(Icon, _extends({
     fill: "currentColor"
   }, props, {
     className: "PlatformIcon ".concat(props.className || '')

package/dist/Session.js

@@ -1,46 +1,39 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = Session;
-var _react = _interopRequireDefault(require("react"));
-var _deviceType = _interopRequireDefault(require("./deviceType.js"));
-var _Stopwatch = _interopRequireDefault(require("./Stopwatch.js"));
-var _i18n = _interopRequireDefault(require("./i18n"));
-var _reactI18next = require("react-i18next");
-require("./Session.css");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function Session(props) {
+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.default.createElement("div", {
+  return /*#__PURE__*/React.createElement("div", {
     style: props.style,
     onClick: props.onClick,
     className: "Session ".concat(props.className || '')
-  }, /*#__PURE__*/_react.default.createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: "details"
-  }, /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_reactI18next.Trans, {
-    i18n: _i18n.default
-  }, /*#__PURE__*/_react.default.createElement("span", {
+  }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Trans, {
+    i18n: i18n
+  }, /*#__PURE__*/React.createElement("span", {
     className: "device-prefix"
   }, "Connected to "), {
-    deviceType: (0, _deviceType.default)(props.session.device)
-  })), /*#__PURE__*/_react.default.createElement("div", {
+    deviceType: deviceType(props.session.device)
+  })), /*#__PURE__*/React.createElement("div", {
     className: "subdetails"
-  }, /*#__PURE__*/_react.default.createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: "activated"
-  }, _i18n.default.t('{{date, dateRelative}}', {
-    date: props.session.activated
-  })), props.session.state === 'ended' && props.session.recorded ? /*#__PURE__*/_react.default.createElement("div", {
+  }, 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.default.t('Recorded')) : null)), props.session.state === 'ended' ? /*#__PURE__*/_react.default.createElement(_Stopwatch.default, {
+  }, i18n.t('Recorded')) : null)), props.session.state === 'ended' ? /*#__PURE__*/React.createElement(Stopwatch, {
     className: "duration",
-    start: props.session.activated,
-    end: props.session.ended || new Date()
-  }) : /*#__PURE__*/_react.default.createElement("div", {
+    start: new Date(props.session.activated),
+    end: new Date(props.session.ended || Date.now())
+  }) : /*#__PURE__*/React.createElement("div", {
     className: "active"
-  }, _i18n.default.t('Active')), props.children);
+  }, i18n.t('Active')), props.children);
 }

package/dist/SmartConnectButton.js

@@ -1,17 +1,10 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = SmartConnectButton;
-var _react = _interopRequireDefault(require("react"));
-require("./SmartConnectButton.css");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function SmartConnectButton(props) {
+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.default.createElement("div", {
+  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,19 +1,15 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = Stopwatch;
-var _react = _interopRequireDefault(require("react"));
-var _moment = _interopRequireDefault(require("moment"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function Stopwatch(props) {
-  var start = (0, _moment.default)(props.start || 0);
-  var end = (0, _moment.default)(props.end || Date.now());
-  var ms = (0, _moment.default)(end).diff(start);
-  var delta = _moment.default.duration(ms);
-  return /*#__PURE__*/_react.default.createElement("div", {
+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 || '')
-  }, delta.hours() > 0 ? /*#__PURE__*/_react.default.createElement("span", null, delta.hours(), /*#__PURE__*/_react.default.createElement("span", null, ":")) : null, /*#__PURE__*/_react.default.createElement("span", null, _moment.default.utc(ms).format('mm:ss')));
+  }, 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.js

@@ -1,13 +1,6 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = UserIcon;
-var _react = _interopRequireDefault(require("react"));
-require("./UserIcon.css");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function UserIcon(props) {
+import React from 'react';
+import './UserIcon.css';
+export default function UserIcon(props) {
   function initials() {
     if (!props.user) return '';
     if (!props.user.name) return '';
@@ -17,12 +10,12 @@ function UserIcon(props) {
     }).join('').substr(0, 2);
   }
   if (!props.user) return null;
-  return /*#__PURE__*/_react.default.createElement("div", {
+  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.default.createElement("span", null, initials()));
+  }, /*#__PURE__*/React.createElement("span", null, initials()));
 }

package/dist/deviceType.js

@@ -1,25 +1,18 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = deviceType;
-var _uaParserJs = _interopRequireDefault(require("ua-parser-js"));
-var _i18n = _interopRequireDefault(require("./i18n"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function deviceType(_ref) {
+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.default.t('{{device}} Device', {
+    return i18n.t('{{device}} Device', {
       device: device
     });
   };
   switch (platform) {
     case 'web':
       {
-        var ua = (0, _uaParserJs.default)(device);
-        return _i18n.default.t('{{browser}} on {{os}}', {
+        var ua = parser(device);
+        return i18n.t('{{browser}} on {{os}}', {
           browser: ua.browser.name,
           os: ua.os.name
         });

package/dist/i18n.js

@@ -1,58 +1,120 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _i18next = require("i18next");
-var _reactI18next = require("react-i18next");
-var _moment = _interopRequireDefault(require("moment"));
-require("moment/locale/es");
-require("moment/locale/fr");
-var _translation = _interopRequireDefault(require("./locales/en-us/translation.json"));
-var _translation2 = _interopRequireDefault(require("./locales/es/translation.json"));
-var _translation3 = _interopRequireDefault(require("./locales/fr/translation.json"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+var _dateLocales, _resources;
+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 { createInstance } from 'i18next';
+import { initReactI18next } from 'react-i18next';
+import { formatDistanceToNow } from 'date-fns';
+import { enUS, ar, cs, da, de, es, et, fi, fr, hi, it, ja, ko, lt, ms, nl, pl, pt, ro, ru, sk, sl, sv, th, uk, vi, zhCN } from 'date-fns/locale';
+import localeEnUS from './locales/en-us/translation.json';
+import localeAr from './locales/ar/translation.json';
+import localeCs from './locales/cs/translation.json';
+import localeDa from './locales/da/translation.json';
+import localeDe from './locales/de/translation.json';
+import localeEs from './locales/es/translation.json';
+import localeEt from './locales/et/translation.json';
+import localeFi from './locales/fi/translation.json';
+import localeFr from './locales/fr/translation.json';
+import localeHi from './locales/hi/translation.json';
+import localeIt from './locales/it/translation.json';
+import localeJa from './locales/ja/translation.json';
+import localeKk from './locales/kk/translation.json';
+import localeKo from './locales/ko/translation.json';
+import localeLt from './locales/lt/translation.json';
+import localeMr from './locales/mr/translation.json';
+import localeMs from './locales/ms/translation.json';
+import localeNl from './locales/nl/translation.json';
+import localePl from './locales/pl/translation.json';
+import localePt from './locales/pt/translation.json';
+import localeRo from './locales/ro/translation.json';
+import localeRu from './locales/ru/translation.json';
+import localeSk from './locales/sk/translation.json';
+import localeSl from './locales/sl/translation.json';
+import localeSv from './locales/sv/translation.json';
+import localeTh from './locales/th/translation.json';
+import localeUk from './locales/uk/translation.json';
+import localeVi from './locales/vi/translation.json';
+import localeZh from './locales/zh/translation.json';
 var englishUS = 'en-us';
-var spanish = 'es';
-var french = 'fr';
-var SUPPORTED_LOCALES = [englishUS, spanish, french];
-var i18n = (0, _i18next.createInstance)({
+var dateLocales = (_dateLocales = {}, _defineProperty(_dateLocales, englishUS, enUS), _defineProperty(_dateLocales, "ar", ar), _defineProperty(_dateLocales, "cs", cs), _defineProperty(_dateLocales, "da", da), _defineProperty(_dateLocales, "de", de), _defineProperty(_dateLocales, "es", es), _defineProperty(_dateLocales, "et", et), _defineProperty(_dateLocales, "fi", fi), _defineProperty(_dateLocales, "fr", fr), _defineProperty(_dateLocales, "hi", hi), _defineProperty(_dateLocales, "it", it), _defineProperty(_dateLocales, "ja", ja), _defineProperty(_dateLocales, "ko", ko), _defineProperty(_dateLocales, "lt", lt), _defineProperty(_dateLocales, "ms", ms), _defineProperty(_dateLocales, "nl", nl), _defineProperty(_dateLocales, "pl", pl), _defineProperty(_dateLocales, "pt", pt), _defineProperty(_dateLocales, "ro", ro), _defineProperty(_dateLocales, "ru", ru), _defineProperty(_dateLocales, "sk", sk), _defineProperty(_dateLocales, "sl", sl), _defineProperty(_dateLocales, "sv", sv), _defineProperty(_dateLocales, "th", th), _defineProperty(_dateLocales, "uk", uk), _defineProperty(_dateLocales, "vi", vi), _defineProperty(_dateLocales, "zh", zhCN), _dateLocales);
+var i18n = createInstance({
   fallbackLng: englishUS,
   debug: process.env.NODE_ENV === 'development',
   lowerCaseLng: true,
   interpolation: {
     escapeValue: false,
     // not needed for react as it escapes by default
-    format: function format(value, _format) {
-      if (_format === 'dateRelative' && (0, _moment.default)(value).isValid()) {
-        return (0, _moment.default)(value).fromNow();
+    format: function format(value, _format, lng) {
+      if (_format === 'dateRelative' && value instanceof Date) {
+        var locale = dateLocales[lng] || enUS;
+        return formatDistanceToNow(value, {
+          addSuffix: true,
+          locale: locale
+        });
       }
     }
   },
-  resources: {
-    'en-us': {
-      translation: _translation.default
-    },
-    es: {
-      translation: _translation2.default
-    },
-    fr: {
-      translation: _translation3.default
-    }
-  }
-});
-i18n.use(_reactI18next.initReactI18next).init();
-
-// Default to English on load
-_moment.default.locale(englishUS);
-i18n.on('languageChanged', function (language) {
-  // Fall back to US English if we don't currently support the selected language
-  if (SUPPORTED_LOCALES.indexOf(language) === -1) {
-    _moment.default.locale(englishUS);
-    return;
-  }
-  _moment.default.locale(language);
+  detection: {
+    caches: [],
+    order: []
+  },
+  resources: (_resources = {}, _defineProperty(_resources, englishUS, {
+    translation: localeEnUS
+  }), _defineProperty(_resources, "ar", {
+    translation: localeAr
+  }), _defineProperty(_resources, "cs", {
+    translation: localeCs
+  }), _defineProperty(_resources, "da", {
+    translation: localeDa
+  }), _defineProperty(_resources, "de", {
+    translation: localeDe
+  }), _defineProperty(_resources, "es", {
+    translation: localeEs
+  }), _defineProperty(_resources, "et", {
+    translation: localeEt
+  }), _defineProperty(_resources, "fi", {
+    translation: localeFi
+  }), _defineProperty(_resources, "fr", {
+    translation: localeFr
+  }), _defineProperty(_resources, "hi", {
+    translation: localeHi
+  }), _defineProperty(_resources, "it", {
+    translation: localeIt
+  }), _defineProperty(_resources, "ja", {
+    translation: localeJa
+  }), _defineProperty(_resources, "kk", {
+    translation: localeKk
+  }), _defineProperty(_resources, "ko", {
+    translation: localeKo
+  }), _defineProperty(_resources, "lt", {
+    translation: localeLt
+  }), _defineProperty(_resources, "mr", {
+    translation: localeMr
+  }), _defineProperty(_resources, "ms", {
+    translation: localeMs
+  }), _defineProperty(_resources, "nl", {
+    translation: localeNl
+  }), _defineProperty(_resources, "pl", {
+    translation: localePl
+  }), _defineProperty(_resources, "pt", {
+    translation: localePt
+  }), _defineProperty(_resources, "ro", {
+    translation: localeRo
+  }), _defineProperty(_resources, "ru", {
+    translation: localeRu
+  }), _defineProperty(_resources, "sk", {
+    translation: localeSk
+  }), _defineProperty(_resources, "sl", {
+    translation: localeSl
+  }), _defineProperty(_resources, "sv", {
+    translation: localeSv
+  }), _defineProperty(_resources, "th", {
+    translation: localeTh
+  }), _defineProperty(_resources, "uk", {
+    translation: localeUk
+  }), _defineProperty(_resources, "vi", {
+    translation: localeVi
+  }), _defineProperty(_resources, "zh", {
+    translation: localeZh
+  }), _resources)
 });
-var _default = i18n;
-exports.default = _default;
+i18n.use(initReactI18next).init();
+export default i18n;

package/dist/index.js

@@ -1,48 +1,7 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "CodeEntry", {
-  enumerable: true,
-  get: function get() {
-    return _CodeEntry.default;
-  }
-});
-Object.defineProperty(exports, "Device", {
-  enumerable: true,
-  get: function get() {
-    return _Device.default;
-  }
-});
-Object.defineProperty(exports, "PlatformIcon", {
-  enumerable: true,
-  get: function get() {
-    return _PlatformIcon.default;
-  }
-});
-Object.defineProperty(exports, "Session", {
-  enumerable: true,
-  get: function get() {
-    return _Session.default;
-  }
-});
-Object.defineProperty(exports, "SmartConnectButton", {
-  enumerable: true,
-  get: function get() {
-    return _SmartConnectButton.default;
-  }
-});
-Object.defineProperty(exports, "i18n", {
-  enumerable: true,
-  get: function get() {
-    return _i18n.default;
-  }
-});
-var _CodeEntry = _interopRequireDefault(require("./CodeEntry"));
-var _PlatformIcon = _interopRequireDefault(require("./PlatformIcon"));
-var _Device = _interopRequireDefault(require("./Device"));
-var _Session = _interopRequireDefault(require("./Session"));
-var _SmartConnectButton = _interopRequireDefault(require("./SmartConnectButton"));
-var _i18n = _interopRequireDefault(require("./i18n"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+import CodeEntry from './CodeEntry';
+import PlatformIcon from './PlatformIcon';
+import Device from './Device';
+import Session from './Session';
+import SmartConnectButton from './SmartConnectButton';
+import i18n from './i18n';
+export { CodeEntry, PlatformIcon, Device, SmartConnectButton, Session, i18n };

package/dist/locales/ar/translation.json

@@ -0,0 +1,10 @@
+{
+  "Online": "متصل",
+  "Last seen {{date, dateRelative}}": "آخر ظهور {{date, dateRelative}}",
+  "{{device}} Device": "جهاز {{device}}",
+  "{{browser}} on {{os}}": "{{browser}} على {{os}}",
+  "<0>Connected to </0>{{deviceType}}": "<0>متصل بـ </0>{{deviceType}}",
+  "{{date, dateRelative}}": "{{date, dateRelative}}",
+  "Recorded": "مسجل",
+  "Active": "نشط"
+} 

package/dist/locales/cs/translation.json

@@ -0,0 +1,10 @@
+{
+  "Online": "Online",
+  "Last seen {{date, dateRelative}}": "Naposledy viděn {{date, dateRelative}}",
+  "{{device}} Device": "Zařízení {{device}}",
+  "{{browser}} on {{os}}": "{{browser}} na {{os}}",
+  "<0>Connected to </0>{{deviceType}}": "<0>Připojeno k </0>{{deviceType}}",
+  "{{date, dateRelative}}": "{{date, dateRelative}}",
+  "Recorded": "Zaznamenáno",
+  "Active": "Aktivní"
+} 

package/dist/locales/da/translation.json

@@ -0,0 +1,10 @@
+{
+  "Online": "Online",
+  "Last seen {{date, dateRelative}}": "Sidst set {{date, dateRelative}}",
+  "{{device}} Device": "{{device}}-enhed",
+  "{{browser}} on {{os}}": "{{browser}} på {{os}}",
+  "<0>Connected to </0>{{deviceType}}": "<0>Forbundet til </0>{{deviceType}}",
+  "{{date, dateRelative}}": "{{date, dateRelative}}",
+  "Recorded": "Optaget",
+  "Active": "Aktiv"
+} 

package/dist/locales/de/translation.json

@@ -0,0 +1,10 @@
+{
+  "Online": "Online",
+  "Last seen {{date, dateRelative}}": "Zuletzt gesehen {{date, dateRelative}}",
+  "{{device}} Device": "{{device}}-Gerät",
+  "{{browser}} on {{os}}": "{{browser}} auf {{os}}",
+  "<0>Connected to </0>{{deviceType}}": "<0>Verbunden mit </0>{{deviceType}}",
+  "{{date, dateRelative}}": "{{date, dateRelative}}",
+  "Recorded": "Aufgezeichnet",
+  "Active": "Aktiv"
+} 

package/dist/locales/et/translation.json

@@ -0,0 +1,10 @@
+{
+  "Online": "Võrgus",
+  "Last seen {{date, dateRelative}}": "Viimati nähtud {{date, dateRelative}}",
+  "{{device}} Device": "{{device}} seade",
+  "{{browser}} on {{os}}": "{{browser}} operatsioonisüsteemil {{os}}",
+  "<0>Connected to </0>{{deviceType}}": "<0>Ühendatud </0>{{deviceType}}",
+  "{{date, dateRelative}}": "{{date, dateRelative}}",
+  "Recorded": "Salvestatud",
+  "Active": "Aktiivne"
+} 

package/dist/locales/fi/translation.json

@@ -0,0 +1,10 @@
+{
+  "Online": "Paikalla",
+  "Last seen {{date, dateRelative}}": "Nähty viimeksi {{date, dateRelative}}",
+  "{{device}} Device": "{{device}}-laite",
+  "{{browser}} on {{os}}": "{{browser}} käyttöjärjestelmässä {{os}}",
+  "<0>Connected to </0>{{deviceType}}": "<0>Yhdistetty laitteeseen </0>{{deviceType}}",
+  "{{date, dateRelative}}": "{{date, dateRelative}}",
+  "Recorded": "Tallennettu",
+  "Active": "Aktiivinen"
+} 

package/dist/locales/fr/translation.json

@@ -1,6 +1,6 @@
 {
   "Online": "En ligne",
-  "Last seen {{date, dateRelative}}": "Vu {{date, dateRelative}}",
+  "Last seen {{date, dateRelative}}": "Dernière connexion {{date, dateRelative}}",
   "{{device}} Device": "Appareil {{device}}",
   "{{browser}} on {{os}}": "{{browser}} sur {{os}}",
   "<0>Connected to </0>{{deviceType}}": "<0>Connecté à </0>{{deviceType}}",

package/dist/locales/hi/translation.json

@@ -0,0 +1,10 @@
+{
+  "Online": "ऑनलाइन",
+  "Last seen {{date, dateRelative}}": "आखिरी बार देखा गया {{date, dateRelative}}",
+  "{{device}} Device": "{{device}} उपकरण",
+  "{{browser}} on {{os}}": "{{os}} पर {{browser}}",
+  "<0>Connected to </0>{{deviceType}}": "<0>से जुड़ा </0>{{deviceType}}",
+  "{{date, dateRelative}}": "{{date, dateRelative}}",
+  "Recorded": "रिकॉर्ड किया गया",
+  "Active": "सक्रिय"
+} 

package/dist/locales/it/translation.json

@@ -0,0 +1,10 @@
+{
+  "Online": "Online",
+  "Last seen {{date, dateRelative}}": "Visto l'ultima volta {{date, dateRelative}}",
+  "{{device}} Device": "Dispositivo {{device}}",
+  "{{browser}} on {{os}}": "{{browser}} su {{os}}",
+  "<0>Connected to </0>{{deviceType}}": "<0>Connesso a </0>{{deviceType}}",
+  "{{date, dateRelative}}": "{{date, dateRelative}}",
+  "Recorded": "Registrato",
+  "Active": "Attivo"
+} 

package/dist/locales/ja/translation.json

@@ -0,0 +1,10 @@
+{
+  "Online": "オンライン",
+  "Last seen {{date, dateRelative}}": "最後のオンライン {{date, dateRelative}}",
+  "{{device}} Device": "{{device}}デバイス",
+  "{{browser}} on {{os}}": "{{os}}上の{{browser}}",
+  "<0>Connected to </0>{{deviceType}}": "<0>接続先：</0>{{deviceType}}",
+  "{{date, dateRelative}}": "{{date, dateRelative}}",
+  "Recorded": "記録済み",
+  "Active": "セッション中"
+} 

package/dist/locales/kk/translation.json

@@ -0,0 +1,10 @@
+{
+  "Online": "Желіде",
+  "Last seen {{date, dateRelative}}": "Соңғы рет көрінген {{date, dateRelative}}",
+  "{{device}} Device": "{{device}} құрылғысы",
+  "{{browser}} on {{os}}": "{{os}} жүйесіндегі {{browser}}",
+  "<0>Connected to </0>{{deviceType}}": "<0>Қосылған: </0>{{deviceType}}",
+  "{{date, dateRelative}}": "{{date, dateRelative}}",
+  "Recorded": "Жазылған",
+  "Active": "Белсенді"
+} 

package/dist/locales/ko/translation.json

@@ -0,0 +1,10 @@
+{
+  "Online": "온라인",
+  "Last seen {{date, dateRelative}}": "마지막 온라인 {{date, dateRelative}}",
+  "{{device}} Device": "{{device}} 기기",
+  "{{browser}} on {{os}}": "{{os}}의 {{browser}}",
+  "<0>Connected to </0>{{deviceType}}": "<0>연결됨: </0>{{deviceType}}",
+  "{{date, dateRelative}}": "{{date, dateRelative}}",
+  "Recorded": "기록됨",
+  "Active": "세션 진행 중"
+} 

package/dist/locales/lt/translation.json

@@ -0,0 +1,10 @@
+{
+  "Online": "Prisijungęs",
+  "Last seen {{date, dateRelative}}": "Paskutinį kartą matytas {{date, dateRelative}}",
+  "{{device}} Device": "{{device}} įrenginys",
+  "{{browser}} on {{os}}": "{{browser}} sistemoje {{os}}",
+  "<0>Connected to </0>{{deviceType}}": "<0>Prisijungta prie </0>{{deviceType}}",
+  "{{date, dateRelative}}": "{{date, dateRelative}}",
+  "Recorded": "Įrašyta",
+  "Active": "Aktyvus"
+} 

package/dist/locales/mr/translation.json

@@ -0,0 +1,10 @@
+{
+  "Online": "ऑनलाइन",
+  "Last seen {{date, dateRelative}}": "शेवटचे पाहिले {{date, dateRelative}}",
+  "{{device}} Device": "{{device}} डिव्हाइस",
+  "{{browser}} on {{os}}": "{{os}} वर {{browser}}",
+  "<0>Connected to </0>{{deviceType}}": "<0>जोडलेले आहे </0>{{deviceType}}",
+  "{{date, dateRelative}}": "{{date, dateRelative}}",
+  "Recorded": "रेकॉर्ड केलेले",
+  "Active": "सक्रिय"
+} 

package/dist/locales/ms/translation.json

@@ -0,0 +1,10 @@
+{
+  "Online": "Dalam talian",
+  "Last seen {{date, dateRelative}}": "Terakhir dilihat {{date, dateRelative}}",
+  "{{device}} Device": "Peranti {{device}}",
+  "{{browser}} on {{os}}": "{{browser}} pada {{os}}",
+  "<0>Connected to </0>{{deviceType}}": "<0>Disambungkan ke </0>{{deviceType}}",
+  "{{date, dateRelative}}": "{{date, dateRelative}}",
+  "Recorded": "Direkodkan",
+  "Active": "Aktif"
+} 

package/dist/locales/nl/translation.json

@@ -0,0 +1,10 @@
+{
+  "Online": "Online",
+  "Last seen {{date, dateRelative}}": "Laatst gezien {{date, dateRelative}}",
+  "{{device}} Device": "{{device}}-apparaat",
+  "{{browser}} on {{os}}": "{{browser}} op {{os}}",
+  "<0>Connected to </0>{{deviceType}}": "<0>Verbonden met </0>{{deviceType}}",
+  "{{date, dateRelative}}": "{{date, dateRelative}}",
+  "Recorded": "Opgenomen",
+  "Active": "Actief"
+} 

package/dist/locales/pl/translation.json

@@ -0,0 +1,10 @@
+{
+  "Online": "Online",
+  "Last seen {{date, dateRelative}}": "Ostatnio widziany {{date, dateRelative}}",
+  "{{device}} Device": "Urządzenie {{device}}",
+  "{{browser}} on {{os}}": "{{browser}} na {{os}}",
+  "<0>Connected to </0>{{deviceType}}": "<0>Połączono z </0>{{deviceType}}",
+  "{{date, dateRelative}}": "{{date, dateRelative}}",
+  "Recorded": "Nagrany",
+  "Active": "Aktywny"
+} 

package/dist/locales/pt/translation.json

@@ -0,0 +1,10 @@
+{
+  "Online": "Online",
+  "Last seen {{date, dateRelative}}": "Visto pela última vez {{date, dateRelative}}",
+  "{{device}} Device": "Dispositivo {{device}}",
+  "{{browser}} on {{os}}": "{{browser}} em {{os}}",
+  "<0>Connected to </0>{{deviceType}}": "<0>Conectado a </0>{{deviceType}}",
+  "{{date, dateRelative}}": "{{date, dateRelative}}",
+  "Recorded": "Gravado",
+  "Active": "Ativo"
+} 

package/dist/locales/ro/translation.json

@@ -0,0 +1,10 @@
+{
+  "Online": "Online",
+  "Last seen {{date, dateRelative}}": "Văzut ultima dată {{date, dateRelative}}",
+  "{{device}} Device": "Dispozitiv {{device}}",
+  "{{browser}} on {{os}}": "{{browser}} pe {{os}}",
+  "<0>Connected to </0>{{deviceType}}": "<0>Conectat la </0>{{deviceType}}",
+  "{{date, dateRelative}}": "{{date, dateRelative}}",
+  "Recorded": "Înregistrat",
+  "Active": "Activ"
+} 

package/dist/locales/ru/translation.json

@@ -0,0 +1,10 @@
+{
+  "Online": "В сети",
+  "Last seen {{date, dateRelative}}": "Последний раз был в сети {{date, dateRelative}}",
+  "{{device}} Device": "Устройство {{device}}",
+  "{{browser}} on {{os}}": "{{browser}} на {{os}}",
+  "<0>Connected to </0>{{deviceType}}": "<0>Подключено к </0>{{deviceType}}",
+  "{{date, dateRelative}}": "{{date, dateRelative}}",
+  "Recorded": "Записано",
+  "Active": "Активно"
+} 

package/dist/locales/sk/translation.json

@@ -0,0 +1,10 @@
+{
+  "Online": "Online",
+  "Last seen {{date, dateRelative}}": "Naposledy videný {{date, dateRelative}}",
+  "{{device}} Device": "Zariadenie {{device}}",
+  "{{browser}} on {{os}}": "{{browser}} na {{os}}",
+  "<0>Connected to </0>{{deviceType}}": "<0>Pripojené k </0>{{deviceType}}",
+  "{{date, dateRelative}}": "{{date, dateRelative}}",
+  "Recorded": "Zaznamenané",
+  "Active": "Aktívne"
+} 

package/dist/locales/sl/translation.json

@@ -0,0 +1,10 @@
+{
+  "Online": "Na spletu",
+  "Last seen {{date, dateRelative}}": "Nazadnje viden {{date, dateRelative}}",
+  "{{device}} Device": "Naprava {{device}}",
+  "{{browser}} on {{os}}": "{{browser}} na {{os}}",
+  "<0>Connected to </0>{{deviceType}}": "<0>Povezan z </0>{{deviceType}}",
+  "{{date, dateRelative}}": "{{date, dateRelative}}",
+  "Recorded": "Posneto",
+  "Active": "Aktivno"
+} 

package/dist/locales/sv/translation.json

@@ -0,0 +1,10 @@
+{
+  "Online": "Online",
+  "Last seen {{date, dateRelative}}": "Senast sedd {{date, dateRelative}}",
+  "{{device}} Device": "{{device}}-enhet",
+  "{{browser}} on {{os}}": "{{browser}} på {{os}}",
+  "<0>Connected to </0>{{deviceType}}": "<0>Ansluten till </0>{{deviceType}}",
+  "{{date, dateRelative}}": "{{date, dateRelative}}",
+  "Recorded": "Inspelad",
+  "Active": "Aktiv"
+} 

package/dist/locales/th/translation.json

@@ -0,0 +1,10 @@
+{
+  "Online": "ออนไลน์",
+  "Last seen {{date, dateRelative}}": "เห็นครั้งล่าสุด {{date, dateRelative}}",
+  "{{device}} Device": "อุปกรณ์ {{device}}",
+  "{{browser}} on {{os}}": "{{browser}} บน {{os}}",
+  "<0>Connected to </0>{{deviceType}}": "<0>เชื่อมต่อกับ </0>{{deviceType}}",
+  "{{date, dateRelative}}": "{{date, dateRelative}}",
+  "Recorded": "บันทึกแล้ว",
+  "Active": "กำลังดำเนินการ"
+} 

package/dist/locales/uk/translation.json

@@ -0,0 +1,10 @@
+{
+  "Online": "В мережі",
+  "Last seen {{date, dateRelative}}": "Останній раз був в мережі {{date, dateRelative}}",
+  "{{device}} Device": "Пристрій {{device}}",
+  "{{browser}} on {{os}}": "{{browser}} на {{os}}",
+  "<0>Connected to </0>{{deviceType}}": "<0>Підключено до </0>{{deviceType}}",
+  "{{date, dateRelative}}": "{{date, dateRelative}}",
+  "Recorded": "Записано",
+  "Active": "Активний"
+} 

package/dist/locales/vi/translation.json

@@ -0,0 +1,10 @@
+{
+  "Online": "Trực tuyến",
+  "Last seen {{date, dateRelative}}": "Lần cuối xuất hiện {{date, dateRelative}}",
+  "{{device}} Device": "Thiết bị {{device}}",
+  "{{browser}} on {{os}}": "{{browser}} trên {{os}}",
+  "<0>Connected to </0>{{deviceType}}": "<0>Đã kết nối với </0>{{deviceType}}",
+  "{{date, dateRelative}}": "{{date, dateRelative}}",
+  "Recorded": "Đã ghi",
+  "Active": "Đang diễn ra"
+} 

package/dist/locales/zh/translation.json

@@ -0,0 +1,10 @@
+{
+  "Online": "在线",
+  "Last seen {{date, dateRelative}}": "最后在线时间 {{date, dateRelative}}",
+  "{{device}} Device": "{{device}}设备",
+  "{{browser}} on {{os}}": "{{os}}上的{{browser}}",
+  "<0>Connected to </0>{{deviceType}}": "<0>已连接到</0>{{deviceType}}",
+  "{{date, dateRelative}}": "{{date, dateRelative}}",
+  "Recorded": "已记录",
+  "Active": "共享中"
+} 

package/i18next-parser.config.js

@@ -1,8 +1,40 @@
 module.exports = {
-  locales: ['en-us', 'es', 'fr'],
+  locales: [
+    'en-us',
+    'ar',
+    'cs',
+    'da',
+    'de',
+    'es',
+    'et',
+    'fi',
+    'fr',
+    'hi',
+    'it',
+    'ja',
+    'kk',
+    'ko',
+    'lt',
+    'mr',
+    'ms',
+    'nl',
+    'pl',
+    'pt',
+    'ro',
+    'ru',
+    'sk',
+    'sl',
+    'sv',
+    'th',
+    'uk',
+    'vi',
+    'zh'
+  ],
   namespaceSeparator: false,
   keySeparator: false,
-  useKeysAsDefaultValue: true,
+  defaultValue: function (locale, namespace, key, value) {
+    return key
+  },
   verbose: true,
   output: 'src/locales/$LOCALE/$NAMESPACE.json',
   lexers: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cobrowse-agent-ui",
-  "version": "1.1.0",
+  "version": "1.2.0",
   "scripts": {
     "start": "babel src --out-dir dist --watch --copy-files",
     "build": "rm -rf dist && babel src --out-dir dist --copy-files",
@@ -10,14 +10,13 @@
   },
   "main": "dist/index.js",
   "dependencies": {
-    "i18next": "^21.10.0",
-    "i18next-resources-to-backend": "^1.0.0",
-    "moment": "^2.29.4",
-    "react-i18next": "^11.18.6",
+    "date-fns": "^4.1.0",
+    "i18next": "^24.2.2",
+    "react-i18next": "^15.4.0",
     "ua-parser-js": "^1.0.33"
   },
   "peerDependencies": {
-    "react": "^18.2.0"
+    "react": "^19.0.0"
   },
   "browserslist": [
     ">0.2%",
@@ -34,7 +33,7 @@
     "babel-plugin-inline-react-svg": "^2.0.1",
     "eslint": "^8.23.1",
     "eslint-plugin-react": "^7.31.8",
-    "i18next-parser": "^6.5.0",
+    "i18next-parser": "^9.3.0",
     "standard": "^17.0.0"
   }
 }