{"version":3,"sources":["webpack:///./src/views/sellers/Form/SellersForm.vue?7272","webpack:///./src/views/sellers/Form/SellersForm.blueprint.js","webpack:///./src/views/sellers/Form/SellersModal.vue?2f3a","webpack:///src/views/sellers/Form/SellersModal.vue","webpack:///./src/views/sellers/Form/SellersModal.vue?70dd","webpack:///./src/views/sellers/Form/SellersModal.vue","webpack:///src/views/sellers/Form/SellersForm.vue","webpack:///./src/views/sellers/Form/SellersForm.vue?1f9a","webpack:///./src/views/sellers/Form/SellersForm.vue","webpack:///./src/views/sellers/Form/SellersModal.vue?428d","webpack:///./src/views/sellers/Form/SellersForm.vue?e8eb"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","scopedSlots","_u","key","fn","trackSubheaderButtonString","on","$event","$router","push","proxy","ref","form","blueprint","hasEditPermission","sellerId","disabledFields","endpointErrors","onSubmit","_v","phones","_l","phone","i","model","value","callback","$$v","$set","expression","_e","staticRenderFns","vipLabel","id","tag","style","content","props","name","vipFields","rules","label","invalidLabel","mask","format","type","range","clearable","placeholder","submitButton","theme","color","textColor","icon","disabled","confirm","filled","readOnly","multiple","tags","preserveHeight","events","removeTag","fields","zip","address","number","complement","neighborhood","city","state_id","isSellerVip","close","components","BaseButton","Modal","data","modal","methods","open","$emit","component","TheSubHeader","DynamicForm","BaseCheckBox","InputGroup","SellersModal","codSeller","cnpj","flag","store","region","sequence","vip","collect_time_range","formBind","transporter_id","transporter_code","currentPage","computed","$route","params","userType","mounted","fetchSeller","formatHour","date","setHours","splitHour"],"mappings":"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","file":"js/SellersForm.4ca9ba1a.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('main',{staticClass:\"StoresForm\"},[_c('TheSubHeader',{attrs:{\"icon\":\"store-alt\",\"title\":\"Detalhes do Seller\",\"page-title-tag\":\"Sellers Form\"},scopedSlots:_vm._u([{key:\"afterButtons\",fn:function(){return [_c('BaseButton',{attrs:{\"icon\":\"chevron-left-alt\",\"label\":\"voltar\",\"theme\":\"icon-left\",\"track\":_vm.trackSubheaderButtonString('Sellers Form', 'back')},on:{\"click\":function($event){return _vm.$router.push('/sellers')}}})]},proxy:true}])}),_c('div',{staticClass:\"StoresForm__content\"},[_c('DynamicForm',{ref:\"form\",staticClass:\"StoresForm__form\",attrs:{\"model\":_vm.form,\"blueprint\":_vm.blueprint({hasEditPermission: _vm.hasEditPermission, sellerId: _vm.sellerId, disabledFields: _vm.disabledFields}),\"endpoint-errors\":_vm.endpointErrors,\"submit-type\":\"json\"},on:{\"submit\":_vm.onSubmit}},[_c('label',{staticClass:\"StoresForm__labelphones\"},[_vm._v(\"Telefones\")]),(_vm.form.phones.length)?_c('div',{staticClass:\"StoresForm__phones\"},_vm._l((_vm.form.phones),function(phone,i){return _c('div',{key:i,staticClass:\"StoresForm__phone\"},[_c('InputGroup',{staticClass:\"StoresForm__phoneNumber\",attrs:{\"mask\":\"number\",\"label\":\"Número\",\"placeholder\":\"Digite o número\",\"autocomplete\":\"no\",\"read-only\":true},model:{value:(phone.phone),callback:function ($$v) {_vm.$set(phone, \"phone\", $$v)},expression:\"phone.phone\"}}),_c('BaseCheckBox',{staticClass:\"StoresForm__hasWhatsapp\",attrs:{\"name\":\"Possui WhatsApp?\",\"disabled\":true},model:{value:(phone.has_whatsapp),callback:function ($$v) {_vm.$set(phone, \"has_whatsapp\", $$v)},expression:\"phone.has_whatsapp\"}})],1)}),0):_vm._e()])],1),_c('SellersModal',{ref:\"SellersModal\"})],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","export default ({ hasEditPermission, sellerId, disabledFields }) => {\n\n  const vipLabel = [\n    {\n      id: 'labelVip',\n      tag: 'label',\n      style: 'text-transform: none',\n      content: 'Seller VIP'\n    },\n    {\n      id: 'vip',\n      model: 'vip',\n      style: 'align-self: end',\n      tag: 'BaseCheckBox',\n      props: {\n        name: 'Marque caso seja um Seller VIP',\n      }\n    },\n  ]\n\n  const vipFields = [\n    {\n      id: 'region',\n      model: 'region',\n      tag: 'InputGroup',\n      rules: ['required'],\n      props: {\n        label: 'Nome da rota',\n        invalidLabel: 'Insira o nome da rota',\n      }\n    },\n    {\n      id: 'sequence',\n      model: 'sequence',\n      tag: 'InputGroup',\n      mask: 'number',\n      rules: ['required'],\n      props: {\n        label: 'Sequência',\n        invalidLabel: 'Insira a sequência',\n      }\n    },\n    {\n      id: 'collect_time_label',\n      tag: 'label',\n      content: 'Janela de horário para coleta'\n    },\n    {\n      id: 'collect_time_range',\n      model: 'collect_time_range',\n      tag: 'BaseDatePicker',\n      rules: ['required'],\n      props: {\n        format: 'HH:mm:ss',\n        type: 'time',\n        range: true,\n        clearable: false,\n        placeholder: '',\n      }\n    },\n  ]\n\n  const submitButton = [\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        disabled: disabledFields.confirm,\n        filled: true\n      }\n    }\n  ]\n\n  return [\n    {\n      id: 'labelDetails',\n      tag: 'label',\n      content: 'Dados Básicos'\n    },\n\n    {\n      id: 'codSeller',\n      model: 'codSeller',\n      tag: 'InputGroup',\n      rules: ['required'],\n      props: {\n        label: 'Cód. Seller',\n        invalidLabel: 'O código do seller',\n        readOnly: !!sellerId,\n      }\n    },\n    {\n      id: 'store',\n      model: 'store',\n      tag: 'BaseTreeSelect',\n      rules: ['required'],\n      props: {\n        name: 'Lojista',\n        label: 'Lojista',\n        placeholder: '',\n        invalidLabel: 'Vincule ao menos um Lojista',\n        multiple: true,\n        tags: true,\n        readOnly: !!sellerId,\n        preserveHeight: true\n      },\n      events: {\n        removeTag: 'checkDeleteStore'\n      }\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        readOnly: !!sellerId,\n      }\n    },\n    {\n      id: 'company_name',\n      model: 'company_name',\n      tag: 'InputGroup',\n      rules: ['required'],\n      props: {\n        label: 'Razão Social',\n        invalidLabel: 'Insira a Razão Social',\n        readOnly: !!sellerId,\n      }\n    },\n    {\n      id: 'cnpj',\n      model: 'cnpj',\n      tag: 'InputGroup',\n      rules: ['cnpj'],\n      props: {\n        label: 'CNPJ',\n        mask: 'cnpj',\n        invalidLabel: 'Insira um CNPJ',\n        readOnly: !!sellerId,\n      }\n    },\n    {\n      id: 'flag',\n      model: 'flag',\n      tag: 'InputGroup',\n      props: {\n        readOnly: true,\n        label: 'Tipo',\n        invalidLabel: 'Informe se o Seller é Fixo ou Móvel'\n      }\n    },\n    {\n      id: 'address',\n      tag: 'InputAddress',\n      props: {\n        disabled: true,\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    ...(hasEditPermission ? vipLabel : []),\n\n    ...(!disabledFields.isSellerVip ? vipFields : []),\n\n    ...(hasEditPermission ? submitButton : [])\n  ]\n}","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return (_vm.modal)?_c('Modal',{staticClass:\"SellersModal__Modal\",on:{\"close\":_vm.close},scopedSlots:_vm._u([{key:\"header\",fn:function(){return [_c('div',{staticClass:\"SellersModal__Header\"},[_c('span',[_vm._v(\"Atualização de Seller\")])])]},proxy:true},{key:\"body\",fn:function(){return [_c('div',{staticClass:\"SellersModal__Body\"},[_c('p',[_vm._v(\"Informação atualizada com sucesso!\")]),_c('div',{staticClass:\"SellersModal__Actions\"},[_c('BaseButton',{attrs:{\"label\":\"Confirmar\",\"filled\":\"\",\"color\":\"dark\",\"text-color\":\"white\"},on:{\"click\":_vm.close}})],1)])]},proxy:true}],null,false,3084582325)}):_vm._e()}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <Modal v-if=\"modal\" class=\"SellersModal__Modal\" @close=\"close\">\n    <template #header>\n      <div class=\"SellersModal__Header\">\n        <span>Atualização de Seller</span>\n      </div>\n    </template>\n    <template #body>\n      <div class=\"SellersModal__Body\">\n        <p>Informação atualizada com sucesso!</p>\n\n        <div class=\"SellersModal__Actions\">\n          <BaseButton\n            label=\"Confirmar\"\n            filled\n            color=\"dark\"\n            text-color=\"white\"\n            @click=\"close\"\n          />\n        </div>\n      </div>\n    </template>\n  </Modal>\n</template>\n<script>\nimport { BaseButton } from '@/components/atoms'\nimport { Modal } from '@/components/molecules'\nexport default {\n  name: 'SellersModal',\n  components: {\n    BaseButton,\n    Modal,\n  },\n  data() {\n    return {\n      id: null,\n      modal: false,\n    }\n  },\n  methods: {\n\n    //Handlers\n    open() {\n      this.modal = true\n      this.$emit('open')\n    },\n\n    close() {\n      this.modal = false\n      this.$emit('close')\n    },\n  }\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.SellersModal {\n  /deep/ &__Header {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    height: 100%;\n\n    span {\n      font-weight: $font-weight-bold;\n    }\n  }\n\n  &__Body {\n      display: flex;\n      flex-direction: column;\n      justify-content: flex-start;\n      align-items: flex-start;\n      height: 100%;\n      padding: 1.5rem 1.5rem;\n    }\n\n    &__Actions {\n      display: flex;\n      margin-top: 2rem;\n      align-self: center;\n\n      /deep/ .BaseButton  {\n        width: 150px;\n        margin: 0 10px;\n      }\n    }\n\n  &__Modal {\n    /deep/ .Modal__container {\n      width: auto;\n      height: auto;\n      min-width: 300px;\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!./SellersModal.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!./SellersModal.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./SellersModal.vue?vue&type=template&id=794fc932&scoped=true&\"\nimport script from \"./SellersModal.vue?vue&type=script&lang=js&\"\nexport * from \"./SellersModal.vue?vue&type=script&lang=js&\"\nimport style0 from \"./SellersModal.vue?vue&type=style&index=0&id=794fc932&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  \"794fc932\",\n  null\n  \n)\n\nexport default component.exports","<template>\n  <main class=\"StoresForm\">\n    <TheSubHeader \n      icon=\"store-alt\"\n      title=\"Detalhes do Seller\"\n      page-title-tag=\"Sellers Form\"\n    >\n      <template #afterButtons>\n        <BaseButton\n          icon=\"chevron-left-alt\"\n          label=\"voltar\"\n          theme=\"icon-left\"\n          :track=\"trackSubheaderButtonString('Sellers Form', 'back')\"\n          @click=\"$router.push('/sellers')\"\n        />\n      </template>\n    </TheSubHeader>    \n    <div class=\"StoresForm__content\">\n      <DynamicForm\n        ref=\"form\"\n        class=\"StoresForm__form\"\n        :model=\"form\"\n        :blueprint=\"blueprint({hasEditPermission, sellerId, disabledFields})\"\n        :endpoint-errors=\"endpointErrors\"\n        submit-type=\"json\"\n        @submit=\"onSubmit\"\n      >\n        <label class=\"StoresForm__labelphones\">Telefones</label>\n        <div v-if=\"form.phones.length\" class=\"StoresForm__phones\">\n          <div v-for=\"(phone, i) in form.phones\" :key=\"i\" class=\"StoresForm__phone\">\n            <InputGroup\n              v-model=\"phone.phone\"\n              class=\"StoresForm__phoneNumber\"\n              mask=\"number\"\n              label=\"Número\"\n              placeholder=\"Digite o número\"\n              autocomplete=\"no\"\n              :read-only=\"true\"\n            />\n            <BaseCheckBox\n              v-model=\"phone.has_whatsapp\"\n              name=\"Possui WhatsApp?\"\n              class=\"StoresForm__hasWhatsapp\"\n              :disabled=\"true\"\n            />\n          </div>\n        </div>\n      </DynamicForm>\n    </div>\n\n    <!-- Sellers modal -->\n    <SellersModal ref=\"SellersModal\" />\n  </main>\n</template>\n\n<script>\nimport { sellers } from '@/api'\nimport Mask from '@/plugins/mask/Mask.js'\nimport { mapState, mapActions } from 'vuex'\nimport { DynamicForm, InputGroup } from '@/components/molecules'\nimport { BaseCheckBox, BaseButton } from '@/components/atoms'\nimport { TheSubHeader } from '@/components/organisms'\nimport blueprint from './SellersForm.blueprint'\nimport SellersModal from './SellersModal.vue'\n\nexport default {\n  name: 'SellersForm',\n  components: {\n    TheSubHeader,\n    DynamicForm,\n    BaseCheckBox,\n    InputGroup,\n    SellersModal,\n    BaseButton\n  },\n\n  data() {\n    return {\n      form: {\n        codSeller: '',\n        name: '',\n        cnpj: '',\n        zip: '',\n        address: '',\n        number: '',\n        complement: '',\n        neighborhood: '',\n        city: '',\n        state_id: null,\n        phones: [],\n        flag: '',\n        store: [],\n        region: '',\n        sequence: 0,\n        vip: false,\n        collect_time_range: []\n      },\n      endpointErrors: {},\n      formBind: {\n        transporter_id: null,\n        transporter_code: ''\n      },\n      currentPage: 1,\n    }\n  },\n  computed: {\n    ...mapState({\n      states: state => state.address.states,\n    }),\n\n    sellerId() {\n      return this.$route.params.id\n    },\n    \n    disabledFields() {\n      return {\n        isSellerVip: !this.form.vip,\n        confirm: !this.form.vip\n      }\n    },\n\n    hasEditPermission() {\n      const userType = JSON.parse(localStorage.getItem('user'))?.roles?.[0]?.name\n      return userType === 'master' || userType === 'admin'\n    },\n  },\n\n  mounted() {\n    if (this.sellerId) {\n      this.fetchSeller()\n    }\n  },\n\n  methods: {\n    blueprint,\n    ...mapActions({\n      setLoading: 'loading/setLoading',\n    }),\n\n    async updateSeller(body) {\n      const [ initial_time, end_time ] = body.collect_time_range\n\n      const data = {\n        region: body.region,\n        sequence: body.sequence,\n        collect_time_init: Mask.millisecondsToHour(initial_time),\n        collect_time_end: Mask.millisecondsToHour(end_time),\n      }\n\n      this.setLoading(true)\n\n      await sellers.updateSeller({ sellerCode: body.codSeller, body: data }, () => {\n        this.$refs.SellersModal?.open()\n      }, (e) => this.endpointErrors = e.validation, () => this.setLoading(false))\n    },\n\n    async fetchSeller() {\n      this.setLoading(true)\n      await sellers.fetchSeller({ id: this.sellerId }, (res) => {\n        res = {\n          ...res,\n          ...res.documents,\n          ...res.profile,\n          cnpj: res.documents.cnpj == null ? '' : res.documents.cnpj,\n          codSeller: res.seller_info.seller_code,\n          flag: res.seller_info.is_current ? 'Offline' : 'On Demand',\n          store: res.stores,\n          state_id: res.state_id,\n          phones: res.phones,\n          company_name: res.seller_info.company_name,\n          region: res.seller_info.vip_info?.region,\n          sequence: res.seller_info.vip_info?.sequence,\n          vip: !!(res.seller_info.vip_info?.region && res.seller_info.vip_info?.sequence),\n          collect_time_range: [this.formatHour(res.seller_info.collect_time_init), this.formatHour(res.seller_info.collect_time_end)] \n        }\n\n        if (res) this.form = res\n\n      }, (e) => e)\n      this.setLoading(false)\n    },\n\n    formatHour(hour) {\n      if(!hour) {\n        return\n      }\n      const date = new Date()\n      const splitHour = hour.split(':')\n      return date.setHours(splitHour[0], splitHour[1], splitHour[2])\n    },\n\n    async onSubmit(data) {\n      this.updateSeller(data)\n    },\n\n  }\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.StoresForm {\n  &__content,\n  &__divider,\n  &__transporters {\n    display: grid;\n    grid-template-columns: 1fr minmax(min-content, 1180px) 1fr;\n    grid-template-areas: \n      \". main .\";\n    grid-column-gap: 1rem;\n  }\n\n  &__dividerContent,\n  &__transportersContent{\n    grid-area: main;\n  }\n\n  &__dividerContent{\n    display: flex;\n    align-items: center\n  }\n\n  &__transportersContent{\n    padding-left: 1rem;\n    padding-right: 1rem;\n  }\n\n  &__bind{\n    display: grid;\n    grid-template-columns: 3fr 2fr 1fr;\n    align-items: end;\n    grid-gap: 30px;\n  }\n\n  &__form {\n    grid-row-gap: 2rem;\n    grid-template-areas:\n      \"labelDetails labelDetails . . . . . . . . . .\"\n      \"codSeller codSeller codSeller flag flag . . . . . . .\"\n      \"store store store store store store store store store . . .\"\n      \"name name name name company_name company_name company_name company_name company_name cnpj cnpj cnpj\"\n      \"address address address address address address address address address address address address\"\n      \"labelphones labelphones . . . . . . . . . .\"\n      \"phones phones phones phones phones phones phones phones phones phones phones phones\"\n      \"labelVip . . . . . . . . . . .\"\n      \"vip vip vip . . . . . . . . .\"\n      \"region region sequence . . . . . . . . .\"\n      \"collect_time_label collect_time_label collect_time_label . . . . . . . . .\"\n      \"collect_time_range collect_time_range collect_time_range . . . . . . . . .\"\n  }\n\n  &__labelphones { grid-area: labelphones; }\n  &__phones { \n    grid-area: phones;\n    display: grid;\n    gap: 20px 0;\n    grid-template-columns: repeat(3, auto);\n\n     @media (max-width: $viewport-sm) {\n      grid-template-columns: repeat(2, auto);\n    }\n  }\n  &__phone {\n    display: flex;\n    gap: 15px;\n    align-items: flex-end;\n\n    @media (max-width: $viewport-sm) {\n      display: block;\n    }\n  }\n  &__phoneNumber { \n    grid-area: phoneNumber; \n    width: 140px;  \n  }\n  &__hasWhatsapp { grid-area: hasWhatsapp; }\n\n  &__divider {\n    background: $color-neutral-stronger;\n    min-height: 40px;\n    margin-top: 40px;\n    margin-bottom: 30px;\n  }\n\n  &__label {\n    color: $color-neutral-softest;\n    font-weight: $font-weight-bold;\n    margin-left: 20px;\n    text-transform: uppercase;\n    font-size: $font-size-1xmini;\n  }\n\n  &__table {\n    margin: 30px 0;\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!./SellersForm.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!./SellersForm.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./SellersForm.vue?vue&type=template&id=4a1ab57c&scoped=true&\"\nimport script from \"./SellersForm.vue?vue&type=script&lang=js&\"\nexport * from \"./SellersForm.vue?vue&type=script&lang=js&\"\nimport style0 from \"./SellersForm.vue?vue&type=style&index=0&id=4a1ab57c&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  \"4a1ab57c\",\n  null\n  \n)\n\nexport default component.exports","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!./SellersModal.vue?vue&type=style&index=0&id=794fc932&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!./SellersForm.vue?vue&type=style&index=0&id=4a1ab57c&lang=scss&scoped=true&\""],"sourceRoot":""}