{"version":3,"sources":["webpack:///./src/assets/images/ads-recommendition.svg","webpack:///./src/views/campaigns/components/steps/components/AdsetAds/components/Feedback/AdvertiserAdStatusCard.vue?84d7","webpack:///src/views/campaigns/components/steps/components/AdsetAds/components/Feedback/AdvertiserAdStatusCard.vue","webpack:///./src/views/campaigns/components/steps/components/AdsetAds/components/Feedback/AdvertiserAdStatusCard.vue?17aa","webpack:///./src/views/campaigns/components/steps/components/AdsetAds/components/Feedback/AdvertiserAdStatusCard.vue","webpack:///./src/assets/images/calibration.svg","webpack:///./src/assets/images/under-preview.svg","webpack:///./src/views/campaigns/components/steps/components/AdsetAds/components/Feedback/AdvertiserAdStatusCard.vue?e9f1"],"names":["module","exports","render","_vm","this","_h","$createElement","_c","_self","staticClass","ad","acceptance_status","$constants","AD_ACCEPTANCE_STATUSES","UNDER_REVIEW","_m","on","$event","showRecommenitionPopup","_v","_s","$t","_e","ACCEPTED","attrs","ON_HOLD","feedback","_l","reviewReason","key","id","reason","summary","REJECTED","reviewReasons","length","isViewRecommendationEnabled","class","viewRecommendationsEvent","titles","title","recommendationsPopupSelectTitleEvent","model","value","form","callback","$$v","$set","expression","images","image","recommendationsPopupSelectImgEvent","errors","any","first","cancelRecommenditionPopupEvent","isSubmitBtnDisabled","saveSelectedOptionns","staticRenderFns","props","data","getFormDefaults","watch","computed","recommendations","pendingCount","methods","$gtag","event","getRecommendationItemsOfSubject","recommendationOfSubject","recommendation_items","component"],"mappings":"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","file":"js/chunk-19fb9ffa.53b19339.js","sourcesContent":["module.exports = __webpack_public_path__ + \"img/ads-recommendition.415def04.svg\";","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return (_vm.ad)?_c('div',[_c('div',{staticClass:\"ad-rejected-summary\"},[(_vm.ad.acceptance_status === _vm.$constants.AD_ACCEPTANCE_STATUSES.UNDER_REVIEW)?_c('div',{staticClass:\"flex items-center justify-between\"},[_vm._m(0),(_vm.isViewRecommendationEnabled)?_c('div',{staticClass:\"view-reccomendition-parent md:float-right whitespace-no-wrap\"},[_c('button',{on:{\"click\":function($event){_vm.showRecommenitionPopup = true}}},[_vm._v(\"\\n          \"+_vm._s(_vm.$t(\"create_campaign.step5.ad_status.view_recommendations_btn\"))+\"\\n        \")])]):_vm._e()]):_vm._e(),(_vm.ad.acceptance_status === _vm.$constants.AD_ACCEPTANCE_STATUSES.ACCEPTED)?_c('div',{staticClass:\"flex items-center space-x-5\"},[_c('img',{staticClass:\"inline-block align-middle\",attrs:{\"width\":\"24\",\"height\":\"24\",\"src\":require(\"@/assets/images/calibration.svg\"),\"alt\":\"celebarate\"}}),_c('span',[_vm._v(\"Accepted Ad.\")])]):_vm._e(),(_vm.ad.acceptance_status === _vm.$constants.AD_ACCEPTANCE_STATUSES.ON_HOLD && _vm.feedback)?_c('div',{staticClass:\"items-center space-x-5 ad-rejected-summary\"},[_c('div',[_c('div',[_c('vs-icon',{attrs:{\"icon-pack\":\"speakol\",\"icon\":\"speakol-unverify\",\"color\":\"#db2828\"}}),_c('span',[_vm._v(\"On hold ad.\")])],1),_c('div',{staticClass:\"reasons\"},[_c('div',[_c('p',[_vm._v(_vm._s(_vm.$t(\"create_campaign.step5.ad_status.hold_desc\")))]),_c('ul',_vm._l((_vm.reviewReasons),function(reviewReason){return _c('li',{key:reviewReason.id,staticClass:\"ml-2\"},[_vm._v(\"\\n                \"+_vm._s(reviewReason.reason)+\"\\n              \")])}),0)]),(_vm.feedback && _vm.feedback.summary)?_c('div',[_c('div',{staticClass:\"title mt-4\"},[_vm._v(_vm._s(_vm.$t(\"create_campaign.step5.ad_status.extra_comments\")))]),_c('div',{staticClass:\"rejection-content-element\"},[_vm._v(_vm._s(_vm.feedback.summary))])]):_vm._e()])])]):_vm._e(),(_vm.ad.acceptance_status === _vm.$constants.AD_ACCEPTANCE_STATUSES.REJECTED)?_c('div',{staticClass:\"rejected-ad md:flex justify-between ad-rejected-summary space-x-5\"},[_c('div',[_c('div',{staticClass:\"flex\"},[_c('img',{attrs:{\"alt\":\"ad-has-error\",\"src\":require(\"@/assets/images/ads-recommendition.svg\")}}),_c('span',[_vm._v(_vm._s(_vm.$t(\"create_campaign.step5.ad_status.rejection_title\")))])]),_c('div',{staticClass:\"reasons\"},[_c('div',[(_vm.reviewReasons.length == 1)?_c('p',[_vm._v(_vm._s(_vm.$t(\"create_campaign.step5.ad_status.rejection_desc_one_reason\")))]):_c('p',[_vm._v(_vm._s(_vm.$t(\"create_campaign.step5.ad_status.rejection_desc\")))]),_c('ul',_vm._l((_vm.reviewReasons),function(reviewReason){return _c('li',{key:reviewReason.id,staticClass:\"ml-2\"},[_vm._v(\"\\n                \"+_vm._s(reviewReason.reason)+\"\\n              \")])}),0)]),(_vm.feedback && _vm.feedback.summary)?_c('div',[_c('div',{staticClass:\"extra-comments-title title\"},[_vm._v(_vm._s(_vm.$t(\"create_campaign.step5.ad_status.extra_comments\")))]),_c('div',{staticClass:\"rejection-content-element\"},[_vm._v(_vm._s(_vm.feedback.summary))])]):_vm._e()])]),_c('div',{staticClass:\"view-reccomendition-parent md:float-right whitespace-no-wrap\"},[(!_vm.isViewRecommendationEnabled)?_c('vx-tooltip',{attrs:{\"text\":\"No recommendations\",\"position\":\"top\"}},[_c('button',{class:{'text-speakol-disabled-color cursor-not-allowed': !_vm.isViewRecommendationEnabled},attrs:{\"disabled\":!_vm.isViewRecommendationEnabled},on:{\"click\":function($event){_vm.showRecommenitionPopup = true}}},[_vm._v(\"\\n            \"+_vm._s(_vm.$t(\"create_campaign.step5.ad_status.view_recommendations_btn\"))+\"\\n          \")])]):_c('button',{class:{'text-speakol-disabled-color cursor-not-allowed': !_vm.isViewRecommendationEnabled},attrs:{\"disabled\":!_vm.isViewRecommendationEnabled},on:{\"click\":function($event){_vm.showRecommenitionPopup = true , _vm.viewRecommendationsEvent()}}},[_vm._v(\"\\n          \"+_vm._s(_vm.$t(\"create_campaign.step5.ad_status.view_recommendations_btn\"))+\"\\n        \")])],1)]):_vm._e()]),_c('vs-popup',{attrs:{\"active\":_vm.showRecommenitionPopup},on:{\"update:active\":function($event){_vm.showRecommenitionPopup=$event}}},[_c('div',{staticClass:\"popup-header\"},[_c('h3',[_vm._v(_vm._s(_vm.$t(\"create_campaign.step5.ad_status.adv_popups.rejection.title\")))]),_c('p',[_vm._v(_vm._s(_vm.$t(\"create_campaign.step5.ad_status.adv_popups.rejection.description\")))])]),_c('div',{staticClass:\"pop-up-options\"},[(_vm.titles.length > 0)?_c('div',{staticClass:\"recommended-titles\"},[_c('h4',[_vm._v(_vm._s(_vm.$t(\"create_campaign.step5.ad_status.adv_popups.rejection.titles_header\")))]),_c('p',[_vm._v(_vm._s(_vm.$t(\"create_campaign.step5.ad_status.adv_popups.rejection.titles_desc\")))]),_vm._l((_vm.titles),function(title){return _c('vs-radio',{key:title.id,staticClass:\"flex\",attrs:{\"vs-value\":title.id},on:{\"input\":function($event){return _vm.recommendationsPopupSelectTitleEvent()}},model:{value:(_vm.form.title),callback:function ($$v) {_vm.$set(_vm.form, \"title\", $$v)},expression:\"form.title\"}},[_vm._v(\"\\n          \"+_vm._s(title.value)+\"\\n        \")])})],2):_vm._e(),(_vm.images.length > 0)?_c('div',{staticClass:\"recommended-images\"},[_c('h4',[_vm._v(_vm._s(_vm.$t(\"create_campaign.step5.ad_status.adv_popups.rejection.images_header\")))]),_c('p',[_vm._v(_vm._s(_vm.$t(\"create_campaign.step5.ad_status.adv_popups.rejection.images_desc\")))]),_c('div',{staticClass:\"images-grid grid gap-8 md:grid-cols-3 grid-col-1\"},_vm._l((_vm.images),function(image){return _c('vs-radio',{key:image.id,attrs:{\"vs-value\":image.id},on:{\"input\":function($event){return _vm.recommendationsPopupSelectImgEvent()}},model:{value:(_vm.form.image),callback:function ($$v) {_vm.$set(_vm.form, \"image\", $$v)},expression:\"form.image\"}},[_c('img',{attrs:{\"src\":image.value,\"alt\":\"empty state\"}})])}),1)]):_vm._e()]),(_vm.errors.any())?_c('h3',{staticClass:\"reasons-err\"},[_vm._v(_vm._s(_vm.errors.first('image') || _vm.errors.first('title')))]):_vm._e(),_c('div',{staticClass:\"popup-actions\"},[_c('button',{staticClass:\"cancel-pop-up\",on:{\"click\":function($event){_vm.showRecommenitionPopup = false , _vm.cancelRecommenditionPopupEvent()}}},[_vm._v(\"\\n        \"+_vm._s(_vm.$t(\"create_campaign.step5.ad_status.adv_popups.rejection.cancel_btn\"))+\"\\n      \")]),_c('button',{staticClass:\"save-update-button\",class:[_vm.isSubmitBtnDisabled ? 'disabled-submit-btn': 'enabled-submit-btn'],attrs:{\"disabled\":_vm.isSubmitBtnDisabled},on:{\"click\":_vm.saveSelectedOptionns}},[_vm._v(\"\\n        \"+_vm._s(_vm.$t(\"create_campaign.step5.ad_status.adv_popups.rejection.save_btn\"))+\"\\n      \")])])])],1):_vm._e()}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"space-x-5\"},[_c('img',{staticClass:\"inline-block align-middle\",attrs:{\"width\":\"24\",\"height\":\"24\",\"src\":require(\"@/assets/images/under-preview.svg\"),\"alt\":\"under preview\"}}),_c('span',[_vm._v(\"Under review ad.\")])])}]\n\nexport { render, staticRenderFns }","<template>\n  <div v-if=\"ad\">\n    <div class=\"ad-rejected-summary\">\n      <!-- start under review case -->\n      <div class=\"flex items-center justify-between\" v-if=\"ad.acceptance_status === $constants.AD_ACCEPTANCE_STATUSES.UNDER_REVIEW\">\n        <div class=\"space-x-5\">\n          <img class=\"inline-block align-middle\" width=\"24\" height=\"24\" src=\"@/assets/images/under-preview.svg\" alt=\"under preview\"/>\n          <span>Under review ad.</span>\n        </div>\n\n        <div v-if=\"isViewRecommendationEnabled\"\n          class=\"view-reccomendition-parent md:float-right whitespace-no-wrap\">\n          <button\n            @click=\"showRecommenitionPopup = true\"\n          >\n            {{$t(\"create_campaign.step5.ad_status.view_recommendations_btn\")}}\n          </button>\n        </div>\n      </div>\n      <!-- end under review case -->\n\n      <!-- start accepted case -->\n      <div class=\"flex items-center space-x-5\" v-if=\"ad.acceptance_status === $constants.AD_ACCEPTANCE_STATUSES.ACCEPTED\">\n        <img class=\"inline-block align-middle\" width=\"24\" height=\"24\" src=\"@/assets/images/calibration.svg\" alt=\"celebarate\"/>\n        <span>Accepted Ad.</span>\n      </div>\n      <!-- end accepted case -->\n\n      <!-- start hold case -->\n      <div class=\"items-center space-x-5 ad-rejected-summary\" v-if=\"ad.acceptance_status === $constants.AD_ACCEPTANCE_STATUSES.ON_HOLD && feedback\">\n        <div>\n          <div>\n            <vs-icon icon-pack=\"speakol\" icon=\"speakol-unverify\" color=\"#db2828\"></vs-icon>\n            <span>On hold ad.</span>\n          </div>\n\n          <div class=\"reasons\">\n            <div>\n              <p>{{$t(\"create_campaign.step5.ad_status.hold_desc\")}}</p>\n              <ul>\n                <li class=\"ml-2\" v-for=\"reviewReason in reviewReasons\" :key=\"reviewReason.id\">\n                  {{reviewReason.reason}}\n                </li>\n              </ul>\n            </div>\n\n            <div v-if=\"feedback && feedback.summary\">\n              <div class=\"title mt-4\">{{$t(\"create_campaign.step5.ad_status.extra_comments\")}}</div>\n              <div class=\"rejection-content-element\">{{feedback.summary}}</div>\n            </div>\n          </div>\n        </div>\n      </div>\n      <!-- end hold case -->\n\n      <!-- start rejected case -->\n      <div class=\"rejected-ad md:flex justify-between ad-rejected-summary space-x-5\" v-if=\"ad.acceptance_status === $constants.AD_ACCEPTANCE_STATUSES.REJECTED\">\n        <div>\n          <div class=\"flex\">\n            <img alt=\"ad-has-error\" src=\"@/assets/images/ads-recommendition.svg\"/>\n            <!-- <vs-icon icon-pack=\"speakol\" icon=\"speakol-cancel\" color=\"#ec0000\"></vs-icon> -->\n            <span>{{$t(\"create_campaign.step5.ad_status.rejection_title\")}}</span>\n          </div>\n\n          <div class=\"reasons\">\n            <div>\n              <p v-if=\"reviewReasons.length == 1\">{{$t(\"create_campaign.step5.ad_status.rejection_desc_one_reason\")}}</p>\n              <p v-else>{{$t(\"create_campaign.step5.ad_status.rejection_desc\")}}</p>\n              <ul>\n                <li class=\"ml-2\" v-for=\"reviewReason in reviewReasons\" :key=\"reviewReason.id\">\n                  {{reviewReason.reason}}\n                </li>\n              </ul>\n            </div>\n\n            <div v-if=\"feedback && feedback.summary\">\n              <div class=\"extra-comments-title title\">{{$t(\"create_campaign.step5.ad_status.extra_comments\")}}</div>\n              <div class=\"rejection-content-element\">{{feedback.summary}}</div>\n            </div>\n          </div>\n        </div>\n\n        <div class=\"view-reccomendition-parent md:float-right whitespace-no-wrap\">\n          <vx-tooltip v-if=\"!isViewRecommendationEnabled\" text=\"No recommendations\" position=\"top\">\n            <button\n              @click=\"showRecommenitionPopup = true\"\n              :disabled=\"!isViewRecommendationEnabled\"\n              :class=\"{'text-speakol-disabled-color cursor-not-allowed': !isViewRecommendationEnabled}\"\n            >\n              {{$t(\"create_campaign.step5.ad_status.view_recommendations_btn\")}}\n            </button>\n          </vx-tooltip>\n\n          <button\n              v-else\n              @click=\"showRecommenitionPopup = true , viewRecommendationsEvent()\"\n              :disabled=\"!isViewRecommendationEnabled\"\n              :class=\"{'text-speakol-disabled-color cursor-not-allowed': !isViewRecommendationEnabled}\"\n            >\n            {{$t(\"create_campaign.step5.ad_status.view_recommendations_btn\")}}\n          </button>\n        </div>\n      </div>\n      <!-- end rejected case -->\n    </div>\n\n    <!-- recommenition pop up -->\n    <vs-popup :active.sync=\"showRecommenitionPopup\">\n      <div class=\"popup-header\">\n        <h3>{{$t(\"create_campaign.step5.ad_status.adv_popups.rejection.title\")}}</h3>\n        <p>{{$t(\"create_campaign.step5.ad_status.adv_popups.rejection.description\")}}</p>\n      </div>\n\n      <div class=\"pop-up-options\">\n        <div v-if=\"titles.length > 0\" class=\"recommended-titles\">\n          <h4>{{$t(\"create_campaign.step5.ad_status.adv_popups.rejection.titles_header\")}}</h4>\n          <p>{{$t(\"create_campaign.step5.ad_status.adv_popups.rejection.titles_desc\")}}</p>\n\n          <vs-radio\n            @input=\"recommendationsPopupSelectTitleEvent()\"\n            class=\"flex\"\n            v-for=\"title in titles\"\n            :key=\"title.id \"\n            :vs-value=\"title.id\"\n            v-model=\"form.title\"\n          >\n            {{title.value}}\n          </vs-radio>\n        </div>\n\n        <div v-if=\"images.length > 0\" class=\"recommended-images\">\n          <h4>{{$t(\"create_campaign.step5.ad_status.adv_popups.rejection.images_header\")}}</h4>\n          <p>{{$t(\"create_campaign.step5.ad_status.adv_popups.rejection.images_desc\")}}</p>\n\n          <div class=\"images-grid grid gap-8 md:grid-cols-3 grid-col-1\">\n            <vs-radio\n            @input=\"recommendationsPopupSelectImgEvent()\"\n            v-for=\"image in images\"\n            :key=\"image.id\"\n            :vs-value=\"image.id\"\n            v-model=\"form.image\">\n            <img :src=\"image.value\" alt=\"empty state\">\n          </vs-radio>\n          </div>\n        </div>\n      </div>\n\n      <h3 class=\"reasons-err\" v-if=\"errors.any()\">{{errors.first('image') || errors.first('title')}}</h3>\n\n      <div class=\"popup-actions\">\n        <button\n          @click=\"showRecommenitionPopup = false , cancelRecommenditionPopupEvent()\"\n          class=\"cancel-pop-up\">\n          {{$t(\"create_campaign.step5.ad_status.adv_popups.rejection.cancel_btn\")}}\n        </button>\n\n        <button\n          class=\"save-update-button\"\n          @click=\"saveSelectedOptionns\"\n          :disabled=\"isSubmitBtnDisabled\"\n          :class=\"[isSubmitBtnDisabled ? 'disabled-submit-btn': 'enabled-submit-btn']\">\n          {{$t(\"create_campaign.step5.ad_status.adv_popups.rejection.save_btn\")}}\n        </button>\n      </div>\n    </vs-popup>\n    <!-- recommenition pop up -->\n  </div>\n</template>\n\n<script>\n\nimport { get } from 'lodash'\n\nexport default {\n  props: ['ad'],\n  data () {\n    return {\n      showRecommenitionPopup: false,\n      feedback: null,\n      titles: [],\n      images: [],\n      form: this.getFormDefaults()\n    }\n  },\n\n  async created () {\n    this.errors.clear()\n\n    await this.fillForm()\n  },\n\n  watch: {\n    async showRecommenitionPopup () {\n      await this.fillForm()\n    }\n  },\n\n  computed: {\n    isSubmitBtnDisabled () {\n      return !this.form.image && !this.form.title\n    },\n\n    isViewRecommendationEnabled () {\n      if (this.feedback && this.feedback.recommendations) {\n        const pendingCount = this.feedback.recommendations.filter(rec => rec.status === this.$constants.RECOMMENDATION_ITEM_STATUS.PENDING).length\n\n        return pendingCount > 0\n      }\n\n      return false\n    },\n\n    reviewReasons () {\n      return get(this, 'feedback.review_reasons', [])\n    }\n  },\n\n  methods: {\n    viewRecommendationsEvent () {\n      this.$gtag.event('view-recommendations-button')\n    },\n\n    cancelRecommenditionPopupEvent () {\n      this.$gtag.event('recommendations-popup-cancel-button')\n    },\n\n    recommendationsPopupSelectTitleEvent () {\n      this.$gtag.event('recommendations-popup-select-title')\n    },\n\n    recommendationsPopupSelectImgEvent () {\n      this.$gtag.event('recommendations-popup-select-image')\n    },\n\n    getFormDefaults () {\n      return {\n        title: null,\n        image: null\n      }\n    },\n\n    async getAdLatestFeedback () {\n      try {\n        const response = await window.axios.get(`/feedbacks/ads/${this.ad.id}`, {\n          params: {\n            type: [\n              this.$constants.AD_ACCEPTANCE_STATUSES.REJECTED,\n              this.$constants.AD_ACCEPTANCE_STATUSES.UNDER_REVIEW\n            ].includes(this.ad.acceptance_status) ? this.$constants.FEEDBACK_TYPES.REJECT : this.$constants.FEEDBACK_TYPES.HOLD\n          }\n        })\n\n        return response.data.payload ? response.data.payload.feedback : null\n      } catch (error) {\n        this.$setLaravelValidationErrorsFromResponse(error.response.data)\n      }\n    },\n\n    async saveSelectedOptionns () {\n      this.errors.clear()\n      this.$gtag.event('recommendations-popup-save-button')\n      try {\n        const response = await window.axios.post(`/feedbacks/ads/${this.ad.id}/accept-recommendation`, this.form)\n\n        this.feedback = response.data.payload.feedback\n\n        this.showRecommenitionPopup = false\n\n        this.$emit('accept-recommendation', response.data.payload)\n      } catch (error) {\n        this.$setLaravelValidationErrorsFromResponse(error.response.data)\n      }\n    },\n\n    getRecommendationItemsOfSubject (subject) {\n      if (this.feedback && this.feedback.recommendations) {\n        const recommendationOfSubject = this.feedback.recommendations.find(el => el.subject === subject)\n\n        return recommendationOfSubject ? recommendationOfSubject.recommendation_items : []\n      }\n\n      return []\n    },\n\n    async fillForm () {\n      this.feedback = await this.getAdLatestFeedback()\n\n      this.titles = await this.getRecommendationItemsOfSubject('title')\n\n      this.images = await this.getRecommendationItemsOfSubject('image')\n\n      const selectedTitle = this.titles.find(el => el.status === this.$constants.RECOMMENDATION_ITEM_STATUS.APPLIED)\n\n      const selectedImage = this.images.find(el => el.status === this.$constants.RECOMMENDATION_ITEM_STATUS.APPLIED)\n\n      this.form = {\n        title: selectedTitle ? selectedTitle.id : null,\n        image: selectedImage ? selectedImage.id : null\n      }\n    }\n  }\n}\n</script>\n\n<style lang=\"scss\" scoped>\n\n.ad-rejected-summary {\n  .reasons-err {\n    font-weight: 400;\n    font-size: 14px;\n    line-height: 21px;\n    color: #db2828;\n    margin-top: 15px;\n  }\n\n  span,\n  .title {\n    color: #323232;\n    font-weight: 500;\n    font-size: 14px;\n  }\n\n  i {\n    font-size: 22px !important;\n    font-weight: bolder;\n    position: relative;\n    top: 4px;\n    margin-right: 16px;\n  }\n\n  button {\n    font-weight: 500;\n    font-size: 14px;\n    color: #0092d7;\n    background: transparent;\n    border: none;\n    outline: none;\n    cursor: pointer;\n    position: relative;\n    top: 6px;\n    font-family: \"Poppins\", sans-serif;\n  }\n\n  .rejection-content-element {\n    font-size: 14px;\n    color: #797a7b;\n    font-weight: 400;\n    margin-top: 8px;\n  }\n\n  .reasons {\n    @extend .rejection-content-element;\n\n    margin-left: 39px;\n\n    ul {\n      list-style: disc;\n      margin-left: 14px;\n    }\n\n    font-weight: 400;\n  }\n}\n\n.extra-comments-title {\n  margin-top: 20px;\n}\n\n.rejected-ad {\n  img {\n    width: 22px;\n    height: 22px;\n    position: relative;\n    top: 0;\n    margin-right: 16px;\n  }\n}\n\n/deep/ .vs-popup {\n  width: 580px;\n}\n\n.popup-header {\n  h3 {\n    color: #2c2c2c;\n    font-weight: 500;\n    font-size: 24px;\n    margin-bottom: 8px;\n  }\n\n  p {\n    font-weight: 300;\n    font-size: 14px;\n    color: #797a7b;\n    margin-bottom: 30px;\n  }\n}\n\n.pop-up-options {\n  /deep/ .vs-radio--label {\n    margin-bottom: 16px;\n    line-height: 21px;\n    // margin-left: 9px;\n  }\n\n  .recommended-titles {\n    font-weight: 300;\n    font-size: 14px;\n    color: #323232;\n\n    /deep/ .con-vs-radio {\n      align-items: start;\n    }\n\n    /deep/ .vs-radio--borde {\n      top: 2px !important;\n    }\n\n    h3 {\n      font-size: 18px;\n      color: #323232;\n      font-weight: 500;\n    }\n\n    p {\n      font-weight: 300;\n      font-size: 14px;\n      color: #797a7b;\n      margin-bottom: 26px;\n      margin-top: 7px;\n    }\n  }\n\n  .recommended-images {\n    h4 {\n      font-weight: 500;\n      font-size: 18px;\n      color: #2c2c2c;\n      margin-bottom: 7px;\n      margin-top: 14px;\n    }\n\n    p {\n      font-weight: 300;\n      font-size: 14px;\n      color: #797a7b;\n      margin-bottom: 24px;\n    }\n\n    img {\n      width: 100%;\n      border-radius: 4px;\n    }\n\n    /deep/ .con-vs-radio {\n      // margin-right: 32px;\n      align-items: start;\n    }\n\n    /deep/ .con-vs-radio:last-child {\n      margin-right: 0;\n    }\n  }\n}\n\n.popup-actions {\n  text-align: right;\n  margin-top: 32px;\n\n  .cancel-pop-up {\n    margin-right: 16px;\n    color: #0092d7;\n    height: 39px;\n    width: 112px;\n    background: transparent;\n    border-radius: 4px;\n    font-weight: normal;\n    font-size: 14px;\n    border: 1px solid #0092d7;\n    outline: none;\n    box-shadow: none;\n    cursor: pointer;\n    // margin-bottom: 30px;\n  }\n\n  .submit-btn {\n    height: 40px;\n    width: 125px;\n    border-radius: 4px;\n    color: white;\n    font-weight: normal;\n    font-size: 14px;\n    outline: none;\n    box-shadow: none;\n    border: none;\n  }\n\n  .enabled-submit-btn {\n    @extend .submit-btn;\n\n    cursor: pointer;\n    background: #0092d7;\n  }\n\n  .disabled-submit-btn {\n    @extend .submit-btn;\n\n    cursor: not-allowed;\n    background: #c2c2c2;\n  }\n}\n\n/deep/ .vs-radio--circle,\n/deep/ .vs-radio--borde {\n  width: 15px;\n  height: 15px;\n}\n\n/deep/ .vs-radio--circle {\n  box-shadow: none !important;\n}\n\n.images-grid {\n  /deep/ .vs-radio--label {\n    margin-bottom: 0 !important;\n  }\n  // justify-items: center;\n}\n\n@media (max-width: 768px) {\n  .view-reccomendition-parent {\n    margin-left: 35px !important;\n    margin-top: 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!./AdvertiserAdStatusCard.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!./AdvertiserAdStatusCard.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./AdvertiserAdStatusCard.vue?vue&type=template&id=32c13926&scoped=true&\"\nimport script from \"./AdvertiserAdStatusCard.vue?vue&type=script&lang=js&\"\nexport * from \"./AdvertiserAdStatusCard.vue?vue&type=script&lang=js&\"\nimport style0 from \"./AdvertiserAdStatusCard.vue?vue&type=style&index=0&id=32c13926&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  \"32c13926\",\n  null\n  \n)\n\nexport default component.exports","module.exports = __webpack_public_path__ + \"img/calibration.187965d0.svg\";","module.exports = __webpack_public_path__ + \"img/under-preview.c5927701.svg\";","export * from \"-!../../../../../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../../../../../../node_modules/css-loader/index.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!./AdvertiserAdStatusCard.vue?vue&type=style&index=0&id=32c13926&lang=scss&scoped=true&\""],"sourceRoot":""}