{"version":3,"sources":["webpack:///./src/views/tracking/Order/TrackingOrderImage.vue?ff42","webpack:///./src/views/tracking/Order/TrackingOrder.vue?c3a8","webpack:///./src/views/tracking/Order/TrackingOrder.vue?d573","webpack:///./src/views/tracking/Order/TrackingOrder.blueprint.js","webpack:///./src/views/tracking/Order/TrackingOrderImage.vue?07af","webpack:///src/views/tracking/Order/TrackingOrderImage.vue","webpack:///./src/views/tracking/Order/TrackingOrderImage.vue?38c2","webpack:///./src/views/tracking/Order/TrackingOrderImage.vue","webpack:///src/views/tracking/Order/TrackingOrder.vue","webpack:///./src/views/tracking/Order/TrackingOrder.vue?96c0","webpack:///./src/views/tracking/Order/TrackingOrder.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","on","backToOrderPage","_v","_s","orderNumber","orderDate","handlerAllChatMessenger","_e","validTableHeader","validTable","showMap","$event","handleImage","handlerChatMessenger","map","mappedTracking","length","ref","trackingCommentsWithStatus","fetchMessages","sendMessage","staticRenderFns","id","tag","model","rules","props","mask","label","type","floatingLabel","invalidLabel","theme","color","iconColor","icon","close","scopedSlots","_u","key","fn","order","title","proxy","image","name","components","Modal","data","modal","methods","open","component","BaseLogo","DataTable","BaseMap","BaseButton","TrackingOrderImage","ChatMessenger","validation","form","document","endpointErrors","timeOutUpdate","time","selectedOrder","computed","documentInQuery","undefined","$route","query","trackingCode","params","ordersHistory","append","order_number","nf","invoice_number","nfSerie","tableHeader","headers","actions","splice","commentActionIndex","hasComments","Object","values","some","hasValidation","authenticationRequired","showValidation","orderID","content","persedTime","mounted","onSubmit","beforeDestroy","clearTimeout","blueprint","updateMap","setTimeout","window","url","search","$router","push","path","$refs","orderImage","clearChatMessages","then"],"mappings":"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","file":"js/TrackingOrder.a8355963.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!./TrackingOrderImage.vue?vue&type=style&index=0&id=59ded84e&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!./TrackingOrder.vue?vue&type=style&index=0&lang=scss&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('main',{staticClass:\"Tracking\"},[_c('section',{staticClass:\"Tracking__order\"},[_c('div',{staticClass:\"Tracking__header\"},[_c('BaseLogo',{staticClass:\"Tracking__logo\",attrs:{\"variation\":\"olistPax\",\"color\":\"white\"}})],1),_c('div',{staticClass:\"Tracking__content\"},[_c('div',{staticClass:\"Tracking__table\"},[_c('div',{staticClass:\"Tracking__tableHeader\"},[_c('BaseButton',{staticClass:\"Tracking__iconHeader\",attrs:{\"icon\":\"chevron-left-alt\",\"filled\":\"\",\"color\":\"primary-base\",\"text-color\":\"white\"},on:{\"click\":_vm.backToOrderPage}}),_c('span',{staticClass:\"Tracking__order-information\"},[_vm._v(\"PEDIDO - \"+_vm._s(_vm.orderNumber)+\" \"+_vm._s(_vm.orderDate))]),(_vm.hasComments)?_c('Icon',{staticClass:\"Tracking__commentHeader\",attrs:{\"name\":\"comment\",\"color\":\"black\"},on:{\"click\":_vm.handlerAllChatMessenger}}):_vm._e()],1),_c('div',{staticClass:\"Tracking__infos\"},[_c('DataTable',{attrs:{\"header\":_vm.validTableHeader,\"table\":_vm.validTable,\"max-size\":false},on:{\"trace\":_vm.showMap,\"receipt\":function($event){return _vm.handleImage('Comprovante de Entrega', 'confirmation_image', $event)},\"verificationSign\":function($event){return _vm.handleImage('Assinatura', 'verification_signature', $event)},\"comment\":_vm.handlerChatMessenger}})],1)]),(_vm.map && _vm.mappedTracking.length === 1 && _vm.validTable.length > 0)?_c('div',{staticClass:\"Tracking__mapContainer\"},[_c('div',{staticClass:\"Tracking__tableHeader\"},[_c('Icon',{staticClass:\"Tracking__iconHeader\",attrs:{\"name\":\"map-pin\"}}),_c('span',{staticClass:\"Tracking__order\"},[_vm._v(\"MAPA\")])],1),_c('div',{staticClass:\"Tracking__map\"},[_c('BaseMap',{ref:\"map\",attrs:{\"markers\":_vm.mappedTracking,\"hide-details-button\":\"\",\"zoom\":12}})],1)]):_vm._e()])]),_c('ChatMessenger',{ref:\"ChatMessenger\",attrs:{\"messages\":_vm.trackingCommentsWithStatus,\"accept-file\":true},on:{\"fetchMessages\":_vm.fetchMessages,\"sendMessage\":_vm.sendMessage,\"openImage\":_vm.handleImage}}),_c('TrackingOrderImage',{ref:\"orderImage\"})],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","export default () =>\n  [\n    {\n      id: 'document',\n      tag: 'InputGroup',\n      model: 'document',\n      rules: ['required', 'cpfCnpj'],\n      props: {\n        mask: 'cpfCnpj',\n        label: 'CPF ou CNPJ',\n        type: 'text',\n        floatingLabel: true,\n        invalidLabel: 'Documento inválido',\n        theme: 'light'\n      }\n    },\n    {\n      id: 'confirm',\n      tag: 'BaseButton',\n      props: {\n        label: '',\n        theme: 'simple',\n        color: 'white',\n        iconColor: 'white',\n        icon: 'chevron-right-alt',\n        type: 'submit'\n      }\n    }\n  ]\n","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"Tracking__Modal\"},[(_vm.modal)?_c('Modal',{on:{\"close\":_vm.close},scopedSlots:_vm._u([{key:\"header\",fn:function(){return [_c('div',{staticClass:\"Tracking__Receipt\"},[_c('div',{staticClass:\"Tracking__Receipt__Header\"},[_vm._v(\" \"+_vm._s(_vm.order.title)+\" \"+_vm._s(_vm.order.id ? (\"- (\" + (_vm.order.id) + \")\") : '')+\" \")])])]},proxy:true},{key:\"body\",fn:function(){return [_c('div',{staticClass:\"Tracking__Receipt__Content\"},[_c('img',{attrs:{\"src\":_vm.order[_vm.order.image],\"alt\":_vm.order.title}})])]},proxy:true}],null,false,4162552442)}):_vm._e()],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"Tracking__Modal\">\n    <Modal v-if=\"modal\" @close=\"close\">\n      <template #header>\n        <div class=\"Tracking__Receipt\">\n          <div class=\"Tracking__Receipt__Header\">\n            {{ order.title }} {{ order.id ? `- (${order.id})` : '' }}\n          </div>\n        </div>\n      </template>\n      <template #body>\n        <div class=\"Tracking__Receipt__Content\">\n          <img :src=\"order[order.image]\" :alt=\"order.title\">\n        </div>\n      </template>\n    </Modal>\n  </div>\n</template>\n<script>\nimport { Modal } from '@/components/molecules'\nexport default {\n  name: 'TrackingOrderImage',\n  components: {\n    Modal,\n  },\n  data() {\n    return {\n      order: null,\n      modal: false,\n    }\n  },\n  methods: {\n    open({title, image, data}) {\n      this.order = {\n        title,\n        image,\n        ...data\n      }\n      this.modal = true\n    },\n    close() {\n      this.order = null\n      this.modal = false\n    },\n  },\n}\n</script>\n<style lang=\"scss\" scoped>\n.Tracking {\n  &__Modal {\n    display: flex;\n    height: auto;\n\n    /deep/ .Modal__container {\n      height: auto !important;\n      width: auto !important;\n\n      .Modal__containerHeader {\n        background-color: $color-primary-base;\n\n        .Modal__close {\n          &:hover {\n            background-color: $color-primary-base;\n            color: white;\n            img {\n              filter: $filter-white;\n            }\n          }\n        }\n      }\n      .Modal__containerBody {\n        padding: 1rem;\n      }\n    }\n  }\n\n  //Receipt Modal\n  &__Receipt {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    height: 100%;\n\n    &__Header {\n      font-weight: $font-weight-bold;\n      color: white;\n    }\n\n    &__Content {\n      display: flex;\n      justify-content: center;\n      align-content: center;\n\n      img {\n        max-height: calc(100vh - 100px);\n\n        @media (orientation: portrait) {\n          max-height: initial;\n          max-width: calc(100vw - 50px);\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!./TrackingOrderImage.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!./TrackingOrderImage.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./TrackingOrderImage.vue?vue&type=template&id=59ded84e&scoped=true&\"\nimport script from \"./TrackingOrderImage.vue?vue&type=script&lang=js&\"\nexport * from \"./TrackingOrderImage.vue?vue&type=script&lang=js&\"\nimport style0 from \"./TrackingOrderImage.vue?vue&type=style&index=0&id=59ded84e&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  \"59ded84e\",\n  null\n  \n)\n\nexport default component.exports","<template>\n  <main class=\"Tracking\">\n    <section class=\"Tracking__order\">\n      <div class=\"Tracking__header\">\n        <BaseLogo variation=\"olistPax\" class=\"Tracking__logo\" color=\"white\" />\n      </div>\n\n      <div class=\"Tracking__content\">\n        <div class=\"Tracking__table\">\n          <div class=\"Tracking__tableHeader\">\n            <BaseButton class=\"Tracking__iconHeader\" icon=\"chevron-left-alt\" filled color=\"primary-base\" text-color=\"white\" @click=\"backToOrderPage\" />\n            <span class=\"Tracking__order-information\">PEDIDO - {{ orderNumber }} {{ orderDate }}</span>\n            <Icon v-if=\"hasComments\" name=\"comment\" color=\"black\" class=\"Tracking__commentHeader\" @click=\"handlerAllChatMessenger\" />\n          </div>\n\n          <div class=\"Tracking__infos\">\n            <DataTable\n              :header=\"validTableHeader\"\n              :table=\"validTable\"\n              :max-size=\"false\"\n              @trace=\"showMap\"\n              @receipt=\"handleImage('Comprovante de Entrega', 'confirmation_image', $event)\"\n              @verificationSign=\"handleImage('Assinatura', 'verification_signature', $event)\"\n              @comment=\"handlerChatMessenger\"\n            />\n          </div>\n        </div>\n\n        <div v-if=\"map && mappedTracking.length === 1 && validTable.length > 0\" class=\"Tracking__mapContainer\">\n          <div class=\"Tracking__tableHeader\">\n            <Icon name=\"map-pin\" class=\"Tracking__iconHeader\" />\n            <span class=\"Tracking__order\">MAPA</span>\n          </div>\n\n          <div class=\"Tracking__map\">\n            <BaseMap ref=\"map\" :markers=\"mappedTracking\" hide-details-button :zoom=\"12\" />\n          </div>\n        </div>\n      </div>\n    </section>\n\n    <!-- Chat Messenger -->\n    <ChatMessenger \n      ref=\"ChatMessenger\" \n      :messages=\"trackingCommentsWithStatus\" \n      :accept-file=\"true\"\n      @fetchMessages=\"fetchMessages\"\n      @sendMessage=\"sendMessage\"\n      @openImage=\"handleImage\"\n    />\n\n    <!-- Receipt Modal -->\n    <TrackingOrderImage ref=\"orderImage\" />\n  </main>\n</template>\n\n<script>\nimport { BaseLogo, BaseButton } from '@/components/atoms'\nimport { DataTable, BaseMap, ChatMessenger } from '@/components/molecules'\nimport { mapActions, mapState, mapGetters } from 'vuex'\nimport blueprint from '@/views/tracking/Order/TrackingOrder.blueprint'\nimport TrackingOrderImage from './TrackingOrderImage'\nimport Mask from '@/plugins/mask/Mask.js'\nimport { tracking } from '@/api'\n\nexport default {\n  name: 'Tracking',\n  components: {\n    BaseLogo,\n    DataTable,\n    BaseMap,\n    BaseButton,\n    TrackingOrderImage,\n    ChatMessenger\n  },\n\n  data(){\n    return {\n      map: false,\n      validation: false,\n      form: {\n        document: ''\n      },\n      endpointErrors: {},\n      timeOutUpdate: 30,\n      time: null,\n\n      //Modal\n      selectedOrder: null\n    }\n  },\n\n  computed:{\n    ...mapState({\n      ordersHistory: state => state.tracking.ordersHistory,\n      trackingComments: state => state.tracking.trackingComments\n    }),\n\n    ...mapGetters({\n      mappedTracking: 'orders/mappedTracking',\n      trackingCommentsWithStatus: 'tracking/trackingCommentsWithStatus'\n    }),\n\n    documentInQuery() {\n      return this.$route.query.document !== undefined && this.$route.query.document !== ''\n    },\n\n    trackingCode() {\n      return this.$route.params.trackingCode\n    },\n\n    orderNumber() {\n      return this.ordersHistory.data ? this.ordersHistory.data.append.order_number : ''\n    },\n\n    orderDate() {\n      return this.ordersHistory.data\n        ? (this.ordersHistory.data.append.date_order ? `(${Mask.millisecondsToDate(this.ordersHistory.data.append.date_order)})` : '')\n        : ''\n    },\n\n    nf(){\n      return this.ordersHistory.data ? this.ordersHistory.data.append.invoice_number : ''\n    },\n\n    nfSerie(){\n      return this.ordersHistory.data\n        ? (this.ordersHistory.data.append.serie_invoice_number ? `/ SÉRIE - ${this.ordersHistory.data.append.serie_invoice_number}` : '' )\n        : ''\n    },\n\n    validTableHeader(){\n      let tableHeader = {}\n      if (this.ordersHistory.data) {\n        tableHeader = this.ordersHistory.data.headers\n        if (tableHeader.actions.actions !== undefined && tableHeader.actions.actions === false) {\n          tableHeader.actions = {}\n        }        \n      }\n      return tableHeader\n    },\n\n    validTable(){\n      const data = this.ordersHistory.data ? this.ordersHistory.data.content : []\n\n      return data.map((order, index) => {\n        const hasComments = this.ordersHistory[index]?.has_comments\n\n        if(typeof(hasComments) === 'boolean') {\n          const commentActionIndex = order.actions.findIndex((action) => action?.action_id === 'comment')\n          order.actions.splice(commentActionIndex, 1, { ...order.actions[commentActionIndex], opacity: !hasComments })\n        }\n        return order\n      })\n    },\n\n    hasComments() {\n      return Object.values(this.ordersHistory).some((order) => \n        order.has_comments\n      )\n    },\n\n    hasValidation(){\n      return this.ordersHistory.authenticationRequired\n    },\n\n    showValidation() {\n      let showValidation = false\n      if (this.hasValidation && this.documentInQuery) {\n        showValidation = false\n      } else if (this.hasValidation) {\n        showValidation = true\n      }\n      return showValidation\n    },\n\n    orderID(){\n      return this.ordersHistory.data ? this.ordersHistory.data.content[0].id : ''\n    },\n\n    persedTime(){\n      return this.timeOutUpdate ? this.timeOutUpdate * 1000 : null\n    }\n  },\n\n  mounted(){\n    const orderNumber = this.$route?.params?.orderNumber\n    const storeId = this.$route?.params?.storeId\n\n    if (this.documentInQuery) {\n      this.form.document = this.$route.query.document\n      this.onSubmit()\n    } else if (orderNumber && storeId) this.fetchTrackingWithStoreId({storeId, orderNumber})\n    else this.fetchOrderHistory({code: this.trackingCode})\n  },\n\n  beforeDestroy(){\n    clearTimeout(this.time)\n  },\n\n  methods:{\n    blueprint,\n    ...mapActions({\n      fetchOrderHistory: 'tracking/fetchOrderHistory',\n      clearChatMessages: 'tracking/clearChatMessages',\n      fetchTrackingComments: 'tracking/fetchTrackingComments',\n      fetchAllTrackingComments: 'tracking/fetchAllTrackingComments',\n      setLoading: 'loading/setLoading',\n      fetchTrackingWithStoreId: 'tracking/fetchTrackingWithStoreId'\n    }),\n\n    updateMap(){\n      clearTimeout(this.time)\n      this.time = setTimeout(() => {\n        // this.search()\n        this.updateMap()\n      }, this.persedTime)\n    },\n\n    showMap(data){\n      const url = `https://www.google.com/maps/search/?api=1&query=${data.lat},${data.lng}`\n      window.open(url, '_blank')\n    },\n\n    async onSubmit() {\n      await this.fetchOrderHistory({code: this.trackingCode, document: this.form.document})\n      this.map = true\n      if (this.persedTime || this.map) {\n        this.search()\n        this.updateMap()\n      }\n    },\n\n    search(){\n      // const obj = {\n      //   'order_number[]': this.orderNumber,\n      // } \n      // if (localStorage.getItem('access_token')) {\n      //   this.fetchOrdersTracking(obj)\n      // }\n    },\n\n    backToOrderPage() {\n      const query = this.$route.query.document\n      this.$router.push({\n        path: '/tracking',\n        query: { document: query}\n      })\n    },\n\n    //Actions\n    handleImage(title, image, data) {\n      this.$refs.orderImage.open({title, image, data})\n    },\n\n    handlerChatMessenger(data) {\n      this.clearChatMessages().then(() => this.$refs.ChatMessenger.open(data.id, { type: 'single' }))\n    },\n\n    handlerAllChatMessenger() {\n      this.clearChatMessages().then(async () => {\n        await this.$refs.ChatMessenger.open(this.orderNumber, { type: 'all', readOnly: true })\n      })\n    },\n\n    async fetchMessages(id, data) {\n      if (data?.type === 'single') {\n        await this.fetchTrackingComments(id).then(() => {\n          this.$refs.ChatMessenger.scrollMessages()\n        })\n      } else if (data?.type === 'all') {\n        await this.fetchAllTrackingComments(this.orderNumber).then(() => {\n          this.$refs.ChatMessenger.scrollMessages()\n        })\n      }\n    },\n\n    async sendMessage(id, message, file) {\n      this.setLoading(true)\n\n      const body = new FormData()\n      body.append('id', id)\n      body.append('text', message)\n\n      if (file) {\n        body.append('file', file.file)\n      }\n\n      await tracking.submitTrackingMessage({body, id}, async () => {\n        await this.fetchTrackingComments(id)\n        this.$refs.ChatMessenger.resetInput()\n        this.$refs.ChatMessenger.resetFile()\n      }, (e) => e, () => this.fetchOrderHistory({code: this.trackingCode}))\n    }\n  }\n}\n</script>\n\n<style lang=\"scss\">\n.Tracking {\n\tbackground-image: url('../../../assets/images/tracking/bg_login.png');\n\tbackground-position: center;\n\twidth: 100%;\n\tmin-height: calc(100vh - 40px);\n\n\t.Tracking__order {\n\t\tdisplay: flex;\n\t\twidth: 100%;\n\t\theight: 100%;\n\t\tmin-height: calc(100vh - 40px);\n\t\talign-items: center;\n\t\tjustify-content: center;\n\t\tflex-direction: column;\n\t\tpadding: 3rem;\n\n\t\t@media screen and (max-width: 768px) {\n\t\t\tflex-direction: column;\n\t\t\tpadding: 2rem 0;\n\t\t}\n  }\n\n  .Tracking__header {\n    margin: 0;\n  }\n\n  .Tracking__logo {\n    width: 100%;\n    text-align: center;\n  }\n\n  .Tracking__logo img {\n    width: 234px;\n  }\n    \n  .Tracking__table{\n    grid-area: table;\n    width: 100%;\n    margin-top: 4rem;\n    @media screen and (min-width: 768px) {\n      width: 1030px ;\n    }\n  }\n\n  .Tracking__tableHeader {\n    background-color: $color-neutral-softest;\n    display: flex;\n    align-items: center;\n    padding: 30px 25px 10px 25px;\n    border-radius: $border-radius-medium $border-radius-medium 0 0;\n  }\n\n  .Tracking__iconHeader {\n    width: 37px;\n    height: 37px;\n    margin-right: 15px;\n  }\n\n  .Tracking__iconHeader img {\n    margin-left: 0;\n  }\n\n  .Tracking__commentHeader {\n    width: 25px;\n    height: 25px;\n    margin-left: auto;\n    padding-right: 18px;\n    cursor: pointer;\n\n    img {\n      height: 25px;\n    }\n  }\n\n  .Tracking__order-information {\n    font-weight: $font-weight-bold;\n    font-size: $font-size-2xlarge;\n    text-transform: lowercase;\n    color: $color-neutral-stronger;\n    margin-top: 0px;\n  }\n\n  .Tracking__infos {\n    background-color: $color-neutral-softest;\n    padding: 10px 25px 30px;\n    border-radius: 0 0 $border-radius-medium $border-radius-medium;\n    min-height: 240px;\n  }\n\n  .DataTable {\n    text-transform: lowercase;\n  }\n\n  .Tracking__mapContainer {\n    grid-area: map;\n  }\n\n  .Tracking__map {\n    height: 50vh;\n    margin-bottom: 50px;\n  }\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!./TrackingOrder.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!./TrackingOrder.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./TrackingOrder.vue?vue&type=template&id=1dc4c42c&\"\nimport script from \"./TrackingOrder.vue?vue&type=script&lang=js&\"\nexport * from \"./TrackingOrder.vue?vue&type=script&lang=js&\"\nimport style0 from \"./TrackingOrder.vue?vue&type=style&index=0&lang=scss&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}