{"version":3,"sources":["webpack:///./src/views/Account/MyOffers.vue?6773","webpack:///./node_modules/core-js/modules/es.number.epsilon.js","webpack:///./src/views/Account/MyOffers.vue?8072","webpack:///src/views/Account/MyOffers.vue","webpack:///./src/views/Account/MyOffers.vue?fdaf","webpack:///./src/views/Account/MyOffers.vue?fe24","webpack:///./src/views/Account/MyOffers.vue?a101"],"names":["$","target","stat","EPSILON","Math","pow","render","_vm","this","_h","$createElement","_c","_self","staticStyle","style","attrs","model","value","callback","$$v","showModal","expression","currentOffer","getCallbacks","staticClass","slot","_v","_s","calculatedCost","_e","ref","tableHeaders","getTableData","itemsCount","loading","on","updateOptions","scopedSlots","_u","key","fn","item","_g","$event","$router","push","name","params","oid","$t","IsExpired","HasBeenTurnedToOrder","OrderId","customerCanPrintOffer","proxy","staticRenderFns","search","styleObject","padding","currentPage","component","VBtn","VCol","VContainer","VDataTable","VDialog","VIcon","VRow","VTooltip"],"mappings":"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","file":"js/views-Account-MyOffers.95bc4663.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!./MyOffers.vue?vue&type=style&index=0&id=7d4b2fd6&lang=scss&scoped=true&\"","var $ = require('../internals/export');\n\n// `Number.EPSILON` constant\n// https://tc39.es/ecma262/#sec-number.epsilon\n$({ target: 'Number', stat: true }, {\n  EPSILON: Math.pow(2, -52)\n});\n","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('v-container',{staticStyle:{\"max-width\":\"none\"}},[_c('v-row',[_c('v-col',{staticStyle:{\"padding\":\"0 !important\"}},[(_vm.showModal)?_c('v-dialog',{style:(_vm.styleObject),attrs:{\"width\":\"500\"},model:{value:(_vm.showModal),callback:function ($$v) {_vm.showModal=$$v},expression:\"showModal\"}},[_c('offer-form',{attrs:{\"oid\":_vm.currentOffer,\"method\":\"update\",\"callbacks\":_vm.getCallbacks()}},[_c('div',{staticClass:\"calculation-result\",attrs:{\"slot\":\"before-form\"},slot:\"before-form\"},[_c('span',{staticClass:\"label\"},[_vm._v(\"Calculated Cost:\")]),_vm._v(\" \"),_c('span',{staticClass:\"value\"},[_vm._v(_vm._s(_vm.calculatedCost))])])])],1):_vm._e(),_c('transition',{attrs:{\"name\":\"simple-slide-03\",\"appear\":\"\"}},[_c('v-data-table',{ref:\"offersTable\",staticClass:\"elevation-1 offers-table goldair-table-generic-style\",attrs:{\"headers\":_vm.tableHeaders,\"items\":_vm.getTableData(),\"item-key\":\"name\",\"server-items-length\":_vm.itemsCount,\"loading\":_vm.loading,\"sort-by\":\"oid\",\"sort-desc\":true},on:{\"update:options\":_vm.updateOptions},scopedSlots:_vm._u([{key:\"item.options\",fn:function(ref){\nvar item = ref.item;\nreturn [_c('div',{staticClass:\"options-wrapper\"},[_c('v-tooltip',{attrs:{\"left\":\"\"},scopedSlots:_vm._u([{key:\"activator\",fn:function(ref){\nvar on = ref.on;\nreturn [_c('v-icon',_vm._g({staticClass:\"view-btn\",attrs:{\"color\":\"primary\"},on:{\"click\":function($event){return _vm.$router.push({ name: 'Offer/View', params: { oid: item.oid } })}}},on),[_vm._v(\" mdi-eye-outline \")])]}}],null,true)},[_c('span',[_vm._v(_vm._s(_vm.$t('dataheaders.view-offer')))])]),_c('v-tooltip',{attrs:{\"left\":\"\"},scopedSlots:_vm._u([{key:\"activator\",fn:function(ref){\nvar on = ref.on;\nreturn [_c('v-icon',_vm._g({staticClass:\"edit-btn\",attrs:{\"color\":\"primary\",\"disabled\":item.IsExpired || item.HasBeenTurnedToOrder},on:{\"click\":function($event){return _vm.$router.push({ name: 'Offer/Edit', params: { oid: item.oid } })}}},on),[_vm._v(\" mdi-pencil-outline \")])]}}],null,true)},[_c('span',[_vm._v(_vm._s(_vm.$t('dataheaders.edit-offer')))])])],1)]}},{key:\"item.status\",fn:function(ref){\nvar item = ref.item;\nreturn [_c('div',{staticClass:\"status-wrapper\"},[(item.IsExpired)?_c('span',{staticClass:\"status expired\"},[_vm._v(\" \"+_vm._s(_vm.$t('offer-status-expired'))+\" \")]):(item.HasBeenTurnedToOrder)?_c('a',{staticClass:\"status turned-to-order\",on:{\"click\":function($event){return _vm.$router.push({ name: 'Order/View', params:{ oid: item.OrderId } })}}},[_vm._v(\" \"+_vm._s(_vm.$t('offer-order-no'))+\" #\"+_vm._s(item.OrderId)+\" \")]):(!_vm.customerCanPrintOffer)?_c('v-btn',{staticClass:\"create-order-btn\",attrs:{\"color\":\"primary\"},on:{\"click\":function($event){return _vm.$router.push({ name: 'Order/Create', params:{ oid: item.oid } })}}},[_vm._v(\" \"+_vm._s(_vm.$t('offer-create-order-btn'))+\" \")]):_vm._e()],1)]}},{key:\"loading\",fn:function(){return [_c('loader')]},proxy:true}])})],1)],1)],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <v-container style=\"max-width: none\">\r\n    <v-row>\r\n      <v-col style=\"padding: 0 !important;\">\r\n        <v-dialog\r\n          v-if=\"showModal\"\r\n          v-model=\"showModal\"\r\n          width=\"500\"\r\n          :style=\"styleObject\"\r\n        >\r\n          <offer-form\r\n            :oid=\"currentOffer\"\r\n            method=\"update\"\r\n            :callbacks=\"getCallbacks()\"\r\n          >\r\n            <div\r\n              slot=\"before-form\"\r\n              class=\"calculation-result\"\r\n            >\r\n              <span class=\"label\">Calculated Cost:</span> <span class=\"value\">{{ calculatedCost }}</span>\r\n            </div>\r\n          </offer-form>\r\n        </v-dialog>\r\n        <transition\r\n          name=\"simple-slide-03\"\r\n          appear\r\n        >\r\n          <v-data-table\r\n            ref=\"offersTable\"\r\n            :headers=\"tableHeaders\"\r\n            :items=\"getTableData()\"\r\n            item-key=\"name\"\r\n            class=\"elevation-1 offers-table goldair-table-generic-style\"\r\n            :server-items-length=\"itemsCount\"\r\n            :loading=\"loading\"\r\n            sort-by=\"oid\"\r\n            :sort-desc=\"true\"\r\n            @update:options=\"updateOptions\"\r\n          >\r\n            <template v-slot:item.options=\"{ item }\">\r\n              <div class=\"options-wrapper\">\r\n                <v-tooltip left>\r\n                  <template v-slot:activator=\"{ on }\">\r\n                    <v-icon\r\n                      color=\"primary\"\r\n                      class=\"view-btn\"\r\n                      @click=\"$router.push({ name: 'Offer/View', params: { oid: item.oid } })\"\r\n                      v-on=\"on\"\r\n                    >\r\n                      mdi-eye-outline\r\n                    </v-icon>\r\n                  </template>\r\n                  <span>{{ $t('dataheaders.view-offer') }}</span>\r\n                </v-tooltip>\r\n                <v-tooltip left>\r\n                  <template v-slot:activator=\"{ on }\">\r\n                    <v-icon\r\n                      color=\"primary\"\r\n                      class=\"edit-btn\"\r\n                      :disabled=\"item.IsExpired || item.HasBeenTurnedToOrder\"\r\n                      @click=\"$router.push({ name: 'Offer/Edit', params: { oid: item.oid } })\"\r\n                      v-on=\"on\"\r\n                    >\r\n                      mdi-pencil-outline\r\n                    </v-icon>\r\n                  </template>\r\n                  <span>{{ $t('dataheaders.edit-offer') }}</span>\r\n                </v-tooltip>\r\n              </div>\r\n            </template>\r\n            <template v-slot:item.status=\"{ item }\">\r\n              <div class=\"status-wrapper\">\r\n                <span\r\n                  v-if=\"item.IsExpired\"\r\n                  class=\"status expired\"\r\n                >\r\n                  {{ $t('offer-status-expired') }}\r\n                </span>\r\n                <a\r\n                  v-else-if=\"item.HasBeenTurnedToOrder\"\r\n                  class=\"status turned-to-order\"\r\n                  @click=\"$router.push({ name: 'Order/View', params:{ oid: item.OrderId } })\"\r\n                >\r\n                  {{ $t('offer-order-no') }} #{{ item.OrderId }}\r\n                </a>\r\n                <v-btn\r\n                  v-else-if=\"!customerCanPrintOffer\"\r\n                  color=\"primary\"\r\n                  class=\"create-order-btn\"\r\n                  @click=\"$router.push({ name: 'Order/Create', params:{ oid: item.oid } })\"\r\n                >\r\n                  {{ $t('offer-create-order-btn') }}\r\n                </v-btn>\r\n              </div>\r\n            </template>\r\n            <template v-slot:loading>\r\n              <loader />\r\n            </template>\r\n          </v-data-table>\r\n        </transition>\r\n      </v-col>\r\n    </v-row>\r\n  </v-container>\r\n</template>\r\n\r\n<script>\r\n  import { mapGetters, mapState, mapActions } from 'vuex'\r\n  import moment from 'moment'\r\n  import OfferForm from '@/components/Forms/OfferForm'\r\n  import { authComputed } from '@/store/helpers'\r\n  import Loader from '../../components/Forms/Elements/Loader'\r\n  // import { apiClient } from '../../services/axiosService'\r\n  // import Vue from 'vue'\r\n  import i18n from '@/i18n'\r\n\r\n  export default {\r\n    name: 'MyOffers',\r\n    components: {\r\n      Loader,\r\n      OfferForm,\r\n    },\r\n    data: () => ({\r\n      search: '',\r\n      showModal: false,\r\n      currentOffer: null,\r\n      calculatedCost: null,\r\n      itemsCount: -1,\r\n      loading: true,\r\n      styleObject: {\r\n        padding: '20px',\r\n        'background-color': '#fff',\r\n      },\r\n      currentPage: [],\r\n    }),\r\n    computed: {\r\n      ...authComputed,\r\n      ...mapState('orders', ['myOffers']),\r\n      ...mapGetters('apiGeneric', ['getCountriesSelectOptions', 'getPackagingTypesSelectOptions']),\r\n      ...mapGetters('orders', ['getOfferByOid']),\r\n      ...mapGetters('customer', ['customerCanPrintOffer']),\r\n      tableHeaders () {\r\n        return [\r\n          {\r\n            text: i18n.t('dataheaders.offerid'),\r\n            value: 'oid',\r\n            align: 'center',\r\n          },\r\n          {\r\n            text: i18n.t('dataheaders.cost'),\r\n            value: 'cost',\r\n            align: 'center',\r\n          },\r\n          {\r\n            text: i18n.t('dataheaders.country-from'),\r\n            value: 'countryFrom',\r\n            align: 'center',\r\n          },\r\n          {\r\n            text: i18n.t('dataheaders.postcode-from'),\r\n            value: 'postCodeFrom',\r\n            align: 'center',\r\n          },\r\n          {\r\n            text: i18n.t('dataheaders.country-to'),\r\n            value: 'countryTo',\r\n            align: 'center',\r\n          },\r\n          {\r\n            text: i18n.t('dataheaders.postcode-to'),\r\n            value: 'postCodeTo',\r\n            align: 'center',\r\n          },\r\n          {\r\n            text: i18n.t('dataheaders.num-of-items'),\r\n            value: 'numOfItems',\r\n            align: 'center',\r\n            sortable: false,\r\n          },\r\n          {\r\n            text: i18n.t('dataheaders.created-date'),\r\n            value: 'createdDate',\r\n            align: 'center',\r\n          },\r\n          {\r\n            text: i18n.t('dataheaders.options'),\r\n            value: 'options',\r\n            align: 'center',\r\n            sortable: false,\r\n          },\r\n          {\r\n            text: i18n.t('dataheaders.status'),\r\n            value: 'status',\r\n            align: 'center',\r\n            sortable: false,\r\n          },\r\n        ]\r\n      },\r\n    },\r\n    async created () {\r\n      const offersSummary = await this.$store.dispatch('orders/action_getOffersSummary')\r\n      this.itemsCount = offersSummary.data.Total\r\n      this.loading = false\r\n    },\r\n    methods: {\r\n      ...mapGetters('customer', ['getCustomerEmail', 'getCustomerName']),\r\n      ...mapActions('orders', ['action_getMyOffers']),\r\n      initFormData: function () {\r\n        const formData = {\r\n          type: 'Offer',\r\n          countriesOptions: this.getCountriesSelectOptions(),\r\n          packagingTypesOptions: this.getPackagingTypesSelectOptions(),\r\n        }\r\n\r\n        if (this.$route.query.countryFrom) {\r\n          const countryFromOid = this.getCountryIdByCode(this.$route.query.countryFrom.toUpperCase())\r\n          if (countryFromOid) {\r\n            formData.countryFrom = countryFromOid\r\n          }\r\n        }\r\n\r\n        if (this.$route.query.countryTo) {\r\n          const countryToOid = this.getCountryIdByCode(this.$route.query.countryTo.toUpperCase())\r\n          if (countryToOid) {\r\n            formData.countryTo = countryToOid\r\n          }\r\n        }\r\n\r\n        if (this.$route.query.postCodeFrom) {\r\n          formData.postcodeFrom = this.$route.query.postCodeFrom\r\n        }\r\n\r\n        if (this.$route.query.postCodeTo) {\r\n          formData.postcodeTo = this.$route.query.postCodeTo\r\n        }\r\n\r\n        if (this.loggedIn) {\r\n          formData.name = this.getCustomerName()\r\n          formData.email = this.getCustomerEmail()\r\n        }\r\n        return formData\r\n      },\r\n      initFormMetaData: function () {\r\n        return {\r\n          disabled: ['type'],\r\n          hidden: ['type', 'addressFrom', 'addressTo'],\r\n          packagingTypesOptions: this.getPackagingTypesSelectOptions(),\r\n        }\r\n      },\r\n      saveOffer: function () {\r\n        const formData = JSON.parse(JSON.stringify(this.$refs.offerForm.order)) // create new instance in order to change type. if i use \"formData=this.$refs.offerForm.order\", then original data will be changed because of object refernece\r\n        this.$refs.offerForm.callbacks.submit(formData, true)\r\n      },\r\n      getCallbacks: function () {\r\n        return {\r\n          success: (responseData, save) => {\r\n            const data = responseData.data\r\n            this.calculatedCost = data.Total\r\n            if (save) {\r\n              this.showModal = false\r\n            }\r\n          },\r\n        }\r\n      },\r\n      getTableData: function () {\r\n        const data = []\r\n        const offerObjects = this.getOfferByOid(this.currentPage)\r\n        for (let i = 0; i < offerObjects.length; i++) {\r\n          data.push(\r\n            {\r\n              oid: offerObjects[i].Oid,\r\n              cost: (Math.round((offerObjects[i].Total + Number.EPSILON) * 100) / 100).toFixed(2),\r\n              countryFrom: offerObjects[i].CountryFrom.DisplayName,\r\n              postCodeFrom: offerObjects[i].PostCodeFrom,\r\n              countryTo: offerObjects[i].CountryTo.DisplayName,\r\n              postCodeTo: offerObjects[i].PostCodeTo,\r\n              numOfItems: offerObjects[i].Items.length,\r\n              createdDate: moment(offerObjects[i].CreatedDate).format('HH:mm:ss DD/MM/YYYY'),\r\n              HasBeenTurnedToOrder: offerObjects[i].HasBeenTurnedToOrder,\r\n              IsExpired: offerObjects[i].IsExpired,\r\n              OrderId: (offerObjects[i].Order) ? offerObjects[i].Order.Oid : 'null',\r\n            },\r\n          )\r\n        }\r\n        return data\r\n      },\r\n      getTableToApiLabel (tableLabel) {\r\n        var apiLabel = ''\r\n        switch (tableLabel) {\r\n          case 'cost':\r\n            apiLabel = 'Total'\r\n            break\r\n          case 'countryFrom':\r\n            apiLabel = 'CountryFrom'\r\n            break\r\n          case 'postCodeFrom':\r\n            apiLabel = 'PostCodeFrom'\r\n            break\r\n          case 'countryTo':\r\n            apiLabel = 'CountryTo'\r\n            break\r\n          case 'postCodeTo':\r\n            apiLabel = 'PostCodeTo'\r\n            break\r\n          case 'createdDate':\r\n            apiLabel = 'CreatedDate'\r\n            break\r\n          default:\r\n            apiLabel = tableLabel\r\n        }\r\n        return apiLabel\r\n      },\r\n      updateOptions: async function (options) {\r\n        this.loading = true\r\n        const payload = {\r\n          params: {\r\n            PageSize: options.itemsPerPage,\r\n            Page: options.page,\r\n          },\r\n          skipCommit: true,\r\n        }\r\n\r\n        if (options.sortBy.length && options.sortDesc.length) {\r\n          payload.params.OrderColumn = this.getTableToApiLabel(options.sortBy[0])\r\n          payload.params.OrderAscending = !options.sortDesc[0]\r\n        }\r\n        this.action_getMyOffers(payload).then((response) => {\r\n          this.$store.commit('orders/SET_MY_OFFERS', response)\r\n          this.currentPage = []\r\n          for (let i = 0; i < response.data.length; i++) {\r\n            this.currentPage.push(response.data[i].Oid)\r\n          }\r\n        })\r\n          .finally(() => {\r\n            this.loading = false\r\n          })\r\n      },\r\n    },\r\n  }\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.account-details .v-card__text .label {\r\n  font-weight: bold;\r\n}\r\n\r\n.calculation-result {\r\n  font-size: 1.5em;\r\n  padding: 10px;\r\n\r\n  .label {\r\n    font-weight: bold;\r\n  }\r\n\r\n  .value {\r\n\r\n  }\r\n}\r\n</style>\r\n\r\n<style lang=\"scss\">\r\n.v-data-table.goldair-table-generic-style {\r\n  width: 90%;\r\n  @media all and (max-width: 750px) {\r\n    width: 100%;\r\n  }\r\n  background-color: $bgTransparent !important;\r\n  box-shadow: none !important;\r\n\r\n  .table-headers {\r\n    margin-bottom: 10px;\r\n  }\r\n\r\n  tbody {\r\n    tr {\r\n      td {\r\n        font-size: 15px !important;\r\n\r\n        &:first-child {\r\n          position: relative;\r\n\r\n          &:before {\r\n            content: '#';\r\n            position: absolute;\r\n            top: 50%;\r\n            transform: translate(-9px, -50%);\r\n          }\r\n        }\r\n\r\n        .status-wrapper {\r\n          text-align: center !important;\r\n\r\n          .status {\r\n            font-size: 14px !important;\r\n\r\n            &.expired {\r\n              color: #f00;\r\n            }\r\n\r\n            &.turned-to-order {\r\n              color: $goldairYellow;\r\n            }\r\n          }\r\n\r\n          .create-order-btn {\r\n            height: 31px;\r\n            padding: 0 16px;\r\n\r\n            span {\r\n              font-size: 13px;\r\n              text-transform: capitalize;\r\n            }\r\n          }\r\n        }\r\n\r\n        .options-wrapper {\r\n          text-align: center;\r\n\r\n          .v-btn, .v-icon {\r\n            margin-right: 20px;\r\n            font-size: 19px;\r\n            @media all and (max-width: 750px) {\r\n              margin-left: 20px !important;;\r\n              margin-right: 0 !important;\r\n            }\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  .v-data-footer {\r\n    background-color: $bgWhite08;\r\n  }\r\n}\r\n\r\ntr.v-data-table__mobile-table-row {\r\n  td.v-data-table__mobile-row {\r\n    &:before {\r\n      content: none !important;\r\n    }\r\n\r\n    .v-data-table__mobile-row__cell {\r\n      &:before {\r\n        content: '#';\r\n        position: absolute;\r\n        top: 50%;\r\n        transform: translate(-9px, -50%);\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n.theme--light.v-data-table > .v-data-table__wrapper > table > tbody > tr:hover:not(.v-data-table__expanded__content):not(.v-data-table__empty-wrapper) {\r\n  background: rgba(255, 227, 153, 0.8);\r\n}\r\n</style>\r\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!./MyOffers.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!./MyOffers.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./MyOffers.vue?vue&type=template&id=7d4b2fd6&scoped=true&\"\nimport script from \"./MyOffers.vue?vue&type=script&lang=js&\"\nexport * from \"./MyOffers.vue?vue&type=script&lang=js&\"\nimport style0 from \"./MyOffers.vue?vue&type=style&index=0&id=7d4b2fd6&lang=scss&scoped=true&\"\nimport style1 from \"./MyOffers.vue?vue&type=style&index=1&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  \"7d4b2fd6\",\n  null\n  \n)\n\nexport default component.exports\n\n/* vuetify-loader */\nimport installComponents from \"!../../../node_modules/vuetify-loader/lib/runtime/installComponents.js\"\nimport { VBtn } from 'vuetify/lib/components/VBtn';\nimport { VCol } from 'vuetify/lib/components/VGrid';\nimport { VContainer } from 'vuetify/lib/components/VGrid';\nimport { VDataTable } from 'vuetify/lib/components/VDataTable';\nimport { VDialog } from 'vuetify/lib/components/VDialog';\nimport { VIcon } from 'vuetify/lib/components/VIcon';\nimport { VRow } from 'vuetify/lib/components/VGrid';\nimport { VTooltip } from 'vuetify/lib/components/VTooltip';\ninstallComponents(component, {VBtn,VCol,VContainer,VDataTable,VDialog,VIcon,VRow,VTooltip})\n","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!./MyOffers.vue?vue&type=style&index=1&lang=scss&\""],"sourceRoot":""}