{"version":3,"sources":["webpack:///./src/views/campaigns/components/steps/components/AdsetAds/components/Feedback/HoldForm.vue?5fff","webpack:///./src/views/campaigns/components/steps/components/AdsetAds/components/Feedback/HoldForm.vue?b8b0","webpack:///src/views/campaigns/components/steps/components/AdsetAds/components/Feedback/HoldForm.vue","webpack:///./src/views/campaigns/components/steps/components/AdsetAds/components/Feedback/HoldForm.vue?e0a0","webpack:///./src/views/campaigns/components/steps/components/AdsetAds/components/Feedback/HoldForm.vue","webpack:///./src/utils/ReviewReasons.js"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","_v","_s","$t","ad","name","_l","reason","key","id","attrs","model","value","form","callback","$$v","$set","expression","errors","has","first","_e","on","$event","cancel","submitReview","staticRenderFns","props","type","Object","required","data","ad_id","summary","review_reason_ids","acceptance_status","computed","reasons","watch","map","methods","clear","$emit","component","getReviewReasons","reasonType","isVideo","allReviewReasons","store","getters","review_reasons","filter","reason_type","constants","VIDEOS_REVIEW_REASONS_IDS","includes","IMAGES_REVIEW_REASONS_IDS"],"mappings":"kHAAA,W,yCCAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACA,EAAG,KAAK,CAACE,YAAY,QAAQ,CAACN,EAAIO,GAAG,SAASP,EAAIQ,GAAGR,EAAIS,GAAG,WAAa,KAAOT,EAAIU,GAAGC,KAAO,KAAK,UAAUP,EAAG,IAAI,CAACE,YAAY,SAAS,CAACN,EAAIO,GAAGP,EAAIQ,GAAGR,EAAIS,GAAG,mJAAmJL,EAAG,MAAM,CAACA,EAAG,KAAK,CAACE,YAAY,QAAQN,EAAIY,GAAIZ,EAAW,SAAE,SAASa,GAAQ,OAAOT,EAAG,KAAK,CAACU,IAAI,UAAYD,EAAOE,GAAGT,YAAY,QAAQ,CAACF,EAAG,cAAc,CAACY,MAAM,CAAC,WAAWH,EAAOE,IAAIE,MAAM,CAACC,MAAOlB,EAAImB,KAAsB,kBAAEC,SAAS,SAAUC,GAAMrB,EAAIsB,KAAKtB,EAAImB,KAAM,oBAAqBE,IAAME,WAAW,2BAA2B,CAACnB,EAAG,IAAI,CAACE,YAAY,QAAQ,CAACN,EAAIO,GAAG,iBAAiBP,EAAIQ,GAAGK,EAAOA,QAAQ,qBAAqB,MAAK,GAAIb,EAAIwB,OAAOC,IAAI,qBAAsBrB,EAAG,KAAK,CAACE,YAAY,oBAAoB,CAACN,EAAIO,GAAGP,EAAIQ,GAAGR,EAAIwB,OAAOE,MAAM,yBAAyB1B,EAAI2B,KAAKvB,EAAG,cAAc,CAACE,YAAY,OAAOU,MAAM,CAAC,MAAQhB,EAAIS,GAAG,mBAAmBQ,MAAM,CAACC,MAAOlB,EAAImB,KAAY,QAAEC,SAAS,SAAUC,GAAMrB,EAAIsB,KAAKtB,EAAImB,KAAM,UAAWE,IAAME,WAAW,mBAAmB,GAAGnB,EAAG,MAAM,CAACE,YAAY,cAAc,CAACF,EAAG,YAAY,CAACE,YAAY,OAAOU,MAAM,CAAC,MAAQ,qBAAqB,UAAY,OAAO,KAAO,UAAUY,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAO7B,EAAI8B,YAAY,CAAC9B,EAAIO,GAAG,WAAWP,EAAIQ,GAAGR,EAAIS,GAAG,UAAU,YAAYL,EAAG,YAAY,CAACY,MAAM,CAAC,MAAQ,UAAU,KAAO,UAAUY,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAO7B,EAAI+B,kBAAkB,CAAC/B,EAAIO,GAAG,WAAWP,EAAIQ,GAAGR,EAAIS,GAAG,WAAW,aAAa,MACzlDuB,EAAkB,G,oCCsCtB,GACEC,MAAO,CACLvB,GAAI,CACFwB,KAAMC,OACNC,UAAU,IAGdC,KAPF,WAQI,MAAO,CACLlB,KAAM,CACJmB,MAAOrC,KAAKS,GAAGK,GACfwB,QAAS,GACTC,kBAAmB,GACnBC,kBAAmB,KAIzBC,SAAU,CACRC,QADJ,WAEM,OAAO,OAAb,OAAa,CACb,gDACA,KAIEC,MAAO,CACLD,QADJ,WAEU1C,KAAK0C,UACP1C,KAAKkB,KAAKqB,kBAAoBvC,KAAK0C,QAAQE,KAAI,SAAvD,qBAIEC,QAAS,CACPhB,OADJ,WAEM7B,KAAKuB,OAAOuB,QAEZ9C,KAAK+C,MAAM,gBAEb,aANJ,oKAQA,oBARA,kBAWA,sFAXA,OAWA,EAXA,OAcA,qBACA,yEAGA,uDACA,0BAnBA,qDAqBA,iEArBA,oHCvE2b,I,wBCQvbC,EAAY,eACd,EACAlD,EACAiC,GACA,EACA,KACA,KACA,MAIa,aAAAiB,E,sJCfFC,EAAmB,SAACC,GAAgC,IAApBC,EAAoB,wDACzDC,EAAmBC,OAAMC,QAAQ,6BAA6BC,eAEpE,OAAKH,EAIEA,EACJI,QAAO,SAAA5C,GAAM,OAAIA,EAAO6C,cAAgBP,KACxCM,QAAO,SAAA5C,GACN,OAAIuC,EACKO,OAAUC,0BAA0BC,SAAShD,EAAOE,IAEpD4C,OAAUG,0BAA0BD,SAAShD,EAAOE,OATxD","file":"js/chunk-5c46de26.16e56c31.js","sourcesContent":["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!./HoldForm.vue?vue&type=style&index=0&lang=scss&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('h3',{staticClass:\"mb-5\"},[_vm._v(\"\\n    \"+_vm._s(_vm.$t('On Hold') + ' (' + _vm.ad.name + ')')+\"\\n  \")]),_c('p',{staticClass:\"mb-10\"},[_vm._v(_vm._s(_vm.$t('Kindly provide the advertiser with the reasons to ensure he understands where the problem lies and help him make the necessary adjustments.')))]),_c('div',[_c('ul',{staticClass:\"mt-6\"},_vm._l((_vm.reasons),function(reason){return _c('li',{key:'reason-' + reason.id,staticClass:\"my-3\"},[_c('vs-checkbox',{attrs:{\"vs-value\":reason.id},model:{value:(_vm.form.review_reason_ids),callback:function ($$v) {_vm.$set(_vm.form, \"review_reason_ids\", $$v)},expression:\"form.review_reason_ids\"}},[_c('p',{staticClass:\"ml-3\"},[_vm._v(\"\\n            \"+_vm._s(reason.reason)+\"\\n          \")])])],1)}),0),(_vm.errors.has('review_reason_ids'))?_c('h3',{staticClass:\"reasons-err ml-2\"},[_vm._v(_vm._s(_vm.errors.first('review_reason_ids')))]):_vm._e(),_c('vs-textarea',{staticClass:\"mt-6\",attrs:{\"label\":_vm.$t('Other Comments')},model:{value:(_vm.form.summary),callback:function ($$v) {_vm.$set(_vm.form, \"summary\", $$v)},expression:\"form.summary\"}})],1),_c('div',{staticClass:\"text-right\"},[_c('vs-button',{staticClass:\"mr-4\",attrs:{\"color\":\"rgb(200, 200, 200)\",\"textColor\":\"#000\",\"type\":\"filled\"},on:{\"click\":function($event){return _vm.cancel()}}},[_vm._v(\"\\n      \"+_vm._s(_vm.$t('Close'))+\"\\n    \")]),_c('vs-button',{attrs:{\"color\":\"primary\",\"type\":\"filled\"},on:{\"click\":function($event){return _vm.submitReview()}}},[_vm._v(\"\\n      \"+_vm._s(_vm.$t('Submit'))+\"\\n    \")])],1)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div>\n    <h3 class=\"mb-5\">\n      {{ $t('On Hold') + ' (' + ad.name + ')' }}\n    </h3>\n\n    <p class=\"mb-10\">{{ $t('Kindly provide the advertiser with the reasons to ensure he understands where the problem lies and help him make the necessary adjustments.') }}</p>\n\n    <div>\n      <ul class=\"mt-6\">\n        <li class=\"my-3\" v-for=\"reason in reasons\" :key=\"'reason-' + reason.id\">\n          <vs-checkbox v-model=\"form.review_reason_ids\" :vs-value=\"reason.id\">\n            <p class=\"ml-3\">\n              {{ reason.reason }}\n            </p>\n          </vs-checkbox>\n        </li>\n      </ul>\n\n      <h3 class=\"reasons-err ml-2\" v-if=\"errors.has('review_reason_ids')\">{{errors.first('review_reason_ids')}}</h3>\n\n      <vs-textarea class=\"mt-6\" :label=\"$t('Other Comments')\" v-model=\"form.summary\" />\n    </div>\n\n    <div class=\"text-right\">\n      <vs-button class=\"mr-4\" color=\"rgb(200, 200, 200)\" textColor=\"#000\" type=\"filled\" @click=\"cancel()\">\n        {{ $t('Close') }}\n      </vs-button>\n\n      <vs-button color=\"primary\" type=\"filled\" @click=\"submitReview()\">\n        {{ $t('Submit') }}\n      </vs-button>\n    </div>\n  </div>\n</template>\n\n<script>\nimport {getReviewReasons} from '@/utils/ReviewReasons'\n\nexport default {\n  props: {\n    ad: {\n      type: Object,\n      required: true\n    }\n  },\n  data () {\n    return {\n      form: {\n        ad_id: this.ad.id,\n        summary: '',\n        review_reason_ids: [],\n        acceptance_status: 2 // 2 for hold\n      }\n    }\n  },\n  computed: {\n    reasons () {\n      return getReviewReasons(\n        this.$constants.AD_REVIEW_REASON_TYPE_IDS.HOLD,\n        false\n      )\n    }\n  },\n  watch: {\n    reasons () {\n      if (this.reasons) {\n        this.form.review_reason_ids = this.reasons.map(i => i.id)\n      }\n    }\n  },\n  methods: {\n    cancel () {\n      this.errors.clear()\n\n      this.$emit('cancel-hold')\n    },\n    async submitReview () {\n\n      this.errors.clear()\n\n      try {\n        const response = await window.axios.post(`/campaigns/${this.$route.params.id}/review-ad`, this.form)\n\n        // reset form state\n        this.form.summary = ''\n        this.form.review_reason_ids = this.reasons.map(i => i.id)\n\n        // fire success events\n        this.$emit('acceptance-status-updated', response.data.payload)\n        this.$emit('cancel-hold')\n      } catch (error) {\n        this.$setLaravelValidationErrorsFromResponse(error.response.data)\n      }\n    }\n  }\n}\n</script>\n\n<style lang=\"scss\">\n  .reasons-err {\n    font-weight: 400;\n    font-size: 14px;\n    line-height: 21px;\n    color: #db2828;\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!./HoldForm.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!./HoldForm.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./HoldForm.vue?vue&type=template&id=20b83c9e&\"\nimport script from \"./HoldForm.vue?vue&type=script&lang=js&\"\nexport * from \"./HoldForm.vue?vue&type=script&lang=js&\"\nimport style0 from \"./HoldForm.vue?vue&type=style&index=0&lang=scss&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","import {constants} from '@/utils/Constants.js'\n\nimport store from '../store/store'\n\nexport const getReviewReasons = (reasonType, isVideo = false) => {\n  const allReviewReasons = store.getters['campaign/targetingLookups'].review_reasons\n\n  if (!allReviewReasons) {\n    return []\n  }\n\n  return allReviewReasons\n    .filter(reason => reason.reason_type === reasonType)\n    .filter(reason => {\n      if (isVideo) {\n        return constants.VIDEOS_REVIEW_REASONS_IDS.includes(reason.id)\n      } else {\n        return constants.IMAGES_REVIEW_REASONS_IDS.includes(reason.id)\n      }\n    })\n}\n"],"sourceRoot":""}