{"version":3,"sources":["webpack:///./src/components/general/CompletionProgress.vue?eaff","webpack:///src/components/general/CompletionProgress.vue","webpack:///./src/components/general/CompletionProgress.vue?e44e","webpack:///./src/components/general/CompletionProgress.vue","webpack:///./node_modules/@babel/runtime/helpers/esm/arrayWithoutHoles.js","webpack:///./node_modules/@babel/runtime/helpers/esm/iterableToArray.js","webpack:///./node_modules/@babel/runtime/helpers/esm/nonIterableSpread.js","webpack:///./node_modules/@babel/runtime/helpers/esm/toConsumableArray.js","webpack:///./src/components/videoAds/KeyMetrics.vue?92a4","webpack:///./src/components/videoYTUASurvey/KeyMetrics.vue?a997","webpack:///./src/components/videoTikTokUASurvey/KeyMetrics.vue?a74d","webpack:///./src/components/videoAds/KeyMetrics.vue?e6ac","webpack:///src/components/videoAds/KeyMetrics.vue","webpack:///./src/components/videoAds/KeyMetrics.vue?1791","webpack:///./src/components/videoAds/KeyMetrics.vue?48d2","webpack:///./src/components/videoTikTokUASurvey/KeyMetrics.vue?6fc0","webpack:///src/components/videoTikTokUASurvey/KeyMetrics.vue","webpack:///./src/components/videoTikTokUASurvey/KeyMetrics.vue?0e00","webpack:///./src/components/videoTikTokUASurvey/KeyMetrics.vue?97ac","webpack:///./src/components/videoTikTokUASurvey/KeyMetrics.vue?ec80","webpack:///./src/components/videoUASurvey/Customize.vue?3f37","webpack:///./src/components/general/CompletionProgress.vue?5776","webpack:///./src/components/videoYTUASurvey/KeyMetrics.vue?45f8","webpack:///src/components/videoYTUASurvey/KeyMetrics.vue","webpack:///./src/components/videoYTUASurvey/KeyMetrics.vue?8142","webpack:///./src/components/videoYTUASurvey/KeyMetrics.vue?740c","webpack:///./src/components/videoAds/KeyMetrics.vue?ca34","webpack:///./src/components/videoUASurvey/Customize.vue?39cb","webpack:///./src/components/videoAds/StepNaviBar.vue?1a5f","webpack:///src/components/videoAds/StepNaviBar.vue","webpack:///./src/components/videoAds/StepNaviBar.vue?4862","webpack:///./src/components/videoAds/StepNaviBar.vue?6654","webpack:///src/components/videoUASurvey/Customize.vue","webpack:///./src/components/videoUASurvey/Customize.vue?4451","webpack:///./src/components/videoUASurvey/Customize.vue?aa2b","webpack:///./src/components/videoAds/StepNaviBar.vue?469f","webpack:///./src/components/videoUASurvey/Customize.vue?1400","webpack:///./src/components/videoYTUASurvey/KeyMetrics.vue?f555","webpack:///./src/components/videoAds/StepNaviBar.vue?7a71"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","hideProgress","on","$event","_v","_s","completedLength","checkList","length","style","width","progress","_l","item","key","quizName","class","completed","_e","staticRenderFns","name","props","type","Array","default","data","computed","Math","round","filter","created","window","innerWidth","component","_arrayWithoutHoles","arr","isArray","arrayLikeToArray","_iterableToArray","iter","Symbol","iterator","from","_nonIterableSpread","TypeError","_toConsumableArray","arrayWithoutHoles","iterableToArray","unsupportedIterableToArray","nonIterableSpread","stepIndex","surveyID","surveyTypeID","$route","client","ClientName","meta","surveyTitle","_m","domProps","langObj","quiz","slot","maxBrand","tip4","tip","brand","index","placeholder","addNewBrand","pasteBrand","model","value","callback","$$v","$set","expression","directives","rawName","filled","onDeleteBrand","keyMetricsCogniTooltip","keyMetricsCogniBrief","brief","cogni","pasteCogni","addNewCogni","onDeleteCogni","addCustomQuestionModal","customQuestionsList","CustomQuestions","random","questionsConfig","loadingNewQuestions","deleteCustomQuestions","editQuestion","saveInLibrary","brandStatus","cogniStatus","nextStep","prevStep","questionsModalTitle","editMode","disabled","questionsData","closeQuestionBuilder","activeMode","modalTab1","activeBuilder","modalTab2","getSavedQuestions","previewQuestionsList","modalQuestionType1","modalQuestionType6","modalQuestionType2","modalQuestionType3","modalQuestionType4","modalQuestionType7","modalQuestionType5","savedQuestions","focus","searchActive","searchText","staticStyle","uniqueQuestionsCategories","categoryFilter","filteredQuestions","insertCustomQuestionsLoading","addSavedQuestion","deleteSavedQuestions","modalTextQIntro","modalTextQExampleLabel","modalTextQDetailsLabel","editModeItemIndex","setQuestionData","modalEssayQIntro","modalEssayQExampleLabel","modalEssayQDetailsLabel","modalSingleQIntro","modalSingleQDetailsLabel","modalSingleQExampleLabel","modalMultiQIntro","modalMultiQDetailsLabel","modalMultiQExampleLabel","modalRankQIntro","modalRankQDetailsLabel","modalRankQExampleLabel","modalGridQIntro","modalGridQDetailsLabel","modalGridQExampleLabel","modalGridCheckboxQIntro","modalGridCheckboxQDetailsLabel","modalGridCheckboxQExampleLabel","modalButton5","setBuilderType","quizs","components","ProgressBar","StepNaviBar","QuestionsTypePreview","TextTypeExample","SingleChoiceExample","MultiChoiceExample","RankExample","GridExample","TextTypeBuilder","QuestionsListPreview","MultiOptionsTypeBuilder","GridTypeBuilder","CompletionProgress","IconBase","IconMetrics","IconSearchThin","IconNoResults","Loader","mixins","minBrand","minCogni","maxCogni","brands","cognis","radioBtnTypesStyle","display","height","lineHeight","editableSurvey","breadcrumbTitle","user","loadingSavedQuestions","undefined","title","category","label","matchesText","matchesCategory","watch","updateQuiz","handler","deep","methods","setMinMaxBrandNumber","setMinMaxCogniNumber","splice","push","setTimeout","brandInputs","e","stopPropagation","preventDefault","clipboardData","pastedData","getData","split","con","forEach","cogniInputs","$router","keyMetricsPrevRoute","params","questions","userId","EncrypteduserID","$emit","brandOptions","cogniOptions","wsUtils","questionsPromise","then","jsUtils","customQuestions","map","insertCustomQuestions","closeModal","insertCustomQuestionPromise","showNotification","message","description","placement","duration","questionType","getCustomQuestions","_this","getCustomQuestionsPromise","Question","questionsType","closeCustomQuestionsModal","prefillStandardQuestions","processStandardQuestions","QuestionDetails","OptionText","brandItem","keyItem","wsName","getQuota","setAsScreener","SurveyCustomQuestionID","questionsInstructions","question","deleteQuestion","Success","id","activated","quizYTUA","tipYTUA","briefYTUA","generalNaviBar","showPriceLoader","stepsType","formatPrice","getPackTestPrice","getTotalPrice","priceInfoContent","totalPriceModal","getFeasibilitySuccess","getCheckingFeasibilityLoader","conciergeModal","prevBtnTooltip","prevDisable","hidePrevButton","nextBtnTooltip","nextDisable","loading","isEnd","accountPaymentType","closeConciergeModal","conciergeModalLoading","conciergeRequestSent","conciergeSKUs","formValidations","conciergeVersions","saveConcierge","Number","Boolean","String","cancelButton","conciergeAssistance","totalPrice","confirmedPrice","dashboardURL","setActiveChatBtn","document","getElementById","classList","add","removeActiveChatBtn","getSurveyData","wsType","surveyPromise","sendConciergeRequest","conciergeRequest","success","setPackTestPriceInfo","surveyDetails","SurveyConfig","CommunicationObjective1","comObjects","surveyId","explicitSamplePerDeepDive","audience","sampleSize","legs","setTotalLegs","deepDive","deepDiveProducts","compDeepDive","competitvedeepDiveProducts","isCustom","packTestType","getPriceInfoContent","GetPriceInfo","getStoreSurveyPrice","JSON","stringify","store","getPriceLoader","mounted"],"mappings":"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","file":"js/key-metric.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('div',{staticClass:\"completion\"},[_c('font-awesome-icon',{staticClass:\"completion__close\",attrs:{\"icon\":_vm.hideProgress ? 'chevron-down' : 'chevron-up'},on:{\"click\":function($event){_vm.hideProgress = !_vm.hideProgress}}}),_c('h2',[_vm._v(\"Completion progress\")]),_c('p',[_vm._v(\"Please complete all required steps before proceeding.\")]),_c('div',{staticClass:\"completion__progress\"},[_c('span',[_vm._v(_vm._s(_vm.completedLength)+\" / \"+_vm._s(_vm.checkList.length)+\" steps\")]),_c('div',{staticClass:\"completion__progress-inner\"},[_c('i',{style:({ width: _vm.progress + '%' })})])]),(_vm.hideProgress)?_c('ol',_vm._l((_vm.checkList),function(item){return _c('li',{key:item.quizName,class:{ completed: item.completed }},[_c('font-awesome-icon',{attrs:{\"icon\":\"check-circle\"}}),_vm._v(_vm._s(item.quizName)+\" \")],1)}),0):_vm._e()],1)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div>\n    <div class=\"completion\">\n      <font-awesome-icon\n        :icon=\"hideProgress ? 'chevron-down' : 'chevron-up'\"\n        class=\"completion__close\"\n        @click=\"hideProgress = !hideProgress\"\n      />\n      <h2>Completion progress</h2>\n      <p>Please complete all required steps before proceeding.</p>\n      <div class=\"completion__progress\">\n        <span>{{ completedLength }} / {{ checkList.length }} steps</span>\n        <div class=\"completion__progress-inner\">\n          <i :style=\"{ width: progress + '%' }\"></i>\n        </div>\n      </div>\n      <ol v-if=\"hideProgress\">\n        <li\n          v-for=\"item in checkList\"\n          :key=\"item.quizName\"\n          :class=\"{ completed: item.completed }\"\n        >\n          <font-awesome-icon icon=\"check-circle\" />{{ item.quizName }}\n        </li>\n      </ol>\n    </div>\n  </div>\n</template>\n\n<script>\nexport default {\n  name: \"CompletionProgress\",\n  props: {\n    checkList: {\n      type: Array,\n      default() {\n        return [];\n      },\n    },\n  },\n  data() {\n    return {\n      hideProgress: false,\n    };\n  },\n  computed: {\n    progress() {\n      if (this.checkList.length > 0) {\n        let completedNum = this.checkList.filter(\n          (quiz) => quiz.completed\n        ).length;\n        return Math.round((completedNum / this.checkList.length) * 100);\n      } else {\n        return 0;\n      }\n    },\n    completedLength() {\n      return this.checkList.filter((quiz) => quiz.completed).length;\n    },\n  },\n  created() {\n    if (window.innerWidth > 1180) {\n      this.hideProgress = false;\n    } else {\n      this.hideProgress = true;\n    }\n  },\n};\n</script>\n\n<style lang=\"scss\" scoped>\n.completion {\n  background: #fff;\n  border-radius: 4px;\n  position: fixed;\n  left: 435px;\n  bottom: 40px;\n  padding: 15px 17px 0;\n  width: 320px;\n  z-index: 998;\n  display: block;\n  border-radius: 4px;\n  border: 1px solid rgba(0, 0, 0, 0.1);\n  box-shadow: 0px 1px 7px 0px rgba(0, 0, 0, 0.17);\n  @media screen and (max-width: 1180px) {\n    display: none;\n  }\n  .progress-nav-closed & {\n    left: 283px;\n  }\n  &.is-active {\n    display: block;\n  }\n  &.is-hide {\n    display: none;\n  }\n  &__robot {\n    height: 65px;\n    margin: 0 auto;\n    display: block;\n    margin-bottom: 9px;\n  }\n  h2 {\n    text-align: center;\n    font-size: 16px;\n    margin-bottom: 8px;\n    font-weight: 600;\n    line-height: 24px;\n    letter-spacing: -0.32px;\n  }\n  p {\n    text-align: center;\n    color: #968e8e;\n    margin-bottom: 20px;\n    color: rgba(28, 28, 28, 0.4);\n    font-size: 14px;\n    font-weight: 500;\n    line-height: 24px;\n    letter-spacing: -0.28px;\n  }\n  &__progress {\n    align-items: flex-start;\n    position: relative;\n    display: flex;\n    flex-direction: column;\n    > span {\n      font-size: 14px;\n      padding: 6px 6px 5px;\n      text-align: center;\n      white-space: nowrap;\n      background: #fefefe;\n      transition: all 0.3s ease;\n      font-weight: 500;\n      color: var(--red);\n      border-radius: 10px;\n      box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.1);\n      margin-bottom: 8px;\n      display: inline-flex;\n    }\n  }\n  &__progress-inner {\n    height: 12px;\n    position: relative;\n    background: #f6f6f6;\n    border-radius: 12px;\n    overflow: hidden;\n    margin-bottom: 18px;\n    width: 100%;\n    i {\n      position: absolute;\n      left: 0;\n      height: 100%;\n      background: var(--red);\n      content: \"\";\n      display: block;\n      transition: width 0.3s ease;\n    }\n  }\n  &__close {\n    position: absolute;\n    right: 10px;\n    top: 10px;\n    color: var(--red);\n    cursor: pointer;\n  }\n  ol {\n    padding: 0;\n    margin: 0 0 20px;\n    text-align: left;\n    counter-reset: item;\n    list-style-type: none;\n    li {\n      border: 1px solid #e9e9e9;\n      border-radius: 4px;\n      margin-bottom: 5px;\n      color: #bcbcbc;\n      counter-increment: item;\n      position: relative;\n      padding: 7px 10px 7px 57px;\n      font-size: 14px;\n      font-weight: 500;\n      line-height: 24px;\n      letter-spacing: -0.28px;\n      &.completed {\n        color: #404040;\n        svg {\n          color: var(--red);\n        }\n      }\n      &:last-child {\n        margin-bottom: 0;\n      }\n      &:before {\n        position: absolute;\n        left: 43px;\n        top: 7px;\n        content: counter(item) \".\";\n      }\n      svg {\n        position: absolute;\n        left: 9px;\n        top: 10px;\n        font-size: 17px;\n      }\n    }\n  }\n}\n\n.completion-cta {\n  background: #fff;\n  border-radius: 4px;\n  box-shadow: 0px 0px 14px 1px rgba(0, 0, 0, 0.1);\n  position: fixed;\n  right: 20px;\n  bottom: 80px;\n  padding: 8px 14px;\n  border: 1px solid #e8e8e8;\n  cursor: pointer;\n  z-index: 999;\n  img {\n    width: 18px;\n    margin-right: 7px;\n  }\n  span {\n    font-size: 14px;\n    font-weight: 500;\n  }\n}\n</style>\n","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!./CompletionProgress.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!./CompletionProgress.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./CompletionProgress.vue?vue&type=template&id=39aadbcf&scoped=true&\"\nimport script from \"./CompletionProgress.vue?vue&type=script&lang=js&\"\nexport * from \"./CompletionProgress.vue?vue&type=script&lang=js&\"\nimport style0 from \"./CompletionProgress.vue?vue&type=style&index=0&id=39aadbcf&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  \"39aadbcf\",\n  null\n  \n)\n\nexport default component.exports","import arrayLikeToArray from \"./arrayLikeToArray.js\";\nexport default function _arrayWithoutHoles(arr) {\n  if (Array.isArray(arr)) return arrayLikeToArray(arr);\n}","export default function _iterableToArray(iter) {\n  if (typeof Symbol !== \"undefined\" && iter[Symbol.iterator] != null || iter[\"@@iterator\"] != null) return Array.from(iter);\n}","export default function _nonIterableSpread() {\n  throw new TypeError(\"Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\");\n}","import arrayWithoutHoles from \"./arrayWithoutHoles.js\";\nimport iterableToArray from \"./iterableToArray.js\";\nimport unsupportedIterableToArray from \"./unsupportedIterableToArray.js\";\nimport nonIterableSpread from \"./nonIterableSpread.js\";\nexport default function _toConsumableArray(arr) {\n  return arrayWithoutHoles(arr) || iterableToArray(arr) || unsupportedIterableToArray(arr) || nonIterableSpread();\n}","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!./KeyMetrics.vue?vue&type=style&index=0&id=10db4002&lang=scss&scoped=true&\"","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!./KeyMetrics.vue?vue&type=style&index=0&id=f8a0a958&lang=scss&scoped=true&\"","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!./KeyMetrics.vue?vue&type=style&index=0&id=dd4b1594&lang=scss&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"authoring-wrapper\"},[_c('div',{staticClass:\"flex h-full\"},[_c('ProgressBar',{attrs:{\"stepIndex\":_vm.stepIndex,\"surveyID\":_vm.surveyID,\"stepsType\":_vm.surveyTypeID === 102\n          ? 'Reticle Alignment Test'\n          : _vm.$route.name !== 'pack-test-key-metrics'\n          ? 'video'\n          : 'pack'}}),_c('section',{staticClass:\"wrapper\"},[_c('a-breadcrumb',{staticClass:\"breadcrum breadcrum--authoring\"},[_c('a-breadcrumb-item',[_c('a',{attrs:{\"href\":\"/\"}},[_vm._v(_vm._s(_vm.client.ClientName))])]),_c('a-breadcrumb-item',[_c('a',{attrs:{\"href\":\"/products\"}},[_vm._v(\"Products\")])]),_c('a-breadcrumb-item',[_vm._v(_vm._s(_vm.$route.meta.surveyTitle))])],1),_c('div',{staticClass:\"wrapper__inner\"},[_c('div',{staticClass:\"page-title\"},[_c('icon-base',{attrs:{\"width\":32,\"height\":33,\"viewBox1\":32,\"viewBox2\":33,\"iconName\":\"metrics\",\"iconColor\":\"transparent\"}},[_c('icon-metrics')],1),_vm._m(0)],1),_c('div',{staticClass:\"box-wrapper mb-25\"},[_c('h2',{staticClass:\"mb-25\"},[_vm._v(\"Competitive Landscape\")]),_c('div',{staticClass:\"input-group mb-20\"},[_c('label',{staticClass:\"mb-5 justify-start\"},[_c('span',{domProps:{\"innerHTML\":_vm._s(_vm.langObj['s4-brand'].quiz)}}),_c('a-tooltip',{attrs:{\"placement\":\"topRight\"}},[_c('template',{slot:\"title\"},[_c('span',{domProps:{\"innerHTML\":_vm._s(\n                      _vm.maxBrand === 4\n                        ? _vm.langObj['s4-brand'].tip4\n                        : _vm.langObj['s4-brand'].tip\n                    )}})]),_c('a-icon',{staticClass:\"ml-5\",attrs:{\"type\":\"info-circle\"}})],2)],1),(_vm.surveyTypeID === 97)?_c('p',{staticClass:\"font-size-14 mb-10\"},[_c('strong',[_vm._v(\"NOTE:\")]),_vm._v(\" The first competitor brand you add will be used in the Implicit Attention exercise. \")]):_vm._e(),_vm._l((_vm.brands),function(brand,index){return _c('a-input',{key:index,staticClass:\"brandInput\",attrs:{\"placeholder\":_vm.langObj['s4-brand'].placeholder},on:{\"pressEnter\":function($event){return _vm.addNewBrand(index)},\"paste\":function($event){return _vm.pasteBrand(index, $event)}},model:{value:(brand.name),callback:function ($$v) {_vm.$set(brand, \"name\", $$v)},expression:\"brand.name\"}},[_c('a-icon',{directives:[{name:\"show\",rawName:\"v-show\",value:(!brand.filled),expression:\"!brand.filled\"}],attrs:{\"slot\":\"addonAfter\",\"theme\":\"filled\",\"type\":\"plus-circle\"},on:{\"click\":function($event){return _vm.addNewBrand(index)}},slot:\"addonAfter\"}),_c('a-icon',{directives:[{name:\"show\",rawName:\"v-show\",value:(brand.filled),expression:\"brand.filled\"}],attrs:{\"slot\":\"addonAfter\",\"theme\":\"filled\",\"type\":\"minus-circle\"},on:{\"click\":function($event){return _vm.onDeleteBrand(index)}},slot:\"addonAfter\"})],1)})],2),_c('div',{staticClass:\"input-group\"},[_c('label',{staticClass:\"mb-5 justify-start\"},[_c('span',{domProps:{\"innerHTML\":_vm._s(_vm.langObj['s4-message'].quiz)}}),_c('a-tooltip',{attrs:{\"placement\":\"topRight\"}},[_c('template',{slot:\"title\"},[_c('span',{domProps:{\"innerHTML\":_vm._s(\n                      _vm.$route.meta.keyMetricsCogniTooltip ||\n                      _vm.langObj['s4-message'].tip\n                    )}})]),_c('a-icon',{staticClass:\"ml-5\",attrs:{\"type\":\"info-circle\"}})],2)],1),_c('p',{staticClass:\"font-size-14 mb-10\",domProps:{\"innerHTML\":_vm._s(\n                _vm.$route.meta.keyMetricsCogniBrief ||\n                _vm.langObj['s4-message'].brief\n              )}}),_vm._l((_vm.cognis),function(cogni,index){return _c('a-input',{key:index,staticClass:\"cogniInput\",attrs:{\"placeholder\":_vm.langObj['s4-message'].placeholder},on:{\"paste\":function($event){return _vm.pasteCogni(index, $event)},\"pressEnter\":function($event){return _vm.addNewCogni(index)}},model:{value:(cogni.name),callback:function ($$v) {_vm.$set(cogni, \"name\", $$v)},expression:\"cogni.name\"}},[_c('a-icon',{directives:[{name:\"show\",rawName:\"v-show\",value:(!cogni.filled),expression:\"!cogni.filled\"}],attrs:{\"slot\":\"addonAfter\",\"theme\":\"filled\",\"type\":\"plus-circle\"},on:{\"click\":function($event){return _vm.addNewCogni(index)}},slot:\"addonAfter\"}),_c('a-icon',{directives:[{name:\"show\",rawName:\"v-show\",value:(cogni.filled),expression:\"cogni.filled\"}],attrs:{\"slot\":\"addonAfter\",\"theme\":\"filled\",\"type\":\"minus-circle\"},on:{\"click\":function($event){return _vm.onDeleteCogni(index)}},slot:\"addonAfter\"})],1)})],2)]),_c('div',{staticClass:\"box-wrapper\"},[_c('h2',{staticClass:\"mb-25\"},[_vm._v(\"Custom Questions\")]),_c('div',{staticClass:\"section-info\"},[_c('p',{domProps:{\"innerHTML\":_vm._s(_vm.langObj['s4-cQues'].quiz)}})]),_c('a-button',{staticClass:\"custAntBtn\",attrs:{\"type\":\"primary\"},on:{\"click\":function($event){_vm.addCustomQuestionModal = true}}},[_vm._v(\" Add question \")]),(\n              _vm.customQuestionsList !== null &&\n              _vm.customQuestionsList.CustomQuestions.length\n            )?_c('div',{staticClass:\"mt-40\"},[_c('h3',{staticClass:\"mb-10 color-inherit\"},[_vm._v(\"Questions preview\")]),(\n                _vm.customQuestionsList !== null &&\n                _vm.customQuestionsList.CustomQuestions.length\n              )?_c('QuestionsListPreview',{key:Math.random(),attrs:{\"questionsList\":_vm.customQuestionsList.CustomQuestions,\"langObj\":_vm.langObj,\"questionSettings\":true,\"loading\":_vm.questionsConfig.loadingNewQuestions,\"showSetAsScreener\":false,\"showSaveInLibrary\":true,\"hideAddButton\":true},on:{\"deleteCustomQuestions\":_vm.deleteCustomQuestions,\"editQuestion\":_vm.editQuestion,\"saveInLibrary\":_vm.saveInLibrary}}):_vm._e()],1):_vm._e()],1),_c('StepNaviBar',{attrs:{\"stepIndex\":_vm.stepIndex,\"nextDisable\":!_vm.brandStatus || !_vm.cogniStatus,\"prevDisable\":false,\"prevBtnTooltip\":\"Back to Brand Strategy\",\"nextBtnTooltip\":\"Go to Key Metrics\",\"stepsType\":_vm.surveyTypeID === 102\n              ? 'Reticle Alignment Test'\n              : _vm.$route.name !== 'pack-test-key-metrics'\n              ? 'video'\n              : 'pack'},on:{\"nextHandler\":_vm.nextStep,\"prevHandler\":_vm.prevStep}})],1)],1)],1),_c('a-modal',{attrs:{\"title\":_vm.questionsModalTitle,\"visible\":_vm.addCustomQuestionModal,\"width\":_vm.questionsConfig.editMode ? 650 : 800,\"okText\":\"Save\",\"okButtonProps\":{\n      props: { disabled: !_vm.questionsData.CustomQuestions.length },\n    },\"footer\":null,\"destroyOnClose\":true,\"wrapClassName\":\"ant-modal--custom-questions\"},on:{\"cancel\":function($event){return _vm.closeQuestionBuilder('cancel')}}},[(!_vm.questionsConfig.editMode)?_c('div',{staticClass:\"choose-questions-nav\"},[_c('a-button',{attrs:{\"type\":_vm.questionsConfig.activeMode === 'builder' ? 'primary' : ''},domProps:{\"innerHTML\":_vm._s(_vm.langObj['s4-customQuestions'].modalTab1)},on:{\"click\":function($event){(_vm.questionsConfig.activeMode = 'builder'),\n            (_vm.questionsConfig.activeBuilder = _vm.questionsConfig.type)}}}),_c('a-button',{attrs:{\"type\":_vm.questionsConfig.activeMode === 'examples' ? 'primary' : ''},domProps:{\"innerHTML\":_vm._s(_vm.langObj['s4-customQuestions'].modalTab2)},on:{\"click\":function($event){(_vm.questionsConfig.activeMode = 'examples'),\n            (_vm.questionsConfig.activeBuilder = null)}}}),_c('a-button',{attrs:{\"type\":_vm.questionsConfig.activeMode === 'saved' ? 'primary' : ''},on:{\"click\":function($event){(_vm.questionsConfig.activeMode = 'saved'),\n            (_vm.questionsConfig.activeBuilder = null),\n            _vm.getSavedQuestions()}}},[_vm._v(\"Saved\")])],1):_vm._e(),_c('div',{staticClass:\"choose-questions\",class:{ 'choose-questions--edit': _vm.questionsConfig.editMode }},[(\n          !_vm.questionsConfig.editMode && _vm.questionsConfig.activeMode !== 'saved'\n        )?_c('div',{staticClass:\"choose-questions__types\"},[_c('a-radio-group',{class:{\n            'ant-radio-group--border-b': _vm.questionsData.CustomQuestions.length,\n            'ant-radio-group--disabled':\n              _vm.questionsConfig.previewQuestionsList ||\n              _vm.questionsConfig.editMode,\n          },attrs:{\"disable\":\"\"},model:{value:(_vm.questionsConfig.type),callback:function ($$v) {_vm.$set(_vm.questionsConfig, \"type\", $$v)},expression:\"questionsConfig.type\"}},[_c('a-radio',{style:(_vm.questionsConfig.radioBtnTypesStyle),attrs:{\"selected\":\"\",\"value\":\"text\"}},[_c('span',{domProps:{\"innerHTML\":_vm._s(_vm.langObj['s4-customQuestions'].modalQuestionType1)}})]),_c('a-radio',{style:(_vm.questionsConfig.radioBtnTypesStyle),attrs:{\"selected\":\"\",\"value\":\"essay\"}},[_c('span',{domProps:{\"innerHTML\":_vm._s(_vm.langObj['s4-customQuestions'].modalQuestionType6)}})]),_c('a-radio',{style:(_vm.questionsConfig.radioBtnTypesStyle),attrs:{\"value\":\"radio\"}},[_c('span',{domProps:{\"innerHTML\":_vm._s(_vm.langObj['s4-customQuestions'].modalQuestionType2)}})]),_c('a-radio',{style:(_vm.questionsConfig.radioBtnTypesStyle),attrs:{\"value\":\"checkbox\"}},[_c('span',{domProps:{\"innerHTML\":_vm._s(_vm.langObj['s4-customQuestions'].modalQuestionType3)}})]),_c('a-radio',{style:(_vm.questionsConfig.radioBtnTypesStyle),attrs:{\"value\":\"rank-dragdrop\"}},[_c('span',{domProps:{\"innerHTML\":_vm._s(_vm.langObj['s4-customQuestions'].modalQuestionType4)}})]),_c('a-radio',{style:(_vm.questionsConfig.radioBtnTypesStyle),attrs:{\"value\":\"table-radio\"}},[_c('span',{domProps:{\"innerHTML\":_vm._s(_vm.langObj['s4-customQuestions'].modalQuestionType7)}})]),_c('a-radio',{style:(_vm.questionsConfig.radioBtnTypesStyle),attrs:{\"value\":\"table-checkbox\"}},[_c('span',{domProps:{\"innerHTML\":_vm._s(_vm.langObj['s4-customQuestions'].modalQuestionType5)}})])],1)],1):_vm._e(),(_vm.questionsConfig.activeMode === 'saved')?_c('div',{staticClass:\"choose-questions__preview choose-questions__preview--saved\",class:{\n          'flex justify-center items-center': _vm.savedQuestions.length === 0,\n        }},[(_vm.loadingSavedQuestions)?_c('Loader',{attrs:{\"text\":\"Loading questions...\",\"paddingTop\":151,\"paddingBottom\":151}}):(_vm.savedQuestions.length)?_c('div',[_c('div',{staticClass:\"flex justify-end gap-15 mb-25 mt-10\"},[_c('div',{staticClass:\"input-group input-group--small\"},[_c('div',{staticClass:\"position-r search-field\",class:{ focus: _vm.searchActive }},[_c('a-input',{staticClass:\"filterPanel__search\",class:{\n                    'filterPanel__search--active': _vm.searchText != '',\n                  },staticStyle:{\"width\":\"230px\"},attrs:{\"placeholder\":\"Search by Question Text\"},on:{\"focus\":function($event){_vm.searchActive = true},\"blur\":function($event){_vm.searchActive = false}},model:{value:(_vm.searchText),callback:function ($$v) {_vm.searchText=$$v},expression:\"searchText\"}},[_c('a-icon',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.searchText != ''),expression:\"searchText != ''\"}],attrs:{\"slot\":\"addonAfter\",\"theme\":\"filled\",\"type\":\"close-circle\"},on:{\"click\":function($event){_vm.searchText = ''}},slot:\"addonAfter\"})],1),_c('icon-base',{staticClass:\"search-icon\",attrs:{\"width\":20,\"height\":20,\"viewBox1\":64,\"viewBox2\":64,\"iconName\":\"searchThin\",\"iconColor\":\"transparent\",\"iconStroke\":\"#000\"}},[_c('icon-search-thin')],1)],1)]),_c('div',{staticClass:\"input-group input-group--small\"},[_c('a-select',{staticStyle:{\"width\":\"230px\"},attrs:{\"options\":_vm.uniqueQuestionsCategories,\"mode\":\"multiple\",\"placeholder\":\"Filter by Category\",\"filterOption\":false,\"disabled\":_vm.uniqueQuestionsCategories.length <= 1},model:{value:(_vm.categoryFilter),callback:function ($$v) {_vm.categoryFilter=$$v},expression:\"categoryFilter\"}})],1)]),(_vm.filteredQuestions.length)?_c('QuestionsListPreview',{attrs:{\"questionsList\":_vm.filteredQuestions,\"langObj\":_vm.langObj,\"questionSettings\":true,\"showSetAsScreener\":false,\"showSaveInLibrary\":false,\"hideEditButton\":true,\"insertCustomQuestionsLoading\":_vm.insertCustomQuestionsLoading},on:{\"addSavedQuestion\":function($event){return _vm.addSavedQuestion($event)},\"deleteCustomQuestions\":_vm.deleteSavedQuestions}}):_c('div',{staticClass:\"\\n              flex\\n              items-center\\n              justify-center\\n              flex-col flex-1\\n              text-center\\n            \",staticStyle:{\"margin-top\":\"110px\"}},[_c('icon-base',{staticClass:\"mb-10\",attrs:{\"width\":40,\"height\":40,\"viewBox1\":32,\"viewBox2\":32,\"iconName\":\"no-results\",\"iconColor\":\"#415262\",\"iconStroke\":\"#fff\"}},[_c('icon-no-results')],1),_c('p',{staticClass:\"mb-20\"},[_vm._v(\" No questions found. \"),_c('br'),_vm._v(\" Please adjust your search or filter criteria. \")])],1)],1):_c('div',{staticClass:\"flex items-center justify-center flex-col flex-1 text-center\"},[_c('icon-base',{staticClass:\"mb-10\",attrs:{\"width\":40,\"height\":40,\"viewBox1\":32,\"viewBox2\":32,\"iconName\":\"no-results\",\"iconColor\":\"#415262\",\"iconStroke\":\"#fff\"}},[_c('icon-no-results')],1),_c('p',{staticClass:\"mb-20\"},[_vm._v(\"No saved questions found.\")])],1)],1):_c('div',{staticClass:\"choose-questions__preview\"},[[(_vm.questionsConfig.type === 'text')?_c('QuestionsTypePreview',{attrs:{\"title\":_vm.langObj['s4-customQuestions'].modalQuestionType1,\"subTitle\":_vm.langObj['s4-customQuestions'].modalTextQIntro,\"exampleQuestionText\":_vm.langObj['s4-customQuestions'].modalTextQExampleLabel,\"description\":_vm.langObj['s4-customQuestions'].modalTextQDetailsLabel,\"builderMode\":_vm.questionsConfig.type === 'text' &&\n              _vm.questionsConfig.activeBuilder === 'text'\n                ? true\n                : false,\"editMode\":_vm.questionsConfig.editMode,\"langObj\":_vm.langObj}},[(\n                _vm.questionsConfig.type === 'text' &&\n                _vm.questionsConfig.activeBuilder === 'text'\n              )?_c('TextTypeBuilder',{attrs:{\"editMode\":_vm.questionsConfig.editMode,\"questionInfo\":_vm.customQuestionsList,\"questionIndex\":_vm.questionsConfig.editModeItemIndex,\"langObj\":_vm.langObj},on:{\"question-data\":_vm.setQuestionData,\"question-builde:close\":_vm.closeQuestionBuilder}}):_c('TextTypeExample',{attrs:{\"exampleQuestionText\":_vm.langObj['s4-customQuestions'].modalTextQExampleLabel,\"langObj\":_vm.langObj,\"questionSettings\":false}})],1):_vm._e(),(_vm.questionsConfig.type === 'essay')?_c('QuestionsTypePreview',{attrs:{\"title\":_vm.langObj['s4-customQuestions'].modalQuestionType6,\"subTitle\":_vm.langObj['s4-customQuestions'].modalEssayQIntro,\"exampleQuestionText\":_vm.langObj['s4-customQuestions'].modalEssayQExampleLabel,\"description\":_vm.langObj['s4-customQuestions'].modalEssayQDetailsLabel,\"builderMode\":_vm.questionsConfig.type === 'essay' &&\n              _vm.questionsConfig.activeBuilder === 'essay'\n                ? true\n                : false,\"editMode\":_vm.questionsConfig.editMode,\"langObj\":_vm.langObj}},[(\n                _vm.questionsConfig.type === 'essay' &&\n                _vm.questionsConfig.activeBuilder === 'essay'\n              )?_c('TextTypeBuilder',{attrs:{\"editMode\":_vm.questionsConfig.editMode,\"questionInfo\":_vm.customQuestionsList,\"questionIndex\":_vm.questionsConfig.editModeItemIndex,\"langObj\":_vm.langObj,\"type\":\"essay\"},on:{\"question-data\":_vm.setQuestionData,\"question-builde:close\":_vm.closeQuestionBuilder}}):_c('TextTypeExample',{attrs:{\"exampleQuestionText\":_vm.langObj['s4-customQuestions'].modalEssayQExampleLabel,\"langObj\":_vm.langObj,\"questionSettings\":false,\"type\":\"essay\"}})],1):_vm._e(),(_vm.questionsConfig.type === 'radio')?_c('QuestionsTypePreview',{attrs:{\"title\":_vm.langObj['s4-customQuestions'].modalQuestionType2,\"subTitle\":_vm.langObj['s4-customQuestions'].modalSingleQIntro,\"description\":_vm.langObj['s4-customQuestions'].modalSingleQDetailsLabel,\"builderMode\":_vm.questionsConfig.type === 'radio' &&\n              _vm.questionsConfig.activeBuilder === 'radio'\n                ? true\n                : false,\"editMode\":_vm.questionsConfig.editMode,\"langObj\":_vm.langObj}},[(\n                _vm.questionsConfig.type === 'radio' &&\n                _vm.questionsConfig.activeBuilder === 'radio'\n              )?_c('MultiOptionsTypeBuilder',{attrs:{\"editMode\":_vm.questionsConfig.editMode,\"questionInfo\":_vm.customQuestionsList,\"questionIndex\":_vm.questionsConfig.editModeItemIndex,\"type\":\"radio\",\"sort\":\"NONE\",\"langObj\":_vm.langObj},on:{\"question-data\":_vm.setQuestionData,\"question-builde:close\":_vm.closeQuestionBuilder}}):_c('SingleChoiceExample',{attrs:{\"exampleQuestionText\":_vm.langObj['s4-customQuestions'].modalSingleQExampleLabel}})],1):_vm._e(),(_vm.questionsConfig.type === 'checkbox')?_c('QuestionsTypePreview',{attrs:{\"title\":_vm.langObj['s4-customQuestions'].modalQuestionType3,\"subTitle\":_vm.langObj['s4-customQuestions'].modalMultiQIntro,\"description\":_vm.langObj['s4-customQuestions'].modalMultiQDetailsLabel,\"builderMode\":_vm.questionsConfig.type === 'checkbox' &&\n              _vm.questionsConfig.activeBuilder === 'checkbox'\n                ? true\n                : false,\"editMode\":_vm.questionsConfig.editMode,\"langObj\":_vm.langObj}},[(\n                _vm.questionsConfig.type === 'checkbox' &&\n                _vm.questionsConfig.activeBuilder === 'checkbox'\n              )?_c('MultiOptionsTypeBuilder',{attrs:{\"editMode\":_vm.questionsConfig.editMode,\"questionInfo\":_vm.customQuestionsList,\"questionIndex\":_vm.questionsConfig.editModeItemIndex,\"type\":\"checkbox\",\"sort\":\"SHUFFLE\",\"langObj\":_vm.langObj},on:{\"question-data\":_vm.setQuestionData,\"question-builde:close\":_vm.closeQuestionBuilder}}):_c('MultiChoiceExample',{attrs:{\"exampleQuestionText\":_vm.langObj['s4-customQuestions'].modalMultiQExampleLabel}})],1):_vm._e(),(_vm.questionsConfig.type === 'rank-dragdrop')?_c('QuestionsTypePreview',{attrs:{\"title\":_vm.langObj['s4-customQuestions'].modalQuestionType4,\"subTitle\":_vm.langObj['s4-customQuestions'].modalRankQIntro,\"description\":_vm.langObj['s4-customQuestions'].modalRankQDetailsLabel,\"builderMode\":_vm.questionsConfig.type === 'rank-dragdrop' &&\n              _vm.questionsConfig.activeBuilder === 'rank-dragdrop'\n                ? true\n                : false,\"editMode\":_vm.questionsConfig.editMode,\"langObj\":_vm.langObj}},[(\n                _vm.questionsConfig.type === 'rank-dragdrop' &&\n                _vm.questionsConfig.activeBuilder === 'rank-dragdrop'\n              )?_c('MultiOptionsTypeBuilder',{attrs:{\"editMode\":_vm.questionsConfig.editMode,\"questionInfo\":_vm.customQuestionsList,\"questionIndex\":_vm.questionsConfig.editModeItemIndex,\"type\":\"rank-dragdrop\",\"sort\":\"SHUFFLE\",\"langObj\":_vm.langObj},on:{\"question-data\":_vm.setQuestionData,\"question-builde:close\":_vm.closeQuestionBuilder}}):_c('RankExample',{attrs:{\"exampleQuestionText\":_vm.langObj['s4-customQuestions'].modalRankQExampleLabel}})],1):_vm._e(),(_vm.questionsConfig.type === 'table-radio')?_c('QuestionsTypePreview',{attrs:{\"title\":_vm.langObj['s4-customQuestions'].modalQuestionType7,\"subTitle\":_vm.langObj['s4-customQuestions'].modalGridQIntro,\"description\":_vm.langObj['s4-customQuestions'].modalGridQDetailsLabel,\"builderMode\":_vm.questionsConfig.type === 'table-radio' &&\n              _vm.questionsConfig.activeBuilder === 'table-radio'\n                ? true\n                : false,\"editMode\":_vm.questionsConfig.editMode,\"langObj\":_vm.langObj}},[(\n                _vm.questionsConfig.type === 'table-radio' &&\n                _vm.questionsConfig.activeBuilder === 'table-radio'\n              )?_c('GridTypeBuilder',{attrs:{\"editMode\":_vm.questionsConfig.editMode,\"questionInfo\":_vm.customQuestionsList,\"questionIndex\":_vm.questionsConfig.editModeItemIndex,\"langObj\":_vm.langObj},on:{\"question-data\":_vm.setQuestionData,\"question-builde:close\":_vm.closeQuestionBuilder}}):_c('GridExample',{attrs:{\"langObj\":_vm.langObj,\"exampleQuestionText\":_vm.langObj['s4-customQuestions'].modalGridQExampleLabel,\"type\":\"table-radio\"}})],1):_vm._e(),(_vm.questionsConfig.type === 'table-checkbox')?_c('QuestionsTypePreview',{attrs:{\"title\":_vm.langObj['s4-customQuestions'].modalQuestionType5,\"subTitle\":_vm.langObj['s4-customQuestions'].modalGridCheckboxQIntro,\"description\":_vm.langObj['s4-customQuestions'].modalGridCheckboxQDetailsLabel,\"builderMode\":_vm.questionsConfig.type === 'table-checkbox' &&\n              _vm.questionsConfig.activeBuilder === 'table-checkbox'\n                ? true\n                : false,\"editMode\":_vm.questionsConfig.editMode,\"langObj\":_vm.langObj}},[(\n                _vm.questionsConfig.type === 'table-checkbox' &&\n                _vm.questionsConfig.activeBuilder === 'table-checkbox'\n              )?_c('GridTypeBuilder',{attrs:{\"editMode\":_vm.questionsConfig.editMode,\"questionInfo\":_vm.customQuestionsList,\"questionIndex\":_vm.questionsConfig.editModeItemIndex,\"langObj\":_vm.langObj,\"type\":\"table-checkbox\"},on:{\"question-data\":_vm.setQuestionData,\"question-builde:close\":_vm.closeQuestionBuilder}}):_c('GridExample',{attrs:{\"langObj\":_vm.langObj,\"exampleQuestionText\":_vm.langObj['s4-customQuestions'].modalGridCheckboxQExampleLabel}})],1):_vm._e(),(_vm.questionsConfig.activeBuilder === null)?_c('div',{staticClass:\"flex justify-center\"},[_c('a-button',{attrs:{\"type\":\"primary\"},domProps:{\"innerHTML\":_vm._s(_vm.langObj['s4-customQuestions'].modalButton5)},on:{\"click\":_vm.setBuilderType}})],1):_vm._e()]],2)])]),_c('CompletionProgress',{attrs:{\"checkList\":_vm.quizs}})],1)}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"page-title__text\"},[_c('h1',[_vm._v(\"Key Metrics\")]),_c('span',[_vm._v(\"Brand Analysis\")])])}]\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"authoring-wrapper\">\n    <div class=\"flex h-full\">\n      <ProgressBar\n        :stepIndex=\"stepIndex\"\n        :surveyID=\"surveyID\"\n        :stepsType=\"\n          surveyTypeID === 102\n            ? 'Reticle Alignment Test'\n            : $route.name !== 'pack-test-key-metrics'\n            ? 'video'\n            : 'pack'\n        \"\n      />\n      <section class=\"wrapper\">\n        <a-breadcrumb class=\"breadcrum breadcrum--authoring\">\n          <a-breadcrumb-item\n            ><a href=\"/\">{{ client.ClientName }}</a></a-breadcrumb-item\n          >\n          <a-breadcrumb-item\n            ><a href=\"/products\">Products</a></a-breadcrumb-item\n          >\n          <a-breadcrumb-item>{{ $route.meta.surveyTitle }}</a-breadcrumb-item>\n        </a-breadcrumb>\n\n        <div class=\"wrapper__inner\">\n          <div class=\"page-title\">\n            <icon-base\n              :width=\"32\"\n              :height=\"33\"\n              :viewBox1=\"32\"\n              :viewBox2=\"33\"\n              iconName=\"metrics\"\n              iconColor=\"transparent\"\n              ><icon-metrics\n            /></icon-base>\n            <div class=\"page-title__text\">\n              <h1>Key Metrics</h1>\n              <span>Brand Analysis</span>\n            </div>\n          </div>\n          <div class=\"box-wrapper mb-25\">\n            <h2 class=\"mb-25\">Competitive Landscape</h2>\n            <div class=\"input-group mb-20\">\n              <label class=\"mb-5 justify-start\">\n                <span v-html=\"langObj['s4-brand'].quiz\"> </span>\n                <a-tooltip placement=\"topRight\">\n                  <template slot=\"title\">\n                    <span\n                      v-html=\"\n                        maxBrand === 4\n                          ? langObj['s4-brand'].tip4\n                          : langObj['s4-brand'].tip\n                      \"\n                    ></span>\n                  </template>\n                  <a-icon type=\"info-circle\" class=\"ml-5\" />\n                </a-tooltip>\n              </label>\n              <p class=\"font-size-14 mb-10\" v-if=\"surveyTypeID === 97\">\n                <strong>NOTE:</strong> The first competitor brand you add will\n                be used in the Implicit Attention exercise.\n              </p>\n              <a-input\n                v-for=\"(brand, index) in brands\"\n                :placeholder=\"langObj['s4-brand'].placeholder\"\n                class=\"brandInput\"\n                :key=\"index\"\n                v-model=\"brand.name\"\n                @pressEnter=\"addNewBrand(index)\"\n                @paste=\"pasteBrand(index, $event)\"\n              >\n                <a-icon\n                  slot=\"addonAfter\"\n                  theme=\"filled\"\n                  type=\"plus-circle\"\n                  v-show=\"!brand.filled\"\n                  @click=\"addNewBrand(index)\"\n                />\n                <a-icon\n                  slot=\"addonAfter\"\n                  theme=\"filled\"\n                  type=\"minus-circle\"\n                  v-show=\"brand.filled\"\n                  @click=\"onDeleteBrand(index)\"\n                />\n              </a-input>\n            </div>\n\n            <div class=\"input-group\">\n              <label class=\"mb-5 justify-start\">\n                <span v-html=\"langObj['s4-message'].quiz\"> </span>\n                <a-tooltip placement=\"topRight\">\n                  <template slot=\"title\">\n                    <span\n                      v-html=\"\n                        $route.meta.keyMetricsCogniTooltip ||\n                        langObj['s4-message'].tip\n                      \"\n                    ></span>\n                  </template>\n                  <a-icon type=\"info-circle\" class=\"ml-5\" />\n                </a-tooltip>\n              </label>\n\n              <p\n                class=\"font-size-14 mb-10\"\n                v-html=\"\n                  $route.meta.keyMetricsCogniBrief ||\n                  langObj['s4-message'].brief\n                \"\n              ></p>\n\n              <a-input\n                v-for=\"(cogni, index) in cognis\"\n                :placeholder=\"langObj['s4-message'].placeholder\"\n                class=\"cogniInput\"\n                :key=\"index\"\n                v-model=\"cogni.name\"\n                @paste=\"pasteCogni(index, $event)\"\n                @pressEnter=\"addNewCogni(index)\"\n              >\n                <a-icon\n                  slot=\"addonAfter\"\n                  theme=\"filled\"\n                  type=\"plus-circle\"\n                  v-show=\"!cogni.filled\"\n                  @click=\"addNewCogni(index)\"\n                />\n                <a-icon\n                  slot=\"addonAfter\"\n                  theme=\"filled\"\n                  type=\"minus-circle\"\n                  v-show=\"cogni.filled\"\n                  @click=\"onDeleteCogni(index)\"\n                />\n              </a-input>\n            </div>\n          </div>\n          <div class=\"box-wrapper\">\n            <h2 class=\"mb-25\">Custom Questions</h2>\n            <div class=\"section-info\">\n              <p v-html=\"langObj['s4-cQues'].quiz\"></p>\n            </div>\n\n            <a-button\n              type=\"primary\"\n              class=\"custAntBtn\"\n              @click=\"addCustomQuestionModal = true\"\n            >\n              Add question\n            </a-button>\n\n            <div\n              class=\"mt-40\"\n              v-if=\"\n                customQuestionsList !== null &&\n                customQuestionsList.CustomQuestions.length\n              \"\n            >\n              <h3 class=\"mb-10 color-inherit\">Questions preview</h3>\n\n              <QuestionsListPreview\n                v-if=\"\n                  customQuestionsList !== null &&\n                  customQuestionsList.CustomQuestions.length\n                \"\n                :questionsList=\"customQuestionsList.CustomQuestions\"\n                :langObj=\"langObj\"\n                :questionSettings=\"true\"\n                :key=\"Math.random()\"\n                :loading=\"questionsConfig.loadingNewQuestions\"\n                :showSetAsScreener=\"false\"\n                :showSaveInLibrary=\"true\"\n                :hideAddButton=\"true\"\n                @deleteCustomQuestions=\"deleteCustomQuestions\"\n                @editQuestion=\"editQuestion\"\n                @saveInLibrary=\"saveInLibrary\"\n              ></QuestionsListPreview>\n            </div>\n          </div>\n\n          <StepNaviBar\n            :stepIndex=\"stepIndex\"\n            :nextDisable=\"!brandStatus || !cogniStatus\"\n            @nextHandler=\"nextStep\"\n            :prevDisable=\"false\"\n            @prevHandler=\"prevStep\"\n            prevBtnTooltip=\"Back to Brand Strategy\"\n            nextBtnTooltip=\"Go to Key Metrics\"\n            :stepsType=\"\n              surveyTypeID === 102\n                ? 'Reticle Alignment Test'\n                : $route.name !== 'pack-test-key-metrics'\n                ? 'video'\n                : 'pack'\n            \"\n          />\n        </div>\n      </section>\n    </div>\n    <a-modal\n      :title=\"questionsModalTitle\"\n      :visible=\"addCustomQuestionModal\"\n      :width=\"questionsConfig.editMode ? 650 : 800\"\n      okText=\"Save\"\n      :okButtonProps=\"{\n        props: { disabled: !questionsData.CustomQuestions.length },\n      }\"\n      :footer=\"null\"\n      @cancel=\"closeQuestionBuilder('cancel')\"\n      :destroyOnClose=\"true\"\n      wrapClassName=\"ant-modal--custom-questions\"\n    >\n      <div class=\"choose-questions-nav\" v-if=\"!questionsConfig.editMode\">\n        <a-button\n          @click=\"\n            (questionsConfig.activeMode = 'builder'),\n              (questionsConfig.activeBuilder = questionsConfig.type)\n          \"\n          :type=\"questionsConfig.activeMode === 'builder' ? 'primary' : ''\"\n          v-html=\"langObj['s4-customQuestions'].modalTab1\"\n        ></a-button>\n        <a-button\n          @click=\"\n            (questionsConfig.activeMode = 'examples'),\n              (questionsConfig.activeBuilder = null)\n          \"\n          :type=\"questionsConfig.activeMode === 'examples' ? 'primary' : ''\"\n          v-html=\"langObj['s4-customQuestions'].modalTab2\"\n        ></a-button>\n        <a-button\n          @click=\"\n            (questionsConfig.activeMode = 'saved'),\n              (questionsConfig.activeBuilder = null),\n              getSavedQuestions()\n          \"\n          :type=\"questionsConfig.activeMode === 'saved' ? 'primary' : ''\"\n          >Saved</a-button\n        >\n      </div>\n      <div\n        class=\"choose-questions\"\n        :class=\"{ 'choose-questions--edit': questionsConfig.editMode }\"\n      >\n        <div\n          class=\"choose-questions__types\"\n          v-if=\"\n            !questionsConfig.editMode && questionsConfig.activeMode !== 'saved'\n          \"\n        >\n          <a-radio-group\n            v-model=\"questionsConfig.type\"\n            disable\n            :class=\"{\n              'ant-radio-group--border-b': questionsData.CustomQuestions.length,\n              'ant-radio-group--disabled':\n                questionsConfig.previewQuestionsList ||\n                questionsConfig.editMode,\n            }\"\n          >\n            <a-radio\n              :style=\"questionsConfig.radioBtnTypesStyle\"\n              selected\n              value=\"text\"\n            >\n              <span\n                v-html=\"langObj['s4-customQuestions'].modalQuestionType1\"\n              ></span>\n            </a-radio>\n            <a-radio\n              :style=\"questionsConfig.radioBtnTypesStyle\"\n              selected\n              value=\"essay\"\n            >\n              <span\n                v-html=\"langObj['s4-customQuestions'].modalQuestionType6\"\n              ></span>\n            </a-radio>\n            <a-radio :style=\"questionsConfig.radioBtnTypesStyle\" value=\"radio\">\n              <span\n                v-html=\"langObj['s4-customQuestions'].modalQuestionType2\"\n              ></span>\n            </a-radio>\n            <a-radio\n              :style=\"questionsConfig.radioBtnTypesStyle\"\n              value=\"checkbox\"\n            >\n              <span\n                v-html=\"langObj['s4-customQuestions'].modalQuestionType3\"\n              ></span>\n            </a-radio>\n            <a-radio\n              :style=\"questionsConfig.radioBtnTypesStyle\"\n              value=\"rank-dragdrop\"\n            >\n              <span\n                v-html=\"langObj['s4-customQuestions'].modalQuestionType4\"\n              ></span>\n            </a-radio>\n            <a-radio\n              :style=\"questionsConfig.radioBtnTypesStyle\"\n              value=\"table-radio\"\n            >\n              <span\n                v-html=\"langObj['s4-customQuestions'].modalQuestionType7\"\n              ></span>\n            </a-radio>\n            <a-radio\n              :style=\"questionsConfig.radioBtnTypesStyle\"\n              value=\"table-checkbox\"\n            >\n              <span\n                v-html=\"langObj['s4-customQuestions'].modalQuestionType5\"\n              ></span>\n            </a-radio>\n          </a-radio-group>\n        </div>\n        <div\n          v-if=\"questionsConfig.activeMode === 'saved'\"\n          class=\"choose-questions__preview choose-questions__preview--saved\"\n          :class=\"{\n            'flex justify-center items-center': savedQuestions.length === 0,\n          }\"\n        >\n          <Loader\n            text=\"Loading questions...\"\n            v-if=\"loadingSavedQuestions\"\n            :paddingTop=\"151\"\n            :paddingBottom=\"151\"\n          ></Loader>\n          <div v-else-if=\"savedQuestions.length\">\n            <div class=\"flex justify-end gap-15 mb-25 mt-10\">\n              <div class=\"input-group input-group--small\">\n                <div\n                  class=\"position-r search-field\"\n                  :class=\"{ focus: searchActive }\"\n                >\n                  <a-input\n                    placeholder=\"Search by Question Text\"\n                    style=\"width: 230px\"\n                    v-model=\"searchText\"\n                    class=\"filterPanel__search\"\n                    @focus=\"searchActive = true\"\n                    @blur=\"searchActive = false\"\n                    :class=\"{\n                      'filterPanel__search--active': searchText != '',\n                    }\"\n                  >\n                    <a-icon\n                      slot=\"addonAfter\"\n                      theme=\"filled\"\n                      type=\"close-circle\"\n                      v-show=\"searchText != ''\"\n                      @click=\"searchText = ''\"\n                  /></a-input>\n                  <icon-base\n                    class=\"search-icon\"\n                    :width=\"20\"\n                    :height=\"20\"\n                    :viewBox1=\"64\"\n                    :viewBox2=\"64\"\n                    iconName=\"searchThin\"\n                    iconColor=\"transparent\"\n                    iconStroke=\"#000\"\n                    ><icon-search-thin\n                  /></icon-base>\n                </div>\n              </div>\n              <div class=\"input-group input-group--small\">\n                <a-select\n                  v-model=\"categoryFilter\"\n                  :options=\"uniqueQuestionsCategories\"\n                  style=\"width: 230px\"\n                  mode=\"multiple\"\n                  placeholder=\"Filter by Category\"\n                  :filterOption=\"false\"\n                  :disabled=\"uniqueQuestionsCategories.length <= 1\"\n                >\n                </a-select>\n              </div>\n            </div>\n            <QuestionsListPreview\n              v-if=\"filteredQuestions.length\"\n              :questionsList=\"filteredQuestions\"\n              :langObj=\"langObj\"\n              :questionSettings=\"true\"\n              :showSetAsScreener=\"false\"\n              :showSaveInLibrary=\"false\"\n              :hideEditButton=\"true\"\n              :insertCustomQuestionsLoading=\"insertCustomQuestionsLoading\"\n              @addSavedQuestion=\"addSavedQuestion($event)\"\n              @deleteCustomQuestions=\"deleteSavedQuestions\"\n            ></QuestionsListPreview>\n            <div\n              v-else\n              class=\"\n                flex\n                items-center\n                justify-center\n                flex-col flex-1\n                text-center\n              \"\n              style=\"margin-top: 110px\"\n            >\n              <icon-base\n                :width=\"40\"\n                :height=\"40\"\n                :viewBox1=\"32\"\n                :viewBox2=\"32\"\n                iconName=\"no-results\"\n                iconColor=\"#415262\"\n                iconStroke=\"#fff\"\n                class=\"mb-10\"\n                ><icon-no-results\n              /></icon-base>\n              <p class=\"mb-20\">\n                No questions found. <br />\n                Please adjust your search or filter criteria.\n              </p>\n            </div>\n          </div>\n          <div\n            v-else\n            class=\"flex items-center justify-center flex-col flex-1 text-center\"\n          >\n            <icon-base\n              :width=\"40\"\n              :height=\"40\"\n              :viewBox1=\"32\"\n              :viewBox2=\"32\"\n              iconName=\"no-results\"\n              iconColor=\"#415262\"\n              iconStroke=\"#fff\"\n              class=\"mb-10\"\n              ><icon-no-results\n            /></icon-base>\n            <p class=\"mb-20\">No saved questions found.</p>\n          </div>\n        </div>\n        <div v-else class=\"choose-questions__preview\">\n          <template>\n            <QuestionsTypePreview\n              v-if=\"questionsConfig.type === 'text'\"\n              :title=\"langObj['s4-customQuestions'].modalQuestionType1\"\n              :subTitle=\"langObj['s4-customQuestions'].modalTextQIntro\"\n              :exampleQuestionText=\"\n                langObj['s4-customQuestions'].modalTextQExampleLabel\n              \"\n              :description=\"\n                langObj['s4-customQuestions'].modalTextQDetailsLabel\n              \"\n              :builderMode=\"\n                questionsConfig.type === 'text' &&\n                questionsConfig.activeBuilder === 'text'\n                  ? true\n                  : false\n              \"\n              :editMode=\"questionsConfig.editMode\"\n              :langObj=\"langObj\"\n            >\n              <TextTypeBuilder\n                v-if=\"\n                  questionsConfig.type === 'text' &&\n                  questionsConfig.activeBuilder === 'text'\n                \"\n                @question-data=\"setQuestionData\"\n                @question-builde:close=\"closeQuestionBuilder\"\n                :editMode=\"questionsConfig.editMode\"\n                :questionInfo=\"customQuestionsList\"\n                :questionIndex=\"questionsConfig.editModeItemIndex\"\n                :langObj=\"langObj\"\n              ></TextTypeBuilder>\n              <TextTypeExample\n                :exampleQuestionText=\"\n                  langObj['s4-customQuestions'].modalTextQExampleLabel\n                \"\n                :langObj=\"langObj\"\n                :questionSettings=\"false\"\n                v-else\n              ></TextTypeExample>\n            </QuestionsTypePreview>\n            <QuestionsTypePreview\n              v-if=\"questionsConfig.type === 'essay'\"\n              :title=\"langObj['s4-customQuestions'].modalQuestionType6\"\n              :subTitle=\"langObj['s4-customQuestions'].modalEssayQIntro\"\n              :exampleQuestionText=\"\n                langObj['s4-customQuestions'].modalEssayQExampleLabel\n              \"\n              :description=\"\n                langObj['s4-customQuestions'].modalEssayQDetailsLabel\n              \"\n              :builderMode=\"\n                questionsConfig.type === 'essay' &&\n                questionsConfig.activeBuilder === 'essay'\n                  ? true\n                  : false\n              \"\n              :editMode=\"questionsConfig.editMode\"\n              :langObj=\"langObj\"\n            >\n              <TextTypeBuilder\n                v-if=\"\n                  questionsConfig.type === 'essay' &&\n                  questionsConfig.activeBuilder === 'essay'\n                \"\n                @question-data=\"setQuestionData\"\n                @question-builde:close=\"closeQuestionBuilder\"\n                :editMode=\"questionsConfig.editMode\"\n                :questionInfo=\"customQuestionsList\"\n                :questionIndex=\"questionsConfig.editModeItemIndex\"\n                :langObj=\"langObj\"\n                type=\"essay\"\n              ></TextTypeBuilder>\n              <TextTypeExample\n                :exampleQuestionText=\"\n                  langObj['s4-customQuestions'].modalEssayQExampleLabel\n                \"\n                :langObj=\"langObj\"\n                :questionSettings=\"false\"\n                type=\"essay\"\n                v-else\n              ></TextTypeExample>\n            </QuestionsTypePreview>\n            <QuestionsTypePreview\n              v-if=\"questionsConfig.type === 'radio'\"\n              :title=\"langObj['s4-customQuestions'].modalQuestionType2\"\n              :subTitle=\"langObj['s4-customQuestions'].modalSingleQIntro\"\n              :description=\"\n                langObj['s4-customQuestions'].modalSingleQDetailsLabel\n              \"\n              :builderMode=\"\n                questionsConfig.type === 'radio' &&\n                questionsConfig.activeBuilder === 'radio'\n                  ? true\n                  : false\n              \"\n              :editMode=\"questionsConfig.editMode\"\n              :langObj=\"langObj\"\n            >\n              <MultiOptionsTypeBuilder\n                v-if=\"\n                  questionsConfig.type === 'radio' &&\n                  questionsConfig.activeBuilder === 'radio'\n                \"\n                @question-data=\"setQuestionData\"\n                @question-builde:close=\"closeQuestionBuilder\"\n                :editMode=\"questionsConfig.editMode\"\n                :questionInfo=\"customQuestionsList\"\n                :questionIndex=\"questionsConfig.editModeItemIndex\"\n                type=\"radio\"\n                sort=\"NONE\"\n                :langObj=\"langObj\"\n              ></MultiOptionsTypeBuilder>\n              <SingleChoiceExample\n                v-else\n                :exampleQuestionText=\"\n                  langObj['s4-customQuestions'].modalSingleQExampleLabel\n                \"\n              ></SingleChoiceExample>\n            </QuestionsTypePreview>\n\n            <QuestionsTypePreview\n              v-if=\"questionsConfig.type === 'checkbox'\"\n              :title=\"langObj['s4-customQuestions'].modalQuestionType3\"\n              :subTitle=\"langObj['s4-customQuestions'].modalMultiQIntro\"\n              :description=\"\n                langObj['s4-customQuestions'].modalMultiQDetailsLabel\n              \"\n              :builderMode=\"\n                questionsConfig.type === 'checkbox' &&\n                questionsConfig.activeBuilder === 'checkbox'\n                  ? true\n                  : false\n              \"\n              :editMode=\"questionsConfig.editMode\"\n              :langObj=\"langObj\"\n            >\n              <MultiOptionsTypeBuilder\n                v-if=\"\n                  questionsConfig.type === 'checkbox' &&\n                  questionsConfig.activeBuilder === 'checkbox'\n                \"\n                @question-data=\"setQuestionData\"\n                @question-builde:close=\"closeQuestionBuilder\"\n                :editMode=\"questionsConfig.editMode\"\n                :questionInfo=\"customQuestionsList\"\n                :questionIndex=\"questionsConfig.editModeItemIndex\"\n                type=\"checkbox\"\n                sort=\"SHUFFLE\"\n                :langObj=\"langObj\"\n              ></MultiOptionsTypeBuilder>\n              <MultiChoiceExample\n                v-else\n                :exampleQuestionText=\"\n                  langObj['s4-customQuestions'].modalMultiQExampleLabel\n                \"\n              ></MultiChoiceExample>\n            </QuestionsTypePreview>\n\n            <QuestionsTypePreview\n              v-if=\"questionsConfig.type === 'rank-dragdrop'\"\n              :title=\"langObj['s4-customQuestions'].modalQuestionType4\"\n              :subTitle=\"langObj['s4-customQuestions'].modalRankQIntro\"\n              :description=\"\n                langObj['s4-customQuestions'].modalRankQDetailsLabel\n              \"\n              :builderMode=\"\n                questionsConfig.type === 'rank-dragdrop' &&\n                questionsConfig.activeBuilder === 'rank-dragdrop'\n                  ? true\n                  : false\n              \"\n              :editMode=\"questionsConfig.editMode\"\n              :langObj=\"langObj\"\n            >\n              <MultiOptionsTypeBuilder\n                v-if=\"\n                  questionsConfig.type === 'rank-dragdrop' &&\n                  questionsConfig.activeBuilder === 'rank-dragdrop'\n                \"\n                @question-data=\"setQuestionData\"\n                @question-builde:close=\"closeQuestionBuilder\"\n                :editMode=\"questionsConfig.editMode\"\n                :questionInfo=\"customQuestionsList\"\n                :questionIndex=\"questionsConfig.editModeItemIndex\"\n                type=\"rank-dragdrop\"\n                sort=\"SHUFFLE\"\n                :langObj=\"langObj\"\n              ></MultiOptionsTypeBuilder>\n              <RankExample\n                v-else\n                :exampleQuestionText=\"\n                  langObj['s4-customQuestions'].modalRankQExampleLabel\n                \"\n              ></RankExample>\n            </QuestionsTypePreview>\n\n            <QuestionsTypePreview\n              v-if=\"questionsConfig.type === 'table-radio'\"\n              :title=\"langObj['s4-customQuestions'].modalQuestionType7\"\n              :subTitle=\"langObj['s4-customQuestions'].modalGridQIntro\"\n              :description=\"\n                langObj['s4-customQuestions'].modalGridQDetailsLabel\n              \"\n              :builderMode=\"\n                questionsConfig.type === 'table-radio' &&\n                questionsConfig.activeBuilder === 'table-radio'\n                  ? true\n                  : false\n              \"\n              :editMode=\"questionsConfig.editMode\"\n              :langObj=\"langObj\"\n            >\n              <GridTypeBuilder\n                v-if=\"\n                  questionsConfig.type === 'table-radio' &&\n                  questionsConfig.activeBuilder === 'table-radio'\n                \"\n                @question-data=\"setQuestionData\"\n                @question-builde:close=\"closeQuestionBuilder\"\n                :editMode=\"questionsConfig.editMode\"\n                :questionInfo=\"customQuestionsList\"\n                :questionIndex=\"questionsConfig.editModeItemIndex\"\n                :langObj=\"langObj\"\n              ></GridTypeBuilder>\n              <GridExample\n                v-else\n                :langObj=\"langObj\"\n                :exampleQuestionText=\"\n                  langObj['s4-customQuestions'].modalGridQExampleLabel\n                \"\n                type=\"table-radio\"\n              ></GridExample>\n            </QuestionsTypePreview>\n\n            <QuestionsTypePreview\n              v-if=\"questionsConfig.type === 'table-checkbox'\"\n              :title=\"langObj['s4-customQuestions'].modalQuestionType5\"\n              :subTitle=\"langObj['s4-customQuestions'].modalGridCheckboxQIntro\"\n              :description=\"\n                langObj['s4-customQuestions'].modalGridCheckboxQDetailsLabel\n              \"\n              :builderMode=\"\n                questionsConfig.type === 'table-checkbox' &&\n                questionsConfig.activeBuilder === 'table-checkbox'\n                  ? true\n                  : false\n              \"\n              :editMode=\"questionsConfig.editMode\"\n              :langObj=\"langObj\"\n            >\n              <GridTypeBuilder\n                v-if=\"\n                  questionsConfig.type === 'table-checkbox' &&\n                  questionsConfig.activeBuilder === 'table-checkbox'\n                \"\n                @question-data=\"setQuestionData\"\n                @question-builde:close=\"closeQuestionBuilder\"\n                :editMode=\"questionsConfig.editMode\"\n                :questionInfo=\"customQuestionsList\"\n                :questionIndex=\"questionsConfig.editModeItemIndex\"\n                :langObj=\"langObj\"\n                type=\"table-checkbox\"\n              ></GridTypeBuilder>\n              <GridExample\n                v-else\n                :langObj=\"langObj\"\n                :exampleQuestionText=\"\n                  langObj['s4-customQuestions'].modalGridCheckboxQExampleLabel\n                \"\n              ></GridExample>\n            </QuestionsTypePreview>\n\n            <div\n              class=\"flex justify-center\"\n              v-if=\"questionsConfig.activeBuilder === null\"\n            >\n              <a-button\n                type=\"primary\"\n                @click=\"setBuilderType\"\n                v-html=\"langObj['s4-customQuestions'].modalButton5\"\n              >\n              </a-button>\n            </div>\n          </template>\n        </div>\n      </div>\n    </a-modal>\n    <CompletionProgress :checkList=\"quizs\"></CompletionProgress>\n  </div>\n</template>\n\n<script>\nimport * as wsUtils from \"@/utils/wsUtils.js\";\nimport * as jsUtils from \"@/utils/jsUtils.js\";\nimport ProgressBar from \"@/components/videoAds/ProgressBar.vue\";\nimport StepNaviBar from \"@/components/videoAds/StepNaviBar1.vue\";\nimport QuestionsTypePreview from \"@/components/questions/QuestionsTypePreview.vue\";\nimport TextTypeExample from \"@/components/questions/TextTypeExample.vue\";\nimport TextTypeBuilder from \"@/components/questions/TextTypeBuilder.vue\";\nimport SingleChoiceExample from \"@/components/questions/SingleChoiceExample.vue\";\nimport MultiChoiceExample from \"@/components/questions/MultiChoiceExample.vue\";\nimport RankExample from \"@/components/questions/RankExample.vue\";\nimport GridExample from \"@/components/questions/GridExample.vue\";\nimport QuestionsListPreview from \"@/components/questions/QuestionsListPreview.vue\";\nimport MultiOptionsTypeBuilder from \"@/components/questions/MultiOptionsTypeBuilder.vue\";\nimport GridTypeBuilder from \"@/components/questions/GridTypeBuilder.vue\";\nimport { mutations } from \"@/utils/store.js\";\nimport surveyPriceMixin from \"@/mixins/surveyPriceCalculation.js\";\nimport CompletionProgress from \"@/components/general/CompletionProgress.vue\";\nimport IconBase from \"@/components/general/IconBase.vue\";\nimport IconMetrics from \"@/components/icons/IconMetrics.vue\";\nimport IconSearchThin from \"@/components/icons/IconSearchThin.vue\";\nimport IconNoResults from \"@/components/icons/IconNoResults.vue\";\nimport Loader from \"@/components/general/Loader.vue\";\n\nexport default {\n  name: \"KeyMetrics\",\n  components: {\n    ProgressBar,\n    StepNaviBar,\n    QuestionsTypePreview,\n    TextTypeExample,\n    SingleChoiceExample,\n    MultiChoiceExample,\n    RankExample,\n    GridExample,\n    TextTypeBuilder,\n    QuestionsListPreview,\n    MultiOptionsTypeBuilder,\n    GridTypeBuilder,\n    CompletionProgress,\n    IconBase,\n    IconMetrics,\n    IconSearchThin,\n    IconNoResults,\n    Loader,\n  },\n  mixins: [surveyPriceMixin],\n  data() {\n    return {\n      minBrand: 3,\n      maxBrand: 7,\n      minCogni: 3,\n      maxCogni: 5,\n      brands: [{ name: \"\", filled: false }],\n      cognis: [{ name: \"\", filled: false }],\n      stepIndex: 4,\n      surveyID: 0,\n      langObj: {},\n      client: {},\n      quizs: [],\n      addCustomQuestionModal: false,\n      questionsConfig: {\n        type: \"text\",\n        radioBtnTypesStyle: {\n          display: \"block\",\n          height: \"30px\",\n          lineHeight: \"30px\",\n        },\n        activeBuilder: \"text\",\n        previewQuestionsList: false,\n        editModeItemIndex: null,\n        editMode: false,\n        activeMode: \"builder\",\n        loadingNewQuestions: false,\n      },\n      questionsData: {\n        surveyID: null,\n        CustomQuestions: [],\n      },\n      customQuestionsList: null,\n      editableSurvey: null,\n      breadcrumbTitle: \"\",\n      user: null,\n      surveyTypeID: null,\n      savedQuestions: [],\n      loadingSavedQuestions: false,\n      searchText: \"\",\n      categoryFilter: undefined,\n      searchActive: false,\n      insertCustomQuestionsLoading: false,\n    };\n  },\n  computed: {\n    brandStatus() {\n      if (this.brands.filter((brand) => brand.filled).length >= this.minBrand) {\n        return true;\n      } else {\n        return false;\n      }\n    },\n    cogniStatus() {\n      if (this.cognis.filter((cogni) => cogni.filled).length >= this.minCogni) {\n        return true;\n      } else {\n        return false;\n      }\n    },\n    questionsModalTitle() {\n      let title = \"Examples\";\n      if (this.questionsConfig.previewQuestionsList) {\n        title = \"My questions list\";\n      } else if (\n        this.questionsConfig.activeBuilder !== null &&\n        !this.questionsConfig.editMode\n      ) {\n        title = \"Create a question\";\n      } else if (\n        this.questionsConfig.activeBuilder !== null &&\n        this.questionsConfig.editMode\n      ) {\n        title = \"Edit a question\";\n      }\n      return title;\n    },\n    uniqueQuestionsCategories() {\n      if (this.savedQuestions.length === 0) {\n        return;\n      }\n\n      const categories = [\n        ...new Set(\n          this.savedQuestions.map((question) => question.questionCategory)\n        ),\n      ];\n\n      return [\n        ...categories.map((category) => ({\n          value: category,\n          label: category,\n        })),\n      ];\n    },\n    filteredQuestions() {\n      if (\n        this.searchText.length < 3 &&\n        (!this.categoryFilter || this.categoryFilter.length === 0)\n      ) {\n        return this.savedQuestions;\n      }\n\n      return this.savedQuestions.filter((question) => {\n        const matchesText = question.questionText\n          .toLowerCase()\n          .includes(this.searchText.toLowerCase());\n\n        const matchesCategory =\n          !this.categoryFilter ||\n          this.categoryFilter.length === 0 ||\n          this.categoryFilter.includes(question.questionCategory);\n\n        return matchesText && matchesCategory;\n      });\n    },\n  },\n  watch: {\n    brandStatus() {\n      this.updateQuiz();\n    },\n    cogniStatus() {\n      this.updateQuiz();\n    },\n    \"questionsConfig.type\": {\n      handler: function () {\n        if (!this.questionsConfig.editMode) {\n          this.questionsConfig.activeBuilder = null;\n        }\n        if (this.questionsConfig.activeMode === \"builder\") {\n          this.questionsConfig.activeBuilder = this.questionsConfig.type;\n        }\n      },\n      deep: true,\n    },\n  },\n  methods: {\n    setMinMaxBrandNumber() {\n      this.minBrand =\n        this.$route.meta.keyMetricsMinBrand === undefined\n          ? 3\n          : this.$route.meta.keyMetricsMinBrand;\n      this.maxBrand =\n        this.$route.meta.keyMetricsMaxBrand === undefined\n          ? 7\n          : this.$route.meta.keyMetricsMaxBrand;\n    },\n    setMinMaxCogniNumber() {\n      this.minCogni =\n        this.$route.meta.keyMetricsMinCogni === undefined\n          ? 3\n          : this.$route.meta.keyMetricsMinCogni;\n      this.maxCogni =\n        this.$route.meta.keyMetricsMaxCogni === undefined\n          ? 5\n          : this.$route.meta.keyMetricsMaxCogni;\n    },\n    onDeleteBrand(index) {\n      if (this.brands.length === 1) {\n        this.brands[0] = { name: \"\", filled: false };\n      } else {\n        this.brands.splice(index, 1);\n      }\n    },\n    addNewBrand(index) {\n      if (this.brands[index].name !== \"\") {\n        // there is content there\n        this.brands[index].filled = true;\n        if (this.brands.length < this.maxBrand) {\n          this.brands.push({ name: \"\", filled: false });\n          setTimeout(() => {\n            const brandInputs = document.querySelectorAll(\".brandInput input\");\n            brandInputs[this.brands.length - 1].focus();\n          }, 200);\n        }\n      }\n    },\n    pasteBrand(index, e) {\n      let clipboardData, pastedData;\n      e.stopPropagation();\n      e.preventDefault();\n\n      clipboardData = e.clipboardData || window.clipboardData;\n\n      pastedData = clipboardData.getData(\"Text\");\n      pastedData = pastedData.split(\"\\n\");\n\n      pastedData = pastedData.filter((con) => {\n        return con !== \"\" && con !== \"\\r\";\n      });\n\n      pastedData.forEach((con, i) => {\n        this.brands[index + i].name = con;\n        this.brands[index + i].filled = true;\n\n        if (this.brands.length < this.maxBrand) {\n          this.brands.push({ name: \"\", filled: false });\n        }\n      });\n    },\n    onDeleteCogni(index) {\n      if (this.cognis.length === 1) {\n        this.cognis[0] = { name: \"\", filled: false };\n      } else {\n        this.cognis.splice(index, 1);\n      }\n    },\n    pasteCogni(index, e) {\n      let clipboardData, pastedData;\n      e.stopPropagation();\n      e.preventDefault();\n\n      clipboardData = e.clipboardData || window.clipboardData;\n\n      pastedData = clipboardData.getData(\"Text\");\n      pastedData = pastedData.split(\"\\n\");\n      pastedData = pastedData.filter((con) => {\n        return con !== \"\" && con !== \"\\r\";\n      });\n\n      pastedData.forEach((con, i) => {\n        this.cognis[index + i].name = con;\n        this.cognis[index + i].filled = true;\n\n        if (this.cognis.length < this.maxCogni) {\n          this.cognis.push({ name: \"\", filled: false });\n        }\n      });\n    },\n    addNewCogni(index) {\n      if (this.cognis[index].name !== \"\") {\n        this.cognis[index].filled = true;\n        if (this.cognis.length < this.maxCogni) {\n          this.cognis.push({ name: \"\", filled: false });\n          setTimeout(() => {\n            const cogniInputs = document.querySelectorAll(\".cogniInput input\");\n            cogniInputs[this.cognis.length - 1].focus();\n          }, 200);\n        }\n      }\n    },\n    prevStep() {\n      this.$router.push({\n        name: this.$route.meta.keyMetricsPrevRoute || \"vid-brand-strategy\",\n        params: { id: this.surveyID },\n      });\n    },\n    nextStep() {\n      // call ws to save questions\n      let brandOptions = this.brands\n        .filter((brand) => brand.name !== \"\")\n        .map((brand) => {\n          return { optionText: brand.name };\n        });\n      let cogniOptions = this.cognis\n        .filter((cogni) => cogni.name !== \"\")\n        .map((cogni) => {\n          return {\n            optionText: cogni.name,\n          };\n        });\n\n      let questionObj = {\n        surveyID: this.surveyID,\n        questions: [\n          {\n            SurveyQuestionType: 4, //brand\n            QuestionOptions: brandOptions,\n          },\n          {\n            SurveyQuestionType: 6, //cogni\n            QuestionOptions: cogniOptions,\n          },\n        ],\n        userId: this.user.EncrypteduserID,\n      };\n      this.$emit(\"cogniCompleteEvent\", brandOptions, cogniOptions);\n\n      const questionsPromise = new Promise((resolve) => {\n        wsUtils.SaveStandardSurveyQuestions(questionObj, resolve);\n      });\n\n      questionsPromise.then(() => {\n        jsUtils.setSurveysApiTrigger(true);\n        this.$router.push({\n          name: this.$route.meta.keyMetricsNextRoute || \"vid-audience\",\n          params: { id: this.surveyID },\n        });\n      });\n\n      let surveySummary = {\n        customQuestions: this.customQuestionsList.CustomQuestions.map(\n          (item) => {\n            return item.questionText;\n          }\n        ),\n      };\n      let currentSummaryData = jsUtils.getSurveySummaryData();\n      jsUtils.setSurveySummaryData({ ...currentSummaryData, ...surveySummary });\n    },\n    updateQuiz() {\n      this.quizs = [\n        {\n          quizName:\n            this.$route.meta.keyMetricsBrandRobotText ||\n            this.langObj[\"s4-brand\"].robot,\n          completed: this.brandStatus,\n        },\n        {\n          quizName:\n            this.$route.meta.keyMetricsCogniRobotText ||\n            this.langObj[\"s4-message\"].robot,\n          completed: this.cogniStatus,\n        },\n      ];\n    },\n    setBuilderType() {\n      this.questionsConfig.activeBuilder = this.questionsConfig.type;\n      this.questionsConfig.activeMode = \"builder\";\n    },\n    setQuestionData(data, index) {\n      let questions;\n      if (index !== null && index !== undefined) {\n        this.customQuestionsList.CustomQuestions[index] = data;\n        this.questionsConfig.editModeItemIndex = null;\n        this.questionsConfig.editMode = false;\n        questions = this.customQuestionsList;\n      } else {\n        this.questionsData.CustomQuestions.push(data);\n        questions = this.questionsData;\n      }\n      this.questionsConfig.loadingNewQuestions = true;\n      this.insertCustomQuestions(questions);\n    },\n    deleteCustomQuestions(index) {\n      this.customQuestionsList.CustomQuestions.splice(index, 1);\n      this.insertCustomQuestions(this.customQuestionsList);\n    },\n    insertCustomQuestions(data, showNotification, closeModal) {\n      this.insertCustomQuestionsLoading = true;\n      data.userId = this.user.EncrypteduserID;\n      const insertCustomQuestionPromise = new Promise((resolve) => {\n        wsUtils.InsertCustomQuestion(data, resolve);\n      });\n\n      if (!closeModal) {\n        this.addCustomQuestionModal = false;\n      }\n\n      this.questionsData.CustomQuestions = [];\n      this.questionsConfig.activeBuilder = \"text\";\n      this.questionsConfig.type = \"text\";\n      insertCustomQuestionPromise.then(() => {\n        this.questionsConfig.loadingNewQuestions = false;\n        this.getCustomQuestions();\n        if (showNotification) {\n          this.$notification[\"success\"]({\n            message: \"Success!\",\n            description: \"Your changes have been saved.\",\n            placement: \"bottomLeft\",\n            duration: 4,\n          });\n        }\n        this.insertCustomQuestionsLoading = false;\n      });\n    },\n    editQuestion(data) {\n      this.addCustomQuestionModal = true;\n      this.questionsConfig.editMode = true;\n      this.questionsConfig.editModeItemIndex = data.index;\n      this.questionsConfig.previewQuestionsList = false;\n      this.questionsConfig.type = data.questionType;\n      this.questionsConfig.activeBuilder = data.questionType;\n    },\n    closeQuestionBuilder() {\n      this.addCustomQuestionModal = false;\n      let _this = this;\n      this.getCustomQuestions();\n\n      setTimeout(function () {\n        _this.questionsConfig.editMode = false;\n        _this.questionsConfig.activeBuilder = \"text\";\n        _this.questionsConfig.type = \"text\";\n        _this.questionsConfig.activeMode = \"builder\";\n      }, 500);\n    },\n    getCustomQuestions() {\n      const getCustomQuestionsPromise = new Promise((resolve) => {\n        wsUtils.GetCustomQuestion(this.surveyID, resolve);\n      });\n      getCustomQuestionsPromise.then((data) => {\n        this.customQuestionsList = data;\n        let questionsType = data.CustomQuestions.map((item) => {\n          return { QuestionType: item.questionType };\n        });\n        mutations.setSurveyPriceQuestion(questionsType);\n\n        let surveyPriceSetData = {\n          Question: questionsType,\n        };\n        let currentSurveyPriceData = jsUtils.getSurveyPrice();\n        jsUtils.setSurveyPrice({\n          ...currentSurveyPriceData,\n          ...surveyPriceSetData,\n        });\n        this.getSurveyTotalPrice();\n      });\n    },\n    closeCustomQuestionsModal() {\n      this.addCustomQuestionModal = false;\n      this.questionsConfig.type = \"text\";\n      this.questionsConfig.activeBuilder = null;\n      this.questionsConfig.previewQuestionsList = false;\n      this.questionsConfig.editModeItemIndex = null;\n      this.questionsConfig.editMode = false;\n    },\n    prefillStandardQuestions() {\n      this.editableSurvey = jsUtils.getEditableSurvey();\n\n      if (\n        this.editableSurvey &&\n        this.editableSurvey.QuestionDetails.length > 0\n      ) {\n        this.processStandardQuestions(this.editableSurvey.QuestionDetails);\n      } else if (\n        this.editableSurvey &&\n        this.editableSurvey.StandardSurveyQuestions &&\n        this.editableSurvey.StandardSurveyQuestions.length > 0\n      ) {\n        this.processStandardQuestions(\n          this.editableSurvey.StandardSurveyQuestions\n        );\n      }\n    },\n    processStandardQuestions(questions) {\n      const brands = questions.filter(\n        (item) => item.SurveyQuestionTypeID === 4\n      );\n\n      const brandsQuestions = brands[0].QuestionOptions.map((item) => {\n        const brandItem = {\n          filled: true,\n          name: item.OptionText,\n        };\n        return brandItem;\n      });\n      this.brands = [];\n      this.brands.unshift(...brandsQuestions);\n\n      const key = questions.filter((item) => item.SurveyQuestionTypeID === 6);\n      const keyMessages = key[0].QuestionOptions.map((item) => {\n        const keyItem = {\n          filled: true,\n          name: item.OptionText,\n        };\n        return keyItem;\n      });\n      this.cognis = [];\n      this.cognis.unshift(...keyMessages);\n    },\n    saveInLibrary(value, index) {\n      if (!value) {\n        this.deleteSavedQuestions(\n          index,\n          this.customQuestionsList.CustomQuestions[index].SurveyCustomQuestionID\n        );\n      }\n      this.customQuestionsList.CustomQuestions[index].saveInLibrary = value;\n      this.insertCustomQuestions(this.customQuestionsList);\n    },\n    getSavedQuestions() {\n      this.loadingSavedQuestions = true;\n      const model = {\n        wsName: \"GetSavedCustomQuestions\",\n        params: null,\n      };\n\n      const getQuota = new Promise((resolve) => {\n        wsUtils.ApiGet(model, resolve);\n      });\n\n      getQuota.then((data) => {\n        this.savedQuestions = data.CustomQuestions;\n        this.loadingSavedQuestions = false;\n      });\n    },\n    addSavedQuestion(data) {\n      data.saveInLibrary = false;\n      data.setAsScreener = false;\n      data.SurveyCustomQuestionID = 0;\n      let question = {\n        questionsInstructions: \"\",\n        CustomQuestions: [data],\n        surveyID: this.surveyID,\n      };\n      // delete data.itemType;\n      // this.customQuestionsList.CustomQuestions.push(data);\n      this.insertCustomQuestions(question, true, true);\n    },\n    deleteSavedQuestions(index, id) {\n      const model = {\n        wsName: \"DeleteSavedCustomQuestions\",\n        params: {\n          SurveyCustomQuestionID:\n            id || this.savedQuestions[index].SurveyCustomQuestionID,\n        },\n      };\n\n      const deleteQuestion = new Promise((resolve) => {\n        wsUtils.ApiGet(model, resolve);\n      });\n\n      deleteQuestion.then((data) => {\n        if (data.Success) {\n          this.getSavedQuestions();\n\n          if (!id) {\n            this.$notification[\"success\"]({\n              message: \"Success!\",\n              description: \"Your question has been deleted.\",\n              placement: \"bottomLeft\",\n              duration: 4,\n            });\n            this.getCustomQuestions();\n          }\n        } else {\n          this.$notification[\"error\"]({\n            message: \"Error!\",\n            description:\n              \"Delete question failed. Please try again or contact our support.\",\n            placement: \"bottomLeft\",\n            duration: 4,\n          });\n        }\n      });\n    },\n  },\n  activated() {\n    this.setMinMaxBrandNumber();\n    this.setMinMaxCogniNumber();\n    this.surveyTypeID = jsUtils.getSurveyTypeId();\n    this.client = jsUtils.getCurClient();\n    this.user = jsUtils.getUserInfo();\n    this.surveyID = this.$route.params.id;\n    this.questionsData.surveyID = this.surveyID;\n    this.updateQuiz();\n    this.customQuestionsList = null;\n    this.getCustomQuestions();\n    this.brands = [{ name: \"\", filled: false }];\n    this.cognis = [{ name: \"\", filled: false }];\n    this.prefillStandardQuestions();\n  },\n  created() {\n    this.langObj = jsUtils.getLangObj(\n      \"videoAuthorLang\",\n      \"/tooltip/videoAuthor.json\"\n    );\n    this.breadcrumbTitle =\n      this.$route.name !== \"pack-test-key-metrics\" ? \"Video Ad\" : \"Pack\";\n  },\n};\n</script>\n\n<style lang=\"scss\" scoped>\nsection.stepAuthor {\n  .questions {\n    padding: 2em;\n    width: 60vw;\n    border: 1px solid var(--lineGrey);\n    border-bottom: none;\n    height: 100%;\n    overflow: hidden;\n    overflow: auto;\n    align-content: start;\n    row-gap: 2em;\n\n    .container {\n      margin-bottom: 2em;\n    }\n\n    .brands {\n      display: grid;\n      grid-template-columns: repeat(2, 1fr);\n      column-gap: 1em;\n    }\n  }\n}\n\n.custom {\n  display: flex;\n  align-items: start;\n  column-gap: 2em;\n}\n\n.ant-input-group-wrapper {\n  margin-bottom: 0.8em;\n}\n\n.quizTitle {\n  display: flex;\n  align-items: center;\n\n  .completeIcon {\n    position: relative;\n    left: auto;\n  }\n}\n\n.btns {\n  button {\n    margin-left: 10px;\n  }\n}\n\nh3 {\n  color: #4318ff;\n  margin-bottom: 2em;\n}\n</style>\n\n<style lang=\"scss\">\n.ant-input-group-addon {\n  background: var(\n    --button-gradient,\n    linear-gradient(99deg, #fb3b51 -11.27%, #a14be7 109.61%)\n  );\n  border: transparent;\n  color: #fff !important;\n  border-radius: 16px;\n  padding: 0;\n\n  &[disabled] {\n    background: #d7d7d7;\n    color: #fff !important;\n    pointer-events: none;\n  }\n\n  .anticon {\n    color: white;\n    font-size: 1.2em;\n    margin: 0;\n    padding: 17px 20px 16px;\n  }\n}\n\n.ant-modal {\n  &--custom-questions {\n    backdrop-filter: none !important;\n    .ant-modal-body {\n      display: block;\n      max-height: inherit;\n    }\n  }\n}\n</style>\n","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!./KeyMetrics.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!./KeyMetrics.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./KeyMetrics.vue?vue&type=template&id=10db4002&scoped=true&\"\nimport script from \"./KeyMetrics.vue?vue&type=script&lang=js&\"\nexport * from \"./KeyMetrics.vue?vue&type=script&lang=js&\"\nimport style0 from \"./KeyMetrics.vue?vue&type=style&index=0&id=10db4002&lang=scss&scoped=true&\"\nimport style1 from \"./KeyMetrics.vue?vue&type=style&index=1&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  \"10db4002\",\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"authoring-wrapper\"},[_c('div',{staticClass:\"flex h-full\"},[_c('ProgressBar',{attrs:{\"stepIndex\":_vm.stepIndex,\"surveyID\":_vm.surveyID,\"stepsType\":_vm.$route.name !== 'pack-test-key-metrics' ? 'video' : 'pack'}}),_c('section',{staticClass:\"wrapper\"},[_c('a-breadcrumb',{staticClass:\"breadcrum breadcrum--authoring\"},[_c('a-breadcrumb-item',[_c('a',{attrs:{\"href\":\"/\"}},[_vm._v(_vm._s(_vm.client.ClientName))])]),_c('a-breadcrumb-item',[_c('a',{attrs:{\"href\":\"/products\"}},[_vm._v(\"Products\")])]),_c('a-breadcrumb-item',[_vm._v(_vm._s(_vm.$route.meta.surveyTitle))])],1),_c('div',{staticClass:\"wrapper__inner\"},[_c('div',{staticClass:\"page-title\"},[_c('icon-base',{attrs:{\"width\":32,\"height\":33,\"viewBox1\":32,\"viewBox2\":33,\"iconName\":\"metrics\",\"iconColor\":\"transparent\"}},[_c('icon-metrics')],1),_vm._m(0)],1),_c('div',{staticClass:\"box-wrapper mb-25\"},[_c('h2',{staticClass:\"mb-25\"},[_vm._v(\"Competitive Landscape\")]),_c('div',{staticClass:\"input-group\"},[_c('label',{staticClass:\"mb-5 justify-start\"},[_c('span',{domProps:{\"innerHTML\":_vm._s(_vm.langObj['s4-message'].quizYTUA)}}),_c('a-tooltip',{attrs:{\"placement\":\"topRight\"}},[_c('template',{slot:\"title\"},[_c('span',{domProps:{\"innerHTML\":_vm._s(_vm.langObj['s4-message'].tipYTUA)}})]),_c('a-icon',{attrs:{\"type\":\"info-circle\"}})],2)],1),_c('p',{staticClass:\"font-size-14 mb-10\",domProps:{\"innerHTML\":_vm._s(_vm.langObj['s4-message'].briefYTUA)}}),_vm._l((_vm.cognis),function(cogni,index){return _c('a-input',{key:index,staticClass:\"cogniInput\",attrs:{\"placeholder\":_vm.langObj['s4-message'].placeholder},on:{\"paste\":function($event){return _vm.pasteCogni(index, $event)},\"pressEnter\":function($event){return _vm.addNewCogni(index)}},model:{value:(cogni.name),callback:function ($$v) {_vm.$set(cogni, \"name\", $$v)},expression:\"cogni.name\"}},[_c('a-icon',{directives:[{name:\"show\",rawName:\"v-show\",value:(!cogni.filled),expression:\"!cogni.filled\"}],attrs:{\"slot\":\"addonAfter\",\"theme\":\"filled\",\"type\":\"plus-circle\"},on:{\"click\":function($event){return _vm.addNewCogni(index)}},slot:\"addonAfter\"}),_c('a-icon',{directives:[{name:\"show\",rawName:\"v-show\",value:(cogni.filled),expression:\"cogni.filled\"}],attrs:{\"slot\":\"addonAfter\",\"theme\":\"filled\",\"type\":\"minus-circle\"},on:{\"click\":function($event){return _vm.onDeleteCogni(index)}},slot:\"addonAfter\"})],1)})],2)]),_c('div',{staticClass:\"box-wrapper\"},[_c('h2',{staticClass:\"mb-25\"},[_vm._v(\"Custom Questions\")]),_c('div',{staticClass:\"section-info\"},[_c('p',{domProps:{\"innerHTML\":_vm._s(_vm.langObj['s4-cQues'].quizYTUA)}})]),_c('a-button',{staticClass:\"custAntBtn\",attrs:{\"type\":\"primary\"},on:{\"click\":function($event){_vm.addCustomQuestionModal = true}}},[_vm._v(\" Add question \")]),(\n              _vm.customQuestionsList !== null &&\n              _vm.customQuestionsList.CustomQuestions.length\n            )?_c('div',{staticClass:\"mt-40\"},[_c('h3',{staticClass:\"mb-10 color-inherit\"},[_vm._v(\"Questions preview\")]),(\n                _vm.customQuestionsList !== null &&\n                _vm.customQuestionsList.CustomQuestions.length\n              )?_c('QuestionsListPreview',{key:Math.random(),attrs:{\"questionsList\":_vm.customQuestionsList.CustomQuestions,\"langObj\":_vm.langObj,\"questionSettings\":true,\"loading\":_vm.questionsConfig.loadingNewQuestions,\"showSetAsScreener\":false,\"showSaveInLibrary\":true,\"hideAddButton\":true},on:{\"deleteCustomQuestions\":_vm.deleteCustomQuestions,\"editQuestion\":_vm.editQuestion,\"saveInLibrary\":_vm.saveInLibrary}}):_vm._e()],1):_vm._e()],1),_c('StepNaviBar',{attrs:{\"stepIndex\":_vm.stepIndex,\"nextDisable\":!_vm.brandStatus || !_vm.cogniStatus,\"prevDisable\":false,\"prevBtnTooltip\":\"Back to Brand Strategy\",\"nextBtnTooltip\":\"Go to Key Metrics\"},on:{\"nextHandler\":_vm.nextStep,\"prevHandler\":_vm.prevStep}})],1)],1),_c('a-modal',{attrs:{\"title\":_vm.questionsModalTitle,\"visible\":_vm.addCustomQuestionModal,\"width\":_vm.questionsConfig.editMode ? 650 : 800,\"okText\":\"Save\",\"okButtonProps\":{\n        props: { disabled: !_vm.questionsData.CustomQuestions.length },\n      },\"footer\":null,\"destroyOnClose\":true,\"wrapClassName\":\"ant-modal--custom-questions\"},on:{\"cancel\":function($event){return _vm.closeQuestionBuilder('cancel')}}},[(!_vm.questionsConfig.editMode)?_c('div',{staticClass:\"choose-questions-nav\"},[_c('a-button',{attrs:{\"type\":_vm.questionsConfig.activeMode === 'builder' ? 'primary' : ''},domProps:{\"innerHTML\":_vm._s(_vm.langObj['s4-customQuestions'].modalTab1)},on:{\"click\":function($event){(_vm.questionsConfig.activeMode = 'builder'),\n              (_vm.questionsConfig.activeBuilder = _vm.questionsConfig.type)}}}),_c('a-button',{attrs:{\"type\":_vm.questionsConfig.activeMode === 'examples' ? 'primary' : ''},domProps:{\"innerHTML\":_vm._s(_vm.langObj['s4-customQuestions'].modalTab2)},on:{\"click\":function($event){(_vm.questionsConfig.activeMode = 'examples'),\n              (_vm.questionsConfig.activeBuilder = null)}}}),_c('a-button',{attrs:{\"type\":_vm.questionsConfig.activeMode === 'saved' ? 'primary' : ''},on:{\"click\":function($event){(_vm.questionsConfig.activeMode = 'saved'),\n              (_vm.questionsConfig.activeBuilder = null),\n              _vm.getSavedQuestions()}}},[_vm._v(\"Saved\")])],1):_vm._e(),_c('div',{staticClass:\"choose-questions\",class:{ 'choose-questions--edit': _vm.questionsConfig.editMode }},[(\n            !_vm.questionsConfig.editMode &&\n            _vm.questionsConfig.activeMode !== 'saved'\n          )?_c('div',{staticClass:\"choose-questions__types\"},[_c('a-radio-group',{class:{\n              'ant-radio-group--border-b':\n                _vm.questionsData.CustomQuestions.length,\n              'ant-radio-group--disabled':\n                _vm.questionsConfig.previewQuestionsList ||\n                _vm.questionsConfig.editMode,\n            },attrs:{\"disable\":\"\"},model:{value:(_vm.questionsConfig.type),callback:function ($$v) {_vm.$set(_vm.questionsConfig, \"type\", $$v)},expression:\"questionsConfig.type\"}},[_c('a-radio',{style:(_vm.questionsConfig.radioBtnTypesStyle),attrs:{\"selected\":\"\",\"value\":\"text\"}},[_c('span',{domProps:{\"innerHTML\":_vm._s(_vm.langObj['s4-customQuestions'].modalQuestionType1)}})]),_c('a-radio',{style:(_vm.questionsConfig.radioBtnTypesStyle),attrs:{\"selected\":\"\",\"value\":\"essay\"}},[_c('span',{domProps:{\"innerHTML\":_vm._s(_vm.langObj['s4-customQuestions'].modalQuestionType6)}})]),_c('a-radio',{style:(_vm.questionsConfig.radioBtnTypesStyle),attrs:{\"value\":\"radio\"}},[_c('span',{domProps:{\"innerHTML\":_vm._s(_vm.langObj['s4-customQuestions'].modalQuestionType2)}})]),_c('a-radio',{style:(_vm.questionsConfig.radioBtnTypesStyle),attrs:{\"value\":\"checkbox\"}},[_c('span',{domProps:{\"innerHTML\":_vm._s(_vm.langObj['s4-customQuestions'].modalQuestionType3)}})]),_c('a-radio',{style:(_vm.questionsConfig.radioBtnTypesStyle),attrs:{\"value\":\"rank-dragdrop\"}},[_c('span',{domProps:{\"innerHTML\":_vm._s(_vm.langObj['s4-customQuestions'].modalQuestionType4)}})]),_c('a-radio',{style:(_vm.questionsConfig.radioBtnTypesStyle),attrs:{\"value\":\"table-radio\"}},[_c('span',{domProps:{\"innerHTML\":_vm._s(_vm.langObj['s4-customQuestions'].modalQuestionType7)}})]),_c('a-radio',{style:(_vm.questionsConfig.radioBtnTypesStyle),attrs:{\"value\":\"table-checkbox\"}},[_c('span',{domProps:{\"innerHTML\":_vm._s(_vm.langObj['s4-customQuestions'].modalQuestionType5)}})])],1)],1):_vm._e(),(_vm.questionsConfig.activeMode === 'saved')?_c('div',{staticClass:\"choose-questions__preview choose-questions__preview--saved\",class:{\n            'flex justify-center items-center': _vm.savedQuestions.length === 0,\n          }},[(_vm.loadingSavedQuestions)?_c('Loader',{attrs:{\"text\":\"Loading questions...\",\"paddingTop\":151,\"paddingBottom\":151}}):(_vm.savedQuestions.length)?_c('div',[_c('div',{staticClass:\"flex justify-end gap-15 mb-25 mt-10\"},[_c('div',{staticClass:\"input-group input-group--small\"},[_c('div',{staticClass:\"position-r search-field\",class:{ focus: _vm.searchActive }},[_c('a-input',{staticClass:\"filterPanel__search\",class:{\n                      'filterPanel__search--active': _vm.searchText != '',\n                    },staticStyle:{\"width\":\"230px\"},attrs:{\"placeholder\":\"Search by Question Text\"},on:{\"focus\":function($event){_vm.searchActive = true},\"blur\":function($event){_vm.searchActive = false}},model:{value:(_vm.searchText),callback:function ($$v) {_vm.searchText=$$v},expression:\"searchText\"}},[_c('a-icon',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.searchText != ''),expression:\"searchText != ''\"}],attrs:{\"slot\":\"addonAfter\",\"theme\":\"filled\",\"type\":\"close-circle\"},on:{\"click\":function($event){_vm.searchText = ''}},slot:\"addonAfter\"})],1),_c('icon-base',{staticClass:\"search-icon\",attrs:{\"width\":20,\"height\":20,\"viewBox1\":64,\"viewBox2\":64,\"iconName\":\"searchThin\",\"iconColor\":\"transparent\",\"iconStroke\":\"#000\"}},[_c('icon-search-thin')],1)],1)]),_c('div',{staticClass:\"input-group input-group--small\"},[_c('a-select',{staticStyle:{\"width\":\"230px\"},attrs:{\"options\":_vm.uniqueQuestionsCategories,\"mode\":\"multiple\",\"placeholder\":\"Filter by Category\",\"filterOption\":false,\"disabled\":_vm.uniqueQuestionsCategories.length <= 1},model:{value:(_vm.categoryFilter),callback:function ($$v) {_vm.categoryFilter=$$v},expression:\"categoryFilter\"}})],1)]),(_vm.filteredQuestions.length)?_c('QuestionsListPreview',{attrs:{\"questionsList\":_vm.filteredQuestions,\"langObj\":_vm.langObj,\"questionSettings\":true,\"showSetAsScreener\":false,\"showSaveInLibrary\":false,\"hideEditButton\":true,\"insertCustomQuestionsLoading\":_vm.insertCustomQuestionsLoading},on:{\"addSavedQuestion\":function($event){return _vm.addSavedQuestion($event)},\"deleteCustomQuestions\":_vm.deleteSavedQuestions}}):_c('div',{staticClass:\"\\n                flex\\n                items-center\\n                justify-center\\n                flex-col flex-1\\n                text-center\\n              \",staticStyle:{\"margin-top\":\"110px\"}},[_c('icon-base',{staticClass:\"mb-10\",attrs:{\"width\":40,\"height\":40,\"viewBox1\":32,\"viewBox2\":32,\"iconName\":\"no-results\",\"iconColor\":\"#415262\",\"iconStroke\":\"#fff\"}},[_c('icon-no-results')],1),_c('p',{staticClass:\"mb-20\"},[_vm._v(\" No questions found. \"),_c('br'),_vm._v(\" Please adjust your search or filter criteria. \")])],1)],1):_c('div',{staticClass:\"\\n              flex\\n              items-center\\n              justify-center\\n              flex-col flex-1\\n              text-center\\n            \"},[_c('icon-base',{staticClass:\"mb-10\",attrs:{\"width\":40,\"height\":40,\"viewBox1\":32,\"viewBox2\":32,\"iconName\":\"no-results\",\"iconColor\":\"#415262\",\"iconStroke\":\"#fff\"}},[_c('icon-no-results')],1),_c('p',{staticClass:\"mb-20\"},[_vm._v(\"No saved questions found.\")])],1)],1):_c('div',{staticClass:\"choose-questions__preview\"},[[(_vm.questionsConfig.type === 'text')?_c('QuestionsTypePreview',{attrs:{\"title\":_vm.langObj['s4-customQuestions'].modalQuestionType1,\"subTitle\":_vm.langObj['s4-customQuestions'].modalTextQIntro,\"exampleQuestionText\":_vm.langObj['s4-customQuestions'].modalTextQExampleLabel,\"description\":_vm.langObj['s4-customQuestions'].modalTextQDetailsLabel,\"builderMode\":_vm.questionsConfig.type === 'text' &&\n                _vm.questionsConfig.activeBuilder === 'text'\n                  ? true\n                  : false,\"editMode\":_vm.questionsConfig.editMode,\"langObj\":_vm.langObj}},[(\n                  _vm.questionsConfig.type === 'text' &&\n                  _vm.questionsConfig.activeBuilder === 'text'\n                )?_c('TextTypeBuilder',{attrs:{\"editMode\":_vm.questionsConfig.editMode,\"questionInfo\":_vm.customQuestionsList,\"questionIndex\":_vm.questionsConfig.editModeItemIndex,\"langObj\":_vm.langObj},on:{\"question-data\":_vm.setQuestionData,\"question-builde:close\":_vm.closeQuestionBuilder}}):_c('TextTypeExample',{attrs:{\"exampleQuestionText\":_vm.langObj['s4-customQuestions'].modalTextQExampleLabel,\"langObj\":_vm.langObj,\"questionSettings\":false}})],1):_vm._e(),(_vm.questionsConfig.type === 'essay')?_c('QuestionsTypePreview',{attrs:{\"title\":_vm.langObj['s4-customQuestions'].modalQuestionType6,\"subTitle\":_vm.langObj['s4-customQuestions'].modalEssayQIntro,\"exampleQuestionText\":_vm.langObj['s4-customQuestions'].modalEssayQExampleLabel,\"description\":_vm.langObj['s4-customQuestions'].modalEssayQDetailsLabel,\"builderMode\":_vm.questionsConfig.type === 'essay' &&\n                _vm.questionsConfig.activeBuilder === 'essay'\n                  ? true\n                  : false,\"editMode\":_vm.questionsConfig.editMode,\"langObj\":_vm.langObj}},[(\n                  _vm.questionsConfig.type === 'essay' &&\n                  _vm.questionsConfig.activeBuilder === 'essay'\n                )?_c('TextTypeBuilder',{attrs:{\"editMode\":_vm.questionsConfig.editMode,\"questionInfo\":_vm.customQuestionsList,\"questionIndex\":_vm.questionsConfig.editModeItemIndex,\"langObj\":_vm.langObj,\"type\":\"essay\"},on:{\"question-data\":_vm.setQuestionData,\"question-builde:close\":_vm.closeQuestionBuilder}}):_c('TextTypeExample',{attrs:{\"exampleQuestionText\":_vm.langObj['s4-customQuestions'].modalEssayQExampleLabel,\"langObj\":_vm.langObj,\"questionSettings\":false,\"type\":\"essay\"}})],1):_vm._e(),(_vm.questionsConfig.type === 'radio')?_c('QuestionsTypePreview',{attrs:{\"title\":_vm.langObj['s4-customQuestions'].modalQuestionType2,\"subTitle\":_vm.langObj['s4-customQuestions'].modalSingleQIntro,\"description\":_vm.langObj['s4-customQuestions'].modalSingleQDetailsLabel,\"builderMode\":_vm.questionsConfig.type === 'radio' &&\n                _vm.questionsConfig.activeBuilder === 'radio'\n                  ? true\n                  : false,\"editMode\":_vm.questionsConfig.editMode,\"langObj\":_vm.langObj}},[(\n                  _vm.questionsConfig.type === 'radio' &&\n                  _vm.questionsConfig.activeBuilder === 'radio'\n                )?_c('MultiOptionsTypeBuilder',{attrs:{\"editMode\":_vm.questionsConfig.editMode,\"questionInfo\":_vm.customQuestionsList,\"questionIndex\":_vm.questionsConfig.editModeItemIndex,\"type\":\"radio\",\"sort\":\"NONE\",\"langObj\":_vm.langObj},on:{\"question-data\":_vm.setQuestionData,\"question-builde:close\":_vm.closeQuestionBuilder}}):_c('SingleChoiceExample',{attrs:{\"exampleQuestionText\":_vm.langObj['s4-customQuestions'].modalSingleQExampleLabel}})],1):_vm._e(),(_vm.questionsConfig.type === 'checkbox')?_c('QuestionsTypePreview',{attrs:{\"title\":_vm.langObj['s4-customQuestions'].modalQuestionType3,\"subTitle\":_vm.langObj['s4-customQuestions'].modalMultiQIntro,\"description\":_vm.langObj['s4-customQuestions'].modalMultiQDetailsLabel,\"builderMode\":_vm.questionsConfig.type === 'checkbox' &&\n                _vm.questionsConfig.activeBuilder === 'checkbox'\n                  ? true\n                  : false,\"editMode\":_vm.questionsConfig.editMode,\"langObj\":_vm.langObj}},[(\n                  _vm.questionsConfig.type === 'checkbox' &&\n                  _vm.questionsConfig.activeBuilder === 'checkbox'\n                )?_c('MultiOptionsTypeBuilder',{attrs:{\"editMode\":_vm.questionsConfig.editMode,\"questionInfo\":_vm.customQuestionsList,\"questionIndex\":_vm.questionsConfig.editModeItemIndex,\"type\":\"checkbox\",\"sort\":\"SHUFFLE\",\"langObj\":_vm.langObj},on:{\"question-data\":_vm.setQuestionData,\"question-builde:close\":_vm.closeQuestionBuilder}}):_c('MultiChoiceExample',{attrs:{\"exampleQuestionText\":_vm.langObj['s4-customQuestions'].modalMultiQExampleLabel}})],1):_vm._e(),(_vm.questionsConfig.type === 'rank-dragdrop')?_c('QuestionsTypePreview',{attrs:{\"title\":_vm.langObj['s4-customQuestions'].modalQuestionType4,\"subTitle\":_vm.langObj['s4-customQuestions'].modalRankQIntro,\"description\":_vm.langObj['s4-customQuestions'].modalRankQDetailsLabel,\"builderMode\":_vm.questionsConfig.type === 'rank-dragdrop' &&\n                _vm.questionsConfig.activeBuilder === 'rank-dragdrop'\n                  ? true\n                  : false,\"editMode\":_vm.questionsConfig.editMode,\"langObj\":_vm.langObj}},[(\n                  _vm.questionsConfig.type === 'rank-dragdrop' &&\n                  _vm.questionsConfig.activeBuilder === 'rank-dragdrop'\n                )?_c('MultiOptionsTypeBuilder',{attrs:{\"editMode\":_vm.questionsConfig.editMode,\"questionInfo\":_vm.customQuestionsList,\"questionIndex\":_vm.questionsConfig.editModeItemIndex,\"type\":\"rank-dragdrop\",\"sort\":\"SHUFFLE\",\"langObj\":_vm.langObj},on:{\"question-data\":_vm.setQuestionData,\"question-builde:close\":_vm.closeQuestionBuilder}}):_c('RankExample',{attrs:{\"exampleQuestionText\":_vm.langObj['s4-customQuestions'].modalRankQExampleLabel}})],1):_vm._e(),(_vm.questionsConfig.type === 'table-radio')?_c('QuestionsTypePreview',{attrs:{\"title\":_vm.langObj['s4-customQuestions'].modalQuestionType7,\"subTitle\":_vm.langObj['s4-customQuestions'].modalGridQIntro,\"description\":_vm.langObj['s4-customQuestions'].modalGridQDetailsLabel,\"builderMode\":_vm.questionsConfig.type === 'table-radio' &&\n                _vm.questionsConfig.activeBuilder === 'table-radio'\n                  ? true\n                  : false,\"editMode\":_vm.questionsConfig.editMode,\"langObj\":_vm.langObj}},[(\n                  _vm.questionsConfig.type === 'table-radio' &&\n                  _vm.questionsConfig.activeBuilder === 'table-radio'\n                )?_c('GridTypeBuilder',{attrs:{\"editMode\":_vm.questionsConfig.editMode,\"questionInfo\":_vm.customQuestionsList,\"questionIndex\":_vm.questionsConfig.editModeItemIndex,\"langObj\":_vm.langObj},on:{\"question-data\":_vm.setQuestionData,\"question-builde:close\":_vm.closeQuestionBuilder}}):_c('GridExample',{attrs:{\"langObj\":_vm.langObj,\"exampleQuestionText\":_vm.langObj['s4-customQuestions'].modalGridQExampleLabel,\"type\":\"table-radio\"}})],1):_vm._e(),(_vm.questionsConfig.type === 'table-checkbox')?_c('QuestionsTypePreview',{attrs:{\"title\":_vm.langObj['s4-customQuestions'].modalQuestionType5,\"subTitle\":_vm.langObj['s4-customQuestions'].modalGridCheckboxQIntro,\"description\":_vm.langObj['s4-customQuestions'].modalGridCheckboxQDetailsLabel,\"builderMode\":_vm.questionsConfig.type === 'table-checkbox' &&\n                _vm.questionsConfig.activeBuilder === 'table-checkbox'\n                  ? true\n                  : false,\"editMode\":_vm.questionsConfig.editMode,\"langObj\":_vm.langObj}},[(\n                  _vm.questionsConfig.type === 'table-checkbox' &&\n                  _vm.questionsConfig.activeBuilder === 'table-checkbox'\n                )?_c('GridTypeBuilder',{attrs:{\"editMode\":_vm.questionsConfig.editMode,\"questionInfo\":_vm.customQuestionsList,\"questionIndex\":_vm.questionsConfig.editModeItemIndex,\"langObj\":_vm.langObj,\"type\":\"table-checkbox\"},on:{\"question-data\":_vm.setQuestionData,\"question-builde:close\":_vm.closeQuestionBuilder}}):_c('GridExample',{attrs:{\"langObj\":_vm.langObj,\"exampleQuestionText\":_vm.langObj['s4-customQuestions'].modalGridCheckboxQExampleLabel}})],1):_vm._e(),(_vm.questionsConfig.activeBuilder === null)?_c('div',{staticClass:\"flex justify-center\"},[_c('a-button',{attrs:{\"type\":\"primary\"},domProps:{\"innerHTML\":_vm._s(_vm.langObj['s4-customQuestions'].modalButton5)},on:{\"click\":_vm.setBuilderType}})],1):_vm._e()]],2)])])],1),_c('CompletionProgress',{attrs:{\"checkList\":_vm.quizs}})],1)}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"page-title__text\"},[_c('h1',[_vm._v(\"Key Metrics\")]),_c('span',[_vm._v(\"Brand Analysis\")])])}]\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"authoring-wrapper\">\n    <div class=\"flex h-full\">\n      <ProgressBar\n        :stepIndex=\"stepIndex\"\n        :surveyID=\"surveyID\"\n        :stepsType=\"$route.name !== 'pack-test-key-metrics' ? 'video' : 'pack'\"\n      />\n      <section class=\"wrapper\">\n        <a-breadcrumb class=\"breadcrum breadcrum--authoring\">\n          <a-breadcrumb-item\n            ><a href=\"/\">{{ client.ClientName }}</a></a-breadcrumb-item\n          >\n          <a-breadcrumb-item\n            ><a href=\"/products\">Products</a></a-breadcrumb-item\n          >\n          <a-breadcrumb-item>{{ $route.meta.surveyTitle }}</a-breadcrumb-item>\n        </a-breadcrumb>\n        <div class=\"wrapper__inner\">\n          <div class=\"page-title\">\n            <icon-base\n              :width=\"32\"\n              :height=\"33\"\n              :viewBox1=\"32\"\n              :viewBox2=\"33\"\n              iconName=\"metrics\"\n              iconColor=\"transparent\"\n              ><icon-metrics\n            /></icon-base>\n            <div class=\"page-title__text\">\n              <h1>Key Metrics</h1>\n              <span>Brand Analysis</span>\n            </div>\n          </div>\n          <div class=\"box-wrapper mb-25\">\n            <h2 class=\"mb-25\">Competitive Landscape</h2>\n            <div class=\"input-group\">\n              <label class=\"mb-5 justify-start\">\n                <span v-html=\"langObj['s4-message'].quizYTUA\"> </span>\n                <a-tooltip placement=\"topRight\">\n                  <template slot=\"title\">\n                    <span v-html=\"langObj['s4-message'].tipYTUA\"></span>\n                  </template>\n                  <a-icon type=\"info-circle\" />\n                </a-tooltip>\n              </label>\n              <!-- brief -->\n              <p\n                class=\"font-size-14 mb-10\"\n                v-html=\"langObj['s4-message'].briefYTUA\"\n              ></p>\n              <!-- cogni input -->\n              <a-input\n                v-for=\"(cogni, index) in cognis\"\n                :placeholder=\"langObj['s4-message'].placeholder\"\n                class=\"cogniInput\"\n                :key=\"index\"\n                v-model=\"cogni.name\"\n                @paste=\"pasteCogni(index, $event)\"\n                @pressEnter=\"addNewCogni(index)\"\n              >\n                <a-icon\n                  slot=\"addonAfter\"\n                  theme=\"filled\"\n                  type=\"plus-circle\"\n                  v-show=\"!cogni.filled\"\n                  @click=\"addNewCogni(index)\"\n                />\n                <a-icon\n                  slot=\"addonAfter\"\n                  theme=\"filled\"\n                  type=\"minus-circle\"\n                  v-show=\"cogni.filled\"\n                  @click=\"onDeleteCogni(index)\"\n                />\n              </a-input>\n            </div>\n          </div>\n          <div class=\"box-wrapper\">\n            <h2 class=\"mb-25\">Custom Questions</h2>\n            <div class=\"section-info\">\n              <p v-html=\"langObj['s4-cQues'].quizYTUA\"></p>\n            </div>\n            <a-button\n              type=\"primary\"\n              class=\"custAntBtn\"\n              @click=\"addCustomQuestionModal = true\"\n            >\n              Add question\n            </a-button>\n            <div\n              class=\"mt-40\"\n              v-if=\"\n                customQuestionsList !== null &&\n                customQuestionsList.CustomQuestions.length\n              \"\n            >\n              <h3 class=\"mb-10 color-inherit\">Questions preview</h3>\n\n              <QuestionsListPreview\n                v-if=\"\n                  customQuestionsList !== null &&\n                  customQuestionsList.CustomQuestions.length\n                \"\n                :questionsList=\"customQuestionsList.CustomQuestions\"\n                :langObj=\"langObj\"\n                :questionSettings=\"true\"\n                :key=\"Math.random()\"\n                :loading=\"questionsConfig.loadingNewQuestions\"\n                :showSetAsScreener=\"false\"\n                :showSaveInLibrary=\"true\"\n                :hideAddButton=\"true\"\n                @deleteCustomQuestions=\"deleteCustomQuestions\"\n                @editQuestion=\"editQuestion\"\n                @saveInLibrary=\"saveInLibrary\"\n              ></QuestionsListPreview>\n            </div>\n          </div>\n          <StepNaviBar\n            :stepIndex=\"stepIndex\"\n            :nextDisable=\"!brandStatus || !cogniStatus\"\n            @nextHandler=\"nextStep\"\n            :prevDisable=\"false\"\n            @prevHandler=\"prevStep\"\n            prevBtnTooltip=\"Back to Brand Strategy\"\n            nextBtnTooltip=\"Go to Key Metrics\"\n          />\n        </div>\n      </section>\n      <a-modal\n        :title=\"questionsModalTitle\"\n        :visible=\"addCustomQuestionModal\"\n        :width=\"questionsConfig.editMode ? 650 : 800\"\n        okText=\"Save\"\n        :okButtonProps=\"{\n          props: { disabled: !questionsData.CustomQuestions.length },\n        }\"\n        :footer=\"null\"\n        @cancel=\"closeQuestionBuilder('cancel')\"\n        :destroyOnClose=\"true\"\n        wrapClassName=\"ant-modal--custom-questions\"\n      >\n        <div class=\"choose-questions-nav\" v-if=\"!questionsConfig.editMode\">\n          <a-button\n            @click=\"\n              (questionsConfig.activeMode = 'builder'),\n                (questionsConfig.activeBuilder = questionsConfig.type)\n            \"\n            :type=\"questionsConfig.activeMode === 'builder' ? 'primary' : ''\"\n            v-html=\"langObj['s4-customQuestions'].modalTab1\"\n          ></a-button>\n          <a-button\n            @click=\"\n              (questionsConfig.activeMode = 'examples'),\n                (questionsConfig.activeBuilder = null)\n            \"\n            :type=\"questionsConfig.activeMode === 'examples' ? 'primary' : ''\"\n            v-html=\"langObj['s4-customQuestions'].modalTab2\"\n          ></a-button>\n          <a-button\n            @click=\"\n              (questionsConfig.activeMode = 'saved'),\n                (questionsConfig.activeBuilder = null),\n                getSavedQuestions()\n            \"\n            :type=\"questionsConfig.activeMode === 'saved' ? 'primary' : ''\"\n            >Saved</a-button\n          >\n        </div>\n        <div\n          class=\"choose-questions\"\n          :class=\"{ 'choose-questions--edit': questionsConfig.editMode }\"\n        >\n          <div\n            class=\"choose-questions__types\"\n            v-if=\"\n              !questionsConfig.editMode &&\n              questionsConfig.activeMode !== 'saved'\n            \"\n          >\n            <a-radio-group\n              v-model=\"questionsConfig.type\"\n              disable\n              :class=\"{\n                'ant-radio-group--border-b':\n                  questionsData.CustomQuestions.length,\n                'ant-radio-group--disabled':\n                  questionsConfig.previewQuestionsList ||\n                  questionsConfig.editMode,\n              }\"\n            >\n              <a-radio\n                :style=\"questionsConfig.radioBtnTypesStyle\"\n                selected\n                value=\"text\"\n              >\n                <span\n                  v-html=\"langObj['s4-customQuestions'].modalQuestionType1\"\n                ></span>\n              </a-radio>\n              <a-radio\n                :style=\"questionsConfig.radioBtnTypesStyle\"\n                selected\n                value=\"essay\"\n              >\n                <span\n                  v-html=\"langObj['s4-customQuestions'].modalQuestionType6\"\n                ></span>\n              </a-radio>\n              <a-radio\n                :style=\"questionsConfig.radioBtnTypesStyle\"\n                value=\"radio\"\n              >\n                <span\n                  v-html=\"langObj['s4-customQuestions'].modalQuestionType2\"\n                ></span>\n              </a-radio>\n              <a-radio\n                :style=\"questionsConfig.radioBtnTypesStyle\"\n                value=\"checkbox\"\n              >\n                <span\n                  v-html=\"langObj['s4-customQuestions'].modalQuestionType3\"\n                ></span>\n              </a-radio>\n              <a-radio\n                :style=\"questionsConfig.radioBtnTypesStyle\"\n                value=\"rank-dragdrop\"\n              >\n                <span\n                  v-html=\"langObj['s4-customQuestions'].modalQuestionType4\"\n                ></span>\n              </a-radio>\n              <a-radio\n                :style=\"questionsConfig.radioBtnTypesStyle\"\n                value=\"table-radio\"\n              >\n                <span\n                  v-html=\"langObj['s4-customQuestions'].modalQuestionType7\"\n                ></span>\n              </a-radio>\n              <a-radio\n                :style=\"questionsConfig.radioBtnTypesStyle\"\n                value=\"table-checkbox\"\n              >\n                <span\n                  v-html=\"langObj['s4-customQuestions'].modalQuestionType5\"\n                ></span>\n              </a-radio>\n            </a-radio-group>\n          </div>\n          <div\n            v-if=\"questionsConfig.activeMode === 'saved'\"\n            class=\"choose-questions__preview choose-questions__preview--saved\"\n            :class=\"{\n              'flex justify-center items-center': savedQuestions.length === 0,\n            }\"\n          >\n            <Loader\n              text=\"Loading questions...\"\n              v-if=\"loadingSavedQuestions\"\n              :paddingTop=\"151\"\n              :paddingBottom=\"151\"\n            ></Loader>\n            <div v-else-if=\"savedQuestions.length\">\n              <div class=\"flex justify-end gap-15 mb-25 mt-10\">\n                <div class=\"input-group input-group--small\">\n                  <div\n                    class=\"position-r search-field\"\n                    :class=\"{ focus: searchActive }\"\n                  >\n                    <a-input\n                      placeholder=\"Search by Question Text\"\n                      style=\"width: 230px\"\n                      v-model=\"searchText\"\n                      class=\"filterPanel__search\"\n                      @focus=\"searchActive = true\"\n                      @blur=\"searchActive = false\"\n                      :class=\"{\n                        'filterPanel__search--active': searchText != '',\n                      }\"\n                    >\n                      <a-icon\n                        slot=\"addonAfter\"\n                        theme=\"filled\"\n                        type=\"close-circle\"\n                        v-show=\"searchText != ''\"\n                        @click=\"searchText = ''\"\n                    /></a-input>\n                    <icon-base\n                      class=\"search-icon\"\n                      :width=\"20\"\n                      :height=\"20\"\n                      :viewBox1=\"64\"\n                      :viewBox2=\"64\"\n                      iconName=\"searchThin\"\n                      iconColor=\"transparent\"\n                      iconStroke=\"#000\"\n                      ><icon-search-thin\n                    /></icon-base>\n                  </div>\n                </div>\n                <div class=\"input-group input-group--small\">\n                  <a-select\n                    v-model=\"categoryFilter\"\n                    :options=\"uniqueQuestionsCategories\"\n                    style=\"width: 230px\"\n                    mode=\"multiple\"\n                    placeholder=\"Filter by Category\"\n                    :filterOption=\"false\"\n                    :disabled=\"uniqueQuestionsCategories.length <= 1\"\n                  >\n                  </a-select>\n                </div>\n              </div>\n              <QuestionsListPreview\n                v-if=\"filteredQuestions.length\"\n                :questionsList=\"filteredQuestions\"\n                :langObj=\"langObj\"\n                :questionSettings=\"true\"\n                :showSetAsScreener=\"false\"\n                :showSaveInLibrary=\"false\"\n                :hideEditButton=\"true\"\n                :insertCustomQuestionsLoading=\"insertCustomQuestionsLoading\"\n                @addSavedQuestion=\"addSavedQuestion($event)\"\n                @deleteCustomQuestions=\"deleteSavedQuestions\"\n              ></QuestionsListPreview>\n              <div\n                v-else\n                class=\"\n                  flex\n                  items-center\n                  justify-center\n                  flex-col flex-1\n                  text-center\n                \"\n                style=\"margin-top: 110px\"\n              >\n                <icon-base\n                  :width=\"40\"\n                  :height=\"40\"\n                  :viewBox1=\"32\"\n                  :viewBox2=\"32\"\n                  iconName=\"no-results\"\n                  iconColor=\"#415262\"\n                  iconStroke=\"#fff\"\n                  class=\"mb-10\"\n                  ><icon-no-results\n                /></icon-base>\n                <p class=\"mb-20\">\n                  No questions found. <br />\n                  Please adjust your search or filter criteria.\n                </p>\n              </div>\n            </div>\n            <div\n              v-else\n              class=\"\n                flex\n                items-center\n                justify-center\n                flex-col flex-1\n                text-center\n              \"\n            >\n              <icon-base\n                :width=\"40\"\n                :height=\"40\"\n                :viewBox1=\"32\"\n                :viewBox2=\"32\"\n                iconName=\"no-results\"\n                iconColor=\"#415262\"\n                iconStroke=\"#fff\"\n                class=\"mb-10\"\n                ><icon-no-results\n              /></icon-base>\n              <p class=\"mb-20\">No saved questions found.</p>\n            </div>\n          </div>\n          <div v-else class=\"choose-questions__preview\">\n            <template>\n              <QuestionsTypePreview\n                v-if=\"questionsConfig.type === 'text'\"\n                :title=\"langObj['s4-customQuestions'].modalQuestionType1\"\n                :subTitle=\"langObj['s4-customQuestions'].modalTextQIntro\"\n                :exampleQuestionText=\"\n                  langObj['s4-customQuestions'].modalTextQExampleLabel\n                \"\n                :description=\"\n                  langObj['s4-customQuestions'].modalTextQDetailsLabel\n                \"\n                :builderMode=\"\n                  questionsConfig.type === 'text' &&\n                  questionsConfig.activeBuilder === 'text'\n                    ? true\n                    : false\n                \"\n                :editMode=\"questionsConfig.editMode\"\n                :langObj=\"langObj\"\n              >\n                <TextTypeBuilder\n                  v-if=\"\n                    questionsConfig.type === 'text' &&\n                    questionsConfig.activeBuilder === 'text'\n                  \"\n                  @question-data=\"setQuestionData\"\n                  @question-builde:close=\"closeQuestionBuilder\"\n                  :editMode=\"questionsConfig.editMode\"\n                  :questionInfo=\"customQuestionsList\"\n                  :questionIndex=\"questionsConfig.editModeItemIndex\"\n                  :langObj=\"langObj\"\n                ></TextTypeBuilder>\n                <TextTypeExample\n                  :exampleQuestionText=\"\n                    langObj['s4-customQuestions'].modalTextQExampleLabel\n                  \"\n                  :langObj=\"langObj\"\n                  :questionSettings=\"false\"\n                  v-else\n                ></TextTypeExample>\n              </QuestionsTypePreview>\n              <QuestionsTypePreview\n                v-if=\"questionsConfig.type === 'essay'\"\n                :title=\"langObj['s4-customQuestions'].modalQuestionType6\"\n                :subTitle=\"langObj['s4-customQuestions'].modalEssayQIntro\"\n                :exampleQuestionText=\"\n                  langObj['s4-customQuestions'].modalEssayQExampleLabel\n                \"\n                :description=\"\n                  langObj['s4-customQuestions'].modalEssayQDetailsLabel\n                \"\n                :builderMode=\"\n                  questionsConfig.type === 'essay' &&\n                  questionsConfig.activeBuilder === 'essay'\n                    ? true\n                    : false\n                \"\n                :editMode=\"questionsConfig.editMode\"\n                :langObj=\"langObj\"\n              >\n                <TextTypeBuilder\n                  v-if=\"\n                    questionsConfig.type === 'essay' &&\n                    questionsConfig.activeBuilder === 'essay'\n                  \"\n                  @question-data=\"setQuestionData\"\n                  @question-builde:close=\"closeQuestionBuilder\"\n                  :editMode=\"questionsConfig.editMode\"\n                  :questionInfo=\"customQuestionsList\"\n                  :questionIndex=\"questionsConfig.editModeItemIndex\"\n                  :langObj=\"langObj\"\n                  type=\"essay\"\n                ></TextTypeBuilder>\n                <TextTypeExample\n                  :exampleQuestionText=\"\n                    langObj['s4-customQuestions'].modalEssayQExampleLabel\n                  \"\n                  :langObj=\"langObj\"\n                  :questionSettings=\"false\"\n                  type=\"essay\"\n                  v-else\n                ></TextTypeExample>\n              </QuestionsTypePreview>\n              <QuestionsTypePreview\n                v-if=\"questionsConfig.type === 'radio'\"\n                :title=\"langObj['s4-customQuestions'].modalQuestionType2\"\n                :subTitle=\"langObj['s4-customQuestions'].modalSingleQIntro\"\n                :description=\"\n                  langObj['s4-customQuestions'].modalSingleQDetailsLabel\n                \"\n                :builderMode=\"\n                  questionsConfig.type === 'radio' &&\n                  questionsConfig.activeBuilder === 'radio'\n                    ? true\n                    : false\n                \"\n                :editMode=\"questionsConfig.editMode\"\n                :langObj=\"langObj\"\n              >\n                <MultiOptionsTypeBuilder\n                  v-if=\"\n                    questionsConfig.type === 'radio' &&\n                    questionsConfig.activeBuilder === 'radio'\n                  \"\n                  @question-data=\"setQuestionData\"\n                  @question-builde:close=\"closeQuestionBuilder\"\n                  :editMode=\"questionsConfig.editMode\"\n                  :questionInfo=\"customQuestionsList\"\n                  :questionIndex=\"questionsConfig.editModeItemIndex\"\n                  type=\"radio\"\n                  sort=\"NONE\"\n                  :langObj=\"langObj\"\n                ></MultiOptionsTypeBuilder>\n                <SingleChoiceExample\n                  v-else\n                  :exampleQuestionText=\"\n                    langObj['s4-customQuestions'].modalSingleQExampleLabel\n                  \"\n                ></SingleChoiceExample>\n              </QuestionsTypePreview>\n\n              <QuestionsTypePreview\n                v-if=\"questionsConfig.type === 'checkbox'\"\n                :title=\"langObj['s4-customQuestions'].modalQuestionType3\"\n                :subTitle=\"langObj['s4-customQuestions'].modalMultiQIntro\"\n                :description=\"\n                  langObj['s4-customQuestions'].modalMultiQDetailsLabel\n                \"\n                :builderMode=\"\n                  questionsConfig.type === 'checkbox' &&\n                  questionsConfig.activeBuilder === 'checkbox'\n                    ? true\n                    : false\n                \"\n                :editMode=\"questionsConfig.editMode\"\n                :langObj=\"langObj\"\n              >\n                <MultiOptionsTypeBuilder\n                  v-if=\"\n                    questionsConfig.type === 'checkbox' &&\n                    questionsConfig.activeBuilder === 'checkbox'\n                  \"\n                  @question-data=\"setQuestionData\"\n                  @question-builde:close=\"closeQuestionBuilder\"\n                  :editMode=\"questionsConfig.editMode\"\n                  :questionInfo=\"customQuestionsList\"\n                  :questionIndex=\"questionsConfig.editModeItemIndex\"\n                  type=\"checkbox\"\n                  sort=\"SHUFFLE\"\n                  :langObj=\"langObj\"\n                ></MultiOptionsTypeBuilder>\n                <MultiChoiceExample\n                  v-else\n                  :exampleQuestionText=\"\n                    langObj['s4-customQuestions'].modalMultiQExampleLabel\n                  \"\n                ></MultiChoiceExample>\n              </QuestionsTypePreview>\n\n              <QuestionsTypePreview\n                v-if=\"questionsConfig.type === 'rank-dragdrop'\"\n                :title=\"langObj['s4-customQuestions'].modalQuestionType4\"\n                :subTitle=\"langObj['s4-customQuestions'].modalRankQIntro\"\n                :description=\"\n                  langObj['s4-customQuestions'].modalRankQDetailsLabel\n                \"\n                :builderMode=\"\n                  questionsConfig.type === 'rank-dragdrop' &&\n                  questionsConfig.activeBuilder === 'rank-dragdrop'\n                    ? true\n                    : false\n                \"\n                :editMode=\"questionsConfig.editMode\"\n                :langObj=\"langObj\"\n              >\n                <MultiOptionsTypeBuilder\n                  v-if=\"\n                    questionsConfig.type === 'rank-dragdrop' &&\n                    questionsConfig.activeBuilder === 'rank-dragdrop'\n                  \"\n                  @question-data=\"setQuestionData\"\n                  @question-builde:close=\"closeQuestionBuilder\"\n                  :editMode=\"questionsConfig.editMode\"\n                  :questionInfo=\"customQuestionsList\"\n                  :questionIndex=\"questionsConfig.editModeItemIndex\"\n                  type=\"rank-dragdrop\"\n                  sort=\"SHUFFLE\"\n                  :langObj=\"langObj\"\n                ></MultiOptionsTypeBuilder>\n                <RankExample\n                  v-else\n                  :exampleQuestionText=\"\n                    langObj['s4-customQuestions'].modalRankQExampleLabel\n                  \"\n                ></RankExample>\n              </QuestionsTypePreview>\n\n              <QuestionsTypePreview\n                v-if=\"questionsConfig.type === 'table-radio'\"\n                :title=\"langObj['s4-customQuestions'].modalQuestionType7\"\n                :subTitle=\"langObj['s4-customQuestions'].modalGridQIntro\"\n                :description=\"\n                  langObj['s4-customQuestions'].modalGridQDetailsLabel\n                \"\n                :builderMode=\"\n                  questionsConfig.type === 'table-radio' &&\n                  questionsConfig.activeBuilder === 'table-radio'\n                    ? true\n                    : false\n                \"\n                :editMode=\"questionsConfig.editMode\"\n                :langObj=\"langObj\"\n              >\n                <GridTypeBuilder\n                  v-if=\"\n                    questionsConfig.type === 'table-radio' &&\n                    questionsConfig.activeBuilder === 'table-radio'\n                  \"\n                  @question-data=\"setQuestionData\"\n                  @question-builde:close=\"closeQuestionBuilder\"\n                  :editMode=\"questionsConfig.editMode\"\n                  :questionInfo=\"customQuestionsList\"\n                  :questionIndex=\"questionsConfig.editModeItemIndex\"\n                  :langObj=\"langObj\"\n                ></GridTypeBuilder>\n                <GridExample\n                  v-else\n                  :langObj=\"langObj\"\n                  :exampleQuestionText=\"\n                    langObj['s4-customQuestions'].modalGridQExampleLabel\n                  \"\n                  type=\"table-radio\"\n                ></GridExample>\n              </QuestionsTypePreview>\n\n              <QuestionsTypePreview\n                v-if=\"questionsConfig.type === 'table-checkbox'\"\n                :title=\"langObj['s4-customQuestions'].modalQuestionType5\"\n                :subTitle=\"\n                  langObj['s4-customQuestions'].modalGridCheckboxQIntro\n                \"\n                :description=\"\n                  langObj['s4-customQuestions'].modalGridCheckboxQDetailsLabel\n                \"\n                :builderMode=\"\n                  questionsConfig.type === 'table-checkbox' &&\n                  questionsConfig.activeBuilder === 'table-checkbox'\n                    ? true\n                    : false\n                \"\n                :editMode=\"questionsConfig.editMode\"\n                :langObj=\"langObj\"\n              >\n                <GridTypeBuilder\n                  v-if=\"\n                    questionsConfig.type === 'table-checkbox' &&\n                    questionsConfig.activeBuilder === 'table-checkbox'\n                  \"\n                  @question-data=\"setQuestionData\"\n                  @question-builde:close=\"closeQuestionBuilder\"\n                  :editMode=\"questionsConfig.editMode\"\n                  :questionInfo=\"customQuestionsList\"\n                  :questionIndex=\"questionsConfig.editModeItemIndex\"\n                  :langObj=\"langObj\"\n                  type=\"table-checkbox\"\n                ></GridTypeBuilder>\n                <GridExample\n                  v-else\n                  :langObj=\"langObj\"\n                  :exampleQuestionText=\"\n                    langObj['s4-customQuestions'].modalGridCheckboxQExampleLabel\n                  \"\n                ></GridExample>\n              </QuestionsTypePreview>\n\n              <div\n                class=\"flex justify-center\"\n                v-if=\"questionsConfig.activeBuilder === null\"\n              >\n                <a-button\n                  type=\"primary\"\n                  @click=\"setBuilderType\"\n                  v-html=\"langObj['s4-customQuestions'].modalButton5\"\n                >\n                </a-button>\n              </div>\n            </template>\n          </div>\n        </div>\n      </a-modal>\n    </div>\n    <CompletionProgress :checkList=\"quizs\"></CompletionProgress>\n  </div>\n</template>\n\n<script>\nimport * as wsUtils from \"@/utils/wsUtils.js\";\nimport * as jsUtils from \"@/utils/jsUtils.js\";\nimport ProgressBar from \"@/components/videoAds/ProgressBar.vue\";\nimport StepNaviBar from \"@/components/videoAds/StepNaviBar1.vue\";\nimport QuestionsTypePreview from \"@/components/questions/QuestionsTypePreview.vue\";\nimport TextTypeExample from \"@/components/questions/TextTypeExample.vue\";\nimport TextTypeBuilder from \"@/components/questions/TextTypeBuilder.vue\";\nimport SingleChoiceExample from \"@/components/questions/SingleChoiceExample.vue\";\nimport MultiChoiceExample from \"@/components/questions/MultiChoiceExample.vue\";\nimport RankExample from \"@/components/questions/RankExample.vue\";\nimport GridExample from \"@/components/questions/GridExample.vue\";\nimport QuestionsListPreview from \"@/components/questions/QuestionsListPreview.vue\";\nimport MultiOptionsTypeBuilder from \"@/components/questions/MultiOptionsTypeBuilder.vue\";\nimport GridTypeBuilder from \"@/components/questions/GridTypeBuilder.vue\";\nimport { mutations } from \"@/utils/store.js\";\nimport surveyPriceMixin from \"@/mixins/surveyPriceCalculation.js\";\nimport CompletionProgress from \"@/components/general/CompletionProgress.vue\";\nimport IconBase from \"@/components/general/IconBase.vue\";\nimport IconMetrics from \"@/components/icons/IconMetrics.vue\";\nimport IconSearchThin from \"@/components/icons/IconSearchThin.vue\";\nimport IconNoResults from \"@/components/icons/IconNoResults.vue\";\nimport Loader from \"@/components/general/Loader.vue\";\n\nexport default {\n  name: \"KeyMetrics\",\n  components: {\n    ProgressBar,\n    StepNaviBar,\n    QuestionsTypePreview,\n    TextTypeExample,\n    SingleChoiceExample,\n    MultiChoiceExample,\n    RankExample,\n    GridExample,\n    TextTypeBuilder,\n    QuestionsListPreview,\n    MultiOptionsTypeBuilder,\n    GridTypeBuilder,\n    CompletionProgress,\n    IconBase,\n    IconMetrics,\n    IconSearchThin,\n    IconNoResults,\n    Loader,\n  },\n  mixins: [surveyPriceMixin],\n  data() {\n    return {\n      minBrand: 3,\n      maxBrand: 7,\n      minCogni: 0,\n      maxCogni: 3,\n      brands: [\n        { name: \"Nike\", filled: true },\n        { name: \"Reebok\", filled: true },\n        { name: \"Puma\", filled: true },\n        { name: \"Adidas\", filled: true },\n      ],\n      cognis: [{ name: \"\", filled: false }],\n      stepIndex: 4,\n      surveyID: 0,\n      langObj: {},\n      client: {},\n      quizs: [],\n      addCustomQuestionModal: false,\n      questionsConfig: {\n        type: \"text\",\n        radioBtnTypesStyle: {\n          display: \"block\",\n          height: \"30px\",\n          lineHeight: \"30px\",\n        },\n        activeBuilder: \"text\",\n        previewQuestionsList: false,\n        editModeItemIndex: null,\n        editMode: false,\n        activeMode: \"builder\",\n        loadingNewQuestions: false,\n      },\n      questionsData: {\n        surveyID: null,\n        CustomQuestions: [],\n      },\n      customQuestionsList: null,\n      editableSurvey: null,\n      breadcrumbTitle: \"\",\n      user: null,\n      savedQuestions: [],\n      loadingSavedQuestions: false,\n      searchText: \"\",\n      categoryFilter: undefined,\n      searchActive: false,\n      insertCustomQuestionsLoading: false,\n    };\n  },\n  computed: {\n    brandStatus() {\n      if (this.brands.filter((brand) => brand.filled).length >= this.minBrand) {\n        return true;\n      } else {\n        return false;\n      }\n    },\n    cogniStatus() {\n      if (this.cognis.filter((cogni) => cogni.filled).length >= this.minCogni) {\n        return true;\n      } else {\n        return false;\n      }\n    },\n    questionsModalTitle() {\n      let title = \"Examples\";\n      if (this.questionsConfig.previewQuestionsList) {\n        title = \"My questions list\";\n      } else if (\n        this.questionsConfig.activeBuilder !== null &&\n        !this.questionsConfig.editMode\n      ) {\n        title = \"Create a question\";\n      } else if (\n        this.questionsConfig.activeBuilder !== null &&\n        this.questionsConfig.editMode\n      ) {\n        title = \"Edit a question\";\n      }\n      return title;\n    },\n    uniqueQuestionsCategories() {\n      if (this.savedQuestions.length === 0) {\n        return;\n      }\n\n      const categories = [\n        ...new Set(\n          this.savedQuestions.map((question) => question.questionCategory)\n        ),\n      ];\n\n      return [\n        ...categories.map((category) => ({\n          value: category,\n          label: category,\n        })),\n      ];\n    },\n    filteredQuestions() {\n      if (\n        this.searchText.length < 3 &&\n        (!this.categoryFilter || this.categoryFilter.length === 0)\n      ) {\n        return this.savedQuestions;\n      }\n\n      return this.savedQuestions.filter((question) => {\n        const matchesText = question.questionText\n          .toLowerCase()\n          .includes(this.searchText.toLowerCase());\n\n        const matchesCategory =\n          !this.categoryFilter ||\n          this.categoryFilter.length === 0 ||\n          this.categoryFilter.includes(question.questionCategory);\n\n        return matchesText && matchesCategory;\n      });\n    },\n  },\n  watch: {\n    brandStatus() {\n      this.updateQuiz();\n    },\n    cogniStatus() {\n      this.updateQuiz();\n    },\n    \"questionsConfig.type\": {\n      handler: function () {\n        if (!this.questionsConfig.editMode) {\n          this.questionsConfig.activeBuilder = null;\n        }\n        if (this.questionsConfig.activeMode === \"builder\") {\n          this.questionsConfig.activeBuilder = this.questionsConfig.type;\n        }\n      },\n      deep: true,\n    },\n  },\n  methods: {\n    onDeleteBrand(index) {\n      if (this.brands.length === 1) {\n        this.brands[0] = { name: \"\", filled: false };\n      } else {\n        this.brands.splice(index, 1);\n      }\n    },\n    addNewBrand(index) {\n      if (this.brands[index].name !== \"\") {\n        // there is content there\n        this.brands[index].filled = true;\n        if (this.brands.length < this.maxBrand) {\n          this.brands.push({ name: \"\", filled: false });\n          setTimeout(() => {\n            const brandInputs = document.querySelectorAll(\".brandInput input\");\n            brandInputs[this.brands.length - 1].focus();\n          }, 200);\n        }\n      }\n    },\n    pasteBrand(index, e) {\n      let clipboardData, pastedData;\n      e.stopPropagation();\n      e.preventDefault();\n\n      clipboardData = e.clipboardData || window.clipboardData;\n\n      pastedData = clipboardData.getData(\"Text\");\n      pastedData = pastedData.split(\"\\n\");\n\n      pastedData = pastedData.filter((con) => {\n        return con !== \"\" && con !== \"\\r\";\n      });\n\n      pastedData.forEach((con, i) => {\n        this.brands[index + i].name = con;\n        this.brands[index + i].filled = true;\n\n        if (this.brands.length < this.maxBrand) {\n          this.brands.push({ name: \"\", filled: false });\n        }\n      });\n    },\n    onDeleteCogni(index) {\n      if (this.cognis.length === 1) {\n        this.cognis[0] = { name: \"\", filled: false };\n      } else {\n        this.cognis.splice(index, 1);\n      }\n    },\n    pasteCogni(index, e) {\n      let clipboardData, pastedData;\n      e.stopPropagation();\n      e.preventDefault();\n\n      clipboardData = e.clipboardData || window.clipboardData;\n\n      pastedData = clipboardData.getData(\"Text\");\n      pastedData = pastedData.split(\"\\n\");\n      pastedData = pastedData.filter((con) => {\n        return con !== \"\" && con !== \"\\r\";\n      });\n\n      pastedData.forEach((con, i) => {\n        this.cognis[index + i].name = con;\n        this.cognis[index + i].filled = true;\n\n        if (this.cognis.length < this.maxCogni) {\n          this.cognis.push({ name: \"\", filled: false });\n        }\n      });\n    },\n    addNewCogni(index) {\n      if (this.cognis[index].name !== \"\") {\n        this.cognis[index].filled = true;\n        if (this.cognis.length < this.maxCogni) {\n          this.cognis.push({ name: \"\", filled: false });\n          setTimeout(() => {\n            const cogniInputs = document.querySelectorAll(\".cogniInput input\");\n            cogniInputs[this.cognis.length - 1].focus();\n          }, 200);\n        }\n      }\n    },\n    prevStep() {\n      this.$router.push({\n        name: this.$route.meta.keyMetricsPrevRoute || \"vid-brand-strategy\",\n        params: { id: this.surveyID },\n      });\n    },\n    nextStep() {\n      // call ws to save questions\n      let brandOptions = this.brands\n        .filter((brand) => brand.name !== \"\")\n        .map((brand) => {\n          return { optionText: brand.name };\n        });\n      let cogniOptions = this.cognis\n        .filter((cogni) => cogni.name !== \"\")\n        .map((cogni) => {\n          return {\n            optionText: cogni.name,\n          };\n        });\n\n      let questionObj = {\n        surveyID: this.surveyID,\n        questions: [\n          {\n            SurveyQuestionType: 4, //brand\n            QuestionOptions: brandOptions,\n          },\n          {\n            SurveyQuestionType: 6, //cogni\n            QuestionOptions: cogniOptions,\n          },\n        ],\n        userId: this.user.EncrypteduserID,\n      };\n      this.$emit(\"cogniCompleteEvent\", brandOptions, cogniOptions);\n\n      const questionsPromise = new Promise((resolve) => {\n        wsUtils.SaveStandardSurveyQuestions(questionObj, resolve);\n      });\n\n      questionsPromise.then(() => {\n        jsUtils.setSurveysApiTrigger(true);\n        this.$router.push({\n          name: this.$route.meta.keyMetricsNextRoute || \"vid-audience\",\n          params: { id: this.surveyID },\n        });\n      });\n\n      let surveySummary = {\n        customQuestions: this.customQuestionsList.CustomQuestions.map(\n          (item) => {\n            return item.questionText;\n          }\n        ),\n      };\n      let currentSummaryData = jsUtils.getSurveySummaryData();\n      jsUtils.setSurveySummaryData({ ...currentSummaryData, ...surveySummary });\n    },\n    updateQuiz() {\n      this.quizs = [\n        {\n          quizName: this.langObj[\"s4-brand\"].robot,\n          completed: this.brandStatus,\n        },\n      ];\n    },\n    setBuilderType() {\n      this.questionsConfig.activeBuilder = this.questionsConfig.type;\n      this.questionsConfig.activeMode = \"builder\";\n    },\n    setQuestionData(data, index) {\n      let questions;\n      if (index !== null && index !== undefined) {\n        this.customQuestionsList.CustomQuestions[index] = data;\n        this.questionsConfig.editModeItemIndex = null;\n        this.questionsConfig.editMode = false;\n        questions = this.customQuestionsList;\n      } else {\n        this.questionsData.CustomQuestions.push(data);\n        questions = this.questionsData;\n      }\n      this.questionsConfig.loadingNewQuestions = true;\n      this.insertCustomQuestions(questions);\n    },\n    deleteCustomQuestions(index) {\n      this.customQuestionsList.CustomQuestions.splice(index, 1);\n      this.insertCustomQuestions(this.customQuestionsList);\n    },\n    insertCustomQuestions(data, showNotification, closeModal) {\n      this.insertCustomQuestionsLoading = true;\n      data.userId = this.user.EncrypteduserID;\n      const insertCustomQuestionPromise = new Promise((resolve) => {\n        wsUtils.InsertCustomQuestion(data, resolve);\n      });\n\n      if (!closeModal) {\n        this.addCustomQuestionModal = false;\n      }\n\n      this.questionsData.CustomQuestions = [];\n      this.questionsConfig.activeBuilder = \"text\";\n      this.questionsConfig.type = \"text\";\n      insertCustomQuestionPromise.then(() => {\n        this.questionsConfig.loadingNewQuestions = false;\n        this.getCustomQuestions();\n        if (showNotification) {\n          this.$notification[\"success\"]({\n            message: \"Success!\",\n            description: \"Your changes have been saved.\",\n            placement: \"bottomLeft\",\n            duration: 4,\n          });\n        }\n        this.insertCustomQuestionsLoading = false;\n      });\n    },\n    editQuestion(data) {\n      this.addCustomQuestionModal = true;\n      this.questionsConfig.editMode = true;\n      this.questionsConfig.editModeItemIndex = data.index;\n      this.questionsConfig.previewQuestionsList = false;\n      this.questionsConfig.type = data.questionType;\n      this.questionsConfig.activeBuilder = data.questionType;\n    },\n    closeQuestionBuilder() {\n      this.addCustomQuestionModal = false;\n      let _this = this;\n      this.getCustomQuestions();\n\n      setTimeout(function () {\n        _this.questionsConfig.editMode = false;\n        _this.questionsConfig.activeBuilder = \"text\";\n        _this.questionsConfig.type = \"text\";\n        _this.questionsConfig.activeMode = \"builder\";\n      }, 500);\n    },\n    getCustomQuestions() {\n      const getCustomQuestionsPromise = new Promise((resolve) => {\n        wsUtils.GetCustomQuestion(this.surveyID, resolve);\n      });\n      getCustomQuestionsPromise.then((data) => {\n        this.customQuestionsList = data;\n        let questionsType = data.CustomQuestions.map((item) => {\n          return { QuestionType: item.questionType };\n        });\n        mutations.setSurveyPriceQuestion(questionsType);\n\n        let surveyPriceSetData = {\n          Question: questionsType,\n        };\n        let currentSurveyPriceData = jsUtils.getSurveyPrice();\n        jsUtils.setSurveyPrice({\n          ...currentSurveyPriceData,\n          ...surveyPriceSetData,\n        });\n        this.getSurveyTotalPrice();\n      });\n    },\n    closeCustomQuestionsModal() {\n      this.addCustomQuestionModal = false;\n      this.questionsConfig.type = \"text\";\n      this.questionsConfig.activeBuilder = null;\n      this.questionsConfig.previewQuestionsList = false;\n      this.questionsConfig.editModeItemIndex = null;\n      this.questionsConfig.editMode = false;\n    },\n    prefillStandardQuestions() {\n      this.editableSurvey = jsUtils.getEditableSurvey();\n\n      if (\n        this.editableSurvey &&\n        this.editableSurvey.QuestionDetails.length > 0\n      ) {\n        this.processStandardQuestions(this.editableSurvey.QuestionDetails);\n      } else if (\n        this.editableSurvey &&\n        this.editableSurvey.StandardSurveyQuestions &&\n        this.editableSurvey.StandardSurveyQuestions.length > 0\n      ) {\n        this.processStandardQuestions(\n          this.editableSurvey.StandardSurveyQuestions\n        );\n      }\n    },\n    processStandardQuestions(questions) {\n      const brands = questions.filter(\n        (item) => item.SurveyQuestionTypeID === 4\n      );\n\n      const brandsQuestions = brands[0].QuestionOptions.map((item) => {\n        const brandItem = {\n          filled: true,\n          name: item.OptionText,\n        };\n        return brandItem;\n      });\n      this.brands = [];\n      this.brands.unshift(...brandsQuestions);\n\n      const key = questions.filter((item) => item.SurveyQuestionTypeID === 6);\n      const keyMessages = key[0].QuestionOptions.map((item) => {\n        const keyItem = {\n          filled: true,\n          name: item.OptionText,\n        };\n        return keyItem;\n      });\n      this.cognis = [];\n      this.cognis.unshift(...keyMessages);\n    },\n    saveInLibrary(value, index) {\n      if (!value) {\n        this.deleteSavedQuestions(\n          index,\n          this.customQuestionsList.CustomQuestions[index].SurveyCustomQuestionID\n        );\n      }\n      this.customQuestionsList.CustomQuestions[index].saveInLibrary = value;\n      this.insertCustomQuestions(this.customQuestionsList);\n    },\n    getSavedQuestions() {\n      this.loadingSavedQuestions = true;\n      const model = {\n        wsName: \"GetSavedCustomQuestions\",\n        params: null,\n      };\n\n      const getQuota = new Promise((resolve) => {\n        wsUtils.ApiGet(model, resolve);\n      });\n\n      getQuota.then((data) => {\n        this.savedQuestions = data.CustomQuestions;\n        this.loadingSavedQuestions = false;\n      });\n    },\n    addSavedQuestion(data) {\n      data.saveInLibrary = false;\n      data.setAsScreener = false;\n      data.SurveyCustomQuestionID = 0;\n      let question = {\n        questionsInstructions: \"\",\n        CustomQuestions: [data],\n        surveyID: this.surveyID,\n      };\n      // delete data.itemType;\n      // this.customQuestionsList.CustomQuestions.push(data);\n      this.insertCustomQuestions(question, true, true);\n    },\n    deleteSavedQuestions(index, id) {\n      const model = {\n        wsName: \"DeleteSavedCustomQuestions\",\n        params: {\n          SurveyCustomQuestionID:\n            id || this.savedQuestions[index].SurveyCustomQuestionID,\n        },\n      };\n\n      const deleteQuestion = new Promise((resolve) => {\n        wsUtils.ApiGet(model, resolve);\n      });\n\n      deleteQuestion.then((data) => {\n        if (data.Success) {\n          this.getSavedQuestions();\n\n          if (!id) {\n            this.$notification[\"success\"]({\n              message: \"Success!\",\n              description: \"Your question has been deleted.\",\n              placement: \"bottomLeft\",\n              duration: 4,\n            });\n            this.getCustomQuestions();\n          }\n        } else {\n          this.$notification[\"error\"]({\n            message: \"Error!\",\n            description:\n              \"Delete question failed. Please try again or contact our support.\",\n            placement: \"bottomLeft\",\n            duration: 4,\n          });\n        }\n      });\n    },\n  },\n  activated() {\n    this.client = jsUtils.getCurClient();\n    this.user = jsUtils.getUserInfo();\n    this.surveyID = this.$route.params.id;\n    this.questionsData.surveyID = this.surveyID;\n    this.updateQuiz();\n\n    this.customQuestionsList = null;\n    this.getCustomQuestions();\n    // this.brands = [{ name: \"\", filled: false }];\n    this.cognis = [{ name: \"\", filled: false }];\n    this.prefillStandardQuestions();\n  },\n  created() {\n    this.langObj = jsUtils.getLangObj(\n      \"videoAuthorLang\",\n      \"/tooltip/videoAuthor.json\"\n    );\n    this.breadcrumbTitle =\n      this.$route.name !== \"pack-test-key-metrics\" ? \"Video Ad\" : \"Pack\";\n  },\n};\n</script>\n\n<style lang=\"scss\" scoped>\nsection.stepAuthor {\n  .questions {\n    padding: 2em;\n    width: 60vw;\n    border: 1px solid var(--lineGrey);\n    border-bottom: none;\n    height: 100%;\n    overflow: hidden;\n    overflow: auto;\n    align-content: start;\n    row-gap: 2em;\n\n    .container {\n      margin-bottom: 2em;\n    }\n\n    .brands {\n      display: grid;\n      grid-template-columns: repeat(2, 1fr);\n      column-gap: 1em;\n    }\n  }\n}\n\n.custom {\n  display: flex;\n  align-items: start;\n  column-gap: 2em;\n}\n\n.ant-input-group-wrapper {\n  margin-bottom: 0.8em;\n}\n\n.quizTitle {\n  display: flex;\n  align-items: center;\n\n  .completeIcon {\n    position: relative;\n    left: auto;\n  }\n}\n\n.btns {\n  button {\n    margin-left: 10px;\n  }\n}\n\nh3 {\n  color: #4318ff;\n  margin-bottom: 2em;\n}\n</style>\n\n<style lang=\"scss\">\n.ant-input-group-addon {\n  background: var(\n    --button-gradient,\n    linear-gradient(99deg, #fb3b51 -11.27%, #a14be7 109.61%)\n  );\n  border: transparent;\n  color: #fff !important;\n  border-radius: 16px;\n  padding: 0;\n\n  &[disabled] {\n    background: #d7d7d7;\n    color: #fff !important;\n    pointer-events: none;\n  }\n\n  .anticon {\n    color: white;\n    font-size: 1.2em;\n    margin: 0;\n    padding: 17px 20px 16px;\n  }\n}\n</style>\n","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!./KeyMetrics.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!./KeyMetrics.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./KeyMetrics.vue?vue&type=template&id=dd4b1594&scoped=true&\"\nimport script from \"./KeyMetrics.vue?vue&type=script&lang=js&\"\nexport * from \"./KeyMetrics.vue?vue&type=script&lang=js&\"\nimport style0 from \"./KeyMetrics.vue?vue&type=style&index=0&id=dd4b1594&lang=scss&scoped=true&\"\nimport style1 from \"./KeyMetrics.vue?vue&type=style&index=1&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  \"dd4b1594\",\n  null\n  \n)\n\nexport default component.exports","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!./KeyMetrics.vue?vue&type=style&index=1&lang=scss&\"","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!./Customize.vue?vue&type=style&index=0&id=188b7108&lang=scss&scoped=true&\"","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!./CompletionProgress.vue?vue&type=style&index=0&id=39aadbcf&lang=scss&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"authoring-wrapper\"},[_c('div',{staticClass:\"flex h-full\"},[_c('ProgressBar',{attrs:{\"stepIndex\":_vm.stepIndex,\"surveyID\":_vm.surveyID,\"stepsType\":_vm.$route.name !== 'pack-test-key-metrics' ? 'video' : 'pack'}}),_c('section',{staticClass:\"wrapper\"},[_c('a-breadcrumb',{staticClass:\"breadcrum breadcrum--authoring\"},[_c('a-breadcrumb-item',[_c('a',{attrs:{\"href\":\"/\"}},[_vm._v(_vm._s(_vm.client.ClientName))])]),_c('a-breadcrumb-item',[_c('a',{attrs:{\"href\":\"/products\"}},[_vm._v(\"Products\")])]),_c('a-breadcrumb-item',[_vm._v(_vm._s(_vm.$route.meta.surveyTitle))])],1),_c('div',{staticClass:\"wrapper__inner\"},[_c('div',{staticClass:\"page-title\"},[_c('icon-base',{attrs:{\"width\":32,\"height\":33,\"viewBox1\":32,\"viewBox2\":33,\"iconName\":\"metrics\",\"iconColor\":\"transparent\"}},[_c('icon-metrics')],1),_vm._m(0)],1),_c('div',{staticClass:\"box-wrapper mb-25\"},[_c('h2',{staticClass:\"mb-25\"},[_vm._v(\"Competitive Landscape\")]),_c('div',{staticClass:\"input-group\"},[_c('label',{staticClass:\"mb-5 justify-start\"},[_c('span',{domProps:{\"innerHTML\":_vm._s(_vm.langObj['s4-message'].quizYTUA)}}),_c('a-tooltip',{attrs:{\"placement\":\"topRight\"}},[_c('template',{slot:\"title\"},[_c('span',{domProps:{\"innerHTML\":_vm._s(_vm.langObj['s4-message'].tipYTUA)}})]),_c('a-icon',{attrs:{\"type\":\"info-circle\"}})],2)],1),_c('p',{staticClass:\"font-size-14 mb-10\",domProps:{\"innerHTML\":_vm._s(_vm.langObj['s4-message'].briefYTUA)}}),_vm._l((_vm.cognis),function(cogni,index){return _c('a-input',{key:index,staticClass:\"cogniInput\",attrs:{\"placeholder\":_vm.langObj['s4-message'].placeholder},on:{\"paste\":function($event){return _vm.pasteCogni(index, $event)},\"pressEnter\":function($event){return _vm.addNewCogni(index)}},model:{value:(cogni.name),callback:function ($$v) {_vm.$set(cogni, \"name\", $$v)},expression:\"cogni.name\"}},[_c('a-icon',{directives:[{name:\"show\",rawName:\"v-show\",value:(!cogni.filled),expression:\"!cogni.filled\"}],attrs:{\"slot\":\"addonAfter\",\"theme\":\"filled\",\"type\":\"plus-circle\"},on:{\"click\":function($event){return _vm.addNewCogni(index)}},slot:\"addonAfter\"}),_c('a-icon',{directives:[{name:\"show\",rawName:\"v-show\",value:(cogni.filled),expression:\"cogni.filled\"}],attrs:{\"slot\":\"addonAfter\",\"theme\":\"filled\",\"type\":\"minus-circle\"},on:{\"click\":function($event){return _vm.onDeleteCogni(index)}},slot:\"addonAfter\"})],1)})],2)]),_c('div',{staticClass:\"box-wrapper\"},[_c('h2',{staticClass:\"mb-25\"},[_vm._v(\"Custom Questions\")]),_c('div',{staticClass:\"section-info\"},[_c('p',{domProps:{\"innerHTML\":_vm._s(_vm.langObj['s4-cQues'].quizYTUA)}})]),_c('a-button',{attrs:{\"type\":\"primary\"},on:{\"click\":function($event){_vm.addCustomQuestionModal = true}}},[_vm._v(\" Add question \")]),(\n              _vm.customQuestionsList !== null &&\n              _vm.customQuestionsList.CustomQuestions.length\n            )?_c('div',{staticClass:\"mt-40\"},[_c('h3',{staticClass:\"mb-10 color-inherit\"},[_vm._v(\"Questions preview\")]),(\n                _vm.customQuestionsList !== null &&\n                _vm.customQuestionsList.CustomQuestions.length\n              )?_c('QuestionsListPreview',{key:Math.random(),attrs:{\"questionsList\":_vm.customQuestionsList.CustomQuestions,\"langObj\":_vm.langObj,\"questionSettings\":true,\"loading\":_vm.questionsConfig.loadingNewQuestions,\"showSetAsScreener\":false,\"showSaveInLibrary\":true,\"hideAddButton\":true},on:{\"deleteCustomQuestions\":_vm.deleteCustomQuestions,\"editQuestion\":_vm.editQuestion,\"saveInLibrary\":_vm.saveInLibrary}}):_vm._e()],1):_vm._e()],1),_c('StepNaviBar',{attrs:{\"stepIndex\":_vm.stepIndex,\"nextDisable\":!_vm.brandStatus || !_vm.cogniStatus,\"prevDisable\":false,\"prevBtnTooltip\":\"Back to Brand Strategy\",\"nextBtnTooltip\":\"Go to Key Metrics\"},on:{\"nextHandler\":_vm.nextStep,\"prevHandler\":_vm.prevStep}})],1)],1),_c('a-modal',{attrs:{\"title\":_vm.questionsModalTitle,\"visible\":_vm.addCustomQuestionModal,\"width\":_vm.questionsConfig.editMode ? 650 : 800,\"okText\":\"Save\",\"okButtonProps\":{\n        props: { disabled: !_vm.questionsData.CustomQuestions.length },\n      },\"footer\":null,\"destroyOnClose\":true,\"wrapClassName\":\"ant-modal--custom-questions\"},on:{\"cancel\":function($event){return _vm.closeQuestionBuilder('cancel')}}},[(!_vm.questionsConfig.editMode)?_c('div',{staticClass:\"choose-questions-nav\"},[_c('a-button',{attrs:{\"type\":_vm.questionsConfig.activeMode === 'builder' ? 'primary' : ''},domProps:{\"innerHTML\":_vm._s(_vm.langObj['s4-customQuestions'].modalTab1)},on:{\"click\":function($event){(_vm.questionsConfig.activeMode = 'builder'),\n              (_vm.questionsConfig.activeBuilder = _vm.questionsConfig.type)}}}),_c('a-button',{attrs:{\"type\":_vm.questionsConfig.activeMode === 'examples' ? 'primary' : ''},domProps:{\"innerHTML\":_vm._s(_vm.langObj['s4-customQuestions'].modalTab2)},on:{\"click\":function($event){(_vm.questionsConfig.activeMode = 'examples'),\n              (_vm.questionsConfig.activeBuilder = null)}}}),_c('a-button',{attrs:{\"type\":_vm.questionsConfig.activeMode === 'saved' ? 'primary' : ''},on:{\"click\":function($event){(_vm.questionsConfig.activeMode = 'saved'),\n              (_vm.questionsConfig.activeBuilder = null),\n              _vm.getSavedQuestions()}}},[_vm._v(\"Saved\")])],1):_vm._e(),_c('div',{staticClass:\"choose-questions\",class:{ 'choose-questions--edit': _vm.questionsConfig.editMode }},[(\n            !_vm.questionsConfig.editMode &&\n            _vm.questionsConfig.activeMode !== 'saved'\n          )?_c('div',{staticClass:\"choose-questions__types\"},[_c('a-radio-group',{class:{\n              'ant-radio-group--border-b':\n                _vm.questionsData.CustomQuestions.length,\n              'ant-radio-group--disabled':\n                _vm.questionsConfig.previewQuestionsList ||\n                _vm.questionsConfig.editMode,\n            },attrs:{\"disable\":\"\"},model:{value:(_vm.questionsConfig.type),callback:function ($$v) {_vm.$set(_vm.questionsConfig, \"type\", $$v)},expression:\"questionsConfig.type\"}},[_c('a-radio',{style:(_vm.questionsConfig.radioBtnTypesStyle),attrs:{\"selected\":\"\",\"value\":\"text\"}},[_c('span',{domProps:{\"innerHTML\":_vm._s(_vm.langObj['s4-customQuestions'].modalQuestionType1)}})]),_c('a-radio',{style:(_vm.questionsConfig.radioBtnTypesStyle),attrs:{\"selected\":\"\",\"value\":\"essay\"}},[_c('span',{domProps:{\"innerHTML\":_vm._s(_vm.langObj['s4-customQuestions'].modalQuestionType6)}})]),_c('a-radio',{style:(_vm.questionsConfig.radioBtnTypesStyle),attrs:{\"value\":\"radio\"}},[_c('span',{domProps:{\"innerHTML\":_vm._s(_vm.langObj['s4-customQuestions'].modalQuestionType2)}})]),_c('a-radio',{style:(_vm.questionsConfig.radioBtnTypesStyle),attrs:{\"value\":\"checkbox\"}},[_c('span',{domProps:{\"innerHTML\":_vm._s(_vm.langObj['s4-customQuestions'].modalQuestionType3)}})]),_c('a-radio',{style:(_vm.questionsConfig.radioBtnTypesStyle),attrs:{\"value\":\"rank-dragdrop\"}},[_c('span',{domProps:{\"innerHTML\":_vm._s(_vm.langObj['s4-customQuestions'].modalQuestionType4)}})]),_c('a-radio',{style:(_vm.questionsConfig.radioBtnTypesStyle),attrs:{\"value\":\"table-radio\"}},[_c('span',{domProps:{\"innerHTML\":_vm._s(_vm.langObj['s4-customQuestions'].modalQuestionType7)}})]),_c('a-radio',{style:(_vm.questionsConfig.radioBtnTypesStyle),attrs:{\"value\":\"table-checkbox\"}},[_c('span',{domProps:{\"innerHTML\":_vm._s(_vm.langObj['s4-customQuestions'].modalQuestionType5)}})])],1)],1):_vm._e(),(_vm.questionsConfig.activeMode === 'saved')?_c('div',{staticClass:\"choose-questions__preview choose-questions__preview--saved\",class:{\n            'flex justify-center items-center': _vm.savedQuestions.length === 0,\n          }},[(_vm.loadingSavedQuestions)?_c('Loader',{attrs:{\"text\":\"Loading questions...\",\"paddingTop\":151,\"paddingBottom\":151}}):(_vm.savedQuestions.length)?_c('div',[_c('div',{staticClass:\"flex justify-end gap-15 mb-25 mt-10\"},[_c('div',{staticClass:\"input-group input-group--small\"},[_c('div',{staticClass:\"position-r search-field\",class:{ focus: _vm.searchActive }},[_c('a-input',{staticClass:\"filterPanel__search\",class:{\n                      'filterPanel__search--active': _vm.searchText != '',\n                    },staticStyle:{\"width\":\"230px\",\"margin-bottom\":\"0\"},attrs:{\"placeholder\":\"Search by Question Text\"},on:{\"focus\":function($event){_vm.searchActive = true},\"blur\":function($event){_vm.searchActive = false}},model:{value:(_vm.searchText),callback:function ($$v) {_vm.searchText=$$v},expression:\"searchText\"}},[_c('a-icon',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.searchText != ''),expression:\"searchText != ''\"}],attrs:{\"slot\":\"addonAfter\",\"theme\":\"filled\",\"type\":\"close-circle\"},on:{\"click\":function($event){_vm.searchText = ''}},slot:\"addonAfter\"})],1),_c('icon-base',{staticClass:\"search-icon\",attrs:{\"width\":20,\"height\":20,\"viewBox1\":64,\"viewBox2\":64,\"iconName\":\"searchThin\",\"iconColor\":\"transparent\",\"iconStroke\":\"#000\"}},[_c('icon-search-thin')],1)],1)]),_c('div',{staticClass:\"input-group input-group--small\"},[_c('a-select',{staticStyle:{\"width\":\"230px\"},attrs:{\"options\":_vm.uniqueQuestionsCategories,\"mode\":\"multiple\",\"placeholder\":\"Filter by Category\",\"filterOption\":false,\"disabled\":_vm.uniqueQuestionsCategories.length <= 1},model:{value:(_vm.categoryFilter),callback:function ($$v) {_vm.categoryFilter=$$v},expression:\"categoryFilter\"}})],1)]),(_vm.filteredQuestions.length)?_c('QuestionsListPreview',{attrs:{\"questionsList\":_vm.filteredQuestions,\"langObj\":_vm.langObj,\"questionSettings\":true,\"showSetAsScreener\":false,\"showSaveInLibrary\":false,\"hideEditButton\":true,\"insertCustomQuestionsLoading\":_vm.insertCustomQuestionsLoading},on:{\"addSavedQuestion\":function($event){return _vm.addSavedQuestion($event)},\"deleteCustomQuestions\":_vm.deleteSavedQuestions}}):_c('div',{staticClass:\"\\n                flex\\n                items-center\\n                justify-center\\n                flex-col flex-1\\n                text-center\\n              \",staticStyle:{\"margin-top\":\"110px\"}},[_c('icon-base',{staticClass:\"mb-10\",attrs:{\"width\":40,\"height\":40,\"viewBox1\":32,\"viewBox2\":32,\"iconName\":\"no-results\",\"iconColor\":\"#415262\",\"iconStroke\":\"#fff\"}},[_c('icon-no-results')],1),_c('p',{staticClass:\"mb-20\"},[_vm._v(\" No questions found. \"),_c('br'),_vm._v(\" Please adjust your search or filter criteria. \")])],1)],1):_c('div',{staticClass:\"\\n              flex\\n              items-center\\n              justify-center\\n              flex-col flex-1\\n              text-center\\n            \"},[_c('icon-base',{staticClass:\"mb-10\",attrs:{\"width\":40,\"height\":40,\"viewBox1\":32,\"viewBox2\":32,\"iconName\":\"no-results\",\"iconColor\":\"#415262\",\"iconStroke\":\"#fff\"}},[_c('icon-no-results')],1),_c('p',{staticClass:\"mb-20\"},[_vm._v(\"No saved questions found.\")])],1)],1):_c('div',{staticClass:\"choose-questions__preview\"},[[(_vm.questionsConfig.type === 'text')?_c('QuestionsTypePreview',{attrs:{\"title\":_vm.langObj['s4-customQuestions'].modalQuestionType1,\"subTitle\":_vm.langObj['s4-customQuestions'].modalTextQIntro,\"exampleQuestionText\":_vm.langObj['s4-customQuestions'].modalTextQExampleLabel,\"description\":_vm.langObj['s4-customQuestions'].modalTextQDetailsLabel,\"builderMode\":_vm.questionsConfig.type === 'text' &&\n                _vm.questionsConfig.activeBuilder === 'text'\n                  ? true\n                  : false,\"editMode\":_vm.questionsConfig.editMode,\"langObj\":_vm.langObj}},[(\n                  _vm.questionsConfig.type === 'text' &&\n                  _vm.questionsConfig.activeBuilder === 'text'\n                )?_c('TextTypeBuilder',{attrs:{\"editMode\":_vm.questionsConfig.editMode,\"questionInfo\":_vm.customQuestionsList,\"questionIndex\":_vm.questionsConfig.editModeItemIndex,\"langObj\":_vm.langObj},on:{\"question-data\":_vm.setQuestionData,\"question-builde:close\":_vm.closeQuestionBuilder}}):_c('TextTypeExample',{attrs:{\"exampleQuestionText\":_vm.langObj['s4-customQuestions'].modalTextQExampleLabel,\"langObj\":_vm.langObj,\"questionSettings\":false}})],1):_vm._e(),(_vm.questionsConfig.type === 'essay')?_c('QuestionsTypePreview',{attrs:{\"title\":_vm.langObj['s4-customQuestions'].modalQuestionType6,\"subTitle\":_vm.langObj['s4-customQuestions'].modalEssayQIntro,\"exampleQuestionText\":_vm.langObj['s4-customQuestions'].modalEssayQExampleLabel,\"description\":_vm.langObj['s4-customQuestions'].modalEssayQDetailsLabel,\"builderMode\":_vm.questionsConfig.type === 'essay' &&\n                _vm.questionsConfig.activeBuilder === 'essay'\n                  ? true\n                  : false,\"editMode\":_vm.questionsConfig.editMode,\"langObj\":_vm.langObj}},[(\n                  _vm.questionsConfig.type === 'essay' &&\n                  _vm.questionsConfig.activeBuilder === 'essay'\n                )?_c('TextTypeBuilder',{attrs:{\"editMode\":_vm.questionsConfig.editMode,\"questionInfo\":_vm.customQuestionsList,\"questionIndex\":_vm.questionsConfig.editModeItemIndex,\"langObj\":_vm.langObj,\"type\":\"essay\"},on:{\"question-data\":_vm.setQuestionData,\"question-builde:close\":_vm.closeQuestionBuilder}}):_c('TextTypeExample',{attrs:{\"exampleQuestionText\":_vm.langObj['s4-customQuestions'].modalEssayQExampleLabel,\"langObj\":_vm.langObj,\"questionSettings\":false,\"type\":\"essay\"}})],1):_vm._e(),(_vm.questionsConfig.type === 'radio')?_c('QuestionsTypePreview',{attrs:{\"title\":_vm.langObj['s4-customQuestions'].modalQuestionType2,\"subTitle\":_vm.langObj['s4-customQuestions'].modalSingleQIntro,\"description\":_vm.langObj['s4-customQuestions'].modalSingleQDetailsLabel,\"builderMode\":_vm.questionsConfig.type === 'radio' &&\n                _vm.questionsConfig.activeBuilder === 'radio'\n                  ? true\n                  : false,\"editMode\":_vm.questionsConfig.editMode,\"langObj\":_vm.langObj}},[(\n                  _vm.questionsConfig.type === 'radio' &&\n                  _vm.questionsConfig.activeBuilder === 'radio'\n                )?_c('MultiOptionsTypeBuilder',{attrs:{\"editMode\":_vm.questionsConfig.editMode,\"questionInfo\":_vm.customQuestionsList,\"questionIndex\":_vm.questionsConfig.editModeItemIndex,\"type\":\"radio\",\"sort\":\"NONE\",\"langObj\":_vm.langObj},on:{\"question-data\":_vm.setQuestionData,\"question-builde:close\":_vm.closeQuestionBuilder}}):_c('SingleChoiceExample',{attrs:{\"exampleQuestionText\":_vm.langObj['s4-customQuestions'].modalSingleQExampleLabel}})],1):_vm._e(),(_vm.questionsConfig.type === 'checkbox')?_c('QuestionsTypePreview',{attrs:{\"title\":_vm.langObj['s4-customQuestions'].modalQuestionType3,\"subTitle\":_vm.langObj['s4-customQuestions'].modalMultiQIntro,\"description\":_vm.langObj['s4-customQuestions'].modalMultiQDetailsLabel,\"builderMode\":_vm.questionsConfig.type === 'checkbox' &&\n                _vm.questionsConfig.activeBuilder === 'checkbox'\n                  ? true\n                  : false,\"editMode\":_vm.questionsConfig.editMode,\"langObj\":_vm.langObj}},[(\n                  _vm.questionsConfig.type === 'checkbox' &&\n                  _vm.questionsConfig.activeBuilder === 'checkbox'\n                )?_c('MultiOptionsTypeBuilder',{attrs:{\"editMode\":_vm.questionsConfig.editMode,\"questionInfo\":_vm.customQuestionsList,\"questionIndex\":_vm.questionsConfig.editModeItemIndex,\"type\":\"checkbox\",\"sort\":\"SHUFFLE\",\"langObj\":_vm.langObj},on:{\"question-data\":_vm.setQuestionData,\"question-builde:close\":_vm.closeQuestionBuilder}}):_c('MultiChoiceExample',{attrs:{\"exampleQuestionText\":_vm.langObj['s4-customQuestions'].modalMultiQExampleLabel}})],1):_vm._e(),(_vm.questionsConfig.type === 'rank-dragdrop')?_c('QuestionsTypePreview',{attrs:{\"title\":_vm.langObj['s4-customQuestions'].modalQuestionType4,\"subTitle\":_vm.langObj['s4-customQuestions'].modalRankQIntro,\"description\":_vm.langObj['s4-customQuestions'].modalRankQDetailsLabel,\"builderMode\":_vm.questionsConfig.type === 'rank-dragdrop' &&\n                _vm.questionsConfig.activeBuilder === 'rank-dragdrop'\n                  ? true\n                  : false,\"editMode\":_vm.questionsConfig.editMode,\"langObj\":_vm.langObj}},[(\n                  _vm.questionsConfig.type === 'rank-dragdrop' &&\n                  _vm.questionsConfig.activeBuilder === 'rank-dragdrop'\n                )?_c('MultiOptionsTypeBuilder',{attrs:{\"editMode\":_vm.questionsConfig.editMode,\"questionInfo\":_vm.customQuestionsList,\"questionIndex\":_vm.questionsConfig.editModeItemIndex,\"type\":\"rank-dragdrop\",\"sort\":\"SHUFFLE\",\"langObj\":_vm.langObj},on:{\"question-data\":_vm.setQuestionData,\"question-builde:close\":_vm.closeQuestionBuilder}}):_c('RankExample',{attrs:{\"exampleQuestionText\":_vm.langObj['s4-customQuestions'].modalRankQExampleLabel}})],1):_vm._e(),(_vm.questionsConfig.type === 'table-radio')?_c('QuestionsTypePreview',{attrs:{\"title\":_vm.langObj['s4-customQuestions'].modalQuestionType7,\"subTitle\":_vm.langObj['s4-customQuestions'].modalGridQIntro,\"description\":_vm.langObj['s4-customQuestions'].modalGridQDetailsLabel,\"builderMode\":_vm.questionsConfig.type === 'table-radio' &&\n                _vm.questionsConfig.activeBuilder === 'table-radio'\n                  ? true\n                  : false,\"editMode\":_vm.questionsConfig.editMode,\"langObj\":_vm.langObj}},[(\n                  _vm.questionsConfig.type === 'table-radio' &&\n                  _vm.questionsConfig.activeBuilder === 'table-radio'\n                )?_c('GridTypeBuilder',{attrs:{\"editMode\":_vm.questionsConfig.editMode,\"questionInfo\":_vm.customQuestionsList,\"questionIndex\":_vm.questionsConfig.editModeItemIndex,\"langObj\":_vm.langObj},on:{\"question-data\":_vm.setQuestionData,\"question-builde:close\":_vm.closeQuestionBuilder}}):_c('GridExample',{attrs:{\"langObj\":_vm.langObj,\"exampleQuestionText\":_vm.langObj['s4-customQuestions'].modalGridQExampleLabel,\"type\":\"table-radio\"}})],1):_vm._e(),(_vm.questionsConfig.type === 'table-checkbox')?_c('QuestionsTypePreview',{attrs:{\"title\":_vm.langObj['s4-customQuestions'].modalQuestionType5,\"subTitle\":_vm.langObj['s4-customQuestions'].modalGridCheckboxQIntro,\"description\":_vm.langObj['s4-customQuestions'].modalGridCheckboxQDetailsLabel,\"builderMode\":_vm.questionsConfig.type === 'table-checkbox' &&\n                _vm.questionsConfig.activeBuilder === 'table-checkbox'\n                  ? true\n                  : false,\"editMode\":_vm.questionsConfig.editMode,\"langObj\":_vm.langObj}},[(\n                  _vm.questionsConfig.type === 'table-checkbox' &&\n                  _vm.questionsConfig.activeBuilder === 'table-checkbox'\n                )?_c('GridTypeBuilder',{attrs:{\"editMode\":_vm.questionsConfig.editMode,\"questionInfo\":_vm.customQuestionsList,\"questionIndex\":_vm.questionsConfig.editModeItemIndex,\"langObj\":_vm.langObj,\"type\":\"table-checkbox\"},on:{\"question-data\":_vm.setQuestionData,\"question-builde:close\":_vm.closeQuestionBuilder}}):_c('GridExample',{attrs:{\"langObj\":_vm.langObj,\"exampleQuestionText\":_vm.langObj['s4-customQuestions'].modalGridCheckboxQExampleLabel}})],1):_vm._e(),(_vm.questionsConfig.activeBuilder === null)?_c('div',{staticClass:\"flex justify-center\"},[_c('a-button',{attrs:{\"type\":\"primary\"},domProps:{\"innerHTML\":_vm._s(_vm.langObj['s4-customQuestions'].modalButton5)},on:{\"click\":_vm.setBuilderType}})],1):_vm._e()]],2)])])],1),_c('CompletionProgress',{attrs:{\"checkList\":_vm.quizs}})],1)}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"page-title__text\"},[_c('h1',[_vm._v(\"Key Metrics\")]),_c('span',[_vm._v(\"Brand Analysis\")])])}]\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"authoring-wrapper\">\n    <div class=\"flex h-full\">\n      <ProgressBar\n        :stepIndex=\"stepIndex\"\n        :surveyID=\"surveyID\"\n        :stepsType=\"$route.name !== 'pack-test-key-metrics' ? 'video' : 'pack'\"\n      />\n      <section class=\"wrapper\">\n        <a-breadcrumb class=\"breadcrum breadcrum--authoring\">\n          <a-breadcrumb-item\n            ><a href=\"/\">{{ client.ClientName }}</a></a-breadcrumb-item\n          >\n          <a-breadcrumb-item\n            ><a href=\"/products\">Products</a></a-breadcrumb-item\n          >\n          <a-breadcrumb-item>{{ $route.meta.surveyTitle }}</a-breadcrumb-item>\n        </a-breadcrumb>\n        <div class=\"wrapper__inner\">\n          <div class=\"page-title\">\n            <icon-base\n              :width=\"32\"\n              :height=\"33\"\n              :viewBox1=\"32\"\n              :viewBox2=\"33\"\n              iconName=\"metrics\"\n              iconColor=\"transparent\"\n              ><icon-metrics\n            /></icon-base>\n            <div class=\"page-title__text\">\n              <h1>Key Metrics</h1>\n              <span>Brand Analysis</span>\n            </div>\n          </div>\n          <div class=\"box-wrapper mb-25\">\n            <h2 class=\"mb-25\">Competitive Landscape</h2>\n            <div class=\"input-group\">\n              <label class=\"mb-5 justify-start\">\n                <span v-html=\"langObj['s4-message'].quizYTUA\"> </span>\n                <a-tooltip placement=\"topRight\">\n                  <template slot=\"title\">\n                    <span v-html=\"langObj['s4-message'].tipYTUA\"></span>\n                  </template>\n                  <a-icon type=\"info-circle\" />\n                </a-tooltip>\n              </label>\n              <!-- brief -->\n              <p\n                class=\"font-size-14 mb-10\"\n                v-html=\"langObj['s4-message'].briefYTUA\"\n              ></p>\n              <!-- cogni input -->\n              <a-input\n                v-for=\"(cogni, index) in cognis\"\n                :placeholder=\"langObj['s4-message'].placeholder\"\n                class=\"cogniInput\"\n                :key=\"index\"\n                v-model=\"cogni.name\"\n                @paste=\"pasteCogni(index, $event)\"\n                @pressEnter=\"addNewCogni(index)\"\n              >\n                <a-icon\n                  slot=\"addonAfter\"\n                  theme=\"filled\"\n                  type=\"plus-circle\"\n                  v-show=\"!cogni.filled\"\n                  @click=\"addNewCogni(index)\"\n                />\n                <a-icon\n                  slot=\"addonAfter\"\n                  theme=\"filled\"\n                  type=\"minus-circle\"\n                  v-show=\"cogni.filled\"\n                  @click=\"onDeleteCogni(index)\"\n                />\n              </a-input>\n            </div>\n          </div>\n          <div class=\"box-wrapper\">\n            <h2 class=\"mb-25\">Custom Questions</h2>\n            <div class=\"section-info\">\n              <p v-html=\"langObj['s4-cQues'].quizYTUA\"></p>\n            </div>\n\n            <a-button type=\"primary\" @click=\"addCustomQuestionModal = true\">\n              Add question\n            </a-button>\n\n            <div\n              class=\"mt-40\"\n              v-if=\"\n                customQuestionsList !== null &&\n                customQuestionsList.CustomQuestions.length\n              \"\n            >\n              <h3 class=\"mb-10 color-inherit\">Questions preview</h3>\n\n              <QuestionsListPreview\n                v-if=\"\n                  customQuestionsList !== null &&\n                  customQuestionsList.CustomQuestions.length\n                \"\n                :questionsList=\"customQuestionsList.CustomQuestions\"\n                :langObj=\"langObj\"\n                :questionSettings=\"true\"\n                :key=\"Math.random()\"\n                :loading=\"questionsConfig.loadingNewQuestions\"\n                :showSetAsScreener=\"false\"\n                :showSaveInLibrary=\"true\"\n                :hideAddButton=\"true\"\n                @deleteCustomQuestions=\"deleteCustomQuestions\"\n                @editQuestion=\"editQuestion\"\n                @saveInLibrary=\"saveInLibrary\"\n              ></QuestionsListPreview>\n            </div>\n          </div>\n          <StepNaviBar\n            :stepIndex=\"stepIndex\"\n            :nextDisable=\"!brandStatus || !cogniStatus\"\n            @nextHandler=\"nextStep\"\n            :prevDisable=\"false\"\n            @prevHandler=\"prevStep\"\n            prevBtnTooltip=\"Back to Brand Strategy\"\n            nextBtnTooltip=\"Go to Key Metrics\"\n          />\n        </div>\n      </section>\n\n      <a-modal\n        :title=\"questionsModalTitle\"\n        :visible=\"addCustomQuestionModal\"\n        :width=\"questionsConfig.editMode ? 650 : 800\"\n        okText=\"Save\"\n        :okButtonProps=\"{\n          props: { disabled: !questionsData.CustomQuestions.length },\n        }\"\n        :footer=\"null\"\n        @cancel=\"closeQuestionBuilder('cancel')\"\n        :destroyOnClose=\"true\"\n        wrapClassName=\"ant-modal--custom-questions\"\n      >\n        <div class=\"choose-questions-nav\" v-if=\"!questionsConfig.editMode\">\n          <a-button\n            @click=\"\n              (questionsConfig.activeMode = 'builder'),\n                (questionsConfig.activeBuilder = questionsConfig.type)\n            \"\n            :type=\"questionsConfig.activeMode === 'builder' ? 'primary' : ''\"\n            v-html=\"langObj['s4-customQuestions'].modalTab1\"\n          ></a-button>\n          <a-button\n            @click=\"\n              (questionsConfig.activeMode = 'examples'),\n                (questionsConfig.activeBuilder = null)\n            \"\n            :type=\"questionsConfig.activeMode === 'examples' ? 'primary' : ''\"\n            v-html=\"langObj['s4-customQuestions'].modalTab2\"\n          ></a-button>\n          <a-button\n            @click=\"\n              (questionsConfig.activeMode = 'saved'),\n                (questionsConfig.activeBuilder = null),\n                getSavedQuestions()\n            \"\n            :type=\"questionsConfig.activeMode === 'saved' ? 'primary' : ''\"\n            >Saved</a-button\n          >\n        </div>\n        <div\n          class=\"choose-questions\"\n          :class=\"{ 'choose-questions--edit': questionsConfig.editMode }\"\n        >\n          <div\n            class=\"choose-questions__types\"\n            v-if=\"\n              !questionsConfig.editMode &&\n              questionsConfig.activeMode !== 'saved'\n            \"\n          >\n            <a-radio-group\n              v-model=\"questionsConfig.type\"\n              disable\n              :class=\"{\n                'ant-radio-group--border-b':\n                  questionsData.CustomQuestions.length,\n                'ant-radio-group--disabled':\n                  questionsConfig.previewQuestionsList ||\n                  questionsConfig.editMode,\n              }\"\n            >\n              <a-radio\n                :style=\"questionsConfig.radioBtnTypesStyle\"\n                selected\n                value=\"text\"\n              >\n                <span\n                  v-html=\"langObj['s4-customQuestions'].modalQuestionType1\"\n                ></span>\n              </a-radio>\n              <a-radio\n                :style=\"questionsConfig.radioBtnTypesStyle\"\n                selected\n                value=\"essay\"\n              >\n                <span\n                  v-html=\"langObj['s4-customQuestions'].modalQuestionType6\"\n                ></span>\n              </a-radio>\n              <a-radio\n                :style=\"questionsConfig.radioBtnTypesStyle\"\n                value=\"radio\"\n              >\n                <span\n                  v-html=\"langObj['s4-customQuestions'].modalQuestionType2\"\n                ></span>\n              </a-radio>\n              <a-radio\n                :style=\"questionsConfig.radioBtnTypesStyle\"\n                value=\"checkbox\"\n              >\n                <span\n                  v-html=\"langObj['s4-customQuestions'].modalQuestionType3\"\n                ></span>\n              </a-radio>\n              <a-radio\n                :style=\"questionsConfig.radioBtnTypesStyle\"\n                value=\"rank-dragdrop\"\n              >\n                <span\n                  v-html=\"langObj['s4-customQuestions'].modalQuestionType4\"\n                ></span>\n              </a-radio>\n              <a-radio\n                :style=\"questionsConfig.radioBtnTypesStyle\"\n                value=\"table-radio\"\n              >\n                <span\n                  v-html=\"langObj['s4-customQuestions'].modalQuestionType7\"\n                ></span>\n              </a-radio>\n              <a-radio\n                :style=\"questionsConfig.radioBtnTypesStyle\"\n                value=\"table-checkbox\"\n              >\n                <span\n                  v-html=\"langObj['s4-customQuestions'].modalQuestionType5\"\n                ></span>\n              </a-radio>\n            </a-radio-group>\n          </div>\n          <div\n            v-if=\"questionsConfig.activeMode === 'saved'\"\n            class=\"choose-questions__preview choose-questions__preview--saved\"\n            :class=\"{\n              'flex justify-center items-center': savedQuestions.length === 0,\n            }\"\n          >\n            <Loader\n              text=\"Loading questions...\"\n              v-if=\"loadingSavedQuestions\"\n              :paddingTop=\"151\"\n              :paddingBottom=\"151\"\n            ></Loader>\n            <div v-else-if=\"savedQuestions.length\">\n              <div class=\"flex justify-end gap-15 mb-25 mt-10\">\n                <div class=\"input-group input-group--small\">\n                  <div\n                    class=\"position-r search-field\"\n                    :class=\"{ focus: searchActive }\"\n                  >\n                    <a-input\n                      placeholder=\"Search by Question Text\"\n                      style=\"width: 230px; margin-bottom: 0\"\n                      v-model=\"searchText\"\n                      class=\"filterPanel__search\"\n                      @focus=\"searchActive = true\"\n                      @blur=\"searchActive = false\"\n                      :class=\"{\n                        'filterPanel__search--active': searchText != '',\n                      }\"\n                    >\n                      <a-icon\n                        slot=\"addonAfter\"\n                        theme=\"filled\"\n                        type=\"close-circle\"\n                        v-show=\"searchText != ''\"\n                        @click=\"searchText = ''\"\n                    /></a-input>\n                    <icon-base\n                      class=\"search-icon\"\n                      :width=\"20\"\n                      :height=\"20\"\n                      :viewBox1=\"64\"\n                      :viewBox2=\"64\"\n                      iconName=\"searchThin\"\n                      iconColor=\"transparent\"\n                      iconStroke=\"#000\"\n                      ><icon-search-thin\n                    /></icon-base>\n                  </div>\n                </div>\n                <div class=\"input-group input-group--small\">\n                  <a-select\n                    v-model=\"categoryFilter\"\n                    :options=\"uniqueQuestionsCategories\"\n                    style=\"width: 230px\"\n                    mode=\"multiple\"\n                    placeholder=\"Filter by Category\"\n                    :filterOption=\"false\"\n                    :disabled=\"uniqueQuestionsCategories.length <= 1\"\n                  >\n                  </a-select>\n                </div>\n              </div>\n              <QuestionsListPreview\n                v-if=\"filteredQuestions.length\"\n                :questionsList=\"filteredQuestions\"\n                :langObj=\"langObj\"\n                :questionSettings=\"true\"\n                :showSetAsScreener=\"false\"\n                :showSaveInLibrary=\"false\"\n                :hideEditButton=\"true\"\n                :insertCustomQuestionsLoading=\"insertCustomQuestionsLoading\"\n                @addSavedQuestion=\"addSavedQuestion($event)\"\n                @deleteCustomQuestions=\"deleteSavedQuestions\"\n              ></QuestionsListPreview>\n              <div\n                v-else\n                class=\"\n                  flex\n                  items-center\n                  justify-center\n                  flex-col flex-1\n                  text-center\n                \"\n                style=\"margin-top: 110px\"\n              >\n                <icon-base\n                  :width=\"40\"\n                  :height=\"40\"\n                  :viewBox1=\"32\"\n                  :viewBox2=\"32\"\n                  iconName=\"no-results\"\n                  iconColor=\"#415262\"\n                  iconStroke=\"#fff\"\n                  class=\"mb-10\"\n                  ><icon-no-results\n                /></icon-base>\n                <p class=\"mb-20\">\n                  No questions found. <br />\n                  Please adjust your search or filter criteria.\n                </p>\n              </div>\n            </div>\n            <div\n              v-else\n              class=\"\n                flex\n                items-center\n                justify-center\n                flex-col flex-1\n                text-center\n              \"\n            >\n              <icon-base\n                :width=\"40\"\n                :height=\"40\"\n                :viewBox1=\"32\"\n                :viewBox2=\"32\"\n                iconName=\"no-results\"\n                iconColor=\"#415262\"\n                iconStroke=\"#fff\"\n                class=\"mb-10\"\n                ><icon-no-results\n              /></icon-base>\n              <p class=\"mb-20\">No saved questions found.</p>\n            </div>\n          </div>\n          <div v-else class=\"choose-questions__preview\">\n            <template>\n              <QuestionsTypePreview\n                v-if=\"questionsConfig.type === 'text'\"\n                :title=\"langObj['s4-customQuestions'].modalQuestionType1\"\n                :subTitle=\"langObj['s4-customQuestions'].modalTextQIntro\"\n                :exampleQuestionText=\"\n                  langObj['s4-customQuestions'].modalTextQExampleLabel\n                \"\n                :description=\"\n                  langObj['s4-customQuestions'].modalTextQDetailsLabel\n                \"\n                :builderMode=\"\n                  questionsConfig.type === 'text' &&\n                  questionsConfig.activeBuilder === 'text'\n                    ? true\n                    : false\n                \"\n                :editMode=\"questionsConfig.editMode\"\n                :langObj=\"langObj\"\n              >\n                <TextTypeBuilder\n                  v-if=\"\n                    questionsConfig.type === 'text' &&\n                    questionsConfig.activeBuilder === 'text'\n                  \"\n                  @question-data=\"setQuestionData\"\n                  @question-builde:close=\"closeQuestionBuilder\"\n                  :editMode=\"questionsConfig.editMode\"\n                  :questionInfo=\"customQuestionsList\"\n                  :questionIndex=\"questionsConfig.editModeItemIndex\"\n                  :langObj=\"langObj\"\n                ></TextTypeBuilder>\n                <TextTypeExample\n                  :exampleQuestionText=\"\n                    langObj['s4-customQuestions'].modalTextQExampleLabel\n                  \"\n                  :langObj=\"langObj\"\n                  :questionSettings=\"false\"\n                  v-else\n                ></TextTypeExample>\n              </QuestionsTypePreview>\n              <QuestionsTypePreview\n                v-if=\"questionsConfig.type === 'essay'\"\n                :title=\"langObj['s4-customQuestions'].modalQuestionType6\"\n                :subTitle=\"langObj['s4-customQuestions'].modalEssayQIntro\"\n                :exampleQuestionText=\"\n                  langObj['s4-customQuestions'].modalEssayQExampleLabel\n                \"\n                :description=\"\n                  langObj['s4-customQuestions'].modalEssayQDetailsLabel\n                \"\n                :builderMode=\"\n                  questionsConfig.type === 'essay' &&\n                  questionsConfig.activeBuilder === 'essay'\n                    ? true\n                    : false\n                \"\n                :editMode=\"questionsConfig.editMode\"\n                :langObj=\"langObj\"\n              >\n                <TextTypeBuilder\n                  v-if=\"\n                    questionsConfig.type === 'essay' &&\n                    questionsConfig.activeBuilder === 'essay'\n                  \"\n                  @question-data=\"setQuestionData\"\n                  @question-builde:close=\"closeQuestionBuilder\"\n                  :editMode=\"questionsConfig.editMode\"\n                  :questionInfo=\"customQuestionsList\"\n                  :questionIndex=\"questionsConfig.editModeItemIndex\"\n                  :langObj=\"langObj\"\n                  type=\"essay\"\n                ></TextTypeBuilder>\n                <TextTypeExample\n                  :exampleQuestionText=\"\n                    langObj['s4-customQuestions'].modalEssayQExampleLabel\n                  \"\n                  :langObj=\"langObj\"\n                  :questionSettings=\"false\"\n                  type=\"essay\"\n                  v-else\n                ></TextTypeExample>\n              </QuestionsTypePreview>\n              <QuestionsTypePreview\n                v-if=\"questionsConfig.type === 'radio'\"\n                :title=\"langObj['s4-customQuestions'].modalQuestionType2\"\n                :subTitle=\"langObj['s4-customQuestions'].modalSingleQIntro\"\n                :description=\"\n                  langObj['s4-customQuestions'].modalSingleQDetailsLabel\n                \"\n                :builderMode=\"\n                  questionsConfig.type === 'radio' &&\n                  questionsConfig.activeBuilder === 'radio'\n                    ? true\n                    : false\n                \"\n                :editMode=\"questionsConfig.editMode\"\n                :langObj=\"langObj\"\n              >\n                <MultiOptionsTypeBuilder\n                  v-if=\"\n                    questionsConfig.type === 'radio' &&\n                    questionsConfig.activeBuilder === 'radio'\n                  \"\n                  @question-data=\"setQuestionData\"\n                  @question-builde:close=\"closeQuestionBuilder\"\n                  :editMode=\"questionsConfig.editMode\"\n                  :questionInfo=\"customQuestionsList\"\n                  :questionIndex=\"questionsConfig.editModeItemIndex\"\n                  type=\"radio\"\n                  sort=\"NONE\"\n                  :langObj=\"langObj\"\n                ></MultiOptionsTypeBuilder>\n                <SingleChoiceExample\n                  v-else\n                  :exampleQuestionText=\"\n                    langObj['s4-customQuestions'].modalSingleQExampleLabel\n                  \"\n                ></SingleChoiceExample>\n              </QuestionsTypePreview>\n\n              <QuestionsTypePreview\n                v-if=\"questionsConfig.type === 'checkbox'\"\n                :title=\"langObj['s4-customQuestions'].modalQuestionType3\"\n                :subTitle=\"langObj['s4-customQuestions'].modalMultiQIntro\"\n                :description=\"\n                  langObj['s4-customQuestions'].modalMultiQDetailsLabel\n                \"\n                :builderMode=\"\n                  questionsConfig.type === 'checkbox' &&\n                  questionsConfig.activeBuilder === 'checkbox'\n                    ? true\n                    : false\n                \"\n                :editMode=\"questionsConfig.editMode\"\n                :langObj=\"langObj\"\n              >\n                <MultiOptionsTypeBuilder\n                  v-if=\"\n                    questionsConfig.type === 'checkbox' &&\n                    questionsConfig.activeBuilder === 'checkbox'\n                  \"\n                  @question-data=\"setQuestionData\"\n                  @question-builde:close=\"closeQuestionBuilder\"\n                  :editMode=\"questionsConfig.editMode\"\n                  :questionInfo=\"customQuestionsList\"\n                  :questionIndex=\"questionsConfig.editModeItemIndex\"\n                  type=\"checkbox\"\n                  sort=\"SHUFFLE\"\n                  :langObj=\"langObj\"\n                ></MultiOptionsTypeBuilder>\n                <MultiChoiceExample\n                  v-else\n                  :exampleQuestionText=\"\n                    langObj['s4-customQuestions'].modalMultiQExampleLabel\n                  \"\n                ></MultiChoiceExample>\n              </QuestionsTypePreview>\n\n              <QuestionsTypePreview\n                v-if=\"questionsConfig.type === 'rank-dragdrop'\"\n                :title=\"langObj['s4-customQuestions'].modalQuestionType4\"\n                :subTitle=\"langObj['s4-customQuestions'].modalRankQIntro\"\n                :description=\"\n                  langObj['s4-customQuestions'].modalRankQDetailsLabel\n                \"\n                :builderMode=\"\n                  questionsConfig.type === 'rank-dragdrop' &&\n                  questionsConfig.activeBuilder === 'rank-dragdrop'\n                    ? true\n                    : false\n                \"\n                :editMode=\"questionsConfig.editMode\"\n                :langObj=\"langObj\"\n              >\n                <MultiOptionsTypeBuilder\n                  v-if=\"\n                    questionsConfig.type === 'rank-dragdrop' &&\n                    questionsConfig.activeBuilder === 'rank-dragdrop'\n                  \"\n                  @question-data=\"setQuestionData\"\n                  @question-builde:close=\"closeQuestionBuilder\"\n                  :editMode=\"questionsConfig.editMode\"\n                  :questionInfo=\"customQuestionsList\"\n                  :questionIndex=\"questionsConfig.editModeItemIndex\"\n                  type=\"rank-dragdrop\"\n                  sort=\"SHUFFLE\"\n                  :langObj=\"langObj\"\n                ></MultiOptionsTypeBuilder>\n                <RankExample\n                  v-else\n                  :exampleQuestionText=\"\n                    langObj['s4-customQuestions'].modalRankQExampleLabel\n                  \"\n                ></RankExample>\n              </QuestionsTypePreview>\n\n              <QuestionsTypePreview\n                v-if=\"questionsConfig.type === 'table-radio'\"\n                :title=\"langObj['s4-customQuestions'].modalQuestionType7\"\n                :subTitle=\"langObj['s4-customQuestions'].modalGridQIntro\"\n                :description=\"\n                  langObj['s4-customQuestions'].modalGridQDetailsLabel\n                \"\n                :builderMode=\"\n                  questionsConfig.type === 'table-radio' &&\n                  questionsConfig.activeBuilder === 'table-radio'\n                    ? true\n                    : false\n                \"\n                :editMode=\"questionsConfig.editMode\"\n                :langObj=\"langObj\"\n              >\n                <GridTypeBuilder\n                  v-if=\"\n                    questionsConfig.type === 'table-radio' &&\n                    questionsConfig.activeBuilder === 'table-radio'\n                  \"\n                  @question-data=\"setQuestionData\"\n                  @question-builde:close=\"closeQuestionBuilder\"\n                  :editMode=\"questionsConfig.editMode\"\n                  :questionInfo=\"customQuestionsList\"\n                  :questionIndex=\"questionsConfig.editModeItemIndex\"\n                  :langObj=\"langObj\"\n                ></GridTypeBuilder>\n                <GridExample\n                  v-else\n                  :langObj=\"langObj\"\n                  :exampleQuestionText=\"\n                    langObj['s4-customQuestions'].modalGridQExampleLabel\n                  \"\n                  type=\"table-radio\"\n                ></GridExample>\n              </QuestionsTypePreview>\n\n              <QuestionsTypePreview\n                v-if=\"questionsConfig.type === 'table-checkbox'\"\n                :title=\"langObj['s4-customQuestions'].modalQuestionType5\"\n                :subTitle=\"\n                  langObj['s4-customQuestions'].modalGridCheckboxQIntro\n                \"\n                :description=\"\n                  langObj['s4-customQuestions'].modalGridCheckboxQDetailsLabel\n                \"\n                :builderMode=\"\n                  questionsConfig.type === 'table-checkbox' &&\n                  questionsConfig.activeBuilder === 'table-checkbox'\n                    ? true\n                    : false\n                \"\n                :editMode=\"questionsConfig.editMode\"\n                :langObj=\"langObj\"\n              >\n                <GridTypeBuilder\n                  v-if=\"\n                    questionsConfig.type === 'table-checkbox' &&\n                    questionsConfig.activeBuilder === 'table-checkbox'\n                  \"\n                  @question-data=\"setQuestionData\"\n                  @question-builde:close=\"closeQuestionBuilder\"\n                  :editMode=\"questionsConfig.editMode\"\n                  :questionInfo=\"customQuestionsList\"\n                  :questionIndex=\"questionsConfig.editModeItemIndex\"\n                  :langObj=\"langObj\"\n                  type=\"table-checkbox\"\n                ></GridTypeBuilder>\n                <GridExample\n                  v-else\n                  :langObj=\"langObj\"\n                  :exampleQuestionText=\"\n                    langObj['s4-customQuestions'].modalGridCheckboxQExampleLabel\n                  \"\n                ></GridExample>\n              </QuestionsTypePreview>\n\n              <div\n                class=\"flex justify-center\"\n                v-if=\"questionsConfig.activeBuilder === null\"\n              >\n                <a-button\n                  type=\"primary\"\n                  @click=\"setBuilderType\"\n                  v-html=\"langObj['s4-customQuestions'].modalButton5\"\n                >\n                </a-button>\n              </div>\n            </template>\n          </div>\n        </div>\n      </a-modal>\n    </div>\n    <CompletionProgress :checkList=\"quizs\"></CompletionProgress>\n  </div>\n</template>\n\n<script>\nimport * as wsUtils from \"@/utils/wsUtils.js\";\nimport * as jsUtils from \"@/utils/jsUtils.js\";\nimport ProgressBar from \"@/components/videoAds/ProgressBar.vue\";\nimport StepNaviBar from \"@/components/videoAds/StepNaviBar1.vue\";\nimport QuestionsTypePreview from \"@/components/questions/QuestionsTypePreview.vue\";\nimport TextTypeExample from \"@/components/questions/TextTypeExample.vue\";\nimport TextTypeBuilder from \"@/components/questions/TextTypeBuilder.vue\";\nimport SingleChoiceExample from \"@/components/questions/SingleChoiceExample.vue\";\nimport MultiChoiceExample from \"@/components/questions/MultiChoiceExample.vue\";\nimport RankExample from \"@/components/questions/RankExample.vue\";\nimport GridExample from \"@/components/questions/GridExample.vue\";\nimport QuestionsListPreview from \"@/components/questions/QuestionsListPreview.vue\";\nimport MultiOptionsTypeBuilder from \"@/components/questions/MultiOptionsTypeBuilder.vue\";\nimport GridTypeBuilder from \"@/components/questions/GridTypeBuilder.vue\";\nimport { mutations } from \"@/utils/store.js\";\nimport surveyPriceMixin from \"@/mixins/surveyPriceCalculation.js\";\nimport CompletionProgress from \"@/components/general/CompletionProgress.vue\";\nimport IconBase from \"@/components/general/IconBase.vue\";\nimport IconMetrics from \"@/components/icons/IconMetrics.vue\";\nimport IconSearchThin from \"@/components/icons/IconSearchThin.vue\";\nimport IconNoResults from \"@/components/icons/IconNoResults.vue\";\nimport Loader from \"@/components/general/Loader.vue\";\n\nexport default {\n  name: \"KeyMetrics\",\n  components: {\n    ProgressBar,\n    StepNaviBar,\n    QuestionsTypePreview,\n    TextTypeExample,\n    SingleChoiceExample,\n    MultiChoiceExample,\n    RankExample,\n    GridExample,\n    TextTypeBuilder,\n    QuestionsListPreview,\n    MultiOptionsTypeBuilder,\n    GridTypeBuilder,\n    CompletionProgress,\n    IconBase,\n    IconMetrics,\n    IconSearchThin,\n    IconNoResults,\n    Loader,\n  },\n  mixins: [surveyPriceMixin],\n  data() {\n    return {\n      minBrand: 3,\n      maxBrand: 7,\n      minCogni: 0,\n      maxCogni: 3,\n      brands: [\n        { name: \"Nike\", filled: true },\n        { name: \"Reebok\", filled: true },\n        { name: \"Puma\", filled: true },\n        { name: \"Adidas\", filled: true },\n      ],\n      cognis: [{ name: \"\", filled: false }],\n      stepIndex: 4,\n      surveyID: 0,\n      langObj: {},\n      client: {},\n      quizs: [],\n      addCustomQuestionModal: false,\n      questionsConfig: {\n        type: \"text\",\n        radioBtnTypesStyle: {\n          display: \"block\",\n          height: \"30px\",\n          lineHeight: \"30px\",\n        },\n        activeBuilder: \"text\",\n        previewQuestionsList: false,\n        editModeItemIndex: null,\n        editMode: false,\n        activeMode: \"builder\",\n        loadingNewQuestions: false,\n      },\n      questionsData: {\n        surveyID: null,\n        CustomQuestions: [],\n      },\n      customQuestionsList: null,\n      editableSurvey: null,\n      breadcrumbTitle: \"\",\n      user: null,\n      savedQuestions: [],\n      loadingSavedQuestions: false,\n      searchText: \"\",\n      categoryFilter: undefined,\n      searchActive: false,\n      insertCustomQuestionsLoading: false,\n    };\n  },\n  computed: {\n    brandStatus() {\n      if (this.brands.filter((brand) => brand.filled).length >= this.minBrand) {\n        return true;\n      } else {\n        return false;\n      }\n    },\n    cogniStatus() {\n      if (this.cognis.filter((cogni) => cogni.filled).length >= this.minCogni) {\n        return true;\n      } else {\n        return false;\n      }\n    },\n    questionsModalTitle() {\n      let title = \"Examples\";\n      if (this.questionsConfig.previewQuestionsList) {\n        title = \"My questions list\";\n      } else if (\n        this.questionsConfig.activeBuilder !== null &&\n        !this.questionsConfig.editMode\n      ) {\n        title = \"Create a question\";\n      } else if (\n        this.questionsConfig.activeBuilder !== null &&\n        this.questionsConfig.editMode\n      ) {\n        title = \"Edit a question\";\n      }\n      return title;\n    },\n    uniqueQuestionsCategories() {\n      if (this.savedQuestions.length === 0) {\n        return;\n      }\n\n      const categories = [\n        ...new Set(\n          this.savedQuestions.map((question) => question.questionCategory)\n        ),\n      ];\n\n      return [\n        ...categories.map((category) => ({\n          value: category,\n          label: category,\n        })),\n      ];\n    },\n    filteredQuestions() {\n      if (\n        this.searchText.length < 3 &&\n        (!this.categoryFilter || this.categoryFilter.length === 0)\n      ) {\n        return this.savedQuestions;\n      }\n\n      return this.savedQuestions.filter((question) => {\n        const matchesText = question.questionText\n          .toLowerCase()\n          .includes(this.searchText.toLowerCase());\n\n        const matchesCategory =\n          !this.categoryFilter ||\n          this.categoryFilter.length === 0 ||\n          this.categoryFilter.includes(question.questionCategory);\n\n        return matchesText && matchesCategory;\n      });\n    },\n  },\n  watch: {\n    brandStatus() {\n      this.updateQuiz();\n    },\n    cogniStatus() {\n      this.updateQuiz();\n    },\n    \"questionsConfig.type\": {\n      handler: function () {\n        if (!this.questionsConfig.editMode) {\n          this.questionsConfig.activeBuilder = null;\n        }\n        if (this.questionsConfig.activeMode === \"builder\") {\n          this.questionsConfig.activeBuilder = this.questionsConfig.type;\n        }\n      },\n      deep: true,\n    },\n  },\n  methods: {\n    onDeleteBrand(index) {\n      if (this.brands.length === 1) {\n        this.brands[0] = { name: \"\", filled: false };\n      } else {\n        this.brands.splice(index, 1);\n      }\n    },\n    addNewBrand(index) {\n      if (this.brands[index].name !== \"\") {\n        // there is content there\n        this.brands[index].filled = true;\n        if (this.brands.length < this.maxBrand) {\n          this.brands.push({ name: \"\", filled: false });\n          setTimeout(() => {\n            const brandInputs = document.querySelectorAll(\".brandInput input\");\n            brandInputs[this.brands.length - 1].focus();\n          }, 200);\n        }\n      }\n    },\n    pasteBrand(index, e) {\n      let clipboardData, pastedData;\n      e.stopPropagation();\n      e.preventDefault();\n\n      clipboardData = e.clipboardData || window.clipboardData;\n\n      pastedData = clipboardData.getData(\"Text\");\n      pastedData = pastedData.split(\"\\n\");\n\n      pastedData = pastedData.filter((con) => {\n        return con !== \"\" && con !== \"\\r\";\n      });\n\n      pastedData.forEach((con, i) => {\n        this.brands[index + i].name = con;\n        this.brands[index + i].filled = true;\n\n        if (this.brands.length < this.maxBrand) {\n          this.brands.push({ name: \"\", filled: false });\n        }\n      });\n    },\n    onDeleteCogni(index) {\n      if (this.cognis.length === 1) {\n        this.cognis[0] = { name: \"\", filled: false };\n      } else {\n        this.cognis.splice(index, 1);\n      }\n    },\n    pasteCogni(index, e) {\n      let clipboardData, pastedData;\n      e.stopPropagation();\n      e.preventDefault();\n\n      clipboardData = e.clipboardData || window.clipboardData;\n\n      pastedData = clipboardData.getData(\"Text\");\n      pastedData = pastedData.split(\"\\n\");\n      pastedData = pastedData.filter((con) => {\n        return con !== \"\" && con !== \"\\r\";\n      });\n\n      pastedData.forEach((con, i) => {\n        this.cognis[index + i].name = con;\n        this.cognis[index + i].filled = true;\n\n        if (this.cognis.length < this.maxCogni) {\n          this.cognis.push({ name: \"\", filled: false });\n        }\n      });\n    },\n    addNewCogni(index) {\n      if (this.cognis[index].name !== \"\") {\n        this.cognis[index].filled = true;\n        if (this.cognis.length < this.maxCogni) {\n          this.cognis.push({ name: \"\", filled: false });\n          setTimeout(() => {\n            const cogniInputs = document.querySelectorAll(\".cogniInput input\");\n            cogniInputs[this.cognis.length - 1].focus();\n          }, 200);\n        }\n      }\n    },\n    prevStep() {\n      this.$router.push({\n        name: this.$route.meta.keyMetricsPrevRoute || \"vid-brand-strategy\",\n        params: { id: this.surveyID },\n      });\n    },\n    nextStep() {\n      // call ws to save questions\n      let brandOptions = this.brands\n        .filter((brand) => brand.name !== \"\")\n        .map((brand) => {\n          return { optionText: brand.name };\n        });\n      let cogniOptions = this.cognis\n        .filter((cogni) => cogni.name !== \"\")\n        .map((cogni) => {\n          return {\n            optionText: cogni.name,\n          };\n        });\n\n      let questionObj = {\n        surveyID: this.surveyID,\n        questions: [\n          {\n            SurveyQuestionType: 4, //brand\n            QuestionOptions: brandOptions,\n          },\n          {\n            SurveyQuestionType: 6, //cogni\n            QuestionOptions: cogniOptions,\n          },\n        ],\n        userId: this.user.EncrypteduserID,\n      };\n      this.$emit(\"cogniCompleteEvent\", brandOptions, cogniOptions);\n\n      const questionsPromise = new Promise((resolve) => {\n        wsUtils.SaveStandardSurveyQuestions(questionObj, resolve);\n      });\n\n      questionsPromise.then(() => {\n        jsUtils.setSurveysApiTrigger(true);\n        this.$router.push({\n          name: this.$route.meta.keyMetricsNextRoute || \"vid-audience\",\n          params: { id: this.surveyID },\n        });\n      });\n\n      let surveySummary = {\n        customQuestions: this.customQuestionsList.CustomQuestions.map(\n          (item) => {\n            return item.questionText;\n          }\n        ),\n      };\n      let currentSummaryData = jsUtils.getSurveySummaryData();\n      jsUtils.setSurveySummaryData({ ...currentSummaryData, ...surveySummary });\n    },\n    updateQuiz() {\n      this.quizs = [\n        {\n          quizName: this.langObj[\"s4-brand\"].robot,\n          completed: this.brandStatus,\n        },\n      ];\n    },\n    setBuilderType() {\n      this.questionsConfig.activeBuilder = this.questionsConfig.type;\n      this.questionsConfig.activeMode = \"builder\";\n    },\n    setQuestionData(data, index) {\n      let questions;\n      if (index !== null && index !== undefined) {\n        this.customQuestionsList.CustomQuestions[index] = data;\n        this.questionsConfig.editModeItemIndex = null;\n        this.questionsConfig.editMode = false;\n        questions = this.customQuestionsList;\n      } else {\n        this.questionsData.CustomQuestions.push(data);\n        questions = this.questionsData;\n      }\n      this.questionsConfig.loadingNewQuestions = true;\n      this.insertCustomQuestions(questions);\n    },\n    deleteCustomQuestions(index) {\n      this.customQuestionsList.CustomQuestions.splice(index, 1);\n      this.insertCustomQuestions(this.customQuestionsList);\n    },\n    insertCustomQuestions(data, showNotification, closeModal) {\n      this.insertCustomQuestionsLoading = true;\n      data.userId = this.user.EncrypteduserID;\n      const insertCustomQuestionPromise = new Promise((resolve) => {\n        wsUtils.InsertCustomQuestion(data, resolve);\n      });\n\n      if (!closeModal) {\n        this.addCustomQuestionModal = false;\n      }\n\n      this.questionsData.CustomQuestions = [];\n      this.questionsConfig.activeBuilder = \"text\";\n      this.questionsConfig.type = \"text\";\n      insertCustomQuestionPromise.then(() => {\n        this.questionsConfig.loadingNewQuestions = false;\n        this.getCustomQuestions();\n        if (showNotification) {\n          this.$notification[\"success\"]({\n            message: \"Success!\",\n            description: \"Your changes have been saved.\",\n            placement: \"bottomLeft\",\n            duration: 4,\n          });\n        }\n        this.insertCustomQuestionsLoading = false;\n      });\n    },\n    editQuestion(data) {\n      this.addCustomQuestionModal = true;\n      this.questionsConfig.editMode = true;\n      this.questionsConfig.editModeItemIndex = data.index;\n      this.questionsConfig.previewQuestionsList = false;\n      this.questionsConfig.type = data.questionType;\n      this.questionsConfig.activeBuilder = data.questionType;\n      this.questionsConfig.type = \"text\";\n    },\n    closeQuestionBuilder() {\n      this.addCustomQuestionModal = false;\n      let _this = this;\n      this.getCustomQuestions();\n\n      setTimeout(function () {\n        _this.questionsConfig.editMode = false;\n        _this.questionsConfig.activeBuilder = \"text\";\n        _this.questionsConfig.type = \"text\";\n        _this.questionsConfig.activeMode = \"builder\";\n      }, 500);\n    },\n    getCustomQuestions() {\n      const getCustomQuestionsPromise = new Promise((resolve) => {\n        wsUtils.GetCustomQuestion(this.surveyID, resolve);\n      });\n      getCustomQuestionsPromise.then((data) => {\n        this.customQuestionsList = data;\n        let questionsType = data.CustomQuestions.map((item) => {\n          return { QuestionType: item.questionType };\n        });\n        mutations.setSurveyPriceQuestion(questionsType);\n\n        let surveyPriceSetData = {\n          Question: questionsType,\n        };\n        let currentSurveyPriceData = jsUtils.getSurveyPrice();\n        jsUtils.setSurveyPrice({\n          ...currentSurveyPriceData,\n          ...surveyPriceSetData,\n        });\n        this.getSurveyTotalPrice();\n      });\n    },\n    closeCustomQuestionsModal() {\n      this.addCustomQuestionModal = false;\n      this.questionsConfig.type = \"text\";\n      this.questionsConfig.activeBuilder = null;\n      this.questionsConfig.previewQuestionsList = false;\n      this.questionsConfig.editModeItemIndex = null;\n      this.questionsConfig.editMode = false;\n    },\n    prefillStandardQuestions() {\n      this.editableSurvey = jsUtils.getEditableSurvey();\n\n      if (\n        this.editableSurvey &&\n        this.editableSurvey.QuestionDetails.length > 0\n      ) {\n        this.processStandardQuestions(this.editableSurvey.QuestionDetails);\n      } else if (\n        this.editableSurvey &&\n        this.editableSurvey.StandardSurveyQuestions &&\n        this.editableSurvey.StandardSurveyQuestions.length > 0\n      ) {\n        this.processStandardQuestions(\n          this.editableSurvey.StandardSurveyQuestions\n        );\n      }\n    },\n    processStandardQuestions(questions) {\n      const brands = questions.filter(\n        (item) => item.SurveyQuestionTypeID === 4\n      );\n\n      const brandsQuestions = brands[0].QuestionOptions.map((item) => {\n        const brandItem = {\n          filled: true,\n          name: item.OptionText,\n        };\n        return brandItem;\n      });\n      this.brands = [];\n      this.brands.unshift(...brandsQuestions);\n\n      const key = questions.filter((item) => item.SurveyQuestionTypeID === 6);\n      const keyMessages = key[0].QuestionOptions.map((item) => {\n        const keyItem = {\n          filled: true,\n          name: item.OptionText,\n        };\n        return keyItem;\n      });\n      this.cognis = [];\n      this.cognis.unshift(...keyMessages);\n    },\n    saveInLibrary(value, index) {\n      if (!value) {\n        this.deleteSavedQuestions(\n          index,\n          this.customQuestionsList.CustomQuestions[index].SurveyCustomQuestionID\n        );\n      }\n      this.customQuestionsList.CustomQuestions[index].saveInLibrary = value;\n      this.insertCustomQuestions(this.customQuestionsList);\n    },\n    getSavedQuestions() {\n      this.loadingSavedQuestions = true;\n      const model = {\n        wsName: \"GetSavedCustomQuestions\",\n        params: null,\n      };\n\n      const getQuota = new Promise((resolve) => {\n        wsUtils.ApiGet(model, resolve);\n      });\n\n      getQuota.then((data) => {\n        this.savedQuestions = data.CustomQuestions;\n        this.loadingSavedQuestions = false;\n      });\n    },\n    addSavedQuestion(data) {\n      data.saveInLibrary = false;\n      data.setAsScreener = false;\n      data.SurveyCustomQuestionID = 0;\n      let question = {\n        questionsInstructions: \"\",\n        CustomQuestions: [data],\n        surveyID: this.surveyID,\n      };\n      // delete data.itemType;\n      // this.customQuestionsList.CustomQuestions.push(data);\n      this.insertCustomQuestions(question, true, true);\n    },\n    deleteSavedQuestions(index, id) {\n      const model = {\n        wsName: \"DeleteSavedCustomQuestions\",\n        params: {\n          SurveyCustomQuestionID:\n            id || this.savedQuestions[index].SurveyCustomQuestionID,\n        },\n      };\n\n      const deleteQuestion = new Promise((resolve) => {\n        wsUtils.ApiGet(model, resolve);\n      });\n\n      deleteQuestion.then((data) => {\n        if (data.Success) {\n          this.getSavedQuestions();\n\n          if (!id) {\n            this.$notification[\"success\"]({\n              message: \"Success!\",\n              description: \"Your question has been deleted.\",\n              placement: \"bottomLeft\",\n              duration: 4,\n            });\n            this.getCustomQuestions();\n          }\n        } else {\n          this.$notification[\"error\"]({\n            message: \"Error!\",\n            description:\n              \"Delete question failed. Please try again or contact our support.\",\n            placement: \"bottomLeft\",\n            duration: 4,\n          });\n        }\n      });\n    },\n  },\n  activated() {\n    this.client = jsUtils.getCurClient();\n    this.user = jsUtils.getUserInfo();\n    this.surveyID = this.$route.params.id;\n    this.questionsData.surveyID = this.surveyID;\n    this.updateQuiz();\n\n    this.customQuestionsList = null;\n    this.getCustomQuestions();\n    // this.brands = [{ name: \"\", filled: false }];\n    this.cognis = [{ name: \"\", filled: false }];\n    this.prefillStandardQuestions();\n  },\n  created() {\n    this.langObj = jsUtils.getLangObj(\n      \"videoAuthorLang\",\n      \"/tooltip/videoAuthor.json\"\n    );\n    this.breadcrumbTitle =\n      this.$route.name !== \"pack-test-key-metrics\" ? \"Video Ad\" : \"Pack\";\n  },\n};\n</script>\n\n<style lang=\"scss\" scoped>\nsection.stepAuthor {\n  .questions {\n    padding: 2em;\n    width: 60vw;\n    border: 1px solid var(--lineGrey);\n    border-bottom: none;\n    height: 100%;\n    overflow: hidden;\n    overflow: auto;\n    align-content: start;\n    row-gap: 2em;\n\n    .container {\n      margin-bottom: 2em;\n    }\n\n    .brands {\n      display: grid;\n      grid-template-columns: repeat(2, 1fr);\n      column-gap: 1em;\n    }\n  }\n}\n\n.custom {\n  display: flex;\n  align-items: start;\n  column-gap: 2em;\n}\n\n.ant-input-group-wrapper {\n  margin-bottom: 0.8em;\n}\n\n.quizTitle {\n  display: flex;\n  align-items: center;\n\n  .completeIcon {\n    position: relative;\n    left: auto;\n  }\n}\n\n.btns {\n  button {\n    margin-left: 10px;\n  }\n}\n\nh3 {\n  color: #4318ff;\n  margin-bottom: 2em;\n}\n</style>\n\n<style lang=\"scss\">\n.ant-input-group-addon {\n  background: var(\n    --button-gradient,\n    linear-gradient(99deg, #fb3b51 -11.27%, #a14be7 109.61%)\n  );\n  border: transparent;\n  color: #fff !important;\n  border-radius: 16px;\n  padding: 0;\n\n  &[disabled] {\n    background: #d7d7d7;\n    color: #fff !important;\n    pointer-events: none;\n  }\n\n  .anticon {\n    color: white;\n    font-size: 1.2em;\n    margin: 0;\n    padding: 17px 20px 16px;\n  }\n}\n\n.ant-modal {\n  &--custom-questions {\n    backdrop-filter: none !important;\n    .ant-modal-body {\n      display: block;\n      max-height: inherit;\n    }\n  }\n}\n</style>\n","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!./KeyMetrics.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!./KeyMetrics.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./KeyMetrics.vue?vue&type=template&id=f8a0a958&scoped=true&\"\nimport script from \"./KeyMetrics.vue?vue&type=script&lang=js&\"\nexport * from \"./KeyMetrics.vue?vue&type=script&lang=js&\"\nimport style0 from \"./KeyMetrics.vue?vue&type=style&index=0&id=f8a0a958&lang=scss&scoped=true&\"\nimport style1 from \"./KeyMetrics.vue?vue&type=style&index=1&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  \"f8a0a958\",\n  null\n  \n)\n\nexport default component.exports","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!./KeyMetrics.vue?vue&type=style&index=1&lang=scss&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"videoAds\"},[_c('a-breadcrumb',{staticClass:\"breadcrum\"},[_c('a-breadcrumb-item',[_c('a',{attrs:{\"href\":\"/\"}},[_vm._v(_vm._s(_vm.client.ClientName))])]),_c('a-breadcrumb-item',[_c('a',{attrs:{\"href\":\"/products\"}},[_vm._v(\"Products\")])]),_c('a-breadcrumb-item',[_vm._v(_vm._s(_vm.$route.meta.surveyTitle))])],1),_c('div',{staticClass:\"authoring\"},[_c('ProgressBar',{attrs:{\"stepIndex\":_vm.stepIndex,\"surveyID\":_vm.surveyID,\"stepsType\":\"video\"}}),_c('section',{staticClass:\"stepAuthor\"},[_c('div',{staticClass:\"questions\"},[_c('a-divider',[_vm._v(\"Custom Questions\")]),_c('div',{staticClass:\"custom\"},[_c('p',{staticClass:\"brief\",domProps:{\"innerHTML\":_vm._s(_vm.langObj['s4-cQues'].quiz)}}),_c('a-button',{staticClass:\"custAntBtn\",on:{\"click\":function($event){_vm.addCustomQuestionModal = true}}},[_vm._v(\" Add custom question \")])],1),(\n            _vm.customQuestionsList !== null &&\n            _vm.customQuestionsList.CustomQuestions.length\n          )?_c('QuestionsListPreview',{attrs:{\"questionsList\":_vm.customQuestionsList.CustomQuestions,\"langObj\":_vm.langObj,\"questionSettings\":true,\"loading\":_vm.questionsConfig.loadingNewQuestions},on:{\"deleteCustomQuestions\":_vm.deleteCustomQuestions,\"editQuestion\":_vm.editQuestion}}):_vm._e()],1),_c('CompletionProgress',{attrs:{\"checkList\":_vm.quizs}})],1),_c('StepNaviBar',{attrs:{\"stepIndex\":_vm.stepIndex,\"nextDisable\":!_vm.brandStatus || !_vm.cogniStatus,\"prevDisable\":false,\"prevBtnTooltip\":\"Back to Brand Strategy\",\"nextBtnTooltip\":\"Go to Launch\"},on:{\"nextHandler\":_vm.nextStep,\"prevHandler\":_vm.prevStep}})],1),_c('a-modal',{attrs:{\"title\":_vm.questionsModalTitle,\"visible\":_vm.addCustomQuestionModal,\"width\":_vm.questionsConfig.editMode ? 650 : 800,\"okText\":\"Save\",\"okButtonProps\":{\n      props: { disabled: !_vm.questionsData.CustomQuestions.length },\n    },\"footer\":null,\"destroyOnClose\":true,\"wrapClassName\":\"ant-modal--custom-questions\"},on:{\"cancel\":_vm.closeQuestionBuilder}},[(!_vm.questionsConfig.editMode)?_c('div',{staticClass:\"choose-questions-nav\"},[_c('a-button',{attrs:{\"type\":_vm.questionsConfig.activeMode === 'builder' ? 'primary' : ''},domProps:{\"innerHTML\":_vm._s(_vm.langObj['s4-customQuestions'].modalTab1)},on:{\"click\":function($event){(_vm.questionsConfig.activeMode = 'builder'),\n            (_vm.questionsConfig.activeBuilder = _vm.questionsConfig.type)}}}),_c('a-button',{attrs:{\"type\":_vm.questionsConfig.activeMode === 'examples' ? 'primary' : ''},domProps:{\"innerHTML\":_vm._s(_vm.langObj['s4-customQuestions'].modalTab2)},on:{\"click\":function($event){(_vm.questionsConfig.activeMode = 'examples'),\n            (_vm.questionsConfig.activeBuilder = null)}}})],1):_vm._e(),_c('div',{staticClass:\"choose-questions\",class:{ 'choose-questions--edit': _vm.questionsConfig.editMode }},[(!_vm.questionsConfig.editMode)?_c('div',{staticClass:\"choose-questions__types\"},[_c('a-radio-group',{class:{\n            'ant-radio-group--border-b': _vm.questionsData.CustomQuestions.length,\n            'ant-radio-group--disabled':\n              _vm.questionsConfig.previewQuestionsList ||\n              _vm.questionsConfig.editMode,\n          },attrs:{\"disable\":\"\"},model:{value:(_vm.questionsConfig.type),callback:function ($$v) {_vm.$set(_vm.questionsConfig, \"type\", $$v)},expression:\"questionsConfig.type\"}},[_c('a-radio',{style:(_vm.questionsConfig.radioBtnTypesStyle),attrs:{\"selected\":\"\",\"value\":\"text\"}},[_c('span',{domProps:{\"innerHTML\":_vm._s(_vm.langObj['s4-customQuestions'].modalQuestionType1)}})]),_c('a-radio',{style:(_vm.questionsConfig.radioBtnTypesStyle),attrs:{\"selected\":\"\",\"value\":\"essay\"}},[_c('span',{domProps:{\"innerHTML\":_vm._s(_vm.langObj['s4-customQuestions'].modalQuestionType6)}})]),_c('a-radio',{style:(_vm.questionsConfig.radioBtnTypesStyle),attrs:{\"value\":\"radio\"}},[_c('span',{domProps:{\"innerHTML\":_vm._s(_vm.langObj['s4-customQuestions'].modalQuestionType2)}})]),_c('a-radio',{style:(_vm.questionsConfig.radioBtnTypesStyle),attrs:{\"value\":\"checkbox\"}},[_c('span',{domProps:{\"innerHTML\":_vm._s(_vm.langObj['s4-customQuestions'].modalQuestionType3)}})]),_c('a-radio',{style:(_vm.questionsConfig.radioBtnTypesStyle),attrs:{\"value\":\"rank-dragdrop\"}},[_c('span',{domProps:{\"innerHTML\":_vm._s(_vm.langObj['s4-customQuestions'].modalQuestionType4)}})]),_c('a-radio',{style:(_vm.questionsConfig.radioBtnTypesStyle),attrs:{\"value\":\"table-radio\"}},[_c('span',{domProps:{\"innerHTML\":_vm._s(_vm.langObj['s4-customQuestions'].modalQuestionType7)}})]),_c('a-radio',{style:(_vm.questionsConfig.radioBtnTypesStyle),attrs:{\"value\":\"table-checkbox\"}},[_c('span',{domProps:{\"innerHTML\":_vm._s(_vm.langObj['s4-customQuestions'].modalQuestionType5)}})])],1)],1):_vm._e(),_c('div',{staticClass:\"choose-questions__preview\"},[[(_vm.questionsConfig.type === 'text')?_c('QuestionsTypePreview',{attrs:{\"title\":_vm.langObj['s4-customQuestions'].modalQuestionType1,\"subTitle\":_vm.langObj['s4-customQuestions'].modalTextQIntro,\"exampleQuestionText\":_vm.langObj['s4-customQuestions'].modalTextQExampleLabel,\"description\":_vm.langObj['s4-customQuestions'].modalTextQDetailsLabel,\"builderMode\":_vm.questionsConfig.type === 'text' &&\n              _vm.questionsConfig.activeBuilder === 'text'\n                ? true\n                : false,\"editMode\":_vm.questionsConfig.editMode,\"langObj\":_vm.langObj}},[(\n                _vm.questionsConfig.type === 'text' &&\n                _vm.questionsConfig.activeBuilder === 'text'\n              )?_c('TextTypeBuilder',{attrs:{\"editMode\":_vm.questionsConfig.editMode,\"questionInfo\":_vm.customQuestionsList,\"questionIndex\":_vm.questionsConfig.editModeItemIndex,\"langObj\":_vm.langObj},on:{\"question-data\":_vm.setQuestionData,\"question-builde:close\":_vm.closeQuestionBuilder}}):_c('TextTypeExample',{attrs:{\"exampleQuestionText\":_vm.langObj['s4-customQuestions'].modalTextQExampleLabel,\"langObj\":_vm.langObj,\"questionSettings\":false}})],1):_vm._e(),(_vm.questionsConfig.type === 'essay')?_c('QuestionsTypePreview',{attrs:{\"title\":_vm.langObj['s4-customQuestions'].modalQuestionType6,\"subTitle\":_vm.langObj['s4-customQuestions'].modalEssayQIntro,\"exampleQuestionText\":_vm.langObj['s4-customQuestions'].modalEssayQExampleLabel,\"description\":_vm.langObj['s4-customQuestions'].modalEssayQDetailsLabel,\"builderMode\":_vm.questionsConfig.type === 'essay' &&\n              _vm.questionsConfig.activeBuilder === 'essay'\n                ? true\n                : false,\"editMode\":_vm.questionsConfig.editMode,\"langObj\":_vm.langObj}},[(\n                _vm.questionsConfig.type === 'essay' &&\n                _vm.questionsConfig.activeBuilder === 'essay'\n              )?_c('TextTypeBuilder',{attrs:{\"editMode\":_vm.questionsConfig.editMode,\"questionInfo\":_vm.customQuestionsList,\"questionIndex\":_vm.questionsConfig.editModeItemIndex,\"langObj\":_vm.langObj,\"type\":\"essay\"},on:{\"question-data\":_vm.setQuestionData,\"question-builde:close\":_vm.closeQuestionBuilder}}):_c('TextTypeExample',{attrs:{\"exampleQuestionText\":_vm.langObj['s4-customQuestions'].modalEssayQExampleLabel,\"langObj\":_vm.langObj,\"questionSettings\":false,\"type\":\"essay\"}})],1):_vm._e(),(_vm.questionsConfig.type === 'radio')?_c('QuestionsTypePreview',{attrs:{\"title\":_vm.langObj['s4-customQuestions'].modalQuestionType2,\"subTitle\":_vm.langObj['s4-customQuestions'].modalSingleQIntro,\"description\":_vm.langObj['s4-customQuestions'].modalSingleQDetailsLabel,\"builderMode\":_vm.questionsConfig.type === 'radio' &&\n              _vm.questionsConfig.activeBuilder === 'radio'\n                ? true\n                : false,\"editMode\":_vm.questionsConfig.editMode,\"langObj\":_vm.langObj}},[(\n                _vm.questionsConfig.type === 'radio' &&\n                _vm.questionsConfig.activeBuilder === 'radio'\n              )?_c('MultiOptionsTypeBuilder',{attrs:{\"editMode\":_vm.questionsConfig.editMode,\"questionInfo\":_vm.customQuestionsList,\"questionIndex\":_vm.questionsConfig.editModeItemIndex,\"type\":\"radio\",\"sort\":\"NONE\",\"langObj\":_vm.langObj},on:{\"question-data\":_vm.setQuestionData,\"question-builde:close\":_vm.closeQuestionBuilder}}):_c('SingleChoiceExample',{attrs:{\"exampleQuestionText\":_vm.langObj['s4-customQuestions'].modalSingleQExampleLabel}})],1):_vm._e(),(_vm.questionsConfig.type === 'checkbox')?_c('QuestionsTypePreview',{attrs:{\"title\":_vm.langObj['s4-customQuestions'].modalQuestionType3,\"subTitle\":_vm.langObj['s4-customQuestions'].modalMultiQIntro,\"description\":_vm.langObj['s4-customQuestions'].modalMultiQDetailsLabel,\"builderMode\":_vm.questionsConfig.type === 'checkbox' &&\n              _vm.questionsConfig.activeBuilder === 'checkbox'\n                ? true\n                : false,\"editMode\":_vm.questionsConfig.editMode,\"langObj\":_vm.langObj}},[(\n                _vm.questionsConfig.type === 'checkbox' &&\n                _vm.questionsConfig.activeBuilder === 'checkbox'\n              )?_c('MultiOptionsTypeBuilder',{attrs:{\"editMode\":_vm.questionsConfig.editMode,\"questionInfo\":_vm.customQuestionsList,\"questionIndex\":_vm.questionsConfig.editModeItemIndex,\"type\":\"checkbox\",\"sort\":\"SHUFFLE\",\"langObj\":_vm.langObj},on:{\"question-data\":_vm.setQuestionData,\"question-builde:close\":_vm.closeQuestionBuilder}}):_c('MultiChoiceExample',{attrs:{\"exampleQuestionText\":_vm.langObj['s4-customQuestions'].modalMultiQExampleLabel}})],1):_vm._e(),(_vm.questionsConfig.type === 'rank-dragdrop')?_c('QuestionsTypePreview',{attrs:{\"title\":_vm.langObj['s4-customQuestions'].modalQuestionType4,\"subTitle\":_vm.langObj['s4-customQuestions'].modalRankQIntro,\"description\":_vm.langObj['s4-customQuestions'].modalRankQDetailsLabel,\"builderMode\":_vm.questionsConfig.type === 'rank-dragdrop' &&\n              _vm.questionsConfig.activeBuilder === 'rank-dragdrop'\n                ? true\n                : false,\"editMode\":_vm.questionsConfig.editMode,\"langObj\":_vm.langObj}},[(\n                _vm.questionsConfig.type === 'rank-dragdrop' &&\n                _vm.questionsConfig.activeBuilder === 'rank-dragdrop'\n              )?_c('MultiOptionsTypeBuilder',{attrs:{\"editMode\":_vm.questionsConfig.editMode,\"questionInfo\":_vm.customQuestionsList,\"questionIndex\":_vm.questionsConfig.editModeItemIndex,\"type\":\"rank-dragdrop\",\"sort\":\"SHUFFLE\",\"langObj\":_vm.langObj},on:{\"question-data\":_vm.setQuestionData,\"question-builde:close\":_vm.closeQuestionBuilder}}):_c('RankExample',{attrs:{\"exampleQuestionText\":_vm.langObj['s4-customQuestions'].modalRankQExampleLabel}})],1):_vm._e(),(_vm.questionsConfig.type === 'table-radio')?_c('QuestionsTypePreview',{attrs:{\"title\":_vm.langObj['s4-customQuestions'].modalQuestionType7,\"subTitle\":_vm.langObj['s4-customQuestions'].modalGridQIntro,\"description\":_vm.langObj['s4-customQuestions'].modalGridQDetailsLabel,\"builderMode\":_vm.questionsConfig.type === 'table-radio' &&\n              _vm.questionsConfig.activeBuilder === 'table-radio'\n                ? true\n                : false,\"editMode\":_vm.questionsConfig.editMode,\"langObj\":_vm.langObj}},[(\n                _vm.questionsConfig.type === 'table-radio' &&\n                _vm.questionsConfig.activeBuilder === 'table-radio'\n              )?_c('GridTypeBuilder',{attrs:{\"editMode\":_vm.questionsConfig.editMode,\"questionInfo\":_vm.customQuestionsList,\"questionIndex\":_vm.questionsConfig.editModeItemIndex,\"langObj\":_vm.langObj},on:{\"question-data\":_vm.setQuestionData,\"question-builde:close\":_vm.closeQuestionBuilder}}):_c('GridExample',{attrs:{\"langObj\":_vm.langObj,\"exampleQuestionText\":_vm.langObj['s4-customQuestions'].modalGridQExampleLabel,\"type\":\"table-radio\"}})],1):_vm._e(),(_vm.questionsConfig.type === 'table-checkbox')?_c('QuestionsTypePreview',{attrs:{\"title\":_vm.langObj['s4-customQuestions'].modalQuestionType5,\"subTitle\":_vm.langObj['s4-customQuestions'].modalGridCheckboxQIntro,\"description\":_vm.langObj['s4-customQuestions'].modalGridCheckboxQDetailsLabel,\"builderMode\":_vm.questionsConfig.type === 'table-checkbox' &&\n              _vm.questionsConfig.activeBuilder === 'table-checkbox'\n                ? true\n                : false,\"editMode\":_vm.questionsConfig.editMode,\"langObj\":_vm.langObj}},[(\n                _vm.questionsConfig.type === 'table-checkbox' &&\n                _vm.questionsConfig.activeBuilder === 'table-checkbox'\n              )?_c('GridTypeBuilder',{attrs:{\"editMode\":_vm.questionsConfig.editMode,\"questionInfo\":_vm.customQuestionsList,\"questionIndex\":_vm.questionsConfig.editModeItemIndex,\"langObj\":_vm.langObj,\"type\":\"table-checkbox\"},on:{\"question-data\":_vm.setQuestionData,\"question-builde:close\":_vm.closeQuestionBuilder}}):_c('GridExample',{attrs:{\"langObj\":_vm.langObj,\"exampleQuestionText\":_vm.langObj['s4-customQuestions'].modalGridCheckboxQExampleLabel}})],1):_vm._e(),(_vm.questionsConfig.activeBuilder === null)?_c('div',{staticClass:\"flex justify-center\"},[_c('a-button',{attrs:{\"type\":\"primary\"},domProps:{\"innerHTML\":_vm._s(_vm.langObj['s4-customQuestions'].modalButton5)},on:{\"click\":_vm.setBuilderType}})],1):_vm._e()]],2)])])],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:\"authorBtnSection\",class:{ 'authorBtnSection--fixed': _vm.generalNaviBar }},[_c('div',{staticClass:\"flex items-center price-wrapper\"},[(!_vm.generalNaviBar)?_c('div',{staticClass:\"price flex items-center mr-10\"},[_c('span',{staticClass:\"mob-hide\",attrs:{\"id\":\"bottomNavPriceTitle\"}},[_vm._v(\"Total price so far: \")]),_c('span',{staticClass:\"mob-show\"},[_vm._v(\"Price: \")]),(_vm.showPriceLoader && _vm.stepsType !== 'pack')?_c('i',{staticClass:\"circle-loader ml-5\"}):(_vm.getPriceLoader)?_c('i',{staticClass:\"circle-loader ml-5\"}):_c('div',{attrs:{\"id\":\"bottomNavPrice\"}},[[(_vm.$route.meta.hidePrice)?_c('span',{staticClass:\"pl-5\"},[_vm._v(\" / \")]):_c('span',{staticClass:\"pl-5\"},[_vm._v(\" $\"+_vm._s(_vm.stepsType === \"pack\" ? _vm.formatPrice(_vm.getPackTestPrice) : _vm.formatPrice(_vm.getTotalPrice))+\" \")])]],2),(_vm.conciergeAssistance)?_c('div',{staticClass:\"ml-10\",attrs:{\"id\":\"bottomNavPriceInfo\"}},[_c('a-tooltip',{attrs:{\"placement\":\"top\",\"overlayClassName\":\"ant-tooltip--step-nav\"}},[_c('template',{slot:\"title\"},[_c('span',[_vm._v(\"Total price is a dynamic calculation that ensures a readable sample base for fully assessing your pack designs and communication objectives. This price is impacted by number of legs, number of deep dives and the specific category. \"),(_vm.priceInfoContent !== null && _vm.priceInfoContent !== '')?_c('span',[_vm._v(\"For more information, please follow \"),_c('u',{staticClass:\"cursor-pointer\",on:{\"click\":function($event){_vm.totalPriceModal = true}}},[_vm._v(\"this link\")]),_vm._v(\".\")]):_vm._e()])]),_c('a-icon',{attrs:{\"type\":\"info-circle\"}})],2)],1):_vm._e()]):_vm._e(),(_vm.stepsType === 'pack')?_c('div',{staticClass:\"checking-feasibility flex items-center pl-15\"},[(_vm.getCheckingFeasibilityLoader)?_c('span',{staticClass:\"flex items-center\"},[_c('i',{staticClass:\"circle-loader ml-5\"}),_vm._v(\" Checking feasibility... \")]):_vm._e(),(_vm.getFeasibilitySuccess && !_vm.getCheckingFeasibilityLoader)?_c('span',[_c('font-awesome-icon',{attrs:{\"icon\":\"check\"}}),_vm._v(\" Fully Feasible \")],1):_vm._e(),(\n          _vm.getFeasibilitySuccess === false && !_vm.getCheckingFeasibilityLoader\n        )?_c('span',[_c('svg',{staticClass:\"close\",attrs:{\"width\":\"24px\",\"height\":\"24px\",\"viewBox\":\"0 0 24 24\",\"fill\":\"none\"}},[_c('path',{attrs:{\"d\":\"M6.22566 4.81096C5.83514 4.42044 5.20197 4.42044 4.81145 4.81096C4.42092 5.20148 4.42092 5.83465 4.81145 6.22517L10.5862 11.9999L4.81151 17.7746C4.42098 18.1651 4.42098 18.7983 4.81151 19.1888C5.20203 19.5793 5.8352 19.5793 6.22572 19.1888L12.0004 13.4141L17.7751 19.1888C18.1656 19.5793 18.7988 19.5793 19.1893 19.1888C19.5798 18.7983 19.5798 18.1651 19.1893 17.7746L13.4146 11.9999L19.1893 6.22517C19.5799 5.83465 19.5799 5.20148 19.1893 4.81096C18.7988 4.42044 18.1657 4.42044 17.7751 4.81096L12.0004 10.5857L6.22566 4.81096Z\",\"fill\":\"black\"}})]),_vm._v(\" Feasibility not confirmed. \"),_c('u',{staticClass:\"cursor-pointer\",on:{\"click\":function($event){_vm.conciergeModal = true}}},[_vm._v(\" Contact Us\")])]):_vm._e()]):_vm._e()]),(_vm.conciergeAssistance)?_c('div',{staticClass:\"btn-help\",attrs:{\"id\":\"bottomNavSupportBtn\"}},[_c('a-button',{staticClass:\"flex items-center justify-center\",attrs:{\"size\":\"large\"},on:{\"click\":function($event){_vm.conciergeModal = true}}},[_c('i'),_c('span',[_vm._v(\"Support\")])])],1):_vm._e(),(!_vm.generalNaviBar)?_c('div',{staticClass:\"btns position-r\"},[_c('a-tooltip',{attrs:{\"placement\":\"top\",\"overlayClassName\":\"ant-tooltip--step-nav\"}},[(_vm.prevBtnTooltip !== '' && !_vm.prevDisable)?_c('template',{slot:\"title\"},[_c('span',[_vm._v(_vm._s(_vm.prevBtnTooltip))])]):_vm._e(),(!_vm.hidePrevButton)?_c('a-button',{attrs:{\"id\":\"bottomNavPrevBtn\",\"size\":\"large\",\"disabled\":_vm.prevDisable},on:{\"click\":_vm.prevStep}},[_c('font-awesome-icon',{staticClass:\"mob-show\",attrs:{\"icon\":\"arrow-left\"}}),_c('span',{staticClass:\"mob-hide\"},[_vm._v(\"Previous\")])],1):_vm._e()],2),(_vm.cancelButton)?_c('a-button',{attrs:{\"size\":\"large\",\"id\":\"bottomNavCancelBtn\"},on:{\"click\":function($event){return _vm.$emit('cancel:draft')}}},[_vm._v(\" Cancel \")]):_vm._e(),_c('a-tooltip',{attrs:{\"placement\":\"top\",\"overlayClassName\":\"ant-tooltip--step-nav\"}},[(_vm.nextBtnTooltip !== '' && !_vm.nextDisable)?_c('template',{slot:\"title\"},[_c('span',[_vm._v(_vm._s(_vm.nextBtnTooltip))])]):_vm._e(),_c('a-button',{class:{ 'pointer-events-none': _vm.loading },attrs:{\"type\":\"primary\",\"size\":\"large\",\"disabled\":_vm.nextDisable,\"id\":\"bottomNavNextBtn\"},on:{\"click\":_vm.nextStep}},[(!_vm.loading)?[_c('span',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.isEnd),expression:\"!isEnd\"}]},[_vm._v(\"Next\")]),_c('span',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.isEnd),expression:\"isEnd\"}]},[(_vm.accountPaymentType === 'Invoiced')?[_vm._v(\"Launch\")]:[_c('span',[_vm._v(\"Pay and Launch\")])]],2)]:_c('i',{staticClass:\"circle-loader\"})],2)],2),(_vm.loading)?_c('div',{staticClass:\"btns__loading-message\"},[_vm._v(\" Please wait. We're checking the feasibility of your study. \")]):_vm._e()],1):_vm._e(),_c('a-modal',{staticClass:\"concierge-modal\",attrs:{\"title\":\"Concierge Assistance\",\"visible\":_vm.conciergeModal,\"afterClose\":_vm.closeConciergeModal,\"footer\":null,\"width\":350},on:{\"cancel\":function($event){_vm.conciergeModal = false}}},[_c('p',{staticClass:\"mb-20\"},[_vm._v(\" If you'd like, you can hand off the configuration of your study to an expert from the Hotspex team! Please provide a couple of details about your project and an explanation of the research objectives. \")]),(!_vm.conciergeModalLoading && !_vm.conciergeRequestSent)?_c('a-row',{attrs:{\"gutter\":16}},[_c('a-col',{staticClass:\"large-field\",attrs:{\"span\":24}},[_c('div',{staticClass:\"flex items-center\"},[_c('label',{staticClass:\"lineLable\"},[_vm._v(\"Number of SKUs\")]),_c('a-tooltip',{attrs:{\"placement\":\"top\",\"overlayClassName\":\"ant-tooltip--step-nav\"}},[_c('template',{slot:\"title\"},[_c('span',[_vm._v(\"This is the number of packs that will be changing on each shelf.\")])]),_c('a-icon',{attrs:{\"type\":\"info-circle\"}})],2)],1),_c('a-input-number',{staticClass:\"fullWidth\",class:{\n            'error-field':\n              _vm.conciergeSKUs === null && _vm.formValidations.length > 0,\n          },attrs:{\"size\":\"large\",\"type\":\"number\",\"min\":1,\"max\":100000,\"placeholder\":\"Insert number of SKUs\"},model:{value:(_vm.conciergeSKUs),callback:function ($$v) {_vm.conciergeSKUs=$$v},expression:\"conciergeSKUs\"}})],1),_c('a-col',{staticClass:\"large-field\",attrs:{\"span\":24}},[_c('div',{staticClass:\"flex items-center\"},[_c('label',{staticClass:\"lineLable\"},[_vm._v(\"Number of tests\")]),_c('a-tooltip',{attrs:{\"placement\":\"top\",\"overlayClassName\":\"ant-tooltip--step-nav\"}},[_c('template',{slot:\"title\"},[_c('span',[_vm._v(\"This is the number of legs in your study \"),_c('strong',[_vm._v(\"including Control\")]),_vm._v(\".\")])]),_c('a-icon',{attrs:{\"type\":\"info-circle\"}})],2)],1),_c('a-select',{key:Math.random(),staticClass:\"fullWidth\",class:{\n            'error-field':\n              _vm.conciergeVersions === null && _vm.formValidations.length > 0,\n          },attrs:{\"option-filter-prop\":\"children\",\"placeholder\":\"Select number of tests\",\"default-value\":_vm.conciergeVersions || undefined},on:{\"change\":function($event){_vm.conciergeVersions = $event}}},_vm._l(([1, 2, 3, 4, '5+']),function(item,index){return _c('a-select-option',{key:index,attrs:{\"value\":item}},[_vm._v(\" \"+_vm._s(item)+\" \")])}),1)],1)],1):_c('div',{staticClass:\"concierge-modal__info flex items-center justify-center\"},[(_vm.conciergeModalLoading)?_c('Loader',{attrs:{\"text\":\"Please wait, your data will be saved soon...\",\"contentPosition\":\"vertical\"}}):_c('div',{staticClass:\"concierge-modal__info-success\"},[_c('p',[_vm._v(\"Your request is successfully sent.\")]),_c('a',{attrs:{\"href\":\"#\"}},[_vm._v(\"Go to Dashboard\")])])],1),_c('div',{staticClass:\"concierge-modal__chat flex items-center flex-col\"},[_c('p',[_c('span',[_vm._v(\"OR\")])]),_c('div',[_c('a',{staticClass:\"btn-teams-chat flex items-center justify-center\",attrs:{\"target\":\"_blank\",\"href\":\"https://teams.microsoft.com/l/message/19:WwjKEmUXIAbR-bwR18w8rTSSCYHV8TOrFH440_LnnlM1@thread.tacv2/1689246846667?tenantId=1ca0aff4-f44d-4645-8f6d-b49dd858ae14&groupId=a8180bd2-6ee9-410e-8c41-68ddfc46f7b1&parentMessageId=1689246846667&teamName=P%26G S365 Support&channelName=&createdTime=1689246846667\"}},[_c('i'),_vm._v(\"Live Chat\")])])]),_c('a-row',{staticClass:\"mt-10\",attrs:{\"gutter\":16}},[_c('a-col',{attrs:{\"span\":12}},[(_vm.formValidations.length > 0)?_c('ul',{staticClass:\"validation-list validation-list--basic\"},_vm._l((_vm.formValidations),function(item,index){return _c('li',{key:index},[_vm._v(\" \"+_vm._s(item)+\" \")])}),0):_vm._e()]),_c('a-col',{staticClass:\"flex justify-end\",attrs:{\"span\":12}},[_c('a-button',{staticClass:\"flex items-center mr-10\",on:{\"click\":function($event){_vm.conciergeModal = false}}},[_c('span',[_vm._v(\"Cancel\")])]),_c('a-button',{attrs:{\"type\":\"primary\",\"disabled\":_vm.conciergeModalLoading || _vm.conciergeRequestSent},on:{\"click\":_vm.saveConcierge}},[_vm._v(\" Submit \")])],1)],1)],1),_c('a-modal',{attrs:{\"title\":\"Total price\",\"visible\":_vm.totalPriceModal,\"footer\":null,\"width\":550},on:{\"cancel\":function($event){_vm.totalPriceModal = false}}},[_c('p',{domProps:{\"innerHTML\":_vm._s(_vm.priceInfoContent)}}),_c('div',{staticClass:\"flex justify-end\"},[_c('a-button',{on:{\"click\":function($event){_vm.totalPriceModal = false}}},[_vm._v(\"Cancel\")])],1)])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div\n    class=\"authorBtnSection\"\n    :class=\"{ 'authorBtnSection--fixed': generalNaviBar }\"\n  >\n    <div class=\"flex items-center price-wrapper\">\n      <div class=\"price flex items-center mr-10\" v-if=\"!generalNaviBar\">\n        <span class=\"mob-hide\" id=\"bottomNavPriceTitle\"\n          >Total price so far:\n        </span>\n        <span class=\"mob-show\">Price: </span>\n        <i\n          v-if=\"showPriceLoader && stepsType !== 'pack'\"\n          class=\"circle-loader ml-5\"\n        ></i>\n        <i v-else-if=\"getPriceLoader\" class=\"circle-loader ml-5\"></i>\n\n        <div id=\"bottomNavPrice\" v-else>\n          <template>\n            <span v-if=\"$route.meta.hidePrice\" class=\"pl-5\"> / </span>\n            <span v-else class=\"pl-5\">\n              ${{\n                stepsType === \"pack\"\n                  ? formatPrice(getPackTestPrice)\n                  : formatPrice(getTotalPrice)\n              }}\n            </span>\n          </template>\n        </div>\n\n        <div class=\"ml-10\" v-if=\"conciergeAssistance\" id=\"bottomNavPriceInfo\">\n          <a-tooltip placement=\"top\" overlayClassName=\"ant-tooltip--step-nav\">\n            <template slot=\"title\">\n              <span\n                >Total price is a dynamic calculation that ensures a readable\n                sample base for fully assessing your pack designs and\n                communication objectives. This price is impacted by number of\n                legs, number of deep dives and the specific category.\n                <span\n                  v-if=\"priceInfoContent !== null && priceInfoContent !== ''\"\n                  >For more information, please follow\n                  <u @click=\"totalPriceModal = true\" class=\"cursor-pointer\"\n                    >this link</u\n                  >.</span\n                >\n              </span>\n            </template>\n\n            <a-icon type=\"info-circle\" />\n          </a-tooltip>\n        </div>\n      </div>\n\n      <div\n        class=\"checking-feasibility flex items-center pl-15\"\n        v-if=\"stepsType === 'pack'\"\n      >\n        <span v-if=\"getCheckingFeasibilityLoader\" class=\"flex items-center\"\n          ><i class=\"circle-loader ml-5\"></i> Checking feasibility...\n        </span>\n        <span v-if=\"getFeasibilitySuccess && !getCheckingFeasibilityLoader\">\n          <font-awesome-icon icon=\"check\" />\n          Fully Feasible\n        </span>\n        <span\n          v-if=\"\n            getFeasibilitySuccess === false && !getCheckingFeasibilityLoader\n          \"\n        >\n          <svg\n            class=\"close\"\n            width=\"24px\"\n            height=\"24px\"\n            viewBox=\"0 0 24 24\"\n            fill=\"none\"\n          >\n            <path\n              d=\"M6.22566 4.81096C5.83514 4.42044 5.20197 4.42044 4.81145 4.81096C4.42092 5.20148 4.42092 5.83465 4.81145 6.22517L10.5862 11.9999L4.81151 17.7746C4.42098 18.1651 4.42098 18.7983 4.81151 19.1888C5.20203 19.5793 5.8352 19.5793 6.22572 19.1888L12.0004 13.4141L17.7751 19.1888C18.1656 19.5793 18.7988 19.5793 19.1893 19.1888C19.5798 18.7983 19.5798 18.1651 19.1893 17.7746L13.4146 11.9999L19.1893 6.22517C19.5799 5.83465 19.5799 5.20148 19.1893 4.81096C18.7988 4.42044 18.1657 4.42044 17.7751 4.81096L12.0004 10.5857L6.22566 4.81096Z\"\n              fill=\"black\"\n            />\n          </svg>\n          Feasibility not confirmed.\n          <u @click=\"conciergeModal = true\" class=\"cursor-pointer\">\n            Contact Us</u\n          >\n        </span>\n      </div>\n    </div>\n\n    <div class=\"btn-help\" v-if=\"conciergeAssistance\" id=\"bottomNavSupportBtn\">\n      <a-button\n        size=\"large\"\n        @click=\"conciergeModal = true\"\n        class=\"flex items-center justify-center\"\n      >\n        <i></i>\n        <span>Support</span>\n      </a-button>\n    </div>\n    <div class=\"btns position-r\" v-if=\"!generalNaviBar\">\n      <a-tooltip placement=\"top\" overlayClassName=\"ant-tooltip--step-nav\">\n        <template slot=\"title\" v-if=\"prevBtnTooltip !== '' && !prevDisable\">\n          <span>{{ prevBtnTooltip }}</span>\n        </template>\n        <a-button\n          id=\"bottomNavPrevBtn\"\n          size=\"large\"\n          @click=\"prevStep\"\n          :disabled=\"prevDisable\"\n          v-if=\"!hidePrevButton\"\n          ><font-awesome-icon class=\"mob-show\" icon=\"arrow-left\" />\n          <span class=\"mob-hide\">Previous</span>\n        </a-button>\n      </a-tooltip>\n\n      <a-button\n        size=\"large\"\n        id=\"bottomNavCancelBtn\"\n        @click=\"$emit('cancel:draft')\"\n        v-if=\"cancelButton\"\n      >\n        Cancel\n      </a-button>\n\n      <a-tooltip placement=\"top\" overlayClassName=\"ant-tooltip--step-nav\">\n        <template slot=\"title\" v-if=\"nextBtnTooltip !== '' && !nextDisable\">\n          <span>{{ nextBtnTooltip }}</span>\n        </template>\n        <a-button\n          type=\"primary\"\n          size=\"large\"\n          @click=\"nextStep\"\n          :disabled=\"nextDisable\"\n          :class=\"{ 'pointer-events-none': loading }\"\n          id=\"bottomNavNextBtn\"\n        >\n          <template v-if=\"!loading\">\n            <span v-show=\"!isEnd\">Next</span>\n            <span v-show=\"isEnd\"\n              ><template v-if=\"accountPaymentType === 'Invoiced'\"\n                >Launch</template\n              ><template v-else>\n                <span>Pay and Launch</span>\n              </template>\n            </span>\n          </template>\n          <i class=\"circle-loader\" v-else></i>\n        </a-button>\n      </a-tooltip>\n\n      <div class=\"btns__loading-message\" v-if=\"loading\">\n        Please wait. We're checking the feasibility of your study.\n      </div>\n    </div>\n    <a-modal\n      title=\"Concierge Assistance\"\n      :visible=\"conciergeModal\"\n      @cancel=\"conciergeModal = false\"\n      :afterClose=\"closeConciergeModal\"\n      :footer=\"null\"\n      :width=\"350\"\n      class=\"concierge-modal\"\n    >\n      <p class=\"mb-20\">\n        If you'd like, you can hand off the configuration of your study to an\n        expert from the Hotspex team! Please provide a couple of details about\n        your project and an explanation of the research objectives.\n      </p>\n      <a-row\n        :gutter=\"16\"\n        v-if=\"!conciergeModalLoading && !conciergeRequestSent\"\n      >\n        <a-col :span=\"24\" class=\"large-field\">\n          <div class=\"flex items-center\">\n            <label class=\"lineLable\">Number of SKUs</label>\n            <a-tooltip placement=\"top\" overlayClassName=\"ant-tooltip--step-nav\">\n              <template slot=\"title\">\n                <span\n                  >This is the number of packs that will be changing on each\n                  shelf.</span\n                >\n              </template>\n              <a-icon type=\"info-circle\" />\n            </a-tooltip>\n          </div>\n          <a-input-number\n            class=\"fullWidth\"\n            size=\"large\"\n            type=\"number\"\n            :min=\"1\"\n            :max=\"100000\"\n            v-model=\"conciergeSKUs\"\n            placeholder=\"Insert number of SKUs\"\n            :class=\"{\n              'error-field':\n                conciergeSKUs === null && formValidations.length > 0,\n            }\"\n        /></a-col>\n        <a-col :span=\"24\" class=\"large-field\">\n          <div class=\"flex items-center\">\n            <label class=\"lineLable\">Number of tests</label>\n            <a-tooltip placement=\"top\" overlayClassName=\"ant-tooltip--step-nav\">\n              <template slot=\"title\">\n                <span\n                  >This is the number of legs in your study\n                  <strong>including Control</strong>.</span\n                >\n              </template>\n              <a-icon type=\"info-circle\" />\n            </a-tooltip>\n          </div>\n          <a-select\n            class=\"fullWidth\"\n            option-filter-prop=\"children\"\n            placeholder=\"Select number of tests\"\n            :key=\"Math.random()\"\n            @change=\"conciergeVersions = $event\"\n            :default-value=\"conciergeVersions || undefined\"\n            :class=\"{\n              'error-field':\n                conciergeVersions === null && formValidations.length > 0,\n            }\"\n          >\n            <a-select-option\n              v-for=\"(item, index) in [1, 2, 3, 4, '5+']\"\n              :key=\"index\"\n              :value=\"item\"\n            >\n              {{ item }}\n            </a-select-option>\n          </a-select></a-col\n        >\n      </a-row>\n\n      <div\n        v-else\n        class=\"concierge-modal__info flex items-center justify-center\"\n      >\n        <Loader\n          v-if=\"conciergeModalLoading\"\n          text=\"Please wait, your data will be saved soon...\"\n          contentPosition=\"vertical\"\n        ></Loader>\n        <div v-else class=\"concierge-modal__info-success\">\n          <p>Your request is successfully sent.</p>\n          <a href=\"#\">Go to Dashboard</a>\n        </div>\n      </div>\n      <div class=\"concierge-modal__chat flex items-center flex-col\">\n        <p><span>OR</span></p>\n        <div>\n          <a\n            target=\"_blank\"\n            class=\"btn-teams-chat flex items-center justify-center\"\n            href=\"https://teams.microsoft.com/l/message/19:WwjKEmUXIAbR-bwR18w8rTSSCYHV8TOrFH440_LnnlM1@thread.tacv2/1689246846667?tenantId=1ca0aff4-f44d-4645-8f6d-b49dd858ae14&groupId=a8180bd2-6ee9-410e-8c41-68ddfc46f7b1&parentMessageId=1689246846667&teamName=P%26G S365 Support&channelName=&createdTime=1689246846667\"\n            ><i></i>Live Chat</a\n          >\n        </div>\n      </div>\n      <a-row :gutter=\"16\" class=\"mt-10\">\n        <a-col :span=\"12\">\n          <ul\n            class=\"validation-list validation-list--basic\"\n            v-if=\"formValidations.length > 0\"\n          >\n            <li v-for=\"(item, index) in formValidations\" :key=\"index\">\n              {{ item }}\n            </li>\n          </ul>\n        </a-col>\n        <a-col :span=\"12\" class=\"flex justify-end\">\n          <a-button\n            class=\"flex items-center mr-10\"\n            @click=\"conciergeModal = false\"\n          >\n            <span>Cancel</span>\n          </a-button>\n          <a-button\n            type=\"primary\"\n            @click=\"saveConcierge\"\n            :disabled=\"conciergeModalLoading || conciergeRequestSent\"\n          >\n            Submit\n          </a-button></a-col\n        >\n      </a-row>\n    </a-modal>\n    <a-modal\n      title=\"Total price\"\n      :visible=\"totalPriceModal\"\n      @cancel=\"totalPriceModal = false\"\n      :footer=\"null\"\n      :width=\"550\"\n    >\n      <p v-html=\"priceInfoContent\"></p>\n      <div class=\"flex justify-end\">\n        <a-button @click=\"totalPriceModal = false\">Cancel</a-button>\n      </div>\n    </a-modal>\n  </div>\n</template>\n\n<script>\nimport { mutations, store } from \"@/utils/store.js\";\nimport * as wsUtils from \"@/utils/wsUtils.js\";\nimport * as jsUtils from \"@/utils/jsUtils.js\";\nimport Loader from \"@/components/general/Loader.vue\";\nimport surveyPriceMixin from \"@/mixins/surveyPriceCalculation.js\";\nimport priceFormating from \"@/mixins/priceFormating.js\";\n\nexport default {\n  name: \"StepNaviBar\",\n  components: {\n    Loader,\n  },\n  mixins: [surveyPriceMixin, priceFormating],\n  props: {\n    stepIndex: Number,\n    nextDisable: Boolean,\n    prevDisable: Boolean,\n    isEnd: Boolean,\n    accountPaymentType: String,\n    loading: Boolean,\n    cancelButton: Boolean,\n    stepsType: {\n      type: String,\n      default() {\n        return \"video\";\n      },\n    },\n    prevBtnTooltip: {\n      type: String,\n      default() {\n        return \"\";\n      },\n    },\n    nextBtnTooltip: {\n      type: String,\n      default() {\n        return \"\";\n      },\n    },\n    conciergeAssistance: {\n      type: Boolean,\n      default() {\n        return false;\n      },\n    },\n    generalNaviBar: {\n      type: Boolean,\n      default() {\n        return false;\n      },\n    },\n  },\n  data() {\n    return {\n      totalPrice: 0,\n      confirmedPrice: 0,\n      showPriceLoader: true,\n      conciergeModal: false,\n      conciergeSKUs: null,\n      conciergeVersions: null,\n      conciergeModalLoading: false,\n      conciergeRequestSent: false,\n      formValidations: [],\n      user: {\n        dashboardURL: \"\",\n      },\n      totalPriceModal: false,\n      priceInfoContent: null,\n    };\n  },\n  methods: {\n    setActiveChatBtn() {\n      this.conciergeModal = false;\n      document.getElementById(\"silc-btn\").classList.add(\"active\");\n      this.removeActiveChatBtn();\n    },\n    removeActiveChatBtn() {\n      document\n        .getElementById(\"silc-btn\")\n        .addEventListener(\"click\", function () {\n          document.getElementById(\"silc-btn\").classList.remove(\"active\");\n        });\n    },\n    nextStep() {\n      this.$emit(\"nextHandler\");\n    },\n    prevStep() {\n      this.$emit(\"prevHandler\");\n    },\n    getSurveyData() {\n      let wsType;\n\n      if (this.stepsType === \"pack\") {\n        wsType = \"GetPackTestSurveyDetails\";\n      } else if (this.stepsType === \"Reticle Alignment Test\") {\n        wsType = \"GetSurveyStimReticle\";\n      } else {\n        wsType = \"GetCombineSurveyDetails\";\n      }\n\n      const surveyPromise = new Promise((resolve) => {\n        wsUtils[wsType](\n          {\n            SurveyID: this.$route.params.id,\n            SurveyTypeID: jsUtils.getSurveyTypeId(),\n          },\n          resolve\n        );\n      });\n      surveyPromise.then((data) => {\n        jsUtils.setEditableSurvey(data);\n\n        if (\n          jsUtils.getPackTestPrice() === undefined &&\n          this.stepsType === \"pack\"\n        ) {\n          this.setPackTestPriceInfo(data);\n        }\n        if (this.stepsType === \"pack\") {\n          this.getPackTestTotalPrice();\n        }\n      });\n    },\n    closeConciergeModal() {\n      this.formValidations = [];\n      this.conciergeModalLoading = false;\n      this.conciergeRequestSent = false;\n      this.conciergeSKUs = null;\n      this.conciergeVersions = null;\n    },\n    sendConciergeRequest() {\n      const conciergeRequest = new Promise((resolve) => {\n        wsUtils.ConciergeRequest(\n          {\n            sucks: this.conciergeSKUs,\n            versions: this.conciergeVersions,\n            preferedContact: \"Email\",\n            UserId: this.user.EncrypteduserID,\n            SurveyID: this.$route.params.id,\n          },\n          resolve\n        );\n      });\n\n      conciergeRequest.then((data) => {\n        if (data.success) {\n          setTimeout(() => {\n            this.conciergeModalLoading = false;\n            this.conciergeRequestSent = true;\n          }, 1000);\n        }\n      });\n    },\n    saveConcierge() {\n      this.formValidations = [];\n      if (this.conciergeSKUs === null || this.conciergeVersions === null) {\n        this.formValidations.push(\"All fields are required.\");\n      } else {\n        this.conciergeModalLoading = true;\n        this.sendConciergeRequest();\n      }\n    },\n    setPackTestPriceInfo(surveyDetails) {\n      let comObjects;\n      if (surveyDetails.SurveyConfig.CommunicationObjective1 !== 0) {\n        comObjects = 1;\n      }\n      if (\n        surveyDetails.SurveyConfig.CommunicationObjective1 !== 0 &&\n        surveyDetails.SurveyConfig.CommunicationObjective2 !== 0\n      ) {\n        comObjects = 2;\n      }\n\n      let totalLegs = surveyDetails.selectedProducts.filter(\n        (e) => e.FriendlyName !== \"Control\" && !e.IsOldShelf\n      );\n\n      const surveyType = jsUtils.readCookie(\"survey-type\");\n      const extraLeg = surveyType === \"packtestextend\" ? 0 : 1;\n      const setTotalLegs =\n        totalLegs.length !== 0\n          ? totalLegs.length /\n              (surveyDetails.selectedProducts.length - totalLegs.length) +\n            extraLeg\n          : 1;\n      let packTestPriceSetData = {\n        surveyId: this.$route.params.id,\n        explicitSamplePerDeepDive: surveyDetails.audience.sampleSize,\n        legs: setTotalLegs,\n        deepDive: surveyDetails.deepDiveProducts.length,\n        compDeepDive: surveyDetails.competitvedeepDiveProducts.length,\n        comObjects: comObjects,\n        isCustom: surveyDetails.SurveyConfig.packTestType === \"custom\",\n      };\n      jsUtils.setPackTestPrice(packTestPriceSetData);\n    },\n    getPriceInfoContent() {\n      const GetPriceInfo = new Promise((resolve) => {\n        wsUtils.GetPriceInfo(\n          {\n            accountId: this.user.AccountId,\n          },\n          resolve\n        );\n      });\n\n      GetPriceInfo.then((data) => {\n        this.priceInfoContent = data.PriceInfoText;\n      });\n    },\n  },\n  computed: {\n    getStoreSurveyPrice() {\n      return JSON.stringify(store.surveyPrice);\n    },\n    getTotalPrice() {\n      return store.surveyTotalPrice;\n    },\n    getPackTestPrice() {\n      return store.surveyPackTestPrice;\n    },\n    getCheckingFeasibilityLoader() {\n      return store.checkingFeasibilityLoader.length > 0;\n    },\n    getPriceLoader() {\n      return store.priceLoader.length > 0;\n    },\n    getFeasibilitySuccess() {\n      return store.feasibilitySuccess;\n    },\n    hidePrevButton() {\n      return this.stepIndex === 1 ||\n        (this.user.dashboardURL !== \"\" &&\n          this.stepIndex === 2 &&\n          this.stepsType === \"pack\")\n        ? true\n        : false;\n    },\n  },\n  mounted() {\n    this.user = jsUtils.getUserInfo();\n    this.getPriceInfoContent();\n  },\n  activated() {\n    mutations.setSurveyPrice(this.$route.params.id, \"SurveyId\");\n    // this.loading = false;\n    setTimeout(() => {\n      this.showPriceLoader = false;\n    }, 1500);\n    setTimeout(() => {\n      if (!this.generalNaviBar) {\n        this.getSurveyData();\n      }\n    }, 0);\n  },\n};\n</script>\n\n<style lang=\"scss\" scoped>\n.price-wrapper {\n  @media screen and (max-width: 800px) {\n    flex-direction: column;\n    align-items: flex-start;\n    .checking-feasibility {\n      padding-left: 0;\n      font-size: 12px;\n    }\n  }\n}\n.price {\n  font-size: 15px;\n  @media screen and (max-width: 800px) {\n    font-size: 14px;\n  }\n}\n.checking-feasibility {\n  font-size: 15px;\n  span {\n    display: flex;\n    align-items: center;\n    u {\n      padding-left: 4px;\n    }\n  }\n  svg {\n    width: 12px;\n    margin-right: 4px;\n    &.fa-check {\n      color: #47e647;\n    }\n    &.close {\n      width: 18px;\n      height: 18px;\n      margin-right: 1px;\n      stroke: #f55b5b;\n      path {\n        fill: #f55b5b;\n      }\n      @media screen and (max-width: 800px) {\n        width: 12px;\n        height: 12px;\n      }\n    }\n  }\n}\n.btn-help {\n  position: absolute;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 76px;\n  height: 60px;\n  background: url(\"data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' viewBox='0 0 1000 1000' %3E%3Cpath fill='%23fff' d='M10 265.91c0 71.46 18.63 150.06 51.04 215.91 70.69 143.94 207.23 243.47 366.99 268.22 36.75 5.62 107.44 5.62 143.43 0 117.39-18.37 223.05-76.31 298.08-163.59 54.62-63.8 92.13-138.58 108.72-217.44 6.89-33.43 11.74-76.05 11.74-104.63v-18.63H10v20.16z' /%3E%3C/svg%3E\");\n  background-size: cover;\n  background-position: 0px -19px;\n  @media screen and (max-width: 800px) {\n    width: 64px;\n    background-position: 0px -20px;\n  }\n  .ant-btn {\n    min-width: auto;\n    width: 66px;\n    height: 66px;\n    border-radius: 50%;\n    background: #4318ff;\n    position: absolute;\n    flex-direction: column;\n    border: 3px solid #3ca1ff;\n    left: 50%;\n    margin-left: 0;\n    top: -32px;\n    transform: translateX(-50%);\n    z-index: 1;\n    box-shadow: 0px 0px 10px 3px rgba(0, 0, 0, 0.13);\n    @media screen and (max-width: 800px) {\n      width: 56px;\n      height: 56px;\n    }\n    svg {\n      width: 26px;\n      fill: #fff;\n      margin-bottom: 2px;\n      margin-top: 0px;\n      @media screen and (max-width: 800px) {\n        margin-right: 0;\n      }\n    }\n\n    i {\n      width: 30px;\n      height: 30px;\n      display: block;\n      background: url(\"/images/support_icon.png\") center no-repeat;\n      background-size: contain;\n      @media screen and (max-width: 800px) {\n        width: 26px;\n        height: 26px;\n      }\n    }\n\n    span {\n      font-size: 10px;\n      color: #fff;\n      font-weight: 500;\n      text-transform: uppercase;\n      @media screen and (max-width: 800px) {\n        font-size: 9px;\n      }\n    }\n\n    &:hover {\n      box-shadow: 0px 0px 9px 3px rgba(0, 0, 0, 0.16);\n    }\n  }\n}\n\n.concierge-modal {\n  &__info {\n    height: 237px;\n    border: 1px solid #e9e9e9;\n    border-radius: 4px;\n    font-size: 12px;\n  }\n  &__info-success {\n    text-align: center;\n    p {\n      font-size: 18px;\n      background: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M10 0C4.5 0 0 4.5 0 10s4.5 10 10 10 10-4.5 10-10S15.5 0 10 0ZM8 15l-5-5 1.4-1.4L8 12.2l7.6-7.6L17 6l-9 9Z' fill='%2329dbb7' fill-rule='evenodd'/%3E%3C/svg%3E\")\n        no-repeat center 0 #fff;\n      background-size: 26px;\n      padding-top: 30px;\n    }\n    a {\n      font-size: 14px;\n      text-decoration: underline;\n      color: var(--hsblue);\n    }\n  }\n  &__chat {\n    margin-bottom: 21px;\n    padding-bottom: 34px;\n    border-bottom: 1px solid #f0f0f0;\n    p {\n      position: relative;\n      text-align: center;\n      width: 100%;\n      &::before {\n        position: absolute;\n        left: 0;\n        width: 100%;\n        top: 10px;\n        content: \"\";\n        border-bottom: 1px solid #f0f0f0;\n      }\n      span {\n        background: #fff;\n        z-index: 1;\n        position: relative;\n        padding: 0 7px;\n      }\n    }\n  }\n}\n\n.btns {\n  &__loading-message {\n    position: absolute;\n    bottom: calc(100% + 20px);\n    background: #fff;\n    padding: 10px 15px;\n    background: #fff;\n    color: var(--darkGrey);\n    border-radius: 2px;\n    box-shadow: 0 4px 12px #00000026;\n    font-size: 14px;\n    text-align: left;\n    line-height: 19px;\n    width: 270px;\n    right: 0;\n    &:after {\n      position: absolute;\n      right: 53px;\n      transform: translate(-50%, 3px);\n      bottom: -3px;\n      content: \"\";\n      width: 0;\n      height: 0;\n      border-left: 10px solid transparent;\n      border-right: 10px solid transparent;\n      border-top: 10px solid #fff;\n      transition: all 0.2s ease;\n    }\n  }\n}\n</style>\n\n<style lang=\"scss\">\n.ant-tooltip {\n  &--step-nav {\n    .ant-tooltip-inner {\n      font-size: 12px;\n      min-height: auto;\n      color: #000;\n      background: #fff;\n      border: 1px solid #ffffff;\n      box-shadow: 0 0px 10px 5px rgba(0, 0, 0, 0.1);\n      padding: 8px 8px 6px;\n    }\n    .ant-tooltip-arrow {\n      &:before {\n        background: #fff;\n      }\n    }\n    .ant-tooltip-content {\n      border: 1px solid #e7e7e7;\n      border-radius: 4px;\n    }\n  }\n}\n</style>\n","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!./StepNaviBar.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!./StepNaviBar.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./StepNaviBar.vue?vue&type=template&id=4b691e21&scoped=true&\"\nimport script from \"./StepNaviBar.vue?vue&type=script&lang=js&\"\nexport * from \"./StepNaviBar.vue?vue&type=script&lang=js&\"\nimport style0 from \"./StepNaviBar.vue?vue&type=style&index=0&id=4b691e21&lang=scss&scoped=true&\"\nimport style1 from \"./StepNaviBar.vue?vue&type=style&index=1&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  \"4b691e21\",\n  null\n  \n)\n\nexport default component.exports","<template>\n  <div class=\"videoAds\">\n    <a-breadcrumb class=\"breadcrum\">\n      <a-breadcrumb-item\n        ><a href=\"/\">{{ client.ClientName }}</a></a-breadcrumb-item\n      >\n      <a-breadcrumb-item><a href=\"/products\">Products</a></a-breadcrumb-item>\n      <a-breadcrumb-item>{{ $route.meta.surveyTitle }}</a-breadcrumb-item>\n    </a-breadcrumb>\n    <div class=\"authoring\">\n      <ProgressBar\n        :stepIndex=\"stepIndex\"\n        :surveyID=\"surveyID\"\n        stepsType=\"video\"\n      />\n      <section class=\"stepAuthor\">\n        <div class=\"questions\">\n          <a-divider>Custom Questions</a-divider>\n          <!-- custom question -->\n          <div class=\"custom\">\n            <p class=\"brief\" v-html=\"langObj['s4-cQues'].quiz\"></p>\n            <a-button class=\"custAntBtn\" @click=\"addCustomQuestionModal = true\">\n              Add custom question\n            </a-button>\n          </div>\n\n          <QuestionsListPreview\n            v-if=\"\n              customQuestionsList !== null &&\n              customQuestionsList.CustomQuestions.length\n            \"\n            :questionsList=\"customQuestionsList.CustomQuestions\"\n            :langObj=\"langObj\"\n            :questionSettings=\"true\"\n            :loading=\"questionsConfig.loadingNewQuestions\"\n            @deleteCustomQuestions=\"deleteCustomQuestions\"\n            @editQuestion=\"editQuestion\"\n          ></QuestionsListPreview>\n        </div>\n        <CompletionProgress :checkList=\"quizs\"></CompletionProgress>\n      </section>\n      <StepNaviBar\n        :stepIndex=\"stepIndex\"\n        :nextDisable=\"!brandStatus || !cogniStatus\"\n        @nextHandler=\"nextStep\"\n        :prevDisable=\"false\"\n        @prevHandler=\"prevStep\"\n        prevBtnTooltip=\"Back to Brand Strategy\"\n        nextBtnTooltip=\"Go to Launch\"\n      />\n    </div>\n\n    <a-modal\n      :title=\"questionsModalTitle\"\n      :visible=\"addCustomQuestionModal\"\n      :width=\"questionsConfig.editMode ? 650 : 800\"\n      okText=\"Save\"\n      :okButtonProps=\"{\n        props: { disabled: !questionsData.CustomQuestions.length },\n      }\"\n      :footer=\"null\"\n      @cancel=\"closeQuestionBuilder\"\n      :destroyOnClose=\"true\"\n      wrapClassName=\"ant-modal--custom-questions\"\n    >\n      <div class=\"choose-questions-nav\" v-if=\"!questionsConfig.editMode\">\n        <a-button\n          @click=\"\n            (questionsConfig.activeMode = 'builder'),\n              (questionsConfig.activeBuilder = questionsConfig.type)\n          \"\n          :type=\"questionsConfig.activeMode === 'builder' ? 'primary' : ''\"\n          v-html=\"langObj['s4-customQuestions'].modalTab1\"\n        ></a-button>\n        <a-button\n          @click=\"\n            (questionsConfig.activeMode = 'examples'),\n              (questionsConfig.activeBuilder = null)\n          \"\n          :type=\"questionsConfig.activeMode === 'examples' ? 'primary' : ''\"\n          v-html=\"langObj['s4-customQuestions'].modalTab2\"\n        ></a-button>\n      </div>\n      <div\n        class=\"choose-questions\"\n        :class=\"{ 'choose-questions--edit': questionsConfig.editMode }\"\n      >\n        <div class=\"choose-questions__types\" v-if=\"!questionsConfig.editMode\">\n          <a-radio-group\n            v-model=\"questionsConfig.type\"\n            disable\n            :class=\"{\n              'ant-radio-group--border-b': questionsData.CustomQuestions.length,\n              'ant-radio-group--disabled':\n                questionsConfig.previewQuestionsList ||\n                questionsConfig.editMode,\n            }\"\n          >\n            <a-radio\n              :style=\"questionsConfig.radioBtnTypesStyle\"\n              selected\n              value=\"text\"\n            >\n              <span\n                v-html=\"langObj['s4-customQuestions'].modalQuestionType1\"\n              ></span>\n            </a-radio>\n            <a-radio\n              :style=\"questionsConfig.radioBtnTypesStyle\"\n              selected\n              value=\"essay\"\n            >\n              <span\n                v-html=\"langObj['s4-customQuestions'].modalQuestionType6\"\n              ></span>\n            </a-radio>\n            <a-radio :style=\"questionsConfig.radioBtnTypesStyle\" value=\"radio\">\n              <span\n                v-html=\"langObj['s4-customQuestions'].modalQuestionType2\"\n              ></span>\n            </a-radio>\n            <a-radio\n              :style=\"questionsConfig.radioBtnTypesStyle\"\n              value=\"checkbox\"\n            >\n              <span\n                v-html=\"langObj['s4-customQuestions'].modalQuestionType3\"\n              ></span>\n            </a-radio>\n            <a-radio\n              :style=\"questionsConfig.radioBtnTypesStyle\"\n              value=\"rank-dragdrop\"\n            >\n              <span\n                v-html=\"langObj['s4-customQuestions'].modalQuestionType4\"\n              ></span>\n            </a-radio>\n            <a-radio\n              :style=\"questionsConfig.radioBtnTypesStyle\"\n              value=\"table-radio\"\n            >\n              <span\n                v-html=\"langObj['s4-customQuestions'].modalQuestionType7\"\n              ></span>\n            </a-radio>\n            <a-radio\n              :style=\"questionsConfig.radioBtnTypesStyle\"\n              value=\"table-checkbox\"\n            >\n              <span\n                v-html=\"langObj['s4-customQuestions'].modalQuestionType5\"\n              ></span>\n            </a-radio>\n          </a-radio-group>\n        </div>\n        <div class=\"choose-questions__preview\">\n          <template>\n            <QuestionsTypePreview\n              v-if=\"questionsConfig.type === 'text'\"\n              :title=\"langObj['s4-customQuestions'].modalQuestionType1\"\n              :subTitle=\"langObj['s4-customQuestions'].modalTextQIntro\"\n              :exampleQuestionText=\"\n                langObj['s4-customQuestions'].modalTextQExampleLabel\n              \"\n              :description=\"\n                langObj['s4-customQuestions'].modalTextQDetailsLabel\n              \"\n              :builderMode=\"\n                questionsConfig.type === 'text' &&\n                questionsConfig.activeBuilder === 'text'\n                  ? true\n                  : false\n              \"\n              :editMode=\"questionsConfig.editMode\"\n              :langObj=\"langObj\"\n            >\n              <TextTypeBuilder\n                v-if=\"\n                  questionsConfig.type === 'text' &&\n                  questionsConfig.activeBuilder === 'text'\n                \"\n                @question-data=\"setQuestionData\"\n                @question-builde:close=\"closeQuestionBuilder\"\n                :editMode=\"questionsConfig.editMode\"\n                :questionInfo=\"customQuestionsList\"\n                :questionIndex=\"questionsConfig.editModeItemIndex\"\n                :langObj=\"langObj\"\n              ></TextTypeBuilder>\n              <TextTypeExample\n                :exampleQuestionText=\"\n                  langObj['s4-customQuestions'].modalTextQExampleLabel\n                \"\n                :langObj=\"langObj\"\n                :questionSettings=\"false\"\n                v-else\n              ></TextTypeExample>\n            </QuestionsTypePreview>\n            <QuestionsTypePreview\n              v-if=\"questionsConfig.type === 'essay'\"\n              :title=\"langObj['s4-customQuestions'].modalQuestionType6\"\n              :subTitle=\"langObj['s4-customQuestions'].modalEssayQIntro\"\n              :exampleQuestionText=\"\n                langObj['s4-customQuestions'].modalEssayQExampleLabel\n              \"\n              :description=\"\n                langObj['s4-customQuestions'].modalEssayQDetailsLabel\n              \"\n              :builderMode=\"\n                questionsConfig.type === 'essay' &&\n                questionsConfig.activeBuilder === 'essay'\n                  ? true\n                  : false\n              \"\n              :editMode=\"questionsConfig.editMode\"\n              :langObj=\"langObj\"\n            >\n              <TextTypeBuilder\n                v-if=\"\n                  questionsConfig.type === 'essay' &&\n                  questionsConfig.activeBuilder === 'essay'\n                \"\n                @question-data=\"setQuestionData\"\n                @question-builde:close=\"closeQuestionBuilder\"\n                :editMode=\"questionsConfig.editMode\"\n                :questionInfo=\"customQuestionsList\"\n                :questionIndex=\"questionsConfig.editModeItemIndex\"\n                :langObj=\"langObj\"\n                type=\"essay\"\n              ></TextTypeBuilder>\n              <TextTypeExample\n                :exampleQuestionText=\"\n                  langObj['s4-customQuestions'].modalEssayQExampleLabel\n                \"\n                :langObj=\"langObj\"\n                :questionSettings=\"false\"\n                type=\"essay\"\n                v-else\n              ></TextTypeExample>\n            </QuestionsTypePreview>\n            <QuestionsTypePreview\n              v-if=\"questionsConfig.type === 'radio'\"\n              :title=\"langObj['s4-customQuestions'].modalQuestionType2\"\n              :subTitle=\"langObj['s4-customQuestions'].modalSingleQIntro\"\n              :description=\"\n                langObj['s4-customQuestions'].modalSingleQDetailsLabel\n              \"\n              :builderMode=\"\n                questionsConfig.type === 'radio' &&\n                questionsConfig.activeBuilder === 'radio'\n                  ? true\n                  : false\n              \"\n              :editMode=\"questionsConfig.editMode\"\n              :langObj=\"langObj\"\n            >\n              <MultiOptionsTypeBuilder\n                v-if=\"\n                  questionsConfig.type === 'radio' &&\n                  questionsConfig.activeBuilder === 'radio'\n                \"\n                @question-data=\"setQuestionData\"\n                @question-builde:close=\"closeQuestionBuilder\"\n                :editMode=\"questionsConfig.editMode\"\n                :questionInfo=\"customQuestionsList\"\n                :questionIndex=\"questionsConfig.editModeItemIndex\"\n                type=\"radio\"\n                sort=\"NONE\"\n                :langObj=\"langObj\"\n              ></MultiOptionsTypeBuilder>\n              <SingleChoiceExample\n                v-else\n                :exampleQuestionText=\"\n                  langObj['s4-customQuestions'].modalSingleQExampleLabel\n                \"\n              ></SingleChoiceExample>\n            </QuestionsTypePreview>\n\n            <QuestionsTypePreview\n              v-if=\"questionsConfig.type === 'checkbox'\"\n              :title=\"langObj['s4-customQuestions'].modalQuestionType3\"\n              :subTitle=\"langObj['s4-customQuestions'].modalMultiQIntro\"\n              :description=\"\n                langObj['s4-customQuestions'].modalMultiQDetailsLabel\n              \"\n              :builderMode=\"\n                questionsConfig.type === 'checkbox' &&\n                questionsConfig.activeBuilder === 'checkbox'\n                  ? true\n                  : false\n              \"\n              :editMode=\"questionsConfig.editMode\"\n              :langObj=\"langObj\"\n            >\n              <MultiOptionsTypeBuilder\n                v-if=\"\n                  questionsConfig.type === 'checkbox' &&\n                  questionsConfig.activeBuilder === 'checkbox'\n                \"\n                @question-data=\"setQuestionData\"\n                @question-builde:close=\"closeQuestionBuilder\"\n                :editMode=\"questionsConfig.editMode\"\n                :questionInfo=\"customQuestionsList\"\n                :questionIndex=\"questionsConfig.editModeItemIndex\"\n                type=\"checkbox\"\n                sort=\"SHUFFLE\"\n                :langObj=\"langObj\"\n              ></MultiOptionsTypeBuilder>\n              <MultiChoiceExample\n                v-else\n                :exampleQuestionText=\"\n                  langObj['s4-customQuestions'].modalMultiQExampleLabel\n                \"\n              ></MultiChoiceExample>\n            </QuestionsTypePreview>\n\n            <QuestionsTypePreview\n              v-if=\"questionsConfig.type === 'rank-dragdrop'\"\n              :title=\"langObj['s4-customQuestions'].modalQuestionType4\"\n              :subTitle=\"langObj['s4-customQuestions'].modalRankQIntro\"\n              :description=\"\n                langObj['s4-customQuestions'].modalRankQDetailsLabel\n              \"\n              :builderMode=\"\n                questionsConfig.type === 'rank-dragdrop' &&\n                questionsConfig.activeBuilder === 'rank-dragdrop'\n                  ? true\n                  : false\n              \"\n              :editMode=\"questionsConfig.editMode\"\n              :langObj=\"langObj\"\n            >\n              <MultiOptionsTypeBuilder\n                v-if=\"\n                  questionsConfig.type === 'rank-dragdrop' &&\n                  questionsConfig.activeBuilder === 'rank-dragdrop'\n                \"\n                @question-data=\"setQuestionData\"\n                @question-builde:close=\"closeQuestionBuilder\"\n                :editMode=\"questionsConfig.editMode\"\n                :questionInfo=\"customQuestionsList\"\n                :questionIndex=\"questionsConfig.editModeItemIndex\"\n                type=\"rank-dragdrop\"\n                sort=\"SHUFFLE\"\n                :langObj=\"langObj\"\n              ></MultiOptionsTypeBuilder>\n              <RankExample\n                v-else\n                :exampleQuestionText=\"\n                  langObj['s4-customQuestions'].modalRankQExampleLabel\n                \"\n              ></RankExample>\n            </QuestionsTypePreview>\n\n            <QuestionsTypePreview\n              v-if=\"questionsConfig.type === 'table-radio'\"\n              :title=\"langObj['s4-customQuestions'].modalQuestionType7\"\n              :subTitle=\"langObj['s4-customQuestions'].modalGridQIntro\"\n              :description=\"\n                langObj['s4-customQuestions'].modalGridQDetailsLabel\n              \"\n              :builderMode=\"\n                questionsConfig.type === 'table-radio' &&\n                questionsConfig.activeBuilder === 'table-radio'\n                  ? true\n                  : false\n              \"\n              :editMode=\"questionsConfig.editMode\"\n              :langObj=\"langObj\"\n            >\n              <GridTypeBuilder\n                v-if=\"\n                  questionsConfig.type === 'table-radio' &&\n                  questionsConfig.activeBuilder === 'table-radio'\n                \"\n                @question-data=\"setQuestionData\"\n                @question-builde:close=\"closeQuestionBuilder\"\n                :editMode=\"questionsConfig.editMode\"\n                :questionInfo=\"customQuestionsList\"\n                :questionIndex=\"questionsConfig.editModeItemIndex\"\n                :langObj=\"langObj\"\n              ></GridTypeBuilder>\n              <GridExample\n                v-else\n                :langObj=\"langObj\"\n                :exampleQuestionText=\"\n                  langObj['s4-customQuestions'].modalGridQExampleLabel\n                \"\n                type=\"table-radio\"\n              ></GridExample>\n            </QuestionsTypePreview>\n\n            <QuestionsTypePreview\n              v-if=\"questionsConfig.type === 'table-checkbox'\"\n              :title=\"langObj['s4-customQuestions'].modalQuestionType5\"\n              :subTitle=\"langObj['s4-customQuestions'].modalGridCheckboxQIntro\"\n              :description=\"\n                langObj['s4-customQuestions'].modalGridCheckboxQDetailsLabel\n              \"\n              :builderMode=\"\n                questionsConfig.type === 'table-checkbox' &&\n                questionsConfig.activeBuilder === 'table-checkbox'\n                  ? true\n                  : false\n              \"\n              :editMode=\"questionsConfig.editMode\"\n              :langObj=\"langObj\"\n            >\n              <GridTypeBuilder\n                v-if=\"\n                  questionsConfig.type === 'table-checkbox' &&\n                  questionsConfig.activeBuilder === 'table-checkbox'\n                \"\n                @question-data=\"setQuestionData\"\n                @question-builde:close=\"closeQuestionBuilder\"\n                :editMode=\"questionsConfig.editMode\"\n                :questionInfo=\"customQuestionsList\"\n                :questionIndex=\"questionsConfig.editModeItemIndex\"\n                :langObj=\"langObj\"\n                type=\"table-checkbox\"\n              ></GridTypeBuilder>\n              <GridExample\n                v-else\n                :langObj=\"langObj\"\n                :exampleQuestionText=\"\n                  langObj['s4-customQuestions'].modalGridCheckboxQExampleLabel\n                \"\n              ></GridExample>\n            </QuestionsTypePreview>\n\n            <div\n              class=\"flex justify-center\"\n              v-if=\"questionsConfig.activeBuilder === null\"\n            >\n              <a-button\n                type=\"primary\"\n                @click=\"setBuilderType\"\n                v-html=\"langObj['s4-customQuestions'].modalButton5\"\n              >\n              </a-button>\n            </div>\n          </template>\n        </div>\n      </div>\n    </a-modal>\n  </div>\n</template>\n\n<script>\nimport * as wsUtils from \"@/utils/wsUtils.js\";\nimport * as jsUtils from \"@/utils/jsUtils.js\";\nimport ProgressBar from \"@/components/videoAds/ProgressBar.vue\";\nimport StepNaviBar from \"@/components/videoAds/StepNaviBar.vue\";\nimport QuestionsTypePreview from \"@/components/questions/QuestionsTypePreview.vue\";\nimport TextTypeExample from \"@/components/questions/TextTypeExample.vue\";\nimport TextTypeBuilder from \"@/components/questions/TextTypeBuilder.vue\";\nimport SingleChoiceExample from \"@/components/questions/SingleChoiceExample.vue\";\nimport MultiChoiceExample from \"@/components/questions/MultiChoiceExample.vue\";\nimport RankExample from \"@/components/questions/RankExample.vue\";\nimport GridExample from \"@/components/questions/GridExample.vue\";\nimport QuestionsListPreview from \"@/components/questions/QuestionsListPreview.vue\";\nimport MultiOptionsTypeBuilder from \"@/components/questions/MultiOptionsTypeBuilder.vue\";\nimport GridTypeBuilder from \"@/components/questions/GridTypeBuilder.vue\";\nimport { mutations } from \"@/utils/store.js\";\nimport surveyPriceMixin from \"@/mixins/surveyPriceCalculation.js\";\nimport CompletionProgress from \"@/components/general/CompletionProgress.vue\";\n\nexport default {\n  name: \"KeyMetrics\",\n  components: {\n    ProgressBar,\n    StepNaviBar,\n    QuestionsTypePreview,\n    TextTypeExample,\n    SingleChoiceExample,\n    MultiChoiceExample,\n    RankExample,\n    GridExample,\n    TextTypeBuilder,\n    QuestionsListPreview,\n    MultiOptionsTypeBuilder,\n    GridTypeBuilder,\n    CompletionProgress,\n  },\n  mixins: [surveyPriceMixin],\n  data() {\n    return {\n      minBrand: 3,\n      maxBrand: 7,\n      minCogni: 3,\n      maxCogni: 5,\n      brands: [\n        { name: \"Nike\", filled: true },\n        { name: \"Adidas\", filled: true },\n        { name: \"Puma\", filled: true },\n        { name: \"Reebok\", filled: true },\n      ],\n      cognis: [\n        { name: \"Are light weight\", filled: true },\n        { name: \"Have a good cushion\", filled: true },\n        { name: \"Are responsive\", filled: true },\n        { name: \"Are supportive\", filled: true },\n        { name: \"Allow me to run faster\", filled: true },\n        { name: \"Are designed with me in mind\", filled: true },\n        { name: \"Are innovative\", filled: true },\n        { name: \"Help me perform better\", filled: true },\n      ],\n      stepIndex: 4,\n      surveyID: 0,\n      langObj: {},\n      client: {},\n      quizs: [],\n      addCustomQuestionModal: false,\n      questionsConfig: {\n        type: \"text\",\n        radioBtnTypesStyle: {\n          display: \"block\",\n          height: \"30px\",\n          lineHeight: \"30px\",\n        },\n        activeBuilder: \"text\",\n        previewQuestionsList: false,\n        editModeItemIndex: null,\n        editMode: false,\n        activeMode: \"builder\",\n        loadingNewQuestions: false,\n      },\n      questionsData: {\n        surveyID: null,\n        CustomQuestions: [],\n      },\n      customQuestionsList: null,\n      editableSurvey: null,\n      breadcrumbTitle: \"\",\n      user: null,\n    };\n  },\n  computed: {\n    brandStatus() {\n      if (this.brands.filter((brand) => brand.filled).length >= this.minBrand) {\n        return true;\n      } else {\n        return false;\n      }\n    },\n    cogniStatus() {\n      if (this.cognis.filter((cogni) => cogni.filled).length >= this.minCogni) {\n        return true;\n      } else {\n        return false;\n      }\n    },\n    questionsModalTitle() {\n      let title = \"Examples\";\n      if (this.questionsConfig.previewQuestionsList) {\n        title = \"My questions list\";\n      } else if (\n        this.questionsConfig.activeBuilder !== null &&\n        !this.questionsConfig.editMode\n      ) {\n        title = \"Create a question\";\n      } else if (\n        this.questionsConfig.activeBuilder !== null &&\n        this.questionsConfig.editMode\n      ) {\n        title = \"Edit a question\";\n      }\n      return title;\n    },\n  },\n  watch: {\n    brandStatus() {\n      this.updateQuiz();\n    },\n    cogniStatus() {\n      this.updateQuiz();\n    },\n    \"questionsConfig.type\": {\n      handler: function () {\n        if (!this.questionsConfig.editMode) {\n          this.questionsConfig.activeBuilder = null;\n        }\n        if (this.questionsConfig.activeMode === \"builder\") {\n          this.questionsConfig.activeBuilder = this.questionsConfig.type;\n        }\n      },\n      deep: true,\n    },\n  },\n  methods: {\n    onDeleteBrand(index) {\n      if (this.brands.length === 1) {\n        this.brands[0] = { name: \"\", filled: false };\n      } else {\n        this.brands.splice(index, 1);\n      }\n    },\n    addNewBrand(index) {\n      if (this.brands[index].name !== \"\") {\n        // there is content there\n        this.brands[index].filled = true;\n        if (this.brands.length < this.maxBrand) {\n          this.brands.push({ name: \"\", filled: false });\n          setTimeout(() => {\n            const brandInputs = document.querySelectorAll(\".brandInput input\");\n            brandInputs[this.brands.length - 1].focus();\n          }, 200);\n        }\n      }\n    },\n    pasteBrand(index, e) {\n      let clipboardData, pastedData;\n      e.stopPropagation();\n      e.preventDefault();\n\n      clipboardData = e.clipboardData || window.clipboardData;\n\n      pastedData = clipboardData.getData(\"Text\");\n      pastedData = pastedData.split(\"\\n\");\n\n      pastedData = pastedData.filter((con) => {\n        return con !== \"\" && con !== \"\\r\";\n      });\n\n      pastedData.forEach((con, i) => {\n        this.brands[index + i].name = con;\n        this.brands[index + i].filled = true;\n\n        if (this.brands.length < this.maxBrand) {\n          this.brands.push({ name: \"\", filled: false });\n        }\n      });\n    },\n    onDeleteCogni(index) {\n      if (this.cognis.length === 1) {\n        this.cognis[0] = { name: \"\", filled: false };\n      } else {\n        this.cognis.splice(index, 1);\n      }\n    },\n    pasteCogni(index, e) {\n      let clipboardData, pastedData;\n      e.stopPropagation();\n      e.preventDefault();\n\n      clipboardData = e.clipboardData || window.clipboardData;\n\n      pastedData = clipboardData.getData(\"Text\");\n      pastedData = pastedData.split(\"\\n\");\n      pastedData = pastedData.filter((con) => {\n        return con !== \"\" && con !== \"\\r\";\n      });\n\n      pastedData.forEach((con, i) => {\n        this.cognis[index + i].name = con;\n        this.cognis[index + i].filled = true;\n\n        if (this.cognis.length < this.maxCogni) {\n          this.cognis.push({ name: \"\", filled: false });\n        }\n      });\n    },\n    addNewCogni(index) {\n      if (this.cognis[index].name !== \"\") {\n        this.cognis[index].filled = true;\n        if (this.cognis.length < this.maxCogni) {\n          this.cognis.push({ name: \"\", filled: false });\n          setTimeout(() => {\n            const cogniInputs = document.querySelectorAll(\".cogniInput input\");\n            cogniInputs[this.cognis.length - 1].focus();\n          }, 200);\n        }\n      }\n    },\n    prevStep() {\n      this.$router.push({\n        name: this.$route.meta.keyMetricsPrevRoute || \"vid-brand-strategy\",\n        params: { id: this.surveyID },\n      });\n    },\n    nextStep() {\n      // call ws to save questions\n      let brandOptions = this.brands\n        .filter((brand) => brand.name !== \"\")\n        .map((brand) => {\n          return { optionText: brand.name };\n        });\n      let cogniOptions = this.cognis\n        .filter((cogni) => cogni.name !== \"\")\n        .map((cogni) => {\n          return {\n            optionText: cogni.name,\n          };\n        });\n\n      let questionObj = {\n        surveyID: this.surveyID,\n        questions: [\n          {\n            SurveyQuestionType: 4, //brand\n            QuestionOptions: brandOptions,\n          },\n          {\n            SurveyQuestionType: 6, //cogni\n            QuestionOptions: cogniOptions,\n          },\n        ],\n        userId: this.user.EncrypteduserID,\n      };\n      this.$emit(\"cogniCompleteEvent\", brandOptions, cogniOptions);\n\n      const questionsPromise = new Promise((resolve) => {\n        wsUtils.SaveStandardSurveyQuestions(questionObj, resolve);\n      });\n\n      questionsPromise.then(() => {\n        jsUtils.setSurveysApiTrigger(true);\n        this.$router.push({\n          name: this.$route.meta.keyMetricsNextRoute || \"vid-audience\",\n          params: { id: this.surveyID },\n        });\n      });\n\n      let surveySummary = {\n        customQuestions: this.customQuestionsList.CustomQuestions.map(\n          (item) => {\n            return item.questionText;\n          }\n        ),\n      };\n      let currentSummaryData = jsUtils.getSurveySummaryData();\n      jsUtils.setSurveySummaryData({ ...currentSummaryData, ...surveySummary });\n    },\n    updateQuiz() {\n      this.quizs = [\n        {\n          quizName: this.langObj[\"s4-brand\"].robot,\n          completed: this.brandStatus,\n        },\n        {\n          quizName: this.langObj[\"s4-message\"].robot,\n          completed: this.cogniStatus,\n        },\n      ];\n    },\n    setBuilderType() {\n      this.questionsConfig.activeBuilder = this.questionsConfig.type;\n      this.questionsConfig.activeMode = \"builder\";\n    },\n    setQuestionData(data, index) {\n      let questions;\n      if (index !== null && index !== undefined) {\n        this.customQuestionsList.CustomQuestions[index] = data;\n        this.questionsConfig.editModeItemIndex = null;\n        this.questionsConfig.editMode = false;\n        questions = this.customQuestionsList;\n      } else {\n        this.questionsData.CustomQuestions.push(data);\n        questions = this.questionsData;\n      }\n      this.questionsConfig.loadingNewQuestions = true;\n      this.insertCustomQuestions(questions);\n    },\n    deleteCustomQuestions(index) {\n      this.customQuestionsList.CustomQuestions.splice(index, 1);\n      this.insertCustomQuestions(this.customQuestionsList);\n    },\n    insertCustomQuestions(data) {\n      data.userId = this.user.EncrypteduserID;\n      const insertCustomQuestionPromise = new Promise((resolve) => {\n        wsUtils.InsertCustomQuestion(data, resolve);\n      });\n\n      this.addCustomQuestionModal = false;\n      this.questionsData.CustomQuestions = [];\n      this.questionsConfig.activeBuilder = \"text\";\n      this.questionsConfig.type = \"text\";\n\n      insertCustomQuestionPromise.then(() => {\n        this.questionsConfig.loadingNewQuestions = false;\n        this.getCustomQuestions();\n      });\n    },\n    editQuestion(data) {\n      this.addCustomQuestionModal = true;\n      this.questionsConfig.editMode = true;\n      this.questionsConfig.editModeItemIndex = data.index;\n      this.questionsConfig.previewQuestionsList = false;\n      this.questionsConfig.type = data.questionType;\n      this.questionsConfig.activeBuilder = data.questionType;\n    },\n    closeQuestionBuilder() {\n      this.addCustomQuestionModal = false;\n      let _this = this;\n      this.getCustomQuestions();\n\n      setTimeout(function () {\n        _this.questionsConfig.editMode = false;\n        _this.questionsConfig.activeBuilder = \"text\";\n        _this.questionsConfig.type = \"text\";\n      }, 500);\n    },\n    getCustomQuestions() {\n      const getCustomQuestionsPromise = new Promise((resolve) => {\n        wsUtils.GetCustomQuestion(this.surveyID, resolve);\n      });\n      getCustomQuestionsPromise.then((data) => {\n        this.customQuestionsList = data;\n        let questionsType = data.CustomQuestions.map((item) => {\n          return { QuestionType: item.questionType };\n        });\n        mutations.setSurveyPriceQuestion(questionsType);\n\n        let surveyPriceSetData = {\n          Question: questionsType,\n        };\n        let currentSurveyPriceData = jsUtils.getSurveyPrice();\n        jsUtils.setSurveyPrice({\n          ...currentSurveyPriceData,\n          ...surveyPriceSetData,\n        });\n        this.getSurveyTotalPrice();\n      });\n    },\n    closeCustomQuestionsModal() {\n      this.addCustomQuestionModal = false;\n      this.questionsConfig.type = \"text\";\n      this.questionsConfig.activeBuilder = null;\n      this.questionsConfig.previewQuestionsList = false;\n      this.questionsConfig.editModeItemIndex = null;\n      this.questionsConfig.editMode = false;\n    },\n    prefillStandardQuestions() {\n      this.editableSurvey = jsUtils.getEditableSurvey();\n\n      if (\n        this.editableSurvey &&\n        this.editableSurvey.QuestionDetails.length > 0\n      ) {\n        const brands = this.editableSurvey.QuestionDetails.filter(\n          (item) => item.SurveyQuestionTypeID === 4\n        );\n\n        const brandsQuestions = brands[0].QuestionOptions.map((item) => {\n          const brandItem = {\n            filled: true,\n            name: item.OptionText,\n          };\n          return brandItem;\n        });\n        this.brands.unshift(...brandsQuestions);\n\n        const key = this.editableSurvey.QuestionDetails.filter(\n          (item) => item.SurveyQuestionTypeID === 6\n        );\n        const keyMessages = key[0].QuestionOptions.map((item) => {\n          const keyItem = {\n            filled: true,\n            name: item.OptionText,\n          };\n          return keyItem;\n        });\n        this.cognis.unshift(...keyMessages);\n      }\n    },\n  },\n  activated() {\n    this.client = jsUtils.getCurClient();\n    this.user = jsUtils.getUserInfo();\n    this.surveyID = this.$route.params.id;\n    this.questionsData.surveyID = this.surveyID;\n    this.updateQuiz();\n\n    this.customQuestionsList = null;\n    this.getCustomQuestions();\n    // this.brands = [{ name: \"\", filled: false }];\n    // this.cognis = [{ name: \"\", filled: false }];\n    // this.prefillStandardQuestions();\n  },\n  created() {\n    this.langObj = jsUtils.getLangObj(\n      \"videoAuthorLang\",\n      \"/tooltip/videoAuthor.json\"\n    );\n    this.breadcrumbTitle =\n      this.$route.name !== \"pack-test-key-metrics\" ? \"Video Ad\" : \"Pack\";\n  },\n};\n</script>\n\n<style lang=\"scss\" scoped>\nsection.stepAuthor {\n  .questions {\n    padding: 2em;\n    width: 60vw;\n    border: 1px solid var(--lineGrey);\n    height: 100%;\n    overflow: hidden;\n    overflow: auto;\n    align-content: start;\n    row-gap: 2em;\n\n    .container {\n      margin-bottom: 2em;\n    }\n\n    .brands {\n      display: grid;\n      grid-template-columns: repeat(2, 1fr);\n      column-gap: 1em;\n    }\n  }\n}\n\n.custom {\n  display: flex;\n  align-items: start;\n  column-gap: 2em;\n}\n\n.ant-input-group-wrapper {\n  margin-bottom: 0.8em;\n}\n\n.quizTitle {\n  display: flex;\n  align-items: center;\n\n  .completeIcon {\n    position: relative;\n    left: auto;\n  }\n}\n\n.btns {\n  button {\n    margin-left: 10px;\n  }\n}\n\nh3 {\n  color: #4318ff;\n  margin-bottom: 2em;\n}\n</style>\n\n<style lang=\"scss\">\n.ant-input-group-addon {\n  background-color: #787878;\n  transition: background-color 0.3s;\n\n  .anticon {\n    color: white;\n    font-size: 1.2em;\n  }\n\n  &:hover {\n    background-color: #555;\n  }\n}\n\n.ant-modal {\n  &--custom-questions {\n    backdrop-filter: none !important;\n    .ant-modal-body {\n      display: block;\n      max-height: inherit;\n    }\n  }\n}\n</style>\n","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!./Customize.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!./Customize.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Customize.vue?vue&type=template&id=188b7108&scoped=true&\"\nimport script from \"./Customize.vue?vue&type=script&lang=js&\"\nexport * from \"./Customize.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Customize.vue?vue&type=style&index=0&id=188b7108&lang=scss&scoped=true&\"\nimport style1 from \"./Customize.vue?vue&type=style&index=1&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  \"188b7108\",\n  null\n  \n)\n\nexport default component.exports","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!./StepNaviBar.vue?vue&type=style&index=1&lang=scss&\"","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!./Customize.vue?vue&type=style&index=1&lang=scss&\"","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!./KeyMetrics.vue?vue&type=style&index=1&lang=scss&\"","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!./StepNaviBar.vue?vue&type=style&index=0&id=4b691e21&lang=scss&scoped=true&\""],"sourceRoot":""}