{"version":3,"file":"D4c2PIqf.js","sources":["../../../../src/components/Icons/NewTabIcon.vue","../../../../src/components/Campaign/LeaderBoardSIdebar.vue","../../../../src/utils/leaderboard.ts","../../../../src/components/Campaign/Leaderboard.vue","../../../../src/utils/date.js"],"sourcesContent":["<template>\n  <svg\n    width=\"16\"\n    height=\"16\"\n    viewBox=\"0 0 16 16\"\n    fill=\"none\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n    <path\n      d=\"M12.6667 12.6667H3.33333V3.33333H8V2H3.33333C2.59333 2 2 2.6 2 3.33333V12.6667C2 13.4 2.59333 14 3.33333 14H12.6667C13.4 14 14 13.4 14 12.6667V8H12.6667V12.6667ZM9.33333 2V3.33333H11.7267L5.17333 9.88667L6.11333 10.8267L12.6667 4.27333V6.66667H14V2H9.33333Z\"\n      fill=\"#6659FF\"\n    />\n  </svg>\n</template>\n","<script setup lang=\"ts\">\nimport type { LeaderboardEntryDto } from \"~~/_api_generated_\";\nimport { truncateString } from \"~/utils/stringHelpers\";\n\ninterface Props {\n  members: Array<LeaderboardEntryDto>;\n  campaignName: string;\n  layout?: string;\n}\nconst { members, campaignName, layout = \"default\" } = defineProps<Props>();\n\nfunction getRowClassForMember(member: LeaderboardEntryDto, index: number) {\n  let rowClass = \"\";\n\n  if (member?.isLoggedUser) {\n    rowClass = \"bg-black text-white\";\n  } else if (index == 0) {\n    rowClass = \"bg-purple-light\";\n\n    if (layout === \"paycheck\") {\n      rowClass = \"bg-white text-black\";\n    }\n  } else if (index == 1) {\n    rowClass = \"bg-grey-light\";\n\n    if (layout === \"paycheck\") {\n      rowClass = \"bg-black/20 text-black\";\n    }\n  }\n\n  return rowClass;\n}\n</script>\n\n<template>\n  <div>\n    <div class=\"text-lg mb-6 pr-10 lg:pr-0\">\n      {{ members.length }} eligible creators\n    </div>\n\n    <div class=\"text-gray-400 my-6\">\n      Posts may have been created organically or by participating in\n      {{ campaignName }}\n    </div>\n\n    <div class=\"flex flex-col gap-1\">\n      <div\n        v-for=\"(member, memberIndex) in members\"\n        :key=\"memberIndex\"\n        class=\"flex items-center justify-between p-1.5 px-3 rounded-lg gap-2\"\n        :class=\"getRowClassForMember(member, memberIndex)\"\n      >\n        <div class=\"flex items-center gap-2\">\n          <span class=\"w-4 text-right\">{{ member.rank }}</span>\n          <img\n            :src=\"member.userProfilePictureUrl\"\n            class=\"w-6 aspect-square rounded-full\"\n            alt=\"\"\n          />\n          <div class=\"\">\n            @{{ truncateString(member.userTwitterHandle, 20) }}\n          </div>\n        </div>\n        <div class=\"flex items-center gap-2 shrink-0\">\n          <div v-if=\"memberIndex == 0\" class=\"text-black/50 hidden lg:block\">\n            Impact Share\n          </div>\n          <div>\n            {{\n              parseFloat(String(member.relativeImpactPercent) ?? \"0\").toFixed(\n                2,\n              )\n            }}%\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n","import type { LeaderboardEntryDto } from \"~~/_api_generated_\";\n\nexport function addMemberStyles(\n  members: LeaderboardEntryDto[] = [],\n  layout = \"default\",\n) {\n  return members.map((member: LeaderboardEntryDto, index) => {\n    let rowClass = \"\";\n\n    if (member?.isLoggedUser) {\n      rowClass = \"bg-black text-white\";\n    } else if (index == 0) {\n      rowClass = \"bg-purple-light\";\n\n      if (layout == \"paycheck\") {\n        rowClass = \"bg-white text-black\";\n      }\n    } else if (index == 1) {\n      rowClass = \"bg-grey-light\";\n\n      if (layout == \"paycheck\") {\n        rowClass = \"bg-black/20 text-black\";\n      }\n    }\n\n    return {\n      ...member,\n      rowClass,\n    };\n  });\n}\n","<script setup lang=\"ts\">\nimport type { LeaderboardEntryDto } from \"~~/_api_generated_\";\nimport LeaderBoardSIdebar from \"~/components/Campaign/LeaderBoardSIdebar.vue\";\n\ninterface Props {\n  members: Array<LeaderboardEntryDto>;\n  campaignName: string;\n  creatorNumber?: number;\n  showTitle?: boolean;\n  showFooter?: boolean;\n  layout?: string;\n  showShares?: boolean;\n}\n\nconst props = withDefaults(defineProps<Props>(), {\n  layout: \"default\",\n  creatorNumber: 10,\n  showShares: true,\n  showTitle: true,\n  showFooter: true,\n});\n\nconst creatorNumber = computed(() => {\n  return props.creatorNumber;\n});\n\nconst leaderboardSidebarVisible = ref(false);\n\nconst getTopMembersWithYou = computed(() => {\n  // Get the first 5 members\n\n  let topMembers = removeReactivity(props.members).slice(\n    0,\n    creatorNumber.value,\n  );\n\n  // Find the index of \"you\" in the original array\n  const currentLoggedUserIndex = props.members.findIndex(\n    (member) => member?.isLoggedUser,\n  );\n\n  if (currentLoggedUserIndex >= creatorNumber.value) {\n    const restNum = creatorNumber.value - 1;\n    topMembers = topMembers = removeReactivity(props.members).slice(0, restNum);\n\n    const currentLoggedUserMember = removeReactivity(\n      props.members[currentLoggedUserIndex],\n    );\n\n    // Append \"you\" as the 6th member with the correct place number\n    topMembers.push({\n      ...currentLoggedUserMember,\n      rank: currentLoggedUserIndex + 1, // The place number is your original position + 1\n    });\n  }\n\n  return addMemberStyles(topMembers);\n});\n\nconst hiddenMembersCount = computed(() => {\n  const rest = props.members.length - creatorNumber.value;\n\n  if (rest <= 0) return 0;\n\n  return rest;\n});\n</script>\n\n<template>\n  <div\n    v-if=\"!members.length\"\n    class=\"flex items-center justify-center h-full\"\n  ></div>\n  <div v-else>\n    <Sidebar\n      v-if=\"leaderboardSidebarVisible\"\n      @close=\"leaderboardSidebarVisible = false\"\n    >\n      <LeaderBoardSIdebar :members=\"members\" :campaign-name=\"campaignName\" />\n    </Sidebar>\n\n    <div v-if=\"showTitle\" class=\"text-lg mb-6\">\n      {{ members.length }} Creators\n    </div>\n\n    <div class=\"flex flex-col gap-1 font-semibold\">\n      <div\n        v-for=\"(member, memberIndex) in getTopMembersWithYou\"\n        :key=\"memberIndex\"\n        class=\"flex items-center justify-between p-1.5 px-3 rounded-lg\"\n        :class=\"member.rowClass\"\n      >\n        <div class=\"flex items-center gap-4\">\n          <span class=\"w-4 text-right\">{{ member.rank }}</span>\n          <img\n            :src=\"member.userProfilePictureUrl\"\n            class=\"w-6 aspect-square rounded-full\"\n            alt=\"\"\n          />\n          <div class=\"max-w-28 truncate lg:max-w-none\">\n            <p v-if=\"member.isLoggedUser\">You</p>\n            <p v-else>@{{ member.userTwitterHandle }}</p>\n          </div>\n        </div>\n        <div v-if=\"showShares\" class=\"flex items-center gap-2\">\n          <div v-if=\"memberIndex == 0\" class=\"text-black/50 hidden lg:block\">\n            Impact Share\n          </div>\n          <div>\n            {{\n              parseFloat(String(member.relativeImpactPercent) ?? \"0\").toFixed(\n                2,\n              )\n            }}%\n          </div>\n        </div>\n      </div>\n\n      <div\n        v-if=\"showFooter\"\n        class=\"flex items-center gap-4 justify-between p-1 px-3 rounded-2xl\"\n      >\n        <div v-if=\"hiddenMembersCount\" class=\"flex items-center gap-4\">\n          <span class=\"w-4 text-right\">+{{ hiddenMembersCount }}</span>\n          <div class=\"w-6 h-auto\"></div>\n          <div class=\"text-black/50\">Others</div>\n        </div>\n        <div v-else></div>\n        <div class=\"flex\">\n          <button\n            class=\"text-purple cursor-pointer\"\n            @click=\"leaderboardSidebarVisible = true\"\n          >\n            See Leaderboard\n          </button>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n","export function calculateDurationWithSeconds(startDateStr, endDateStr) {\n  // Parse the dates from the provided strings\n  const startDate = new Date(startDateStr);\n  const endDate = new Date(endDateStr);\n\n  // Calculate the difference in milliseconds\n  const differenceInMilliseconds = endDate - startDate;\n\n  // Convert milliseconds to hours, minutes, and seconds\n  const hours = Math.floor(differenceInMilliseconds / (1000 * 60 * 60));\n  const minutes = Math.floor((differenceInMilliseconds / (1000 * 60)) % 60);\n  const seconds = Math.floor((differenceInMilliseconds / 1000) % 60);\n\n  // Calculate the remaining milliseconds after converting to hours, minutes, and seconds\n  const milliseconds = differenceInMilliseconds % 1000; // remainder of milliseconds\n\n  // Format the duration string\n  return [\n    `${hours} hours`,\n    `${minutes} minutes`,\n    `${seconds} seconds`,\n    `${milliseconds} milliseconds`,\n  ].join(\"<br/>\");\n}\n\nexport function getCampaignDateStatus(startDateStr, endDateStr) {\n  // Parse the dates from the provided strings\n  const startDate = new Date(startDateStr);\n  const endDate = new Date(endDateStr);\n\n  // Get the current date\n  const now = new Date();\n\n  const isUrgent = () => {\n    const timeRemaining = endDate - now;\n    const twoDaysInMilliseconds = 2 * 24 * 60 * 60 * 1000;\n    return timeRemaining <= twoDaysInMilliseconds && timeRemaining > 0;\n  };\n\n  const showStartsIn = () => {\n    return startDate > now;\n  };\n\n  const startsIn = () => {\n    const timeDiff = startDate - now;\n    const days = Math.floor(timeDiff / (1000 * 60 * 60 * 24));\n    const hours = Math.floor(\n      (timeDiff % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60),\n    );\n\n    if (days > 0) {\n      return `${days} day${days > 1 ? \"s\" : \"\"}`;\n    } else if (hours > 0) {\n      return `${hours} hour${hours > 1 ? \"s\" : \"\"}`;\n    } else {\n      return \"less than an hour\";\n    }\n  };\n\n  const endsIn = () => {\n    const timeDiff = endDate - now;\n    const days = Math.floor(timeDiff / (1000 * 60 * 60 * 24));\n    const hours = Math.floor(\n      (timeDiff % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60),\n    );\n\n    if (days > 0) {\n      return `${days} day${days > 1 ? \"s\" : \"\"}`;\n    } else if (hours > 0) {\n      return `${hours} hour${hours > 1 ? \"s\" : \"\"}`;\n    } else {\n      return \"less than an hour\";\n    }\n  };\n\n  const startsOnNiceDate = () => {\n    return formatNiceDate(startDate);\n  };\n\n  const endsOnNiceDate = () => {\n    return formatNiceDate(endDate);\n  };\n\n  return {\n    isUrgent: isUrgent(),\n    showStartsIn: showStartsIn(),\n    startsIn: startsIn(),\n    endsIn: endsIn(),\n    startsOnNiceDate: startsOnNiceDate(),\n    endsOnNiceDate: endsOnNiceDate(),\n  };\n}\n"],"names":["_hoisted_1","_sfc_render","_ctx","_cache","_openBlock","_createElementBlock","_createElementVNode","getRowClassForMember","member","index","rowClass","__props","addMemberStyles","members","layout","props","creatorNumber","computed","leaderboardSidebarVisible","ref","getTopMembersWithYou","topMembers","removeReactivity","currentLoggedUserIndex","restNum","currentLoggedUserMember","hiddenMembersCount","rest","getCampaignDateStatus","startDateStr","endDateStr","startDate","endDate","now","isUrgent","timeRemaining","twoDaysInMilliseconds","showStartsIn","startsIn","timeDiff","days","hours","endsIn","startsOnNiceDate","formatNiceDate","endsOnNiceDate"],"mappings":"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"}