{"version":3,"file":"CF3ViJ4j.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","../../../../../../packages-ts/common/enums.ts","../../../../src/components/TweetDetailReward.vue","../../../../src/utils/tweetHelpers.js","../../../../src/components/Sidebars/TweetDetailSidebar.vue"],"sourcesContent":["<template>\n  <svg\n    width=\"16\"\n    height=\"16\"\n    viewBox=\"0 0 16 16\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n    <path\n      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    />\n  </svg>\n</template>\n","<template>\n  <svg\n    width=\"13\"\n    height=\"12\"\n    viewBox=\"0 0 13 12\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n    <path\n      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    />\n  </svg>\n</template>\n","<template>\n  <svg\n    width=\"16\"\n    height=\"16\"\n    viewBox=\"0 0 16 16\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n    <path\n      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    />\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\">\nimport type { TweetRewardState } from \"evangelist-common/enums\";\n\nconst props = defineProps<{\n  state: TweetRewardState;\n  userTopN: number | null;\n}>();\n\nconst userTopN = computed(() => {\n  if (props.userTopN === null) {\n    return \" \";\n  }\n\n  return ` ${props.userTopN} `;\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/>Your\" +\n        userTopN.value +\n        \"most impactful eligible posts will be rewarded 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/>Your\" +\n        userTopN.value +\n        \"most impactful 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\" +\n        userTopN.value +\n        \"most impactful eligible 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\" +\n        userTopN.value +\n        \"most impactful 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\" +\n        userTopN.value +\n        \"most impactful eligible 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","export enum TransactionType {\n  Credit = \"credit\",\n  Debit = \"debit\",\n}\n\nexport enum CampaignState {\n  Inactive = \"inactive\",\n  Active = \"active\",\n  Ending = \"ending\",\n  Evaluating = \"evaluating\",\n  Evaluated = \"evaluated\",\n}\n\n// Was tweet posted using the X app or evangelist.gg?\nexport enum TweetOrigin {\n  X = \"x\",\n  Evangelist = \"evangelist\",\n}\n\nexport enum CreatorHealthStatus {\n  Good = \"good\",\n  Moderate = \"moderate\",\n  Unhealthy = \"unhealthy\",\n}\n\n/**\n * Used for t_tweet_state.state column\n *\n * See https://www.notion.so/evangelistgg/Post-states-f5a9803557c94a05862afb18d9de6ba8?pvs=4#3510b52f2dea48d98163f991e7a3c337\n */\nexport enum TweetRewardState {\n  // Starting evaluation states\n  Evaluating = \"evaluating\", // From diagram: \"Passes basic eligibility (for at least one campaign)\"\n  Eligible = \"eligible\", // From diagram: After \"semantic evaluation + admin review\"\n  EligibleBonus = \"eligible-bonus\", // From diagram: Direct entry state for \"tweet with retroactive reward\"\n  NotEligible = \"not-eligible\", // From diagram: Tweet fails eligibility checks\n\n  // Timeout states\n  Expired = \"expired\", // From diagram: \"not claimed in time (end+7d)\"\n  ExpiredBonus = \"expired-bonus\", // From diagram: Timeout state for EligibleBonus\n\n  // User action states\n  Claimed = \"claimed\", // From diagram: User has claimed the reward\n\n  // Final decision states\n  Rewarded = \"rewarded\", // From diagram: \"top N + top campaign\"\n  NotRewarded = \"not-rewarded\", // From diagram: \"< top N or not top campaign\"\n\n  // Payment states\n  Paid = \"paid\", // From diagram: \"confetti bomb payout XP\"\n  PaidBonus = \"paid-bonus\", // From diagram: After claiming from EligibleBonus\n\n  // Terminal state\n  Deleted = \"deleted\", // From diagram: Can happen from any state\n\n  // Note: The \"New\" and \"Manipulated\" states from the diagram are missing in this enum\n}\n\n/**\n * Used in payload of tweet update from analytics\n */\nexport enum ReceivedTweetRewardState {\n  // User action states\n  Claimed = \"Claimed\", // Same as TweetRewardState but uses PascalCase values\n  Discarded = \"Discarded\", // Only in this enum, similar to Manipulated in the diagram\n  Deleted = \"Deleted\", // Same as TweetRewardState but uses PascalCase values\n\n  // Starting evaluation states\n  Evaluating = \"Evaluating\", // Same as TweetRewardState but uses PascalCase values\n  NotEligible = \"NotEligible\", // Same as TweetRewardState but uses PascalCase values\n  Eligible = \"Eligible\", // Same as TweetRewardState but uses PascalCase values\n  EligibleBonus = \"EligibleBonus\", // Same as TweetRewardState but uses PascalCase without hyphen\n\n  // Timeout states\n  Expired = \"Expired\", // Same as TweetRewardState but uses PascalCase values\n  ExpiredBonus = \"ExpiredBonus\", // Same as TweetRewardState but uses PascalCase without hyphen\n\n  // Final decision states\n  NotRewarded = \"NotRewarded\", // Same as TweetRewardState but uses PascalCase values\n  Rewarded = \"Rewarded\", // Same as TweetRewardState but uses PascalCase values\n\n  // Note: Missing Paid and PaidBonus states compared to TweetRewardState\n  // Note: The \"New\" state from the diagram is missing in this enum\n}\n","<script setup lang=\"ts\">\nimport InfoStat from \"~/components/InfoStat.vue\";\nimport type { MonetaryDto } from \"~~/_api_generated_\";\nimport { transformToPercentage } from \"~/utils/common\";\nimport type { CampaignListItem, TweetListItem } from \"~/common/Types\";\nimport { TweetRewardState } from \"evangelist-common/enums\";\n\ninterface Props {\n  tweet: TweetListItem;\n  campaign: CampaignListItem & {\n    rating: {\n      reward: MonetaryDto;\n      ratingScore: number | null;\n    };\n  };\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?.state;\n});\n\nconst selectedCurrency = ref(props.campaign.budgetCurrency);\n\nconst campaignCurrencies = computed(() => {\n  return prepareCurrencies(props.campaign.rating.reward);\n});\n\nconst selectedCurrencyAmount = computed(() => {\n  return campaignCurrencies.value[selectedCurrency.value];\n});\n\nconst rewardVisible = computed(() => {\n  if (!state.value) {\n    return false;\n  }\n  if (\n    [\n      TweetRewardState.Evaluating,\n      TweetRewardState.NotEligible,\n      TweetRewardState.NotRewarded,\n      TweetRewardState.Expired,\n      TweetRewardState.ExpiredBonus,\n    ].includes(state.value)\n  ) {\n    return false;\n  }\n\n  return true;\n});\n\nconst computedRewardCaption = computed(() => {\n  if (!state.value) {\n    return \"\";\n  }\n  if (\n    [\n      TweetRewardState.Rewarded,\n      TweetRewardState.Paid,\n      TweetRewardState.EligibleBonus,\n      TweetRewardState.PaidBonus,\n    ].includes(state.value)\n  ) {\n    return \"Final Reward\";\n  }\n  return \"Estimated Reward\";\n});\n\nconst computedRewardValue = computed(() => {\n  if (!state.value) {\n    return \"\";\n  }\n  if (\n    [\n      TweetRewardState.Rewarded,\n      TweetRewardState.Paid,\n      TweetRewardState.EligibleBonus,\n      TweetRewardState.PaidBonus,\n    ].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      v-if=\"state\"\n      class=\"py-1.5 px-3 rounded-3xl\"\n      :state\n      :userTopN=\"props.campaign?.userTopN ?? null\"\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(campaign.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 { formatNiceDate } from \"~/utils/dateTime\";\nimport { useQuery } from \"@tanstack/vue-query\";\nimport { TweetRewardState } from \"evangelist-common/enums\";\nimport type { CampaignListItem } from \"~/common/Types\";\n\ninterface Props {\n  tweetId: string;\n  forCampaignUuid: string | null;\n  forCampaignWeekId: string | null;\n}\nconst props = defineProps<Props>();\nconst emits = defineEmits([\"close\"]);\n\nconst { $trpc } = useNuxtApp();\nconst {\n  data: tweet,\n  isLoading,\n  refetch: getTweet,\n} = useQuery({\n  queryKey: [\"getTweetDetails\", props.tweetId],\n  queryFn: () =>\n    $trpc.getTweetDetail.query({\n      tweetId: props.tweetId,\n      forCampaignUuid: props.forCampaignUuid,\n    }),\n});\n\nconst campaign = computed(() => {\n  return (\n    tweet.value?.campaigns.find(\n      (c) => c.campaignUuid === props.forCampaignUuid,\n    ) ?? tweet.value?.campaigns[0]\n  );\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\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 === TweetRewardState.NotRewarded) {\n    return false;\n  }\n\n  return index === 0;\n}\n\nfunction close() {\n  emits(\"close\");\n}\n\nfunction getUserTopNText(campaign?: CampaignListItem) {\n  if (!campaign || campaign.userTopN === undefined) {\n    return \"\";\n  }\n\n  return `(${campaign.userTopN})`;\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        v-if=\"tweet?.authorProfilePicUrl\"\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=\"!isLoading && campaign\"\n      :tweet=\"tweet\"\n      :hide-relevance=\"state === 'eligible-bonus'\"\n      :campaign=\"campaign\"\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\n          {{ getUserTopNText(campaign) }} most impactful posts, and sent to you\n          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\n          {{ getUserTopNText(campaign) }} most impactful posts, and sent to you\n          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 your {{ getUserTopNText(campaign) }} most impactful\n          posts. The final reward is available for 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 {{ getUserTopNText(campaign) }} most impactful\n          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\n          {{ getUserTopNText(campaign) }}\n          most impactful posts 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.campaignWeekId\">\n      <div\n        v-if=\"c.campaignWeekId === forCampaignWeekId\"\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.campaignWeekId !== forCampaignWeekId\"\n        :to=\"`/campaign/${c.campaignWeekId}`\"\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","userTopN","currentState","state","CampaignState","CreatorHealthStatus","TweetRewardState","tweet","selectedCurrency","campaignCurrencies","prepareCurrencies","selectedCurrencyAmount","rewardVisible","computedRewardCaption","computedRewardValue","formatTweetText","text","formattedText","mentionRegex","hashtagRegex","cashtagRegex","urlRegex","emits","$trpc","useNuxtApp","isLoading","getTweet","useQuery","campaign","c","tweetContent","campaigns","tweetLinkCopied","copyTweetLink","url","isHighestRewardedCampaign","index","close","getUserTopNText"],"mappings":"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"}