{"version":3,"sources":["webpack:///./src/views/Helpdesc/index.vue?24c3","webpack:///./src/views/Helpdesc/index.vue","webpack:///src/views/Helpdesc/index.vue","webpack:///./src/views/Helpdesc/index.vue?8801","webpack:///./src/views/Helpdesc/index.vue?fe71"],"names":["render","_vm","this","_c","_self","directives","name","rawName","value","isLoading","expression","staticClass","class","locale","attrs","$t","activeQuestion","domProps","_s","text","_e","_l","filteredQuestions","question","index","key","id","on","$event","setActiveQuestion","_v","title","staticRenderFns","components","Title","data","process","lang","$i18n","activeTab","computed","mapState","questions","filter","active","methods","mapActions","mapMutations","fetchNewFaq","page","fetchFaq","created","then","response","length","destroyed","clearPagination","component"],"mappings":"kHAAA,W,gECAA,IAAIA,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACE,WAAW,CAAC,CAACC,KAAK,UAAUC,QAAQ,YAAYC,MAAOP,EAAIQ,UAAWC,WAAW,cAAcC,YAAY,iBAAiB,CAACR,EAAG,MAAM,CAACQ,YAAY,qBAAqB,CAACR,EAAG,MAAM,CAACQ,YAAY,kBAAkB,CAACR,EAAG,MAAM,CAACQ,YAAY,kBAAkBC,MAAM,CAAE,aAA6B,QAAfX,EAAIY,SAAoB,CAACV,EAAG,QAAQ,CAACW,MAAM,CAAC,KAAOb,EAAIc,GAAG,iBAAiB,GAAId,EAAIe,eAAgBb,EAAG,MAAM,CAACQ,YAAY,oBAAoBM,SAAS,CAAC,UAAYhB,EAAIiB,GAAGjB,EAAIe,eAAeG,SAASlB,EAAImB,OAAOjB,EAAG,MAAM,CAACQ,YAAY,6BAA6B,CAACR,EAAG,MAAM,CAACQ,YAAY,qBAAqBV,EAAIoB,GAAIpB,EAAIqB,mBAAmB,SAASC,EAASC,GAAO,OAAOrB,EAAG,MAAM,CAACsB,IAAID,EAAMb,YAAY,yBAAyBC,MAAM,CAAE,YAAaX,EAAIe,gBAAkBf,EAAIe,eAAeU,KAAOH,EAASG,IAAKC,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAO3B,EAAI4B,kBAAkBN,MAAa,CAACtB,EAAI6B,GAAG,IAAI7B,EAAIiB,GAAGK,EAASQ,OAAO,UAAS,UAEv8BC,EAAkB,G,8CC+EP,GACf1B,KAAA,UACA2B,WAAA,CACAC,cAEAC,OACA,OACAtB,OAAAuB,MACAC,KAAA,KAAAC,MAAArC,IAAAY,OACAG,eAAA,KACAuB,UAAA,IAyCAC,SAAA,IACAC,eAAA,8CAWAnB,oBACA,YAAAoB,UAAAC,OAAApB,IAAA,IAAAA,EAAAqB,UAGAC,QAAA,IACAC,eAAA,uBACAC,eAAA,2BACAC,YAAAC,EAAA,GAEA,YAAAC,YAEArB,kBAAAN,GACA,KAAAP,eAAAO,IAGA4B,UACA,KAAAH,cAAAI,KAAAC,IACA,MAAAX,EAAAW,EAAAlB,KACAO,KAAAY,QACA,KAAAzB,kBAAAa,EAAA,OAIAa,YACA,KAAAC,oBCxK6V,I,wBCQzVC,EAAY,eACd,EACAzD,EACAgC,GACA,EACA,KACA,KACA,MAIa,aAAAyB,E","file":"js/chunk-7ddc3ef6.ac89b1c8.js","sourcesContent":["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!./index.vue?vue&type=style&index=0&id=7075ec87&prod&lang=scss\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{directives:[{name:\"loading\",rawName:\"v-loading\",value:(_vm.isLoading),expression:\"isLoading\"}],staticClass:\"faq-page page\"},[_c('div',{staticClass:\"faq-page__wrapper\"},[_c('div',{staticClass:\"faq-page__left\"},[_c('div',{staticClass:\"faq-page__title\",class:{ 'locale-usa': _vm.locale === 'USA' }},[_c('Title',{attrs:{\"text\":_vm.$t('faq.title')}})],1),(_vm.activeQuestion)?_c('div',{staticClass:\"faq-page__content\",domProps:{\"innerHTML\":_vm._s(_vm.activeQuestion.text)}}):_vm._e()]),_c('div',{staticClass:\"faq-page__sidebar-wrapper\"},[_c('div',{staticClass:\"faq-page__sidebar\"},_vm._l((_vm.filteredQuestions),function(question,index){return _c('div',{key:index,staticClass:\"faq-page__sidebar-item\",class:{ 'is-active': _vm.activeQuestion && _vm.activeQuestion.id === question.id },on:{\"click\":function($event){return _vm.setActiveQuestion(question)}}},[_vm._v(\" \"+_vm._s(question.title)+\" \")])}),0)])])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div v-loading=\"isLoading\" class=\"faq-page page\">\n    <div class=\"faq-page__wrapper\">\n      <div class=\"faq-page__left\">\n        <div class=\"faq-page__title\" :class=\"{ 'locale-usa': locale === 'USA' }\">\n          <Title :text=\"$t('faq.title')\" />\n        </div>\n        <div \n          v-if=\"activeQuestion\" \n          class=\"faq-page__content\" \n          v-html=\"activeQuestion.text\" \n        />\n      </div>\n      \n      <div class=\"faq-page__sidebar-wrapper\">\n        <div class=\"faq-page__sidebar\">\n          <div \n            v-for=\"(question, index) in filteredQuestions\" \n            :key=\"index\" \n            class=\"faq-page__sidebar-item\"\n            :class=\"{ 'is-active': activeQuestion && activeQuestion.id === question.id }\" \n            @click=\"setActiveQuestion(question)\"\n          >\n            {{ question.title }}\n          </div>\n        </div>\n        <!-- <div class=\"faq-page__pagination\">\n          <el-pagination\n            v-if=\"pagination && pagination.total >= 10\"\n            layout=\"prev, pager, next\"\n            :total=\"pagination.total\"\n            :page-size=\"10\"\n            :current-page=\"pagination.currentPage\"\n            @current-change=\"fetchNewFaq($event)\"\n          />\n        </div> -->\n      </div>\n    </div>\n    <!-- <div v-if=\"locale === 'USA'\"> -->\n      <!-- <div class=\"faq-page__title\">\n        <Title :text=\"$t('faq.title')\" />\n      </div> -->\n      <!-- <div class=\"faq-page__wrapper\">\n        <div class=\"faq-page__left\">\n          <div class=\"faq-page__title\" :class=\"{ 'locale-usa': locale === 'USA' }\">\n            <Title :text=\"$t('faq.title')\" />\n          </div>\n          <div class=\"faq-page__content\" v-html=\"activeContent\" />\n          <router-view></router-view>\n        </div>\n        <div>\n          <div class=\"faq-page__sidebar\">\n            <ul class=\"faq-page__contents\">\n              <li v-for=\"(subLink, key) in faqLinks\" :key=\"key\">\n                <router-link :to=\"subLink.path\">\n                  {{subLink.title}}\n                </router-link>\n              </li>\n            </ul>\n          </div>\n          <div class=\"faq-page__pagination\">\n            <el-pagination\n              v-if=\"pagination && pagination.total >= 10\"\n              layout=\"prev, pager, next\"\n              :total=\"pagination.total\"\n              :page-size=\"10\"\n              :current-page=\"pagination.currentPage\"\n              @current-change=\"fetchNewFaq($event)\"\n            />\n          </div>\n        </div>\n        \n      </div> -->\n    <!-- </div> -->\n  </div>\n</template>\n\n<script>\nimport Title from \"@/components/elements/Title\";\nimport { mapActions, mapState, mapMutations } from 'vuex'\n\nexport default {\n  name: \"Support\",\n  components: {\n    Title,\n  },\n  data() {\n    return {\n      locale: process.env.VUE_APP_LOCALE,\n      lang: this.$i18n._vm.locale,\n      activeQuestion: null,\n      activeTab: 0,\n      // tabs: [\n      //   {\n      //     name: \"Возврат денежных средств для физлиц\",\n      //     nameEn: \"Refunds for individuals\",\n      //     content: `\n            // <h3>Возврат денежных средств для физлиц</h3>\n            // <ol>\n            //   <li>Деньги возвращаются на ту карту/кошелек, с которого производилась оплата.</li>\n            //   <li>Возврату подлежит вся сумма, оставшаяся на балансе аккаунта ProfitAds в рамках пополнения. Предварительно мы возвращаем доступные средства с рекламных систем на баланс ProfitAds. Частичный возврат средств не осуществляется</li>\n            //   <li>Срок возврата зависит от вашего банка. Возврат может занять от 1 до 14 дней.</li>\n            //   <li>Если в течение этого месяца вы пополняли баланс в рекламных системах или у вас были расходы на рекламу, то мы сможем оформить возврат только после того, как получим данные о расходах от рекламных систем. Обычно мы получаем их к середине следующего месяца.</li>\n            //   <li>После того, как вы подтвердите возврат, деньги будут заморожены на балансе ProfitAds до того, как вернутся на карту или кошелек.</li>\n            // </ol>\n            // <p>Для осуществления возврата вам необходимо будет заполнить заявление и прислать нам подписанный скан/фотографию в хорошем качестве на электронную почту <a href=\"mailto:finance@profitads.ru\">finance@profitads.ru</a></p>\n      //     `,\n      //     contentEN: `\n      //       <h3>Refunds for individuals</h3>\n      //       <ol>\n      //         <li>The money is returned to the card / wallet from which the payment was made.</li>\n      //         <li>The entire amount remaining on the balance of the ProfitAds account as part of the replenishment is subject to a refund. Previously, we return the available funds from advertising systems to the balance of ProfitAds. No partial refunds</li>\n      //         <li>The return period depends on your bank. Returns may take from 1 to 14 days.</li>\n      //         <li>If during this month you topped up the balance in advertising systems or you had expenses on advertising, then we will be able to issue a refund only after we receive data on expenses from advertising systems. We usually receive them by the middle of the next month.</li>\n      //         <li>After you confirm the return, the money will be frozen on the ProfitAds balance before being returned to the card or wallet.</li>\n      //       </ol>\n      //       <p>To make a return, you will need to fill out an application and send us a signed scan / photo in good quality by e-mail <a href=\"mailto:finance@profitads.ru\">finance@profitads.ru</a></p>\n          \n      //     `\n      //   }\n      // ],\n      // faqLinks: [\n      //   {path:'how-add', title:'How to add an advertising account?'},\n      //   {path:'how-replenish-total', title:'How do I replenish the total balance of my business account (Deposit)?'},\n      //   {path:'how-replenish-balance', title:'How to replenish the balance of an advertising account?'},\n      //   {path:'how-withdraw', title:'How to withdraw balance from an advertising account / How to transfer funds from one advertising account to another?'},\n      //   {path:'how-commission-terms', title:'How to know the terms of commissions of advertising platforms?'},\n      //   {path:'how-cashback-terms', title:'How do I know the terms of cashback?'},\n      //   {path:'how-invoice', title:'How to get an invoice for payment?'}\n      // ]\n    };\n  },\n  computed: {\n    ...mapState('faq', ['pagination', 'questions', 'isLoading']),\n    // getLang() {\n    //   let language = this.$i18n._vm.locale\n    //   return language\n    // },\n    // activeContent() {\n    //   if (this.getLang === 'ru') {\n    //     return this.tabs[this.activeTab].content;\n    //   }\n    //   return this.tabs[this.activeTab].contentEN;\n    // },\n    filteredQuestions() {\n      return this.questions.filter(question => question.active === true)\n    }\n  },\n  methods: {\n    ...mapActions('faq', ['fetchFaq']),\n    ...mapMutations('faq', ['clearPagination']),\n    fetchNewFaq(page = 1) {\n      // return this.fetchFaq({ params: { per_page: 10, page: page } })\n      return this.fetchFaq()\n    },\n    setActiveQuestion(question) {\n      this.activeQuestion = question\n    }\n  },\n  created() {\n    this.fetchNewFaq().then((response) => {\n      const questions = response.data\n      if (questions && questions.length) {\n        this.setActiveQuestion(questions[0])\n      }\n    })\n  },\n  destroyed() {\n    this.clearPagination()\n  },\n};\n</script>\n\n<style lang=\"scss\">\n@import \"@/assets/styles/helpers/variables\";\n@import \"@/assets/styles/helpers/mixin\";\n\n.faq-page {\n  &__pagination {\n    display: flex;\n    justify-content: center;\n    margin-top: 2rem;\n\n    .el-pagination .btn-next,\n    .el-pagination .btn-prev,\n    .el-pager li {\n      background: transparent;\n    }\n  }\n\n  &>.faq-page__title {\n    display: none;\n\n    @include below(980px) {\n      display: block;\n    }\n  }\n\n  .router-link-exact-active {\n    color: var(--primary);\n  }\n\n  &__contents {\n    display: flex;\n    flex-direction: column;\n    gap: 1.5rem;\n    >li {\n      list-style: none;\n      line-height: normal;\n      a {\n        display: block;\n      }\n    }\n  }\n\n  &__title {\n    margin-bottom: 3.2rem;\n\n    &.locale-usa {\n      &.locale-usa {\n        font-family: 'Gilroy';\n        font-style: normal;\n\n        .title {\n          font-weight: 700;\n          font-size: 3.2rem;\n        }\n      }\n    }\n  }\n\n  &__wrapper {\n    display: flex;\n    justify-content: space-between;\n\n    @include below(980px) {\n      flex-direction: column-reverse;\n    }\n  }\n\n  &__left {\n    width: 100%;\n    max-width: 70rem;\n    padding-right: 2rem;\n\n    &>.faq-page__title {\n      @include below(980px) {\n        display: none;\n      }\n    }\n  }\n\n  &__content {\n    font-size: 1.6rem;\n\n    h3 {\n      margin-bottom: 2rem;\n      font-size: 2rem;\n    }\n\n    ul,\n    ol {\n      padding-left: 2rem;\n\n      li {\n        margin: 0 0 1.5rem;\n      }\n    }\n\n    a {\n      font-weight: 700;\n    }\n\n    p {\n      margin: 0 0 1.5rem;\n    }\n  }\n\n  &__sidebar-wrapper {\n    display: flex;\n    flex-direction: column;\n  }\n\n  &__sidebar {\n    width: 37rem;\n    padding: 2.4rem 3rem;\n    background: #ffffff;\n    box-shadow: 0px 5px 10px rgba(158, 158, 158, 0.1);\n    border-radius: 6px;\n    height: 100%; \n\n    @include below(980px) {\n      width: 100%;\n      margin-bottom: 2rem;\n    }\n\n    &-item {\n      font-weight: 500;\n      font-size: 1.6rem;\n      margin-bottom: 2rem;\n      cursor: pointer;\n\n      &.is-active {\n        color: var(--primary);\n        position: relative;\n\n        &:before {\n          content: \"-\";\n          color: var(--primary);\n          display: block;\n          position: absolute;\n          top: 50%;\n          left: 0;\n          transform: translate(-10px, -50%);\n        }\n      }\n\n      &:last-child {\n        margin-bottom: 0;\n      }\n    }\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!./index.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!./index.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./index.vue?vue&type=template&id=7075ec87\"\nimport script from \"./index.vue?vue&type=script&lang=js\"\nexport * from \"./index.vue?vue&type=script&lang=js\"\nimport style0 from \"./index.vue?vue&type=style&index=0&id=7075ec87&prod&lang=scss\"\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  null,\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}