├── .gitignore ├── README.md ├── index.html ├── package-lock.json ├── package.json ├── postcss.config.js ├── public ├── firstPage.webp ├── innerPage.webp └── vite.svg ├── src ├── App.jsx ├── assets │ ├── data │ │ └── data.json │ ├── favicon-32x32.png │ ├── icon-arrow-down.svg │ ├── icon-arrow-left.svg │ ├── icon-arrow-right.svg │ ├── icon-arrow-up.png │ ├── icon-calendar.svg │ ├── icon-check.svg │ ├── icon-delete-hover.png │ ├── icon-delete.svg │ ├── icon-moon.svg │ ├── icon-plus.svg │ ├── icon-sun.svg │ ├── illustration-empty.svg │ ├── image-avatar.jpg │ ├── logo.png │ ├── logo.svg │ ├── plus.png │ └── react.svg ├── components │ ├── AddItem.jsx │ ├── Center.jsx │ ├── CreateInvoice.jsx │ ├── DeleteModal.jsx │ ├── Header.jsx │ ├── InvoiceCard.jsx │ ├── InvoiceInfo.jsx │ └── PaidStatus.jsx ├── functions │ ├── createInvoiceValidator.js │ ├── formatDate.js │ ├── forwardDate.js │ └── generateId.js ├── hooks │ └── useDarkMode.jsx ├── index.css ├── main.jsx └── redux │ ├── invoiceSlice.js │ └── store.js ├── tailwind.config.js └── vite.config.js /.gitignore: -------------------------------------------------------------------------------- 1 | # Logs 2 | logs 3 | *.log 4 | npm-debug.log* 5 | yarn-debug.log* 6 | yarn-error.log* 7 | pnpm-debug.log* 8 | lerna-debug.log* 9 | 10 | node_modules 11 | dist 12 | dist-ssr 13 | *.local 14 | 15 | # Editor directories and files 16 | .vscode/* 17 | !.vscode/extensions.json 18 | .idea 19 | .DS_Store 20 | *.suo 21 | *.ntvs* 22 | *.njsproj 23 | *.sln 24 | *.sw? 25 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # Frontend Mentor - Invoice web app solution 2 | 3 | This is a solution to the [Invoice web app challenge on Frontend Mentor](https://www.frontendmentor.io/challenges/invoice-app-i7KaLTQjl). Frontend Mentor challenges help you improve your coding skills by building realistic projects. 4 | 5 | ## Table of contents 6 | 7 | - [Overview](#overview) 8 | - [The challenge](#the-challenge) 9 | - [Screenshot](#screenshot) 10 | - [Links](#links) 11 | - [Built with](#built-with) 12 | - [Useful resources](#useful-resources) 13 | -[Whar I Learned](#what-i-learned) 14 | - [Author](#author) 15 | 16 | 17 | ## Overview 18 | 19 | ### The challenge 20 | 21 | Users should be able to: 22 | 23 | - View the optimal layout for the app depending on their device's screen size 24 | - See hover states for all interactive elements on the page 25 | - Create, read, update, and delete invoices 26 | - Receive form validations when trying to create/edit an invoice 27 | - Save draft invoices, and mark pending invoices as paid 28 | - Filter invoices by status (draft/pending/paid) 29 | - Toggle light and dark mode 30 | - **Bonus**: Keep track of any changes, even after refreshing the browser (`localStorage` could be used for this if you're not building out a full-stack app) 31 | 32 | 33 | ### Screenshot 34 | 35 | ![](./public/firstPage.webp) 36 | ![](./public/innerPage.webp) 37 | 38 | 39 | ### Links 40 | 41 | 42 | - Live Site URL: [link](https://invoice-web-app-react.vercel.app/) 43 | 44 | 45 | ### Built with 46 | 47 | - [TailwindCSS](https://tailwindcss.com/) - CSS Framework 48 | - [React](https://reactjs.org/) - JS library 49 | - [React Router](https://reactrouter.com/) - Routing 50 | - [Framer Motion](https://www.framer.com/motion/) - React Animation Library 51 | 52 | 53 | 54 | ### What I learned 55 | 56 | In this project, I learned how to work with libraries like React, Redux Toolkit, Framer Motion, and Moment.js. I also gained experience in building web applications, implementing features like data fetching, form submission, routing, and animations. Additionally, I learned about best practices for structuring and organizing code, as well as working with json files and managing state using Redux Toolkit. 57 | 58 | I learned how to work with the Framer Motion library. Prior to this project, I had no experience working with Framer Motion, but through this project, I gained experience in this area. 59 | 60 | ### Useful resources 61 | - [Framer Motion Documents](https://www.framer.com/motion/introduction/) 62 | 63 | 64 | ## Author 65 | 66 | - LinkedIn - [Hesam DearBoy](https://www.linkedin.com/in/hesam-azizpour-23259b265/) 67 | 68 | 69 | -------------------------------------------------------------------------------- /index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 11 | 12 | 13 | Vite + React 14 | 15 | 16 |
17 | 18 | 19 | 20 | -------------------------------------------------------------------------------- /package-lock.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "invoice-webapp", 3 | "version": "0.0.0", 4 | "lockfileVersion": 3, 5 | "requires": true, 6 | "packages": { 7 | "": { 8 | "name": "invoice-webapp", 9 | "version": "0.0.0", 10 | "dependencies": { 11 | "@heroicons/react": "^2.0.17", 12 | "@reduxjs/toolkit": "^1.9.3", 13 | "framer-motion": "^10.10.0", 14 | "moment": "^2.29.4", 15 | "react": "^18.2.0", 16 | "react-dom": "^18.2.0", 17 | "react-redux": "^8.0.5", 18 | "react-router-dom": "^6.10.0", 19 | "tailwind-scrollbar-hide": "^1.1.7", 20 | "uuid": "^9.0.0" 21 | }, 22 | "devDependencies": { 23 | "@types/react": "^18.0.28", 24 | "@types/react-dom": "^18.0.11", 25 | "@vitejs/plugin-react": "^3.1.0", 26 | "autoprefixer": "^10.4.14", 27 | "postcss": "^8.4.21", 28 | "tailwindcss": "^3.3.0", 29 | "vite": "^4.2.0" 30 | } 31 | }, 32 | "node_modules/@ampproject/remapping": { 33 | "version": "2.2.0", 34 | "resolved": "https://registry.npmjs.org/@ampproject/remapping/-/remapping-2.2.0.tgz", 35 | "integrity": "sha512-qRmjj8nj9qmLTQXXmaR1cck3UXSRMPrbsLJAasZpF+t3riI71BXed5ebIOYwQntykeZuhjsdweEc9BxH5Jc26w==", 36 | "dev": true, 37 | "dependencies": { 38 | "@jridgewell/gen-mapping": "^0.1.0", 39 | "@jridgewell/trace-mapping": "^0.3.9" 40 | }, 41 | "engines": { 42 | "node": ">=6.0.0" 43 | } 44 | }, 45 | "node_modules/@babel/code-frame": { 46 | "version": "7.18.6", 47 | "resolved": "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.18.6.tgz", 48 | "integrity": "sha512-TDCmlK5eOvH+eH7cdAFlNXeVJqWIQ7gW9tY1GJIpUtFb6CmjVyq2VM3u71bOyR8CRihcCgMUYoDNyLXao3+70Q==", 49 | "dev": true, 50 | "dependencies": { 51 | "@babel/highlight": "^7.18.6" 52 | }, 53 | "engines": { 54 | "node": ">=6.9.0" 55 | } 56 | }, 57 | "node_modules/@babel/compat-data": { 58 | "version": "7.21.0", 59 | "resolved": "https://registry.npmjs.org/@babel/compat-data/-/compat-data-7.21.0.tgz", 60 | "integrity": "sha512-gMuZsmsgxk/ENC3O/fRw5QY8A9/uxQbbCEypnLIiYYc/qVJtEV7ouxC3EllIIwNzMqAQee5tanFabWsUOutS7g==", 61 | "dev": true, 62 | "engines": { 63 | "node": ">=6.9.0" 64 | } 65 | }, 66 | "node_modules/@babel/core": { 67 | "version": "7.21.3", 68 | "resolved": "https://registry.npmjs.org/@babel/core/-/core-7.21.3.tgz", 69 | "integrity": "sha512-qIJONzoa/qiHghnm0l1n4i/6IIziDpzqc36FBs4pzMhDUraHqponwJLiAKm1hGLP3OSB/TVNz6rMwVGpwxxySw==", 70 | "dev": true, 71 | "dependencies": { 72 | "@ampproject/remapping": "^2.2.0", 73 | "@babel/code-frame": "^7.18.6", 74 | "@babel/generator": "^7.21.3", 75 | "@babel/helper-compilation-targets": "^7.20.7", 76 | "@babel/helper-module-transforms": "^7.21.2", 77 | "@babel/helpers": "^7.21.0", 78 | "@babel/parser": "^7.21.3", 79 | "@babel/template": "^7.20.7", 80 | "@babel/traverse": "^7.21.3", 81 | "@babel/types": "^7.21.3", 82 | "convert-source-map": "^1.7.0", 83 | "debug": "^4.1.0", 84 | "gensync": "^1.0.0-beta.2", 85 | "json5": "^2.2.2", 86 | "semver": "^6.3.0" 87 | }, 88 | "engines": { 89 | "node": ">=6.9.0" 90 | }, 91 | "funding": { 92 | "type": "opencollective", 93 | "url": "https://opencollective.com/babel" 94 | } 95 | }, 96 | "node_modules/@babel/generator": { 97 | "version": "7.21.3", 98 | "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.21.3.tgz", 99 | "integrity": "sha512-QS3iR1GYC/YGUnW7IdggFeN5c1poPUurnGttOV/bZgPGV+izC/D8HnD6DLwod0fsatNyVn1G3EVWMYIF0nHbeA==", 100 | "dev": true, 101 | "dependencies": { 102 | "@babel/types": "^7.21.3", 103 | "@jridgewell/gen-mapping": "^0.3.2", 104 | "@jridgewell/trace-mapping": "^0.3.17", 105 | "jsesc": "^2.5.1" 106 | }, 107 | "engines": { 108 | "node": ">=6.9.0" 109 | } 110 | }, 111 | "node_modules/@babel/generator/node_modules/@jridgewell/gen-mapping": { 112 | "version": "0.3.2", 113 | "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.2.tgz", 114 | "integrity": "sha512-mh65xKQAzI6iBcFzwv28KVWSmCkdRBWoOh+bYQGW3+6OZvbbN3TqMGo5hqYxQniRcH9F2VZIoJCm4pa3BPDK/A==", 115 | "dev": true, 116 | "dependencies": { 117 | "@jridgewell/set-array": "^1.0.1", 118 | "@jridgewell/sourcemap-codec": "^1.4.10", 119 | "@jridgewell/trace-mapping": "^0.3.9" 120 | }, 121 | "engines": { 122 | "node": ">=6.0.0" 123 | } 124 | }, 125 | "node_modules/@babel/helper-compilation-targets": { 126 | "version": "7.20.7", 127 | "resolved": "https://registry.npmjs.org/@babel/helper-compilation-targets/-/helper-compilation-targets-7.20.7.tgz", 128 | "integrity": "sha512-4tGORmfQcrc+bvrjb5y3dG9Mx1IOZjsHqQVUz7XCNHO+iTmqxWnVg3KRygjGmpRLJGdQSKuvFinbIb0CnZwHAQ==", 129 | "dev": true, 130 | "dependencies": { 131 | "@babel/compat-data": "^7.20.5", 132 | "@babel/helper-validator-option": "^7.18.6", 133 | "browserslist": "^4.21.3", 134 | "lru-cache": "^5.1.1", 135 | "semver": "^6.3.0" 136 | }, 137 | "engines": { 138 | "node": ">=6.9.0" 139 | }, 140 | "peerDependencies": { 141 | "@babel/core": "^7.0.0" 142 | } 143 | }, 144 | "node_modules/@babel/helper-environment-visitor": { 145 | "version": "7.18.9", 146 | "resolved": "https://registry.npmjs.org/@babel/helper-environment-visitor/-/helper-environment-visitor-7.18.9.tgz", 147 | "integrity": "sha512-3r/aACDJ3fhQ/EVgFy0hpj8oHyHpQc+LPtJoY9SzTThAsStm4Ptegq92vqKoE3vD706ZVFWITnMnxucw+S9Ipg==", 148 | "dev": true, 149 | "engines": { 150 | "node": ">=6.9.0" 151 | } 152 | }, 153 | "node_modules/@babel/helper-function-name": { 154 | "version": "7.21.0", 155 | "resolved": "https://registry.npmjs.org/@babel/helper-function-name/-/helper-function-name-7.21.0.tgz", 156 | "integrity": "sha512-HfK1aMRanKHpxemaY2gqBmL04iAPOPRj7DxtNbiDOrJK+gdwkiNRVpCpUJYbUT+aZyemKN8brqTOxzCaG6ExRg==", 157 | "dev": true, 158 | "dependencies": { 159 | "@babel/template": "^7.20.7", 160 | "@babel/types": "^7.21.0" 161 | }, 162 | "engines": { 163 | "node": ">=6.9.0" 164 | } 165 | }, 166 | "node_modules/@babel/helper-hoist-variables": { 167 | "version": "7.18.6", 168 | "resolved": "https://registry.npmjs.org/@babel/helper-hoist-variables/-/helper-hoist-variables-7.18.6.tgz", 169 | "integrity": "sha512-UlJQPkFqFULIcyW5sbzgbkxn2FKRgwWiRexcuaR8RNJRy8+LLveqPjwZV/bwrLZCN0eUHD/x8D0heK1ozuoo6Q==", 170 | "dev": true, 171 | "dependencies": { 172 | "@babel/types": "^7.18.6" 173 | }, 174 | "engines": { 175 | "node": ">=6.9.0" 176 | } 177 | }, 178 | "node_modules/@babel/helper-module-imports": { 179 | "version": "7.18.6", 180 | "resolved": "https://registry.npmjs.org/@babel/helper-module-imports/-/helper-module-imports-7.18.6.tgz", 181 | "integrity": "sha512-0NFvs3VkuSYbFi1x2Vd6tKrywq+z/cLeYC/RJNFrIX/30Bf5aiGYbtvGXolEktzJH8o5E5KJ3tT+nkxuuZFVlA==", 182 | "dev": true, 183 | "dependencies": { 184 | "@babel/types": "^7.18.6" 185 | }, 186 | "engines": { 187 | "node": ">=6.9.0" 188 | } 189 | }, 190 | "node_modules/@babel/helper-module-transforms": { 191 | "version": "7.21.2", 192 | "resolved": "https://registry.npmjs.org/@babel/helper-module-transforms/-/helper-module-transforms-7.21.2.tgz", 193 | "integrity": "sha512-79yj2AR4U/Oqq/WOV7Lx6hUjau1Zfo4cI+JLAVYeMV5XIlbOhmjEk5ulbTc9fMpmlojzZHkUUxAiK+UKn+hNQQ==", 194 | "dev": true, 195 | "dependencies": { 196 | "@babel/helper-environment-visitor": "^7.18.9", 197 | "@babel/helper-module-imports": "^7.18.6", 198 | "@babel/helper-simple-access": "^7.20.2", 199 | "@babel/helper-split-export-declaration": "^7.18.6", 200 | "@babel/helper-validator-identifier": "^7.19.1", 201 | "@babel/template": "^7.20.7", 202 | "@babel/traverse": "^7.21.2", 203 | "@babel/types": "^7.21.2" 204 | }, 205 | "engines": { 206 | "node": ">=6.9.0" 207 | } 208 | }, 209 | "node_modules/@babel/helper-plugin-utils": { 210 | "version": "7.20.2", 211 | "resolved": "https://registry.npmjs.org/@babel/helper-plugin-utils/-/helper-plugin-utils-7.20.2.tgz", 212 | "integrity": "sha512-8RvlJG2mj4huQ4pZ+rU9lqKi9ZKiRmuvGuM2HlWmkmgOhbs6zEAw6IEiJ5cQqGbDzGZOhwuOQNtZMi/ENLjZoQ==", 213 | "dev": true, 214 | "engines": { 215 | "node": ">=6.9.0" 216 | } 217 | }, 218 | "node_modules/@babel/helper-simple-access": { 219 | "version": "7.20.2", 220 | "resolved": "https://registry.npmjs.org/@babel/helper-simple-access/-/helper-simple-access-7.20.2.tgz", 221 | "integrity": "sha512-+0woI/WPq59IrqDYbVGfshjT5Dmk/nnbdpcF8SnMhhXObpTq2KNBdLFRFrkVdbDOyUmHBCxzm5FHV1rACIkIbA==", 222 | "dev": true, 223 | "dependencies": { 224 | "@babel/types": "^7.20.2" 225 | }, 226 | "engines": { 227 | "node": ">=6.9.0" 228 | } 229 | }, 230 | "node_modules/@babel/helper-split-export-declaration": { 231 | "version": "7.18.6", 232 | "resolved": "https://registry.npmjs.org/@babel/helper-split-export-declaration/-/helper-split-export-declaration-7.18.6.tgz", 233 | "integrity": "sha512-bde1etTx6ZyTmobl9LLMMQsaizFVZrquTEHOqKeQESMKo4PlObf+8+JA25ZsIpZhT/WEd39+vOdLXAFG/nELpA==", 234 | "dev": true, 235 | "dependencies": { 236 | "@babel/types": "^7.18.6" 237 | }, 238 | "engines": { 239 | "node": ">=6.9.0" 240 | } 241 | }, 242 | "node_modules/@babel/helper-string-parser": { 243 | "version": "7.19.4", 244 | "resolved": "https://registry.npmjs.org/@babel/helper-string-parser/-/helper-string-parser-7.19.4.tgz", 245 | "integrity": "sha512-nHtDoQcuqFmwYNYPz3Rah5ph2p8PFeFCsZk9A/48dPc/rGocJ5J3hAAZ7pb76VWX3fZKu+uEr/FhH5jLx7umrw==", 246 | "dev": true, 247 | "engines": { 248 | "node": ">=6.9.0" 249 | } 250 | }, 251 | "node_modules/@babel/helper-validator-identifier": { 252 | "version": "7.19.1", 253 | "resolved": "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.19.1.tgz", 254 | "integrity": "sha512-awrNfaMtnHUr653GgGEs++LlAvW6w+DcPrOliSMXWCKo597CwL5Acf/wWdNkf/tfEQE3mjkeD1YOVZOUV/od1w==", 255 | "dev": true, 256 | "engines": { 257 | "node": ">=6.9.0" 258 | } 259 | }, 260 | "node_modules/@babel/helper-validator-option": { 261 | "version": "7.21.0", 262 | "resolved": "https://registry.npmjs.org/@babel/helper-validator-option/-/helper-validator-option-7.21.0.tgz", 263 | "integrity": "sha512-rmL/B8/f0mKS2baE9ZpyTcTavvEuWhTTW8amjzXNvYG4AwBsqTLikfXsEofsJEfKHf+HQVQbFOHy6o+4cnC/fQ==", 264 | "dev": true, 265 | "engines": { 266 | "node": ">=6.9.0" 267 | } 268 | }, 269 | "node_modules/@babel/helpers": { 270 | "version": "7.21.0", 271 | "resolved": "https://registry.npmjs.org/@babel/helpers/-/helpers-7.21.0.tgz", 272 | "integrity": "sha512-XXve0CBtOW0pd7MRzzmoyuSj0e3SEzj8pgyFxnTT1NJZL38BD1MK7yYrm8yefRPIDvNNe14xR4FdbHwpInD4rA==", 273 | "dev": true, 274 | "dependencies": { 275 | "@babel/template": "^7.20.7", 276 | "@babel/traverse": "^7.21.0", 277 | "@babel/types": "^7.21.0" 278 | }, 279 | "engines": { 280 | "node": ">=6.9.0" 281 | } 282 | }, 283 | "node_modules/@babel/highlight": { 284 | "version": "7.18.6", 285 | "resolved": "https://registry.npmjs.org/@babel/highlight/-/highlight-7.18.6.tgz", 286 | "integrity": "sha512-u7stbOuYjaPezCuLj29hNW1v64M2Md2qupEKP1fHc7WdOA3DgLh37suiSrZYY7haUB7iBeQZ9P1uiRF359do3g==", 287 | "dev": true, 288 | "dependencies": { 289 | "@babel/helper-validator-identifier": "^7.18.6", 290 | "chalk": "^2.0.0", 291 | "js-tokens": "^4.0.0" 292 | }, 293 | "engines": { 294 | "node": ">=6.9.0" 295 | } 296 | }, 297 | "node_modules/@babel/parser": { 298 | "version": "7.21.3", 299 | "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.21.3.tgz", 300 | "integrity": "sha512-lobG0d7aOfQRXh8AyklEAgZGvA4FShxo6xQbUrrT/cNBPUdIDojlokwJsQyCC/eKia7ifqM0yP+2DRZ4WKw2RQ==", 301 | "dev": true, 302 | "bin": { 303 | "parser": "bin/babel-parser.js" 304 | }, 305 | "engines": { 306 | "node": ">=6.0.0" 307 | } 308 | }, 309 | "node_modules/@babel/plugin-transform-react-jsx-self": { 310 | "version": "7.21.0", 311 | "resolved": "https://registry.npmjs.org/@babel/plugin-transform-react-jsx-self/-/plugin-transform-react-jsx-self-7.21.0.tgz", 312 | "integrity": "sha512-f/Eq+79JEu+KUANFks9UZCcvydOOGMgF7jBrcwjHa5jTZD8JivnhCJYvmlhR/WTXBWonDExPoW0eO/CR4QJirA==", 313 | "dev": true, 314 | "dependencies": { 315 | "@babel/helper-plugin-utils": "^7.20.2" 316 | }, 317 | "engines": { 318 | "node": ">=6.9.0" 319 | }, 320 | "peerDependencies": { 321 | "@babel/core": "^7.0.0-0" 322 | } 323 | }, 324 | "node_modules/@babel/plugin-transform-react-jsx-source": { 325 | "version": "7.19.6", 326 | "resolved": "https://registry.npmjs.org/@babel/plugin-transform-react-jsx-source/-/plugin-transform-react-jsx-source-7.19.6.tgz", 327 | "integrity": "sha512-RpAi004QyMNisst/pvSanoRdJ4q+jMCWyk9zdw/CyLB9j8RXEahodR6l2GyttDRyEVWZtbN+TpLiHJ3t34LbsQ==", 328 | "dev": true, 329 | "dependencies": { 330 | "@babel/helper-plugin-utils": "^7.19.0" 331 | }, 332 | "engines": { 333 | "node": ">=6.9.0" 334 | }, 335 | "peerDependencies": { 336 | "@babel/core": "^7.0.0-0" 337 | } 338 | }, 339 | "node_modules/@babel/runtime": { 340 | "version": "7.21.0", 341 | "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.21.0.tgz", 342 | "integrity": "sha512-xwII0//EObnq89Ji5AKYQaRYiW/nZ3llSv29d49IuxPhKbtJoLP+9QUUZ4nVragQVtaVGeZrpB+ZtG/Pdy/POw==", 343 | "dependencies": { 344 | "regenerator-runtime": "^0.13.11" 345 | }, 346 | "engines": { 347 | "node": ">=6.9.0" 348 | } 349 | }, 350 | "node_modules/@babel/template": { 351 | "version": "7.20.7", 352 | "resolved": "https://registry.npmjs.org/@babel/template/-/template-7.20.7.tgz", 353 | "integrity": "sha512-8SegXApWe6VoNw0r9JHpSteLKTpTiLZ4rMlGIm9JQ18KiCtyQiAMEazujAHrUS5flrcqYZa75ukev3P6QmUwUw==", 354 | "dev": true, 355 | "dependencies": { 356 | "@babel/code-frame": "^7.18.6", 357 | "@babel/parser": "^7.20.7", 358 | "@babel/types": "^7.20.7" 359 | }, 360 | "engines": { 361 | "node": ">=6.9.0" 362 | } 363 | }, 364 | "node_modules/@babel/traverse": { 365 | "version": "7.21.3", 366 | "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.21.3.tgz", 367 | "integrity": "sha512-XLyopNeaTancVitYZe2MlUEvgKb6YVVPXzofHgqHijCImG33b/uTurMS488ht/Hbsb2XK3U2BnSTxKVNGV3nGQ==", 368 | "dev": true, 369 | "dependencies": { 370 | "@babel/code-frame": "^7.18.6", 371 | "@babel/generator": "^7.21.3", 372 | "@babel/helper-environment-visitor": "^7.18.9", 373 | "@babel/helper-function-name": "^7.21.0", 374 | "@babel/helper-hoist-variables": "^7.18.6", 375 | "@babel/helper-split-export-declaration": "^7.18.6", 376 | "@babel/parser": "^7.21.3", 377 | "@babel/types": "^7.21.3", 378 | "debug": "^4.1.0", 379 | "globals": "^11.1.0" 380 | }, 381 | "engines": { 382 | "node": ">=6.9.0" 383 | } 384 | }, 385 | "node_modules/@babel/types": { 386 | "version": "7.21.3", 387 | "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.21.3.tgz", 388 | "integrity": "sha512-sBGdETxC+/M4o/zKC0sl6sjWv62WFR/uzxrJ6uYyMLZOUlPnwzw0tKgVHOXxaAd5l2g8pEDM5RZ495GPQI77kg==", 389 | "dev": true, 390 | "dependencies": { 391 | "@babel/helper-string-parser": "^7.19.4", 392 | "@babel/helper-validator-identifier": "^7.19.1", 393 | "to-fast-properties": "^2.0.0" 394 | }, 395 | "engines": { 396 | "node": ">=6.9.0" 397 | } 398 | }, 399 | "node_modules/@emotion/is-prop-valid": { 400 | "version": "0.8.8", 401 | "resolved": "https://registry.npmjs.org/@emotion/is-prop-valid/-/is-prop-valid-0.8.8.tgz", 402 | "integrity": "sha512-u5WtneEAr5IDG2Wv65yhunPSMLIpuKsbuOktRojfrEiEvRyC85LgPMZI63cr7NUqT8ZIGdSVg8ZKGxIug4lXcA==", 403 | "optional": true, 404 | "dependencies": { 405 | "@emotion/memoize": "0.7.4" 406 | } 407 | }, 408 | "node_modules/@emotion/memoize": { 409 | "version": "0.7.4", 410 | "resolved": "https://registry.npmjs.org/@emotion/memoize/-/memoize-0.7.4.tgz", 411 | "integrity": "sha512-Ja/Vfqe3HpuzRsG1oBtWTHk2PGZ7GR+2Vz5iYGelAw8dx32K0y7PjVuxK6z1nMpZOqAFsRUPCkK1YjJ56qJlgw==", 412 | "optional": true 413 | }, 414 | "node_modules/@esbuild/android-arm": { 415 | "version": "0.17.14", 416 | "resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.17.14.tgz", 417 | "integrity": "sha512-0CnlwnjDU8cks0yJLXfkaU/uoLyRf9VZJs4p1PskBr2AlAHeEsFEwJEo0of/Z3g+ilw5mpyDwThlxzNEIxOE4g==", 418 | "cpu": [ 419 | "arm" 420 | ], 421 | "dev": true, 422 | "optional": true, 423 | "os": [ 424 | "android" 425 | ], 426 | "engines": { 427 | "node": ">=12" 428 | } 429 | }, 430 | "node_modules/@esbuild/android-arm64": { 431 | "version": "0.17.14", 432 | "resolved": "https://registry.npmjs.org/@esbuild/android-arm64/-/android-arm64-0.17.14.tgz", 433 | "integrity": "sha512-eLOpPO1RvtsP71afiFTvS7tVFShJBCT0txiv/xjFBo5a7R7Gjw7X0IgIaFoLKhqXYAXhahoXm7qAmRXhY4guJg==", 434 | "cpu": [ 435 | "arm64" 436 | ], 437 | "dev": true, 438 | "optional": true, 439 | "os": [ 440 | "android" 441 | ], 442 | "engines": { 443 | "node": ">=12" 444 | } 445 | }, 446 | "node_modules/@esbuild/android-x64": { 447 | "version": "0.17.14", 448 | "resolved": "https://registry.npmjs.org/@esbuild/android-x64/-/android-x64-0.17.14.tgz", 449 | "integrity": "sha512-nrfQYWBfLGfSGLvRVlt6xi63B5IbfHm3tZCdu/82zuFPQ7zez4XjmRtF/wIRYbJQ/DsZrxJdEvYFE67avYXyng==", 450 | "cpu": [ 451 | "x64" 452 | ], 453 | "dev": true, 454 | "optional": true, 455 | "os": [ 456 | "android" 457 | ], 458 | "engines": { 459 | "node": ">=12" 460 | } 461 | }, 462 | "node_modules/@esbuild/darwin-arm64": { 463 | "version": "0.17.14", 464 | "resolved": "https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.17.14.tgz", 465 | "integrity": "sha512-eoSjEuDsU1ROwgBH/c+fZzuSyJUVXQTOIN9xuLs9dE/9HbV/A5IqdXHU1p2OfIMwBwOYJ9SFVGGldxeRCUJFyw==", 466 | "cpu": [ 467 | "arm64" 468 | ], 469 | "dev": true, 470 | "optional": true, 471 | "os": [ 472 | "darwin" 473 | ], 474 | "engines": { 475 | "node": ">=12" 476 | } 477 | }, 478 | "node_modules/@esbuild/darwin-x64": { 479 | "version": "0.17.14", 480 | "resolved": "https://registry.npmjs.org/@esbuild/darwin-x64/-/darwin-x64-0.17.14.tgz", 481 | "integrity": "sha512-zN0U8RWfrDttdFNkHqFYZtOH8hdi22z0pFm0aIJPsNC4QQZv7je8DWCX5iA4Zx6tRhS0CCc0XC2m7wKsbWEo5g==", 482 | "cpu": [ 483 | "x64" 484 | ], 485 | "dev": true, 486 | "optional": true, 487 | "os": [ 488 | "darwin" 489 | ], 490 | "engines": { 491 | "node": ">=12" 492 | } 493 | }, 494 | "node_modules/@esbuild/freebsd-arm64": { 495 | "version": "0.17.14", 496 | "resolved": "https://registry.npmjs.org/@esbuild/freebsd-arm64/-/freebsd-arm64-0.17.14.tgz", 497 | "integrity": "sha512-z0VcD4ibeZWVQCW1O7szaLxGsx54gcCnajEJMdYoYjLiq4g1jrP2lMq6pk71dbS5+7op/L2Aod+erw+EUr28/A==", 498 | "cpu": [ 499 | "arm64" 500 | ], 501 | "dev": true, 502 | "optional": true, 503 | "os": [ 504 | "freebsd" 505 | ], 506 | "engines": { 507 | "node": ">=12" 508 | } 509 | }, 510 | "node_modules/@esbuild/freebsd-x64": { 511 | "version": "0.17.14", 512 | "resolved": "https://registry.npmjs.org/@esbuild/freebsd-x64/-/freebsd-x64-0.17.14.tgz", 513 | "integrity": "sha512-hd9mPcxfTgJlolrPlcXkQk9BMwNBvNBsVaUe5eNUqXut6weDQH8whcNaKNF2RO8NbpT6GY8rHOK2A9y++s+ehw==", 514 | "cpu": [ 515 | "x64" 516 | ], 517 | "dev": true, 518 | "optional": true, 519 | "os": [ 520 | "freebsd" 521 | ], 522 | "engines": { 523 | "node": ">=12" 524 | } 525 | }, 526 | "node_modules/@esbuild/linux-arm": { 527 | "version": "0.17.14", 528 | "resolved": "https://registry.npmjs.org/@esbuild/linux-arm/-/linux-arm-0.17.14.tgz", 529 | "integrity": "sha512-BNTl+wSJ1omsH8s3TkQmIIIQHwvwJrU9u1ggb9XU2KTVM4TmthRIVyxSp2qxROJHhZuW/r8fht46/QE8hU8Qvg==", 530 | "cpu": [ 531 | "arm" 532 | ], 533 | "dev": true, 534 | "optional": true, 535 | "os": [ 536 | "linux" 537 | ], 538 | "engines": { 539 | "node": ">=12" 540 | } 541 | }, 542 | "node_modules/@esbuild/linux-arm64": { 543 | "version": "0.17.14", 544 | "resolved": "https://registry.npmjs.org/@esbuild/linux-arm64/-/linux-arm64-0.17.14.tgz", 545 | "integrity": "sha512-FhAMNYOq3Iblcj9i+K0l1Fp/MHt+zBeRu/Qkf0LtrcFu3T45jcwB6A1iMsemQ42vR3GBhjNZJZTaCe3VFPbn9g==", 546 | "cpu": [ 547 | "arm64" 548 | ], 549 | "dev": true, 550 | "optional": true, 551 | "os": [ 552 | "linux" 553 | ], 554 | "engines": { 555 | "node": ">=12" 556 | } 557 | }, 558 | "node_modules/@esbuild/linux-ia32": { 559 | "version": "0.17.14", 560 | "resolved": "https://registry.npmjs.org/@esbuild/linux-ia32/-/linux-ia32-0.17.14.tgz", 561 | "integrity": "sha512-91OK/lQ5y2v7AsmnFT+0EyxdPTNhov3y2CWMdizyMfxSxRqHazXdzgBKtlmkU2KYIc+9ZK3Vwp2KyXogEATYxQ==", 562 | "cpu": [ 563 | "ia32" 564 | ], 565 | "dev": true, 566 | "optional": true, 567 | "os": [ 568 | "linux" 569 | ], 570 | "engines": { 571 | "node": ">=12" 572 | } 573 | }, 574 | "node_modules/@esbuild/linux-loong64": { 575 | "version": "0.17.14", 576 | "resolved": "https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.17.14.tgz", 577 | "integrity": "sha512-vp15H+5NR6hubNgMluqqKza85HcGJgq7t6rMH7O3Y6ApiOWPkvW2AJfNojUQimfTp6OUrACUXfR4hmpcENXoMQ==", 578 | "cpu": [ 579 | "loong64" 580 | ], 581 | "dev": true, 582 | "optional": true, 583 | "os": [ 584 | "linux" 585 | ], 586 | "engines": { 587 | "node": ">=12" 588 | } 589 | }, 590 | "node_modules/@esbuild/linux-mips64el": { 591 | "version": "0.17.14", 592 | "resolved": "https://registry.npmjs.org/@esbuild/linux-mips64el/-/linux-mips64el-0.17.14.tgz", 593 | "integrity": "sha512-90TOdFV7N+fgi6c2+GO9ochEkmm9kBAKnuD5e08GQMgMINOdOFHuYLPQ91RYVrnWwQ5683sJKuLi9l4SsbJ7Hg==", 594 | "cpu": [ 595 | "mips64el" 596 | ], 597 | "dev": true, 598 | "optional": true, 599 | "os": [ 600 | "linux" 601 | ], 602 | "engines": { 603 | "node": ">=12" 604 | } 605 | }, 606 | "node_modules/@esbuild/linux-ppc64": { 607 | "version": "0.17.14", 608 | "resolved": "https://registry.npmjs.org/@esbuild/linux-ppc64/-/linux-ppc64-0.17.14.tgz", 609 | "integrity": "sha512-NnBGeoqKkTugpBOBZZoktQQ1Yqb7aHKmHxsw43NddPB2YWLAlpb7THZIzsRsTr0Xw3nqiPxbA1H31ZMOG+VVPQ==", 610 | "cpu": [ 611 | "ppc64" 612 | ], 613 | "dev": true, 614 | "optional": true, 615 | "os": [ 616 | "linux" 617 | ], 618 | "engines": { 619 | "node": ">=12" 620 | } 621 | }, 622 | "node_modules/@esbuild/linux-riscv64": { 623 | "version": "0.17.14", 624 | "resolved": "https://registry.npmjs.org/@esbuild/linux-riscv64/-/linux-riscv64-0.17.14.tgz", 625 | "integrity": "sha512-0qdlKScLXA8MGVy21JUKvMzCYWovctuP8KKqhtE5A6IVPq4onxXhSuhwDd2g5sRCzNDlDjitc5sX31BzDoL5Fw==", 626 | "cpu": [ 627 | "riscv64" 628 | ], 629 | "dev": true, 630 | "optional": true, 631 | "os": [ 632 | "linux" 633 | ], 634 | "engines": { 635 | "node": ">=12" 636 | } 637 | }, 638 | "node_modules/@esbuild/linux-s390x": { 639 | "version": "0.17.14", 640 | "resolved": "https://registry.npmjs.org/@esbuild/linux-s390x/-/linux-s390x-0.17.14.tgz", 641 | "integrity": "sha512-Hdm2Jo1yaaOro4v3+6/zJk6ygCqIZuSDJHdHaf8nVH/tfOuoEX5Riv03Ka15LmQBYJObUTNS1UdyoMk0WUn9Ww==", 642 | "cpu": [ 643 | "s390x" 644 | ], 645 | "dev": true, 646 | "optional": true, 647 | "os": [ 648 | "linux" 649 | ], 650 | "engines": { 651 | "node": ">=12" 652 | } 653 | }, 654 | "node_modules/@esbuild/linux-x64": { 655 | "version": "0.17.14", 656 | "resolved": "https://registry.npmjs.org/@esbuild/linux-x64/-/linux-x64-0.17.14.tgz", 657 | "integrity": "sha512-8KHF17OstlK4DuzeF/KmSgzrTWQrkWj5boluiiq7kvJCiQVzUrmSkaBvcLB2UgHpKENO2i6BthPkmUhNDaJsVw==", 658 | "cpu": [ 659 | "x64" 660 | ], 661 | "dev": true, 662 | "optional": true, 663 | "os": [ 664 | "linux" 665 | ], 666 | "engines": { 667 | "node": ">=12" 668 | } 669 | }, 670 | "node_modules/@esbuild/netbsd-x64": { 671 | "version": "0.17.14", 672 | "resolved": "https://registry.npmjs.org/@esbuild/netbsd-x64/-/netbsd-x64-0.17.14.tgz", 673 | "integrity": "sha512-nVwpqvb3yyXztxIT2+VsxJhB5GCgzPdk1n0HHSnchRAcxqKO6ghXwHhJnr0j/B+5FSyEqSxF4q03rbA2fKXtUQ==", 674 | "cpu": [ 675 | "x64" 676 | ], 677 | "dev": true, 678 | "optional": true, 679 | "os": [ 680 | "netbsd" 681 | ], 682 | "engines": { 683 | "node": ">=12" 684 | } 685 | }, 686 | "node_modules/@esbuild/openbsd-x64": { 687 | "version": "0.17.14", 688 | "resolved": "https://registry.npmjs.org/@esbuild/openbsd-x64/-/openbsd-x64-0.17.14.tgz", 689 | "integrity": "sha512-1RZ7uQQ9zcy/GSAJL1xPdN7NDdOOtNEGiJalg/MOzeakZeTrgH/DoCkbq7TaPDiPhWqnDF+4bnydxRqQD7il6g==", 690 | "cpu": [ 691 | "x64" 692 | ], 693 | "dev": true, 694 | "optional": true, 695 | "os": [ 696 | "openbsd" 697 | ], 698 | "engines": { 699 | "node": ">=12" 700 | } 701 | }, 702 | "node_modules/@esbuild/sunos-x64": { 703 | "version": "0.17.14", 704 | "resolved": "https://registry.npmjs.org/@esbuild/sunos-x64/-/sunos-x64-0.17.14.tgz", 705 | "integrity": "sha512-nqMjDsFwv7vp7msrwWRysnM38Sd44PKmW8EzV01YzDBTcTWUpczQg6mGao9VLicXSgW/iookNK6AxeogNVNDZA==", 706 | "cpu": [ 707 | "x64" 708 | ], 709 | "dev": true, 710 | "optional": true, 711 | "os": [ 712 | "sunos" 713 | ], 714 | "engines": { 715 | "node": ">=12" 716 | } 717 | }, 718 | "node_modules/@esbuild/win32-arm64": { 719 | "version": "0.17.14", 720 | "resolved": "https://registry.npmjs.org/@esbuild/win32-arm64/-/win32-arm64-0.17.14.tgz", 721 | "integrity": "sha512-xrD0mccTKRBBIotrITV7WVQAwNJ5+1va6L0H9zN92v2yEdjfAN7864cUaZwJS7JPEs53bDTzKFbfqVlG2HhyKQ==", 722 | "cpu": [ 723 | "arm64" 724 | ], 725 | "dev": true, 726 | "optional": true, 727 | "os": [ 728 | "win32" 729 | ], 730 | "engines": { 731 | "node": ">=12" 732 | } 733 | }, 734 | "node_modules/@esbuild/win32-ia32": { 735 | "version": "0.17.14", 736 | "resolved": "https://registry.npmjs.org/@esbuild/win32-ia32/-/win32-ia32-0.17.14.tgz", 737 | "integrity": "sha512-nXpkz9bbJrLLyUTYtRotSS3t5b+FOuljg8LgLdINWFs3FfqZMtbnBCZFUmBzQPyxqU87F8Av+3Nco/M3hEcu1w==", 738 | "cpu": [ 739 | "ia32" 740 | ], 741 | "dev": true, 742 | "optional": true, 743 | "os": [ 744 | "win32" 745 | ], 746 | "engines": { 747 | "node": ">=12" 748 | } 749 | }, 750 | "node_modules/@esbuild/win32-x64": { 751 | "version": "0.17.14", 752 | "resolved": "https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.17.14.tgz", 753 | "integrity": "sha512-gPQmsi2DKTaEgG14hc3CHXHp62k8g6qr0Pas+I4lUxRMugGSATh/Bi8Dgusoz9IQ0IfdrvLpco6kujEIBoaogA==", 754 | "cpu": [ 755 | "x64" 756 | ], 757 | "dev": true, 758 | "optional": true, 759 | "os": [ 760 | "win32" 761 | ], 762 | "engines": { 763 | "node": ">=12" 764 | } 765 | }, 766 | "node_modules/@heroicons/react": { 767 | "version": "2.0.17", 768 | "resolved": "https://registry.npmjs.org/@heroicons/react/-/react-2.0.17.tgz", 769 | "integrity": "sha512-90GMZktkA53YbNzHp6asVEDevUQCMtxWH+2UK2S8OpnLEu7qckTJPhNxNQG52xIR1WFTwFqtH6bt7a60ZNcLLA==", 770 | "peerDependencies": { 771 | "react": ">= 16" 772 | } 773 | }, 774 | "node_modules/@jridgewell/gen-mapping": { 775 | "version": "0.1.1", 776 | "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.1.1.tgz", 777 | "integrity": "sha512-sQXCasFk+U8lWYEe66WxRDOE9PjVz4vSM51fTu3Hw+ClTpUSQb718772vH3pyS5pShp6lvQM7SxgIDXXXmOX7w==", 778 | "dev": true, 779 | "dependencies": { 780 | "@jridgewell/set-array": "^1.0.0", 781 | "@jridgewell/sourcemap-codec": "^1.4.10" 782 | }, 783 | "engines": { 784 | "node": ">=6.0.0" 785 | } 786 | }, 787 | "node_modules/@jridgewell/resolve-uri": { 788 | "version": "3.1.0", 789 | "resolved": "https://registry.npmjs.org/@jridgewell/resolve-uri/-/resolve-uri-3.1.0.tgz", 790 | "integrity": "sha512-F2msla3tad+Mfht5cJq7LSXcdudKTWCVYUgw6pLFOOHSTtZlj6SWNYAp+AhuqLmWdBO2X5hPrLcu8cVP8fy28w==", 791 | "dev": true, 792 | "engines": { 793 | "node": ">=6.0.0" 794 | } 795 | }, 796 | "node_modules/@jridgewell/set-array": { 797 | "version": "1.1.2", 798 | "resolved": "https://registry.npmjs.org/@jridgewell/set-array/-/set-array-1.1.2.tgz", 799 | "integrity": "sha512-xnkseuNADM0gt2bs+BvhO0p78Mk762YnZdsuzFV018NoG1Sj1SCQvpSqa7XUaTam5vAGasABV9qXASMKnFMwMw==", 800 | "dev": true, 801 | "engines": { 802 | "node": ">=6.0.0" 803 | } 804 | }, 805 | "node_modules/@jridgewell/sourcemap-codec": { 806 | "version": "1.4.14", 807 | "resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.4.14.tgz", 808 | "integrity": "sha512-XPSJHWmi394fuUuzDnGz1wiKqWfo1yXecHQMRf2l6hztTO+nPru658AyDngaBe7isIxEkRsPR3FZh+s7iVa4Uw==", 809 | "dev": true 810 | }, 811 | "node_modules/@jridgewell/trace-mapping": { 812 | "version": "0.3.17", 813 | "resolved": "https://registry.npmjs.org/@jridgewell/trace-mapping/-/trace-mapping-0.3.17.tgz", 814 | "integrity": "sha512-MCNzAp77qzKca9+W/+I0+sEpaUnZoeasnghNeVc41VZCEKaCH73Vq3BZZ/SzWIgrqE4H4ceI+p+b6C0mHf9T4g==", 815 | "dev": true, 816 | "dependencies": { 817 | "@jridgewell/resolve-uri": "3.1.0", 818 | "@jridgewell/sourcemap-codec": "1.4.14" 819 | } 820 | }, 821 | "node_modules/@nodelib/fs.scandir": { 822 | "version": "2.1.5", 823 | "resolved": "https://registry.npmjs.org/@nodelib/fs.scandir/-/fs.scandir-2.1.5.tgz", 824 | "integrity": "sha512-vq24Bq3ym5HEQm2NKCr3yXDwjc7vTsEThRDnkp2DK9p1uqLR+DHurm/NOTo0KG7HYHU7eppKZj3MyqYuMBf62g==", 825 | "dev": true, 826 | "dependencies": { 827 | "@nodelib/fs.stat": "2.0.5", 828 | "run-parallel": "^1.1.9" 829 | }, 830 | "engines": { 831 | "node": ">= 8" 832 | } 833 | }, 834 | "node_modules/@nodelib/fs.stat": { 835 | "version": "2.0.5", 836 | "resolved": "https://registry.npmjs.org/@nodelib/fs.stat/-/fs.stat-2.0.5.tgz", 837 | "integrity": "sha512-RkhPPp2zrqDAQA/2jNhnztcPAlv64XdhIp7a7454A5ovI7Bukxgt7MX7udwAu3zg1DcpPU0rz3VV1SeaqvY4+A==", 838 | "dev": true, 839 | "engines": { 840 | "node": ">= 8" 841 | } 842 | }, 843 | "node_modules/@nodelib/fs.walk": { 844 | "version": "1.2.8", 845 | "resolved": "https://registry.npmjs.org/@nodelib/fs.walk/-/fs.walk-1.2.8.tgz", 846 | "integrity": "sha512-oGB+UxlgWcgQkgwo8GcEGwemoTFt3FIO9ababBmaGwXIoBKZ+GTy0pP185beGg7Llih/NSHSV2XAs1lnznocSg==", 847 | "dev": true, 848 | "dependencies": { 849 | "@nodelib/fs.scandir": "2.1.5", 850 | "fastq": "^1.6.0" 851 | }, 852 | "engines": { 853 | "node": ">= 8" 854 | } 855 | }, 856 | "node_modules/@reduxjs/toolkit": { 857 | "version": "1.9.3", 858 | "resolved": "https://registry.npmjs.org/@reduxjs/toolkit/-/toolkit-1.9.3.tgz", 859 | "integrity": "sha512-GU2TNBQVofL09VGmuSioNPQIu6Ml0YLf4EJhgj0AvBadRlCGzUWet8372LjvO4fqKZF2vH1xU0htAa7BrK9pZg==", 860 | "dependencies": { 861 | "immer": "^9.0.16", 862 | "redux": "^4.2.0", 863 | "redux-thunk": "^2.4.2", 864 | "reselect": "^4.1.7" 865 | }, 866 | "peerDependencies": { 867 | "react": "^16.9.0 || ^17.0.0 || ^18", 868 | "react-redux": "^7.2.1 || ^8.0.2" 869 | }, 870 | "peerDependenciesMeta": { 871 | "react": { 872 | "optional": true 873 | }, 874 | "react-redux": { 875 | "optional": true 876 | } 877 | } 878 | }, 879 | "node_modules/@remix-run/router": { 880 | "version": "1.5.0", 881 | "resolved": "https://registry.npmjs.org/@remix-run/router/-/router-1.5.0.tgz", 882 | "integrity": "sha512-bkUDCp8o1MvFO+qxkODcbhSqRa6P2GXgrGZVpt0dCXNW2HCSCqYI0ZoAqEOSAjRWmmlKcYgFvN4B4S+zo/f8kg==", 883 | "engines": { 884 | "node": ">=14" 885 | } 886 | }, 887 | "node_modules/@types/hoist-non-react-statics": { 888 | "version": "3.3.1", 889 | "resolved": "https://registry.npmjs.org/@types/hoist-non-react-statics/-/hoist-non-react-statics-3.3.1.tgz", 890 | "integrity": "sha512-iMIqiko6ooLrTh1joXodJK5X9xeEALT1kM5G3ZLhD3hszxBdIEd5C75U834D9mLcINgD4OyZf5uQXjkuYydWvA==", 891 | "dependencies": { 892 | "@types/react": "*", 893 | "hoist-non-react-statics": "^3.3.0" 894 | } 895 | }, 896 | "node_modules/@types/prop-types": { 897 | "version": "15.7.5", 898 | "resolved": "https://registry.npmjs.org/@types/prop-types/-/prop-types-15.7.5.tgz", 899 | "integrity": "sha512-JCB8C6SnDoQf0cNycqd/35A7MjcnK+ZTqE7judS6o7utxUCg6imJg3QK2qzHKszlTjcj2cn+NwMB2i96ubpj7w==" 900 | }, 901 | "node_modules/@types/react": { 902 | "version": "18.0.31", 903 | "resolved": "https://registry.npmjs.org/@types/react/-/react-18.0.31.tgz", 904 | "integrity": "sha512-EEG67of7DsvRDU6BLLI0p+k1GojDLz9+lZsnCpCRTa/lOokvyPBvp8S5x+A24hME3yyQuIipcP70KJ6H7Qupww==", 905 | "dependencies": { 906 | "@types/prop-types": "*", 907 | "@types/scheduler": "*", 908 | "csstype": "^3.0.2" 909 | } 910 | }, 911 | "node_modules/@types/react-dom": { 912 | "version": "18.0.11", 913 | "resolved": "https://registry.npmjs.org/@types/react-dom/-/react-dom-18.0.11.tgz", 914 | "integrity": "sha512-O38bPbI2CWtgw/OoQoY+BRelw7uysmXbWvw3nLWO21H1HSh+GOlqPuXshJfjmpNlKiiSDG9cc1JZAaMmVdcTlw==", 915 | "devOptional": true, 916 | "dependencies": { 917 | "@types/react": "*" 918 | } 919 | }, 920 | "node_modules/@types/scheduler": { 921 | "version": "0.16.3", 922 | "resolved": "https://registry.npmjs.org/@types/scheduler/-/scheduler-0.16.3.tgz", 923 | "integrity": "sha512-5cJ8CB4yAx7BH1oMvdU0Jh9lrEXyPkar6F9G/ERswkCuvP4KQZfZkSjcMbAICCpQTN4OuZn8tz0HiKv9TGZgrQ==" 924 | }, 925 | "node_modules/@types/use-sync-external-store": { 926 | "version": "0.0.3", 927 | "resolved": "https://registry.npmjs.org/@types/use-sync-external-store/-/use-sync-external-store-0.0.3.tgz", 928 | "integrity": "sha512-EwmlvuaxPNej9+T4v5AuBPJa2x2UOJVdjCtDHgcDqitUeOtjnJKJ+apYjVcAoBEMjKW1VVFGZLUb5+qqa09XFA==" 929 | }, 930 | "node_modules/@vitejs/plugin-react": { 931 | "version": "3.1.0", 932 | "resolved": "https://registry.npmjs.org/@vitejs/plugin-react/-/plugin-react-3.1.0.tgz", 933 | "integrity": "sha512-AfgcRL8ZBhAlc3BFdigClmTUMISmmzHn7sB2h9U1odvc5U/MjWXsAaz18b/WoppUTDBzxOJwo2VdClfUcItu9g==", 934 | "dev": true, 935 | "dependencies": { 936 | "@babel/core": "^7.20.12", 937 | "@babel/plugin-transform-react-jsx-self": "^7.18.6", 938 | "@babel/plugin-transform-react-jsx-source": "^7.19.6", 939 | "magic-string": "^0.27.0", 940 | "react-refresh": "^0.14.0" 941 | }, 942 | "engines": { 943 | "node": "^14.18.0 || >=16.0.0" 944 | }, 945 | "peerDependencies": { 946 | "vite": "^4.1.0-beta.0" 947 | } 948 | }, 949 | "node_modules/ansi-styles": { 950 | "version": "3.2.1", 951 | "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-3.2.1.tgz", 952 | "integrity": "sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==", 953 | "dev": true, 954 | "dependencies": { 955 | "color-convert": "^1.9.0" 956 | }, 957 | "engines": { 958 | "node": ">=4" 959 | } 960 | }, 961 | "node_modules/any-promise": { 962 | "version": "1.3.0", 963 | "resolved": "https://registry.npmjs.org/any-promise/-/any-promise-1.3.0.tgz", 964 | "integrity": "sha512-7UvmKalWRt1wgjL1RrGxoSJW/0QZFIegpeGvZG9kjp8vrRu55XTHbwnqq2GpXm9uLbcuhxm3IqX9OB4MZR1b2A==", 965 | "dev": true 966 | }, 967 | "node_modules/anymatch": { 968 | "version": "3.1.3", 969 | "resolved": "https://registry.npmjs.org/anymatch/-/anymatch-3.1.3.tgz", 970 | "integrity": "sha512-KMReFUr0B4t+D+OBkjR3KYqvocp2XaSzO55UcB6mgQMd3KbcE+mWTyvVV7D/zsdEbNnV6acZUutkiHQXvTr1Rw==", 971 | "dev": true, 972 | "dependencies": { 973 | "normalize-path": "^3.0.0", 974 | "picomatch": "^2.0.4" 975 | }, 976 | "engines": { 977 | "node": ">= 8" 978 | } 979 | }, 980 | "node_modules/arg": { 981 | "version": "5.0.2", 982 | "resolved": "https://registry.npmjs.org/arg/-/arg-5.0.2.tgz", 983 | "integrity": "sha512-PYjyFOLKQ9y57JvQ6QLo8dAgNqswh8M1RMJYdQduT6xbWSgK36P/Z/v+p888pM69jMMfS8Xd8F6I1kQ/I9HUGg==", 984 | "dev": true 985 | }, 986 | "node_modules/autoprefixer": { 987 | "version": "10.4.14", 988 | "resolved": "https://registry.npmjs.org/autoprefixer/-/autoprefixer-10.4.14.tgz", 989 | "integrity": "sha512-FQzyfOsTlwVzjHxKEqRIAdJx9niO6VCBCoEwax/VLSoQF29ggECcPuBqUMZ+u8jCZOPSy8b8/8KnuFbp0SaFZQ==", 990 | "dev": true, 991 | "funding": [ 992 | { 993 | "type": "opencollective", 994 | "url": "https://opencollective.com/postcss/" 995 | }, 996 | { 997 | "type": "tidelift", 998 | "url": "https://tidelift.com/funding/github/npm/autoprefixer" 999 | } 1000 | ], 1001 | "dependencies": { 1002 | "browserslist": "^4.21.5", 1003 | "caniuse-lite": "^1.0.30001464", 1004 | "fraction.js": "^4.2.0", 1005 | "normalize-range": "^0.1.2", 1006 | "picocolors": "^1.0.0", 1007 | "postcss-value-parser": "^4.2.0" 1008 | }, 1009 | "bin": { 1010 | "autoprefixer": "bin/autoprefixer" 1011 | }, 1012 | "engines": { 1013 | "node": "^10 || ^12 || >=14" 1014 | }, 1015 | "peerDependencies": { 1016 | "postcss": "^8.1.0" 1017 | } 1018 | }, 1019 | "node_modules/balanced-match": { 1020 | "version": "1.0.2", 1021 | "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.2.tgz", 1022 | "integrity": "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==", 1023 | "dev": true 1024 | }, 1025 | "node_modules/binary-extensions": { 1026 | "version": "2.2.0", 1027 | "resolved": "https://registry.npmjs.org/binary-extensions/-/binary-extensions-2.2.0.tgz", 1028 | "integrity": "sha512-jDctJ/IVQbZoJykoeHbhXpOlNBqGNcwXJKJog42E5HDPUwQTSdjCHdihjj0DlnheQ7blbT6dHOafNAiS8ooQKA==", 1029 | "dev": true, 1030 | "engines": { 1031 | "node": ">=8" 1032 | } 1033 | }, 1034 | "node_modules/brace-expansion": { 1035 | "version": "1.1.11", 1036 | "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz", 1037 | "integrity": "sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==", 1038 | "dev": true, 1039 | "dependencies": { 1040 | "balanced-match": "^1.0.0", 1041 | "concat-map": "0.0.1" 1042 | } 1043 | }, 1044 | "node_modules/braces": { 1045 | "version": "3.0.2", 1046 | "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.2.tgz", 1047 | "integrity": "sha512-b8um+L1RzM3WDSzvhm6gIz1yfTbBt6YTlcEKAvsmqCZZFw46z626lVj9j1yEPW33H5H+lBQpZMP1k8l+78Ha0A==", 1048 | "dev": true, 1049 | "dependencies": { 1050 | "fill-range": "^7.0.1" 1051 | }, 1052 | "engines": { 1053 | "node": ">=8" 1054 | } 1055 | }, 1056 | "node_modules/browserslist": { 1057 | "version": "4.21.5", 1058 | "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.21.5.tgz", 1059 | "integrity": "sha512-tUkiguQGW7S3IhB7N+c2MV/HZPSCPAAiYBZXLsBhFB/PCy6ZKKsZrmBayHV9fdGV/ARIfJ14NkxKzRDjvp7L6w==", 1060 | "dev": true, 1061 | "funding": [ 1062 | { 1063 | "type": "opencollective", 1064 | "url": "https://opencollective.com/browserslist" 1065 | }, 1066 | { 1067 | "type": "tidelift", 1068 | "url": "https://tidelift.com/funding/github/npm/browserslist" 1069 | } 1070 | ], 1071 | "dependencies": { 1072 | "caniuse-lite": "^1.0.30001449", 1073 | "electron-to-chromium": "^1.4.284", 1074 | "node-releases": "^2.0.8", 1075 | "update-browserslist-db": "^1.0.10" 1076 | }, 1077 | "bin": { 1078 | "browserslist": "cli.js" 1079 | }, 1080 | "engines": { 1081 | "node": "^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7" 1082 | } 1083 | }, 1084 | "node_modules/camelcase-css": { 1085 | "version": "2.0.1", 1086 | "resolved": "https://registry.npmjs.org/camelcase-css/-/camelcase-css-2.0.1.tgz", 1087 | "integrity": "sha512-QOSvevhslijgYwRx6Rv7zKdMF8lbRmx+uQGx2+vDc+KI/eBnsy9kit5aj23AgGu3pa4t9AgwbnXWqS+iOY+2aA==", 1088 | "dev": true, 1089 | "engines": { 1090 | "node": ">= 6" 1091 | } 1092 | }, 1093 | "node_modules/caniuse-lite": { 1094 | "version": "1.0.30001473", 1095 | "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001473.tgz", 1096 | "integrity": "sha512-ewDad7+D2vlyy+E4UJuVfiBsU69IL+8oVmTuZnH5Q6CIUbxNfI50uVpRHbUPDD6SUaN2o0Lh4DhTrvLG/Tn1yg==", 1097 | "dev": true, 1098 | "funding": [ 1099 | { 1100 | "type": "opencollective", 1101 | "url": "https://opencollective.com/browserslist" 1102 | }, 1103 | { 1104 | "type": "tidelift", 1105 | "url": "https://tidelift.com/funding/github/npm/caniuse-lite" 1106 | }, 1107 | { 1108 | "type": "github", 1109 | "url": "https://github.com/sponsors/ai" 1110 | } 1111 | ] 1112 | }, 1113 | "node_modules/chalk": { 1114 | "version": "2.4.2", 1115 | "resolved": "https://registry.npmjs.org/chalk/-/chalk-2.4.2.tgz", 1116 | "integrity": "sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==", 1117 | "dev": true, 1118 | "dependencies": { 1119 | "ansi-styles": "^3.2.1", 1120 | "escape-string-regexp": "^1.0.5", 1121 | "supports-color": "^5.3.0" 1122 | }, 1123 | "engines": { 1124 | "node": ">=4" 1125 | } 1126 | }, 1127 | "node_modules/chokidar": { 1128 | "version": "3.5.3", 1129 | "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-3.5.3.tgz", 1130 | "integrity": "sha512-Dr3sfKRP6oTcjf2JmUmFJfeVMvXBdegxB0iVQ5eb2V10uFJUCAS8OByZdVAyVb8xXNz3GjjTgj9kLWsZTqE6kw==", 1131 | "dev": true, 1132 | "funding": [ 1133 | { 1134 | "type": "individual", 1135 | "url": "https://paulmillr.com/funding/" 1136 | } 1137 | ], 1138 | "dependencies": { 1139 | "anymatch": "~3.1.2", 1140 | "braces": "~3.0.2", 1141 | "glob-parent": "~5.1.2", 1142 | "is-binary-path": "~2.1.0", 1143 | "is-glob": "~4.0.1", 1144 | "normalize-path": "~3.0.0", 1145 | "readdirp": "~3.6.0" 1146 | }, 1147 | "engines": { 1148 | "node": ">= 8.10.0" 1149 | }, 1150 | "optionalDependencies": { 1151 | "fsevents": "~2.3.2" 1152 | } 1153 | }, 1154 | "node_modules/chokidar/node_modules/glob-parent": { 1155 | "version": "5.1.2", 1156 | "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz", 1157 | "integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==", 1158 | "dev": true, 1159 | "dependencies": { 1160 | "is-glob": "^4.0.1" 1161 | }, 1162 | "engines": { 1163 | "node": ">= 6" 1164 | } 1165 | }, 1166 | "node_modules/color-convert": { 1167 | "version": "1.9.3", 1168 | "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-1.9.3.tgz", 1169 | "integrity": "sha512-QfAUtd+vFdAtFQcC8CCyYt1fYWxSqAiK2cSD6zDB8N3cpsEBAvRxp9zOGg6G/SHHJYAT88/az/IuDGALsNVbGg==", 1170 | "dev": true, 1171 | "dependencies": { 1172 | "color-name": "1.1.3" 1173 | } 1174 | }, 1175 | "node_modules/color-name": { 1176 | "version": "1.1.3", 1177 | "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.3.tgz", 1178 | "integrity": "sha512-72fSenhMw2HZMTVHeCA9KCmpEIbzWiQsjN+BHcBbS9vr1mtt+vJjPdksIBNUmKAW8TFUDPJK5SUU3QhE9NEXDw==", 1179 | "dev": true 1180 | }, 1181 | "node_modules/commander": { 1182 | "version": "4.1.1", 1183 | "resolved": "https://registry.npmjs.org/commander/-/commander-4.1.1.tgz", 1184 | "integrity": "sha512-NOKm8xhkzAjzFx8B2v5OAHT+u5pRQc2UCa2Vq9jYL/31o2wi9mxBA7LIFs3sV5VSC49z6pEhfbMULvShKj26WA==", 1185 | "dev": true, 1186 | "engines": { 1187 | "node": ">= 6" 1188 | } 1189 | }, 1190 | "node_modules/concat-map": { 1191 | "version": "0.0.1", 1192 | "resolved": "https://registry.npmjs.org/concat-map/-/concat-map-0.0.1.tgz", 1193 | "integrity": "sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg==", 1194 | "dev": true 1195 | }, 1196 | "node_modules/convert-source-map": { 1197 | "version": "1.9.0", 1198 | "resolved": "https://registry.npmjs.org/convert-source-map/-/convert-source-map-1.9.0.tgz", 1199 | "integrity": "sha512-ASFBup0Mz1uyiIjANan1jzLQami9z1PoYSZCiiYW2FczPbenXc45FZdBZLzOT+r6+iciuEModtmCti+hjaAk0A==", 1200 | "dev": true 1201 | }, 1202 | "node_modules/cssesc": { 1203 | "version": "3.0.0", 1204 | "resolved": "https://registry.npmjs.org/cssesc/-/cssesc-3.0.0.tgz", 1205 | "integrity": "sha512-/Tb/JcjK111nNScGob5MNtsntNM1aCNUDipB/TkwZFhyDrrE47SOx/18wF2bbjgc3ZzCSKW1T5nt5EbFoAz/Vg==", 1206 | "dev": true, 1207 | "bin": { 1208 | "cssesc": "bin/cssesc" 1209 | }, 1210 | "engines": { 1211 | "node": ">=4" 1212 | } 1213 | }, 1214 | "node_modules/csstype": { 1215 | "version": "3.1.1", 1216 | "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.1.1.tgz", 1217 | "integrity": "sha512-DJR/VvkAvSZW9bTouZue2sSxDwdTN92uHjqeKVm+0dAqdfNykRzQ95tay8aXMBAAPpUiq4Qcug2L7neoRh2Egw==" 1218 | }, 1219 | "node_modules/debug": { 1220 | "version": "4.3.4", 1221 | "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.4.tgz", 1222 | "integrity": "sha512-PRWFHuSU3eDtQJPvnNY7Jcket1j0t5OuOsFzPPzsekD52Zl8qUfFIPEiswXqIvHWGVHOgX+7G/vCNNhehwxfkQ==", 1223 | "dev": true, 1224 | "dependencies": { 1225 | "ms": "2.1.2" 1226 | }, 1227 | "engines": { 1228 | "node": ">=6.0" 1229 | }, 1230 | "peerDependenciesMeta": { 1231 | "supports-color": { 1232 | "optional": true 1233 | } 1234 | } 1235 | }, 1236 | "node_modules/didyoumean": { 1237 | "version": "1.2.2", 1238 | "resolved": "https://registry.npmjs.org/didyoumean/-/didyoumean-1.2.2.tgz", 1239 | "integrity": "sha512-gxtyfqMg7GKyhQmb056K7M3xszy/myH8w+B4RT+QXBQsvAOdc3XymqDDPHx1BgPgsdAA5SIifona89YtRATDzw==", 1240 | "dev": true 1241 | }, 1242 | "node_modules/dlv": { 1243 | "version": "1.1.3", 1244 | "resolved": "https://registry.npmjs.org/dlv/-/dlv-1.1.3.tgz", 1245 | "integrity": "sha512-+HlytyjlPKnIG8XuRG8WvmBP8xs8P71y+SKKS6ZXWoEgLuePxtDoUEiH7WkdePWrQ5JBpE6aoVqfZfJUQkjXwA==", 1246 | "dev": true 1247 | }, 1248 | "node_modules/electron-to-chromium": { 1249 | "version": "1.4.345", 1250 | "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.345.tgz", 1251 | "integrity": "sha512-znGhOQK2TUYLICgS25uaM0a7pHy66rSxbre7l762vg9AUoCcJK+Bu+HCPWpjL/U/kK8/Hf+6E0szAUJSyVYb3Q==", 1252 | "dev": true 1253 | }, 1254 | "node_modules/esbuild": { 1255 | "version": "0.17.14", 1256 | "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.17.14.tgz", 1257 | "integrity": "sha512-vOO5XhmVj/1XQR9NQ1UPq6qvMYL7QFJU57J5fKBKBKxp17uDt5PgxFDb4A2nEiXhr1qQs4x0F5+66hVVw4ruNw==", 1258 | "dev": true, 1259 | "hasInstallScript": true, 1260 | "bin": { 1261 | "esbuild": "bin/esbuild" 1262 | }, 1263 | "engines": { 1264 | "node": ">=12" 1265 | }, 1266 | "optionalDependencies": { 1267 | "@esbuild/android-arm": "0.17.14", 1268 | "@esbuild/android-arm64": "0.17.14", 1269 | "@esbuild/android-x64": "0.17.14", 1270 | "@esbuild/darwin-arm64": "0.17.14", 1271 | "@esbuild/darwin-x64": "0.17.14", 1272 | "@esbuild/freebsd-arm64": "0.17.14", 1273 | "@esbuild/freebsd-x64": "0.17.14", 1274 | "@esbuild/linux-arm": "0.17.14", 1275 | "@esbuild/linux-arm64": "0.17.14", 1276 | "@esbuild/linux-ia32": "0.17.14", 1277 | "@esbuild/linux-loong64": "0.17.14", 1278 | "@esbuild/linux-mips64el": "0.17.14", 1279 | "@esbuild/linux-ppc64": "0.17.14", 1280 | "@esbuild/linux-riscv64": "0.17.14", 1281 | "@esbuild/linux-s390x": "0.17.14", 1282 | "@esbuild/linux-x64": "0.17.14", 1283 | "@esbuild/netbsd-x64": "0.17.14", 1284 | "@esbuild/openbsd-x64": "0.17.14", 1285 | "@esbuild/sunos-x64": "0.17.14", 1286 | "@esbuild/win32-arm64": "0.17.14", 1287 | "@esbuild/win32-ia32": "0.17.14", 1288 | "@esbuild/win32-x64": "0.17.14" 1289 | } 1290 | }, 1291 | "node_modules/escalade": { 1292 | "version": "3.1.1", 1293 | "resolved": "https://registry.npmjs.org/escalade/-/escalade-3.1.1.tgz", 1294 | "integrity": "sha512-k0er2gUkLf8O0zKJiAhmkTnJlTvINGv7ygDNPbeIsX/TJjGJZHuh9B2UxbsaEkmlEo9MfhrSzmhIlhRlI2GXnw==", 1295 | "dev": true, 1296 | "engines": { 1297 | "node": ">=6" 1298 | } 1299 | }, 1300 | "node_modules/escape-string-regexp": { 1301 | "version": "1.0.5", 1302 | "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-1.0.5.tgz", 1303 | "integrity": "sha512-vbRorB5FUQWvla16U8R/qgaFIya2qGzwDrNmCZuYKrbdSUMG6I1ZCGQRefkRVhuOkIGVne7BQ35DSfo1qvJqFg==", 1304 | "dev": true, 1305 | "engines": { 1306 | "node": ">=0.8.0" 1307 | } 1308 | }, 1309 | "node_modules/fast-glob": { 1310 | "version": "3.2.12", 1311 | "resolved": "https://registry.npmjs.org/fast-glob/-/fast-glob-3.2.12.tgz", 1312 | "integrity": "sha512-DVj4CQIYYow0BlaelwK1pHl5n5cRSJfM60UA0zK891sVInoPri2Ekj7+e1CT3/3qxXenpI+nBBmQAcJPJgaj4w==", 1313 | "dev": true, 1314 | "dependencies": { 1315 | "@nodelib/fs.stat": "^2.0.2", 1316 | "@nodelib/fs.walk": "^1.2.3", 1317 | "glob-parent": "^5.1.2", 1318 | "merge2": "^1.3.0", 1319 | "micromatch": "^4.0.4" 1320 | }, 1321 | "engines": { 1322 | "node": ">=8.6.0" 1323 | } 1324 | }, 1325 | "node_modules/fast-glob/node_modules/glob-parent": { 1326 | "version": "5.1.2", 1327 | "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz", 1328 | "integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==", 1329 | "dev": true, 1330 | "dependencies": { 1331 | "is-glob": "^4.0.1" 1332 | }, 1333 | "engines": { 1334 | "node": ">= 6" 1335 | } 1336 | }, 1337 | "node_modules/fastq": { 1338 | "version": "1.15.0", 1339 | "resolved": "https://registry.npmjs.org/fastq/-/fastq-1.15.0.tgz", 1340 | "integrity": "sha512-wBrocU2LCXXa+lWBt8RoIRD89Fi8OdABODa/kEnyeyjS5aZO5/GNvI5sEINADqP/h8M29UHTHUb53sUu5Ihqdw==", 1341 | "dev": true, 1342 | "dependencies": { 1343 | "reusify": "^1.0.4" 1344 | } 1345 | }, 1346 | "node_modules/fill-range": { 1347 | "version": "7.0.1", 1348 | "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.0.1.tgz", 1349 | "integrity": "sha512-qOo9F+dMUmC2Lcb4BbVvnKJxTPjCm+RRpe4gDuGrzkL7mEVl/djYSu2OdQ2Pa302N4oqkSg9ir6jaLWJ2USVpQ==", 1350 | "dev": true, 1351 | "dependencies": { 1352 | "to-regex-range": "^5.0.1" 1353 | }, 1354 | "engines": { 1355 | "node": ">=8" 1356 | } 1357 | }, 1358 | "node_modules/fraction.js": { 1359 | "version": "4.2.0", 1360 | "resolved": "https://registry.npmjs.org/fraction.js/-/fraction.js-4.2.0.tgz", 1361 | "integrity": "sha512-MhLuK+2gUcnZe8ZHlaaINnQLl0xRIGRfcGk2yl8xoQAfHrSsL3rYu6FCmBdkdbhc9EPlwyGHewaRsvwRMJtAlA==", 1362 | "dev": true, 1363 | "engines": { 1364 | "node": "*" 1365 | }, 1366 | "funding": { 1367 | "type": "patreon", 1368 | "url": "https://www.patreon.com/infusion" 1369 | } 1370 | }, 1371 | "node_modules/framer-motion": { 1372 | "version": "10.10.0", 1373 | "resolved": "https://registry.npmjs.org/framer-motion/-/framer-motion-10.10.0.tgz", 1374 | "integrity": "sha512-eCsyOcJimIRbx9KOzBTO3j9u1rF/H8/o/ybizYqdrzHkEeHx9L2NcEfGWfV0OHTc1JV17ECVzuZpomupEJ4+dw==", 1375 | "dependencies": { 1376 | "tslib": "^2.4.0" 1377 | }, 1378 | "optionalDependencies": { 1379 | "@emotion/is-prop-valid": "^0.8.2" 1380 | }, 1381 | "peerDependencies": { 1382 | "react": "^18.0.0", 1383 | "react-dom": "^18.0.0" 1384 | }, 1385 | "peerDependenciesMeta": { 1386 | "react": { 1387 | "optional": true 1388 | }, 1389 | "react-dom": { 1390 | "optional": true 1391 | } 1392 | } 1393 | }, 1394 | "node_modules/fs.realpath": { 1395 | "version": "1.0.0", 1396 | "resolved": "https://registry.npmjs.org/fs.realpath/-/fs.realpath-1.0.0.tgz", 1397 | "integrity": "sha512-OO0pH2lK6a0hZnAdau5ItzHPI6pUlvI7jMVnxUQRtw4owF2wk8lOSabtGDCTP4Ggrg2MbGnWO9X8K1t4+fGMDw==", 1398 | "dev": true 1399 | }, 1400 | "node_modules/fsevents": { 1401 | "version": "2.3.2", 1402 | "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.2.tgz", 1403 | "integrity": "sha512-xiqMQR4xAeHTuB9uWm+fFRcIOgKBMiOBP+eXiyT7jsgVCq1bkVygt00oASowB7EdtpOHaaPgKt812P9ab+DDKA==", 1404 | "dev": true, 1405 | "hasInstallScript": true, 1406 | "optional": true, 1407 | "os": [ 1408 | "darwin" 1409 | ], 1410 | "engines": { 1411 | "node": "^8.16.0 || ^10.6.0 || >=11.0.0" 1412 | } 1413 | }, 1414 | "node_modules/function-bind": { 1415 | "version": "1.1.1", 1416 | "resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.1.tgz", 1417 | "integrity": "sha512-yIovAzMX49sF8Yl58fSCWJ5svSLuaibPxXQJFLmBObTuCr0Mf1KiPopGM9NiFjiYBCbfaa2Fh6breQ6ANVTI0A==", 1418 | "dev": true 1419 | }, 1420 | "node_modules/gensync": { 1421 | "version": "1.0.0-beta.2", 1422 | "resolved": "https://registry.npmjs.org/gensync/-/gensync-1.0.0-beta.2.tgz", 1423 | "integrity": "sha512-3hN7NaskYvMDLQY55gnW3NQ+mesEAepTqlg+VEbj7zzqEMBVNhzcGYYeqFo/TlYz6eQiFcp1HcsCZO+nGgS8zg==", 1424 | "dev": true, 1425 | "engines": { 1426 | "node": ">=6.9.0" 1427 | } 1428 | }, 1429 | "node_modules/glob": { 1430 | "version": "7.1.6", 1431 | "resolved": "https://registry.npmjs.org/glob/-/glob-7.1.6.tgz", 1432 | "integrity": "sha512-LwaxwyZ72Lk7vZINtNNrywX0ZuLyStrdDtabefZKAY5ZGJhVtgdznluResxNmPitE0SAO+O26sWTHeKSI2wMBA==", 1433 | "dev": true, 1434 | "dependencies": { 1435 | "fs.realpath": "^1.0.0", 1436 | "inflight": "^1.0.4", 1437 | "inherits": "2", 1438 | "minimatch": "^3.0.4", 1439 | "once": "^1.3.0", 1440 | "path-is-absolute": "^1.0.0" 1441 | }, 1442 | "engines": { 1443 | "node": "*" 1444 | }, 1445 | "funding": { 1446 | "url": "https://github.com/sponsors/isaacs" 1447 | } 1448 | }, 1449 | "node_modules/glob-parent": { 1450 | "version": "6.0.2", 1451 | "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-6.0.2.tgz", 1452 | "integrity": "sha512-XxwI8EOhVQgWp6iDL+3b0r86f4d6AX6zSU55HfB4ydCEuXLXc5FcYeOu+nnGftS4TEju/11rt4KJPTMgbfmv4A==", 1453 | "dev": true, 1454 | "dependencies": { 1455 | "is-glob": "^4.0.3" 1456 | }, 1457 | "engines": { 1458 | "node": ">=10.13.0" 1459 | } 1460 | }, 1461 | "node_modules/globals": { 1462 | "version": "11.12.0", 1463 | "resolved": "https://registry.npmjs.org/globals/-/globals-11.12.0.tgz", 1464 | "integrity": "sha512-WOBp/EEGUiIsJSp7wcv/y6MO+lV9UoncWqxuFfm8eBwzWNgyfBd6Gz+IeKQ9jCmyhoH99g15M3T+QaVHFjizVA==", 1465 | "dev": true, 1466 | "engines": { 1467 | "node": ">=4" 1468 | } 1469 | }, 1470 | "node_modules/has": { 1471 | "version": "1.0.3", 1472 | "resolved": "https://registry.npmjs.org/has/-/has-1.0.3.tgz", 1473 | "integrity": "sha512-f2dvO0VU6Oej7RkWJGrehjbzMAjFp5/VKPp5tTpWIV4JHHZK1/BxbFRtf/siA2SWTe09caDmVtYYzWEIbBS4zw==", 1474 | "dev": true, 1475 | "dependencies": { 1476 | "function-bind": "^1.1.1" 1477 | }, 1478 | "engines": { 1479 | "node": ">= 0.4.0" 1480 | } 1481 | }, 1482 | "node_modules/has-flag": { 1483 | "version": "3.0.0", 1484 | "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-3.0.0.tgz", 1485 | "integrity": "sha512-sKJf1+ceQBr4SMkvQnBDNDtf4TXpVhVGateu0t918bl30FnbE2m4vNLX+VWe/dpjlb+HugGYzW7uQXH98HPEYw==", 1486 | "dev": true, 1487 | "engines": { 1488 | "node": ">=4" 1489 | } 1490 | }, 1491 | "node_modules/hoist-non-react-statics": { 1492 | "version": "3.3.2", 1493 | "resolved": "https://registry.npmjs.org/hoist-non-react-statics/-/hoist-non-react-statics-3.3.2.tgz", 1494 | "integrity": "sha512-/gGivxi8JPKWNm/W0jSmzcMPpfpPLc3dY/6GxhX2hQ9iGj3aDfklV4ET7NjKpSinLpJ5vafa9iiGIEZg10SfBw==", 1495 | "dependencies": { 1496 | "react-is": "^16.7.0" 1497 | } 1498 | }, 1499 | "node_modules/hoist-non-react-statics/node_modules/react-is": { 1500 | "version": "16.13.1", 1501 | "resolved": "https://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz", 1502 | "integrity": "sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==" 1503 | }, 1504 | "node_modules/immer": { 1505 | "version": "9.0.21", 1506 | "resolved": "https://registry.npmjs.org/immer/-/immer-9.0.21.tgz", 1507 | "integrity": "sha512-bc4NBHqOqSfRW7POMkHd51LvClaeMXpm8dx0e8oE2GORbq5aRK7Bxl4FyzVLdGtLmvLKL7BTDBG5ACQm4HWjTA==", 1508 | "funding": { 1509 | "type": "opencollective", 1510 | "url": "https://opencollective.com/immer" 1511 | } 1512 | }, 1513 | "node_modules/inflight": { 1514 | "version": "1.0.6", 1515 | "resolved": "https://registry.npmjs.org/inflight/-/inflight-1.0.6.tgz", 1516 | "integrity": "sha512-k92I/b08q4wvFscXCLvqfsHCrjrF7yiXsQuIVvVE7N82W3+aqpzuUdBbfhWcy/FZR3/4IgflMgKLOsvPDrGCJA==", 1517 | "dev": true, 1518 | "dependencies": { 1519 | "once": "^1.3.0", 1520 | "wrappy": "1" 1521 | } 1522 | }, 1523 | "node_modules/inherits": { 1524 | "version": "2.0.4", 1525 | "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.4.tgz", 1526 | "integrity": "sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==", 1527 | "dev": true 1528 | }, 1529 | "node_modules/is-binary-path": { 1530 | "version": "2.1.0", 1531 | "resolved": "https://registry.npmjs.org/is-binary-path/-/is-binary-path-2.1.0.tgz", 1532 | "integrity": "sha512-ZMERYes6pDydyuGidse7OsHxtbI7WVeUEozgR/g7rd0xUimYNlvZRE/K2MgZTjWy725IfelLeVcEM97mmtRGXw==", 1533 | "dev": true, 1534 | "dependencies": { 1535 | "binary-extensions": "^2.0.0" 1536 | }, 1537 | "engines": { 1538 | "node": ">=8" 1539 | } 1540 | }, 1541 | "node_modules/is-core-module": { 1542 | "version": "2.11.0", 1543 | "resolved": "https://registry.npmjs.org/is-core-module/-/is-core-module-2.11.0.tgz", 1544 | "integrity": "sha512-RRjxlvLDkD1YJwDbroBHMb+cukurkDWNyHx7D3oNB5x9rb5ogcksMC5wHCadcXoo67gVr/+3GFySh3134zi6rw==", 1545 | "dev": true, 1546 | "dependencies": { 1547 | "has": "^1.0.3" 1548 | }, 1549 | "funding": { 1550 | "url": "https://github.com/sponsors/ljharb" 1551 | } 1552 | }, 1553 | "node_modules/is-extglob": { 1554 | "version": "2.1.1", 1555 | "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz", 1556 | "integrity": "sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==", 1557 | "dev": true, 1558 | "engines": { 1559 | "node": ">=0.10.0" 1560 | } 1561 | }, 1562 | "node_modules/is-glob": { 1563 | "version": "4.0.3", 1564 | "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-4.0.3.tgz", 1565 | "integrity": "sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==", 1566 | "dev": true, 1567 | "dependencies": { 1568 | "is-extglob": "^2.1.1" 1569 | }, 1570 | "engines": { 1571 | "node": ">=0.10.0" 1572 | } 1573 | }, 1574 | "node_modules/is-number": { 1575 | "version": "7.0.0", 1576 | "resolved": "https://registry.npmjs.org/is-number/-/is-number-7.0.0.tgz", 1577 | "integrity": "sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==", 1578 | "dev": true, 1579 | "engines": { 1580 | "node": ">=0.12.0" 1581 | } 1582 | }, 1583 | "node_modules/jiti": { 1584 | "version": "1.18.2", 1585 | "resolved": "https://registry.npmjs.org/jiti/-/jiti-1.18.2.tgz", 1586 | "integrity": "sha512-QAdOptna2NYiSSpv0O/BwoHBSmz4YhpzJHyi+fnMRTXFjp7B8i/YG5Z8IfusxB1ufjcD2Sre1F3R+nX3fvy7gg==", 1587 | "dev": true, 1588 | "bin": { 1589 | "jiti": "bin/jiti.js" 1590 | } 1591 | }, 1592 | "node_modules/js-tokens": { 1593 | "version": "4.0.0", 1594 | "resolved": "https://registry.npmjs.org/js-tokens/-/js-tokens-4.0.0.tgz", 1595 | "integrity": "sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==" 1596 | }, 1597 | "node_modules/jsesc": { 1598 | "version": "2.5.2", 1599 | "resolved": "https://registry.npmjs.org/jsesc/-/jsesc-2.5.2.tgz", 1600 | "integrity": "sha512-OYu7XEzjkCQ3C5Ps3QIZsQfNpqoJyZZA99wd9aWd05NCtC5pWOkShK2mkL6HXQR6/Cy2lbNdPlZBpuQHXE63gA==", 1601 | "dev": true, 1602 | "bin": { 1603 | "jsesc": "bin/jsesc" 1604 | }, 1605 | "engines": { 1606 | "node": ">=4" 1607 | } 1608 | }, 1609 | "node_modules/json5": { 1610 | "version": "2.2.3", 1611 | "resolved": "https://registry.npmjs.org/json5/-/json5-2.2.3.tgz", 1612 | "integrity": "sha512-XmOWe7eyHYH14cLdVPoyg+GOH3rYX++KpzrylJwSW98t3Nk+U8XOl8FWKOgwtzdb8lXGf6zYwDUzeHMWfxasyg==", 1613 | "dev": true, 1614 | "bin": { 1615 | "json5": "lib/cli.js" 1616 | }, 1617 | "engines": { 1618 | "node": ">=6" 1619 | } 1620 | }, 1621 | "node_modules/lilconfig": { 1622 | "version": "2.1.0", 1623 | "resolved": "https://registry.npmjs.org/lilconfig/-/lilconfig-2.1.0.tgz", 1624 | "integrity": "sha512-utWOt/GHzuUxnLKxB6dk81RoOeoNeHgbrXiuGk4yyF5qlRz+iIVWu56E2fqGHFrXz0QNUhLB/8nKqvRH66JKGQ==", 1625 | "dev": true, 1626 | "engines": { 1627 | "node": ">=10" 1628 | } 1629 | }, 1630 | "node_modules/lines-and-columns": { 1631 | "version": "1.2.4", 1632 | "resolved": "https://registry.npmjs.org/lines-and-columns/-/lines-and-columns-1.2.4.tgz", 1633 | "integrity": "sha512-7ylylesZQ/PV29jhEDl3Ufjo6ZX7gCqJr5F7PKrqc93v7fzSymt1BpwEU8nAUXs8qzzvqhbjhK5QZg6Mt/HkBg==", 1634 | "dev": true 1635 | }, 1636 | "node_modules/loose-envify": { 1637 | "version": "1.4.0", 1638 | "resolved": "https://registry.npmjs.org/loose-envify/-/loose-envify-1.4.0.tgz", 1639 | "integrity": "sha512-lyuxPGr/Wfhrlem2CL/UcnUc1zcqKAImBDzukY7Y5F/yQiNdko6+fRLevlw1HgMySw7f611UIY408EtxRSoK3Q==", 1640 | "dependencies": { 1641 | "js-tokens": "^3.0.0 || ^4.0.0" 1642 | }, 1643 | "bin": { 1644 | "loose-envify": "cli.js" 1645 | } 1646 | }, 1647 | "node_modules/lru-cache": { 1648 | "version": "5.1.1", 1649 | "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-5.1.1.tgz", 1650 | "integrity": "sha512-KpNARQA3Iwv+jTA0utUVVbrh+Jlrr1Fv0e56GGzAFOXN7dk/FviaDW8LHmK52DlcH4WP2n6gI8vN1aesBFgo9w==", 1651 | "dev": true, 1652 | "dependencies": { 1653 | "yallist": "^3.0.2" 1654 | } 1655 | }, 1656 | "node_modules/magic-string": { 1657 | "version": "0.27.0", 1658 | "resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.27.0.tgz", 1659 | "integrity": "sha512-8UnnX2PeRAPZuN12svgR9j7M1uWMovg/CEnIwIG0LFkXSJJe4PdfUGiTGl8V9bsBHFUtfVINcSyYxd7q+kx9fA==", 1660 | "dev": true, 1661 | "dependencies": { 1662 | "@jridgewell/sourcemap-codec": "^1.4.13" 1663 | }, 1664 | "engines": { 1665 | "node": ">=12" 1666 | } 1667 | }, 1668 | "node_modules/merge2": { 1669 | "version": "1.4.1", 1670 | "resolved": "https://registry.npmjs.org/merge2/-/merge2-1.4.1.tgz", 1671 | "integrity": "sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==", 1672 | "dev": true, 1673 | "engines": { 1674 | "node": ">= 8" 1675 | } 1676 | }, 1677 | "node_modules/micromatch": { 1678 | "version": "4.0.5", 1679 | "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-4.0.5.tgz", 1680 | "integrity": "sha512-DMy+ERcEW2q8Z2Po+WNXuw3c5YaUSFjAO5GsJqfEl7UjvtIuFKO6ZrKvcItdy98dwFI2N1tg3zNIdKaQT+aNdA==", 1681 | "dev": true, 1682 | "dependencies": { 1683 | "braces": "^3.0.2", 1684 | "picomatch": "^2.3.1" 1685 | }, 1686 | "engines": { 1687 | "node": ">=8.6" 1688 | } 1689 | }, 1690 | "node_modules/minimatch": { 1691 | "version": "3.1.2", 1692 | "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz", 1693 | "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==", 1694 | "dev": true, 1695 | "dependencies": { 1696 | "brace-expansion": "^1.1.7" 1697 | }, 1698 | "engines": { 1699 | "node": "*" 1700 | } 1701 | }, 1702 | "node_modules/moment": { 1703 | "version": "2.29.4", 1704 | "resolved": "https://registry.npmjs.org/moment/-/moment-2.29.4.tgz", 1705 | "integrity": "sha512-5LC9SOxjSc2HF6vO2CyuTDNivEdoz2IvyJJGj6X8DJ0eFyfszE0QiEd+iXmBvUP3WHxSjFH/vIsA0EN00cgr8w==", 1706 | "engines": { 1707 | "node": "*" 1708 | } 1709 | }, 1710 | "node_modules/ms": { 1711 | "version": "2.1.2", 1712 | "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz", 1713 | "integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==", 1714 | "dev": true 1715 | }, 1716 | "node_modules/mz": { 1717 | "version": "2.7.0", 1718 | "resolved": "https://registry.npmjs.org/mz/-/mz-2.7.0.tgz", 1719 | "integrity": "sha512-z81GNO7nnYMEhrGh9LeymoE4+Yr0Wn5McHIZMK5cfQCl+NDX08sCZgUc9/6MHni9IWuFLm1Z3HTCXu2z9fN62Q==", 1720 | "dev": true, 1721 | "dependencies": { 1722 | "any-promise": "^1.0.0", 1723 | "object-assign": "^4.0.1", 1724 | "thenify-all": "^1.0.0" 1725 | } 1726 | }, 1727 | "node_modules/nanoid": { 1728 | "version": "3.3.6", 1729 | "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.6.tgz", 1730 | "integrity": "sha512-BGcqMMJuToF7i1rt+2PWSNVnWIkGCU78jBG3RxO/bZlnZPK2Cmi2QaffxGO/2RvWi9sL+FAiRiXMgsyxQ1DIDA==", 1731 | "dev": true, 1732 | "funding": [ 1733 | { 1734 | "type": "github", 1735 | "url": "https://github.com/sponsors/ai" 1736 | } 1737 | ], 1738 | "bin": { 1739 | "nanoid": "bin/nanoid.cjs" 1740 | }, 1741 | "engines": { 1742 | "node": "^10 || ^12 || ^13.7 || ^14 || >=15.0.1" 1743 | } 1744 | }, 1745 | "node_modules/node-releases": { 1746 | "version": "2.0.10", 1747 | "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.10.tgz", 1748 | "integrity": "sha512-5GFldHPXVG/YZmFzJvKK2zDSzPKhEp0+ZR5SVaoSag9fsL5YgHbUHDfnG5494ISANDcK4KwPXAx2xqVEydmd7w==", 1749 | "dev": true 1750 | }, 1751 | "node_modules/normalize-path": { 1752 | "version": "3.0.0", 1753 | "resolved": "https://registry.npmjs.org/normalize-path/-/normalize-path-3.0.0.tgz", 1754 | "integrity": "sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==", 1755 | "dev": true, 1756 | "engines": { 1757 | "node": ">=0.10.0" 1758 | } 1759 | }, 1760 | "node_modules/normalize-range": { 1761 | "version": "0.1.2", 1762 | "resolved": "https://registry.npmjs.org/normalize-range/-/normalize-range-0.1.2.tgz", 1763 | "integrity": "sha512-bdok/XvKII3nUpklnV6P2hxtMNrCboOjAcyBuQnWEhO665FwrSNRxU+AqpsyvO6LgGYPspN+lu5CLtw4jPRKNA==", 1764 | "dev": true, 1765 | "engines": { 1766 | "node": ">=0.10.0" 1767 | } 1768 | }, 1769 | "node_modules/object-assign": { 1770 | "version": "4.1.1", 1771 | "resolved": "https://registry.npmjs.org/object-assign/-/object-assign-4.1.1.tgz", 1772 | "integrity": "sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg==", 1773 | "dev": true, 1774 | "engines": { 1775 | "node": ">=0.10.0" 1776 | } 1777 | }, 1778 | "node_modules/object-hash": { 1779 | "version": "3.0.0", 1780 | "resolved": "https://registry.npmjs.org/object-hash/-/object-hash-3.0.0.tgz", 1781 | "integrity": "sha512-RSn9F68PjH9HqtltsSnqYC1XXoWe9Bju5+213R98cNGttag9q9yAOTzdbsqvIa7aNm5WffBZFpWYr2aWrklWAw==", 1782 | "dev": true, 1783 | "engines": { 1784 | "node": ">= 6" 1785 | } 1786 | }, 1787 | "node_modules/once": { 1788 | "version": "1.4.0", 1789 | "resolved": "https://registry.npmjs.org/once/-/once-1.4.0.tgz", 1790 | "integrity": "sha512-lNaJgI+2Q5URQBkccEKHTQOPaXdUxnZZElQTZY0MFUAuaEqe1E+Nyvgdz/aIyNi6Z9MzO5dv1H8n58/GELp3+w==", 1791 | "dev": true, 1792 | "dependencies": { 1793 | "wrappy": "1" 1794 | } 1795 | }, 1796 | "node_modules/path-is-absolute": { 1797 | "version": "1.0.1", 1798 | "resolved": "https://registry.npmjs.org/path-is-absolute/-/path-is-absolute-1.0.1.tgz", 1799 | "integrity": "sha512-AVbw3UJ2e9bq64vSaS9Am0fje1Pa8pbGqTTsmXfaIiMpnr5DlDhfJOuLj9Sf95ZPVDAUerDfEk88MPmPe7UCQg==", 1800 | "dev": true, 1801 | "engines": { 1802 | "node": ">=0.10.0" 1803 | } 1804 | }, 1805 | "node_modules/path-parse": { 1806 | "version": "1.0.7", 1807 | "resolved": "https://registry.npmjs.org/path-parse/-/path-parse-1.0.7.tgz", 1808 | "integrity": "sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==", 1809 | "dev": true 1810 | }, 1811 | "node_modules/picocolors": { 1812 | "version": "1.0.0", 1813 | "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.0.0.tgz", 1814 | "integrity": "sha512-1fygroTLlHu66zi26VoTDv8yRgm0Fccecssto+MhsZ0D/DGW2sm8E8AjW7NU5VVTRt5GxbeZ5qBuJr+HyLYkjQ==", 1815 | "dev": true 1816 | }, 1817 | "node_modules/picomatch": { 1818 | "version": "2.3.1", 1819 | "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz", 1820 | "integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==", 1821 | "dev": true, 1822 | "engines": { 1823 | "node": ">=8.6" 1824 | }, 1825 | "funding": { 1826 | "url": "https://github.com/sponsors/jonschlinkert" 1827 | } 1828 | }, 1829 | "node_modules/pify": { 1830 | "version": "2.3.0", 1831 | "resolved": "https://registry.npmjs.org/pify/-/pify-2.3.0.tgz", 1832 | "integrity": "sha512-udgsAY+fTnvv7kI7aaxbqwWNb0AHiB0qBO89PZKPkoTmGOgdbrHDKD+0B2X4uTfJ/FT1R09r9gTsjUjNJotuog==", 1833 | "dev": true, 1834 | "engines": { 1835 | "node": ">=0.10.0" 1836 | } 1837 | }, 1838 | "node_modules/pirates": { 1839 | "version": "4.0.5", 1840 | "resolved": "https://registry.npmjs.org/pirates/-/pirates-4.0.5.tgz", 1841 | "integrity": "sha512-8V9+HQPupnaXMA23c5hvl69zXvTwTzyAYasnkb0Tts4XvO4CliqONMOnvlq26rkhLC3nWDFBJf73LU1e1VZLaQ==", 1842 | "dev": true, 1843 | "engines": { 1844 | "node": ">= 6" 1845 | } 1846 | }, 1847 | "node_modules/postcss": { 1848 | "version": "8.4.21", 1849 | "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.21.tgz", 1850 | "integrity": "sha512-tP7u/Sn/dVxK2NnruI4H9BG+x+Wxz6oeZ1cJ8P6G/PZY0IKk4k/63TDsQf2kQq3+qoJeLm2kIBUNlZe3zgb4Zg==", 1851 | "dev": true, 1852 | "funding": [ 1853 | { 1854 | "type": "opencollective", 1855 | "url": "https://opencollective.com/postcss/" 1856 | }, 1857 | { 1858 | "type": "tidelift", 1859 | "url": "https://tidelift.com/funding/github/npm/postcss" 1860 | } 1861 | ], 1862 | "dependencies": { 1863 | "nanoid": "^3.3.4", 1864 | "picocolors": "^1.0.0", 1865 | "source-map-js": "^1.0.2" 1866 | }, 1867 | "engines": { 1868 | "node": "^10 || ^12 || >=14" 1869 | } 1870 | }, 1871 | "node_modules/postcss-import": { 1872 | "version": "14.1.0", 1873 | "resolved": "https://registry.npmjs.org/postcss-import/-/postcss-import-14.1.0.tgz", 1874 | "integrity": "sha512-flwI+Vgm4SElObFVPpTIT7SU7R3qk2L7PyduMcokiaVKuWv9d/U+Gm/QAd8NDLuykTWTkcrjOeD2Pp1rMeBTGw==", 1875 | "dev": true, 1876 | "dependencies": { 1877 | "postcss-value-parser": "^4.0.0", 1878 | "read-cache": "^1.0.0", 1879 | "resolve": "^1.1.7" 1880 | }, 1881 | "engines": { 1882 | "node": ">=10.0.0" 1883 | }, 1884 | "peerDependencies": { 1885 | "postcss": "^8.0.0" 1886 | } 1887 | }, 1888 | "node_modules/postcss-js": { 1889 | "version": "4.0.1", 1890 | "resolved": "https://registry.npmjs.org/postcss-js/-/postcss-js-4.0.1.tgz", 1891 | "integrity": "sha512-dDLF8pEO191hJMtlHFPRa8xsizHaM82MLfNkUHdUtVEV3tgTp5oj+8qbEqYM57SLfc74KSbw//4SeJma2LRVIw==", 1892 | "dev": true, 1893 | "dependencies": { 1894 | "camelcase-css": "^2.0.1" 1895 | }, 1896 | "engines": { 1897 | "node": "^12 || ^14 || >= 16" 1898 | }, 1899 | "funding": { 1900 | "type": "opencollective", 1901 | "url": "https://opencollective.com/postcss/" 1902 | }, 1903 | "peerDependencies": { 1904 | "postcss": "^8.4.21" 1905 | } 1906 | }, 1907 | "node_modules/postcss-load-config": { 1908 | "version": "3.1.4", 1909 | "resolved": "https://registry.npmjs.org/postcss-load-config/-/postcss-load-config-3.1.4.tgz", 1910 | "integrity": "sha512-6DiM4E7v4coTE4uzA8U//WhtPwyhiim3eyjEMFCnUpzbrkK9wJHgKDT2mR+HbtSrd/NubVaYTOpSpjUl8NQeRg==", 1911 | "dev": true, 1912 | "dependencies": { 1913 | "lilconfig": "^2.0.5", 1914 | "yaml": "^1.10.2" 1915 | }, 1916 | "engines": { 1917 | "node": ">= 10" 1918 | }, 1919 | "funding": { 1920 | "type": "opencollective", 1921 | "url": "https://opencollective.com/postcss/" 1922 | }, 1923 | "peerDependencies": { 1924 | "postcss": ">=8.0.9", 1925 | "ts-node": ">=9.0.0" 1926 | }, 1927 | "peerDependenciesMeta": { 1928 | "postcss": { 1929 | "optional": true 1930 | }, 1931 | "ts-node": { 1932 | "optional": true 1933 | } 1934 | } 1935 | }, 1936 | "node_modules/postcss-nested": { 1937 | "version": "6.0.0", 1938 | "resolved": "https://registry.npmjs.org/postcss-nested/-/postcss-nested-6.0.0.tgz", 1939 | "integrity": "sha512-0DkamqrPcmkBDsLn+vQDIrtkSbNkv5AD/M322ySo9kqFkCIYklym2xEmWkwo+Y3/qZo34tzEPNUw4y7yMCdv5w==", 1940 | "dev": true, 1941 | "dependencies": { 1942 | "postcss-selector-parser": "^6.0.10" 1943 | }, 1944 | "engines": { 1945 | "node": ">=12.0" 1946 | }, 1947 | "funding": { 1948 | "type": "opencollective", 1949 | "url": "https://opencollective.com/postcss/" 1950 | }, 1951 | "peerDependencies": { 1952 | "postcss": "^8.2.14" 1953 | } 1954 | }, 1955 | "node_modules/postcss-selector-parser": { 1956 | "version": "6.0.11", 1957 | "resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-6.0.11.tgz", 1958 | "integrity": "sha512-zbARubNdogI9j7WY4nQJBiNqQf3sLS3wCP4WfOidu+p28LofJqDH1tcXypGrcmMHhDk2t9wGhCsYe/+szLTy1g==", 1959 | "dev": true, 1960 | "dependencies": { 1961 | "cssesc": "^3.0.0", 1962 | "util-deprecate": "^1.0.2" 1963 | }, 1964 | "engines": { 1965 | "node": ">=4" 1966 | } 1967 | }, 1968 | "node_modules/postcss-value-parser": { 1969 | "version": "4.2.0", 1970 | "resolved": "https://registry.npmjs.org/postcss-value-parser/-/postcss-value-parser-4.2.0.tgz", 1971 | "integrity": "sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==", 1972 | "dev": true 1973 | }, 1974 | "node_modules/queue-microtask": { 1975 | "version": "1.2.3", 1976 | "resolved": "https://registry.npmjs.org/queue-microtask/-/queue-microtask-1.2.3.tgz", 1977 | "integrity": "sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==", 1978 | "dev": true, 1979 | "funding": [ 1980 | { 1981 | "type": "github", 1982 | "url": "https://github.com/sponsors/feross" 1983 | }, 1984 | { 1985 | "type": "patreon", 1986 | "url": "https://www.patreon.com/feross" 1987 | }, 1988 | { 1989 | "type": "consulting", 1990 | "url": "https://feross.org/support" 1991 | } 1992 | ] 1993 | }, 1994 | "node_modules/quick-lru": { 1995 | "version": "5.1.1", 1996 | "resolved": "https://registry.npmjs.org/quick-lru/-/quick-lru-5.1.1.tgz", 1997 | "integrity": "sha512-WuyALRjWPDGtt/wzJiadO5AXY+8hZ80hVpe6MyivgraREW751X3SbhRvG3eLKOYN+8VEvqLcf3wdnt44Z4S4SA==", 1998 | "dev": true, 1999 | "engines": { 2000 | "node": ">=10" 2001 | }, 2002 | "funding": { 2003 | "url": "https://github.com/sponsors/sindresorhus" 2004 | } 2005 | }, 2006 | "node_modules/react": { 2007 | "version": "18.2.0", 2008 | "resolved": "https://registry.npmjs.org/react/-/react-18.2.0.tgz", 2009 | "integrity": "sha512-/3IjMdb2L9QbBdWiW5e3P2/npwMBaU9mHCSCUzNln0ZCYbcfTsGbTJrU/kGemdH2IWmB2ioZ+zkxtmq6g09fGQ==", 2010 | "dependencies": { 2011 | "loose-envify": "^1.1.0" 2012 | }, 2013 | "engines": { 2014 | "node": ">=0.10.0" 2015 | } 2016 | }, 2017 | "node_modules/react-dom": { 2018 | "version": "18.2.0", 2019 | "resolved": "https://registry.npmjs.org/react-dom/-/react-dom-18.2.0.tgz", 2020 | "integrity": "sha512-6IMTriUmvsjHUjNtEDudZfuDQUoWXVxKHhlEGSk81n4YFS+r/Kl99wXiwlVXtPBtJenozv2P+hxDsw9eA7Xo6g==", 2021 | "dependencies": { 2022 | "loose-envify": "^1.1.0", 2023 | "scheduler": "^0.23.0" 2024 | }, 2025 | "peerDependencies": { 2026 | "react": "^18.2.0" 2027 | } 2028 | }, 2029 | "node_modules/react-is": { 2030 | "version": "18.2.0", 2031 | "resolved": "https://registry.npmjs.org/react-is/-/react-is-18.2.0.tgz", 2032 | "integrity": "sha512-xWGDIW6x921xtzPkhiULtthJHoJvBbF3q26fzloPCK0hsvxtPVelvftw3zjbHWSkR2km9Z+4uxbDDK/6Zw9B8w==" 2033 | }, 2034 | "node_modules/react-redux": { 2035 | "version": "8.0.5", 2036 | "resolved": "https://registry.npmjs.org/react-redux/-/react-redux-8.0.5.tgz", 2037 | "integrity": "sha512-Q2f6fCKxPFpkXt1qNRZdEDLlScsDWyrgSj0mliK59qU6W5gvBiKkdMEG2lJzhd1rCctf0hb6EtePPLZ2e0m1uw==", 2038 | "dependencies": { 2039 | "@babel/runtime": "^7.12.1", 2040 | "@types/hoist-non-react-statics": "^3.3.1", 2041 | "@types/use-sync-external-store": "^0.0.3", 2042 | "hoist-non-react-statics": "^3.3.2", 2043 | "react-is": "^18.0.0", 2044 | "use-sync-external-store": "^1.0.0" 2045 | }, 2046 | "peerDependencies": { 2047 | "@types/react": "^16.8 || ^17.0 || ^18.0", 2048 | "@types/react-dom": "^16.8 || ^17.0 || ^18.0", 2049 | "react": "^16.8 || ^17.0 || ^18.0", 2050 | "react-dom": "^16.8 || ^17.0 || ^18.0", 2051 | "react-native": ">=0.59", 2052 | "redux": "^4" 2053 | }, 2054 | "peerDependenciesMeta": { 2055 | "@types/react": { 2056 | "optional": true 2057 | }, 2058 | "@types/react-dom": { 2059 | "optional": true 2060 | }, 2061 | "react-dom": { 2062 | "optional": true 2063 | }, 2064 | "react-native": { 2065 | "optional": true 2066 | }, 2067 | "redux": { 2068 | "optional": true 2069 | } 2070 | } 2071 | }, 2072 | "node_modules/react-refresh": { 2073 | "version": "0.14.0", 2074 | "resolved": "https://registry.npmjs.org/react-refresh/-/react-refresh-0.14.0.tgz", 2075 | "integrity": "sha512-wViHqhAd8OHeLS/IRMJjTSDHF3U9eWi62F/MledQGPdJGDhodXJ9PBLNGr6WWL7qlH12Mt3TyTpbS+hGXMjCzQ==", 2076 | "dev": true, 2077 | "engines": { 2078 | "node": ">=0.10.0" 2079 | } 2080 | }, 2081 | "node_modules/react-router": { 2082 | "version": "6.10.0", 2083 | "resolved": "https://registry.npmjs.org/react-router/-/react-router-6.10.0.tgz", 2084 | "integrity": "sha512-Nrg0BWpQqrC3ZFFkyewrflCud9dio9ME3ojHCF/WLsprJVzkq3q3UeEhMCAW1dobjeGbWgjNn/PVF6m46ANxXQ==", 2085 | "dependencies": { 2086 | "@remix-run/router": "1.5.0" 2087 | }, 2088 | "engines": { 2089 | "node": ">=14" 2090 | }, 2091 | "peerDependencies": { 2092 | "react": ">=16.8" 2093 | } 2094 | }, 2095 | "node_modules/react-router-dom": { 2096 | "version": "6.10.0", 2097 | "resolved": "https://registry.npmjs.org/react-router-dom/-/react-router-dom-6.10.0.tgz", 2098 | "integrity": "sha512-E5dfxRPuXKJqzwSe/qGcqdwa18QiWC6f3H3cWXM24qj4N0/beCIf/CWTipop2xm7mR0RCS99NnaqPNjHtrAzCg==", 2099 | "dependencies": { 2100 | "@remix-run/router": "1.5.0", 2101 | "react-router": "6.10.0" 2102 | }, 2103 | "engines": { 2104 | "node": ">=14" 2105 | }, 2106 | "peerDependencies": { 2107 | "react": ">=16.8", 2108 | "react-dom": ">=16.8" 2109 | } 2110 | }, 2111 | "node_modules/read-cache": { 2112 | "version": "1.0.0", 2113 | "resolved": "https://registry.npmjs.org/read-cache/-/read-cache-1.0.0.tgz", 2114 | "integrity": "sha512-Owdv/Ft7IjOgm/i0xvNDZ1LrRANRfew4b2prF3OWMQLxLfu3bS8FVhCsrSCMK4lR56Y9ya+AThoTpDCTxCmpRA==", 2115 | "dev": true, 2116 | "dependencies": { 2117 | "pify": "^2.3.0" 2118 | } 2119 | }, 2120 | "node_modules/readdirp": { 2121 | "version": "3.6.0", 2122 | "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-3.6.0.tgz", 2123 | "integrity": "sha512-hOS089on8RduqdbhvQ5Z37A0ESjsqz6qnRcffsMU3495FuTdqSm+7bhJ29JvIOsBDEEnan5DPu9t3To9VRlMzA==", 2124 | "dev": true, 2125 | "dependencies": { 2126 | "picomatch": "^2.2.1" 2127 | }, 2128 | "engines": { 2129 | "node": ">=8.10.0" 2130 | } 2131 | }, 2132 | "node_modules/redux": { 2133 | "version": "4.2.1", 2134 | "resolved": "https://registry.npmjs.org/redux/-/redux-4.2.1.tgz", 2135 | "integrity": "sha512-LAUYz4lc+Do8/g7aeRa8JkyDErK6ekstQaqWQrNRW//MY1TvCEpMtpTWvlQ+FPbWCx+Xixu/6SHt5N0HR+SB4w==", 2136 | "dependencies": { 2137 | "@babel/runtime": "^7.9.2" 2138 | } 2139 | }, 2140 | "node_modules/redux-thunk": { 2141 | "version": "2.4.2", 2142 | "resolved": "https://registry.npmjs.org/redux-thunk/-/redux-thunk-2.4.2.tgz", 2143 | "integrity": "sha512-+P3TjtnP0k/FEjcBL5FZpoovtvrTNT/UXd4/sluaSyrURlSlhLSzEdfsTBW7WsKB6yPvgd7q/iZPICFjW4o57Q==", 2144 | "peerDependencies": { 2145 | "redux": "^4" 2146 | } 2147 | }, 2148 | "node_modules/regenerator-runtime": { 2149 | "version": "0.13.11", 2150 | "resolved": "https://registry.npmjs.org/regenerator-runtime/-/regenerator-runtime-0.13.11.tgz", 2151 | "integrity": "sha512-kY1AZVr2Ra+t+piVaJ4gxaFaReZVH40AKNo7UCX6W+dEwBo/2oZJzqfuN1qLq1oL45o56cPaTXELwrTh8Fpggg==" 2152 | }, 2153 | "node_modules/reselect": { 2154 | "version": "4.1.7", 2155 | "resolved": "https://registry.npmjs.org/reselect/-/reselect-4.1.7.tgz", 2156 | "integrity": "sha512-Zu1xbUt3/OPwsXL46hvOOoQrap2azE7ZQbokq61BQfiXvhewsKDwhMeZjTX9sX0nvw1t/U5Audyn1I9P/m9z0A==" 2157 | }, 2158 | "node_modules/resolve": { 2159 | "version": "1.22.1", 2160 | "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.22.1.tgz", 2161 | "integrity": "sha512-nBpuuYuY5jFsli/JIs1oldw6fOQCBioohqWZg/2hiaOybXOft4lonv85uDOKXdf8rhyK159cxU5cDcK/NKk8zw==", 2162 | "dev": true, 2163 | "dependencies": { 2164 | "is-core-module": "^2.9.0", 2165 | "path-parse": "^1.0.7", 2166 | "supports-preserve-symlinks-flag": "^1.0.0" 2167 | }, 2168 | "bin": { 2169 | "resolve": "bin/resolve" 2170 | }, 2171 | "funding": { 2172 | "url": "https://github.com/sponsors/ljharb" 2173 | } 2174 | }, 2175 | "node_modules/reusify": { 2176 | "version": "1.0.4", 2177 | "resolved": "https://registry.npmjs.org/reusify/-/reusify-1.0.4.tgz", 2178 | "integrity": "sha512-U9nH88a3fc/ekCF1l0/UP1IosiuIjyTh7hBvXVMHYgVcfGvt897Xguj2UOLDeI5BG2m7/uwyaLVT6fbtCwTyzw==", 2179 | "dev": true, 2180 | "engines": { 2181 | "iojs": ">=1.0.0", 2182 | "node": ">=0.10.0" 2183 | } 2184 | }, 2185 | "node_modules/rollup": { 2186 | "version": "3.20.2", 2187 | "resolved": "https://registry.npmjs.org/rollup/-/rollup-3.20.2.tgz", 2188 | "integrity": "sha512-3zwkBQl7Ai7MFYQE0y1MeQ15+9jsi7XxfrqwTb/9EK8D9C9+//EBR4M+CuA1KODRaNbFez/lWxA5vhEGZp4MUg==", 2189 | "dev": true, 2190 | "bin": { 2191 | "rollup": "dist/bin/rollup" 2192 | }, 2193 | "engines": { 2194 | "node": ">=14.18.0", 2195 | "npm": ">=8.0.0" 2196 | }, 2197 | "optionalDependencies": { 2198 | "fsevents": "~2.3.2" 2199 | } 2200 | }, 2201 | "node_modules/run-parallel": { 2202 | "version": "1.2.0", 2203 | "resolved": "https://registry.npmjs.org/run-parallel/-/run-parallel-1.2.0.tgz", 2204 | "integrity": "sha512-5l4VyZR86LZ/lDxZTR6jqL8AFE2S0IFLMP26AbjsLVADxHdhB/c0GUsH+y39UfCi3dzz8OlQuPmnaJOMoDHQBA==", 2205 | "dev": true, 2206 | "funding": [ 2207 | { 2208 | "type": "github", 2209 | "url": "https://github.com/sponsors/feross" 2210 | }, 2211 | { 2212 | "type": "patreon", 2213 | "url": "https://www.patreon.com/feross" 2214 | }, 2215 | { 2216 | "type": "consulting", 2217 | "url": "https://feross.org/support" 2218 | } 2219 | ], 2220 | "dependencies": { 2221 | "queue-microtask": "^1.2.2" 2222 | } 2223 | }, 2224 | "node_modules/scheduler": { 2225 | "version": "0.23.0", 2226 | "resolved": "https://registry.npmjs.org/scheduler/-/scheduler-0.23.0.tgz", 2227 | "integrity": "sha512-CtuThmgHNg7zIZWAXi3AsyIzA3n4xx7aNyjwC2VJldO2LMVDhFK+63xGqq6CsJH4rTAt6/M+N4GhZiDYPx9eUw==", 2228 | "dependencies": { 2229 | "loose-envify": "^1.1.0" 2230 | } 2231 | }, 2232 | "node_modules/semver": { 2233 | "version": "6.3.0", 2234 | "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.0.tgz", 2235 | "integrity": "sha512-b39TBaTSfV6yBrapU89p5fKekE2m/NwnDocOVruQFS1/veMgdzuPcnOM34M6CwxW8jH/lxEa5rBoDeUwu5HHTw==", 2236 | "dev": true, 2237 | "bin": { 2238 | "semver": "bin/semver.js" 2239 | } 2240 | }, 2241 | "node_modules/source-map-js": { 2242 | "version": "1.0.2", 2243 | "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.0.2.tgz", 2244 | "integrity": "sha512-R0XvVJ9WusLiqTCEiGCmICCMplcCkIwwR11mOSD9CR5u+IXYdiseeEuXCVAjS54zqwkLcPNnmU4OeJ6tUrWhDw==", 2245 | "dev": true, 2246 | "engines": { 2247 | "node": ">=0.10.0" 2248 | } 2249 | }, 2250 | "node_modules/sucrase": { 2251 | "version": "3.31.0", 2252 | "resolved": "https://registry.npmjs.org/sucrase/-/sucrase-3.31.0.tgz", 2253 | "integrity": "sha512-6QsHnkqyVEzYcaiHsOKkzOtOgdJcb8i54x6AV2hDwyZcY9ZyykGZVw6L/YN98xC0evwTP6utsWWrKRaa8QlfEQ==", 2254 | "dev": true, 2255 | "dependencies": { 2256 | "commander": "^4.0.0", 2257 | "glob": "7.1.6", 2258 | "lines-and-columns": "^1.1.6", 2259 | "mz": "^2.7.0", 2260 | "pirates": "^4.0.1", 2261 | "ts-interface-checker": "^0.1.9" 2262 | }, 2263 | "bin": { 2264 | "sucrase": "bin/sucrase", 2265 | "sucrase-node": "bin/sucrase-node" 2266 | }, 2267 | "engines": { 2268 | "node": ">=8" 2269 | } 2270 | }, 2271 | "node_modules/supports-color": { 2272 | "version": "5.5.0", 2273 | "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz", 2274 | "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==", 2275 | "dev": true, 2276 | "dependencies": { 2277 | "has-flag": "^3.0.0" 2278 | }, 2279 | "engines": { 2280 | "node": ">=4" 2281 | } 2282 | }, 2283 | "node_modules/supports-preserve-symlinks-flag": { 2284 | "version": "1.0.0", 2285 | "resolved": "https://registry.npmjs.org/supports-preserve-symlinks-flag/-/supports-preserve-symlinks-flag-1.0.0.tgz", 2286 | "integrity": "sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==", 2287 | "dev": true, 2288 | "engines": { 2289 | "node": ">= 0.4" 2290 | }, 2291 | "funding": { 2292 | "url": "https://github.com/sponsors/ljharb" 2293 | } 2294 | }, 2295 | "node_modules/tailwind-scrollbar-hide": { 2296 | "version": "1.1.7", 2297 | "resolved": "https://registry.npmjs.org/tailwind-scrollbar-hide/-/tailwind-scrollbar-hide-1.1.7.tgz", 2298 | "integrity": "sha512-X324n9OtpTmOMqEgDUEA/RgLrNfBF/jwJdctaPZDzB3mppxJk7TLIDmOreEDm1Bq4R9LSPu4Epf8VSdovNU+iA==" 2299 | }, 2300 | "node_modules/tailwindcss": { 2301 | "version": "3.3.0", 2302 | "resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-3.3.0.tgz", 2303 | "integrity": "sha512-hOXlFx+YcklJ8kXiCAfk/FMyr4Pm9ck477G0m/us2344Vuj355IpoEDB5UmGAsSpTBmr+4ZhjzW04JuFXkb/fw==", 2304 | "dev": true, 2305 | "dependencies": { 2306 | "arg": "^5.0.2", 2307 | "chokidar": "^3.5.3", 2308 | "color-name": "^1.1.4", 2309 | "didyoumean": "^1.2.2", 2310 | "dlv": "^1.1.3", 2311 | "fast-glob": "^3.2.12", 2312 | "glob-parent": "^6.0.2", 2313 | "is-glob": "^4.0.3", 2314 | "jiti": "^1.17.2", 2315 | "lilconfig": "^2.0.6", 2316 | "micromatch": "^4.0.5", 2317 | "normalize-path": "^3.0.0", 2318 | "object-hash": "^3.0.0", 2319 | "picocolors": "^1.0.0", 2320 | "postcss": "^8.0.9", 2321 | "postcss-import": "^14.1.0", 2322 | "postcss-js": "^4.0.0", 2323 | "postcss-load-config": "^3.1.4", 2324 | "postcss-nested": "6.0.0", 2325 | "postcss-selector-parser": "^6.0.11", 2326 | "postcss-value-parser": "^4.2.0", 2327 | "quick-lru": "^5.1.1", 2328 | "resolve": "^1.22.1", 2329 | "sucrase": "^3.29.0" 2330 | }, 2331 | "bin": { 2332 | "tailwind": "lib/cli.js", 2333 | "tailwindcss": "lib/cli.js" 2334 | }, 2335 | "engines": { 2336 | "node": ">=12.13.0" 2337 | }, 2338 | "peerDependencies": { 2339 | "postcss": "^8.0.9" 2340 | } 2341 | }, 2342 | "node_modules/tailwindcss/node_modules/color-name": { 2343 | "version": "1.1.4", 2344 | "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz", 2345 | "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==", 2346 | "dev": true 2347 | }, 2348 | "node_modules/thenify": { 2349 | "version": "3.3.1", 2350 | "resolved": "https://registry.npmjs.org/thenify/-/thenify-3.3.1.tgz", 2351 | "integrity": "sha512-RVZSIV5IG10Hk3enotrhvz0T9em6cyHBLkH/YAZuKqd8hRkKhSfCGIcP2KUY0EPxndzANBmNllzWPwak+bheSw==", 2352 | "dev": true, 2353 | "dependencies": { 2354 | "any-promise": "^1.0.0" 2355 | } 2356 | }, 2357 | "node_modules/thenify-all": { 2358 | "version": "1.6.0", 2359 | "resolved": "https://registry.npmjs.org/thenify-all/-/thenify-all-1.6.0.tgz", 2360 | "integrity": "sha512-RNxQH/qI8/t3thXJDwcstUO4zeqo64+Uy/+sNVRBx4Xn2OX+OZ9oP+iJnNFqplFra2ZUVeKCSa2oVWi3T4uVmA==", 2361 | "dev": true, 2362 | "dependencies": { 2363 | "thenify": ">= 3.1.0 < 4" 2364 | }, 2365 | "engines": { 2366 | "node": ">=0.8" 2367 | } 2368 | }, 2369 | "node_modules/to-fast-properties": { 2370 | "version": "2.0.0", 2371 | "resolved": "https://registry.npmjs.org/to-fast-properties/-/to-fast-properties-2.0.0.tgz", 2372 | "integrity": "sha512-/OaKK0xYrs3DmxRYqL/yDc+FxFUVYhDlXMhRmv3z915w2HF1tnN1omB354j8VUGO/hbRzyD6Y3sA7v7GS/ceog==", 2373 | "dev": true, 2374 | "engines": { 2375 | "node": ">=4" 2376 | } 2377 | }, 2378 | "node_modules/to-regex-range": { 2379 | "version": "5.0.1", 2380 | "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz", 2381 | "integrity": "sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==", 2382 | "dev": true, 2383 | "dependencies": { 2384 | "is-number": "^7.0.0" 2385 | }, 2386 | "engines": { 2387 | "node": ">=8.0" 2388 | } 2389 | }, 2390 | "node_modules/ts-interface-checker": { 2391 | "version": "0.1.13", 2392 | "resolved": "https://registry.npmjs.org/ts-interface-checker/-/ts-interface-checker-0.1.13.tgz", 2393 | "integrity": "sha512-Y/arvbn+rrz3JCKl9C4kVNfTfSm2/mEp5FSz5EsZSANGPSlQrpRI5M4PKF+mJnE52jOO90PnPSc3Ur3bTQw0gA==", 2394 | "dev": true 2395 | }, 2396 | "node_modules/tslib": { 2397 | "version": "2.5.0", 2398 | "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.5.0.tgz", 2399 | "integrity": "sha512-336iVw3rtn2BUK7ORdIAHTyxHGRIHVReokCR3XjbckJMK7ms8FysBfhLR8IXnAgy7T0PTPNBWKiH514FOW/WSg==" 2400 | }, 2401 | "node_modules/update-browserslist-db": { 2402 | "version": "1.0.10", 2403 | "resolved": "https://registry.npmjs.org/update-browserslist-db/-/update-browserslist-db-1.0.10.tgz", 2404 | "integrity": "sha512-OztqDenkfFkbSG+tRxBeAnCVPckDBcvibKd35yDONx6OU8N7sqgwc7rCbkJ/WcYtVRZ4ba68d6byhC21GFh7sQ==", 2405 | "dev": true, 2406 | "funding": [ 2407 | { 2408 | "type": "opencollective", 2409 | "url": "https://opencollective.com/browserslist" 2410 | }, 2411 | { 2412 | "type": "tidelift", 2413 | "url": "https://tidelift.com/funding/github/npm/browserslist" 2414 | } 2415 | ], 2416 | "dependencies": { 2417 | "escalade": "^3.1.1", 2418 | "picocolors": "^1.0.0" 2419 | }, 2420 | "bin": { 2421 | "browserslist-lint": "cli.js" 2422 | }, 2423 | "peerDependencies": { 2424 | "browserslist": ">= 4.21.0" 2425 | } 2426 | }, 2427 | "node_modules/use-sync-external-store": { 2428 | "version": "1.2.0", 2429 | "resolved": "https://registry.npmjs.org/use-sync-external-store/-/use-sync-external-store-1.2.0.tgz", 2430 | "integrity": "sha512-eEgnFxGQ1Ife9bzYs6VLi8/4X6CObHMw9Qr9tPY43iKwsPw8xE8+EFsf/2cFZ5S3esXgpWgtSCtLNS41F+sKPA==", 2431 | "peerDependencies": { 2432 | "react": "^16.8.0 || ^17.0.0 || ^18.0.0" 2433 | } 2434 | }, 2435 | "node_modules/util-deprecate": { 2436 | "version": "1.0.2", 2437 | "resolved": "https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz", 2438 | "integrity": "sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==", 2439 | "dev": true 2440 | }, 2441 | "node_modules/uuid": { 2442 | "version": "9.0.0", 2443 | "resolved": "https://registry.npmjs.org/uuid/-/uuid-9.0.0.tgz", 2444 | "integrity": "sha512-MXcSTerfPa4uqyzStbRoTgt5XIe3x5+42+q1sDuy3R5MDk66URdLMOZe5aPX/SQd+kuYAh0FdP/pO28IkQyTeg==", 2445 | "bin": { 2446 | "uuid": "dist/bin/uuid" 2447 | } 2448 | }, 2449 | "node_modules/vite": { 2450 | "version": "4.2.1", 2451 | "resolved": "https://registry.npmjs.org/vite/-/vite-4.2.1.tgz", 2452 | "integrity": "sha512-7MKhqdy0ISo4wnvwtqZkjke6XN4taqQ2TBaTccLIpOKv7Vp2h4Y+NpmWCnGDeSvvn45KxvWgGyb0MkHvY1vgbg==", 2453 | "dev": true, 2454 | "dependencies": { 2455 | "esbuild": "^0.17.5", 2456 | "postcss": "^8.4.21", 2457 | "resolve": "^1.22.1", 2458 | "rollup": "^3.18.0" 2459 | }, 2460 | "bin": { 2461 | "vite": "bin/vite.js" 2462 | }, 2463 | "engines": { 2464 | "node": "^14.18.0 || >=16.0.0" 2465 | }, 2466 | "optionalDependencies": { 2467 | "fsevents": "~2.3.2" 2468 | }, 2469 | "peerDependencies": { 2470 | "@types/node": ">= 14", 2471 | "less": "*", 2472 | "sass": "*", 2473 | "stylus": "*", 2474 | "sugarss": "*", 2475 | "terser": "^5.4.0" 2476 | }, 2477 | "peerDependenciesMeta": { 2478 | "@types/node": { 2479 | "optional": true 2480 | }, 2481 | "less": { 2482 | "optional": true 2483 | }, 2484 | "sass": { 2485 | "optional": true 2486 | }, 2487 | "stylus": { 2488 | "optional": true 2489 | }, 2490 | "sugarss": { 2491 | "optional": true 2492 | }, 2493 | "terser": { 2494 | "optional": true 2495 | } 2496 | } 2497 | }, 2498 | "node_modules/wrappy": { 2499 | "version": "1.0.2", 2500 | "resolved": "https://registry.npmjs.org/wrappy/-/wrappy-1.0.2.tgz", 2501 | "integrity": "sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ==", 2502 | "dev": true 2503 | }, 2504 | "node_modules/yallist": { 2505 | "version": "3.1.1", 2506 | "resolved": "https://registry.npmjs.org/yallist/-/yallist-3.1.1.tgz", 2507 | "integrity": "sha512-a4UGQaWPH59mOXUYnAG2ewncQS4i4F43Tv3JoAM+s2VDAmS9NsK8GpDMLrCHPksFT7h3K6TOoUNn2pb7RoXx4g==", 2508 | "dev": true 2509 | }, 2510 | "node_modules/yaml": { 2511 | "version": "1.10.2", 2512 | "resolved": "https://registry.npmjs.org/yaml/-/yaml-1.10.2.tgz", 2513 | "integrity": "sha512-r3vXyErRCYJ7wg28yvBY5VSoAF8ZvlcW9/BwUzEtUsjvX/DKs24dIkuwjtuprwJJHsbyUbLApepYTR1BN4uHrg==", 2514 | "dev": true, 2515 | "engines": { 2516 | "node": ">= 6" 2517 | } 2518 | } 2519 | } 2520 | } 2521 | -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "invoice-webapp", 3 | "private": true, 4 | "version": "0.0.0", 5 | "type": "module", 6 | "scripts": { 7 | "dev": "vite", 8 | "build": "vite build", 9 | "preview": "vite preview" 10 | }, 11 | "dependencies": { 12 | "@heroicons/react": "^2.0.17", 13 | "@reduxjs/toolkit": "^1.9.3", 14 | "framer-motion": "^10.10.0", 15 | "moment": "^2.29.4", 16 | "react": "^18.2.0", 17 | "react-dom": "^18.2.0", 18 | "react-redux": "^8.0.5", 19 | "react-router-dom": "^6.10.0", 20 | "tailwind-scrollbar-hide": "^1.1.7", 21 | "uuid": "^9.0.0" 22 | }, 23 | "devDependencies": { 24 | "@types/react": "^18.0.28", 25 | "@types/react-dom": "^18.0.11", 26 | "@vitejs/plugin-react": "^3.1.0", 27 | "autoprefixer": "^10.4.14", 28 | "postcss": "^8.4.21", 29 | "tailwindcss": "^3.3.0", 30 | "vite": "^4.2.0" 31 | } 32 | } 33 | -------------------------------------------------------------------------------- /postcss.config.js: -------------------------------------------------------------------------------- 1 | export default { 2 | plugins: { 3 | tailwindcss: {}, 4 | autoprefixer: {}, 5 | }, 6 | } 7 | -------------------------------------------------------------------------------- /public/firstPage.webp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Hesam-Dearboy/Invoice-web-app-react/3d9c78b2801901e360a4ec604850f8e9ce091cb7/public/firstPage.webp -------------------------------------------------------------------------------- /public/innerPage.webp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Hesam-Dearboy/Invoice-web-app-react/3d9c78b2801901e360a4ec604850f8e9ce091cb7/public/innerPage.webp -------------------------------------------------------------------------------- /public/vite.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/App.jsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | import Center from './components/Center' 3 | import Header from './components/Header' 4 | import { AnimatePresence } from 'framer-motion'; 5 | import { Routes, Route, useLocation} from 'react-router-dom'; 6 | import InvoiceInfo from './components/InvoiceInfo'; 7 | import invoiceSlice from './redux/invoiceSlice'; 8 | import { useDispatch } from 'react-redux'; 9 | 10 | function App() { 11 | const location = useLocation() 12 | const dispatch = useDispatch() 13 | 14 | const onDelete = (id) => { 15 | dispatch(invoiceSlice.actions.deleteInvoice({id : id })) 16 | } 17 | 18 | return ( 19 |
20 |
21 | 22 | 23 | 24 | < Route element={
} path='' /> 25 | < Route element={} path='/invoice' /> 26 | 27 | 28 | 29 |
30 | ) 31 | } 32 | 33 | export default App -------------------------------------------------------------------------------- /src/assets/data/data.json: -------------------------------------------------------------------------------- 1 | [ 2 | { 3 | "id": "RT3080", 4 | "createdAt": "2021-8-18", 5 | "paymentDue": "2021-8-19", 6 | "description": "Re-branding", 7 | "paymentTerms": 1, 8 | "clientName": "Jensen Huang", 9 | "clientEmail": "jensenh@mail.com", 10 | "status": "paid", 11 | "senderAddress": { 12 | "street": "19 Union Terrace", 13 | "city": "London", 14 | "postCode": "E1 3EZ", 15 | "country": "United Kingdom" 16 | }, 17 | "clientAddress": { 18 | "street": "106 Kendell Street", 19 | "city": "Sharrington", 20 | "postCode": "NR24 5WQ", 21 | "country": "United Kingdom" 22 | }, 23 | "items": [ 24 | { 25 | "name": "Brand Guidelines", 26 | "quantity": 1, 27 | "price": 1800.90, 28 | "total": 1800.90 29 | } 30 | ], 31 | "total": 1800.90 32 | }, 33 | { 34 | "id": "XM9141", 35 | "createdAt": "2021-8-21", 36 | "paymentDue": "2021-9-20", 37 | "description": "Graphic Design", 38 | "paymentTerms": 30, 39 | "clientName": "Alex Grim", 40 | "clientEmail": "alexgrim@mail.com", 41 | "status": "pending", 42 | "senderAddress": { 43 | "street": "19 Union Terrace", 44 | "city": "London", 45 | "postCode": "E1 3EZ", 46 | "country": "United Kingdom" 47 | }, 48 | "clientAddress": { 49 | "street": "84 Church Way", 50 | "city": "Bradford", 51 | "postCode": "BD1 9PB", 52 | "country": "United Kingdom" 53 | }, 54 | "items": [ 55 | { 56 | "name": "Banner Design", 57 | "quantity": 1, 58 | "price": 156.00, 59 | "total": 156.00 60 | }, 61 | { 62 | "name": "Email Design", 63 | "quantity": 2, 64 | "price": 200.00, 65 | "total": 400.00 66 | } 67 | ], 68 | "total": 556.00 69 | }, 70 | { 71 | "id": "RG0314", 72 | "createdAt": "2021-9-24", 73 | "paymentDue": "2021-10-01", 74 | "description": "Website Redesign", 75 | "paymentTerms": 7, 76 | "clientName": "John Morrison", 77 | "clientEmail": "jm@myco.com", 78 | "status": "paid", 79 | "senderAddress": { 80 | "street": "19 Union Terrace", 81 | "city": "London", 82 | "postCode": "E1 3EZ", 83 | "country": "United Kingdom" 84 | }, 85 | "clientAddress": { 86 | "street": "79 Dover Road", 87 | "city": "Westhall", 88 | "postCode": "IP19 3PF", 89 | "country": "United Kingdom" 90 | }, 91 | "items": [ 92 | { 93 | "name": "Website Redesign", 94 | "quantity": 1, 95 | "price": 14002.33, 96 | "total": 14002.33 97 | } 98 | ], 99 | "total": 14002.33 100 | }, 101 | { 102 | "id": "RT2080", 103 | "createdAt": "2021-10-11", 104 | "paymentDue": "2021-10-12", 105 | "description": "Logo Concept", 106 | "paymentTerms": 1, 107 | "clientName": "Alysa Werner", 108 | "clientEmail": "alysa@email.co.uk", 109 | "status": "pending", 110 | "senderAddress": { 111 | "street": "19 Union Terrace", 112 | "city": "London", 113 | "postCode": "E1 3EZ", 114 | "country": "United Kingdom" 115 | }, 116 | "clientAddress": { 117 | "street": "63 Warwick Road", 118 | "city": "Carlisle", 119 | "postCode": "CA20 2TG", 120 | "country": "United Kingdom" 121 | }, 122 | "items": [ 123 | { 124 | "name": "Logo Sketches", 125 | "quantity": 1, 126 | "price": 102.04, 127 | "total": 102.04 128 | } 129 | ], 130 | "total": 102.04 131 | }, 132 | { 133 | "id": "AA1449", 134 | "createdAt": "2021-10-7", 135 | "paymentDue": "2021-10-14", 136 | "description": "Re-branding", 137 | "paymentTerms": 7, 138 | "clientName": "Mellisa Clarke", 139 | "clientEmail": "mellisa.clarke@example.com", 140 | "status": "pending", 141 | "senderAddress": { 142 | "street": "19 Union Terrace", 143 | "city": "London", 144 | "postCode": "E1 3EZ", 145 | "country": "United Kingdom" 146 | }, 147 | "clientAddress": { 148 | "street": "46 Abbey Row", 149 | "city": "Cambridge", 150 | "postCode": "CB5 6EG", 151 | "country": "United Kingdom" 152 | }, 153 | "items": [ 154 | { 155 | "name": "New Logo", 156 | "quantity": 1, 157 | "price": 1532.33, 158 | "total": 1532.33 159 | }, 160 | { 161 | "name": "Brand Guidelines", 162 | "quantity": 1, 163 | "price": 2500.00, 164 | "total": 2500.00 165 | } 166 | ], 167 | "total": 4032.33 168 | }, 169 | { 170 | "id": "TY9141", 171 | "createdAt": "2021-10-01", 172 | "paymentDue": "2021-10-31", 173 | "description": "Landing Page Design", 174 | "paymentTerms": 30, 175 | "clientName": "Thomas Wayne", 176 | "clientEmail": "thomas@dc.com", 177 | "status": "pending", 178 | "senderAddress": { 179 | "street": "19 Union Terrace", 180 | "city": "London", 181 | "postCode": "E1 3EZ", 182 | "country": "United Kingdom" 183 | }, 184 | "clientAddress": { 185 | "street": "3964 Queens Lane", 186 | "city": "Gotham", 187 | "postCode": "60457", 188 | "country": "United States of America" 189 | }, 190 | "items": [ 191 | { 192 | "name": "Web Design", 193 | "quantity": 1, 194 | "price": 6155.91, 195 | "total": 6155.91 196 | } 197 | ], 198 | "total": 6155.91 199 | }, 200 | { 201 | "id": "FV2353", 202 | "createdAt": "2021-11-05", 203 | "paymentDue": "2021-11-12", 204 | "description": "Logo Re-design", 205 | "paymentTerms": 7, 206 | "clientName": "Anita Wainwright", 207 | "clientEmail": "", 208 | "status": "draft", 209 | "senderAddress": { 210 | "street": "19 Union Terrace", 211 | "city": "London", 212 | "postCode": "E1 3EZ", 213 | "country": "United Kingdom" 214 | }, 215 | "clientAddress": { 216 | "street": "", 217 | "city": "", 218 | "postCode": "", 219 | "country": "" 220 | }, 221 | "items": [ 222 | { 223 | "name": "Logo Re-design", 224 | "quantity": 1, 225 | "price": 3102.04, 226 | "total": 3102.04 227 | } 228 | ], 229 | "total": 3102.04 230 | } 231 | ] 232 | -------------------------------------------------------------------------------- /src/assets/favicon-32x32.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Hesam-Dearboy/Invoice-web-app-react/3d9c78b2801901e360a4ec604850f8e9ce091cb7/src/assets/favicon-32x32.png -------------------------------------------------------------------------------- /src/assets/icon-arrow-down.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/assets/icon-arrow-left.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/assets/icon-arrow-right.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/assets/icon-arrow-up.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Hesam-Dearboy/Invoice-web-app-react/3d9c78b2801901e360a4ec604850f8e9ce091cb7/src/assets/icon-arrow-up.png -------------------------------------------------------------------------------- /src/assets/icon-calendar.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/assets/icon-check.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/assets/icon-delete-hover.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Hesam-Dearboy/Invoice-web-app-react/3d9c78b2801901e360a4ec604850f8e9ce091cb7/src/assets/icon-delete-hover.png -------------------------------------------------------------------------------- /src/assets/icon-delete.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/assets/icon-moon.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/assets/icon-plus.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/assets/icon-sun.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/assets/illustration-empty.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/assets/image-avatar.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Hesam-Dearboy/Invoice-web-app-react/3d9c78b2801901e360a4ec604850f8e9ce091cb7/src/assets/image-avatar.jpg -------------------------------------------------------------------------------- /src/assets/logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Hesam-Dearboy/Invoice-web-app-react/3d9c78b2801901e360a4ec604850f8e9ce091cb7/src/assets/logo.png -------------------------------------------------------------------------------- /src/assets/logo.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/assets/plus.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Hesam-Dearboy/Invoice-web-app-react/3d9c78b2801901e360a4ec604850f8e9ce091cb7/src/assets/plus.png -------------------------------------------------------------------------------- /src/assets/react.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/components/AddItem.jsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | import { TrashIcon } from '@heroicons/react/24/solid' 3 | import { validateItemCount, validateItemName, validateItemPrice, } from '../functions/createInvoiceValidator' 4 | 5 | 6 | function AddItem({ itemDetails, setItem, isValidatorActive, onDelete, handelOnChange }) { 7 | 8 | 9 | return ( 10 |
11 | 12 |
13 |
14 |
15 |

16 | Item Name 17 |

18 | { handelOnChange(itemDetails.id, e) }} value={itemDetails.name} type='text' className={` dark:bg-[#1e2139] py-2 px-4 border-[.2px] rounded-lg focus:outline-purple-400 border-gray-300 focus:outline-none ${isValidatorActive && !validateItemName(itemDetails.name) && 'border-red-500 dark:border-red-500 outline-red-500 border-2'} dark:border-gray-800`} /> 19 |
20 | 21 |
22 |

23 | Qty. 24 |

25 | { handelOnChange(itemDetails.id, e) }} value={itemDetails.quantity} min={0} className={` dark:bg-[#1e2139] py-2 px-4 border-[.2px] rounded-lg focus:outline-purple-400 max-w-[60px] border-gray-300 focus:outline-none ${isValidatorActive && !validateItemCount(itemDetails.quantity) && 'border-red-500 dark:border-red-500 outline-red-500 border-2'} dark:border-gray-800`} /> 26 |
27 | 28 |
29 |

30 | Price 31 |

32 | { handelOnChange(itemDetails.id, e) }} value={itemDetails.price} min={0} className={` dark:bg-[#1e2139] py-2 max-w-[100px] px-4 border-[.2px] rounded-lg focus:outline-purple-400 border-gray-300 focus:outline-none ${isValidatorActive && !validateItemPrice(itemDetails.price) && 'border-red-500 dark:border-red-500 outline-red-500 border-2'} dark:border-gray-800`} /> 33 |
34 | 35 |
36 |

37 | Total 38 |

39 |
40 | {itemDetails.total} 41 |
42 |
43 |
44 | 47 | 48 |
49 |
50 | ) 51 | } 52 | 53 | 54 | 55 | export default AddItem -------------------------------------------------------------------------------- /src/components/Center.jsx: -------------------------------------------------------------------------------- 1 | import React, { useEffect, useState } from 'react' 2 | import { AnimatePresence, motion, useAnimation } from 'framer-motion' 3 | import arrowDown from '../assets/icon-arrow-down.svg' 4 | import plus from '../assets/plus.png' 5 | import InvoiceCard from './InvoiceCard' 6 | import { useDispatch, useSelector } from 'react-redux' 7 | import invoiceSlice from '../redux/invoiceSlice' 8 | import CreateInvoice from './CreateInvoice' 9 | import { useLocation } from 'react-router-dom' 10 | 11 | function Center() { 12 | const location = useLocation() 13 | const controls = useAnimation(); 14 | const dispatch = useDispatch() 15 | const filter = ['paid', 'pending', 'draft'] 16 | const [isDropdown, setIsDropdown] = useState(false) 17 | const [openCreateInvoice, setOpenCreateInvoice] = useState(false) 18 | 19 | const [filterValue, setfilterValue] = useState('') 20 | 21 | const invoices = useSelector((state) => state.invoices.filteredInvoice) 22 | 23 | useEffect(() => { 24 | dispatch(invoiceSlice.actions.filterInvoice({ status: filterValue })) 25 | }, [filterValue, dispatch]) 26 | 27 | useEffect(() => { 28 | controls.start({ 29 | y: 0, 30 | opacity: 1, 31 | transition: { 32 | type: 'spring', 33 | stiffness: 200, 34 | damping: 20 35 | } 36 | }); 37 | }, [controls]); 38 | 39 | 40 | const transition = { 41 | stiffness: 200, 42 | }; 43 | 44 | const varients = { 45 | open: { opacity: 1, x: -20, duration: 200, transition }, 46 | close: { opacity: 0, x: -100, duration: 500, transition } 47 | } 48 | 49 | 50 | 51 | return ( 52 |
53 |
54 | 55 | 62 | {/* Center Header */} 63 | 64 |
65 |
66 |

Invoices

67 |

There are {invoices.length} total invoices.

68 |
69 | 70 |
71 |
72 |

73 | Filter by status 74 |

75 |

76 | Filter 77 |

78 |
{ setIsDropdown((state) => !state) }} className=' cursor-pointer ml-3 '> 79 | { 80 | 81 | } 82 |
83 |
84 | {isDropdown && 85 | 88 | {filter.map((item, i) => ( 89 |
{ item === filterValue ? setfilterValue('') : setfilterValue(item) }} className=' items-center cursor-pointer flex space-x-2 '> 90 | 91 |

92 | {item} 93 |

94 |
95 | ))} 96 | } 97 | 98 | 103 | 104 |
105 |
106 | 107 | {/* Invoice Cards */} 108 | 109 |
110 | 111 | {invoices.map((invoice, index) => ( 112 | 120 | 121 | 122 | ))} 123 | 124 |
125 | 126 | 127 | 128 |
129 | 130 | {openCreateInvoice && 131 | 132 | } 133 | 134 |
135 | ) 136 | } 137 | 138 | export default Center -------------------------------------------------------------------------------- /src/components/CreateInvoice.jsx: -------------------------------------------------------------------------------- 1 | import React, { useState } from 'react' 2 | import { motion } from 'framer-motion' 3 | import AddItem from './AddItem' 4 | import { v4 as uuidv4 } from "uuid"; 5 | import { useDispatch } from 'react-redux'; 6 | import invoiceSlice from '../redux/invoiceSlice'; 7 | import { validateSenderStreetAddress, validateSenderPostCode, validateSenderCity, validateCLientEmail, validateCLientName, validateClientCity, validateClientPostCode, validateClientStreetAddress, validateItemCount, validateItemName, validateItemPrice, validateSenderCountry, validateClientCountry } from '../functions/createInvoiceValidator' 8 | 9 | 10 | function CreateInvoice({ openCreateInvoice, setOpenCreateInvoice, invoice, type }) { 11 | const dispatch = useDispatch() 12 | 13 | 14 | const [isFirstLoad, setIsFirstLoad] = useState(true); 15 | const [isValidatorActive, setIsValidatorActive] = useState(false) 16 | const [isValid, setIsValid] = useState(true) 17 | 18 | 19 | const [filterValue, setfilterValue] = useState('') 20 | const deliveryTimes = [ 21 | { text: 'Next 1 day', value: 1 }, 22 | { text: 'Next 7 day', value: 7 }, 23 | { text: 'Next 14 day', value: 14 }, 24 | { text: 'Next 30 day', value: 30 }, 25 | ] 26 | const [senderStreet, setSenderStreet] = useState('') 27 | const [senderCity, setSenderCity] = useState('') 28 | const [senderPostCode, setSenderPostCode] = useState('') 29 | const [senderCountry, setSenderCountry] = useState('') 30 | 31 | 32 | const [clientName, setClientName] = useState('') 33 | const [clientEmail, setClientEmail] = useState('') 34 | 35 | const [clientStreet, setClientStreet] = useState('') 36 | const [clientCity, setClientCity] = useState('') 37 | const [clientPostCode, setClientPostCode] = useState('') 38 | const [clientCountry, setClientCountry] = useState('') 39 | const [description, setDescription] = useState('') 40 | 41 | const [selectDeliveryDate, setSelectDeliveryDate] = useState('') 42 | const [paymentTerms, setpaymentTerms] = useState(deliveryTimes[0].value) 43 | 44 | const [item, setItem] = useState( 45 | [ 46 | { 47 | 'name': "", 48 | 'quantity': 1, 49 | 'price': 0, 50 | 'total': 0, 51 | id: uuidv4() 52 | } 53 | ] 54 | ) 55 | const onDelete = (id) => { 56 | setItem((pervState) => pervState.filter((el) => el.id !== id)) 57 | } 58 | 59 | const handelOnChange = (id, e) => { 60 | let data = [...item] 61 | 62 | let foundData = data.find((el) => el.id === id) 63 | 64 | if (e.target.name === 'quantity' || 'price') { 65 | foundData[e.target.name] = e.target.value 66 | foundData['total'] = ( 67 | Number(foundData.quantity) * Number(foundData.price) 68 | ).toFixed(2) 69 | } else { 70 | foundData[e.target.name] = e.target.value 71 | } 72 | 73 | setItem(data); 74 | } 75 | 76 | const onSubmit = () => { 77 | if (type === 'edit') { 78 | dispatch(invoiceSlice.actions.editInvoice({ 79 | description, 80 | paymentTerms, 81 | clientName, 82 | clientEmail, 83 | senderStreet, 84 | senderCity, 85 | senderPostCode, 86 | senderCountry, 87 | clientStreet, 88 | clientCity, 89 | clientPostCode, 90 | clientCountry, 91 | item, 92 | id: invoice.id, 93 | })) 94 | setOpenCreateInvoice(false) 95 | } else { 96 | 97 | dispatch(invoiceSlice.actions.addInvoice({ 98 | description, 99 | paymentTerms, 100 | clientName, 101 | clientEmail, 102 | senderStreet, 103 | senderCity, 104 | senderPostCode, 105 | senderCountry, 106 | clientStreet, 107 | clientCity, 108 | clientPostCode, 109 | clientCountry, 110 | item, 111 | })) 112 | dispatch(invoiceSlice.actions.filterInvoice({ status: filterValue })) 113 | 114 | } 115 | 116 | 117 | } 118 | 119 | 120 | if (type === 'edit' && isFirstLoad) { 121 | const updatedItemsArray = invoice.items.map((obj, index) => { 122 | return { ...obj, id: index + 1 }; 123 | }); 124 | 125 | 126 | 127 | setClientName(invoice.clientName) 128 | setClientCity(invoice.clientAddress.city) 129 | setClientStreet(invoice.clientAddress.street) 130 | setClientPostCode(invoice.clientAddress.postCode) 131 | setClientCountry(invoice.clientAddress.country) 132 | setClientEmail(invoice.clientEmail) 133 | setpaymentTerms(invoice.paymentTerms) 134 | setDescription(invoice.description) 135 | setSenderCity(invoice.senderAddress.city) 136 | setSenderStreet(invoice.senderAddress.street) 137 | setSenderCountry(invoice.senderAddress.country) 138 | setSenderPostCode(invoice.senderAddress.postCode) 139 | setItem(updatedItemsArray) 140 | 141 | setIsFirstLoad(false) 142 | } 143 | 144 | 145 | function itemsValidator() { 146 | const itemName = item.map(i => validateItemName(i.name)) 147 | const itemCount = item.map(i => validateItemCount(i.quantity)) 148 | const itemPrice = item.map(i => validateItemPrice(i.price)) 149 | 150 | const allItemsElement = itemCount.concat(itemPrice, itemName) 151 | 152 | return (allItemsElement.includes(false) === true ? false : true) 153 | } 154 | 155 | 156 | 157 | function validator() { 158 | if (validateSenderStreetAddress(senderStreet) && validateSenderPostCode(senderPostCode) && validateSenderCity(senderCity) && validateCLientEmail(clientEmail) && validateCLientName(clientName) && validateClientCity(clientCity) && validateClientPostCode(clientPostCode) && validateClientStreetAddress(clientStreet) && validateSenderCountry(senderCountry) && validateClientCountry(clientCountry) && itemsValidator()) { 159 | return true 160 | } 161 | return false 162 | } 163 | 164 | 165 | return ( 166 |
{ 167 | if (e.target !== e.currentTarget) { 168 | return; 169 | } 170 | setOpenCreateInvoice(false); 171 | }} 172 | className=' fixed top-0 bottom-0 left-0 right-0 bg-[#000005be]'> 173 | 174 | 182 | 183 |

184 | {type == 'edit' ? 'Edit' : 'Create'} Invoice 185 |

186 | 187 |
188 |

189 | Bill From 190 |

191 | 192 |
193 | 194 |
195 | 198 | setSenderStreet(e.target.value)} type='text' className={`dark:bg-[#1e2139] py-2 px-4 border-[.2px] rounded-lg focus:outline-purple-400 border-gray-300 focus:outline-none dark:border-gray-800 ${isValidatorActive && !validateSenderStreetAddress(senderStreet) && ' border-red-500 dark:border-red-500 outline-red-500 border-2'}`} /> 199 |
200 | 201 |
202 | 205 | setSenderCity(e.target.value)} className={`dark:bg-[#1e2139] py-2 px-4 border-[.2px] focus:outline-none rounded-lg focus:outline-purple-400 border-gray-300 ${isValidatorActive && !validateSenderCity(senderCity) && 'border-red-500 dark:border-red-500 outline-red-500 border-2'} dark:border-gray-800`} /> 206 |
207 |
208 | 211 | setSenderPostCode(e.target.value)} className={` dark:bg-[#1e2139] py-2 px-4 border-[.2px] rounded-lg focus:outline-none focus:outline-purple-400 border-gray-300 ${isValidatorActive && !validateSenderPostCode(senderPostCode) && 'border-red-500 dark:border-red-500 outline-red-500 border-2'} dark:border-gray-800`} /> 212 |
213 |
214 | 217 | setSenderCountry(e.target.value)} className={` dark:bg-[#1e2139] py-2 px-4 border-[.2px] focus:outline-none rounded-lg focus:outline-purple-400 ${isValidatorActive && !validateSenderCountry(senderCountry) && 'border-red-500 dark:border-red-500 outline-red-500 border-2'} border-gray-300 dark:border-gray-800`} /> 218 |
219 | 220 | 221 |
222 | 223 | {/* Bill to Section */} 224 | 225 |

226 | Bill To 227 |

228 | 229 |
230 |
231 | 234 | setClientName(e.target.value)} className={` dark:bg-[#1e2139] py-2 px-4 border-[.2px] rounded-lg focus:outline-purple-400 border-gray-300 focus:outline-none ${isValidatorActive && !validateCLientName(clientName) && 'border-red-500 dark:border-red-500 outline-red-500 border-2'} dark:border-gray-800`} /> 235 |
236 | 237 |
238 | 241 | setClientEmail(e.target.value)} className={` dark:bg-[#1e2139] py-2 px-4 border-[.2px] rounded-lg focus:outline-purple-400 border-gray-300 focus:outline-none ${isValidatorActive && !validateCLientEmail(clientEmail) && 'border-red-500 dark:border-red-500 outline-red-500 border-2'} dark:border-gray-800`} /> 242 |
243 | 244 |
245 | 248 | setClientStreet(e.target.value)} className={` dark:bg-[#1e2139] py-2 px-4 border-[.2px] rounded-lg focus:outline-purple-400 border-gray-300 focus:outline-none ${isValidatorActive && !validateClientStreetAddress(clientStreet) && 'border-red-500 dark:border-red-500 outline-red-500 border-2'} dark:border-gray-800`} /> 249 |
250 | 251 |
252 | 255 | setClientCity(e.target.value)} className={` dark:bg-[#1e2139] py-2 px-4 border-[.2px] rounded-lg focus:outline-purple-400 border-gray-300 focus:outline-none ${isValidatorActive && !validateClientCity(clientCity) && 'border-red-500 dark:border-red-500 outline-red-500 border-2'} dark:border-gray-800`} /> 256 |
257 |
258 | 261 | setClientPostCode(e.target.value)} 262 | className={` dark:bg-[#1e2139] py-2 px-4 border-[.2px] rounded-lg focus:outline-purple-400 border-gray-300 focus:outline-none ${isValidatorActive && !validateClientPostCode(clientPostCode) && 'border-red-500 dark:border-red-500 outline-red-500 border-2'} dark:border-gray-800`} 263 | /> 264 |
265 |
266 | 269 | setClientCountry(e.target.value)} 270 | className={` dark:bg-[#1e2139] py-2 px-4 border-[.2px] rounded-lg focus:outline-purple-400 border-gray-300 focus:outline-none ${isValidatorActive && !validateClientCountry(clientCountry) && 'border-red-500 dark:border-red-500 outline-red-500 border-2'} dark:border-gray-800`} /> 271 |
272 | 273 | 274 |
275 | 276 |
277 |
278 | 281 | setSelectDeliveryDate(e.target.value)} className=' dark:bg-[#1e2139] py-2 px-4 border-[.2px] rounded-lg focus:outline-purple-400 border-gray-300 focus:outline-none dark:border-gray-800 dark:text-white mr-4' /> 282 |
283 | 284 |
285 | 288 | 295 |
296 | 297 | 298 |
299 | 300 |
301 | 304 | setDescription(e.target.value)} type='text' className=' dark:bg-[#1e2139] py-2 px-4 border-[.2px] rounded-lg focus:outline-none focus:outline-purple-400 border-gray-300 dark:border-gray-800 dark:text-white' /> 305 |
306 | 307 | {/* Item List Section */} 308 | 309 |

310 | Item List 311 |

312 | {item.map((itemDetails, index) => ( 313 |
314 | 315 |
316 | ))} 317 | 318 | 319 | 320 | 337 | 338 |
339 | 340 |
341 |
342 | 349 |
350 | 351 |
352 | 362 |
363 |
364 | 365 | 366 | 367 | 368 | 369 |
370 | ) 371 | } 372 | 373 | export default CreateInvoice -------------------------------------------------------------------------------- /src/components/DeleteModal.jsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | 3 | function DeleteModal({ invoiceId,onDeleteButtonClick, setIsDeleteModalOpen }) { 4 | return ( 5 |
{ 7 | if (e.target !== e.currentTarget) { 8 | return; 9 | } 10 | setIsDeleteModalOpen(false); 11 | }} 12 | className="fixed right-0 top-0 px-2 py-4 overflow-scroll scrollbar-hide z-50 left-0 bottom-0 justify-center items-center flex bg-[#000005be] "> 13 | {/* Delete Modal */} 14 | 15 |
16 |

17 | Confirm Deletion 18 |

19 | 20 |

21 | Are you sure you want to delete invoice {invoiceId}? This action cannot be undone. 22 |

23 | 24 |
25 | 31 | 37 |
38 |
39 |
40 | ) 41 | } 42 | 43 | export default DeleteModal -------------------------------------------------------------------------------- /src/components/Header.jsx: -------------------------------------------------------------------------------- 1 | import React, { useState } from 'react' 2 | import logo from '../assets/logo.png' 3 | import sun from '../assets/icon-sun.svg' 4 | import moon from '../assets/icon-moon.svg' 5 | import useDarkMode from '../hooks/useDarkMode'; 6 | import profile from '../assets/image-avatar.jpg' 7 | import { motion } from 'framer-motion' 8 | 9 | 10 | 11 | function Header() { 12 | 13 | const [colorTheme, setTheme] = useDarkMode(); 14 | const [darkSide, setDarkSide] = useState( 15 | colorTheme === "light" ? true : false 16 | ); 17 | 18 | const toggleDarkMode = () => { 19 | setTheme(colorTheme); 20 | setDarkSide((state) => !state); 21 | }; 22 | 23 | const transition = { 24 | type: "spring", 25 | stiffness: 200, 26 | damping: 10 27 | }; 28 | 29 | return ( 30 |
31 | {/* Header */} 32 |
33 | 34 | {/* Logo img */} 35 | 36 | logo-image 37 | 38 | {/* Right side */} 39 |
40 | 41 | {/* darkMode Button */} 42 | 43 | 44 | 45 | {colorTheme === "light" ? 47 | 48 | : 49 | } 50 | 51 |
52 | 53 |
54 | 55 | 56 |
57 | 58 |
59 |
60 |
61 | 62 | {/* SideBar */} 63 |
64 |
65 | 66 | 67 |
68 | {/* Logo */} 69 | 70 | 71 | 72 | {/* Bottom Side */} 73 |
74 | {colorTheme === "light" ? 75 | 77 | 78 | : 79 | } 80 | 81 |
82 |
83 | 84 | 85 |
86 | 87 |
88 |
89 |
90 |
91 |
92 | 93 | 94 |
95 | ) 96 | } 97 | 98 | export default Header -------------------------------------------------------------------------------- /src/components/InvoiceCard.jsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | import PaidStatus from './PaidStatus' 3 | import rightArrow from '../assets/icon-arrow-right.svg' 4 | import { Link } from 'react-router-dom' 5 | 6 | function InvoiceCard({ invoice }) { 7 | return ( 8 | 11 | {/* Big Screen */} 12 |
13 |
14 |

15 | 16 | # 17 | 18 | {invoice.id} 19 |

20 | 21 |

22 | Due {invoice.paymentDue} 23 |

24 | 25 |

26 | {invoice.clientName} 27 |

28 | 29 | 30 |
31 | 32 |
33 | 34 |

35 | £ {invoice.total} 36 |

37 | 38 | 39 | 40 | 41 | 42 | 43 | 44 |
45 | 46 |
47 | 48 | {/* Phone Screen */} 49 |
50 | 51 |
52 |

53 | 54 | # 55 | 56 | {invoice.id} 57 |

58 | 59 |

60 | Due {invoice.paymentDue} 61 |

62 |

63 | £ {invoice.total} 64 |

65 |
66 | 67 |
68 |

69 | {invoice.clientName} 70 |

71 | 72 | 73 | 74 |
75 |
76 | 77 | ) 78 | } 79 | 80 | export default InvoiceCard -------------------------------------------------------------------------------- /src/components/InvoiceInfo.jsx: -------------------------------------------------------------------------------- 1 | import React, { useEffect, useState } from 'react' 2 | import { useLocation, useNavigate } from 'react-router-dom' 3 | import leftArrow from '../assets/icon-arrow-left.svg' 4 | import { AnimatePresence, motion } from 'framer-motion' 5 | import PaidStatus from './PaidStatus' 6 | import { useDispatch, useSelector } from 'react-redux' 7 | import invoiceSlice from '../redux/invoiceSlice' 8 | import formatDate from '../functions/formatDate' 9 | import DeleteModal from './DeleteModal' 10 | import CreateInvoice from './CreateInvoice' 11 | 12 | 13 | function InvoiceInfo({ onDelete }) { 14 | const navigate = useNavigate() 15 | const location = useLocation() 16 | const dispatch = useDispatch() 17 | 18 | 19 | const [isDeleteModalOpen, setIsDeleteModalOpen] = useState(false) 20 | const [isEditOpen, setIsEditOpen] = useState(false) 21 | 22 | 23 | 24 | const invoiceId = location.search.substring(1) 25 | const onMakePaidClick = () => { 26 | dispatch(invoiceSlice.actions.updateInvoiceStatus({ id: invoiceId, status: 'paid' })) 27 | dispatch(invoiceSlice.actions.getInvoiceById({ id: invoiceId })) 28 | } 29 | 30 | useEffect(() => { 31 | dispatch(invoiceSlice.actions.getInvoiceById({ id: invoiceId })) 32 | 33 | }, [invoiceId, onMakePaidClick]) 34 | 35 | 36 | 37 | const onDeleteButtonClick = () => { 38 | navigate('/') 39 | setIsDeleteModalOpen(false) 40 | onDelete(invoiceId) 41 | } 42 | 43 | 44 | 45 | const invoice = useSelector((state) => state.invoices.invoiceById) 46 | 47 | console.log(invoice) 48 | 49 | return ( 50 |
51 | {invoice ? 58 |
59 | 65 | 66 |
67 |
68 |

69 | Status 70 |

71 | 72 |
73 |
74 | 75 | 76 | {invoice.status === 'pending' && 77 | 78 | } 79 | 80 |
81 |
82 | 83 | 84 |
85 | 86 |
87 |
88 |

#{invoice.id}

89 |

{invoice.clientName}

90 |
91 |
92 |

{invoice.senderAddress.street}

93 |

{invoice.senderAddress.city}

94 |

{invoice.senderAddress.postCode}

95 |

{invoice.senderAddress.country}

96 |
97 |
98 | 99 |
100 | 101 |
102 |
103 |

Invoice Date

104 |

{formatDate(invoice.createdAt)}

105 |
106 |
107 |

Payment Due

108 |

{formatDate(invoice.paymentDue)}

109 |
110 |
111 | 112 |
113 |

Bill to

114 |

115 | {invoice.clientName} 116 |

117 |

{invoice.clientAddress.street}

118 |

{invoice.clientAddress.city}

119 |

{invoice.clientAddress.postCode}

120 |

{invoice.clientAddress.country}

121 |
122 | 123 |
124 |

Sent to

125 |

126 | {invoice.clientEmail} 127 |

128 | 129 |
130 | 131 |
132 | 133 | {/* Last Section */} 134 | 135 |
136 | { 137 | invoice.items.map(item => ( 138 |
139 |

{item.name}

140 |

£{item.total}

141 |
142 | )) 143 | } 144 |
145 | 146 |
147 | {invoice.items.map(item => ( 148 |
149 |
150 |

Item name

151 | 152 |

153 | {item.name} 154 |

155 |
156 |
157 |

Qty.

158 | 159 |

160 | {item.quantity} 161 |

162 |
163 |
164 |

Item price

165 | 166 |

167 | £{item.price} 168 |

169 |
170 |
171 |

Total

172 | 173 |

174 | £{item.total} 175 |

176 |
177 | 178 |
179 | 180 | ))} 181 | 182 |
183 |
184 |

185 | Amount Due 186 |

187 | 188 |

189 | £{invoice.total} 190 |

191 | 192 |
193 | 194 |
195 |
196 | 197 | 198 | : 199 | <>loading 200 | 201 | } 202 | 203 | {isDeleteModalOpen && } 204 | 205 | {isEditOpen && } 206 | 207 |
208 | ) 209 | } 210 | 211 | export default InvoiceInfo -------------------------------------------------------------------------------- /src/components/PaidStatus.jsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | 3 | function PaidStatus({type}) { 4 | const classNames = { 5 | paid : ['text-[#33d69f] bg-[#33d69f0f]' , 'bg-[#33d69f]' ], 6 | pending : ['text-[#ff8f00] bg-[#ff8f000f]' , 'bg-[#ff8f00]'], 7 | draft : ['text-[#dfe3fa] bg-[#dfe3fa0f]' , 'bg-[#dfe3fa]'] 8 | } 9 | return ( 10 |
11 |
12 |

13 | {type} 14 |

15 |
16 | ) 17 | } 18 | 19 | export default PaidStatus -------------------------------------------------------------------------------- /src/functions/createInvoiceValidator.js: -------------------------------------------------------------------------------- 1 | export function validateSenderStreetAddress(streetAddress) { 2 | if (!streetAddress.trim()) { 3 | return false; 4 | } 5 | return true; 6 | } 7 | export function validateSenderCity(city) { 8 | if (!city.trim()) { 9 | return false; 10 | } 11 | return true; 12 | } 13 | export function validateSenderPostCode(postCode) { 14 | return /^\d{5}(-\d{4})?$/.test(postCode); // Basic post code validation 15 | } 16 | export function validateSenderCountry(country) { 17 | if (!country.trim()) { 18 | return false; 19 | } 20 | return true; 21 | } 22 | 23 | export function validateCLientName(name) { 24 | return /^[a-zA-Z]+$/.test(name); // Only allow letters 25 | } 26 | export function validateCLientEmail(email) { 27 | return /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(email); // Basic email validation 28 | } 29 | 30 | export function validateClientStreetAddress(streetAddress) { 31 | if (!streetAddress.trim()) { 32 | return false; 33 | } 34 | return true; 35 | } 36 | export function validateClientCity(city) { 37 | if (!city.trim()) { 38 | return false; 39 | } 40 | return true; 41 | } 42 | export function validateClientPostCode(postCode) { 43 | return /^\d{5}(-\d{4})?$/.test(postCode); // Basic post code validation 44 | } 45 | export function validateClientCountry(country) { 46 | if (!country.trim()) { 47 | return false; 48 | } 49 | return true; 50 | } 51 | 52 | export function validateItemName(itemName) { 53 | if (!itemName.trim()) { 54 | return false; 55 | } 56 | return true; 57 | } 58 | export function validateItemPrice(itemPrice) { 59 | if (itemPrice <= 0) { 60 | return false; 61 | } 62 | return true; 63 | } 64 | export function validateItemCount(itemCount) { 65 | if (itemCount <= 0) { 66 | return false; 67 | } 68 | return true; 69 | } 70 | -------------------------------------------------------------------------------- /src/functions/formatDate.js: -------------------------------------------------------------------------------- 1 | export default function formatDate(dateString) { 2 | const date = new Date(dateString); 3 | const options = { year: 'numeric', month: 'short', day: 'numeric' }; 4 | return date.toLocaleString('en-US', options); 5 | } -------------------------------------------------------------------------------- /src/functions/forwardDate.js: -------------------------------------------------------------------------------- 1 | import moment from "moment"; 2 | 3 | function getForwardDate(numDaysForward) { 4 | const today = moment(); 5 | const forwardDate = today.clone().add(numDaysForward, 'days'); 6 | 7 | while (forwardDate.diff(today, 'months', true) > 1) { 8 | forwardDate.subtract(1, 'months'); 9 | } 10 | 11 | return forwardDate.format('YYYY-MM-DD'); 12 | } 13 | 14 | export default getForwardDate -------------------------------------------------------------------------------- /src/functions/generateId.js: -------------------------------------------------------------------------------- 1 | function generateID() { 2 | var letters = "ABCDEFGHIJKLMNOPQRSTUVWXYZ"; 3 | var id = ""; 4 | for (var i = 0; i < 2; i++) { 5 | id += letters.charAt(Math.floor(Math.random() * letters.length)); 6 | } 7 | for (var i = 0; i < 4; i++) { 8 | id += Math.floor(Math.random() * 10); 9 | } 10 | return id; 11 | } 12 | 13 | export default generateID -------------------------------------------------------------------------------- /src/hooks/useDarkMode.jsx: -------------------------------------------------------------------------------- 1 | import React, { useEffect, useState } from 'react' 2 | 3 | function useDarkMode() { 4 | 5 | const [theme, setTheme] = useState(localStorage.theme) 6 | const colorTheme = theme === "dark" ? "light" : "dark"; 7 | 8 | useEffect(() => { 9 | 10 | const root = window.document.documentElement; 11 | root.classList.remove(colorTheme); 12 | root.classList.add(theme); 13 | localStorage.setItem('theme', theme); 14 | 15 | }, [theme, colorTheme]); 16 | 17 | return [colorTheme, setTheme] 18 | 19 | } 20 | 21 | export default useDarkMode -------------------------------------------------------------------------------- /src/index.css: -------------------------------------------------------------------------------- 1 | @tailwind base; 2 | @tailwind components; 3 | @tailwind utilities; 4 | 5 | body{ 6 | font-family: 'League Spartan', sans-serif; 7 | } 8 | 9 | .select-status{ 10 | background-image: url("./assets/icon-arrow-down.svg"); 11 | appearance: none; 12 | background-repeat: no-repeat; 13 | background-position: right 16px top 50%; 14 | } 15 | 16 | 17 | /* Chrome, Safari, Edge, Opera */ 18 | input::-webkit-outer-spin-button, 19 | input::-webkit-inner-spin-button { 20 | -webkit-appearance: none; 21 | margin: 0; 22 | } 23 | 24 | /* Firefox */ 25 | input[type=number] { 26 | -moz-appearance: textfield; 27 | } -------------------------------------------------------------------------------- /src/main.jsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | import ReactDOM from 'react-dom/client' 3 | import { Provider } from 'react-redux' 4 | import App from './App' 5 | import './index.css' 6 | import { BrowserRouter } from 'react-router-dom' 7 | import store from './redux/store' 8 | 9 | ReactDOM.createRoot(document.getElementById('root')).render( 10 | 11 | 12 | 13 | 14 | 15 | 16 | , 17 | ) 18 | -------------------------------------------------------------------------------- /src/redux/invoiceSlice.js: -------------------------------------------------------------------------------- 1 | import { createSlice } from "@reduxjs/toolkit"; 2 | import moment from "moment"; 3 | import { useState } from "react"; 4 | import data from "../assets/data/data.json"; 5 | import getForwardDate from "../functions/forwardDate"; 6 | import generateID from "../functions/generateId"; 7 | 8 | const today = moment().format("YYYY-MM-DD"); 9 | 10 | const invoiceSlice = createSlice({ 11 | name: "invoces", 12 | 13 | initialState: { 14 | allInvoice: data, 15 | filteredInvoice: [], 16 | invoiceById: null, 17 | }, 18 | 19 | reducers: { 20 | filterInvoice: (state, action) => { 21 | const { allInvoice } = state; 22 | if (action.payload.status === "") { 23 | state.filteredInvoice = allInvoice; 24 | } else { 25 | const filteredData = allInvoice.filter((invoice) => { 26 | return invoice.status === action.payload.status; 27 | }); 28 | console.log(filteredData); 29 | state.filteredInvoice = filteredData; 30 | } 31 | }, 32 | getInvoiceById: (state, action) => { 33 | const { allInvoice } = state; 34 | const invoice = allInvoice.find((item) => item.id === action.payload.id); 35 | state.invoiceById = invoice; 36 | }, 37 | deleteInvoice: (state, action) => { 38 | const { allInvoice } = state; 39 | const index = allInvoice.findIndex( 40 | (invoice) => invoice.id === action.payload.id 41 | ); 42 | if (index !== -1) { 43 | allInvoice.splice(index, 1); 44 | } 45 | }, 46 | updateInvoiceStatus: (state, action) => { 47 | const { id, status } = action.payload; 48 | const invoiceToUpdate = state.allInvoice.find( 49 | (invoice) => invoice.id === id 50 | ); 51 | if (invoiceToUpdate) { 52 | invoiceToUpdate.status = status; 53 | } 54 | }, 55 | addInvoice: (state, action) => { 56 | const { 57 | description, 58 | paymentTerms, 59 | clientName, 60 | clientEmail, 61 | senderStreet, 62 | senderCity, 63 | senderPostCode, 64 | senderCountry, 65 | clientStreet, 66 | clientCity, 67 | clientPostCode, 68 | clientCountry, 69 | item, 70 | } = action.payload; 71 | 72 | const finalData = { 73 | id: `${generateID()}`, 74 | createdAt: today, 75 | paymentDue: getForwardDate(paymentTerms), 76 | description: description, 77 | paymentTerms: paymentTerms, 78 | clientName: clientName, 79 | clientEmail: clientEmail, 80 | status: "pending", 81 | senderAddress: { 82 | street: senderStreet, 83 | city: senderCity, 84 | postCode: senderPostCode, 85 | country: senderCountry, 86 | }, 87 | clientAddress: { 88 | street: clientStreet, 89 | city: clientCity, 90 | postCode: clientPostCode, 91 | country: clientCountry, 92 | }, 93 | items: item, 94 | total: item.reduce((acc, i) => { 95 | return acc + Number(i.total); 96 | }, 0), 97 | }; 98 | state.allInvoice.push(finalData); 99 | }, 100 | editInvoice: (state, action) => { 101 | const { allInvoice } = state; 102 | const { 103 | description, 104 | paymentTerms, 105 | clientName, 106 | clientEmail, 107 | senderStreet, 108 | senderCity, 109 | senderPostCode, 110 | senderCountry, 111 | clientStreet, 112 | clientCity, 113 | clientPostCode, 114 | clientCountry, 115 | item, 116 | id, 117 | } = action.payload; 118 | 119 | const invoiceIndex = allInvoice.findIndex((invoice) => invoice.id === id); 120 | const edittedObject = { 121 | description: description, 122 | paymentTerms: paymentTerms, 123 | clientName: clientName, 124 | clientEmail: clientEmail, 125 | senderAddress: { 126 | street: senderStreet, 127 | city: senderCity, 128 | postCode: senderPostCode, 129 | country: senderCountry, 130 | }, 131 | clientAddress: { 132 | street: clientStreet, 133 | city: clientCity, 134 | postCode: clientPostCode, 135 | country: clientCountry, 136 | }, 137 | items: item, 138 | total: item.reduce((acc, i) => { 139 | return acc + Number(i.total); 140 | }, 0), 141 | }; 142 | 143 | if (invoiceIndex !== -1) { 144 | allInvoice[invoiceIndex] = { 145 | ...allInvoice[invoiceIndex] , 146 | ...edittedObject 147 | }; 148 | } 149 | }, 150 | }, 151 | }); 152 | 153 | export default invoiceSlice; 154 | -------------------------------------------------------------------------------- /src/redux/store.js: -------------------------------------------------------------------------------- 1 | import { configureStore } from "@reduxjs/toolkit"; 2 | import invoiceSlice from '../redux/invoiceSlice' 3 | 4 | 5 | const store = configureStore({ 6 | reducer: { 7 | invoices: invoiceSlice.reducer, 8 | } 9 | }) 10 | 11 | export default store 12 | -------------------------------------------------------------------------------- /tailwind.config.js: -------------------------------------------------------------------------------- 1 | /** @type {import('tailwindcss').Config} */ 2 | module.exports = { 3 | content: ["./index.html", "./src/**/*.{js,ts,jsx,tsx}"], 4 | darkMode: "class", 5 | theme: { 6 | extend: {}, 7 | }, 8 | plugins: [require("tailwind-scrollbar-hide")], 9 | }; 10 | -------------------------------------------------------------------------------- /vite.config.js: -------------------------------------------------------------------------------- 1 | import { defineConfig } from 'vite' 2 | import react from '@vitejs/plugin-react' 3 | 4 | // https://vitejs.dev/config/ 5 | export default defineConfig({ 6 | plugins: [react()], 7 | }) 8 | --------------------------------------------------------------------------------