{"version":3,"sources":["webpack:///./src/views/tracking/Form/TrackingForm.vue?f541","webpack:///./src/views/tracking/Form/TrackingForm.blueprint.js","webpack:///src/views/tracking/Form/TrackingForm.vue","webpack:///./src/views/tracking/Form/TrackingForm.vue?4480","webpack:///./src/views/tracking/Form/TrackingForm.vue","webpack:///./src/views/tracking/Form/TrackingForm.vue?747e"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","showOrders","_e","attrs","_v","form","blueprint","userLoggedIn","endpointErrors","on","onSubmit","cleanOrders","ordersByDocument","data","headers","content","goToOrder","$event","dialogShow","staticRenderFns","captcha","id","tag","model","rules","props","mask","placeholder","type","invalidLabel","theme","label","color","filled","textColor","name","components","BaseLogo","BaseButton","DynamicForm","DataTable","Dialog","orders","document","computed","JSON","parse","localStorage","getItem","watch","$route","from","query","to","undefined","window","location","reload","mounted","verifyIfUrlHasDocument","methods","open","routeData","href","verifyIfUserHasOrders","length","history","pushState","component"],"mappings":"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","file":"js/TrackingForm.a55647a5.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('main',{staticClass:\"Tracking\"},[(!_vm.showOrders)?_c('section',{staticClass:\"Tracking__login\"},[_c('div',{staticClass:\"Tracking__header\"},[_c('BaseLogo',{staticClass:\"Tracking__logo\",attrs:{\"variation\":\"olistPax\",\"color\":\"white\"}})],1),_c('div',{staticClass:\"Tracking__box\"},[_c('span',{staticClass:\"Tracking__title\"},[_vm._v(\"rastreamento do seu pedido\")]),_c('DynamicForm',{staticClass:\"Tracking__form\",attrs:{\"model\":_vm.form,\"blueprint\":_vm.blueprint({userLoggedIn: _vm.userLoggedIn}),\"endpoint-errors\":_vm.endpointErrors},on:{\"submit\":_vm.onSubmit}})],1)]):_vm._e(),(_vm.showOrders)?_c('section',{staticClass:\"Tracking__orders\"},[_c('div',{staticClass:\"Tracking__header\"},[_c('BaseLogo',{staticClass:\"Tracking__logo\",attrs:{\"variation\":\"olistPax\",\"color\":\"white\"}})],1),_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.cleanOrders}}),_c('span',{staticClass:\"Tracking__order-title\"},[_vm._v(\"Meus pedidos\")])],1),_c('div',{staticClass:\"Tracking__infos\"},[_c('DataTable',{attrs:{\"header\":_vm.ordersByDocument.data.headers,\"table\":_vm.ordersByDocument.data.content,\"max-size\":false},on:{\"see\":_vm.goToOrder}})],1)])]):_vm._e(),(_vm.dialogShow)?_c('Dialog',{attrs:{\"warning\":\"Não existem pedidos para esse número de CPF ou CNPJ\",\"label-cancel\":false,\"label-confirm\":\"Ok\"},on:{\"confirm\":function($event){_vm.dialogShow = false}}}):_vm._e()],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","export default ({ userLoggedIn }) => {\n  const captcha = [\n    {\n      id: 'captcha',\n      tag: 'Recaptcha',\n      model: 'captcha',\n      rules: ['required']\n    }\n  ]\n\n  return [\n    {\n      id: 'document',\n      tag: 'InputGroup',\n      model: 'document',\n      rules: ['required', 'cpfCnpj'],\n      props: {\n        mask: 'cpfCnpj',\n        placeholder: 'CPF ou CNPJ',\n        type: 'text',\n        invalidLabel: 'Documento inválido',\n        theme: 'dark'\n      }\n    },\n    ...(!userLoggedIn ? captcha : []),\n    {\n      id: 'confirm',\n      tag: 'BaseButton',\n      props: {\n        label: 'Buscar',\n        theme: 'simple',\n        color: 'primary-base',\n        type: 'submit',\n        filled: true,\n        textColor: 'white'\n      }\n    }\n  ]\n}\n","<template>\n  <main class=\"Tracking\">\n    <section v-if=\"!showOrders\" class=\"Tracking__login\">\n      <div class=\"Tracking__header\">\n        <BaseLogo variation=\"olistPax\" class=\"Tracking__logo\" color=\"white\" />\n      </div>\n\n      <div class=\"Tracking__box\">\n        <span class=\"Tracking__title\">rastreamento do seu pedido</span>\n        <DynamicForm\n          class=\"Tracking__form\"\n          :model=\"form\"\n          :blueprint=\"blueprint({userLoggedIn})\"\n          :endpoint-errors=\"endpointErrors\"\n          @submit=\"onSubmit\"\n        />\n      </div>\n    </section>\n\n    <section v-if=\"showOrders\" class=\"Tracking__orders\">\n      <div class=\"Tracking__header\">\n        <BaseLogo variation=\"olistPax\" class=\"Tracking__logo\" color=\"white\" />\n      </div>\n\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=\"cleanOrders\" />\n    \n          <span class=\"Tracking__order-title\">Meus pedidos</span>\n        </div>\n        \n        <div class=\"Tracking__infos\">\n          <DataTable\n            :header=\"ordersByDocument.data.headers\"\n            :table=\"ordersByDocument.data.content\"\n            :max-size=\"false\"\n            @see=\"goToOrder\"\n          />\n        </div>\n      </div>\n    </section>\n\n    <Dialog\n      v-if=\"dialogShow\"\n      warning=\"Não existem pedidos para esse número de CPF ou CNPJ\"\n      :label-cancel=\"false\"\n      label-confirm=\"Ok\"\n      @confirm=\"dialogShow = false\"\n    />\n  </main>\n</template>\n\n<script>\nimport { DynamicForm, DataTable, Dialog } from '@/components/molecules'\nimport { BaseLogo, BaseButton } from '@/components/atoms'\nimport { mapActions, mapState } from 'vuex'\nimport blueprint from '@/views/tracking/Form/TrackingForm.blueprint'\n\nexport default {\n  name: 'Tracking',\n  components:{\n    BaseLogo,\n    BaseButton,\n    DynamicForm,\n    DataTable,\n    Dialog\n  },\n  data(){\n    return {\n      dialogShow: false,\n      orders: [],\n      form: {\n        document: '',\n        captcha: ''\n      },\n      endpointErrors: {},\n    }\n  },\n  \n  computed:{\n    ...mapState({\n      ordersByDocument: state => state.tracking.ordersByDocument,\n    }),\n\n    showOrders() {\n      return this.ordersByDocument.data.content?.length > 0\n    },\n\n    userLoggedIn() {\n      return !!(JSON.parse(localStorage.getItem('user')) && JSON.parse(localStorage.getItem('user')).name)\n    }\n  },\n\n  watch:{\n    $route (to, from){\n      if (from.query.document && to.name === 'tracking' && to.query.document === undefined) {\n        window.location.reload()\n      }\n      if (to.name === 'tracking' && to.query.document) {\n        this.form.document = this.$route.query.document\n        this.onSubmit()\n      }\n    }\n  }, \n\n  mounted(){\n    if (this.verifyIfUrlHasDocument()) {\n      this.form.document = this.$route.query.document\n      this.onSubmit()\n    }\n  },\n\n  methods:{\n    blueprint,\n    ...mapActions({\n      setLoading: 'loading/setLoading',\n      fetchOrdersByDocument: 'tracking/fetchOrdersByDocument',\n    }),\n    async onSubmit() {\n      this.setLoading(true)\n      await this.fetchOrdersByDocument({\n        document: this.form.document,\n      }).then(() => {\n        this.verifyIfUserHasOrders()\n        this.setLoading(false)\n      })\n    },\n    async cleanOrders() {\n      await this.fetchOrdersByDocument({\n        params: {},\n      })\n      this.$router.push('/tracking')\n    },    \n    goToOrder(data){\n      let routeData = this.$router.resolve(\n        {\n          path: `/tracking/${data.tracking_code}`, \n          query: {'document': this.form.document}\n        }\n      )\n      window.open(routeData.href, '_blank')\n    },\n    \n    verifyIfUrlHasDocument() {\n\n      return this.$route.query.document\n    },\n    verifyIfUserHasOrders() {\n      if (this.ordersByDocument.data.content.length === 0) {\n        this.dialogShow = true\n      } else {\n        this.dialogShow = false\n        history.pushState('', '', `?document=${this.form.document}`)\n      }\n    }\n  }\n}\n</script>\n\n<style lang=\"scss\">\n.Tracking {\n  background-image: url('../../../assets/images/tracking/bg_login.png');\n  background-position: center;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  height: 100%;\n  flex-direction: column;\n\n  .Tracking__login {\n    display: flex;\n    width: 100%;\n    height: 100%;\n    min-height: calc(100vh - 40px);\n    align-items: center;\n    justify-content: center;\n    flex-direction: column;\n    padding: 3rem;\n\n    @media screen and (max-width: 768px) {\n      flex-direction: column;\n      padding: 2rem 0;\n    }\n  }\n\n  .Tracking__header {\n    margin: 0;\n    @media screen and (max-width: 768px) {\n      margin: 0 0 0 0;\n    }\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__box {\n    background-color: white;\n    padding: 25px 29px;\n    width: 100%;\n    border-radius: 17px;\n    margin-top: 4rem;\n\n    @media screen and (min-width: 768px) {\n      width: 500px ;\n    }\n  }\n\n  .Tracking__title {\n    font-size: $font-size-2xlarge;\n    font-weight: $font-weight-bold;\n    color: $color-neutral-stronger;\n    margin-bottom: 15px;\n    display: block;\n  }\n\n  .BaseButton {\n    height: 53px;\n  }\n\n  .InputGroup__input {\n    border-bottom: 2px solid #00000029;\n  }\n\n  .Recaptcha {\n    display: flex;\n    justify-content: center;\n  }\n\n  .Tracking__form {\n    display: grid;\n    grid-template-columns: 1fr;\n    grid-row-gap: inherit;\n    grid-column-gap: 1.25rem;\n    grid-row-gap: 2rem;\n    grid-template-areas:  \"document\"\n                          \"captcha\"\n                          \"confirm\";\n\n    @media screen and (max-width: 570px) {\n      width: 100%;\n      display: flex;\n      flex-direction: column;;\n    }\n  }\n\n  .Tracking__orders {\n    display: flex;\n    width: 100%;\n    height: 100%;\n    min-height: calc(100vh - 40px);\n    align-items: center;\n    justify-content: center;\n    flex-direction: column;\n    padding: 3rem;\n\n    @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__table {\n    grid-area: table;\n    width: 100%;\n    margin-top: 4rem;\n\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-left: 28px;\n    padding-top: 29px;\n    padding-bottom: 10px;\n    border-radius: 17px 17px 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__order-title {\n    font-size: $font-size-2xlarge;\n    font-weight: $font-weight-bold;\n    color: $color-neutral-stronger;\n    text-transform:lowercase\n  }\n\n  .Tracking__infos {\n    background-color: $color-neutral-softest;\n    padding: 10px 20px 10px;\n    border-radius: 0 0 17px 17px;\n    min-height: 240px;\n  }\n\n  .DataTable {\n    text-transform: lowercase;\n  }\n\n  .InputGroup--invalid {\n    margin-bottom: 5px;\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!./TrackingForm.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!./TrackingForm.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./TrackingForm.vue?vue&type=template&id=e8331700&\"\nimport script from \"./TrackingForm.vue?vue&type=script&lang=js&\"\nexport * from \"./TrackingForm.vue?vue&type=script&lang=js&\"\nimport style0 from \"./TrackingForm.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","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!./TrackingForm.vue?vue&type=style&index=0&lang=scss&\""],"sourceRoot":""}