fix: image loading and multiple versions of react

This commit is contained in:
Rafael 2024-11-30 10:50:34 +00:00
parent d646aee24b
commit 6da95a2295
12 changed files with 267 additions and 106 deletions

View file

@ -12,9 +12,9 @@
"dependencies": { "dependencies": {
"@apollo/react-hooks": "^3.1.3", "@apollo/react-hooks": "^3.1.3",
"@lamassu/coins": "v1.5.1", "@lamassu/coins": "v1.5.1",
"@material-ui/core": "4.11.0", "@material-ui/core": "4.12.4",
"@material-ui/icons": "4.9.1", "@material-ui/icons": "4.11.2",
"@material-ui/lab": "^4.0.0-alpha.56", "@material-ui/lab": "^4.0.0-alpha.61",
"@simplewebauthn/browser": "^3.0.0", "@simplewebauthn/browser": "^3.0.0",
"@use-hooks/axios": "1.3.0", "@use-hooks/axios": "1.3.0",
"apollo-cache-inmemory": "^1.6.6", "apollo-cache-inmemory": "^1.6.6",
@ -48,7 +48,7 @@
"react-copy-to-clipboard": "^5.0.2", "react-copy-to-clipboard": "^5.0.2",
"react-dom": "^16.10.2", "react-dom": "^16.10.2",
"react-dropzone": "^11.4.2", "react-dropzone": "^11.4.2",
"react-material-ui-carousel": "^2.2.7", "react-material-ui-carousel": "^2.3.11",
"react-number-format": "^4.4.1", "react-number-format": "^4.4.1",
"react-otp-input": "^2.3.0", "react-otp-input": "^2.3.0",
"react-router-dom": "5.1.2", "react-router-dom": "5.1.2",
@ -2289,7 +2289,8 @@
"node_modules/@emotion/hash": { "node_modules/@emotion/hash": {
"version": "0.8.0", "version": "0.8.0",
"resolved": "https://registry.npmjs.org/@emotion/hash/-/hash-0.8.0.tgz", "resolved": "https://registry.npmjs.org/@emotion/hash/-/hash-0.8.0.tgz",
"integrity": "sha512-kBJtf7PH6aWwZ6fka3zQ0p6SBYzx4fl1LoZXE2RrnYST9Xljm7WfKJrU4g/Xr3Beg72MLrp1AWNUmuYJTL7Cow==" "integrity": "sha512-kBJtf7PH6aWwZ6fka3zQ0p6SBYzx4fl1LoZXE2RrnYST9Xljm7WfKJrU4g/Xr3Beg72MLrp1AWNUmuYJTL7Cow==",
"license": "MIT"
}, },
"node_modules/@esbuild/aix-ppc64": { "node_modules/@esbuild/aix-ppc64": {
"version": "0.24.0", "version": "0.24.0",
@ -3596,22 +3597,23 @@
} }
}, },
"node_modules/@material-ui/core": { "node_modules/@material-ui/core": {
"version": "4.11.0", "version": "4.12.4",
"resolved": "https://registry.npmjs.org/@material-ui/core/-/core-4.11.0.tgz", "resolved": "https://registry.npmjs.org/@material-ui/core/-/core-4.12.4.tgz",
"integrity": "sha512-bYo9uIub8wGhZySHqLQ833zi4ZML+XCBE1XwJ8EuUVSpTWWG57Pm+YugQToJNFsEyiKFhPh8DPD0bgupz8n01g==", "integrity": "sha512-tr7xekNlM9LjA6pagJmL8QCgZXaubWUwkJnoYcMKd4gw/t4XiyvnTkjdGrUVicyB2BsdaAv1tvow45bPM4sSwQ==",
"deprecated": "Material UI v4 doesn't receive active development since September 2021. See the guide https://mui.com/material-ui/migration/migration-v4/ to upgrade to v5.", "deprecated": "Material UI v4 doesn't receive active development since September 2021. See the guide https://mui.com/material-ui/migration/migration-v4/ to upgrade to v5.",
"license": "MIT",
"dependencies": { "dependencies": {
"@babel/runtime": "^7.4.4", "@babel/runtime": "^7.4.4",
"@material-ui/styles": "^4.10.0", "@material-ui/styles": "^4.11.5",
"@material-ui/system": "^4.9.14", "@material-ui/system": "^4.12.2",
"@material-ui/types": "^5.1.0", "@material-ui/types": "5.1.0",
"@material-ui/utils": "^4.10.2", "@material-ui/utils": "^4.11.3",
"@types/react-transition-group": "^4.2.0", "@types/react-transition-group": "^4.2.0",
"clsx": "^1.0.4", "clsx": "^1.0.4",
"hoist-non-react-statics": "^3.3.2", "hoist-non-react-statics": "^3.3.2",
"popper.js": "1.16.1-lts", "popper.js": "1.16.1-lts",
"prop-types": "^15.7.2", "prop-types": "^15.7.2",
"react-is": "^16.8.0", "react-is": "^16.8.0 || ^17.0.0",
"react-transition-group": "^4.4.0" "react-transition-group": "^4.4.0"
}, },
"engines": { "engines": {
@ -3622,9 +3624,9 @@
"url": "https://opencollective.com/material-ui" "url": "https://opencollective.com/material-ui"
}, },
"peerDependencies": { "peerDependencies": {
"@types/react": "^16.8.6", "@types/react": "^16.8.6 || ^17.0.0",
"react": "^16.8.0", "react": "^16.8.0 || ^17.0.0",
"react-dom": "^16.8.0" "react-dom": "^16.8.0 || ^17.0.0"
}, },
"peerDependenciesMeta": { "peerDependenciesMeta": {
"@types/react": { "@types/react": {
@ -3633,10 +3635,11 @@
} }
}, },
"node_modules/@material-ui/icons": { "node_modules/@material-ui/icons": {
"version": "4.9.1", "version": "4.11.2",
"resolved": "https://registry.npmjs.org/@material-ui/icons/-/icons-4.9.1.tgz", "resolved": "https://registry.npmjs.org/@material-ui/icons/-/icons-4.11.2.tgz",
"integrity": "sha512-GBitL3oBWO0hzBhvA9KxqcowRUsA0qzwKkURyC8nppnC3fw54KPKZ+d4V1Eeg/UnDRSzDaI9nGCdel/eh9AQMg==", "integrity": "sha512-fQNsKX2TxBmqIGJCSi3tGTO/gZ+eJgWmMJkgDiOfyNaunNaxcklJQFaFogYcFl0qFuaEz1qaXYXboa/bUXVSOQ==",
"deprecated": "You can now upgrade to @mui/icons. See the guide: https://mui.com/guides/migration-v4/", "deprecated": "You can now upgrade to @mui/icons. See the guide: https://mui.com/guides/migration-v4/",
"license": "MIT",
"dependencies": { "dependencies": {
"@babel/runtime": "^7.4.4" "@babel/runtime": "^7.4.4"
}, },
@ -3645,9 +3648,9 @@
}, },
"peerDependencies": { "peerDependencies": {
"@material-ui/core": "^4.0.0", "@material-ui/core": "^4.0.0",
"@types/react": "^16.8.6", "@types/react": "^16.8.6 || ^17.0.0",
"react": "^16.8.0", "react": "^16.8.0 || ^17.0.0",
"react-dom": "^16.8.0" "react-dom": "^16.8.0 || ^17.0.0"
}, },
"peerDependenciesMeta": { "peerDependenciesMeta": {
"@types/react": { "@types/react": {
@ -3656,13 +3659,14 @@
} }
}, },
"node_modules/@material-ui/lab": { "node_modules/@material-ui/lab": {
"version": "4.0.0-alpha.57", "version": "4.0.0-alpha.61",
"resolved": "https://registry.npmjs.org/@material-ui/lab/-/lab-4.0.0-alpha.57.tgz", "resolved": "https://registry.npmjs.org/@material-ui/lab/-/lab-4.0.0-alpha.61.tgz",
"integrity": "sha512-qo/IuIQOmEKtzmRD2E4Aa6DB4A87kmY6h0uYhjUmrrgmEAgbbw9etXpWPVXuRK6AGIQCjFzV6WO2i21m1R4FCw==", "integrity": "sha512-rSzm+XKiNUjKegj8bzt5+pygZeckNLOr+IjykH8sYdVk7dE9y2ZuUSofiMV2bJk3qU+JHwexmw+q0RyNZB9ugg==",
"deprecated": "Material UI v4 doesn't receive active development since September 2021. See the guide https://mui.com/material-ui/migration/migration-v4/ to upgrade to v5.", "deprecated": "Material UI v4 doesn't receive active development since September 2021. See the guide https://mui.com/material-ui/migration/migration-v4/ to upgrade to v5.",
"license": "MIT",
"dependencies": { "dependencies": {
"@babel/runtime": "^7.4.4", "@babel/runtime": "^7.4.4",
"@material-ui/utils": "^4.11.2", "@material-ui/utils": "^4.11.3",
"clsx": "^1.0.4", "clsx": "^1.0.4",
"prop-types": "^15.7.2", "prop-types": "^15.7.2",
"react-is": "^16.8.0 || ^17.0.0" "react-is": "^16.8.0 || ^17.0.0"
@ -3671,7 +3675,7 @@
"node": ">=8.0.0" "node": ">=8.0.0"
}, },
"peerDependencies": { "peerDependencies": {
"@material-ui/core": "^4.9.10", "@material-ui/core": "^4.12.1",
"@types/react": "^16.8.6 || ^17.0.0", "@types/react": "^16.8.6 || ^17.0.0",
"react": "^16.8.0 || ^17.0.0", "react": "^16.8.0 || ^17.0.0",
"react-dom": "^16.8.0 || ^17.0.0" "react-dom": "^16.8.0 || ^17.0.0"
@ -3683,15 +3687,16 @@
} }
}, },
"node_modules/@material-ui/styles": { "node_modules/@material-ui/styles": {
"version": "4.11.3", "version": "4.11.5",
"resolved": "https://registry.npmjs.org/@material-ui/styles/-/styles-4.11.3.tgz", "resolved": "https://registry.npmjs.org/@material-ui/styles/-/styles-4.11.5.tgz",
"integrity": "sha512-HzVzCG+PpgUGMUYEJ2rTEmQYeonGh41BYfILNFb/1ueqma+p1meSdu4RX6NjxYBMhf7k+jgfHFTTz+L1SXL/Zg==", "integrity": "sha512-o/41ot5JJiUsIETME9wVLAJrmIWL3j0R0Bj2kCOLbSfqEkKf0fmaPt+5vtblUh5eXr2S+J/8J3DaCb10+CzPGA==",
"deprecated": "Material UI v4 doesn't receive active development since September 2021. See the guide https://mui.com/material-ui/migration/migration-v4/ to upgrade to v5.", "deprecated": "Material UI v4 doesn't receive active development since September 2021. See the guide https://mui.com/material-ui/migration/migration-v4/ to upgrade to v5.",
"license": "MIT",
"dependencies": { "dependencies": {
"@babel/runtime": "^7.4.4", "@babel/runtime": "^7.4.4",
"@emotion/hash": "^0.8.0", "@emotion/hash": "^0.8.0",
"@material-ui/types": "^5.1.0", "@material-ui/types": "5.1.0",
"@material-ui/utils": "^4.11.2", "@material-ui/utils": "^4.11.3",
"clsx": "^1.0.4", "clsx": "^1.0.4",
"csstype": "^2.5.2", "csstype": "^2.5.2",
"hoist-non-react-statics": "^3.3.2", "hoist-non-react-statics": "^3.3.2",
@ -3724,13 +3729,13 @@
} }
}, },
"node_modules/@material-ui/system": { "node_modules/@material-ui/system": {
"version": "4.11.3", "version": "4.12.2",
"resolved": "https://registry.npmjs.org/@material-ui/system/-/system-4.11.3.tgz", "resolved": "https://registry.npmjs.org/@material-ui/system/-/system-4.12.2.tgz",
"integrity": "sha512-SY7otguNGol41Mu2Sg6KbBP1ZRFIbFLHGK81y4KYbsV2yIcaEPOmsCK6zwWlp+2yTV3J/VwT6oSBARtGIVdXPw==", "integrity": "sha512-6CSKu2MtmiJgcCGf6nBQpM8fLkuB9F55EKfbdTC80NND5wpTmKzwdhLYLH3zL4cLlK0gVaaltW7/wMuyTnN0Lw==",
"deprecated": "You can now upgrade to @mui/system. See the guide: https://mui.com/guides/migration-v4/", "license": "MIT",
"dependencies": { "dependencies": {
"@babel/runtime": "^7.4.4", "@babel/runtime": "^7.4.4",
"@material-ui/utils": "^4.11.2", "@material-ui/utils": "^4.11.3",
"csstype": "^2.5.2", "csstype": "^2.5.2",
"prop-types": "^15.7.2" "prop-types": "^15.7.2"
}, },
@ -3756,6 +3761,7 @@
"version": "5.1.0", "version": "5.1.0",
"resolved": "https://registry.npmjs.org/@material-ui/types/-/types-5.1.0.tgz", "resolved": "https://registry.npmjs.org/@material-ui/types/-/types-5.1.0.tgz",
"integrity": "sha512-7cqRjrY50b8QzRSYyhSpx4WRw2YuO0KKIGQEVk5J8uoz2BanawykgZGoWEqKm7pVIbzFDN0SpPcVV4IhOFkl8A==", "integrity": "sha512-7cqRjrY50b8QzRSYyhSpx4WRw2YuO0KKIGQEVk5J8uoz2BanawykgZGoWEqKm7pVIbzFDN0SpPcVV4IhOFkl8A==",
"license": "MIT",
"peerDependencies": { "peerDependencies": {
"@types/react": "*" "@types/react": "*"
}, },
@ -3766,9 +3772,10 @@
} }
}, },
"node_modules/@material-ui/utils": { "node_modules/@material-ui/utils": {
"version": "4.11.2", "version": "4.11.3",
"resolved": "https://registry.npmjs.org/@material-ui/utils/-/utils-4.11.2.tgz", "resolved": "https://registry.npmjs.org/@material-ui/utils/-/utils-4.11.3.tgz",
"integrity": "sha512-Uul8w38u+PICe2Fg2pDKCaIG7kOyhowZ9vjiC1FsVwPABTW8vPPKfF6OvxRq3IiBaI1faOJmgdvMG7rMJARBhA==", "integrity": "sha512-ZuQPV4rBK/V1j2dIkSSEcH5uT6AaHuKWFfotADHsC0wVL1NLd2WkFCm4ZZbX33iO4ydl6V0GPngKm8HZQ2oujg==",
"license": "MIT",
"dependencies": { "dependencies": {
"@babel/runtime": "^7.4.4", "@babel/runtime": "^7.4.4",
"prop-types": "^15.7.2", "prop-types": "^15.7.2",
@ -8948,6 +8955,7 @@
"version": "2.0.8", "version": "2.0.8",
"resolved": "https://registry.npmjs.org/css-vendor/-/css-vendor-2.0.8.tgz", "resolved": "https://registry.npmjs.org/css-vendor/-/css-vendor-2.0.8.tgz",
"integrity": "sha512-x9Aq0XTInxrkuFeHKbYC7zWY8ai7qJ04Kxd9MnvbC1uO5DagxoHQjm4JvG+vCdXOoFtCjbL2XSZfxmoYa9uQVQ==", "integrity": "sha512-x9Aq0XTInxrkuFeHKbYC7zWY8ai7qJ04Kxd9MnvbC1uO5DagxoHQjm4JvG+vCdXOoFtCjbL2XSZfxmoYa9uQVQ==",
"license": "MIT",
"dependencies": { "dependencies": {
"@babel/runtime": "^7.8.3", "@babel/runtime": "^7.8.3",
"is-in-browser": "^1.0.2" "is-in-browser": "^1.0.2"
@ -17309,22 +17317,68 @@
} }
}, },
"node_modules/jss-plugin-camel-case": { "node_modules/jss-plugin-camel-case": {
"version": "10.5.1", "version": "10.10.0",
"resolved": "https://registry.npmjs.org/jss-plugin-camel-case/-/jss-plugin-camel-case-10.5.1.tgz", "resolved": "https://registry.npmjs.org/jss-plugin-camel-case/-/jss-plugin-camel-case-10.10.0.tgz",
"integrity": "sha512-9+oymA7wPtswm+zxVti1qiowC5q7bRdCJNORtns2JUj/QHp2QPXYwSNRD8+D2Cy3/CEMtdJzlNnt5aXmpS6NAg==", "integrity": "sha512-z+HETfj5IYgFxh1wJnUAU8jByI48ED+v0fuTuhKrPR+pRBYS2EDwbusU8aFOpCdYhtRc9zhN+PJ7iNE8pAWyPw==",
"license": "MIT",
"dependencies": { "dependencies": {
"@babel/runtime": "^7.3.1", "@babel/runtime": "^7.3.1",
"hyphenate-style-name": "^1.0.3", "hyphenate-style-name": "^1.0.3",
"jss": "10.5.1" "jss": "10.10.0"
}
},
"node_modules/jss-plugin-camel-case/node_modules/csstype": {
"version": "3.1.3",
"resolved": "https://registry.npmjs.org/csstype/-/csstype-3.1.3.tgz",
"integrity": "sha512-M1uQkMl8rQK/szD0LNhtqxIPLpimGm8sOBwU7lLnCpSbTyY3yeU1Vc7l4KT5zT4s/yOxHH5O7tIuuLOCnLADRw==",
"license": "MIT"
},
"node_modules/jss-plugin-camel-case/node_modules/jss": {
"version": "10.10.0",
"resolved": "https://registry.npmjs.org/jss/-/jss-10.10.0.tgz",
"integrity": "sha512-cqsOTS7jqPsPMjtKYDUpdFC0AbhYFLTcuGRqymgmdJIeQ8cH7+AgX7YSgQy79wXloZq2VvATYxUOUQEvS1V/Zw==",
"license": "MIT",
"dependencies": {
"@babel/runtime": "^7.3.1",
"csstype": "^3.0.2",
"is-in-browser": "^1.1.3",
"tiny-warning": "^1.0.2"
},
"funding": {
"type": "opencollective",
"url": "https://opencollective.com/jss"
} }
}, },
"node_modules/jss-plugin-default-unit": { "node_modules/jss-plugin-default-unit": {
"version": "10.5.1", "version": "10.10.0",
"resolved": "https://registry.npmjs.org/jss-plugin-default-unit/-/jss-plugin-default-unit-10.5.1.tgz", "resolved": "https://registry.npmjs.org/jss-plugin-default-unit/-/jss-plugin-default-unit-10.10.0.tgz",
"integrity": "sha512-D48hJBc9Tj3PusvlillHW8Fz0y/QqA7MNmTYDQaSB/7mTrCZjt7AVRROExoOHEtd2qIYKOYJW3Jc2agnvsXRlQ==", "integrity": "sha512-SvpajxIECi4JDUbGLefvNckmI+c2VWmP43qnEy/0eiwzRUsafg5DVSIWSzZe4d2vFX1u9nRDP46WCFV/PXVBGQ==",
"license": "MIT",
"dependencies": { "dependencies": {
"@babel/runtime": "^7.3.1", "@babel/runtime": "^7.3.1",
"jss": "10.5.1" "jss": "10.10.0"
}
},
"node_modules/jss-plugin-default-unit/node_modules/csstype": {
"version": "3.1.3",
"resolved": "https://registry.npmjs.org/csstype/-/csstype-3.1.3.tgz",
"integrity": "sha512-M1uQkMl8rQK/szD0LNhtqxIPLpimGm8sOBwU7lLnCpSbTyY3yeU1Vc7l4KT5zT4s/yOxHH5O7tIuuLOCnLADRw==",
"license": "MIT"
},
"node_modules/jss-plugin-default-unit/node_modules/jss": {
"version": "10.10.0",
"resolved": "https://registry.npmjs.org/jss/-/jss-10.10.0.tgz",
"integrity": "sha512-cqsOTS7jqPsPMjtKYDUpdFC0AbhYFLTcuGRqymgmdJIeQ8cH7+AgX7YSgQy79wXloZq2VvATYxUOUQEvS1V/Zw==",
"license": "MIT",
"dependencies": {
"@babel/runtime": "^7.3.1",
"csstype": "^3.0.2",
"is-in-browser": "^1.1.3",
"tiny-warning": "^1.0.2"
},
"funding": {
"type": "opencollective",
"url": "https://opencollective.com/jss"
} }
}, },
"node_modules/jss-plugin-extend": { "node_modules/jss-plugin-extend": {
@ -17338,51 +17392,166 @@
} }
}, },
"node_modules/jss-plugin-global": { "node_modules/jss-plugin-global": {
"version": "10.5.1", "version": "10.10.0",
"resolved": "https://registry.npmjs.org/jss-plugin-global/-/jss-plugin-global-10.5.1.tgz", "resolved": "https://registry.npmjs.org/jss-plugin-global/-/jss-plugin-global-10.10.0.tgz",
"integrity": "sha512-jX4XpNgoaB8yPWw/gA1aPXJEoX0LNpvsROPvxlnYe+SE0JOhuvF7mA6dCkgpXBxfTWKJsno7cDSCgzHTocRjCQ==", "integrity": "sha512-icXEYbMufiNuWfuazLeN+BNJO16Ge88OcXU5ZDC2vLqElmMybA31Wi7lZ3lf+vgufRocvPj8443irhYRgWxP+A==",
"license": "MIT",
"dependencies": { "dependencies": {
"@babel/runtime": "^7.3.1", "@babel/runtime": "^7.3.1",
"jss": "10.5.1" "jss": "10.10.0"
}
},
"node_modules/jss-plugin-global/node_modules/csstype": {
"version": "3.1.3",
"resolved": "https://registry.npmjs.org/csstype/-/csstype-3.1.3.tgz",
"integrity": "sha512-M1uQkMl8rQK/szD0LNhtqxIPLpimGm8sOBwU7lLnCpSbTyY3yeU1Vc7l4KT5zT4s/yOxHH5O7tIuuLOCnLADRw==",
"license": "MIT"
},
"node_modules/jss-plugin-global/node_modules/jss": {
"version": "10.10.0",
"resolved": "https://registry.npmjs.org/jss/-/jss-10.10.0.tgz",
"integrity": "sha512-cqsOTS7jqPsPMjtKYDUpdFC0AbhYFLTcuGRqymgmdJIeQ8cH7+AgX7YSgQy79wXloZq2VvATYxUOUQEvS1V/Zw==",
"license": "MIT",
"dependencies": {
"@babel/runtime": "^7.3.1",
"csstype": "^3.0.2",
"is-in-browser": "^1.1.3",
"tiny-warning": "^1.0.2"
},
"funding": {
"type": "opencollective",
"url": "https://opencollective.com/jss"
} }
}, },
"node_modules/jss-plugin-nested": { "node_modules/jss-plugin-nested": {
"version": "10.5.1", "version": "10.10.0",
"resolved": "https://registry.npmjs.org/jss-plugin-nested/-/jss-plugin-nested-10.5.1.tgz", "resolved": "https://registry.npmjs.org/jss-plugin-nested/-/jss-plugin-nested-10.10.0.tgz",
"integrity": "sha512-xXkWKOCljuwHNjSYcXrCxBnjd8eJp90KVFW1rlhvKKRXnEKVD6vdKXYezk2a89uKAHckSvBvBoDGsfZrldWqqQ==", "integrity": "sha512-9R4JHxxGgiZhurDo3q7LdIiDEgtA1bTGzAbhSPyIOWb7ZubrjQe8acwhEQ6OEKydzpl8XHMtTnEwHXCARLYqYA==",
"license": "MIT",
"dependencies": { "dependencies": {
"@babel/runtime": "^7.3.1", "@babel/runtime": "^7.3.1",
"jss": "10.5.1", "jss": "10.10.0",
"tiny-warning": "^1.0.2" "tiny-warning": "^1.0.2"
} }
}, },
"node_modules/jss-plugin-nested/node_modules/csstype": {
"version": "3.1.3",
"resolved": "https://registry.npmjs.org/csstype/-/csstype-3.1.3.tgz",
"integrity": "sha512-M1uQkMl8rQK/szD0LNhtqxIPLpimGm8sOBwU7lLnCpSbTyY3yeU1Vc7l4KT5zT4s/yOxHH5O7tIuuLOCnLADRw==",
"license": "MIT"
},
"node_modules/jss-plugin-nested/node_modules/jss": {
"version": "10.10.0",
"resolved": "https://registry.npmjs.org/jss/-/jss-10.10.0.tgz",
"integrity": "sha512-cqsOTS7jqPsPMjtKYDUpdFC0AbhYFLTcuGRqymgmdJIeQ8cH7+AgX7YSgQy79wXloZq2VvATYxUOUQEvS1V/Zw==",
"license": "MIT",
"dependencies": {
"@babel/runtime": "^7.3.1",
"csstype": "^3.0.2",
"is-in-browser": "^1.1.3",
"tiny-warning": "^1.0.2"
},
"funding": {
"type": "opencollective",
"url": "https://opencollective.com/jss"
}
},
"node_modules/jss-plugin-props-sort": { "node_modules/jss-plugin-props-sort": {
"version": "10.5.1", "version": "10.10.0",
"resolved": "https://registry.npmjs.org/jss-plugin-props-sort/-/jss-plugin-props-sort-10.5.1.tgz", "resolved": "https://registry.npmjs.org/jss-plugin-props-sort/-/jss-plugin-props-sort-10.10.0.tgz",
"integrity": "sha512-t+2vcevNmMg4U/jAuxlfjKt46D/jHzCPEjsjLRj/J56CvP7Iy03scsUP58Iw8mVnaV36xAUZH2CmAmAdo8994g==", "integrity": "sha512-5VNJvQJbnq/vRfje6uZLe/FyaOpzP/IH1LP+0fr88QamVrGJa0hpRRyAa0ea4U/3LcorJfBFVyC4yN2QC73lJg==",
"license": "MIT",
"dependencies": { "dependencies": {
"@babel/runtime": "^7.3.1", "@babel/runtime": "^7.3.1",
"jss": "10.5.1" "jss": "10.10.0"
}
},
"node_modules/jss-plugin-props-sort/node_modules/csstype": {
"version": "3.1.3",
"resolved": "https://registry.npmjs.org/csstype/-/csstype-3.1.3.tgz",
"integrity": "sha512-M1uQkMl8rQK/szD0LNhtqxIPLpimGm8sOBwU7lLnCpSbTyY3yeU1Vc7l4KT5zT4s/yOxHH5O7tIuuLOCnLADRw==",
"license": "MIT"
},
"node_modules/jss-plugin-props-sort/node_modules/jss": {
"version": "10.10.0",
"resolved": "https://registry.npmjs.org/jss/-/jss-10.10.0.tgz",
"integrity": "sha512-cqsOTS7jqPsPMjtKYDUpdFC0AbhYFLTcuGRqymgmdJIeQ8cH7+AgX7YSgQy79wXloZq2VvATYxUOUQEvS1V/Zw==",
"license": "MIT",
"dependencies": {
"@babel/runtime": "^7.3.1",
"csstype": "^3.0.2",
"is-in-browser": "^1.1.3",
"tiny-warning": "^1.0.2"
},
"funding": {
"type": "opencollective",
"url": "https://opencollective.com/jss"
} }
}, },
"node_modules/jss-plugin-rule-value-function": { "node_modules/jss-plugin-rule-value-function": {
"version": "10.5.1", "version": "10.10.0",
"resolved": "https://registry.npmjs.org/jss-plugin-rule-value-function/-/jss-plugin-rule-value-function-10.5.1.tgz", "resolved": "https://registry.npmjs.org/jss-plugin-rule-value-function/-/jss-plugin-rule-value-function-10.10.0.tgz",
"integrity": "sha512-3gjrSxsy4ka/lGQsTDY8oYYtkt2esBvQiceGBB4PykXxHoGRz14tbCK31Zc6DHEnIeqsjMUGbq+wEly5UViStQ==", "integrity": "sha512-uEFJFgaCtkXeIPgki8ICw3Y7VMkL9GEan6SqmT9tqpwM+/t+hxfMUdU4wQ0MtOiMNWhwnckBV0IebrKcZM9C0g==",
"license": "MIT",
"dependencies": { "dependencies": {
"@babel/runtime": "^7.3.1", "@babel/runtime": "^7.3.1",
"jss": "10.5.1", "jss": "10.10.0",
"tiny-warning": "^1.0.2" "tiny-warning": "^1.0.2"
} }
}, },
"node_modules/jss-plugin-rule-value-function/node_modules/csstype": {
"version": "3.1.3",
"resolved": "https://registry.npmjs.org/csstype/-/csstype-3.1.3.tgz",
"integrity": "sha512-M1uQkMl8rQK/szD0LNhtqxIPLpimGm8sOBwU7lLnCpSbTyY3yeU1Vc7l4KT5zT4s/yOxHH5O7tIuuLOCnLADRw==",
"license": "MIT"
},
"node_modules/jss-plugin-rule-value-function/node_modules/jss": {
"version": "10.10.0",
"resolved": "https://registry.npmjs.org/jss/-/jss-10.10.0.tgz",
"integrity": "sha512-cqsOTS7jqPsPMjtKYDUpdFC0AbhYFLTcuGRqymgmdJIeQ8cH7+AgX7YSgQy79wXloZq2VvATYxUOUQEvS1V/Zw==",
"license": "MIT",
"dependencies": {
"@babel/runtime": "^7.3.1",
"csstype": "^3.0.2",
"is-in-browser": "^1.1.3",
"tiny-warning": "^1.0.2"
},
"funding": {
"type": "opencollective",
"url": "https://opencollective.com/jss"
}
},
"node_modules/jss-plugin-vendor-prefixer": { "node_modules/jss-plugin-vendor-prefixer": {
"version": "10.5.1", "version": "10.10.0",
"resolved": "https://registry.npmjs.org/jss-plugin-vendor-prefixer/-/jss-plugin-vendor-prefixer-10.5.1.tgz", "resolved": "https://registry.npmjs.org/jss-plugin-vendor-prefixer/-/jss-plugin-vendor-prefixer-10.10.0.tgz",
"integrity": "sha512-cLkH6RaPZWHa1TqSfd2vszNNgxT1W0omlSjAd6hCFHp3KIocSrW21gaHjlMU26JpTHwkc+tJTCQOmE/O1A4FKQ==", "integrity": "sha512-UY/41WumgjW8r1qMCO8l1ARg7NHnfRVWRhZ2E2m0DMYsr2DD91qIXLyNhiX83hHswR7Wm4D+oDYNC1zWCJWtqg==",
"license": "MIT",
"dependencies": { "dependencies": {
"@babel/runtime": "^7.3.1", "@babel/runtime": "^7.3.1",
"css-vendor": "^2.0.8", "css-vendor": "^2.0.8",
"jss": "10.5.1" "jss": "10.10.0"
}
},
"node_modules/jss-plugin-vendor-prefixer/node_modules/csstype": {
"version": "3.1.3",
"resolved": "https://registry.npmjs.org/csstype/-/csstype-3.1.3.tgz",
"integrity": "sha512-M1uQkMl8rQK/szD0LNhtqxIPLpimGm8sOBwU7lLnCpSbTyY3yeU1Vc7l4KT5zT4s/yOxHH5O7tIuuLOCnLADRw==",
"license": "MIT"
},
"node_modules/jss-plugin-vendor-prefixer/node_modules/jss": {
"version": "10.10.0",
"resolved": "https://registry.npmjs.org/jss/-/jss-10.10.0.tgz",
"integrity": "sha512-cqsOTS7jqPsPMjtKYDUpdFC0AbhYFLTcuGRqymgmdJIeQ8cH7+AgX7YSgQy79wXloZq2VvATYxUOUQEvS1V/Zw==",
"license": "MIT",
"dependencies": {
"@babel/runtime": "^7.3.1",
"csstype": "^3.0.2",
"is-in-browser": "^1.1.3",
"tiny-warning": "^1.0.2"
},
"funding": {
"type": "opencollective",
"url": "https://opencollective.com/jss"
} }
}, },
"node_modules/jss/node_modules/csstype": { "node_modules/jss/node_modules/csstype": {
@ -22015,9 +22184,10 @@
"integrity": "sha512-fBASbA6LnOU9dOU2eW7aQ8xmYBSXUIWr+UmF9b1efZBazGNO+rcXT/icdKnYm2pTwcRylVUYwW7H1PHfLekVzA==" "integrity": "sha512-fBASbA6LnOU9dOU2eW7aQ8xmYBSXUIWr+UmF9b1efZBazGNO+rcXT/icdKnYm2pTwcRylVUYwW7H1PHfLekVzA=="
}, },
"node_modules/react-material-ui-carousel": { "node_modules/react-material-ui-carousel": {
"version": "2.2.7", "version": "2.3.11",
"resolved": "https://registry.npmjs.org/react-material-ui-carousel/-/react-material-ui-carousel-2.2.7.tgz", "resolved": "https://registry.npmjs.org/react-material-ui-carousel/-/react-material-ui-carousel-2.3.11.tgz",
"integrity": "sha512-aO42C4oupmIxmJwYaTWrlWaXvVVspKcpEu/5efZ9slteATEsqqPtNAeVaE40Vimw2hZeIh2e8vpRwjq7fSsLxw==", "integrity": "sha512-rsD9D2JLDBTfinaPy1+hcb7gunfdX7jmga7xESfRCCtLXzokOrkhmx4qMd8dZmYY42zc/HbYqLqg9E/d187lbw==",
"license": "MIT",
"dependencies": { "dependencies": {
"auto-bind": "^2.1.1", "auto-bind": "^2.1.1",
"react-swipeable": "^6.1.0" "react-swipeable": "^6.1.0"
@ -22025,8 +22195,8 @@
"peerDependencies": { "peerDependencies": {
"@material-ui/core": "^4.11.3", "@material-ui/core": "^4.11.3",
"@material-ui/icons": "^4.11.2", "@material-ui/icons": "^4.11.2",
"react": "^17.0.1", "react": "^16.13.1 || ^17.0.1",
"react-dom": "^17.0.1" "react-dom": "^16.13.1 || ^17.0.1"
} }
}, },
"node_modules/react-number-format": { "node_modules/react-number-format": {

View file

@ -5,9 +5,9 @@
"dependencies": { "dependencies": {
"@apollo/react-hooks": "^3.1.3", "@apollo/react-hooks": "^3.1.3",
"@lamassu/coins": "v1.5.1", "@lamassu/coins": "v1.5.1",
"@material-ui/core": "4.11.0", "@material-ui/core": "4.12.4",
"@material-ui/icons": "4.9.1", "@material-ui/icons": "4.11.2",
"@material-ui/lab": "^4.0.0-alpha.56", "@material-ui/lab": "^4.0.0-alpha.61",
"@simplewebauthn/browser": "^3.0.0", "@simplewebauthn/browser": "^3.0.0",
"@use-hooks/axios": "1.3.0", "@use-hooks/axios": "1.3.0",
"apollo-cache-inmemory": "^1.6.6", "apollo-cache-inmemory": "^1.6.6",
@ -41,7 +41,7 @@
"react-copy-to-clipboard": "^5.0.2", "react-copy-to-clipboard": "^5.0.2",
"react-dom": "^16.10.2", "react-dom": "^16.10.2",
"react-dropzone": "^11.4.2", "react-dropzone": "^11.4.2",
"react-material-ui-carousel": "^2.2.7", "react-material-ui-carousel": "^2.3.11",
"react-number-format": "^4.4.1", "react-number-format": "^4.4.1",
"react-otp-input": "^2.3.0", "react-otp-input": "^2.3.0",
"react-router-dom": "5.1.2", "react-router-dom": "5.1.2",
@ -78,10 +78,11 @@
"vite": "^6.0.1", "vite": "^6.0.1",
"vite-plugin-svgr": "^4.3.0" "vite-plugin-svgr": "^4.3.0"
}, },
"husky": { "lint-staged": {
"hooks": { "src/**/*.{js,jsx,ts,tsx,json,css,scss,md}": [
"pre-commit": "lint-staged" "eslint --fix",
} "git add"
]
}, },
"scripts": { "scripts": {
"start": "vite --force", "start": "vite --force",

View file

@ -3,7 +3,6 @@ import React, { memo } from 'react'
import ReactCarousel from 'react-material-ui-carousel' import ReactCarousel from 'react-material-ui-carousel'
import LeftArrow from 'src/styling/icons/arrow/carousel-left-arrow.svg?react' import LeftArrow from 'src/styling/icons/arrow/carousel-left-arrow.svg?react'
import RightArrow from 'src/styling/icons/arrow/carousel-right-arrow.svg?react' import RightArrow from 'src/styling/icons/arrow/carousel-right-arrow.svg?react'
import { URI } from 'src/utils/apollo'
const useStyles = makeStyles({ const useStyles = makeStyles({
imgWrapper: { imgWrapper: {
@ -52,7 +51,7 @@ export const Carousel = memo(({ photosData, slidePhoto }) => {
<div className={classes.imgWrapper}> <div className={classes.imgWrapper}>
<img <img
className={classes.imgInner} className={classes.imgInner}
src={`${URI}/${item?.photoDir}/${item?.path}`} src={`/${item?.photoDir}/${item?.path}`}
alt="" alt=""
/> />
</div> </div>

View file

@ -6,7 +6,6 @@ import gql from 'graphql-tag'
import React, { useState, useEffect } from 'react' import React, { useState, useEffect } from 'react'
import Modal from 'src/components/Modal' import Modal from 'src/components/Modal'
import { H3, P } from 'src/components/typography' import { H3, P } from 'src/components/typography'
import { URI } from 'src/utils/apollo'
import { Button } from 'src/components/buttons' import { Button } from 'src/components/buttons'
@ -92,7 +91,7 @@ const DiagnosticsModal = ({ onClose, deviceId, sendAction }) => {
} }
}, [data, stopPolling, timeout, timestamp]) }, [data, stopPolling, timeout, timestamp])
const path = `${URI}/operator-data/diagnostics/${deviceId}/` const path = `/operator-data/diagnostics/${deviceId}/`
function runDiagnostics() { function runDiagnostics() {
startPolling(2000) startPolling(2000)

View file

@ -12,7 +12,6 @@ import CustomerListViewReversedIcon from 'src/styling/icons/circle buttons/custo
import CustomerListViewIcon from 'src/styling/icons/circle buttons/customer-list-view/zodiac.svg?react' import CustomerListViewIcon from 'src/styling/icons/circle buttons/customer-list-view/zodiac.svg?react'
import OverviewReversedIcon from 'src/styling/icons/circle buttons/overview/white.svg?react' import OverviewReversedIcon from 'src/styling/icons/circle buttons/overview/white.svg?react'
import OverviewIcon from 'src/styling/icons/circle buttons/overview/zodiac.svg?react' import OverviewIcon from 'src/styling/icons/circle buttons/overview/zodiac.svg?react'
import { URI } from 'src/utils/apollo'
import * as Yup from 'yup' import * as Yup from 'yup'
import { FeatureButton } from 'src/components/buttons' import { FeatureButton } from 'src/components/buttons'
@ -264,7 +263,7 @@ const CustomerData = ({
src={ src={
!R.isNil(previewPhoto) !R.isNil(previewPhoto)
? URL.createObjectURL(previewPhoto) ? URL.createObjectURL(previewPhoto)
: `${URI}/front-camera-photo/${R.path(['frontCameraPath'])( : `/front-camera-photo/${R.path(['frontCameraPath'])(
customer customer
)}` )}`
} }
@ -305,7 +304,7 @@ const CustomerData = ({
src={ src={
!R.isNil(previewCard) !R.isNil(previewCard)
? URL.createObjectURL(previewCard) ? URL.createObjectURL(previewCard)
: `${URI}/id-card-photo/${R.path(['idCardPhotoPath'])( : `/id-card-photo/${R.path(['idCardPhotoPath'])(
customer customer
)}` )}`
} }

View file

@ -5,7 +5,6 @@ import { React, useState } from 'react'
import { InformativeDialog } from 'src/components/InformativeDialog' import { InformativeDialog } from 'src/components/InformativeDialog'
import { Label2, H3 } from 'src/components/typography' import { Label2, H3 } from 'src/components/typography'
import CameraIcon from 'src/styling/icons/ID/photo/comet.svg?react' import CameraIcon from 'src/styling/icons/ID/photo/comet.svg?react'
import { URI } from 'src/utils/apollo'
import styles from './CustomerPhotos.styles' import styles from './CustomerPhotos.styles'
import PhotosCarousel from './components/PhotosCarousel' import PhotosCarousel from './components/PhotosCarousel'
@ -31,7 +30,7 @@ const CustomerPhotos = ({ photosData, timezone }) => {
<PhotoCard <PhotoCard
idx={idx} idx={idx}
date={elem.date} date={elem.date}
src={`${URI}/${elem.photoDir}/${elem.path}`} src={`/${elem.photoDir}/${elem.path}`}
setPhotosDialog={setPhotosDialog} setPhotosDialog={setPhotosDialog}
setPhotoClickIndex={setPhotoClickIndex} setPhotoClickIndex={setPhotoClickIndex}
/> />

View file

@ -2,7 +2,6 @@ import { Paper } from '@material-ui/core'
import { makeStyles } from '@material-ui/core/styles' import { makeStyles } from '@material-ui/core/styles'
import React, { memo } from 'react' import React, { memo } from 'react'
import CrossedCameraIcon from 'src/styling/icons/ID/photo/crossed-camera.svg?react' import CrossedCameraIcon from 'src/styling/icons/ID/photo/crossed-camera.svg?react'
import { URI } from 'src/utils/apollo'
import mainStyles from '../CustomersList.styles' import mainStyles from '../CustomersList.styles'
@ -16,7 +15,7 @@ const FrontCameraPhoto = memo(({ frontCameraPath }) => {
{frontCameraPath ? ( {frontCameraPath ? (
<img <img
className={classes.img} className={classes.img}
src={`${URI}/front-camera-photo/${frontCameraPath}`} src={`/front-camera-photo/${frontCameraPath}`}
alt="" alt=""
/> />
) : ( ) : (

View file

@ -2,7 +2,6 @@ import { makeStyles, Box } from '@material-ui/core'
import * as R from 'ramda' import * as R from 'ramda'
import React, { memo } from 'react' import React, { memo } from 'react'
import CrossedCameraIcon from 'src/styling/icons/ID/photo/crossed-camera.svg?react' import CrossedCameraIcon from 'src/styling/icons/ID/photo/crossed-camera.svg?react'
import { URI } from 'src/utils/apollo'
import { import {
PropertyCard, PropertyCard,
@ -39,7 +38,7 @@ const IdCardPhotoCard = memo(({ customerData, updateCustomer }) => {
{customerData.idCardPhotoPath ? ( {customerData.idCardPhotoPath ? (
<img <img
className={classes.idCardPhoto} className={classes.idCardPhoto}
src={`${URI}/id-card-photo/${R.path(['idCardPhotoPath'])( src={`/id-card-photo/${R.path(['idCardPhotoPath'])(
customerData customerData
)}`} )}`}
alt="" alt=""

View file

@ -6,7 +6,6 @@ import React, { memo, useState } from 'react'
import { InformativeDialog } from 'src/components/InformativeDialog' import { InformativeDialog } from 'src/components/InformativeDialog'
import { Info2 } from 'src/components/typography' import { Info2 } from 'src/components/typography'
import CrossedCameraIcon from 'src/styling/icons/ID/photo/crossed-camera.svg?react' import CrossedCameraIcon from 'src/styling/icons/ID/photo/crossed-camera.svg?react'
import { URI } from 'src/utils/apollo'
import styles from './PhotosCard.styles' import styles from './PhotosCard.styles'
import PhotosCarousel from './PhotosCarousel' import PhotosCarousel from './PhotosCarousel'
@ -38,7 +37,7 @@ const PhotosCard = memo(({ photosData, timezone }) => {
<div className={classes.container}> <div className={classes.container}>
<img <img
className={classes.img} className={classes.img}
src={`${URI}/${singlePhoto.photoDir}/${singlePhoto.path}`} src={`/${singlePhoto.photoDir}/${singlePhoto.path}`}
alt="" alt=""
/> />
<circle className={classes.circle}> <circle className={classes.circle}>

View file

@ -24,7 +24,6 @@ import DownloadInverseIcon from 'src/styling/icons/button/download/white.svg?rea
import Download from 'src/styling/icons/button/download/zodiac.svg?react' import Download from 'src/styling/icons/button/download/zodiac.svg?react'
import TxInIcon from 'src/styling/icons/direction/cash-in.svg?react' import TxInIcon from 'src/styling/icons/direction/cash-in.svg?react'
import TxOutIcon from 'src/styling/icons/direction/cash-out.svg?react' import TxOutIcon from 'src/styling/icons/direction/cash-out.svg?react'
import { URI } from 'src/utils/apollo'
import { IDButton, ActionButton } from 'src/components/buttons' import { IDButton, ActionButton } from 'src/components/buttons'
import { import {
@ -275,7 +274,7 @@ const DetailsRow = ({ it: tx, timezone }) => {
InverseIcon={CardIdInverseIcon}> InverseIcon={CardIdInverseIcon}>
<img <img
className={classes.idCardPhoto} className={classes.idCardPhoto}
src={`${URI}/id-card-photo/${tx.customerIdCardPhotoPath}`} src={`/id-card-photo/${tx.customerIdCardPhotoPath}`}
alt="" alt=""
/> />
</IDButton> </IDButton>
@ -321,7 +320,7 @@ const DetailsRow = ({ it: tx, timezone }) => {
Icon={CamIdIcon} Icon={CamIdIcon}
InverseIcon={CamIdInverseIcon}> InverseIcon={CamIdInverseIcon}>
<img <img
src={`${URI}/front-camera-photo/${tx.customerFrontCameraPath}`} src={`/front-camera-photo/${tx.customerFrontCameraPath}`}
alt="" alt=""
/> />
</IDButton> </IDButton>
@ -332,7 +331,7 @@ const DetailsRow = ({ it: tx, timezone }) => {
Icon={CamIdIcon} Icon={CamIdIcon}
InverseIcon={CamIdInverseIcon}> InverseIcon={CamIdInverseIcon}>
<img <img
src={`${URI}/operator-data/customersphotos/${tx.txCustomerPhotoPath}`} src={`/operator-data/customersphotos/${tx.txCustomerPhotoPath}`}
alt="" alt=""
/> />
</IDButton> </IDButton>

View file

@ -9,11 +9,9 @@ import { useHistory, useLocation } from 'react-router-dom'
import AppContext from 'src/AppContext' import AppContext from 'src/AppContext'
const URI = ''
const uploadLink = createUploadLink({ const uploadLink = createUploadLink({
credentials: 'include', credentials: 'include',
uri: `${URI}/graphql` uri: `/graphql`
}) })
const getClient = (history, location, getUserData, setUserData, setRole) => const getClient = (history, location, getUserData, setUserData, setRole) =>
@ -81,4 +79,3 @@ const Provider = ({ children }) => {
} }
export default Provider export default Provider
export { URI }

View file

@ -4,14 +4,15 @@ import { defineConfig, transformWithEsbuild } from 'vite'
import react from '@vitejs/plugin-react-swc' import react from '@vitejs/plugin-react-swc'
import svgr from 'vite-plugin-svgr' import svgr from 'vite-plugin-svgr'
import fixReactVirtualized from 'esbuild-plugin-react-virtualized' import fixReactVirtualized from 'esbuild-plugin-react-virtualized'
import serveStatic from 'serve-static'
export default defineConfig({ export default defineConfig({
base: '/', base: '/',
server: { server: {
port: 3001, port: 3001,
proxy: { proxy: {
'/graphql': { '^/(graphql|operator-data|front-camera-photo|id-card-photo)': {
target: 'https://localhost:8070/graphql', target: 'https://localhost:8070/',
changeOrigin: true, changeOrigin: true,
secure: false secure: false
} }