{"version":3,"file":"SrCVGGdQ-legacy.js","sources":["../../../../components/MessageFreegled.vue","../../../../components/MessageDescription.vue","../../../../components/MessageSummary.vue"],"sourcesContent":["<template>\n  <div>\n    <b-img lazy src=\"/freegled.jpg\" class=\"freegled__image\" />\n    <b-popover\n      v-model=\"showing\"\n      :content=\"title\"\n      placement=\"top\"\n      variant=\"primary\"\n      triggers=\"hover\"\n      :target=\"'msg-' + id\"\n      custom-class=\"primary\"\n      @shown=\"shown\"\n      @hidden=\"hidden\"\n    />\n  </div>\n</template>\n<script>\nimport { useMessageStore } from '../stores/message'\n\nexport default {\n  props: {\n    id: {\n      type: Number,\n      required: true,\n    },\n  },\n  setup() {\n    const messageStore = useMessageStore()\n\n    return {\n      messageStore,\n    }\n  },\n  data: function () {\n    return {\n      scrollHandler: null,\n      showing: false,\n    }\n  },\n\n  computed: {\n    message() {\n      return this.messageStore?.byId(this.id)\n    },\n    title() {\n      let ret = null\n\n      if (this.message.type === 'Offer') {\n        ret = 'Yay, someone took it!'\n      } else {\n        ret = 'Hurray, they got what they were looking for!'\n      }\n\n      ret += \" Don't forget to Mark your posts as TAKEN/RECEIVED from My Posts.\"\n\n      return ret\n    },\n  },\n  beforeUnmount() {\n    if (this.scrollHandler) {\n      window.removeEventListener('scroll', this.scrollHandler)\n      this.scrollHandler = null\n    }\n  },\n  methods: {\n    shown() {\n      if (!this.scrollHandler) {\n        this.scrollHandler = window.addEventListener(\n          'scroll',\n          this.handleScroll\n        )\n      }\n    },\n    hidden() {\n      if (this.scrollHandler) {\n        window.removeEventListener('scroll', this.scrollHandler)\n        this.scrollHandler = null\n      }\n    },\n    handleScroll() {\n      this.showing = false\n    },\n  },\n}\n</script>\n<style scoped lang=\"scss\">\n.freegled__image {\n  position: absolute;\n  width: 225px;\n  z-index: 2;\n  transform: rotate(15deg);\n  top: 30%;\n\n  // Centre the absolute positioned div in its container\n  left: 50%;\n  margin-left: -125px;\n}\n</style>\n","<template>\n  <div v-if=\"textbody && textbody !== 'null'\" class=\"textbody\">\n    <span class=\"d-none\" itemprop=\"description\">{{ description }} </span>\n    <Highlighter\n      v-if=\"matchedon\"\n      :search-words=\"[matchedon.word]\"\n      :text-to-highlight=\"textbody\"\n      highlight-class-name=\"highlight\"\n      auto-escape\n    />\n    <span v-else>{{ textbody }}</span>\n  </div>\n</template>\n<script>\nimport Highlighter from 'vue-highlight-words'\nimport { useMessageStore } from '~/stores/message'\nimport { twem } from '~/composables/useTwem'\n\nexport default {\n  components: { Highlighter },\n  props: {\n    id: {\n      type: Number,\n      required: true,\n    },\n    matchedon: {\n      type: Object,\n      required: false,\n      default: null,\n    },\n  },\n  setup() {\n    const messageStore = useMessageStore()\n    return { messageStore }\n  },\n  computed: {\n    clamp() {\n      if (this.me) {\n        return 2\n      } else {\n        return 10\n      }\n    },\n    message() {\n      return this.messageStore?.byId(this.id)\n    },\n    textbody() {\n      return this.message ? twem(this.message.textbody) : null\n    },\n    description() {\n      // Descriptions that are too long give Google errors.\n      return this.message\n        ? twem(this.message.textbody)?.substring(0, 160)\n        : null\n    },\n  },\n}\n</script>\n<style scoped lang=\"scss\">\n.textbody {\n  font-size: 1.25rem;\n  word-break: break-word !important;\n  display: -webkit-box;\n  -webkit-line-clamp: 2;\n  -webkit-box-orient: vertical;\n  overflow: hidden;\n}\n</style>\n","<template>\n  <div\n    v-if=\"message\"\n    :id=\"'msg-' + id\"\n    v-observe-visibility=\"{\n      callback: view,\n      options: {\n        observeFullElement: true,\n      },\n    }\"\n    class=\"position-relative\"\n  >\n    <template v-if=\"message.successful && showFreegled\">\n      <MessageFreegled :id=\"id\" />\n    </template>\n    <template v-else-if=\"message.promised && showPromised\">\n      <MessagePromised\n        :id=\"id\"\n        summary\n        class=\"clickme\"\n        :to-me=\"message.promisedtome\"\n        @click=\"expand\"\n      />\n    </template>\n    <div :class=\"classes\" @click=\"expand\">\n      <MessageItemLocation\n        :id=\"id\"\n        :matchedon=\"matchedon\"\n        class=\"mb-1 header-title\"\n        :expanded=\"false\"\n        :show-location=\"showLocation\"\n      />\n      <MessageHistory\n        :id=\"id\"\n        class=\"mb-1 header-history\"\n        :display-message-link=\"mod\"\n      />\n      <div class=\"mb-1 header-description\">\n        <div\n          v-if=\"!message.attachments || !message.attachments?.length\"\n          class=\"d-flex d-md-none\"\n          @click=\"zoom\"\n        >\n          <MessageTag :id=\"id\" class=\"ps-2 pe-2\" inline />\n          <div class=\"flex-grow-1\" />\n        </div>\n        <MessageDescription :id=\"id\" :matchedon=\"matchedon\" />\n      </div>\n      <div\n        v-if=\"!message.successful && replyable\"\n        class=\"header-expand mt-2 mt-sm-0\"\n      >\n        <client-only>\n          <b-button variant=\"primary\" class=\"mt-2\" @click=\"expand\">\n            {{ expandButtonText }}\n          </b-button>\n        </client-only>\n      </div>\n      <div class=\"image-wrapper\" @click=\"zoom\">\n        <MessageAttachments\n          :id=\"id\"\n          :attachments=\"message.attachments\"\n          :disabled=\"message.successful\"\n          thumbnail\n        />\n      </div>\n    </div>\n  </div>\n</template>\n<script>\nimport { useMessageStore } from '~/stores/message'\n\nexport default {\n  props: {\n    id: {\n      type: Number,\n      required: true,\n    },\n    matchedon: {\n      type: Object,\n      required: false,\n      default: null,\n    },\n    expandButtonText: {\n      type: String,\n      required: false,\n      default: 'See details and reply',\n    },\n    replyable: {\n      type: Boolean,\n      required: false,\n      default: true,\n    },\n    bgClass: {\n      type: String,\n      required: false,\n      default: null,\n    },\n    showFreegled: {\n      type: Boolean,\n      required: false,\n      default: true,\n    },\n    showPromised: {\n      type: Boolean,\n      required: false,\n      default: true,\n    },\n    showLocation: {\n      type: Boolean,\n      required: false,\n      default: true,\n    },\n  },\n  setup() {\n    const messageStore = useMessageStore()\n    return { messageStore }\n  },\n  data() {\n    return {}\n  },\n  computed: {\n    message() {\n      return this.messageStore?.byId(this.id)\n    },\n    classes() {\n      const ret = {\n        messagecard: true,\n        freegled: this.message?.successful && this.showFreegled,\n        offer: this.message.type === 'Offer',\n        wanted: this.message.type === 'Wanted',\n        clickme: !this.message?.successful,\n        promisedfade:\n          this.showPromised &&\n          this.message?.promised &&\n          this.replyable &&\n          !this.message?.promisedtome &&\n          !this.message?.successful,\n        'p-2': true,\n        'p-sm-3': true,\n      }\n\n      if (this.bgClass) {\n        ret[this.bgClass] = true\n      }\n\n      return ret\n    },\n  },\n  methods: {\n    async view() {\n      if (this.me && this.message.unseen) {\n        await this.messageStore.view(this.id)\n      }\n    },\n    expand() {\n      this.$emit('expand')\n    },\n    zoom(e) {\n      if (this.message) {\n        if (!this.message.attachments || !this.message.attachments?.length) {\n          // No photos - show the description.\n          this.$emit('expand')\n        } else {\n          this.$emit('zoom')\n        }\n\n        e.preventDefault()\n        e.stopPropagation()\n      }\n    },\n  },\n}\n</script>\n<style scoped lang=\"scss\">\n@import 'bootstrap/scss/functions';\n@import 'bootstrap/scss/variables';\n@import 'bootstrap/scss/mixins/_breakpoints';\n\n.card-body {\n  padding: 0px;\n}\n\n.promisedfade {\n  filter: contrast(50%);\n}\n\n.messagecard {\n  padding: 16px;\n  border-radius: 4px;\n  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);\n  border: solid 1px $color-gray--light;\n\n  display: grid;\n  align-items: start;\n  grid-template-columns: minmax(0, 1fr);\n\n  @include media-breakpoint-up(sm) {\n    grid-template-columns: 200px 1fr;\n    grid-column-gap: 1rem;\n    grid-template-rows: max-content max-content max-content auto auto auto;\n  }\n\n  &.offer {\n    background-color: $color-white;\n  }\n\n  &.wanted {\n    background-color: $color-green--light;\n  }\n\n  .header-title {\n    grid-column: 1 / 2;\n    grid-row: 1 / 2;\n\n    @include media-breakpoint-up(sm) {\n      grid-column: 2 / 3;\n    }\n  }\n\n  .header-history {\n    grid-column: 1 / 2;\n    grid-row: 2 / 3;\n\n    @include media-breakpoint-up(sm) {\n      grid-column: 2 / 3;\n    }\n  }\n\n  .header-description {\n    grid-column: 1 / 2;\n    grid-row: 4 / 5;\n\n    @include media-breakpoint-up(sm) {\n      grid-column: 2 / 3;\n      grid-row: 3 / 4;\n    }\n  }\n\n  .image-wrapper {\n    position: relative;\n\n    grid-column: 1 / 2;\n    grid-row: 3 / 4;\n\n    @include media-breakpoint-up(sm) {\n      grid-column: 1 / 2;\n      grid-row: 1 / 5;\n      width: unset;\n    }\n\n    &.noattachments {\n      display: none;\n\n      @include media-breakpoint-up(md) {\n        display: block;\n      }\n    }\n  }\n\n  .header-expand {\n    grid-column: 1 / 2;\n    grid-row: 5 / 6;\n    align-self: end;\n    justify-self: end;\n\n    @include media-breakpoint-up(sm) {\n      grid-column: 2 / 3;\n      grid-row: 4 / 5;\n    }\n  }\n}\n\n.freegled {\n  filter: contrast(50%);\n}\n</style>\n"],"names":["props","id","type","Number","required","setup","messageStore","useMessageStore","data","scrollHandler","showing","computed","message","_this$messageStore","this","byId","title","ret","beforeUnmount","window","removeEventListener","methods","shown","addEventListener","handleScroll","hidden","_createElementBlock","_createVNode","_component_b_img","lazy","src","class","_component_b_popover","modelValue","_ctx","_cache","$event","content","$options","placement","variant","triggers","target","$props","onShown","onHidden","key","itemprop","components","Highlighter","matchedon","Object","default","clamp","me","_this$messageStore2","textbody","twem","description","_twem","substring","_openBlock","_hoisted_1","_createElementVNode","_hoisted_2","_toDisplayString","_createBlock","_component_Highlighter","word","_hoisted_3","_createCommentVNode","_sfc_main","expandButtonText","String","replyable","Boolean","bgClass","showFreegled","showPromised","showLocation","_this$messageStore3","classes","_this$message","_this$message2","_this$message3","_this$message4","_this$message5","messagecard","freegled","successful","offer","wanted","clickme","promisedfade","promised","promisedtome","view","_this","_regeneratorRuntime","mark","_callee","wrap","_context","prev","next","unseen","stop","expand","$emit","zoom","e","_this$message$attachm","attachments","length","preventDefault","stopPropagation","_component_MessageFreegled","_component_MessagePromised","summary","onClick","_normalizeClass","apply","arguments","_component_MessageItemLocation","expanded","_component_MessageHistory","mod","_$options$message$att","_component_MessageTag","inline","_component_MessageDescription","_hoisted_4","_component_client_only","_withCtx","_component_b_button","_createTextVNode","_","_component_MessageAttachments","disabled","thumbnail"],"mappings":"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"}