{"version":3,"sources":["webpack:///./src/assets/icons/UploadFileIcon.svg","webpack:///./src/assets/icons/JpgFileIcon.svg","webpack:///./node_modules/core-js/modules/es6.string.link.js","webpack:///./src/views/app/promotions/banners/New.vue","webpack:///src/views/app/promotions/banners/New.vue","webpack:///./src/views/app/promotions/banners/New.vue?b2f3","webpack:///./src/views/app/promotions/banners/New.vue?59e7"],"names":["module","exports","createHTML","url","this","render","_vm","_c","_self","staticClass","_v","_s","$t","attrs","model","value","banner","banner_category_id","callback","$$v","$set","expression","_l","bannerCategory","item","key","id","name","type","bannerTypes","start_date_prog","configTimepicker","start_hour","end_date_prog","end_hour","categories","cat","scopedSlots","_u","fn","title","redirect_id","_e","products","prod","on","getProducts","link","ref","$event","onChange","image","file","clickFileButton","dragover","dragleave","drop","require","progress","error","attempSaveBanner","staticRenderFns","data","enableTime","enableSeconds","noCalendar","utils","Utils","validFormats","select_all_stores","shop","created","_created","_asyncToGenerator","regeneratorRuntime","mark","_callee","wrap","_context","prev","next","setCurrDate","setDateEnd","$vs","loading","$store","dispatch","close","stop","apply","arguments","watch","methods","_getProducts","_callee2","payload","res","_args2","_context2","length","undefined","page","page_size","sent","results","now","Date","currDateStr","dateToStr","substring","afterMonthTm","setMonth","getMonth","afterMonth","afterMonthStr","filename","$refs","files","filesize","size","filesizeMb","Math","floor","ext","substr","lastIndexOf","toLowerCase","isValidFormat","filter","format","notify","concat","text","iconPack","icon","color","time","ev","preventDefault","currentTarget","classList","contains","remove","add","dataTransfer","click","shops","isValidData","validateData","saveImage","_this","then","saveBanner","catch","setToastMessage","_this2","$router","push","path","isValidType","isValidName","isValidImage","isStoreSelected","store_id","store","find","s_id","computed","get","state","promotions","bannerProxy","Proxy","set","obj","commit","_objectSpread","_defineProperty","val","stores","components","flatPickr","vSelect","component"],"mappings":"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","file":"js/chunk-40ee25f5.287eab17.js","sourcesContent":["module.exports = __webpack_public_path__ + \"img/UploadFileIcon.3703abfb.svg\";","module.exports = __webpack_public_path__ + \"img/JpgFileIcon.2570da13.svg\";","'use strict';\n// B.2.3.10 String.prototype.link(url)\nrequire('./_string-html')('link', function (createHTML) {\n  return function link(url) {\n    return createHTML(this, 'a', 'href', url);\n  };\n});\n","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[_c('vx-card',[_c('h3',{staticClass:\"text-info\"},[_vm._v(_vm._s(this.$t('Crear Nuevo Banner')))]),_c('div',{staticClass:\"vx-row mt-5\"},[_c('div',{staticClass:\"vx-col sm:w-1/4 w-full\"},[_c('label',{attrs:{\"for\":\"bannerTypeId\"}},[_vm._v(_vm._s(this.$t('Categoria de Banner:')))]),_c('vs-select',{staticClass:\"w-full\",attrs:{\"placeholder\":\"Seleccione una categoria\",\"id\":\"bannerTypeId\"},model:{value:(_vm.banner.banner_category_id),callback:function ($$v) {_vm.$set(_vm.banner, \"banner_category_id\", $$v)},expression:\"banner.banner_category_id\"}},_vm._l((_vm.bannerCategory),function(item){return _c('vs-select-item',{key:item.id,attrs:{\"value\":item.id,\"text\":item.name}})}),1)],1),_c('div',{staticClass:\"vx-col sm:w-1/4 w-full\"},[_c('label',{attrs:{\"for\":\"bannerTypeId\"}},[_vm._v(_vm._s(this.$t('Tipo de Banner:')))]),_c('vs-select',{staticClass:\"w-full\",attrs:{\"placeholder\":\"Seleccione un tipo\",\"id\":\"bannerTypeId\"},model:{value:(_vm.banner.type),callback:function ($$v) {_vm.$set(_vm.banner, \"type\", $$v)},expression:\"banner.type\"}},_vm._l((_vm.bannerTypes),function(item){return _c('vs-select-item',{key:item.id,attrs:{\"value\":item.id,\"text\":item.name}})}),1)],1),_c('div',{staticClass:\"vx-col sm:w-1/2 w-full\"},[_c('label',{attrs:{\"for\":\"name\"}},[_vm._v(_vm._s(this.$t('Nombre del Banner:')))]),_c('vs-input',{staticClass:\"w-full\",attrs:{\"id\":\"name\"},model:{value:(_vm.banner.name),callback:function ($$v) {_vm.$set(_vm.banner, \"name\", $$v)},expression:\"banner.name\"}})],1),_c('div',{staticClass:\"vx-col sm:w-1/2 mt-5\"},[_c('div',{staticClass:\"grid grid-cols-2 gap-6\"},[_c('div',{staticClass:\"px-2\"},[_c('label',{attrs:{\"for\":\"initDate\"}},[_vm._v(_vm._s(this.$t('Fecha de Inicio:')))]),_c('br'),_c('sub',{staticClass:\"text-grey italic\"},[_vm._v(\"YYYY-MM-DD\")]),_c('flat-pickr',{staticClass:\"w-full\",attrs:{\"id\":\"initDate\"},model:{value:(_vm.banner.start_date_prog),callback:function ($$v) {_vm.$set(_vm.banner, \"start_date_prog\", $$v)},expression:\"banner.start_date_prog\"}})],1),_c('div',{staticClass:\"px-2\"},[_c('label',{attrs:{\"for\":\"initHour\"}},[_vm._v(_vm._s(this.$t('Hora de Inicio:')))]),_c('br'),_c('sub',{staticClass:\"text-grey italic\"},[_vm._v(\"HH:MM:SS\")]),_c('flat-pickr',{staticClass:\"w-full\",attrs:{\"config\":_vm.configTimepicker,\"id\":\"initHour\"},model:{value:(_vm.banner.start_hour),callback:function ($$v) {_vm.$set(_vm.banner, \"start_hour\", $$v)},expression:\"banner.start_hour\"}})],1)])]),_c('div',{staticClass:\"vx-col sm:w-1/2 mt-5\"},[_c('div',{staticClass:\"grid grid-cols-2 gap-6\"},[_c('div',{staticClass:\"px-2\"},[_c('label',{attrs:{\"for\":\"endDate\"}},[_vm._v(_vm._s(this.$t('Fecha final:')))]),_c('br'),_c('sub',{staticClass:\"text-grey italic\"},[_vm._v(\"YYYY-MM-DD\")]),_c('flat-pickr',{staticClass:\"w-full\",attrs:{\"id\":\"endDate\"},model:{value:(_vm.banner.end_date_prog),callback:function ($$v) {_vm.$set(_vm.banner, \"end_date_prog\", $$v)},expression:\"banner.end_date_prog\"}})],1),_c('div',{staticClass:\"px-2\"},[_c('label',{attrs:{\"for\":\"endHour\"}},[_vm._v(_vm._s(this.$t('Hora final:')))]),_c('br'),_c('sub',{staticClass:\"text-grey italic\"},[_vm._v(\"HH:MM:SS\")]),_c('flat-pickr',{staticClass:\"w-full\",attrs:{\"config\":_vm.configTimepicker,\"id\":\"endHour\"},model:{value:(_vm.banner.end_hour),callback:function ($$v) {_vm.$set(_vm.banner, \"end_hour\", $$v)},expression:\"banner.end_hour\"}})],1)])])])]),(_vm.banner.type === 1)?_c('vx-card',{staticClass:\"mt-10\"},[_c('h4',{staticClass:\"text-info\"},[_vm._v(_vm._s(this.$t('Categoría')))]),_c('div',{staticClass:\"vx-row mt-5\"},[_c('div',{staticClass:\"vx-col sm:w-1/2 w-full\"},[_c('div',{staticClass:\"flex space-x-4 items-center\"},[_c('label',{attrs:{\"for\":\"bannerCatId\"}},[_vm._v(_vm._s(this.$t('Seleccione la categoría:')))]),_c('v-select',{staticClass:\"sm:w-1/2 w-full\",attrs:{\"options\":_vm.categories,\"label\":\"title\",\"reduce\":(cat) => cat.id,\"placeholder\":\"categoría\"},scopedSlots:_vm._u([{key:\"option\",fn:function(item){return [_c('span',{staticClass:\"inline-block align-middle\"},[_vm._v(_vm._s(item.title))])]}},{key:\"selected-option\",fn:function(item){return [_c('span',{staticClass:\"inline-block align-middle\"},[_vm._v(_vm._s(item.title))])]}}],null,false,3707340877),model:{value:(_vm.banner.redirect_id),callback:function ($$v) {_vm.$set(_vm.banner, \"redirect_id\", $$v)},expression:\"banner.redirect_id\"}})],1)])])]):_vm._e(),(_vm.banner.type === 4)?_c('vx-card',{staticClass:\"mt-10\"},[_c('h4',{staticClass:\"text-info\"},[_vm._v(_vm._s(this.$t('Producto')))]),_c('div',{staticClass:\"vx-row mt-5\"},[_c('div',{staticClass:\"vx-col sm:w-1/2 w-full\"},[_c('div',{staticClass:\"flex space-x-4 items-center\"},[_c('label',{attrs:{\"for\":\"bannerCatId\"}},[_vm._v(_vm._s(this.$t('Seleccione un producto:')))]),_c('v-select',{staticClass:\"sm:w-1/2 w-full\",attrs:{\"options\":_vm.products,\"label\":\"title\",\"reduce\":(prod) => prod.id,\"placeholder\":\"producto\"},on:{\"search\":_vm.getProducts},scopedSlots:_vm._u([{key:\"option\",fn:function(item){return [_c('span',{staticClass:\"inline-block align-middle\"},[_vm._v(_vm._s(item.title))])]}},{key:\"selected-option\",fn:function(item){return [_c('span',{staticClass:\"inline-block align-middle\"},[_vm._v(_vm._s(item.title))])]}}],null,false,3707340877),model:{value:(_vm.banner.redirect_id),callback:function ($$v) {_vm.$set(_vm.banner, \"redirect_id\", $$v)},expression:\"banner.redirect_id\"}})],1)])])]):_vm._e(),(_vm.banner.type === 3)?_c('vx-card',{staticClass:\"mt-10\"},[_c('h4',{staticClass:\"mb-5 text-info\"},[_vm._v(_vm._s(this.$t('Informativo')))]),_c('div',{staticClass:\"vx-row mt-5\"},[_c('div',{staticClass:\"vx-col sm:w-1/2 w-full\"},[_c('label',{attrs:{\"for\":\"url\"}},[_vm._v(_vm._s(this.$t('Ingrese una URL:')))]),_c('vs-input',{staticClass:\"w-full\",attrs:{\"id\":\"url\"},model:{value:(_vm.banner.link),callback:function ($$v) {_vm.$set(_vm.banner, \"link\", $$v)},expression:\"banner.link\"}})],1)])]):_vm._e(),_c('input',{ref:\"file\",staticClass:\"w-px h-px opacity-0 overflow-hidden absolute\",attrs:{\"type\":\"file\",\"name\":\"fields[assetsFieldHandle][]\",\"id\":\"assetsFieldHandle\",\"accept\":\"image/png, image/jpeg\"},on:{\"change\":function($event){return _vm.onChange()}}}),(!_vm.image.file)?_c('div',{staticClass:\"border-2 border-dashed text-center pt-5 pb-8 mt-10 cursor-pointer\",on:{\"click\":function($event){return _vm.clickFileButton()},\"dragover\":_vm.dragover,\"dragleave\":_vm.dragleave,\"drop\":_vm.drop}},[_c('img',{staticClass:\"inline-block align-middle\",attrs:{\"src\":require(`@/assets/icons/UploadFileIcon.svg`),\"width\":\"32px\"}}),_c('br'),_c('br'),_c('span',{staticClass:\"text-gray\"},[_vm._v(_vm._s(this.$t('Suelta tu imagen aquí, ó')))]),_vm._v(\"  \"),_c('vs-button',{staticClass:\"rounded-full small\",attrs:{\"color\":\"#daf7fd\",\"text-color\":\"#1abfda\"}},[_vm._v(_vm._s(this.$t('Busca Archivo')))])],1):_vm._e(),(!_vm.image.file)?_c('div',{staticClass:\"vx-row mt-2\"},[_c('div',{staticClass:\"vx-col sm:w-1/2\"},[_c('span',{staticClass:\"text-gray\"},[_vm._v(_vm._s(this.$t('Formatos Soportados: JPG, PNG')))])]),_c('div',{staticClass:\"vx-col sm:w-1/2\"},[_c('span',{staticClass:\"text-gray float-right\"},[_vm._v(_vm._s(this.$t('Tamaño Máximo: 5Mb')))])])]):_c('vx-card',{staticClass:\"mt-10\"},[_c('div',{staticClass:\"vx-row\"},[_c('div',{staticClass:\"vx-col w-auto\"},[_c('img',{staticClass:\"inline-block align-middle\",attrs:{\"src\":require(`@/assets/icons/JpgFileIcon.svg`),\"width\":\"60px\"}}),_c('br'),_c('br')]),_c('div',{staticClass:\"vx-col w-11/12\"},[_c('feather-icon',{staticClass:\"float-right cursor-pointer\",attrs:{\"icon\":\"XIcon\"},on:{\"click\":function($event){_vm.image.file = null}}}),_c('h4',[_vm._v(_vm._s(_vm.image.file.name))]),_c('span',[_vm._v(\"Subido \"+_vm._s(_vm.image.progress)+\"%\")]),_c('vs-progress',{attrs:{\"height\":12,\"percent\":_vm.image.progress,\"color\":_vm.image.error ? 'danger' : 'success'}})],1)])]),_c('div',{staticClass:\"flex justify-around mt-10 mb-10\"},[_c('button',{staticClass:\"vs-component vs-button rounded-full vs-button-filled bg-primary text-white\",on:{\"click\":function($event){return _vm.attempSaveBanner()}}},[_vm._v(\" \"+_vm._s(this.$t('Guardar'))+\" \")])])],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div>\r\n    <vx-card>\r\n      <h3 class=\"text-info\">{{ this.$t('Crear Nuevo Banner') }}</h3>\r\n      <div class=\"vx-row mt-5\">\r\n        <div class=\"vx-col sm:w-1/4 w-full\">\r\n          <label for=\"bannerTypeId\">{{ this.$t('Categoria de Banner:') }}</label>\r\n          <vs-select\r\n            placeholder=\"Seleccione una categoria\"\r\n            v-model=\"banner.banner_category_id\"\r\n            id=\"bannerTypeId\"\r\n            class=\"w-full\"\r\n          >\r\n            <vs-select-item\r\n              v-bind:key=\"item.id\"\r\n              :value=\"item.id\"\r\n              :text=\"item.name\"\r\n              v-for=\"item in bannerCategory\"\r\n            />\r\n          </vs-select>\r\n        </div>\r\n        <div class=\"vx-col sm:w-1/4 w-full\">\r\n          <label for=\"bannerTypeId\">{{ this.$t('Tipo de Banner:') }}</label>\r\n          <vs-select\r\n            placeholder=\"Seleccione un tipo\"\r\n            v-model=\"banner.type\"\r\n            id=\"bannerTypeId\"\r\n            class=\"w-full\"\r\n          >\r\n            <vs-select-item\r\n              v-bind:key=\"item.id\"\r\n              :value=\"item.id\"\r\n              :text=\"item.name\"\r\n              v-for=\"item in bannerTypes\"\r\n            />\r\n          </vs-select>\r\n        </div>\r\n\r\n        <div class=\"vx-col sm:w-1/2 w-full\">\r\n          <!-- nombre -->\r\n          <label for=\"name\">{{ this.$t('Nombre del Banner:') }}</label>\r\n          <vs-input v-model=\"banner.name\" id=\"name\" class=\"w-full\" />\r\n        </div>\r\n\r\n        <div class=\"vx-col sm:w-1/2 mt-5\">\r\n          <div class=\"grid grid-cols-2 gap-6\">\r\n            <!-- fecha de inicio -->\r\n            <div class=\"px-2\">\r\n              <label for=\"initDate\">{{ this.$t('Fecha de Inicio:') }}</label><br />\r\n              <sub class=\"text-grey italic\">YYYY-MM-DD</sub>\r\n              <flat-pickr\r\n                v-model=\"banner.start_date_prog\"\r\n                id=\"initDate\"\r\n                class=\"w-full\"\r\n              />\r\n            </div>\r\n\r\n            <!-- hora de inicio -->\r\n            <div class=\"px-2\">\r\n              <label for=\"initHour\">{{ this.$t('Hora de Inicio:') }}</label><br />\r\n              <sub class=\"text-grey italic\">HH:MM:SS</sub>\r\n              <flat-pickr\r\n                :config=\"configTimepicker\"\r\n                v-model=\"banner.start_hour\"\r\n                id=\"initHour\"\r\n                class=\"w-full\"\r\n              />\r\n            </div>\r\n          </div>\r\n        </div>\r\n\r\n        <div class=\"vx-col sm:w-1/2 mt-5\">\r\n          <div class=\"grid grid-cols-2 gap-6\">\r\n            <!-- fecha final -->\r\n            <div class=\"px-2\">\r\n              <label for=\"endDate\">{{ this.$t('Fecha final:') }}</label><br />\r\n              <sub class=\"text-grey italic\">YYYY-MM-DD</sub>\r\n              <flat-pickr\r\n                v-model=\"banner.end_date_prog\"\r\n                id=\"endDate\"\r\n                class=\"w-full\"\r\n              />\r\n            </div>\r\n\r\n            <!-- hora final -->\r\n            <div class=\"px-2\">\r\n              <label for=\"endHour\">{{ this.$t('Hora final:') }}</label><br />\r\n              <sub class=\"text-grey italic\">HH:MM:SS</sub>\r\n              <flat-pickr\r\n                :config=\"configTimepicker\"\r\n                v-model=\"banner.end_hour\"\r\n                id=\"endHour\"\r\n                class=\"w-full\"\r\n              />\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </vx-card>\r\n\r\n    <!-- selección de tiendas -->\r\n    <!-- <vx-card class=\"mt-10\" v-if=\"banner.type === 2\">\r\n      <h4 class=\"text-info\">Tiendas</h4>\r\n\r\n      <div class=\"flex space-x-4 items-center\">\r\n        <label for=\"bannerTypeId\">Seleccione una tienda:</label>\r\n        <v-select\r\n          :options=\"stores\"\r\n          label=\"name\"\r\n          :reduce=\"(store) => store.id\"\r\n          v-model=\"banner.shops\"\r\n          class=\"w-1/2\"\r\n          multiple\r\n          placeholder=\"seleccione una tienda\"\r\n          id=\"bannerTypeId\"\r\n        >\r\n          <template slot=\"list-header\">\r\n            <vs-checkbox v-model=\"select_all_stores\" class=\"mx-10 my-5\"\r\n              >Seleccionar todas las tiendas</vs-checkbox\r\n            >\r\n          </template>\r\n\r\n          <template slot=\"option\" slot-scope=\"item\">\r\n            <feather-icon\r\n              v-if=\"isStoreSelected(item.id)\"\r\n              icon=\"CheckIcon\"\r\n              class=\"align-middle\"\r\n            />\r\n            <span class=\"inline-block align-middle\">{{ item.name }}</span>\r\n          </template>\r\n\r\n          <template slot=\"selected-option\" slot-scope=\"item\">\r\n            <span class=\"inline-block align-middle\">{{ item.name }}</span>\r\n          </template>\r\n        </v-select>\r\n      </div>\r\n    </vx-card> -->\r\n\r\n    <!-- selcción de categoría -->\r\n    <vx-card class=\"mt-10\" v-if=\"banner.type === 1\">\r\n      <h4 class=\"text-info\">{{ this.$t('Categoría') }}</h4>\r\n\r\n      <div class=\"vx-row mt-5\">\r\n        <div class=\"vx-col sm:w-1/2 w-full\">\r\n          <div class=\"flex space-x-4 items-center\">\r\n            <label for=\"bannerCatId\">{{ this.$t('Seleccione la categoría:') }}</label>\r\n            <v-select\r\n              :options=\"categories\"\r\n              label=\"title\"\r\n              :reduce=\"(cat) => cat.id\"\r\n              v-model=\"banner.redirect_id\"\r\n              class=\"sm:w-1/2 w-full\"\r\n              placeholder=\"categoría\"\r\n            >\r\n              <template slot=\"option\" slot-scope=\"item\">\r\n                <span class=\"inline-block align-middle\">{{ item.title }}</span>\r\n              </template>\r\n\r\n              <template slot=\"selected-option\" slot-scope=\"item\">\r\n                <span class=\"inline-block align-middle\">{{ item.title }}</span>\r\n              </template>\r\n            </v-select>\r\n          </div>\r\n        </div>\r\n\r\n        <!-- <div class=\"vx-col w-1/2\">\r\n          <div class=\"flex space-x-4 items-center\">\r\n            <label for=\"bannerTypeIdCat\">Seleccione una tienda:</label>\r\n            <v-select\r\n              :options=\"stores\"\r\n              label=\"name\"\r\n              :reduce=\"(store) => store.id\"\r\n              v-model=\"banner.shops\"\r\n              class=\"w-1/2\"\r\n              multiple\r\n              placeholder=\"seleccione una tienda\"\r\n              id=\"bannerTypeIdCat\"\r\n            >\r\n              <template slot=\"list-header\">\r\n                <vs-checkbox v-model=\"select_all_stores\" class=\"mx-10 my-5\"\r\n                  >Seleccionar todas las tiendas</vs-checkbox\r\n                >\r\n              </template>\r\n\r\n              <template slot=\"option\" slot-scope=\"item\">\r\n                <feather-icon\r\n                  v-if=\"isStoreSelected(item.id)\"\r\n                  icon=\"CheckIcon\"\r\n                  class=\"align-middle\"\r\n                />\r\n                <span class=\"inline-block align-middle\">{{ item.name }}</span>\r\n              </template>\r\n\r\n              <template slot=\"selected-option\" slot-scope=\"item\">\r\n                <span class=\"inline-block align-middle\">{{ item.name }}</span>\r\n              </template>\r\n            </v-select>\r\n          </div>\r\n        </div> -->\r\n      </div>\r\n    </vx-card>\r\n\r\n    <!-- selcción de producto -->\r\n    <vx-card class=\"mt-10\" v-if=\"banner.type === 4\">\r\n      <h4 class=\"text-info\">{{ this.$t('Producto') }}</h4>\r\n\r\n      <div class=\"vx-row mt-5\">\r\n        <!-- <div class=\"vx-col w-1/2\">\r\n          <div class=\"flex space-x-4 items-center\">\r\n            <label for=\"bannerTypeIdProd\">Seleccione una tienda:</label>\r\n            <v-select\r\n              :options=\"stores\"\r\n              label=\"name\"\r\n              :reduce=\"(store) => store.id\"\r\n              v-model=\"banner.shops\"\r\n              class=\"w-1/2\"\r\n              multiple\r\n              placeholder=\"seleccione una tienda\"\r\n              id=\"bannerTypeIdProd\"\r\n            >\r\n              <template slot=\"list-header\">\r\n                <vs-checkbox v-model=\"select_all_stores\" class=\"mx-10 my-5\"\r\n                  >Seleccionar todas las tiendas</vs-checkbox\r\n                >\r\n              </template>\r\n\r\n              <template slot=\"option\" slot-scope=\"item\">\r\n                <feather-icon\r\n                  v-if=\"isStoreSelected(item.id)\"\r\n                  icon=\"CheckIcon\"\r\n                  class=\"align-middle\"\r\n                />\r\n                <span class=\"inline-block align-middle\">{{ item.name }}</span>\r\n              </template>\r\n\r\n              <template slot=\"selected-option\" slot-scope=\"item\">\r\n                <span class=\"inline-block align-middle\">{{ item.name }}</span>\r\n              </template>\r\n            </v-select>\r\n          </div>\r\n        </div> -->\r\n\r\n        <div class=\"vx-col sm:w-1/2 w-full\">\r\n          <div class=\"flex space-x-4 items-center\">\r\n            <label for=\"bannerCatId\">{{ this.$t('Seleccione un producto:') }}</label>\r\n            <v-select\r\n              :options=\"products\"\r\n              label=\"title\"\r\n              :reduce=\"(prod) => prod.id\"\r\n              v-model=\"banner.redirect_id\"\r\n              class=\"sm:w-1/2 w-full\"\r\n              placeholder=\"producto\"\r\n              @search=\"getProducts\"\r\n            >\r\n              <template slot=\"option\" slot-scope=\"item\">\r\n                <span class=\"inline-block align-middle\">{{ item.title }}</span>\r\n              </template>\r\n\r\n              <template slot=\"selected-option\" slot-scope=\"item\">\r\n                <span class=\"inline-block align-middle\">{{ item.title }}</span>\r\n              </template>\r\n            </v-select>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </vx-card>\r\n\r\n    <!-- informativo -->\r\n    <vx-card class=\"mt-10\" v-if=\"banner.type === 3\">\r\n      <h4 class=\"mb-5 text-info\">{{ this.$t('Informativo') }}</h4>\r\n\r\n      <div class=\"vx-row mt-5\">\r\n        <div class=\"vx-col sm:w-1/2 w-full\">\r\n          <label for=\"url\">{{ this.$t('Ingrese una URL:') }}</label>\r\n          <vs-input v-model=\"banner.link\" id=\"url\" class=\"w-full\" />\r\n        </div>\r\n\r\n        <!-- <div class=\"vx-col w-1/2\">\r\n          <label for=\"bannerTypeIdProd\">Seleccione una tienda:</label>\r\n          <v-select\r\n            :options=\"stores\"\r\n            label=\"name\"\r\n            :reduce=\"(store) => store.id\"\r\n            v-model=\"banner.shops\"\r\n            class=\"w-full\"\r\n            multiple\r\n            placeholder=\"seleccione una tienda\"\r\n            id=\"bannerTypeIdProd\"\r\n          >\r\n            <template slot=\"list-header\">\r\n              <vs-checkbox v-model=\"select_all_stores\" class=\"mx-10 my-5\"\r\n                >Seleccionar todas las tiendas</vs-checkbox\r\n              >\r\n            </template>\r\n\r\n            <template slot=\"option\" slot-scope=\"item\">\r\n              <feather-icon\r\n                v-if=\"isStoreSelected(item.id)\"\r\n                icon=\"CheckIcon\"\r\n                class=\"align-middle\"\r\n              />\r\n              <span class=\"inline-block align-middle\">{{ item.name }}</span>\r\n            </template>\r\n\r\n            <template slot=\"selected-option\" slot-scope=\"item\">\r\n              <span class=\"inline-block align-middle\">{{ item.name }}</span>\r\n            </template>\r\n          </v-select>\r\n        </div> -->\r\n      </div>\r\n    </vx-card>\r\n\r\n    <!-- imagen -->\r\n    <input\r\n      type=\"file\"\r\n      name=\"fields[assetsFieldHandle][]\"\r\n      id=\"assetsFieldHandle\"\r\n      class=\"w-px h-px opacity-0 overflow-hidden absolute\"\r\n      ref=\"file\"\r\n      accept=\"image/png, image/jpeg\"\r\n      @change=\"onChange()\"\r\n    />\r\n\r\n    <div\r\n      v-if=\"!image.file\"\r\n      class=\"border-2 border-dashed text-center pt-5 pb-8 mt-10 cursor-pointer\"\r\n      @click=\"clickFileButton()\"\r\n      @dragover=\"dragover\"\r\n      @dragleave=\"dragleave\"\r\n      @drop=\"drop\"\r\n    >\r\n      <img\r\n        :src=\"require(`@/assets/icons/UploadFileIcon.svg`)\"\r\n        width=\"32px\"\r\n        class=\"inline-block align-middle\"\r\n      /><br /><br />\r\n      <span class=\"text-gray\">{{ this.$t('Suelta tu imagen aquí, ó') }}</span>&nbsp;\r\n      <vs-button color=\"#daf7fd\" text-color=\"#1abfda\" class=\"rounded-full small\"\r\n        >{{ this.$t('Busca Archivo') }}</vs-button\r\n      >\r\n    </div>\r\n\r\n    <div v-if=\"!image.file\" class=\"vx-row mt-2\">\r\n      <div class=\"vx-col sm:w-1/2\">\r\n        <span class=\"text-gray\">{{ this.$t('Formatos Soportados: JPG, PNG') }}</span>\r\n      </div>\r\n\r\n      <div class=\"vx-col sm:w-1/2\">\r\n        <span class=\"text-gray float-right\">{{ this.$t('Tamaño Máximo: 5Mb') }}</span>\r\n      </div>\r\n    </div>\r\n\r\n    <vx-card v-else class=\"mt-10\">\r\n      <div class=\"vx-row\">\r\n        <div class=\"vx-col w-auto\">\r\n          <img\r\n            :src=\"require(`@/assets/icons/JpgFileIcon.svg`)\"\r\n            width=\"60px\"\r\n            class=\"inline-block align-middle\"\r\n          /><br /><br />\r\n        </div>\r\n\r\n        <div class=\"vx-col w-11/12\">\r\n          <feather-icon\r\n            icon=\"XIcon\"\r\n            class=\"float-right cursor-pointer\"\r\n            @click=\"image.file = null\"\r\n          />\r\n          <h4>{{ image.file.name }}</h4>\r\n          <span>Subido {{ image.progress }}%</span>\r\n          <vs-progress\r\n            :height=\"12\"\r\n            :percent=\"image.progress\"\r\n            :color=\"image.error ? 'danger' : 'success'\"\r\n          ></vs-progress>\r\n        </div>\r\n      </div>\r\n    </vx-card>\r\n    <!-- fin imagen -->\r\n\r\n    <!-- seccion guardar -->\r\n    <div class=\"flex justify-around mt-10 mb-10\">\r\n      <button\r\n        class=\"vs-component vs-button rounded-full vs-button-filled bg-primary text-white\"\r\n        @click=\"attempSaveBanner()\"\r\n      >\r\n        {{ this.$t('Guardar') }}\r\n      </button>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport vSelect from \"vue-select\";\r\nimport flatPickr from \"vue-flatpickr-component\";\r\nimport \"flatpickr/dist/flatpickr.css\";\r\n\r\nimport Utils from \"../../../../plugins/utils\";\r\n\r\nexport default {\r\n  data() {\r\n    return {\r\n      configTimepicker: {\r\n        enableTime: true,\r\n        enableSeconds: true,\r\n        noCalendar: true,\r\n      },\r\n      utils: Utils,\r\n      image: {\r\n        progress: 0,\r\n        error: \"\",\r\n        file: null,\r\n      },\r\n      validFormats: [\"jpg\", \"jpeg\", \"png\"],\r\n      select_all_stores: false,\r\n      products: [],\r\n      shop: 0,\r\n      bannerCategory: [{id: 3, name: 'Informação'}, {id: 1, name: 'Promoção'}]\r\n    };\r\n  },\r\n\r\n  async created() {\r\n    this.shop = 727\r\n    this.setCurrDate();\r\n    this.setDateEnd();\r\n\r\n    this.$vs.loading();\r\n    await this.$store.dispatch(\"stores/getAllStores\");\r\n    await this.$store.dispatch(\"categories/getAllCategories\");\r\n    await this.getProducts();\r\n    await this.$store.dispatch(\"promotions/getAllBannerTypes\");\r\n    this.$vs.loading.close();\r\n  },\r\n\r\n  watch: {\r\n    /* select_all_stores(val) {\r\n      this.toggleAllstores(val);\r\n    }, */\r\n  },\r\n\r\n  methods: {\r\n    async getProducts(name = \"\") {\r\n      const payload = {\r\n        page: 1,\r\n        page_size: 500,\r\n        name,\r\n      };\r\n      const res = await this.$store.dispatch(\r\n        \"products/getAllProducts\",\r\n        payload\r\n      );\r\n      const products = res.results;\r\n      this.products = products;\r\n    },\r\n    setCurrDate() {\r\n      const now = new Date();\r\n      const currDateStr = this.utils.dateToStr(now);\r\n\r\n      this.banner.start_date_prog = currDateStr.substring(0, 10);\r\n      this.banner.start_hour = currDateStr.substring(11, 19);\r\n    },\r\n    setDateEnd() {\r\n      const now = new Date();\r\n      const afterMonthTm = now.setMonth(now.getMonth() + 1);\r\n      const afterMonth = new Date(afterMonthTm);\r\n      const afterMonthStr = this.utils.dateToStr(afterMonth);\r\n\r\n      this.banner.end_date_prog = afterMonthStr.substring(0, 10);\r\n      this.banner.end_hour = afterMonthStr.substring(11, 19);\r\n    },\r\n    onChange() {\r\n      const filename = this.$refs.file.files[0].name;\r\n      const filesize = this.$refs.file.files[0].size;\r\n      const filesizeMb = Math.floor(filesize / 1000000);\r\n      const ext = filename.substr(filename.lastIndexOf(\".\") + 1).toLowerCase();\r\n\r\n      const isValidFormat = this.validFormats.filter(\r\n        (format) => format === ext\r\n      );\r\n\r\n      if (filesizeMb > 2) {\r\n        this.$vs.notify({\r\n          title: `La imagen tiene un tamaño de ${filesizeMb} Mb`,\r\n          text: `El límite de tamaño es de 2Mb`,\r\n          iconPack: \"feather\",\r\n          icon: \"icon-alert-circle\",\r\n          color: \"warning\",\r\n          time: 7000,\r\n        });\r\n        return;\r\n      }\r\n\r\n      if (isValidFormat.length === 0) {\r\n        this.$vs.notify({\r\n          title: \"Formato Incorrecto\",\r\n          text: \"Cargue archivos .jpg ó .png solamente\",\r\n          iconPack: \"feather\",\r\n          icon: \"icon-alert-circle\",\r\n          color: \"warning\",\r\n        });\r\n        return;\r\n      }\r\n\r\n      this.image.file = this.$refs.file.files[0];\r\n      // this.$store.dispatch( 'product/loadProductImage', this.image );\r\n    },\r\n    dragover(ev) {\r\n      ev.preventDefault();\r\n\r\n      if (!ev.currentTarget.classList.contains(\"bg-primary\")) {\r\n        ev.currentTarget.classList.remove(\"bg-gray-100\");\r\n        ev.currentTarget.classList.add(\"bg-primary\");\r\n      }\r\n    },\r\n    dragleave(ev) {\r\n      ev.currentTarget.classList.remove(\"bg-primary\");\r\n    },\r\n    drop(ev) {\r\n      ev.preventDefault();\r\n\r\n      this.$refs.file.files = ev.dataTransfer.files;\r\n      this.onChange();\r\n      ev.currentTarget.classList.remove(\"bg-primary\");\r\n    },\r\n    clickFileButton() {\r\n      this.$refs.file.click();\r\n    },\r\n    attempSaveBanner() {\r\n      let shops = [this.shop];\r\n      this.banner.shops = shops\r\n      \r\n      const isValidData = this.validateData();\r\n\r\n      if (!isValidData) return;\r\n\r\n      this.saveImage();\r\n    },\r\n    saveImage() {\r\n      this.$vs.loading();\r\n      this.$store\r\n        .dispatch(\"firebase/uploadImage\", this.image)\r\n        .then((res) => {\r\n          this.$vs.loading.close();\r\n          this.banner.image = res;\r\n          this.saveBanner();\r\n        })\r\n        .catch(() => {\r\n          this.$vs.loading.close();\r\n          this.setToastMessage(\r\n            this.$t(\"Ocurrió un error al cargar la imagen. Intente unos minutos más tarde\")\r\n          );\r\n        });\r\n    },\r\n    saveBanner() {\r\n      this.$vs.loading();\r\n      this.$store.dispatch(\"promotions/saveBanner\", this.banner).then((res) => {\r\n        this.$vs.loading.close();\r\n        if (!res) {\r\n          this.setToastMessage(\r\n            this.$t(\"Ocurrió un error al guardar el banner. Intente unos minutos más tarde\")\r\n          );\r\n          return;\r\n        }\r\n\r\n        this.image.file = null;\r\n        this.$router.push({ path: \"/app/promotions/banners\" });\r\n      });\r\n    },\r\n    validateData() {\r\n      const isValidType = this.banner.type;\r\n      const isValidName = this.banner.name;\r\n      const isValidImage = this.image.file;\r\n\r\n      if (!isValidType || !isValidName || !isValidImage) {\r\n        this.setToastMessage(\r\n          this.$t(\"Seleccione un tipo de banner, un nombre de banner o cargue una imagen\")\r\n        );\r\n        return false;\r\n      }\r\n\r\n      // Validación de tipos\r\n      if (this.banner.type === 2) {\r\n        if (this.banner.shops.length === 0) {\r\n          this.setToastMessage(this.$t(\"Seleccione al menos una tienda\"));\r\n          return false;\r\n        }\r\n      } else if (this.banner.type === 1) {\r\n        if (this.banner.shops.length === 0 || this.banner.redirect_id === 0) {\r\n          this.setToastMessage(\r\n            this.$t(\"Seleccione al menos una tienda o una categoría\")\r\n          );\r\n          return false;\r\n        }\r\n      } else if (this.banner.type === 3) {\r\n        if (this.banner.shops.length === 0) {\r\n          this.setToastMessage(this.$t(\"Seleccione al menos una tienda\"));\r\n          return false;\r\n        }\r\n      } else if (this.banner.type === 4) {\r\n        if (this.banner.shops.length === 0 || this.banner.redirect_id === 0) {\r\n          this.setToastMessage(this.$t(\"Seleccione al menos una tienda o un producto\"));\r\n          return false;\r\n        }\r\n      }\r\n\r\n      return true;\r\n    },\r\n    setToastMessage(text = \"\") {\r\n      this.$vs.notify({\r\n        text,\r\n        title: this.$t(\"Ingrese los datos solicitados\"),\r\n        iconPack: \"feather\",\r\n        icon: \"icon-alert-circle\",\r\n        color: \"warning\",\r\n        time: 7000,\r\n      });\r\n    },\r\n    isStoreSelected(store_id = 0) {\r\n      const store = this.banner.shops.find((s_id) => s_id === store_id);\r\n      return !!store;\r\n    },\r\n  },\r\n\r\n  computed: {\r\n    banner: {\r\n      get() {\r\n        const store = this.$store;\r\n        const banner = store.state.promotions.banner;\r\n        let bannerProxy = new Proxy(banner, {\r\n          set(obj, key, value) {\r\n            store.commit(\"promotions/SET_BANNER\", {\r\n              ...obj,\r\n              [key]: value,\r\n            });\r\n            return true;\r\n          },\r\n        });\r\n        return bannerProxy;\r\n      },\r\n      set(val) {\r\n        this.$store.commit(\"promotions/SET_BANNER\", val);\r\n      },\r\n    },\r\n    stores() {\r\n      return this.$store.state.stores.stores;\r\n    },\r\n    categories() {\r\n      return this.$store.state.categories.categories;\r\n    },\r\n    // products() { return this.$store.state.products.products; },\r\n    bannerTypes() {\r\n      return this.$store.state.promotions.bannerTypes;\r\n    },\r\n  },\r\n\r\n  components: {\r\n    flatPickr,\r\n    \"v-select\": vSelect,\r\n  },\r\n};\r\n</script>\r\n","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./New.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./New.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./New.vue?vue&type=template&id=c11eb154&\"\nimport script from \"./New.vue?vue&type=script&lang=js&\"\nexport * from \"./New.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../node_modules/@vue/cli-service/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"],"sourceRoot":""}