{"version":3,"sources":["webpack:///./src/views/routes/Control/Form/HubControlForm.vue?9ef9","webpack:///./src/views/routes/Control/Form/HubControlForm.vue?b847","webpack:///./src/views/routes/Control/Form/HubControlForm.blueprint.js","webpack:///src/views/routes/Control/Form/HubControlForm.vue","webpack:///./src/views/routes/Control/Form/HubControlForm.vue?528b","webpack:///./src/views/routes/Control/Form/HubControlForm.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","TheSubHeaderTitle","ref","form","blueprint","isDropoff","endpointErrors","on","showLightbox","checkStore","setAddress","onSubmit","staticRenderFns","hubDropoffActive","id","model","tag","props","name","align","rules","label","placeholder","selectOptions","fetchOptions","invalidLabel","suggestions","content","blockFields","fields","zip","address","number","complement","neighborhood","city","state_id","multiple","tags","persistTags","searchPromptText","theme","color","textColor","icon","type","filled","components","TheSubHeader","DynamicForm","data","route_limit","schedule","store_id","transit_points_type_id","is_active","transit_point_delivery_id","driver_id","reception_user_id","route_name","file","computed","getUser","localStorage","getItem","JSON","parse","transitPointId","$route","params","parseStore","store","transitPointDeliveryId","mounted","fetchTransitPoint","methods","component"],"mappings":"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","file":"js/HubControlForm.a4141d0d.js","sourcesContent":["export * from \"-!../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../../node_modules/css-loader/dist/cjs.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!./HubControlForm.vue?vue&type=style&index=0&id=51d962e0&lang=scss&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('main',{staticClass:\"HubControlForm\"},[_c('TheSubHeader',{attrs:{\"icon\":\"address\",\"title\":_vm.TheSubHeaderTitle,\"page-title-tag\":\"Hubs Form\",\"actions\":['back']}}),_c('div',{staticClass:\"HubControlForm__content\"},[_c('DynamicForm',{ref:\"form\",staticClass:\"HubControlForm__form\",attrs:{\"submit-type\":\"json\",\"model\":_vm.form,\"blueprint\":_vm.blueprint({isDropoff: _vm.isDropoff}),\"endpoint-errors\":_vm.endpointErrors},on:{\"showLightbox\":_vm.showLightbox,\"checkDeleteStore\":_vm.checkStore,\"setAddress\":_vm.setAddress,\"submit\":_vm.onSubmit}})],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","export default ({ isDropoff }) => {\n  const hubDropoffActive = [\n    {\n      id: 'is_active',\n      model: 'is_active',\n      tag: 'BaseCheckBox',\n      props: {\n        id: 'hub-dropoff-active',\n        name: 'Marque caso o dropoff esteja ativo',\n        align: 'bottom'\n      },\n    },\n    {\n      id: 'transit_point_delivery_id',\n      model: 'transit_point_delivery_id',\n      tag: 'BaseTreeSelect',\n      rules: ['required'],\n      props: {\n        name: 'Hub de Destino',\n        label: 'Hub de Destino',\n        placeholder: 'Selecione',\n        selectOptions: null,\n        fetchOptions: 'stores/fetchHubsAsync',\n        invalidLabel: 'Insira um Hub de Destino',\n      },\n    },\n    {\n      id: 'driver_id',\n      model: 'driver_id',\n      tag: 'BaseTreeSelect',\n      rules: ['required'],\n      props: {\n        name: 'Motorista responsável pelo dropoff',\n        label: 'Motorista responsável pelo dropoff',\n        placeholder: 'Selecione',\n        selectOptions: null,\n        suggestions: 'searchDrivers',\n        invalidLabel: 'Insira um Motorista',\n      },\n    },\n    {\n      id: 'reception_user_id',\n      model: 'reception_user_id',\n      tag: 'BaseTreeSelect',\n      rules: ['required'],\n      props: {\n        name: 'Operador responsável pelo dropoff',\n        label: 'Operador responsável pelo dropoff',\n        placeholder: 'Selecione',\n        selectOptions: null,\n        suggestions: 'searchUsers',\n        invalidLabel: 'Insira um Motorista',\n      },\n    },\n    {\n      id: 'route_name',\n      model: 'route_name',\n      tag: 'InputGroup',\n      rules: ['required'],\n      props: {\n        label: 'Nome da rota do dropoff',\n        invalidLabel: 'Insira um Nome',\n      }\n    },\n  ]\n  return [\n    {\n      id: 'labelHub',\n      tag: 'label',\n      content: 'Detalhes do novo HUB'\n    },\n    {\n      id: 'name',\n      model: 'name',\n      tag: 'InputGroup',\n      rules: ['required'],\n      props: {\n        label: 'Nome',\n        invalidLabel: 'Insira um Nome',\n      }\n    },\n    {\n      id: 'address',\n      tag: 'InputAddress',\n      props: {\n        blockFields: false,\n        fields: {\n          zip: 'zip',\n          address: 'address',\n          number: 'number',\n          complement: 'complement',\n          neighborhood: 'neighborhood',\n          city: 'city',\n          state_id: 'state_id'\n        }\n      }\n    },\n    {\n      id: 'store_id',\n      model: 'store_id',\n      tag: 'BaseTreeSelect',\n      rules: ['required'],\n      props: {\n        name: 'Vincular Lojas ao HUB',\n        label: 'Vincular Lojas ao HUB',\n        placeholder: 'Pesquisar Lojistas',\n        multiple: true,\n        tags: true,\n        persistTags: true,\n        searchPromptText: 'Nome da Loja',\n        invalidLabel: 'Selecione uma Loja',\n        selectOptions: null,\n        fetchOptions: 'stores/fetchStoresAsync'\n      },\n    },\n    {\n      id: 'transit_points_type_id',\n      model: 'transit_points_type_id',\n      tag: 'BaseCheckBox',\n      props: {\n        id: 'hub-dropoff',\n        name: 'Marque caso seja um dropoff',\n        align: 'bottom'\n      },\n    },\n    ...(isDropoff ? hubDropoffActive : []),\n    {\n      id: 'confirm',\n      tag: 'BaseButton',\n      props: {\n        label: 'Salvar',\n        theme: 'icon-right',\n        color: 'primary-base',\n        textColor: 'white',\n        icon: 'save',\n        type: 'submit',\n        filled: true\n      }\n    }\n  ]\n}","<template>\n  <main class=\"HubControlForm\">\n    <TheSubHeader \n      icon=\"address\" \n      :title=\"TheSubHeaderTitle\"\n      page-title-tag=\"Hubs Form\"\n      :actions=\"['back']\"\n    />\n    <div class=\"HubControlForm__content\">\n      <DynamicForm\n        ref=\"form\"\n        class=\"HubControlForm__form\"\n        submit-type=\"json\"\n        :model=\"form\"\n        :blueprint=\"blueprint({isDropoff})\"\n        :endpoint-errors=\"endpointErrors\"\n        @showLightbox=\"showLightbox\"\n        @checkDeleteStore=\"checkStore\"\n        @setAddress=\"setAddress\"\n        @submit=\"onSubmit\"\n      />\n    </div>\n  </main>\n</template>\n\n<script>\nimport { routes } from '@/api'\nimport { mapActions } from 'vuex'\nimport { mapState } from 'vuex'\nimport { TheSubHeader } from '@/components/organisms'\nimport { DynamicForm } from '@/components/molecules'\nimport blueprint from './HubControlForm.blueprint'\n\nexport default {\n  name: 'HubControlForm',\n  components: {\n    TheSubHeader,\n    DynamicForm,\n  },\n  data() {\n    return {\n      form: {\n        name: '',\n        route_limit: '',\n        schedule: '',\n        zip: '',\n        city: '',\n        neighborhood: '',\n        address: '',\n        number: '',\n        complement: '',\n        state_id: null,\n        store_id: [],\n        transit_points_type_id: false,\n        is_active: false,\n        transit_point_delivery_id: null,\n        driver_id: null,\n        reception_user_id: null,\n        route_name: ''\n      },\n\n      file: null,\n      endpointErrors: {}\n    }\n  },\n  computed: {\n    ...mapState({\n      states: state => state.address.states,\n    }),\n    \n    getUser(){\n      return localStorage.getItem('user') ? JSON.parse(localStorage.getItem('user'))  : ''\n    },\n\n    transitPointId() {\n      return this.$route.params.id\n    },\n\n    TheSubHeaderTitle() {\n      return this.transitPointId ? 'Cadastro do HUB' : 'Cadastrar HUB'\n    },\n\n    parseStore(){\n      let store = this.form.store_id.map(s => s.id)\n      return store\n    },\n\n    isDropoff() {\n      return this.form.transit_points_type_id\n    },\n\n    transitPointDeliveryId() {\n      return this.isDropoff ? this.form.transit_point_delivery_id ? this.form.transit_point_delivery_id.id : null : null\n    }\n\n  },\n  mounted() {\n    if (this.transitPointId) {\n      this.fetchTransitPoint()\n    }\n  },\n\n  methods: {\n    blueprint,\n    ...mapActions({\n      checkDeleteStore: 'drivers/checkDeleteStore',\n      setLoading: 'loading/setLoading',\n    }),\n\n    async showLightbox(e, label) {\n      this.modalTitle = label\n      this.lightbox = e instanceof File ? await this.readFile(e) : e\n    },\n    \n    setAddress(data) {\n      this.form = {...this.form, ...data}\n    },\n\n    async checkStore(data){\n      if (!this.driverId) return\n      let res = await this.checkDeleteStore({driver_id: this.driverId, store_id: data.tag.id})\n      if (res) {\n        this.form.store = data.all.filter((v) => v.id !== data.tag.id)\n      }else{\n        this.form.store = data.all\n        this.show = true\n      }\n      \n    },\n\n    async fetchTransitPoint(){\n      this.setLoading(true)\n      await routes.fetchTransitPoint({ id: this.transitPointId }, (res) => {\n        var date = new Date()\n        var resHour = res.schedule.toString()\n        resHour = resHour.split(':')\n        date.setHours(resHour[0])\n        date.setMinutes(resHour[1])\n        date.setSeconds(resHour[2])\n\n        res = {\n          ...res,\n          ...res.address,\n          schedule: date.getTime(),\n          store_id: res.stores,\n          transit_points_type_id: res.transit_points_type_id === 1 ? false : true,\n          route_name: res?.route_info?.route_name\n        }\n        \n        res.state_id = this.states.filter((state) => state.id === res.state_id)[0]\n      \n        for (let i in this.form) {\n          if (res[i]) this.form[i] = res[i]\n        }\n      }, (e) => e)\n      this.setLoading(false)\n    },\n\n\n    async updateTransitPoint(body) {\n      this.setLoading(true)\n      await routes.updateTransitPoint({ id: this.transitPointId, body }, () => this.$router.push('/routes/hub'), (e) => {this.endpointErrors = e.validation}, () => this.setLoading(false))\n    },\n\n    async createTransitPoint(body) {\n      this.setLoading(true)\n      await routes.createTransitPoint(body, () => {\n        this.$router.push('/routes/hub')\n      }, (e) => {this.endpointErrors = e.validation}, () => this.setLoading(false))\n    },\n\n    async onSubmit(form) {\n      let data = {\n        ...form,\n        store_id: this.form.store_id.map(store => store.id),\n        state_id: this.form.state_id ? this.form.state_id.id : null,\n        user_id: this.getUser.id,\n        transit_points_type_id: this.isDropoff ? 2 : 1,\n        is_active: this.isDropoff ? this.form.is_active : true,\n        transit_point_delivery_id: this.transitPointDeliveryId,\n        driver_id: this.form?.driver_id?.id,\n        \n        // Parking\n        zip_parking: this.form.zip,\n        city_parking: this.form.city,\n        neighborhood_parking: this.form.neighborhood,\n        address_parking: this.form.address,\n        number_parking: this.form.number,\n        complement_parking: this.form.complement,\n        state_id_parking: this.form.state_id ? this.form.state_id.id : null,\n      }\n      delete data.undefined\n      this.transitPointId ? this.updateTransitPoint(data) : this.createTransitPoint(data)\n    },\n  }\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.HubControlForm {\n &__content{\n    display: grid;\n    grid-template-columns: 1fr minmax(min-content, 1180px) 1fr;\n    grid-template-areas: \". main .\";\n    grid-column-gap: 1rem;\n    margin-bottom: 40px;\n }\n &__form {\n    grid-template-areas:\n      \"labelHub labelHub . . . . . . . . . .\"\n      \". . . . . . . . . . . .\"\n      \"name name name name name name name route_limit route_limit route_limit schedule schedule\"\n      \"address address address address address address address address address address address address\"\n      \"store_id store_id store_id store_id store_id store_id store_id . . . . .\"\n      \"transit_points_type_id transit_points_type_id transit_points_type_id is_active is_active is_active . . . . . .\"\n      \"transit_point_delivery_id transit_point_delivery_id transit_point_delivery_id driver_id driver_id driver_id reception_user_id reception_user_id reception_user_id route_name route_name route_name\"\n      \". . . . . . . . . . confirm confirm\"\n }\n}\n</style>\n","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./HubControlForm.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!./HubControlForm.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./HubControlForm.vue?vue&type=template&id=51d962e0&scoped=true&\"\nimport script from \"./HubControlForm.vue?vue&type=script&lang=js&\"\nexport * from \"./HubControlForm.vue?vue&type=script&lang=js&\"\nimport style0 from \"./HubControlForm.vue?vue&type=style&index=0&id=51d962e0&lang=scss&scoped=true&\"\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  \"51d962e0\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}