{"version":3,"sources":["webpack:///./src/views/Profile/components/PremiumClub/AdditionalInfo.vue?00fe","webpack:///src/views/Profile/components/PremiumClub/AdditionalInfo.vue","webpack:///./src/views/Profile/components/PremiumClub/AdditionalInfo.vue?a2c9","webpack:///./src/views/Profile/components/PremiumClub/AdditionalInfo.vue?3ecc","webpack:///./src/views/Profile/components/PremiumClub/AdditionalInfo.vue?2f2e"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","_v","_s","$t","attrs","domProps","clientObj","m3uLink","on","$event","copyToClipboard","id","directives","name","rawName","value","expression","Array","isArray","dontCallMe","_i","$$a","$$el","target","$$c","checked","$$v","$$i","$set","concat","slice","e","onToggleDontCallMe","staticRenderFns","component"],"mappings":"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","file":"js/0a5befe7/chunk-4bd01a32.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"additional-info\"},[_c('h1',{staticClass:\"additional-info--header\"},[_vm._v(_vm._s(_vm.$t('generalTabs.additionalInfo')))]),_c('div',{staticClass:\"additional-info--container\"},[_c('div',[_c('div',{staticClass:\"additional-info--item-content\"},[_c('div',{staticClass:\"additional-info--item\"},[_c('p',{staticClass:\"additional-info--item-header\"},[_vm._v(_vm._s(_vm.$t('generalTabs.m3uLink')))]),_c('div',{staticClass:\"additional-info--item-container\"},[_c('label',{staticClass:\"additional-info--item-label\"},[_vm._v(_vm._s(_vm.$t('generalTabs.additionalInfoM3ULink')))]),_c('input',{staticClass:\"additional-info--item-input link\",attrs:{\"type\":\"text\",\"readonly\":\"\"},domProps:{\"value\":_vm.clientObj.m3uLink}})]),_c('div',{staticClass:\"additional-info--item-copy\",on:{\"click\":function($event){return _vm.copyToClipboard(_vm.clientObj.m3uLink)}}},[_c('img',{staticClass:\"additional-info--item-copy-img\",attrs:{\"src\":require(\"@/components/assets/copy.svg\"),\"alt\":\"\"}})])]),_c('div',{staticClass:\"qr-code--mobile-container\"},[_c('QrCode',{attrs:{\"link\":_vm.clientObj.m3uLink}})],1)]),_c('div',{staticClass:\"additional-info--item\"},[_c('p',{staticClass:\"additional-info--item-header\"},[_vm._v(_vm._s(_vm.$t('global.myReferral')))]),_c('div',{staticClass:\"additional-info--item-container\"},[_c('label',{staticClass:\"additional-info--item-label\"},[_vm._v(_vm._s(_vm.$t('generalTabs.additionalInfoReferral')))]),_c('input',{staticClass:\"additional-info--item-input\",attrs:{\"type\":\"text\",\"readonly\":\"\"},domProps:{\"value\":_vm.clientObj.id}})]),_c('div',{staticClass:\"additional-info--item-copy\",on:{\"click\":function($event){return _vm.copyToClipboard(_vm.clientObj.id)}}},[_c('img',{staticClass:\"additional-info--item-copy-img\",attrs:{\"src\":require(\"@/components/assets/copy.svg\"),\"alt\":\"\"}})])]),_c('div',{staticClass:\"additional-info--item\"},[_c('p',{staticClass:\"additional-info--item-header\"},[_vm._v(\"Surveys\")]),_c('div',{staticClass:\"additional-info--item-container\"},[_c('p',{staticClass:\"additional-info--item-label\"},[_vm._v(_vm._s(_vm.$t('generalTabs.additionalInfoSurveys')))]),_c('label',{staticClass:\"additional-switch\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.clientObj.dontCallMe),expression:\"clientObj.dontCallMe\"}],staticClass:\"additional-checkbox\",attrs:{\"type\":\"checkbox\"},domProps:{\"checked\":Array.isArray(_vm.clientObj.dontCallMe)?_vm._i(_vm.clientObj.dontCallMe,null)>-1:(_vm.clientObj.dontCallMe)},on:{\"change\":[function($event){var $$a=_vm.clientObj.dontCallMe,$$el=$event.target,$$c=$$el.checked?(true):(false);if(Array.isArray($$a)){var $$v=null,$$i=_vm._i($$a,$$v);if($$el.checked){$$i<0&&(_vm.$set(_vm.clientObj, \"dontCallMe\", $$a.concat([$$v])))}else{$$i>-1&&(_vm.$set(_vm.clientObj, \"dontCallMe\", $$a.slice(0,$$i).concat($$a.slice($$i+1))))}}else{_vm.$set(_vm.clientObj, \"dontCallMe\", $$c)}},function (e) { return _vm.onToggleDontCallMe(e.target.checked); }]}}),_c('span',{staticClass:\"additional-slider round\"})])])])]),_c('div',{staticClass:\"qr-code--container\"},[_c('QrCode',{attrs:{\"link\":_vm.clientObj.m3uLink}})],1)])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n    <div class=\"additional-info\">\n        <h1 class=\"additional-info--header\">{{ $t('generalTabs.additionalInfo') }}</h1>\n        <div class=\"additional-info--container\">\n            <div>\n                <div class=\"additional-info--item-content\">\n                    <div class=\"additional-info--item\">\n                        <p class=\"additional-info--item-header\">{{ $t('generalTabs.m3uLink') }}</p>\n                        <div class=\"additional-info--item-container\">\n                            <label class=\"additional-info--item-label\">{{ $t('generalTabs.additionalInfoM3ULink') }}</label>\n                            <input class=\"additional-info--item-input link\" type=\"text\" :value=\"clientObj.m3uLink\" readonly>\n                        </div>\n                        <div @click=\"copyToClipboard(clientObj.m3uLink)\" class=\"additional-info--item-copy\">\n                            <img class=\"additional-info--item-copy-img\" src=\"@/components/assets/copy.svg\" alt=\"\">\n                        </div>\n                    </div>\n                    <div class=\"qr-code--mobile-container\">\n                        <QrCode :link=\"clientObj.m3uLink\" />\n                    </div>\n                </div>\n                <div class=\"additional-info--item\">\n                    <p class=\"additional-info--item-header\">{{ $t('global.myReferral') }}</p>\n                    <div class=\"additional-info--item-container\">\n                        <label class=\"additional-info--item-label\">{{ $t('generalTabs.additionalInfoReferral') }}</label>\n                        <input class=\"additional-info--item-input\" type=\"text\" :value=\"clientObj.id\" readonly>\n                    </div>\n                    <div @click=\"copyToClipboard(clientObj.id)\" class=\"additional-info--item-copy\">\n                        <img class=\"additional-info--item-copy-img\" src=\"@/components/assets/copy.svg\" alt=\"\">\n                    </div>\n                </div>\n                <div class=\"additional-info--item\">\n                    <p class=\"additional-info--item-header\">Surveys</p>\n                    <div class=\"additional-info--item-container\">\n                        <p class=\"additional-info--item-label\">{{ $t('generalTabs.additionalInfoSurveys') }}</p>\n                        <label class=\"additional-switch\">\n                            <input class=\"additional-checkbox\" v-model=\"clientObj.dontCallMe\"\n                                @change=\"(e) => onToggleDontCallMe(e.target.checked)\" type=\"checkbox\">\n                            <span class=\"additional-slider round\"></span>\n                        </label>\n                    </div>\n                </div>\n            </div>\n            <div class=\"qr-code--container\">\n                <QrCode :link=\"clientObj.m3uLink\" />\n            </div>\n        </div>\n    </div>\n</template>\n\n<script>\nimport { mapGetters } from 'vuex';\n\nexport default {\n    props: {\n        onToggleDontCallMe: Function,\n        createdFunc: Function\n    },\n    computed: {\n        ...mapGetters(['clientObj'])\n    },\n    methods: {\n        copyToClipboard(value) {\n\t\t\tnavigator.clipboard.writeText(value)\n\t\t},\n    },\n    components:{\n        QrCode: () => import('@/components/QrCode.vue'),\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.additional-info {\n    margin-top: 32px;\n    height: fit-content;\n    background-color: rgba(31, 33, 39, .6);\n    padding: 24px 32px;\n    border-radius: 12px;\n    width: 92%;\n}\n\n.additional-info--header {\n    font-size: 20px;\n    font-weight: 600;\n    color: white;\n}\n\n.additional-info--container{\n    display: flex;\n    align-items: flex-start;\n}\n\n.additional-info--item {\n    position: relative;\n    display: flex;\n    justify-content: space-between;\n    padding: 16px 0;\n}\n\n.additional-info--item:nth-child(4) {\n    border: none;\n    padding-bottom: 0;\n}\n\n.additional-info--item-header {\n    font-size: 14px;\n    font-weight: 600;\n    line-height: 17.64px;\n}\n\n.additional-info--item-label {\n    font-size: 13px;\n    margin-bottom: 12px;\n}\n\n.additional-info--item-container {\n    display: flex;\n    flex-direction: column;\n    align-items: flex-start;\n    width: 70%;\n}\n\n.additional-info--item-content{\n    border-bottom: 1px solid rgba(255, 255, 255, 0.1);\n}\n\n.additional-info--item-copy {\n    position: absolute;\n    padding: 5px 8px;\n    border-radius: 4px;\n    background-color: rgba(255, 255, 255, 0.12);\n    right: 2%;\n    bottom: 22px;\n    cursor: pointer;\n}\n\n.additional-info--item-copy-img {\n    width: 16px;\n}\n\n.additional-info--item-input {\n    width: 100%;\n    background-color: rgba(255, 255, 255, 0.1);\n    color: rgba(255, 255, 255, 0.5);\n    font-size: 15px;\n    font-weight: 400;\n    border-radius: 8px;\n    padding: 12px 35px 12px 16px;\n    outline: none;\n    border: 1px solid rgba(255, 255, 255, 0.1);\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n}\n\n.link {\n    color: #918FFA;\n}\n\n.switch {\n    position: relative;\n    display: inline-block;\n    width: 32px;\n    height: 20px;\n}\n\n.additional-switch .additional-checkbox {\n    opacity: 0;\n    width: 0;\n    height: 0;\n}\n\n.additional-slider {\n    position: relative;\n    display: inline-block;\n    cursor: pointer;\n    width: 32px;\n    height: 20px;\n    background-color: #ccc;\n    -webkit-transition: .4s;\n    transition: .4s;\n}\n\n.additional-slider:before {\n    position: absolute;\n    content: \"\";\n    height: 16px;\n    width: 16px;\n    left: 2px;\n    bottom: 2px;\n    background-color: #1f2127;\n    -webkit-transition: .4s;\n    transition: .4s;\n}\n\n.additional-checkbox:checked+.additional-slider {\n    background-color: #4E4BCD;\n}\n\n.additional-checkbox:focus+.additional-slider {\n    box-shadow: 0 0 1px #4E4BCD;\n}\n\n.additional-checkbox:checked+.additional-slider:before {\n    -webkit-transform: translateX(10px);\n    -ms-transform: translateX(10px);\n    transform: translateX(10px);\n}\n\n.additional-slider.round {\n    border-radius: 34px;\n}\n\n.additional-slider.round:before {\n    border-radius: 50%;\n}\n\n.qr-code--mobile-container{\n    display: none;\n}\n\n@media only screen and (max-width: 1500px) {\n    .additional-info {\n        width: auto;\n    }\n}\n\n@media only screen and (max-width: 720px) {\n    .additional-info--item {\n        flex-direction: column;\n    }\n\n    .additional-info--item-container {\n        width: 100%;\n    }\n\n    .additional-info--item-header {\n        margin-bottom: 12px;\n    }\n    \n    .qr-code--container{\n        display: none;    \n    }\n\n    .qr-code--mobile-container{\n        display: block;\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!./AdditionalInfo.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!./AdditionalInfo.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./AdditionalInfo.vue?vue&type=template&id=6062c124&scoped=true&\"\nimport script from \"./AdditionalInfo.vue?vue&type=script&lang=js&\"\nexport * from \"./AdditionalInfo.vue?vue&type=script&lang=js&\"\nimport style0 from \"./AdditionalInfo.vue?vue&type=style&index=0&id=6062c124&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  \"6062c124\",\n  null\n  \n)\n\nexport default component.exports","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!./AdditionalInfo.vue?vue&type=style&index=0&id=6062c124&scoped=true&lang=css&\""],"sourceRoot":""}