{"version":3,"file":"StoryShareModal-legacy.wpBQmOOY.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_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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"}