diff --git a/package-lock.json b/package-lock.json index e3e85a8..6df2d0a 100644 --- a/package-lock.json +++ b/package-lock.json @@ -8,12 +8,15 @@ "name": "doormile-console-admin", "version": "1.0.0", "dependencies": { - "@astryxdesign/cli": "^0.1.2", - "@astryxdesign/core": "^0.1.2", - "@astryxdesign/theme-neutral": "^0.1.2", + "@emotion/react": "^11.11.4", + "@emotion/styled": "^11.11.5", + "@mui/icons-material": "^5.15.20", + "@mui/lab": "^5.0.0-alpha.170", + "@mui/material": "^5.15.20", + "@mui/x-date-pickers": "^6.20.2", "dayjs": "^1.11.11", - "react": "^19.2.7", - "react-dom": "^19.2.7", + "react": "^18.3.1", + "react-dom": "^18.3.1", "react-router-dom": "^6.23.1" }, "devDependencies": { @@ -21,66 +24,6 @@ "vite": "^5.3.1" } }, - "node_modules/@astryxdesign/cli": { - "version": "0.1.2", - "resolved": "https://registry.npmjs.org/@astryxdesign/cli/-/cli-0.1.2.tgz", - "integrity": "sha512-I4VlPGQRI7PTMcjBRX1hj/wB/KCHU8wd8NbqF1p/McAPgj0A5k72lyJFzH+IAA+ciaef5NMdakvovzbfJGPcSw==", - "license": "MIT", - "dependencies": { - "@clack/prompts": "^1.5.1", - "commander": "^12.1.0", - "jiti": "^2.7.0", - "jscodeshift": "^17.3.0", - "zod": "^4.4.3" - }, - "bin": { - "astryx": "bin/astryx.mjs", - "cli": "bin/astryx.mjs" - }, - "peerDependencies": { - "@astryxdesign/core": "*", - "@astryxdesign/lab": "*", - "@astryxdesign/theme-neutral": "*", - "gpt-tokenizer": "^2.0.0" - }, - "peerDependenciesMeta": { - "@astryxdesign/core": { - "optional": true - }, - "@astryxdesign/lab": { - "optional": true - }, - "@astryxdesign/theme-neutral": { - "optional": true - } - } - }, - "node_modules/@astryxdesign/core": { - "version": "0.1.2", - "resolved": "https://registry.npmjs.org/@astryxdesign/core/-/core-0.1.2.tgz", - "integrity": "sha512-SJOEXUaRvcVgGbdPwV5UL5aYMbwIl09H2yQb3hPh4NNGWqmLTHE05IFTNRi37Mk9ywoo01+UM2ZrewmJe39f0A==", - "license": "MIT", - "dependencies": { - "@stylexjs/stylex": "^0.18.3" - }, - "peerDependencies": { - "react": ">=19.0.0", - "react-dom": ">=19.0.0" - } - }, - "node_modules/@astryxdesign/theme-neutral": { - "version": "0.1.2", - "resolved": "https://registry.npmjs.org/@astryxdesign/theme-neutral/-/theme-neutral-0.1.2.tgz", - "integrity": "sha512-kEBBJ7O5H+27IACsGEqZSEVFy2r4VlBu4Vzfm/LOJ/Ez6C/RBTCXq9Iu8CoZS4Qt/WkYUvqLPDiJlgXuALy9uQ==", - "license": "MIT", - "dependencies": { - "lucide-react": "^1.18.0" - }, - "peerDependencies": { - "@astryxdesign/core": "0.1.2", - "react": ">=19" - } - }, "node_modules/@babel/code-frame": { "version": "7.29.7", "resolved": "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.29.7.tgz", @@ -99,6 +42,7 @@ "version": "7.29.7", "resolved": "https://registry.npmjs.org/@babel/compat-data/-/compat-data-7.29.7.tgz", "integrity": "sha512-locTkQyKvwIEgBzVrn8693ebc97F2U8ZHjbXwDXJ5Fn2TCpNwTlKcaKLkdHop5c/icOFE7qt7Q9JC5hnKNa6Gg==", + "dev": true, "license": "MIT", "engines": { "node": ">=6.9.0" @@ -108,6 +52,7 @@ "version": "7.29.7", "resolved": "https://registry.npmjs.org/@babel/core/-/core-7.29.7.tgz", "integrity": "sha512-RgHBCvtjbOK2gXSNBNIkNoEc9qoVEtau3hj8gEqKQuL3HZAibKarWFEI3Lfm6EYKkLalOh8eSrj9b+ch9H/VBA==", + "dev": true, "license": "MIT", "dependencies": { "@babel/code-frame": "^7.29.7", @@ -138,6 +83,7 @@ "version": "2.0.0", "resolved": "https://registry.npmjs.org/convert-source-map/-/convert-source-map-2.0.0.tgz", "integrity": "sha512-Kvp459HrV2FEJ1CAsi1Ku+MY3kasH19TFykTz2xWmMeq6bk2NU3XXvfJ+Q61m0xktWwt+1HSYf3JZsTms3aRJg==", + "dev": true, "license": "MIT" }, "node_modules/@babel/generator": { @@ -156,22 +102,11 @@ "node": ">=6.9.0" } }, - "node_modules/@babel/helper-annotate-as-pure": { - "version": "7.29.7", - "resolved": "https://registry.npmjs.org/@babel/helper-annotate-as-pure/-/helper-annotate-as-pure-7.29.7.tgz", - "integrity": "sha512-OoK6239jHPuSQOoS0kfTVKn0b/rVTk0seKq4Gd2UMLtmOVLjDC0ki3e+c90Trqv2gMfvJFqkiljrr568+qddiw==", - "license": "MIT", - "dependencies": { - "@babel/types": "^7.29.7" - }, - "engines": { - "node": ">=6.9.0" - } - }, "node_modules/@babel/helper-compilation-targets": { "version": "7.29.7", "resolved": "https://registry.npmjs.org/@babel/helper-compilation-targets/-/helper-compilation-targets-7.29.7.tgz", "integrity": "sha512-wem6WaBj4NaVYVdNhLPPVacES6ZJ+KBBfSkTMD3YZxbP3rm3Di85tJU5ljaUNhaOynt+Aj0xruhYuzQBt8n71g==", + "dev": true, "license": "MIT", "dependencies": { "@babel/compat-data": "^7.29.7", @@ -184,27 +119,6 @@ "node": ">=6.9.0" } }, - "node_modules/@babel/helper-create-class-features-plugin": { - "version": "7.29.7", - "resolved": "https://registry.npmjs.org/@babel/helper-create-class-features-plugin/-/helper-create-class-features-plugin-7.29.7.tgz", - "integrity": "sha512-IY3ZD9Tmooqr3TUhc3DUWxiuo8xx1DWLhd5M7hQ+ZWJamqM2BbalrBJb2MisSLoYorOj75U03qULCxQTY9r3hg==", - "license": "MIT", - "dependencies": { - "@babel/helper-annotate-as-pure": "^7.29.7", - "@babel/helper-member-expression-to-functions": "^7.29.7", - "@babel/helper-optimise-call-expression": "^7.29.7", - "@babel/helper-replace-supers": "^7.29.7", - "@babel/helper-skip-transparent-expression-wrappers": "^7.29.7", - "@babel/traverse": "^7.29.7", - "semver": "^6.3.1" - }, - "engines": { - "node": ">=6.9.0" - }, - "peerDependencies": { - "@babel/core": "^7.0.0" - } - }, "node_modules/@babel/helper-globals": { "version": "7.29.7", "resolved": "https://registry.npmjs.org/@babel/helper-globals/-/helper-globals-7.29.7.tgz", @@ -214,19 +128,6 @@ "node": ">=6.9.0" } }, - "node_modules/@babel/helper-member-expression-to-functions": { - "version": "7.29.7", - "resolved": "https://registry.npmjs.org/@babel/helper-member-expression-to-functions/-/helper-member-expression-to-functions-7.29.7.tgz", - "integrity": "sha512-j+7JYmk1JYDtACIGj0QJqqWZjoUpMoEikQGADMaHgCMCSDqd2+P32rfcibUNrGOMWrlzK1WJBdxrB3JJQZwWtg==", - "license": "MIT", - "dependencies": { - "@babel/traverse": "^7.29.7", - "@babel/types": "^7.29.7" - }, - "engines": { - "node": ">=6.9.0" - } - }, "node_modules/@babel/helper-module-imports": { "version": "7.29.7", "resolved": "https://registry.npmjs.org/@babel/helper-module-imports/-/helper-module-imports-7.29.7.tgz", @@ -244,6 +145,7 @@ "version": "7.29.7", "resolved": "https://registry.npmjs.org/@babel/helper-module-transforms/-/helper-module-transforms-7.29.7.tgz", "integrity": "sha512-UPUVSyXbOh627KiCIGQSgwWzGeBKLkaJ9PJEdrngIwMSzxLR4jS4+f1f1jb7VzBbg8nFLaYotvVPFCTqdrmTAg==", + "dev": true, "license": "MIT", "dependencies": { "@babel/helper-module-imports": "^7.29.7", @@ -257,57 +159,16 @@ "@babel/core": "^7.0.0" } }, - "node_modules/@babel/helper-optimise-call-expression": { - "version": "7.29.7", - "resolved": "https://registry.npmjs.org/@babel/helper-optimise-call-expression/-/helper-optimise-call-expression-7.29.7.tgz", - "integrity": "sha512-+kmGVjcT9RGYzoDwdwEqEvGgKe3BYq+O1iGzjFubaNgZHwYHP6lsF2Yghf4kEuv9BV7tYDZ913aBW9am6YKong==", - "license": "MIT", - "dependencies": { - "@babel/types": "^7.29.7" - }, - "engines": { - "node": ">=6.9.0" - } - }, "node_modules/@babel/helper-plugin-utils": { "version": "7.29.7", "resolved": "https://registry.npmjs.org/@babel/helper-plugin-utils/-/helper-plugin-utils-7.29.7.tgz", "integrity": "sha512-G7sHYigPY17oO5SYWnfD/0MTBwVR781S/JI643e/JhUYgVgWE/61SoW3NH9KWUKyKq5LVh3npif99Wkt6j86Jw==", + "dev": true, "license": "MIT", "engines": { "node": ">=6.9.0" } }, - "node_modules/@babel/helper-replace-supers": { - "version": "7.29.7", - "resolved": "https://registry.npmjs.org/@babel/helper-replace-supers/-/helper-replace-supers-7.29.7.tgz", - "integrity": "sha512-atfGXWSeCiF4DnKZIfmJfQRkSw9b9gNNXR1kqKjbhG4pGYCOnkp8OcTB8E3NXjBu8NpheSnOeNKz8KT7UNFTmQ==", - "license": "MIT", - "dependencies": { - "@babel/helper-member-expression-to-functions": "^7.29.7", - "@babel/helper-optimise-call-expression": "^7.29.7", - "@babel/traverse": "^7.29.7" - }, - "engines": { - "node": ">=6.9.0" - }, - "peerDependencies": { - "@babel/core": "^7.0.0" - } - }, - "node_modules/@babel/helper-skip-transparent-expression-wrappers": { - "version": "7.29.7", - "resolved": "https://registry.npmjs.org/@babel/helper-skip-transparent-expression-wrappers/-/helper-skip-transparent-expression-wrappers-7.29.7.tgz", - "integrity": "sha512-brcMGQaVzIeUb+6/bs1Av0f8YuNNjKY2JyvfRCsFuFsdKccEQ5Ges2y74D74NZ1Rz8lKJ9ksJkfqwQFJ/iNEyQ==", - "license": "MIT", - "dependencies": { - "@babel/traverse": "^7.29.7", - "@babel/types": "^7.29.7" - }, - "engines": { - "node": ">=6.9.0" - } - }, "node_modules/@babel/helper-string-parser": { "version": "7.29.7", "resolved": "https://registry.npmjs.org/@babel/helper-string-parser/-/helper-string-parser-7.29.7.tgz", @@ -330,6 +191,7 @@ "version": "7.29.7", "resolved": "https://registry.npmjs.org/@babel/helper-validator-option/-/helper-validator-option-7.29.7.tgz", "integrity": "sha512-N9ZErrD+yW5geCDtBqnOoxmR8+tNKiGuxKlDpuJxfsqpa2dFcexaziGAE/qoHLiDDreVNMupxGmSoNlyvsA3gw==", + "dev": true, "license": "MIT", "engines": { "node": ">=6.9.0" @@ -339,6 +201,7 @@ "version": "7.29.7", "resolved": "https://registry.npmjs.org/@babel/helpers/-/helpers-7.29.7.tgz", "integrity": "sha512-1k2lAGRMfHTcwuNYcCNUmaUffmQv8KWMfh2iJUUeRlwlwH4FdNG7mfPI10NPfLHJFThE4Tyr4mv7kTNZOiPuBg==", + "dev": true, "license": "MIT", "dependencies": { "@babel/template": "^7.29.7", @@ -363,146 +226,6 @@ "node": ">=6.0.0" } }, - "node_modules/@babel/plugin-syntax-flow": { - "version": "7.29.7", - "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-flow/-/plugin-syntax-flow-7.29.7.tgz", - "integrity": "sha512-ajMX6QPcyomotqwpzhkYGxcK2i/us0rs1Qo9QvUpa+Fca0FTmqrzKrctoIYLMxcOhGZldGT/BAVkRGTWBiR8gQ==", - "license": "MIT", - "dependencies": { - "@babel/helper-plugin-utils": "^7.29.7" - }, - "engines": { - "node": ">=6.9.0" - }, - "peerDependencies": { - "@babel/core": "^7.0.0-0" - } - }, - "node_modules/@babel/plugin-syntax-jsx": { - "version": "7.29.7", - "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-jsx/-/plugin-syntax-jsx-7.29.7.tgz", - "integrity": "sha512-TSu8+mHCoEaaCDEZ0I3+6mvTBYR4PCxQwf2z9/r5Tbztv6NaLR3B9thGTTxX2WGuGHJqRiAbKPeGTJ5XWXVg6A==", - "license": "MIT", - "dependencies": { - "@babel/helper-plugin-utils": "^7.29.7" - }, - "engines": { - "node": ">=6.9.0" - }, - "peerDependencies": { - "@babel/core": "^7.0.0-0" - } - }, - "node_modules/@babel/plugin-syntax-typescript": { - "version": "7.29.7", - "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-typescript/-/plugin-syntax-typescript-7.29.7.tgz", - "integrity": "sha512-ngr+82Sh0xMz25TPCZi+nC2iTzjfCdWS2ONXTp/PtSCHCgaCNBpdMqgvJ2ccdLlClVZ7sisIgB914j/JFe+RZA==", - "license": "MIT", - "dependencies": { - "@babel/helper-plugin-utils": "^7.29.7" - }, - "engines": { - "node": ">=6.9.0" - }, - "peerDependencies": { - "@babel/core": "^7.0.0-0" - } - }, - "node_modules/@babel/plugin-transform-class-properties": { - "version": "7.29.7", - "resolved": "https://registry.npmjs.org/@babel/plugin-transform-class-properties/-/plugin-transform-class-properties-7.29.7.tgz", - "integrity": "sha512-GtcpjFvanPfzNQi3eTitsCqtRRmmqzpy/A+yhTR1HaZo1Ly3EA8ZXxlPyHdR8/IuRMYc3E4wdGBewB2QKQjAaA==", - "license": "MIT", - "dependencies": { - "@babel/helper-create-class-features-plugin": "^7.29.7", - "@babel/helper-plugin-utils": "^7.29.7" - }, - "engines": { - "node": ">=6.9.0" - }, - "peerDependencies": { - "@babel/core": "^7.0.0-0" - } - }, - "node_modules/@babel/plugin-transform-flow-strip-types": { - "version": "7.29.7", - "resolved": "https://registry.npmjs.org/@babel/plugin-transform-flow-strip-types/-/plugin-transform-flow-strip-types-7.29.7.tgz", - "integrity": "sha512-wRHeUjUjCZnMHmiO5bRgjFLcoEh7JyTdByOW11ahhwNa4V0bmeGEaIvt51yq0zQp2yWIpqfxXXPyUP6GFJZHOQ==", - "license": "MIT", - "dependencies": { - "@babel/helper-plugin-utils": "^7.29.7", - "@babel/plugin-syntax-flow": "^7.29.7" - }, - "engines": { - "node": ">=6.9.0" - }, - "peerDependencies": { - "@babel/core": "^7.0.0-0" - } - }, - "node_modules/@babel/plugin-transform-modules-commonjs": { - "version": "7.29.7", - "resolved": "https://registry.npmjs.org/@babel/plugin-transform-modules-commonjs/-/plugin-transform-modules-commonjs-7.29.7.tgz", - "integrity": "sha512-j0vCldybPC5b5dwCQOJ21uKtHzt7hxLygJTg9eF1ScfaikEDNfzn94XoW5Fi+seBR0nCyL23xaBFFkq7dTM8XQ==", - "license": "MIT", - "dependencies": { - "@babel/helper-module-transforms": "^7.29.7", - "@babel/helper-plugin-utils": "^7.29.7" - }, - "engines": { - "node": ">=6.9.0" - }, - "peerDependencies": { - "@babel/core": "^7.0.0-0" - } - }, - "node_modules/@babel/plugin-transform-nullish-coalescing-operator": { - "version": "7.29.7", - "resolved": "https://registry.npmjs.org/@babel/plugin-transform-nullish-coalescing-operator/-/plugin-transform-nullish-coalescing-operator-7.29.7.tgz", - "integrity": "sha512-idmp1dFaekP9GbcMvG24Kvw2BfhFZjHnNJCkV4WuIY4PskJzwI3f1N5OdgYke38T7rftO6ERulFRn2cFeZwRkg==", - "license": "MIT", - "dependencies": { - "@babel/helper-plugin-utils": "^7.29.7" - }, - "engines": { - "node": ">=6.9.0" - }, - "peerDependencies": { - "@babel/core": "^7.0.0-0" - } - }, - "node_modules/@babel/plugin-transform-optional-chaining": { - "version": "7.29.7", - "resolved": "https://registry.npmjs.org/@babel/plugin-transform-optional-chaining/-/plugin-transform-optional-chaining-7.29.7.tgz", - "integrity": "sha512-6GM1dhvK3gNODkXcEcMCOLEDCLSoZ/sBbro2Ax8HURyasQ4NshagQixkRFdh5niI6E4gmA/jYI/4aT7rRos3ZQ==", - "license": "MIT", - "dependencies": { - "@babel/helper-plugin-utils": "^7.29.7", - "@babel/helper-skip-transparent-expression-wrappers": "^7.29.7" - }, - "engines": { - "node": ">=6.9.0" - }, - "peerDependencies": { - "@babel/core": "^7.0.0-0" - } - }, - "node_modules/@babel/plugin-transform-private-methods": { - "version": "7.29.7", - "resolved": "https://registry.npmjs.org/@babel/plugin-transform-private-methods/-/plugin-transform-private-methods-7.29.7.tgz", - "integrity": "sha512-/6Rz4DK1ETDEM/bWHsPHcaEe7ZaT1EqSXjtSP/L0DijOYuaUhiRiOKcwpZ8P7zR4xXEHc2ITdiCgBm9Tpyv9ug==", - "license": "MIT", - "dependencies": { - "@babel/helper-create-class-features-plugin": "^7.29.7", - "@babel/helper-plugin-utils": "^7.29.7" - }, - "engines": { - "node": ">=6.9.0" - }, - "peerDependencies": { - "@babel/core": "^7.0.0-0" - } - }, "node_modules/@babel/plugin-transform-react-jsx-self": { "version": "7.29.7", "resolved": "https://registry.npmjs.org/@babel/plugin-transform-react-jsx-self/-/plugin-transform-react-jsx-self-7.29.7.tgz", @@ -535,78 +258,13 @@ "@babel/core": "^7.0.0-0" } }, - "node_modules/@babel/plugin-transform-typescript": { + "node_modules/@babel/runtime": { "version": "7.29.7", - "resolved": "https://registry.npmjs.org/@babel/plugin-transform-typescript/-/plugin-transform-typescript-7.29.7.tgz", - "integrity": "sha512-jK52h8LaLc7JarhQV2ofeFMts4H7vnOXnqZNA6fYglBTZewRBE51KWt3BUltW1P+KoPsYkHoJeXePuz4zo2LMw==", + "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.29.7.tgz", + "integrity": "sha512-Nq8OhGWiZIZGV6hLHoyAKLLcJihP/xFeBMGJoUrxTX2psI8dCifzLhZISFb+VWS3wFMRDmCGw5R+dOySCqPLhw==", "license": "MIT", - "dependencies": { - "@babel/helper-annotate-as-pure": "^7.29.7", - "@babel/helper-create-class-features-plugin": "^7.29.7", - "@babel/helper-plugin-utils": "^7.29.7", - "@babel/helper-skip-transparent-expression-wrappers": "^7.29.7", - "@babel/plugin-syntax-typescript": "^7.29.7" - }, "engines": { "node": ">=6.9.0" - }, - "peerDependencies": { - "@babel/core": "^7.0.0-0" - } - }, - "node_modules/@babel/preset-flow": { - "version": "7.29.7", - "resolved": "https://registry.npmjs.org/@babel/preset-flow/-/preset-flow-7.29.7.tgz", - "integrity": "sha512-KYIRV0BuaN68CDdsqFkAD7MU7yipUqQNuNElwATdxaIdpTjhvtY82QvkBJs7zV3Evxj2jFAAZ1iO8nyy0nhjqA==", - "license": "MIT", - "dependencies": { - "@babel/helper-plugin-utils": "^7.29.7", - "@babel/helper-validator-option": "^7.29.7", - "@babel/plugin-transform-flow-strip-types": "^7.29.7" - }, - "engines": { - "node": ">=6.9.0" - }, - "peerDependencies": { - "@babel/core": "^7.0.0-0" - } - }, - "node_modules/@babel/preset-typescript": { - "version": "7.29.7", - "resolved": "https://registry.npmjs.org/@babel/preset-typescript/-/preset-typescript-7.29.7.tgz", - "integrity": "sha512-/Foi8vKY2EVbed/1eZx0gJEEwHAIxogrySI7rULcRIvhZzbvoE/b5qG5Ghc0WKAFKOHA9SD1x7RsFlOYdutIiQ==", - "license": "MIT", - "dependencies": { - "@babel/helper-plugin-utils": "^7.29.7", - "@babel/helper-validator-option": "^7.29.7", - "@babel/plugin-syntax-jsx": "^7.29.7", - "@babel/plugin-transform-modules-commonjs": "^7.29.7", - "@babel/plugin-transform-typescript": "^7.29.7" - }, - "engines": { - "node": ">=6.9.0" - }, - "peerDependencies": { - "@babel/core": "^7.0.0-0" - } - }, - "node_modules/@babel/register": { - "version": "7.29.7", - "resolved": "https://registry.npmjs.org/@babel/register/-/register-7.29.7.tgz", - "integrity": "sha512-AMGJoWuES861riy6pcB0fphE1YXybtQnBYQMuIyPv6mKLiosfa79BKTnAOyx215c/3RJPJpdQwoHZ3earVH7AA==", - "license": "MIT", - "dependencies": { - "clone-deep": "^4.0.1", - "find-cache-dir": "^2.0.0", - "make-dir": "^2.1.0", - "pirates": "^4.0.6", - "source-map-support": "^0.5.16" - }, - "engines": { - "node": ">=6.9.0" - }, - "peerDependencies": { - "@babel/core": "^7.0.0-0" } }, "node_modules/@babel/template": { @@ -654,34 +312,152 @@ "node": ">=6.9.0" } }, - "node_modules/@clack/core": { - "version": "1.4.2", - "resolved": "https://registry.npmjs.org/@clack/core/-/core-1.4.2.tgz", - "integrity": "sha512-0Ty/1Gfm+Kb07sXcuESjyKfwEhSy4Ns1AgeEisHb/bDY5fWme0tTeTkU14T1Gmcs17YIjB/teiDe4uaCghbYqQ==", + "node_modules/@emotion/babel-plugin": { + "version": "11.13.5", + "resolved": "https://registry.npmjs.org/@emotion/babel-plugin/-/babel-plugin-11.13.5.tgz", + "integrity": "sha512-pxHCpT2ex+0q+HH91/zsdHkw/lXd468DIN2zvfvLtPKLLMo6gQj7oLObq8PhkrxOZb/gGCq03S3Z7PDhS8pduQ==", "license": "MIT", "dependencies": { - "fast-wrap-ansi": "^0.2.0", - "sisteransi": "^1.0.5" - }, - "engines": { - "node": ">= 20.12.0" + "@babel/helper-module-imports": "^7.16.7", + "@babel/runtime": "^7.18.3", + "@emotion/hash": "^0.9.2", + "@emotion/memoize": "^0.9.0", + "@emotion/serialize": "^1.3.3", + "babel-plugin-macros": "^3.1.0", + "convert-source-map": "^1.5.0", + "escape-string-regexp": "^4.0.0", + "find-root": "^1.1.0", + "source-map": "^0.5.7", + "stylis": "4.2.0" } }, - "node_modules/@clack/prompts": { - "version": "1.6.0", - "resolved": "https://registry.npmjs.org/@clack/prompts/-/prompts-1.6.0.tgz", - "integrity": "sha512-EYlRokl8szrP9Z25qT5aepMdBjzBvHF9ZEhzIiUBc9guz/T31EqRgvD0QSgZcpE93xiwrr+OkB4nz0BZyF6fSA==", + "node_modules/@emotion/cache": { + "version": "11.14.0", + "resolved": "https://registry.npmjs.org/@emotion/cache/-/cache-11.14.0.tgz", + "integrity": "sha512-L/B1lc/TViYk4DcpGxtAVbx0ZyiKM5ktoIyafGkH6zg/tj+mA+NE//aPYKG0k8kCHSHVJrpLpcAlOBEXQ3SavA==", "license": "MIT", "dependencies": { - "@clack/core": "1.4.2", - "fast-string-width": "^3.0.2", - "fast-wrap-ansi": "^0.2.0", - "sisteransi": "^1.0.5" - }, - "engines": { - "node": ">= 20.12.0" + "@emotion/memoize": "^0.9.0", + "@emotion/sheet": "^1.4.0", + "@emotion/utils": "^1.4.2", + "@emotion/weak-memoize": "^0.4.0", + "stylis": "4.2.0" } }, + "node_modules/@emotion/hash": { + "version": "0.9.2", + "resolved": "https://registry.npmjs.org/@emotion/hash/-/hash-0.9.2.tgz", + "integrity": "sha512-MyqliTZGuOm3+5ZRSaaBGP3USLw6+EGykkwZns2EPC5g8jJ4z9OrdZY9apkl3+UP9+sdz76YYkwCKP5gh8iY3g==", + "license": "MIT" + }, + "node_modules/@emotion/is-prop-valid": { + "version": "1.4.0", + "resolved": "https://registry.npmjs.org/@emotion/is-prop-valid/-/is-prop-valid-1.4.0.tgz", + "integrity": "sha512-QgD4fyscGcbbKwJmqNvUMSE02OsHUa+lAWKdEUIJKgqe5IwRSKd7+KhibEWdaKwgjLj0DRSHA9biAIqGBk05lw==", + "license": "MIT", + "dependencies": { + "@emotion/memoize": "^0.9.0" + } + }, + "node_modules/@emotion/memoize": { + "version": "0.9.0", + "resolved": "https://registry.npmjs.org/@emotion/memoize/-/memoize-0.9.0.tgz", + "integrity": "sha512-30FAj7/EoJ5mwVPOWhAyCX+FPfMDrVecJAM+Iw9NRoSl4BBAQeqj4cApHHUXOVvIPgLVDsCFoz/hGD+5QQD1GQ==", + "license": "MIT" + }, + "node_modules/@emotion/react": { + "version": "11.14.0", + "resolved": "https://registry.npmjs.org/@emotion/react/-/react-11.14.0.tgz", + "integrity": "sha512-O000MLDBDdk/EohJPFUqvnp4qnHeYkVP5B0xEG0D/L7cOKP9kefu2DXn8dj74cQfsEzUqh+sr1RzFqiL1o+PpA==", + "license": "MIT", + "dependencies": { + "@babel/runtime": "^7.18.3", + "@emotion/babel-plugin": "^11.13.5", + "@emotion/cache": "^11.14.0", + "@emotion/serialize": "^1.3.3", + "@emotion/use-insertion-effect-with-fallbacks": "^1.2.0", + "@emotion/utils": "^1.4.2", + "@emotion/weak-memoize": "^0.4.0", + "hoist-non-react-statics": "^3.3.1" + }, + "peerDependencies": { + "react": ">=16.8.0" + }, + "peerDependenciesMeta": { + "@types/react": { + "optional": true + } + } + }, + "node_modules/@emotion/serialize": { + "version": "1.3.3", + "resolved": "https://registry.npmjs.org/@emotion/serialize/-/serialize-1.3.3.tgz", + "integrity": "sha512-EISGqt7sSNWHGI76hC7x1CksiXPahbxEOrC5RjmFRJTqLyEK9/9hZvBbiYn70dw4wuwMKiEMCUlR6ZXTSWQqxA==", + "license": "MIT", + "dependencies": { + "@emotion/hash": "^0.9.2", + "@emotion/memoize": "^0.9.0", + "@emotion/unitless": "^0.10.0", + "@emotion/utils": "^1.4.2", + "csstype": "^3.0.2" + } + }, + "node_modules/@emotion/sheet": { + "version": "1.4.0", + "resolved": "https://registry.npmjs.org/@emotion/sheet/-/sheet-1.4.0.tgz", + "integrity": "sha512-fTBW9/8r2w3dXWYM4HCB1Rdp8NLibOw2+XELH5m5+AkWiL/KqYX6dc0kKYlaYyKjrQ6ds33MCdMPEwgs2z1rqg==", + "license": "MIT" + }, + "node_modules/@emotion/styled": { + "version": "11.14.1", + "resolved": "https://registry.npmjs.org/@emotion/styled/-/styled-11.14.1.tgz", + "integrity": "sha512-qEEJt42DuToa3gurlH4Qqc1kVpNq8wO8cJtDzU46TjlzWjDlsVyevtYCRijVq3SrHsROS+gVQ8Fnea108GnKzw==", + "license": "MIT", + "dependencies": { + "@babel/runtime": "^7.18.3", + "@emotion/babel-plugin": "^11.13.5", + "@emotion/is-prop-valid": "^1.3.0", + "@emotion/serialize": "^1.3.3", + "@emotion/use-insertion-effect-with-fallbacks": "^1.2.0", + "@emotion/utils": "^1.4.2" + }, + "peerDependencies": { + "@emotion/react": "^11.0.0-rc.0", + "react": ">=16.8.0" + }, + "peerDependenciesMeta": { + "@types/react": { + "optional": true + } + } + }, + "node_modules/@emotion/unitless": { + "version": "0.10.0", + "resolved": "https://registry.npmjs.org/@emotion/unitless/-/unitless-0.10.0.tgz", + "integrity": "sha512-dFoMUuQA20zvtVTuxZww6OHoJYgrzfKM1t52mVySDJnMSEa08ruEvdYQbhvyu6soU+NeLVd3yKfTfT0NeV6qGg==", + "license": "MIT" + }, + "node_modules/@emotion/use-insertion-effect-with-fallbacks": { + "version": "1.2.0", + "resolved": "https://registry.npmjs.org/@emotion/use-insertion-effect-with-fallbacks/-/use-insertion-effect-with-fallbacks-1.2.0.tgz", + "integrity": "sha512-yJMtVdH59sxi/aVJBpk9FQq+OR8ll5GT8oWd57UpeaKEVGab41JWaCFA7FRLoMLloOZF/c/wsPoe+bfGmRKgDg==", + "license": "MIT", + "peerDependencies": { + "react": ">=16.8.0" + } + }, + "node_modules/@emotion/utils": { + "version": "1.4.2", + "resolved": "https://registry.npmjs.org/@emotion/utils/-/utils-1.4.2.tgz", + "integrity": "sha512-3vLclRofFziIa3J2wDh9jjbkUz9qk5Vi3IZ/FSTKViB0k+ef0fPV7dYrUIugbgupYDx7v9ud/SjrtEP8Y4xLoA==", + "license": "MIT" + }, + "node_modules/@emotion/weak-memoize": { + "version": "0.4.0", + "resolved": "https://registry.npmjs.org/@emotion/weak-memoize/-/weak-memoize-0.4.0.tgz", + "integrity": "sha512-snKqtPW01tN0ui7yu9rGv69aJXr/a/Ywvl11sUjNtEcRc+ng/mQriFL0wLXMef74iHa/EkftbDzU9F8iFbH+zg==", + "license": "MIT" + }, "node_modules/@esbuild/aix-ppc64": { "version": "0.21.5", "resolved": "https://registry.npmjs.org/@esbuild/aix-ppc64/-/aix-ppc64-0.21.5.tgz", @@ -1073,6 +849,44 @@ "node": ">=12" } }, + "node_modules/@floating-ui/core": { + "version": "1.7.5", + "resolved": "https://registry.npmjs.org/@floating-ui/core/-/core-1.7.5.tgz", + "integrity": "sha512-1Ih4WTWyw0+lKyFMcBHGbb5U5FtuHJuujoyyr5zTaWS5EYMeT6Jb2AuDeftsCsEuchO+mM2ij5+q9crhydzLhQ==", + "license": "MIT", + "dependencies": { + "@floating-ui/utils": "^0.2.11" + } + }, + "node_modules/@floating-ui/dom": { + "version": "1.7.6", + "resolved": "https://registry.npmjs.org/@floating-ui/dom/-/dom-1.7.6.tgz", + "integrity": "sha512-9gZSAI5XM36880PPMm//9dfiEngYoC6Am2izES1FF406YFsjvyBMmeJ2g4SAju3xWwtuynNRFL2s9hgxpLI5SQ==", + "license": "MIT", + "dependencies": { + "@floating-ui/core": "^1.7.5", + "@floating-ui/utils": "^0.2.11" + } + }, + "node_modules/@floating-ui/react-dom": { + "version": "2.1.8", + "resolved": "https://registry.npmjs.org/@floating-ui/react-dom/-/react-dom-2.1.8.tgz", + "integrity": "sha512-cC52bHwM/n/CxS87FH0yWdngEZrjdtLW/qVruo68qg+prK7ZQ4YGdut2GyDVpoGeAYe/h899rVeOVm6Oi40k2A==", + "license": "MIT", + "dependencies": { + "@floating-ui/dom": "^1.7.6" + }, + "peerDependencies": { + "react": ">=16.8.0", + "react-dom": ">=16.8.0" + } + }, + "node_modules/@floating-ui/utils": { + "version": "0.2.11", + "resolved": "https://registry.npmjs.org/@floating-ui/utils/-/utils-0.2.11.tgz", + "integrity": "sha512-RiB/yIh78pcIxl6lLMG0CgBXAZ2Y0eVHqMPYugu+9U0AeT6YBeiJpf7lbdJNIugFP5SIjwNRgo4DhR1Qxi26Gg==", + "license": "MIT" + }, "node_modules/@jridgewell/gen-mapping": { "version": "0.3.13", "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.13.tgz", @@ -1087,6 +901,7 @@ "version": "2.3.5", "resolved": "https://registry.npmjs.org/@jridgewell/remapping/-/remapping-2.3.5.tgz", "integrity": "sha512-LI9u/+laYG4Ds1TDKSJW2YPrIlcVYOwi2fUC6xB43lueCjgxV4lffOCZCtYFiH6TNOX+tQKXx97T4IKHbhyHEQ==", + "dev": true, "license": "MIT", "dependencies": { "@jridgewell/gen-mapping": "^0.3.5", @@ -1118,6 +933,381 @@ "@jridgewell/sourcemap-codec": "^1.4.14" } }, + "node_modules/@mui/base": { + "version": "5.0.0-beta.40-1", + "resolved": "https://registry.npmjs.org/@mui/base/-/base-5.0.0-beta.40-1.tgz", + "integrity": "sha512-agKXuNNy0bHUmeU7pNmoZwNFr7Hiyhojkb9+2PVyDG5+6RafYuyMgbrav8CndsB7KUc/U51JAw9vKNDLYBzaUA==", + "deprecated": "This package has been replaced by @base-ui/react", + "license": "MIT", + "dependencies": { + "@babel/runtime": "^7.23.9", + "@floating-ui/react-dom": "^2.0.8", + "@mui/types": "~7.2.15", + "@mui/utils": "^5.17.1", + "@popperjs/core": "^2.11.8", + "clsx": "^2.1.0", + "prop-types": "^15.8.1" + }, + "engines": { + "node": ">=12.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/mui-org" + }, + "peerDependencies": { + "@types/react": "^17.0.0 || ^18.0.0 || ^19.0.0", + "react": "^17.0.0 || ^18.0.0 || ^19.0.0", + "react-dom": "^17.0.0 || ^18.0.0 || ^19.0.0" + }, + "peerDependenciesMeta": { + "@types/react": { + "optional": true + } + } + }, + "node_modules/@mui/core-downloads-tracker": { + "version": "5.18.0", + "resolved": "https://registry.npmjs.org/@mui/core-downloads-tracker/-/core-downloads-tracker-5.18.0.tgz", + "integrity": "sha512-jbhwoQ1AY200PSSOrNXmrFCaSDSJWP7qk6urkTmIirvRXDROkqe+QwcLlUiw/PrREwsIF/vm3/dAXvjlMHF0RA==", + "license": "MIT", + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/mui-org" + } + }, + "node_modules/@mui/icons-material": { + "version": "5.18.0", + "resolved": "https://registry.npmjs.org/@mui/icons-material/-/icons-material-5.18.0.tgz", + "integrity": "sha512-1s0vEZj5XFXDMmz3Arl/R7IncFqJ+WQ95LDp1roHWGDE2oCO3IS4/hmiOv1/8SD9r6B7tv9GLiqVZYHo+6PkTg==", + "license": "MIT", + "dependencies": { + "@babel/runtime": "^7.23.9" + }, + "engines": { + "node": ">=12.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/mui-org" + }, + "peerDependencies": { + "@mui/material": "^5.0.0", + "@types/react": "^17.0.0 || ^18.0.0 || ^19.0.0", + "react": "^17.0.0 || ^18.0.0 || ^19.0.0" + }, + "peerDependenciesMeta": { + "@types/react": { + "optional": true + } + } + }, + "node_modules/@mui/lab": { + "version": "5.0.0-alpha.177", + "resolved": "https://registry.npmjs.org/@mui/lab/-/lab-5.0.0-alpha.177.tgz", + "integrity": "sha512-bdCxxtNjlWAgN9rtrwlmFydJ1qxA3IIbb6OlomGFsIXw0zGoHomLyjvh72q/R3yUAC0kvSef18cHY1UalLylyQ==", + "license": "MIT", + "dependencies": { + "@babel/runtime": "^7.23.9", + "@mui/base": "5.0.0-beta.40-1", + "@mui/system": "^5.18.0", + "@mui/types": "~7.2.15", + "@mui/utils": "^5.17.1", + "clsx": "^2.1.0", + "prop-types": "^15.8.1" + }, + "engines": { + "node": ">=12.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/mui-org" + }, + "peerDependencies": { + "@emotion/react": "^11.5.0", + "@emotion/styled": "^11.3.0", + "@mui/material": ">=5.15.0", + "@types/react": "^17.0.0 || ^18.0.0 || ^19.0.0", + "react": "^17.0.0 || ^18.0.0 || ^19.0.0", + "react-dom": "^17.0.0 || ^18.0.0 || ^19.0.0" + }, + "peerDependenciesMeta": { + "@emotion/react": { + "optional": true + }, + "@emotion/styled": { + "optional": true + }, + "@types/react": { + "optional": true + } + } + }, + "node_modules/@mui/material": { + "version": "5.18.0", + "resolved": "https://registry.npmjs.org/@mui/material/-/material-5.18.0.tgz", + "integrity": "sha512-bbH/HaJZpFtXGvWg3TsBWG4eyt3gah3E7nCNU8GLyRjVoWcA91Vm/T+sjHfUcwgJSw9iLtucfHBoq+qW/T30aA==", + "license": "MIT", + "dependencies": { + "@babel/runtime": "^7.23.9", + "@mui/core-downloads-tracker": "^5.18.0", + "@mui/system": "^5.18.0", + "@mui/types": "~7.2.15", + "@mui/utils": "^5.17.1", + "@popperjs/core": "^2.11.8", + "@types/react-transition-group": "^4.4.10", + "clsx": "^2.1.0", + "csstype": "^3.1.3", + "prop-types": "^15.8.1", + "react-is": "^19.0.0", + "react-transition-group": "^4.4.5" + }, + "engines": { + "node": ">=12.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/mui-org" + }, + "peerDependencies": { + "@emotion/react": "^11.5.0", + "@emotion/styled": "^11.3.0", + "@types/react": "^17.0.0 || ^18.0.0 || ^19.0.0", + "react": "^17.0.0 || ^18.0.0 || ^19.0.0", + "react-dom": "^17.0.0 || ^18.0.0 || ^19.0.0" + }, + "peerDependenciesMeta": { + "@emotion/react": { + "optional": true + }, + "@emotion/styled": { + "optional": true + }, + "@types/react": { + "optional": true + } + } + }, + "node_modules/@mui/private-theming": { + "version": "5.17.1", + "resolved": "https://registry.npmjs.org/@mui/private-theming/-/private-theming-5.17.1.tgz", + "integrity": "sha512-XMxU0NTYcKqdsG8LRmSoxERPXwMbp16sIXPcLVgLGII/bVNagX0xaheWAwFv8+zDK7tI3ajllkuD3GZZE++ICQ==", + "license": "MIT", + "dependencies": { + "@babel/runtime": "^7.23.9", + "@mui/utils": "^5.17.1", + "prop-types": "^15.8.1" + }, + "engines": { + "node": ">=12.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/mui-org" + }, + "peerDependencies": { + "@types/react": "^17.0.0 || ^18.0.0 || ^19.0.0", + "react": "^17.0.0 || ^18.0.0 || ^19.0.0" + }, + "peerDependenciesMeta": { + "@types/react": { + "optional": true + } + } + }, + "node_modules/@mui/styled-engine": { + "version": "5.18.0", + "resolved": "https://registry.npmjs.org/@mui/styled-engine/-/styled-engine-5.18.0.tgz", + "integrity": "sha512-BN/vKV/O6uaQh2z5rXV+MBlVrEkwoS/TK75rFQ2mjxA7+NBo8qtTAOA4UaM0XeJfn7kh2wZ+xQw2HAx0u+TiBg==", + "license": "MIT", + "dependencies": { + "@babel/runtime": "^7.23.9", + "@emotion/cache": "^11.13.5", + "@emotion/serialize": "^1.3.3", + "csstype": "^3.1.3", + "prop-types": "^15.8.1" + }, + "engines": { + "node": ">=12.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/mui-org" + }, + "peerDependencies": { + "@emotion/react": "^11.4.1", + "@emotion/styled": "^11.3.0", + "react": "^17.0.0 || ^18.0.0 || ^19.0.0" + }, + "peerDependenciesMeta": { + "@emotion/react": { + "optional": true + }, + "@emotion/styled": { + "optional": true + } + } + }, + "node_modules/@mui/system": { + "version": "5.18.0", + "resolved": "https://registry.npmjs.org/@mui/system/-/system-5.18.0.tgz", + "integrity": "sha512-ojZGVcRWqWhu557cdO3pWHloIGJdzVtxs3rk0F9L+x55LsUjcMUVkEhiF7E4TMxZoF9MmIHGGs0ZX3FDLAf0Xw==", + "license": "MIT", + "dependencies": { + "@babel/runtime": "^7.23.9", + "@mui/private-theming": "^5.17.1", + "@mui/styled-engine": "^5.18.0", + "@mui/types": "~7.2.15", + "@mui/utils": "^5.17.1", + "clsx": "^2.1.0", + "csstype": "^3.1.3", + "prop-types": "^15.8.1" + }, + "engines": { + "node": ">=12.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/mui-org" + }, + "peerDependencies": { + "@emotion/react": "^11.5.0", + "@emotion/styled": "^11.3.0", + "@types/react": "^17.0.0 || ^18.0.0 || ^19.0.0", + "react": "^17.0.0 || ^18.0.0 || ^19.0.0" + }, + "peerDependenciesMeta": { + "@emotion/react": { + "optional": true + }, + "@emotion/styled": { + "optional": true + }, + "@types/react": { + "optional": true + } + } + }, + "node_modules/@mui/types": { + "version": "7.2.24", + "resolved": "https://registry.npmjs.org/@mui/types/-/types-7.2.24.tgz", + "integrity": "sha512-3c8tRt/CbWZ+pEg7QpSwbdxOk36EfmhbKf6AGZsD1EcLDLTSZoxxJ86FVtcjxvjuhdyBiWKSTGZFaXCnidO2kw==", + "license": "MIT", + "peerDependencies": { + "@types/react": "^17.0.0 || ^18.0.0 || ^19.0.0" + }, + "peerDependenciesMeta": { + "@types/react": { + "optional": true + } + } + }, + "node_modules/@mui/utils": { + "version": "5.17.1", + "resolved": "https://registry.npmjs.org/@mui/utils/-/utils-5.17.1.tgz", + "integrity": "sha512-jEZ8FTqInt2WzxDV8bhImWBqeQRD99c/id/fq83H0ER9tFl+sfZlaAoCdznGvbSQQ9ividMxqSV2c7cC1vBcQg==", + "license": "MIT", + "dependencies": { + "@babel/runtime": "^7.23.9", + "@mui/types": "~7.2.15", + "@types/prop-types": "^15.7.12", + "clsx": "^2.1.1", + "prop-types": "^15.8.1", + "react-is": "^19.0.0" + }, + "engines": { + "node": ">=12.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/mui-org" + }, + "peerDependencies": { + "@types/react": "^17.0.0 || ^18.0.0 || ^19.0.0", + "react": "^17.0.0 || ^18.0.0 || ^19.0.0" + }, + "peerDependenciesMeta": { + "@types/react": { + "optional": true + } + } + }, + "node_modules/@mui/x-date-pickers": { + "version": "6.20.2", + "resolved": "https://registry.npmjs.org/@mui/x-date-pickers/-/x-date-pickers-6.20.2.tgz", + "integrity": "sha512-x1jLg8R+WhvkmUETRfX2wC+xJreMii78EXKLl6r3G+ggcAZlPyt0myID1Amf6hvJb9CtR7CgUo8BwR+1Vx9Ggw==", + "license": "MIT", + "dependencies": { + "@babel/runtime": "^7.23.2", + "@mui/base": "^5.0.0-beta.22", + "@mui/utils": "^5.14.16", + "@types/react-transition-group": "^4.4.8", + "clsx": "^2.0.0", + "prop-types": "^15.8.1", + "react-transition-group": "^4.4.5" + }, + "engines": { + "node": ">=14.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/mui" + }, + "peerDependencies": { + "@emotion/react": "^11.9.0", + "@emotion/styled": "^11.8.1", + "@mui/material": "^5.8.6", + "@mui/system": "^5.8.0", + "date-fns": "^2.25.0 || ^3.2.0", + "date-fns-jalali": "^2.13.0-0", + "dayjs": "^1.10.7", + "luxon": "^3.0.2", + "moment": "^2.29.4", + "moment-hijri": "^2.1.2", + "moment-jalaali": "^0.7.4 || ^0.8.0 || ^0.9.0 || ^0.10.0", + "react": "^17.0.0 || ^18.0.0", + "react-dom": "^17.0.0 || ^18.0.0" + }, + "peerDependenciesMeta": { + "@emotion/react": { + "optional": true + }, + "@emotion/styled": { + "optional": true + }, + "date-fns": { + "optional": true + }, + "date-fns-jalali": { + "optional": true + }, + "dayjs": { + "optional": true + }, + "luxon": { + "optional": true + }, + "moment": { + "optional": true + }, + "moment-hijri": { + "optional": true + }, + "moment-jalaali": { + "optional": true + } + } + }, + "node_modules/@popperjs/core": { + "version": "2.11.8", + "resolved": "https://registry.npmjs.org/@popperjs/core/-/core-2.11.8.tgz", + "integrity": "sha512-P1st0aksCrn9sGZhp8GMYwBnQsbvAWsZAX44oXNNvLHGqAOcoVxmjZiohstwQ7SqKnbR47akdNi+uleWD8+g6A==", + "license": "MIT", + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/popperjs" + } + }, "node_modules/@remix-run/router": { "version": "1.23.3", "resolved": "https://registry.npmjs.org/@remix-run/router/-/router-1.23.3.tgz", @@ -1484,17 +1674,6 @@ "win32" ] }, - "node_modules/@stylexjs/stylex": { - "version": "0.18.3", - "resolved": "https://registry.npmjs.org/@stylexjs/stylex/-/stylex-0.18.3.tgz", - "integrity": "sha512-15gDzAJAorOE0yzxaWLNxldW2aqdmCiLG5QcPD8nmVCVqvrWp0Asgv45zk7LtN86WJb/4Ym9eQ6qT5MJW59tWQ==", - "license": "MIT", - "dependencies": { - "css-mediaquery": "^0.1.2", - "invariant": "^2.2.4", - "styleq": "0.2.1" - } - }, "node_modules/@types/babel__core": { "version": "7.20.5", "resolved": "https://registry.npmjs.org/@types/babel__core/-/babel__core-7.20.5.tgz", @@ -1547,6 +1726,37 @@ "dev": true, "license": "MIT" }, + "node_modules/@types/parse-json": { + "version": "4.0.2", + "resolved": "https://registry.npmjs.org/@types/parse-json/-/parse-json-4.0.2.tgz", + "integrity": "sha512-dISoDXWWQwUquiKsyZ4Ng+HX2KsPL7LyHKHQwgGFEA3IaKac4Obd+h2a/a6waisAoepJlBcx9paWqjA8/HVjCw==", + "license": "MIT" + }, + "node_modules/@types/prop-types": { + "version": "15.7.15", + "resolved": "https://registry.npmjs.org/@types/prop-types/-/prop-types-15.7.15.tgz", + "integrity": "sha512-F6bEyamV9jKGAFBEmlQnesRPGOQqS2+Uwi0Em15xenOxHaf2hv6L8YCVn3rPdPJOiJfPiCnLIRyvwVaqMY3MIw==", + "license": "MIT" + }, + "node_modules/@types/react": { + "version": "19.2.16", + "resolved": "https://registry.npmjs.org/@types/react/-/react-19.2.16.tgz", + "integrity": "sha512-esJiCAnl0kfpNdE69f3So4WJUXy95dLZydX0KwK46riIHDzHM7O9Vtf9xCHW0PXIqvgqNrswl522kA/5yx+F4w==", + "license": "MIT", + "peer": true, + "dependencies": { + "csstype": "^3.2.2" + } + }, + "node_modules/@types/react-transition-group": { + "version": "4.4.12", + "resolved": "https://registry.npmjs.org/@types/react-transition-group/-/react-transition-group-4.4.12.tgz", + "integrity": "sha512-8TV6R3h2j7a91c+1DXdJi3Syo69zzIZbz7Lg5tORM5LEJG7X/E6a1V3drRyBRZq7/utz7A+c4OgYLiLcYGHG6w==", + "license": "MIT", + "peerDependencies": { + "@types/react": "*" + } + }, "node_modules/@vitejs/plugin-react": { "version": "4.7.0", "resolved": "https://registry.npmjs.org/@vitejs/plugin-react/-/plugin-react-4.7.0.tgz", @@ -1568,22 +1778,26 @@ "vite": "^4.2.0 || ^5.0.0 || ^6.0.0 || ^7.0.0" } }, - "node_modules/ast-types": { - "version": "0.16.1", - "resolved": "https://registry.npmjs.org/ast-types/-/ast-types-0.16.1.tgz", - "integrity": "sha512-6t10qk83GOG8p0vKmaCr8eiilZwO171AvbROMtvvNiwrTly62t+7XkA8RdIIVbpMhCASAsxgAzdRSwh6nw/5Dg==", + "node_modules/babel-plugin-macros": { + "version": "3.1.0", + "resolved": "https://registry.npmjs.org/babel-plugin-macros/-/babel-plugin-macros-3.1.0.tgz", + "integrity": "sha512-Cg7TFGpIr01vOQNODXOOaGz2NpCU5gl8x1qJFbb6hbZxR7XrcE2vtbAsTAbJ7/xwJtUuJEw8K8Zr/AE0LHlesg==", "license": "MIT", "dependencies": { - "tslib": "^2.0.1" + "@babel/runtime": "^7.12.5", + "cosmiconfig": "^7.0.0", + "resolve": "^1.19.0" }, "engines": { - "node": ">=4" + "node": ">=10", + "npm": ">=6" } }, "node_modules/baseline-browser-mapping": { "version": "2.10.33", "resolved": "https://registry.npmjs.org/baseline-browser-mapping/-/baseline-browser-mapping-2.10.33.tgz", "integrity": "sha512-bA6+tcSLpz2tIEdDXZPpPTIuxBcC4+w6SieaYyfigIa4h8GlFxbA17v22Vx3JUtuZQj9SgOsnbK+aTBzyDyEuw==", + "dev": true, "license": "Apache-2.0", "bin": { "baseline-browser-mapping": "dist/cli.cjs" @@ -1592,22 +1806,11 @@ "node": ">=6.0.0" } }, - "node_modules/braces": { - "version": "3.0.3", - "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.3.tgz", - "integrity": "sha512-yQbXgO/OSZVD2IsiLlro+7Hf6Q18EJrKSEsdoMzKePKXct3gvD8oLcOQdIzGupr5Fj+EDe8gO/lxc1BzfMpxvA==", - "license": "MIT", - "dependencies": { - "fill-range": "^7.1.1" - }, - "engines": { - "node": ">=8" - } - }, "node_modules/browserslist": { "version": "4.28.2", "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.28.2.tgz", "integrity": "sha512-48xSriZYYg+8qXna9kwqjIVzuQxi+KYWp2+5nCYnYKPTr0LvD89Jqk2Or5ogxz0NUMfIjhh2lIUX/LyX9B4oIg==", + "dev": true, "funding": [ { "type": "opencollective", @@ -1637,16 +1840,20 @@ "node": "^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7" } }, - "node_modules/buffer-from": { - "version": "1.1.2", - "resolved": "https://registry.npmjs.org/buffer-from/-/buffer-from-1.1.2.tgz", - "integrity": "sha512-E+XQCRwSbaaiChtv6k6Dwgc+bx+Bs6vuKJHHl5kox/BaKbhiXzqQOwK4cO22yElGp2OCmjwVhT3HmxgyPGnJfQ==", - "license": "MIT" + "node_modules/callsites": { + "version": "3.1.0", + "resolved": "https://registry.npmjs.org/callsites/-/callsites-3.1.0.tgz", + "integrity": "sha512-P8BjAsXvZS+VIDUI11hHCQEv74YT67YUi5JJFNWIqL235sBmjX4+qx9Muvls5ivyNENctx46xQLQ3aTuE7ssaQ==", + "license": "MIT", + "engines": { + "node": ">=6" + } }, "node_modules/caniuse-lite": { "version": "1.0.30001793", "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001793.tgz", "integrity": "sha512-iwSsYWaCOoh26cV8NwNRViHlrfUvYsHDfRVcbtmw0Kg6PJIZZXwMkj1442FYLBGkeUf1juAsU3DTfxW579mrPA==", + "dev": true, "funding": [ { "type": "opencollective", @@ -1663,40 +1870,42 @@ ], "license": "CC-BY-4.0" }, - "node_modules/clone-deep": { - "version": "4.0.1", - "resolved": "https://registry.npmjs.org/clone-deep/-/clone-deep-4.0.1.tgz", - "integrity": "sha512-neHB9xuzh/wk0dIHweyAXv2aPGZIVk3pLMe+/RNzINf17fe0OG96QroktYAUm7SM1PBnzTabaLboqqxDyMU+SQ==", + "node_modules/clsx": { + "version": "2.1.1", + "resolved": "https://registry.npmjs.org/clsx/-/clsx-2.1.1.tgz", + "integrity": "sha512-eYm0QWBtUrBWZWG0d386OGAw16Z995PiOVo2B7bjWSbHedGl5e0ZWaq65kOGgUSNesEIDkB9ISbTg/JK9dhCZA==", "license": "MIT", - "dependencies": { - "is-plain-object": "^2.0.4", - "kind-of": "^6.0.2", - "shallow-clone": "^3.0.0" - }, "engines": { "node": ">=6" } }, - "node_modules/commander": { - "version": "12.1.0", - "resolved": "https://registry.npmjs.org/commander/-/commander-12.1.0.tgz", - "integrity": "sha512-Vw8qHK3bZM9y/P10u3Vib8o/DdkvA2OtPtZvD871QKjy74Wj1WSKFILMPRPSdUSx5RFK1arlJzEtA4PkFgnbuA==", - "license": "MIT", - "engines": { - "node": ">=18" - } - }, - "node_modules/commondir": { - "version": "1.0.1", - "resolved": "https://registry.npmjs.org/commondir/-/commondir-1.0.1.tgz", - "integrity": "sha512-W9pAhw0ja1Edb5GVdIF1mjZw/ASI0AlShXM83UUGe2DVr5TdAPEA1OA8m/g8zWp9x6On7gqufY+FatDbC3MDQg==", + "node_modules/convert-source-map": { + "version": "1.9.0", + "resolved": "https://registry.npmjs.org/convert-source-map/-/convert-source-map-1.9.0.tgz", + "integrity": "sha512-ASFBup0Mz1uyiIjANan1jzLQami9z1PoYSZCiiYW2FczPbenXc45FZdBZLzOT+r6+iciuEModtmCti+hjaAk0A==", "license": "MIT" }, - "node_modules/css-mediaquery": { - "version": "0.1.2", - "resolved": "https://registry.npmjs.org/css-mediaquery/-/css-mediaquery-0.1.2.tgz", - "integrity": "sha512-COtn4EROW5dBGlE/4PiKnh6rZpAPxDeFLaEEwt4i10jpDMFt2EhQGS79QmmrO+iKCHv0PU/HrOWEhijFd1x99Q==", - "license": "BSD" + "node_modules/cosmiconfig": { + "version": "7.1.0", + "resolved": "https://registry.npmjs.org/cosmiconfig/-/cosmiconfig-7.1.0.tgz", + "integrity": "sha512-AdmX6xUzdNASswsFtmwSt7Vj8po9IuqXm0UXz7QKPuEUmPB4XyjGfaAr2PSuELMwkRMVH1EpIkX5bTZGRB3eCA==", + "license": "MIT", + "dependencies": { + "@types/parse-json": "^4.0.0", + "import-fresh": "^3.2.1", + "parse-json": "^5.0.0", + "path-type": "^4.0.0", + "yaml": "^1.10.0" + }, + "engines": { + "node": ">=10" + } + }, + "node_modules/csstype": { + "version": "3.2.3", + "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.2.3.tgz", + "integrity": "sha512-z1HGKcYy2xA8AGQfwrn0PAy+PB7X/GSj3UVJW9qKyn43xWa+gl5nXmU4qqLMRzWVLFC8KusUX8T/0kCiOYpAIQ==", + "license": "MIT" }, "node_modules/dayjs": { "version": "1.11.21", @@ -1721,12 +1930,41 @@ } } }, + "node_modules/dom-helpers": { + "version": "5.2.1", + "resolved": "https://registry.npmjs.org/dom-helpers/-/dom-helpers-5.2.1.tgz", + "integrity": "sha512-nRCa7CK3VTrM2NmGkIy4cbK7IZlgBE/PYMn55rrXefr5xXDP0LdtfPnblFDoVdcAfslJ7or6iqAUnx0CCGIWQA==", + "license": "MIT", + "dependencies": { + "@babel/runtime": "^7.8.7", + "csstype": "^3.0.2" + } + }, "node_modules/electron-to-chromium": { "version": "1.5.368", "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.5.368.tgz", "integrity": "sha512-7RckJJK4uESJF9PxvfMWd3TGqIiieUTG4HxnKaKuIpGbcr+r2ZEB3g2gAhCP3Fqm42vJSzLfgab9eva/C4/XVw==", + "dev": true, "license": "ISC" }, + "node_modules/error-ex": { + "version": "1.3.4", + "resolved": "https://registry.npmjs.org/error-ex/-/error-ex-1.3.4.tgz", + "integrity": "sha512-sqQamAnR14VgCr1A618A3sGrygcpK+HEbenA/HiEAkkUwcZIIB/tgWqHFxWgOyDh4nB4JCRimh79dR5Ywc9MDQ==", + "license": "MIT", + "dependencies": { + "is-arrayish": "^0.2.1" + } + }, + "node_modules/es-errors": { + "version": "1.3.0", + "resolved": "https://registry.npmjs.org/es-errors/-/es-errors-1.3.0.tgz", + "integrity": "sha512-Zf5H2Kxt2xjTvbJvP2ZWLEICxA6j+hAmMzIlypy4xcBg1vKVnx89Wy0GbS+kf5cwCVFFzdCFh2XSCFNULS6csw==", + "license": "MIT", + "engines": { + "node": ">= 0.4" + } + }, "node_modules/esbuild": { "version": "0.21.5", "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.21.5.tgz", @@ -1770,107 +2008,30 @@ "version": "3.2.0", "resolved": "https://registry.npmjs.org/escalade/-/escalade-3.2.0.tgz", "integrity": "sha512-WUj2qlxaQtO4g6Pq5c29GTcWGDyd8itL8zTlipgECz3JesAiiOKotd8JU6otB3PACgG6xkJUyVhboMS+bje/jA==", + "dev": true, "license": "MIT", "engines": { "node": ">=6" } }, - "node_modules/esprima": { - "version": "4.0.1", - "resolved": "https://registry.npmjs.org/esprima/-/esprima-4.0.1.tgz", - "integrity": "sha512-eGuFFw7Upda+g4p+QHvnW0RyTX/SVeJBDM/gCtMARO0cLuT2HcEKnTPvhjV6aGeqrCB/sbNop0Kszm0jsaWU4A==", - "license": "BSD-2-Clause", - "bin": { - "esparse": "bin/esparse.js", - "esvalidate": "bin/esvalidate.js" - }, + "node_modules/escape-string-regexp": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-4.0.0.tgz", + "integrity": "sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA==", + "license": "MIT", "engines": { - "node": ">=4" + "node": ">=10" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" } }, - "node_modules/fast-string-truncated-width": { - "version": "3.0.3", - "resolved": "https://registry.npmjs.org/fast-string-truncated-width/-/fast-string-truncated-width-3.0.3.tgz", - "integrity": "sha512-0jjjIEL6+0jag3l2XWWizO64/aZVtpiGE3t0Zgqxv0DPuxiMjvB3M24fCyhZUO4KomJQPj3LTSUnDP3GpdwC0g==", + "node_modules/find-root": { + "version": "1.1.0", + "resolved": "https://registry.npmjs.org/find-root/-/find-root-1.1.0.tgz", + "integrity": "sha512-NKfW6bec6GfKc0SGx1e07QZY9PE99u0Bft/0rzSD5k3sO/vwkVUpDUKVm5Gpp5Ue3YfShPFTX2070tDs5kB9Ng==", "license": "MIT" }, - "node_modules/fast-string-width": { - "version": "3.0.2", - "resolved": "https://registry.npmjs.org/fast-string-width/-/fast-string-width-3.0.2.tgz", - "integrity": "sha512-gX8LrtNEI5hq8DVUfRQMbr5lpaS4nMIWV+7XEbXk2b8kiQIizgnlr12B4dA3ZEx3308ze0O4Q1R+cHts8kyUJg==", - "license": "MIT", - "dependencies": { - "fast-string-truncated-width": "^3.0.2" - } - }, - "node_modules/fast-wrap-ansi": { - "version": "0.2.2", - "resolved": "https://registry.npmjs.org/fast-wrap-ansi/-/fast-wrap-ansi-0.2.2.tgz", - "integrity": "sha512-7F2Fl+TjRSenLqlU3UjSH0iyqopqoZIu7eZVpEirP2g1GtWa2G/ecEmBdgz31+Mxr+ELclgg6sokpSFIQiZ02Q==", - "license": "MIT", - "dependencies": { - "fast-string-width": "^3.0.2" - } - }, - "node_modules/fill-range": { - "version": "7.1.1", - "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.1.1.tgz", - "integrity": "sha512-YsGpe3WHLK8ZYi4tWDg2Jy3ebRz2rXowDxnld4bkQB00cc/1Zw9AWnC0i9ztDJitivtQvaI9KaLyKrc+hBW0yg==", - "license": "MIT", - "dependencies": { - "to-regex-range": "^5.0.1" - }, - "engines": { - "node": ">=8" - } - }, - "node_modules/find-cache-dir": { - "version": "2.1.0", - "resolved": "https://registry.npmjs.org/find-cache-dir/-/find-cache-dir-2.1.0.tgz", - "integrity": "sha512-Tq6PixE0w/VMFfCgbONnkiQIVol/JJL7nRMi20fqzA4NRs9AfeqMGeRdPi3wIhYkxjeBaWh2rxwapn5Tu3IqOQ==", - "license": "MIT", - "dependencies": { - "commondir": "^1.0.1", - "make-dir": "^2.0.0", - "pkg-dir": "^3.0.0" - }, - "engines": { - "node": ">=6" - } - }, - "node_modules/find-up": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/find-up/-/find-up-3.0.0.tgz", - "integrity": "sha512-1yD6RmLI1XBfxugvORwlck6f75tYL+iR0jqwsOrOxMZyGYqUuDhJ0l4AXdO1iX/FTs9cBAMEk1gWSEx1kSbylg==", - "license": "MIT", - "dependencies": { - "locate-path": "^3.0.0" - }, - "engines": { - "node": ">=6" - } - }, - "node_modules/flow-estree": { - "version": "0.321.0", - "resolved": "https://registry.npmjs.org/flow-estree/-/flow-estree-0.321.0.tgz", - "integrity": "sha512-rQY7YKoo+PKpAHQjEP2cxyIefk04OCEKUlbtV4y6LAUG3Ly7guQX9YH8th6drSmYcNkMgpqWMaHRhhYaAF69CA==", - "license": "MIT", - "engines": { - "node": ">=18" - } - }, - "node_modules/flow-parser": { - "version": "0.321.0", - "resolved": "https://registry.npmjs.org/flow-parser/-/flow-parser-0.321.0.tgz", - "integrity": "sha512-9LNK2rp/NWWbwdEK6mxC54XfQRyD2lVV0iPVBYf+5o5vvqJl7ietkR1hX3/dZ39j0GAbL4PIFoeekDViOW0x/Q==", - "license": "MIT", - "dependencies": { - "flow-estree": "0.321.0" - }, - "engines": { - "node": ">=0.4.0" - } - }, "node_modules/fsevents": { "version": "2.3.3", "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.3.tgz", @@ -1886,83 +2047,87 @@ "node": "^8.16.0 || ^10.6.0 || >=11.0.0" } }, + "node_modules/function-bind": { + "version": "1.1.2", + "resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.2.tgz", + "integrity": "sha512-7XHNxH7qX9xG5mIwxkhumTox/MIRNcOgDrxWsMt2pAr23WHp6MrRlN7FBSFpCpr+oVO0F744iUgR82nJMfG2SA==", + "license": "MIT", + "funding": { + "url": "https://github.com/sponsors/ljharb" + } + }, "node_modules/gensync": { "version": "1.0.0-beta.2", "resolved": "https://registry.npmjs.org/gensync/-/gensync-1.0.0-beta.2.tgz", "integrity": "sha512-3hN7NaskYvMDLQY55gnW3NQ+mesEAepTqlg+VEbj7zzqEMBVNhzcGYYeqFo/TlYz6eQiFcp1HcsCZO+nGgS8zg==", + "dev": true, "license": "MIT", "engines": { "node": ">=6.9.0" } }, - "node_modules/gpt-tokenizer": { - "version": "2.9.0", - "resolved": "https://registry.npmjs.org/gpt-tokenizer/-/gpt-tokenizer-2.9.0.tgz", - "integrity": "sha512-YSpexBL/k4bfliAzMrRqn3M6+it02LutVyhVpDeMKrC/O9+pCe/5s8U2hYKa2vFLD5/vHhsKc8sOn/qGqII8Kg==", - "license": "MIT", - "peer": true - }, - "node_modules/graceful-fs": { - "version": "4.2.11", - "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.11.tgz", - "integrity": "sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ==", - "license": "ISC" - }, - "node_modules/imurmurhash": { - "version": "0.1.4", - "resolved": "https://registry.npmjs.org/imurmurhash/-/imurmurhash-0.1.4.tgz", - "integrity": "sha512-JmXMZ6wuvDmLiHEml9ykzqO6lwFbof0GG4IkcGaENdCRDDmMVnny7s5HsIgHCbaq0w2MyPhDqkhTUgS2LU2PHA==", - "license": "MIT", - "engines": { - "node": ">=0.8.19" - } - }, - "node_modules/invariant": { - "version": "2.2.4", - "resolved": "https://registry.npmjs.org/invariant/-/invariant-2.2.4.tgz", - "integrity": "sha512-phJfQVBuaJM5raOpJjSfkiD6BpbCE4Ns//LaXl6wGYtUBY83nWS6Rf9tXm2e8VaK60JEjYldbPif/A2B1C2gNA==", - "license": "MIT", - "dependencies": { - "loose-envify": "^1.0.0" - } - }, - "node_modules/is-number": { - "version": "7.0.0", - "resolved": "https://registry.npmjs.org/is-number/-/is-number-7.0.0.tgz", - "integrity": "sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==", - "license": "MIT", - "engines": { - "node": ">=0.12.0" - } - }, - "node_modules/is-plain-object": { + "node_modules/hasown": { "version": "2.0.4", - "resolved": "https://registry.npmjs.org/is-plain-object/-/is-plain-object-2.0.4.tgz", - "integrity": "sha512-h5PpgXkWitc38BBMYawTYMWJHFZJVnBquFE57xFpjB8pJFiF6gZ+bU+WyI/yqXiFR5mdLsgYNaPe8uao6Uv9Og==", + "resolved": "https://registry.npmjs.org/hasown/-/hasown-2.0.4.tgz", + "integrity": "sha512-T2UbfbBEF32wiepXIsMlTW9+dDYC6wMh/t/vYA4tuOMKqWz/n3vr1NFSxQiyP+zk2mXsoMA/i/7qV6LKut1t1A==", "license": "MIT", "dependencies": { - "isobject": "^3.0.1" + "function-bind": "^1.1.2" }, "engines": { - "node": ">=0.10.0" + "node": ">= 0.4" } }, - "node_modules/isobject": { - "version": "3.0.1", - "resolved": "https://registry.npmjs.org/isobject/-/isobject-3.0.1.tgz", - "integrity": "sha512-WhB9zCku7EGTj/HQQRz5aUQEUeoQZH2bWcltRErOpymJ4boYE6wL9Tbr23krRPSZ+C5zqNSrSw+Cc7sZZ4b7vg==", + "node_modules/hoist-non-react-statics": { + "version": "3.3.2", + "resolved": "https://registry.npmjs.org/hoist-non-react-statics/-/hoist-non-react-statics-3.3.2.tgz", + "integrity": "sha512-/gGivxi8JPKWNm/W0jSmzcMPpfpPLc3dY/6GxhX2hQ9iGj3aDfklV4ET7NjKpSinLpJ5vafa9iiGIEZg10SfBw==", + "license": "BSD-3-Clause", + "dependencies": { + "react-is": "^16.7.0" + } + }, + "node_modules/hoist-non-react-statics/node_modules/react-is": { + "version": "16.13.1", + "resolved": "https://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz", + "integrity": "sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==", + "license": "MIT" + }, + "node_modules/import-fresh": { + "version": "3.3.1", + "resolved": "https://registry.npmjs.org/import-fresh/-/import-fresh-3.3.1.tgz", + "integrity": "sha512-TR3KfrTZTYLPB6jUjfx6MF9WcWrHL9su5TObK4ZkYgBdWKPOFoSoQIdEuTuR82pmtxH2spWG9h6etwfr1pLBqQ==", "license": "MIT", + "dependencies": { + "parent-module": "^1.0.0", + "resolve-from": "^4.0.0" + }, "engines": { - "node": ">=0.10.0" + "node": ">=6" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" } }, - "node_modules/jiti": { - "version": "2.7.0", - "resolved": "https://registry.npmjs.org/jiti/-/jiti-2.7.0.tgz", - "integrity": "sha512-AC/7JofJvZGrrneWNaEnJeOLUx+JlGt7tNa0wZiRPT4MY1wmfKjt2+6O2p2uz2+skll8OZZmJMNqeke7kKbNgQ==", + "node_modules/is-arrayish": { + "version": "0.2.1", + "resolved": "https://registry.npmjs.org/is-arrayish/-/is-arrayish-0.2.1.tgz", + "integrity": "sha512-zz06S8t0ozoDXMG+ube26zeCTNXcKIPJZJi8hBrF4idCLms4CG9QtK7qBl1boi5ODzFpjswb5JPmHCbMpjaYzg==", + "license": "MIT" + }, + "node_modules/is-core-module": { + "version": "2.16.2", + "resolved": "https://registry.npmjs.org/is-core-module/-/is-core-module-2.16.2.tgz", + "integrity": "sha512-evOr8xfXKxE6qSR0hSXL2r3sd7ALj8+7jQEUvPYcm5sgZFdJ+AYzT6yNmJenvIYQBgIGwfwz08sL8zoL7yq2BA==", "license": "MIT", - "bin": { - "jiti": "lib/jiti-cli.mjs" + "dependencies": { + "hasown": "^2.0.3" + }, + "engines": { + "node": ">= 0.4" + }, + "funding": { + "url": "https://github.com/sponsors/ljharb" } }, "node_modules/js-tokens": { @@ -1971,46 +2136,6 @@ "integrity": "sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==", "license": "MIT" }, - "node_modules/jscodeshift": { - "version": "17.3.0", - "resolved": "https://registry.npmjs.org/jscodeshift/-/jscodeshift-17.3.0.tgz", - "integrity": "sha512-LjFrGOIORqXBU+jwfC9nbkjmQfFldtMIoS6d9z2LG/lkmyNXsJAySPT+2SWXJEoE68/bCWcxKpXH37npftgmow==", - "license": "MIT", - "dependencies": { - "@babel/core": "^7.24.7", - "@babel/parser": "^7.24.7", - "@babel/plugin-transform-class-properties": "^7.24.7", - "@babel/plugin-transform-modules-commonjs": "^7.24.7", - "@babel/plugin-transform-nullish-coalescing-operator": "^7.24.7", - "@babel/plugin-transform-optional-chaining": "^7.24.7", - "@babel/plugin-transform-private-methods": "^7.24.7", - "@babel/preset-flow": "^7.24.7", - "@babel/preset-typescript": "^7.24.7", - "@babel/register": "^7.24.6", - "flow-parser": "0.*", - "graceful-fs": "^4.2.4", - "micromatch": "^4.0.7", - "neo-async": "^2.5.0", - "picocolors": "^1.0.1", - "recast": "^0.23.11", - "tmp": "^0.2.3", - "write-file-atomic": "^5.0.1" - }, - "bin": { - "jscodeshift": "bin/jscodeshift.js" - }, - "engines": { - "node": ">=16" - }, - "peerDependencies": { - "@babel/preset-env": "^7.1.6" - }, - "peerDependenciesMeta": { - "@babel/preset-env": { - "optional": true - } - } - }, "node_modules/jsesc": { "version": "3.1.0", "resolved": "https://registry.npmjs.org/jsesc/-/jsesc-3.1.0.tgz", @@ -2023,10 +2148,17 @@ "node": ">=6" } }, + "node_modules/json-parse-even-better-errors": { + "version": "2.3.1", + "resolved": "https://registry.npmjs.org/json-parse-even-better-errors/-/json-parse-even-better-errors-2.3.1.tgz", + "integrity": "sha512-xyFwyhro/JEof6Ghe2iz2NcXoj2sloNsWr/XsERDK/oiPCfaNhl5ONfp+jQdAZRQQ0IJWNzH9zIZF7li91kh2w==", + "license": "MIT" + }, "node_modules/json5": { "version": "2.2.3", "resolved": "https://registry.npmjs.org/json5/-/json5-2.2.3.tgz", "integrity": "sha512-XmOWe7eyHYH14cLdVPoyg+GOH3rYX++KpzrylJwSW98t3Nk+U8XOl8FWKOgwtzdb8lXGf6zYwDUzeHMWfxasyg==", + "dev": true, "license": "MIT", "bin": { "json5": "lib/cli.js" @@ -2035,27 +2167,11 @@ "node": ">=6" } }, - "node_modules/kind-of": { - "version": "6.0.3", - "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-6.0.3.tgz", - "integrity": "sha512-dcS1ul+9tmeD95T+x28/ehLgd9mENa3LsvDTtzm3vyBEO7RPptvAD+t44WVXaUjTBRcrpFeFlC8WCruUR456hw==", - "license": "MIT", - "engines": { - "node": ">=0.10.0" - } - }, - "node_modules/locate-path": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-3.0.0.tgz", - "integrity": "sha512-7AO748wWnIhNqAuaty2ZWHkQHRSNfPVIsPIfwEOWO22AmaoVrWavlOcMR5nzTLNYvp36X220/maaRsrec1G65A==", - "license": "MIT", - "dependencies": { - "p-locate": "^3.0.0", - "path-exists": "^3.0.0" - }, - "engines": { - "node": ">=6" - } + "node_modules/lines-and-columns": { + "version": "1.2.4", + "resolved": "https://registry.npmjs.org/lines-and-columns/-/lines-and-columns-1.2.4.tgz", + "integrity": "sha512-7ylylesZQ/PV29jhEDl3Ufjo6ZX7gCqJr5F7PKrqc93v7fzSymt1BpwEU8nAUXs8qzzvqhbjhK5QZg6Mt/HkBg==", + "license": "MIT" }, "node_modules/loose-envify": { "version": "1.4.0", @@ -2073,55 +2189,12 @@ "version": "5.1.1", "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-5.1.1.tgz", "integrity": "sha512-KpNARQA3Iwv+jTA0utUVVbrh+Jlrr1Fv0e56GGzAFOXN7dk/FviaDW8LHmK52DlcH4WP2n6gI8vN1aesBFgo9w==", + "dev": true, "license": "ISC", "dependencies": { "yallist": "^3.0.2" } }, - "node_modules/lucide-react": { - "version": "1.22.0", - "resolved": "https://registry.npmjs.org/lucide-react/-/lucide-react-1.22.0.tgz", - "integrity": "sha512-c9o3l0PiNcgOQDW4F31BEYHudE7kgxVt3o30qMl36ZPwTxXlGB4QnLilhERvVM4uh/pl5MDyY1/gzZSYcHDtBg==", - "license": "ISC", - "peerDependencies": { - "react": "^16.5.1 || ^17.0.0 || ^18.0.0 || ^19.0.0" - } - }, - "node_modules/make-dir": { - "version": "2.1.0", - "resolved": "https://registry.npmjs.org/make-dir/-/make-dir-2.1.0.tgz", - "integrity": "sha512-LS9X+dc8KLxXCb8dni79fLIIUA5VyZoyjSMCwTluaXA0o27cCK0bhXkpgw+sTXVpPy/lSO57ilRixqk0vDmtRA==", - "license": "MIT", - "dependencies": { - "pify": "^4.0.1", - "semver": "^5.6.0" - }, - "engines": { - "node": ">=6" - } - }, - "node_modules/make-dir/node_modules/semver": { - "version": "5.7.2", - "resolved": "https://registry.npmjs.org/semver/-/semver-5.7.2.tgz", - "integrity": "sha512-cBznnQ9KjJqU67B52RMC65CMarK2600WFnbkcaiwWq3xy/5haFJlshgnpjovMVJ+Hff49d8GEn0b87C5pDQ10g==", - "license": "ISC", - "bin": { - "semver": "bin/semver" - } - }, - "node_modules/micromatch": { - "version": "4.0.8", - "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-4.0.8.tgz", - "integrity": "sha512-PXwfBhYu0hBCPw8Dn0E+WDYb7af3dSLVWKi3HGv84IdF4TyFoC0ysxFd0Goxw7nSv4T/PzEJQxsYsEiFCKo2BA==", - "license": "MIT", - "dependencies": { - "braces": "^3.0.3", - "picomatch": "^2.3.1" - }, - "engines": { - "node": ">=8.6" - } - }, "node_modules/ms": { "version": "2.1.3", "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.3.tgz", @@ -2147,64 +2220,68 @@ "node": "^10 || ^12 || ^13.7 || ^14 || >=15.0.1" } }, - "node_modules/neo-async": { - "version": "2.6.2", - "resolved": "https://registry.npmjs.org/neo-async/-/neo-async-2.6.2.tgz", - "integrity": "sha512-Yd3UES5mWCSqR+qNT93S3UoYUkqAZ9lLg8a7g9rimsWmYGK8cVToA4/sF3RrshdyV3sAGMXVUmpMYOw+dLpOuw==", - "license": "MIT" - }, "node_modules/node-releases": { "version": "2.0.47", "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.47.tgz", "integrity": "sha512-Uzmd6LXpouKo8EUK68IjH4+E01w/hXyV3R3g/geCJo+rXLNfh1xucB+LOzYEOQPSiUK3h/xZf0cQGcSsmyL2Og==", + "dev": true, "license": "MIT", "engines": { "node": ">=18" } }, - "node_modules/p-limit": { - "version": "2.3.0", - "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-2.3.0.tgz", - "integrity": "sha512-//88mFWSJx8lxCzwdAABTJL2MyWB12+eIY7MDL2SqLmAkeKU9qxRvWuSyTjm3FUmpBEMuFfckAIqEaVGUDxb6w==", + "node_modules/object-assign": { + "version": "4.1.1", + "resolved": "https://registry.npmjs.org/object-assign/-/object-assign-4.1.1.tgz", + "integrity": "sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg==", + "license": "MIT", + "engines": { + "node": ">=0.10.0" + } + }, + "node_modules/parent-module": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/parent-module/-/parent-module-1.0.1.tgz", + "integrity": "sha512-GQ2EWRpQV8/o+Aw8YqtfZZPfNRWZYkbidE9k5rpl/hC3vtHHBfGm2Ifi6qWV+coDGkrUKZAxE3Lot5kcsRlh+g==", "license": "MIT", "dependencies": { - "p-try": "^2.0.0" + "callsites": "^3.0.0" }, "engines": { "node": ">=6" + } + }, + "node_modules/parse-json": { + "version": "5.2.0", + "resolved": "https://registry.npmjs.org/parse-json/-/parse-json-5.2.0.tgz", + "integrity": "sha512-ayCKvm/phCGxOkYRSCM82iDwct8/EonSEgCSxWxD7ve6jHggsFl4fZVQBPRNgQoKiuV/odhFrGzQXZwbifC8Rg==", + "license": "MIT", + "dependencies": { + "@babel/code-frame": "^7.0.0", + "error-ex": "^1.3.1", + "json-parse-even-better-errors": "^2.3.0", + "lines-and-columns": "^1.1.6" + }, + "engines": { + "node": ">=8" }, "funding": { "url": "https://github.com/sponsors/sindresorhus" } }, - "node_modules/p-locate": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-3.0.0.tgz", - "integrity": "sha512-x+12w/To+4GFfgJhBEpiDcLozRJGegY+Ei7/z0tSLkMmxGZNybVMSfWj9aJn8Z5Fc7dBUNJOOVgPv2H7IwulSQ==", - "license": "MIT", - "dependencies": { - "p-limit": "^2.0.0" - }, - "engines": { - "node": ">=6" - } + "node_modules/path-parse": { + "version": "1.0.7", + "resolved": "https://registry.npmjs.org/path-parse/-/path-parse-1.0.7.tgz", + "integrity": "sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==", + "license": "MIT" }, - "node_modules/p-try": { - "version": "2.2.0", - "resolved": "https://registry.npmjs.org/p-try/-/p-try-2.2.0.tgz", - "integrity": "sha512-R4nPAVTAU0B9D35/Gk3uJf/7XYbQcyohSKdvAxIRSNghFl4e71hVoGnBNQz9cWaXxO2I10KTC+3jMdvvoKw6dQ==", + "node_modules/path-type": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/path-type/-/path-type-4.0.0.tgz", + "integrity": "sha512-gDKb8aZMDeD/tZWs9P6+q0J9Mwkdl6xMV8TjnGP3qJVJ06bdMgkbBlLU8IdfOsIsFz2BW1rNVT3XuNEl8zPAvw==", "license": "MIT", "engines": { - "node": ">=6" - } - }, - "node_modules/path-exists": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/path-exists/-/path-exists-3.0.0.tgz", - "integrity": "sha512-bpC7GYwiDYQ4wYLe+FA8lhRjhQCMcQGuSgGGqDkg/QerRWw9CmGRT0iSOVRSZJ29NMLZgIzqaljJ63oaL4NIJQ==", - "license": "MIT", - "engines": { - "node": ">=4" + "node": ">=8" } }, "node_modules/picocolors": { @@ -2213,48 +2290,6 @@ "integrity": "sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA==", "license": "ISC" }, - "node_modules/picomatch": { - "version": "2.3.2", - "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.2.tgz", - "integrity": "sha512-V7+vQEJ06Z+c5tSye8S+nHUfI51xoXIXjHQ99cQtKUkQqqO1kO/KCJUfZXuB47h/YBlDhah2H3hdUGXn8ie0oA==", - "license": "MIT", - "engines": { - "node": ">=8.6" - }, - "funding": { - "url": "https://github.com/sponsors/jonschlinkert" - } - }, - "node_modules/pify": { - "version": "4.0.1", - "resolved": "https://registry.npmjs.org/pify/-/pify-4.0.1.tgz", - "integrity": "sha512-uB80kBFb/tfd68bVleG9T5GGsGPjJrLAUpR5PZIrhBnIaRTQRjqdJSsIKkOP6OAIFbj7GOrcudc5pNjZ+geV2g==", - "license": "MIT", - "engines": { - "node": ">=6" - } - }, - "node_modules/pirates": { - "version": "4.0.7", - "resolved": "https://registry.npmjs.org/pirates/-/pirates-4.0.7.tgz", - "integrity": "sha512-TfySrs/5nm8fQJDcBDuUng3VOUKsd7S+zqvbOTiGXHfxX4wK31ard+hoNuvkicM/2YFzlpDgABOevKSsB4G/FA==", - "license": "MIT", - "engines": { - "node": ">= 6" - } - }, - "node_modules/pkg-dir": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/pkg-dir/-/pkg-dir-3.0.0.tgz", - "integrity": "sha512-/E57AYkoeQ25qkxMj5PBOVgF8Kiu/h7cYS30Z5+R7WaiCCBfLq58ZI/dSeaEKb9WVJV5n/03QwrN3IeWIFllvw==", - "license": "MIT", - "dependencies": { - "find-up": "^3.0.0" - }, - "engines": { - "node": ">=6" - } - }, "node_modules/postcss": { "version": "8.5.15", "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.5.15.tgz", @@ -2284,27 +2319,54 @@ "node": "^10 || ^12 || >=14" } }, - "node_modules/react": { - "version": "19.2.7", - "resolved": "https://registry.npmjs.org/react/-/react-19.2.7.tgz", - "integrity": "sha512-HNe9WslTbXmFK8o8cmwgAeJFSBvt1bPdHCVKtaaV+WlAN36mpT4hcRpwbf3fY56ar2oIXzsBpOAiIRHAdY0OlQ==", + "node_modules/prop-types": { + "version": "15.8.1", + "resolved": "https://registry.npmjs.org/prop-types/-/prop-types-15.8.1.tgz", + "integrity": "sha512-oj87CgZICdulUohogVAR7AjlC0327U4el4L6eAvOqCeudMDVU0NThNaV+b9Df4dXgSP1gXMTnPdhfe/2qDH5cg==", "license": "MIT", + "dependencies": { + "loose-envify": "^1.4.0", + "object-assign": "^4.1.1", + "react-is": "^16.13.1" + } + }, + "node_modules/prop-types/node_modules/react-is": { + "version": "16.13.1", + "resolved": "https://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz", + "integrity": "sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==", + "license": "MIT" + }, + "node_modules/react": { + "version": "18.3.1", + "resolved": "https://registry.npmjs.org/react/-/react-18.3.1.tgz", + "integrity": "sha512-wS+hAgJShR0KhEvPJArfuPVN1+Hz1t0Y6n5jLrGQbkb4urgPE/0Rve+1kMB1v/oWgHgm4WIcV+i7F2pTVj+2iQ==", + "license": "MIT", + "dependencies": { + "loose-envify": "^1.1.0" + }, "engines": { "node": ">=0.10.0" } }, "node_modules/react-dom": { - "version": "19.2.7", - "resolved": "https://registry.npmjs.org/react-dom/-/react-dom-19.2.7.tgz", - "integrity": "sha512-t0BRVXvbiE/o20Hfw669rLbMCDWtYZLvmJigy2f0MxsXF+71pxhR3xOkspmsO8h3ZlNzyibAmtCa3l4lYKk6gQ==", + "version": "18.3.1", + "resolved": "https://registry.npmjs.org/react-dom/-/react-dom-18.3.1.tgz", + "integrity": "sha512-5m4nQKp+rZRb09LNH59GM4BxTh9251/ylbKIbpe7TpGxfJ+9kv6BLkLBXIjjspbgbnIBNqlI23tRnTWT0snUIw==", "license": "MIT", "dependencies": { - "scheduler": "^0.27.0" + "loose-envify": "^1.1.0", + "scheduler": "^0.23.2" }, "peerDependencies": { - "react": "^19.2.7" + "react": "^18.3.1" } }, + "node_modules/react-is": { + "version": "19.2.7", + "resolved": "https://registry.npmjs.org/react-is/-/react-is-19.2.7.tgz", + "integrity": "sha512-kZFnouyVv7eP/Phmrlo9FK+zcAdriZJvzxXHF1Sl1P377WSGe2G/JxVolhTrB/jeV47lKImhNUsijjHAAbcl/A==", + "license": "MIT" + }, "node_modules/react-refresh": { "version": "0.17.0", "resolved": "https://registry.npmjs.org/react-refresh/-/react-refresh-0.17.0.tgz", @@ -2347,29 +2409,50 @@ "react-dom": ">=16.8" } }, - "node_modules/recast": { - "version": "0.23.12", - "resolved": "https://registry.npmjs.org/recast/-/recast-0.23.12.tgz", - "integrity": "sha512-dEWRjcINDu/F4l2dYx57ugBtD7HV9KXESyxhzw/MqWLeglJrsjJKqACPyUPg+6AF8mIgm+Zi0dZ3ACoIg+QtpA==", - "license": "MIT", + "node_modules/react-transition-group": { + "version": "4.4.5", + "resolved": "https://registry.npmjs.org/react-transition-group/-/react-transition-group-4.4.5.tgz", + "integrity": "sha512-pZcd1MCJoiKiBR2NRxeCRg13uCXbydPnmB4EOeRrY7480qNWO8IIgQG6zlDkm6uRMsURXPuKq0GWtiM59a5Q6g==", + "license": "BSD-3-Clause", "dependencies": { - "ast-types": "^0.16.1", - "esprima": "~4.0.0", - "source-map": "~0.6.1", - "tiny-invariant": "^1.3.3", - "tslib": "^2.0.1" + "@babel/runtime": "^7.5.5", + "dom-helpers": "^5.0.1", + "loose-envify": "^1.4.0", + "prop-types": "^15.6.2" }, - "engines": { - "node": ">= 4" + "peerDependencies": { + "react": ">=16.6.0", + "react-dom": ">=16.6.0" } }, - "node_modules/recast/node_modules/source-map": { - "version": "0.6.1", - "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz", - "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==", - "license": "BSD-3-Clause", + "node_modules/resolve": { + "version": "1.22.12", + "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.22.12.tgz", + "integrity": "sha512-TyeJ1zif53BPfHootBGwPRYT1RUt6oGWsaQr8UyZW/eAm9bKoijtvruSDEmZHm92CwS9nj7/fWttqPCgzep8CA==", + "license": "MIT", + "dependencies": { + "es-errors": "^1.3.0", + "is-core-module": "^2.16.1", + "path-parse": "^1.0.7", + "supports-preserve-symlinks-flag": "^1.0.0" + }, + "bin": { + "resolve": "bin/resolve" + }, "engines": { - "node": ">=0.10.0" + "node": ">= 0.4" + }, + "funding": { + "url": "https://github.com/sponsors/ljharb" + } + }, + "node_modules/resolve-from": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-4.0.0.tgz", + "integrity": "sha512-pb/MYmXstAkysRFx8piNI1tGFNQIFA3vkE3Gq4EuA1dF6gHp/+vgZqsCGJapvy8N3Q+4o7FwvquPJcnZ7RYy4g==", + "license": "MIT", + "engines": { + "node": ">=4" } }, "node_modules/rollup": { @@ -2418,50 +2501,33 @@ } }, "node_modules/scheduler": { - "version": "0.27.0", - "resolved": "https://registry.npmjs.org/scheduler/-/scheduler-0.27.0.tgz", - "integrity": "sha512-eNv+WrVbKu1f3vbYJT/xtiF5syA5HPIMtf9IgY/nKg0sWqzAUEvqY/xm7OcZc/qafLx/iO9FgOmeSAp4v5ti/Q==", - "license": "MIT" + "version": "0.23.2", + "resolved": "https://registry.npmjs.org/scheduler/-/scheduler-0.23.2.tgz", + "integrity": "sha512-UOShsPwz7NrMUqhR6t0hWjFduvOzbtv7toDH1/hIrfRNIDBnnBWd0CwJTGvTpngVlmwGCdP9/Zl/tVrDqcuYzQ==", + "license": "MIT", + "dependencies": { + "loose-envify": "^1.1.0" + } }, "node_modules/semver": { "version": "6.3.1", "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz", "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==", + "dev": true, "license": "ISC", "bin": { "semver": "bin/semver.js" } }, - "node_modules/shallow-clone": { - "version": "3.0.1", - "resolved": "https://registry.npmjs.org/shallow-clone/-/shallow-clone-3.0.1.tgz", - "integrity": "sha512-/6KqX+GVUdqPuPPd2LxDDxzX6CAbjJehAAOKlNpqqUpAqPM6HeL8f+o3a+JsyGjn2lv0WY8UsTgUJjU9Ok55NA==", - "license": "MIT", - "dependencies": { - "kind-of": "^6.0.2" - }, + "node_modules/source-map": { + "version": "0.5.7", + "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.5.7.tgz", + "integrity": "sha512-LbrmJOMUSdEVxIKvdcJzQC+nQhe8FUZQTXQy6+I75skNgn3OoQ0DZA8YnFa7gp8tqtL3KPf1kmo0R5DoApeSGQ==", + "license": "BSD-3-Clause", "engines": { - "node": ">=8" + "node": ">=0.10.0" } }, - "node_modules/signal-exit": { - "version": "4.1.0", - "resolved": "https://registry.npmjs.org/signal-exit/-/signal-exit-4.1.0.tgz", - "integrity": "sha512-bzyZ1e88w9O1iNJbKnOlvYTrWPDl46O1bG0D3XInv+9tkPrxrN8jUUTiFlDkkmKWgn1M6CfIA13SuGqOa9Korw==", - "license": "ISC", - "engines": { - "node": ">=14" - }, - "funding": { - "url": "https://github.com/sponsors/isaacs" - } - }, - "node_modules/sisteransi": { - "version": "1.0.5", - "resolved": "https://registry.npmjs.org/sisteransi/-/sisteransi-1.0.5.tgz", - "integrity": "sha512-bLGGlR1QxBcynn2d5YmDX4MGjlZvy2MRBDRNHLJ8VI6l6+9FUiyTFNJ0IveOSP0bcXgVDPRcfGqA0pjaqUpfVg==", - "license": "MIT" - }, "node_modules/source-map-js": { "version": "1.2.1", "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.2.1.tgz", @@ -2472,68 +2538,29 @@ "node": ">=0.10.0" } }, - "node_modules/source-map-support": { - "version": "0.5.21", - "resolved": "https://registry.npmjs.org/source-map-support/-/source-map-support-0.5.21.tgz", - "integrity": "sha512-uBHU3L3czsIyYXKX88fdrGovxdSCoTGDRZ6SYXtSRxLZUzHg5P/66Ht6uoUlHu9EZod+inXhKo3qQgwXUT/y1w==", - "license": "MIT", - "dependencies": { - "buffer-from": "^1.0.0", - "source-map": "^0.6.0" - } - }, - "node_modules/source-map-support/node_modules/source-map": { - "version": "0.6.1", - "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz", - "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==", - "license": "BSD-3-Clause", - "engines": { - "node": ">=0.10.0" - } - }, - "node_modules/styleq": { - "version": "0.2.1", - "resolved": "https://registry.npmjs.org/styleq/-/styleq-0.2.1.tgz", - "integrity": "sha512-L0TR0NQb+X4/ktDEKmjWyp27gla+LUYi/by5k5SjKXf6/pvZP7wbwEB5J+tqxdFVPgzbsuz+d4RTScO/QZquBw==", + "node_modules/stylis": { + "version": "4.2.0", + "resolved": "https://registry.npmjs.org/stylis/-/stylis-4.2.0.tgz", + "integrity": "sha512-Orov6g6BB1sDfYgzWfTHDOxamtX1bE/zo104Dh9e6fqJ3PooipYyfJ0pUmrZO2wAvO8YbEyeFrkV91XTsGMSrw==", "license": "MIT" }, - "node_modules/tiny-invariant": { - "version": "1.3.3", - "resolved": "https://registry.npmjs.org/tiny-invariant/-/tiny-invariant-1.3.3.tgz", - "integrity": "sha512-+FbBPE1o9QAYvviau/qC5SE3caw21q3xkvWKBtja5vgqOWIHHJ3ioaq1VPfn/Szqctz2bU/oYeKd9/z5BL+PVg==", - "license": "MIT" - }, - "node_modules/tmp": { - "version": "0.2.7", - "resolved": "https://registry.npmjs.org/tmp/-/tmp-0.2.7.tgz", - "integrity": "sha512-e0votIpp4Uo2AJYSzVHV6xCcawuiez3DzqDAbrTc3YxBkplN6e+dM13ZeIcZnDg/QpSuU2zfZ3rzwY8ukEnaXw==", + "node_modules/supports-preserve-symlinks-flag": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/supports-preserve-symlinks-flag/-/supports-preserve-symlinks-flag-1.0.0.tgz", + "integrity": "sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==", "license": "MIT", "engines": { - "node": ">=14.14" - } - }, - "node_modules/to-regex-range": { - "version": "5.0.1", - "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz", - "integrity": "sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==", - "license": "MIT", - "dependencies": { - "is-number": "^7.0.0" + "node": ">= 0.4" }, - "engines": { - "node": ">=8.0" + "funding": { + "url": "https://github.com/sponsors/ljharb" } }, - "node_modules/tslib": { - "version": "2.8.1", - "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.8.1.tgz", - "integrity": "sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w==", - "license": "0BSD" - }, "node_modules/update-browserslist-db": { "version": "1.2.3", "resolved": "https://registry.npmjs.org/update-browserslist-db/-/update-browserslist-db-1.2.3.tgz", "integrity": "sha512-Js0m9cx+qOgDxo0eMiFGEueWztz+d4+M3rGlmKPT+T4IS/jP4ylw3Nwpu6cpTTP8R1MAC1kF4VbdLt3ARf209w==", + "dev": true, "funding": [ { "type": "opencollective", @@ -2620,32 +2647,20 @@ } } }, - "node_modules/write-file-atomic": { - "version": "5.0.1", - "resolved": "https://registry.npmjs.org/write-file-atomic/-/write-file-atomic-5.0.1.tgz", - "integrity": "sha512-+QU2zd6OTD8XWIJCbffaiQeH9U73qIqafo1x6V1snCWYGJf6cVE0cDR4D8xRzcEnfI21IFrUPzPGtcPf8AC+Rw==", - "license": "ISC", - "dependencies": { - "imurmurhash": "^0.1.4", - "signal-exit": "^4.0.1" - }, - "engines": { - "node": "^14.17.0 || ^16.13.0 || >=18.0.0" - } - }, "node_modules/yallist": { "version": "3.1.1", "resolved": "https://registry.npmjs.org/yallist/-/yallist-3.1.1.tgz", "integrity": "sha512-a4UGQaWPH59mOXUYnAG2ewncQS4i4F43Tv3JoAM+s2VDAmS9NsK8GpDMLrCHPksFT7h3K6TOoUNn2pb7RoXx4g==", + "dev": true, "license": "ISC" }, - "node_modules/zod": { - "version": "4.4.3", - "resolved": "https://registry.npmjs.org/zod/-/zod-4.4.3.tgz", - "integrity": "sha512-ytENFjIJFl2UwYglde2jchW2Hwm4GJFLDiSXWdTrJQBIN9Fcyp7n4DhxJEiWNAJMV1/BqWfW/kkg71UDcHJyTQ==", - "license": "MIT", - "funding": { - "url": "https://github.com/sponsors/colinhacks" + "node_modules/yaml": { + "version": "1.10.3", + "resolved": "https://registry.npmjs.org/yaml/-/yaml-1.10.3.tgz", + "integrity": "sha512-vIYeF1u3CjlhAFekPPAk2h/Kv4T3mAkMox5OymRiJQB0spDP10LHvt+K7G9Ny6NuuMAb25/6n1qyUjAcGNf/AA==", + "license": "ISC", + "engines": { + "node": ">= 6" } } } diff --git a/package.json b/package.json index ea70a55..c94e1ab 100644 --- a/package.json +++ b/package.json @@ -10,12 +10,15 @@ "preview": "vite preview" }, "dependencies": { - "@astryxdesign/cli": "^0.1.2", - "@astryxdesign/core": "^0.1.2", - "@astryxdesign/theme-neutral": "^0.1.2", + "@emotion/react": "^11.11.4", + "@emotion/styled": "^11.11.5", + "@mui/icons-material": "^5.15.20", + "@mui/lab": "^5.0.0-alpha.170", + "@mui/material": "^5.15.20", + "@mui/x-date-pickers": "^6.20.2", "dayjs": "^1.11.11", - "react": "^19.2.7", - "react-dom": "^19.2.7", + "react": "^18.3.1", + "react-dom": "^18.3.1", "react-router-dom": "^6.23.1" }, "devDependencies": { diff --git a/public/navbarLogo.png b/public/navbarLogo.png deleted file mode 100644 index f643518..0000000 Binary files a/public/navbarLogo.png and /dev/null differ diff --git a/src/App.jsx b/src/App.jsx index 74cc6bc..ad72721 100644 --- a/src/App.jsx +++ b/src/App.jsx @@ -1,5 +1,6 @@ import { Suspense, lazy } from 'react'; import { Routes, Route, Navigate } from 'react-router-dom'; +import { Box, CircularProgress } from '@mui/material'; import MainLayout from '@/layout/MainLayout'; import MinimalLayout from '@/layout/MinimalLayout'; @@ -11,10 +12,9 @@ const load = (factory) => { return ( -
- -
+ + + } > @@ -29,7 +29,7 @@ export default function App() { }> import('@/pages/Dashboard'))} /> - import('@/pages/tenants/Tenants'))} /> + import('@/pages/tenants/Tenants'))} /> import('@/pages/survey/Survey.jsx'))} /> diff --git a/src/app/dashboard-ref/page.tsx b/src/app/dashboard-ref/page.tsx deleted file mode 100644 index 194aa74..0000000 --- a/src/app/dashboard-ref/page.tsx +++ /dev/null @@ -1,808 +0,0 @@ -// Copyright (c) Meta Platforms, Inc. and affiliates. - -'use client'; - -import { - VStack, - HStack, - Layout, - LayoutContent, -} from '@astryxdesign/core/Layout'; -import {Text, Heading} from '@astryxdesign/core/Text'; -import {Card} from '@astryxdesign/core/Card'; -import {Button} from '@astryxdesign/core/Button'; -import {ProgressBar} from '@astryxdesign/core/ProgressBar'; -import { - BarChart, - Bar, - LineChart, - Line, - XAxis, - YAxis, - CartesianGrid, - Tooltip, - ResponsiveContainer, -} from 'recharts'; -import {Grid} from '@astryxdesign/core/Grid'; -import {Table, proportional, pixel} from '@astryxdesign/core/Table'; -import type {TableColumn} from '@astryxdesign/core/Table'; -import {Divider} from '@astryxdesign/core/Divider'; -import {Link} from '@astryxdesign/core/Link'; -import {Icon} from '@astryxdesign/core/Icon'; - -// ============= ICONS ============= - -import { - ArrowPathIcon, - ArrowUpIcon, - ArrowDownIcon, -} from '@heroicons/react/24/outline'; -import {StopIcon} from '@heroicons/react/24/solid'; - -// ============= DATA ============= - -// Active users chart data (96 points over 24h at 15-min intervals: Apr 1 14:00 → Apr 2 14:00) -// Each point has an index (0–95) for even spacing, plus a label for display -const activeUsersData = [ - // Apr 1 14:00 — mid-afternoon, strong work hours - {hour: 0, label: 'Apr 1 14:00', allUsers: 116, desktop: 79, mobile: 37}, - {hour: 1, label: 'Apr 1 14:15', allUsers: 118, desktop: 80, mobile: 38}, - {hour: 2, label: 'Apr 1 14:30', allUsers: 117, desktop: 79, mobile: 38}, - {hour: 3, label: 'Apr 1 14:45', allUsers: 119, desktop: 81, mobile: 38}, - // Apr 1 15:00 — afternoon lull - {hour: 4, label: 'Apr 1 15:00', allUsers: 116, desktop: 79, mobile: 37}, - {hour: 5, label: 'Apr 1 15:15', allUsers: 113, desktop: 76, mobile: 37}, - {hour: 6, label: 'Apr 1 15:30', allUsers: 109, desktop: 72, mobile: 37}, - {hour: 7, label: 'Apr 1 15:45', allUsers: 111, desktop: 74, mobile: 37}, - // Apr 1 16:00 — late afternoon, some leaving early - {hour: 8, label: 'Apr 1 16:00', allUsers: 110, desktop: 72, mobile: 38}, - {hour: 9, label: 'Apr 1 16:15', allUsers: 107, desktop: 69, mobile: 38}, - {hour: 10, label: 'Apr 1 16:30', allUsers: 104, desktop: 66, mobile: 38}, - {hour: 11, label: 'Apr 1 16:45', allUsers: 101, desktop: 62, mobile: 39}, - // Apr 1 17:00 — 5PM exodus, desktop drops fast, mobile bumps - {hour: 12, label: 'Apr 1 17:00', allUsers: 100, desktop: 57, mobile: 43}, - {hour: 13, label: 'Apr 1 17:15', allUsers: 99, desktop: 54, mobile: 45}, - {hour: 14, label: 'Apr 1 17:30', allUsers: 97, desktop: 50, mobile: 47}, - {hour: 15, label: 'Apr 1 17:45', allUsers: 95, desktop: 46, mobile: 49}, - // Apr 1 18:00 — commute, mobile overtakes desktop - {hour: 16, label: 'Apr 1 18:00', allUsers: 93, desktop: 41, mobile: 52}, - {hour: 17, label: 'Apr 1 18:15', allUsers: 91, desktop: 39, mobile: 52}, - {hour: 18, label: 'Apr 1 18:30', allUsers: 89, desktop: 37, mobile: 52}, - {hour: 19, label: 'Apr 1 18:45', allUsers: 87, desktop: 36, mobile: 51}, - // Apr 1 19:00 — dinner, decline slowing - {hour: 20, label: 'Apr 1 19:00', allUsers: 85, desktop: 34, mobile: 51}, - {hour: 21, label: 'Apr 1 19:15', allUsers: 83, desktop: 32, mobile: 51}, - {hour: 22, label: 'Apr 1 19:30', allUsers: 80, desktop: 30, mobile: 50}, - {hour: 23, label: 'Apr 1 19:45', allUsers: 77, desktop: 28, mobile: 49}, - // Apr 1 20:00 — couch browsing, mobile plateau - {hour: 24, label: 'Apr 1 20:00', allUsers: 75, desktop: 26, mobile: 49}, - {hour: 25, label: 'Apr 1 20:15', allUsers: 76, desktop: 26, mobile: 50}, - {hour: 26, label: 'Apr 1 20:30', allUsers: 76, desktop: 27, mobile: 49}, - {hour: 27, label: 'Apr 1 20:45', allUsers: 75, desktop: 27, mobile: 48}, - // Apr 1 21:00 — winding down, mobile dropping off - {hour: 28, label: 'Apr 1 21:00', allUsers: 73, desktop: 27, mobile: 46}, - {hour: 29, label: 'Apr 1 21:15', allUsers: 71, desktop: 27, mobile: 44}, - {hour: 30, label: 'Apr 1 21:30', allUsers: 69, desktop: 27, mobile: 42}, - {hour: 31, label: 'Apr 1 21:45', allUsers: 67, desktop: 28, mobile: 39}, - // Apr 1 22:00 — bedtime wave, mobile drops, desktop holds - {hour: 32, label: 'Apr 1 22:00', allUsers: 65, desktop: 29, mobile: 36}, - {hour: 33, label: 'Apr 1 22:15', allUsers: 63, desktop: 29, mobile: 34}, - {hour: 34, label: 'Apr 1 22:30', allUsers: 61, desktop: 30, mobile: 31}, - {hour: 35, label: 'Apr 1 22:45', allUsers: 60, desktop: 31, mobile: 29}, - // Apr 1 23:00 — desktop overtakes as local users sleep, other TZs active - {hour: 36, label: 'Apr 1 23:00', allUsers: 59, desktop: 33, mobile: 26}, - {hour: 37, label: 'Apr 1 23:15', allUsers: 58, desktop: 34, mobile: 24}, - {hour: 38, label: 'Apr 1 23:30', allUsers: 57, desktop: 35, mobile: 22}, - {hour: 39, label: 'Apr 1 23:45', allUsers: 56, desktop: 36, mobile: 20}, - // Apr 2 00:00 — EMEA morning starts, desktop dominant - {hour: 40, label: 'Apr 2 00:00', allUsers: 56, desktop: 38, mobile: 18}, - {hour: 41, label: 'Apr 2 00:15', allUsers: 56, desktop: 39, mobile: 17}, - {hour: 42, label: 'Apr 2 00:30', allUsers: 57, desktop: 40, mobile: 17}, - {hour: 43, label: 'Apr 2 00:45', allUsers: 56, desktop: 40, mobile: 16}, - // Apr 2 01:00 — EMEA working, plateau - {hour: 44, label: 'Apr 2 01:00', allUsers: 56, desktop: 41, mobile: 15}, - {hour: 45, label: 'Apr 2 01:15', allUsers: 55, desktop: 41, mobile: 14}, - {hour: 46, label: 'Apr 2 01:30', allUsers: 55, desktop: 41, mobile: 14}, - {hour: 47, label: 'Apr 2 01:45', allUsers: 54, desktop: 40, mobile: 14}, - // Apr 2 02:00 — EMEA mid-morning, holding steady - {hour: 48, label: 'Apr 2 02:00', allUsers: 54, desktop: 40, mobile: 14}, - {hour: 49, label: 'Apr 2 02:15', allUsers: 53, desktop: 39, mobile: 14}, - {hour: 50, label: 'Apr 2 02:30', allUsers: 53, desktop: 39, mobile: 14}, - {hour: 51, label: 'Apr 2 02:45', allUsers: 52, desktop: 38, mobile: 14}, - // Apr 2 03:00 — EMEA lunch gap, slight dip - {hour: 52, label: 'Apr 2 03:00', allUsers: 51, desktop: 37, mobile: 14}, - {hour: 53, label: 'Apr 2 03:15', allUsers: 50, desktop: 36, mobile: 14}, - {hour: 54, label: 'Apr 2 03:30', allUsers: 49, desktop: 35, mobile: 14}, - {hour: 55, label: 'Apr 2 03:45', allUsers: 49, desktop: 35, mobile: 14}, - // Apr 2 04:00 — EMEA afternoon, floor - {hour: 56, label: 'Apr 2 04:00', allUsers: 48, desktop: 34, mobile: 14}, - {hour: 57, label: 'Apr 2 04:15', allUsers: 48, desktop: 33, mobile: 15}, - {hour: 58, label: 'Apr 2 04:30', allUsers: 49, desktop: 33, mobile: 16}, - {hour: 59, label: 'Apr 2 04:45', allUsers: 49, desktop: 32, mobile: 17}, - // Apr 2 05:00 — early risers checking phones, mobile climbing - {hour: 60, label: 'Apr 2 05:00', allUsers: 50, desktop: 31, mobile: 19}, - {hour: 61, label: 'Apr 2 05:15', allUsers: 51, desktop: 30, mobile: 21}, - {hour: 62, label: 'Apr 2 05:30', allUsers: 52, desktop: 29, mobile: 23}, - {hour: 63, label: 'Apr 2 05:45', allUsers: 54, desktop: 28, mobile: 26}, - // Apr 2 06:00 — alarms going off, mobile surging - {hour: 64, label: 'Apr 2 06:00', allUsers: 56, desktop: 27, mobile: 29}, - {hour: 65, label: 'Apr 2 06:15', allUsers: 58, desktop: 26, mobile: 32}, - {hour: 66, label: 'Apr 2 06:30', allUsers: 61, desktop: 26, mobile: 35}, - {hour: 67, label: 'Apr 2 06:45', allUsers: 64, desktop: 27, mobile: 37}, - // Apr 2 07:00 — commute, mobile peaks, desktop starting - {hour: 68, label: 'Apr 2 07:00', allUsers: 67, desktop: 28, mobile: 39}, - {hour: 69, label: 'Apr 2 07:15', allUsers: 70, desktop: 30, mobile: 40}, - {hour: 70, label: 'Apr 2 07:30', allUsers: 73, desktop: 33, mobile: 40}, - {hour: 71, label: 'Apr 2 07:45', allUsers: 76, desktop: 37, mobile: 39}, - // Apr 2 08:00 — arriving at desks, desktop ramping - {hour: 72, label: 'Apr 2 08:00', allUsers: 80, desktop: 43, mobile: 37}, - {hour: 73, label: 'Apr 2 08:15', allUsers: 85, desktop: 49, mobile: 36}, - {hour: 74, label: 'Apr 2 08:30', allUsers: 90, desktop: 55, mobile: 35}, - {hour: 75, label: 'Apr 2 08:45', allUsers: 95, desktop: 61, mobile: 34}, - // Apr 2 09:00 — work day, desktop dominant - {hour: 76, label: 'Apr 2 09:00', allUsers: 99, desktop: 66, mobile: 33}, - {hour: 77, label: 'Apr 2 09:15', allUsers: 102, desktop: 69, mobile: 33}, - {hour: 78, label: 'Apr 2 09:30', allUsers: 104, desktop: 72, mobile: 32}, - {hour: 79, label: 'Apr 2 09:45', allUsers: 104, desktop: 72, mobile: 32}, - // Apr 2 10:00 — coffee break stall, then climbing - {hour: 80, label: 'Apr 2 10:00', allUsers: 106, desktop: 74, mobile: 32}, - {hour: 81, label: 'Apr 2 10:15', allUsers: 109, desktop: 76, mobile: 33}, - {hour: 82, label: 'Apr 2 10:30', allUsers: 112, desktop: 78, mobile: 34}, - {hour: 83, label: 'Apr 2 10:45', allUsers: 114, desktop: 80, mobile: 34}, - // Apr 2 11:00 — approaching peak - {hour: 84, label: 'Apr 2 11:00', allUsers: 116, desktop: 81, mobile: 35}, - {hour: 85, label: 'Apr 2 11:15', allUsers: 117, desktop: 81, mobile: 36}, - {hour: 86, label: 'Apr 2 11:30', allUsers: 119, desktop: 83, mobile: 36}, - {hour: 87, label: 'Apr 2 11:45', allUsers: 119, desktop: 82, mobile: 37}, - // Apr 2 12:00 — lunch dip, mobile ticks up - {hour: 88, label: 'Apr 2 12:00', allUsers: 120, desktop: 83, mobile: 37}, - {hour: 89, label: 'Apr 2 12:15', allUsers: 115, desktop: 78, mobile: 37}, - {hour: 90, label: 'Apr 2 12:30', allUsers: 111, desktop: 74, mobile: 37}, - {hour: 91, label: 'Apr 2 12:45', allUsers: 110, desktop: 73, mobile: 37}, - // Apr 2 13:00 — returning from lunch - {hour: 92, label: 'Apr 2 13:00', allUsers: 113, desktop: 76, mobile: 37}, - {hour: 93, label: 'Apr 2 13:15', allUsers: 116, desktop: 79, mobile: 37}, - {hour: 94, label: 'Apr 2 13:30', allUsers: 118, desktop: 81, mobile: 37}, - {hour: 95, label: 'Apr 2 14:00', allUsers: 120, desktop: 83, mobile: 37}, -]; - -// X-axis tick indices and their display labels -const xAxisTicks = [0, 32, 64, 95]; -const xAxisLabels: Record = { - 0: 'Apr 1 14:00', - 32: 'Apr 1 22:00', - 64: 'Apr 2 06:00', - 95: 'Apr 2 14:00', -}; - -// Metric cards -const metrics = [ - { - label: 'Monthly Visitors', - value: '27.3 k', - change: '+18.2%', - positive: true, - }, - { - label: 'Monthly Page Views', - value: '48.2 k', - change: '+12.5%', - positive: true, - }, - { - label: 'Avg. Session', - value: '4.5 min', - change: '-14.3%', - positive: false, - }, - { - label: 'Bounce Rate', - value: '42.3%', - change: '-8.7%', - positive: false, - }, -]; - -// Sparkline data for each metric card (30 days, weekends at indices 5-6, 12-13, 19-20, 26-27) -const sparklines = [ - // Monthly Visitors: +18.2% — declining first 2 weeks, hits bottom around day 14, then sharp recovery - // prettier-ignore - [48, 46, 44, 42, 40, 18, 16, 38, 36, 34, 32, 30, 12, 10, 28, 26, 28, 32, 36, 14, 12, 40, 44, 48, 52, 56, 28, 24, 58, 62], - // Monthly Page Views: +12.5% — flat/choppy first 3 weeks, then kicks up sharply in final week - // prettier-ignore - [36, 38, 35, 37, 36, 14, 12, 38, 36, 34, 37, 35, 12, 10, 36, 34, 36, 35, 38, 14, 12, 40, 44, 50, 54, 56, 26, 22, 58, 60], - // Avg. Session: -14.3% — strong start, holds through week 2, then clear drop-off week 3-4 - // prettier-ignore - [58, 56, 60, 58, 62, 30, 26, 60, 58, 62, 60, 58, 28, 24, 56, 54, 50, 46, 42, 18, 14, 38, 36, 34, 32, 30, 10, 8, 28, 26], - // Bounce Rate: -8.7% — high and volatile first half, starts dropping around day 16, steady decline - // prettier-ignore - [52, 56, 50, 54, 58, 62, 60, 54, 52, 56, 50, 54, 60, 58, 50, 48, 46, 44, 40, 46, 44, 38, 36, 34, 36, 32, 38, 36, 30, 28], -]; - -// Demographics -const regionData = [ - { - label: 'NORAM', - value: 38, - color: 'var(--color-data-categorical-blue, #0171E3)', - }, - { - label: 'EMEA', - value: 28, - color: 'var(--color-data-categorical-orange, #EB6E00)', - }, - { - label: 'APAC', - value: 22, - color: 'var(--color-data-categorical-green, #0B991F)', - }, - { - label: 'LATAM', - value: 8, - color: 'var(--color-data-categorical-purple, #6B1EFD)', - }, - {label: 'Other', value: 4, color: 'var(--color-data-neutral, #8494A3)'}, -]; - -const roleData = [ - { - label: 'Engineer', - value: 45, - color: 'var(--color-data-categorical-blue, #0171E3)', - }, - { - label: 'Manager', - value: 20, - color: 'var(--color-data-categorical-orange, #EB6E00)', - }, - { - label: 'Designer', - value: 15, - color: 'var(--color-data-categorical-green, #0B991F)', - }, - { - label: 'Data Scientist', - value: 12, - color: 'var(--color-data-categorical-purple, #6B1EFD)', - }, - {label: 'Other', value: 8, color: 'var(--color-data-neutral, #8494A3)'}, -]; - -// Engagement — Top pages -interface PageRow extends Record { - id: string; - page: string; - views: number; - newUsers: string; - avgTime: string; - exits: string; -} - -const topPagesData: PageRow[] = [ - { - id: '1', - page: '/home', - views: 8420, - newUsers: '62.3%', - avgTime: '3:42', - exits: '18.5%', - }, - { - id: '2', - page: '/products', - views: 6150, - newUsers: '45.1%', - avgTime: '4:15', - exits: '22.8%', - }, - { - id: '3', - page: '/pricing', - views: 4830, - newUsers: '38.7%', - avgTime: '2:58', - exits: '35.2%', - }, - { - id: '4', - page: '/blog', - views: 3920, - newUsers: '71.4%', - avgTime: '5:30', - exits: '12.1%', - }, - { - id: '5', - page: '/docs', - views: 3410, - newUsers: '29.8%', - avgTime: '6:12', - exits: '8.4%', - }, - { - id: '6', - page: '/about', - views: 2980, - newUsers: '55.6%', - avgTime: '2:15', - exits: '28.3%', - }, - { - id: '7', - page: '/contact', - views: 2540, - newUsers: '48.2%', - avgTime: '1:48', - exits: '41.7%', - }, - { - id: '8', - page: '/changelog', - views: 2210, - newUsers: '22.1%', - avgTime: '4:55', - exits: '15.6%', - }, - { - id: '9', - page: '/support', - views: 1870, - newUsers: '59.3%', - avgTime: '3:22', - exits: '30.9%', - }, - { - id: '10', - page: '/careers', - views: 1520, - newUsers: '83.1%', - avgTime: '2:34', - exits: '45.2%', - }, -]; - -const topPagesMaxViews = Math.max(...topPagesData.map(d => d.views)); - -const topPagesColumns: TableColumn[] = [ - {key: 'page', header: 'Page', width: pixel(160)}, - { - key: 'views', - header: 'Views', - width: proportional(1), - renderCell: (item: PageRow) => ( - - - {item.views.toLocaleString()} views - - ), - }, - {key: 'newUsers', header: 'New Users', width: pixel(120)}, - {key: 'avgTime', header: 'Avg. Time', width: pixel(120)}, -]; - -// Engagement — Top events -interface EventRow extends Record { - id: string; - event: string; - count: number; - users: number; - newUsers: number; -} - -const topEventsData: EventRow[] = [ - {id: '1', event: 'page_view', count: 18420, users: 12300, newUsers: 4920}, - {id: '2', event: 'session_start', count: 14850, users: 9870, newUsers: 3950}, - {id: '3', event: 'first_visit', count: 8230, users: 8230, newUsers: 8230}, - {id: '4', event: 'user_engagement', count: 6120, users: 4510, newUsers: 1580}, - {id: '5', event: 'click', count: 3540, users: 2680, newUsers: 940}, - {id: '6', event: 'scroll', count: 2910, users: 2140, newUsers: 750}, - {id: '7', event: 'form_submit', count: 1870, users: 1350, newUsers: 540}, - {id: '8', event: 'video_play', count: 1240, users: 980, newUsers: 390}, - {id: '9', event: 'search', count: 960, users: 720, newUsers: 290}, - {id: '10', event: 'share', count: 580, users: 410, newUsers: 160}, -]; - -const topEventsMaxCount = Math.max(...topEventsData.map(d => d.count)); - -const topEventsColumns: TableColumn[] = [ - {key: 'event', header: 'Event', width: pixel(160)}, - { - key: 'count', - header: 'Count', - width: proportional(1), - renderCell: (item: EventRow) => ( - - - {item.count.toLocaleString()} - - ), - }, - { - key: 'users', - header: 'Users', - width: pixel(120), - renderCell: (item: EventRow) => item.users.toLocaleString(), - }, - { - key: 'newUsers', - header: 'New Users', - width: pixel(120), - renderCell: (item: EventRow) => item.newUsers.toLocaleString(), - }, -]; - -// ============= CHART COMPONENTS ============= - -// Chart line colors via Astryx design tokens (CSS custom properties) -const chartColors = { - allUsers: 'var(--color-data-categorical-blue, #0171E3)', - desktop: 'var(--color-data-categorical-orange, #EB6E00)', - mobile: 'var(--color-data-categorical-purple, #6B1EFD)', -}; - -function ChartLegendItem({color, label}: {color: string; label: string}) { - return ( - - - - {label} - - - ); -} - -function ChartTooltip({ - active, - payload, - label, -}: { - active?: boolean; - payload?: Array<{name: string; value: number; color: string}>; - label?: number; -}) { - if (!active || !payload?.length) { - return null; - } - const point = activeUsersData.find(d => d.hour === label); - return ( - - - - {point?.label ?? ''} - - {payload.map(entry => ( - - - - {entry.name}: {entry.value} - - - ))} - - - ); -} - -function ActiveUsersChart() { - return ( - - - - - xAxisLabels[v] ?? ''} - tick={{ - fontSize: 'var(--font-size-sm, 12px)', - fill: 'var(--color-text-secondary, #4E606F)', - }} - axisLine={false} - tickLine={false} - /> - - } - cursor={{stroke: 'var(--color-border, rgba(5, 54, 89, 0.1))'}} - /> - - - - - - - - - - - - ); -} - -function Sparkline({data}: {data: number[]}) { - const chartData = data.map((v, i) => ({i, v})); - return ( - - - - - - ); -} - -// ============= CARD COMPONENTS ============= - -function MetricCard({ - label, - value, - change, - positive, - sparkline, -}: { - label: string; - value: string; - change: string; - positive: boolean; - sparkline: number[]; -}) { - return ( - - - {label} - - {value} - - {positive ? ( - - ) : ( - - )} - - {change} - - - - - Last 30 days vs. Previous - - - - - ); -} - -function StackedBarCard({ - title, - data, -}: { - title: string; - data: Array<{label: string; value: number; color: string}>; -}) { - const total = data.reduce((sum, d) => sum + d.value, 0); - // Recharts needs a single data row with each segment as a separate key - const chartData = [Object.fromEntries(data.map(d => [d.label, d.value]))]; - - return ( - - - {title} - - - - - {data.map((d, i) => ( - - ))} - - - {/* Legend */} - - {data.map(d => ( - - - - {d.label} - - - {d.value} - {((d.value / total) * 100).toFixed(2)}% - - - ))} - - - - ); -} - -// ============= TABLE COMPONENTS ============= - -function TableCard({ - title, - linkLabel, - linkHref, - data, - columns, -}: { - title: string; - linkLabel: string; - linkHref: string; - data: T[]; - columns: TableColumn[]; -}) { - return ( - - - - {title} - {linkLabel} - - - data={data} - columns={columns} - idKey="id" - density="compact" - dividers="rows" - hasHover - /> - - - ); -} - -// ============= SIDENAV ============= - -// ============= MAIN COMPONENT ============= - -export default function DashboardTemplate() { - return ( - - - {/* Active Users Chart */} - - - Active users - } + /> - {error && ( -
- } - /> -
- )} + {error && Retry}>{error}} -
- - - - -
- {/* Main dashboard panels */} -
-
- {/* Recent Clients */} -
- 0 && ( -
+ + + + {statusData.length === 0 + ? + : } + + + - -
+ + + {team.length === 0 ? ( + + ) : ( + } spacing={0}> + {team.slice(0, 6).map((u) => ( + + + + {u.name} + {u.email} + + + + ))} + + )} + + + + ); } diff --git a/src/pages/Settings.jsx b/src/pages/Settings.jsx index 03939ee..2c42eef 100644 --- a/src/pages/Settings.jsx +++ b/src/pages/Settings.jsx @@ -1,27 +1,22 @@ import { useState } from 'react'; import { - Save, - Sliders, - Bell, - Lock, - Shield, - Megaphone, - Building, - CheckCircle2, - AlertTriangle, - HelpCircle, - LogOut, - Eye, - EyeOff -} from 'lucide-react'; -import { Button } from '@astryxdesign/core/Button'; -import { Card } from '@astryxdesign/core/Card'; -import { List, ListItem } from '@astryxdesign/core/List'; -import { Text, Heading } from '@astryxdesign/core/Text'; -import { TextInput } from '@astryxdesign/core/TextInput'; -import { Selector } from '@astryxdesign/core/Selector'; -import { Switch } from '@astryxdesign/core/Switch'; -import { Badge } from '@astryxdesign/core/Badge'; + Grid, Card, Box, Stack, TextField, MenuItem, Switch, Button, Typography, Divider, + Snackbar, Alert, Chip, IconButton, InputAdornment, LinearProgress, Avatar +} from '@mui/material'; +import SaveOutlinedIcon from '@mui/icons-material/SaveOutlined'; +import TuneOutlinedIcon from '@mui/icons-material/TuneOutlined'; +import NotificationsNoneIcon from '@mui/icons-material/NotificationsNone'; +import LockOutlinedIcon from '@mui/icons-material/LockOutlined'; +import ShieldOutlinedIcon from '@mui/icons-material/ShieldOutlined'; +import CampaignOutlinedIcon from '@mui/icons-material/CampaignOutlined'; +import BusinessOutlinedIcon from '@mui/icons-material/BusinessOutlined'; +import VerifiedOutlinedIcon from '@mui/icons-material/VerifiedOutlined'; +import WarningAmberRoundedIcon from '@mui/icons-material/WarningAmberRounded'; +import HelpOutlineRoundedIcon from '@mui/icons-material/HelpOutlineRounded'; +import LogoutOutlinedIcon from '@mui/icons-material/LogoutOutlined'; +import ChevronRightIcon from '@mui/icons-material/ChevronRight'; +import Visibility from '@mui/icons-material/Visibility'; +import VisibilityOff from '@mui/icons-material/VisibilityOff'; import PageHeader from '@/components/PageHeader'; @@ -41,9 +36,9 @@ const INITIAL_NOTIFY = { const INITIAL_SECURITY = { currentPassword: '', newPassword: '', confirmPassword: '', twoFactor: false }; const NAV = [ - { icon: Sliders, label: 'General', desc: 'Organisation profile' }, - { icon: Bell, label: 'Notifications', desc: 'Alerts & channels' }, - { icon: Lock, label: 'Security', desc: 'Password & 2FA' } + { icon: TuneOutlinedIcon, label: 'General', desc: 'Organisation profile' }, + { icon: NotificationsNoneIcon, label: 'Notifications', desc: 'Alerts & channels' }, + { icon: LockOutlinedIcon, label: 'Security', desc: 'Password & 2FA' } ]; const NOTIFY_ROWS = [ @@ -54,13 +49,12 @@ const NOTIFY_ROWS = [ ]; const STRENGTH = [ - { label: 'Too weak', color: '#ef4444' }, - { label: 'Weak', color: '#ef4444' }, - { label: 'Fair', color: '#f59e0b' }, - { label: 'Good', color: '#3b82f6' }, - { label: 'Strong', color: '#10b981' } + { label: 'Too weak', color: 'error' }, + { label: 'Weak', color: 'error' }, + { label: 'Fair', color: 'warning' }, + { label: 'Good', color: 'info' }, + { label: 'Strong', color: 'success' } ]; - const scorePassword = (pw) => { let s = 0; if (pw.length >= 8) s++; @@ -70,89 +64,63 @@ const scorePassword = (pw) => { return s; }; -function Section({ icon: Icon, title, subtitle, danger = false, children }) { +// Section surface with a tinted icon header band. +function Section({ icon: Icon, title, subtitle, color = 'primary', danger = false, children }) { return ( - -
+ `linear-gradient(90deg, ${theme.palette[color].lighter}66 0%, ${theme.palette.background.paper} 72%)` }} > -
- -
-
- {title} - {subtitle && {subtitle}} -
-
-
{children}
+ + + + + {title} + {subtitle && {subtitle}} + + + {children} ); } -function Row({ label, description, controlAlign = 'stretch', children }) { +// Two-column row: label + helper on the left, control on the right. +function Row({ label, description, children, align = 'center' }) { return ( -
-
- {label} - {description && {description}} -
-
- {children} -
-
+ + + {label} + {description && {description}} + + {children} + ); } -function PasswordField({ label, value, onChange }) { +const rightAlign = { display: 'flex', justifyContent: { sm: 'flex-end' } }; + +function PasswordField({ label, value, onChange, autoComplete }) { const [show, setShow] = useState(false); return ( -
- - -
+ + setShow((s) => !s)} edge="end" size="small"> + {show ? : } + + + ) + }} + /> ); } @@ -165,11 +133,11 @@ export default function Settings() { const [notify, setNotify] = useState(INITIAL_NOTIFY); const [security, setSecurity] = useState(INITIAL_SECURITY); - const setG = (k) => (val) => { setGeneral((p) => ({ ...p, [k]: val })); setDirty(true); }; - const setN = (k) => (val) => { setNotify((p) => ({ ...p, [k]: val })); setDirty(true); }; - const setSText = (k) => (val) => { setSecurity((p) => ({ ...p, [k]: val })); setDirty(true); }; + const setG = (k) => (e) => { setGeneral((p) => ({ ...p, [k]: e.target.value })); setDirty(true); }; + const setN = (k) => (e) => { setNotify((p) => ({ ...p, [k]: e.target.checked })); setDirty(true); }; + const setSText = (k) => (e) => { setSecurity((p) => ({ ...p, [k]: e.target.value })); setDirty(true); }; - const save = () => { setToast(true); setDirty(false); setTimeout(() => setToast(false), 2500); }; + const save = () => { setToast(true); setDirty(false); }; const discard = () => { setGeneral(INITIAL_GENERAL); setNotify(INITIAL_NOTIFY); @@ -182,211 +150,211 @@ export default function Settings() { const mismatch = security.confirmPassword && security.newPassword !== security.confirmPassword; return ( -
+ <> - {dirty && } -
+ + {dirty && } + + + } /> -
+ {/* Sidebar */} -
-
- - - {NAV.map((item, i) => ( - } - isSelected={tab === i} - onClick={() => setTab(i)} - /> - ))} - + + + + Preferences + + {NAV.map((item, i) => { + const active = tab === i; + const Icon = item.icon; + return ( + setTab(i)} + sx={{ + px: 1.5, py: 1.25, borderRadius: 2, cursor: 'pointer', position: 'relative', + bgcolor: active ? 'primary.lighter' : 'transparent', + transition: 'background-color .15s', + '&:hover': { bgcolor: active ? 'primary.lighter' : 'grey.50' }, + '&::before': active ? { content: '""', position: 'absolute', left: 0, top: 9, bottom: 9, width: 3, borderRadius: 3, bgcolor: 'primary.main' } : {} + }} + > + + + + + {item.label} + {item.desc} + + + + ); + })} + - -
-
- -
-
- Need a hand? -
- Our team is available 24/7 for operational support. -
-
-
+ + + + + + + Need a hand? + Our team is available 24/7 for operational support. + + + -
-
+ + {/* Content */} -
+ {tab === 0 && ( -
- {/* Org banner */} - -
+ {/* Organisation identity banner */} + + `linear-gradient(90deg, ${theme.palette.primary.lighter}88 0%, ${theme.palette.background.paper} 75%)` }} > -
- -
-
-
- {general.orgName} - } label="Verified" /> -
- {general.supportEmail} · {general.contact} -
-
+ + + + + + {general.orgName} + } label="Verified" sx={{ fontWeight: 700, bgcolor: 'success.lighter', color: 'success.dark', '& .MuiChip-icon': { color: 'inherit' } }} /> + + {general.supportEmail} · {general.contact} + + + -
- - - - - - - - - - -
- setG('timezone')(v || '')} /> -
- - -
- setG('language')(v || '')} /> -
- +
+ }> + + + + + + + + + + + + {TIMEZONES.map((t) => {t})} + + + + + {LANGUAGES.map((l) => {l})} + + +
-
+ )} {tab === 1 && ( -
-
- {NOTIFY_ROWS.map((row) => ( - - + +
+ }> + {NOTIFY_ROWS.map((row) => ( + + + + ))} + +
+
+ }> + + - ))} + + + +
-
- - - - - - -
-
+ )} {tab === 2 && ( -
-
- - - - -
- - {security.newPassword && ( -
-
-
-
- {pwMeta.label} -
- )} -
- - -
- - {mismatch && Passwords do not match} -
- + +
+ }> + + + + + + + {security.newPassword && ( + + + {pwMeta.label} + + )} + + + + + + {mismatch && Passwords do not match} + + +
-
- -
- - { setSecurity((p) => ({ ...p, twoFactor: v })); setDirty(true); }} +
+ + + } + label={security.twoFactor ? 'Enabled' : 'Disabled'} + sx={{ fontWeight: 700, bgcolor: security.twoFactor ? 'success.lighter' : 'grey.100', color: security.twoFactor ? 'success.dark' : 'grey.600', '& .MuiChip-icon': { color: 'inherit' } }} /> -
+ { setSecurity((p) => ({ ...p, twoFactor: e.target.checked })); setDirty(true); }} /> +
-
- - +
-
+ )} -
-
+ + - {toast && ( -
- + setToast(false)} + anchorOrigin={{ vertical: 'bottom', horizontal: 'center' }} + > + setToast(false)} sx={{ width: '100%' }}> Settings saved successfully. -
- )} - - -
+ + + ); } diff --git a/src/pages/auth/Login.jsx b/src/pages/auth/Login.jsx index 45286c4..352ef34 100644 --- a/src/pages/auth/Login.jsx +++ b/src/pages/auth/Login.jsx @@ -1,18 +1,25 @@ import { useState } from 'react'; import { useNavigate } from 'react-router-dom'; -import { Eye, EyeOff, Mail, Lock } from 'lucide-react'; -import { Center } from '@astryxdesign/core/Center'; -import { Card } from '@astryxdesign/core/Card'; -import { VStack, HStack } from '@astryxdesign/core/Layout'; -import { Text } from '@astryxdesign/core/Text'; -import { TextInput } from '@astryxdesign/core/TextInput'; -import { CheckboxInput } from '@astryxdesign/core/CheckboxInput'; -import { Button } from '@astryxdesign/core/Button'; -import { Link } from '@astryxdesign/core/Link'; -import { Banner } from '@astryxdesign/core/Banner'; +import { + Box, + Grid, + Card, + Stack, + Typography, + TextField, + InputAdornment, + IconButton, + Button, + Checkbox, + FormControlLabel, + Link +} from '@mui/material'; +import Visibility from '@mui/icons-material/Visibility'; +import VisibilityOff from '@mui/icons-material/VisibilityOff'; import Logo from '@/components/Logo'; import bgImage from '../../assets/mid-mile-approach.jpg'; + import { loginAdmin } from '@/utils/apiClient'; export default function Login() { @@ -21,14 +28,10 @@ export default function Login() { const [auth, setAuth] = useState(''); const [pwd, setPwd] = useState(''); const [error, setError] = useState(''); - const [rememberMe, setRememberMe] = useState(true); - const [loading, setLoading] = useState(false); const handleLogin = async () => { - if (!auth || !pwd || loading) return; - setLoading(true); - setError(''); try { + setError(''); const data = await loginAdmin(auth, pwd); localStorage.setItem('logged_in', 'true'); localStorage.setItem('auth_token', data.token); @@ -36,8 +39,6 @@ export default function Login() { navigate('/dashboard'); } catch (err) { setError(err.message || 'Invalid email or password'); - } finally { - setLoading(false); } }; @@ -46,128 +47,132 @@ export default function Login() { }; return ( -
-
+ + > + + Welcome back + + Sign in to your Doormile operations account. + -
- - - -
- -
- Welcome back - - Sign in to your Doormile operations account. - - - - {error && } - - - } - hasAutoFocus - /> - -
- } - /> - -
- - - - - Forgot password? - - -
+ + + Password + setPwd(e.target.value)} + onKeyDown={handleKeyDown} + sx={{ + '& .MuiOutlinedInput-root': { + bgcolor: 'rgba(255,255,255,0.6)', + borderRadius: 2, + transition: 'all 0.2s ease', + '&:hover': { bgcolor: 'rgba(255,255,255,0.9)' }, + '&.Mui-focused': { bgcolor: '#fff', boxShadow: '0 4px 12px rgba(0,0,0,0.05)' } + } + }} + InputProps={{ + endAdornment: ( + + setShow((s) => !s)} edge="end" size="small"> + {show ? : } + + + ) + }} + /> + + + } label={Remember me} /> + Forgot password? + -
- + {error && {error}} + + + + + + + © {new Date().getFullYear()} Doormile Technologies. All rights reserved. - -
-
+ + + ); } diff --git a/src/pages/bookings/Bookings.jsx b/src/pages/bookings/Bookings.jsx index 71c74df..5a5dc61 100644 --- a/src/pages/bookings/Bookings.jsx +++ b/src/pages/bookings/Bookings.jsx @@ -1,23 +1,15 @@ -import { useState, useEffect, useMemo } from 'react'; -import { Plus, Search, Trash2 } from 'lucide-react'; -import { Button } from '@astryxdesign/core/Button'; -import { Card } from '@astryxdesign/core/Card'; -import { Table, proportional, pixel } from '@astryxdesign/core/Table'; -import { Badge } from '@astryxdesign/core/Badge'; -import { Text } from '@astryxdesign/core/Text'; -import { Dialog, DialogHeader } from '@astryxdesign/core/Dialog'; -import { Layout, LayoutContent, LayoutFooter } from '@astryxdesign/core/Layout'; -import { FormLayout } from '@astryxdesign/core/FormLayout'; -import { Field } from '@astryxdesign/core/Field'; -import { TextInput } from '@astryxdesign/core/TextInput'; -import { NumberInput } from '@astryxdesign/core/NumberInput'; -import { Selector } from '@astryxdesign/core/Selector'; -import { CheckboxInput } from '@astryxdesign/core/CheckboxInput'; +import { useState, useEffect } from 'react'; +import { + Card, Box, Table, TableBody, TableCell, TableContainer, TableHead, TableRow, + Typography, TextField, Button, Dialog, DialogTitle, DialogContent, DialogActions, + Grid, IconButton, CircularProgress, Chip, MenuItem, InputAdornment, alpha, Autocomplete, Checkbox, FormControlLabel, Tabs, Tab, Snackbar, Alert +} from '@mui/material'; +import AddIcon from '@mui/icons-material/Add'; +import SearchIcon from '@mui/icons-material/Search'; +import CloseIcon from '@mui/icons-material/Close'; +import DeleteOutlineIcon from '@mui/icons-material/DeleteOutline'; import PageHeader from '@/components/PageHeader'; -import EmptyState from '@/components/EmptyState'; -import StatusChip from '@/components/StatusChip'; -import TabLabelCount from '@/components/TabLabelCount'; import { fetchClients } from '@/utils/apiClient'; import ClientFormDialog from '../tenants/ClientFormDialog'; @@ -124,13 +116,11 @@ function BookingFormDialog({ open, onClose, onSave, clients, surveys }) { } }, [open]); - const set = (field) => (val) => { - setFormData(prev => ({ ...prev, [field]: val })); - }; + const handleChange = (field) => (e) => setFormData(prev => ({ ...prev, [field]: e.target.value })); - const handleParcelChange = (index, field) => (val) => { + const handleParcelChange = (index, field) => (e) => { const newParcels = [...formData.parcels]; - newParcels[index] = { ...newParcels[index], [field]: val }; + newParcels[index] = { ...newParcels[index], [field]: e.target.value }; setFormData(prev => ({ ...prev, parcels: newParcels })); }; @@ -206,219 +196,214 @@ function BookingFormDialog({ open, onClose, onSave, clients, surveys }) { const uniqueProviders = Array.from(new Set(surveys.map(s => s.company).filter(Boolean))); const providerLocations = surveys.filter(s => s.company === formData.providercompany).map(s => s.area || s.address).filter(Boolean); - const num = (v) => (v === '' || v == null ? undefined : Number(v)); - const setNum = (field) => (v) => set(field)(v == null ? '' : v); return ( <> - { if (!o) onClose(); }} width={800} maxHeight="90dvh" purpose="form"> - { if (!o) onClose(); }} />} - content={ - - - {error && ( -
- {error} -
+ setError(null)} + anchorOrigin={{ vertical: 'top', horizontal: 'right' }} + sx={{ zIndex: 9999 }} + > + setError(null)} severity="error" variant="filled" sx={{ width: '100%', boxShadow: 3 }}> + {error} + + + + + Create New Booking + + Customer Details + + + + { + if (typeof option === 'string') return option; + return `${option.first_name || ''} ${option.last_name || ''} - ${option.phone || ''}`; + }} + onChange={(e, newValue) => { + if (newValue && typeof newValue === 'object') { + setFormData(prev => ({ + ...prev, + customer_name: `${newValue.first_name || ''} ${newValue.last_name || ''}`.trim(), + customer_phone: newValue.phone || '' + })); + } else { + setFormData(prev => ({ ...prev, customer_name: '', customer_phone: '' })); + } + }} + renderInput={(params) => ( + )} + /> + + + + - {/* Customer Details */} -
-
Customer Details
-
-
- - { - const selected = clients.find(c => `${c.first_name || ''} ${c.last_name || ''} - ${c.phone || ''}` === e.target.value); - if (selected) { - setFormData(prev => ({ - ...prev, - customer_name: `${selected.first_name || ''} ${selected.last_name || ''}`.trim(), - customer_phone: selected.phone || '' - })); - } else { - setFormData(prev => ({ ...prev, customer_name: '', customer_phone: '' })); - } - }} - /> - - {clients.map((c) => ( - - -
-
-
+ Assigned Provider (From Survey) + + + setFormData(prev => ({ ...prev, providercompany: val || '', providerlocation: '' }))} + renderInput={(params) => } + /> + + + setFormData(prev => ({ ...prev, providerlocation: val || '' }))} + renderInput={(params) => } + disabled={!formData.providercompany} + /> + + - {/* Assigned Provider */} -
-
Assigned Provider (From Survey)
- - setFormData(prev => ({ ...prev, providercompany: v ?? '', providerlocation: '' }))} - /> - set('providerlocation')(v ?? '')} - isDisabled={!formData.providercompany} - /> - -
+ Pickup Location + + + + + + + + - {/* Pickup Location */} -
-
Pickup Location
- - - - -
+ Delivery Destination + + + + + + setFormData(prev => ({ ...prev, deliverycity: val || '' }))} + onInputChange={(e, val) => setFormData(prev => ({ ...prev, deliverycity: val || '' }))} + renderInput={(params) => } + /> + + + + + - {/* Delivery Destination */} -
-
Delivery Destination
- - - - - set('deliverycity')(e.target.value)} /> - - {CITIES.map((c) => - - - - -
+ + Parcel Details + + + + {formData.parcels.map((parcel, idx) => ( + + + + + + + + + + + + + + + + + + removeParcel(idx)} disabled={formData.parcels.length === 1}> + + + + + ))} - {/* Parcel Details */} -
-
-
Parcel Details
-
+ + Price & Insurance + + + {quoteInfo && ( + + Estimated Base Price: ₹{quoteInfo.basequote?.toFixed(2)} (Chargeable Weight: {quoteInfo.chargeableweight} kg) + + )} + + + + + + + { + const checked = e.target.checked; + setFormData(prev => ({ + ...prev, + needsinsurance: checked, + insuranceamount: checked && prev.declaredvalue ? (parseFloat(prev.declaredvalue) * 0.01).toFixed(2) : prev.insuranceamount + })); + }} />} + label="Needs Insurance? (1%)" + sx={{ whiteSpace: 'nowrap' }} + /> + { + const val = e.target.value; + setFormData(prev => ({ + ...prev, + declaredvalue: val, + insuranceamount: prev.needsinsurance && val ? (parseFloat(val) * 0.01).toFixed(2) : prev.insuranceamount + })); + }} + /> + + + + - {formData.parcels.map((parcel, idx) => ( -
-
- -
-
- handleParcelChange(idx, 'weight')(v == null ? '' : v)} /> -
-
- handleParcelChange(idx, 'length')(v == null ? '' : v)} /> -
-
- handleParcelChange(idx, 'width')(v == null ? '' : v)} /> -
-
- handleParcelChange(idx, 'height')(v == null ? '' : v)} /> -
- -
- ))} -
- - {/* Price & Insurance */} -
-
-
Price & Insurance
-
- {quoteInfo && ( -
- Estimated Base Price: ₹{quoteInfo.basequote?.toFixed(2)} (Chargeable Weight: {quoteInfo.chargeableweight} kg) -
- )} - - -
- { - setFormData(prev => ({ - ...prev, - needsinsurance: checked, - insuranceamount: checked && prev.declaredvalue ? (parseFloat(prev.declaredvalue) * 0.01).toFixed(2) : prev.insuranceamount - })); - }} - /> -
- { - setFormData(prev => ({ - ...prev, - declaredvalue: v == null ? '' : v, - insuranceamount: prev.needsinsurance && v != null ? (v * 0.01).toFixed(2) : prev.insuranceamount - })); - }} - /> - - -
- - {/* Additional info */} -
-
Additional Information
- - - - -
- - - } - footer={ - -
-
- - } - /> - + Additional Information + + + + Normal + Fast Express + + + + + + + + + + + + + {/* Embedded Client Registration Form */} {clientDialogOpen && ( setClientDialogOpen(false)} onSaved={() => { setClientDialogOpen(false); - onSave(); + onSave(); // Refetch clients so they appear in dropdown }} /> )} @@ -442,8 +427,6 @@ export default function Bookings() { const [search, setSearch] = useState(''); const [sourceFilter, setSourceFilter] = useState('All'); const [formOpen, setFormOpen] = useState(false); - const [page, setPage] = useState(0); - const [rpp, setRpp] = useState(10); const loadData = async () => { setLoading(true); @@ -476,177 +459,78 @@ export default function Bookings() { return matchesSearch && matchesSource; }); - const pagedBookings = displayBookings.slice(page * rpp, page * rpp + rpp); - - const bookingColumns = useMemo(() => [ - { - key: 'bookingno', - header:
Booking No
, - width: proportional(1.5), - renderCell: (b) => ( -
- {b.bookingno} -
- ) - }, - { - key: 'deliverycity', - header: 'Delivery City', - width: proportional(1), - renderCell: (b) => { - const city = b.deliverycity || b.deliverypincode; - return city - ? {city} - : N/A; - } - }, - { - key: 'providercompany', - header: 'Provider', - width: proportional(1), - renderCell: (b) => b.providercompany - ? - : N/A - }, - { - key: 'bookingsource', - header: 'Source', - width: pixel(100), - renderCell: (b) => ( - - ) - }, - { - key: 'price', - header: 'Price', - width: pixel(120), - renderCell: (b) => ( - - {b.serviceoptions && b.serviceoptions.length > 0 ? `₹${b.serviceoptions[0].estimatedprice}` : 'N/A'} - - ) - }, - { - key: 'status', - header: 'Status', - width: pixel(150), - renderCell: (b) => - } - ], []); - - const sourceCounts = useMemo(() => { - const counts = { All: bookings.length, Customer_App: 0, CRM_Console: 0 }; - bookings.forEach((b) => { - if (b.bookingsource === 'CRM_Console') counts.CRM_Console += 1; - else counts.Customer_App += 1; - }); - return counts; - }, [bookings]); - return ( -
- -
- } - hasClear - value={search} - onChange={(v) => { setSearch(v); setPage(0); }} - /> -
-
- } - /> + + - - {/* Tab filters */} -
- {[ - { label: 'All Bookings', value: 'All' }, - { label: 'App Bookings', value: 'Customer_App' }, - { label: 'CRM Bookings', value: 'CRM_Console' } - ].map((tab) => ( -
{ setSourceFilter(tab.value); setPage(0); }} - style={{ - padding: '16px 0', - cursor: 'pointer', - borderBottom: sourceFilter === tab.value ? '2px solid #C01227' : '2px solid transparent', - color: sourceFilter === tab.value ? '#C01227' : '#64748b', - fontWeight: sourceFilter === tab.value ? 600 : 500, - fontSize: '0.875rem', - transition: 'all 0.2s' - }} - > - -
- ))} -
+ + + setSearch(e.target.value)} + size="small" + InputProps={{ + startAdornment: , + sx: { borderRadius: 3, bgcolor: alpha('#e2e8f0', 0.4) } + }} + /> + + + + + setSourceFilter(val)} aria-label="booking source filter tabs"> + + + + + {loading ? ( -
-
-
- ) : displayBookings.length === 0 ? ( - + ) : ( -
- - - )} - - {!loading && displayBookings.length > 0 && ( -
-
- Rows per page: - -
- - {displayBookings.length === 0 ? '0-0' : `${page * rpp + 1}-${Math.min((page + 1) * rpp, displayBookings.length)}`} of {displayBookings.length} - -
-
-
+ +
+ + + Booking No + Delivery City + Provider + Source + Price + Status + + + + {displayBookings.length === 0 ? ( + No bookings found. + ) : ( + displayBookings.map(b => ( + + {b.bookingno} + {b.deliverycity || b.deliverypincode || 'N/A'} + + {b.providercompany ? ( + + ) : 'N/A'} + + + + + + {b.serviceoptions && b.serviceoptions.length > 0 ? `₹${b.serviceoptions[0].estimatedprice}` : 'N/A'} + + + + + + )) + )} + +
+ )} @@ -657,31 +541,6 @@ export default function Bookings() { clients={clients} surveys={surveys} /> - -
+ ); } - -const inputStyle = { - width: '100%', - padding: '8px 12px', - borderRadius: '6px', - border: '1px solid #cbd5e1', - fontSize: '0.875rem', - color: '#1e293b', - outline: 'none', - boxSizing: 'border-box', - transition: 'border-color 0.2s', - backgroundColor: '#ffffff' -}; - -const selectStyle = { - ...inputStyle, - height: '38px', - cursor: 'pointer' -}; diff --git a/src/pages/maintenance/ComingSoon.jsx b/src/pages/maintenance/ComingSoon.jsx index d3c70a4..de12bf3 100644 --- a/src/pages/maintenance/ComingSoon.jsx +++ b/src/pages/maintenance/ComingSoon.jsx @@ -1,8 +1,5 @@ import { useState } from 'react'; -import { Button } from '@astryxdesign/core/Button'; -import { TextInput } from '@astryxdesign/core/TextInput'; -import { Text, Heading } from '@astryxdesign/core/Text'; -import { Mail } from 'lucide-react'; +import { Box, Stack, Typography, TextField, Button } from '@mui/material'; import Logo from '@/components/Logo'; @@ -17,73 +14,67 @@ export default function ComingSoon() { const [email, setEmail] = useState(''); return ( -
-
+ - Coming Soon - Something new is on its way + Coming Soon + Something new is on its way {/* Countdown */} -
+ {COUNTDOWN.map((c, i) => ( -
-
+ -
+ {String(c.value).padStart(2, '0')} -
-
+ + {c.label} -
-
+ + {i < COUNTDOWN.length - 1 && ( -
:
+ : )} -
+ ))} -
+ {/* Subscribe */} -
-
- - Be the first to be notified when Doormile launches. - -
-
-
- } - value={email} - onChange={setEmail} - /> -
-
-
-
-
+ + + Be the first to be notified when Doormile launches. + + + setEmail(e.target.value)} + /> + + + + + ); } diff --git a/src/pages/maintenance/Error404.jsx b/src/pages/maintenance/Error404.jsx index 8ff0025..afd0b4b 100644 --- a/src/pages/maintenance/Error404.jsx +++ b/src/pages/maintenance/Error404.jsx @@ -1,37 +1,34 @@ import { useNavigate } from 'react-router-dom'; -import { Button } from '@astryxdesign/core/Button'; -import { Text, Heading } from '@astryxdesign/core/Text'; -import { Home } from 'lucide-react'; +import { Box, Stack, Typography, Button } from '@mui/material'; +import HomeOutlinedIcon from '@mui/icons-material/HomeOutlined'; export default function Error404() { const navigate = useNavigate(); return ( -
-
- + + 404 - -
- Page Not Found -
- - The page you are looking for was moved, removed, renamed, or might never exist! - -
-
-
+ + + Page Not Found + + The page you are looking for was moved, removed, renamed, or might never exist! + + + + ); } diff --git a/src/pages/maintenance/Error500.jsx b/src/pages/maintenance/Error500.jsx index 7291077..62998d9 100644 --- a/src/pages/maintenance/Error500.jsx +++ b/src/pages/maintenance/Error500.jsx @@ -1,37 +1,34 @@ import { useNavigate } from 'react-router-dom'; -import { Button } from '@astryxdesign/core/Button'; -import { Text, Heading } from '@astryxdesign/core/Text'; -import { Home } from 'lucide-react'; +import { Box, Stack, Typography, Button } from '@mui/material'; +import HomeOutlinedIcon from '@mui/icons-material/HomeOutlined'; export default function Error500() { const navigate = useNavigate(); return ( -
-
- + + 500 - -
- Internal Server Error -
- - Server error 500. We are fixing the problem. Please try again at a later stage. - -
-
-
+ + + Internal Server Error + + Server error 500. We are fixing the problem. Please try again at a later stage. + + + + ); } diff --git a/src/pages/maintenance/UnderConstruction.jsx b/src/pages/maintenance/UnderConstruction.jsx index 9cf9e6d..be57252 100644 --- a/src/pages/maintenance/UnderConstruction.jsx +++ b/src/pages/maintenance/UnderConstruction.jsx @@ -1,47 +1,45 @@ import { useNavigate } from 'react-router-dom'; -import { Button } from '@astryxdesign/core/Button'; -import { Text, Heading } from '@astryxdesign/core/Text'; -import { Construction, Home } from 'lucide-react'; +import { Box, Stack, Typography, Button } from '@mui/material'; +import ConstructionOutlinedIcon from '@mui/icons-material/ConstructionOutlined'; +import HomeOutlinedIcon from '@mui/icons-material/HomeOutlined'; export default function UnderConstruction() { const navigate = useNavigate(); return ( -
-
-
+ - -
- Under Construction -
- - Hey! Please check out this site later. We are doing some maintenance on it right now. - -
-
-
+ + + Under Construction + + Hey! Please check out this site later. We are doing some maintenance on it right now. + + + + ); } diff --git a/src/pages/pricing/Pricing.jsx b/src/pages/pricing/Pricing.jsx index 3d26d4b..6278978 100644 --- a/src/pages/pricing/Pricing.jsx +++ b/src/pages/pricing/Pricing.jsx @@ -1,22 +1,21 @@ -import { useState, useEffect, useMemo } from 'react'; -import { Plus, Search, Edit, ChevronDown, ChevronUp, MapPin, LayoutGrid } from 'lucide-react'; -import { Button } from '@astryxdesign/core/Button'; -import { Card } from '@astryxdesign/core/Card'; -import { Table, proportional, pixel } from '@astryxdesign/core/Table'; -import { Badge } from '@astryxdesign/core/Badge'; -import { Text, Heading } from '@astryxdesign/core/Text'; -import { IconButton } from '@astryxdesign/core/IconButton'; -import { TextInput } from '@astryxdesign/core/TextInput'; -import { Selector } from '@astryxdesign/core/Selector'; -import { Dialog, DialogHeader } from '@astryxdesign/core/Dialog'; -import { Layout, LayoutContent, LayoutFooter } from '@astryxdesign/core/Layout'; -import { FormLayout } from '@astryxdesign/core/FormLayout'; -import { Banner } from '@astryxdesign/core/Banner'; -import { Item } from '@astryxdesign/core/Item'; -import { Icon } from '@astryxdesign/core/Icon'; - +import { useState, useEffect } from 'react'; +import { + Card, Box, Table, TableBody, TableCell, TableContainer, TableHead, TableRow, + Typography, TextField, InputAdornment, CircularProgress, MenuItem, + Select, FormControl, OutlinedInput, alpha, Avatar, Chip, Stack, Collapse, Button, + Dialog, DialogTitle, DialogContent, DialogActions, IconButton, Grid, Tooltip, Alert, Snackbar +} from '@mui/material'; +import AddIcon from '@mui/icons-material/Add'; +import EditOutlinedIcon from '@mui/icons-material/EditOutlined'; +import AddCircleOutlineIcon from '@mui/icons-material/AddCircleOutline'; +import CloseIcon from '@mui/icons-material/Close'; +import SearchIcon from '@mui/icons-material/Search'; +import StorefrontOutlinedIcon from '@mui/icons-material/StorefrontOutlined'; +import LocalShippingOutlinedIcon from '@mui/icons-material/LocalShippingOutlined'; +import PlaceOutlinedIcon from '@mui/icons-material/PlaceOutlined'; +import KeyboardArrowDownIcon from '@mui/icons-material/KeyboardArrowDown'; +import KeyboardArrowUpIcon from '@mui/icons-material/KeyboardArrowUp'; import PageHeader from '@/components/PageHeader'; -import EmptyState from '@/components/EmptyState'; import { fetchUsers } from '@/utils/apiClient'; const API_BASE = import.meta.env.VITE_API_BASE || 'https://api.doormile.com/api/v1'; @@ -61,6 +60,8 @@ async function apiSavePricing(data) { const ZONES = ['Local / Same', 'Within Tamilnadu', 'Interstate India']; const WEIGHT_SLABS = ['< 500g', '500g - 1kg', '1kg - 2kg', '2kg - 5kg', '> 5kg']; +// isCell=true → editing a specific cell (company/slab/zone locked, only rate editable) +// isCell=false → "Add Rate" button (all fields editable) function PricingFormDialog({ open, onClose, onSave, initialData, isCell = false, pricingList = [], providerColumns = [], providerUsesServiceType = false }) { const [formData, setFormData] = useState({}); const [saving, setSaving] = useState(false); @@ -73,6 +74,9 @@ function PricingFormDialog({ open, onClose, onSave, initialData, isCell = false, } }, [open, initialData]); + const set = (field) => (e) => setFormData(prev => ({ ...prev, [field]: e.target.value })); + + // Column key: zone if available, otherwise service_type (e.g. DTDC) const colKey = (p) => ((p.zone || '').trim() || (p.service_type || '').trim()); const findExistingRecord = (data) => { @@ -99,6 +103,7 @@ function PricingFormDialog({ open, onClose, onSave, initialData, isCell = false, setError(null); try { let dataToSave = { ...formData }; + // Route the column value to the right field based on provider type if (!isCell) { dataToSave = { ...dataToSave, @@ -121,93 +126,85 @@ function PricingFormDialog({ open, onClose, onSave, initialData, isCell = false, } }; - if (!open) return null; - - const zoneOptions = providerColumns.length > 0 ? providerColumns : ZONES; - return ( - { if (!o) onClose(); }} width={440} purpose="form"> - { if (!o) onClose(); }} - /> - } - content={ - - - {error && } + <> + setError(null)} + anchorOrigin={{ vertical: 'top', horizontal: 'right' }} + sx={{ zIndex: 9999 }} + > + setError(null)} severity="error" variant="filled" sx={{ width: '100%', boxShadow: 3 }}> + {error} + + - {isCell ? ( - - Updating rate for -
- {formData.company} -
-
- {formData.weight_slab} · {formData.zone || formData.service_type} -
- - ) : ( - <> - setFormData((prev) => ({ ...prev, company: v }))} - /> - setFormData((prev) => ({ ...prev, weight_slab: v || '' }))} - /> - setFormData((prev) => ({ - ...prev, - zone: providerUsesServiceType ? '' : (v || ''), - service_type: providerUsesServiceType ? (v || '') : '' - }))} - /> - - )} - - setFormData((prev) => ({ ...prev, rate: v }))} - /> - - - } - footer={ - -
-
- - } - /> + + + {isCell ? (initialData?.id ? 'Edit Rate' : 'Add Rate') : (initialData?.id ? 'Edit Rate' : 'Add New Rate')} + + + + + {isCell ? ( + + + UPDATING RATE FOR + {formData.company} + {formData.weight_slab} · {formData.zone || formData.service_type} + + + ) : ( + <> + + + + + + {WEIGHT_SLABS.map(s => {s})} + + + + setFormData(prev => ({ + ...prev, + zone: providerUsesServiceType ? '' : e.target.value, + service_type: providerUsesServiceType ? e.target.value : '' + }))} + size="small" + > + {(providerColumns.length > 0 ? providerColumns : ZONES).map(z => ( + {z} + ))} + + + + )} + + + + + + + + + + ); } @@ -226,9 +223,9 @@ export default function Pricing() { const [selectedProvider, setSelectedProvider] = useState(''); const [searchQuery, setSearchQuery] = useState(''); const [locationsOpen, setLocationsOpen] = useState(false); - const [locationSearch, setLocationSearch] = useState(''); const [formOpen, setFormOpen] = useState(false); const [editingRecord, setEditingRecord] = useState(null); + const [isEditMode, setIsEditMode] = useState(false); const [isCellEdit, setIsCellEdit] = useState(false); const [users, setUsers] = useState([]); @@ -256,6 +253,7 @@ export default function Pricing() { return loadData(); }, []); + // Ensure absolutely unique companies and default selection const companies = [...new Set(pricingList.map(p => p.company).filter(Boolean))]; useEffect(() => { if (!selectedProvider && companies.length > 0) { @@ -264,23 +262,19 @@ export default function Pricing() { }, [companies, selectedProvider]); const providerRates = pricingList.filter(p => p.company === selectedProvider); + // Normalize: lowercase, trim edges, collapse internal spaces const normCompany = (s) => (s || '').toLowerCase().trim().replace(/\s+/g, ' '); const normProvider = normCompany(selectedProvider); const providerSurveys = surveysList.filter(p => { const pn = normCompany(p.company); + // Exact after normalising, or one name starts with the other (handles "Pvt Ltd" suffixes) return pn === normProvider || pn.startsWith(normProvider) || normProvider.startsWith(pn); }); - const filteredSurveys = useMemo(() => { - if (!locationSearch.trim()) return providerSurveys; - const q = locationSearch.toLowerCase(); - return providerSurveys.filter((s) => - (s.area || '').toLowerCase().includes(q) || (s.address || '').toLowerCase().includes(q) - ); - }, [providerSurveys, locationSearch]); - + // Sort by ID desc so most recent record wins when duplicates exist const sortedProviderRates = [...providerRates].sort((a, b) => (b.id || 0) - (a.id || 0)); + // Extract numeric weight from a slab string for sorting rows logically const slabSortWeight = (slab) => { const s = (slab || '').toLowerCase().replace(/\s+/g, ''); const nums = s.match(/[\d.]+/g); @@ -292,23 +286,15 @@ export default function Pricing() { return grams; }; - const normalizeZone = (z) => { - if (!z) return ''; - let val = z.trim(); - const lower = val.toLowerCase().replace(/\s+/g, ''); - if (lower === 'tamilnadu') return 'Tamil Nadu'; - if (lower === 'karanataka' || lower === 'karnataka') return 'Karnataka'; - if (lower === 'local' || lower === 'localsame' || lower === 'local/same') return 'Local'; - if (lower === 'central/northindia' || lower === 'central/north') return 'Central/North India'; - return val; - }; - - const getColKey = (r) => normalizeZone((r.zone || '').trim() || (r.service_type || '').trim()); + // Use zone if available, fall back to service_type (e.g. DTDC has service_type instead of zone) + const getColKey = (r) => ((r.zone || '').trim() || (r.service_type || '').trim()); const providerUsesServiceType = sortedProviderRates.length > 0 && sortedProviderRates.every(r => !(r.zone || '').trim()); + // Dynamic columns — whichever field the provider uses for differentiation const providerZones = [...new Set(sortedProviderRates.map(getColKey).filter(Boolean))].sort(); + // Dynamic rows: every unique weight slab, sorted by actual weight const allProviderSlabs = [...new Set(sortedProviderRates.map(r => (r.weight_slab || '').trim()).filter(Boolean))] .sort((a, b) => slabSortWeight(a) - slabSortWeight(b)); @@ -316,281 +302,321 @@ export default function Pricing() { ? allProviderSlabs.filter(s => s.toLowerCase().includes(searchQuery.toLowerCase())) : allProviderSlabs; - const matrixData = useMemo( - () => displaySlabs.map((slab) => ({ - slab, - rates: Object.fromEntries( - providerZones.map((zone) => [ - zone, - sortedProviderRates.find(r => (r.weight_slab || '').trim() === slab && getColKey(r) === zone) || null - ]) - ) - })), - [displaySlabs, providerZones, sortedProviderRates] - ); - - const matrixColumns = useMemo(() => { - const openCellEdit = (slab, zone, match) => { - setEditingRecord({ - id: match ? match.id : undefined, - company: selectedProvider, - weight_slab: slab, - zone: providerUsesServiceType ? '' : zone, - service_type: providerUsesServiceType ? zone : (match?.service_type || ''), - rate: match ? String(match.rate) : '' - }); - setIsCellEdit(true); - setFormOpen(true); - }; - - return [ - { - key: 'slab', - header:
Weight Slab
, - width: pixel(180), - renderCell: (row) => ( -
- {row.slab} -
- ) - }, - ...providerZones.map((zone) => ({ - key: zone, - header: zone, - width: proportional(1), - align: 'center', - renderCell: (row) => { - const match = row.rates[zone]; - const hasRate = !!match; - return ( -
- {hasRate ? ( - - ) : ( - — - )} - -
- ); - } - })) - ]; - }, [providerZones, selectedProvider, providerUsesServiceType]); - return ( -
+ -
- setSelectedProvider(v || '')} - /> -
-
- } - hasClear - value={searchQuery} - onChange={(v) => setSearchQuery(v)} - /> -
-
- } + breadcrumbs={[{ label: 'Pricing Overview' }]} /> -
+ + + {/* Modern Premium Control Panel */} + + + + + + + + Active Logistics Provider + + + + + + - {/* Collapsible Provider Profile */} + + setSearchQuery(e.target.value)} + InputProps={{ + startAdornment: , + sx: { + borderRadius: 50, + bgcolor: alpha('#e2e8f0', 0.3), + '& fieldset': { border: 'none' }, + '&:hover': { bgcolor: alpha('#e2e8f0', 0.5) }, + '&.Mui-focused': { bgcolor: '#fff', '& fieldset': { border: '2px solid', borderColor: 'primary.main' } } + } + }} + /> + + + + + + {/* Minimalist Collapsible Provider Profile Widget */} {selectedProvider && providerSurveys.length > 0 && ( - -
setLocationsOpen(!locationsOpen)} > -
-
+ + {/* Avatar & Title */} + + {(selectedProvider || 'A')[0].toUpperCase()} -
-
- {selectedProvider} -
- - {providerSurveys.length} location{providerSurveys.length !== 1 && 's'} -
-
-
+ + + LOGISTICS PARTNER + {selectedProvider} + + + {providerSurveys.length} Registered Location{providerSurveys.length !== 1 && 's'} + + + + + {/* Badges & Action */} + + + + + + + + - : } - /> -
+ - {locationsOpen && ( -
-
-
- } - hasClear - value={locationSearch} - onChange={(v) => setLocationSearch(v)} + + + + + ALL SERVICED AREAS: + + + {providerSurveys.map((s, idx) => ( + -
- - {filteredSurveys.length} of {providerSurveys.length} serviced location{providerSurveys.length !== 1 ? 's' : ''} - -
- - {filteredSurveys.length === 0 ? ( - - - - ) : ( -
- {filteredSurveys.map((s, idx) => { - const title = s.area || s.address || 'Unknown area'; - const subtitle = s.area && s.address ? s.address : null; - const mapQuery = s.plus_code ? `${s.plus_code} ${s.address || ''}`.trim() : (s.address || s.area); - const mapUrl = mapQuery ? `https://www.google.com/maps/search/?api=1&query=${encodeURIComponent(mapQuery)}` : undefined; - return ( -
- } - endContent={mapUrl ? : undefined} - href={mapUrl} - target={mapUrl ? '_blank' : undefined} - rel={mapUrl ? 'noopener noreferrer' : undefined} - /> -
- ); - })} -
- )} -
- )} + ))} + + + )} - {/* Pricing Data Matrix */} - -
-
-
- -
-
- Rate Matrix - Weight slab × zone pricing grid{selectedProvider ? ` for ${selectedProvider}` : ''} -
-
- {!loading && providerZones.length > 0 && ( -
- - -
- )} -
- + {/* Pricing Data Grid */} + {loading ? ( -
-
-
- ) : providerZones.length === 0 ? ( - - ) : displaySlabs.length === 0 ? ( - + + + ) : ( - + +
+ + + Weight Slab + {providerZones.map(zone => ( + + {zone} + + ))} + + + + {providerZones.length === 0 ? ( + + + + No pricing data for this provider yet. + + + + ) : displaySlabs.length === 0 ? ( + + + + No weight slabs match your search. + + + + ) : ( + displaySlabs.map((slab) => ( + + + {slab} + + {providerZones.map(zone => { + // Exact match — use getColKey so DTDC service_type columns work too + const match = sortedProviderRates.find(r => (r.weight_slab || '').trim() === slab && getColKey(r) === zone); + const hasRate = !!match; + const rateStr = match ? `₹${match.rate}` : '—'; + + let tooltipText = ''; + if (match && match.updated_by) { + const updater = users.find(u => u.id === match.updated_by); + tooltipText = `Last updated by: ${updater ? updater.first_name : 'ID ' + match.updated_by}`; + } + + const openCellEdit = () => { + setEditingRecord({ + id: match ? match.id : undefined, + company: selectedProvider, + weight_slab: slab, + zone: providerUsesServiceType ? '' : zone, + service_type: providerUsesServiceType ? zone : (match?.service_type || ''), + rate: match ? String(match.rate) : '' + }); + setIsCellEdit(true); + setFormOpen(true); + }; + + return ( + + + + + {rateStr} + + {isEditMode && ( + hasRate + ? + : + )} + + + + ); + })} + + )) + )} + +
+ )} -
+ - -
+ ); } diff --git a/src/pages/survey/Survey.jsx b/src/pages/survey/Survey.jsx index ac1129b..8245f49 100644 --- a/src/pages/survey/Survey.jsx +++ b/src/pages/survey/Survey.jsx @@ -1,43 +1,27 @@ -import { useState, useEffect } from 'react'; +import { useState, useEffect, Fragment } from 'react'; import { fetchUsers, deleteCompetitorBranch } from '@/utils/apiClient'; import { - Search, - Edit, - Trash2, - Phone, - MapPin, - FileText, - ChevronDown, - ChevronUp, - Store, - Truck, - Map, - Plus, - X, - CheckCircle2, - AlertCircle -} from 'lucide-react'; -import { Button } from '@astryxdesign/core/Button'; -import { Card } from '@astryxdesign/core/Card'; -import { Dialog, DialogHeader } from '@astryxdesign/core/Dialog'; -import { Layout, LayoutContent, LayoutFooter } from '@astryxdesign/core/Layout'; -import { FormLayout } from '@astryxdesign/core/FormLayout'; -import { TextInput } from '@astryxdesign/core/TextInput'; -import { TextArea } from '@astryxdesign/core/TextArea'; -import { Selector } from '@astryxdesign/core/Selector'; -import { AlertDialog } from '@astryxdesign/core/AlertDialog'; -import { Text, Heading } from '@astryxdesign/core/Text'; -import { Badge } from '@astryxdesign/core/Badge'; -import { IconButton } from '@astryxdesign/core/IconButton'; -import { Banner } from '@astryxdesign/core/Banner'; + Card, Box, Table, TableBody, TableCell, TableContainer, TableHead, TableRow, + Typography, TextField, InputAdornment, IconButton, Collapse, TablePagination, Stack, CircularProgress, alpha, + Dialog, DialogTitle, DialogContent, DialogContentText, DialogActions, MenuItem, Alert, Autocomplete, Snackbar +} from '@mui/material'; +import SearchIcon from '@mui/icons-material/Search'; +import EditOutlinedIcon from '@mui/icons-material/EditOutlined'; +import DeleteOutlineIcon from '@mui/icons-material/DeleteOutline'; +import PhoneOutlinedIcon from '@mui/icons-material/PhoneOutlined'; +import PlaceOutlinedIcon from '@mui/icons-material/PlaceOutlined'; +import AssignmentOutlinedIcon from '@mui/icons-material/AssignmentOutlined'; +import KeyboardArrowDownIcon from '@mui/icons-material/KeyboardArrowDown'; +import KeyboardArrowUpIcon from '@mui/icons-material/KeyboardArrowUp'; +import StorefrontOutlinedIcon from '@mui/icons-material/StorefrontOutlined'; +import LocalShippingOutlinedIcon from '@mui/icons-material/LocalShippingOutlined'; +import MapOutlinedIcon from '@mui/icons-material/MapOutlined'; +import { Avatar, Button, Chip, Grid } from '@mui/material'; +import AddIcon from '@mui/icons-material/Add'; +import CloseIcon from '@mui/icons-material/Close'; import PageHeader from '@/components/PageHeader'; import StatCard from '@/components/StatCard'; -import EmptyState from '@/components/EmptyState'; - -function isQuoted(row) { - return !!(row.rate_per_kg && !String(row.rate_per_kg).toLowerCase().includes('not answered')); -} const API_BASE = import.meta.env.VITE_API_BASE || 'https://api.doormile.com/api/v1'; @@ -49,62 +33,83 @@ const getHeaders = () => { }; }; -function Pill({ label, color = 'neutral', truncate = false }) { - if (!label) return —; - - const badgeStyles = { - success: { bg: '#E3F6EC', fg: '#00773B' }, - warning: { bg: '#FFF7E0', fg: '#8A6500' }, - info: { bg: '#E0F7F8', fg: '#00727B' }, - error: { bg: '#FEEAE9', fg: '#A82216' }, - primary: { bg: '#F8E0E3', fg: '#9E0E20' }, - neutral: { bg: '#f1f5f9', fg: '#475569' } - }; - - const style = badgeStyles[color] || badgeStyles.neutral; +const FIELD_LABEL_SX = { textTransform: 'uppercase', letterSpacing: 0.4, fontSize: '0.68rem', fontWeight: 700, color: 'grey.700' }; +function Pill({ label, color = 'default' }) { + if (!label) return —; return ( - - {label} - + ); } function Field({ label, children }) { return ( -
- {label} -
{children}
-
+ + {label} + {children} + + ); +} + +function MagicStatCard({ title, value, icon: Icon, gradient, percentage }) { + return ( + + + + + {title} + + + + + + + + {value} + + {percentage && ( + + )} + + + + ); } function SectionCard({ icon: Icon, title, children }) { return ( -
-
- - {title} -
-
{children}
-
+ + + + {title} + + {children} + ); } @@ -133,8 +138,9 @@ async function apiSaveSurvey(data) { } async function apiSavePricing(data) { - const url = `${API_BASE}/admin/carrier-pricing`; - const method = 'POST'; + const isUpdate = !!data.id; + const url = isUpdate ? `${API_BASE}/admin/carrier-pricing/${data.id}` : `${API_BASE}/admin/carrier-pricing`; + const method = isUpdate ? 'PUT' : 'POST'; const res = await fetch(url, { method, headers: getHeaders(), @@ -177,13 +183,13 @@ function SurveyFormDialog({ open, onClose, onSave, initialData }) { } }, [open, initialData]); - const set = (field) => (val) => { - setFormData(prev => ({ ...prev, [field]: val })); + const handleChange = (field) => (e) => { + setFormData(prev => ({ ...prev, [field]: e.target.value })); }; - const handleSlabChange = (index, field) => (val) => { + const handleSlabChange = (index, field) => (e) => { const newSlabs = [...(formData.slabs || [])]; - newSlabs[index] = { ...newSlabs[index], [field]: val }; + newSlabs[index] = { ...newSlabs[index], [field]: e.target.value }; setFormData(prev => ({ ...prev, slabs: newSlabs })); }; @@ -200,9 +206,9 @@ function SurveyFormDialog({ open, onClose, onSave, initialData }) { setFormData(prev => ({ ...prev, slabs: newSlabs })); }; - const handlePincodeChange = (index) => (val) => { + const handlePincodeChange = (index) => (e) => { const newPincodes = [...(formData.pincodes || [])]; - newPincodes[index] = val; + newPincodes[index] = e.target.value; setFormData(prev => ({ ...prev, pincodes: newPincodes })); }; @@ -226,7 +232,7 @@ function SurveyFormDialog({ open, onClose, onSave, initialData }) { if (formData.pincodes && formData.pincodes.length > 0) { const invalidPincodes = formData.pincodes.filter(p => p.trim() && !/^\d{6}$/.test(p.trim())); if (invalidPincodes.length > 0) { - throw new Error(`Invalid pincodes: ${invalidPincodes.join(', ')}. Must be 6 digits.`); + throw new Error(`Invalid pincodes detected: ${invalidPincodes.join(', ')}. All pincodes must be exactly 6 numeric digits.`); } } @@ -263,6 +269,7 @@ function SurveyFormDialog({ open, onClose, onSave, initialData }) { })); } catch (err) { console.error("Failed to save pricing slabs", err); + // Continue anyway since survey was saved } } @@ -276,127 +283,151 @@ function SurveyFormDialog({ open, onClose, onSave, initialData }) { } }; - const YES_NO = [{ value: 'yes', label: 'Yes' }, { value: 'no', label: 'No' }]; - const FREQUENCY_OPTIONS = ['Daily', 'Weekly', 'Bi-weekly', 'Monthly', 'On-demand']; - const WEIGHT_SLAB_OPTIONS = WEIGHT_SLABS.map((s) => ({ value: s, label: s })); - const ZONE_OPTIONS = ZONES.map((z) => ({ value: z, label: z })); - return ( - { if (!o) onClose(); }} width={600} maxHeight="90dvh" purpose="form"> - { if (!o) onClose(); }} />} - content={ - - - {error && } + <> + setError(null)} + anchorOrigin={{ vertical: 'top', horizontal: 'right' }} + sx={{ zIndex: 9999 }} + > + setError(null)} severity="error" variant="filled" sx={{ width: '100%', boxShadow: 3 }}> + {error} + + - - - - - - - - - - - - - - - - - - set('frequency')(v ?? '')} - /> - - - -
-
- SERVICEABLE PINCODES -
- {(formData.pincodes || []).map((pincode, index) => ( -
-
- -
- -
- ))} -
- -