(window["webpackJsonp"]=window["webpackJsonp"]||[]).push([["chunk-9a707eca"],{"129f":function(e,t,r){"use strict";e.exports=Object.is||function(e,t){return e===t?0!==e||1/e===1/t:e!==e&&t!==t}},"498a":function(e,t,r){"use strict";var a=r("23e7"),i=r("58a8").trim,o=r("c8d2");a({target:"String",proto:!0,forced:o("trim")},{trim:function(){return i(this)}})},6554:function(e,t,r){},"841c":function(e,t,r){"use strict";var a=r("c65b"),i=r("d784"),o=r("825a"),s=r("861d"),n=r("1d80"),u=r("129f"),p=r("577e"),l=r("dc4a"),c=r("14c3");i("search",(function(e,t,r){return[function(t){var r=n(this),i=s(t)?l(t,e):void 0;return i?a(i,t,r):new RegExp(t)[e](p(r))},function(e){var a=o(this),i=p(e),s=r(t,a,i);if(s.done)return s.value;var n=a.lastIndex;u(n,0)||(a.lastIndex=0);var l=c(a,i);return u(a.lastIndex,n)||(a.lastIndex=n),null===l?-1:l.index}]}))},8637:function(e,t,r){"use strict";r("6554")},"8c5f":function(e,t,r){"use strict";r.r(t);r("a4d3"),r("e01a");var a=function(){var e=this,t=e._self._c;return t("div",{staticClass:"main-content"},[t("breadcumb",{attrs:{page:"Form",folder:"Universal Popup"}}),t("b-card",{staticClass:"wrapper"},[t("b-form",{on:{submit:function(t){return t.preventDefault(),e.onSave.apply(null,arguments)}}},[t("b-row",[t("b-form-group",{staticClass:"col-md-12 mb-3",attrs:{"label-for":"title",label:"Judul"}},[t("b-form-input",{directives:[{name:"validate",rawName:"v-validate",value:"required|min:5",expression:"'required|min:5'"}],class:{input:!0,"is-danger":e.errors.has("judul")},attrs:{type:"text",placeholder:"Masukkan Judul",name:"judul"},model:{value:e.univerPopupForm.title,callback:function(t){e.$set(e.univerPopupForm,"title",t)},expression:"univerPopupForm.title"}}),t("p",{directives:[{name:"show",rawName:"v-show",value:e.errors.has("judul"),expression:"errors.has('judul')"}],staticClass:"text-danger"},[e._v(" "+e._s(e.errors.first("judul"))+" ")])],1),t("b-form-group",{staticClass:"col-md-12 mb-3",attrs:{"label-for":"deskripsi",label:"Deskripsi"}},[t("vue-editor",{directives:[{name:"validate",rawName:"v-validate",value:"required",expression:"'required'"}],class:{input:!0,"is-danger":e.errors.has("deskripsi")},attrs:{name:"deskripsi"},model:{value:e.univerPopupForm.description,callback:function(t){e.$set(e.univerPopupForm,"description",t)},expression:"univerPopupForm.description"}}),t("p",{directives:[{name:"show",rawName:"v-show",value:e.errors.has("deskripsi"),expression:"errors.has('deskripsi')"}],staticClass:"text-danger"},[e._v(" "+e._s(e.errors.first("deskripsi"))+" ")])],1),t("b-form-group",{staticClass:"col-md-12 mb-3",attrs:{"label-for":"selectSource",label:"Pilih Source"}},[t("div",{staticClass:"d-flex"},[t("b-form-radio",{attrs:{name:"selectSource",value:"image"},on:{change:e.onSourceSelected},model:{value:e.univerPopupForm.selectSource,callback:function(t){e.$set(e.univerPopupForm,"selectSource",t)},expression:"univerPopupForm.selectSource"}},[e._v(" Gambar ")]),t("b-form-radio",{staticClass:"ml-2",attrs:{name:"selectSource",value:"video"},on:{change:e.onSourceSelected},model:{value:e.univerPopupForm.selectSource,callback:function(t){e.$set(e.univerPopupForm,"selectSource",t)},expression:"univerPopupForm.selectSource"}},[e._v(" Video ")])],1)]),"image"===e.univerPopupForm.selectSource?t("b-form-group",{staticClass:"col-md-12 mb-3",attrs:{"label-for":"imageCover",label:"Cover Image"}},[t("input",{ref:"coverImage",class:{input:!0,"is-danger":e.errors.has("cover image")},attrs:{type:"file",name:"cover image",accept:"image/png, image/jpeg, image/jpg","v-validate":e.cropCoverImage?null:"size:1048576|required"},on:{change:e.uploadImage}}),e.imageUrl?t("div",{staticClass:"mt-3"},[t("vue-cropper",{ref:"cropper",attrs:{guides:!0,"view-mode":2,"drag-mode":"crop","auto-crop-area":1,"min-container-width":250,"min-container-height":90,background:!0,rotatable:!0,aspectRatio:16/9,initialAspectRatio:16/9,src:e.imageUrl,alt:"Source Image","img-style":{width:"400px",height:"300px"}}}),t("div",{staticClass:"d-flex aling-items-center mt-2"},[t("b-button",{staticClass:"mr-2",attrs:{variant:"primary"},on:{click:e.onCropCover}},[e._v("Crop")]),t("b-button",{staticClass:"mr-2",attrs:{variant:"success"},on:{click:e.onRotateCover}},[e._v("Rotate")])],1)],1):e._e(),e.cropCoverImage?t("div",{staticClass:"mt-3"},[t("img",{staticStyle:{width:"400px",border:"1px solid gray"},attrs:{src:e.cropCoverImage,alt:"Cropped Image"}}),t("b-button",{staticClass:"mt-2",attrs:{variant:"danger"},on:{click:e.onRemoveCropImage}},[e._v("Remove")])],1):e._e(),t("p",{directives:[{name:"show",rawName:"v-show",value:e.errors.has("cover image"),expression:"errors.has('cover image')"}],staticClass:"text-danger"},[e._v(" "+e._s(e.errors.first("cover image"))+" ")])]):e._e(),"video"===e.univerPopupForm.selectSource?t("b-form-group",{staticClass:"col-md-12",attrs:{"label-for":"linkVideo",label:"Link Video"}},[t("b-form-textarea",{directives:[{name:"validate",rawName:"v-validate",value:"required",expression:"'required'"}],class:{input:!0,"is-danger":e.errors.has("link video")},attrs:{id:"linkVideo",placeholder:"Masukkan link video",rows:"3","max-rows":"6",name:"link video"},model:{value:e.univerPopupForm.linkVideo,callback:function(t){e.$set(e.univerPopupForm,"linkVideo",t)},expression:"univerPopupForm.linkVideo"}}),t("p",{directives:[{name:"show",rawName:"v-show",value:e.errors.has("link video"),expression:"errors.has('link video')"}],staticClass:"text-danger"},[e._v(" "+e._s(e.errors.first("link video"))+" ")])],1):e._e(),t("b-form-group",{staticClass:"col-md-12",attrs:{"label-for":"source",label:"Source"}},[t("b-form-select",{directives:[{name:"validate",rawName:"v-validate",value:"required",expression:"'required'"}],class:{input:!0,"is-danger":e.errors.has("source")},attrs:{name:"source",options:e.sources},model:{value:e.univerPopupForm.sourceId,callback:function(t){e.$set(e.univerPopupForm,"sourceId",t)},expression:"univerPopupForm.sourceId"}}),t("p",{directives:[{name:"show",rawName:"v-show",value:e.errors.has("source"),expression:"errors.has('source')"}],staticClass:"text-danger"},[e._v(" "+e._s(e.errors.first("source"))+" ")])],1),t("b-form-group",{staticClass:"col-md-12",attrs:{"label-for":"periodDate",label:"Tanggal Periode"}},[t("date-range-picker",{directives:[{name:"validate",rawName:"v-validate",value:"required",expression:"'required'"}],ref:"picker",staticClass:"w-100 form-range-picker",class:{input:!0,"is-danger":e.errors.has("tanggal periode")},attrs:{name:"tanggal periode",singleDatePicker:!1,opens:"right"},on:{update:function(t){return e.onSelectPeriod(e.univerPopupForm.periodDate.startDate,e.univerPopupForm.periodDate.endDate)}},model:{value:e.univerPopupForm.periodDate,callback:function(t){e.$set(e.univerPopupForm,"periodDate",t)},expression:"univerPopupForm.periodDate"}}),t("p",{directives:[{name:"show",rawName:"v-show",value:e.errors.has("tanggal periode"),expression:"errors.has('tanggal periode')"}],staticClass:"text-danger"},[e._v(" "+e._s(e.errors.first("tanggal periode"))+" ")])],1),t("div",{staticClass:"col-md-12 mb-3"},[t("b-form-checkbox",{attrs:{id:"gift",name:"gift",value:"true"},model:{value:e.univerPopupForm.gift,callback:function(t){e.$set(e.univerPopupForm,"gift",t)},expression:"univerPopupForm.gift"}},[e._v("Gift")]),e.univerPopupForm.gift?t("b-form-group",{staticClass:"mb-3 mt-3",attrs:{label:"Project"}},[t("b-form-select",{directives:[{name:"validate",rawName:"v-validate",value:"required",expression:"'required'"}],class:{input:!0,"is-danger":e.errors.has("project")},attrs:{name:"project",options:e.campaigns},model:{value:e.univerPopupForm.wakafId,callback:function(t){e.$set(e.univerPopupForm,"wakafId",t)},expression:"univerPopupForm.wakafId"}}),t("p",{directives:[{name:"show",rawName:"v-show",value:e.errors.has("project"),expression:"errors.has('project')"}],staticClass:"text-danger"},[e._v(" "+e._s(e.errors.first("project"))+" ")])],1):e._e(),e.univerPopupForm.gift?t("div",{staticClass:"mt-2"},[t("b-button",{staticClass:"mb-2 float-left",attrs:{type:"button",variant:"info",size:"sm"},on:{click:e.openModal}},[e._v(" Add ")]),e.gifts.length?t("b-table",{attrs:{fields:e.fields,items:e.gifts,responsive:""},scopedSlots:e._u([{key:"cell(nominal)",fn:function(t){return[e._v(" Rp. "+e._s(e.$formatPrice(t.item.nominal))+" ")]}},{key:"cell(description)",fn:function(t){return[e._v(" "+e._s(t.item.description)+" ")]}},{key:"cell(actions)",fn:function(r){return[t("i",{staticClass:"i-Close text-24 text-danger cursor-pointer",on:{click:function(t){return t.preventDefault(),e.onDeleteGiftClicked(r.item.id)}}})]}}],null,!1,868567452)}):e._e()],1):e._e()],1),t("b-form-group",{staticClass:"col-md-12",attrs:{"label-for":"status",label:"Staus"}},[t("b-form-select",{directives:[{name:"validate",rawName:"v-validate",value:"required",expression:"'required'"}],class:{input:!0,"is-danger":e.errors.has("status")},attrs:{name:"status",options:e.statusOptions},model:{value:e.univerPopupForm.status,callback:function(t){e.$set(e.univerPopupForm,"status",t)},expression:"univerPopupForm.status"}}),t("p",{directives:[{name:"show",rawName:"v-show",value:e.errors.has("status"),expression:"errors.has('status')"}],staticClass:"text-danger"},[e._v(" "+e._s(e.errors.first("status"))+" ")])],1),t("b-form-group",{staticClass:"col-md-12"},[t("b-button",{staticClass:"float-left",attrs:{variant:"danger",size:"sm",type:"button"},on:{click:function(t){return e.$router.go(-1)}}},[e._v(" Cancel ")]),t("b-button",{staticClass:"float-left ml-2",attrs:{variant:"primary",size:"sm",type:"submit",disabled:e.loading}},[e._v(" "+e._s(e.loading?"Loading ...":"Save")+" ")])],1)],1)],1)],1),t("b-modal",{attrs:{title:"Add Gift","hide-header-close":!0,id:"gift-form",size:"md","no-close-on-backdrop":!0,"no-close-on-esc":!0},scopedSlots:e._u([{key:"modal-footer",fn:function(){return[t("b-button",{staticClass:"float-left",attrs:{variant:"danger",size:"sm"},on:{click:e.onCloseModalClicked}},[e._v(" Close ")]),t("b-button",{staticClass:"float-right",attrs:{variant:"primary",size:"sm"},on:{click:e.onGiftSave}},[e._v(" Save ")])]},proxy:!0}])},[t("div",{staticClass:"w-100"},[t("b-form-group",{staticClass:"col-md-12 mb-3",attrs:{"label-for":"nominal",label:"Nominal"}},[t("b-form-input",{directives:[{name:"validate",rawName:"v-validate",value:"required|numeric",expression:"'required|numeric'"}],class:{input:!0,"is-danger":e.errors.has("nominal")},attrs:{placeholder:"Masukkan nominal",name:"nominal"},model:{value:e.giftForm.nominal,callback:function(t){e.$set(e.giftForm,"nominal",t)},expression:"giftForm.nominal"}}),t("p",{directives:[{name:"show",rawName:"v-show",value:e.errors.has("nominal"),expression:"errors.has('nominal')"}],staticClass:"text-danger"},[e._v(" "+e._s(e.errors.first("nominal"))+" ")])],1),t("b-form-group",{staticClass:"col-md-12 mb-3",attrs:{"label-for":"description",label:"Deskripsi"}},[t("b-form-textarea",{directives:[{name:"validate",rawName:"v-validate",value:"required|min:6",expression:"'required|min:6'"}],class:{input:!0,"is-danger":e.errors.has("deskripsi gift")},attrs:{placeholder:"Masukkan Deskripsi",rows:"3","max-rows":"6",name:"deskripsi gift"},model:{value:e.giftForm.description,callback:function(t){e.$set(e.giftForm,"description",t)},expression:"giftForm.description"}}),t("p",{directives:[{name:"show",rawName:"v-show",value:e.errors.has("deskripsi gift"),expression:"errors.has('deskripsi gift')"}],staticClass:"text-danger"},[e._v(" "+e._s(e.errors.first("deskripsi gift"))+" ")])],1)],1)])],1)},i=[],o=r("5530"),s=r("c7eb"),n=r("1da1"),u=(r("99af"),r("4de4"),r("caad"),r("d81d"),r("14d9"),r("e9f5"),r("910d"),r("7d54"),r("ab43"),r("d3b7"),r("ac1f"),r("25f0"),r("2532"),r("3ca3"),r("841c"),r("498a"),r("159b"),r("ddb0"),r("2b3d"),r("bf19"),r("9861"),r("88a7"),r("271a"),r("5494"),r("5873")),p=r("95c3"),l=r.n(p),c=r("bbf5"),d=r.n(c),m=(r("6107"),r("53b4"),{name:"UniversalPopupForm",components:{VueEditor:u["a"],VueCropper:l.a,DateRangePicker:d.a},watch:{"$route.params.id":{handler:function(e){e&&(this.id=e,this.getUniversalPopupById(e))},immediate:!0},"univerPopupForm.gift":{handler:function(e){e||(this.univerPopupForm.wakafId=null)},immediate:!0}},data:function(){return{id:null,loading:!1,univerPopupForm:{title:null,description:null,image:null,selectSource:"image",sourceId:null,wakaf:{companyId:null,wakafId:null,wakafName:null},linkVideo:null,periodDate:{startDate:"",endDate:""},gift:!1,status:"published",wakafId:null},imageUrl:null,canvasImage:"",cropCoverImage:"",isLoadProject:!1,statusOptions:[{value:null,text:"Please select an option"},{value:"published",text:"Published"},{value:"draft",text:"Draft"}],fields:[{key:"nominal",label:"Nominal"},{key:"description",label:"Deskripsi"},{key:"actions",label:"Actions"}],giftForm:{nominal:"",description:"",isSave:!1},gifts:[],sources:[],query:"",campaigns:[]}},mounted:function(){this.getSourceData(),this.getCampaigns()},methods:{onClose:function(){this.univerPopupForm={title:null,description:null,image:null,selectSource:"image",sourceId:null,wakaf:{companyId:null,wakafId:null,wakafName:null},linkVideo:null,periodDate:{startDate:"",endDate:""},gift:!1,status:"published"},this.$emit("on-close-modal")},getSourceData:function(){var e=this;this.$http.get("".concat("https://orchestrator.bwa.id/api/v1/","white-labels"),{headers:{Authorization:"Bearer ".concat(this.$store.getters["accessToken"])}}).then((function(t){var r=t.data,a=r.data,i=a.map((function(e){return{value:e.source_id,text:e.source_name}}));e.sources=i,e.sources.unshift({value:null,text:"Pilih Klien"})})).catch((function(t){e.$store.dispatch("error",t)}))},uploadImage:function(e){var t=this,r=e.target.files[0];if(r.type.includes("image/"))if(r.size>5e5)this.$store.dispatch("error","file terlalu besar, harus dibawah 500 kb");else if("function"===typeof FileReader){var a=new FileReader;a.onload=function(e){t.imageUrl=e.target.result},this.univerPopupForm.image=r,a.readAsDataURL(r)}else this.$store.dispatch("error","Sorry, FileReader API not supported");else this.$store.dispatch("error","file harus berupa gambar")},onCropCover:function(){this.cropCoverImage=this.$refs.cropper.getCroppedCanvas().toDataURL(),this.canvasImage=this.$refs.cropper.getCroppedCanvas,this.imageUrl=""},onRotateCover:function(){this.$refs.cropper.rotate(90)},onRemoveCropImage:function(){this.cropCoverImage="",this.$refs.coverImage.value=""},onSourceSelected:function(e){"image"===e?this.univerPopupForm.linkVideo=null:(this.univerPopupForm.image=null,this.imageUrl=null,this.canvasImage="",this.cropCoverImage="")},onSelectPeriod:function(e,t){this.univerPopupForm.periodDate.startDate=this.$moment(e).format("YYYY-MM-DD"),this.univerPopupForm.periodDate.endDate=this.$moment(t).format("YYYY-MM-DD")},getCanvasBlob:function(e){return new Promise((function(t,r){e.toBlob((function(e){t(e)}))}))},onSave:function(){var e=this,t=new FormData;t.append("universal_popup_title",this.univerPopupForm.title),t.append("universal_popup_description",this.univerPopupForm.description),this.univerPopupForm.linkVideo&&t.append("universal_popup_video_embed_code",this.univerPopupForm.linkVideo);var r="universal-popups";this.id&&(t.append("_method","PATCH"),r="".concat(r,"/").concat(this.id)),t.append("universal_popup_need_form","true"===this.univerPopupForm.gift?1:0),t.append("universal_popup_start_period",this.univerPopupForm.periodDate.startDate),t.append("universal_popup_end_period",this.univerPopupForm.periodDate.endDate),t.append("universal_popup_status",this.univerPopupForm.status),t.append("source_id",this.univerPopupForm.sourceId),t.append("wakaf_id",this.univerPopupForm.wakafId),this.$validator.validateAll().then(function(){var a=Object(n["a"])(Object(s["a"])().mark((function a(i){var o;return Object(s["a"])().wrap((function(a){while(1)switch(a.prev=a.next){case 0:if(!i){a.next=8;break}if(e.loading=!0,!e.univerPopupForm.image){a.next=7;break}return a.next=5,e.getCanvasBlob(e.canvasImage());case 5:o=a.sent,t.append("universal_popup_image_cover",o);case 7:e.$http.post("".concat("https://orchestrator.bwa.id/api/v1/").concat(r),t).then((function(t){var r=t.data,a=r.universal_popup_id;e.gifts.length&&!e.id&&e.createGift(a),e.loading=!1,e.$router.push("/app/universal-popup"),e.$store.dispatch("success","Data Berhasil Disimpan")})).catch((function(t){e.loading=!1,e.$store.dispatch("error",t)}));case 8:case"end":return a.stop()}}),a)})));return function(e){return a.apply(this,arguments)}}())},onGiftSave:function(){this.giftForm.nominal.trim()&&this.giftForm.description.trim()&&(this.gifts.push(Object(o["a"])(Object(o["a"])({},this.giftForm),{},{id:Math.random()})),this.id&&this.createGift(this.id),this.onCloseModalClicked())},createGift:function(e){var t=this;this.gifts.forEach((function(r){r.isSave||t.$http.post("".concat("https://orchestrator.bwa.id/api/v1/","universal-popup-gift-options"),{universal_popup_id:e,nominal:r.nominal,gift_description:r.description}).then((function(){r.isSave=!0,t.$store.dispatch("success","Data Berhasil Disimpan")})).catch((function(e){t.$store.dispatch("error",e)}))}))},getUniversalPopupById:function(){var e=this;this.$http.get("".concat("https://orchestrator.bwa.id/api/v1/","universal-popups/").concat(this.id),{headers:{Authorization:"Bearer ".concat(this.$store.getters["accessToken"])}}).then((function(t){var r=t.data;e.univerPopupForm.title=r.data.universal_popup_title,e.univerPopupForm.description=r.data.universal_popup_description,e.cropCoverImage=r.data.universal_popup_image_cover,e.univerPopupForm.sourceId=r.data.source_id,e.univerPopupForm.periodDate.startDate=e.$moment(r.data.universal_popup_start_period).format("YYYY-MM-DD"),e.univerPopupForm.periodDate.endDate=e.$moment(r.data.universal_popup_end_period).format("YYYY-MM-DD"),e.univerPopupForm.gift=1===r.data.universal_popup_need_form?"true":"false",e.univerPopupForm.status=r.data.universal_popup_status,e.univerPopupForm.wakafId=r.data.wakaf_id,e.getGiftsById(e.id)})).catch((function(t){e.$store.dispatch("error",t)}))},openModal:function(){this.$bvModal.show("gift-form")},onCloseModalClicked:function(){this.$bvModal.hide("gift-form"),Object.assign(this.giftForm,{nominal:"",description:""})},onDeleteGiftClicked:function(e){var t=this;this.$swal({title:"Apakah kamu yakin?",text:"Ingin menghapus data ini",type:"warning",showCancelButton:!0,confirmButtonColor:"#3085d6",cancelButtonColor:"#d33",confirmButtonText:"Hapus"}).then((function(r){r.value&&(t.gifts=t.gifts.filter((function(t){return t.id!==e})),t.id&&t.onDeleteGift(e))}))},onDeleteGift:function(e){var t=this;this.$http.delete("".concat("https://orchestrator.bwa.id/api/v1/","universal-popup-gift-options/").concat(e)).then((function(){t.$store.dispatch("success","Data Berhasil Dihapus")})).catch((function(e){t.$store.dispatch("error",e)}))},getGiftsById:function(e){var t=this;this.$http.get("".concat("https://orchestrator.bwa.id/api/v1/","universal-popup-gift-options"),{params:{universal_popup_id:e}}).then((function(e){var r=e.data;r.data.map((function(e){t.gifts.push({id:e.universal_popup_gift_id,nominal:e.nominal,description:e.gift_description,isSave:!0})}))})).catch((function(e){t.$store.dispatch("error",e)}))},getCampaigns:function(){var e=this,t=new URL(window.location.href),r=new URLSearchParams(t.search);""!==this.query&&r.append("name",this.query),this.$http.get("".concat("https://orchestrator.bwa.id/api/v1/","campaigns?").concat(r.toString())).then((function(t){var r=t.data,a=r.data,i=a.map((function(e){return{value:e.wakaf_id,text:e.wakaf_name}}));e.campaigns=i,e.campaigns.unshift({value:null,text:"Pilih Campaign"})})).catch((function(){e.$store.dispatch("error","Maaf, terjadi kesalahan")}))}}}),v=m,f=(r("8637"),r("2877")),h=Object(f["a"])(v,a,i,!1,null,null,null);t["default"]=h.exports},ab43:function(e,t,r){"use strict";var a=r("23e7"),i=r("c65b"),o=r("59ed"),s=r("825a"),n=r("46c4"),u=r("c5cc"),p=r("9bdd"),l=r("2a62"),c=r("f99f"),d=r("c430"),m=!d&&c("map",TypeError),v=u((function(){var e=this.iterator,t=s(i(this.next,e)),r=this.done=!!t.done;if(!r)return p(e,this.mapper,[t.value,this.counter++],!0)}));a({target:"Iterator",proto:!0,real:!0,forced:d||m},{map:function(e){s(this);try{o(e)}catch(t){l(this,"throw",t)}return m?i(m,this,e):new v(n(this),{mapper:e})}})},c8d2:function(e,t,r){"use strict";var a=r("5e77").PROPER,i=r("d039"),o=r("5899"),s="​…᠎";e.exports=function(e){return i((function(){return!!o[e]()||s[e]()!==s||a&&o[e].name!==e}))}},d81d:function(e,t,r){"use strict";var a=r("23e7"),i=r("b727").map,o=r("1dde"),s=o("map");a({target:"Array",proto:!0,forced:!s},{map:function(e){return i(this,e,arguments.length>1?arguments[1]:void 0)}})}}]);