{"version":3,"sources":["webpack:///./src/modals/account/views/components/SettingsConnections.vue?09cd","webpack:///src/modals/account/views/components/SettingsConnections.vue","webpack:///./src/modals/account/views/components/SettingsConnections.vue?1fba","webpack:///./src/modals/account/views/components/SettingsConnections.vue","webpack:///./src/modals/account/views/components/SettingsConnections.vue?949b"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","directives","name","rawName","value","expression","_l","provider","key","id","attrs","style","color","icon","connections","_v","_s","referenceId","_f","lastUpdatedAt","_e","loading","link","on","$event","onUnlink","onLink","$t","model","callback","$$v","withEmail","staticRenderFns","PROVIDERS","PROVIDER_ICONS","discord","twitter","PROVIDER_COLORS","props","user","type","User","required","computed","map","i","reduce","acc","v","methods","unlinkConnection","removeConnection","authUrl","$modal","open","$toast","error","message","component","VBtn","VCheckbox","VSheet"],"mappings":"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","file":"js/account-views-components-SettingsConnections.modal.674e61be.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"settings-connections\"},[_c('h3',{directives:[{name:\"t\",rawName:\"v-t\",value:('page.account.settings.connections.title'),expression:\"'page.account.settings.connections.title'\"}],staticClass:\"text-h5 text-uppercase font-weight-extrabold mb-4\"}),_vm._l((_vm.PROVIDERS),function(provider){return _c('v-sheet',{key:provider.id,staticClass:\"mb-2 d-flex\",attrs:{\"color\":\"grey800\"}},[_c('div',{staticClass:\"grey600 pa-4 d-flex align-center justify-center\"},[_c('fai',{staticClass:\"text-h5\",style:({color: provider.color}),attrs:{\"fixed-width\":\"\",\"icon\":provider.icon}})],1),_c('div',{staticClass:\"flex-grow-1 align-self-center py-3 px-3\"},[_c('h4',{directives:[{name:\"t\",rawName:\"v-t\",value:(provider.name),expression:\"provider.name\"}],staticClass:\"text-body-1 text-capitalize font-weight-semibold\"}),(_vm.connections[provider.id])?_c('h5',{staticClass:\"text-caption text--secondary\"},[_c('span',[_vm._v(\"#\"+_vm._s(_vm.connections[provider.id].referenceId))]),_c('span',{staticClass:\"ml-1 text--disabled\"},[_vm._v(\" (\"+_vm._s(_vm._f(\"toDateFormat\")(_vm.connections[provider.id].lastUpdatedAt,'YYYY-MM-DD HH:mm'))+\") \")])]):_vm._e()]),_c('div',{staticClass:\"actions d-flex align-center pr-3\"},[(_vm.connections[provider.id])?_c('v-btn',{staticClass:\"text-caption font-weight-semibold\",attrs:{\"color\":\"primary800 primary200--text\",\"ripple\":false,\"tile\":\"\",\"depressed\":\"\",\"loading\":_vm.loading.link},on:{\"click\":function($event){return _vm.onUnlink(provider.id)}}},[_c('fai',{staticClass:\"mr-2\",attrs:{\"icon\":['far', 'times']}}),_c('span',{directives:[{name:\"t\",rawName:\"v-t\",value:('cta.unlink'),expression:\"'cta.unlink'\"}]})],1):_c('v-btn',{staticClass:\"text-caption font-weight-semibold\",attrs:{\"color\":\"blue700 blue200--text\",\"ripple\":false,\"tile\":\"\",\"depressed\":\"\",\"loading\":_vm.loading.link},on:{\"click\":function($event){return _vm.onLink(provider.id)}}},[_c('fai',{staticClass:\"mr-2\",attrs:{\"icon\":['fas', 'plus']}}),_c('span',{directives:[{name:\"t\",rawName:\"v-t\",value:('cta.link_account'),expression:\"'cta.link_account'\"}]})],1)],1)])}),_c('v-checkbox',{staticClass:\"mt-3\",attrs:{\"hide-details\":\"\",\"dense\":\"\",\"color\":\"grey100\",\"label\":_vm.$t('page.account.settings.connections.promo')},model:{value:(_vm.withEmail),callback:function ($$v) {_vm.withEmail=$$v},expression:\"withEmail\"}})],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"settings-connections\">\n    <h3\n      v-t=\"'page.account.settings.connections.title'\"\n      class=\"text-h5 text-uppercase font-weight-extrabold mb-4\"\n    />\n\n    <v-sheet\n      v-for=\"provider in PROVIDERS\"\n      :key=\"provider.id\"\n      color=\"grey800\"\n      class=\"mb-2 d-flex\"\n    >\n      <div class=\"grey600 pa-4 d-flex align-center justify-center\">\n        <fai\n          fixed-width\n          :icon=\"provider.icon\"\n          :style=\"{color: provider.color}\"\n          class=\"text-h5\"\n        />\n      </div>\n      <div class=\"flex-grow-1 align-self-center py-3 px-3\">\n        <h4 v-t=\"provider.name\" class=\"text-body-1 text-capitalize font-weight-semibold\" />\n        <h5\n          v-if=\"connections[provider.id]\"\n          class=\"text-caption text--secondary\"\n        >\n          <span>#{{ connections[provider.id].referenceId }}</span>\n          <span class=\"ml-1 text--disabled\">\n            ({{ connections[provider.id].lastUpdatedAt | toDateFormat('YYYY-MM-DD HH:mm') }})\n          </span>\n        </h5>\n      </div>\n\n      <div class=\"actions d-flex align-center pr-3\">\n        <v-btn\n          v-if=\"connections[provider.id]\"\n          color=\"primary800 primary200--text\"\n          class=\"text-caption font-weight-semibold\"\n          :ripple=\"false\"\n          tile depressed\n          :loading=\"loading.link\"\n          @click=\"onUnlink(provider.id)\"\n        >\n          <fai :icon=\"['far', 'times']\" class=\"mr-2\" />\n          <span v-t=\"'cta.unlink'\" />\n        </v-btn>\n\n        <v-btn\n          v-else\n          color=\"blue700 blue200--text\"\n          class=\"text-caption font-weight-semibold\"\n          :ripple=\"false\"\n          tile depressed\n          :loading=\"loading.link\"\n          @click=\"onLink(provider.id)\"\n        >\n          <fai :icon=\"['fas', 'plus']\" class=\"mr-2\" />\n          <span v-t=\"'cta.link_account'\" />\n        </v-btn>\n      </div>\n    </v-sheet>\n\n    <v-checkbox\n      v-model=\"withEmail\"\n      hide-details dense\n      color=\"grey100\"\n      class=\"mt-3\"\n      :label=\"$t('page.account.settings.connections.promo')\"\n    />\n  </div>\n</template>\n\n<script>\nimport User from '@/store/models/user/User'\nimport { oauthLink } from '@/api/auth'\nimport { mapActions, mapMutations } from 'vuex'\n\nconst PROVIDERS = ['discord']\n\nconst PROVIDER_ICONS = {\n  discord: ['fab', 'discord'],\n  twitter: ['fab', 'twitter'],\n}\n\nconst PROVIDER_COLORS = {\n  discord: '#5865f2',\n  twitter: '#1DA1F2',\n}\n\nexport default {\n  props: {\n    user: {\n      type: [User, Object],\n      required: true,\n    },\n  },\n  data() {\n    return {\n      loading: {\n        link: false,\n      },\n      withEmail: true,\n    }\n  },\n  computed: {\n    PROVIDERS() {\n      return PROVIDERS.map(i => ({\n        id: i,\n        name: `page.account.settings.connections.provider.${i}`,\n        icon: PROVIDER_ICONS[i],\n        color: PROVIDER_COLORS[i],\n      }))\n    },\n    connections() {\n      return this.user.connections.reduce((acc, v) => {\n        acc[v.type] = v\n        return acc\n      }, {})\n    },\n  },\n  methods: {\n    ...mapActions({\n      unlinkConnection: 'user/unlinkConnection',\n    }),\n    ...mapMutations({\n      removeConnection: 'user/removeConnection',\n    }),\n    async onLink(provider) {\n      if (this.loading.link) return\n\n      this.loading.link = true\n      try {\n        const authUrl = await oauthLink({\n          provider,\n          withEmail: this.withEmail,\n        })\n\n        this.$modal.open('oauth', { maxWidth: 320 }, { authUrl, provider })\n      } catch (error) {\n        this.$toast.error(error.message)\n      } finally {\n        this.loading.link = false\n      }\n    },\n    async onUnlink(provider) {\n      if (this.loading.link) return\n\n      this.loading.link = true\n      try {\n        await this.unlinkConnection(provider)\n      } catch (error) {\n        this.$toast.error(error.message)\n      } finally {\n        this.loading.link = false\n      }\n    },\n  },\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.settings-connections {\n\n}\n</style>\n","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js!../../../../../node_modules/vuetify-loader/lib/loader.js??ref--17-0!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./SettingsConnections.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js!../../../../../node_modules/vuetify-loader/lib/loader.js??ref--17-0!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./SettingsConnections.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./SettingsConnections.vue?vue&type=template&id=c26e0270&scoped=true&\"\nimport script from \"./SettingsConnections.vue?vue&type=script&lang=js&\"\nexport * from \"./SettingsConnections.vue?vue&type=script&lang=js&\"\nimport style0 from \"./SettingsConnections.vue?vue&type=style&index=0&id=c26e0270&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"c26e0270\",\n  null\n  \n)\n\nexport default component.exports\n\n/* vuetify-loader */\nimport installComponents from \"!../../../../../node_modules/vuetify-loader/lib/runtime/installComponents.js\"\nimport { VBtn } from 'vuetify/lib/components/VBtn';\nimport { VCheckbox } from 'vuetify/lib/components/VCheckbox';\nimport { VSheet } from 'vuetify/lib/components/VSheet';\ninstallComponents(component, {VBtn,VCheckbox,VSheet})\n","import mod from \"-!../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../../node_modules/vuetify-loader/lib/loader.js??ref--17-0!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./SettingsConnections.vue?vue&type=style&index=0&id=c26e0270&lang=scss&scoped=true&\"; export default mod; export * from \"-!../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../../node_modules/vuetify-loader/lib/loader.js??ref--17-0!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./SettingsConnections.vue?vue&type=style&index=0&id=c26e0270&lang=scss&scoped=true&\""],"sourceRoot":""}