From 71aee1fd4c6bcff323a3d0acbcea9dc1eca852aa Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Horv=C3=A1th=20Istv=C3=A1n?= <horvath.isti@edu.bme.hu>
Date: Sat, 30 May 2026 16:21:56 +0200
Subject: [PATCH 1/2] Fix package manager

---
 frontend/.env.docker                          | 17 ++++++++++++
 frontend/.env.example                         |  1 -
 frontend/Dockerfile                           |  9 ++++---
 frontend/entrypoint.sh                        | 12 +++++++++
 frontend/index.html                           | 22 ++++++++++++++-
 frontend/package.json                         |  2 +-
 .../api/hooks/riddle/useRiddleDeatilsQuery.ts |  3 +--
 .../api/hooks/riddle/useRiddleHintQuery.ts    |  3 +--
 .../api/hooks/riddle/useRiddleHistoryQuery.ts |  3 +--
 .../api/hooks/riddle/useRiddleListQuery.ts    |  3 +--
 .../api/hooks/riddle/useRiddleSkipMutation.ts |  3 +--
 .../hooks/riddle/useRiddleSubmitMutation.ts   |  3 +--
 frontend/src/global.d.ts                      | 25 +++++++++++++++++
 .../src/util/configs/environment.config.ts    | 27 +++++++++----------
 frontend/src/vite-env.d.ts                    | 23 ----------------
 frontend/tsconfig.app.json                    |  1 -
 16 files changed, 101 insertions(+), 56 deletions(-)
 create mode 100644 frontend/.env.docker
 create mode 100644 frontend/entrypoint.sh
 create mode 100644 frontend/src/global.d.ts

diff --git a/frontend/.env.docker b/frontend/.env.docker
new file mode 100644
index 000000000..ab0356a55
--- /dev/null
+++ b/frontend/.env.docker
@@ -0,0 +1,17 @@
+VITE_API_BASE_URL=__VITE_API_BASE_URL__
+VITE_DISABLE_APP_CONFIG_CACHE=__VITE_DISABLE_APP_CONFIG_CACHE__
+VITE_APP_CONFIG_CACHE_TTL_SECONDS=__VITE_APP_CONFIG_CACHE_TTL_SECONDS__
+VITE_HIDE_KIR_DEV_IN_FOOTER=__VITE_HIDE_KIR_DEV_IN_FOOTER__
+VITE_CLIENT_BASE_URL=__VITE_CLIENT_BASE_URL__
+VITE_OFFICIAL_LANGUAGE=__VITE_OFFICIAL_LANGUAGE__
+VITE_PASS_SERVER_URL=__VITE_PASS_SERVER_URL__
+VITE_PASS_TEMPLATE=__VITE_PASS_TEMPLATE__
+VITE_FIREBASE_PROJECT_ID=__VITE_FIREBASE_PROJECT_ID__
+VITE_FIREBASE_APP_ID=__VITE_FIREBASE_APP_ID__
+VITE_FIREBASE_API_KEY=__VITE_FIREBASE_API_KEY__
+VITE_FIREBASE_SENDER_ID=__VITE_FIREBASE_SENDER_ID__
+VITE_FIREBASE_WEB_PUSH_PUBLIC_KEY=__VITE_FIREBASE_WEB_PUSH_PUBLIC_KEY__
+VITE_NAME=__VITE_NAME__
+VITE_DESCRIPTION=__VITE_DESCRIPTION__
+VITE_THEME_COLOR=__VITE_THEME_COLOR__
+VITE_PLAUSIBLE_URL=__VITE_PLAUSIBLE_URL__
diff --git a/frontend/.env.example b/frontend/.env.example
index d977c4214..cefd2ff5e 100644
--- a/frontend/.env.example
+++ b/frontend/.env.example
@@ -8,7 +8,6 @@ VITE_PASS_SERVER_URL=https://pass.kir-dev.hu
 VITE_PASS_TEMPLATE=generic
 VITE_THEME_COLOR="#ffffff"
 VITE_OFFICIAL_LANGUAGE=false
-VITE_NEW_RIDDLE_ENDPOINTS=true
 VITE_FIREBASE_PROJECT_ID="Set if you need push notifications"
 VITE_FIREBASE_API_KEY="Set if you need push notifications"
 VITE_FIREBASE_SENDER_ID="Set if you need push notifications"
diff --git a/frontend/Dockerfile b/frontend/Dockerfile
index 0029dad41..f3392ab02 100644
--- a/frontend/Dockerfile
+++ b/frontend/Dockerfile
@@ -5,13 +5,14 @@ FROM docker.io/node:24-alpine AS build
 WORKDIR /app
 
 # Copy package.json and package.lock (or package-lock.json) to the working directory
-COPY package.json package.lock ./
+COPY package.json package-lock.json ./
 
 # Install dependencies
 RUN npm ci
 
 # Copy the rest of the application code to the working directory
 COPY . .
+COPY .env.docker .env
 
 # Build the application
 RUN npm run build
@@ -23,9 +24,11 @@ FROM docker.io/nginx:alpine
 COPY --from=build /app/dist /usr/share/nginx/html
 
 COPY nginx.conf /etc/nginx/conf.d/default.conf
+COPY entrypoint.sh /entrypoint.sh
+RUN chmod +x /entrypoint.sh
 
 # Expose the desired port (default is 80 for Nginx)
 EXPOSE 80
 
-# Set the command to start the Nginx server
-CMD ["nginx", "-g", "daemon off;"]
+# Set the entrypoint to inject runtime env vars then start Nginx
+ENTRYPOINT ["/entrypoint.sh"]
diff --git a/frontend/entrypoint.sh b/frontend/entrypoint.sh
new file mode 100644
index 000000000..f93974d76
--- /dev/null
+++ b/frontend/entrypoint.sh
@@ -0,0 +1,12 @@
+#!/bin/sh
+set -e
+
+HTML=/usr/share/nginx/html/index.html
+
+for var in $(env | grep '^VITE_' | cut -d= -f1); do
+  placeholder="__${var}__"
+  value=$(printenv "$var" | sed 's/[&/\]/\\&/g')
+  sed -i "s|${placeholder}|${value}|g" "$HTML"
+done
+
+exec nginx -g "daemon off;"
diff --git a/frontend/index.html b/frontend/index.html
index 476ebc794..e675fcc70 100644
--- a/frontend/index.html
+++ b/frontend/index.html
@@ -29,6 +29,25 @@
       }
     </style>
 
+    <script>
+      window.config = {
+        API_BASE_URL: '%VITE_API_BASE_URL%',
+        DISABLE_APP_CONFIG_CACHE: '%VITE_DISABLE_APP_CONFIG_CACHE%',
+        APP_CONFIG_CACHE_TTL_SECONDS: '%VITE_APP_CONFIG_CACHE_TTL_SECONDS%',
+        HIDE_KIR_DEV_IN_FOOTER: '%VITE_HIDE_KIR_DEV_IN_FOOTER%',
+        CLIENT_BASE_URL: '%VITE_CLIENT_BASE_URL%',
+        OFFICIAL_LANGUAGE: '%VITE_OFFICIAL_LANGUAGE%',
+        PASS_SERVER_URL: '%VITE_PASS_SERVER_URL%',
+        PASS_TEMPLATE: '%VITE_PASS_TEMPLATE%',
+        FIREBASE_PROJECT_ID: '%VITE_FIREBASE_PROJECT_ID%',
+        FIREBASE_APP_ID: '%VITE_FIREBASE_APP_ID%',
+        FIREBASE_API_KEY: '%VITE_FIREBASE_API_KEY%',
+        FIREBASE_SENDER_ID: '%VITE_FIREBASE_SENDER_ID%',
+        FIREBASE_WEB_PUSH_PUBLIC_KEY: '%VITE_FIREBASE_WEB_PUSH_PUBLIC_KEY%',
+        PLAUSIBLE_URL: '%VITE_PLAUSIBLE_URL%'
+      }
+    </script>
+
     <script>
       function reportError(message, stack) {
         const report = {
@@ -38,7 +57,8 @@
           href: window.location.href
         }
 
-        fetch('%VITE_API_BASE_URL%/api/error/submit', {
+        const apiBase = window.config.API_BASE_URL || 'http://localhost:8080'
+        fetch(apiBase + '/api/error/submit', {
           body: JSON.stringify(report),
           method: 'POST',
           headers: { 'Content-Type': 'application/json' }
diff --git a/frontend/package.json b/frontend/package.json
index 3b452283b..52b75bb9b 100644
--- a/frontend/package.json
+++ b/frontend/package.json
@@ -114,5 +114,5 @@
       "last 1 safari version"
     ]
   },
-  "packageManager": "npm@11.11.0+"
+  "packageManager": "npm@11.14.0"
 }
diff --git a/frontend/src/api/hooks/riddle/useRiddleDeatilsQuery.ts b/frontend/src/api/hooks/riddle/useRiddleDeatilsQuery.ts
index 391a78150..50ce8306f 100644
--- a/frontend/src/api/hooks/riddle/useRiddleDeatilsQuery.ts
+++ b/frontend/src/api/hooks/riddle/useRiddleDeatilsQuery.ts
@@ -1,5 +1,4 @@
 import { QueryKeys } from '@/api/hooks/queryKeys.ts'
-import { NEW_RIDDLE_ENDPOINTS } from '@/util/configs/environment.config'
 import { joinPath } from '@/util/core-functions.util'
 import { ApiPaths } from '@/util/paths'
 import type { Riddle } from '@/util/views/riddle.view'
@@ -10,7 +9,7 @@ export const useRiddleDetailsQuery = (id: string) => {
   return useQuery<Riddle, Error>({
     queryKey: [QueryKeys.RIDDLE, id],
     queryFn: async () => {
-      const url = NEW_RIDDLE_ENDPOINTS ? joinPath(ApiPaths.RIDDLE, 'solve', id) : joinPath(ApiPaths.RIDDLE, id)
+      const url = joinPath(ApiPaths.RIDDLE, 'solve', id)
       const response = await axios.get<Riddle>(url)
       return response.data
     }
diff --git a/frontend/src/api/hooks/riddle/useRiddleHintQuery.ts b/frontend/src/api/hooks/riddle/useRiddleHintQuery.ts
index 5d29b9b39..c8f2853ef 100644
--- a/frontend/src/api/hooks/riddle/useRiddleHintQuery.ts
+++ b/frontend/src/api/hooks/riddle/useRiddleHintQuery.ts
@@ -1,5 +1,4 @@
 import { QueryKeys } from '@/api/hooks/queryKeys.ts'
-import { NEW_RIDDLE_ENDPOINTS } from '@/util/configs/environment.config'
 import { joinPath } from '@/util/core-functions.util'
 import { ApiPaths } from '@/util/paths'
 import type { Hint } from '@/util/views/riddle.view'
@@ -10,7 +9,7 @@ export const useRiddleHintQuery = (id: string) => {
   return useQuery<Hint, Error>({
     queryKey: [QueryKeys.RIDDLE_HINT, id],
     queryFn: async () => {
-      const url = NEW_RIDDLE_ENDPOINTS ? joinPath(ApiPaths.RIDDLE, 'solve', id, 'hint') : joinPath(ApiPaths.RIDDLE, id, 'hint')
+      const url = joinPath(ApiPaths.RIDDLE, 'solve', id, 'hint')
       const response = await axios.put<Hint>(url)
       return response.data
     },
diff --git a/frontend/src/api/hooks/riddle/useRiddleHistoryQuery.ts b/frontend/src/api/hooks/riddle/useRiddleHistoryQuery.ts
index 6f76ac624..b5185fa5e 100644
--- a/frontend/src/api/hooks/riddle/useRiddleHistoryQuery.ts
+++ b/frontend/src/api/hooks/riddle/useRiddleHistoryQuery.ts
@@ -1,5 +1,4 @@
 import { QueryKeys } from '@/api/hooks/queryKeys.ts'
-import { NEW_RIDDLE_ENDPOINTS } from '@/util/configs/environment.config'
 import { joinPath } from '@/util/core-functions.util'
 import { ApiPaths } from '@/util/paths'
 import type { RiddleCategoryHistory } from '@/util/views/riddle.view'
@@ -10,7 +9,7 @@ export const useRiddleHistoryQuery = () => {
   return useQuery<RiddleCategoryHistory[], Error>({
     queryKey: [QueryKeys.RIDDLE_HISTORY],
     queryFn: async () => {
-      const url = NEW_RIDDLE_ENDPOINTS ? joinPath(ApiPaths.RIDDLE, 'history') : joinPath(ApiPaths.RIDDLE_HISTORY)
+      const url = joinPath(ApiPaths.RIDDLE, 'history')
       const response = await axios.get<object>(url)
 
       return Object.entries(response.data).map(([key, value]) => ({ categoryName: key, submissions: value }))
diff --git a/frontend/src/api/hooks/riddle/useRiddleListQuery.ts b/frontend/src/api/hooks/riddle/useRiddleListQuery.ts
index fe5a7ef04..df686695a 100644
--- a/frontend/src/api/hooks/riddle/useRiddleListQuery.ts
+++ b/frontend/src/api/hooks/riddle/useRiddleListQuery.ts
@@ -1,5 +1,4 @@
 import { QueryKeys } from '@/api/hooks/queryKeys.ts'
-import { NEW_RIDDLE_ENDPOINTS } from '@/util/configs/environment.config'
 import { joinPath } from '@/util/core-functions.util'
 import { ApiPaths } from '@/util/paths'
 import type { RiddleCategory } from '@/util/views/riddle.view'
@@ -10,7 +9,7 @@ export const useRiddleListQuery = () => {
   return useQuery<RiddleCategory[], Error>({
     queryKey: [QueryKeys.RIDDLE],
     queryFn: async () => {
-      const url = NEW_RIDDLE_ENDPOINTS ? joinPath(ApiPaths.RIDDLE, 'categories') : joinPath(ApiPaths.RIDDLE)
+      const url = joinPath(ApiPaths.RIDDLE, 'categories')
       const response = await axios.get<RiddleCategory[]>(url)
       return response.data
     }
diff --git a/frontend/src/api/hooks/riddle/useRiddleSkipMutation.ts b/frontend/src/api/hooks/riddle/useRiddleSkipMutation.ts
index 23485aba3..c94362156 100644
--- a/frontend/src/api/hooks/riddle/useRiddleSkipMutation.ts
+++ b/frontend/src/api/hooks/riddle/useRiddleSkipMutation.ts
@@ -1,5 +1,4 @@
 import { QueryKeys } from '@/api/hooks/queryKeys.ts'
-import { NEW_RIDDLE_ENDPOINTS } from '@/util/configs/environment.config'
 import { joinPath } from '@/util/core-functions.util'
 import { ApiPaths } from '@/util/paths'
 import type { RiddleSubmissionResult } from '@/util/views/riddle.view'
@@ -10,7 +9,7 @@ export const useRiddleSkipMutation = () => {
   return useMutation<RiddleSubmissionResult, Error, string>({
     mutationKey: [QueryKeys.RIDDLE_SUBMIT],
     mutationFn: async (id: string) => {
-      const url = NEW_RIDDLE_ENDPOINTS ? joinPath(ApiPaths.RIDDLE, 'solve', id, 'skip') : joinPath(ApiPaths.RIDDLE, id, 'skip')
+      const url = joinPath(ApiPaths.RIDDLE, 'solve', id, 'skip')
       const res = await axios.post(
         url,
         {},
diff --git a/frontend/src/api/hooks/riddle/useRiddleSubmitMutation.ts b/frontend/src/api/hooks/riddle/useRiddleSubmitMutation.ts
index 271c9c2aa..538765583 100644
--- a/frontend/src/api/hooks/riddle/useRiddleSubmitMutation.ts
+++ b/frontend/src/api/hooks/riddle/useRiddleSubmitMutation.ts
@@ -1,5 +1,4 @@
 import { QueryKeys } from '@/api/hooks/queryKeys.ts'
-import { NEW_RIDDLE_ENDPOINTS } from '@/util/configs/environment.config'
 import { joinPath } from '@/util/core-functions.util'
 import { ApiPaths } from '@/util/paths'
 import type { RiddleSubmissionResult } from '@/util/views/riddle.view'
@@ -15,7 +14,7 @@ export const useRiddleSubmitMutation = (onTooManyRequests: () => void) => {
   return useMutation<RiddleSubmissionResult, Error, RiddleSubmissionParams>({
     mutationKey: [QueryKeys.RIDDLE_SUBMIT],
     mutationFn: async ({ id, solution }: RiddleSubmissionParams) => {
-      const url = NEW_RIDDLE_ENDPOINTS ? joinPath(ApiPaths.RIDDLE, 'solve', id) : joinPath(ApiPaths.RIDDLE, id)
+      const url = joinPath(ApiPaths.RIDDLE, 'solve', id)
       try {
         const res = await axios.post(
           url,
diff --git a/frontend/src/global.d.ts b/frontend/src/global.d.ts
new file mode 100644
index 000000000..ef5be7655
--- /dev/null
+++ b/frontend/src/global.d.ts
@@ -0,0 +1,25 @@
+interface WindowConfig {
+  readonly API_BASE_URL: string | undefined
+  readonly DISABLE_APP_CONFIG_CACHE: string | undefined
+  readonly APP_CONFIG_CACHE_TTL_SECONDS: string | undefined
+  readonly HIDE_KIR_DEV_IN_FOOTER: string | undefined
+  readonly CLIENT_BASE_URL: string | undefined
+  readonly OFFICIAL_LANGUAGE: string | undefined
+  readonly PASS_SERVER_URL: string | undefined
+  readonly PASS_TEMPLATE: string | undefined
+  readonly FIREBASE_PROJECT_ID: string | undefined
+  readonly FIREBASE_APP_ID: string | undefined
+  readonly FIREBASE_API_KEY: string | undefined
+  readonly FIREBASE_SENDER_ID: string | undefined
+  readonly FIREBASE_WEB_PUSH_PUBLIC_KEY: string | undefined
+  readonly PLAUSIBLE_URL: string | undefined
+}
+
+declare global {
+  interface Window {
+    config: WindowConfig
+    processAndReportError: (error: unknown) => void
+  }
+}
+
+export {}
diff --git a/frontend/src/util/configs/environment.config.ts b/frontend/src/util/configs/environment.config.ts
index 742c0cb82..b6f8a415c 100644
--- a/frontend/src/util/configs/environment.config.ts
+++ b/frontend/src/util/configs/environment.config.ts
@@ -1,14 +1,13 @@
-export const API_BASE_URL = import.meta.env.VITE_API_BASE_URL ?? 'http://localhost:8080'
-export const DISABLE_APP_CONFIG_CACHE = import.meta.env.VITE_DISABLE_APP_CONFIG_CACHE === 'true'
-export const APP_CONFIG_CACHE_TTL_SECONDS = Number(import.meta.env.VITE_APP_CONFIG_CACHE_TTL_SECONDS ?? 3600)
-export const HIDE_KIR_DEV_IN_FOOTER = import.meta.env.VITE_HIDE_KIR_DEV_IN_FOOTER === 'true'
-export const CLIENT_BASE_URL = import.meta.env.VITE_CLIENT_BASE_URL ?? 'http://localhost:3000'
-export const OFFICIAL_LANGUAGE = import.meta.env.VITE_OFFICIAL_LANGUAGE === 'true'
-export const PASS_SERVER_URL = import.meta.env.VITE_PASS_SERVER_URL
-export const PASS_TEMPLATE = import.meta.env.VITE_PASS_TEMPLATE
-export const NEW_RIDDLE_ENDPOINTS = import.meta.env.VITE_NEW_RIDDLE_ENDPOINTS === 'true'
-export const FIREBASE_PROJECT_ID = import.meta.env.VITE_FIREBASE_PROJECT_ID
-export const FIREBASE_APP_ID = import.meta.env.VITE_FIREBASE_APP_ID
-export const FIREBASE_API_KEY = import.meta.env.VITE_FIREBASE_API_KEY
-export const FIREBASE_SENDER_ID = import.meta.env.VITE_FIREBASE_SENDER_ID
-export const FIREBASE_WEB_PUSH_PUBLIC_KEY = import.meta.env.VITE_FIREBASE_WEB_PUSH_PUBLIC_KEY
+export const API_BASE_URL = window.config.API_BASE_URL || 'http://localhost:8080'
+export const DISABLE_APP_CONFIG_CACHE = window.config.DISABLE_APP_CONFIG_CACHE === 'true'
+export const APP_CONFIG_CACHE_TTL_SECONDS = Number(window.config.APP_CONFIG_CACHE_TTL_SECONDS || 3600)
+export const HIDE_KIR_DEV_IN_FOOTER = window.config.HIDE_KIR_DEV_IN_FOOTER === 'true'
+export const CLIENT_BASE_URL = window.config.CLIENT_BASE_URL || 'http://localhost:3000'
+export const OFFICIAL_LANGUAGE = window.config.OFFICIAL_LANGUAGE === 'true'
+export const PASS_SERVER_URL = window.config.PASS_SERVER_URL || undefined
+export const PASS_TEMPLATE = window.config.PASS_TEMPLATE || undefined
+export const FIREBASE_PROJECT_ID = window.config.FIREBASE_PROJECT_ID || undefined
+export const FIREBASE_APP_ID = window.config.FIREBASE_APP_ID || undefined
+export const FIREBASE_API_KEY = window.config.FIREBASE_API_KEY || undefined
+export const FIREBASE_SENDER_ID = window.config.FIREBASE_SENDER_ID || undefined
+export const FIREBASE_WEB_PUSH_PUBLIC_KEY = window.config.FIREBASE_WEB_PUSH_PUBLIC_KEY || undefined
diff --git a/frontend/src/vite-env.d.ts b/frontend/src/vite-env.d.ts
index d40bd1feb..11f02fe2a 100644
--- a/frontend/src/vite-env.d.ts
+++ b/frontend/src/vite-env.d.ts
@@ -1,24 +1 @@
 /// <reference types="vite/client" />
-
-interface ImportMetaEnv {
-  readonly VITE_API_BASE_URL: string
-  readonly VITE_DISABLE_APP_CONFIG_CACHE: string
-  readonly VITE_APP_CONFIG_CACHE_TTL_SECONDS: string
-  readonly VITE_HIDE_KIR_DEV_IN_FOOTER: string
-  readonly VITE_CLIENT_BASE_URL: string
-  readonly VITE_OFFICIAL_LANGUAGE: string
-  readonly VITE_PASS_SERVER_URL: string
-  readonly VITE_PASS_TEMPLATE: string
-  readonly VITE_NEW_RIDDLE_ENDPOINTS: string
-  readonly VITE_FIREBASE_PROJECT_ID: string
-  readonly VITE_FIREBASE_APP_ID: string
-  readonly VITE_FIREBASE_API_KEY: string
-  readonly VITE_FIREBASE_SENDER_ID: string
-  readonly VITE_FIREBASE_WEB_PUSH_PUBLIC_KEY: string
-}
-
-interface ImportMeta {
-  readonly env: ImportMetaEnv
-}
-
-function processAndReportError(error)
diff --git a/frontend/tsconfig.app.json b/frontend/tsconfig.app.json
index 2cb5451d4..d02895241 100644
--- a/frontend/tsconfig.app.json
+++ b/frontend/tsconfig.app.json
@@ -23,7 +23,6 @@
     "erasableSyntaxOnly": true,
     "noFallthroughCasesInSwitch": true,
     "noUncheckedSideEffectImports": true,
-    "baseUrl": ".",
     "paths": {
       "@/*": ["./src/*"]
     }

From 1bc76bf1e73817bb06fe6e0a246f45adae7d73b1 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Horv=C3=A1th=20Istv=C3=A1n?= <horvath.isti@edu.bme.hu>
Date: Tue, 23 Jun 2026 23:23:37 +0200
Subject: [PATCH 2/2] Add Kir-Pay integration

---
 .../component/kirpay/KirPayApiController.kt   |  45 ++++++++
 .../cmsch/component/kirpay/KirPayComponent.kt |  59 ++++++++++
 .../component/kirpay/KirPayLeaderboardView.kt |  17 +++
 .../cmsch/component/kirpay/KirPayService.kt   | 103 ++++++++++++++++++
 .../component/profile/ProfileComponent.kt     |   9 ++
 .../cmsch/component/profile/ProfileService.kt |  25 +++--
 .../cmsch/component/profile/ProfileView.kt    |   6 +-
 .../config/application-env.properties         |   1 +
 .../resources/config/application.properties   |  38 ++++---
 frontend/src/App.tsx                          |   2 +
 frontend/src/api/contexts/config/types.ts     |  10 ++
 .../hooks/kirpay/useKirPayLeaderboardQuery.ts |  16 +++
 frontend/src/api/hooks/queryKeys.ts           |   1 +
 .../kirpay-leaderboard.page.tsx               |  48 ++++++++
 frontend/src/pages/profile/profile.page.tsx   |   5 +
 frontend/src/util/paths.ts                    |   3 +
 .../src/util/views/kirPayLeaderboard.view.ts  |   8 ++
 frontend/src/util/views/profile.view.ts       |   3 +-
 helm/cmsch/templates/cmsch-config.yml         |   1 +
 helm/cmsch/values.yaml                        |   1 +
 20 files changed, 369 insertions(+), 32 deletions(-)
 create mode 100644 backend/src/main/kotlin/hu/bme/sch/cmsch/component/kirpay/KirPayApiController.kt
 create mode 100644 backend/src/main/kotlin/hu/bme/sch/cmsch/component/kirpay/KirPayComponent.kt
 create mode 100644 backend/src/main/kotlin/hu/bme/sch/cmsch/component/kirpay/KirPayLeaderboardView.kt
 create mode 100644 backend/src/main/kotlin/hu/bme/sch/cmsch/component/kirpay/KirPayService.kt
 create mode 100644 frontend/src/api/hooks/kirpay/useKirPayLeaderboardQuery.ts
 create mode 100644 frontend/src/pages/kirpay-leaderboard/kirpay-leaderboard.page.tsx
 create mode 100644 frontend/src/util/views/kirPayLeaderboard.view.ts

diff --git a/backend/src/main/kotlin/hu/bme/sch/cmsch/component/kirpay/KirPayApiController.kt b/backend/src/main/kotlin/hu/bme/sch/cmsch/component/kirpay/KirPayApiController.kt
new file mode 100644
index 000000000..b89887b82
--- /dev/null
+++ b/backend/src/main/kotlin/hu/bme/sch/cmsch/component/kirpay/KirPayApiController.kt
@@ -0,0 +1,45 @@
+package hu.bme.sch.cmsch.component.kirpay
+
+import com.fasterxml.jackson.annotation.JsonView
+import hu.bme.sch.cmsch.dto.FullDetails
+import hu.bme.sch.cmsch.model.RoleType
+import hu.bme.sch.cmsch.util.getUserOrNull
+import hu.bme.sch.cmsch.util.isAvailableForRole
+import org.springframework.boot.autoconfigure.condition.ConditionalOnBean
+import org.springframework.http.HttpStatus
+import org.springframework.http.ResponseEntity
+import org.springframework.security.core.Authentication
+import org.springframework.web.bind.annotation.GetMapping
+import org.springframework.web.bind.annotation.RequestMapping
+import org.springframework.web.bind.annotation.RestController
+
+@RestController
+@RequestMapping("/api")
+@ConditionalOnBean(KirPayComponent::class)
+class KirPayApiController(
+    private val kirPayService: KirPayService,
+    private val kirPayComponent: KirPayComponent
+) {
+
+    @JsonView(FullDetails::class)
+    @GetMapping("/kirpay-leaderboard")
+    fun leaderboard(auth: Authentication?): ResponseEntity<KirPayLeaderboardView> {
+        val user = auth?.getUserOrNull()
+
+        if (!kirPayComponent.leaderboardEnabled)
+            return ResponseEntity.ok(KirPayLeaderboardView())
+
+        if (!kirPayComponent.minRole.isAvailableForRole(user?.role ?: RoleType.GUEST))
+            return ResponseEntity.status(HttpStatus.FORBIDDEN).build()
+
+        var entries = kirPayService.getConsumptionLeaderboard()
+
+        val limit = kirPayComponent.leaderboardMaxEntries.toInt()
+        if (limit >= 0) {
+            entries = entries.take(limit)
+        }
+
+        return ResponseEntity.ok(KirPayLeaderboardView(entries = entries))
+    }
+
+}
diff --git a/backend/src/main/kotlin/hu/bme/sch/cmsch/component/kirpay/KirPayComponent.kt b/backend/src/main/kotlin/hu/bme/sch/cmsch/component/kirpay/KirPayComponent.kt
new file mode 100644
index 000000000..91769f2ff
--- /dev/null
+++ b/backend/src/main/kotlin/hu/bme/sch/cmsch/component/kirpay/KirPayComponent.kt
@@ -0,0 +1,59 @@
+package hu.bme.sch.cmsch.component.kirpay
+
+import hu.bme.sch.cmsch.component.ComponentBase
+import hu.bme.sch.cmsch.service.ControlPermissions
+import hu.bme.sch.cmsch.setting.*
+import org.springframework.boot.autoconfigure.condition.ConditionalOnBooleanProperty
+import org.springframework.core.env.Environment
+import org.springframework.stereotype.Service
+
+@Service
+@ConditionalOnBooleanProperty(value = ["hu.bme.sch.cmsch.component.load.kirpay"])
+class KirPayComponent(
+    componentSettingService: ComponentSettingService,
+    env: Environment
+) : ComponentBase(
+    componentSettingService,
+    "kirpay",
+    "/kirpay-leaderboard",
+    "Kir-Pay Toplista",
+    ControlPermissions.PERMISSION_CONTROL_LEADERBOARD,
+    listOf(),
+    env
+) {
+
+    val leaderboardGroup by SettingGroup(fieldName = "Toplista")
+
+    final var title by StringSettingRef("Kir-Pay Toplista",
+        fieldName = "Lap címe",
+        description = "Ez jelenik meg a böngésző címsorában")
+
+    final override var menuDisplayName by StringSettingRef("Kir-Pay Toplista", serverSideOnly = true,
+        fieldName = "Menü neve", description = "Ez lesz a neve a menünek")
+
+    final override var minRole by MinRoleSettingRef(setOf(),
+        fieldName = "Jogosultságok", description = "Melyik roleokkal nyitható meg az oldal")
+
+    /// -------------------------------------------------------------------------------------------------------------------
+
+    val connectionGroup by SettingGroup(fieldName = "Kapcsolat")
+
+    var kirPayBackendUrl by StringSettingRef("http://localhost:3001/v1/api/admin", serverSideOnly = true,
+        fieldName = "Kir-Pay backend URL", description = "A Kir-Pay backend admin API URL-je")
+
+    var kirPayBackendToken by StringSettingRef(serverSideOnly = true, fieldName = "Kir-Pay backend token",
+        description = "Basic auth token a Kir-Pay admin API-hoz")
+
+    /// -------------------------------------------------------------------------------------------------------------------
+
+    val displayGroup by SettingGroup(fieldName = "Kijelzés")
+
+    var leaderboardEnabled by BooleanSettingRef(true,
+        fieldName = "Toplista aktív", description = "A toplista leküldésre kerül")
+
+    var leaderboardMaxEntries by NumberSettingRef(50, fieldName = "Toplista sorainak száma",
+        description = "Hány felhasználót mutasson, -1 = az összeset")
+
+    var kirPayCurrency by StringSettingRef("JMF", fieldName = "A megjelenített Kir-Pay valuta")
+
+}
diff --git a/backend/src/main/kotlin/hu/bme/sch/cmsch/component/kirpay/KirPayLeaderboardView.kt b/backend/src/main/kotlin/hu/bme/sch/cmsch/component/kirpay/KirPayLeaderboardView.kt
new file mode 100644
index 000000000..ed45f4b9f
--- /dev/null
+++ b/backend/src/main/kotlin/hu/bme/sch/cmsch/component/kirpay/KirPayLeaderboardView.kt
@@ -0,0 +1,17 @@
+package hu.bme.sch.cmsch.component.kirpay
+
+import com.fasterxml.jackson.annotation.JsonView
+import hu.bme.sch.cmsch.dto.FullDetails
+
+data class KirPayLeaderboardEntry(
+    @field:JsonView(FullDetails::class)
+    val name: String,
+
+    @field:JsonView(FullDetails::class)
+    val itemCount: Long
+)
+
+data class KirPayLeaderboardView(
+    @field:JsonView(FullDetails::class)
+    val entries: List<KirPayLeaderboardEntry> = listOf()
+)
diff --git a/backend/src/main/kotlin/hu/bme/sch/cmsch/component/kirpay/KirPayService.kt b/backend/src/main/kotlin/hu/bme/sch/cmsch/component/kirpay/KirPayService.kt
new file mode 100644
index 000000000..e10feb181
--- /dev/null
+++ b/backend/src/main/kotlin/hu/bme/sch/cmsch/component/kirpay/KirPayService.kt
@@ -0,0 +1,103 @@
+package hu.bme.sch.cmsch.component.kirpay
+
+import org.slf4j.LoggerFactory
+import org.springframework.boot.autoconfigure.condition.ConditionalOnBean
+import org.springframework.http.client.reactive.ReactorClientHttpConnector
+import org.springframework.scheduling.annotation.Scheduled
+import org.springframework.stereotype.Service
+import org.springframework.web.reactive.function.client.WebClient
+import org.springframework.web.reactive.function.client.WebClientResponseException
+import org.springframework.web.reactive.function.client.bodyToMono
+import reactor.netty.http.client.HttpClient
+import java.time.Duration
+import java.util.*
+
+@Service
+@ConditionalOnBean(KirPayComponent::class)
+class KirPayService(
+    private val kirPayComponent: KirPayComponent,
+    webClientBuilder: WebClient.Builder
+) {
+
+    private val log = LoggerFactory.getLogger(javaClass)
+
+    @Volatile
+    private var cachedLeaderboard: List<KirPayLeaderboardEntry>? = null
+    private val leaderboardLock = Any()
+
+    private val kirPayClient: WebClient by lazy {
+        val httpClient = HttpClient.create()
+            .responseTimeout(Duration.ofSeconds(15))
+        webClientBuilder
+            .clientConnector(ReactorClientHttpConnector(httpClient))
+            .baseUrl(kirPayComponent.kirPayBackendUrl)
+            .defaultHeader("Authorization", "Basic " + Base64.getEncoder().encodeToString(
+                kirPayComponent.kirPayBackendToken.toByteArray()
+            ))
+            .build()
+    }
+
+    @Scheduled(fixedRate = 1000L * 60 * 60 * 10)
+    fun refreshCache() {
+        if (!kirPayComponent.leaderboardEnabled) return
+        val refreshed = fetchConsumptionLeaderboard()
+        synchronized(leaderboardLock) {
+            cachedLeaderboard = refreshed
+        }
+        log.info("Kir-Pay consumption leaderboard cache refreshed, {} entries", refreshed.size)
+    }
+
+    fun getConsumptionLeaderboard(): List<KirPayLeaderboardEntry> {
+        if (!kirPayComponent.leaderboardEnabled) return listOf()
+        cachedLeaderboard?.let { return it }
+        synchronized(leaderboardLock) {
+            cachedLeaderboard?.let { return it }
+            val result = fetchConsumptionLeaderboard()
+            cachedLeaderboard = result
+            return result
+        }
+    }
+
+    fun getBalanceByEmail(email: String?): Long? {
+        if (email.isNullOrBlank()) return null
+
+        return try {
+            val response = kirPayClient.get()
+                .uri("/accounts-by-email/{email}", email)
+                .retrieve()
+                .bodyToMono<Map<String, Any>>()
+                .block()
+
+            response?.get("balance")?.let { (it as Number).toLong() }
+        } catch (e: WebClientResponseException.NotFound) {
+            null
+        } catch (e: Exception) {
+            log.error("Failed to fetch Kir-Pay balance", e)
+            null
+        }
+    }
+
+    private fun fetchConsumptionLeaderboard(): List<KirPayLeaderboardEntry> {
+        return try {
+            val response = kirPayClient.get()
+                .uri("/consumption-leaderboard")
+                .retrieve()
+                .bodyToMono<List<Map<String, Any>>>()
+                .block()
+                ?: listOf()
+
+            return response.map {
+                // Some gorgeous Kotlin code!
+                val name = it["name"] as? String ?: return@map null
+                val itemCount = it["itemCount"] as? Number ?: return@map null
+
+                KirPayLeaderboardEntry(name = name, itemCount = itemCount.toLong())
+            }.filterNotNull()
+
+        } catch (e: Exception) {
+            log.error("Failed to fetch Kir-Pay consumption leaderboard", e)
+            listOf()
+        }
+    }
+
+}
diff --git a/backend/src/main/kotlin/hu/bme/sch/cmsch/component/profile/ProfileComponent.kt b/backend/src/main/kotlin/hu/bme/sch/cmsch/component/profile/ProfileComponent.kt
index fb08af8ae..9f0179fb9 100644
--- a/backend/src/main/kotlin/hu/bme/sch/cmsch/component/profile/ProfileComponent.kt
+++ b/backend/src/main/kotlin/hu/bme/sch/cmsch/component/profile/ProfileComponent.kt
@@ -142,6 +142,15 @@ class ProfileComponent(
         fieldName = "Helyzet lejárata", strictConversion = false,
         description = "Ennyi ideig (másodpercben) jelenjen meg a helyzet az utolsó frissítés után")
 
+    /// -------------------------------------------------------------------------------------------------------------------
+    ///
+
+    val kirPayGroup by SettingGroup(fieldName = "Kir-Pay",
+        description = "A Kir-Pay komponensnek is be kell kapcsolva lennie, hogy az itteni beállítások működjenek")
+
+    var showKirPayBalance by BooleanSettingRef(true,
+        fieldName = "Kir-Pay egyenleg látható", description = "Megjelenjen-e a Kir-Pay egyenleg a profilban")
+
     /// -------------------------------------------------------------------------------------------------------------------
 
     val tokenGoalGroup by SettingGroup(fieldName = "Token cél megjelenítése",
diff --git a/backend/src/main/kotlin/hu/bme/sch/cmsch/component/profile/ProfileService.kt b/backend/src/main/kotlin/hu/bme/sch/cmsch/component/profile/ProfileService.kt
index 7fbf1e514..e80bd5723 100644
--- a/backend/src/main/kotlin/hu/bme/sch/cmsch/component/profile/ProfileService.kt
+++ b/backend/src/main/kotlin/hu/bme/sch/cmsch/component/profile/ProfileService.kt
@@ -2,10 +2,9 @@ package hu.bme.sch.cmsch.component.profile
 
 import hu.bme.sch.cmsch.component.admission.AdmissionService
 import hu.bme.sch.cmsch.component.bmejegy.CheersBmejegyService
-import hu.bme.sch.cmsch.component.bmejegy.LegacyBmejegyService
 import hu.bme.sch.cmsch.component.debt.DebtDto
 import hu.bme.sch.cmsch.component.debt.SoldProductRepository
-import hu.bme.sch.cmsch.component.groupselection.GroupSelectionComponent
+import hu.bme.sch.cmsch.component.kirpay.KirPayService
 import hu.bme.sch.cmsch.component.location.LocationService
 import hu.bme.sch.cmsch.component.login.CmschUser
 import hu.bme.sch.cmsch.component.login.LoginComponent
@@ -32,6 +31,7 @@ import org.springframework.transaction.annotation.Isolation
 import org.springframework.transaction.annotation.Transactional
 import java.sql.SQLException
 import java.util.*
+import kotlin.jvm.optionals.getOrDefault
 
 @Service
 @ConditionalOnBean(ProfileComponent::class)
@@ -50,14 +50,15 @@ class ProfileService(
     private val clock: TimeService,
     private val startupPropertyConfig: StartupPropertyConfig,
     private val admissionService: Optional<AdmissionService>,
-    private val cheersBmejegyService: CheersBmejegyService?
+    private val cheersBmejegyService: CheersBmejegyService?,
+    private val kirPayService: Optional<KirPayService>
 ) {
 
     @Transactional(readOnly = true, isolation = Isolation.READ_COMMITTED)
     fun getProfileForUser(user: UserEntity): ProfileView {
         val group = user.group
         val leavable = fetchWhetherGroupLeavable(group)
-        val tokenCategoryToDisplay = tokenComponent.map { it.collectRequiredType }.orElse(ALL_TOKEN_TYPE)
+        val tokenCategoryToDisplay = tokenComponent.map { it.collectRequiredType }.getOrDefault(ALL_TOKEN_TYPE)
         val incompleteTasks = tasksService.map { it.getTasksThatNeedsToBeCompleted(user) }.orElse(null)
 
         val raceStats: RaceStatsView? = raceService.map { it.getRaceStats(user) }.orElse(null)
@@ -117,8 +118,8 @@ class ProfileService(
             // Debt controller
             debts = fetchDebts(user).orElse(null),
 
-            // Leaderboard controller
-            leaderboard = null
+            // Kir-Pay balance
+            kirPayBalance = fetchKirPayBalance(user).orElse(null)
         )
     }
 
@@ -126,7 +127,7 @@ class ProfileService(
         val canSeeQr = profileComponent.showQrMinRole.isAvailableForRole(user.role) && profileComponent.showQr
 
         if (profileComponent.showQrOnlyIfTicketPresent && (canSeeQr || profileComponent.showProfilePicture)) {
-            return if (admissionService.map { it.hasTicket(user.cmschId) }.orElse(false)) user.cmschId else null
+            return if (admissionService.map { it.hasTicket(user.cmschId) }.getOrDefault(false)) user.cmschId else null
         }
 
         return if (canSeeQr || profileComponent.showProfilePicture) {
@@ -163,6 +164,7 @@ class ProfileService(
                     repo.getTokensForUserWithCategory(user, tokenCategoryToDisplay)
                 }
             }
+
             OwnershipType.GROUP -> if (group == null) Optional.of(0) else tokenService.map { repo ->
                 if (tokenCategoryToDisplay == ALL_TOKEN_TYPE) {
                     repo.countTokensForGroup(group)
@@ -175,7 +177,7 @@ class ProfileService(
     private fun fetchFallbackGroup() =
         profileComponent.selectionEnabled.mapIfTrue {
             groupRepository
-                .findByName(loginComponent.map { it.fallbackGroupName }.orElse("Vendég"))
+                .findByName(loginComponent.map { it.fallbackGroupName }.getOrDefault("Vendég"))
                 .map { it.id }
                 .orElse(null)
         }
@@ -229,7 +231,12 @@ class ProfileService(
             .associate { Pair(it.id, it.name) }
     }
 
-    @Retryable(value = [ SQLException::class ], maxRetries = 5, delay = 500L, multiplier = 1.5)
+    private fun fetchKirPayBalance(user: UserEntity) =
+        kirPayService
+            .filter { profileComponent.showKirPayBalance }
+            .map { it.getBalanceByEmail(user.email) }
+
+    @Retryable(value = [SQLException::class], maxRetries = 5, delay = 500L, multiplier = 1.5)
     @Transactional(readOnly = false, isolation = Isolation.SERIALIZABLE)
     fun changeAlias(user: UserEntity, newAlias: String): Boolean {
         return if (newAlias.matches(Regex(profileComponent.aliasRegex))) {
diff --git a/backend/src/main/kotlin/hu/bme/sch/cmsch/component/profile/ProfileView.kt b/backend/src/main/kotlin/hu/bme/sch/cmsch/component/profile/ProfileView.kt
index e40fff41a..e76b3d3b9 100644
--- a/backend/src/main/kotlin/hu/bme/sch/cmsch/component/profile/ProfileView.kt
+++ b/backend/src/main/kotlin/hu/bme/sch/cmsch/component/profile/ProfileView.kt
@@ -96,12 +96,12 @@ data class ProfileView(
     @field:JsonView(FullDetails::class)
     val debts: List<DebtDto>? = null,
 
-    @field:JsonView(FullDetails::class)
-    val leaderboard: List<LeaderBoardEntry>? = null,
-
     @field:JsonView(FullDetails::class)
     val groupMessage: String? = null,
 
     @field:JsonView(FullDetails::class)
     val userMessage: String? = null,
+
+    @field:JsonView(FullDetails::class)
+    val kirPayBalance: Long? = null,
 )
diff --git a/backend/src/main/resources/config/application-env.properties b/backend/src/main/resources/config/application-env.properties
index 32c7c2807..763eb41bf 100644
--- a/backend/src/main/resources/config/application-env.properties
+++ b/backend/src/main/resources/config/application-env.properties
@@ -68,6 +68,7 @@ hu.bme.sch.cmsch.component.load.form=${LOAD_FORM:false}
 hu.bme.sch.cmsch.component.load.groupselection=${LOAD_GROUPSELECTION:false}
 hu.bme.sch.cmsch.component.load.home=${LOAD_HOME:false}
 hu.bme.sch.cmsch.component.load.impressum=${LOAD_IMPRESSUM:true}
+hu.bme.sch.cmsch.component.load.kirpay=${LOAD_KIRPAY:false}
 hu.bme.sch.cmsch.component.load.leaderboard=${LOAD_LEADERBOARD:false}
 hu.bme.sch.cmsch.component.load.location=${LOAD_LOCATION:false}
 hu.bme.sch.cmsch.component.load.login=${LOAD_LOGIN:true}
diff --git a/backend/src/main/resources/config/application.properties b/backend/src/main/resources/config/application.properties
index ba490bb57..47daf8c7a 100644
--- a/backend/src/main/resources/config/application.properties
+++ b/backend/src/main/resources/config/application.properties
@@ -81,6 +81,7 @@ hu.bme.sch.cmsch.component.load.gallery=true
 hu.bme.sch.cmsch.component.load.groupselection=true
 hu.bme.sch.cmsch.component.load.home=true
 hu.bme.sch.cmsch.component.load.impressum=true
+hu.bme.sch.cmsch.component.load.kirpay=true
 hu.bme.sch.cmsch.component.load.leaderboard=true
 hu.bme.sch.cmsch.component.load.location=true
 hu.bme.sch.cmsch.component.load.login=true
@@ -113,24 +114,25 @@ hu.bme.sch.cmsch.task.priority=110
 hu.bme.sch.cmsch.riddle.priority=111
 hu.bme.sch.cmsch.token.priority=112
 hu.bme.sch.cmsch.location.priority=114
-hu.bme.sch.cmsch.leaderboard.priority=115
-hu.bme.sch.cmsch.form.priority=116
-hu.bme.sch.cmsch.challenge.priority=117
-hu.bme.sch.cmsch.home.priority=118
-hu.bme.sch.cmsch.admission.priority=119
-hu.bme.sch.cmsch.bmejegy.priority=120
-hu.bme.sch.cmsch.race.priority=121
-hu.bme.sch.cmsch.qrFight.priority=122
-hu.bme.sch.cmsch.communities.priority=123
-hu.bme.sch.cmsch.messaging.priority=124
-hu.bme.sch.cmsch.email.priority=125
-hu.bme.sch.cmsch.pushnotification.priority=126
-hu.bme.sch.cmsch.accessKeys.priority=127
-hu.bme.sch.cmsch.proto.priority=128
-hu.bme.sch.cmsch.conference.priority=129
-hu.bme.sch.cmsch.gallery.priority=130
-hu.bme.sch.cmsch.sheets.priority=131
-hu.bme.sch.cmsch.script.priority=132
+hu.bme.sch.cmsch.kirpay.priority=115
+hu.bme.sch.cmsch.leaderboard.priority=116
+hu.bme.sch.cmsch.form.priority=117
+hu.bme.sch.cmsch.challenge.priority=118
+hu.bme.sch.cmsch.home.priority=119
+hu.bme.sch.cmsch.admission.priority=120
+hu.bme.sch.cmsch.bmejegy.priority=121
+hu.bme.sch.cmsch.race.priority=122
+hu.bme.sch.cmsch.qrFight.priority=123
+hu.bme.sch.cmsch.communities.priority=124
+hu.bme.sch.cmsch.messaging.priority=125
+hu.bme.sch.cmsch.email.priority=126
+hu.bme.sch.cmsch.pushnotification.priority=127
+hu.bme.sch.cmsch.accessKeys.priority=128
+hu.bme.sch.cmsch.proto.priority=129
+hu.bme.sch.cmsch.conference.priority=130
+hu.bme.sch.cmsch.gallery.priority=131
+hu.bme.sch.cmsch.sheets.priority=132
+hu.bme.sch.cmsch.script.priority=133
 hu.bme.sch.cmsch.app.priority=150
 hu.bme.sch.cmsch.app.content.priority=151
 hu.bme.sch.cmsch.app.style.priority=152
diff --git a/frontend/src/App.tsx b/frontend/src/App.tsx
index e02c5983e..410f473dd 100644
--- a/frontend/src/App.tsx
+++ b/frontend/src/App.tsx
@@ -24,6 +24,7 @@ import GalleryPage from './pages/gallery/gallery.page.tsx'
 import HomePage from './pages/home/home.page'
 import ImpressumPage from './pages/impressum/impressum.page.tsx'
 import IndexPage from './pages/index/index.page'
+import KirPayLeaderboardPage from './pages/kirpay-leaderboard/kirpay-leaderboard.page.tsx'
 import LeaderboardPage from './pages/leaderboard/leaderboard.page.tsx'
 import LoginPage from './pages/login/login.page'
 import ResetPasswordPage from './pages/login/resetPassword.page.tsx'
@@ -103,6 +104,7 @@ export function App() {
                   <Route index element={<ImpressumPage />} />
                 </Route>
                 <Route path={Paths.LEADER_BOARD + '/*'} element={<LeaderboardPage />} />
+                <Route path={Paths.KIRPAY_LEADERBOARD} element={<KirPayLeaderboardPage />} />
                 <Route path={Paths.MAP}>
                   <Route index element={<MapPage />} />
                 </Route>
diff --git a/frontend/src/api/contexts/config/types.ts b/frontend/src/api/contexts/config/types.ts
index 939bcd915..7ec4c4179 100644
--- a/frontend/src/api/contexts/config/types.ts
+++ b/frontend/src/api/contexts/config/types.ts
@@ -26,6 +26,7 @@ export interface Components {
   gallery?: Gallery
   impressum?: Impressum
   leaderboard?: Leaderboard
+  kirpay?: KirPay
   location?: Location
   login?: Login
   news?: News
@@ -184,6 +185,13 @@ export interface Leaderboard {
   topMessage: string
 }
 
+export interface KirPay {
+  title: string
+  leaderboardEnabled: boolean
+  leaderboardMaxEntries: number
+  kirPayCurrency: string
+}
+
 export interface Profile {
   aliasChangeEnabled: boolean
   title: string
@@ -215,6 +223,8 @@ export interface Profile {
   minTokenDoneMessage: string
   profileIncomplete: string
   showIncompleteProfile: boolean
+  showKirPayBalance: boolean
+  kirPayCurrency: string
   profileComplete: string
 }
 
diff --git a/frontend/src/api/hooks/kirpay/useKirPayLeaderboardQuery.ts b/frontend/src/api/hooks/kirpay/useKirPayLeaderboardQuery.ts
new file mode 100644
index 000000000..df9415898
--- /dev/null
+++ b/frontend/src/api/hooks/kirpay/useKirPayLeaderboardQuery.ts
@@ -0,0 +1,16 @@
+import { QueryKeys } from '@/api/hooks/queryKeys.ts'
+import { joinPath } from '@/util/core-functions.util'
+import type { KirPayLeaderboardView } from '@/util/views/kirPayLeaderboard.view'
+import { useQuery } from '@tanstack/react-query'
+import axios from 'axios'
+
+export const useKirPayLeaderboardQuery = (enabled = true) => {
+  return useQuery<KirPayLeaderboardView, Error>({
+    queryKey: [QueryKeys.KIRPAY_LEADERBOARD],
+    queryFn: async () => {
+      const response = await axios.get<KirPayLeaderboardView>(joinPath('/api', 'kirpay-leaderboard'))
+      return response.data
+    },
+    enabled
+  })
+}
diff --git a/frontend/src/api/hooks/queryKeys.ts b/frontend/src/api/hooks/queryKeys.ts
index b6ad6165c..f5c0bcdc0 100644
--- a/frontend/src/api/hooks/queryKeys.ts
+++ b/frontend/src/api/hooks/queryKeys.ts
@@ -23,6 +23,7 @@ export const QueryKeys = {
   TEAM_LIST: 'TEAM_LIST',
   TEAM_DETAILS: 'TEAM_DETAILS',
   LEADERBOARD: 'LEADERBOARD',
+  KIRPAY_LEADERBOARD: 'KIRPAY_LEADERBOARD',
   TOKEN: 'TOKEN',
   COMMUNITY: 'COMMUNITY',
   ORGANIZATION: 'ORGANIZATION',
diff --git a/frontend/src/pages/kirpay-leaderboard/kirpay-leaderboard.page.tsx b/frontend/src/pages/kirpay-leaderboard/kirpay-leaderboard.page.tsx
new file mode 100644
index 000000000..32536f7ca
--- /dev/null
+++ b/frontend/src/pages/kirpay-leaderboard/kirpay-leaderboard.page.tsx
@@ -0,0 +1,48 @@
+import { useConfigContext } from '@/api/contexts/config/ConfigContext'
+import { useKirPayLeaderboardQuery } from '@/api/hooks/kirpay/useKirPayLeaderboardQuery'
+import { ComponentUnavailable } from '@/common-components/ComponentUnavailable'
+import { CmschPage } from '@/common-components/layout/CmschPage'
+import { PageStatus } from '@/common-components/PageStatus'
+import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from '@/components/ui/table'
+
+const KirPayLeaderboardPage = () => {
+  const component = useConfigContext()?.components?.kirpay
+  const { data, isError, isLoading } = useKirPayLeaderboardQuery(!!component)
+
+  if (!component) return <ComponentUnavailable />
+
+  const title = component.title || 'Kir-Pay Toplista'
+
+  if (isError || isLoading || !data) return <PageStatus isLoading={isLoading} isError={isError} title={title} />
+
+  return (
+    <CmschPage title={title}>
+      <h1 className="m-8 text-center text-4xl font-bold tracking-tight">{title}</h1>
+
+      {data.entries.length === 0 ? (
+        <p className="text-center text-muted-foreground">Még nincs adat a toplistához.</p>
+      ) : (
+        <Table>
+          <TableHeader>
+            <TableRow>
+              <TableHead className="w-16">#</TableHead>
+              <TableHead>Név</TableHead>
+              <TableHead className="text-right">Vásárolt termékek</TableHead>
+            </TableRow>
+          </TableHeader>
+          <TableBody>
+            {data.entries.map((entry, index) => (
+              <TableRow key={entry.name}>
+                <TableCell className="font-medium">{index + 1}</TableCell>
+                <TableCell>{entry.name}</TableCell>
+                <TableCell className="text-right">{entry.itemCount} db</TableCell>
+              </TableRow>
+            ))}
+          </TableBody>
+        </Table>
+      )}
+    </CmschPage>
+  )
+}
+
+export default KirPayLeaderboardPage
diff --git a/frontend/src/pages/profile/profile.page.tsx b/frontend/src/pages/profile/profile.page.tsx
index 224fbb647..f468e42d8 100644
--- a/frontend/src/pages/profile/profile.page.tsx
+++ b/frontend/src/pages/profile/profile.page.tsx
@@ -85,6 +85,11 @@ const ProfilePage = () => {
           {component.showAlias && <p className="text-xl">Becenév: {profile.alias || 'nincs'}</p>}
           {component.showNeptun && <p className="text-xl">Neptun: {profile.neptun || 'nincs'}</p>}
           {component.showEmail && <p className="text-xl">E-mail: {profile.email || 'nincs'}</p>}
+          {component.showKirPayBalance && profile.kirPayBalance !== undefined && (
+            <p className="text-xl">
+              Kir-Pay egyenleg: {profile.kirPayBalance} {config.kirpay?.kirPayCurrency}
+            </p>
+          )}
 
           {component.showGuild && <p className="text-xl">Gárda: {GuildType[profile?.guild || 'UNKNOWN'] || 'nincs'}</p>}
           {component.showMajor && <p className="text-xl">Szak: {profile.major || 'nincs'}</p>}
diff --git a/frontend/src/util/paths.ts b/frontend/src/util/paths.ts
index edc90d562..920b190f7 100644
--- a/frontend/src/util/paths.ts
+++ b/frontend/src/util/paths.ts
@@ -19,6 +19,7 @@ export const Paths = {
   EXTRA_PAGE: 'page',
   FORM: 'form',
   LEADER_BOARD: 'leaderboard',
+  KIRPAY_LEADERBOARD: 'kirpay-leaderboard',
   RACE: 'race',
   QR_FIGHT: 'qr-fight',
   TEAMS: 'teams',
@@ -61,6 +62,7 @@ export const AbsolutePaths = {
   TEAM_ADMIN: '/team-admin',
   QR_FIGHT: '/qr-fight',
   LEADER_BOARD: '/leaderboard',
+  KIRPAY_LEADERBOARD: '/kirpay-leaderboard',
   ACCESS_KEY: '/access-key',
   MAP: '/map',
   DEBT: '/debt',
@@ -108,6 +110,7 @@ export const ApiPaths = {
   TEAM: '/api/team',
   ALL_TEAMS: '/api/teams',
   DEBTS: '/api/debts',
+  KIRPAY_LEADERBOARD: '/api/kirpay-leaderboard',
   LOGIN: '/api/login',
   REGISTER: '/api/register',
   FORGOT_PASSWORD: '/api/forgot-password',
diff --git a/frontend/src/util/views/kirPayLeaderboard.view.ts b/frontend/src/util/views/kirPayLeaderboard.view.ts
new file mode 100644
index 000000000..181b05bc4
--- /dev/null
+++ b/frontend/src/util/views/kirPayLeaderboard.view.ts
@@ -0,0 +1,8 @@
+export interface KirPayLeaderboardEntryView {
+  name: string
+  itemCount: number
+}
+
+export interface KirPayLeaderboardView {
+  entries: KirPayLeaderboardEntryView[]
+}
diff --git a/frontend/src/util/views/profile.view.ts b/frontend/src/util/views/profile.view.ts
index b9b46953d..d2460074c 100644
--- a/frontend/src/util/views/profile.view.ts
+++ b/frontend/src/util/views/profile.view.ts
@@ -2,7 +2,6 @@ import type { DebtView } from './debt.view'
 import type { GroupLeaderView } from './groupLeader.view'
 import type { GroupMemberLocationView } from './groupMemberLocation.view'
 import type { TokenView } from './token.view'
-import type { TopListAbstractEntryView } from './toplistAbstractEntry.view'
 
 export interface ProfileView {
   cmschId?: string
@@ -38,13 +37,13 @@ export interface ProfileView {
 
   locations?: GroupMemberLocationView[]
   debts?: DebtView[]
-  leaderboard?: TopListAbstractEntryView[]
 
   profileIsComplete?: boolean
   incompleteTasks?: string[]
 
   groupMessage?: string
   userMessage?: string
+  kirPayBalance?: number
 }
 
 export interface RaceStatsView {
diff --git a/helm/cmsch/templates/cmsch-config.yml b/helm/cmsch/templates/cmsch-config.yml
index bfe9f5aab..5d2a60f58 100644
--- a/helm/cmsch/templates/cmsch-config.yml
+++ b/helm/cmsch/templates/cmsch-config.yml
@@ -39,6 +39,7 @@ data:
   LOAD_GROUPSELECTION: {{ .Values.load.groupselection | quote }}
   LOAD_HOME: {{ .Values.load.home | quote }}
   LOAD_IMPRESSUM: {{ .Values.load.impressum | quote }}
+  LOAD_KIRPAY: {{ .Values.load.kirpay | quote }}
   LOAD_LEADERBOARD: {{ .Values.load.leaderboard | quote }}
   LOAD_LOCATION: {{ .Values.load.location | quote }}
   LOAD_LOGIN: {{ .Values.load.login | quote }}
diff --git a/helm/cmsch/values.yaml b/helm/cmsch/values.yaml
index caf6d90dc..9128ffec5 100644
--- a/helm/cmsch/values.yaml
+++ b/helm/cmsch/values.yaml
@@ -141,6 +141,7 @@ load:
   form: false
   groupselection: false
   impressum: false
+  kirpay: false
   leaderboard: false
   location: false
   messaging: false