{"version":3,"sources":["webpack:///./src/views/routes/CteManagement/Mdfe/MdfeDetails.vue?d0e1","webpack:///./src/views/routes/CteManagement/Mdfe/Form/MdfeDetailsForm.vue?f544","webpack:///./src/views/routes/CteManagement/Mdfe/MdfeDetails.vue?2908","webpack:///./src/views/routes/CteManagement/Mdfe/Form/MdfeDetailsForm.vue?1a74","webpack:///./src/views/routes/CteManagement/Mdfe/Form/MdfeDetailsForm.blueprint.js","webpack:///src/views/routes/CteManagement/Mdfe/Form/MdfeDetailsForm.vue","webpack:///./src/views/routes/CteManagement/Mdfe/Form/MdfeDetailsForm.vue?bb83","webpack:///./src/views/routes/CteManagement/Mdfe/Form/MdfeDetailsForm.vue","webpack:///src/views/routes/CteManagement/Mdfe/MdfeDetails.vue","webpack:///./src/views/routes/CteManagement/Mdfe/MdfeDetails.vue?d144","webpack:///./src/views/routes/CteManagement/Mdfe/MdfeDetails.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","ref","on","handlerSave","cancel","save","staticRenderFns","style","form","blueprint","optionsFields","endpointErrors","handlerGenerate","handlerSubmit","handlerCancel","mdfeDetails","id","tag","content","model","props","label","placeholder","readOnly","mdfeDetailsInfo","rules","invalidLabel","name","selectOptions","vehicleType","vehicleBody","eminent","mdfeDetailsInsurance","insuranceResponsible","mask","actions","color","textColor","filled","type","events","click","components","DynamicForm","data","id_name","status","vehicle_tara","vehicle_kg","vehicle_type","vehicle_body","insurance_responsible","insurance_responsible_cnpj","insurance_company_name","insurance_company_cnpj","policy_number","registration_number","form_initial","computed","routeParams","mdfeId","$route","params","formGridTemplateStyle","mounted","init","methods","$router","push","$emit","getInitialForm","Object","assign","setInitialForm","component","TheSubHeader","MdfeDetailsForm","CteManagementModal","$refs","modal","open","mdfeDetailsForm","putMdfeDetails"],"mappings":"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","file":"js/MdfeDetails.3518bb5c.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!./MdfeDetails.vue?vue&type=style&index=0&id=41170578&lang=scss&scoped=true&\"","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!./MdfeDetailsForm.vue?vue&type=style&index=0&id=f1d8bb98&lang=scss&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('main',{staticClass:\"MdfeDetails\"},[_c('TheSubHeader',{attrs:{\"icon\":\"package-delivery-alt\",\"title\":\"Detalhes da MDFe\",\"actions\":['back'],\"organizer-gap\":\"1rem\"}}),_c('section',{staticClass:\"MdfeDetails__Container\"},[_c('div',{staticClass:\"MdfeDetails__Content\"},[_c('div',{staticClass:\"MdfeDetails__Form\"},[_c('MdfeDetailsForm',{ref:\"mdfeDetailsForm\",on:{\"save\":_vm.handlerSave}})],1)])]),_c('CteManagementModal',{ref:\"modal\",attrs:{\"title\":\"Edição de MDFe\"},on:{\"cancel\":_vm.cancel,\"save\":_vm.save}})],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('DynamicForm',{ref:\"form\",staticClass:\"MdfeDetails__Form__Fields\",style:(_vm.style),attrs:{\"model\":_vm.form,\"blueprint\":_vm.blueprint({optionsFields: _vm.optionsFields}),\"endpoint-errors\":_vm.endpointErrors,\"submit-type\":\"json\"},on:{\"generate\":_vm.handlerGenerate,\"submit\":_vm.handlerSubmit,\"cancel\":_vm.handlerCancel}})}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","export default ({\n  optionsFields\n}) => {\n  const mdfeDetails = [\n    {\n      id: 'labelRouteDetails',\n      tag: 'label',\n      content: 'Detalhes da Rota'\n    },\n    {\n      id: 'id_name',\n      model: 'id_name',\n      tag: 'InputGroup',\n      props: {\n        label: 'ID da MDFe',\n        placeholder: 'Nome',\n        readOnly: true,\n      }\n    },\n    {\n      id: 'status',\n      model: 'status',\n      tag: 'InputGroup',\n      props: {\n        label: 'Status',\n        placeholder: 'Status',\n        readOnly: true,\n      }\n    }\n  ]\n\n  const mdfeDetailsInfo = [\n    {\n      id: 'labelMdfeDetails',\n      tag: 'label',\n      content: 'Informações da MDFe'\n    },\n    {\n      id: 'vehicle_tara',\n      model: 'vehicle_tara',\n      tag: 'InputGroup',\n      rules: ['required'],\n      props: {\n        label: 'Tara Veículo',\n        placeholder: 'Tara Veículo',\n        invalidLabel: 'Campo obrigatório',\n      }\n    },\n    {\n      id: 'vehicle_kg',\n      model: 'vehicle_kg',\n      tag: 'InputGroup',\n      rules: ['required'],\n      props: {\n        label: 'Capacidade KG do Veículo',\n        placeholder: 'KG do Veículo',\n        invalidLabel: 'Campo obrigatório',\n      }\n    },\n    {\n      id: 'vehicle_type',\n      model: 'vehicle_type',\n      tag: 'BaseTreeSelect',\n      rules: ['required'],\n      props: {\n        name: 'Tipo rodado do Veículo',\n        label: 'Tipo rodado do Veículo',\n        placeholder: 'Selecione',\n        selectOptions: optionsFields.vehicleType,\n        invalidLabel: 'Campo obrigatório',\n      },\n    },\n    {\n      id: 'vehicle_body',\n      model: 'vehicle_body',\n      tag: 'BaseTreeSelect',\n      rules: ['required'],\n      props: {\n        name: 'Tipo carroceria do Veículo',\n        label: 'Tipo carroceria do Veículo',\n        placeholder: 'Selecione',\n        selectOptions: optionsFields.vehicleBody,\n        invalidLabel: 'Campo obrigatório',\n      },\n    },\n    {\n      id: 'eminent',\n      model: 'eminent',\n      tag: 'BaseTreeSelect',\n      rules: ['required'],\n      props: {\n        name: 'Eminente',\n        label: 'Eminente',\n        placeholder: 'Selecione',\n        selectOptions: optionsFields.eminent,\n        invalidLabel: 'Campo obrigatório',\n      },\n    },\n  ]\n\n  const mdfeDetailsInsurance = [\n    {\n      id: 'labelMdfeInsurance',\n      tag: 'label',\n      content: 'Seguros Carga'\n    },\n    {\n      id: 'insurance_responsible',\n      model: 'insurance_responsible',\n      tag: 'BaseTreeSelect',\n      rules: ['required'],\n      props: {\n        name: 'Responsável do Seguro',\n        label: 'Responsável do Seguro',\n        placeholder: 'Selecione',\n        selectOptions: optionsFields.insuranceResponsible,\n        invalidLabel: 'Campo obrigatório',\n      },\n    },\n    {\n      id: 'insurance_responsible_cnpj',\n      model: 'insurance_responsible_cnpj',\n      tag: 'InputGroup',\n      rules: ['required'],\n      props: {\n        label: 'CNPJ do Responsável',\n        placeholder: 'CNPJ do Responsável',\n        mask: 'cnpj',\n        invalidLabel: 'Campo obrigatório',\n      }\n    },\n    {\n      id: 'insurance_company_name',\n      model: 'insurance_company_name',\n      tag: 'InputGroup',\n      rules: ['required'],\n      props: {\n        label: 'Nome da Seguradora',\n        placeholder: 'Nome da Seguradora',\n        invalidLabel: 'Campo obrigatório',\n      }\n    },\n    {\n      id: 'insurance_company_cnpj',\n      model: 'insurance_company_cnpj',\n      tag: 'InputGroup',\n      rules: ['required'],\n      props: {\n        label: 'CNPJ da Seguradora',\n        placeholder: 'CNPJ da Seguradora',\n        invalidLabel: 'Campo obrigatório',\n        mask: 'cnpj',\n      }\n    },\n    {\n      id: 'policy_number',\n      model: 'policy_number',\n      tag: 'InputGroup',\n      rules: ['required'],\n      props: {\n        label: 'Número da Apólice',\n        placeholder: 'Número da Apólice',\n        invalidLabel: 'Campo obrigatório',\n      }\n    },\n    {\n      id: 'registration_number',\n      model: 'registration_number',\n      tag: 'InputGroup',\n      rules: ['required'],\n      props: {\n        label: 'Número da Averbação',\n        placeholder: 'Número da Averbação',\n        invalidLabel: 'Campo obrigatório',\n      }\n    },\n  ]\n\n  const actions = [\n    {\n      id: 'generate',\n      tag: 'BaseButton',\n      props: {\n        label: 'Gerar MDFe',\n        color: 'black',\n        textColor: 'white',\n        filled: true,\n        type: 'button',\n      },\n      events: {\n        click: 'generate',\n      },\n    },\n    {\n      id: 'cancel',\n      tag: 'BaseButton',\n      props: {\n        label: 'Cancelar',\n        color: 'black',\n        textColor: 'white',\n        filled: true,\n        type: 'button',\n      },\n      events: {\n        click: 'cancel',\n      },\n    },\n    {\n      id: 'confirm',\n      tag: 'BaseButton',\n      props: {\n        label: 'Salvar',\n        color: 'black',\n        textColor: 'white',\n        filled: true,\n        type: 'submit',\n      },\n    },\n  ]\n\n  return [\n    ...mdfeDetails,\n    ...mdfeDetailsInfo,\n    ...mdfeDetailsInsurance,\n    ...actions\n  ]\n}","<template>\n  <DynamicForm\n    ref=\"form\"\n    class=\"MdfeDetails__Form__Fields\"\n    :style=\"style\"\n    :model=\"form\"\n    :blueprint=\"blueprint({optionsFields})\"\n    :endpoint-errors=\"endpointErrors\"\n    submit-type=\"json\"\n    @generate=\"handlerGenerate\"\n    @submit=\"handlerSubmit\"\n    @cancel=\"handlerCancel\"\n  />\n</template>\n<script>\nimport { mapActions } from 'vuex'\nimport { ctes } from '@/api'\nimport blueprint from './MdfeDetailsForm.blueprint'\nimport { populateForm } from '../../utils/utils.js'\nimport { DynamicForm } from '@/components/molecules'\n\nexport default {\n  name: 'MdfeDetailsForm',\n  components: {\n    DynamicForm,\n  },\n  data() {\n    return {\n      form: {\n        //Details\n        id_name: null,\n        status: null,\n        //MDFe\n        vehicle_tara: null,\n        vehicle_kg: null,\n        vehicle_type: null,\n        vehicle_body: null,\n        eminent: null,\n        //Insurance\n        insurance_responsible: null,\n        insurance_responsible_cnpj: null,\n        insurance_company_name: null,\n        insurance_company_cnpj: null,\n        policy_number: null,\n        registration_number: null,\n      },\n\n      form_initial: {},\n      endpointErrors: {},\n    }\n  },\n  computed: {\n    //Route\n    routeParams() {\n      return {\n        mdfeId: this.$route.params.id,\n      }\n    },\n\n    //Options\n    optionsFields() {\n      return {\n        vehicleType: [\n          {id: 0, name: 'VAN'},\n          {id: 1, name: 'Vehicle 001'},\n          {id: 2, name: 'Vehicle 002'},\n          {id: 3, name: 'Vehicle 003'},\n          {id: 4, name: 'Vehicle 004'},\n          {id: 5, name: 'Vehicle 005'},\n        ],\n        vehicleBody: [\n          {id: 0, name: 'Não Aplicável'},\n          {id: 1, name: 'Vehicle 001'},\n          {id: 2, name: 'Vehicle 002'},\n          {id: 3, name: 'Vehicle 003'},\n          {id: 4, name: 'Vehicle 004'},\n          {id: 5, name: 'Vehicle 005'},\n        ],\n        eminent: [\n          {id: 0, name: 'Prestador de serviço de transporte'},\n          {id: 1, name: 'Eminent 001'},\n          {id: 2, name: 'Eminent 002'},\n          {id: 3, name: 'Eminent 003'},\n          {id: 4, name: 'Eminent 004'},\n          {id: 5, name: 'Eminent 005'},\n        ],\n        insuranceResponsible: [\n          {id: 0, name: 'Emitente do MDF-e'},\n          {id: 1, name: 'Emitente 001'},\n          {id: 2, name: 'Emitente 002'},\n          {id: 3, name: 'Emitente 003'},\n          {id: 4, name: 'Emitente 004'},\n          {id: 5, name: 'Emitente 005'},\n        ]\n      }\n    },\n\n    //Styles\n    style: function() {\n      return {\n        '--grid-template':  this.formGridTemplateStyle,\n      }\n    },\n\n    formGridTemplateStyle() {\n      const styleMdfeDetails = `'labelRouteDetails labelRouteDetails labelRouteDetails . . . . . . . . .'\n        'id_name id_name id_name status status status . . . . . .'`\n      const styleMdfeDetailsEdit = `'labelMdfeDetails labelMdfeDetails labelMdfeDetails . . . . . . . . .'\n        'vehicle_tara vehicle_tara vehicle_tara vehicle_kg vehicle_kg vehicle_kg vehicle_type vehicle_type vehicle_type vehicle_body vehicle_body vehicle_body'\n        'eminent eminent eminent . . . . . . . . .'\n        'labelMdfeInsurance labelMdfeInsurance . . . . . . . . . .'\n        'insurance_responsible insurance_responsible insurance_responsible insurance_responsible_cnpj insurance_responsible_cnpj insurance_responsible_cnpj insurance_company_name insurance_company_name insurance_company_name insurance_company_cnpj insurance_company_cnpj insurance_company_cnpj'\n        'policy_number policy_number policy_number registration_number registration_number registration_number . . . . . .'`\n      const styleActions = '\". . . . . . . . . generate cancel confirm\"'\n\n      const style = (\n        styleMdfeDetails +\n        styleMdfeDetailsEdit + \n        styleActions\n      )\n\n      return style\n    }\n\n  },\n  mounted() {\n    this.init()\n  },\n  methods: {\n    ...mapActions({\n      setLoading: 'loading/setLoading',\n    }),\n\n    //Form\n    blueprint,\n\n    //Init\n    async init() {\n      if(this.routeParams.mdfeId) await this.fetchMdfe()\n      this.getInitialForm()\n    },\n    \n    //Calls\n    async fetchMdfe() {\n      this.setLoading(true)\n      await ctes.fetchMdfe(\n        { id: this.routeParams.mdfeId },\n        (res) => {\n          populateForm(res, this.form, this.form_initial)\n        },\n        (error) => error,\n        () => this.setLoading(false)\n      )\n    },\n\n    //Actions\n    async putMdfeDetails() {\n      this.setLoading(true)\n      await ctes.putMdfeDetails(\n        { id: this.routeParams.mdfeId, body: this.form },\n        () => {\n          this.$router.push('/routes/management?tab=mdfe')\n        },\n        (error) => this.endpointErrors = error.validation,\n        () => this.setLoading(false)\n      )\n    },\n\n    //Handlers\n    handlerCancel() {\n      this.$router.push('/routes/management?tab=mdfe')\n    },\n\n    handlerSubmit() {\n      this.$emit('save')\n    },\n\n    async handlerGenerate() {\n      this.setLoading(true)\n      await ctes.generateMdfe(\n        { id: this.routeParams.mdfeId },\n        (res) => res,\n        (error) => error,\n        () => this.setLoading(false)\n      )\n    },\n\n    //Helpers\n    getInitialForm() {\n      this.form_initial = Object.assign({}, this.form)\n    },\n\n    setInitialForm() {\n      this.form = Object.assign({}, this.form_initial)\n    },\n\n  }\n}\n</script>\n<style lang=\"scss\" scoped>\n.MdfeDetails {\n  &__Form {\n    &__Fields {\n      grid-template-areas: var(--grid-template);\n      margin-bottom: 30px;\n\n      /deep/ .BaseButton {\n        .BaseButton__Text {\n          margin-left: 0;\n        }\n      }\n    }\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!./MdfeDetailsForm.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!./MdfeDetailsForm.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./MdfeDetailsForm.vue?vue&type=template&id=f1d8bb98&scoped=true&\"\nimport script from \"./MdfeDetailsForm.vue?vue&type=script&lang=js&\"\nexport * from \"./MdfeDetailsForm.vue?vue&type=script&lang=js&\"\nimport style0 from \"./MdfeDetailsForm.vue?vue&type=style&index=0&id=f1d8bb98&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  \"f1d8bb98\",\n  null\n  \n)\n\nexport default component.exports","<template>\n  <main class=\"MdfeDetails\">\n    <!-- Sub Header -->\n    <TheSubHeader\n      icon=\"package-delivery-alt\"\n      title=\"Detalhes da MDFe\"\n      :actions=\"['back']\"\n      organizer-gap=\"1rem\"\n    />\n    <!--Content -->\n    <section class=\"MdfeDetails__Container\">\n      <div class=\"MdfeDetails__Content\">\n        <div class=\"MdfeDetails__Form\">\n          <MdfeDetailsForm\n            ref=\"mdfeDetailsForm\"\n            @save=\"handlerSave\"\n          />\n        </div>\n      </div>\n    </section>\n    <CteManagementModal\n      ref=\"modal\"\n      title=\"Edição de MDFe\"\n      @cancel=\"cancel\"\n      @save=\"save\"\n    />\n  </main>\n</template>\n<script>\nimport { TheSubHeader } from '@/components/organisms'\nimport MdfeDetailsForm from  './Form/MdfeDetailsForm.vue'\nimport CteManagementModal from '../CteManagementModal.vue'\n\nexport default {\n  name: 'MdfeDetailsEdit',\n  components: {\n    TheSubHeader,\n    MdfeDetailsForm,\n    CteManagementModal\n  },\n  methods: {\n    //Handlers\n    handlerSave() {\n      this.$refs.modal.open()\n    },\n\n    cancel() {\n      this.$refs.mdfeDetailsForm.setInitialForm()\n    },\n\n    save() {\n      this.$refs.mdfeDetailsForm.putMdfeDetails()\n    },\n  }\n}\n</script>\n<style lang=\"scss\" scoped>\n.MdfeDetails {\n  &__subHeaderTab {\n    display: grid;\n    grid-column-gap: 1rem;\n    align-items: end;\n    width: 100%;\n  }\n\n  &__Container{\n    display: grid;\n    grid-template-columns: 1fr minmax(min-content, 1180px) 1fr;\n    grid-template-areas: \". main .\";\n    grid-column-gap: 1rem;\n  }\n\n  &__Content {\n    grid-area: main;\n    margin-bottom: 50px;\n  }\n\n  &__Form {\n    margin-bottom: 50px;\n  }\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!./MdfeDetails.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!./MdfeDetails.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./MdfeDetails.vue?vue&type=template&id=41170578&scoped=true&\"\nimport script from \"./MdfeDetails.vue?vue&type=script&lang=js&\"\nexport * from \"./MdfeDetails.vue?vue&type=script&lang=js&\"\nimport style0 from \"./MdfeDetails.vue?vue&type=style&index=0&id=41170578&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  \"41170578\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}