@jetbrains/ring-ui-built 6.0.3 → 6.0.4

package/components/_helpers/_rollupPluginBabelHelpers.js

@@ -1,3 +1,11 @@
+function _isNativeReflectConstruct() {
+  try {
+    var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {}));
+  } catch (t) {}
+  return (_isNativeReflectConstruct = function () {
+    return !!t;
+  })();
+}
 function _iterableToArrayLimit(r, l) {
   var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
   if (null != t) {
@@ -470,17 +478,6 @@ function _setPrototypeOf(o, p) {
   };
   return _setPrototypeOf(o, p);
 }
-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 _objectWithoutPropertiesLoose(source, excluded) {
   if (source == null) return {};
   var target = {};

package/components/collapse/collapse-content.d.ts

@@ -0,0 +1,11 @@
+import React, { PropsWithChildren } from 'react';
+type Props = {
+    minHeight?: number;
+    className?: string;
+    'data-test'?: string | null | undefined;
+};
+/**
+ * @name CollapseContent
+ */
+export declare const CollapseContent: React.FC<PropsWithChildren<Props>>;
+export default CollapseContent;

package/components/collapse/collapse-content.js

@@ -0,0 +1,121 @@
+import { k as _slicedToArray } from '../_helpers/_rollupPluginBabelHelpers.js';
+import React, { useContext, useRef, useState, useEffect, useMemo } from 'react';
+import classNames from 'classnames';
+import joinDataTestAttributes from '../global/data-tests.js';
+import { getRect } from '../global/dom.js';
+import { toPx } from './utils.js';
+import { CollapseContext } from './collapse-context.js';
+import { COLLAPSE_CONTENT_CONTAINER_TEST_ID, COLLAPSE_CONTENT_TEST_ID } from './consts.js';
+import 'core-js/modules/es.array.reduce.js';
+import 'core-js/modules/es.object.to-string.js';
+import 'core-js/modules/es.object.entries.js';
+import 'core-js/modules/es.array.concat.js';
+import 'core-js/modules/es.object.assign.js';
+import 'core-js/modules/web.dom-collections.for-each.js';
+import 'core-js/modules/es.array.filter.js';
+import 'core-js/modules/es.regexp.exec.js';
+import 'core-js/modules/es.string.split.js';
+import 'core-js/modules/es.array.iterator.js';
+import 'core-js/modules/es.set.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
+
+var modules_9c8b5b00 = {"container":"container_rui_88de","transition":"transition_rui_88de","summary":"summary_rui_88de","trigger":"trigger_rui_88de","fade":"fade_rui_88de"};
+
+var DURATION_FACTOR = 0.5;
+var DEFAULT_HEIGHT = 0;
+var VISIBLE = 1;
+var HIDDEN = 0;
+/**
+ * @name CollapseContent
+ */
+var CollapseContent = function CollapseContent(_ref) {
+  var children = _ref.children,
+    _ref$minHeight = _ref.minHeight,
+    minHeight = _ref$minHeight === void 0 ? DEFAULT_HEIGHT : _ref$minHeight,
+    dataTest = _ref['data-test'];
+  var _useContext = useContext(CollapseContext),
+    collapsed = _useContext.collapsed,
+    duration = _useContext.duration,
+    id = _useContext.id,
+    disableAnimation = _useContext.disableAnimation;
+  var containerRef = useRef(null);
+  var contentRef = useRef(null);
+  var initialContentHeight = useRef(minHeight);
+  var contentHeight = useRef(DEFAULT_HEIGHT);
+  var _useState = useState({
+      width: 0,
+      height: 0
+    }),
+    _useState2 = _slicedToArray(_useState, 2),
+    dimensions = _useState2[0],
+    setDimensions = _useState2[1];
+  var _useState3 = useState(toPx(minHeight)),
+    _useState4 = _slicedToArray(_useState3, 2),
+    height = _useState4[0],
+    setHeight = _useState4[1];
+  var _useState5 = useState(true),
+    _useState6 = _slicedToArray(_useState5, 2),
+    showFade = _useState6[0],
+    setShowFade = _useState6[1];
+  useEffect(function () {
+    if (!collapsed) {
+      setShowFade(false);
+    } else {
+      setShowFade(true);
+    }
+  }, [collapsed]);
+  useEffect(function () {
+    if (contentRef.current) {
+      contentHeight.current = getRect(contentRef.current).height;
+    }
+  }, [minHeight, dimensions.height]);
+  useEffect(function () {
+    var nextHeight = collapsed ? initialContentHeight.current : contentHeight.current;
+    setHeight(toPx(nextHeight));
+  }, [collapsed, dimensions.height]);
+  useEffect(function () {
+    if (contentRef.current) {
+      var observer = new ResizeObserver(function (_ref2) {
+        var _ref3 = _slicedToArray(_ref2, 1),
+          entry = _ref3[0];
+        if (entry && entry.borderBoxSize) {
+          var _entry$borderBoxSize$ = entry.borderBoxSize[0],
+            inlineSize = _entry$borderBoxSize$.inlineSize,
+            blockSize = _entry$borderBoxSize$.blockSize;
+          setDimensions({
+            width: inlineSize,
+            height: blockSize
+          });
+        }
+      });
+      observer.observe(contentRef.current);
+    }
+  }, []);
+  var style = useMemo(function () {
+    var calculatedDuration = duration + contentHeight.current * DURATION_FACTOR;
+    return {
+      '--duration': "".concat(calculatedDuration, "ms"),
+      height,
+      opacity: collapsed && !minHeight ? HIDDEN : VISIBLE
+    };
+  }, [duration, height, collapsed, minHeight]);
+  var fadeShouldBeVisible = useMemo(function () {
+    return Boolean(minHeight && showFade);
+  }, [minHeight, showFade]);
+  return /*#__PURE__*/React.createElement("div", {
+    ref: containerRef,
+    id: "collapse-content-".concat(id),
+    "data-test": joinDataTestAttributes(COLLAPSE_CONTENT_CONTAINER_TEST_ID),
+    className: classNames(modules_9c8b5b00.container, {
+      [modules_9c8b5b00.transition]: !disableAnimation
+    }),
+    style: style
+  }, /*#__PURE__*/React.createElement("div", {
+    ref: contentRef,
+    "data-test": joinDataTestAttributes(COLLAPSE_CONTENT_TEST_ID, dataTest)
+  }, children), fadeShouldBeVisible && /*#__PURE__*/React.createElement("div", {
+    className: modules_9c8b5b00.fade
+  }));
+};
+
+export { CollapseContent, CollapseContent as default };

package/components/collapse/collapse-context.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+interface CollapseContextInterface {
+    collapsed: boolean;
+    duration: number;
+    disableAnimation: boolean;
+    setCollapsed: () => void;
+    id: string;
+}
+export declare const CollapseContext: import("react").Context<CollapseContextInterface>;
+export default CollapseContext;

package/components/collapse/collapse-context.js

@@ -0,0 +1,12 @@
+import { createContext } from 'react';
+import { BASE_ANIMATION_DURATION } from './consts.js';
+
+var CollapseContext = /*#__PURE__*/createContext({
+  collapsed: true,
+  duration: BASE_ANIMATION_DURATION,
+  disableAnimation: false,
+  setCollapsed: function setCollapsed() {},
+  id: ''
+});
+
+export { CollapseContext, CollapseContext as default };

package/components/collapse/collapse-control.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+type ChildrenFunction = (collapsed: boolean) => React.ReactNode;
+type Props = {
+    children: ChildrenFunction | React.ReactNode;
+    'data-test'?: string | null | undefined;
+};
+/**
+ * @name CollapseControl
+ */
+export declare const CollapseControl: React.FC<Props>;
+export default CollapseControl;

package/components/collapse/collapse-control.js

@@ -0,0 +1,38 @@
+import React, { useContext, useMemo, cloneElement } from 'react';
+import joinDataTestAttributes from '../global/data-tests.js';
+import { CollapseContext } from './collapse-context.js';
+import { COLLAPSE_CONTROL_TEST_ID } from './consts.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.object.entries.js';
+import 'core-js/modules/es.array.concat.js';
+
+/**
+ * @name CollapseControl
+ */
+var CollapseControl = function CollapseControl(_ref) {
+  var children = _ref.children,
+    dataTest = _ref['data-test'];
+  var _useContext = useContext(CollapseContext),
+    setCollapsed = _useContext.setCollapsed,
+    collapsed = _useContext.collapsed,
+    id = _useContext.id;
+  var child = useMemo(function () {
+    if (typeof children === 'function') {
+      return /*#__PURE__*/React.createElement("p", {
+        "data-test": joinDataTestAttributes(COLLAPSE_CONTROL_TEST_ID, dataTest)
+      }, children(collapsed));
+    }
+    return /*#__PURE__*/React.createElement("p", {
+      "data-test": joinDataTestAttributes(COLLAPSE_CONTROL_TEST_ID, dataTest)
+    }, children);
+  }, [children, collapsed, dataTest]);
+  return /*#__PURE__*/cloneElement(child, {
+    onClick: setCollapsed,
+    'aria-controls': "collapse-content-".concat(id),
+    'aria-expanded': String(!collapsed)
+  });
+};
+
+export { CollapseControl, CollapseControl as default };

package/components/collapse/collapse.d.ts

@@ -0,0 +1,12 @@
+import React, { PropsWithChildren } from 'react';
+type Props = {
+    onChange?: (collapsed: boolean) => void;
+    duration?: number;
+    disableAnimation?: boolean;
+    className?: string;
+};
+/**
+ * @name Collapse
+ */
+export declare const Collapse: React.FC<PropsWithChildren<Props>>;
+export default Collapse;

package/components/collapse/collapse.js

@@ -0,0 +1,41 @@
+import { k as _slicedToArray } from '../_helpers/_rollupPluginBabelHelpers.js';
+import React, { useState, useId, useCallback } from 'react';
+import { CollapseContext } from './collapse-context.js';
+import { BASE_ANIMATION_DURATION } from './consts.js';
+
+/**
+ * @name Collapse
+ */
+var Collapse = function Collapse(_ref) {
+  var children = _ref.children,
+    _ref$duration = _ref.duration,
+    duration = _ref$duration === void 0 ? BASE_ANIMATION_DURATION : _ref$duration,
+    _ref$disableAnimation = _ref.disableAnimation,
+    disableAnimation = _ref$disableAnimation === void 0 ? false : _ref$disableAnimation,
+    _ref$className = _ref.className,
+    className = _ref$className === void 0 ? '' : _ref$className,
+    _ref$onChange = _ref.onChange,
+    onChange = _ref$onChange === void 0 ? function () {} : _ref$onChange;
+  var _useState = useState(true),
+    _useState2 = _slicedToArray(_useState, 2),
+    collapsed = _useState2[0],
+    toggle = _useState2[1];
+  var id = useId();
+  var setCollapsed = useCallback(function () {
+    toggle(!collapsed);
+    onChange(!collapsed);
+  }, [toggle, onChange, collapsed]);
+  return /*#__PURE__*/React.createElement("div", {
+    className: className
+  }, /*#__PURE__*/React.createElement(CollapseContext.Provider, {
+    value: {
+      collapsed,
+      setCollapsed,
+      duration,
+      disableAnimation,
+      id
+    }
+  }, children));
+};
+
+export { Collapse, Collapse as default };

package/components/collapse/consts.d.ts

@@ -0,0 +1,4 @@
+export declare const COLLAPSE_CONTROL_TEST_ID = "ring-collapse-control";
+export declare const COLLAPSE_CONTENT_CONTAINER_TEST_ID = "ring-collapse-content-container";
+export declare const COLLAPSE_CONTENT_TEST_ID = "ring-collapse-content";
+export declare const BASE_ANIMATION_DURATION = 200;

package/components/collapse/consts.js

@@ -0,0 +1,6 @@
+var COLLAPSE_CONTROL_TEST_ID = 'ring-collapse-control';
+var COLLAPSE_CONTENT_CONTAINER_TEST_ID = 'ring-collapse-content-container';
+var COLLAPSE_CONTENT_TEST_ID = 'ring-collapse-content';
+var BASE_ANIMATION_DURATION = 200;
+
+export { BASE_ANIMATION_DURATION, COLLAPSE_CONTENT_CONTAINER_TEST_ID, COLLAPSE_CONTENT_TEST_ID, COLLAPSE_CONTROL_TEST_ID };

package/components/collapse/utils.d.ts

@@ -0,0 +1 @@
+export declare const toPx: (value: number) => string;

package/components/collapse/utils.js

@@ -0,0 +1,5 @@
+var toPx = function toPx(value) {
+  return "".concat(value, "px");
+};
+
+export { toPx };

package/components/date-picker/consts.js

@@ -1,6 +1,6 @@
 import 'core-js/modules/es.regexp.exec.js';
 import PropTypes from 'prop-types';
-import add from 'date-fns/add';
+import { add } from 'date-fns/add';
 
 var unit = 8; // px;
 var units = {

package/components/date-picker/date-picker.js

@@ -5,13 +5,13 @@ import 'core-js/modules/es.array.map.js';
 import React, { PureComponent } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
-import format from 'date-fns/format';
-import isSameDay from 'date-fns/isSameDay';
-import isSameMonth from 'date-fns/isSameMonth';
-import isSameYear from 'date-fns/isSameYear';
-import isValid from 'date-fns/isValid';
-import parse from 'date-fns/parse';
-import set from 'date-fns/set';
+import { format } from 'date-fns/format';
+import { isSameDay } from 'date-fns/isSameDay';
+import { isSameMonth } from 'date-fns/isSameMonth';
+import { isSameYear } from 'date-fns/isSameYear';
+import { isValid } from 'date-fns/isValid';
+import { parse } from 'date-fns/parse';
+import { set } from 'date-fns/set';
 import calendarIcon from '@jetbrains/icons/calendar';
 import chevronDownIcon from '@jetbrains/icons/chevron-down';
 import memoize from '../global/memoize.js';

package/components/date-picker/date-popup.js

@@ -4,10 +4,10 @@ import 'core-js/modules/es.object.to-string.js';
 import 'core-js/modules/es.array.map.js';
 import React, { Component } from 'react';
 import PropTypes from 'prop-types';
-import isAfter from 'date-fns/isAfter';
-import isBefore from 'date-fns/isBefore';
-import isSameDay from 'date-fns/isSameDay';
-import startOfDay from 'date-fns/startOfDay';
+import { isAfter } from 'date-fns/isAfter';
+import { isBefore } from 'date-fns/isBefore';
+import { isSameDay } from 'date-fns/isSameDay';
+import { startOfDay } from 'date-fns/startOfDay';
 import { set } from 'date-fns';
 import memoize from '../global/memoize.js';
 import DateInput from './date-input.js';

package/components/date-picker/day.js

@@ -6,15 +6,15 @@ import 'core-js/modules/es.string.includes.js';
 import React, { Component } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
-import addDays from 'date-fns/addDays';
-import format from 'date-fns/format';
-import getDay from 'date-fns/getDay';
-import getDate from 'date-fns/getDate';
-import isAfter from 'date-fns/isAfter';
-import isBefore from 'date-fns/isBefore';
-import isSameDay from 'date-fns/isSameDay';
-import isToday from 'date-fns/isToday';
-import startOfDay from 'date-fns/startOfDay';
+import { addDays } from 'date-fns/addDays';
+import { format } from 'date-fns/format';
+import { getDay } from 'date-fns/getDay';
+import { getDate } from 'date-fns/getDate';
+import { isAfter } from 'date-fns/isAfter';
+import { isBefore } from 'date-fns/isBefore';
+import { isSameDay } from 'date-fns/isSameDay';
+import { isToday } from 'date-fns/isToday';
+import { startOfDay } from 'date-fns/startOfDay';
 import { dateType, weekdays } from './consts.js';
 import { m as modules_0c7b7d96 } from '../_helpers/date-picker.js';
 import 'core-js/modules/es.regexp.exec.js';

package/components/date-picker/month-names.js

@@ -4,12 +4,12 @@ import 'core-js/modules/es.array.map.js';
 import React, { PureComponent } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
-import endOfMonth from 'date-fns/endOfMonth';
-import format from 'date-fns/format';
-import isThisMonth from 'date-fns/isThisMonth';
-import set from 'date-fns/set';
-import startOfDay from 'date-fns/startOfDay';
-import startOfYear from 'date-fns/startOfYear';
+import { endOfMonth } from 'date-fns/endOfMonth';
+import { format } from 'date-fns/format';
+import { isThisMonth } from 'date-fns/isThisMonth';
+import { set } from 'date-fns/set';
+import { startOfDay } from 'date-fns/startOfDay';
+import { startOfYear } from 'date-fns/startOfYear';
 import linearFunction from '../global/linear-function.js';
 import MonthSlider from './month-slider.js';
 import { dateType, YEAR, MIDDLE_DAY, yearScrollSpeed } from './consts.js';

package/components/date-picker/month-slider.js

@@ -4,9 +4,9 @@ import 'core-js/modules/es.array.map.js';
 import React, { PureComponent } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
-import addYears from 'date-fns/addYears';
-import startOfDay from 'date-fns/startOfDay';
-import subYears from 'date-fns/subYears';
+import { addYears } from 'date-fns/addYears';
+import { startOfDay } from 'date-fns/startOfDay';
+import { subYears } from 'date-fns/subYears';
 import linearFunction from '../global/linear-function.js';
 import units, { dateType, yearScrollSpeed } from './consts.js';
 import { m as modules_0c7b7d96 } from '../_helpers/date-picker.js';

package/components/date-picker/month.js

@@ -1,11 +1,11 @@
 import { i as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
 import 'core-js/modules/es.array.map.js';
 import React from 'react';
-import addDays from 'date-fns/addDays';
-import endOfMonth from 'date-fns/endOfMonth';
-import format from 'date-fns/format';
-import getDay from 'date-fns/getDay';
-import setDay from 'date-fns/setDay';
+import { addDays } from 'date-fns/addDays';
+import { endOfMonth } from 'date-fns/endOfMonth';
+import { format } from 'date-fns/format';
+import { getDay } from 'date-fns/getDay';
+import { setDay } from 'date-fns/setDay';
 import PropTypes from 'prop-types';
 import Day from './day.js';
 import { dateType, weekdays, WEEK } from './consts.js';

package/components/date-picker/months.js

@@ -2,12 +2,12 @@ import { i as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
 import 'core-js/modules/es.array.map.js';
 import React, { useMemo, useRef, useEffect } from 'react';
 import PropTypes from 'prop-types';
-import addMonths from 'date-fns/addMonths';
-import getDay from 'date-fns/getDay';
-import getDaysInMonth from 'date-fns/getDaysInMonth';
-import startOfMonth from 'date-fns/startOfMonth';
-import subMonths from 'date-fns/subMonths';
-import endOfMonth from 'date-fns/endOfMonth';
+import { addMonths } from 'date-fns/addMonths';
+import { getDay } from 'date-fns/getDay';
+import { getDaysInMonth } from 'date-fns/getDaysInMonth';
+import { startOfMonth } from 'date-fns/startOfMonth';
+import { subMonths } from 'date-fns/subMonths';
+import { endOfMonth } from 'date-fns/endOfMonth';
 import scheduleRAF from '../global/schedule-raf.js';
 import linearFunction from '../global/linear-function.js';
 import useEventCallback from '../global/use-event-callback.js';

package/components/date-picker/weekdays.js

@@ -4,10 +4,10 @@ import 'core-js/modules/es.array.includes.js';
 import 'core-js/modules/es.string.includes.js';
 import React from 'react';
 import classNames from 'classnames';
-import getDay from 'date-fns/getDay';
-import format from 'date-fns/format';
-import setDay from 'date-fns/setDay';
-import startOfDay from 'date-fns/startOfDay';
+import { getDay } from 'date-fns/getDay';
+import { format } from 'date-fns/format';
+import { setDay } from 'date-fns/setDay';
+import { startOfDay } from 'date-fns/startOfDay';
 import PropTypes from 'prop-types';
 import { weekdays } from './consts.js';
 import { m as modules_0c7b7d96 } from '../_helpers/date-picker.js';

package/components/date-picker/years.js

@@ -4,14 +4,14 @@ import 'core-js/modules/es.array.map.js';
 import React, { createRef, PureComponent } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
-import addYears from 'date-fns/addYears';
-import getYear from 'date-fns/getYear';
-import format from 'date-fns/format';
-import isSameYear from 'date-fns/isSameYear';
-import isThisYear from 'date-fns/isThisYear';
-import _setYear from 'date-fns/setYear';
-import startOfYear from 'date-fns/startOfYear';
-import subYears from 'date-fns/subYears';
+import { addYears } from 'date-fns/addYears';
+import { getYear } from 'date-fns/getYear';
+import { format } from 'date-fns/format';
+import { isSameYear } from 'date-fns/isSameYear';
+import { isThisYear } from 'date-fns/isThisYear';
+import { setYear } from 'date-fns/setYear';
+import { startOfYear } from 'date-fns/startOfYear';
+import { subYears } from 'date-fns/subYears';
 import linearFunction from '../global/linear-function.js';
 import { m as modules_0c7b7d96 } from '../_helpers/date-picker.js';
 import units, { dateType, yearDuration, DOUBLE, HALF } from './consts.js';
@@ -76,7 +76,7 @@ var Years = /*#__PURE__*/function (_PureComponent) {
     }
   }, {
     key: "setYear",
-    value: function setYear(date) {
+    value: function setYear$1(date) {
       if (scrollTO) {
         window.clearTimeout(scrollTO);
         scrollTO = null;
@@ -84,7 +84,7 @@ var Years = /*#__PURE__*/function (_PureComponent) {
       this.setState({
         scrollDate: null
       });
-      this.props.onScroll(Number(_setYear(this.props.scrollDate, getYear(date))));
+      this.props.onScroll(Number(setYear(this.props.scrollDate, getYear(date))));
     }
   }, {
     key: "render",
@@ -117,7 +117,7 @@ var Years = /*#__PURE__*/function (_PureComponent) {
             [modules_0c7b7d96.today]: isThisYear(item)
           }),
           onClick: function handleClick() {
-            onScrollChange(Number(_setYear(scrollDate, getYear(item))));
+            onScrollChange(Number(setYear(scrollDate, getYear(item))));
           }
         }, format(item, 'yyyy'));
       }));

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

@@ -11,11 +11,11 @@ var MAJOR_VERSION_INDEX = 0;
 /**
  * SUPPORTED_BROWSERS are defined by Babel plugin, see babel config
  */
-if (!["and_chr 120", "chrome 120", "chrome 119", "chrome 109", "edge 120", "edge 119", "firefox 120", "ios_saf 17.1", "ios_saf 16.6-16.7", "op_mob 73", "safari 17.1", "samsung 23"]) {
+if (!["and_chr 121", "chrome 121", "chrome 120", "chrome 119", "chrome 109", "edge 120", "firefox 121", "ios_saf 17.2", "ios_saf 17.1", "ios_saf 16.6-16.7", "op_mob 73", "samsung 23"]) {
   // eslint-disable-next-line no-console
   console.warn('Ring UI: no SUPPORTED_BROWSERS passed. Please check babel config.');
 }
-var SUPPORTED = ["and_chr 120", "chrome 120", "chrome 119", "chrome 109", "edge 120", "edge 119", "firefox 120", "ios_saf 17.1", "ios_saf 16.6-16.7", "op_mob 73", "safari 17.1", "samsung 23"] || [];
+var SUPPORTED = ["and_chr 121", "chrome 121", "chrome 120", "chrome 119", "chrome 109", "edge 120", "firefox 121", "ios_saf 17.2", "ios_saf 17.1", "ios_saf 16.6-16.7", "op_mob 73", "samsung 23"] || [];
 var WHITE_LISTED_BROWSERS = ['chrome', 'firefox', 'safari', 'edge'];
 var WHITE_LIST = SUPPORTED.reduce(function (acc, item) {
   var _item$match;