{"version":3,"file":"CvffiWTW.js","sources":["../../../../src/components/Icons/ChatIcon.vue","../../../../src/components/Icons/HeartIcon.vue","../../../../src/components/Icons/EyeIcon.vue","../../../../src/components/ClaimButton.vue","../../../../src/components/TweetState.vue","../../../../src/components/TweetDetailReward.vue","../../../../src/utils/tweetHelpers.js","../../../../src/components/Sidebars/TweetDetailSidebar.vue"],"sourcesContent":["<template>\n    <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" xmlns=\"http://www.w3.org/2000/svg\">\n        <path d=\"M13.3335 1.33325H2.66683C1.9335 1.33325 1.3335 1.93325 1.3335 2.66659V14.6666L4.00016 11.9999H13.3335C14.0668 11.9999 14.6668 11.3999 14.6668 10.6666V2.66659C14.6668 1.93325 14.0668 1.33325 13.3335 1.33325Z\" />\n    </svg>\n</template>","<template>\n    <svg width=\"13\" height=\"12\" viewBox=\"0 0 13 12\" xmlns=\"http://www.w3.org/2000/svg\">\n        <path d=\"M6.5 11.9275L5.5575 11.0695C2.21 8.034 0 6.032 0 3.575C0 1.573 1.573 0 3.575 0C4.706 0 5.7915 0.5265 6.5 1.3585C7.2085 0.5265 8.294 0 9.425 0C11.427 0 13 1.573 13 3.575C13 6.032 10.79 8.034 7.4425 11.076L6.5 11.9275Z\" />\n    </svg>\n</template>\n","<template>\n    <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" xmlns=\"http://www.w3.org/2000/svg\">\n        <path d=\"M8.00033 3C4.66699 3 1.82033 5.07333 0.666992 8C1.82033 10.9267 4.66699 13 8.00033 13C11.3337 13 14.1803 10.9267 15.3337 8C14.1803 5.07333 11.3337 3 8.00033 3ZM8.00033 11.3333C6.16033 11.3333 4.66699 9.84 4.66699 8C4.66699 6.16 6.16033 4.66667 8.00033 4.66667C9.84033 4.66667 11.3337 6.16 11.3337 8C11.3337 9.84 9.84033 11.3333 8.00033 11.3333ZM8.00033 6C6.89366 6 6.00033 6.89333 6.00033 8C6.00033 9.10667 6.89366 10 8.00033 10C9.10699 10 10.0003 9.10667 10.0003 8C10.0003 6.89333 9.10699 6 8.00033 6Z\" />\n    </svg>\n</template>\n","<script setup lang=\"ts\">\nconst props = defineProps({\n  post: Object,\n  tweet: Object,\n});\n\nconst emit = defineEmits([\"claimTweet\"]);\n\nconst claiming = ref(false);\n\nconst claimButtonLabel = computed(() => {\n  if (realItem.value?.state == \"eligible-bonus\") {\n    let label = \"Claim\";\n    if (realItem.value?.reward?.amount) {\n      label +=\n        \" \" +\n        realItem.value?.reward?.amount +\n        \" \" +\n        realItem.value?.reward?.currency;\n    }\n\n    return label;\n  }\n  return \"Claim\";\n});\n\nconst realItem = computed(() => {\n  return props.post?.id\n    ? {\n        id: props?.post?.id,\n        state: props?.post?.state,\n        reward: props?.post?.reward,\n      }\n    : {\n        id: props?.tweet?.id,\n        state: props?.tweet?.rating?.state,\n        reward: props?.tweet?.rating?.reward,\n      };\n});\n\nfunction claimTweet() {\n  claiming.value = true;\n  apiService\n    .claimTweet(realItem.value.id)\n    .then(() => {\n      emit(\"claimTweet\", realItem.value);\n      globalEmit(\"tweetClaimed\", realItem.value);\n      successMessage(\"Tweet claimed!\");\n    })\n    .catch((e) => {\n      showError(e);\n    })\n    .finally(() => {\n      claiming.value = false;\n    });\n}\n\nconst claimButtonVisible = computed(() => {\n  return [\"eligible\", \"eligible-bonus\"].includes(realItem.value?.state);\n});\n</script>\n\n<template>\n  <button\n    v-if=\"claimButtonVisible\"\n    :disabled=\"claiming\"\n    @click.stop=\"claimTweet\"\n  >\n    <LoadingIcon v-if=\"claiming\" class=\"icon\" />\n    {{ claimButtonLabel }}\n  </button>\n</template>\n","<script setup lang=\"ts\">\nconst props = defineProps({\n  state: {\n    type: String,\n    required: true,\n  },\n});\n\nconst currentState = computed(() => {\n  const state = props.state;\n\n  if (state === \"eligible\") {\n    return {\n      label: \"Eligible\",\n      colors: \"bg-black text-white border-transparent\",\n      tooltip:\n        \"This post is eligible for a reward. but it needs to be claimed before the campaign ends.<br/><br/>5 of your best eligible posts will be rewardedat the end of the campaign every week.\",\n    };\n  }\n\n  if (state === \"eligible-bonus\") {\n    return {\n      label: \"Eligible\",\n      colors: \"bg-black text-white border-transparent\",\n      tooltip:\n        \"This post is eligible for a reward.<br/>It needs to be claimed before it expires.\",\n    };\n  }\n\n  if (state === \"claimed\") {\n    return {\n      label: \"Eligible\",\n      colors: \"bg-black text-white border-transparent\",\n      tooltip:\n        \"This post is eligible for a reward.<br/><br/>5 of your best eligible posts will be rewarded at the end of the campaign every week.\",\n    };\n  }\n\n  if (state === \"not-eligible\") {\n    return {\n      label: \"Not Eligible\",\n      colors: \"bg-gray-300 text-black border-transparent\",\n      tooltip:\n        \"This post is not eligible for a reward, due to a low post relevance.\",\n    };\n  }\n\n  if (state === \"rewarded\") {\n    return {\n      label: \"Rewarded\",\n      colors: \"bg-white text-black border-gray-200\",\n      tooltip:\n        \"This post had been rewarded as one of your top 2 performing posts.\",\n    };\n  }\n\n  if (state === \"not-rewarded\") {\n    return {\n      label: \"Not Rewarded\",\n      colors: \"bg-gray-200 text-black border-transparent\",\n      tooltip:\n        \"Although this post passed the campaign criteria, it was not your top 2 performing post within that week, so it was not rewarded.\",\n    };\n  }\n\n  if (state === \"paid\") {\n    return {\n      label: \"Paid\",\n      colors: \"bg-white text-black border-gray-200\",\n      tooltip:\n        \"This post had been rewarded as one of your top 2 performing posts.\",\n    };\n  }\n\n  if (state === \"paid-bonus\") {\n    return {\n      label: \"Paid\",\n      colors: \"bg-white text-black border-gray-200\",\n      tooltip: \"This post had been rewarded.\",\n    };\n  }\n\n  if (state === \"expired\") {\n    return {\n      label: \"Expired\",\n      colors: \"bg-gray-200 text-black border-transparent\",\n      tooltip:\n        \"The campaign has already ended without any claims on this post. Therefore it has not been included in the evaluation period.\",\n    };\n  }\n\n  if (state === \"expired-bonus\") {\n    return {\n      label: \"Expired\",\n      colors: \"bg-gray-200 text-black border-transparent\",\n      tooltip: \"This post has not been claimed in time.\",\n    };\n  }\n\n  if (state === \"evaluating\") {\n    return {\n      label: \"Evaluating\",\n      colors: \"bg-gray-200 text-black border-transparent\",\n      tooltip:\n        \"Post is currently being evaluated for eligibility. It can take up to 24 hours.\",\n    };\n  }\n\n  return {\n    label: state,\n    colors: \"bg-gray-200 text-black border-transparent\",\n  };\n});\n</script>\n\n<template>\n  <button\n    class=\"flex-shrink-0 transition-all duration-150 ease-out hover:bg-purple-light hover:border-purple-light hover:text-black rounded-2xl px-2 leading-5 inline-flex items-center gap-2\"\n    style=\"border-width: 1px\"\n    :class=\"currentState.colors\"\n  >\n    <IconsEvangelistIcon v-if=\"state == 'evaluating'\" class=\"rotating-object\" />\n    {{ currentState.label }}\n    <tippy v-if=\"currentState?.tooltip\" to=\"parent\" placement=\"top-start\">\n      <div class=\"\" v-html=\"currentState.tooltip\"></div>\n    </tippy>\n  </button>\n</template>\n","<script setup lang=\"ts\">\nimport InfoStat from \"~/components/InfoStat.vue\";\nimport type { SuggestedCampaignDto, PostDetailDto } from \"~~/_api_generated_\";\nimport { transformToPercentage } from \"~/utils/common\";\n\ninterface Props {\n  tweet: PostDetailDto;\n  campaign: SuggestedCampaignDto;\n  hideRelevance?: boolean;\n}\n\nconst props = defineProps<Props>();\n\nconst tweet = computed(() => {\n  return props.tweet;\n});\n\nconst state = computed(() => {\n  return tweet.value?.rating?.state;\n});\n\nconst selectedCurrency = ref(props.campaign.budgetCurrency);\n\nconst campaignCurrencies = computed(() => {\n  return prepareCurrencies(tweet.value?.rating?.reward);\n});\n\nconst selectedCurrencyAmount = computed(() => {\n  return campaignCurrencies.value[selectedCurrency.value];\n});\n\nconst rewardVisible = computed(() => {\n  if (\n    [\n      \"evaluating\",\n      \"not-eligible\",\n      \"not-rewarded\",\n      \"expired\",\n      \"expired-bonus\",\n    ].includes(state.value)\n  ) {\n    return false;\n  }\n\n  return true;\n});\n\nconst computedRewardCaption = computed(() => {\n  if (\n    [\"rewarded\", \"paid\", \"eligible-bonus\", \"paid-bonus\"].includes(state.value)\n  ) {\n    return \"Final Reward\";\n  }\n  return \"Estimated Reward\";\n});\n\nconst computedRewardValue = computed(() => {\n  if (\n    [\"rewarded\", \"paid\", \"eligible-bonus\", \"paid-bonus\"].includes(state.value)\n  ) {\n    return selectedCurrencyAmount.value;\n  }\n  return \"~\" + selectedCurrencyAmount.value;\n});\n</script>\n\n<template>\n  <div class=\"flex items-center justify-between my-8\">\n    <TweetState\n      class=\"py-1.5 px-3 rounded-3xl\"\n      :state=\"tweet.rating?.state\"\n      :rating=\"tweet?.rating?.ratingScore\"\n    />\n    <div v-if=\"rewardVisible\" class=\"select-gray-wrapper\">\n      <select v-model=\"selectedCurrency\" class=\"select-gray\">\n        <option\n          v-for=\"currency in Object.keys(campaignCurrencies)\"\n          :key=\"currency\"\n          :value=\"currency\"\n        >\n          {{ currency }}\n        </option>\n      </select>\n    </div>\n  </div>\n\n  <div\n    v-if=\"rewardVisible\"\n    class=\"flex gap-4 items-center justify-between mb-10\"\n  >\n    <div v-if=\"!hideRelevance && !campaign.apyBonus\" class=\"flex-auto\">\n      <InfoStat\n        :value=\"transformToPercentage(tweet?.rating?.ratingScore ?? 0)\"\n        :dark-questionmarks=\"true\"\n        label=\"Post Relevance\"\n        tooltip=\"Post Relevance is calculated based on alignemnt of the post with this campaign.\"\n      />\n    </div>\n\n    <div v-if=\"campaign.apyBonus\" class=\"flex-auto\">\n      <InfoStat\n        :value=\"campaign.apyBonus\"\n        :suffix=\"'APY'\"\n        :dark-questionmarks=\"true\"\n        label=\"Yield Boost Bonus\"\n        :is-apy-bonus=\"true\"\n        tooltip=\"Yield Boost Bonus will be calculated from all verified wallets with the amount staked 1 month before campaign started.\"\n      />\n    </div>\n    <div v-if=\"!campaign.apyBonus\" class=\"flex-auto\">\n      <InfoStat\n        v-if=\"selectedCurrency == 'USD'\"\n        :dark-questionmarks=\"true\"\n        :value=\"selectedCurrencyAmount\"\n        :suffix=\"selectedCurrency\"\n        :label=\"computedRewardCaption\"\n        tooltip=\"Rewards are calculated based on the post relevance, performance and engagement of creators within this campaign.\"\n      />\n      <InfoStat\n        v-else\n        :value=\"computedRewardValue\"\n        :dark-questionmarks=\"true\"\n        :suffix=\"selectedCurrency\"\n        :label=\"computedRewardCaption\"\n        tooltip=\"Rewards are calculated based on the post relevance, performance and engagement of creators within this campaign.\"\n      />\n    </div>\n  </div>\n</template>\n","export function formatTweetText(text) {\n    // Replace newlines with <br>\n    const formattedText = text.replace(/\\n/g, '<br>');\n\n    // Regular expressions to match mentions, hashtags, cashtags, and URLs\n    const mentionRegex = /(@\\w+)/g;       // Matches @mentions\n    const hashtagRegex = /#(\\w+)/g;       // Matches #hashtags, capturing the word without the #\n    const cashtagRegex = /\\$(\\w+)/g;      // Matches $cashtags, capturing the word without the $\n    const urlRegex = /(https?:\\/\\/[^\\s]+)/g; // Matches http and https URLs\n\n    // Replace URLs with <a> tags linking to the actual URLs\n    const withUrls = formattedText.replace(\n        urlRegex,\n        '<a href=\"$1\" class=\"text-purple hover:underline\" target=\"_blank\" rel=\"noopener noreferrer\">$1</a>'\n    );\n\n    // Replace mentions with <a> tags linking to Twitter profiles\n    const withMentions = withUrls.replace(\n        mentionRegex,\n        '<a href=\"https://twitter.com/$1\" class=\"text-purple hover:underline\" target=\"_blank\" rel=\"noopener noreferrer\">$1</a>'\n    );\n\n    // Replace hashtags with <a> tags linking to Twitter hashtag searches, encoding #\n    const withHashtags = withMentions.replace(\n        hashtagRegex,\n        '<a href=\"https://twitter.com/search?q=%23$1\" class=\"text-purple hover:underline\" target=\"_blank\" rel=\"noopener noreferrer\">#$1</a>'\n    );\n\n    // Replace cashtags with <a> tags linking to Twitter cashtag searches, encoding $\n    const withCashtags = withHashtags.replace(\n        cashtagRegex,\n        '<a href=\"https://twitter.com/search?q=%24$1\" class=\"text-purple hover:underline\" target=\"_blank\" rel=\"noopener noreferrer\">&dollar;$1</a>'\n    );\n\n    return withCashtags;\n}\n","<script setup lang=\"ts\">\nimport HeartIcon from \"~/components/Icons/HeartIcon.vue\";\nimport EyeIcon from \"~/components/Icons/EyeIcon.vue\";\nimport ClaimButton from \"~/components/ClaimButton.vue\";\nimport TweetDetailReward from \"~/components/TweetDetailReward.vue\";\nimport type { PostDetailDto } from \"~~/_api_generated_\";\nimport { formatNiceDate } from \"~/utils/dateTime\";\n\ninterface Props {\n  tweetId: string;\n}\nconst props = defineProps<Props>();\nconst emits = defineEmits([\"close\"]);\n\nconst tweetId = computed(() => {\n  return props.tweetId;\n});\n\nconst route = useRoute();\n\nconst routeCampaignId = computed(() => {\n  return route.params.id as string;\n});\n\nconst campaignId = computed(() => {\n  if (routeCampaignId.value) {\n    return routeCampaignId.value as string;\n  }\n\n  if (tweet.value) {\n    return tweet.value.campaigns[0].id;\n  }\n\n  return \"\";\n});\n\nconst tweet = ref<PostDetailDto>();\nconst loading = ref(true);\n\nfunction getTweet() {\n  loading.value = true;\n\n  apiService\n    .getTweet(tweetId.value, routeCampaignId.value)\n    .then((response) => {\n      tweet.value = response.data;\n    })\n    .catch((e) => {\n      errorMessage(e);\n    })\n    .finally(() => {\n      loading.value = false;\n    });\n}\n\nconst campaign = computed(() => {\n  return tweet.value?.campaigns.find((c) => c.id === campaignId.value);\n});\n\nconst state = computed(() => {\n  return tweet.value?.state;\n});\n\nconst tweetContent = computed(() => {\n  return formatTweetText(tweet.value?.content ?? \"\");\n});\n\nconst campaigns = computed(() => {\n  return tweet.value?.campaigns ?? [];\n});\n\ngetTweet();\n\nconst tweetLinkCopied = ref(false);\n\nfunction copyTweetLink() {\n  const tweetId = tweet.value?.id;\n  const url = `https://twitter.com/i/web/status/${tweetId}`;\n\n  navigator.clipboard.writeText(url).then(() => {\n    tweetLinkCopied.value = true;\n    setTimeout(() => {\n      tweetLinkCopied.value = false;\n    }, 2000);\n  });\n}\n\nfunction isHighestRewardedCampaign(index: number) {\n  if (tweet.value === undefined) {\n    return false;\n  }\n\n  if (tweet.value.campaigns.length <= 1) {\n    return false;\n  }\n\n  if (tweet.value.state === \"not-rewarded\") {\n    return false;\n  }\n\n  return index === 0;\n}\n\nfunction close() {\n  emits(\"close\");\n}\n</script>\n\n<template>\n  <div v-if=\"tweet\" class=\"font-semibold text-sm\">\n    <div class=\"flex items-center gap-2 mb-8\">\n      <span class=\"text-black/50\">Posted by</span>\n      <img\n        :src=\"tweet?.authorProfilePicUrl\"\n        class=\"w-6 h-auto rounded-full\"\n        alt=\"\"\n      />\n      <a href=\"#\">@{{ tweet?.authorTwitterHandle }}</a>\n    </div>\n\n    <p class=\"mb-4 text-lg\" v-html=\"tweetContent\"></p>\n\n    <div\n      v-if=\"tweet?.previewImageUrls?.length\"\n      class=\"flex flex-wrap gap-2 my-6\"\n    >\n      <img\n        v-for=\"image in (tweet?.previewImageUrls ?? []).slice(0, 4)\"\n        :key=\"image\"\n        :src=\"image\"\n        class=\"rounded-2xl w-24 lg:w-32 aspect-square object-cover\"\n        alt=\"\"\n      />\n    </div>\n    <div\n      class=\"flex flex-wrap gap-4 justify-between items-center mb-8 text-black/50 fill-black/50\"\n    >\n      <button class=\"hover:underline\" @click=\"copyTweetLink\">\n        <TimeAgo v-if=\"tweet && tweet.datePosted\" :date=\"tweet?.datePosted\" />\n        via {{ tweet?.origin == \"x\" ? \"X.com\" : \"Evangelist\" }}\n        <tippy to=\"parent\" :hide-on-click=\"false\">\n          {{\n            tweetLinkCopied\n              ? \"Post link copied!\"\n              : \"Copy post link to clipboard\"\n          }}\n        </tippy>\n      </button>\n      <div class=\"flex items-center gap-4\">\n        <span class=\"flex items-center gap-2\">\n          <EyeIcon />\n          <span>{{ tweet?.numImpressions }}</span>\n        </span>\n        <span class=\"flex items-center gap-2\">\n          <IconsChatIcon />\n          <span>{{ tweet?.numReplies }}</span>\n        </span>\n        <span class=\"flex items-center gap-2\">\n          <HeartIcon />\n          <span>{{ tweet?.numLikes }}</span>\n        </span>\n      </div>\n    </div>\n\n    <!-- Tweet threads -->\n    <!--        <div class=\"border-y border-black/10 mb-8 py-6 \">-->\n    <!--            <button class=\"flex items-center justify-between w-full text-purple\">-->\n    <!--                <span class=\"flex items-center gap-2\"><ForumIcon/>post is a part of a Thread (1/8)</span>-->\n    <!--                <ChevBotIcon/>-->\n    <!--            </button>-->\n    <!--        </div>-->\n\n    <div class=\"border-t borfer-black/10 my-8\"></div>\n    <TweetDetailReward\n      v-if=\"!loading\"\n      :tweet=\"tweet\"\n      :hide-relevance=\"state === 'eligible-bonus'\"\n      :campaign=\"campaigns[0]\"\n    />\n\n    <div class=\"my-8 format-text\">\n      <div v-if=\"state == 'evaluating'\">\n        <p>\n          Evangelist algorithm is evaluating this post for its qualities, and\n          its relevance score is being calculated. If the post reaches a\n          relevance threshold, it will become eligible for a reward.\n        </p>\n        <p>\n          It can take up to 24 hours. In a meanwhile you can snoop around to see\n          more campaigns you might be interested in.\n        </p>\n\n        <div class=\"mt-8\">\n          <NuxtLink\n            to=\"/campaigns\"\n            class=\"btn bg-purple-light hover:bg-black hover:text-white\"\n            >Visit All Campaigns</NuxtLink\n          >\n        </div>\n      </div>\n      <div v-else-if=\"state == 'eligible-bonus'\">\n        <p>\n          This post has passed the campaign criteria and is eligible for the\n          reward. It will appear in your balance right away, once you claim it.\n        </p>\n        <p>\n          Claim your reward before it expires in\n          <ExpiresIn v-if=\"campaign\" :date=\"campaign?.dateEnd\" />.\n        </p>\n        <div class=\"mt-8\">\n          <ClaimButton\n            class=\"btn bg-purple-light hover:bg-black hover:text-white mb-2 lg:mb-10\"\n            :tweet=\"tweet\"\n            @claimTweet=\"getTweet\"\n          />\n        </div>\n      </div>\n      <div v-else-if=\"state == 'eligible'\">\n        <p v-if=\"campaign && campaign.apyBonus\">\n          This post has passed the criteria of the campaign so now you are\n          eligible for +1% APY boost on your verified wallet. Visit campaign\n          details to learn more.\n        </p>\n        <p v-if=\"campaign && !campaign.apyBonus\">\n          This post has passed the campaign criteria and is eligible for the\n          reward. The final reward will be calculated based off your top 2\n          posts, and sent to you at the end of the campaign evaluation on\n          {{ formatNiceDate(campaign?.dateMaturity) }}.\n        </p>\n        <p v-if=\"campaign && !campaign.apyBonus\">\n          Claim your reward before it expires in\n          <ExpiresIn :date=\"campaign?.dateEnd\" />.\n        </p>\n        <div v-if=\"campaign && !campaign.apyBonus\" class=\"mt-8\">\n          <ClaimButton\n            class=\"btn bg-purple-light hover:bg-black hover:text-white mb-2 lg:mb-10\"\n            :tweet=\"tweet\"\n            @claimTweet=\"getTweet\"\n          />\n        </div>\n      </div>\n      <div v-else-if=\"state == 'not-eligible'\">\n        <p>\n          This post did not pass the criteria of any ongoing campaigns so it is\n          not eligible for a reward. Good starting point could be to visit\n          <NuxtLink class=\"text-purple hover:underline\" to=\"/campaigns\"\n            >All Campaigns</NuxtLink\n          >, pick one and follow the advertiser pointers there.\n        </p>\n        <div class=\"mt-8\">\n          <NuxtLink\n            to=\"/campaigns\"\n            class=\"btn bg-purple-light hover:bg-black hover:text-white\"\n            >Visit All Campaigns</NuxtLink\n          >\n        </div>\n      </div>\n      <div v-else-if=\"state == 'claimed'\">\n        <p v-if=\"campaign\">\n          This post has passed the campaign criteria and is eligible for the\n          reward. The final reward will be calculated based off your top 2\n          posts, and sent to you at the end of the campaign evaluation on\n          {{ formatNiceDate(campaign?.dateMaturity) }}.\n        </p>\n      </div>\n      <div v-else-if=\"state == 'rewarded'\">\n        <p>\n          This post has passed the campaign criteria and was eligible for the\n          reward as one of your top 2 posts. The final reward is available for\n          you to move to Evangelist.\n        </p>\n      </div>\n      <div v-else-if=\"state == 'paid'\">\n        <p>\n          This post has passed the campaign criteria and was eligible for the\n          reward as one of your top 2 posts and it was already claimed.\n        </p>\n      </div>\n      <div v-else-if=\"state == 'paid-bonus'\">\n        <p>\n          This post has passed the campaign criteria and it was already claimed.\n        </p>\n      </div>\n      <div v-else-if=\"state == 'not-rewarded'\">\n        <p>\n          Although this post passed the campaign criteria, it was not your top 2\n          performing post within that week, so it was not rewarded.\n        </p>\n        <div class=\"mt-8\">\n          <NuxtLink\n            to=\"/campaigns\"\n            class=\"btn bg-purple-light hover:bg-black hover:text-white\"\n            >Visit All Campaigns</NuxtLink\n          >\n        </div>\n      </div>\n      <div v-else-if=\"state == 'expired'\">\n        <p>\n          The campaign has already ended without any claims on this post.\n          Therefore it has not been included in the evaluation period.\n        </p>\n        <div class=\"mt-8\">\n          <NuxtLink\n            to=\"/campaigns\"\n            class=\"btn bg-purple-light hover:bg-black hover:text-white\"\n            >Visit All Campaigns</NuxtLink\n          >\n        </div>\n      </div>\n      <div v-else-if=\"state == 'expired-bonus'\">\n        <p>This post has not been claimed in time.</p>\n        <div class=\"mt-8\">\n          <NuxtLink\n            to=\"/campaigns\"\n            class=\"btn bg-purple-light hover:bg-black hover:text-white\"\n            >Visit All Campaigns</NuxtLink\n          >\n        </div>\n      </div>\n    </div>\n  </div>\n\n  <div v-if=\"tweet && campaigns.length\" class=\"border-t border-black/10 py-10\">\n    <div class=\"text-black/50 mb-8\">\n      Eligible {{ campaigns.length === 1 ? \"Campaign\" : \"Campaigns\" }}\n      <span v-if=\"campaigns.length > 1\"> ({{ campaigns.length }}) </span>\n    </div>\n    <div v-for=\"(c, i) in campaigns\" :key=\"c.id\">\n      <div\n        v-if=\"c.id === routeCampaignId\"\n        class=\"block border border-black/10 bg-gradient-to-b from-white to-grey-light/20 hover:bg-gradient-to-b hover:from-white hover:to-white hover:shadow-blur rounded-2xl mb-3 p-6 pt-5 font-semibold cursor-pointer\"\n        @click=\"close\"\n      >\n        <div class=\"text-lg mb-4 line-clamp-1\">{{ c.title }}</div>\n        <CampaignFooter\n          :is-highest-reward=\"isHighestRewardedCampaign(i)\"\n          :campaign=\"c\"\n        />\n      </div>\n      <NuxtLink\n        v-if=\"c.id !== routeCampaignId\"\n        :to=\"`/campaign/${c.id}`\"\n        class=\"block border border-black/10 bg-gradient-to-b from-white to-grey-light/20 hover:bg-gradient-to-b hover:from-white hover:to-white hover:shadow-blur rounded-2xl mb-3 p-6 pt-5 font-semibold cursor-pointer\"\n      >\n        <div class=\"text-lg mb-4 line-clamp-1\">{{ c.title }}</div>\n        <CampaignFooter\n          :is-highest-reward=\"isHighestRewardedCampaign(i)\"\n          :campaign=\"c\"\n        />\n      </NuxtLink>\n    </div>\n  </div>\n</template>\n"],"names":["_hoisted_1","_sfc_render","_ctx","_cache","_openBlock","_createElementBlock","props","__props","emit","__emit","claiming","ref","claimButtonLabel","computed","_a","realItem","label","_c","_b","_e","_d","_g","_f","_i","_h","claimTweet","apiService","globalEmit","successMessage","e","showError","claimButtonVisible","currentState","state","tweet","selectedCurrency","campaignCurrencies","prepareCurrencies","selectedCurrencyAmount","rewardVisible","computedRewardCaption","computedRewardValue","formatTweetText","text","formattedText","mentionRegex","hashtagRegex","cashtagRegex","urlRegex","emits","tweetId","route","useRoute","routeCampaignId","campaignId","loading","getTweet","response","errorMessage","campaign","c","tweetContent","campaigns","tweetLinkCopied","copyTweetLink","url","isHighestRewardedCampaign","index","close"],"mappings":"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"}