{"version":3,"file":"FandomJoiner-f4b2086d.js","sources":["../../../app/javascript/components/fandom/FandomJoiner.vue"],"sourcesContent":["<template>\n  <auth-gate :notice=\"authGateMessage\">\n    <div v-if=\"hasJoinBtnSlot && hasLeaveBtnSlot\">\n      <button v-if=\"isMember\" @click.stop=\"leaveFandom\">\n        <slot name=\"leave-btn\"></slot>\n      </button>\n      <button v-else @click.stop=\"joinFandom\">\n        <slot name=\"join-btn\"></slot>\n      </button>\n    </div>\n    <div v-else>\n      <button v-if='isMember' @click.stop=\"leaveFandom\" :class='styles'>\n        <span class=\"group-hover:hidden\">Joined</span>\n        <span class=\"hidden group-hover:block px-0.5\">Leave</span>\n      </button>\n      <button v-else @click.stop=\"joinFandom\"\n              :class='styles'>\n        Join\n      </button>\n    </div>\n  </auth-gate>\n</template>\n\n<script>\nimport { post } from '@rails/request.js'\n\nexport default {\n  props: {\n    fandom: Object,\n    joinPath: {\n      type: String,\n      default(props) {\n        return `/fandoms/${props.fandom.slug}/memberships/join`\n      }\n    },\n    leavePath: {\n      type: String,\n      default(props) {\n        return `/fandoms/${props.fandom.slug}/memberships/leave`\n      }\n    },\n    classes: String\n  },\n\n  data() {\n    return {\n      isMember: this.fandom['is_member'],\n      authGateMessage: 'You must be logged in join a fandom.'\n    }\n  },\n\n  computed: {\n    styles() {\n      return {\n        \"group w-full inline-flex justify-center items-center font-medium focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-purple-500\": true,\n        \"border border-purple-700 hover:border-purple-700 bg-transparent hover:bg-gray-50 text-purple-700 hover:text-purple-900\": !this.isMember,\n        \"bg-purple-700 hover:bg-purple-800 text-white hover:text-gray-100\": this.isMember,\n        [this.classes]: this.classes,\n        \"px-3 py-1 text-xs rounded-full\": !this.classes\n      }\n    },\n    hasJoinBtnSlot() {\n      return this.$slots['join-btn']\n    },\n    hasLeaveBtnSlot() {\n      return this.$slots['leave-btn']\n    }\n  },\n\n  methods: {\n    async joinFandom() {\n      const { response } = await post(this.joinPath, { responseKind: 'json' })\n      if (response.ok) {\n        const result = await response.json()\n        console.debug('joinFandom response', result)\n        this.isMember = result['is_member']\n        this.$store.commit('pushNotification', '<div>👋🏿 Successfully joined!</div>')\n      }\n    },\n    async leaveFandom() {\n      const { response } = await post(this.leavePath, { responseKind: 'json' })\n      if (response.ok) {\n        const result = await response.json()\n        console.debug('leaveFandom response', result)\n        this.isMember = result['is_member']\n        this.$store.commit('pushNotification', '<div>👍🏿 Successfully left.</div>')\n      }\n    }\n  }\n}\n</script>"],"names":["_sfc_main","props","response","post","result","_hoisted_3","_createElementVNode","_hoisted_4","_createBlock","_component_auth_gate","$data","$options","_createElementBlock","_hoisted_1","args","_renderSlot","_ctx","_hoisted_2"],"mappings":"yKA0BA,MAAKA,EAAU,CACb,MAAO,CACL,OAAQ,OACR,SAAU,CACR,KAAM,OACN,QAAQC,EAAO,CACb,MAAO,YAAYA,EAAM,OAAO,uBAClC,CACD,EACD,UAAW,CACT,KAAM,OACN,QAAQA,EAAO,CACb,MAAO,YAAYA,EAAM,OAAO,wBAClC,CACD,EACD,QAAS,MACV,EAED,MAAO,CACL,MAAO,CACL,SAAU,KAAK,OAAO,UACtB,gBAAiB,sCACnB,CACD,EAED,SAAU,CACR,QAAS,CACP,MAAO,CACL,6IAA8I,GAC9I,yHAA0H,CAAC,KAAK,SAChI,mEAAoE,KAAK,SACzE,CAAC,KAAK,OAAO,EAAG,KAAK,QACrB,iCAAkC,CAAC,KAAK,OAC1C,CACD,EACD,gBAAiB,CACf,OAAO,KAAK,OAAO,UAAU,CAC9B,EACD,iBAAkB,CAChB,OAAO,KAAK,OAAO,WAAW,CAChC,CACD,EAED,QAAS,CACP,MAAM,YAAa,CACjB,KAAM,CAAE,SAAAC,CAAW,EAAE,MAAMC,EAAK,KAAK,SAAU,CAAE,aAAc,OAAQ,EACvE,GAAID,EAAS,GAAI,CACf,MAAME,EAAS,MAAMF,EAAS,KAAK,EACnC,QAAQ,MAAM,sBAAuBE,CAAM,EAC3C,KAAK,SAAWA,EAAO,UACvB,KAAK,OAAO,OAAO,mBAAoB,sCAAsC,EAEhF,EACD,MAAM,aAAc,CAClB,KAAM,CAAE,SAAAF,CAAS,EAAI,MAAMC,EAAK,KAAK,UAAW,CAAE,aAAc,OAAQ,EACxE,GAAID,EAAS,GAAI,CACf,MAAME,EAAS,MAAMF,EAAS,KAAK,EACnC,QAAQ,MAAM,uBAAwBE,CAAM,EAC5C,KAAK,SAAWA,EAAO,UACvB,KAAK,OAAO,OAAO,mBAAoB,oCAAoC,EAE/E,CACF,CACF,sBA7EQC,EAAAC,EAA8C,OAAxC,CAAA,MAAM,sBAAqB,SAAM,EAAA,EACvCC,EAAAD,EAA0D,OAApD,CAAA,MAAM,mCAAkC,QAAK,EAAA,KADnDD,EACAE,6DAZNC,EAmBYC,EAAA,CAnBA,OAAQC,EAAe,iBAAA,WACjC,IAOM,CAPKC,EAAA,gBAAkBA,EAAe,qBAA5CC,EAOM,MAAAC,EAAA,CANUH,EAAQ,cAAtBE,EAES,SAAA,OAFgB,8BAAYD,EAAW,aAAAA,EAAA,YAAA,GAAAG,CAAA,EAAA,CAAA,MAAA,CAAA,KAC9CC,EAA8BC,EAAA,OAAA,WAAA,UAEhCJ,EAES,SAAA,OAFO,8BAAYD,EAAU,YAAAA,EAAA,WAAA,GAAAG,CAAA,EAAA,CAAA,MAAA,CAAA,KACpCC,EAA6BC,EAAA,OAAA,UAAA,aAGjCJ,EASM,MAAAK,EAAA,CARUP,EAAQ,cAAtBE,EAGS,SAAA,OAHgB,8BAAYD,EAAW,aAAAA,EAAA,YAAA,GAAAG,CAAA,EAAA,CAAA,MAAA,CAAA,GAAG,QAAOH,EAAM,MAAA,cAIhEC,EAGS,SAAA,OAHO,8BAAYD,EAAU,YAAAA,EAAA,WAAA,GAAAG,CAAA,EAAA,CAAA,MAAA,CAAA,GAC7B,QAAOH,EAAM,MAAA,GAAE,SAExB,CAAA"}