{"version":3,"file":"BRy4gl2v-legacy.js","sources":["../../../../components/StoryShareModal.vue"],"sourcesContent":["<template>\n  <b-modal\n    :id=\"'storyShareModal-' + story?.id\"\n    ref=\"modal\"\n    scrollable\n    :title=\"'Share &quot;' + story?.headline + '&quot;'\"\n    size=\"lg\"\n    no-stacking\n  >\n    <template #default>\n      <p>\n        <a target=\"_blank\" :href=\"story.url\">{{ story.url }}</a>\n      </p>\n      <div>\n        <p>You can share using these buttons:</p>\n        <b-list-group :key=\"'storyshare-' + bump\" horizontal class=\"flex-wrap\">\n          <b-list-group-item>\n            <ShareNetwork\n              network=\"facebook\"\n              :url=\"story.url\"\n              :title=\"'Sharing ' + story.headline\"\n              :description=\"story.story\"\n              hashtags=\"freegle,free,reuse\"\n              @open=\"opened\"\n            >\n              <b-button variant=\"secondary\" class=\"mt-1 facebook\">\n                <v-icon :icon=\"['fab', 'facebook']\" /> Facebook\n              </b-button>\n            </ShareNetwork>\n          </b-list-group-item>\n          <b-list-group-item>\n            <ShareNetwork\n              network=\"twitter\"\n              :url=\"story.url\"\n              :title=\"'Sharing ' + story.headline\"\n              :description=\"story.story\"\n              hashtags=\"freegle,free,reuse\"\n              @open=\"opened\"\n            >\n              <b-button variant=\"secondary\" class=\"mt-1 twitter\">\n                <v-icon :icon=\"['fab', 'twitter']\" /> Twitter\n              </b-button>\n            </ShareNetwork>\n          </b-list-group-item>\n          <b-list-group-item>\n            <ShareNetwork\n              network=\"whatsapp\"\n              :url=\"story.url\"\n              :title=\"'Sharing ' + story.headline\"\n              :description=\"story.story\"\n              hashtags=\"freegle,free,reuse\"\n              @open=\"opened\"\n            >\n              <b-button variant=\"secondary\" class=\"mt-1 whatsapp\">\n                <v-icon :icon=\"['fab', 'whatsapp']\" /> Whatsapp\n              </b-button>\n            </ShareNetwork>\n          </b-list-group-item>\n          <b-list-group-item>\n            <ShareNetwork\n              network=\"email\"\n              :url=\"story.url\"\n              :title=\"'Sharing ' + story.headline\"\n              :description=\"story.story\"\n              hashtags=\"freegle,free,reuse\"\n              @open=\"opened\"\n            >\n              <b-button variant=\"secondary\" class=\"mt-1 gmail\">\n                <v-icon icon=\"envelope\" /> Email\n              </b-button>\n            </ShareNetwork>\n          </b-list-group-item>\n          <b-list-group-item>\n            <b-button\n              variant=\"secondary\"\n              size=\"md\"\n              class=\"mt-1 mb-1\"\n              @click=\"doCopy\"\n            >\n              <v-icon v-if=\"copied\" icon=\"check\" />\n              <v-icon v-else icon=\"clipboard\" />\n              Copy\n            </b-button>\n          </b-list-group-item>\n        </b-list-group>\n      </div>\n    </template>\n    <template #footer>\n      <b-button variant=\"secondary\" @click=\"hide\"> Close </b-button>\n    </template>\n  </b-modal>\n</template>\n<script>\n// There are a bunch of icons we need only rarely.  By requiring them here we avoid\n// requiring them in the vue-awesome plugin.  That makes them available everywhere - but\n// increases the bundle size.  Putting them here allows better bundling.\nimport { useStoryStore } from '../stores/stories'\nimport { useOurModal } from '~/composables/useOurModal'\n\nexport default {\n  props: {\n    id: {\n      type: Number,\n      required: true,\n    },\n  },\n  async setup() {\n    const storyStore = useStoryStore()\n\n    const { modal, hide } = useOurModal()\n\n    try {\n      await this.storyStore.fetch(this.id, true)\n    } catch (e) {\n      // Must no longer exist on server.\n      hide()\n    }\n\n    return {\n      storyStore,\n      modal,\n      hide,\n    }\n  },\n  data() {\n    return {\n      copied: false,\n      bump: 0,\n    }\n  },\n  computed: {\n    story() {\n      return this.storyStore.byId(this.id)\n    },\n  },\n  methods: {\n    async doCopy() {\n      await navigator.clipboard.writeText(this.story.url)\n      this.copied = true\n    },\n    opened() {\n      this.bump++\n    },\n  },\n}\n</script>\n<style scoped lang=\"scss\">\n:deep(.facebook) {\n  background-color: $color-facebook !important;\n  color: white;\n}\n\n:deep(.twitter) {\n  background-color: $color-twitter !important;\n  color: white;\n}\n\n:deep(.whatsapp) {\n  background-color: $color-whatsapp !important;\n  color: white;\n}\n\n:deep(.gmail) {\n  background-color: $color-gmail !important;\n  color: white;\n}\n\n:deep(.buttons button) {\n  width: 145px;\n}\n</style>\n"],"names":["_sfc_main","props","id","type","Number","required","setup","_this","this","_asyncToGenerator","_regeneratorRuntime","mark","_callee","storyStore","_useOurModal","modal","hide","wrap","_callee$","_context","prev","next","useStoryStore","useOurModal","fetch","t0","abrupt","stop","data","copied","bump","computed","story","byId","methods","doCopy","_this2","_callee2","_context2","navigator","clipboard","writeText","url","opened","_hoisted_1","_hoisted_2","_withScopeId","_createElementVNode","_createBlock","_component_b_modal","_$options$story","$options","ref","scrollable","title","_$options$story2","headline","size","default","target","href","_component_b_list_group","key","$data","horizontal","class","_withCtx","_createVNode","_component_b_list_group_item","_component_ShareNetwork","network","description","hashtags","onOpen","_component_b_button","variant","_component_v_icon","icon","_createTextVNode","_","onClick","footer","$setup"],"mappings":"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"}