From f88babd883e95249130b5b5d03ee8be53e392926 Mon Sep 17 00:00:00 2001 From: Thisyahlen Date: Wed, 17 Apr 2024 10:30:02 +0800 Subject: [PATCH] chore: use jpg instead for personal details to reduce bundle size --- package-lock.json | 161 ++++++++++++++-- package.json | 7 +- src/assets/jpg/personal-details-example.jpg | Bin 0 -> 8870 bytes src/assets/svgs/personal-details-example.svg | 182 ------------------ .../PersonalDetails/Sections/Details.tsx | 4 +- 5 files changed, 147 insertions(+), 207 deletions(-) create mode 100644 src/assets/jpg/personal-details-example.jpg delete mode 100644 src/assets/svgs/personal-details-example.svg diff --git a/package-lock.json b/package-lock.json index e923c07..b831fb8 100644 --- a/package-lock.json +++ b/package-lock.json @@ -25,6 +25,7 @@ "react-router-dom": "^6.22.3", "tailwind-merge": "^2.2.1", "usehooks-ts": "^3.0.2", + "vite-bundle-visualizer": "^1.1.0", "yup": "^1.4.0" }, "devDependencies": { @@ -3798,7 +3799,7 @@ "version": "1.0.5", "resolved": "https://registry.npmjs.org/@types/estree/-/estree-1.0.5.tgz", "integrity": "sha512-/kYRxGDLWzHOB7q+wtSUQlFrtcdUccpfy+X+9iMBpHK8QLLhx2wIPYuS5DYtR9Wa/YlZAbIovy7qVdB1Aq6Lyw==", - "dev": true + "devOptional": true }, "node_modules/@types/graceful-fs": { "version": "4.1.9", @@ -4672,7 +4673,6 @@ "version": "5.0.1", "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz", "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==", - "dev": true, "engines": { "node": ">=8" } @@ -5288,6 +5288,14 @@ "integrity": "sha512-E+XQCRwSbaaiChtv6k6Dwgc+bx+Bs6vuKJHHl5kox/BaKbhiXzqQOwK4cO22yElGp2OCmjwVhT3HmxgyPGnJfQ==", "dev": true }, + "node_modules/cac": { + "version": "6.7.14", + "resolved": "https://registry.npmjs.org/cac/-/cac-6.7.14.tgz", + "integrity": "sha512-b6Ilus+c3RrdDk+JhLKUAQfzzgLEPy6wcXqS7f/xe1EETvsDP6GORG7SFuOs6cID5YkqchW/LXZbX5bc8j7ZcQ==", + "engines": { + "node": ">=8" + } + }, "node_modules/call-bind": { "version": "1.0.7", "resolved": "https://registry.npmjs.org/call-bind/-/call-bind-1.0.7.tgz", @@ -5517,7 +5525,6 @@ "version": "8.0.1", "resolved": "https://registry.npmjs.org/cliui/-/cliui-8.0.1.tgz", "integrity": "sha512-BSeNnyus75C4//NQ9gQt1/csTXyo/8Sb+afLAkzAptFuMsod9HFokGNudZpi/oQV73hnVK+sR+5PVRMd+Dr7YQ==", - "dev": true, "dependencies": { "string-width": "^4.2.0", "strip-ansi": "^6.0.1", @@ -6191,6 +6198,14 @@ "url": "https://github.com/sponsors/ljharb" } }, + "node_modules/define-lazy-prop": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/define-lazy-prop/-/define-lazy-prop-2.0.0.tgz", + "integrity": "sha512-Ds09qNh8yw3khSjiJjiUInaGX9xlqZDY7JVryGxdxV7NPeuqQfplOpQ66yJFZut3jLa5zOwkXw1g9EI2uKh4Og==", + "engines": { + "node": ">=8" + } + }, "node_modules/define-properties": { "version": "1.2.1", "resolved": "https://registry.npmjs.org/define-properties/-/define-properties-1.2.1.tgz", @@ -6441,8 +6456,7 @@ "node_modules/emoji-regex": { "version": "8.0.0", "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz", - "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==", - "dev": true + "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==" }, "node_modules/end-of-stream": { "version": "1.4.4", @@ -8644,7 +8658,6 @@ "version": "2.0.5", "resolved": "https://registry.npmjs.org/get-caller-file/-/get-caller-file-2.0.5.tgz", "integrity": "sha512-DyFP3BM/3YHTQOCUL/w0OZHR0lpKeGrxotcHWcqNEdnltqFwXVfhEBQ94eIo34AfQpo0rGki4cyIiftY06h2Fg==", - "dev": true, "engines": { "node": "6.* || 8.* || >= 10.*" } @@ -9199,6 +9212,18 @@ "node": ">=4" } }, + "node_modules/import-from-esm": { + "version": "1.3.4", + "resolved": "https://registry.npmjs.org/import-from-esm/-/import-from-esm-1.3.4.tgz", + "integrity": "sha512-7EyUlPFC0HOlBDpUFGfYstsU7XHxZJKAAMzCT8wZ0hMW7b+hG51LIKTDcsgtz8Pu6YC0HqRVbX+rVUtsGMUKvg==", + "dependencies": { + "debug": "^4.3.4", + "import-meta-resolve": "^4.0.0" + }, + "engines": { + "node": ">=16.20" + } + }, "node_modules/import-local": { "version": "3.1.0", "resolved": "https://registry.npmjs.org/import-local/-/import-local-3.1.0.tgz", @@ -9218,6 +9243,15 @@ "url": "https://github.com/sponsors/sindresorhus" } }, + "node_modules/import-meta-resolve": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/import-meta-resolve/-/import-meta-resolve-4.0.0.tgz", + "integrity": "sha512-okYUR7ZQPH+efeuMJGlq4f8ubUgO50kByRPyt/Cy1Io4PSRsPjxME+YlVaCOx+NIToW7hCsZNFJyTPFFKepRSA==", + "funding": { + "type": "github", + "url": "https://github.com/sponsors/wooorm" + } + }, "node_modules/imurmurhash": { "version": "0.1.4", "resolved": "https://registry.npmjs.org/imurmurhash/-/imurmurhash-0.1.4.tgz", @@ -9439,6 +9473,20 @@ "url": "https://github.com/sponsors/ljharb" } }, + "node_modules/is-docker": { + "version": "2.2.1", + "resolved": "https://registry.npmjs.org/is-docker/-/is-docker-2.2.1.tgz", + "integrity": "sha512-F+i2BKsFrH66iaUFc0woD8sLy8getkwTwtOBjvs56Cx4CgJDeKQeqfz8wAYiSb8JOprWhHH5p77PbmYCvvUuXQ==", + "bin": { + "is-docker": "cli.js" + }, + "engines": { + "node": ">=8" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, "node_modules/is-extglob": { "version": "2.1.1", "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz", @@ -9465,7 +9513,6 @@ "version": "3.0.0", "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-3.0.0.tgz", "integrity": "sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==", - "dev": true, "engines": { "node": ">=8" } @@ -9773,6 +9820,17 @@ "url": "https://github.com/sponsors/ljharb" } }, + "node_modules/is-wsl": { + "version": "2.2.0", + "resolved": "https://registry.npmjs.org/is-wsl/-/is-wsl-2.2.0.tgz", + "integrity": "sha512-fKzAra0rGJUUBwGBgNkHZuToZcn+TtXHpeCgmkMJMMYx1sQDYaCSyjJBSCa2nH1DGm7s3n1oBnohoVTBaN7Lww==", + "dependencies": { + "is-docker": "^2.0.0" + }, + "engines": { + "node": ">=8" + } + }, "node_modules/isarray": { "version": "2.0.5", "resolved": "https://registry.npmjs.org/isarray/-/isarray-2.0.5.tgz", @@ -13319,6 +13377,22 @@ "url": "https://github.com/sponsors/sindresorhus" } }, + "node_modules/open": { + "version": "8.4.2", + "resolved": "https://registry.npmjs.org/open/-/open-8.4.2.tgz", + "integrity": "sha512-7x81NCL719oNbsq/3mh+hVrAWmFuEYUqrq/Iw3kUzH8ReypT9QQ0BLoJS7/G9k6N81XjW4qHWtjWwe/9eLy1EQ==", + "dependencies": { + "define-lazy-prop": "^2.0.0", + "is-docker": "^2.1.1", + "is-wsl": "^2.2.0" + }, + "engines": { + "node": ">=12" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, "node_modules/optionator": { "version": "0.9.3", "resolved": "https://registry.npmjs.org/optionator/-/optionator-0.9.3.tgz", @@ -13505,7 +13579,6 @@ "version": "2.3.1", "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz", "integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==", - "dev": true, "engines": { "node": ">=8.6" }, @@ -14465,7 +14538,6 @@ "version": "2.1.1", "resolved": "https://registry.npmjs.org/require-directory/-/require-directory-2.1.1.tgz", "integrity": "sha512-fGxEI7+wsG9xrvdjsrlmL22OMTTiHRwAMroiEeMgq8gzoLC/PQr7RsRDSTLUg/bZAZtF+TVIkHc6/4RIKrui+Q==", - "dev": true, "engines": { "node": ">=0.10.0" } @@ -14612,7 +14684,7 @@ "version": "4.13.0", "resolved": "https://registry.npmjs.org/rollup/-/rollup-4.13.0.tgz", "integrity": "sha512-3YegKemjoQnYKmsBlOHfMLVPPA5xLkQ8MHLLSw/fBrFaVkEayL51DilPpNNLq1exr98F2B1TzrV0FUlN3gWRPg==", - "dev": true, + "devOptional": true, "dependencies": { "@types/estree": "1.0.5" }, @@ -14640,6 +14712,39 @@ "fsevents": "~2.3.2" } }, + "node_modules/rollup-plugin-visualizer": { + "version": "5.12.0", + "resolved": "https://registry.npmjs.org/rollup-plugin-visualizer/-/rollup-plugin-visualizer-5.12.0.tgz", + "integrity": "sha512-8/NU9jXcHRs7Nnj07PF2o4gjxmm9lXIrZ8r175bT9dK8qoLlvKTwRMArRCMgpMGlq8CTLugRvEmyMeMXIU2pNQ==", + "dependencies": { + "open": "^8.4.0", + "picomatch": "^2.3.1", + "source-map": "^0.7.4", + "yargs": "^17.5.1" + }, + "bin": { + "rollup-plugin-visualizer": "dist/bin/cli.js" + }, + "engines": { + "node": ">=14" + }, + "peerDependencies": { + "rollup": "2.x || 3.x || 4.x" + }, + "peerDependenciesMeta": { + "rollup": { + "optional": true + } + } + }, + "node_modules/rollup-plugin-visualizer/node_modules/source-map": { + "version": "0.7.4", + "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.7.4.tgz", + "integrity": "sha512-l3BikUxvPOcn5E74dZiq5BGsTb5yEwhaTSzccU6t4sDOH8NWJCstKO5QT2CvtFoK6F0saL7p9xHAqHOlCPJygA==", + "engines": { + "node": ">= 8" + } + }, "node_modules/rollup/node_modules/@rollup/rollup-linux-x64-gnu": { "version": "4.13.0", "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-gnu/-/rollup-linux-x64-gnu-4.13.0.tgz", @@ -15101,7 +15206,6 @@ "version": "4.2.3", "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz", "integrity": "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==", - "dev": true, "dependencies": { "emoji-regex": "^8.0.0", "is-fullwidth-code-point": "^3.0.0", @@ -15232,7 +15336,6 @@ "version": "6.0.1", "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz", "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==", - "dev": true, "dependencies": { "ansi-regex": "^5.0.1" }, @@ -16184,6 +16287,14 @@ "resolved": "https://registry.npmjs.org/tiny-warning/-/tiny-warning-1.0.3.tgz", "integrity": "sha512-lBN9zLN/oAf68o3zNXYrdCt1kP8WsiGW8Oo2ka41b2IM5JL/S1CTyX1rW0mb/zSuJun0ZUrDxx4sqvYS2FWzPA==" }, + "node_modules/tmp": { + "version": "0.2.3", + "resolved": "https://registry.npmjs.org/tmp/-/tmp-0.2.3.tgz", + "integrity": "sha512-nZD7m9iCPC5g0pYmcaxogYKggSfLsdxl8of3Q/oIbqCqLLIO9IAF0GWjX1z9NZRHPiXv8Wex4yDCaZsgEw0Y8w==", + "engines": { + "node": ">=14.14" + } + }, "node_modules/tmpl": { "version": "1.0.5", "resolved": "https://registry.npmjs.org/tmpl/-/tmpl-1.0.5.tgz", @@ -16815,6 +16926,23 @@ } } }, + "node_modules/vite-bundle-visualizer": { + "version": "1.1.0", + "resolved": "https://registry.npmjs.org/vite-bundle-visualizer/-/vite-bundle-visualizer-1.1.0.tgz", + "integrity": "sha512-cmi5OuS7Eta5keTJmCTEbBBA7gOsUQ4K44W5dbsP+n/X0GIilIIFbJeXF120MQpTxdiZ/GIx4A9zkPEcKpPAog==", + "dependencies": { + "cac": "^6.7.14", + "import-from-esm": "^1.3.3", + "rollup-plugin-visualizer": "^5.11.0", + "tmp": "^0.2.1" + }, + "bin": { + "vite-bundle-visualizer": "bin.js" + }, + "engines": { + "node": "^18.19.0 || >=20.6.0" + } + }, "node_modules/vite-plugin-svgr": { "version": "4.2.0", "resolved": "https://registry.npmjs.org/vite-plugin-svgr/-/vite-plugin-svgr-4.2.0.tgz", @@ -17117,7 +17245,6 @@ "version": "7.0.0", "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-7.0.0.tgz", "integrity": "sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==", - "dev": true, "dependencies": { "ansi-styles": "^4.0.0", "string-width": "^4.1.0", @@ -17185,7 +17312,6 @@ "version": "4.3.0", "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz", "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==", - "dev": true, "dependencies": { "color-convert": "^2.0.1" }, @@ -17200,7 +17326,6 @@ "version": "2.0.1", "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz", "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==", - "dev": true, "dependencies": { "color-name": "~1.1.4" }, @@ -17211,8 +17336,7 @@ "node_modules/wrap-ansi/node_modules/color-name": { "version": "1.1.4", "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz", - "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==", - "dev": true + "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==" }, "node_modules/wrappy": { "version": "1.0.2", @@ -17282,7 +17406,6 @@ "version": "5.0.8", "resolved": "https://registry.npmjs.org/y18n/-/y18n-5.0.8.tgz", "integrity": "sha512-0pfFzegeDWJHJIAmTLRP2DwHjdF5s7jo9tuztdQxAhINCdvS+3nGINqPd00AphqJR/0LhANUS6/+7SCb98YOfA==", - "dev": true, "engines": { "node": ">=10" } @@ -17308,7 +17431,6 @@ "version": "17.7.2", "resolved": "https://registry.npmjs.org/yargs/-/yargs-17.7.2.tgz", "integrity": "sha512-7dSzzRQ++CKnNI/krKnYRV7JKKPUXMEh61soaHKg9mrWEhzFWhFnxPxGl+69cD1Ou63C13NUPCnmIcrvqCuM6w==", - "dev": true, "dependencies": { "cliui": "^8.0.1", "escalade": "^3.1.1", @@ -17335,7 +17457,6 @@ "version": "21.1.1", "resolved": "https://registry.npmjs.org/yargs-parser/-/yargs-parser-21.1.1.tgz", "integrity": "sha512-tVpsJW7DdjecAiFpbIB1e3qxIQsE6NoPc5/eTdrbbIC4h0LVsWhnoa3g+m2HclBIujHzsxZ4VJVA+GUuc2/LBw==", - "dev": true, "engines": { "node": ">=12" } diff --git a/package.json b/package.json index 5075224..8b2e2e0 100644 --- a/package.json +++ b/package.json @@ -18,19 +18,20 @@ "@deriv-com/ui": "1.12.19", "@deriv-com/utils": "^0.0.11", "@deriv/quill-icons": "latest", - "class-variance-authority": "^0.7.0", - "formik": "^2.4.5", "@svgr/core": "^8.1.0", "@tanstack/react-query": "^5.28.14", "@tanstack/react-query-devtools": "^5.28.14", + "class-variance-authority": "^0.7.0", "clsx": "^2.1.0", + "formik": "^2.4.5", "js-cookie": "^3.0.5", + "qrcode.react": "^3.1.0", "react": "^18.2.0", "react-dom": "^18.2.0", "react-router-dom": "^6.22.3", "tailwind-merge": "^2.2.1", "usehooks-ts": "^3.0.2", - "qrcode.react": "^3.1.0", + "vite-bundle-visualizer": "^1.1.0", "yup": "^1.4.0" }, "devDependencies": { diff --git a/src/assets/jpg/personal-details-example.jpg b/src/assets/jpg/personal-details-example.jpg new file mode 100644 index 0000000000000000000000000000000000000000..a3ff5232c553b31915e486e5f00981bd0c750675 GIT binary patch literal 8870 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 literal 0 HcmV?d00001 diff --git a/src/assets/svgs/personal-details-example.svg b/src/assets/svgs/personal-details-example.svg deleted file mode 100644 index 3f86a68..0000000 --- a/src/assets/svgs/personal-details-example.svg +++ /dev/null @@ -1,182 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/src/screens/PersonalDetails/Sections/Details.tsx b/src/screens/PersonalDetails/Sections/Details.tsx index 4906a85..663abef 100644 --- a/src/screens/PersonalDetails/Sections/Details.tsx +++ b/src/screens/PersonalDetails/Sections/Details.tsx @@ -3,7 +3,7 @@ import { useFormikContext } from 'formik'; import { Divider, InlineMessage, Input, Loader, Text } from '@deriv-com/ui'; -import ExampleImage from '@/assets/svgs/personal-details-example.svg?react'; +import Example from '@/assets/jpg/personal-details-example.jpg'; import { DetailsConfirmation } from './DetailsConfirmation'; @@ -97,7 +97,7 @@ export const Details = () => { Example: }> - + example