{"version":3,"sources":["webpack:///./src/components/brandFingerprint/Stimuli.vue?264f","webpack:///src/components/brandFingerprint/Stimuli.vue","webpack:///./src/components/brandFingerprint/Stimuli.vue?54e2","webpack:///./src/components/brandFingerprint/Stimuli.vue","webpack:///./src/components/brandFingerprint/Stimuli.vue?60e5","webpack:///./src/components/general/Skeleton.vue?dd77","webpack:///./src/components/mapMakerTest/ChosenBrandItem.vue?13c4","webpack:///./src/components/packTestSurvey/StimuliTitle.vue?bf89","webpack:///src/components/packTestSurvey/StimuliTitle.vue","webpack:///./src/components/packTestSurvey/StimuliTitle.vue?2668","webpack:///./src/components/packTestSurvey/StimuliTitle.vue","webpack:///./src/components/general/Skeleton.vue?a0ab","webpack:///src/components/general/Skeleton.vue","webpack:///./src/components/general/Skeleton.vue?43c7","webpack:///./src/components/general/Skeleton.vue","webpack:///./src/components/mapMakerTest/ChosenBrandItem.vue?a45e","webpack:///src/components/mapMakerTest/ChosenBrandItem.vue","webpack:///./src/components/mapMakerTest/ChosenBrandItem.vue?8f9c","webpack:///./src/components/mapMakerTest/ChosenBrandItem.vue","webpack:///./src/components/packTestSurvey/StimuliTitle.vue?d82b"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","surveyID","user","SkinIdentifier","_v","_s","client","ClientName","_e","_m","_l","item","index","key","loadingBrands","on","$event","setBrandImage","nextDisable","saveBrandsLoading","prevStep","nextStep","handleEditableSurveyUpdate","staticRenderFns","name","components","StimuliTitle","IconBase","IconChartHistogram","ProgressBar","StepNaviBar","ChosenBrandItem","props","data","brands","mixins","computed","disableNextStep","some","progressBarStatus","imageUploaded","watch","methods","surveyData","SurveyConfig","logoURL","imageURL","saveBrands","wsName","brandData","userId","EncrypteduserID","wsUtils","then","Success","params","jsUtils","mapMakerBrandData","$router","push","mounted","created","activated","window","scrollTo","top","$route","id","getBrandFingerprintPrice","component","style","maxWidth","domProps","title","type","String","default","Number","borderRadius","brand","class","loading","ref","uploadBrandImage","Object","Boolean","formData","append","logo","file","form","saveBrandImage","success","message","description","placement","duration"],"mappings":"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","file":"js/chunk-7807a9ac.js","sourcesContent":["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\":3,\"surveyID\":_vm.surveyID,\"stepsType\":\"brand-fingerprint\",\"conciergeAssistance\":false}}),_c('section',{staticClass:\"wrapper\"},[_c('a-breadcrumb',{staticClass:\"breadcrum breadcrum--authoring\"},[(_vm.user !== null && _vm.user.SkinIdentifier !== 'pg')?[_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(\"Stimuli\")])]:_vm._e()],2),_c('div',{staticClass:\"wrapper__inner\"},[_c('div',{staticClass:\"page-title\"},[_c('icon-base',{attrs:{\"width\":32,\"height\":33,\"viewBox1\":32,\"viewBox2\":33,\"iconName\":\"chart\",\"iconColor\":\"transparent\"}},[_c('icon-chart-histogram')],1),_vm._m(0)],1),_c('div',{staticClass:\"box-wrapper\"},[_c('StimuliTitle',{attrs:{\"title\":\"Please upload the imagery you want to show for each cell/brand you've selected.\"}}),_c('div',_vm._l((_vm.brands),function(item,index){return _c('ChosenBrandItem',{key:index,attrs:{\"brand\":item,\"surveyID\":_vm.surveyID,\"loadingBrands\":_vm.loadingBrands},on:{\"set-brand-image\":function($event){return _vm.setBrandImage($event, index)}}})}),1)],1),_c('StepNaviBar',{attrs:{\"nextDisable\":_vm.nextDisable,\"conciergeAssistance\":true,\"stepsType\":\"brand-fingerprint\",\"loadingNextBtn\":_vm.saveBrandsLoading},on:{\"prevHandler\":_vm.prevStep,\"nextHandler\":_vm.nextStep,\"editable-survey-updated\":_vm.handleEditableSurveyUpdate,\"loading-survey-data\":function($event){_vm.loadingBrands = $event}}})],1)],1)],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(\"Stimuli\")])])}]\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"authoring-wrapper\">\n    <div class=\"flex h-full\">\n      <ProgressBar\n        :stepIndex=\"3\"\n        :surveyID=\"surveyID\"\n        stepsType=\"brand-fingerprint\"\n        :conciergeAssistance=\"false\"\n      />\n      <section class=\"wrapper\">\n        <a-breadcrumb class=\"breadcrum breadcrum--authoring\">\n          <template v-if=\"user !== null && user.SkinIdentifier !== 'pg'\">\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>Stimuli</a-breadcrumb-item>\n          </template>\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=\"chart\"\n              iconColor=\"transparent\"\n              ><icon-chart-histogram\n            /></icon-base>\n            <div class=\"page-title__text\">\n              <h1>Stimuli</h1>\n            </div>\n          </div>\n          <div class=\"box-wrapper\">\n            <StimuliTitle\n              title=\"Please upload the imagery you want to show for each cell/brand you've selected.\"\n            ></StimuliTitle>\n            <div>\n              <ChosenBrandItem\n                v-for=\"(item, index) in brands\"\n                :key=\"index\"\n                :brand=\"item\"\n                :surveyID=\"surveyID\"\n                @set-brand-image=\"setBrandImage($event, index)\"\n                :loadingBrands=\"loadingBrands\"\n              ></ChosenBrandItem>\n            </div>\n          </div>\n\n          <StepNaviBar\n            :nextDisable=\"nextDisable\"\n            :conciergeAssistance=\"true\"\n            @prevHandler=\"prevStep\"\n            @nextHandler=\"nextStep\"\n            stepsType=\"brand-fingerprint\"\n            @editable-survey-updated=\"handleEditableSurveyUpdate\"\n            @loading-survey-data=\"loadingBrands = $event\"\n            :loadingNextBtn=\"saveBrandsLoading\"\n          />\n        </div>\n      </section>\n    </div>\n  </div>\n</template>\n\n<script>\nimport * as jsUtils from \"@/utils/jsUtils.js\";\nimport * as wsUtils from \"@/utils/wsUtils.js\";\nimport StimuliTitle from \"@/components/packTestSurvey/StimuliTitle.vue\";\nimport IconBase from \"@/components/general/IconBase.vue\";\nimport IconChartHistogram from \"@/components/icons/IconChartHistogram.vue\";\nimport ProgressBar from \"@/components/videoAds/ProgressBar.vue\";\nimport ChosenBrandItem from \"@/components/mapMakerTest/ChosenBrandItem.vue\";\nimport StepNaviBar from \"@/components/videoAds/StepNaviBar1.vue\";\nimport surveyPriceMixin from \"@/mixins/surveyPriceCalculation.js\";\n\nexport default {\n  name: \"StimuliBrandFingerprint\",\n  components: {\n    StimuliTitle,\n    IconBase,\n    IconChartHistogram,\n    ProgressBar,\n    StepNaviBar,\n    ChosenBrandItem,\n  },\n  props: {},\n  data() {\n    return {\n      client: {},\n      user: null,\n      brands: [],\n      surveyID: null,\n      loadingBrands: true,\n      saveBrandsLoading: false,\n    };\n  },\n  mixins: [surveyPriceMixin],\n  computed: {\n    disableNextStep() {\n      return true;\n    },\n    nextDisable() {\n      return this.brands.some((item) => !item.logoURL);\n    },\n    progressBarStatus() {\n      let imageUploaded = this.brands.some((item) => item.logoURL);\n      return [imageUploaded];\n    },\n  },\n  watch: {},\n  methods: {\n    handleEditableSurveyUpdate(surveyData) {\n      if (surveyData && surveyData.SurveyConfig && surveyData.brands) {\n        this.brands = surveyData.brands;\n      } else {\n        this.brands = [];\n      }\n    },\n    setBrandImage(imageURL, index) {\n      this.brands[index].logoURL = imageURL;\n      this.saveBrands();\n    },\n    saveBrands(nextStep) {\n      if (nextStep) {\n        this.saveBrandsLoading = true;\n      }\n\n      const data = {\n        wsName: \"SaveSurveyBrands\",\n        data: {\n          surveyID: this.surveyID,\n          brandData: this.brands,\n          userId: this.user.EncrypteduserID,\n        },\n      };\n\n      const saveBrands = new Promise((resolve) => {\n        wsUtils.ApiPost(data, resolve);\n      });\n\n      saveBrands.then((data) => {\n        if (data.Success && nextStep) {\n          this.$router.push({\n            name: \"pgnat-brand-fingerprint\",\n            params: { id: this.surveyID },\n          });\n        } else if (data.Success) {\n          let currentSummaryData = jsUtils.getSurveySummaryData();\n          jsUtils.setSurveySummaryData({\n            ...currentSummaryData,\n            mapMakerBrandData: this.brands,\n          });\n        }\n        this.getBrandFingerprintPrice();\n        this.saveBrandsLoading = false;\n      });\n    },\n    prevStep() {\n      this.$router.push({\n        name: \"brand-fingerprint-category-inputs\",\n        params: { id: this.surveyID },\n      });\n    },\n    nextStep() {\n      this.saveBrands(\"nextStep\");\n    },\n  },\n  mounted() {},\n  created() {},\n  activated() {\n    window.scrollTo({\n      top: 0,\n    });\n    this.surveyID = this.$route.params.id;\n    this.client = jsUtils.getCurClient();\n    this.user = jsUtils.getUserInfo();\n    this.getBrandFingerprintPrice();\n  },\n};\n</script>\n\n<style lang=\"scss\" scoped>\n.box-wrapper {\n  min-height: 200px;\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!./Stimuli.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!./Stimuli.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Stimuli.vue?vue&type=template&id=7bd60502&scoped=true&\"\nimport script from \"./Stimuli.vue?vue&type=script&lang=js&\"\nexport * from \"./Stimuli.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Stimuli.vue?vue&type=style&index=0&id=7bd60502&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  \"7bd60502\",\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!./Stimuli.vue?vue&type=style&index=0&id=7bd60502&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!./Skeleton.vue?vue&type=style&index=0&id=5de9e314&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!./ChosenBrandItem.vue?vue&type=style&index=0&id=4641d4e1&lang=scss&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"stimuli-title\"},[_c('h2',{style:({ maxWidth: _vm.maxWidth + 'px' }),domProps:{\"innerHTML\":_vm._s(_vm.title)}})])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"stimuli-title\">\n    <h2 v-html=\"title\" :style=\"{ maxWidth: maxWidth + 'px' }\"></h2>\n  </div>\n</template>\n\n<script>\nexport default {\n  name: \"StimuliTitle\",\n  components: {},\n  props: {\n    title: {\n      type: String,\n      default() {\n        return \"\";\n      },\n    },\n    maxWidth: {\n      type: Number,\n      default() {\n        return 800;\n      },\n    },\n  },\n  data() {\n    return {};\n  },\n  computed: {},\n  watch: {},\n  methods: {},\n  mounted() {},\n  created() {},\n  activated() {},\n};\n</script>\n\n<style lang=\"scss\" scoped>\n.stimuli-title {\n  margin-bottom: 15px;\n  border-radius: 5px;\n  background: #f4f7fe;\n  padding: 8px 12px 8px;\n  min-height: 56px;\n  display: flex;\n  align-items: center;\n  @media screen and (max-width: 980px) {\n    // margin-bottom: 35px;\n  }\n  h2 {\n    font-size: 16px;\n    line-height: 24px;\n    margin-bottom: 0;\n    font-weight: 500;\n    strong {\n      font-weight: 600;\n    }\n    @media screen and (max-width: 980px) {\n      font-size: 16px;\n      line-height: 26px;\n    }\n    @media screen and (max-width: 800px) {\n      font-size: 14px;\n      line-height: 20px;\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!./StimuliTitle.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!./StimuliTitle.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./StimuliTitle.vue?vue&type=template&id=6deb7662&scoped=true&\"\nimport script from \"./StimuliTitle.vue?vue&type=script&lang=js&\"\nexport * from \"./StimuliTitle.vue?vue&type=script&lang=js&\"\nimport style0 from \"./StimuliTitle.vue?vue&type=style&index=0&id=6deb7662&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  \"6deb7662\",\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:\"skeleton\",style:({ 'border-radius': _vm.borderRadius + 'px' })})}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"skeleton\" :style=\"{ 'border-radius': borderRadius + 'px' }\"></div>\n</template>\n\n<script>\nexport default {\n  name: \"Skeleton\",\n  props: {\n    borderRadius: {\n      type: Number,\n      default() {\n        return 0;\n      },\n    },\n  },\n  data() {\n    return {};\n  },\n  computed: {},\n  methods: {},\n};\n</script>\n\n<style lang=\"scss\" scoped>\n.skeleton {\n  position: absolute;\n  inset: 0;\n  background: linear-gradient(0.25turn, transparent, #f8f7f7, transparent),\n    linear-gradient(#eee, #eee),\n    radial-gradient(38px circle at 19px 19px, #eee 50%, transparent 51%),\n    linear-gradient(#eee, #eee) no-repeat;\n  background-size: 315px 250px, 315px 180px, 100px 100px, 225px 30px;\n  background-position: -315px 0, 0 0, 0px 190px, 50px 195px;\n  animation: skeleton-animation 1.5s infinite;\n  content: \"\";\n  z-index: 99;\n  @keyframes skeleton-animation {\n    to {\n      background-position: 315px 0, 0 0, 0 190px, 50px 195px;\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!./Skeleton.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!./Skeleton.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Skeleton.vue?vue&type=template&id=5de9e314&scoped=true&\"\nimport script from \"./Skeleton.vue?vue&type=script&lang=js&\"\nexport * from \"./Skeleton.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Skeleton.vue?vue&type=style&index=0&id=5de9e314&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  \"5de9e314\",\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:\"chosen-brand\"},[_c('div',{staticClass:\"chosen-brand__item\"},[_c('div',{staticClass:\"chosen-brand__item-inner\"},[_c('h3',[_vm._v(_vm._s(_vm.brand.brands))]),(_vm.loadingBrands)?_c('Skeleton',{attrs:{\"borderRadius\":16}}):_vm._e()],1)]),_c('div',{staticClass:\"chosen-brand__item-upload\",class:{ 'has-image': _vm.brand.logoURL || _vm.loading }},[_c('a-upload-dragger',{ref:\"upload\",attrs:{\"name\":\"file\",\"accept\":\"image/jpeg, image/png, image/jpg\",\"multiple\":false,\"showUploadList\":false,\"customRequest\":_vm.uploadBrandImage}},[(_vm.loading)?_c('Loader',{staticClass:\"space-0\",attrs:{\"text\":\"\"}}):(!_vm.brand.logoURL)?_c('div',{staticClass:\"chosen-brand__item-upload-info\"},[_c('span',[_vm._v(\"Drag and Drop image here \"),_c('br'),_vm._v(\" Or\")]),_c('div',[_vm._v(\"Browse Files\")])]):_c('img',{attrs:{\"src\":_vm.brand.logoURL,\"alt\":\"Logo\"}})],1)],1)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"chosen-brand\">\n    <div class=\"chosen-brand__item\">\n      <div class=\"chosen-brand__item-inner\">\n        <h3>{{ brand.brands }}</h3>\n        <Skeleton :borderRadius=\"16\" v-if=\"loadingBrands\"></Skeleton>\n      </div>\n    </div>\n\n    <div\n      class=\"chosen-brand__item-upload\"\n      :class=\"{ 'has-image': brand.logoURL || loading }\"\n    >\n      <a-upload-dragger\n        name=\"file\"\n        accept=\"image/jpeg, image/png, image/jpg\"\n        :multiple=\"false\"\n        :showUploadList=\"false\"\n        :customRequest=\"uploadBrandImage\"\n        ref=\"upload\"\n      >\n        <Loader class=\"space-0\" text=\"\" v-if=\"loading\"></Loader>\n        <div class=\"chosen-brand__item-upload-info\" v-else-if=\"!brand.logoURL\">\n          <span\n            >Drag and Drop image here <br />\n            Or</span\n          >\n          <div>Browse Files</div>\n        </div>\n\n        <img v-else :src=\"brand.logoURL\" alt=\"Logo\" />\n      </a-upload-dragger>\n    </div>\n  </div>\n</template>\n\n<script>\nimport * as wsUtils from \"@/utils/wsUtils.js\";\nimport Loader from \"@/components/general/Loader.vue\";\nimport Skeleton from \"@/components/general/Skeleton.vue\";\nexport default {\n  name: \"ChosenBrandItem\",\n  components: { Loader, Skeleton },\n  props: {\n    brand: {\n      type: Object,\n    },\n    surveyID: {\n      type: String,\n    },\n    loadingBrands: {\n      type: Boolean,\n    },\n  },\n  data() {\n    return {\n      loading: false,\n    };\n  },\n  computed: {},\n  watch: {},\n  methods: {\n    uploadBrandImage(logo) {\n      this.loading = true;\n      let formData = new FormData();\n      formData.append(\"file\", logo.file);\n      formData.append(\"surveyId\", this.surveyID);\n\n      const data = {\n        wsName: \"UploadBrandImage\",\n        data: {\n          form: formData,\n        },\n      };\n\n      const saveBrandImage = new Promise((resolve) => {\n        wsUtils.ApiPost(data, resolve);\n      });\n\n      saveBrandImage.then((data) => {\n        if (data.success) {\n          this.$notification[\"success\"]({\n            message: \"Well done!\",\n            description: \"Image successfully uploaded.\",\n            placement: \"bottomLeft\",\n            duration: 5,\n          });\n          this.$emit(\"set-brand-image\", data.imageURL);\n        } else {\n          this.$notification[\"error\"]({\n            message: \"Error!\",\n            description:\n              \"Image uploading failed. Please try again or contact our support.\",\n            placement: \"bottomLeft\",\n            duration: 5,\n          });\n        }\n        this.loading = false;\n      });\n    },\n  },\n  mounted() {},\n  created() {},\n  activated() {},\n};\n</script>\n\n<style lang=\"scss\" scoped>\n.chosen-brand {\n  margin-bottom: 24px;\n  position: relative;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  &:before {\n    left: 40px;\n    right: 40px;\n    height: 2px;\n    position: absolute;\n    top: 50%;\n    content: \"\";\n    background-image: url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='100%25' height='100%25' fill='none' rx='20' ry='20' stroke='%23fab3c7' stroke-width='4' stroke-dasharray='11, 28' stroke-linecap='square'/%3E%3C/svg%3E\");\n  }\n  &__item {\n    width: 300px;\n    padding: 20px;\n    border-radius: 20px;\n    overflow: hidden;\n    flex-direction: column;\n    background: url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='100%25' height='100%25' fill='none' rx='20' ry='20' stroke='%23fab3c7' stroke-width='4' stroke-dasharray='16, 28' stroke-linecap='square'/%3E%3C/svg%3E\")\n      #fff;\n    position: relative;\n  }\n  &__item-inner {\n    padding: 20px 12px;\n    border-radius: 10px;\n    border: 1px solid var(--red);\n    box-shadow: 0 0 0 3px var(--red);\n    background: #fff;\n    &:hover {\n      border-color: var(--red);\n    }\n    h3 {\n      color: var(--dark);\n      font-size: 16px;\n      font-weight: 600;\n      line-height: 100%;\n      letter-spacing: -0.32px;\n      flex: 1;\n      margin-bottom: 0;\n    }\n  }\n  &__item-upload {\n    width: 300px;\n    height: 300px;\n    padding: 20px;\n    border-radius: 20px;\n    overflow: hidden;\n    background: url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='100%25' height='100%25' fill='none' rx='20' ry='20' stroke='%23fab3c7' stroke-width='4' stroke-dasharray='16, 28' stroke-linecap='square'/%3E%3C/svg%3E\")\n      #fff;\n    position: relative;\n\n    &.has-image {\n      &:after {\n        display: none;\n      }\n    }\n\n    img {\n      max-width: 100%;\n    }\n\n    &:after {\n      position: absolute;\n      left: 50%;\n      top: 65px;\n      transform: translateX(-50%);\n      content: \"\";\n      width: 41px;\n      height: 41px;\n      background: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 312.602 312.602' style='enable-background:new 0 0 312.602 312.602' xml:space='preserve'%3E%3Cpath style='fill:%23000002' d='M251.52 137.244c-3.966 0-7.889.38-11.738 1.134-1.756-47.268-40.758-85.181-88.448-85.181-43.856 0-80.964 32.449-87.474 75.106C28.501 129.167 0 158.201 0 193.764c0 36.106 29.374 65.48 65.48 65.48h54.782c4.143 0 7.5-3.357 7.5-7.5s-3.357-7.5-7.5-7.5H65.48c-27.835 0-50.48-22.645-50.48-50.48 0-27.835 22.646-50.48 50.48-50.48 1.367 0 2.813.067 4.419.206l7.6.658.529-7.61c2.661-38.322 34.861-68.341 73.306-68.341 40.533 0 73.51 32.977 73.51 73.51 0 1.863-.089 3.855-.272 6.088l-.983 11.968 11.186-4.367a45.863 45.863 0 0 1 16.747-3.151c25.409 0 46.081 20.672 46.081 46.081 0 25.408-20.672 46.08-46.081 46.08-.668 0-20.608-.04-40.467-.08-19.714-.04-39.347-.08-39.999-.08-4.668 0-7.108-2.248-7.254-6.681v-80.959l8.139 9.667a7.497 7.497 0 0 0 10.567.907 7.498 7.498 0 0 0 .907-10.567l-18.037-21.427c-2.272-2.699-5.537-4.247-8.958-4.247-3.421 0-6.686 1.548-8.957 4.247l-18.037 21.427a7.498 7.498 0 0 0 .907 10.567 7.466 7.466 0 0 0 4.826 1.763 7.482 7.482 0 0 0 5.741-2.67l7.901-9.386v80.751c0 8.686 5.927 21.607 22.254 21.607.652 0 20.27.04 39.968.079 19.874.041 39.829.081 40.498.081 33.681 0 61.081-27.4 61.081-61.08 0-33.681-27.401-61.081-61.082-61.081z'/%3E%3C/svg%3E\")\n        center center no-repeat;\n      z-index: 1;\n      pointer-events: none;\n    }\n\n    ::v-deep .ant-upload {\n      background: #f4f4f4;\n      padding: 0 20px;\n      border: none;\n      border-radius: 12px;\n      margin-bottom: 20px;\n      .ant-upload-btn {\n        border: 0;\n      }\n    }\n    ::v-deep .ant-upload-drag-container {\n      svg {\n        font-size: 34px;\n        color: #7e7e7e;\n        margin-bottom: 12px;\n        &.fa-check-circle {\n          color: #1990ff;\n        }\n      }\n      p {\n        font-size: 14px;\n        font-weight: 300;\n      }\n    }\n  }\n  &__item-upload-info {\n    color: var(--darkText);\n    margin-top: 40px;\n    span {\n      font-size: 14px;\n      line-height: 24px;\n      letter-spacing: -0.28px;\n      display: block;\n      text-align: center;\n      margin-bottom: 5px;\n    }\n    div {\n      font-size: 14px;\n      font-weight: 500;\n      line-height: 24px;\n      letter-spacing: -0.28px;\n      border-radius: 10px;\n      border: 2px solid rgba(28, 28, 28, 0.3);\n      padding: 8px;\n      width: 110px;\n      text-align: center;\n      margin: 0 auto;\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!./ChosenBrandItem.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!./ChosenBrandItem.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ChosenBrandItem.vue?vue&type=template&id=4641d4e1&scoped=true&\"\nimport script from \"./ChosenBrandItem.vue?vue&type=script&lang=js&\"\nexport * from \"./ChosenBrandItem.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ChosenBrandItem.vue?vue&type=style&index=0&id=4641d4e1&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  \"4641d4e1\",\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!./StimuliTitle.vue?vue&type=style&index=0&id=6deb7662&lang=scss&scoped=true&\""],"sourceRoot":""}