@jetbrains/ring-ui 5.1.1 → 6.0.2-beta.0

package/dist/markdown/markdown.js

@@ -1,4 +1,5 @@
-import { a as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
+import { a as _inherits, b as _createSuper, c as _classCallCheck, d as _createClass, e as _objectWithoutProperties, _ as _defineProperty, f as _extends, m as _toConsumableArray, g as _objectSpread2 } from '../_helpers/_rollupPluginBabelHelpers.js';
+import 'core-js/modules/es.array.concat.js';
 import React, { PureComponent } from 'react';
 import PropTypes from 'prop-types';
 import ReactMarkdown from 'react-markdown';
@@ -10,54 +11,82 @@ import trivialTemplateTag from '../global/trivial-template-tag.js';
 import MarkdownCode from './code.js';
 import MarkdownLink from './link.js';
 import MarkdownHeading from './heading.js';
+import 'core-js/modules/es.regexp.exec.js';
+import 'core-js/modules/es.string.split.js';
+import 'core-js/modules/es.array.map.js';
+import 'core-js/modules/es.array.filter.js';
+import 'core-js/modules/es.object.to-string.js';
+import 'core-js/modules/es.string.match.js';
+import 'core-js/modules/es.array.slice.js';
+import 'core-js/modules/es.array.reverse.js';
+import 'core-js/modules/web.dom-collections.for-each.js';
+import 'core-js/modules/es.array.splice.js';
+import 'core-js/modules/es.array.find.js';
+import 'core-js/modules/es.string.starts-with.js';
+import 'core-js/modules/es.string.replace.js';
 import '../code/code.js';
+import 'core-js/modules/es.promise.js';
 import 'highlight.js/lib/core';
 import '../global/memoize.js';
+import 'core-js/modules/es.array.iterator.js';
+import 'core-js/modules/es.map.js';
+import 'core-js/modules/es.string.iterator.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
+import 'core-js/modules/es.weak-map.js';
 import '../link/link.js';
-import 'focus-visible';
 import '../global/data-tests.js';
+import 'core-js/modules/es.array.reduce.js';
+import 'core-js/modules/es.object.entries.js';
 import '../link/clickableLink.js';
-import '../_helpers/link.js';
 import '../heading/heading.js';
 import 'util-deprecate';
 
-var modules_9c709e64 = {"unit":"8px","p-margin":"10px","light":"light_rui_e3b3","inline":"inline_rui_e3b3","markdown":"markdown_rui_e3b3 font_rui_8bff"};
+var modules_9c709e64 = {"unit":"i__const_unit_0","p-margin":"10px","light":"light_rui_2ac4","inline":"inline_rui_e3b3","markdown":"markdown_rui_e3b3 font_rui_8bff"};
 
+var _excluded = ["className", "components", "inline", "children", "plugins", "remarkPlugins"];
 /**
   * @name Markdown
 */
-class Markdown extends PureComponent {
-  render() {
-    const {
-      className,
-      components,
-      inline,
-      children,
-      plugins = [],
-      remarkPlugins = [],
-      ...restProps
-    } = this.props;
-    const classes = classNames(className, {
-      [modules_9c709e64.markdown]: !inline,
-      [modules_9c709e64.inline]: inline
-    });
-    return /*#__PURE__*/React.createElement(ReactMarkdown, _extends({
-      className: classes,
-      remarkPlugins: [RemarkBreaks, RemarkGFM, ...plugins, ...remarkPlugins],
-      components: {
-        a: MarkdownLink,
-        code: MarkdownCode,
-        h1: MarkdownHeading,
-        h2: MarkdownHeading,
-        h3: MarkdownHeading,
-        h4: MarkdownHeading,
-        h5: MarkdownHeading,
-        h6: MarkdownHeading,
-        ...components
-      }
-    }, restProps), normalizeIndent(children));
+var Markdown = /*#__PURE__*/function (_PureComponent) {
+  _inherits(Markdown, _PureComponent);
+  var _super = _createSuper(Markdown);
+  function Markdown() {
+    _classCallCheck(this, Markdown);
+    return _super.apply(this, arguments);
   }
-}
+  _createClass(Markdown, [{
+    key: "render",
+    value: function render() {
+      var _classNames;
+      var _this$props = this.props,
+        className = _this$props.className,
+        components = _this$props.components,
+        inline = _this$props.inline,
+        children = _this$props.children,
+        _this$props$plugins = _this$props.plugins,
+        plugins = _this$props$plugins === void 0 ? [] : _this$props$plugins,
+        _this$props$remarkPlu = _this$props.remarkPlugins,
+        remarkPlugins = _this$props$remarkPlu === void 0 ? [] : _this$props$remarkPlu,
+        restProps = _objectWithoutProperties(_this$props, _excluded);
+      var classes = classNames(className, (_classNames = {}, _defineProperty(_classNames, modules_9c709e64.markdown, !inline), _defineProperty(_classNames, modules_9c709e64.inline, inline), _classNames));
+      return /*#__PURE__*/React.createElement(ReactMarkdown, _extends({
+        className: classes,
+        remarkPlugins: [RemarkBreaks, RemarkGFM].concat(_toConsumableArray(plugins), _toConsumableArray(remarkPlugins)),
+        components: _objectSpread2({
+          a: MarkdownLink,
+          code: MarkdownCode,
+          h1: MarkdownHeading,
+          h2: MarkdownHeading,
+          h3: MarkdownHeading,
+          h4: MarkdownHeading,
+          h5: MarkdownHeading,
+          h6: MarkdownHeading
+        }, components)
+      }, restProps), normalizeIndent(children));
+    }
+  }]);
+  return Markdown;
+}(PureComponent);
 Markdown.propTypes = {
   inline: PropTypes.bool,
   children: PropTypes.string,
@@ -65,6 +94,8 @@ Markdown.propTypes = {
   components: PropTypes.object,
   plugins: PropTypes.array
 };
-const md = trivialTemplateTag(source => /*#__PURE__*/React.createElement(Markdown, null, source));
+var md = trivialTemplateTag(function (source) {
+  return /*#__PURE__*/React.createElement(Markdown, null, source);
+});
 
 export { Markdown as default, md };

package/dist/message/message.d.ts

@@ -1,4 +1,4 @@
-import { Component, ReactNode } from 'react';
+import React, { Component, ReactNode } from 'react';
 import Popup, { PopupAttrs } from '../popup/popup';
 import { Directions } from '../popup/popup.consts';
 import { IconType } from '../icon/icon';
@@ -11,7 +11,7 @@ export interface MessageTranslations {
 export interface MessageProps {
     icon: string | IconType | null;
     directions: readonly Directions[];
-    translations: MessageTranslations;
+    translations?: MessageTranslations | null | undefined;
     theme: Theme;
     title?: string | null | undefined;
     children?: ReactNode;
@@ -34,10 +34,6 @@ export default class Message extends Component<MessageProps> {
     static defaultProps: {
         icon: string;
         directions: Directions[];
-        translations: {
-            gotIt: string;
-            dismiss: string;
-        };
         theme: Theme;
     };
     state: MessageState;
@@ -53,7 +49,7 @@ export default class Message extends Component<MessageProps> {
     node?: HTMLElement | null;
     popupRef: (el: Popup | null) => void;
     getTailOffset(): number;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }
 export type MessageAttrs = JSX.LibraryManagedAttributes<typeof Message, MessageProps>;
 export {};

package/dist/message/message.js

@@ -1,4 +1,9 @@
-import { _ as _defineProperty, a as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
+import { _ as _defineProperty, a as _inherits, b as _createSuper, c as _classCallCheck, k as _assertThisInitialized, d as _createClass, f as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
+import 'core-js/modules/es.array.concat.js';
+import 'core-js/modules/es.array.includes.js';
+import 'core-js/modules/es.string.includes.js';
+import 'core-js/modules/es.symbol.js';
+import 'core-js/modules/es.symbol.description.js';
 import React, { Component } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
@@ -7,198 +12,226 @@ import Popup from '../popup/popup.js';
 import { Directions } from '../popup/popup.consts.js';
 import Icon from '../icon/icon.js';
 import { Button } from '../button/button.js';
+import { I18nContext } from '../i18n/i18n-context.js';
 import { T as Theme, m as modules_59717246, W as WithThemeClasses, a as ThemeProvider } from '../_helpers/theme.js';
+import 'core-js/modules/es.object.to-string.js';
+import 'core-js/modules/web.dom-collections.for-each.js';
+import 'core-js/modules/es.object.entries.js';
+import 'core-js/modules/es.regexp.to-string.js';
+import 'core-js/modules/es.regexp.exec.js';
+import 'core-js/modules/es.string.replace.js';
 import 'react-dom';
 import '../global/get-uid.js';
 import '../global/schedule-raf.js';
 import '../global/dom.js';
+import 'core-js/modules/es.object.assign.js';
+import 'core-js/modules/es.array.filter.js';
+import 'core-js/modules/es.string.split.js';
+import 'core-js/modules/es.object.keys.js';
+import 'core-js/modules/es.array.iterator.js';
+import 'core-js/modules/es.set.js';
+import 'core-js/modules/es.string.iterator.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
 import '../shortcuts/shortcuts.js';
+import 'core-js/modules/es.array.map.js';
 import '../shortcuts/core.js';
+import 'core-js/modules/es.array.slice.js';
+import 'core-js/modules/es.array.splice.js';
+import 'core-js/modules/es.string.match.js';
+import 'core-js/modules/es.array.find-index.js';
 import 'combokeys';
 import '../global/sniffer.js';
 import 'sniffr';
 import '../global/data-tests.js';
+import 'core-js/modules/es.array.reduce.js';
 import '../tab-trap/tab-trap.js';
 import '../popup/position.js';
+import 'core-js/modules/es.array.sort.js';
 import '../popup/popup.target.js';
 import 'util-deprecate';
 import '../icon/icon__constants.js';
-import '../_helpers/icon.js';
-import '../icon/icon__svg.js';
+import '../_helpers/icon__svg.js';
+import 'core-js/modules/es.string.starts-with.js';
 import '../global/memoize.js';
-import 'focus-visible';
+import 'core-js/modules/es.map.js';
+import 'core-js/modules/es.weak-map.js';
 import '@jetbrains/icons/chevron-10px';
 import '../link/clickableLink.js';
 import '../global/controls-height.js';
 import '../_helpers/button__classes.js';
+import '../i18n/i18n.js';
 
-var modules_8b837449 = {"unit":"8px","padding":"12px","light":"light_rui_f3db","container":"container_rui_f3db","message":"message_rui_f3db","icon":"icon_rui_f3db","title":"title_rui_f3db font-lower_rui_8bff font_rui_8bff","description":"description_rui_f3db","button":"button_rui_f3db","tail":"tail_rui_f3db"};
+var modules_8b837449 = {"unit":"i__const_unit_0","padding":"12px","light":"light_rui_2ac4","container":"container_rui_f3db","message":"message_rui_f3db","icon":"icon_rui_f3db","title":"title_rui_f3db font-lower_rui_8bff font_rui_8bff","description":"description_rui_f3db","button":"button_rui_f3db","tail":"tail_rui_f3db"};
 
 /**
   * @name Message
   */
-const UNIT = 8;
-const TAIL_SIZE = 11;
-const getTailOffsets = offset => ({
-  [Directions.BOTTOM_RIGHT]: {
+var UNIT = 8;
+var TAIL_SIZE = 11;
+var getTailOffsets = function getTailOffsets(offset) {
+  var _ref;
+  return _ref = {}, _defineProperty(_ref, Directions.BOTTOM_RIGHT, {
     top: 0,
     left: offset + UNIT,
     transform: 'rotate(135deg)'
-  },
-  [Directions.BOTTOM_LEFT]: {
+  }), _defineProperty(_ref, Directions.BOTTOM_LEFT, {
     top: 0,
     right: offset - UNIT - TAIL_SIZE,
     transform: 'rotate(135deg)'
-  },
-  [Directions.BOTTOM_CENTER]: {
+  }), _defineProperty(_ref, Directions.BOTTOM_CENTER, {
     top: 0,
     left: offset + UNIT,
     transform: 'rotate(135deg)'
-  },
-  [Directions.TOP_RIGHT]: {
+  }), _defineProperty(_ref, Directions.TOP_RIGHT, {
     bottom: -TAIL_SIZE,
     left: offset - UNIT,
     transform: 'rotate(-45deg)'
-  },
-  [Directions.TOP_LEFT]: {
+  }), _defineProperty(_ref, Directions.TOP_LEFT, {
     bottom: -TAIL_SIZE,
     right: offset + UNIT - TAIL_SIZE,
     transform: 'rotate(-45deg)'
-  },
-  [Directions.TOP_CENTER]: {
+  }), _defineProperty(_ref, Directions.TOP_CENTER, {
     bottom: -TAIL_SIZE,
     left: offset - UNIT,
     transform: 'rotate(-45deg)'
-  },
-  [Directions.RIGHT_TOP]: {
+  }), _defineProperty(_ref, Directions.RIGHT_TOP, {
     bottom: offset + UNIT - TAIL_SIZE,
     left: 0,
     transform: 'rotate(45deg)'
-  },
-  [Directions.RIGHT_BOTTOM]: {
+  }), _defineProperty(_ref, Directions.RIGHT_BOTTOM, {
     top: offset - UNIT,
     left: 0,
     transform: 'rotate(45deg)'
-  },
-  [Directions.RIGHT_CENTER]: {
+  }), _defineProperty(_ref, Directions.RIGHT_CENTER, {
     top: offset - UNIT,
     left: 0,
     transform: 'rotate(45deg)'
-  },
-  [Directions.LEFT_TOP]: {
+  }), _defineProperty(_ref, Directions.LEFT_TOP, {
     bottom: offset - UNIT - TAIL_SIZE,
     right: -TAIL_SIZE,
     transform: 'rotate(-135deg)'
-  },
-  [Directions.LEFT_BOTTOM]: {
+  }), _defineProperty(_ref, Directions.LEFT_BOTTOM, {
     top: offset + UNIT,
     right: -TAIL_SIZE,
     transform: 'rotate(-135deg)'
-  },
-  [Directions.LEFT_CENTER]: {
+  }), _defineProperty(_ref, Directions.LEFT_CENTER, {
     top: offset + UNIT,
     right: -TAIL_SIZE,
     transform: 'rotate(-135deg)'
-  }
-});
+  }), _ref;
+};
 /**
  * Displays a popup containing a message.
  */
-class Message extends Component {
-  constructor() {
-    super(...arguments);
-    _defineProperty(this, "state", {});
-    _defineProperty(this, "_onDirectionChange", direction => this.setState({
-      direction
-    }));
-    _defineProperty(this, "popup", void 0);
-    _defineProperty(this, "node", void 0);
-    _defineProperty(this, "popupRef", el => {
-      this.popup = el;
-      this.node = this.popup?.node;
+var Message = /*#__PURE__*/function (_Component) {
+  _inherits(Message, _Component);
+  var _super = _createSuper(Message);
+  function Message() {
+    var _this;
+    _classCallCheck(this, Message);
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    _this = _super.call.apply(_super, [this].concat(args));
+    _defineProperty(_assertThisInitialized(_this), "state", {});
+    _defineProperty(_assertThisInitialized(_this), "_onDirectionChange", function (direction) {
+      return _this.setState({
+        direction: direction
+      });
+    });
+    _defineProperty(_assertThisInitialized(_this), "popup", void 0);
+    _defineProperty(_assertThisInitialized(_this), "node", void 0);
+    _defineProperty(_assertThisInitialized(_this), "popupRef", function (el) {
+      var _this$popup;
+      _this.popup = el;
+      _this.node = (_this$popup = _this.popup) === null || _this$popup === void 0 ? void 0 : _this$popup.node;
     });
+    return _this;
   }
-  getTailOffset() {
-    const DEFAULT_OFFSET = 32;
-    const {
-      popupProps
-    } = this.props;
-    if (this.props.tailOffset != null) {
-      return this.props.tailOffset;
+  _createClass(Message, [{
+    key: "getTailOffset",
+    value: function getTailOffset() {
+      var _this$popup2;
+      var DEFAULT_OFFSET = 32;
+      var popupProps = this.props.popupProps;
+      if (this.props.tailOffset != null) {
+        return this.props.tailOffset;
+      }
+      var anchor = (popupProps === null || popupProps === void 0 ? void 0 : popupProps.anchorElement) || ((_this$popup2 = this.popup) === null || _this$popup2 === void 0 ? void 0 : _this$popup2.parent);
+      if (!anchor) {
+        return DEFAULT_OFFSET;
+      }
+      var offset = Math.floor(anchor.offsetWidth / 2);
+      var isOpenedToRight = this.state.direction != null && [Directions.TOP_RIGHT, Directions.BOTTOM_RIGHT].includes(this.state.direction);
+      if (popupProps !== null && popupProps !== void 0 && popupProps.left && isOpenedToRight) {
+        return offset - (popupProps === null || popupProps === void 0 ? void 0 : popupProps.left);
+      }
+      return offset;
     }
-    const anchor = popupProps?.anchorElement || this.popup?.parent;
-    if (!anchor) {
-      return DEFAULT_OFFSET;
+  }, {
+    key: "render",
+    value: function render() {
+      var _this2 = this;
+      var _this$props = this.props,
+        children = _this$props.children,
+        className = _this$props.className,
+        tailClassName = _this$props.tailClassName,
+        title = _this$props.title,
+        icon = _this$props.icon,
+        popupProps = _this$props.popupProps,
+        buttonProps = _this$props.buttonProps,
+        onClose = _this$props.onClose,
+        onDismiss = _this$props.onDismiss,
+        translations = _this$props.translations,
+        theme = _this$props.theme;
+      var classes = classNames(modules_8b837449.message, className, _defineProperty({}, modules_59717246.dark, theme === Theme.DARK));
+      var tailClasses = classNames(modules_8b837449.tail, tailClassName);
+      var popupDirections = this.props.direction ? [this.props.direction] : this.props.directions;
+      var direction = this.state.direction;
+      return /*#__PURE__*/React.createElement(I18nContext.Consumer, null, function (_ref2) {
+        var translate = _ref2.translate;
+        return /*#__PURE__*/React.createElement(WithThemeClasses, {
+          theme: theme
+        }, function (themeClasses) {
+          var _translations$gotIt, _translations$dismiss;
+          return /*#__PURE__*/React.createElement(Popup, _extends({
+            ref: _this2.popupRef,
+            hidden: false,
+            directions: popupDirections,
+            className: classNames(classes, themeClasses),
+            offset: UNIT * 2,
+            onDirectionChange: _this2._onDirectionChange
+          }, popupProps), /*#__PURE__*/React.createElement(ThemeProvider, {
+            theme: theme,
+            passToPopups: true
+          }, direction && /*#__PURE__*/React.createElement("div", {
+            className: tailClasses,
+            style: getTailOffsets(_this2.getTailOffset())[direction]
+          }), icon && /*#__PURE__*/React.createElement(Icon, {
+            className: modules_8b837449.icon,
+            glyph: icon
+          }), title && /*#__PURE__*/React.createElement("h1", {
+            "data-test": "rgMessageTitle",
+            className: modules_8b837449.title
+          }, title), children && /*#__PURE__*/React.createElement("div", {
+            className: modules_8b837449.description
+          }, children), (onClose || buttonProps) && /*#__PURE__*/React.createElement(Button, _extends({
+            className: modules_8b837449.button,
+            onClick: onClose,
+            primary: true
+          }, buttonProps), (_translations$gotIt = translations === null || translations === void 0 ? void 0 : translations.gotIt) !== null && _translations$gotIt !== void 0 ? _translations$gotIt : translate('gotIt')), onDismiss && /*#__PURE__*/React.createElement(Button, {
+            onClick: onDismiss,
+            text: true
+          }, (_translations$dismiss = translations === null || translations === void 0 ? void 0 : translations.dismiss) !== null && _translations$dismiss !== void 0 ? _translations$dismiss : translate('dismiss'))));
+        });
+      });
     }
-    const offset = Math.floor(anchor.offsetWidth / 2);
-    const isOpenedToRight = this.state.direction != null && [Directions.TOP_RIGHT, Directions.BOTTOM_RIGHT].includes(this.state.direction);
-    if (popupProps?.left && isOpenedToRight) {
-      return offset - popupProps?.left;
-    }
-    return offset;
-  }
-  render() {
-    const {
-      children,
-      className,
-      tailClassName,
-      title,
-      icon,
-      popupProps,
-      buttonProps,
-      onClose,
-      onDismiss,
-      translations,
-      theme
-    } = this.props;
-    const classes = classNames(modules_8b837449.message, className, {
-      [modules_59717246.dark]: theme === Theme.DARK
-    });
-    const tailClasses = classNames(modules_8b837449.tail, tailClassName);
-    const popupDirections = this.props.direction ? [this.props.direction] : this.props.directions;
-    const {
-      direction
-    } = this.state;
-    return /*#__PURE__*/React.createElement(WithThemeClasses, {
-      theme: theme
-    }, themeClasses => /*#__PURE__*/React.createElement(Popup, _extends({
-      ref: this.popupRef,
-      hidden: false,
-      directions: popupDirections,
-      className: classNames(classes, themeClasses),
-      offset: UNIT * 2,
-      onDirectionChange: this._onDirectionChange
-    }, popupProps), /*#__PURE__*/React.createElement(ThemeProvider, {
-      theme: theme,
-      passToPopups: true
-    }, direction && /*#__PURE__*/React.createElement("div", {
-      className: tailClasses,
-      style: getTailOffsets(this.getTailOffset())[direction]
-    }), icon && /*#__PURE__*/React.createElement(Icon, {
-      className: modules_8b837449.icon,
-      glyph: icon
-    }), title && /*#__PURE__*/React.createElement("h1", {
-      "data-test": "rgMessageTitle",
-      className: modules_8b837449.title
-    }, title), children && /*#__PURE__*/React.createElement("div", {
-      className: modules_8b837449.description
-    }, children), (onClose || buttonProps) && /*#__PURE__*/React.createElement(Button, _extends({
-      className: modules_8b837449.button,
-      onClick: onClose,
-      primary: true
-    }, buttonProps), translations.gotIt), onDismiss && /*#__PURE__*/React.createElement(Button, {
-      onClick: onDismiss,
-      text: true
-    }, translations.dismiss))));
-  }
-}
+  }]);
+  return Message;
+}(Component);
 _defineProperty(Message, "defaultProps", {
   icon: gift,
   directions: [Directions.TOP_RIGHT, Directions.TOP_LEFT, Directions.TOP_CENTER, Directions.BOTTOM_RIGHT, Directions.BOTTOM_LEFT, Directions.BOTTOM_CENTER, Directions.RIGHT_TOP, Directions.RIGHT_BOTTOM, Directions.RIGHT_CENTER, Directions.LEFT_TOP, Directions.LEFT_BOTTOM, Directions.LEFT_CENTER],
-  translations: {
-    gotIt: 'Got it',
-    dismiss: 'Dismiss'
-  },
   theme: Theme.DARK
 });
 _defineProperty(Message, "Directions", Directions);

package/dist/old-browsers-message/old-browsers-message.js

@@ -1,4 +1,12 @@
+import 'core-js/modules/es.array.concat.js';
 import { isBrowserInWhiteList } from './white-list.js';
+import '../_helpers/_rollupPluginBabelHelpers.js';
+import 'core-js/modules/es.array.reduce.js';
+import 'core-js/modules/es.object.to-string.js';
+import 'core-js/modules/es.regexp.exec.js';
+import 'core-js/modules/es.string.match.js';
+import 'core-js/modules/es.array.includes.js';
+import 'core-js/modules/es.parse-int.js';
 import '../global/sniffer.js';
 import 'sniffr';
 
@@ -10,12 +18,12 @@ import 'sniffr';
   won't be displayed for those and higher versions even when a JS error occurs
   on application start.
  */
-let smileChanges = 0;
-const MAX_SMILE_CHANGES = 50;
-let previousWindowErrorHandler;
+var smileChanges = 0;
+var MAX_SMILE_CHANGES = 50;
+var previousWindowErrorHandler;
 function changeSmileClickListener(event) {
-  const eyes = ['O', 'o', '-', '>', '<'];
-  const target = event.target || event.srcElement;
+  var eyes = ['O', 'o', '-', '>', '<'];
+  var target = event.target || event.srcElement;
   smileChanges++;
   function rand(min, max) {
     return Math.round(Math.random() * (max - min)) + min;
@@ -27,7 +35,7 @@ function changeSmileClickListener(event) {
     if (smileChanges >= MAX_SMILE_CHANGES) {
       return '\\\\ (x_x) //';
     }
-    return `{{ (${getRandomEye()}_${getRandomEye()}) }}`;
+    return "{{ (".concat(getRandomEye(), "_").concat(getRandomEye(), ") }}");
   }
   target.innerHTML = getRandomSmile();
 }
@@ -59,11 +67,11 @@ function stopOldBrowserDetector() {
   window.onerror = previousWindowErrorHandler;
 }
 //Start javascript error detection
-startOldBrowsersDetector(() => {
-  const oldBrowsersMessageContainer = document.getElementById('ring-old-browsers-message');
-  const browserMessage = document.getElementById('ring-old-browsers-message__browser-message');
-  const errorMessage = document.getElementById('ring-old-browsers-message__error-message');
-  const smileNode = document.getElementById('ring-old-browsers-message__smile');
+startOldBrowsersDetector(function () {
+  var oldBrowsersMessageContainer = document.getElementById('ring-old-browsers-message');
+  var browserMessage = document.getElementById('ring-old-browsers-message__browser-message');
+  var errorMessage = document.getElementById('ring-old-browsers-message__error-message');
+  var smileNode = document.getElementById('ring-old-browsers-message__smile');
   if (browserMessage != null && errorMessage != null) {
     if (isBrowserInWhiteList()) {
       browserMessage.style.display = 'none';

package/dist/old-browsers-message/old-browsers-message__stop.js

@@ -1,4 +1,12 @@
 export { stop as default } from './old-browsers-message.js';
+import 'core-js/modules/es.array.concat.js';
 import './white-list.js';
+import '../_helpers/_rollupPluginBabelHelpers.js';
+import 'core-js/modules/es.array.reduce.js';
+import 'core-js/modules/es.object.to-string.js';
+import 'core-js/modules/es.regexp.exec.js';
+import 'core-js/modules/es.string.match.js';
+import 'core-js/modules/es.array.includes.js';
+import 'core-js/modules/es.parse-int.js';
 import '../global/sniffer.js';
 import 'sniffr';

package/dist/old-browsers-message/white-list.js

@@ -1,26 +1,33 @@
+import { j as _slicedToArray, g as _objectSpread2, _ as _defineProperty } from '../_helpers/_rollupPluginBabelHelpers.js';
+import 'core-js/modules/es.array.reduce.js';
+import 'core-js/modules/es.object.to-string.js';
+import 'core-js/modules/es.regexp.exec.js';
+import 'core-js/modules/es.string.match.js';
+import 'core-js/modules/es.array.includes.js';
+import 'core-js/modules/es.parse-int.js';
 import sniffr from '../global/sniffer.js';
 import 'sniffr';
 
-const MAJOR_VERSION_INDEX = 0;
+var MAJOR_VERSION_INDEX = 0;
 /**
  * SUPPORTED_BROWSERS are defined by Babel plugin, see babel config
  */
-if (!["and_chr 105", "chrome 104", "chrome 103", "edge 104", "edge 103", "firefox 103", "ios_saf 15.6", "ios_saf 15.5", "ios_saf 14.5-14.8", "op_mini all", "safari 15.6", "samsung 18.0", "samsung 17.0"]) {
+if (!["and_chr 116", "and_uc 15.5", "chrome 115", "chrome 114", "chrome 109", "edge 114", "firefox 115", "ios_saf 16.5", "ios_saf 16.3", "ios_saf 16.1", "op_mini all", "opera 99", "safari 16.5", "samsung 21"]) {
   // eslint-disable-next-line no-console
   console.warn('Ring UI: no SUPPORTED_BROWSERS passed. Please check babel config.');
 }
-const SUPPORTED = ["and_chr 105", "chrome 104", "chrome 103", "edge 104", "edge 103", "firefox 103", "ios_saf 15.6", "ios_saf 15.5", "ios_saf 14.5-14.8", "op_mini all", "safari 15.6", "samsung 18.0", "samsung 17.0"] || [];
-const WHITE_LISTED_BROWSERS = ['chrome', 'firefox', 'safari', 'edge'];
-const WHITE_LIST = SUPPORTED.reduce((acc, item) => {
+var SUPPORTED = ["and_chr 116", "and_uc 15.5", "chrome 115", "chrome 114", "chrome 109", "edge 114", "firefox 115", "ios_saf 16.5", "ios_saf 16.3", "ios_saf 16.1", "op_mini all", "opera 99", "safari 16.5", "samsung 21"] || [];
+var WHITE_LISTED_BROWSERS = ['chrome', 'firefox', 'safari', 'edge'];
+var WHITE_LIST = SUPPORTED.reduce(function (acc, item) {
   var _item$match;
-  const [, browserName, version] = (_item$match = item.match(/(\S+)\s(\S+)/)) !== null && _item$match !== void 0 ? _item$match : [];
+  var _ref = (_item$match = item.match(/(\S+)\s(\S+)/)) !== null && _item$match !== void 0 ? _item$match : [],
+    _ref2 = _slicedToArray(_ref, 3),
+    browserName = _ref2[1],
+    version = _ref2[2];
   if (!WHITE_LISTED_BROWSERS.includes(browserName)) {
     return acc;
   }
-  return {
-    ...acc,
-    [browserName]: parseInt(version, 10)
-  };
+  return _objectSpread2(_objectSpread2({}, acc), {}, _defineProperty({}, browserName, parseInt(version, 10)));
 }, {});
 function isBrowserInWhiteList() {
   return sniffr.browser.version[MAJOR_VERSION_INDEX] >= WHITE_LIST[sniffr.browser.name];