@os-team/profile 1.0.45 → 1.0.47

package/dist/cjs/components/session/SessionListItem.js

@@ -1,104 +1,62 @@
 "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 = exports.IconContainer = exports.Icon = exports.Content = exports.Container = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _hooks = require("react-relay/hooks");
-
 var _styled = _interopRequireDefault(require("@emotion/styled"));
-
 var _reactI18next = require("react-i18next");
-
 var _pluralForms = _interopRequireDefault(require("@os-team/plural-forms"));
-
 var _core = require("@os-design/core");
-
 var _styles = require("@os-design/styles");
-
 var _theming = require("@os-design/theming");
-
 var _utils = require("@os-design/utils");
-
 var _icons = require("@os-design/icons");
-
 var _react2 = require("@emotion/react");
-
 var _getLastSeen = _interopRequireDefault(require("./getLastSeen"));
-
 var _formatDate = _interopRequireDefault(require("./formatDate"));
-
 var _UnknownDeviceIcon = _interopRequireDefault(require("../shared/icons/UnknownDeviceIcon"));
-
 var _BrowserIcon = _interopRequireDefault(require("../shared/icons/BrowserIcon"));
-
 var _AppleIcon = _interopRequireDefault(require("../shared/icons/AppleIcon"));
-
 var _AndroidIcon = _interopRequireDefault(require("../shared/icons/AndroidIcon"));
-
 var _SessionListItem_session, _SessionListItemDestroySessionMutation, _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10;
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 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 _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
 function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
-
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
 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 _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-
 var sessionListItemFragment = _SessionListItem_session !== void 0 ? _SessionListItem_session : (_SessionListItem_session = require("./__generated__/SessionListItem_session.graphql"), _SessionListItem_session.hash && _SessionListItem_session.hash !== "c73c341c5f6e75f7bef7402186ce242b" && console.error("The definition of 'SessionListItem_session' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _SessionListItem_session);
-
 var Container = _styled.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  position: relative;\n  padding: 0.5em 0;\n  overflow: hidden;\n\n  &:not(:last-of-type) {\n    border-bottom: 1px solid ", ";\n  }\n\n  @media (hover: hover) {\n    // Hide actions by default\n    & > nav {\n      opacity: 0;\n    }\n\n    // Display actions either on focus, or on hover\n    &:hover,\n    &:focus-within {\n      & > nav {\n        opacity: 1;\n      }\n    }\n  }\n\n  ", ";\n"])), function (p) {
   return (0, _theming.clr)(p.theme.listItemColorBorder);
 }, (0, _styles.horizontalPaddingStyles)());
-
 exports.Container = Container;
-
 var Info = _styled.default.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  font-size: ", "em;\n  ", ";\n"])), function (p) {
   return p.theme.sizes.small;
 }, _styles.ellipsisStyles);
-
 var Content = _styled.default.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  flex: 1;\n  overflow: hidden;\n"])));
-
 exports.Content = Content;
 var Title = (0, _styled.default)(Info)(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  font-weight: 500;\n"])));
 var LastSeen = (0, _styled.default)(Info)(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  color: ", ";\n"])), function (p) {
   return (0, _theming.clr)(p.theme.inputColorPlaceholder);
 });
-
 var hasSwipeStyles = function hasSwipeStyles(p) {
   return p.hasSwipe && (0, _react2.css)(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n    transform: translateX(100%);\n    ", ";\n  "])), (0, _styles.transitionStyles)('transform')(p));
 };
-
 var openedStyles = function openedStyles(p) {
   return p.opened && (0, _react2.css)(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n    transform: translateX(0);\n  "])));
 };
-
 var Actions = (0, _styled.default)('nav', (0, _utils.omitEmotionProps)('hasSwipe', 'opened'))(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n\n  display: flex;\n  align-items: center;\n\n  background: linear-gradient(\n    to right,\n    ", ",\n    ", "\n      ", "em\n  );\n\n  ", ";\n  ", ";\n  ", ";\n"])), function (p) {
   return (0, _theming.clr)([].concat(_toConsumableArray(p.theme.colorBg.slice(0, 3)), [0]));
 }, function (p) {
@@ -106,9 +64,7 @@ var Actions = (0, _styled.default)('nav', (0, _utils.omitEmotionProps)('hasSwipe
 }, function (p) {
   return p.theme.listItemActionsPaddingLeft;
 }, hasSwipeStyles, openedStyles, (0, _styles.horizontalPaddingStyles)('right'));
-
 var IconContainer = _styled.default.div(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  margin-right: 0.6em;\n"])));
-
 exports.IconContainer = IconContainer;
 var Icon = (0, _styled.default)('div', (0, _utils.omitEmotionProps)('bgColor'))(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n  font-size: 1.4em;\n  width: 1.3em;\n  height: 1.3em;\n\n  svg {\n    height: 1.3em;\n  }\n\n  display: flex;\n  justify-content: center;\n  align-items: center;\n\n  border-radius: ", "em;\n  background-color: ", ";\n  color: hsl(0, 0%, 100%);\n"])), function (p) {
   return p.theme.borderRadius;
@@ -116,39 +72,31 @@ var Icon = (0, _styled.default)('div', (0, _utils.omitEmotionProps)('bgColor'))(
   return p.bgColor;
 });
 exports.Icon = Icon;
-
 var nameVersionToString = function nameVersionToString(name, version) {
   if (!name) return null;
   return "".concat(name).concat(version ? " ".concat(version) : '');
 };
-
 var mergeInfo = function mergeInfo() {
   for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
     args[_key] = arguments[_key];
   }
-
   return args.filter(function (item) {
     return item !== null;
   }).join(', ') || null;
 };
-
 var SessionListItem = function SessionListItem(_ref) {
   var sessionKey = _ref.sessionKey,
-      hideLastSeenAt = _ref.hideLastSeenAt;
+    hideLastSeenAt = _ref.hideLastSeenAt;
   var session = (0, _hooks.useFragment)(sessionListItemFragment, sessionKey);
-
-  var _useTranslation = (0, _reactI18next.useTranslation)('profile'),
-      t = _useTranslation.t,
-      i18n = _useTranslation.i18n;
-
+  var _useTranslation = (0, _reactI18next.useTranslation)(['profile']),
+    t = _useTranslation.t,
+    i18n = _useTranslation.i18n;
   var touchDevice = (0, _react.useMemo)(function () {
     return (0, _utils.isTouchDevice)();
   }, []);
-
   var _useSwipe = (0, _utils.useSwipe)(),
-      opened = _useSwipe.opened,
-      handlers = _useSwipe.handlers;
-
+    opened = _useSwipe.opened,
+    handlers = _useSwipe.handlers;
   var browser = (0, _react.useMemo)(function () {
     return nameVersionToString(session.browserName, session.browserVersion);
   }, [session.browserName, session.browserVersion]);
@@ -156,13 +104,12 @@ var SessionListItem = function SessionListItem(_ref) {
     return nameVersionToString(session.osName, session.osVersion);
   }, [session.osName, session.osVersion]);
   var deviceBrandModel = (0, _react.useMemo)(function () {
-    var arr = [session.deviceBrand, session.deviceModel]; // Include the manufacturer name only if it does not equal to the brand name.
+    var arr = [session.deviceBrand, session.deviceModel];
+    // Include the manufacturer name only if it does not equal to the brand name.
     // For example, it allows to avoid "Apple Apple iPhone 6".
-
     if (session.deviceManufacturer !== session.deviceBrand) {
       arr.unshift(session.deviceManufacturer);
     }
-
     return arr.filter(function (item) {
       return item !== null;
     }).join(' ') || null;
@@ -184,11 +131,9 @@ var SessionListItem = function SessionListItem(_ref) {
   }, [session.city, session.country, session.ip]);
   var lastSeen = (0, _react.useMemo)(function () {
     var lsa = (0, _getLastSeen.default)(session.lastSeenAt);
-
     if (!lsa) {
       return "".concat(t('profile:sessions.lastSeenOn'), " ").concat((0, _formatDate.default)(session.lastSeenAt, t, i18n.language));
     }
-
     return "".concat(t('profile:sessions.lastSeen'), " ").concat(lsa[0], " ").concat((0, _pluralForms.default)({
       language: i18n.language,
       forms: t("profile:sessions.".concat(lsa[1]), {
@@ -197,29 +142,23 @@ var SessionListItem = function SessionListItem(_ref) {
       number: lsa[0]
     }), " ").concat(t('profile:sessions.ago'));
   }, [i18n.language, session.lastSeenAt, t]);
-
   var _useMemo = (0, _react.useMemo)(function () {
-    if (browser) return [/*#__PURE__*/_react.default.createElement(_BrowserIcon.default, null), 'hsl(30, 60%, 50%)'];
-
-    if (session.isApp) {
-      if (session.osName === 'iOS' || session.osName === 'iPhone OS') {
-        return [/*#__PURE__*/_react.default.createElement(_AppleIcon.default, null), 'hsl(0, 0%, 50%)'];
+      if (browser) return [/*#__PURE__*/_react.default.createElement(_BrowserIcon.default, null), 'hsl(30, 60%, 50%)'];
+      if (session.isApp) {
+        if (session.osName === 'iOS' || session.osName === 'iPhone OS') {
+          return [/*#__PURE__*/_react.default.createElement(_AppleIcon.default, null), 'hsl(0, 0%, 50%)'];
+        }
+        if (session.osName === 'Android') return [/*#__PURE__*/_react.default.createElement(_AndroidIcon.default, null), 'hsl(150, 60%, 50%)'];
       }
-
-      if (session.osName === 'Android') return [/*#__PURE__*/_react.default.createElement(_AndroidIcon.default, null), 'hsl(150, 60%, 50%)'];
-    }
-
-    return [/*#__PURE__*/_react.default.createElement(_UnknownDeviceIcon.default, null), 'hsl(5, 60%, 50%)'];
-  }, [browser, session.isApp, session.osName]),
-      _useMemo2 = _slicedToArray(_useMemo, 2),
-      iconComponent = _useMemo2[0],
-      iconColor = _useMemo2[1];
-
+      return [/*#__PURE__*/_react.default.createElement(_UnknownDeviceIcon.default, null), 'hsl(5, 60%, 50%)'];
+    }, [browser, session.isApp, session.osName]),
+    _useMemo2 = _slicedToArray(_useMemo, 2),
+    iconComponent = _useMemo2[0],
+    iconColor = _useMemo2[1];
   var _useMutation = (0, _hooks.useMutation)(_SessionListItemDestroySessionMutation !== void 0 ? _SessionListItemDestroySessionMutation : (_SessionListItemDestroySessionMutation = require("./__generated__/SessionListItemDestroySessionMutation.graphql"), _SessionListItemDestroySessionMutation.hash && _SessionListItemDestroySessionMutation.hash !== "ad6c0d1313a70dd63c0baccc2f7abd6e" && console.error("The definition of 'SessionListItemDestroySessionMutation' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _SessionListItemDestroySessionMutation)),
-      _useMutation2 = _slicedToArray(_useMutation, 2),
-      commitDestroySession = _useMutation2[0],
-      loadingDestroySession = _useMutation2[1];
-
+    _useMutation2 = _slicedToArray(_useMutation, 2),
+    commitDestroySession = _useMutation2[0],
+    loadingDestroySession = _useMutation2[1];
   var destroySession = (0, _react.useCallback)(function () {
     commitDestroySession({
       variables: {
@@ -257,7 +196,6 @@ var SessionListItem = function SessionListItem(_ref) {
     onClick: destroySession
   }, /*#__PURE__*/_react.default.createElement(_icons.SignOut, null))));
 };
-
 var _default = SessionListItem;
 exports.default = _default;
 //# sourceMappingURL=SessionListItem.js.map

package/dist/cjs/components/session/SessionListItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"SessionListItem.js","names":["sessionListItemFragment","Container","styled","div","p","clr","theme","listItemColorBorder","horizontalPaddingStyles","Info","sizes","small","ellipsisStyles","Content","Title","LastSeen","inputColorPlaceholder","hasSwipeStyles","hasSwipe","css","transitionStyles","openedStyles","opened","Actions","omitEmotionProps","colorBg","slice","listItemActionsPaddingLeft","IconContainer","Icon","borderRadius","bgColor","nameVersionToString","name","version","mergeInfo","args","filter","item","join","SessionListItem","sessionKey","hideLastSeenAt","session","useFragment","useTranslation","t","i18n","touchDevice","useMemo","isTouchDevice","useSwipe","handlers","browser","browserName","browserVersion","os","osName","osVersion","deviceBrandModel","arr","deviceBrand","deviceModel","deviceManufacturer","unshift","title","deviceType","toLowerCase","returnObjects","deviceName","deviceInfo","isApp","ip","location","city","country","lastSeen","lsa","getLastSeen","lastSeenAt","formatDate","language","pluralForms","forms","number","iconComponent","iconColor","useMutation","commitDestroySession","loadingDestroySession","destroySession","useCallback","variables","input","id","updater","store","record","get","sessionRecords","getLinkedRecords","setLinkedRecords","getDataID","onError","error","message","onCompleted","success"],"sources":["../../../../src/lib/components/session/SessionListItem.tsx"],"sourcesContent":["import React, { useCallback, useMemo } from 'react';\nimport graphql from 'babel-plugin-relay/macro';\nimport { useFragment, useMutation } from 'react-relay/hooks';\nimport styled from '@emotion/styled';\nimport { useTranslation } from 'react-i18next';\nimport pluralForms from '@os-team/plural-forms';\nimport { Button, message } from '@os-design/core';\nimport {\n  ellipsisStyles,\n  horizontalPaddingStyles,\n  transitionStyles,\n} from '@os-design/styles';\nimport { clr, Color } from '@os-design/theming';\nimport { isTouchDevice, omitEmotionProps, useSwipe } from '@os-design/utils';\nimport { SignOut } from '@os-design/icons';\nimport { css } from '@emotion/react';\nimport { SessionListItem_session$key } from './__generated__/SessionListItem_session.graphql';\nimport getLastSeen from './getLastSeen';\nimport formatDate from './formatDate';\nimport { SessionListItemDestroySessionMutation } from './__generated__/SessionListItemDestroySessionMutation.graphql';\nimport UnknownDeviceIcon from '../shared/icons/UnknownDeviceIcon';\nimport BrowserIcon from '../shared/icons/BrowserIcon';\nimport AppleIcon from '../shared/icons/AppleIcon';\nimport AndroidIcon from '../shared/icons/AndroidIcon';\n\nconst sessionListItemFragment = graphql`\n  fragment SessionListItem_session on SessionPayload {\n    id\n    isApp\n    browserName\n    browserVersion\n    osName\n    osVersion\n    deviceType\n    deviceName\n    deviceManufacturer\n    deviceBrand\n    deviceModel\n    ip\n    country\n    city\n    lastSeenAt\n  }\n`;\n\ninterface SessionListItemProps {\n  sessionKey: SessionListItem_session$key;\n  hideLastSeenAt?: boolean;\n}\n\nexport const Container = styled.div`\n  display: flex;\n  position: relative;\n  padding: 0.5em 0;\n  overflow: hidden;\n\n  &:not(:last-of-type) {\n    border-bottom: 1px solid ${(p) => clr(p.theme.listItemColorBorder)};\n  }\n\n  @media (hover: hover) {\n    // Hide actions by default\n    & > nav {\n      opacity: 0;\n    }\n\n    // Display actions either on focus, or on hover\n    &:hover,\n    &:focus-within {\n      & > nav {\n        opacity: 1;\n      }\n    }\n  }\n\n  ${horizontalPaddingStyles()};\n`;\n\nconst Info = styled.div`\n  font-size: ${(p) => p.theme.sizes.small}em;\n  ${ellipsisStyles};\n`;\n\nexport const Content = styled.div`\n  flex: 1;\n  overflow: hidden;\n`;\n\nconst Title = styled(Info)`\n  font-weight: 500;\n`;\n\nconst LastSeen = styled(Info)`\n  color: ${(p) => clr(p.theme.inputColorPlaceholder)};\n`;\n\nconst hasSwipeStyles = (p) =>\n  p.hasSwipe &&\n  css`\n    transform: translateX(100%);\n    ${transitionStyles('transform')(p)};\n  `;\n\nconst openedStyles = (p) =>\n  p.opened &&\n  css`\n    transform: translateX(0);\n  `;\n\ninterface ActionsProps {\n  hasSwipe: boolean;\n  opened: boolean;\n}\nconst Actions = styled(\n  'nav',\n  omitEmotionProps('hasSwipe', 'opened')\n)<ActionsProps>`\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n\n  display: flex;\n  align-items: center;\n\n  background: linear-gradient(\n    to right,\n    ${(p) => clr([...p.theme.colorBg.slice(0, 3), 0] as Color)},\n    ${(p) => clr(p.theme.colorBg)}\n      ${(p) => p.theme.listItemActionsPaddingLeft}em\n  );\n\n  ${hasSwipeStyles};\n  ${openedStyles};\n  ${horizontalPaddingStyles('right')};\n`;\n\nexport const IconContainer = styled.div`\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  margin-right: 0.6em;\n`;\n\ninterface IconProps {\n  bgColor: string;\n}\nexport const Icon = styled('div', omitEmotionProps('bgColor'))<IconProps>`\n  font-size: 1.4em;\n  width: 1.3em;\n  height: 1.3em;\n\n  svg {\n    height: 1.3em;\n  }\n\n  display: flex;\n  justify-content: center;\n  align-items: center;\n\n  border-radius: ${(p) => p.theme.borderRadius}em;\n  background-color: ${(p) => p.bgColor};\n  color: hsl(0, 0%, 100%);\n`;\n\nconst nameVersionToString = (\n  name: string | null,\n  version: string | null\n): string | null => {\n  if (!name) return null;\n  return `${name}${version ? ` ${version}` : ''}`;\n};\n\nconst mergeInfo = (...args: Array<string | null>): string | null =>\n  args.filter((item) => item !== null).join(', ') || null;\n\nconst SessionListItem: React.FC<SessionListItemProps> = ({\n  sessionKey,\n  hideLastSeenAt,\n}) => {\n  const session = useFragment(sessionListItemFragment, sessionKey);\n  const { t, i18n } = useTranslation('profile');\n  const touchDevice = useMemo(() => isTouchDevice(), []);\n  const { opened, handlers } = useSwipe();\n\n  const browser = useMemo(\n    () => nameVersionToString(session.browserName, session.browserVersion),\n    [session.browserName, session.browserVersion]\n  );\n\n  const os = useMemo(\n    () => nameVersionToString(session.osName, session.osVersion),\n    [session.osName, session.osVersion]\n  );\n\n  const deviceBrandModel = useMemo(() => {\n    const arr = [session.deviceBrand, session.deviceModel];\n    // Include the manufacturer name only if it does not equal to the brand name.\n    // For example, it allows to avoid \"Apple Apple iPhone 6\".\n    if (session.deviceManufacturer !== session.deviceBrand) {\n      arr.unshift(session.deviceManufacturer);\n    }\n    return arr.filter((item) => item !== null).join(' ') || null;\n  }, [session.deviceBrand, session.deviceManufacturer, session.deviceModel]);\n\n  const title = useMemo(() => {\n    let deviceType = (session.deviceType || 'unknown').toLowerCase();\n    if (browser) deviceType = 'browser';\n    return `${\n      t('profile:sessions.deviceType', { returnObjects: true })[deviceType]\n    }${session.deviceName ? ` ${session.deviceName}` : ''}`;\n  }, [browser, session.deviceName, session.deviceType, t]);\n\n  const deviceInfo = useMemo(\n    () =>\n      session.isApp ? mergeInfo(deviceBrandModel, os) : mergeInfo(browser, os),\n    [browser, deviceBrandModel, os, session.isApp]\n  );\n\n  const ip = useMemo(() => {\n    if (!session.ip) return null;\n    const location = mergeInfo(session.city, session.country);\n    return `${session.ip}${location ? ` (${location})` : ''}`;\n  }, [session.city, session.country, session.ip]);\n\n  const lastSeen = useMemo(() => {\n    const lsa = getLastSeen(session.lastSeenAt);\n    if (!lsa) {\n      return `${t('profile:sessions.lastSeenOn')} ${formatDate(\n        session.lastSeenAt,\n        t,\n        i18n.language\n      )}`;\n    }\n    return `${t('profile:sessions.lastSeen')} ${lsa[0]} ${pluralForms({\n      language: i18n.language,\n      forms: t(`profile:sessions.${lsa[1]}`, { returnObjects: true }),\n      number: lsa[0],\n    })} ${t('profile:sessions.ago')}`;\n  }, [i18n.language, session.lastSeenAt, t]);\n\n  const [iconComponent, iconColor] = useMemo(() => {\n    if (browser) return [<BrowserIcon />, 'hsl(30, 60%, 50%)'];\n    if (session.isApp) {\n      if (session.osName === 'iOS' || session.osName === 'iPhone OS') {\n        return [<AppleIcon />, 'hsl(0, 0%, 50%)'];\n      }\n      if (session.osName === 'Android')\n        return [<AndroidIcon />, 'hsl(150, 60%, 50%)'];\n    }\n    return [<UnknownDeviceIcon />, 'hsl(5, 60%, 50%)'];\n  }, [browser, session.isApp, session.osName]);\n\n  const [commitDestroySession, loadingDestroySession] =\n    useMutation<SessionListItemDestroySessionMutation>(graphql`\n      mutation SessionListItemDestroySessionMutation(\n        $input: DestroySessionInput!\n      ) {\n        destroySession(input: $input) {\n          ok\n        }\n      }\n    `);\n\n  const destroySession = useCallback(() => {\n    commitDestroySession({\n      variables: {\n        input: {\n          id: session.id,\n        },\n      },\n      updater: (store) => {\n        const record = store.get('client:root');\n        if (!record) return;\n\n        const sessionRecords = record.getLinkedRecords('sessions');\n        if (!sessionRecords) return;\n\n        record.setLinkedRecords(\n          sessionRecords.filter((item) => item.getDataID() !== session.id),\n          'sessions'\n        );\n      },\n      onError: (error) => {\n        message.error(error.message);\n      },\n      onCompleted: () => {\n        message.success(t('profile:sessions.destroyed'));\n      },\n    });\n  }, [commitDestroySession, session.id, t]);\n\n  return (\n    <Container {...handlers}>\n      <IconContainer>\n        <Icon bgColor={iconColor}>{iconComponent}</Icon>\n      </IconContainer>\n\n      <Content>\n        <Title>{title}</Title>\n        {deviceInfo && <Info>{deviceInfo}</Info>}\n        {ip && <Info>{ip}</Info>}\n        {!hideLastSeenAt && <LastSeen>{lastSeen}</LastSeen>}\n      </Content>\n\n      <Actions hasSwipe={touchDevice} opened={opened}>\n        <Button\n          type='ghost'\n          wide='never'\n          size='small'\n          loading={loadingDestroySession}\n          onClick={destroySession}\n        >\n          <SignOut />\n        </Button>\n      </Actions>\n    </Container>\n  );\n};\n\nexport default SessionListItem;\n"],"mappings":"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"}
+{"version":3,"file":"SessionListItem.js","names":["sessionListItemFragment","Container","styled","div","p","clr","theme","listItemColorBorder","horizontalPaddingStyles","Info","sizes","small","ellipsisStyles","Content","Title","LastSeen","inputColorPlaceholder","hasSwipeStyles","hasSwipe","css","transitionStyles","openedStyles","opened","Actions","omitEmotionProps","colorBg","slice","listItemActionsPaddingLeft","IconContainer","Icon","borderRadius","bgColor","nameVersionToString","name","version","mergeInfo","args","filter","item","join","SessionListItem","sessionKey","hideLastSeenAt","session","useFragment","useTranslation","t","i18n","touchDevice","useMemo","isTouchDevice","useSwipe","handlers","browser","browserName","browserVersion","os","osName","osVersion","deviceBrandModel","arr","deviceBrand","deviceModel","deviceManufacturer","unshift","title","deviceType","toLowerCase","returnObjects","deviceName","deviceInfo","isApp","ip","location","city","country","lastSeen","lsa","getLastSeen","lastSeenAt","formatDate","language","pluralForms","forms","number","iconComponent","iconColor","useMutation","commitDestroySession","loadingDestroySession","destroySession","useCallback","variables","input","id","updater","store","record","get","sessionRecords","getLinkedRecords","setLinkedRecords","getDataID","onError","error","message","onCompleted","success"],"sources":["../../../../src/lib/components/session/SessionListItem.tsx"],"sourcesContent":["import React, { useCallback, useMemo } from 'react';\nimport graphql from 'babel-plugin-relay/macro';\nimport { useFragment, useMutation } from 'react-relay/hooks';\nimport styled from '@emotion/styled';\nimport { useTranslation } from 'react-i18next';\nimport pluralForms from '@os-team/plural-forms';\nimport { Button, message } from '@os-design/core';\nimport {\n  ellipsisStyles,\n  horizontalPaddingStyles,\n  transitionStyles,\n} from '@os-design/styles';\nimport { clr, Color } from '@os-design/theming';\nimport { isTouchDevice, omitEmotionProps, useSwipe } from '@os-design/utils';\nimport { SignOut } from '@os-design/icons';\nimport { css } from '@emotion/react';\nimport { SessionListItem_session$key } from './__generated__/SessionListItem_session.graphql';\nimport getLastSeen from './getLastSeen';\nimport formatDate from './formatDate';\nimport { SessionListItemDestroySessionMutation } from './__generated__/SessionListItemDestroySessionMutation.graphql';\nimport UnknownDeviceIcon from '../shared/icons/UnknownDeviceIcon';\nimport BrowserIcon from '../shared/icons/BrowserIcon';\nimport AppleIcon from '../shared/icons/AppleIcon';\nimport AndroidIcon from '../shared/icons/AndroidIcon';\n\nconst sessionListItemFragment = graphql`\n  fragment SessionListItem_session on SessionPayload {\n    id\n    isApp\n    browserName\n    browserVersion\n    osName\n    osVersion\n    deviceType\n    deviceName\n    deviceManufacturer\n    deviceBrand\n    deviceModel\n    ip\n    country\n    city\n    lastSeenAt\n  }\n`;\n\ninterface SessionListItemProps {\n  sessionKey: SessionListItem_session$key;\n  hideLastSeenAt?: boolean;\n}\n\nexport const Container = styled.div`\n  display: flex;\n  position: relative;\n  padding: 0.5em 0;\n  overflow: hidden;\n\n  &:not(:last-of-type) {\n    border-bottom: 1px solid ${(p) => clr(p.theme.listItemColorBorder)};\n  }\n\n  @media (hover: hover) {\n    // Hide actions by default\n    & > nav {\n      opacity: 0;\n    }\n\n    // Display actions either on focus, or on hover\n    &:hover,\n    &:focus-within {\n      & > nav {\n        opacity: 1;\n      }\n    }\n  }\n\n  ${horizontalPaddingStyles()};\n`;\n\nconst Info = styled.div`\n  font-size: ${(p) => p.theme.sizes.small}em;\n  ${ellipsisStyles};\n`;\n\nexport const Content = styled.div`\n  flex: 1;\n  overflow: hidden;\n`;\n\nconst Title = styled(Info)`\n  font-weight: 500;\n`;\n\nconst LastSeen = styled(Info)`\n  color: ${(p) => clr(p.theme.inputColorPlaceholder)};\n`;\n\nconst hasSwipeStyles = (p) =>\n  p.hasSwipe &&\n  css`\n    transform: translateX(100%);\n    ${transitionStyles('transform')(p)};\n  `;\n\nconst openedStyles = (p) =>\n  p.opened &&\n  css`\n    transform: translateX(0);\n  `;\n\ninterface ActionsProps {\n  hasSwipe: boolean;\n  opened: boolean;\n}\nconst Actions = styled(\n  'nav',\n  omitEmotionProps('hasSwipe', 'opened')\n)<ActionsProps>`\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n\n  display: flex;\n  align-items: center;\n\n  background: linear-gradient(\n    to right,\n    ${(p) => clr([...p.theme.colorBg.slice(0, 3), 0] as Color)},\n    ${(p) => clr(p.theme.colorBg)}\n      ${(p) => p.theme.listItemActionsPaddingLeft}em\n  );\n\n  ${hasSwipeStyles};\n  ${openedStyles};\n  ${horizontalPaddingStyles('right')};\n`;\n\nexport const IconContainer = styled.div`\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  margin-right: 0.6em;\n`;\n\ninterface IconProps {\n  bgColor: string;\n}\nexport const Icon = styled('div', omitEmotionProps('bgColor'))<IconProps>`\n  font-size: 1.4em;\n  width: 1.3em;\n  height: 1.3em;\n\n  svg {\n    height: 1.3em;\n  }\n\n  display: flex;\n  justify-content: center;\n  align-items: center;\n\n  border-radius: ${(p) => p.theme.borderRadius}em;\n  background-color: ${(p) => p.bgColor};\n  color: hsl(0, 0%, 100%);\n`;\n\nconst nameVersionToString = (\n  name: string | null,\n  version: string | null\n): string | null => {\n  if (!name) return null;\n  return `${name}${version ? ` ${version}` : ''}`;\n};\n\nconst mergeInfo = (...args: Array<string | null>): string | null =>\n  args.filter((item) => item !== null).join(', ') || null;\n\nconst SessionListItem: React.FC<SessionListItemProps> = ({\n  sessionKey,\n  hideLastSeenAt,\n}) => {\n  const session = useFragment(sessionListItemFragment, sessionKey);\n  const { t, i18n } = useTranslation(['profile']);\n  const touchDevice = useMemo(() => isTouchDevice(), []);\n  const { opened, handlers } = useSwipe();\n\n  const browser = useMemo(\n    () => nameVersionToString(session.browserName, session.browserVersion),\n    [session.browserName, session.browserVersion]\n  );\n\n  const os = useMemo(\n    () => nameVersionToString(session.osName, session.osVersion),\n    [session.osName, session.osVersion]\n  );\n\n  const deviceBrandModel = useMemo(() => {\n    const arr = [session.deviceBrand, session.deviceModel];\n    // Include the manufacturer name only if it does not equal to the brand name.\n    // For example, it allows to avoid \"Apple Apple iPhone 6\".\n    if (session.deviceManufacturer !== session.deviceBrand) {\n      arr.unshift(session.deviceManufacturer);\n    }\n    return arr.filter((item) => item !== null).join(' ') || null;\n  }, [session.deviceBrand, session.deviceManufacturer, session.deviceModel]);\n\n  const title = useMemo(() => {\n    let deviceType = (session.deviceType || 'unknown').toLowerCase();\n    if (browser) deviceType = 'browser';\n    return `${\n      t('profile:sessions.deviceType', { returnObjects: true })[deviceType]\n    }${session.deviceName ? ` ${session.deviceName}` : ''}`;\n  }, [browser, session.deviceName, session.deviceType, t]);\n\n  const deviceInfo = useMemo(\n    () =>\n      session.isApp ? mergeInfo(deviceBrandModel, os) : mergeInfo(browser, os),\n    [browser, deviceBrandModel, os, session.isApp]\n  );\n\n  const ip = useMemo(() => {\n    if (!session.ip) return null;\n    const location = mergeInfo(session.city, session.country);\n    return `${session.ip}${location ? ` (${location})` : ''}`;\n  }, [session.city, session.country, session.ip]);\n\n  const lastSeen = useMemo(() => {\n    const lsa = getLastSeen(session.lastSeenAt);\n    if (!lsa) {\n      return `${t('profile:sessions.lastSeenOn')} ${formatDate(\n        session.lastSeenAt,\n        t,\n        i18n.language\n      )}`;\n    }\n    return `${t('profile:sessions.lastSeen')} ${lsa[0]} ${pluralForms({\n      language: i18n.language,\n      forms: t(`profile:sessions.${lsa[1]}`, { returnObjects: true }),\n      number: lsa[0],\n    })} ${t('profile:sessions.ago')}`;\n  }, [i18n.language, session.lastSeenAt, t]);\n\n  const [iconComponent, iconColor] = useMemo(() => {\n    if (browser) return [<BrowserIcon />, 'hsl(30, 60%, 50%)'];\n    if (session.isApp) {\n      if (session.osName === 'iOS' || session.osName === 'iPhone OS') {\n        return [<AppleIcon />, 'hsl(0, 0%, 50%)'];\n      }\n      if (session.osName === 'Android')\n        return [<AndroidIcon />, 'hsl(150, 60%, 50%)'];\n    }\n    return [<UnknownDeviceIcon />, 'hsl(5, 60%, 50%)'];\n  }, [browser, session.isApp, session.osName]);\n\n  const [commitDestroySession, loadingDestroySession] =\n    useMutation<SessionListItemDestroySessionMutation>(graphql`\n      mutation SessionListItemDestroySessionMutation(\n        $input: DestroySessionInput!\n      ) {\n        destroySession(input: $input) {\n          ok\n        }\n      }\n    `);\n\n  const destroySession = useCallback(() => {\n    commitDestroySession({\n      variables: {\n        input: {\n          id: session.id,\n        },\n      },\n      updater: (store) => {\n        const record = store.get('client:root');\n        if (!record) return;\n\n        const sessionRecords = record.getLinkedRecords('sessions');\n        if (!sessionRecords) return;\n\n        record.setLinkedRecords(\n          sessionRecords.filter((item) => item.getDataID() !== session.id),\n          'sessions'\n        );\n      },\n      onError: (error) => {\n        message.error(error.message);\n      },\n      onCompleted: () => {\n        message.success(t('profile:sessions.destroyed'));\n      },\n    });\n  }, [commitDestroySession, session.id, t]);\n\n  return (\n    <Container {...handlers}>\n      <IconContainer>\n        <Icon bgColor={iconColor}>{iconComponent}</Icon>\n      </IconContainer>\n\n      <Content>\n        <Title>{title}</Title>\n        {deviceInfo && <Info>{deviceInfo}</Info>}\n        {ip && <Info>{ip}</Info>}\n        {!hideLastSeenAt && <LastSeen>{lastSeen}</LastSeen>}\n      </Content>\n\n      <Actions hasSwipe={touchDevice} opened={opened}>\n        <Button\n          type='ghost'\n          wide='never'\n          size='small'\n          loading={loadingDestroySession}\n          onClick={destroySession}\n        >\n          <SignOut />\n        </Button>\n      </Actions>\n    </Container>\n  );\n};\n\nexport default SessionListItem;\n"],"mappings":"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"}

package/dist/cjs/components/session/SessionListSkeleton.js

@@ -4,43 +4,30 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _reactI18next = require("react-i18next");
-
 var _core = require("@os-design/core");
-
 var _styled = _interopRequireDefault(require("@emotion/styled"));
-
 var _SessionListItem = require("./SessionListItem");
-
 var _SessionList = require("./SessionList");
-
 var _templateObject, _templateObject2, _templateObject3, _templateObject4;
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-
 var IconSkeleton = (0, _styled.default)(_core.Skeleton)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  width: 1.82em;\n  height: 1.82em;\n"])));
 var ContainerSkeleton = (0, _styled.default)(_SessionListItem.Container)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  padding: 0.8em 0;\n"])));
 var TitleSkeleton = (0, _styled.default)(_core.Skeleton)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  height: ", "em;\n"])), function (p) {
   return p.theme.sizes.small;
 });
 var InfoSkeleton = (0, _styled.default)(TitleSkeleton)(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  margin-top: 0.3em;\n"])));
-
 var SessionListSkeleton = function SessionListSkeleton() {
-  var _useTranslation = (0, _reactI18next.useTranslation)('profile'),
-      t = _useTranslation.t;
-
+  var _useTranslation = (0, _reactI18next.useTranslation)(['profile']),
+    t = _useTranslation.t;
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_SessionList.Title, null, t('profile:sessions.current')), /*#__PURE__*/_react.default.createElement(_SessionList.List, null, /*#__PURE__*/_react.default.createElement(ContainerSkeleton, null, /*#__PURE__*/_react.default.createElement(_SessionListItem.IconContainer, null, /*#__PURE__*/_react.default.createElement(IconSkeleton, null)), /*#__PURE__*/_react.default.createElement(_SessionListItem.Content, null, /*#__PURE__*/_react.default.createElement(TitleSkeleton, {
     width: "50%"
   }), /*#__PURE__*/_react.default.createElement(InfoSkeleton, null), /*#__PURE__*/_react.default.createElement(InfoSkeleton, {
     width: "90%"
   })))));
 };
-
 var _default = SessionListSkeleton;
 exports.default = _default;
 //# sourceMappingURL=SessionListSkeleton.js.map

package/dist/cjs/components/session/SessionListSkeleton.js.map

@@ -1 +1 @@
-{"version":3,"file":"SessionListSkeleton.js","names":["IconSkeleton","styled","Skeleton","ContainerSkeleton","Container","TitleSkeleton","p","theme","sizes","small","InfoSkeleton","SessionListSkeleton","useTranslation","t"],"sources":["../../../../src/lib/components/session/SessionListSkeleton.tsx"],"sourcesContent":["import React from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { Skeleton } from '@os-design/core';\nimport styled from '@emotion/styled';\nimport { Container, Content, IconContainer } from './SessionListItem';\nimport { Title, List } from './SessionList';\n\nconst IconSkeleton = styled(Skeleton)`\n  width: 1.82em;\n  height: 1.82em;\n`;\n\nconst ContainerSkeleton = styled(Container)`\n  padding: 0.8em 0;\n`;\n\nconst TitleSkeleton = styled(Skeleton)`\n  height: ${(p) => p.theme.sizes.small}em;\n`;\n\nconst InfoSkeleton = styled(TitleSkeleton)`\n  margin-top: 0.3em;\n`;\n\nconst SessionListSkeleton: React.FC = () => {\n  const { t } = useTranslation('profile');\n\n  return (\n    <>\n      <Title>{t('profile:sessions.current')}</Title>\n      <List>\n        <ContainerSkeleton>\n          <IconContainer>\n            <IconSkeleton />\n          </IconContainer>\n\n          <Content>\n            <TitleSkeleton width='50%' />\n            <InfoSkeleton />\n            <InfoSkeleton width='90%' />\n          </Content>\n        </ContainerSkeleton>\n      </List>\n    </>\n  );\n};\n\nexport default SessionListSkeleton;\n"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;;;AAEA,IAAMA,YAAY,GAAG,IAAAC,eAAA,EAAOC,cAAP,CAAH,4GAAlB;AAKA,IAAMC,iBAAiB,GAAG,IAAAF,eAAA,EAAOG,0BAAP,CAAH,8FAAvB;AAIA,IAAMC,aAAa,GAAG,IAAAJ,eAAA,EAAOC,cAAP,CAAH,6FACP,UAACI,CAAD;EAAA,OAAOA,CAAC,CAACC,KAAF,CAAQC,KAAR,CAAcC,KAArB;AAAA,CADO,CAAnB;AAIA,IAAMC,YAAY,GAAG,IAAAT,eAAA,EAAOI,aAAP,CAAH,+FAAlB;;AAIA,IAAMM,mBAA6B,GAAG,SAAhCA,mBAAgC,GAAM;EAC1C,sBAAc,IAAAC,4BAAA,EAAe,SAAf,CAAd;EAAA,IAAQC,CAAR,mBAAQA,CAAR;;EAEA,oBACE,yEACE,6BAAC,kBAAD,QAAQA,CAAC,CAAC,0BAAD,CAAT,CADF,eAEE,6BAAC,iBAAD,qBACE,6BAAC,iBAAD,qBACE,6BAAC,8BAAD,qBACE,6BAAC,YAAD,OADF,CADF,eAKE,6BAAC,wBAAD,qBACE,6BAAC,aAAD;IAAe,KAAK,EAAC;EAArB,EADF,eAEE,6BAAC,YAAD,OAFF,eAGE,6BAAC,YAAD;IAAc,KAAK,EAAC;EAApB,EAHF,CALF,CADF,CAFF,CADF;AAkBD,CArBD;;eAuBeF,mB"}
+{"version":3,"file":"SessionListSkeleton.js","names":["IconSkeleton","styled","Skeleton","ContainerSkeleton","Container","TitleSkeleton","p","theme","sizes","small","InfoSkeleton","SessionListSkeleton","useTranslation","t"],"sources":["../../../../src/lib/components/session/SessionListSkeleton.tsx"],"sourcesContent":["import React from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { Skeleton } from '@os-design/core';\nimport styled from '@emotion/styled';\nimport { Container, Content, IconContainer } from './SessionListItem';\nimport { Title, List } from './SessionList';\n\nconst IconSkeleton = styled(Skeleton)`\n  width: 1.82em;\n  height: 1.82em;\n`;\n\nconst ContainerSkeleton = styled(Container)`\n  padding: 0.8em 0;\n`;\n\nconst TitleSkeleton = styled(Skeleton)`\n  height: ${(p) => p.theme.sizes.small}em;\n`;\n\nconst InfoSkeleton = styled(TitleSkeleton)`\n  margin-top: 0.3em;\n`;\n\nconst SessionListSkeleton: React.FC = () => {\n  const { t } = useTranslation(['profile']);\n\n  return (\n    <>\n      <Title>{t('profile:sessions.current')}</Title>\n      <List>\n        <ContainerSkeleton>\n          <IconContainer>\n            <IconSkeleton />\n          </IconContainer>\n\n          <Content>\n            <TitleSkeleton width='50%' />\n            <InfoSkeleton />\n            <InfoSkeleton width='90%' />\n          </Content>\n        </ContainerSkeleton>\n      </List>\n    </>\n  );\n};\n\nexport default SessionListSkeleton;\n"],"mappings":";;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AAA4C;AAAA;AAAA;AAE5C,IAAMA,YAAY,GAAG,IAAAC,eAAM,EAACC,cAAQ,CAAC,4GAGpC;AAED,IAAMC,iBAAiB,GAAG,IAAAF,eAAM,EAACG,0BAAS,CAAC,8FAE1C;AAED,IAAMC,aAAa,GAAG,IAAAJ,eAAM,EAACC,cAAQ,CAAC,6FAC1B,UAACI,CAAC;EAAA,OAAKA,CAAC,CAACC,KAAK,CAACC,KAAK,CAACC,KAAK;AAAA,EACrC;AAED,IAAMC,YAAY,GAAG,IAAAT,eAAM,EAACI,aAAa,CAAC,+FAEzC;AAED,IAAMM,mBAA6B,GAAG,SAAhCA,mBAA6B,GAAS;EAC1C,sBAAc,IAAAC,4BAAc,EAAC,CAAC,SAAS,CAAC,CAAC;IAAjCC,CAAC,mBAADA,CAAC;EAET,oBACE,yEACE,6BAAC,kBAAK,QAAEA,CAAC,CAAC,0BAA0B,CAAC,CAAS,eAC9C,6BAAC,iBAAI,qBACH,6BAAC,iBAAiB,qBAChB,6BAAC,8BAAa,qBACZ,6BAAC,YAAY,OAAG,CACF,eAEhB,6BAAC,wBAAO,qBACN,6BAAC,aAAa;IAAC,KAAK,EAAC;EAAK,EAAG,eAC7B,6BAAC,YAAY,OAAG,eAChB,6BAAC,YAAY;IAAC,KAAK,EAAC;EAAK,EAAG,CACpB,CACQ,CACf,CACN;AAEP,CAAC;AAAC,eAEaF,mBAAmB;AAAA"}

package/dist/cjs/components/session/__generated__/SessionDrawerContentQuery.graphql.js

@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 /**
  * @generated SignedSource<<3d3e12b4f2082ce4b7758021424fdae3>>
  * @lightSyntaxTransform
@@ -12,9 +11,9 @@ exports.default = void 0;
  */
 
 /* tslint:disable */
-
 /* eslint-disable */
 // @ts-nocheck
+
 var node = {
   "fragment": {
     "argumentDefinitions": [],

package/dist/cjs/components/session/__generated__/SessionDrawerContentQuery.graphql.js.map

@@ -1 +1 @@
-{"version":3,"file":"SessionDrawerContentQuery.graphql.js","names":["node","hash"],"sources":["../../../../../src/lib/components/session/__generated__/SessionDrawerContentQuery.graphql.ts"],"sourcesContent":["/**\n * @generated SignedSource<<3d3e12b4f2082ce4b7758021424fdae3>>\n * @lightSyntaxTransform\n * @nogrep\n */\n\n/* tslint:disable */\n/* eslint-disable */\n// @ts-nocheck\n\nimport { ConcreteRequest, Query } from 'relay-runtime';\nimport { FragmentRefs } from \"relay-runtime\";\nexport type SessionDrawerContentQuery$variables = {};\nexport type SessionDrawerContentQuery$data = {\n  readonly \" $fragmentSpreads\": FragmentRefs<\"SessionList_sessions\">;\n};\nexport type SessionDrawerContentQuery = {\n  response: SessionDrawerContentQuery$data;\n  variables: SessionDrawerContentQuery$variables;\n};\n\nconst node: ConcreteRequest = {\n  \"fragment\": {\n    \"argumentDefinitions\": [],\n    \"kind\": \"Fragment\",\n    \"metadata\": null,\n    \"name\": \"SessionDrawerContentQuery\",\n    \"selections\": [\n      {\n        \"args\": null,\n        \"kind\": \"FragmentSpread\",\n        \"name\": \"SessionList_sessions\"\n      }\n    ],\n    \"type\": \"Query\",\n    \"abstractKey\": null\n  },\n  \"kind\": \"Request\",\n  \"operation\": {\n    \"argumentDefinitions\": [],\n    \"kind\": \"Operation\",\n    \"name\": \"SessionDrawerContentQuery\",\n    \"selections\": [\n      {\n        \"alias\": null,\n        \"args\": null,\n        \"concreteType\": \"SessionPayload\",\n        \"kind\": \"LinkedField\",\n        \"name\": \"sessions\",\n        \"plural\": true,\n        \"selections\": [\n          {\n            \"alias\": null,\n            \"args\": null,\n            \"kind\": \"ScalarField\",\n            \"name\": \"id\",\n            \"storageKey\": null\n          },\n          {\n            \"alias\": null,\n            \"args\": null,\n            \"kind\": \"ScalarField\",\n            \"name\": \"current\",\n            \"storageKey\": null\n          },\n          {\n            \"alias\": null,\n            \"args\": null,\n            \"kind\": \"ScalarField\",\n            \"name\": \"lastSeenAt\",\n            \"storageKey\": null\n          },\n          {\n            \"alias\": null,\n            \"args\": null,\n            \"kind\": \"ScalarField\",\n            \"name\": \"isApp\",\n            \"storageKey\": null\n          },\n          {\n            \"alias\": null,\n            \"args\": null,\n            \"kind\": \"ScalarField\",\n            \"name\": \"browserName\",\n            \"storageKey\": null\n          },\n          {\n            \"alias\": null,\n            \"args\": null,\n            \"kind\": \"ScalarField\",\n            \"name\": \"browserVersion\",\n            \"storageKey\": null\n          },\n          {\n            \"alias\": null,\n            \"args\": null,\n            \"kind\": \"ScalarField\",\n            \"name\": \"osName\",\n            \"storageKey\": null\n          },\n          {\n            \"alias\": null,\n            \"args\": null,\n            \"kind\": \"ScalarField\",\n            \"name\": \"osVersion\",\n            \"storageKey\": null\n          },\n          {\n            \"alias\": null,\n            \"args\": null,\n            \"kind\": \"ScalarField\",\n            \"name\": \"deviceType\",\n            \"storageKey\": null\n          },\n          {\n            \"alias\": null,\n            \"args\": null,\n            \"kind\": \"ScalarField\",\n            \"name\": \"deviceName\",\n            \"storageKey\": null\n          },\n          {\n            \"alias\": null,\n            \"args\": null,\n            \"kind\": \"ScalarField\",\n            \"name\": \"deviceManufacturer\",\n            \"storageKey\": null\n          },\n          {\n            \"alias\": null,\n            \"args\": null,\n            \"kind\": \"ScalarField\",\n            \"name\": \"deviceBrand\",\n            \"storageKey\": null\n          },\n          {\n            \"alias\": null,\n            \"args\": null,\n            \"kind\": \"ScalarField\",\n            \"name\": \"deviceModel\",\n            \"storageKey\": null\n          },\n          {\n            \"alias\": null,\n            \"args\": null,\n            \"kind\": \"ScalarField\",\n            \"name\": \"ip\",\n            \"storageKey\": null\n          },\n          {\n            \"alias\": null,\n            \"args\": null,\n            \"kind\": \"ScalarField\",\n            \"name\": \"country\",\n            \"storageKey\": null\n          },\n          {\n            \"alias\": null,\n            \"args\": null,\n            \"kind\": \"ScalarField\",\n            \"name\": \"city\",\n            \"storageKey\": null\n          }\n        ],\n        \"storageKey\": null\n      }\n    ]\n  },\n  \"params\": {\n    \"cacheID\": \"cc7ef83584759c724bbad21b528477c2\",\n    \"id\": null,\n    \"metadata\": {},\n    \"name\": \"SessionDrawerContentQuery\",\n    \"operationKind\": \"query\",\n    \"text\": \"query SessionDrawerContentQuery {\\n  ...SessionList_sessions\\n}\\n\\nfragment SessionListItem_session on SessionPayload {\\n  id\\n  isApp\\n  browserName\\n  browserVersion\\n  osName\\n  osVersion\\n  deviceType\\n  deviceName\\n  deviceManufacturer\\n  deviceBrand\\n  deviceModel\\n  ip\\n  country\\n  city\\n  lastSeenAt\\n}\\n\\nfragment SessionList_sessions on Query {\\n  sessions {\\n    id\\n    current\\n    lastSeenAt\\n    ...SessionListItem_session\\n  }\\n}\\n\"\n  }\n};\n\n(node as any).hash = \"1643ac6b9bd324d389dab9011e55b1ba\";\n\nexport default node;\n"],"mappings":"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"}
+{"version":3,"file":"SessionDrawerContentQuery.graphql.js","names":["node","hash"],"sources":["../../../../../src/lib/components/session/__generated__/SessionDrawerContentQuery.graphql.ts"],"sourcesContent":["/**\n * @generated SignedSource<<3d3e12b4f2082ce4b7758021424fdae3>>\n * @lightSyntaxTransform\n * @nogrep\n */\n\n/* tslint:disable */\n/* eslint-disable */\n// @ts-nocheck\n\nimport { ConcreteRequest, Query } from 'relay-runtime';\nimport { FragmentRefs } from \"relay-runtime\";\nexport type SessionDrawerContentQuery$variables = {};\nexport type SessionDrawerContentQuery$data = {\n  readonly \" $fragmentSpreads\": FragmentRefs<\"SessionList_sessions\">;\n};\nexport type SessionDrawerContentQuery = {\n  response: SessionDrawerContentQuery$data;\n  variables: SessionDrawerContentQuery$variables;\n};\n\nconst node: ConcreteRequest = {\n  \"fragment\": {\n    \"argumentDefinitions\": [],\n    \"kind\": \"Fragment\",\n    \"metadata\": null,\n    \"name\": \"SessionDrawerContentQuery\",\n    \"selections\": [\n      {\n        \"args\": null,\n        \"kind\": \"FragmentSpread\",\n        \"name\": \"SessionList_sessions\"\n      }\n    ],\n    \"type\": \"Query\",\n    \"abstractKey\": null\n  },\n  \"kind\": \"Request\",\n  \"operation\": {\n    \"argumentDefinitions\": [],\n    \"kind\": \"Operation\",\n    \"name\": \"SessionDrawerContentQuery\",\n    \"selections\": [\n      {\n        \"alias\": null,\n        \"args\": null,\n        \"concreteType\": \"SessionPayload\",\n        \"kind\": \"LinkedField\",\n        \"name\": \"sessions\",\n        \"plural\": true,\n        \"selections\": [\n          {\n            \"alias\": null,\n            \"args\": null,\n            \"kind\": \"ScalarField\",\n            \"name\": \"id\",\n            \"storageKey\": null\n          },\n          {\n            \"alias\": null,\n            \"args\": null,\n            \"kind\": \"ScalarField\",\n            \"name\": \"current\",\n            \"storageKey\": null\n          },\n          {\n            \"alias\": null,\n            \"args\": null,\n            \"kind\": \"ScalarField\",\n            \"name\": \"lastSeenAt\",\n            \"storageKey\": null\n          },\n          {\n            \"alias\": null,\n            \"args\": null,\n            \"kind\": \"ScalarField\",\n            \"name\": \"isApp\",\n            \"storageKey\": null\n          },\n          {\n            \"alias\": null,\n            \"args\": null,\n            \"kind\": \"ScalarField\",\n            \"name\": \"browserName\",\n            \"storageKey\": null\n          },\n          {\n            \"alias\": null,\n            \"args\": null,\n            \"kind\": \"ScalarField\",\n            \"name\": \"browserVersion\",\n            \"storageKey\": null\n          },\n          {\n            \"alias\": null,\n            \"args\": null,\n            \"kind\": \"ScalarField\",\n            \"name\": \"osName\",\n            \"storageKey\": null\n          },\n          {\n            \"alias\": null,\n            \"args\": null,\n            \"kind\": \"ScalarField\",\n            \"name\": \"osVersion\",\n            \"storageKey\": null\n          },\n          {\n            \"alias\": null,\n            \"args\": null,\n            \"kind\": \"ScalarField\",\n            \"name\": \"deviceType\",\n            \"storageKey\": null\n          },\n          {\n            \"alias\": null,\n            \"args\": null,\n            \"kind\": \"ScalarField\",\n            \"name\": \"deviceName\",\n            \"storageKey\": null\n          },\n          {\n            \"alias\": null,\n            \"args\": null,\n            \"kind\": \"ScalarField\",\n            \"name\": \"deviceManufacturer\",\n            \"storageKey\": null\n          },\n          {\n            \"alias\": null,\n            \"args\": null,\n            \"kind\": \"ScalarField\",\n            \"name\": \"deviceBrand\",\n            \"storageKey\": null\n          },\n          {\n            \"alias\": null,\n            \"args\": null,\n            \"kind\": \"ScalarField\",\n            \"name\": \"deviceModel\",\n            \"storageKey\": null\n          },\n          {\n            \"alias\": null,\n            \"args\": null,\n            \"kind\": \"ScalarField\",\n            \"name\": \"ip\",\n            \"storageKey\": null\n          },\n          {\n            \"alias\": null,\n            \"args\": null,\n            \"kind\": \"ScalarField\",\n            \"name\": \"country\",\n            \"storageKey\": null\n          },\n          {\n            \"alias\": null,\n            \"args\": null,\n            \"kind\": \"ScalarField\",\n            \"name\": \"city\",\n            \"storageKey\": null\n          }\n        ],\n        \"storageKey\": null\n      }\n    ]\n  },\n  \"params\": {\n    \"cacheID\": \"cc7ef83584759c724bbad21b528477c2\",\n    \"id\": null,\n    \"metadata\": {},\n    \"name\": \"SessionDrawerContentQuery\",\n    \"operationKind\": \"query\",\n    \"text\": \"query SessionDrawerContentQuery {\\n  ...SessionList_sessions\\n}\\n\\nfragment SessionListItem_session on SessionPayload {\\n  id\\n  isApp\\n  browserName\\n  browserVersion\\n  osName\\n  osVersion\\n  deviceType\\n  deviceName\\n  deviceManufacturer\\n  deviceBrand\\n  deviceModel\\n  ip\\n  country\\n  city\\n  lastSeenAt\\n}\\n\\nfragment SessionList_sessions on Query {\\n  sessions {\\n    id\\n    current\\n    lastSeenAt\\n    ...SessionListItem_session\\n  }\\n}\\n\"\n  }\n};\n\n(node as any).hash = \"1643ac6b9bd324d389dab9011e55b1ba\";\n\nexport default node;\n"],"mappings":"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"}

package/dist/cjs/components/session/__generated__/SessionListDestroyAllOtherSessionsMutation.graphql.js

@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 /**
  * @generated SignedSource<<6494414e61957261dfdc6fec7a9a1df7>>
  * @lightSyntaxTransform
@@ -12,9 +11,9 @@ exports.default = void 0;
  */
 
 /* tslint:disable */
-
 /* eslint-disable */
 // @ts-nocheck
+
 var node = function () {
   var v0 = [{
     "alias": null,
@@ -38,9 +37,7 @@ var node = function () {
       "kind": "Fragment",
       "metadata": null,
       "name": "SessionListDestroyAllOtherSessionsMutation",
-      "selections": v0
-      /*: any*/
-      ,
+      "selections": v0 /*: any*/,
       "type": "Mutation",
       "abstractKey": null
     },
@@ -49,10 +46,9 @@ var node = function () {
       "argumentDefinitions": [],
       "kind": "Operation",
       "name": "SessionListDestroyAllOtherSessionsMutation",
-      "selections": v0
-      /*: any*/
-
+      "selections": v0 /*: any*/
     },
+
     "params": {
       "cacheID": "c6f556336ccb31f27b1c2f13c2ea9c06",
       "id": null,
@@ -63,7 +59,6 @@ var node = function () {
     }
   };
 }();
-
 node.hash = "016b6b5e7ae228f7df552d97fa43bd40";
 var _default = node;
 exports.default = _default;

package/dist/cjs/components/session/__generated__/SessionListDestroyAllOtherSessionsMutation.graphql.js.map

@@ -1 +1 @@
-{"version":3,"file":"SessionListDestroyAllOtherSessionsMutation.graphql.js","names":["node","v0","hash"],"sources":["../../../../../src/lib/components/session/__generated__/SessionListDestroyAllOtherSessionsMutation.graphql.ts"],"sourcesContent":["/**\n * @generated SignedSource<<6494414e61957261dfdc6fec7a9a1df7>>\n * @lightSyntaxTransform\n * @nogrep\n */\n\n/* tslint:disable */\n/* eslint-disable */\n// @ts-nocheck\n\nimport { ConcreteRequest, Mutation } from 'relay-runtime';\nexport type SessionListDestroyAllOtherSessionsMutation$variables = {};\nexport type SessionListDestroyAllOtherSessionsMutation$data = {\n  readonly destroyAllOtherSessions: {\n    readonly ok: boolean;\n  };\n};\nexport type SessionListDestroyAllOtherSessionsMutation = {\n  response: SessionListDestroyAllOtherSessionsMutation$data;\n  variables: SessionListDestroyAllOtherSessionsMutation$variables;\n};\n\nconst node: ConcreteRequest = (function(){\nvar v0 = [\n  {\n    \"alias\": null,\n    \"args\": null,\n    \"concreteType\": \"StatusPayload\",\n    \"kind\": \"LinkedField\",\n    \"name\": \"destroyAllOtherSessions\",\n    \"plural\": false,\n    \"selections\": [\n      {\n        \"alias\": null,\n        \"args\": null,\n        \"kind\": \"ScalarField\",\n        \"name\": \"ok\",\n        \"storageKey\": null\n      }\n    ],\n    \"storageKey\": null\n  }\n];\nreturn {\n  \"fragment\": {\n    \"argumentDefinitions\": [],\n    \"kind\": \"Fragment\",\n    \"metadata\": null,\n    \"name\": \"SessionListDestroyAllOtherSessionsMutation\",\n    \"selections\": (v0/*: any*/),\n    \"type\": \"Mutation\",\n    \"abstractKey\": null\n  },\n  \"kind\": \"Request\",\n  \"operation\": {\n    \"argumentDefinitions\": [],\n    \"kind\": \"Operation\",\n    \"name\": \"SessionListDestroyAllOtherSessionsMutation\",\n    \"selections\": (v0/*: any*/)\n  },\n  \"params\": {\n    \"cacheID\": \"c6f556336ccb31f27b1c2f13c2ea9c06\",\n    \"id\": null,\n    \"metadata\": {},\n    \"name\": \"SessionListDestroyAllOtherSessionsMutation\",\n    \"operationKind\": \"mutation\",\n    \"text\": \"mutation SessionListDestroyAllOtherSessionsMutation {\\n  destroyAllOtherSessions {\\n    ok\\n  }\\n}\\n\"\n  }\n};\n})();\n\n(node as any).hash = \"016b6b5e7ae228f7df552d97fa43bd40\";\n\nexport default node;\n"],"mappings":";;;;;;;AAAA;AACA;AACA;AACA;AACA;;AAEA;;AACA;AACA;AAcA,IAAMA,IAAqB,GAAI,YAAU;EACzC,IAAIC,EAAE,GAAG,CACP;IACE,SAAS,IADX;IAEE,QAAQ,IAFV;IAGE,gBAAgB,eAHlB;IAIE,QAAQ,aAJV;IAKE,QAAQ,yBALV;IAME,UAAU,KANZ;IAOE,cAAc,CACZ;MACE,SAAS,IADX;MAEE,QAAQ,IAFV;MAGE,QAAQ,aAHV;MAIE,QAAQ,IAJV;MAKE,cAAc;IALhB,CADY,CAPhB;IAgBE,cAAc;EAhBhB,CADO,CAAT;EAoBA,OAAO;IACL,YAAY;MACV,uBAAuB,EADb;MAEV,QAAQ,UAFE;MAGV,YAAY,IAHF;MAIV,QAAQ,4CAJE;MAKV,cAAeA;MAAE;MALP;MAMV,QAAQ,UANE;MAOV,eAAe;IAPL,CADP;IAUL,QAAQ,SAVH;IAWL,aAAa;MACX,uBAAuB,EADZ;MAEX,QAAQ,WAFG;MAGX,QAAQ,4CAHG;MAIX,cAAeA;MAAE;;IAJN,CAXR;IAiBL,UAAU;MACR,WAAW,kCADH;MAER,MAAM,IAFE;MAGR,YAAY,EAHJ;MAIR,QAAQ,4CAJA;MAKR,iBAAiB,UALT;MAMR,QAAQ;IANA;EAjBL,CAAP;AA0BC,CA/C6B,EAA9B;;AAiDCD,IAAD,CAAcE,IAAd,GAAqB,kCAArB;eAEeF,I"}
+{"version":3,"file":"SessionListDestroyAllOtherSessionsMutation.graphql.js","names":["node","v0","hash"],"sources":["../../../../../src/lib/components/session/__generated__/SessionListDestroyAllOtherSessionsMutation.graphql.ts"],"sourcesContent":["/**\n * @generated SignedSource<<6494414e61957261dfdc6fec7a9a1df7>>\n * @lightSyntaxTransform\n * @nogrep\n */\n\n/* tslint:disable */\n/* eslint-disable */\n// @ts-nocheck\n\nimport { ConcreteRequest, Mutation } from 'relay-runtime';\nexport type SessionListDestroyAllOtherSessionsMutation$variables = {};\nexport type SessionListDestroyAllOtherSessionsMutation$data = {\n  readonly destroyAllOtherSessions: {\n    readonly ok: boolean;\n  };\n};\nexport type SessionListDestroyAllOtherSessionsMutation = {\n  response: SessionListDestroyAllOtherSessionsMutation$data;\n  variables: SessionListDestroyAllOtherSessionsMutation$variables;\n};\n\nconst node: ConcreteRequest = (function(){\nvar v0 = [\n  {\n    \"alias\": null,\n    \"args\": null,\n    \"concreteType\": \"StatusPayload\",\n    \"kind\": \"LinkedField\",\n    \"name\": \"destroyAllOtherSessions\",\n    \"plural\": false,\n    \"selections\": [\n      {\n        \"alias\": null,\n        \"args\": null,\n        \"kind\": \"ScalarField\",\n        \"name\": \"ok\",\n        \"storageKey\": null\n      }\n    ],\n    \"storageKey\": null\n  }\n];\nreturn {\n  \"fragment\": {\n    \"argumentDefinitions\": [],\n    \"kind\": \"Fragment\",\n    \"metadata\": null,\n    \"name\": \"SessionListDestroyAllOtherSessionsMutation\",\n    \"selections\": (v0/*: any*/),\n    \"type\": \"Mutation\",\n    \"abstractKey\": null\n  },\n  \"kind\": \"Request\",\n  \"operation\": {\n    \"argumentDefinitions\": [],\n    \"kind\": \"Operation\",\n    \"name\": \"SessionListDestroyAllOtherSessionsMutation\",\n    \"selections\": (v0/*: any*/)\n  },\n  \"params\": {\n    \"cacheID\": \"c6f556336ccb31f27b1c2f13c2ea9c06\",\n    \"id\": null,\n    \"metadata\": {},\n    \"name\": \"SessionListDestroyAllOtherSessionsMutation\",\n    \"operationKind\": \"mutation\",\n    \"text\": \"mutation SessionListDestroyAllOtherSessionsMutation {\\n  destroyAllOtherSessions {\\n    ok\\n  }\\n}\\n\"\n  }\n};\n})();\n\n(node as any).hash = \"016b6b5e7ae228f7df552d97fa43bd40\";\n\nexport default node;\n"],"mappings":";;;;;;AAAA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAcA,IAAMA,IAAqB,GAAI,YAAU;EACzC,IAAIC,EAAE,GAAG,CACP;IACE,OAAO,EAAE,IAAI;IACb,MAAM,EAAE,IAAI;IACZ,cAAc,EAAE,eAAe;IAC/B,MAAM,EAAE,aAAa;IACrB,MAAM,EAAE,yBAAyB;IACjC,QAAQ,EAAE,KAAK;IACf,YAAY,EAAE,CACZ;MACE,OAAO,EAAE,IAAI;MACb,MAAM,EAAE,IAAI;MACZ,MAAM,EAAE,aAAa;MACrB,MAAM,EAAE,IAAI;MACZ,YAAY,EAAE;IAChB,CAAC,CACF;IACD,YAAY,EAAE;EAChB,CAAC,CACF;EACD,OAAO;IACL,UAAU,EAAE;MACV,qBAAqB,EAAE,EAAE;MACzB,MAAM,EAAE,UAAU;MAClB,UAAU,EAAE,IAAI;MAChB,MAAM,EAAE,4CAA4C;MACpD,YAAY,EAAGA,EAAE,UAAU;MAC3B,MAAM,EAAE,UAAU;MAClB,aAAa,EAAE;IACjB,CAAC;IACD,MAAM,EAAE,SAAS;IACjB,WAAW,EAAE;MACX,qBAAqB,EAAE,EAAE;MACzB,MAAM,EAAE,WAAW;MACnB,MAAM,EAAE,4CAA4C;MACpD,YAAY,EAAGA,EAAE;IACnB,CAAC;;IACD,QAAQ,EAAE;MACR,SAAS,EAAE,kCAAkC;MAC7C,IAAI,EAAE,IAAI;MACV,UAAU,EAAE,CAAC,CAAC;MACd,MAAM,EAAE,4CAA4C;MACpD,eAAe,EAAE,UAAU;MAC3B,MAAM,EAAE;IACV;EACF,CAAC;AACD,CAAC,EAAG;AAEHD,IAAI,CAASE,IAAI,GAAG,kCAAkC;AAAC,eAEzCF,IAAI;AAAA"}