{"version":3,"sources":["webpack:///./src/views/Settings.vue?63ae","webpack:///./src/components/SocialSettings.vue?b5f3","webpack:///src/components/SocialSettings.vue","webpack:///./src/components/SocialSettings.vue?9910","webpack:///./src/components/SocialSettings.vue","webpack:///src/views/Settings.vue","webpack:///./src/views/Settings.vue?6028","webpack:///./src/views/Settings.vue","webpack:///./src/components/SocialSettings.vue?8f56","webpack:///./src/views/Settings.vue?5626"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","_v","attrs","model","value","callback","$$v","favouriteColour","expression","streakEmails","promoEmails","showPasswordForm","currentPassword","password","repeatPassword","submittingPassword","on","$event","stopPropagation","changePassword","apply","arguments","_e","staticRenderFns","_l","user","social","i","key","style","display","editing","id","color","socialById","socialId","iconPack","icon","socialURL","_s","content","toggleSocialForm","deleteSocial","preventDefault","submitForm","directives","name","rawName","$$selectedVal","Array","prototype","filter","call","target","options","o","selected","map","val","_value","selectedSocial","multiple","s","domProps","placeholder","class","submitting","availableSocialTypes","length","data","showForm","computed","socialTypes","ust","st","methods","socialType","userId","updateSocial","addSocial","$toasted","error","component","components","Sidebar","SocialSettings","initialised","fcTO","created","getsStreakEmails","getsPromoEmails","$nextTick","watch","clearTimeout","setTimeout","updateSetting","then"],"mappings":"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","file":"js/settings.1672e4b7.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"settings container is-fullhd\"},[_c('h1',{staticClass:\"title\"},[_vm._v(\"Settings\")]),_c('section',{staticClass:\"columns\"},[_c('div',{staticClass:\"column is-three-quarters\"},[_c('h2',{staticClass:\"title is-5\"},[_vm._v(\"Preferences\")]),_c('h3',{staticClass:\"subtitle is-7\"},[_vm._v(\"Settings for SketchDaily\")]),_c('b-field',{attrs:{\"label\":\"Favourite colour\",\"message\":\"Select your favourite colour, it will be the default when you start any sketch.\"}},[_c('b-input',{staticClass:\"color-picker\",attrs:{\"type\":\"color\",\"name\":\"favouriteColour\"},model:{value:(_vm.favouriteColour),callback:function ($$v) {_vm.favouriteColour=$$v},expression:\"favouriteColour\"}})],1),_c('h2',{staticClass:\"title is-5 mt-6\"},[_vm._v(\"Social\")]),_c('h3',{staticClass:\"subtitle is-7\"},[_vm._v(\"Publicly visible social and contact information\")]),_c('SocialSettings'),_c('h2',{staticClass:\"title is-5 mt-6\"},[_vm._v(\"Email preferences\")]),_c('h3',{staticClass:\"subtitle is-7\"},[_vm._v(\"Choose if and when you'd like to be emailed by us\")]),_c('div',{staticClass:\"field\"},[_c('b-switch',{model:{value:(_vm.streakEmails),callback:function ($$v) {_vm.streakEmails=$$v},expression:\"streakEmails\"}},[_vm._v(\"Receive streak reminders by email\")])],1),_c('div',{staticClass:\"field\"},[_c('b-switch',{model:{value:(_vm.promoEmails),callback:function ($$v) {_vm.promoEmails=$$v},expression:\"promoEmails\"}},[_vm._v(\"Receive news and updates by email\")])],1),_c('h2',{staticClass:\"title is-5 mt-6\"},[_vm._v(\"Account\")]),_c('h3',{staticClass:\"subtitle is-7\"},[_vm._v(\"Account and security settings\")]),_c('div',{staticClass:\"field\"},[_c('b-switch',{model:{value:(_vm.showPasswordForm),callback:function ($$v) {_vm.showPasswordForm=$$v},expression:\"showPasswordForm\"}},[_vm._v(\"Change password\")])],1),(_vm.showPasswordForm)?[_c('b-field',{attrs:{\"label\":\"Current password\"}},[_c('b-input',{attrs:{\"type\":\"password\",\"name\":\"current-password\",\"autocomplete\":\"current-password\"},model:{value:(_vm.currentPassword),callback:function ($$v) {_vm.currentPassword=$$v},expression:\"currentPassword\"}})],1),_c('b-field',{attrs:{\"label\":\"New password\",\"message\":\"At least 8 characters in length.\"}},[_c('b-input',{attrs:{\"type\":\"password\",\"name\":\"new-password\",\"autocomplete\":\"new-password\"},model:{value:(_vm.password),callback:function ($$v) {_vm.password=$$v},expression:\"password\"}})],1),_c('b-field',{attrs:{\"label\":\"Repeat password\"}},[_c('b-input',{attrs:{\"type\":\"password\",\"name\":\"favouriteColour\",\"autocomplete\":\"new-password\"},model:{value:(_vm.repeatPassword),callback:function ($$v) {_vm.repeatPassword=$$v},expression:\"repeatPassword\"}})],1),_c('b-button',{attrs:{\"loading\":_vm.submittingPassword,\"type\":\"is-primary\"},on:{\"click\":function($event){$event.stopPropagation();return _vm.changePassword.apply(null, arguments)}}},[_vm._v(\" Save \")])]:_vm._e()],2),_c('Sidebar',{staticClass:\"column\"})],1)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"social-settings\"},[_c('ul',{staticClass:\"mb-4\"},_vm._l((_vm.user.social),function(social,i){return _c('li',{key:i,staticClass:\"social-row\",style:({display: _vm.editing && _vm.editing.id === social.id ? 'none' : ''})},[_c('div',{staticClass:\"level is-mobile\"},[_c('div',{staticClass:\"level-left\"},[_c('span',{staticClass:\"icon\",style:({color: (\"#\" + (_vm.socialById(social.socialId).color))})},[_c('fa-icon',{attrs:{\"icon\":[\n              _vm.socialById(social.socialId).iconPack,\n              _vm.socialById(social.socialId).icon ]}})],1),_c('a',{attrs:{\"href\":_vm.socialURL(social),\"target\":\"_blank\",\"rel\":\"nofollow noopener\"}},[_vm._v(\" \"+_vm._s(social.content)+\" \")])]),_c('div',{staticClass:\"level-right\"},[_c('b-button',{attrs:{\"size\":\"is-small\"},on:{\"click\":function($event){$event.stopPropagation();return _vm.toggleSocialForm(social)}}},[_c('fa-icon',{attrs:{\"icon\":['fas', 'edit']}})],1),_c('b-button',{attrs:{\"type\":\"is-danger\",\"size\":\"is-small\"},on:{\"click\":function($event){$event.stopPropagation();return _vm.deleteSocial(social.id)}}},[_c('fa-icon',{attrs:{\"icon\":['fas', 'trash-alt']}})],1)],1)])])}),0),(_vm.showForm)?_c('form',{on:{\"submit\":function($event){$event.preventDefault();return _vm.submitForm.apply(null, arguments)}}},[_c('div',{staticClass:\"field has-addons\"},[_c('div',{staticClass:\"control\"},[_c('div',{staticClass:\"select\"},[_c('select',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.selectedSocial),expression:\"selectedSocial\"}],on:{\"change\":function($event){var $$selectedVal = Array.prototype.filter.call($event.target.options,function(o){return o.selected}).map(function(o){var val = \"_value\" in o ? o._value : o.value;return val}); _vm.selectedSocial=$event.target.multiple ? $$selectedVal : $$selectedVal[0]}}},_vm._l((_vm.availableSocialTypes),function(s,i){return _c('option',{key:i,domProps:{\"value\":s}},[_vm._v(\" \"+_vm._s(s.name)+\" \")])}),0)])]),_c('div',{staticClass:\"control is-expanded\"},[_c('b-input',{attrs:{\"type\":\"text\",\"name\":\"content\",\"placeholder\":_vm.placeholder},model:{value:(_vm.content),callback:function ($$v) {_vm.content=$$v},expression:\"content\"}})],1),_c('div',{staticClass:\"control\"},[_c('b-button',{class:{'is-loading': _vm.submitting},attrs:{\"native-type\":\"submit\",\"type\":\"is-primary\",\"disabled\":_vm.submitting}},[(_vm.editing)?[_vm._v(\"Update\")]:[_vm._v(\"Add\")]],2)],1),_c('div',{staticClass:\"control\"},[_c('b-button',{attrs:{\"disabled\":_vm.submitting},on:{\"click\":function($event){$event.stopPropagation();return _vm.toggleSocialForm.apply(null, arguments)}}},[_vm._v(\" Cancel \")])],1)])]):_c('b-button',{attrs:{\"disabled\":_vm.availableSocialTypes.length === 0},on:{\"click\":function($event){$event.stopPropagation();return _vm.toggleSocialForm.apply(null, arguments)}}},[_vm._v(\" Add \")])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"social-settings\">\n    <ul class=\"mb-4\">\n      <li\n        v-for=\"(social, i) in user.social\"\n        :key=\"i\"\n        :style=\"{display: editing && editing.id === social.id ? 'none' : ''}\"\n        class=\"social-row\">\n        <div class=\"level is-mobile\">\n          <div class=\"level-left\">\n            <span class=\"icon\" :style=\"{color: `#${socialById(social.socialId).color}`}\">\n              <fa-icon :icon=\"[\n                socialById(social.socialId).iconPack,\n                socialById(social.socialId).icon,\n              ]\" />\n            </span>\n            <a\n              :href=\"socialURL(social)\"\n              target=\"_blank\"\n              rel=\"nofollow noopener\">\n              {{social.content}}\n            </a>\n          </div>\n          <div class=\"level-right\">\n            <b-button @click.stop=\"toggleSocialForm(social)\" size=\"is-small\">\n              <fa-icon :icon=\"['fas', 'edit']\"/>\n            </b-button>\n            <b-button @click.stop=\"deleteSocial(social.id)\" type=\"is-danger\" size=\"is-small\">\n              <fa-icon :icon=\"['fas', 'trash-alt']\"/>\n            </b-button>\n          </div>\n        </div>\n      </li>\n    </ul>\n    <form v-if=\"showForm\" @submit.prevent=\"submitForm\">\n      <div class=\"field has-addons\">\n        <div class=\"control\">\n          <div class=\"select\">\n            <select v-model=\"selectedSocial\">\n              <option\n                v-for=\"(s, i) in availableSocialTypes\"\n                :key=\"i\"\n                :value=\"s\">\n                {{s.name}}\n              </option>\n            </select>\n          </div>\n        </div>\n        <div class=\"control is-expanded\">\n          <b-input\n            v-model=\"content\"\n            type=\"text\"\n            name=\"content\"\n            :placeholder=\"placeholder\"/>\n        </div>\n        <div class=\"control\">\n          <b-button\n            native-type=\"submit\"\n            type=\"is-primary\"\n            :disabled=\"submitting\"\n            :class=\"{'is-loading': submitting}\">\n            <template v-if=\"editing\">Update</template>\n            <template v-else>Add</template>\n          </b-button>\n        </div>\n        <div class=\"control\">\n          <b-button @click.stop=\"toggleSocialForm\" :disabled=\"submitting\">\n            Cancel\n          </b-button>\n        </div>\n      </div>\n    </form>\n    <b-button\n      v-else\n      @click.stop=\"toggleSocialForm\"\n      :disabled=\"availableSocialTypes.length === 0\">\n      Add\n    </b-button>\n  </div>\n</template>\n\n<script>\nimport { mapGetters } from 'vuex';\nimport API from '@/services/api';\n\nexport default {\n  name: 'SocialSettings',\n  data() {\n    return {\n      showForm: false,\n      submitting: false,\n      selectedSocial: null,\n      content: '',\n      editing: null,\n    };\n  },\n  computed: {\n    ...mapGetters({\n      user: 'session/user',\n      socialTypes: 'site/social',\n      socialById: 'site/socialById',\n    }),\n\n    placeholder() {\n      if (!this.selectedSocial) return '';\n      return this.selectedSocial.placeholder ? this.selectedSocial.placeholder : '';\n    },\n    availableSocialTypes() {\n      return this.socialTypes.filter((st) => {\n        for (let i = 0; i < this.user.social.length; i += 1) {\n          const ust = this.user.social[i];\n          if (ust.socialId === st.id && (!this.editing || this.editing.socialId !== st.id)) {\n            return false;\n          }\n        }\n        return true;\n      });\n    },\n  },\n  methods: {\n    socialURL(social) {\n      const sd = this.socialById(social.socialId);\n      const prefix = sd.urlPrefix ? sd.urlPrefix : '';\n      return `${prefix}${social.content}`;\n    },\n    toggleSocialForm(data) {\n      if (this.showForm) {\n        this.showForm = false;\n        this.editing = null;\n        this.content = '';\n        return;\n      }\n\n      if (data && data.id) { // editing\n        this.editing = data;\n        this.content = data.content;\n        const socialType = this.socialTypes.filter((s) => s.id === data.socialId);\n        // eslint-disable-next-line prefer-destructuring\n        this.selectedSocial = socialType[0];\n      } else {\n        if (this.availableSocialTypes.length === 0) return;\n        // eslint-disable-next-line prefer-destructuring\n        this.selectedSocial = this.availableSocialTypes[0];\n      }\n\n      this.showForm = true;\n    },\n    submitForm() {\n      if (this.submitting) return;\n      if (!this.selectedSocial) {\n        this.$toasted.error('No type selected.', { duration: 2000 });\n        return;\n      }\n      if (!this.content) {\n        this.$toasted.error('Social content cannot be empty.', { duration: 2000 });\n        return;\n      }\n\n      this.submitting = true;\n\n      const data = {\n        userId: this.user.id,\n        socialId: this.selectedSocial.id,\n        content: this.content,\n      };\n\n      if (this.editing) {\n        data.id = this.editing.id;\n        this.updateSocial(data);\n        return;\n      }\n\n      this.addSocial(data);\n    },\n    async addSocial(data) {\n      try {\n        await API.users.social.create(data);\n        await this.$store.dispatch('session/getProfile');\n        this.toggleSocialForm();\n      } catch (e) {\n        const error = API.handleError(e);\n        if (error) this.$toasted.error(error.message, { duration: 2000 });\n      }\n\n      this.submitting = false;\n    },\n    async updateSocial(data) {\n      try {\n        await API.users.social.update(data.id, data);\n        await this.$store.dispatch('session/getProfile');\n        this.toggleSocialForm();\n      } catch (e) {\n        const error = API.handleError(e);\n        if (error) this.$toasted.error(error.message, { duration: 2000 });\n      }\n\n      this.submitting = false;\n    },\n    async deleteSocial(id) {\n      if (this.submitting) return;\n      const conf = window.confirm('Are you sure you want to delete this?'); // eslint-disable-line no-alert\n      if (!conf) return;\n      this.submitting = true;\n      try {\n        await API.users.social.delete(id);\n        await this.$store.dispatch('session/getProfile');\n      } catch (e) {\n        const error = API.handleError(e);\n        if (error) this.$toasted.error(error.message, { duration: 2000 });\n      }\n      this.submitting = false;\n    },\n  },\n};\n</script>\n\n<style lang=\"scss\" scoped>\n.social-row {\n  &:hover {\n    background: rgba($color: #000000, $alpha: 0.05);\n  }\n}\n</style>\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./SocialSettings.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./SocialSettings.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./SocialSettings.vue?vue&type=template&id=d46f54dc&scoped=true&\"\nimport script from \"./SocialSettings.vue?vue&type=script&lang=js&\"\nexport * from \"./SocialSettings.vue?vue&type=script&lang=js&\"\nimport style0 from \"./SocialSettings.vue?vue&type=style&index=0&id=d46f54dc&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  \"d46f54dc\",\n  null\n  \n)\n\nexport default component.exports","<template>\n  <div class=\"settings container is-fullhd\">\n    <h1 class=\"title\">Settings</h1>\n    <section class=\"columns\">\n      <div class=\"column is-three-quarters\">\n\n        <h2 class=\"title is-5\">Preferences</h2>\n        <h3 class=\"subtitle is-7\">Settings for SketchDaily</h3>\n\n        <b-field\n          label=\"Favourite colour\"\n          message=\"Select your favourite colour, it will be the default when you start any sketch.\">\n          <b-input\n            v-model=\"favouriteColour\"\n            type=\"color\"\n            name=\"favouriteColour\"\n            class=\"color-picker\"/>\n        </b-field>\n\n        <h2 class=\"title is-5 mt-6\">Social</h2>\n        <h3 class=\"subtitle is-7\">Publicly visible social and contact information</h3>\n\n        <SocialSettings />\n\n        <h2 class=\"title is-5 mt-6\">Email preferences</h2>\n        <h3 class=\"subtitle is-7\">Choose if and when you'd like to be emailed by us</h3>\n\n        <div class=\"field\">\n          <b-switch v-model=\"streakEmails\">Receive streak reminders by email</b-switch>\n        </div>\n\n        <div class=\"field\">\n          <b-switch v-model=\"promoEmails\">Receive news and updates by email</b-switch>\n        </div>\n\n        <h2 class=\"title is-5 mt-6\">Account</h2>\n        <h3 class=\"subtitle is-7\">Account and security settings</h3>\n\n        <div class=\"field\">\n          <b-switch v-model=\"showPasswordForm\">Change password</b-switch>\n        </div>\n\n        <template v-if=\"showPasswordForm\">\n          <b-field label=\"Current password\">\n            <b-input\n              v-model=\"currentPassword\"\n              type=\"password\"\n              name=\"current-password\"\n              autocomplete=\"current-password\" />\n          </b-field>\n          <b-field label=\"New password\" message=\"At least 8 characters in length.\">\n            <b-input\n              v-model=\"password\"\n              type=\"password\"\n              name=\"new-password\"\n              autocomplete=\"new-password\" />\n          </b-field>\n          <b-field label=\"Repeat password\">\n            <b-input\n              v-model=\"repeatPassword\"\n              type=\"password\"\n              name=\"favouriteColour\"\n              autocomplete=\"new-password\" />\n          </b-field>\n          <b-button @click.stop=\"changePassword\" :loading=\"submittingPassword\" type=\"is-primary\">\n            Save\n          </b-button>\n        </template>\n      </div>\n\n      <Sidebar class=\"column\" />\n    </section>\n  </div>\n</template>\n\n<script>\nimport { mapGetters } from 'vuex';\nimport API from '@/services/api';\nimport Sidebar from '@/components/Sidebar.vue';\nimport SocialSettings from '@/components/SocialSettings.vue';\n\nexport default {\n  name: 'Settings',\n  components: {\n    Sidebar,\n    SocialSettings,\n  },\n  data() {\n    return {\n      initialised: false,\n\n      fcTO: 0,\n      favouriteColour: '#000000',\n      streakEmails: false,\n      promoEmails: false,\n\n      showPasswordForm: false,\n      submittingPassword: false,\n      currentPassword: '',\n      password: '',\n      repeatPassword: '',\n    };\n  },\n  created() {\n    this.favouriteColour = `#${this.user.favouriteColour}`;\n    this.streakEmails = this.user.getsStreakEmails;\n    this.promoEmails = this.user.getsPromoEmails;\n    this.$nextTick(() => {\n      this.initialised = true;\n    });\n  },\n  computed: {\n    ...mapGetters({\n      user: 'session/user',\n    }),\n  },\n  watch: {\n    favouriteColour(val) {\n      const value = val.replace('#', '');\n      if (!this.initialised) return;\n      if (this.fcTO > 0) clearTimeout(this.fcTO);\n      this.fcTO = setTimeout(() => {\n        this.updateSetting('favouriteColour', value).then(() => {\n          this.$store.commit('session/updateUserProperty', { name: 'favouriteColour', value });\n        });\n        this.fcTO = 0;\n      }, 500);\n    },\n    streakEmails(value) {\n      if (!this.initialised) return;\n      this.updateSetting('getsStreakEmails', value).then(() => {\n        this.$store.commit('session/updateUserProperty', { name: 'getsStreakEmails', value });\n      });\n    },\n    promoEmails(value) {\n      if (!this.initialised) return;\n      this.updateSetting('getsPromoEmails', value).then(() => {\n        this.$store.commit('session/updateUserProperty', { name: 'getsPromoEmails', value });\n      });\n    },\n  },\n  methods: {\n    async updateSetting(name, value) {\n      try {\n        await API.users.updateSetting({ name, value });\n        this.$toasted.show('Setting updated!', { duration: 2000 });\n      } catch (e) {\n        const error = API.handleError(e);\n        if (error) this.$toasted.error(error.message, { duration: 2000 });\n      }\n    },\n    async changePassword() {\n      if (this.submittingPassword) return;\n      this.submittingPassword = true;\n      try {\n        await API.users.changePassword({\n          currentPassword: this.currentPassword,\n          password: this.password,\n          repeatPassword: this.repeatPassword,\n        });\n        this.$toasted.show('Password updated!', { duration: 2000 });\n        this.showPasswordForm = false;\n        this.currentPassword = '';\n        this.password = '';\n        this.repeatPassword = '';\n      } catch (e) {\n        const error = API.handleError(e);\n        if (error) this.$toasted.error(error.message, { duration: 2000 });\n      }\n      this.submittingPassword = false;\n    },\n  },\n};\n</script>\n\n<style lang=\"scss\" scoped>\n.color-picker {\n  max-width: 350px;\n}\n</style>\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Settings.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Settings.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Settings.vue?vue&type=template&id=55e531fc&scoped=true&\"\nimport script from \"./Settings.vue?vue&type=script&lang=js&\"\nexport * from \"./Settings.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Settings.vue?vue&type=style&index=0&id=55e531fc&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  \"55e531fc\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./SocialSettings.vue?vue&type=style&index=0&id=d46f54dc&lang=scss&scoped=true&\"","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Settings.vue?vue&type=style&index=0&id=55e531fc&lang=scss&scoped=true&\""],"sourceRoot":""}