@telefonica/mistica 13.0.2 → 13.1.0

package/dist-es/utils/color.js

@@ -1,4 +1,4 @@
-var s = function(t) {
+const s = (t)=>{
     if (t.length === 4) return [
         parseInt(t.substr(-3, 1).repeat(2), 16),
         parseInt(t.substr(-2, 1).repeat(2), 16),
@@ -10,9 +10,9 @@ var s = function(t) {
         parseInt(t.substr(-2, 2), 16)
     ];
     throw Error("Bad color");
-}, n = function(t, r) {
+}, n = (t, r)=>{
     try {
-        return t.startsWith("var(") ? "rgba(".concat(t, ", ").concat(r, ")") : "rgba(".concat(s(t).join(","), ", ").concat(r, ")");
+        return t.startsWith("var(") ? `rgba(${t}, ${r})` : `rgba(${s(t).join(",")}, ${r})`;
     } catch (e) {
         return t;
     }

package/dist-es/utils/common.js

@@ -1,16 +1,16 @@
 import * as e from "react";
-var i = function() {
+const i = function() {
     for(var _len = arguments.length, o = new Array(_len), _key = 0; _key < _len; _key++){
         o[_key] = arguments[_key];
     }
-    return function(n) {
-        o.forEach(function(t) {
+    return (n)=>{
+        o.forEach((t)=>{
             t && (typeof t == "function" ? t(n) : "current" in t && (t.current = n));
         });
     };
-}, r = function(o) {
-    var n = "";
-    return e.Children.forEach(o, function(t) {
+}, r = (o)=>{
+    let n = "";
+    return e.Children.forEach(o, (t)=>{
         typeof t == "string" && (n += t);
     }), n;
 };

package/dist-es/utils/credit-card.js

@@ -1,12 +1,2 @@
-var s = function(t) {
-    return function(e) {
-        return !!e && t.test(e);
-    };
-}, n = s(/^3[47]/), o = s(/^4/), g = s(/^5/), a = function(t) {
-    return n(t) ? 4 : 3;
-}, i = function(t) {
-    return n(t) ? 15 : 16;
-}, c = function(t) {
-    return !n(t) && !g(t) && !o(t) ? !1 : i(t) === t.length;
-};
+const s = (t)=>(e)=>!!e && t.test(e), n = s(/^3[47]/), o = s(/^4/), g = s(/^5/), a = (t)=>n(t) ? 4 : 3, i = (t)=>n(t) ? 15 : 16, c = (t)=>!n(t) && !g(t) && !o(t) ? !1 : i(t) === t.length;
 export { i as getCreditCardNumberLength, a as getCvvLength, n as isAmericanExpress, g as isMasterCard, c as isValidCreditCardNumber, o as isVisa };

package/dist-es/utils/css.js

@@ -1,4 +1,2 @@
-var e = function(o) {
-    return "".concat((parseFloat(o) / 16).toFixed(3), "rem");
-};
+const e = (o)=>`${(parseFloat(o) / 16).toFixed(3)}rem`;
 export { e as pxToRem };

package/dist-es/utils/document-visibility.js

@@ -1,80 +1,26 @@
-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 _arrayWithHoles(arr) {
-    if (Array.isArray(arr)) return arr;
-}
-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 _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 _slicedToArray(arr, i) {
-    return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
-}
-var _typeof = function(obj) {
-    "@swc/helpers - typeof";
-    return obj && typeof Symbol !== "undefined" && obj.constructor === Symbol ? "symbol" : typeof obj;
-};
-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(n);
-    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
-}
 import * as t from "react";
 import { useTheme as a } from "../hooks.js";
 import { isAndroid as v } from "./platform.js";
 import { jsx as b } from "../_virtual/jsx-runtime.js";
-var i = function() {
-    return (typeof document === "undefined" ? "undefined" : _typeof(document)) < "u" && document.visibilityState === "visible";
-}, u = /*#__PURE__*/ t.createContext(!0), E = function(param) {
-    var m = param.hidden, l = param.children;
-    var ref = a(), d = ref.platformOverrides, ref1 = _slicedToArray(t.useState(!m), 2), o = ref1[0], e = ref1[1];
-    t.useEffect(function() {
-        var s = function() {
+const i = ()=>typeof document < "u" && document.visibilityState === "visible", u = /*#__PURE__*/ t.createContext(!0), E = (param)=>{
+    let { hidden: m , children: l  } = param;
+    const { platformOverrides: d  } = a(), [o, e] = t.useState(!m);
+    t.useEffect(()=>{
+        const s = ()=>{
             e(i());
-        }, r = function() {
+        }, r = ()=>{
             e(!0);
-        }, c = function() {
+        }, c = ()=>{
             e(!1);
         };
-        return e(i()), document.addEventListener("visibilitychange", s), document.addEventListener("focus", r), document.addEventListener("blur", c), function() {
+        return e(i()), document.addEventListener("visibilitychange", s), document.addEventListener("focus", r), document.addEventListener("blur", c), ()=>{
             document.removeEventListener("visibilitychange", s), document.removeEventListener("focus", r), document.removeEventListener("blur", c);
         };
     }, []);
-    var n = i();
+    const n = i();
     return v(d) && n !== o && e(n), /* @__PURE__ */ b(u.Provider, {
         value: o,
         children: l
     });
-}, C = function() {
-    return t.useContext(u);
-};
+}, C = ()=>t.useContext(u);
 export { E as DocumentVisibilityProvider, C as useDocumentVisibility };

package/dist-es/utils/dom.js

@@ -50,72 +50,56 @@ function _objectSpreadProps(target, source) {
     }
     return target;
 }
-var _typeof = function(obj) {
-    "@swc/helpers - typeof";
-    return obj && typeof Symbol !== "undefined" && obj.constructor === Symbol ? "symbol" : typeof obj;
-};
 import { isServerSide as l } from "./environment.js";
-var u = function(e) {
+const u = (e)=>{
     if (l()) return !1;
-    var n = document.createElement("input");
+    const n = document.createElement("input");
     return n.setAttribute("type", e), n.type === e;
-}, v = function(e) {
+}, v = (e)=>{
     e.stopPropagation(), e.preventDefault();
-}, d = function(e, n) {
-    var t = new Event("change");
+}, d = (e, n)=>{
+    const t = new Event("change");
     return e.value = n, _objectSpreadProps(_objectSpread({}, t), {
         target: e,
         currentTarget: e
     });
 };
-var i = !1;
+let i = !1;
 try {
-    var e = Object.defineProperty({}, "passive", {
-        get: function() {
+    const e = Object.defineProperty({}, "passive", {
+        get () {
             i = !0;
         }
     });
-    window.addEventListener("test", function() {}, e);
+    window.addEventListener("test", ()=>{}, e);
 } catch (e1) {}
-var p = function(e, n, t) {
-    return e.addEventListener(n, t, i ? {
+const p = (e, n, t)=>e.addEventListener(n, t, i ? {
         passive: !0
-    } : !1);
-}, f = function(e, n, t) {
-    return e.removeEventListener(n, t, !1);
-}, m = function(e, n) {
-    var t = n ? {
+    } : !1), f = (e, n, t)=>e.removeEventListener(n, t, !1), m = (e, n)=>{
+    const t = n ? {
         "data-component-name": n
     } : {};
-    return e && Object.keys(e).forEach(function(r) {
+    return e && Object.keys(e).forEach((r)=>{
         t["data-" + r] = e[r];
     }), t;
-}, c = function(e, n) {
-    var t = "overflow".concat(n), r = window.getComputedStyle(e)[t];
+}, c = (e, n)=>{
+    const t = `overflow${n}`, r = window.getComputedStyle(e)[t];
     return [
         "auto",
         "scroll",
         "overlay"
     ].includes(r);
 }, w = function(e) {
-    var n = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : "Y";
-    var t = e == null ? void 0 : e.parentElement;
+    let n = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : "Y";
+    let t = e == null ? void 0 : e.parentElement;
     for(; t && !c(t, n);)t = t.parentElement;
     return t || document.documentElement;
-}, E = function(e) {
-    return e.scrollHeight - e.scrollTop - e.clientHeight;
-}, g = function(e) {
-    return e.scrollHeight > e.clientHeight;
-}, h = function(e, n) {
-    var t = function() {
-        return (typeof window === "undefined" ? "undefined" : _typeof(window)) > "u" ? Promise.resolve(null) : window.ResizeObserver ? Promise.resolve(ResizeObserver) : import(/* webpackChunkName: "@juggle/resize-observer" */ "@juggle/resize-observer").then(function(o) {
-            return o.ResizeObserver;
-        });
-    };
-    var r = !1, s = null;
-    return t().then(function(o) {
+}, E = (e)=>e.scrollHeight - e.scrollTop - e.clientHeight, g = (e)=>e.scrollHeight > e.clientHeight, h = (e, n)=>{
+    const t = ()=>typeof window > "u" ? Promise.resolve(null) : window.ResizeObserver ? Promise.resolve(ResizeObserver) : import(/* webpackChunkName: "@juggle/resize-observer" */ "@juggle/resize-observer").then((o)=>o.ResizeObserver);
+    let r = !1, s = null;
+    return t().then((o)=>{
         !r && o && (s = new o(n), s.observe(e));
-    }), function() {
+    }), ()=>{
         r = !0, s && s.disconnect();
     };
 };

package/dist-es/utils/environment.js

@@ -1,8 +1,2 @@
-var _typeof = function(obj) {
-    "@swc/helpers - typeof";
-    return obj && typeof Symbol !== "undefined" && obj.constructor === Symbol ? "symbol" : typeof obj;
-};
-var e = function() {
-    return (typeof window === "undefined" ? "undefined" : _typeof(window)) > "u";
-};
+const e = ()=>typeof window > "u";
 export { e as isServerSide };

package/dist-es/utils/key-codes.js

@@ -1,2 +1,2 @@
-var o = 37, t = 38, c = 39, n = 40, s = 13, E = 27, T = 32, A = 9;
+const o = 37, t = 38, c = 39, n = 40, s = 13, E = 27, T = 32, A = 9;
 export { n as DOWN, s as ENTER, E as ESC, o as LEFT, c as RIGHT, T as SPACE, A as TAB, t as UP };

package/dist-es/utils/platform.js

@@ -1,34 +1,20 @@
-var _typeof = function(obj) {
-    "@swc/helpers - typeof";
-    return obj && typeof Symbol !== "undefined" && obj.constructor === Symbol ? "symbol" : typeof obj;
-};
 import { isWebViewBridgeAvailable as u } from "@tef-novum/webview-bridge";
-var t = function() {
-    var e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
+const t = function() {
+    let e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
     var n, i, o;
-    return (typeof self === "undefined" ? "undefined" : _typeof(self)) > "u" ? (n = e.userAgent) != null ? n : "" : (o = (i = self.navigator) == null ? void 0 : i.userAgent) != null ? o : "";
+    return typeof self > "u" ? (n = e.userAgent) != null ? n : "" : (o = (i = self.navigator) == null ? void 0 : i.userAgent) != null ? o : "";
 }, c = function() {
-    var e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
-    return _typeof(e.insideNovumNativeApp) < "u" ? e.insideNovumNativeApp : u();
+    let e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
+    return typeof e.insideNovumNativeApp < "u" ? e.insideNovumNativeApp : u();
 }, m = function() {
-    var e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
+    let e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
     return t(e).includes("acceptance-test");
-}, r = Boolean((typeof self === "undefined" ? "undefined" : _typeof(self)) < "u" && self.MSStream), s = function(e) {
-    return t(e).toLowerCase().includes("android") && !r;
-}, a = function(e) {
-    return !!(/iPad|iPhone|iPod/.test(t(e)) && !r || c(e) && !s(e));
-}, l = function() {
-    return navigator.vendor.includes("Apple");
-}, p = function(e) {
-    return !!t(e).match(/Firefox\/([0-9]+)\./);
-}, g = function(e) {
-    return !!t(e).match(/Chrom(e|ium)\/([0-9]+)\./);
-}, d = 44, A = function(e) {
-    var n = t(e).match(/Chrome\/(\d+)/);
+}, r = Boolean(typeof self < "u" && self.MSStream), s = (e)=>t(e).toLowerCase().includes("android") && !r, a = (e)=>!!(/iPad|iPhone|iPod/.test(t(e)) && !r || c(e) && !s(e)), l = ()=>navigator.vendor.includes("Apple"), p = (e)=>!!t(e).match(/Firefox\/([0-9]+)\./), g = (e)=>!!t(e).match(/Chrom(e|ium)\/([0-9]+)\./), d = 44, A = (e)=>{
+    const n = t(e).match(/Chrome\/(\d+)/);
     return !n || !n[1] ? !1 : Number(n[1]) < d;
 }, h = function() {
-    var e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
-    var n = e.platform;
+    let e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
+    const n = e.platform;
     return n || (a(e) ? "ios" : s(e) ? "android" : "desktop");
 };
 export { h as getPlatform, s as isAndroid, g as isChrome, p as isFirefox, c as isInsideNovumNativeApp, a as isIos, A as isOldChrome, m as isRunningAcceptanceTest, l as isSafari };

package/dist-es/utils/time.js

@@ -1,11 +1,11 @@
-var o = function(t) {
-    var n = t.getFullYear(), r = String(t.getMonth() + 1).padStart(2, "0"), g = String(t.getDate()).padStart(2, "0");
-    return "".concat(n, "-").concat(r, "-").concat(g);
-}, e = function(t) {
-    var n = t.getFullYear(), r = String(t.getMonth() + 1).padStart(2, "0");
-    return "".concat(n, "-").concat(r);
-}, a = function(t) {
-    var n = String(t.getHours()).padStart(2, "0"), r = String(t.getMinutes()).padStart(2, "0");
-    return "".concat(o(t), "T").concat(n, ":").concat(r);
+const o = (t)=>{
+    const n = t.getFullYear(), r = String(t.getMonth() + 1).padStart(2, "0"), g = String(t.getDate()).padStart(2, "0");
+    return `${n}-${r}-${g}`;
+}, e = (t)=>{
+    const n = t.getFullYear(), r = String(t.getMonth() + 1).padStart(2, "0");
+    return `${n}-${r}`;
+}, a = (t)=>{
+    const n = String(t.getHours()).padStart(2, "0"), r = String(t.getMinutes()).padStart(2, "0");
+    return `${o(t)}T${n}:${r}`;
 };
 export { o as getLocalDateString, a as getLocalDateTimeString, e as getLocalYearMonthString };

package/dist-es/video.css-mistica.js

@@ -1,3 +1,3 @@
 import "./sprinkles.css.ts.vanilla.js";
-var f = "_1y2v1nf50 _1y2v1nf75 _1y2v1nf7l _1y2v1nf4s _1y2v1nf8t _1y2v1nf8u _1y2v1nfaq";
-export { f as video };
+var y = "_1y2v1nf58 _1y2v1nf7d _1y2v1nf7t _1y2v1nf50 _1y2v1nf91 _1y2v1nf92 _1y2v1nfay";
+export { y as video };

package/dist-es/video.js

@@ -85,13 +85,13 @@ import { getPrefixedDataAttributes as S } from "./utils/dom.js";
 import { isSafari as I, isRunningAcceptanceTest as k } from "./utils/platform.js";
 import { video as w } from "./video.css-mistica.js";
 import { jsx as r } from "./_virtual/jsx-runtime.js";
-var F = {
+const F = {
     "1:1": 1,
     "16:9": 16 / 9,
     "12:5": 12 / 5,
     "4:3": 4 / 3
-}, N = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAAtJREFUGFdjYAACAAAFAAGq1chRAAAAAElFTkSuQmCC", j = /*#__PURE__*/ s.forwardRef(function(_param, l) {
-    var t = _param.src, i = _param.poster, tmp = _param.autoPlay, o = tmp === void 0 ? !k() : tmp, tmp1 = _param.muted, d = tmp1 === void 0 ? !0 : tmp1, tmp2 = _param.loop, m = tmp2 === void 0 ? !0 : tmp2, tmp3 = _param.preload, u = tmp3 === void 0 ? "none" : tmp3, tmp4 = _param.aspectRatio, A = tmp4 === void 0 ? "1:1" : tmp4, f = _param.dataAttributes, n = _objectWithoutProperties(_param, [
+}, N = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAAtJREFUGFdjYAACAAAFAAGq1chRAAAAAElFTkSuQmCC", j = /*#__PURE__*/ s.forwardRef((_param, l)=>{
+    var { src: t , poster: i , autoPlay: o = !k() , muted: d = !0 , loop: m = !0 , preload: u = "none" , aspectRatio: A = "1:1" , dataAttributes: f  } = _param, n = _objectWithoutProperties(_param, [
         "src",
         "poster",
         "autoPlay",
@@ -101,20 +101,18 @@ var F = {
         "aspectRatio",
         "dataAttributes"
     ]);
-    var R = v(), p = typeof A == "number" ? A : F[A], a = s.useRef(null);
-    s.useEffect(function() {
-        var e = a.current;
+    const R = v(), p = typeof A == "number" ? A : F[A], a = s.useRef(null);
+    s.useEffect(()=>{
+        const e = a.current;
         e && o && e.paused && e.play();
     }, [
         o
     ]);
-    var g = (Array.isArray(t) ? t : [
+    const g = (Array.isArray(t) ? t : [
         t
-    ]).map(function(e) {
-        return typeof e == "string" ? {
+    ]).map((e)=>typeof e == "string" ? {
             src: e
-        } : e;
-    }), c = /* @__PURE__ */ r("video", _objectSpreadProps(_objectSpread({
+        } : e), c = /* @__PURE__ */ r("video", _objectSpreadProps(_objectSpread({
         ref: y(l, a),
         playsInline: !0,
         disablePictureInPicture: !0,
@@ -129,9 +127,9 @@ var F = {
         style: {
             borderRadius: R ? 0 : 8
         },
-        children: g.map(function(param, b) {
-            var e = param.src, h = param.type;
-            return /* @__PURE__ */ r("source", {
+        children: g.map((param, b)=>/* @__PURE__ */ {
+            let { src: e , type: h  } = param;
+            return r("source", {
                 src: e,
                 type: h
             }, b);
@@ -145,7 +143,7 @@ var F = {
             style: {
                 width: "100%",
                 height: "100%",
-                backgroundImage: i ? 'url("'.concat(i, '")') : void 0,
+                backgroundImage: i ? `url("${i}")` : void 0,
                 backgroundSize: "cover",
                 backgroundPosition: "50% 50%"
             },

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@telefonica/mistica",
-    "version": "13.0.2",
+    "version": "13.1.0",
     "license": "MIT",
     "repository": {
         "type": "git",
@@ -40,10 +40,9 @@
         "prepare": "husky install"
     },
     "browserslist": [
-        "chrome >= 36",
-        "firefox >= 67",
+        "chrome >= 51",
+        "firefox >= 78",
         "safari >= 13",
-        "edge >= 17",
         "ios_saf >= 13"
     ],
     "prettier": "@telefonica/prettier-config",
@@ -65,34 +64,35 @@
         "@azure/storage-blob": "^12.9.0",
         "@semantic-release/changelog": "^6.0.1",
         "@semantic-release/git": "^10.0.1",
-        "@storybook/addon-actions": "6.4.19",
-        "@storybook/addon-controls": "6.4.19",
-        "@storybook/addon-links": "6.4.19",
+        "@storybook/addon-actions": "6.5.15",
+        "@storybook/addon-controls": "6.5.15",
+        "@storybook/addon-links": "6.5.15",
         "@storybook/addon-postcss": "^2.0.0",
-        "@storybook/addon-storysource": "6.4.19",
-        "@storybook/addon-viewport": "6.4.19",
-        "@storybook/addons": "6.4.19",
-        "@storybook/builder-webpack5": "^6.5.13",
-        "@storybook/cli": "6.4.19",
-        "@storybook/components": "6.4.19",
-        "@storybook/manager-webpack5": "^6.5.13",
-        "@storybook/react": "6.4.19",
-        "@storybook/theming": "6.4.19",
+        "@storybook/addon-storysource": "6.5.15",
+        "@storybook/addon-viewport": "6.5.15",
+        "@storybook/addons": "6.5.15",
+        "@storybook/builder-webpack5": "^6.5.15",
+        "@storybook/cli": "6.5.15",
+        "@storybook/components": "6.5.15",
+        "@storybook/manager-webpack5": "^6.5.15",
+        "@storybook/react": "6.5.15",
+        "@storybook/theming": "6.5.15",
         "@swc/cli": "^0.1.57",
         "@swc/core": "^1.3.11",
         "@swc/jest": "^0.2.23",
         "@telefonica/acceptance-testing": "2.13.0",
         "@telefonica/eslint-config": "^1.0.7",
         "@telefonica/prettier-config": "^1.1.0",
-        "@telefonica/ts-to-flow": "1.2.2",
-        "@testing-library/jest-dom": "^5.16.3",
-        "@testing-library/react": "^12.1.4",
-        "@testing-library/user-event": "^13.5.0",
+        "@testing-library/jest-dom": "^5.16.5",
+        "@testing-library/react": "^13.4.0",
+        "@testing-library/user-event": "^14.4.3",
         "@types/detect-port": "^1.3.2",
         "@types/jest-environment-puppeteer": "^5.0.3",
         "@types/mini-css-extract-plugin": "^1.2.2",
         "@types/mkdirp": "^1.0.2",
+        "@types/react": "^18.0.26",
         "@types/react-autosuggest": "^10.1.5",
+        "@types/react-dom": "^18.0.10",
         "@types/react-router-dom": "^5.3.3",
         "@types/react-transition-group": "^4.4.4",
         "@types/rimraf": "^3.0.2",
@@ -109,29 +109,27 @@
         "dpdm": "^3.8.0",
         "es6-promise-pool": "^2.5.0",
         "eslint": "^8.11.0",
-        "flow-bin": "^0.152.0",
-        "flow-typed": "^3.7.0",
         "glob": "^7.2.0",
         "gzip-size": "^6.0.0",
         "husky": "^7.0.4",
         "is-ci": "^3.0.1",
-        "jest": "^29.2.2",
-        "jest-environment-jsdom": "^29.2.2",
+        "jest": "^29.3.1",
+        "jest-environment-jsdom": "^29.3.1",
         "jest-environment-puppeteer": "^6.1.1",
         "jimp": "^0.16.1",
         "lint-staged": "^12.3.7",
         "mini-css-extract-plugin": "^1.6.2",
         "node-fetch": "^2.6.7",
-        "playroom": "^0.28.0",
+        "playroom": "^0.28.2",
         "postcss": "^8.4.18",
         "postcss-loader": "^4.2.0",
         "prettier": "^2.6.1",
         "pretty-bytes": "^5.6.0",
         "prop-types": "^15.8.1",
-        "react": "17.0.2",
-        "react-dom": "17.0.2",
-        "react-router": "^5.2.1",
-        "react-router-dom": "^5.3.0",
+        "react": "18.2.0",
+        "react-dom": "18.2.0",
+        "react-router": "^6.6.2",
+        "react-router-dom": "^6.6.2",
         "rimraf": "3.0.2",
         "semantic-release": "^19.0.2",
         "static-server": "^2.2.1",
@@ -153,14 +151,14 @@
         "react-autosuggest": "^10.1.0",
         "react-datetime": "^3.1.1",
         "react-focus-lock": "^2.8.1",
-        "react-transition-group": "^4.4.2",
+        "react-transition-group": "^4.4.5",
         "rifm": "^0.12.1",
         "scroll-behavior-polyfill": "^2.0.13",
         "semver-compare": "^1.0.0"
     },
     "peerDependencies": {
-        "react": "16.x || 17.x",
-        "react-dom": "16.x || 17.x"
+        "react": "17.x || 18.x",
+        "react-dom": "17.x || 18.x"
     },
     "publishConfig": {
         "registry": "https://registry.npmjs.org",
@@ -193,8 +191,11 @@
         ]
     },
     "resolutions": {
-        "react": "17.0.2",
-        "react-dom": "17.0.2"
+        "react": "18.2.0",
+        "react-dom": "18.2.0",
+        "@types/react": "^18.0.26",
+        "@types/react-dom": "^18.0.10",
+        "@testing-library/dom": "^8.19.1"
     },
     "packageManager": "yarn@3.2.4"
 }