chore(sh-admin): bump dependencies (#4433)

Co-authored-by: jamesgeorge007 <25279263+jamesgeorge007@users.noreply.github.com>

packages/hoppscotch-sh-admin/package.json

@@ -13,67 +13,64 @@
     "preview": "vite preview"
   },
   "dependencies": {
-    "@fontsource-variable/inter": "5.0.5",
+    "@fontsource-variable/inter": "5.1.0",
-    "@fontsource-variable/material-symbols-rounded": "5.0.5",
+    "@fontsource-variable/material-symbols-rounded": "5.1.3",
-    "@fontsource-variable/roboto-mono": "5.0.6",
+    "@fontsource-variable/roboto-mono": "5.1.0",
-    "@graphql-typed-document-node/core": "3.1.1",
+    "@graphql-typed-document-node/core": "3.2.0",
-    "@hoppscotch/ui": "0.1.3",
+    "@hoppscotch/ui": "0.2.1",
     "@hoppscotch/vue-toasted": "0.1.0",
-    "@intlify/unplugin-vue-i18n": "1.2.0",
+    "@intlify/unplugin-vue-i18n": "5.2.0",
-    "@types/cors": "2.8.13",
+    "@types/cors": "2.8.17",
-    "@types/express": "4.17.16",
+    "@urql/exchange-auth": "2.2.0",
-    "@urql/exchange-auth": "2.1.6",
+    "@urql/vue": "1.4.0",
-    "@urql/vue": "1.1.2",
+    "@vueuse/core": "11.1.0",
-    "@vueuse/core": "9.12.0",
+    "axios": "1.7.7",
-    "axios": "1.7.5",
     "cors": "2.8.5",
-    "date-fns": "2.29.3",
+    "date-fns": "4.1.0",
-    "express": "4.20.0",
+    "fp-ts": "2.16.9",
-    "express-graphql": "0.12.0",
+    "graphql": "16.9.0",
-    "fp-ts": "2.13.1",
+    "io-ts": "2.2.21",
-    "graphql": "16.6.0",
-    "io-ts": "2.2.16",
     "lodash-es": "4.17.21",
-    "postcss": "8.4.31",
+    "postcss": "8.4.47",
-    "prettier-plugin-tailwindcss": "0.5.7",
+    "prettier-plugin-tailwindcss": "0.6.8",
-    "rxjs": "7.8.0",
+    "rxjs": "7.8.1",
-    "tailwindcss": "3.3.5",
+    "tailwindcss": "3.4.14",
     "tippy.js": "6.3.7",
     "ts-node-dev": "2.0.0",
-    "unplugin-icons": "0.14.9",
+    "unplugin-icons": "0.19.3",
-    "unplugin-vue-components": "0.21.0",
+    "unplugin-vue-components": "0.27.4",
-    "vue": "3.3.9",
+    "vue": "3.5.12",
-    "vue-i18n": "9.2.2",
+    "vue-i18n": "10.0.4",
-    "vue-router": "4.1.0",
+    "vue-router": "4.4.5",
-    "vue-tippy": "6.0.0-alpha.58"
+    "vue-tippy": "6.5.0"
   },
   "devDependencies": {
-    "@graphql-codegen/cli": "3.0.0",
+    "@graphql-codegen/cli": "5.0.3",
-    "@graphql-codegen/client-preset": "2.1.0",
+    "@graphql-codegen/client-preset": "4.4.0",
-    "@graphql-codegen/introspection": "3.0.0",
+    "@graphql-codegen/introspection": "4.0.3",
-    "@graphql-codegen/typed-document-node": "2.3.1",
+    "@graphql-codegen/typed-document-node": "5.0.10",
-    "@graphql-codegen/typescript": "3.0.0",
+    "@graphql-codegen/typescript": "4.1.0",
-    "@graphql-codegen/typescript-document-nodes": "3.0.0",
+    "@graphql-codegen/typescript-document-nodes": "4.0.10",
-    "@graphql-codegen/typescript-operations": "3.0.0",
+    "@graphql-codegen/typescript-operations": "4.3.0",
-    "@graphql-codegen/urql-introspection": "2.2.1",
+    "@graphql-codegen/urql-introspection": "3.0.0",
-    "@iconify-json/lucide": "1.1.144",
+    "@iconify-json/lucide": "1.2.10",
-    "@import-meta-env/cli": "0.6.3",
+    "@import-meta-env/cli": "0.7.0",
-    "@import-meta-env/unplugin": "0.4.8",
+    "@import-meta-env/unplugin": "0.6.0",
     "@types/lodash-es": "4.17.12",
-    "@vitejs/plugin-vue": "3.2.0",
+    "@vitejs/plugin-vue": "5.1.4",
-    "@vue/compiler-sfc": "3.2.45",
+    "@vue/compiler-sfc": "3.5.12",
-    "dotenv": "16.3.1",
+    "dotenv": "16.4.5",
     "graphql-tag": "2.12.6",
     "hoppscotch-backend": "workspace:^",
     "npm-run-all": "4.1.5",
-    "sass": "1.58.0",
+    "sass": "1.80.3",
-    "ts-node": "10.9.1",
+    "ts-node": "10.9.2",
-    "typescript": "4.9.3",
+    "typescript": "5.6.3",
-    "unplugin-fonts": "1.0.3",
+    "unplugin-fonts": "1.1.1",
-    "vite": "3.2.4",
+    "vite": "5.4.9",
-    "vite-plugin-pages": "0.26.0",
+    "vite-plugin-pages": "0.32.3",
-    "vite-plugin-vue-layouts": "0.7.0",
+    "vite-plugin-vue-layouts": "0.11.0",
-    "vue-tsc": "0.3.0"
+    "vue-tsc": "2.1.6"
   },
   "prettier": {
     "singleQuote": true,

packages/hoppscotch-sh-admin/src/components.d.ts

@@ -1,11 +1,11 @@
-// generated by unplugin-vue-components
+/* eslint-disable */
-// We suggest you to commit this file into source control
+// @ts-nocheck
+// Generated by unplugin-vue-components
 // Read more: https://github.com/vuejs/core/pull/3399
-import '@vue/runtime-core'
-
 export {}
 
-declare module '@vue/runtime-core' {
+/* prettier-ignore */
+declare module 'vue' {
   export interface GlobalComponents {
     AppHeader: typeof import('./components/app/Header.vue')['default']
     AppLogin: typeof import('./components/app/Login.vue')['default']
@@ -18,8 +18,10 @@ declare module '@vue/runtime-core' {
     HoppButtonSecondary: typeof import('@hoppscotch/ui')['HoppButtonSecondary']
     HoppSmartAnchor: typeof import('@hoppscotch/ui')['HoppSmartAnchor']
     HoppSmartAutoComplete: typeof import('@hoppscotch/ui')['HoppSmartAutoComplete']
+    HoppSmartCheckbox: typeof import('@hoppscotch/ui')['HoppSmartCheckbox']
     HoppSmartConfirmModal: typeof import('@hoppscotch/ui')['HoppSmartConfirmModal']
     HoppSmartInput: typeof import('@hoppscotch/ui')['HoppSmartInput']
+    HoppSmartIntersection: typeof import('@hoppscotch/ui')['HoppSmartIntersection']
     HoppSmartItem: typeof import('@hoppscotch/ui')['HoppSmartItem']
     HoppSmartLink: typeof import('@hoppscotch/ui')['HoppSmartLink']
     HoppSmartModal: typeof import('@hoppscotch/ui')['HoppSmartModal']
@@ -30,12 +32,14 @@ declare module '@vue/runtime-core' {
     HoppSmartTab: typeof import('@hoppscotch/ui')['HoppSmartTab']
     HoppSmartTable: typeof import('@hoppscotch/ui')['HoppSmartTable']
     HoppSmartTabs: typeof import('@hoppscotch/ui')['HoppSmartTabs']
+    HoppSmartToggle: typeof import('@hoppscotch/ui')['HoppSmartToggle']
     IconLucideArrowLeft: typeof import('~icons/lucide/arrow-left')['default']
     IconLucideCheck: typeof import('~icons/lucide/check')['default']
     IconLucideChevronDown: typeof import('~icons/lucide/chevron-down')['default']
     IconLucideHelpCircle: typeof import('~icons/lucide/help-circle')['default']
     IconLucideInbox: typeof import('~icons/lucide/inbox')['default']
     IconLucideSearch: typeof import('~icons/lucide/search')['default']
+    IconLucideUser: typeof import('~icons/lucide/user')['default']
     SettingsAuthProvider: typeof import('./components/settings/AuthProvider.vue')['default']
     SettingsConfigurations: typeof import('./components/settings/Configurations.vue')['default']
     SettingsDataSharing: typeof import('./components/settings/DataSharing.vue')['default']
@@ -59,5 +63,4 @@ declare module '@vue/runtime-core' {
     UsersSharedRequests: typeof import('./components/users/SharedRequests.vue')['default']
     UsersSuccessInviteModal: typeof import('./components/users/SuccessInviteModal.vue')['default']
   }
-
 }

packages/hoppscotch-sh-admin/src/components/teams/Invite.vue

@@ -245,7 +245,7 @@ const addGroupImagePath = `${
 }/images/add_group.svg`;
 
 // Get Users List to extract email ids of all users
-const { data } = useQuery({ query: MetricsDocument });
+const { data } = useQuery({ query: MetricsDocument, variables: {} });
 const usersPerPage = computed(() => data.value?.infra.usersCount || 10000);
 
 const { list: usersList } = usePagedQuery(

packages/hoppscotch-sh-admin/src/pages/dashboard.vue

@@ -56,6 +56,9 @@ import { useI18n } from '../composables/i18n';
 const t = useI18n();
 
 // Get Metrics Data
-const { fetching, error, data } = useQuery({ query: MetricsDocument });
+const { fetching, error, data } = useQuery({
+  query: MetricsDocument,
+  variables: {},
+});
 const metrics = computed(() => data?.value?.infra);
 </script>

packages/hoppscotch-sh-admin/src/pages/teams/index.vue

@@ -138,7 +138,7 @@ const t = useI18n();
 const toast = useToast();
 
 // Get Users List
-const { data } = useQuery({ query: MetricsDocument });
+const { data } = useQuery({ query: MetricsDocument, variables: {} });
 const usersPerPage = computed(() => data.value?.infra.usersCount || 10000);
 
 const { list: usersList } = usePagedQuery(

packages/hoppscotch-sh-admin/src/pages/users/index.vue

@@ -415,7 +415,7 @@ enum PageDirection {
 }
 
 const page = ref(1);
-const { data } = useQuery({ query: MetricsDocument });
+const { data } = useQuery({ query: MetricsDocument, variables: {} });
 const usersCount = computed(() => data?.value?.infra.usersCount);
 
 const changePage = (direction: PageDirection) => {
@@ -460,7 +460,10 @@ const goToUserDetails = (user: UserInfoQuery['infra']['userInfo']) =>
   router.push('/users/' + user.uid);
 
 // Check if SMTP is enabled
-const { data: status } = useQuery({ query: IsSmtpEnabledDocument });
+const { data: status } = useQuery({
+  query: IsSmtpEnabledDocument,
+  variables: {},
+});
 const smtpEnabled = computed(() => status?.value?.isSMTPEnabled);
 const inviteSuccessModal = ref(false);
 

packages/hoppscotch-sh-admin/src/pages/users/invited.vue

@@ -137,7 +137,10 @@ const getCreatedDate = (date: string) => format(new Date(date), 'dd-MM-yyyy');
 const getCreatedTime = (date: string) => format(new Date(date), 'hh:mm a');
 
 // Get Invited Users
-const { fetching, error, data } = useQuery({ query: InvitedUsersDocument });
+const { fetching, error, data } = useQuery({
+  query: InvitedUsersDocument,
+  variables: {},
+});
 
 // Table Headings
 const headings = [