{"version":3,"sources":["webpack:///./src/components/common/QuestionAndAnswer.vue?e520","webpack:///./src/components/common/QuestionAndAnswer.vue?0628","webpack:///src/components/common/QuestionAndAnswer.vue","webpack:///./src/components/common/QuestionAndAnswer.vue?36b0","webpack:///./src/components/common/QuestionAndAnswer.vue","webpack:///./src/assets/images/icons/ic_arrow_down.svg"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","_l","data","index","key","id","attrs","isActive","domProps","_s","question","on","$event","active","style","model","value","callback","$$v","$set","expression","answer","handleLineClick","isActiveReportIssue","activeReportIssue","_v","brandName","directives","name","rawName","modifiers","staticStyle","staticRenderFns","props","questions","type","Array","default","computed","brand","methods","num","clickedId","$bvModal","show","openJiraIssue","e","preventDefault","window","showCollectorDialog","component","module","exports"],"mappings":"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","file":"js/chunk-2edd6b7e.793ac8db.js","sourcesContent":["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/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./QuestionAndAnswer.vue?vue&type=style&index=0&lang=scss&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"container-question text-left\"},[_vm._l((_vm.questions),function(data,index){return [_c('div',{key:data.id,staticClass:\"d-flex justify-content-between align-items-center item\"},[_c('u',{staticClass:\"mb-0 cursor-pointer\",attrs:{\"aria-controls\":data.id,\"aria-expanded\":data.isActive},domProps:{\"innerHTML\":_vm._s(data.question)},on:{\"click\":function($event){return _vm.active(index)}}}),_c('span',{attrs:{\"id\":(\"quest-\" + index)},on:{\"click\":function($event){return _vm.active(index)}}},[_c('img',{style:(data.isActive ? 'transform: rotate(180deg)' : ''),attrs:{\"aria-controls\":data.id,\"aria-expanded\":data.isActive,\"src\":require('@/assets/images/icons/ic_arrow_down.svg')}})])]),_c('b-collapse',{key:'answer-' + index,attrs:{\"id\":data.id},model:{value:(data.isActive),callback:function ($$v) {_vm.$set(data, \"isActive\", $$v)},expression:\"data.isActive\"}},[_c('p',{staticClass:\"quick-answer font-weight-thin\",domProps:{\"innerHTML\":_vm._s(data.answer)},on:{\"click\":_vm.handleLineClick}})])]}),_c('div',{staticClass:\"d-flex justify-content-between align-items-center item\"},[_c('u',{staticClass:\"mb-0 cursor-pointer\",attrs:{\"aria-controls\":\"report-issue\",\"aria-expanded\":_vm.isActiveReportIssue},on:{\"click\":function($event){return _vm.activeReportIssue()}}},[_vm._v(\" Need to report an issue? \")]),_c('span',{attrs:{\"id\":\"quest-2\"},on:{\"click\":function($event){return _vm.activeReportIssue()}}},[_c('img',{style:(_vm.isActiveReportIssue ? 'transform: rotate(180deg)' : ''),attrs:{\"aria-controls\":\"report-issue\",\"aria-expanded\":_vm.isActiveReportIssue,\"src\":require('@/assets/images/icons/ic_arrow_down.svg')}})])]),_c('b-collapse',{attrs:{\"id\":\"report-issue\"},model:{value:(_vm.isActiveReportIssue),callback:function ($$v) {_vm.isActiveReportIssue=$$v},expression:\"isActiveReportIssue\"}},[_c('p',{staticClass:\"quick-answer font-weight-thin\"},[_vm._v(\" If you experience any issues with what you see on this page, please contact the \"+_vm._s(_vm.brandName)+\" team.\"),_c('br'),_c('u',{directives:[{name:\"b-modal\",rawName:\"v-b-modal.modal-issue\",modifiers:{\"modal-issue\":true}}],staticStyle:{\"cursor\":\"pointer\"}},[_vm._v(\"Report an issue\")])])])],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"container-question text-left\">\n    <template v-for=\"(data, index) in questions\">\n      <div\n        :key=\"data.id\"\n        class=\"d-flex justify-content-between align-items-center item\"\n      >\n        <u\n          class=\"mb-0 cursor-pointer\"\n          :aria-controls=\"data.id\"\n          :aria-expanded=\"data.isActive\"\n          @click=\"active(index)\"\n          v-html=\"data.question\"\n        ></u>\n        <span @click=\"active(index)\" :id=\"`quest-${index}`\">\n          <img\n            :aria-controls=\"data.id\"\n            :aria-expanded=\"data.isActive\"\n            :src=\"require('@/assets/images/icons/ic_arrow_down.svg')\"\n            :style=\"data.isActive ? 'transform: rotate(180deg)' : ''\"\n          />\n        </span>\n      </div>\n      <b-collapse\n        :id=\"data.id\"\n        :key=\"'answer-' + index\"\n        v-model=\"data.isActive\"\n      >\n        <p class=\"quick-answer font-weight-thin\" @click=\"handleLineClick\" v-html=\"data.answer\"></p>\n      </b-collapse>\n    </template>\n    <div class=\"d-flex justify-content-between align-items-center item\">\n      <u\n        aria-controls=\"report-issue\"\n        :aria-expanded=\"isActiveReportIssue\"\n        @click=\"activeReportIssue()\"\n        class=\"mb-0 cursor-pointer\"\n      >\n        Need to report an issue?\n      </u>\n      <span @click=\"activeReportIssue()\" id=\"quest-2\">\n        <img\n          aria-controls=\"report-issue\"\n          :aria-expanded=\"isActiveReportIssue\"\n          :src=\"require('@/assets/images/icons/ic_arrow_down.svg')\"\n          :style=\"isActiveReportIssue ? 'transform: rotate(180deg)' : ''\"\n        />\n      </span>\n    </div>\n    <b-collapse id=\"report-issue\" v-model=\"isActiveReportIssue\">\n      <p class=\"quick-answer font-weight-thin\">\n        If you experience any issues with what you see on this page, please\n        contact the {{ brandName }} team.<br />\n        <u v-b-modal.modal-issue style=\"cursor: pointer\">Report an issue</u>\n      </p>\n    </b-collapse>\n  </div>\n</template>\n<script>\nimport { mapState } from \"vuex\";\nexport default {\n  name: \"QuestionAndAnswer\",\n  data() {\n    return {\n      isActiveReportIssue: true,\n    };\n  },\n  props: {\n    questions: {\n      type: Array,\n      default: () => [],\n    },\n  },\n  computed: {\n    ...mapState({\n      brand: (state) => state.commonVariables.brandName,\n    }),\n    brandName() {\n      return this.brand || \"Autoflip\";\n    },\n  },\n  methods: {\n    active(num) {\n      this.questions[num].isActive = !this.questions[num].isActive;\n    },\n    handleLineClick(e) {\n      const clickedId = e.target.id;\n      if (clickedId === 'jiraIssueLink') {\n        // this.openJiraIssue(e);\n        this.$bvModal.show(\"modal-issue\");\n      }\n    },\n    activeReportIssue() {\n      this.isActiveReportIssue = !this.isActiveReportIssue;\n    },\n    openJiraIssue(e) {\n      e.preventDefault();\n      window.showCollectorDialog();\n    },\n  },\n};\n</script>\n<style lang=\"scss\">\n.container-question {\n  max-width: 345px;\n  padding: 0 10px;\n  margin: 40px auto 30px;\n  .item {\n    margin-bottom: 0.5rem;\n    u {\n      color: var(--primary-color) !important;\n    }\n    span {\n      .not-collapsed {\n        transform: rotate(180deg);\n        transition: ease-in-out 0.3s;\n      }\n      .collapsed {\n        transition: ease-in-out 0.3s;\n      }\n    }\n    img {\n      width: 14px;\n      height: 8px;\n      cursor: pointer;\n      margin-left: 5px;\n      transition: all 0.5s;\n    }\n  }\n  .quick-answer {\n    margin-top: 8px;\n    margin-bottom: 8px;\n    color: #6f6f6f;\n    u {\n      font-family: Avenir Next LT W05 Regular !important;\n      font-weight: 700 !important;\n      color: #0f0f0f;\n    }\n  }\n}\n@media screen and(min-width: 900px) {\n  .container-question {\n    padding: 0 !important;\n    margin-left: 0 !important;\n    span {\n      &:hover {\n        transform: translateY(-1.5px);\n        transition: ease-in-out 0.2s;\n      }\n    }\n  }\n}\n@media screen and(max-width: 991px) {\n  .container-question {\n    margin-left: 0 !important;\n    margin-right: 0 !important;\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!./QuestionAndAnswer.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!./QuestionAndAnswer.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./QuestionAndAnswer.vue?vue&type=template&id=48b1129e&\"\nimport script from \"./QuestionAndAnswer.vue?vue&type=script&lang=js&\"\nexport * from \"./QuestionAndAnswer.vue?vue&type=script&lang=js&\"\nimport style0 from \"./QuestionAndAnswer.vue?vue&type=style&index=0&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","module.exports = __webpack_public_path__ + \"img/ic_arrow_down.85b4d2fc.svg\";"],"sourceRoot":""}