{"version":3,"file":"SurfacePostPoll-VMxQ5e06.js","sources":["../../../app/javascript/vuecomponents/SurfacePostPollChoiceWhiteboard.vue","../../../app/javascript/vuecomponents/SurfacePostPoll.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { type PollTailwindClasses } from '@@/bits/post_color'\nimport OzDivider, { OzDividerColorScheme } from '@@/library/v4/components/OzDivider.vue'\nimport OzIconButton, { OzIconButtonSizePreset } from '@@/library/v4/components/OzIconButton.vue'\nimport type { Id } from '@@/types'\nimport { computed, toRefs } from 'vue'\n\nconst emit = defineEmits<{\n  (e: 'select', choiceId: Id): void\n}>()\n\nconst props = withDefaults(\n  defineProps<{\n    selected: boolean\n    choiceText: string\n    choiceId: Id\n    index: number\n    numChoices: number\n    darkMode?: boolean | 'auto'\n    displayMode?: 'expanded' | 'default' | 'slideshow'\n    isStream?: boolean\n    isWhiteboard?: boolean\n    pollColors: PollTailwindClasses\n    interactionsDisabled?: SurfacePostPollChoiceInteractionsDisabled\n    pollScaleMultiplier?: number\n  }>(),\n  {\n    darkMode: 'auto',\n    displayMode: 'default',\n    isStream: false,\n    isWhiteboard: false,\n    interactionsDisabled: SurfacePostPollChoiceInteractionsDisabled.None,\n    pollScaleMultiplier: 1,\n  },\n)\n\nconst {\n  selected,\n  choiceText,\n  choiceId,\n  darkMode,\n  displayMode,\n  isStream,\n  numChoices,\n  pollColors,\n  index,\n  interactionsDisabled,\n  pollScaleMultiplier,\n  isWhiteboard,\n} = toRefs(props)\n\nconst isDisplayModeExpanded = computed(() => displayMode.value === 'expanded')\nconst isDisplayModeSlideshow = computed(() => displayMode.value === 'slideshow')\nconst isDisplayModeExpandedOrSlideshow = computed(() => isDisplayModeExpanded.value || isDisplayModeSlideshow.value)\n\nconst onSelect = () => {\n  if (\n    interactionsDisabled.value === SurfacePostPollChoiceInteractionsDisabled.All ||\n    interactionsDisabled.value === SurfacePostPollChoiceInteractionsDisabled.Select\n  )\n    return\n  emit('select', choiceId.value)\n}\n</script>\n\n<script lang=\"ts\">\nexport enum SurfacePostPollChoiceInteractionsDisabled {\n  All,\n  Select,\n  None,\n}\n</script>\n\n<template>\n  <div\n    :data-testid=\"`surfacePostPollChoiceButton${index + 1}`\"\n    :class=\"['flex flex-col cursor-pointer mx-1 no-drag no-highlight-color', 'pointer-events-none']\"\n  >\n    <div\n      :tabindex=\"interactionsDisabled === SurfacePostPollChoiceInteractionsDisabled.None ? 0 : -1\"\n      :class=\"[\n        'flex items-center py-2',\n        isDisplayModeSlideshow ? 'rounded-2xl' : 'rounded-xl',\n        {\n          'ps-7.5': isDisplayModeSlideshow && pollScaleMultiplier === 2.5,\n          'ps-6': isDisplayModeSlideshow && pollScaleMultiplier === 2,\n          'ps-3': (!isDisplayModeSlideshow && isStream) || (isDisplayModeSlideshow && pollScaleMultiplier === 1),\n          'ps-2': !isDisplayModeSlideshow && !isStream,\n        },\n        interactionsDisabled === SurfacePostPollChoiceInteractionsDisabled.None && {\n          [pollColors.pollChoiceHoverBackground.light]: darkMode === false,\n          [pollColors.pollChoiceHoverBackground.dark]: darkMode === true,\n          [pollColors.pollChoiceHoverBackground.auto]: darkMode === 'auto',\n        },\n        interactionsDisabled === SurfacePostPollChoiceInteractionsDisabled.None && 'focus-visible:ring-2 active:ring-2',\n        interactionsDisabled === SurfacePostPollChoiceInteractionsDisabled.None && {\n          'active:ring-grape-500 focus-visible:ring-grape-500': darkMode === false,\n          'active:ring-canary-500 focus-visible:ring-canary-500': darkMode === true,\n          'active:ring-grape-500 dark:active:ring-canary-500 focus-visible:ring-grape-500 dark:focus-visible:ring-canary-500':\n            darkMode === 'auto',\n        },\n        index === numChoices - 1 && 'mb-1',\n      ]\"\n      :aria-checked=\"selected\"\n    >\n      <OzIconButton\n        :class=\"[\n          interactionsDisabled === SurfacePostPollChoiceInteractionsDisabled.None\n            ? 'cursor-pointer pointer-events-auto'\n            : 'pointer-events-none',\n          selected\n            ? {\n                'text-grape-500': darkMode === false,\n                'text-canary-500': darkMode === true,\n                'text-grape-500 dark:text-canary-500': darkMode === 'auto',\n              }\n            : {\n                'text-dark-text-200': darkMode === false,\n                'text-light-text-200': darkMode === true,\n                'text-dark-text-200 dark:text-light-text-200': darkMode === 'auto',\n              },\n          'shrink-0',\n          '!bg-transparent',\n          'pt-3',\n          'pb-3',\n          '-mt-3',\n          '-mb-3',\n        ]\"\n        :label=\"__('Select %{choiceText}', { choiceText })\"\n        :icon-name=\"selected ? 'radio_selected' : 'radio_unselected'\"\n        :icon-size=\"isDisplayModeSlideshow ? Math.max(20, 10 * pollScaleMultiplier) : 16\"\n        :size-preset=\"OzIconButtonSizePreset.Bare\"\n        :color-scheme=\"null\"\n        :dark-mode=\"darkMode\"\n        @click.stop=\"onSelect\"\n        @pointerdown.stop\n        @keydown.enter=\"onSelect\"\n      />\n      <p\n        :data-testid=\"`surfacePostPollChoiceText${index + 1}`\"\n        :class=\"[\n          'ps-3 break-word-anywhere',\n          {\n            'pe-7.5': isDisplayModeSlideshow && pollScaleMultiplier === 2.5,\n            'pe-6': isDisplayModeSlideshow && pollScaleMultiplier === 2,\n            'pe-3': !isDisplayModeSlideshow || (isDisplayModeSlideshow && pollScaleMultiplier === 1),\n          },\n          isDisplayModeExpandedOrSlideshow || isStream ? 'text-body' : 'text-body-small',\n          {\n            'text-dark-text-100': darkMode === false,\n            'text-light-text-100': darkMode === true,\n            'text-dark-text-100 dark:text-light-text-100': darkMode === 'auto',\n          },\n          selected && 'font-semibold',\n        ]\"\n      >\n        {{ choiceText }}\n      </p>\n    </div>\n\n    <OzDivider\n      v-if=\"index !== numChoices - 1\"\n      :class=\"[\n        'my-1',\n        {\n          'ms-16': isDisplayModeSlideshow && pollScaleMultiplier === 2.5,\n          'ms-13': isDisplayModeSlideshow && pollScaleMultiplier === 2,\n          'ms-10': isDisplayModeSlideshow && pollScaleMultiplier === 1,\n          'ms-9': !isDisplayModeSlideshow || (isDisplayModeSlideshow && pollScaleMultiplier === 1),\n        },\n        {\n          'me-8': isDisplayModeSlideshow && (pollScaleMultiplier === 2.5 || pollScaleMultiplier === 2),\n          'me-4': isDisplayModeExpandedOrSlideshow,\n          'me-3': !isDisplayModeExpandedOrSlideshow && isStream,\n          'me-1': !isDisplayModeExpandedOrSlideshow && !isStream,\n        },\n      ]\"\n      :color-scheme=\"OzDividerColorScheme.Solid\"\n      :dark-mode=\"darkMode\"\n    />\n  </div>\n</template>\n<style scoped>\n.no-highlight-color {\n  -webkit-tap-highlight-color: transparent; /** On android chrome there is a blue background while selecting a poll choice we add this to remove the blue background\n  The poll choice has styles to indicate it is selected so this is not needed\n  */\n}\n</style>\n","<script setup lang=\"ts\">\nimport { pollTailwindClasses, toOzBoxColor } from '@@/bits/post_color'\nimport { isPostScheduled } from '@@/bits/post_state'\nimport OzBox, { OzBoxColors } from '@@/library/v4/components/OzBox.vue'\nimport { useSurfaceStore } from '@@/pinia/surface'\nimport { useSurfacePermissionsStore } from '@@/pinia/surface_permissions'\nimport { useSurfacePostsStore } from '@@/pinia/surface_posts'\nimport { useWindowSizeStore } from '@@/pinia/window_size'\nimport type { Poll, Post, PostColor, User } from '@@/types'\nimport SurfacePostPollBottomSection from '@@/vuecomponents/SurfacePostPollBottomSection.vue'\nimport SurfacePostPollChoice, {\n  SurfacePostPollChoiceInteractionsDisabled,\n} from '@@/vuecomponents/SurfacePostPollChoice.vue'\nimport SurfacePostPollChoiceWhiteboard from '@@/vuecomponents/SurfacePostPollChoiceWhiteboard.vue'\nimport SurfacePostPollQuestion from '@@/vuecomponents/SurfacePostPollQuestion.vue'\nimport SurfacePostPollResult from '@@/vuecomponents/SurfacePostPollResult.vue'\nimport { storeToRefs } from 'pinia'\nimport { computed, onMounted, ref, toRefs } from 'vue'\n\nconst emit = defineEmits<{\n  (e: 'dblclick', event: MouseEvent): void\n  (e: 'click', event: MouseEvent): void\n  (e: 'enter', event: KeyboardEvent): void\n  (e: 'load')\n}>()\n\nconst props = withDefaults(\n  defineProps<{\n    poll: Poll\n    pollCaption?: string\n    post: Post\n    backgroundColor?: PostColor\n    user: User\n    darkMode?: boolean | 'auto'\n    displayMode?: 'expanded' | 'default' | 'slideshow'\n    xOverlay?: boolean\n  }>(),\n  {\n    darkMode: 'auto',\n    backgroundColor: undefined,\n    pollCaption: '',\n    displayMode: 'default',\n    xOverlay: false,\n  },\n)\n\nconst { darkMode, pollCaption, poll, displayMode, xOverlay } = toRefs(props)\n\nconst isDisplayModeDefault = computed(() => displayMode.value === 'default')\nconst isDisplayModeExpanded = computed(() => displayMode.value === 'expanded')\nconst isDisplayModeSlideshow = computed(() => displayMode.value === 'slideshow')\nconst isDisplayModeExpandedOrSlideshow = computed(() => isDisplayModeExpanded.value || isDisplayModeSlideshow.value)\nconst { isSmallerThanDesktop3XL, isSmallerThanDesktop2XL } = storeToRefs(useWindowSizeStore())\nconst pollScaleMultiplier = computed(() => {\n  if (!isSmallerThanDesktop3XL.value) {\n    return 2.5\n  } else if (!isSmallerThanDesktop2XL.value) {\n    return 2\n  } else {\n    return 1\n  }\n})\nconst displayedBackgroundColor = computed<PostColor>(() =>\n  props.backgroundColor === undefined ? props.post.color : props.backgroundColor,\n)\nconst pollColors = computed(() =>\n  pollTailwindClasses(isDisplayModeExpandedOrSlideshow.value ? null : displayedBackgroundColor.value),\n)\nconst { isStream, isWhiteboard, isFrozen } = storeToRefs(useSurfaceStore())\nconst { postPollVote } = useSurfacePostsStore()\nconst { canIModerate } = storeToRefs(useSurfacePermissionsStore())\nconst isPostAuthor = computed(() => props.post.author_id === props.user.id)\nconst totalVotesArray = computed(() => {\n  return poll.value.poll_choices.map((choice) => choice.total_votes)\n})\n\nconst totalVotesCount = computed(() => {\n  return totalVotesArray.value.reduce((a, b) => {\n    if (typeof a !== 'number' || typeof b !== 'number') return 0\n    return a + b\n  }, 0)\n})\n\nconst highestVoteTotal = computed(() => Math.max(...totalVotesArray.value))\nconst isPollClosed = computed(() => poll.value.closed_at != null)\nconst pollResults = computed(() => {\n  return poll.value.poll_choices.map((pollChoice) => {\n    return {\n      ...pollChoice,\n      percentage: totalVotesCount.value === 0 ? 0 : (pollChoice.total_votes / totalVotesCount.value) * 100,\n      pollWinner:\n        pollChoice.total_votes === highestVoteTotal.value && isPollClosed.value && pollChoice.total_votes !== 0,\n    }\n  })\n})\n\nconst didCurrentUserVoteForPoll = computed(() => {\n  return poll.value.user_voted\n})\n\nconst hasDecimalVoteRatio = computed(() => pollResults.value.some((pollChoice) => pollChoice.percentage % 1 !== 0))\nconst selectedPollChoiceId = ref(-1)\nconst isShowingPollResults = ref(false)\nconst isVoting = ref(false)\nconst interactionsDisabled = computed<SurfacePostPollChoiceInteractionsDisabled>(() => {\n  if (isPostScheduled(props.post)) return SurfacePostPollChoiceInteractionsDisabled.All\n  if (isFrozen.value) return SurfacePostPollChoiceInteractionsDisabled.Select\n  return SurfacePostPollChoiceInteractionsDisabled.None\n})\n\nconst bottomSectionHeight = ref(isDisplayModeExpandedOrSlideshow.value ? 48 : 40)\nconst pollResultsContainer = ref()\nconst pollScrollableContainer = ref()\nconst togglePollResults = () => {\n  isShowingPollResults.value = !isShowingPollResults.value\n\n  if (isShowingPollResults.value) {\n    const pollResultsContainerTop = pollResultsContainer.value.offsetTop\n    pollScrollableContainer.value.scrollTo({ top: pollResultsContainerTop, behavior: 'smooth' })\n  }\n}\n\nconst vote = async () => {\n  isVoting.value = true\n  await postPollVote({\n    wishId: props.post.id!,\n    pollId: poll.value.poll_id,\n    pollChoiceIds: [selectedPollChoiceId.value],\n  })\n  isVoting.value = false\n}\n\nconst handleBottomSectionResize = ({ width, height }) => {\n  bottomSectionHeight.value = height\n}\n\nonMounted(() => {\n  if (isDisplayModeSlideshow.value) {\n    emit('load')\n  }\n})\n</script>\n<template>\n  <div\n    :class=\"[\n      'w-full',\n      pollCaption && isDisplayModeDefault && 'space-y-1.5',\n      isDisplayModeSlideshow && 'rounded-2xl bg-light-ui-100',\n      isDisplayModeExpanded && 'overflow-y-auto max-h-[calc(100vh-56px)]', // 56px is the height of the top bar on expanded view\n      'font-sans',\n    ]\"\n    @click.stop=\"\n      (event) => isDisplayModeDefault && (didCurrentUserVoteForPoll || isPollClosed) && $emit('click', event)\n    \"\n    @keydown.enter.stop=\"\n      (event) => isDisplayModeDefault && (didCurrentUserVoteForPoll || isPollClosed) && $emit('enter', event)\n    \"\n  >\n    <OzBox\n      class=\"w-full h-full relative overflow-hidden\"\n      :color=\"\n        isDisplayModeSlideshow\n          ? OzBoxColors.Primary\n          : isDisplayModeExpanded\n          ? OzBoxColors.None\n          : toOzBoxColor(displayedBackgroundColor)\n      \"\n      :dark-mode=\"darkMode\"\n      :radius=\"isDisplayModeSlideshow ? 16 : isStream ? 12 : 8\"\n    >\n      <div\n        ref=\"pollScrollableContainer\"\n        :class=\"[\n          'w-full h-full box-border',\n          isDisplayModeSlideshow && 'px-4 overflow-y-auto overflow-x-hidden', // on slideshow add extra padding so it looks like a post not just a poll\n          {\n            'scrollbar-thin': darkMode === false,\n            'scrollbar-thin-dark': darkMode === true,\n            'scrollbar-thin dark:scrollbar-thin-dark': darkMode === 'auto',\n          },\n        ]\"\n        :style=\"{\n          paddingBottom: `${\n            (isDisplayModeSlideshow || isDisplayModeDefault) &&\n            interactionsDisabled !== SurfacePostPollChoiceInteractionsDisabled.All\n              ? bottomSectionHeight\n              : 0\n          }px`,\n        }\"\n      >\n        <SurfacePostPollQuestion\n          :dark-mode=\"darkMode\"\n          :question=\"poll.question\"\n          :display-mode=\"displayMode\"\n          :x-overlay=\"xOverlay\"\n          :is-stream=\"isStream\"\n          @dblclick=\"(event) => $emit('dblclick', event)\"\n        />\n        <div\n          ref=\"pollResultsContainer\"\n          :class=\"[\n            'w-full',\n            isDisplayModeExpandedOrSlideshow && 'pt-1',\n            isDisplayModeExpandedOrSlideshow && {\n              'rounded-2xl': true,\n              'bg-light-ui-200': darkMode === false,\n              'bg-dark-ui-200 ': darkMode === true,\n              'bg-light-ui-200 dark:bg-dark-ui-200 ': darkMode === 'auto',\n            },\n          ]\"\n          @dblclick=\";(isShowingPollResults || didCurrentUserVoteForPoll || isPollClosed) && $emit('dblclick', $event)\"\n        >\n          <template v-if=\"isShowingPollResults || didCurrentUserVoteForPoll || isPollClosed\">\n            <SurfacePostPollResult\n              v-for=\"(result, i) in pollResults\"\n              :key=\"`poll-${poll.poll_id}-result-${result.poll_choice_id}`\"\n              :index=\"i\"\n              :result=\"result\"\n              :poll-colors=\"pollColors\"\n              :is-stream=\"isStream\"\n              :display-mode=\"displayMode\"\n              :dark-mode=\"darkMode\"\n              :num-results=\"pollResults.length\"\n              :decimal-percentage=\"hasDecimalVoteRatio\"\n            />\n          </template>\n          <template v-else-if=\"isWhiteboard\">\n            <SurfacePostPollChoiceWhiteboard\n              v-for=\"(choice, i) in poll.poll_choices\"\n              :key=\"`poll-${poll.poll_id}-choice-${choice.poll_choice_id}`\"\n              :index=\"i\"\n              :selected=\"choice.poll_choice_id === selectedPollChoiceId\"\n              :choice-text=\"choice.choice_text\"\n              :choice-id=\"choice.poll_choice_id\"\n              :poll-colors=\"pollColors\"\n              :is-stream=\"isStream\"\n              :display-mode=\"displayMode\"\n              :dark-mode=\"darkMode\"\n              :num-choices=\"poll.poll_choices.length\"\n              :interactions-disabled=\"interactionsDisabled\"\n              @select=\"(choiceId) => (selectedPollChoiceId = choiceId)\"\n            />\n          </template>\n          <template v-else>\n            <SurfacePostPollChoice\n              v-for=\"(choice, i) in poll.poll_choices\"\n              :key=\"`poll-${poll.poll_id}-choice-${choice.poll_choice_id}`\"\n              :index=\"i\"\n              :selected=\"choice.poll_choice_id === selectedPollChoiceId\"\n              :choice-text=\"choice.choice_text\"\n              :choice-id=\"choice.poll_choice_id\"\n              :poll-colors=\"pollColors\"\n              :is-stream=\"isStream\"\n              :display-mode=\"displayMode\"\n              :dark-mode=\"darkMode\"\n              :num-choices=\"poll.poll_choices.length\"\n              :interactions-disabled=\"interactionsDisabled\"\n              @select=\"(choiceId) => (selectedPollChoiceId = choiceId)\"\n            />\n          </template>\n        </div>\n        <SurfacePostPollBottomSection\n          v-if=\"\n            (isDisplayModeDefault || isDisplayModeSlideshow) &&\n            interactionsDisabled !== SurfacePostPollChoiceInteractionsDisabled.All\n          \"\n          class=\"absolute bottom-0 start-0\"\n          :dark-mode=\"darkMode\"\n          :is-showing-poll-results=\"isShowingPollResults\"\n          :total-votes-count=\"totalVotesCount\"\n          :is-poll-closed=\"isPollClosed\"\n          :is-vote-button-disabled=\"selectedPollChoiceId === -1 || isVoting\"\n          :x-vote-button=\"!isPollClosed && !didCurrentUserVoteForPoll && selectedPollChoiceId !== -1\"\n          :x-results-toggle=\"(canIModerate || isPostAuthor) && !isPollClosed && !didCurrentUserVoteForPoll\"\n          :is-slideshow=\"isDisplayModeSlideshow\"\n          :is-stream=\"isStream\"\n          :poll-scale-multiplier=\"pollScaleMultiplier\"\n          @toggle-poll-results=\"togglePollResults\"\n          @vote=\"vote\"\n          @resize=\"(resizedSectionDimensions) => handleBottomSectionResize(resizedSectionDimensions)\"\n          @dblclick=\"$emit('dblclick', $event)\"\n        />\n      </div>\n    </OzBox>\n    <p\n      v-if=\"pollCaption && isDisplayModeDefault\"\n      :class=\"[\n        'text-body-extra-small no-drag ms-1',\n        {\n          'text-dark-text-300': darkMode === false,\n          'text-light-text-300': darkMode === true,\n          'text-dark-text-300 dark:text-light-text-300': darkMode === 'auto',\n        },\n      ]\"\n      @dblclick=\"$emit('dblclick', $event)\"\n    >\n      {{ pollCaption }}\n    </p>\n    <SurfacePostPollBottomSection\n      v-if=\"isDisplayModeExpanded && interactionsDisabled !== SurfacePostPollChoiceInteractionsDisabled.All\"\n      :is-showing-poll-results=\"isShowingPollResults\"\n      :dark-mode=\"darkMode\"\n      :total-votes-count=\"totalVotesCount\"\n      :is-poll-closed=\"isPollClosed\"\n      :is-vote-button-disabled=\"selectedPollChoiceId === -1 || isVoting\"\n      :is-expanded=\"isDisplayModeExpanded\"\n      :x-vote-button=\"!isPollClosed && !didCurrentUserVoteForPoll && selectedPollChoiceId !== -1\"\n      :x-results-toggle=\"(canIModerate || isPostAuthor) && !isPollClosed && !didCurrentUserVoteForPoll\"\n      @toggle-poll-results=\"togglePollResults\"\n      @vote=\"vote\"\n    />\n  </div>\n</template>\n"],"names":["SurfacePostPollChoiceInteractionsDisabled","SurfacePostPollChoiceInteractionsDisabled2","selected","choiceText","choiceId","darkMode","displayMode","isStream","numChoices","pollColors","index","interactionsDisabled","pollScaleMultiplier","isWhiteboard","toRefs","props","isDisplayModeExpanded","computed","value","isDisplayModeSlideshow","isDisplayModeExpandedOrSlideshow","onSelect","emit","pollCaption","poll","xOverlay","isDisplayModeDefault","isSmallerThanDesktop3XL","isSmallerThanDesktop2XL","storeToRefs","useWindowSizeStore","displayedBackgroundColor","backgroundColor","post","color","pollTailwindClasses","isFrozen","useSurfaceStore","postPollVote","useSurfacePostsStore","canIModerate","useSurfacePermissionsStore","isPostAuthor","author_id","user","id","totalVotesArray","poll_choices","map","choice","total_votes","totalVotesCount","reduce","a","b","highestVoteTotal","Math","max","isPollClosed","closed_at","pollResults","pollChoice","percentage","pollWinner","didCurrentUserVoteForPoll","user_voted","hasDecimalVoteRatio","some","selectedPollChoiceId","ref","isShowingPollResults","isVoting","isPostScheduled","All","Select","None","bottomSectionHeight","pollResultsContainer","pollScrollableContainer","togglePollResults","pollResultsContainerTop","offsetTop","scrollTo","top","behavior","vote","wishId","pollId","poll_id","pollChoiceIds","handleBottomSectionResize","width","height","onMounted"],"mappings":"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"}