{"version":3,"sources":["webpack:///./src/views/networks/media/Create.vue","webpack:///./src/components/commons/Modals/InputModal.vue?0780","webpack:///src/components/commons/Modals/InputModal.vue","webpack:///./src/components/commons/Modals/InputModal.vue?3c79","webpack:///./src/components/commons/Modals/InputModal.vue","webpack:///src/views/networks/media/Create.vue","webpack:///./src/views/networks/media/Create.vue?3e3f","webpack:///./src/views/networks/media/Create.vue?3e5a","webpack:///./src/views/networks/media/Create.vue?e534","webpack:///./src/services/NetworkMediaService.js"],"names":["props","value","type","String","Number","Boolean","default","placeholder","title","okTitle","inputLength","okOnly","doNotClose","data","inputText","computed","localValue","get","set","$emit","_vm","this","_c","_self","attrs","length","on","$event","model","callback","$$v","expression","_t","staticClass","Vue","use","VueClip","name","components","InputModal","network","Object","complete","uploading","busy","totalProgressPct","totalUploadedBytes","files","networks","s3Params","mediaForm","registeredFiles","registeredCollection","maxFilesize","options","maxFiles","limit","message","$t","autoProcessQueue","confirmModal","show","mounted","init","methods","_this","$http","post","then","resp","setupUploadForm","catch","err","$bvModal","msgBoxOk","s3","_this2","url","formAttributes","action","accept","file","done","size","msg","fileErrorOccurred","window","location","reload","onTotalProgress","progress","onQueueComplete","processFiles","sendRegisterFileRequest","createCollection","$router","push","params","slug","newCollectionFromFiles","_this3","collection","arguments","undefined","NetworkMediaService","registerFiles","uploadPathPrefix","collection_slug","newFile","go","media_slug","networkMedia","maxFilesReached","onSending","xhr","formData","fullPath","_this4","_file","properPath","key","formInputs","append","onerror","_v","_s","can","create_collection","_e","staticStyle","scopedSlots","_u","fn","class","dragging","collectionName","$set","uploadMediaToS3","form","FormData","uploadFile","axios","networkSlugs","s3Prefix"],"mappings":"+IAAA,ICAiX,ECmBlW,CACfA,MAAA,CACAC,MAAA,CACAC,KAAA,CAAAC,OAAAC,OAAAC,SACAC,QAAA,MAEAC,YAAA,CACAL,KAAAC,OACAG,QAAA,MAEAE,MAAA,CACAN,KAAAC,OACAG,QAAA,MAEAG,QAAA,CACAP,KAAAC,OACAG,QAAA,MAEAI,YAAA,CACAR,KAAA,CAAAC,OAAAC,QACAE,QAAA,MAEAK,OAAA,CACAT,KAAAG,QACAC,SAAA,GAEAM,WAAA,CACAV,KAAAG,QACAC,SAAA,IAGAO,KAAA,WACA,OACAC,UAAA,KAGAC,SAAA,CACAC,WAAA,CACAC,IAAA,WACA,YAAAhB,OAEAiB,IAAA,SAAAF,GACA,KAAAG,MAAA,QAAAH,O,YC3Ce,EAXC,YACd,GCRW,WAAkB,IAAII,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,UAAU,CAACE,MAAM,CAAC,MAAQJ,EAAIZ,MAAM,eAAeY,EAAIZ,MAAM,QAAUY,EAAIX,QAAQ,cAAcW,EAAIN,UAAUW,QAAUL,EAAIV,aAAe,GAAG,UAAUU,EAAIT,SAAU,EAAM,kBAAkBS,EAAIR,aAAc,EAAM,uBAAuBQ,EAAIR,aAAc,GAAOc,GAAG,CAAC,GAAK,SAASC,GAAQ,OAAOP,EAAID,MAAM,wBAAyBC,EAAIN,aAAac,MAAM,CAAC3B,MAAOmB,EAAIJ,WAAYa,SAAS,SAAUC,GAAMV,EAAIJ,WAAWc,GAAKC,WAAW,eAAe,CAACX,EAAIY,GAAG,WAAWV,EAAG,MAAM,CAACW,YAAY,QAAQ,CAACX,EAAG,eAAe,CAACE,MAAM,CAAC,GAAK,aAAa,YAAY,aAAa,YAAcJ,EAAIb,aAAaqB,MAAM,CAAC3B,MAAOmB,EAAIN,UAAWe,SAAS,SAAUC,GAAMV,EAAIN,UAAUgB,GAAKC,WAAW,gBAAgB,IAAI,KAE/uB,IDSpB,EACA,KACA,KACA,M,qDEoGFG,UAAAC,IAAAC,KAEe,ICpH8V,EDoH9V,CACfC,KAAA,uBACAC,WAAA,CACAC,cAEAvC,MAAA,CACAwC,QAAA,CACAtC,KAAAuC,OACAnC,QAAA,OAGAO,KAAA,WACA,OAMA6B,UAAA,EACAC,WAAA,EACAC,MAAA,EACAC,iBAAA,EACAC,mBAAA,EACAC,MAAA,GACAC,SAAA,KACAC,SAAA,GACAC,UAAA,GAEAC,gBAAA,GACAC,qBAAA,GACAC,YAAA,IACAC,QAAA,CAEAD,YAAA,IACAE,SAAA,CACAC,MAAA,IACAC,QAAA,KAAAC,GAAA,mDAEAC,kBAAA,GAEAC,aAAA,CACArD,YAAA,KAAAmD,GAAA,2BACAG,MAAA,EACApD,QAAA,KAAAiD,GAAA,kBACAhD,YAAA,KAIAoD,QAAA,WACA,KAAAC,QAEAC,QAAA,CAEAD,KAAA,eAAAE,EAAA,KACA,KAAArB,MAAA,EACA,KAAAF,UAAA,EAEA,KAAAwB,MACAC,KAAA,oBACAC,MAAA,SAAAC,GACAJ,EAAAK,gBAAAD,EAAAxD,MAEAoD,EAAArB,MAAA,KAEA2B,OAAA,SAAAC,GACAP,EAAAQ,SAAAC,SAAAT,EAAAP,GAAA,iHAEAO,EAAArB,MAAA,MAGA0B,gBAAA,SAAAK,GAAA,IAAAC,EAAA,KAEA,KAAAtB,QAAAuB,IAAAF,EAAAG,eAAAC,OACA,KAAAzB,QAAA0B,OAAA,SAAAC,EAAAC,GACA,GAAAD,EAAAE,KAAA,KAAAP,EAAAvB,YAAA,MACA,IAAA+B,EAAAR,EAAAlB,GAAA,0CAAAkB,EAAAvB,YAAA,KAIA,OAHAuB,EAAAH,SAAAC,SAAAU,QAEAF,EAAAN,EAAAlB,GAAA,yCAGAwB,KAEA,KAAAjC,SAAA0B,GAEAU,kBAAA,WACA,KAAA1C,WAAA,EACA,IAAAyC,EAAA,KAAA1B,GAAA,+GACA,KAAAe,SAAAC,SAAAU,GAAAhB,MAAA,WACAkB,OAAAC,SAAAC,aAGAC,gBAAA,SAAAC,EAAA5C,GACA,KAAAH,WAAA,EACA,KAAAE,iBAAA6C,EACA,KAAA5C,sBAEA6C,gBAAA,WACA,KAAAhD,WAAA,EACA,KAAAD,UAAA,EACA,KAAAkD,gBAGAA,aAAA,WACA,WAAA7C,MAAAtB,OAAA,CAEA,KAAAiB,UAAA,EACA,IAAA0C,EAAA,KAAA1B,GAAA,mCACA,KAAAe,SAAAC,SAAAU,QACA,KAAArC,MAAAtB,OAAA,EACA,KAAAmC,aAAAC,MAAA,EAEA,KAAAgC,2BAGAC,iBAAA,WACA,KAAAC,QAAAC,KAAA,CAAA3D,KAAA,iCAAA4D,OAAA,CAAAC,KAAA,KAAA1D,QAAA0D,KAAAC,wBAAA,MAEAN,wBAAA,eAAAO,EAAA,KAAAC,EAAAC,UAAA7E,OAAA,QAAA8E,IAAAD,UAAA,GAAAA,UAAA,QAGAE,IAAAC,cAAA,MAAAjE,QAAA0D,MAAA,KAAAnD,MAAA,KAAAE,SAAAyD,iBAAAL,GACAjC,MAAA,SAAAC,GAKA,GAJA+B,EAAAjD,gBAAAkB,EAAAxD,KAAAkC,MACAqD,EAAAhD,qBAAAiB,EAAAxD,KAAAwF,WAGA,MAAAD,EAAAhD,qBAEAgD,EAAA5D,QACA4D,EAAAL,QAAAC,KAAA,CAAA3D,KAAA,4BAAA4D,OAAA,CAAAU,gBAAAP,EAAAhD,qBAAA8C,KAAAU,SAAA,EAAApE,QAAA4D,EAAA5D,WAEA4D,EAAAL,QAAAC,KAAA,CAAA3D,KAAA,iCAAA4D,OAAA,CAAAU,gBAAAP,EAAAhD,qBAAA8C,KAAAU,SAAA,EAAApE,QAAA4D,EAAA5D,eAEA,CACA,MAAA4D,EAAAjD,gBAAA1B,OAEA,OADA2E,EAAA3B,SAAAC,SAAA0B,EAAA1C,GAAA,0GACA0C,EAAAL,QAAAc,IAAA,GACA,GAAAT,EAAAjD,gBAAA1B,QAEA2E,EAAAL,QAAAC,KAAA,CAAA3D,KAAA,uBAAA4D,OAAA,CAAAa,WAAAV,EAAAjD,gBAAA,GAAA4D,aAAAb,KAAAU,SAAA,SAOArC,OAAA,SAAAF,GACA+B,EAAA3B,SAAAC,SAAA0B,EAAA1C,GAAA,2GAKAsD,gBAAA,aAYAC,UAAA,SAAAhC,EAAAiC,EAAAC,GAAA,IACAC,EADAC,EAAA,KAcAD,EADA,aAAAnC,EAAAqC,OAAArC,EAAAqC,MAAAF,SACAnC,EAAAqC,MAAAF,SAGAnC,EAAAqC,MAAAjF,KAEA,IAAAkF,EAAA,KAAAtE,SAAAyD,iBAAA,IAAAU,EAGA,QAAAI,KAAA,KAAAvE,SAAAwE,WAAA,CACA,IAAAxH,EAAA,KAAAgD,SAAAwE,WAAAD,GACA,OAAAA,IAAAvH,EAAAsH,GAEAJ,EAAAO,OAAAF,EAAAvH,GAEAiH,EAAAS,QAAA,kBAAAN,EAAAhC,qBACA,KAAAtC,MAAAiD,KAAA,CACA3D,KAAA4C,EAAA5C,KACA8C,KAAAF,EAAAqC,MAAAnC,KACAiC,SAAAG,OEjTI,G,UAAY,YACd,GPTW,WAAkB,IAAInG,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACA,EAAG,MAAMA,EAAG,MAAM,CAACW,YAAY,uCAAuCX,EAAG,YAAY,CAACE,MAAM,CAAC,KAAOJ,EAAIwB,KAAK,QAAU,OAAO,CAACtB,EAAG,MAAM,CAACE,MAAM,CAAC,aAAa,eAAe,CAACF,EAAG,KAAK,CAACW,YAAY,qCAAqC,CAACX,EAAG,KAAK,CAACW,YAAY,mBAAmB,CAACX,EAAG,IAAI,CAACW,YAAY,uBAAuBT,MAAM,CAAC,KAAO,aAAeJ,EAAIoB,QAAQ0D,KAAO,WAAW,CAAC9E,EAAIwG,GAAG,IAAIxG,EAAIyG,GAAGzG,EAAIsC,GAAG,cAAc,SAASpC,EAAG,KAAK,CAACW,YAAY,mBAAmB,CAACX,EAAG,IAAI,CAACW,YAAY,0BAA0B,CAACb,EAAIwG,GAAG,IAAIxG,EAAIyG,GAAGzG,EAAIsC,GAAG,iBAAiB,aAActC,EAAIoB,QAAQsF,IAAIC,kBAAmBzG,EAAG,MAAM,CAACW,YAAY,aAAa,CAACX,EAAG,KAAK,CAACF,EAAIwG,GAAG,8DAA8DtG,EAAG,OAAO,CAACW,YAAY,uBAAuBT,MAAM,CAAC,YAAY,qBAAqBE,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOP,EAAI0E,sBAAsB,CAAC1E,EAAIwG,GAAG,IAAIxG,EAAIyG,GAAGzG,EAAIsC,GAAG,2BAA2B,UAAUpC,EAAG,KAAK,CAACF,EAAIwG,GAAG,+JAA+JxG,EAAI4G,KAAM5G,EAAIsB,SAAUpB,EAAG,MAAM,CAAEF,EAAI2B,MAAMtB,OAAS,EAAGH,EAAG,MAAM,CAACW,YAAY,eAAe,CAACX,EAAG,KAAK,CAACF,EAAIwG,GAAGxG,EAAIyG,GAAGzG,EAAIsC,GAAG,wBAAwBpC,EAAG,gBAAgB,CAAC2G,YAAY,CAAC,OAAS,SAASzG,MAAM,CAAC,SAAW,GAAG,KAAO,GAAG,MAAQ,MAAM,IAAM,yCAAyC,GAAGJ,EAAI4G,OAAO5G,EAAI4G,KAAO5G,EAAIwB,MAASxB,EAAIsB,SAAylBtB,EAAI4G,KAAnlB1G,EAAG,WAAW,CAACW,YAAY,WAAWT,MAAM,CAAC,QAAUJ,EAAIkC,QAAQ,aAAalC,EAAI6F,UAAU,oBAAoB7F,EAAIqE,gBAAgB,oBAAoBrE,EAAIuE,gBAAgB,eAAevE,EAAI4F,iBAAiBkB,YAAY9G,EAAI+G,GAAG,CAAC,CAACX,IAAI,uBAAuBY,GAAG,SAASpI,GAAO,MAAO,CAACsB,EAAG,MAAM,CAACW,YAAY,kBAAkBoG,MAAM,CAAEC,SAAUtI,EAAMsI,WAAY,CAAChH,EAAG,MAAM,CAACW,YAAY,cAAc,CAACX,EAAG,KAAK,CAACF,EAAIwG,GAAGxG,EAAIyG,GAAGzG,EAAIsC,GAAG,uDAAuDtC,EAAIwG,GAAG,IAAIxG,EAAIyG,GAAGzG,EAAIsC,GAAG,4CAA4C,aAAa,MAAK,EAAM,eAAwB,GAAGpC,EAAG,UAAU,CAACE,MAAM,CAAC,cAAc,GAAG,cAAc,GAAG,KAAO,MAAMI,MAAM,CAAC3B,MAAOmB,EAAIuB,UAAWd,SAAS,SAAUC,GAAMV,EAAIuB,UAAUb,GAAKC,WAAW,cAAc,CAACT,EAAG,KAAK,CAACW,YAAY,yBAAyB,CAACb,EAAIwG,GAAGxG,EAAIyG,GAAGzG,EAAIsC,GAAG,0DAA0DpC,EAAG,MAAMA,EAAG,aAAa,CAACE,MAAM,CAAC,OAAS,SAAS,IAAM,IAAI,MAAQJ,EAAIyB,iBAAiB,gBAAgB,GAAG,SAAW,OAAO,GAAGvB,EAAG,aAAa,CAACE,MAAM,CAAC,YAAcJ,EAAIwC,aAAarD,YAAY,QAAUa,EAAIwC,aAAanD,QAAQ,YAAcW,EAAIwC,aAAalD,YAAY,QAAS,EAAK,YAAa,GAAMgB,GAAG,CAAC,wBAAwB,SAAA6G,GAAc,OAAInH,EAAIyE,wBAAwB,CAAExD,KAAMkG,KAAkB,qBAAqB,SAAS5G,GAAQP,EAAIwC,aAAaC,MAAO,IAAQjC,MAAM,CAAC3B,MAAOmB,EAAIwC,aAAaC,KAAMhC,SAAS,SAAUC,GAAMV,EAAIoH,KAAKpH,EAAIwC,aAAc,OAAQ9B,IAAMC,WAAW,sBAAsB,CAACX,EAAIwG,GAAG,IAAIxG,EAAIyG,GAAGzG,EAAIsC,GAAG,gHAAgH,QAAQ,KAEvlG,IOUpB,EACA,KACA,KACA,OAIa,Y,6CCnBf,W,oCCAA,yBAEe,KACb+E,gBAAe,SAACC,EAAMzF,GACpB,IAAIkE,EAAW,IAAIwB,SAEnB,IAAK,IAAInB,KAAOvE,EAASwE,WACvBN,EAASO,OAAOF,EAAKvE,EAASwE,WAAWD,IAG3C,OADAL,EAASO,OAAO,OAAQgB,EAAKE,YACtBC,IAAM1E,KAAKlB,EAAS6B,eAAeC,OAAQoC,IAGpDV,cAAa,SAACqC,EAAc/F,EAAOgG,GAA+D,IAArD1C,EAAUC,UAAA7E,OAAA,QAAA8E,IAAAD,UAAA,GAAAA,UAAA,GAAG,CAAEjE,KAAM,8BAChE,OAAOwG,IAAM1E,KAAK,oCAAqC,CACrDpB,QACAgG,WACAD,eACAzC,kB","file":"assets/js/chunk-1131c26a.5c6fb308.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[_c('br'),_c('div',{staticClass:\"d-none d-xl-block d-xxl-block mt-5\"}),_c('b-overlay',{attrs:{\"show\":_vm.busy,\"rounded\":\"sm\"}},[_c('nav',{attrs:{\"aria-label\":\"breadcrumb\"}},[_c('ol',{staticClass:\"ms-3 mb-3 breadcrumb align-middle\"},[_c('li',{staticClass:\"breadcrumb-item\"},[_c('a',{staticClass:\"text-primary fw-bold\",attrs:{\"href\":'/networks/' + _vm.network.slug + '/media'}},[_vm._v(\" \"+_vm._s(_vm.$t('nav.media'))+\" \")])]),_c('li',{staticClass:\"breadcrumb-item\"},[_c('a',{staticClass:\"text-secondary fw-bold\"},[_vm._v(\" \"+_vm._s(_vm.$t('upload-media'))+\" \")])])])]),(_vm.network.can.create_collection)?_c('div',{staticClass:\"mt-3 ms-3\"},[_c('h5',[_vm._v(\" Want to create a collection with already existing media? \"),_c('span',{staticClass:\"text-primary fw-bold\",attrs:{\"data-test\":\"create_collection\"},on:{\"click\":function($event){return _vm.createCollection()}}},[_vm._v(\" \"+_vm._s(_vm.$t('network.user.clickHere'))+\". \")])]),_c('h5',[_vm._v(\" If you want to create a collection from new files, select and upload them together. This will automatically trigger the creation of a new collection. \")])]):_vm._e(),(_vm.complete)?_c('div',[(_vm.files.length > 1)?_c('div',{staticClass:\"text-center\"},[_c('h4',[_vm._v(_vm._s(_vm.$t('Create.uploading')))]),_c('lottie-player',{staticStyle:{\"height\":\"125px\"},attrs:{\"autoplay\":\"\",\"loop\":\"\",\"speed\":\"2.5\",\"src\":\"/img/animations/custom_loader.json\"}})],1):_vm._e()]):_vm._e(),(!_vm.busy && !_vm.complete)?_c('vue-clip',{staticClass:\"uploader\",attrs:{\"options\":_vm.options,\"on-sending\":_vm.onSending,\"on-total-progress\":_vm.onTotalProgress,\"on-queue-complete\":_vm.onQueueComplete,\"on-max-files\":_vm.maxFilesReached},scopedSlots:_vm._u([{key:\"clip-uploader-action\",fn:function(props){return [_c('div',{staticClass:\"uploader-action\",class:{ dragging: props.dragging }},[_c('div',{staticClass:\"dz-message\"},[_c('h2',[_vm._v(_vm._s(_vm.$t('Create.click-or-drag-and-drop-files-here-upload')))]),_vm._v(\" \"+_vm._s(_vm.$t('Create.video-files-documents-or-folders'))+\" \")])])]}}],null,false,3607924881)}):_vm._e()],1),_c('b-modal',{attrs:{\"hide-footer\":\"\",\"hide-header\":\"\",\"size\":\"lg\"},model:{value:(_vm.uploading),callback:function ($$v) {_vm.uploading=$$v},expression:\"uploading\"}},[_c('h4',{staticClass:\"text-center mt-2 mb-0\"},[_vm._v(_vm._s(_vm.$t('your-media-is-being-uploaded-to-resonance-networks')))]),_c('br'),_c('b-progress',{attrs:{\"height\":\"2.6rem\",\"max\":100,\"value\":_vm.totalProgressPct,\"show-progress\":\"\",\"animated\":\"\"}})],1),_c('InputModal',{attrs:{\"placeholder\":_vm.confirmModal.placeholder,\"okTitle\":_vm.confirmModal.okTitle,\"inputLength\":_vm.confirmModal.inputLength,\"okOnly\":true,\"doNotClose\":true},on:{\"input-modal-confirmed\":collectionName => _vm.sendRegisterFileRequest({ name: collectionName }),\"input-modal-cancel\":function($event){_vm.confirmModal.show = false}},model:{value:(_vm.confirmModal.show),callback:function ($$v) {_vm.$set(_vm.confirmModal, \"show\", $$v)},expression:\"confirmModal.show\"}},[_vm._v(\" \"+_vm._s(_vm.$t('Create.we-detected-more-than-one-file-being-uploaded-a-collection-will-automatically-be-created-please-prov'))+\" \")])],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","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!./InputModal.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!./InputModal.vue?vue&type=script&lang=js\"","<template>\n  <b-modal\n    v-model=\"localValue\"\n    :title=\"title\"\n    :hide-header=\"!title\"\n    :okTitle=\"okTitle\"\n    :ok-disabled=\"inputText.length < (inputLength || 1)\"\n    :ok-only=\"okOnly || false\"\n    :no-close-on-esc=\"doNotClose || false\"\n    :no-close-on-backdrop=\"doNotClose || false\"\n    @ok=\"$emit('input-modal-confirmed', inputText)\"\n  >\n    <slot></slot>\n    <div class=\"my-2\">\n      <b-form-input id=\"input_text\" v-model=\"inputText\" data-test=\"input_text\" :placeholder=\"placeholder\"></b-form-input>\n    </div>\n  </b-modal>\n</template>\n<script>\nexport default {\n  props: {\n    value: {\n      type: [String, Number, Boolean],\n      default: null,\n    },\n    placeholder: {\n      type: String,\n      default: null,\n    },\n    title: {\n      type: String,\n      default: null,\n    },\n    okTitle: {\n      type: String,\n      default: null,\n    },\n    inputLength: {\n      type: [String, Number],\n      default: null,\n    },\n    okOnly: {\n      type: Boolean,\n      default: false,\n    },\n    doNotClose: {\n      type: Boolean,\n      default: false,\n    },\n  },\n  data() {\n    return {\n      inputText: '',\n    };\n  },\n  computed: {\n    localValue: {\n      get() {\n        return this.value;\n      },\n      set(localValue) {\n        this.$emit('input', localValue);\n      },\n    },\n  },\n};\n</script>\n","import { render, staticRenderFns } from \"./InputModal.vue?vue&type=template&id=209ad774\"\nimport script from \"./InputModal.vue?vue&type=script&lang=js\"\nexport * from \"./InputModal.vue?vue&type=script&lang=js\"\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","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('b-modal',{attrs:{\"title\":_vm.title,\"hide-header\":!_vm.title,\"okTitle\":_vm.okTitle,\"ok-disabled\":_vm.inputText.length < (_vm.inputLength || 1),\"ok-only\":_vm.okOnly || false,\"no-close-on-esc\":_vm.doNotClose || false,\"no-close-on-backdrop\":_vm.doNotClose || false},on:{\"ok\":function($event){return _vm.$emit('input-modal-confirmed', _vm.inputText)}},model:{value:(_vm.localValue),callback:function ($$v) {_vm.localValue=$$v},expression:\"localValue\"}},[_vm._t(\"default\"),_c('div',{staticClass:\"my-2\"},[_c('b-form-input',{attrs:{\"id\":\"input_text\",\"data-test\":\"input_text\",\"placeholder\":_vm.placeholder},model:{value:(_vm.inputText),callback:function ($$v) {_vm.inputText=$$v},expression:\"inputText\"}})],1)],2)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div><br /><div class=\"d-none d-xl-block d-xxl-block mt-5\"></div>\n    <b-overlay :show=\"busy\" rounded=\"sm\">\n      <!-- Breadcrumbs -->\n      <nav aria-label=\"breadcrumb\">\n        <ol class=\"ms-3 mb-3 breadcrumb align-middle\">\n          <li class=\"breadcrumb-item\">\n            <a :href=\"'/networks/' + network.slug + '/media'\" class=\"text-primary fw-bold\">\n              {{ $t('nav.media') }}\n            </a>\n          </li>\n          <li class=\"breadcrumb-item\">\n            <a class=\"text-secondary fw-bold\">\n              {{ $t('upload-media') }}\n            </a>\n          </li>\n        </ol>\n      </nav>\n\n      <div v-if=\"network.can.create_collection\" class=\"mt-3 ms-3\">\n        <h5>\n          Want to create a collection with already existing media?\n          <span class=\"text-primary fw-bold\" data-test=\"create_collection\" @click=\"createCollection()\">\n            {{ $t('network.user.clickHere') }}.\n          </span>\n        </h5>\n        <h5>\n          If you want to create a collection from new files, select and upload them together.\n          This will automatically trigger the creation of a new collection.\n        </h5>\n      </div>\n\n      <div v-if=\"complete\">\n        <!--<div class=\"alert alert-success\">{{ $t('Create.upload-complete-please-see-a-list-below-to-edit-and-add-more-information-to-files') }}</div>\n\n        <div v-for=\"(file, i) in registeredFiles\" :key=\"i\" class=\"col-3 card card-body bg-light\">\n          <h3>{{ file.name }}</h3>\n          Size: {{ file.size }} bytes\n          <router-link :to=\"'/media/' + file.networkMedia.slug + '/edit'\" class=\"btn rounded-4 btn-info mb-6\">\n            <i class=\"fas fa-edit\"></i>\n            {{ $t('edit') }}\n          </router-link>\n        </div>-->\n        <div v-if=\"files.length > 1\" class=\"text-center\">\n          <h4>{{ $t('Create.uploading') }}</h4>\n          <lottie-player\n            autoplay\n            loop\n\t          speed=\"2.5\"\n            src=\"/img/animations/custom_loader.json\"\n            style=\"height: 125px;\"\n            >\n          </lottie-player>\n        </div>\n      </div>\n\n      <vue-clip\n        v-if=\"!busy && !complete\"\n        :options=\"options\"\n        :on-sending=\"onSending\"\n        :on-total-progress=\"onTotalProgress\"\n        :on-queue-complete=\"onQueueComplete\"\n        :on-max-files=\"maxFilesReached\"\n        class=\"uploader\"\n      >\n        <template slot=\"clip-uploader-action\" slot-scope=\"props\">\n          <div :class=\"{ dragging: props.dragging }\" class=\"uploader-action\">\n            <div class=\"dz-message\">\n              <h2>{{ $t('Create.click-or-drag-and-drop-files-here-upload') }}</h2>\n              {{ $t('Create.video-files-documents-or-folders') }}\n            </div>\n          </div>\n        </template>\n        <!--<template slot=\"clip-uploader-body\" slot-scope=\"props\">\n          <div class=\"uploader-files\">\n            <div v-for=\"(file, i) in props.files.slice().reverse()\" :key=\"i\" class=\"uploader-file\">\n              <div class=\"file-avatar\">\n                <img :src=\"file.dataUrl\" />\n              </div>\n              <div class=\"file-details\">\n                <div class=\"file-name\">{{ file.name }} {{ file.status }}</div>\n                <div v-if=\"file.status != 'error' && file.status !== 'success'\" class=\"file-progress\">\n                  <span :style=\"{ width: file.progress + '%' }\" class=\"progress-indicator\"></span>\n                </div>\n              </div>\n            </div>\n          </div>\n        </template>-->\n      </vue-clip>\n    </b-overlay>\n    <b-modal v-model=\"uploading\" hide-footer hide-header size=\"lg\">\n      <h4 class=\"text-center mt-2 mb-0\">{{ $t('your-media-is-being-uploaded-to-resonance-networks') }}</h4><br>\n      <b-progress height=\"2.6rem\" :max=\"100\" :value=\"totalProgressPct\" show-progress animated></b-progress>\n    </b-modal>\n    <InputModal\n      v-model=\"confirmModal.show\"\n      :placeholder=\"confirmModal.placeholder\"\n      :okTitle=\"confirmModal.okTitle\"\n      :inputLength=\"confirmModal.inputLength\"\n      :okOnly=\"true\"\n      :doNotClose=\"true\"\n      @input-modal-confirmed=\"collectionName => sendRegisterFileRequest({ name: collectionName })\"\n      @input-modal-cancel=\"confirmModal.show = false\"\n    >\n      {{ $t('Create.we-detected-more-than-one-file-being-uploaded-a-collection-will-automatically-be-created-please-prov') }}\n    </InputModal>\n  </div>\n</template>\n<script>\nimport InputModal from '@/components/commons/Modals/InputModal.vue';\nimport NetworkMediaService from '@/services/NetworkMediaService.js';\nimport Vue from 'vue';\nimport VueClip from 'vue-clip';\n// install the plugin (but not globally)\nVue.use(VueClip);\n\nexport default {\n  name: 'network-media-create',\n  components: {\n    InputModal,\n  },\n  props: {\n    network: {\n      type: Object,\n      default: null,\n    },\n  },\n  data() {\n    return {\n      // status / UI fields\n      // File size max already in the otpions flag (Below)\n      //maxTotalFiles: process.env.MEDIA_UPLOADER_TOTAL_FILES || 100,\n      //maxSizePerFile: process.env.MEDIA_UPLOADED_MAX_PER_FILE_SIZE_MB || 200,\n      //maxSizeAllFiles: process.env.MEDIA_UPLOADED_MAX_ALL_FILE_SIZE_MB || 500,\n      complete: false,\n      uploading: false,\n      busy: true,\n      totalProgressPct: 0,\n      totalUploadedBytes: 0,\n      files: [],\n      networks: null,\n      s3Params: {},\n      mediaForm: {},\n      // once the files become media items, they are stored here\n      registeredFiles: [],\n      registeredCollection: {},\n      maxFilesize: 4000,\n      options: {\n        // this does not work properly (it does not report error to user), so we set a higher limit but define our own accept function\n        maxFilesize: 4000, // set to 2GB, but we define an accept function will checks this.maxFilesize (above)\n        maxFiles: {\n          limit: 2000,\n          message: this.$t('Create.you-can-only-upload-a-max-of-2000-files'),\n        },\n        autoProcessQueue: true,\n      }, // uploader options\n      confirmModal: {\n        placeholder: this.$t('network.collection.name'),\n        show: false,\n        okTitle: this.$t('Create.proceed'),\n        inputLength: 0,\n      },\n    };\n  },\n  mounted() {\n    this.init();\n  },\n  methods: {\n    // Initialize the uploader, get the s3 upload params\n    init() {\n      this.busy = true;\n      this.complete = false;\n\n      this.$http\n        .post('s3/upload-params')\n        .then(resp => {\n          this.setupUploadForm(resp.data);\n          // upload setup is done!\n          this.busy = false;\n        })\n        .catch(err => {\n          this.$bvModal.msgBoxOk(this.$t('Create.s3-upload-initialization-failed-please-check-console-for-details-or-refresh-the-page-to-try-again') + '.');\n          console.log('get s3 upload params failed', err);\n          this.busy = false;\n        });\n    },\n    setupUploadForm(s3) {\n      // see option documentation here: https://github.com/thetutlage/vue-clip\n      this.options.url = s3.formAttributes.action;\n      this.options.accept = (file, done) => {\n        if (file.size > this.maxFilesize * 1024 * 1024) {\n          let msg = this.$t('Create.file-size-cannot-be-higher-than') + this.maxFilesize + 'MB';\n          this.$bvModal.msgBoxOk(msg);\n\n          done(this.$t('Create.file-must-be-smaller-than-1mb')); // for some reason this does not work, so we have to use the message above\n          return;\n        }\n        done();\n      };\n      this.s3Params = s3;\n    },\n    fileErrorOccurred() {\n      this.uploading = false;\n      var msg = this.$t('Create.we-encountered-an-error-during-your-upload-please-check-your-connection-and-try-again-uploading-larg');\n      this.$bvModal.msgBoxOk(msg).then(() => {\n        window.location.reload();\n      });\n    },\n    onTotalProgress(progress, totalUploadedBytes) {\n      this.uploading = true;\n      this.totalProgressPct = progress;\n      this.totalUploadedBytes = totalUploadedBytes;\n    },\n    onQueueComplete() {\n      this.uploading = false;\n      this.complete = true; // Upload has finished, UI needs to go to the next step.\n      this.processFiles();\n    },\n    // Files are uploaded, this method will now create the necessary network media items using our API\n    processFiles() {\n      if (this.files.length == 0) {\n        // most likely the file is too big\n        this.complete = false; // shows input box again\n        var msg = this.$t('network.error.no_files_uploaded');\n        this.$bvModal.msgBoxOk(msg);\n      } else if (this.files.length > 1) {\n        this.confirmModal.show = true;\n      } else {\n        this.sendRegisterFileRequest();\n      }\n    },\n    createCollection() {\n      this.$router.push({ name: 'create-network-collection-page', params: { slug: this.network.slug, newCollectionFromFiles: true } });\n    },\n    sendRegisterFileRequest(collection = null) {\n      // lets create a request to the backend so that a media item is created for this.\n      // Once created, we will then redirect the user to the edit form for the media\n      NetworkMediaService.registerFiles([this.network.slug], this.files, this.s3Params.uploadPathPrefix, collection)\n        .then(resp => {\n          this.registeredFiles = resp.data.files;\n          this.registeredCollection = resp.data.collection;\n\n          // Redirect to the proper place:\n          if (this.registeredCollection != null) {\n            // a collection resulted in the upload, so let redirect the user to the edit screen for that.\n            if(this.network) {\n              this.$router.push({ name: 'network_collection_update', params: { collection_slug: this.registeredCollection.slug, newFile: true, network: this.network } });\n            } else {\n              this.$router.push({ name: 'update-network-collection-page', params: { collection_slug: this.registeredCollection.slug, newFile: true, network: this.network } });\n            }\n          } else {\n            if (this.registeredFiles.length == 0) {\n              this.$bvModal.msgBoxOk(this.$t('Create.no-files-were-succesfully-registered-please-contact-us-for-help-or-try-again-after-clicking-ok'));\n              return this.$router.go(-1);\n            } else if (this.registeredFiles.length == 1) {\n              // single file\n              this.$router.push({ name: 'network_media_update', params: { media_slug: this.registeredFiles[0].networkMedia.slug, newFile: true } });\n            } else {\n              // this case is not possible (all multi file uploads result in a collection)\n              // do nothing! ? (the files are displayed on screen and the user can select which one to edit)\n            }\n          }\n        })\n        .catch(resp => {\n          this.$bvModal.msgBoxOk(this.$t('Create.error-occurred-on-the-server-please-see-your-browser-console-and-contact-resonance-for-help'));\n          console.log('resp', resp);\n        });\n    },\n    // If max files reached has exceeded\n    maxFilesReached() {\n      return;\n      /*\n      this.$store.dispatch('toast/showToast', {\n        message: this.$t('network.media.totalNumberOfFilesExceeded', {\n          defaultValue: 'You cannot upload more than {{ totalFilesAllowed }} files.',\n          //totalFilesAllowed: this.maxTotalFiles,\n        }),\n        variant: 'warning',\n      });*/\n    },\n    // Before sending a file, attach the s3 required parameters\n    onSending(file, xhr, formData) {\n      var fullPath;\n      /*\n      let allowedFileSize = this.maxSizePerFile * 1024 * 1024;\n      if (file.size > allowedFileSize) {\n        this.$store.dispatch('toast/showToast', {\n          message: 'A File exceeds the recommended size per file of ' + this.maxSizePerFile + 'MB.'),\n          variant: 'warning',\n        });\n      }\n      */\n      // return;\n      // if a full path is set\n      if ('fullPath' in file._file && file._file.fullPath) {\n        fullPath = file._file.fullPath;\n      } else {\n        // probably a single file upload, no need for the path info\n        fullPath = file._file.name;\n      }\n      var properPath = this.s3Params.uploadPathPrefix + '/' + fullPath;\n\n      // update formData before the file is uploaded\n      for (let key in this.s3Params.formInputs) {\n        var value = this.s3Params.formInputs[key];\n        if (key == 'key') value = properPath; // use the proper path calculated (in case its a full folder upload)\n\n        formData.append(key, value);\n      }\n      xhr.onerror = () => this.fileErrorOccurred();\n      this.files.push({\n        name: file.name,\n        size: file._file.size,\n        fullPath: properPath,\n      });\n    },\n  },\n};\n</script>\n<style>\n.uploader {\n  /*width: 400px;\n  height: 550px;*/\n  border-radius: 6px;\n  box-shadow: 1px 2px 19px rgba(195, 195, 195, 0.43);\n  background: #fff;\n}\n.uploader * {\n  box-sizing: border-box;\n}\n.uploader-action {\n  padding: 20px;\n  background: #f1f5ff;\n  cursor: pointer;\n  transition: background 300ms ease;\n}\n.uploader-action .dz-message {\n  color: #666;\n  text-align: center;\n  padding: 20px 40px;\n  border: 3px dashed #dfe8fe;\n  border-radius: 4px;\n  font-size: 16px;\n}\n.uploader-files {\n  flex: 1;\n  padding: 40px;\n}\n.file-progress {\n  background: #e3ebfa;\n  border-radius: 8px;\n  height: 4px;\n  width: 80%;\n}\n.progress-indicator {\n  display: block;\n  background: #00d28a;\n  border-radius: 8px;\n  height: 4px;\n}\n.file-size {\n  font-weight: 600;\n  color: #bebfc1;\n}\n.file-status {\n  font-size: 12px;\n  text-transform: uppercase;\n  margin-left: 5px;\n}\n@keyframes slideUpIn {\n  0% {\n    opacity: 0;\n    transform: translateY(10%);\n  }\n  100% {\n    opacity: 1;\n    transform: none;\n  }\n}\n.uploader-action.dragging {\n  background: #fff;\n}\n</style>","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!./Create.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!./Create.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./Create.vue?vue&type=template&id=5b24e675\"\nimport script from \"./Create.vue?vue&type=script&lang=js\"\nexport * from \"./Create.vue?vue&type=script&lang=js\"\nimport style0 from \"./Create.vue?vue&type=style&index=0&id=5b24e675&prod&lang=css\"\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","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Create.vue?vue&type=style&index=0&id=5b24e675&prod&lang=css\"","import axios from 'axios';\n\nexport default {\n  uploadMediaToS3(form, s3Params) {\n    let formData = new FormData();\n\n    for (let key in s3Params.formInputs) {\n      formData.append(key, s3Params.formInputs[key]);\n    }\n    formData.append('file', form.uploadFile);\n    return axios.post(s3Params.formAttributes.action, formData);\n  },\n\n  registerFiles(networkSlugs, files, s3Prefix, collection = { name: 'Enter your collection name' }) {\n    return axios.post('networks/register-files-for-media', {\n      files,\n      s3Prefix,\n      networkSlugs,\n      collection,\n    });\n  },\n};\n"],"sourceRoot":""}