{"version":3,"file":"StoryShareModal-legacy._qI_9A9p.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 { useModal } from '~/composables/useModal'\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 } = useModal()\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","_asyncToGenerator","_regeneratorRuntime","mark","_callee","storyStore","_useModal","modal","hide","wrap","_context","prev","next","useStoryStore","useModal","fetch","t0","abrupt","stop","data","copied","bump","computed","story","byId","this","methods","doCopy","_this2","_callee2","_callee2$","_context2","navigator","clipboard","writeText","url","opened","_hoisted_2","_withScopeId","_createElementVNode","_createBlock","_component_b_modal","_$options$story","$options","ref","scrollable","title","_$options$story2","headline","size","default","target","href","_toDisplayString","_hoisted_1","_component_b_list_group","key","$data","horizontal","class","_createVNode","_component_b_list_group_item","_component_ShareNetwork","network","description","hashtags","onOpen","_component_b_button","variant","_component_v_icon","icon","onClick","footer","$setup"],"mappings":"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"}