{"version":3,"file":"leaderboard-SaFNcu0O.js","sources":["../../../app/frontend/components/leaderboard/header.vue","../../../app/frontend/components/leaderboard/footer.vue","../../../app/frontend/components/leaderboard/table.vue","../../../app/frontend/components/leaderboard/index.vue","../../../app/frontend/entrypoints/pages/leaderboard.js"],"sourcesContent":["<template>\n  <header class=\"flex items-center justify-between\">\n    <h1 class=\"text-2xl font-bold\">Swift Leaderboard 🎉</h1>\n  </header>\n</template>\n\n<script>\nexport default {\n  name: \"HeaderComponent\",\n};\n</script>\n","<template>\n  <footer class=\"flex items-center justify-between\">\n    <p class=\"text-sm\">\n      *Add a nickname here:\n      <a class=\"text-underline text-sky-500\" href=\"/users/edit\"\n        >settings > name.</a\n      >\n    </p>\n  </footer>\n</template>\n\n<script setup lang=\"ts\"></script>\n","<template>\n  <div\n    class=\"mt-4 overflow-hidden overflow-x-auto shadow ring-1 ring-black ring-opacity-5 md:rounded-lg\"\n  >\n    <table\n      class=\"min-w-full divide-y divide-gray-300 border border-slate-200 bg-slate-50 dark:divide-slate-600 dark:border-slate-600 dark:bg-slate-800\"\n    >\n      <thead\n        class=\"whitespace-nowrap px-2 py-3.5 text-left text-sm font-semibold text-gray-700 dark:text-slate-100\"\n      >\n        <tr>\n          <Th\n            class=\"whitespace-nowrap px-2 py-3.5 text-left text-sm font-semibold text-gray-700 dark:text-slate-100\"\n          >\n            Rank\n          </Th>\n          <Th\n            class=\"whitespace-nowrap px-2 py-3.5 text-left text-sm font-semibold text-gray-700 dark:text-slate-100\"\n          >\n            Name\n          </Th>\n          <Th\n            class=\"whitespace-nowrap px-2 py-3.5 text-left text-sm font-semibold text-gray-700 dark:text-slate-100\"\n          >\n            Profit %\n          </Th>\n          <Th\n            class=\"whitespace-nowrap px-2 py-3.5 text-left text-sm font-semibold text-gray-700 dark:text-slate-100\"\n          >\n            Account Size\n          </Th>\n          <Th\n            class=\"whitespace-nowrap px-2 py-3.5 text-left text-sm font-semibold text-gray-700 dark:text-slate-100\"\n          >\n            Country\n          </Th>\n        </tr>\n      </thead>\n      <tbody>\n        <tr\n          v-for=\"(u, index) in users\"\n          :class=\"{\n            gold: index === 0,\n            silver: index === 1,\n            bronze: index === 2,\n          }\"\n        >\n          <td\n            class=\"text-md whitespace-nowrap py-2 pl-2 pr-1 text-slate-500 dark:text-slate-100 sm:pl-6\"\n          >\n            {{ u.rank }}\n          </td>\n          <td\n            class=\"whitespace-nowrap py-2 pl-2 pr-1 text-sm text-slate-500 dark:text-slate-100 sm:pl-6\"\n          >\n            <span\n              v-if=\"isCurrentUser(u.user_id)\"\n              :class=\"isCurrentUserHighlight(u.user_id)\"\n            >\n              👋 {{ currentUserName(u.user_id) }}\n            </span>\n            <span v-else>\n              {{ u.user_name }}\n            </span>\n          </td>\n          <td\n            class=\"whitespace-nowrap py-2 pl-2 pr-1 text-sm text-slate-500 dark:text-slate-100 sm:pl-6\"\n          >\n            {{ useToPercent(u.profit_pct, 2) }}%\n          </td>\n          <td\n            class=\"text-md whitespace-nowrap py-2 pl-2 pr-1 text-slate-500 dark:text-slate-100 sm:pl-6\"\n          >\n            {{ u.account_size }}\n          </td>\n          <td\n            class=\"text-md whitespace-nowrap py-2 pl-2 pr-1 text-slate-500 dark:text-slate-100 sm:pl-6\"\n          >\n            {{ getFlagByCountry(u.country) || getFlagByCurrency(u.currency) }}\n          </td>\n        </tr>\n      </tbody>\n    </table>\n  </div>\n</template>\n<script setup lang=\"ts\">\nimport { ref } from \"vue\";\nimport { useToPercent } from \"@/plugins/useFormatter\";\nimport Th from \"@/components/global/Th.vue\";\nimport Td from \"@/components/global/Td.vue\";\nimport {\n  getEmojiByCountryCode,\n  getEmojiByCurrencyCode,\n  countryData,\n  currencyData,\n} from \"country-currency-emoji-flags\";\n\n//props\nconst props = defineProps({\n  data: Array,\n  currentUser: Object,\n});\n\nconst users: any = ref(props.data);\n\nfunction isCurrentUser(user_id: any) {\n  if (props.currentUser) {\n    return user_id === props.currentUser.id;\n  } else {\n    return false;\n  }\n}\n\nfunction currentUserName(user_id: any) {\n  if (props.currentUser.name) {\n    return props.currentUser.name;\n  } else {\n    return \"You\";\n  }\n}\n\nfunction isCurrentUserHighlight(user_id: any) {\n  if (user_id === props.currentUser.id) {\n    return \"background-color: bg-sky-100 dark:bg-sky-900 px-4 py-1 rounded-sm\";\n  }\n}\n\nfunction getFlagByCountry(country: any) {\n  return getEmojiByCountryCode(country);\n}\n\nfunction getFlagByCurrency(currency: any) {\n  return getEmojiByCurrencyCode(currency);\n}\n</script>\n\n<style scoped>\n.gold {\n  background-color: rgba(255, 215, 0, 0.5);\n}\n.silver {\n  background-color: rgba(192, 192, 192, 0.5);\n}\n.bronze {\n  background-color: rgba(205, 127, 50, 0.5);\n}\n</style>\n","<template>\n  <div\n    class=\"from-light-start to-light-end dark:from-dark-start dark:to-dark-end grid h-full gap-4 bg-gradient-to-r p-4 transition-all duration-500 md:grid-cols-3\"\n  >\n    <div\n      class=\"rounded-md bg-white bg-opacity-60 p-4 shadow-md backdrop-blur-lg backdrop-filter dark:bg-gray-800 dark:bg-opacity-60 md:col-span-3\"\n    >\n      <HeaderComponent />\n    </div>\n\n    <div\n      class=\"mb-4 rounded-md bg-white bg-opacity-60 p-4 shadow-md backdrop-blur-lg backdrop-filter dark:bg-gray-800 dark:bg-opacity-60 md:col-span-1 md:mb-0\"\n    >\n      <h2 class=\"mb-4 text-xl font-bold text-gray-900 dark:text-white\">WTD</h2>\n      <TableComponent :data=\"weekly\" :currentUser=\"props.currentUser\" />\n    </div>\n\n    <div\n      class=\"mb-4 rounded-md bg-white bg-opacity-60 p-4 shadow-md backdrop-blur-lg backdrop-filter dark:bg-gray-800 dark:bg-opacity-60 md:col-span-1 md:mb-0\"\n    >\n      <h2 class=\"mb-4 text-xl font-bold text-gray-900 dark:text-white\">MTD</h2>\n      <TableComponent :data=\"monthly\" :currentUser=\"props.currentUser\" />\n    </div>\n\n    <div\n      class=\"rounded-md bg-white bg-opacity-60 p-4 shadow-md backdrop-blur-lg backdrop-filter dark:bg-gray-800 dark:bg-opacity-60 md:col-span-1\"\n    >\n      <h2 class=\"mb-4 text-xl font-bold text-gray-900 dark:text-white\">YTD</h2>\n      <TableComponent :data=\"yearly\" :currentUser=\"props.currentUser\" />\n    </div>\n\n    <div\n      class=\"rounded-md bg-white bg-opacity-60 p-4 shadow-md backdrop-blur-lg backdrop-filter dark:bg-gray-800 dark:bg-opacity-60 md:col-span-3\"\n      v-if=\"currentUser\"\n    >\n      <FooterComponent />\n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { ref } from \"vue\";\nimport HeaderComponent from \"./header.vue\";\nimport FooterComponent from \"./footer.vue\";\nimport TableComponent from \"./table.vue\";\n\n//props\nconst props = defineProps({\n  currentUser: Object,\n  data: Object,\n});\n\nconst weekly: any = ref(props.data.weekly);\nconst monthly: any = ref(props.data.monthly);\nconst yearly: any = ref(props.data.yearly);\n</script>\n\n<style>\n@import \"tailwindcss/base\";\n@import \"tailwindcss/components\";\n@import \"tailwindcss/utilities\";\n</style>\n","import * as Vue from \"vue\";\nimport LeaderboardIndex from \"@/components/leaderboard/index.vue\";\nimport { store } from \"@/entrypoints/store.js\";\n\nconst point = \"#leaderboard-page\";\nconst element = document.querySelector(point);\nif (element !== null) {\n  const app = Vue.createApp({\n    data() {\n      return {\n        currentUser: null,\n      };\n    },\n    components: { LeaderboardIndex },\n    mounted() {\n      this.currentUser = JSON.parse(\n        document.querySelector(\"#leaderboard-page\").attributes[\":current-user\"]\n          .nodeValue\n      );\n    },\n  });\n  const vm = app.use(store).mount(point);\n}\n"],"names":["_sfc_main","_hoisted_1","_hoisted_2","_createElementVNode","_openBlock","_createElementBlock","_hoisted_3","_createTextVNode","_sfc_render","_ctx","_cache","props","__props","users","ref","isCurrentUser","user_id","currentUserName","isCurrentUserHighlight","getFlagByCountry","country","getEmojiByCountryCode","getFlagByCurrency","currency","getEmojiByCurrencyCode","weekly","monthly","yearly","point","element","Vue.createApp","LeaderboardIndex","store"],"mappings":"yWAOA,MAAKA,EAAU,CACb,KAAM,iBACR,EARUC,EAAA,CAAA,MAAM,mCAAmC,EAC/CC,EAAAC,EAAwD,KAApD,CAAA,MAAM,sBAAqB,uBAAoB,EAAA,KAAnDD,2BADF,OAAAE,EAAA,EAAAC,EAES,SAFTJ,EAESK,CAAA,+ECDC,IAAWH,EAEjB,IAAA,CAAA,MAAA,SAAA,EAAA,CAAAI,EAAA,yBAAA,EAAsCJ,EAAA,IAAA,CAAC,MAAkB,mCACtC,wCAEjBG,EAAA,IANN,SAAAE,EAAAC,EAAAC,EAAA,28BCiGF,MAAMC,EAAQC,EAKRC,EAAaC,EAAIH,EAAM,IAAI,EAEjC,SAASI,EAAcC,EAAc,CACnC,OAAIL,EAAM,YACDK,IAAYL,EAAM,YAAY,GAE9B,EAEX,CAEA,SAASM,EAAgBD,EAAc,CACjC,OAAAL,EAAM,YAAY,KACbA,EAAM,YAAY,KAElB,KAEX,CAEA,SAASO,EAAuBF,EAAc,CACxC,GAAAA,IAAYL,EAAM,YAAY,GACzB,MAAA,mEAEX,CAEA,SAASQ,EAAiBC,EAAc,CACtC,OAAOC,EAAAA,sBAAsBD,CAAO,CACtC,CAEA,SAASE,EAAkBC,EAAe,CACxC,OAAOC,EAAAA,uBAAuBD,CAAQ,CACxC,+7ECtFA,MAAMZ,EAAQC,EAKRa,EAAcX,EAAIH,EAAM,KAAK,MAAM,EACnCe,EAAeZ,EAAIH,EAAM,KAAK,OAAO,EACrCgB,EAAcb,EAAIH,EAAM,KAAK,MAAM,gYClDnCiB,EAAQ,oBACRC,GAAU,SAAS,cAAcD,CAAK,EACxCC,KAAY,MACFC,EAAc,CACxB,MAAO,CACL,MAAO,CACL,YAAa,IACrB,CACK,EACD,WAAY,CAAEC,iBAAAA,EAAkB,EAChC,SAAU,CACR,KAAK,YAAc,KAAK,MACtB,SAAS,cAAc,mBAAmB,EAAE,WAAW,eAAe,EACnE,SACX,CACK,CACL,CAAG,EACc,IAAIC,CAAK,EAAE,MAAMJ,CAAK"}