{"version":3,"sources":["webpack:///./src/views/Profile/components/PremiumClub/ProfileSettings.vue?78d4","webpack:///./src/views/Profile/components/PremiumClub/ProfileSettings.vue?fd87","webpack:///src/views/Profile/components/PremiumClub/ProfileSettings.vue","webpack:///./src/views/Profile/components/PremiumClub/ProfileSettings.vue?edd1","webpack:///./src/views/Profile/components/PremiumClub/ProfileSettings.vue?cb42"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","_v","_s","$t","_l","item","key","id","attrs","onToggleDontCallMe","createdFunc","staticRenderFns","component"],"mappings":"kHAAA,W,gECAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,gBAAgB,CAACF,EAAG,MAAM,CAACE,YAAY,6BAA6B,CAACF,EAAG,MAAM,CAACE,YAAY,WAAW,CAACF,EAAG,UAAUA,EAAG,UAAU,CAACA,EAAG,MAAM,CAACE,YAAY,mBAAmB,CAACF,EAAG,KAAK,CAACE,YAAY,kBAAkB,CAACN,EAAIO,GAAGP,EAAIQ,GAAGR,EAAIS,GAAG,mCAAmCT,EAAIU,GAAIV,EAAqB,mBAAE,SAASW,GAAM,OAAOP,EAAG,cAAc,CAACQ,IAAID,EAAKE,GAAGC,MAAM,CAAC,KAAOH,SAAW,MAAM,GAAGP,EAAG,wBAAwB,CAACU,MAAM,CAAC,mBAAqBd,EAAIe,mBAAmB,YAAcf,EAAIgB,gBAAgB,GAAGZ,EAAG,aAAa,IACvnBa,EAAkB,G,shNCoBtB,OACE,MAAF,qCACE,SAAF,kBACA,2CAEE,KALF,WAMI,IAAJ,GACA,CACM,GAAN,EACM,OAAN,6BACM,QAAN,uCACM,UAAN,OACM,WAAN,MAEA,CACM,GAAN,EACM,OAAN,wBACM,UAAN,OACM,WAAN,MAEA,CACM,GAAN,EACM,OAAN,2BACM,QAAN,0CACM,UAAN,WACM,WAAN,OAGI,MAAJ,CACM,kBAAN,IAGE,WAAF,CACI,QAAJ,WAAM,OAAN,6CACI,OAAJ,WAAM,OAAN,6CACI,YAAJ,WAAM,OAAN,iDACI,sBAAJ,WAAM,OAAN,iDACI,SAAJ,WAAM,OAAN,8CAEE,MAAF,CACI,UADJ,SACA,GACM,KAAN,uCACQ,OAAR,MACU,KAAV,EACY,OAAZ,qBACU,KAAV,EACY,OAAZ,2BACU,KAAV,EACY,OAAZ,8BAKE,QArDF,WAqDI,IAAJ,OAAI,OAAJ,wHACA,gBADA,+CC1EsY,I,wBCQlYC,EAAY,eACd,EACAnB,EACAkB,GACA,EACA,KACA,WACA,MAIa,aAAAC,E","file":"js/5a45fe80/chunk-81b09dac.js","sourcesContent":["export * from \"-!../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ProfileSettings.vue?vue&type=style&index=0&id=427ca047&scoped=true&lang=css&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"main-profile\"},[_c('div',{staticClass:\"profile-general-container\"},[_c('div',{staticClass:\"profile\"},[_c('Header'),_c('Wrapper',[_c('div',{staticClass:\"profile-general\"},[_c('h1',{staticClass:\"profile-header\"},[_vm._v(_vm._s(_vm.$t('generalTabs.profileSettings')))]),_vm._l((_vm.profileItemsArray),function(item){return _c('ProfileItem',{key:item.id,attrs:{\"item\":item}})})],2)])],1),_c('PremiumClubAdditional',{attrs:{\"onToggleDontCallMe\":_vm.onToggleDontCallMe,\"createdFunc\":_vm.createdFunc}})],1),_c('Envelope')],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n    <div class=\"main-profile\">\n        <div class=\"profile-general-container\">\n            <div class=\"profile\">\n                <Header />\n                <Wrapper>\n                    <div class=\"profile-general\">\n                        <h1 class=\"profile-header\">{{ $t('generalTabs.profileSettings') }}</h1>\n                        <ProfileItem v-for=\"item in profileItemsArray\" :key=\"item.id\" :item=\"item\" />\n                    </div>\n                </Wrapper>\n            </div>\n            <PremiumClubAdditional :onToggleDontCallMe=\"onToggleDontCallMe\" :createdFunc=\"createdFunc\" />\n        </div>\n        <Envelope />\n    </div>\n</template>\n\n<script>\nimport { mapGetters } from 'vuex';\n\nexport default {\n    props: ['onToggleDontCallMe', 'createdFunc'],\n    computed: {\n        ...mapGetters(['clientObj', 'brandName']),\n    },\n    data() {\n        const profileItemsArray = [\n            {\n                id: 1,\n                header: this.$t('global.byUsername'),\n                subtext: this.$t('generalTabs.thisIsYourLogin'),\n                inputType: 'text',\n                inputValue: null\n            },\n            {\n                id: 2,\n                header: this.$t('global.email'),\n                inputType: 'text',\n                inputValue: null\n            },\n            {\n                id: 3,\n                header: this.$t('global.password'),\n                subtext: this.$t('generalTabs.thisIsYourPassword'),\n                inputType: 'password',\n                inputValue: null\n            },\n        ]\n        return {\n            profileItemsArray\n        }\n    },\n    components: {\n        Wrapper: () => import('@/components/Wrapper.vue'),\n        Header: () => import('@/components/SideNavPc.vue'),\n        ProfileItem: () => import('./components/ProfileSettingsItem.vue'),\n        PremiumClubAdditional: () => import('./AdditionalInfo.vue'),\n        Envelope: () => import('@/components/Envelope.vue')\n    },\n    watch: {\n        clientObj(value) {\n            this.profileItemsArray.forEach((item) => {\n                switch (item.id) {\n                    case 1:\n                        return item.inputValue = value.email\n                    case 2:\n                        return item.inputValue = value.clientEmail\n                    case 3:\n                        return item.inputValue = value.password\n                }\n            })\n        }\n    },\n    async created() {\n        await this.createdFunc()\n    }\n}\n</script>\n\n<style scoped>\nh1,\np,\nbutton,\ninput,\nlabel,\na {\n    font-family: 'Wix Madefor Display', sans-serif;\n    color: white;\n    margin: 0;\n}\n\n.main-profile {\n    display: flex;\n    justify-content: space-between;\n}\n\n.profile {\n    width: 100%;\n    width: fit-content;\n}\n\n.profile-general {\n    width: inherit;\n}\n\n.profile-header {\n    font-size: 20px;\n    font-weight: 600;\n    color: white;\n}\n\n@media only screen and (max-width: 1500px) {\n    .profile-general-container {\n        width: 70%;\n    }\n\n    .profile {\n        width: 100%;\n    }\n}\n\n@media only screen and (max-width: 1090px) {\n    .main-profile {\n        flex-direction: column;\n        align-items: center;\n    }\n\n    .profile-general-container {\n        width: 100%;\n    }\n}\n</style>","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ProfileSettings.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/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ProfileSettings.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ProfileSettings.vue?vue&type=template&id=427ca047&scoped=true&\"\nimport script from \"./ProfileSettings.vue?vue&type=script&lang=js&\"\nexport * from \"./ProfileSettings.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ProfileSettings.vue?vue&type=style&index=0&id=427ca047&scoped=true&lang=css&\"\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  \"427ca047\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}