{"version":3,"file":"js/event-discussion-forum-loader-1f54d54a566fe2aa89e3.chunk.js","mappings":"wLAAAA,IAAA,mB,qCAgBA,GACEC,WAAY,CAAEC,MAAK,IAAEC,yBAAyB,WAE9CC,MAAO,CACLC,oBAAqB,CACnBC,KAAMC,QACNC,UAAU,EACVC,SAAS,GAGXC,kBAAmB,CACjBJ,KAAMK,OACNH,UAAU,GAGZI,wBAAyB,CACvBN,KAAMO,OACNL,UAAU,GAGZM,uBAAwB,CACtBR,KAAMC,QACNC,UAAU,EACVC,SAAS,IAIbM,IAAAA,GACE,MAAO,CACLC,aAAcC,KAAKZ,oBACnBa,WAAW,EACXC,iBAAkB,GAClBC,WAAYH,KAAKP,kBACjBW,iBAAkBJ,KAAKL,wBACvBU,gBAAiBL,KAAKH,uBAE1B,EAEAS,SAAU,CACRC,oBAAAA,GACE,MAAMC,EAAY,4BAA4BR,KAAKS,KAAKC,EAAE,qCAIpDC,EAAoB,qFAFDX,KAAKS,KAAKC,EAAE,oDAIrC,OAAOV,KAAKS,KAAKC,EAAE,gDACA,CAACE,WAAYJ,EAAWK,qBAAsBF,GACnE,GAGFG,OAAAA,GAGEC,SAASC,iBAAiB,6BAA8BC,IACtDjB,KAAKD,aAAekB,EAAEC,OAAOnB,aAC7BC,KAAKG,WAAac,EAAEC,OAAOf,WAC3BH,KAAKI,iBAAmBa,EAAEC,OAAOd,iBACjCJ,KAAKK,gBAAkBY,EAAEC,OAAOb,eAAc,GAElD,EAEAc,QAAS,CACPC,2BAAAA,CAA4BC,GACtBA,EAAIC,OAAOC,UAAUC,SAAS,oBAEhCC,EAAAA,EAAKC,IAAI,CACPC,IAAK3B,KAAKI,iBACVwB,eAAgBA,EAAGC,cACjB7B,KAAKE,iBAAmB2B,EACxB7B,KAAKC,WAAY,CAAG,GAI5B,ICnFJ,OAFiC,E,SAAA,GAAgB,EAAQ,CAAC,CAAC,SDL3D,gGACoC6B,EAAA/B,eAAY,WAA9CgC,EAAAA,EAAAA,IAAsEC,GADxEC,EAAAA,EAAAA,KAAAC,EAAAA,EAAAA,IAAA,CAAAnD,IAAA,GAC0D+C,EAAA3B,aAAU,UAElD2B,EAAAzB,kBAAe,WAA/B8B,EAAAA,EAAAA,IAKM,MARRC,EAAA,CAIiBN,EAAA7B,YAAS,WAAtB8B,EAAAA,EAAAA,IAEQM,EAAA,CANZtD,IAAA,EAI4B,cAAY,YAJxCS,SAAA8C,EAAAA,EAAAA,KAKM,IAAsB,EAL5BC,EAAAA,EAAAA,KAAAC,EAAAA,EAAAA,IAKSV,EAAA5B,kBAAgB,MALzBuC,EAAA,kBAOIN,EAAAA,EAAAA,IAA+E,KAPnFpD,IAAA,EAOe2D,QAAKC,EAAA,KAAAA,EAAA,OAAAC,IAAEC,EAAAzB,6BAAAyB,EAAAzB,+BAAAwB,IAA6BE,UAAQD,EAAAtC,sBAAAA,KAAAA,EAP3DwC,QAAAC,EAAAA,EAAAA,IAAA,U","sources":["webpack://agra/./app/javascript/events/discussion-forum-loader.vue","webpack://agra/./app/javascript/events/discussion-forum-loader.vue?ef01"],"sourcesContent":["<template>\n  <discussion-forum-container v-if=\"canViewForum\" v-bind=\"forumProps\" />\n\n  <div v-else-if=\"showLoginPrompt\">\n    <alert v-if=\"emailSent\" alert-class=\"success\">\n      {{ emailSentMessage }}\n    </alert>\n    <p v-else @click=\"handleLoginOrMagicLinkClick\" v-html=\"logInOrMagicLinkHtml\" />\n  </div>\n</template>\n\n<script>\nimport ajax from '../helpers/ajax'\nimport Alert from '../components/alert'\nimport DiscussionForumContainer from '../discussion-forum/discussion-forum-container'\n\nexport default {\n  components: { Alert, DiscussionForumContainer },\n\n  props: {\n    initialCanViewForum: {\n      type: Boolean,\n      required: false,\n      default: false\n    },\n\n    initialForumProps: {\n      type: Object,\n      required: true\n    },\n\n    initialSendMagicLinkUrl: {\n      type: String,\n      required: false\n    },\n\n    initialShowLoginPrompt: {\n      type: Boolean,\n      required: false,\n      default: false\n    }\n  },\n\n  data() {\n    return {\n      canViewForum: this.initialCanViewForum,\n      emailSent: false,\n      emailSentMessage: '',\n      forumProps: this.initialForumProps,\n      sendMagicLinkUrl: this.initialSendMagicLinkUrl,\n      showLoginPrompt: this.initialShowLoginPrompt\n    }\n  },\n\n  computed: {\n    logInOrMagicLinkHtml() {\n      const loginLink = `<a href=\"/users/sign_in\">${this.i18n.t('events.forum_section.log_in')}</a>`\n\n      const getMagicLinkText = this.i18n.t('events.forum_section.get_a_magic_link')\n      const btnLinkClasses = 'btn btn-link d-inline p-0 border-0 align-baseline' // Make it look like a real link\n      const sendSoftLoginLink = `<button class=\"send-soft-login ${btnLinkClasses}\">${getMagicLinkText}</button>`\n\n      return this.i18n.t('events.forum_section.login_or_soft_login_html',\n                         {login_link: loginLink, send_soft_login_link: sendSoftLoginLink})\n    }\n  },\n\n  mounted() {\n    // When someone RSVPs, the agra:update-forum-context event will be sent.\n    // We need to update this component's state based on the new data.\n    document.addEventListener('agra:update-forum-context', (e) => {\n      this.canViewForum = e.detail.canViewForum\n      this.forumProps = e.detail.forumProps\n      this.sendMagicLinkUrl = e.detail.sendMagicLinkUrl\n      this.showLoginPrompt = e.detail.showLoginPrompt\n    })\n  },\n\n  methods: {\n    handleLoginOrMagicLinkClick(evt) {\n      if (evt.target.classList.contains('send-soft-login')) {\n        // The user has clicked on the \"get a magic link\" button\n        ajax.put({\n          url: this.sendMagicLinkUrl,\n          successHandler: ({ message }) => {\n            this.emailSentMessage = message\n            this.emailSent = true\n          }\n        })\n      }\n    }\n  }\n}\n</script>\n","import { render } from \"./discussion-forum-loader.vue?vue&type=template&id=348f083f\"\nimport script from \"./discussion-forum-loader.vue?vue&type=script&lang=js\"\nexport * from \"./discussion-forum-loader.vue?vue&type=script&lang=js\"\n\nimport exportComponent from \"../../../node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__"],"names":["key","components","Alert","DiscussionForumContainer","props","initialCanViewForum","type","Boolean","required","default","initialForumProps","Object","initialSendMagicLinkUrl","String","initialShowLoginPrompt","data","canViewForum","this","emailSent","emailSentMessage","forumProps","sendMagicLinkUrl","showLoginPrompt","computed","logInOrMagicLinkHtml","loginLink","i18n","t","sendSoftLoginLink","login_link","send_soft_login_link","mounted","document","addEventListener","e","detail","methods","handleLoginOrMagicLinkClick","evt","target","classList","contains","ajax","put","url","successHandler","message","$data","_createBlock","_component_discussion_forum_container","_normalizeProps","_mergeProps","_createElementBlock","_hoisted_1","_component_alert","_withCtx","_createTextVNode","_toDisplayString","_","onClick","_cache","args","$options","innerHTML","_hoisted_2","_createCommentVNode"],"sourceRoot":""}