diff --git a/package-lock.json b/package-lock.json index 3aa71eea36..4353d429be 100644 --- a/package-lock.json +++ b/package-lock.json @@ -8,8 +8,8 @@ "name": "@mxenabled/connect-widget", "version": "0.0.0-semantic-release", "dependencies": { - "@emotion/react": "^11.13.0", - "@emotion/styled": "^11.13.0", + "@emotion/react": "^11.14.0", + "@emotion/styled": "^11.14.1", "@kyper/button": "^4.0.0", "@kyper/hooks": "^1.0.0", "@kyper/icon": "^1.18.1", @@ -809,70 +809,6 @@ "resolved": "https://registry.npmjs.org/@emotion/weak-memoize/-/weak-memoize-0.4.0.tgz", "integrity": "sha512-snKqtPW01tN0ui7yu9rGv69aJXr/a/Ywvl11sUjNtEcRc+ng/mQriFL0wLXMef74iHa/EkftbDzU9F8iFbH+zg==" }, - "node_modules/@esbuild/aix-ppc64": { - "version": "0.25.9", - "resolved": "https://registry.npmjs.org/@esbuild/aix-ppc64/-/aix-ppc64-0.25.9.tgz", - "integrity": "sha512-OaGtL73Jck6pBKjNIe24BnFE6agGl+6KxDtTfHhy1HmhthfKouEcOhqpSL64K4/0WCtbKFLOdzD/44cJ4k9opA==", - "cpu": [ - "ppc64" - ], - "dev": true, - "optional": true, - "os": [ - "aix" - ], - "engines": { - "node": ">=18" - } - }, - "node_modules/@esbuild/android-arm": { - "version": "0.25.9", - "resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.25.9.tgz", - "integrity": "sha512-5WNI1DaMtxQ7t7B6xa572XMXpHAaI/9Hnhk8lcxF4zVN4xstUgTlvuGDorBguKEnZO70qwEcLpfifMLoxiPqHQ==", - "cpu": [ - "arm" - ], - "dev": true, - "optional": true, - "os": [ - "android" - ], - "engines": { - "node": ">=18" - } - }, - "node_modules/@esbuild/android-arm64": { - "version": "0.25.9", - "resolved": "https://registry.npmjs.org/@esbuild/android-arm64/-/android-arm64-0.25.9.tgz", - "integrity": "sha512-IDrddSmpSv51ftWslJMvl3Q2ZT98fUSL2/rlUXuVqRXHCs5EUF1/f+jbjF5+NG9UffUDMCiTyh8iec7u8RlTLg==", - "cpu": [ - "arm64" - ], - "dev": true, - "optional": true, - "os": [ - "android" - ], - "engines": { - "node": ">=18" - } - }, - "node_modules/@esbuild/android-x64": { - "version": "0.25.9", - "resolved": "https://registry.npmjs.org/@esbuild/android-x64/-/android-x64-0.25.9.tgz", - "integrity": "sha512-I853iMZ1hWZdNllhVZKm34f4wErd4lMyeV7BLzEExGEIZYsOzqDWDf+y082izYUE8gtJnYHdeDpN/6tUdwvfiw==", - "cpu": [ - "x64" - ], - "dev": true, - "optional": true, - "os": [ - "android" - ], - "engines": { - "node": ">=18" - } - }, "node_modules/@esbuild/darwin-arm64": { "version": "0.25.9", "resolved": "https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.25.9.tgz", @@ -889,342 +825,6 @@ "node": ">=18" } }, - "node_modules/@esbuild/darwin-x64": { - "version": "0.25.9", - "resolved": "https://registry.npmjs.org/@esbuild/darwin-x64/-/darwin-x64-0.25.9.tgz", - "integrity": "sha512-jhHfBzjYTA1IQu8VyrjCX4ApJDnH+ez+IYVEoJHeqJm9VhG9Dh2BYaJritkYK3vMaXrf7Ogr/0MQ8/MeIefsPQ==", - "cpu": [ - "x64" - ], - "dev": true, - "optional": true, - "os": [ - "darwin" - ], - "engines": { - "node": ">=18" - } - }, - "node_modules/@esbuild/freebsd-arm64": { - "version": "0.25.9", - "resolved": "https://registry.npmjs.org/@esbuild/freebsd-arm64/-/freebsd-arm64-0.25.9.tgz", - "integrity": "sha512-z93DmbnY6fX9+KdD4Ue/H6sYs+bhFQJNCPZsi4XWJoYblUqT06MQUdBCpcSfuiN72AbqeBFu5LVQTjfXDE2A6Q==", - "cpu": [ - "arm64" - ], - "dev": true, - "optional": true, - "os": [ - "freebsd" - ], - "engines": { - "node": ">=18" - } - }, - "node_modules/@esbuild/freebsd-x64": { - "version": "0.25.9", - "resolved": "https://registry.npmjs.org/@esbuild/freebsd-x64/-/freebsd-x64-0.25.9.tgz", - "integrity": "sha512-mrKX6H/vOyo5v71YfXWJxLVxgy1kyt1MQaD8wZJgJfG4gq4DpQGpgTB74e5yBeQdyMTbgxp0YtNj7NuHN0PoZg==", - "cpu": [ - "x64" - ], - "dev": true, - "optional": true, - "os": [ - "freebsd" - ], - "engines": { - "node": ">=18" - } - }, - "node_modules/@esbuild/linux-arm": { - "version": "0.25.9", - "resolved": "https://registry.npmjs.org/@esbuild/linux-arm/-/linux-arm-0.25.9.tgz", - "integrity": "sha512-HBU2Xv78SMgaydBmdor38lg8YDnFKSARg1Q6AT0/y2ezUAKiZvc211RDFHlEZRFNRVhcMamiToo7bDx3VEOYQw==", - "cpu": [ - "arm" - ], - "dev": true, - "optional": true, - "os": [ - "linux" - ], - "engines": { - "node": ">=18" - } - }, - "node_modules/@esbuild/linux-arm64": { - "version": "0.25.9", - "resolved": "https://registry.npmjs.org/@esbuild/linux-arm64/-/linux-arm64-0.25.9.tgz", - "integrity": "sha512-BlB7bIcLT3G26urh5Dmse7fiLmLXnRlopw4s8DalgZ8ef79Jj4aUcYbk90g8iCa2467HX8SAIidbL7gsqXHdRw==", - "cpu": [ - "arm64" - ], - "dev": true, - "optional": true, - "os": [ - "linux" - ], - "engines": { - "node": ">=18" - } - }, - "node_modules/@esbuild/linux-ia32": { - "version": "0.25.9", - "resolved": "https://registry.npmjs.org/@esbuild/linux-ia32/-/linux-ia32-0.25.9.tgz", - "integrity": "sha512-e7S3MOJPZGp2QW6AK6+Ly81rC7oOSerQ+P8L0ta4FhVi+/j/v2yZzx5CqqDaWjtPFfYz21Vi1S0auHrap3Ma3A==", - "cpu": [ - "ia32" - ], - "dev": true, - "optional": true, - "os": [ - "linux" - ], - "engines": { - "node": ">=18" - } - }, - "node_modules/@esbuild/linux-loong64": { - "version": "0.25.9", - "resolved": "https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.25.9.tgz", - "integrity": "sha512-Sbe10Bnn0oUAB2AalYztvGcK+o6YFFA/9829PhOCUS9vkJElXGdphz0A3DbMdP8gmKkqPmPcMJmJOrI3VYB1JQ==", - "cpu": [ - "loong64" - ], - "dev": true, - "optional": true, - "os": [ - "linux" - ], - "engines": { - "node": ">=18" - } - }, - "node_modules/@esbuild/linux-mips64el": { - "version": "0.25.9", - "resolved": "https://registry.npmjs.org/@esbuild/linux-mips64el/-/linux-mips64el-0.25.9.tgz", - "integrity": "sha512-YcM5br0mVyZw2jcQeLIkhWtKPeVfAerES5PvOzaDxVtIyZ2NUBZKNLjC5z3/fUlDgT6w89VsxP2qzNipOaaDyA==", - "cpu": [ - "mips64el" - ], - "dev": true, - "optional": true, - "os": [ - "linux" - ], - "engines": { - "node": ">=18" - } - }, - "node_modules/@esbuild/linux-ppc64": { - "version": "0.25.9", - "resolved": "https://registry.npmjs.org/@esbuild/linux-ppc64/-/linux-ppc64-0.25.9.tgz", - "integrity": "sha512-++0HQvasdo20JytyDpFvQtNrEsAgNG2CY1CLMwGXfFTKGBGQT3bOeLSYE2l1fYdvML5KUuwn9Z8L1EWe2tzs1w==", - "cpu": [ - "ppc64" - ], - "dev": true, - "optional": true, - "os": [ - "linux" - ], - "engines": { - "node": ">=18" - } - }, - "node_modules/@esbuild/linux-riscv64": { - "version": "0.25.9", - "resolved": "https://registry.npmjs.org/@esbuild/linux-riscv64/-/linux-riscv64-0.25.9.tgz", - "integrity": "sha512-uNIBa279Y3fkjV+2cUjx36xkx7eSjb8IvnL01eXUKXez/CBHNRw5ekCGMPM0BcmqBxBcdgUWuUXmVWwm4CH9kg==", - "cpu": [ - "riscv64" - ], - "dev": true, - "optional": true, - "os": [ - "linux" - ], - "engines": { - "node": ">=18" - } - }, - "node_modules/@esbuild/linux-s390x": { - "version": "0.25.9", - "resolved": "https://registry.npmjs.org/@esbuild/linux-s390x/-/linux-s390x-0.25.9.tgz", - "integrity": "sha512-Mfiphvp3MjC/lctb+7D287Xw1DGzqJPb/J2aHHcHxflUo+8tmN/6d4k6I2yFR7BVo5/g7x2Monq4+Yew0EHRIA==", - "cpu": [ - "s390x" - ], - "dev": true, - "optional": true, - "os": [ - "linux" - ], - "engines": { - "node": ">=18" - } - }, - "node_modules/@esbuild/linux-x64": { - "version": "0.25.9", - "resolved": "https://registry.npmjs.org/@esbuild/linux-x64/-/linux-x64-0.25.9.tgz", - "integrity": "sha512-iSwByxzRe48YVkmpbgoxVzn76BXjlYFXC7NvLYq+b+kDjyyk30J0JY47DIn8z1MO3K0oSl9fZoRmZPQI4Hklzg==", - "cpu": [ - "x64" - ], - "dev": true, - "optional": true, - "os": [ - "linux" - ], - "engines": { - "node": ">=18" - } - }, - "node_modules/@esbuild/netbsd-arm64": { - "version": "0.25.9", - "resolved": "https://registry.npmjs.org/@esbuild/netbsd-arm64/-/netbsd-arm64-0.25.9.tgz", - "integrity": "sha512-9jNJl6FqaUG+COdQMjSCGW4QiMHH88xWbvZ+kRVblZsWrkXlABuGdFJ1E9L7HK+T0Yqd4akKNa/lO0+jDxQD4Q==", - "cpu": [ - "arm64" - ], - "dev": true, - "optional": true, - "os": [ - "netbsd" - ], - "engines": { - "node": ">=18" - } - }, - "node_modules/@esbuild/netbsd-x64": { - "version": "0.25.9", - "resolved": "https://registry.npmjs.org/@esbuild/netbsd-x64/-/netbsd-x64-0.25.9.tgz", - "integrity": "sha512-RLLdkflmqRG8KanPGOU7Rpg829ZHu8nFy5Pqdi9U01VYtG9Y0zOG6Vr2z4/S+/3zIyOxiK6cCeYNWOFR9QP87g==", - "cpu": [ - "x64" - ], - "dev": true, - "optional": true, - "os": [ - "netbsd" - ], - "engines": { - "node": ">=18" - } - }, - "node_modules/@esbuild/openbsd-arm64": { - "version": "0.25.9", - "resolved": "https://registry.npmjs.org/@esbuild/openbsd-arm64/-/openbsd-arm64-0.25.9.tgz", - "integrity": "sha512-YaFBlPGeDasft5IIM+CQAhJAqS3St3nJzDEgsgFixcfZeyGPCd6eJBWzke5piZuZ7CtL656eOSYKk4Ls2C0FRQ==", - "cpu": [ - "arm64" - ], - "dev": true, - "optional": true, - "os": [ - "openbsd" - ], - "engines": { - "node": ">=18" - } - }, - "node_modules/@esbuild/openbsd-x64": { - "version": "0.25.9", - "resolved": "https://registry.npmjs.org/@esbuild/openbsd-x64/-/openbsd-x64-0.25.9.tgz", - "integrity": "sha512-1MkgTCuvMGWuqVtAvkpkXFmtL8XhWy+j4jaSO2wxfJtilVCi0ZE37b8uOdMItIHz4I6z1bWWtEX4CJwcKYLcuA==", - "cpu": [ - "x64" - ], - "dev": true, - "optional": true, - "os": [ - "openbsd" - ], - "engines": { - "node": ">=18" - } - }, - "node_modules/@esbuild/openharmony-arm64": { - "version": "0.25.9", - "resolved": "https://registry.npmjs.org/@esbuild/openharmony-arm64/-/openharmony-arm64-0.25.9.tgz", - "integrity": "sha512-4Xd0xNiMVXKh6Fa7HEJQbrpP3m3DDn43jKxMjxLLRjWnRsfxjORYJlXPO4JNcXtOyfajXorRKY9NkOpTHptErg==", - "cpu": [ - "arm64" - ], - "dev": true, - "optional": true, - "os": [ - "openharmony" - ], - "engines": { - "node": ">=18" - } - }, - "node_modules/@esbuild/sunos-x64": { - "version": "0.25.9", - "resolved": "https://registry.npmjs.org/@esbuild/sunos-x64/-/sunos-x64-0.25.9.tgz", - "integrity": "sha512-WjH4s6hzo00nNezhp3wFIAfmGZ8U7KtrJNlFMRKxiI9mxEK1scOMAaa9i4crUtu+tBr+0IN6JCuAcSBJZfnphw==", - "cpu": [ - "x64" - ], - "dev": true, - "optional": true, - "os": [ - "sunos" - ], - "engines": { - "node": ">=18" - } - }, - "node_modules/@esbuild/win32-arm64": { - "version": "0.25.9", - "resolved": "https://registry.npmjs.org/@esbuild/win32-arm64/-/win32-arm64-0.25.9.tgz", - "integrity": "sha512-mGFrVJHmZiRqmP8xFOc6b84/7xa5y5YvR1x8djzXpJBSv/UsNK6aqec+6JDjConTgvvQefdGhFDAs2DLAds6gQ==", - "cpu": [ - "arm64" - ], - "dev": true, - "optional": true, - "os": [ - "win32" - ], - "engines": { - "node": ">=18" - } - }, - "node_modules/@esbuild/win32-ia32": { - "version": "0.25.9", - "resolved": "https://registry.npmjs.org/@esbuild/win32-ia32/-/win32-ia32-0.25.9.tgz", - "integrity": "sha512-b33gLVU2k11nVx1OhX3C8QQP6UHQK4ZtN56oFWvVXvz2VkDoe6fbG8TOgHFxEvqeqohmRnIHe5A1+HADk4OQww==", - "cpu": [ - "ia32" - ], - "dev": true, - "optional": true, - "os": [ - "win32" - ], - "engines": { - "node": ">=18" - } - }, - "node_modules/@esbuild/win32-x64": { - "version": "0.25.9", - "resolved": "https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.25.9.tgz", - "integrity": "sha512-PPOl1mi6lpLNQxnGoyAfschAodRFYXJ+9fs6WHXz7CSWKbOqiMZsubC+BQsVKuul+3vKLuwTHsS2c2y9EoKwxQ==", - "cpu": [ - "x64" - ], - "dev": true, - "optional": true, - "os": [ - "win32" - ], - "engines": { - "node": ">=18" - } - }, "node_modules/@eslint-community/eslint-utils": { "version": "4.7.0", "resolved": "https://registry.npmjs.org/@eslint-community/eslint-utils/-/eslint-utils-4.7.0.tgz", @@ -3082,303 +2682,23 @@ "integrity": "sha512-5gTmgEY/sqK6gFXLIsQNH19lWb4ebPDLA4SdLP7dsWkIXHWlG66oPuVvXSGFPppYZz8ZDZq0dYYrbHfBCVUb1Q==", "engines": { "node": ">=12" - }, - "funding": { - "url": "https://github.com/sponsors/jonschlinkert" - } - }, - "node_modules/@rollup/rollup-android-arm-eabi": { - "version": "4.50.1", - "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm-eabi/-/rollup-android-arm-eabi-4.50.1.tgz", - "integrity": "sha512-HJXwzoZN4eYTdD8bVV22DN8gsPCAj3V20NHKOs8ezfXanGpmVPR7kalUHd+Y31IJp9stdB87VKPFbsGY3H/2ag==", - "cpu": [ - "arm" - ], - "dev": true, - "license": "MIT", - "optional": true, - "os": [ - "android" - ] - }, - "node_modules/@rollup/rollup-android-arm64": { - "version": "4.50.1", - "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm64/-/rollup-android-arm64-4.50.1.tgz", - "integrity": "sha512-PZlsJVcjHfcH53mOImyt3bc97Ep3FJDXRpk9sMdGX0qgLmY0EIWxCag6EigerGhLVuL8lDVYNnSo8qnTElO4xw==", - "cpu": [ - "arm64" - ], - "dev": true, - "license": "MIT", - "optional": true, - "os": [ - "android" - ] - }, - "node_modules/@rollup/rollup-darwin-arm64": { - "version": "4.50.1", - "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-arm64/-/rollup-darwin-arm64-4.50.1.tgz", - "integrity": "sha512-xc6i2AuWh++oGi4ylOFPmzJOEeAa2lJeGUGb4MudOtgfyyjr4UPNK+eEWTPLvmPJIY/pgw6ssFIox23SyrkkJw==", - "cpu": [ - "arm64" - ], - "dev": true, - "license": "MIT", - "optional": true, - "os": [ - "darwin" - ] - }, - "node_modules/@rollup/rollup-darwin-x64": { - "version": "4.50.1", - "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-x64/-/rollup-darwin-x64-4.50.1.tgz", - "integrity": "sha512-2ofU89lEpDYhdLAbRdeyz/kX3Y2lpYc6ShRnDjY35bZhd2ipuDMDi6ZTQ9NIag94K28nFMofdnKeHR7BT0CATw==", - "cpu": [ - "x64" - ], - "dev": true, - "license": "MIT", - "optional": true, - "os": [ - "darwin" - ] - }, - "node_modules/@rollup/rollup-freebsd-arm64": { - "version": "4.50.1", - "resolved": "https://registry.npmjs.org/@rollup/rollup-freebsd-arm64/-/rollup-freebsd-arm64-4.50.1.tgz", - "integrity": "sha512-wOsE6H2u6PxsHY/BeFHA4VGQN3KUJFZp7QJBmDYI983fgxq5Th8FDkVuERb2l9vDMs1D5XhOrhBrnqcEY6l8ZA==", - "cpu": [ - "arm64" - ], - "dev": true, - "license": "MIT", - "optional": true, - "os": [ - "freebsd" - ] - }, - "node_modules/@rollup/rollup-freebsd-x64": { - "version": "4.50.1", - "resolved": "https://registry.npmjs.org/@rollup/rollup-freebsd-x64/-/rollup-freebsd-x64-4.50.1.tgz", - "integrity": "sha512-A/xeqaHTlKbQggxCqispFAcNjycpUEHP52mwMQZUNqDUJFFYtPHCXS1VAG29uMlDzIVr+i00tSFWFLivMcoIBQ==", - "cpu": [ - "x64" - ], - "dev": true, - "license": "MIT", - "optional": true, - "os": [ - "freebsd" - ] - }, - "node_modules/@rollup/rollup-linux-arm-gnueabihf": { - "version": "4.50.1", - "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-gnueabihf/-/rollup-linux-arm-gnueabihf-4.50.1.tgz", - "integrity": "sha512-54v4okehwl5TaSIkpp97rAHGp7t3ghinRd/vyC1iXqXMfjYUTm7TfYmCzXDoHUPTTf36L8pr0E7YsD3CfB3ZDg==", - "cpu": [ - "arm" - ], - "dev": true, - "license": "MIT", - "optional": true, - "os": [ - "linux" - ] - }, - "node_modules/@rollup/rollup-linux-arm-musleabihf": { - "version": "4.50.1", - "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-musleabihf/-/rollup-linux-arm-musleabihf-4.50.1.tgz", - "integrity": "sha512-p/LaFyajPN/0PUHjv8TNyxLiA7RwmDoVY3flXHPSzqrGcIp/c2FjwPPP5++u87DGHtw+5kSH5bCJz0mvXngYxw==", - "cpu": [ - "arm" - ], - "dev": true, - "license": "MIT", - "optional": true, - "os": [ - "linux" - ] - }, - "node_modules/@rollup/rollup-linux-arm64-gnu": { - "version": "4.50.1", - "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-gnu/-/rollup-linux-arm64-gnu-4.50.1.tgz", - "integrity": "sha512-2AbMhFFkTo6Ptna1zO7kAXXDLi7H9fGTbVaIq2AAYO7yzcAsuTNWPHhb2aTA6GPiP+JXh85Y8CiS54iZoj4opw==", - "cpu": [ - "arm64" - ], - "dev": true, - "license": "MIT", - "optional": true, - "os": [ - "linux" - ] - }, - "node_modules/@rollup/rollup-linux-arm64-musl": { - "version": "4.50.1", - "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-musl/-/rollup-linux-arm64-musl-4.50.1.tgz", - "integrity": "sha512-Cgef+5aZwuvesQNw9eX7g19FfKX5/pQRIyhoXLCiBOrWopjo7ycfB292TX9MDcDijiuIJlx1IzJz3IoCPfqs9w==", - "cpu": [ - "arm64" - ], - "dev": true, - "license": "MIT", - "optional": true, - "os": [ - "linux" - ] - }, - "node_modules/@rollup/rollup-linux-loongarch64-gnu": { - "version": "4.50.1", - "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-loongarch64-gnu/-/rollup-linux-loongarch64-gnu-4.50.1.tgz", - "integrity": "sha512-RPhTwWMzpYYrHrJAS7CmpdtHNKtt2Ueo+BlLBjfZEhYBhK00OsEqM08/7f+eohiF6poe0YRDDd8nAvwtE/Y62Q==", - "cpu": [ - "loong64" - ], - "dev": true, - "license": "MIT", - "optional": true, - "os": [ - "linux" - ] - }, - "node_modules/@rollup/rollup-linux-ppc64-gnu": { - "version": "4.50.1", - "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-ppc64-gnu/-/rollup-linux-ppc64-gnu-4.50.1.tgz", - "integrity": "sha512-eSGMVQw9iekut62O7eBdbiccRguuDgiPMsw++BVUg+1K7WjZXHOg/YOT9SWMzPZA+w98G+Fa1VqJgHZOHHnY0Q==", - "cpu": [ - "ppc64" - ], - "dev": true, - "license": "MIT", - "optional": true, - "os": [ - "linux" - ] - }, - "node_modules/@rollup/rollup-linux-riscv64-gnu": { - "version": "4.50.1", - "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-riscv64-gnu/-/rollup-linux-riscv64-gnu-4.50.1.tgz", - "integrity": "sha512-S208ojx8a4ciIPrLgazF6AgdcNJzQE4+S9rsmOmDJkusvctii+ZvEuIC4v/xFqzbuP8yDjn73oBlNDgF6YGSXQ==", - "cpu": [ - "riscv64" - ], - "dev": true, - "license": "MIT", - "optional": true, - "os": [ - "linux" - ] - }, - "node_modules/@rollup/rollup-linux-riscv64-musl": { - "version": "4.50.1", - "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-riscv64-musl/-/rollup-linux-riscv64-musl-4.50.1.tgz", - "integrity": "sha512-3Ag8Ls1ggqkGUvSZWYcdgFwriy2lWo+0QlYgEFra/5JGtAd6C5Hw59oojx1DeqcA2Wds2ayRgvJ4qxVTzCHgzg==", - "cpu": [ - "riscv64" - ], - "dev": true, - "license": "MIT", - "optional": true, - "os": [ - "linux" - ] - }, - "node_modules/@rollup/rollup-linux-s390x-gnu": { - "version": "4.50.1", - "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-s390x-gnu/-/rollup-linux-s390x-gnu-4.50.1.tgz", - "integrity": "sha512-t9YrKfaxCYe7l7ldFERE1BRg/4TATxIg+YieHQ966jwvo7ddHJxPj9cNFWLAzhkVsbBvNA4qTbPVNsZKBO4NSg==", - "cpu": [ - "s390x" - ], - "dev": true, - "license": "MIT", - "optional": true, - "os": [ - "linux" - ] - }, - "node_modules/@rollup/rollup-linux-x64-gnu": { - "version": "4.50.1", - "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-gnu/-/rollup-linux-x64-gnu-4.50.1.tgz", - "integrity": "sha512-MCgtFB2+SVNuQmmjHf+wfI4CMxy3Tk8XjA5Z//A0AKD7QXUYFMQcns91K6dEHBvZPCnhJSyDWLApk40Iq/H3tA==", - "cpu": [ - "x64" - ], - "dev": true, - "license": "MIT", - "optional": true, - "os": [ - "linux" - ] - }, - "node_modules/@rollup/rollup-linux-x64-musl": { - "version": "4.50.1", - "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-musl/-/rollup-linux-x64-musl-4.50.1.tgz", - "integrity": "sha512-nEvqG+0jeRmqaUMuwzlfMKwcIVffy/9KGbAGyoa26iu6eSngAYQ512bMXuqqPrlTyfqdlB9FVINs93j534UJrg==", - "cpu": [ - "x64" - ], - "dev": true, - "license": "MIT", - "optional": true, - "os": [ - "linux" - ] - }, - "node_modules/@rollup/rollup-openharmony-arm64": { - "version": "4.50.1", - "resolved": "https://registry.npmjs.org/@rollup/rollup-openharmony-arm64/-/rollup-openharmony-arm64-4.50.1.tgz", - "integrity": "sha512-RDsLm+phmT3MJd9SNxA9MNuEAO/J2fhW8GXk62G/B4G7sLVumNFbRwDL6v5NrESb48k+QMqdGbHgEtfU0LCpbA==", - "cpu": [ - "arm64" - ], - "dev": true, - "license": "MIT", - "optional": true, - "os": [ - "openharmony" - ] - }, - "node_modules/@rollup/rollup-win32-arm64-msvc": { - "version": "4.50.1", - "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-arm64-msvc/-/rollup-win32-arm64-msvc-4.50.1.tgz", - "integrity": "sha512-hpZB/TImk2FlAFAIsoElM3tLzq57uxnGYwplg6WDyAxbYczSi8O2eQ+H2Lx74504rwKtZ3N2g4bCUkiamzS6TQ==", - "cpu": [ - "arm64" - ], - "dev": true, - "license": "MIT", - "optional": true, - "os": [ - "win32" - ] - }, - "node_modules/@rollup/rollup-win32-ia32-msvc": { - "version": "4.50.1", - "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-ia32-msvc/-/rollup-win32-ia32-msvc-4.50.1.tgz", - "integrity": "sha512-SXjv8JlbzKM0fTJidX4eVsH+Wmnp0/WcD8gJxIZyR6Gay5Qcsmdbi9zVtnbkGPG8v2vMR1AD06lGWy5FLMcG7A==", - "cpu": [ - "ia32" - ], - "dev": true, - "license": "MIT", - "optional": true, - "os": [ - "win32" - ] + }, + "funding": { + "url": "https://github.com/sponsors/jonschlinkert" + } }, - "node_modules/@rollup/rollup-win32-x64-msvc": { + "node_modules/@rollup/rollup-darwin-arm64": { "version": "4.50.1", - "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-x64-msvc/-/rollup-win32-x64-msvc-4.50.1.tgz", - "integrity": "sha512-StxAO/8ts62KZVRAm4JZYq9+NqNsV7RvimNK+YM7ry//zebEH6meuugqW/P5OFUCjyQgui+9fUxT6d5NShvMvA==", + "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-arm64/-/rollup-darwin-arm64-4.50.1.tgz", + "integrity": "sha512-xc6i2AuWh++oGi4ylOFPmzJOEeAa2lJeGUGb4MudOtgfyyjr4UPNK+eEWTPLvmPJIY/pgw6ssFIox23SyrkkJw==", "cpu": [ - "x64" + "arm64" ], "dev": true, "license": "MIT", "optional": true, "os": [ - "win32" + "darwin" ] }, "node_modules/@rushstack/node-core-library": { @@ -17360,70 +16680,6 @@ "vite": ">=2.6.0" } }, - "node_modules/vite/node_modules/@esbuild/aix-ppc64": { - "version": "0.21.5", - "resolved": "https://registry.npmjs.org/@esbuild/aix-ppc64/-/aix-ppc64-0.21.5.tgz", - "integrity": "sha512-1SDgH6ZSPTlggy1yI6+Dbkiz8xzpHJEVAlF/AM1tHPLsf5STom9rwtjE4hKAF20FfXXNTFqEYXyJNWh1GiZedQ==", - "cpu": [ - "ppc64" - ], - "dev": true, - "optional": true, - "os": [ - "aix" - ], - "engines": { - "node": ">=12" - } - }, - "node_modules/vite/node_modules/@esbuild/android-arm": { - "version": "0.21.5", - "resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.21.5.tgz", - "integrity": "sha512-vCPvzSjpPHEi1siZdlvAlsPxXl7WbOVUBBAowWug4rJHb68Ox8KualB+1ocNvT5fjv6wpkX6o/iEpbDrf68zcg==", - "cpu": [ - "arm" - ], - "dev": true, - "optional": true, - "os": [ - "android" - ], - "engines": { - "node": ">=12" - } - }, - "node_modules/vite/node_modules/@esbuild/android-arm64": { - "version": "0.21.5", - "resolved": "https://registry.npmjs.org/@esbuild/android-arm64/-/android-arm64-0.21.5.tgz", - "integrity": "sha512-c0uX9VAUBQ7dTDCjq+wdyGLowMdtR/GoC2U5IYk/7D1H1JYC0qseD7+11iMP2mRLN9RcCMRcjC4YMclCzGwS/A==", - "cpu": [ - "arm64" - ], - "dev": true, - "optional": true, - "os": [ - "android" - ], - "engines": { - "node": ">=12" - } - }, - "node_modules/vite/node_modules/@esbuild/android-x64": { - "version": "0.21.5", - "resolved": "https://registry.npmjs.org/@esbuild/android-x64/-/android-x64-0.21.5.tgz", - "integrity": "sha512-D7aPRUUNHRBwHxzxRvp856rjUHRFW1SdQATKXH2hqA0kAZb1hKmi02OpYRacl0TxIGz/ZmXWlbZgjwWYaCakTA==", - "cpu": [ - "x64" - ], - "dev": true, - "optional": true, - "os": [ - "android" - ], - "engines": { - "node": ">=12" - } - }, "node_modules/vite/node_modules/@esbuild/darwin-arm64": { "version": "0.21.5", "resolved": "https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.21.5.tgz", @@ -17440,294 +16696,6 @@ "node": ">=12" } }, - "node_modules/vite/node_modules/@esbuild/darwin-x64": { - "version": "0.21.5", - "resolved": "https://registry.npmjs.org/@esbuild/darwin-x64/-/darwin-x64-0.21.5.tgz", - "integrity": "sha512-se/JjF8NlmKVG4kNIuyWMV/22ZaerB+qaSi5MdrXtd6R08kvs2qCN4C09miupktDitvh8jRFflwGFBQcxZRjbw==", - "cpu": [ - "x64" - ], - "dev": true, - "optional": true, - "os": [ - "darwin" - ], - "engines": { - "node": ">=12" - } - }, - "node_modules/vite/node_modules/@esbuild/freebsd-arm64": { - "version": "0.21.5", - "resolved": "https://registry.npmjs.org/@esbuild/freebsd-arm64/-/freebsd-arm64-0.21.5.tgz", - "integrity": "sha512-5JcRxxRDUJLX8JXp/wcBCy3pENnCgBR9bN6JsY4OmhfUtIHe3ZW0mawA7+RDAcMLrMIZaf03NlQiX9DGyB8h4g==", - "cpu": [ - "arm64" - ], - "dev": true, - "optional": true, - "os": [ - "freebsd" - ], - "engines": { - "node": ">=12" - } - }, - "node_modules/vite/node_modules/@esbuild/freebsd-x64": { - "version": "0.21.5", - "resolved": "https://registry.npmjs.org/@esbuild/freebsd-x64/-/freebsd-x64-0.21.5.tgz", - "integrity": "sha512-J95kNBj1zkbMXtHVH29bBriQygMXqoVQOQYA+ISs0/2l3T9/kj42ow2mpqerRBxDJnmkUDCaQT/dfNXWX/ZZCQ==", - "cpu": [ - "x64" - ], - "dev": true, - "optional": true, - "os": [ - "freebsd" - ], - "engines": { - "node": ">=12" - } - }, - "node_modules/vite/node_modules/@esbuild/linux-arm": { - "version": "0.21.5", - "resolved": "https://registry.npmjs.org/@esbuild/linux-arm/-/linux-arm-0.21.5.tgz", - "integrity": "sha512-bPb5AHZtbeNGjCKVZ9UGqGwo8EUu4cLq68E95A53KlxAPRmUyYv2D6F0uUI65XisGOL1hBP5mTronbgo+0bFcA==", - "cpu": [ - "arm" - ], - "dev": true, - "optional": true, - "os": [ - "linux" - ], - "engines": { - "node": ">=12" - } - }, - "node_modules/vite/node_modules/@esbuild/linux-arm64": { - "version": "0.21.5", - "resolved": "https://registry.npmjs.org/@esbuild/linux-arm64/-/linux-arm64-0.21.5.tgz", - "integrity": "sha512-ibKvmyYzKsBeX8d8I7MH/TMfWDXBF3db4qM6sy+7re0YXya+K1cem3on9XgdT2EQGMu4hQyZhan7TeQ8XkGp4Q==", - "cpu": [ - "arm64" - ], - "dev": true, - "optional": true, - "os": [ - "linux" - ], - "engines": { - "node": ">=12" - } - }, - "node_modules/vite/node_modules/@esbuild/linux-ia32": { - "version": "0.21.5", - "resolved": "https://registry.npmjs.org/@esbuild/linux-ia32/-/linux-ia32-0.21.5.tgz", - "integrity": "sha512-YvjXDqLRqPDl2dvRODYmmhz4rPeVKYvppfGYKSNGdyZkA01046pLWyRKKI3ax8fbJoK5QbxblURkwK/MWY18Tg==", - "cpu": [ - "ia32" - ], - "dev": true, - "optional": true, - "os": [ - "linux" - ], - "engines": { - "node": ">=12" - } - }, - "node_modules/vite/node_modules/@esbuild/linux-loong64": { - "version": "0.21.5", - "resolved": "https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.21.5.tgz", - "integrity": "sha512-uHf1BmMG8qEvzdrzAqg2SIG/02+4/DHB6a9Kbya0XDvwDEKCoC8ZRWI5JJvNdUjtciBGFQ5PuBlpEOXQj+JQSg==", - "cpu": [ - "loong64" - ], - "dev": true, - "optional": true, - "os": [ - "linux" - ], - "engines": { - "node": ">=12" - } - }, - "node_modules/vite/node_modules/@esbuild/linux-mips64el": { - "version": "0.21.5", - "resolved": "https://registry.npmjs.org/@esbuild/linux-mips64el/-/linux-mips64el-0.21.5.tgz", - "integrity": "sha512-IajOmO+KJK23bj52dFSNCMsz1QP1DqM6cwLUv3W1QwyxkyIWecfafnI555fvSGqEKwjMXVLokcV5ygHW5b3Jbg==", - "cpu": [ - "mips64el" - ], - "dev": true, - "optional": true, - "os": [ - "linux" - ], - "engines": { - "node": ">=12" - } - }, - "node_modules/vite/node_modules/@esbuild/linux-ppc64": { - "version": "0.21.5", - "resolved": "https://registry.npmjs.org/@esbuild/linux-ppc64/-/linux-ppc64-0.21.5.tgz", - "integrity": "sha512-1hHV/Z4OEfMwpLO8rp7CvlhBDnjsC3CttJXIhBi+5Aj5r+MBvy4egg7wCbe//hSsT+RvDAG7s81tAvpL2XAE4w==", - "cpu": [ - "ppc64" - ], - "dev": true, - "optional": true, - "os": [ - "linux" - ], - "engines": { - "node": ">=12" - } - }, - "node_modules/vite/node_modules/@esbuild/linux-riscv64": { - "version": "0.21.5", - "resolved": "https://registry.npmjs.org/@esbuild/linux-riscv64/-/linux-riscv64-0.21.5.tgz", - "integrity": "sha512-2HdXDMd9GMgTGrPWnJzP2ALSokE/0O5HhTUvWIbD3YdjME8JwvSCnNGBnTThKGEB91OZhzrJ4qIIxk/SBmyDDA==", - "cpu": [ - "riscv64" - ], - "dev": true, - "optional": true, - "os": [ - "linux" - ], - "engines": { - "node": ">=12" - } - }, - "node_modules/vite/node_modules/@esbuild/linux-s390x": { - "version": "0.21.5", - "resolved": "https://registry.npmjs.org/@esbuild/linux-s390x/-/linux-s390x-0.21.5.tgz", - "integrity": "sha512-zus5sxzqBJD3eXxwvjN1yQkRepANgxE9lgOW2qLnmr8ikMTphkjgXu1HR01K4FJg8h1kEEDAqDcZQtbrRnB41A==", - "cpu": [ - "s390x" - ], - "dev": true, - "optional": true, - "os": [ - "linux" - ], - "engines": { - "node": ">=12" - } - }, - "node_modules/vite/node_modules/@esbuild/linux-x64": { - "version": "0.21.5", - "resolved": "https://registry.npmjs.org/@esbuild/linux-x64/-/linux-x64-0.21.5.tgz", - "integrity": "sha512-1rYdTpyv03iycF1+BhzrzQJCdOuAOtaqHTWJZCWvijKD2N5Xu0TtVC8/+1faWqcP9iBCWOmjmhoH94dH82BxPQ==", - "cpu": [ - "x64" - ], - "dev": true, - "optional": true, - "os": [ - "linux" - ], - "engines": { - "node": ">=12" - } - }, - "node_modules/vite/node_modules/@esbuild/netbsd-x64": { - "version": "0.21.5", - "resolved": "https://registry.npmjs.org/@esbuild/netbsd-x64/-/netbsd-x64-0.21.5.tgz", - "integrity": "sha512-Woi2MXzXjMULccIwMnLciyZH4nCIMpWQAs049KEeMvOcNADVxo0UBIQPfSmxB3CWKedngg7sWZdLvLczpe0tLg==", - "cpu": [ - "x64" - ], - "dev": true, - "optional": true, - "os": [ - "netbsd" - ], - "engines": { - "node": ">=12" - } - }, - "node_modules/vite/node_modules/@esbuild/openbsd-x64": { - "version": "0.21.5", - "resolved": "https://registry.npmjs.org/@esbuild/openbsd-x64/-/openbsd-x64-0.21.5.tgz", - "integrity": "sha512-HLNNw99xsvx12lFBUwoT8EVCsSvRNDVxNpjZ7bPn947b8gJPzeHWyNVhFsaerc0n3TsbOINvRP2byTZ5LKezow==", - "cpu": [ - "x64" - ], - "dev": true, - "optional": true, - "os": [ - "openbsd" - ], - "engines": { - "node": ">=12" - } - }, - "node_modules/vite/node_modules/@esbuild/sunos-x64": { - "version": "0.21.5", - "resolved": "https://registry.npmjs.org/@esbuild/sunos-x64/-/sunos-x64-0.21.5.tgz", - "integrity": "sha512-6+gjmFpfy0BHU5Tpptkuh8+uw3mnrvgs+dSPQXQOv3ekbordwnzTVEb4qnIvQcYXq6gzkyTnoZ9dZG+D4garKg==", - "cpu": [ - "x64" - ], - "dev": true, - "optional": true, - "os": [ - "sunos" - ], - "engines": { - "node": ">=12" - } - }, - "node_modules/vite/node_modules/@esbuild/win32-arm64": { - "version": "0.21.5", - "resolved": "https://registry.npmjs.org/@esbuild/win32-arm64/-/win32-arm64-0.21.5.tgz", - "integrity": "sha512-Z0gOTd75VvXqyq7nsl93zwahcTROgqvuAcYDUr+vOv8uHhNSKROyU961kgtCD1e95IqPKSQKH7tBTslnS3tA8A==", - "cpu": [ - "arm64" - ], - "dev": true, - "optional": true, - "os": [ - "win32" - ], - "engines": { - "node": ">=12" - } - }, - "node_modules/vite/node_modules/@esbuild/win32-ia32": { - "version": "0.21.5", - "resolved": "https://registry.npmjs.org/@esbuild/win32-ia32/-/win32-ia32-0.21.5.tgz", - "integrity": "sha512-SWXFF1CL2RVNMaVs+BBClwtfZSvDgtL//G/smwAc5oVK/UPu2Gu9tIaRgFmYFFKrmg3SyAjSrElf0TiJ1v8fYA==", - "cpu": [ - "ia32" - ], - "dev": true, - "optional": true, - "os": [ - "win32" - ], - "engines": { - "node": ">=12" - } - }, - "node_modules/vite/node_modules/@esbuild/win32-x64": { - "version": "0.21.5", - "resolved": "https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.21.5.tgz", - "integrity": "sha512-tQd/1efJuzPC6rCFwEvLtci/xNFcTZknmXs98FYDfGE4wP9ClFV98nyKrzJKVPMhdDnjzLhdUyMX4PsQAPjwIw==", - "cpu": [ - "x64" - ], - "dev": true, - "optional": true, - "os": [ - "win32" - ], - "engines": { - "node": ">=12" - } - }, "node_modules/vite/node_modules/esbuild": { "version": "0.21.5", "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.21.5.tgz", diff --git a/package.json b/package.json index c2c10ae340..19b584e19d 100644 --- a/package.json +++ b/package.json @@ -27,8 +27,8 @@ "publish:major": "npm run testAndBuild && npm version major && git push && git push origin --tags && npm publish" }, "dependencies": { - "@emotion/react": "^11.13.0", - "@emotion/styled": "^11.13.0", + "@emotion/react": "^11.14.0", + "@emotion/styled": "^11.14.1", "@kyper/button": "^4.0.0", "@kyper/hooks": "^1.0.0", "@kyper/icon": "^1.18.1", diff --git a/src/ConnectWidget.tsx b/src/ConnectWidget.tsx index d663d4ec24..389a40e163 100644 --- a/src/ConnectWidget.tsx +++ b/src/ConnectWidget.tsx @@ -9,6 +9,7 @@ import { initGettextLocaleData } from 'src/utilities/Personalization' import { ConnectedTokenProvider } from 'src/ConnectedTokenProvider' import { TooSmallDialog } from 'src/components/app/TooSmallDialog' import { setLocalizedContent } from 'src/redux/reducers/localizedContentSlice' +import './sharedVariables.css' interface PostMessageContextType { postMessageEventOverrides?: PostMessageEventOverrides diff --git a/src/ConnectedTokenProvider.tsx b/src/ConnectedTokenProvider.tsx index 6ff0300395..2edc9a9fea 100644 --- a/src/ConnectedTokenProvider.tsx +++ b/src/ConnectedTokenProvider.tsx @@ -4,7 +4,6 @@ import { useSelector } from 'react-redux' import { Theme, ThemeProvider } from '@mui/material' import { deepmerge } from '@mui/utils' - import { createMXTheme, Icon, IconWeight } from '@mxenabled/mxui' import { TokenProvider, THEMES } from '@kyper/tokenprovider' diff --git a/src/components/ConnectLogoHeader.tsx b/src/components/ConnectLogoHeader.tsx index 7cd295af11..d9de6d6d71 100644 --- a/src/components/ConnectLogoHeader.tsx +++ b/src/components/ConnectLogoHeader.tsx @@ -17,11 +17,8 @@ import ConnectHeaderBackdropDark from 'src/images/header/ConnectHeaderBackdropDa import ConnectHeaderBackdropLight from 'src/images/header/ConnectHeaderBackdropLight.svg' interface ConnectLogoHeaderProps { - institution?: { - guid?: string - logo_url?: string - aggregator_logo_url?: string - } + institutionGuid?: string + institutionLogo?: string } export const ConnectLogoHeader: React.FC = (props) => { @@ -40,34 +37,24 @@ export const ConnectLogoHeader: React.FC = (props) => { ) - const defaultAggregatorLogo = () => - colorScheme === COLOR_SCHEME.LIGHT ? ( - - ) : ( - - ) return (
- {props?.institution?.aggregator_logo_url ? ( - aggregator logo + {colorScheme === COLOR_SCHEME.LIGHT ? ( + ) : ( - defaultAggregatorLogo() + )}
- {props?.institution?.guid ? ( + {props.institutionGuid ? ( @@ -114,11 +101,5 @@ const getStyles = () => { marginLeft: '80px', zIndex: 20, }, - aggregatorLogo: { - width: '88px', - height: '80px', - zIndex: 10, - position: 'relative', - } as React.CSSProperties, } } diff --git a/src/components/__tests__/ConnectLogoHeader-test.tsx b/src/components/__tests__/ConnectLogoHeader-test.tsx index 07ea23a31d..de6041fbc1 100644 --- a/src/components/__tests__/ConnectLogoHeader-test.tsx +++ b/src/components/__tests__/ConnectLogoHeader-test.tsx @@ -43,7 +43,7 @@ describe('ConnectLogoHeader', () => { it('renders a custom logoUrl if an institutionGuid and institutionLogo was passed in props', () => { const logoUrl = 'testUrl' - render(, { + render(, { preloadedState: initialState, }) @@ -53,7 +53,7 @@ describe('ConnectLogoHeader', () => { it('renders an InstitutionLogo if an institutionGuid was passed in props', () => { const institutionGuid = 'INS-123' - render(, { + render(, { preloadedState: initialState, }) @@ -67,13 +67,4 @@ describe('ConnectLogoHeader', () => { render(, { preloadedState: initialState }) expect(screen.queryAllByTestId('svg-image').length).toBe(2) }) - - it('renders the aggregatorHeaderOverride when provided', () => { - const overrideUrl = 'https://example.com/logo.png' - - render() - - const img = screen.getByAltText('aggregator logo') - expect(img.getAttribute('src')).toEqual(overrideUrl) - }) }) diff --git a/src/const/language/es.json b/src/const/language/es.json index 1b11aa534d..d1acef6a14 100644 --- a/src/const/language/es.json +++ b/src/const/language/es.json @@ -184,7 +184,7 @@ "Enter account information": "Introduzca la información de la cuenta", "Verification must be enabled to use this feature.": "La verificación debe estar habilitada para usar esta función.", "Please try again or come back later.": "Inténtalo de nuevo o vuelve más tarde.", - "Connecting to %1": "Conectarse a %1", + "Connecting to": "Conectarse a", "Manual Institution": "Institución Manual", "Verify identity": "Verificar identidad", "Payment due day": "Día de vencimiento del pago", diff --git a/src/const/language/es.po b/src/const/language/es.po index a3673c8369..db59548fbb 100644 --- a/src/const/language/es.po +++ b/src/const/language/es.po @@ -933,8 +933,8 @@ msgid "Please try again or come back later." msgstr "Inténtalo de nuevo o vuelve más tarde." #: src/views/connecting/Connecting.js -msgid "Connecting to %1" -msgstr "Conectarse a %1" +msgid "Connecting to" +msgstr "Conectarse a" #: src/components/InstitutionBlock.js msgid "Manual Institution" diff --git a/src/const/language/frCa.json b/src/const/language/frCa.json index 3e6718fc2c..604103c137 100644 --- a/src/const/language/frCa.json +++ b/src/const/language/frCa.json @@ -188,7 +188,7 @@ "Enter account information": "Saisir les informations du compte", "Verification must be enabled to use this feature.": "La vérification doit être activée pour utiliser cette fonctionnalité.", "Please try again or come back later.": "Veuillez réessayer ou revenir plus tard.", - "Connecting to %1": "Se connecter à %1", + "Connecting to": "Se connecter à", "Manual Institution": "Établissement manuel", "Verify identity": "Vérifier l'identité", "Payment due day": "Jour d'échéance du paiement", diff --git a/src/const/language/frCa.po b/src/const/language/frCa.po index e45c68c861..7d592c0572 100644 --- a/src/const/language/frCa.po +++ b/src/const/language/frCa.po @@ -1023,8 +1023,8 @@ msgid "Please try again or come back later." msgstr "Veuillez réessayer ou revenir plus tard." #: src/views/connecting/Connecting.js -msgid "Connecting to %1" -msgstr "Se connecter à %1" +msgid "Connecting to" +msgstr "Se connecter à" #: src/components/InstitutionBlock.js msgid "Manual Institution" diff --git a/src/redux/reducers/configSlice.ts b/src/redux/reducers/configSlice.ts index 96873f5afd..73b7d1ff35 100644 --- a/src/redux/reducers/configSlice.ts +++ b/src/redux/reducers/configSlice.ts @@ -1,7 +1,14 @@ import { RootState } from 'src/redux/Store' import { createSelector, createSlice, PayloadAction } from '@reduxjs/toolkit' import { ActionTypes as ConnectActionTypes } from 'src/redux/actions/Connect' -import { AGG_MODE, REFERRAL_SOURCES, VERIFY_MODE, REWARD_MODE, STEPS } from 'src/const/Connect' +import { + AGG_MODE, + REFERRAL_SOURCES, + VERIFY_MODE, + REWARD_MODE, + STEPS, + COLOR_SCHEME, +} from 'src/const/Connect' import { COMBO_JOB_DATA_TYPES } from 'src/const/comboJobDataTypes' export const initialState: ClientConfigType = { @@ -178,6 +185,11 @@ export const selectConnectConfig = createSelector(selectConfig, (config) => ({ export const selectColorScheme = (state: RootState) => state.config.color_scheme +export const getIsLightColorScheme = createSelector( + selectColorScheme, + (colorScheme) => colorScheme === COLOR_SCHEME.LIGHT, +) + // Helpers const getProductDeterminedMode = (config: { data_request?: { products?: string[] | null } | null diff --git a/src/redux/reducers/profilesSlice.tsx b/src/redux/reducers/profilesSlice.tsx index b3203bf853..4ed1afa3ab 100644 --- a/src/redux/reducers/profilesSlice.tsx +++ b/src/redux/reducers/profilesSlice.tsx @@ -1,4 +1,4 @@ -import { createSlice } from '@reduxjs/toolkit' +import { createSelector, createSlice } from '@reduxjs/toolkit' const initialState: ProfilesTypes = { loading: true, @@ -56,3 +56,12 @@ const profilesSlice = createSlice({ export const { loadProfiles, loadWidgetProfile, updateUserProfile } = profilesSlice.actions export default profilesSlice.reducer + +export const getProfilesSlice = createSelector( + (state) => state, + (state) => state.profiles, +) + +export const getClient = createSelector(getProfilesSlice, (profiles) => profiles.client) + +export const getClientGuid = createSelector(getClient, (client) => client.guid) diff --git a/src/sharedVariables.css b/src/sharedVariables.css new file mode 100644 index 0000000000..7361e218b5 --- /dev/null +++ b/src/sharedVariables.css @@ -0,0 +1,3 @@ +:root { + --progress-bar-background-image-height: 80px; +} diff --git a/src/views/connecting/Connecting.js b/src/views/connecting/Connecting.js index 8bd9f5ec30..1f9827f0e5 100644 --- a/src/views/connecting/Connecting.js +++ b/src/views/connecting/Connecting.js @@ -21,7 +21,6 @@ import { SlideDown } from 'src/components/SlideDown' import { getDelay } from 'src/utilities/getDelay' import { pollMember, CONNECTING_MESSAGES } from 'src/utilities/pollers' import { STEPS } from 'src/const/Connect' -import { ConnectLogoHeader } from 'src/components/ConnectLogoHeader' import { ProgressBar } from 'src/views/connecting/progress/ProgressBar' import * as JobSchedule from 'src/utilities/JobSchedule' import { AriaLive } from 'src/components/AriaLive' @@ -47,6 +46,7 @@ import useAnalyticsEvent from 'src/hooks/useAnalyticsEvent' import { POST_MESSAGES } from 'src/const/postMessages' import { AnalyticContext } from 'src/Connect' import { PostMessageContext } from 'src/ConnectWidget' +import { Stack } from '@mui/material' export const Connecting = (props) => { const { @@ -337,16 +337,15 @@ export const Connecting = (props) => { return (
-
- -
- - {__('Connecting to %1', institution.name)} - - - - - + + + + {__('Connecting to')} + + {institution.name} + + +
@@ -355,18 +354,12 @@ export const Connecting = (props) => { const getStyles = (tokens) => ({ container: { + marginTop: 16, textAlign: 'center', }, - logoHeader: { - marginTop: tokens.Spacing.Medium, - marginBottom: tokens.Spacing.Small, - }, message: { marginTop: tokens.Spacing.XLarge, }, - subHeader: { - paddingTop: tokens.Spacing.Large, - }, spinner: { marginTop: tokens.Spacing.XLarge, }, diff --git a/src/views/connecting/progress/ProgressBackdropDark.svg b/src/views/connecting/progress/ProgressBackdropDark.svg new file mode 100644 index 0000000000..dd73e3f1cf --- /dev/null +++ b/src/views/connecting/progress/ProgressBackdropDark.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/src/views/connecting/progress/ProgressBackdropLight.svg b/src/views/connecting/progress/ProgressBackdropLight.svg new file mode 100644 index 0000000000..77a7aeae46 --- /dev/null +++ b/src/views/connecting/progress/ProgressBackdropLight.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/src/views/connecting/progress/ProgressBackgroundImage.tsx b/src/views/connecting/progress/ProgressBackgroundImage.tsx new file mode 100644 index 0000000000..81c60bf134 --- /dev/null +++ b/src/views/connecting/progress/ProgressBackgroundImage.tsx @@ -0,0 +1,15 @@ +import React from 'react' +import { useSelector } from 'react-redux' +import { getIsLightColorScheme } from 'src/redux/reducers/configSlice' +import ProgressBackdropDark from './ProgressBackdropDark.svg' +import ProgressBackdropLight from './ProgressBackdropLight.svg' + +export const ProgressBackgroundImage = ({ className }: { className: string }) => { + const isLightColorScheme = useSelector(getIsLightColorScheme) + + return ( +
+ {isLightColorScheme ? : } +
+ ) +} diff --git a/src/views/connecting/progress/ProgressBar.js b/src/views/connecting/progress/ProgressBar.js deleted file mode 100644 index a1154a6d11..0000000000 --- a/src/views/connecting/progress/ProgressBar.js +++ /dev/null @@ -1,71 +0,0 @@ -import React from 'react' -import PropTypes from 'prop-types' -import { useTokens } from '@kyper/tokenprovider' -import { Spinner } from '@kyper/progressindicators' - -import { ProgressLine } from 'src/views/connecting/progress/ProgressLine' -import { ProgressCheckMark } from 'src/views/connecting/progress/ProgressCheckMark' -import { ProgressCircle } from 'src/views/connecting/progress/ProgressCircle' -import { ProgressMessage } from 'src/views/connecting/progress/ProgressMessage' - -import { JOB_STATUSES } from 'src/const/consts' -import * as JobSchedule from 'src/utilities/JobSchedule' - -export const ProgressBar = (props) => { - const tokens = useTokens() - const styles = { - container: { - margin: `0 auto`, - maxWidth: '320px', // this is somewhat arbitrary, not based on a token - textAlign: 'center', - }, - barContainer: { - display: 'flex', - alignItems: 'center', - margin: `${tokens.Spacing.Large}px auto`, - justifyContent: 'center', - }, - } - - // if we don't have the schedule initialized just show a spinner. - if (props.jobSchedule.isInitialized === false) { - return ( -
- -
- ) - } - const allDone = JobSchedule.areAllJobsDone(props.jobSchedule) - const activeJob = JobSchedule.getActiveJob(props.jobSchedule) - // If we have 3+ jobs, space the circles at 16px. Otherwise 24px - const innerLineWidth = props.jobSchedule.jobs.length >= 3 ? 16 : 24 - - return ( -
-
- - - {props.jobSchedule.jobs.map((job) => { - const isActive = job.status === JOB_STATUSES.ACTIVE - const isDone = job.status === JOB_STATUSES.DONE - const shouldBeHighlighted = isActive || isDone - - return ( - - - - - ) - })} - - {allDone ? : } - -
- -
- ) -} - -ProgressBar.propTypes = { - jobSchedule: PropTypes.object.isRequired, -} diff --git a/src/views/connecting/progress/ProgressBar.tsx b/src/views/connecting/progress/ProgressBar.tsx new file mode 100644 index 0000000000..7e84d59bf1 --- /dev/null +++ b/src/views/connecting/progress/ProgressBar.tsx @@ -0,0 +1,76 @@ +import React from 'react' +import { useTokens } from '@kyper/tokenprovider' +import { Spinner } from '@kyper/progressindicators' + +import { ProgressLine } from 'src/views/connecting/progress/ProgressLine' +import { ProgressCheckMark } from 'src/views/connecting/progress/ProgressCheckMark' +import { ProgressCircle } from 'src/views/connecting/progress/ProgressCircle' +import { ProgressMessage } from 'src/views/connecting/progress/ProgressMessage' + +import * as JobSchedule from 'src/utilities/JobSchedule' +import { ClientLogo } from 'src/components/ClientLogo' +import { useSelector } from 'react-redux' +import { getClientGuid } from 'src/redux/reducers/profilesSlice' +import { ProgressLogo } from './ProgressLogo' +import { InstitutionLogo } from '@mxenabled/mxui' +import { Stack } from '@mui/material' +import { ProgressBackgroundImage } from './ProgressBackgroundImage' +import styles from './progressBar.module.css' + +export const ProgressBar = ({ + institution, + jobSchedule, +}: { + institution: { guid: string; logo_url: string } + jobSchedule: { isInitialized: boolean } +}) => { + const tokens = useTokens() + + const clientGuid = useSelector(getClientGuid) + + // if we don't have the schedule initialized just show a spinner. + if (jobSchedule.isInitialized === false) { + return ( +
+ +
+ ) + } + const allDone = JobSchedule.areAllJobsDone(jobSchedule) + const activeJob = JobSchedule.getActiveJob(jobSchedule) + + return ( + +
+
+ + + + + + + +
+ + + + {activeJob ? : } + + {allDone ? : } + +
+ + + ) +} diff --git a/src/views/connecting/progress/ProgressCheckMark.js b/src/views/connecting/progress/ProgressCheckMark.js index 9e8b2fb734..542e8de663 100644 --- a/src/views/connecting/progress/ProgressCheckMark.js +++ b/src/views/connecting/progress/ProgressCheckMark.js @@ -1,19 +1,9 @@ import React from 'react' -import { useTokens } from '@kyper/tokenprovider' -import { CheckmarkFilled } from '@kyper/icon/CheckmarkFilled' +import { Icon } from '@mxenabled/mxui' +import styles from './progressCheckMark.module.css' export const ProgressCheckMark = () => { - const tokens = useTokens() - - const styles = { - height: '24px', - width: '24px', - zIndex: 20, - } - return ( -
- -
+ ) } diff --git a/src/views/connecting/progress/ProgressCircle.js b/src/views/connecting/progress/ProgressCircle.js index ac041c7ed7..31207bd897 100644 --- a/src/views/connecting/progress/ProgressCircle.js +++ b/src/views/connecting/progress/ProgressCircle.js @@ -14,6 +14,8 @@ export const ProgressCircle = (props) => { borderColor: tokens.TextColor.Active, }, circle: { + // TODO: Change this for dark mode + backgroundColor: '#FFF', boxSizing: 'border-box', height: '24px', width: '24px', diff --git a/src/views/connecting/progress/ProgressLine.js b/src/views/connecting/progress/ProgressLine.js deleted file mode 100644 index bde8868279..0000000000 --- a/src/views/connecting/progress/ProgressLine.js +++ /dev/null @@ -1,30 +0,0 @@ -import React from 'react' -import PropTypes from 'prop-types' -import { useTokens } from '@kyper/tokenprovider' - -export const ProgressLine = (props) => { - const tokens = useTokens() - const styles = { - backLine: { - width: props.width ? `${props.width}px` : '100%', - minWidth: props.width ? `${props.width}px` : null, - height: '2px', - background: tokens.BackgroundColor.HrDark, - borderRadius: '1px', - zIndex: 10, - }, - activeLine: { - background: tokens.TextColor.Active, - }, - } - const lineStyle = props.isActive - ? { ...styles.backLine, ...styles.activeLine } - : { ...styles.backLine } - - return
-} - -ProgressLine.propTypes = { - isActive: PropTypes.bool, - width: PropTypes.number, -} diff --git a/src/views/connecting/progress/ProgressLine.tsx b/src/views/connecting/progress/ProgressLine.tsx new file mode 100644 index 0000000000..0589e29231 --- /dev/null +++ b/src/views/connecting/progress/ProgressLine.tsx @@ -0,0 +1,28 @@ +import React from 'react' +import { useTokens } from '@kyper/tokenprovider' + +export const ProgressLine = ({ + isActive, + isCentralLine, +}: { + isActive: boolean + isCentralLine?: boolean +}) => { + const tokens = useTokens() + const styles = { + backLine: { + width: isCentralLine ? '16px' : '100%', + minWidth: isCentralLine ? `16px` : undefined, + height: '2px', + background: tokens.BackgroundColor.HrDark, + borderRadius: '1px', + zIndex: 10, + }, + activeLine: { + background: tokens.TextColor.Active, + }, + } + const lineStyle = isActive ? { ...styles.backLine, ...styles.activeLine } : { ...styles.backLine } + + return
+} diff --git a/src/views/connecting/progress/ProgressLogo.tsx b/src/views/connecting/progress/ProgressLogo.tsx new file mode 100644 index 0000000000..9da7d4fd51 --- /dev/null +++ b/src/views/connecting/progress/ProgressLogo.tsx @@ -0,0 +1,16 @@ +import React, { ReactNode } from 'react' + +export const ProgressLogo = ({ children }: { children: ReactNode }) => { + const styles = { + container: { + // TODO: This background color needs to be different in dark mode + backgroundColor: '#FFF', + borderRadius: '8px', + display: 'flex', + padding: '2px', + zIndex: 11, + }, + } as const + + return
{children}
+} diff --git a/src/views/connecting/progress/ProgressMessage.js b/src/views/connecting/progress/ProgressMessage.js index fc5aaa957d..122545356b 100644 --- a/src/views/connecting/progress/ProgressMessage.js +++ b/src/views/connecting/progress/ProgressMessage.js @@ -15,7 +15,7 @@ const subMessages = [ __('Still working. Stay with us!'), ] -export const ProgressMessage = (props) => { +export const ProgressMessage = ({ allDone, jobType }) => { const tokens = useTokens() const styles = { messageText: { @@ -37,15 +37,15 @@ export const ProgressMessage = (props) => { .subscribe((message) => setSubTitle(message)) return () => messageCycle$.unsubscribe() - }, [props.job?.type]) + }, [jobType]) let mainMessage = __('Syncing your information.') - if (props.job?.type === JOB_TYPES.VERIFICATION) { + if (jobType === JOB_TYPES.VERIFICATION) { mainMessage = __('Getting verification data.') - } else if (props.job?.type === JOB_TYPES.IDENTIFICATION) { + } else if (jobType === JOB_TYPES.IDENTIFICATION) { mainMessage = __('Getting identification data.') - } else if (props.allDone) { + } else if (allDone) { mainMessage = __('Finishing up.') } @@ -63,5 +63,5 @@ export const ProgressMessage = (props) => { ProgressMessage.propTypes = { allDone: PropTypes.bool, - job: PropTypes.object, + jobType: PropTypes.string, } diff --git a/src/views/connecting/progress/progressBar.module.css b/src/views/connecting/progress/progressBar.module.css new file mode 100644 index 0000000000..ff2baf64f1 --- /dev/null +++ b/src/views/connecting/progress/progressBar.module.css @@ -0,0 +1,31 @@ +.container { + text-align: center; +} + +.backgroundImage { + height: var(--progress-bar-background-image-height); + width: var(--progress-bar-background-image-height); + z-index: 1; +} + +.barContainer { + align-items: center; + display: flex; + height: var(--progress-bar-background-image-height); + justify-content: center; +} + +.logo { + border-radius: 8px; +} + +.logosContainer { + align-items: center; + box-sizing: border-box; + display: flex; + justify-content: space-between; + padding-left: 28px; + padding-right: 28px; + position: absolute; + width: 100%; +} diff --git a/src/views/connecting/progress/progressCheckMark.module.css b/src/views/connecting/progress/progressCheckMark.module.css new file mode 100644 index 0000000000..9666cc2369 --- /dev/null +++ b/src/views/connecting/progress/progressCheckMark.module.css @@ -0,0 +1,4 @@ +.container { + background-color: white; + z-index: 20; +}