{"version":3,"sources":["webpack:///./src/helpers/objectToFormData.js","webpack:///./src/views/campaigns/components/steps/components/AdsetAds/components/Feedback/RejectionForm.vue?7e71","webpack:///./src/views/campaigns/components/steps/components/AdsetAds/components/Feedback/RejectionForm.vue?c3d7","webpack:///src/views/campaigns/components/steps/components/AdsetAds/components/Feedback/RejectionForm.vue","webpack:///./src/views/campaigns/components/steps/components/AdsetAds/components/Feedback/RejectionForm.vue?64fb","webpack:///./src/views/campaigns/components/steps/components/AdsetAds/components/Feedback/RejectionForm.vue","webpack:///./node_modules/object-to-formdata/dist/index.module.js","webpack:///./src/utils/ReviewReasons.js"],"names":["objectToFormData","object","serialize","indices","nullsAsUndefineds","booleansAsIntegers","allowEmptyArrays","render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","_v","_s","$t","_l","reason","key","id","staticStyle","model","value","form","callback","$$v","$set","expression","errors","has","first","_e","directives","name","rawName","domProps","on","$event","target","composing","title","index","titles","length","class","addTitle","removeTitle","ad","adset","campaign","display_type_id","$constants","CAMPAIGN_TYPES_IDS","VIDEO","image","handleValidateOnDrop","placeholder","removeImg","Object","assign","images","isLastImageContainerFilled","addImage","close","isSubmitBtnDisabled","submitReview","staticRenderFns","components","props","adId","required","adAcceptanceStatus","default","data","showRejectionForm","loaded","getFormDefaults","rejectionFeedback","format","size","dimensions","classes","isFirstLoad","computed","lastImgIndex","reasons","acceptance_status","AD_ACCEPTANCE_STATUSES","REJECTED","watch","handler","deep","methods","ad_id","summary","review_reason_ids","recommendations","clear","$emit","params","splice","getFlatRecsOfSubject","recommendationOfSubject","recommendation_items","test","file","push","Math","random","component","isUndefined","undefined","isNull","isBoolean","isObject","isArray","Array","isDate","Date","isBlob","type","slice","isFile","lastModifiedDate","lastModified","obj","cfg","fd","pre","FormData","append","forEach","toISOString","keys","prop","lastIndexOf","substring","module","exports","getReviewReasons","reasonType","isVideo","allReviewReasons","store","getters","review_reasons","filter","reason_type","constants","VIDEOS_REVIEW_REASONS_IDS","includes","IMAGES_REVIEW_REASONS_IDS"],"mappings":"kHAAA,kDAEaA,EAAmB,SAACC,GAC/B,OAAOC,uBAAUD,EAAQ,CAKvBE,SAAS,EAMTC,mBAAmB,EAMnBC,oBAAoB,EAMpBC,kBAAkB,M,oCC1BtB,W,yCCAA,IAAIC,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAQF,EAAU,OAAEI,EAAG,MAAM,CAACE,YAAY,OAAOC,MAAM,CAAC,UAAW,IAAO,CAACH,EAAG,MAAM,CAACE,YAAY,cAAc,CAACF,EAAG,KAAK,CAACJ,EAAIQ,GAAGR,EAAIS,GAAGT,EAAIU,GAAG,yBAAyBN,EAAG,MAAM,CAACE,YAAY,aAAa,CAACF,EAAG,KAAK,CAACJ,EAAIQ,GAAGR,EAAIS,GAAGT,EAAIU,GAAG,2BAA2BN,EAAG,UAAU,CAACE,YAAY,qBAAqB,CAACF,EAAG,KAAK,GAAGJ,EAAIW,GAAIX,EAAW,SAAE,SAASY,GAAQ,OAAOR,EAAG,KAAK,CAACS,IAAI,UAAYD,EAAOE,GAAGR,YAAY,gBAAgB,CAACF,EAAG,cAAc,CAACE,YAAY,OAAOS,YAAY,CAAC,MAAQ,WAAWR,MAAM,CAAC,WAAWK,EAAOE,IAAIE,MAAM,CAACC,MAAOjB,EAAIkB,KAAsB,kBAAEC,SAAS,SAAUC,GAAMpB,EAAIqB,KAAKrB,EAAIkB,KAAM,oBAAqBE,IAAME,WAAW,2BAA2B,CAAClB,EAAG,IAAI,CAACE,YAAY,6BAA6B,CAACN,EAAIQ,GAAG,iBAAiBR,EAAIS,GAAGG,EAAOA,QAAQ,qBAAqB,MAAK,GAAIZ,EAAIuB,OAAOC,IAAI,qBAAsBpB,EAAG,KAAK,CAACE,YAAY,eAAe,CAACN,EAAIQ,GAAGR,EAAIS,GAAGT,EAAIuB,OAAOE,MAAM,yBAAyBzB,EAAI0B,KAAKtB,EAAG,WAAW,CAACuB,WAAW,CAAC,CAACC,KAAK,QAAQC,QAAQ,UAAUZ,MAAOjB,EAAIkB,KAAY,QAAEI,WAAW,iBAAiBf,MAAM,CAAC,YAAc,iBAAiB,UAAY,OAAOuB,SAAS,CAAC,MAAS9B,EAAIkB,KAAY,SAAGa,GAAG,CAAC,MAAQ,SAASC,GAAWA,EAAOC,OAAOC,WAAqBlC,EAAIqB,KAAKrB,EAAIkB,KAAM,UAAWc,EAAOC,OAAOhB,aAAab,EAAG,UAAU,CAACE,YAAY,yBAAyB,CAACF,EAAG,KAAK,CAACE,YAAY,4CAA4C,CAACN,EAAIQ,GAAG,WAAWR,EAAIS,GAAGT,EAAIU,GAAG,4BAA4B,YAAYV,EAAIW,GAAIX,EAAU,QAAE,SAASmC,EAAMC,GAAO,OAAOhC,EAAG,MAAM,CAACS,IAAK,WAAauB,EAAM,IAAK,CAAChC,EAAG,MAAM,CAACE,YAAY,oCAAoC,CAACF,EAAG,gBAAgB,CAACE,YAAY,YAAYC,MAAM,CAAC,UAAY,KAAK,YAAe,WAAa6B,EAAM,GAAI,MAAS,WAAaA,EAAM,GAAI,WAAa,SAAS,eAAkB,WAAaA,EAAM,IAAKpB,MAAM,CAACC,MAAOjB,EAAIqC,OAAOD,GAAY,MAAEjB,SAAS,SAAUC,GAAMpB,EAAIqB,KAAKrB,EAAIqC,OAAOD,GAAQ,QAAShB,IAAME,WAAW,yBAAyBlB,EAAG,OAAO,CAACE,YAAY,8CAA8C,CAAEN,EAAIqC,OAAOC,SAAWF,EAAQ,EAAGhC,EAAG,UAAU,CAACE,YAAY,OAAOiC,MAAM,CAAC,sBAAuBJ,EAAMlB,OAAOV,MAAM,CAAC,KAAO,eAAe,YAAY,UAAU,MAAQ4B,EAAMlB,MAAO,UAAU,WAAWc,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOhC,EAAIwC,SAASL,OAAWnC,EAAI0B,KAAM1B,EAAIqC,OAAOC,OAAS,EAAGlC,EAAG,UAAU,CAACE,YAAY,SAASC,MAAM,CAAC,KAAO,iBAAiB,YAAY,UAAU,MAAQ,WAAWwB,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOhC,EAAIyC,YAAYL,OAAWpC,EAAI0B,MAAM,IAAI,SAAQ,GAAI1B,EAAI0C,GAAGC,MAAMC,SAASC,kBAAoB7C,EAAI8C,WAAWC,mBAAmBC,MAAO5C,EAAG,UAAU,CAACE,YAAY,wBAAwB,CAACF,EAAG,KAAK,CAACE,YAAY,aAAa,CAACN,EAAIQ,GAAG,WAAWR,EAAIS,GAAGT,EAAIU,GAAG,0BAA0B,YAAYN,EAAG,MAAM,CAACE,YAAY,wCAAwC,CAACN,EAAIW,GAAIX,EAAU,QAAE,SAASiD,EAAMb,GAAO,OAAOhC,EAAG,OAAO,CAACS,IAAIoC,EAAMnC,IAAI,CAACV,EAAG,SAAS,CAACG,MAAM,CAAC,KAAO,QAAQ,OAAS,yBAAyB,QAAU,GAAI,eAAiBP,EAAIkD,qBAAqB,UAAW,EAAM,WAAY,EAAM,YAAclD,EAAImD,aAAapB,GAAG,CAAC,OAAS,SAASC,GAAQ,OAAOhC,EAAIoD,UAAUC,OAAOC,OAAO,GAAItB,EAAQ,CAACI,MAAOA,OAAWpB,MAAM,CAACC,MAAOjB,EAAIuD,OAAOnB,GAAO,SAAUjB,SAAS,SAAUC,GAAMpB,EAAIqB,KAAKrB,EAAIuD,OAAOnB,GAAQ,QAAShB,IAAME,WAAW,6BAA6B,MAAKlB,EAAG,OAAO,CAACE,YAAY,yCAAyCiC,MAAM,CAACvC,EAAIwD,2BAA6B,iBAAkB,sBAAsBzB,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOhC,EAAIyD,cAAc,CAACrD,EAAG,UAAU,CAACE,YAAY,cAAcC,MAAM,CAAC,KAAO,eAAe,YAAY,UAAU,MAAQP,EAAIwD,2BAA6B,UAAU,cAAc,IAAI,KAAKxD,EAAI0B,KAAKtB,EAAG,UAAU,CAACE,YAAY,gCAAgC,CAACF,EAAG,SAAS,CAACE,YAAY,gBAAgByB,GAAG,CAAC,MAAQ/B,EAAI0D,QAAQ,CAAC1D,EAAIQ,GAAG,SAASR,EAAIS,GAAGT,EAAIU,GAAG,WAAW,YAAYN,EAAG,SAAS,CAACmC,MAAM,CAACvC,EAAI2D,oBAAqB,yBAA0B,iBAAiBpD,MAAM,CAAC,KAAO,SAAS,SAAWP,EAAI2D,qBAAqB5B,GAAG,CAAC,MAAQ/B,EAAI4D,eAAe,CAAC5D,EAAIQ,GAAG,WAAWR,EAAIS,GAAGT,EAAIU,GAAG,WAAW,gBAAgBV,EAAI0B,MACxnImC,EAAkB,G,sGCmGtB,GACEC,WAAY,CAAd,qBACEC,MAAO,CACLC,KAAM,CACJC,UAAU,GAEZC,mBAAoB,CAClBC,QAAS,OAGbC,KAVF,WAWI,MAAO,CACLC,mBAAmB,EACnB3B,GAAI,KACJa,OAAQ,GACRlB,OAAQ,GACRiC,QAAQ,EACRpD,KAAMjB,KAAKsE,kBACXC,kBAAmB,KACnBrB,YAAa,CACXsB,OAAQ,mBACRC,KAAM,mBACNC,WAAY,uBACZC,QAAS,qBAEXC,aAAa,IAIjBC,SAAU,CACRtB,2BADJ,WAEM,IAAN,qBAEM,OAAOvD,KAAKsD,OAAOwB,EAAe,IAAM9E,KAAKsD,OAAOwB,EAAe,GAAG9D,OAGxE+D,QAPJ,WAQM,OAAO,OAAb,OAAa,CACb,iDACA,oFAIIrB,oBAdJ,WAeM,OAAO1D,KAAK4E,aAAe5E,KAAKyC,GAAGuC,oBAAsBhF,KAAK6C,WAAWoC,uBAAuBC,WAIpGC,MAAO,CACLlE,KAAM,CACJmE,QADN,WAEQpF,KAAK4E,aAAc,GAErBS,MAAM,IAIV,QAzDF,uKA0DA,8BA1DA,cA0DA,QA1DA,gBA4DA,mBA5DA,OA4DA,UA5DA,OA8DA,oBAEA,eAhEA,wGAmEEC,QAAS,CACPhB,gBADJ,WAEM,MAAO,CACLiB,MAAOvF,KAAK+D,KACZiB,kBAAmB,EACnBQ,QAAS,GACTC,kBAAmB,GACnBC,gBAAiB,KAIrBjC,MAXJ,WAYMzD,KAAKsB,OAAOqE,QAEZ3F,KAAKiB,KAAOjB,KAAKsE,kBAEjBtE,KAAK4F,MAAM,WAGb,cAnBJ,oEAmBA,GAnBA,uGAoBA,8CACA,QACA,8CAtBA,cAoBA,EApBA,yBA0BA,gBA1BA,yGA6BI,gCA7BJ,oEA6BA,GA7BA,2FA8BA,iBA9BA,gCA+BA,8DA/BA,UA+BA,EA/BA,SAiCA,eAjCA,yCAkCA,mBACA,OACA,iBACA,iBAEA,IAvCA,gCA2CA,iCA3CA,yGA8CI,YA9CJ,8JA+CA,+DAEA,+BAEA,oDACA,6FApDA,SA4DA,8CA5DA,mBA4DA,YA5DA,aA0DA,gBACA,YACA,OA5DA,eAiEA,8CAjEA,mBAiEA,YAjEA,aA+DA,gBACA,YACA,OAjEA,MAuDA,0BAvDA,YAqEA,oBArEA,kBAuEA,WAvEA,yGA0EIzC,UA1EJ,WA0EA,wEACgC,WAAtB0C,EAAO,GAAG,UACZ7F,KAAKsD,OAAOwC,OAAOD,EAAO,GAAG,SAAU,GAEZ,IAAvB7F,KAAKsD,OAAOjB,QACdrC,KAAKwD,aAKX,aApFJ,+KAsFA,oBAEA,oCAEA,8FA1FA,SA4FA,uEACA,cACA,uBACA,SACA,wCAhGA,OA4FA,EA5FA,OAoGA,0BAEA,uDAtGA,qDAwGA,iEAxGA,kHA4GIuC,qBA5GJ,SA4GA,KACM,GAAIL,EAAiB,CACnB,IAAR,8CAEQ,OAAOM,EAA0BA,EAAwBC,qBAAuB,KAIpFhD,qBApHJ,SAoHA,GACM,MAAO,oBAAoBiD,KAAKC,EAAKxE,OAGvC6B,SAxHJ,YAyHWxD,KAAKuD,4BAA8BvD,KAAKsD,QAAUtD,KAAKsD,OAAOjB,OAAS,GAI5ErC,KAAKsD,OAAO8C,KAAK,CACfvF,GAAIwF,KAAKC,SACTtF,MAAO,QAIXuB,SAnIJ,SAmIA,GACWL,EAAMlB,OAIXhB,KAAKoC,OAAOgE,KAAK,CACfpF,MAAO,QAIXwB,YA7IJ,SA6IA,GACMxC,KAAKoC,OAAO0D,OAAO3D,EAAO,MCrTga,I,wBCQ5boE,EAAY,eACd,EACAzG,EACA8D,GACA,EACA,KACA,KACA,MAIa,aAAA2C,E,mDCnBf,MAAMC,EAAexF,QAAoByF,IAAVzF,EAEzB0F,EAAU1F,GAAoB,OAAVA,EAEpB2F,EAAa3F,GAA2B,mBAAVA,EAE9B4F,EAAY5F,GAAUA,IAAUoC,OAAOpC,GAEvC6F,EAAW7F,GAAU8F,MAAMD,QAAQ7F,GAEnC+F,EAAU/F,GAAUA,aAAiBgG,KAErCC,EAAUjG,GACdA,GACsB,kBAAfA,EAAMyD,MACS,kBAAfzD,EAAMkG,MACU,oBAAhBlG,EAAMmG,MAETC,EAAUpG,GACdiG,EAAOjG,IACe,kBAAfA,EAAMW,OACsB,kBAA3BX,EAAMqG,kBACkB,kBAAvBrG,EAAMsG,cAEX7H,EAAY,CAAC8H,EAAKC,EAAKC,EAAIC,KAC/BF,EAAMA,GAAO,GAEbA,EAAI9H,SAAU8G,EAAYgB,EAAI9H,UAAmB8H,EAAI9H,QAErD8H,EAAI7H,mBAAoB6G,EAAYgB,EAAI7H,oBAEpC6H,EAAI7H,kBAER6H,EAAI5H,oBAAqB4G,EAAYgB,EAAI5H,qBAErC4H,EAAI5H,mBAER4H,EAAI3H,kBAAmB2G,EAAYgB,EAAI3H,mBAEnC2H,EAAI3H,iBAER4H,EAAKA,GAAM,IAAIE,SAEXnB,EAAYe,KAELb,EAAOa,GACXC,EAAI7H,mBACP8H,EAAGG,OAAOF,EAAK,IAERf,EAAUY,GACfC,EAAI5H,mBACN6H,EAAGG,OAAOF,EAAKH,EAAM,EAAI,GAEzBE,EAAGG,OAAOF,EAAKH,GAERV,EAAQU,GACbA,EAAIlF,OACNkF,EAAIM,QAAQ,CAAC7G,EAAOmB,KAClB,MAAMvB,EAAM8G,EAAM,KAAOF,EAAI9H,QAAUyC,EAAQ,IAAM,IAErD1C,EAAUuB,EAAOwG,EAAKC,EAAI7G,KAEnB4G,EAAI3H,kBACb4H,EAAGG,OAAOF,EAAM,KAAM,IAEfX,EAAOQ,GAChBE,EAAGG,OAAOF,EAAKH,EAAIO,gBACVlB,EAASW,IAASH,EAAOG,IAASN,EAAOM,GAelDE,EAAGG,OAAOF,EAAKH,GAdfnE,OAAO2E,KAAKR,GAAKM,QAASG,IACxB,MAAMhH,EAAQuG,EAAIS,GAElB,GAAInB,EAAQ7F,GACV,MAAOgH,EAAK3F,OAAS,GAAK2F,EAAKC,YAAY,QAAUD,EAAK3F,OAAS,EACjE2F,EAAOA,EAAKE,UAAU,EAAGF,EAAK3F,OAAS,GAI3C,MAAMzB,EAAM8G,EAAMA,EAAM,IAAMM,EAAO,IAAMA,EAE3CvI,EAAUuB,EAAOwG,EAAKC,EAAI7G,MAnCrB6G,GA4CXU,EAAOC,QAAU,CACf3I,c,oHCrFW4I,EAAmB,SAACC,GAAgC,IAApBC,EAAoB,wDACzDC,EAAmBC,OAAMC,QAAQ,6BAA6BC,eAEpE,OAAKH,EAIEA,EACJI,QAAO,SAAAjI,GAAM,OAAIA,EAAOkI,cAAgBP,KACxCM,QAAO,SAAAjI,GACN,OAAI4H,EACKO,OAAUC,0BAA0BC,SAASrI,EAAOE,IAEpDiI,OAAUG,0BAA0BD,SAASrI,EAAOE,OATxD","file":"js/chunk-102eb317.fb751118.js","sourcesContent":["import { serialize } from 'object-to-formdata'\n\nexport const objectToFormData = (object) => {\n  return serialize(object, {\n    /**\n     * include array indices in FormData keys\n     * defaults to false\n     */\n    indices: true,\n\n    /**\n     * treat null values like undefined values and ignore them\n     * defaults to false\n     */\n    nullsAsUndefineds: false,\n\n    /**\n     * convert true or false to 1 or 0 respectively\n     * defaults to false\n     */\n    booleansAsIntegers: true,\n\n    /**\n     * store arrays even if they're empty\n     * defaults to false\n     */\n    allowEmptyArrays: false\n  })\n}","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!./RejectionForm.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 (_vm.loaded)?_c('div',{staticClass:\"test\",attrs:{\"noShadow\":true}},[_c('div',{staticClass:\"main-title\"},[_c('h4',[_vm._v(_vm._s(_vm.$t('Review Comments')))])]),_c('div',{staticClass:\"sub-title\"},[_c('h5',[_vm._v(_vm._s(_vm.$t('Rejection Reasons')))])]),_c('section',{staticClass:\"rejection-reasons\"},[_c('ul',{},_vm._l((_vm.reasons),function(reason){return _c('li',{key:'reason-' + reason.id,staticClass:\"reasons-list\"},[_c('vs-checkbox',{staticClass:\"ml-0\",staticStyle:{\"color\":\"#c2c2c2\"},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 checkbox-option-text\"},[_vm._v(\"\\n            \"+_vm._s(reason.reason)+\"\\n          \")])])],1)}),0),(_vm.errors.has('review_reason_ids'))?_c('h3',{staticClass:\"reasons-err\"},[_vm._v(_vm._s(_vm.errors.first('review_reason_ids')))]):_vm._e(),_c('textarea',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.form.summary),expression:\"form.summary\"}],attrs:{\"placeholder\":\"Other comments\",\"maxLength\":\"500\"},domProps:{\"value\":(_vm.form.summary)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.$set(_vm.form, \"summary\", $event.target.value)}}})]),_c('section',{staticClass:\"titles-recommendition\"},[_c('h5',{staticClass:\"sub-title title-recommendition-sub-title\"},[_vm._v(\"\\n      \"+_vm._s(_vm.$t('Title’s recommendations'))+\"\\n    \")]),_vm._l((_vm.titles),function(title,index){return _c('div',{key:(\"Option \" + (index+1))},[_c('div',{staticClass:\"flex space-x-0 justify-items-end\"},[_c('speakol-input',{staticClass:\"sug-title\",attrs:{\"maxLength\":\"70\",\"placeholder\":(\"Option \" + (index+1)),\"label\":(\"Option \" + (index+1)),\"validation\":\"max:70\",\"correlationKey\":(\"Option \" + (index+1))},model:{value:(_vm.titles[index].value),callback:function ($$v) {_vm.$set(_vm.titles[index], \"value\", $$v)},expression:\"titles[index].value\"}}),_c('span',{staticClass:\"flex space-x-8 items-center pl-5 add-title\"},[(_vm.titles.length === index + 1)?_c('vs-icon',{staticClass:\"plus\",class:{'cursor-not-allowed': !title.value},attrs:{\"icon\":\"speakol-plus\",\"icon-pack\":\"speakol\",\"color\":title.value? '#0092d7':'#c2c2c2'},on:{\"click\":function($event){return _vm.addTitle(title)}}}):_vm._e(),(_vm.titles.length > 1)?_c('vs-icon',{staticClass:\"remove\",attrs:{\"icon\":\"speakol-cancel\",\"icon-pack\":\"speakol\",\"color\":\"#DB2828\"},on:{\"click\":function($event){return _vm.removeTitle(index)}}}):_vm._e()],1)],1)])})],2),(_vm.ad.adset.campaign.display_type_id !== _vm.$constants.CAMPAIGN_TYPES_IDS.VIDEO)?_c('section',{staticClass:\"photo-recommendition\"},[_c('h5',{staticClass:\"sub-title\"},[_vm._v(\"\\n      \"+_vm._s(_vm.$t('Photo Recommendations'))+\"\\n    \")]),_c('div',{staticClass:\"grid gap-8 md:grid-cols-3 grid-col-1\"},[_vm._l((_vm.images),function(image,index){return _c('span',{key:image.id},[_c('Upload',{attrs:{\"type\":'image',\"accept\":'image/x-png,image/jpeg',\"maxSize\":0.3,\"validateOnDrop\":_vm.handleValidateOnDrop,\"disabled\":false,\"showTitle\":false,\"placeholder\":_vm.placeholder},on:{\"delete\":function($event){return _vm.removeImg(Object.assign({}, $event, {index: index}))}},model:{value:(_vm.images[index]['value']),callback:function ($$v) {_vm.$set(_vm.images[index], 'value', $$v)},expression:\"images[index]['value']\"}})],1)}),_c('span',{staticClass:\"flex items-center border-gray-100 w-10\",class:[_vm.isLastImageContainerFilled ? 'cursor-pointer' :'cursor-not-allowed'],on:{\"click\":function($event){return _vm.addImage()}}},[_c('vs-icon',{staticClass:\"new-img-btn\",attrs:{\"icon\":\"speakol-plus\",\"icon-pack\":\"speakol\",\"color\":_vm.isLastImageContainerFilled ? '#0092d7':'#c2c2c2'}})],1)],2)]):_vm._e(),_c('section',{staticClass:\"text-right space-x-4 actions\"},[_c('button',{staticClass:\"action-cancel\",on:{\"click\":_vm.close}},[_vm._v(\"\\n    \"+_vm._s(_vm.$t('Cancel'))+\"\\n    \")]),_c('button',{class:[_vm.isSubmitBtnDisabled? 'disabled-action-submit': 'action-submit'],attrs:{\"type\":\"filled\",\"disabled\":_vm.isSubmitBtnDisabled},on:{\"click\":_vm.submitReview}},[_vm._v(\"\\n      \"+_vm._s(_vm.$t('Submit'))+\"\\n    \")])])]):_vm._e()}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"test\" :noShadow=\"true\" v-if=\"loaded\">\n    <div class=\"main-title\">\n      <h4>{{ $t('Review Comments') }}</h4>\n    </div>\n\n    <div class=\"sub-title\">\n      <h5>{{ $t('Rejection Reasons') }}</h5>\n    </div>\n\n    <section class=\"rejection-reasons\">\n      <ul class=\"\">\n        <li class=\"reasons-list\" v-for=\"reason in reasons\" :key=\"'reason-' + reason.id\">\n          <vs-checkbox v-model=\"form.review_reason_ids\" :vs-value=\"reason.id\" class=\"ml-0\" style=\"color: #c2c2c2;\">\n            <p class=\"ml-3 checkbox-option-text\">\n              {{ reason.reason }}\n            </p>\n          </vs-checkbox>\n        </li>\n      </ul>\n\n      <h3 class=\"reasons-err\" v-if=\"errors.has('review_reason_ids')\">{{errors.first('review_reason_ids')}}</h3>\n\n      <textarea v-model=\"form.summary\" placeholder=\"Other comments\" maxLength=\"500\"/>\n    </section>\n\n    <section class=\"titles-recommendition\">\n      <h5 class=\"sub-title title-recommendition-sub-title\">\n        {{ $t('Title’s recommendations') }}\n      </h5>\n\n      <div class=\"\" v-for=\"(title,index) in titles\" :key=\"`Option ${index+1}`\">\n        <div class=\"flex space-x-0 justify-items-end\">\n          <speakol-input\n            maxLength=\"70\"\n            class=\"sug-title\"\n            v-model=\"titles[index].value\"\n            :placeholder=\"`Option ${index+1}`\"\n            :label=\"`Option ${index+1}`\"\n            validation=\"max:70\"\n            :correlationKey=\"`Option ${index+1}`\"\n          >\n          </speakol-input>\n\n          <span class=\"flex space-x-8 items-center pl-5 add-title\">\n            <vs-icon :class=\"{'cursor-not-allowed': !title.value}\" class=\"plus\" v-if=\"titles.length === index + 1\" icon=\"speakol-plus\" icon-pack=\"speakol\" :color=\"title.value? '#0092d7':'#c2c2c2'\" @click=\"addTitle(title)\"></vs-icon>\n\n            <vs-icon class=\"remove\" v-if=\"titles.length > 1\" icon=\"speakol-cancel\" icon-pack=\"speakol\" color=\"#DB2828\" @click=\"removeTitle(index)\"></vs-icon>\n          </span>\n        </div>\n      </div>\n    </section>\n\n    <section class=\"photo-recommendition\" v-if=\"ad.adset.campaign.display_type_id !== $constants.CAMPAIGN_TYPES_IDS.VIDEO\">\n      <h5 class=\"sub-title\">\n        {{ $t('Photo Recommendations') }}\n      </h5>\n      <div class=\"grid gap-8 md:grid-cols-3 grid-col-1\">\n        <span v-for=\"(image,index) in images\" :key=\"image.id\">\n          <Upload\n            :type=\"'image'\"\n            v-model=\"images[index]['value']\"\n            :accept=\"'image/x-png,image/jpeg'\"\n            :maxSize=\"0.3\"\n            :validateOnDrop=\"handleValidateOnDrop\"\n            :disabled=\"false\"\n            :showTitle=\"false\"\n            :placeholder=\"placeholder\"\n            @delete=\"removeImg({...$event, index})\"\n          >\n          </Upload>\n        </span>\n        <span @click=\"addImage()\" class=\"flex items-center border-gray-100 w-10\" :class=\"[isLastImageContainerFilled ? 'cursor-pointer' :'cursor-not-allowed']\">\n          <vs-icon icon=\"speakol-plus\" icon-pack=\"speakol\" :color=\"isLastImageContainerFilled ? '#0092d7':'#c2c2c2'\" class=\"new-img-btn\"></vs-icon>\n        </span>\n      </div>\n    </section>\n\n    <section class=\"text-right space-x-4 actions\">\n      <button class=\"action-cancel\" @click=\"close\">\n      {{ $t('Cancel') }}\n      </button>\n      <button\n        type=\"filled\"\n        @click=\"submitReview\"\n        :disabled=\"isSubmitBtnDisabled\"\n        :class=\"[isSubmitBtnDisabled? 'disabled-action-submit': 'action-submit']\">\n        {{ $t('Submit') }}\n      </button>\n    </section>\n  </div>\n</template>\n\n<script>\nimport Upload from '@/views/campaigns/components/Upload.vue'\nimport { objectToFormData } from '@/helpers/objectToFormData.js'\nimport {cloneDeep} from 'lodash'\n\nimport {getReviewReasons} from '@/utils/ReviewReasons'\n\nexport default {\n  components: { Upload },\n  props: {\n    adId: {\n      required: true\n    },\n    adAcceptanceStatus: {\n      default: null\n    }\n  },\n  data () {\n    return {\n      showRejectionForm: true,\n      ad: null,\n      images: [],\n      titles: [],\n      loaded: false,\n      form: this.getFormDefaults(),\n      rejectionFeedback: null,\n      placeholder: {\n        format: 'Format：jpg. png.',\n        size: 'Size：300 KB max.',\n        dimensions: 'Dims：640*360 px max.',\n        classes: 'placeholder-style'\n      },\n      isFirstLoad: true\n    }\n  },\n\n  computed: {\n    isLastImageContainerFilled () {\n      const lastImgIndex = this.images.length\n\n      return this.images[lastImgIndex - 1] && this.images[lastImgIndex - 1].value\n    },\n\n    reasons () {\n      return getReviewReasons(\n        this.$constants.AD_REVIEW_REASON_TYPE_IDS.REJECT,\n        this.ad.adset.campaign.display_type_id === this.$constants.CAMPAIGN_TYPES_IDS.VIDEO\n      )\n    },\n\n    isSubmitBtnDisabled () {\n      return this.isFirstLoad && this.ad.acceptance_status === this.$constants.AD_ACCEPTANCE_STATUSES.REJECTED\n    }\n  },\n\n  watch: {\n    form: {\n      handler () {\n        this.isFirstLoad = false\n      },\n      deep: true\n    }\n  },\n\n  async created () {\n    this.ad = await this.getAdFeedback(this.adId)\n\n    this.form = await this.setFormData()\n\n    this.isFirstLoad = true\n\n    this.loaded = true\n  },\n\n  methods: {\n    getFormDefaults () {\n      return {\n        ad_id: this.adId,\n        acceptance_status: 0,\n        summary: '',\n        review_reason_ids: [],\n        recommendations: []\n      }\n    },\n\n    close () {\n      this.errors.clear()\n\n      this.form = this.getFormDefaults()\n\n      this.$emit('cancel')\n    },\n\n    async getAdFeedback (adId) {\n      const response = await window.axios.get(`/feedbacks/ads/${adId}`, {\n        params: {\n          type: this.$constants.FEEDBACK_TYPES.REJECT\n        }\n      })\n\n      return response.data.payload\n    },\n\n    async getRecommendationItemsOfSubject (subject) {\n      if (this.ad.feedback) {\n        const items = await this.getFlatRecsOfSubject(this.ad.feedback.recommendations, subject)\n\n        if (items && items.length > 0) {\n          return items.map((item) => {\n            return {\n              id: Math.random(),\n              value: item.value\n            }\n          }, items)\n        }\n      }\n\n      return [{id: Math.random(), value: null}]\n    },\n\n    async setFormData () {\n      this.form.summary = this.ad.feedback ? this.ad.feedback.summary : ''\n\n      this.form.review_reason_ids = []\n\n      if (this.ad.feedback && this.ad.feedback.review_reasons) {\n        this.form.review_reason_ids = this.ad.feedback.review_reasons.map(el => el.id)\n      }\n\n      this.form.recommendations =\n        [\n          {\n            subject: 'title',\n            required: true,\n            values: this.titles = await this.getRecommendationItemsOfSubject('title')\n          },\n          {\n            subject: 'image',\n            required: true,\n            values: this.images = await this.getRecommendationItemsOfSubject('image')\n          }\n        ]\n\n      this.isFirstLoad = true\n\n      return this.form\n    },\n\n    removeImg (...params) {\n      if (params[0]['type'] === 'remove') {\n        this.images.splice(params[0]['index'], 1)\n\n        if (this.images.length === 0) {\n          this.addImage()\n        }\n      }\n    },\n\n    async submitReview () {\n      try {\n        this.errors.clear()\n\n        const formToSave = cloneDeep(this.form)\n\n        formToSave.recommendations = formToSave.recommendations.filter(el => el.values[0]['value'] !== null)\n\n        const response = await window.axios(`/campaigns/${this.$route.params.id}/review-ad`, {\n          method: 'POST',\n          data: objectToFormData(formToSave),\n          headers: {\n            'Content-Type': 'multipart/form-data'\n          }\n        })\n\n        this.showRejectionForm = false\n\n        this.$emit('acceptance-status-updated', response.data.payload)\n      } catch (error) {\n        this.$setLaravelValidationErrorsFromResponse(error.response.data)\n      }\n    },\n\n    getFlatRecsOfSubject (recommendations, subject) {\n      if (recommendations) {\n        const recommendationOfSubject = recommendations.find(el => el.subject === subject)\n\n        return recommendationOfSubject ? recommendationOfSubject.recommendation_items : []\n      }\n    },\n\n    handleValidateOnDrop (file) {\n      return /\\.(jpeg|png|jpg)$/.test(file.name)\n    },\n\n    addImage () {\n      if (!this.isLastImageContainerFilled && this.images && this.images.length > 0) {\n        return\n      }\n\n      this.images.push({\n        id: Math.random(),\n        value: null\n      })\n    },\n\n    addTitle (title) {\n      if (!title.value) {\n        return\n      }\n\n      this.titles.push({\n        value: null\n      })\n    },\n\n    removeTitle (index) {\n      this.titles.splice(index, 1)\n    }\n  }\n}\n</script>\n\n<style lang=\"scss\">\n\n.vs-popup--content::-webkit-scrollbar-track,\n.textarea::-webkit-scrollbar-track {\n  border-radius: 10px !important;\n  background-color: #f5f5f5 !important;\n}\n\n.vs-popup--content::-webkit-scrollbar,\ntextarea::-webkit-scrollbar {\n  width: 6px !important;\n  height: 6px !important;\n  background-color: #f5f5f5 !important;\n}\n\n.vs-popup--content::-webkit-scrollbar-thumb,\ntextarea::-webkit-scrollbar-thumb {\n  border-radius: 10px !important;\n  background-color: lightgray !important;\n}\n\n.rejection-reasons {\n  textarea {\n    width: 100%;\n    max-width: 100%;\n    min-width: 100%;\n    height: 140px;\n    max-height: 140px;\n    min-height: 140px;\n    border: 1px solid rgba(0, 0, 0, 0.15);\n    border-radius: 4px;\n    padding: 16px;\n    margin-bottom: 32px;\n    margin-top: 20px;\n    font-family: \"Poppins\", sans-serif;\n  }\n\n  textarea::placeholder {\n    color: #c2c2c2;\n  }\n\n  .reasons-list:not(:last-child) {\n    margin-bottom: 19px;\n  }\n}\n\n.photo-recommendition {\n  margin-top: 10px;\n\n  h5 {\n    margin-bottom: 18px;\n  }\n}\n\n.actions {\n  margin-top: 18px;\n}\n\n.vs-popup--content {\n  padding: 27px 27px 27px 32px !important;\n}\n\n.title-recommendition-sub-title {\n  margin-bottom: 18px;\n  font-size: 18px;\n}\n\n.titles-recommendition {\n  .label {\n    margin-bottom: 8px;\n  }\n\n  input:focus {\n    box-shadow: none !important;\n  }\n}\n\n.ad-recommendations {\n  font-size: 12px !important;\n  font-family: Poppins;\n\n  .vs-popup {\n    width: 558px !important;\n  }\n\n  .review-img,\n  .upload-component,\n  .image-container {\n    font-size: 12px !important;\n    width: 154px !important;\n    height: 116px !important;\n    border-radius: 10px !important;\n  }\n\n  .image-container {\n    .cursor-pointer {\n      right: 8px !important;\n      top: 8px !important;\n    }\n  }\n\n  .placeholder-style {\n    padding-top: 12px !important;\n    padding-bottom: 12px !important;\n    text-align: center !important;\n  }\n\n  .icon-container {\n    height: 24px !important;\n    padding: 2px !important;\n  }\n\n  .upload-icon,\n  .upload-icon-hover {\n    width: 20px !important;\n    height: 20px !important;\n  }\n\n  .add-title {\n    height: 40px;\n    margin-top: 29px;\n    cursor: pointer !important;\n\n    .remove,\n    .plus {\n      font-size: 17px !important;\n    }\n  }\n\n  .title {\n    @apply font-medium leading-10 text-speakol-black-color;\n  }\n\n  .main-title {\n    h4 {\n      @extend .title;\n\n      font-size: 24px;\n    }\n  }\n\n  .sub-title {\n    h5 {\n      @extend .title;\n\n      font-size: 18px;\n      margin-top: 18px;\n      margin-bottom: 16px;\n      font-weight: 500;\n    }\n  }\n\n  .checkbox-option-text {\n    color: #323232;\n    font-size: 14px;\n  }\n\n  .vs-popup--content {\n    overflow-y: auto;\n  }\n\n  .sug-title {\n    min-width: 80%;\n    margin-bottom: 28px;\n  }\n\n  .new-img-btn {\n    border: 1px solid rgba(194, 194, 194, 0.4);\n    padding: 10px;\n    border-radius: 4px;\n    // width: 40px;\n    // height: 40px;\n    font-size: 18px !important;\n  }\n\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  @media (max-width: 768px) {\n    .sug-title {\n      min-width: 72%;\n    }\n\n    .vs-popup--content {\n      padding: 24px !important;\n    }\n\n    .upload-component,\n    .image-container {\n      width: 100% !important;\n    }\n\n    .ad-recommendations .review-img,\n    .ad-recommendations .upload-component,\n    .ad-recommendations .image-container {\n      width: 100% !important;\n    }\n\n    .review-img {\n      width: 100% !important;\n    }\n\n    .vs-checkbox {\n      padding: 7px !important;\n      width: unset !important;\n      height: unset !important;\n      position: relative;\n      top: 1px;\n    }\n\n    .vs-checkbox-default {\n      align-items: start !important;\n    }\n\n    .actions {\n      display: flex;\n      flex-direction: column-reverse;\n    }\n\n    .action-submit {\n      margin-bottom: 16px;\n    }\n\n    .action-submit,\n    .action-cancel {\n      width: 100%;\n      margin-left: 0 !important;\n    }\n  }\n}\n</style>\n\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!./RejectionForm.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!./RejectionForm.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./RejectionForm.vue?vue&type=template&id=238868a9&\"\nimport script from \"./RejectionForm.vue?vue&type=script&lang=js&\"\nexport * from \"./RejectionForm.vue?vue&type=script&lang=js&\"\nimport style0 from \"./RejectionForm.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","const isUndefined = (value) => value === undefined;\n\nconst isNull = (value) => value === null;\n\nconst isBoolean = (value) => typeof value === 'boolean';\n\nconst isObject = (value) => value === Object(value);\n\nconst isArray = (value) => Array.isArray(value);\n\nconst isDate = (value) => value instanceof Date;\n\nconst isBlob = (value) =>\n  value &&\n  typeof value.size === 'number' &&\n  typeof value.type === 'string' &&\n  typeof value.slice === 'function';\n\nconst isFile = (value) =>\n  isBlob(value) &&\n  typeof value.name === 'string' &&\n  (typeof value.lastModifiedDate === 'object' ||\n    typeof value.lastModified === 'number');\n\nconst serialize = (obj, cfg, fd, pre) => {\n  cfg = cfg || {};\n\n  cfg.indices = isUndefined(cfg.indices) ? false : cfg.indices;\n\n  cfg.nullsAsUndefineds = isUndefined(cfg.nullsAsUndefineds)\n    ? false\n    : cfg.nullsAsUndefineds;\n\n  cfg.booleansAsIntegers = isUndefined(cfg.booleansAsIntegers)\n    ? false\n    : cfg.booleansAsIntegers;\n\n  cfg.allowEmptyArrays = isUndefined(cfg.allowEmptyArrays)\n    ? false\n    : cfg.allowEmptyArrays;\n\n  fd = fd || new FormData();\n\n  if (isUndefined(obj)) {\n    return fd;\n  } else if (isNull(obj)) {\n    if (!cfg.nullsAsUndefineds) {\n      fd.append(pre, '');\n    }\n  } else if (isBoolean(obj)) {\n    if (cfg.booleansAsIntegers) {\n      fd.append(pre, obj ? 1 : 0);\n    } else {\n      fd.append(pre, obj);\n    }\n  } else if (isArray(obj)) {\n    if (obj.length) {\n      obj.forEach((value, index) => {\n        const key = pre + '[' + (cfg.indices ? index : '') + ']';\n\n        serialize(value, cfg, fd, key);\n      });\n    } else if (cfg.allowEmptyArrays) {\n      fd.append(pre + '[]', '');\n    }\n  } else if (isDate(obj)) {\n    fd.append(pre, obj.toISOString());\n  } else if (isObject(obj) && !isFile(obj) && !isBlob(obj)) {\n    Object.keys(obj).forEach((prop) => {\n      const value = obj[prop];\n\n      if (isArray(value)) {\n        while (prop.length > 2 && prop.lastIndexOf('[]') === prop.length - 2) {\n          prop = prop.substring(0, prop.length - 2);\n        }\n      }\n\n      const key = pre ? pre + '[' + prop + ']' : prop;\n\n      serialize(value, cfg, fd, key);\n    });\n  } else {\n    fd.append(pre, obj);\n  }\n\n  return fd;\n};\n\nmodule.exports = {\n  serialize,\n};\n","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":""}