{"version":3,"sources":["webpack:///./src/components/listing/TheListingReview.vue?701e","webpack:///./src/components/listing/TheListingReview.vue","webpack:///src/components/listing/TheListingReview.vue","webpack:///./src/components/listing/TheListingReview.vue?4d0a","webpack:///./src/components/listing/TheListingReview.vue?ea0c","webpack:///./src/components/listing/TheListingReview.vue?4137","webpack:///./src/components/listing/TheListingReview.vue?bdfa"],"names":["_c","_self","staticClass","_vm","attrs","numberFormatter","$store","on","inputType","inputID","changeOninput","_v","_s","vehicleNumberOfKeys","name","value","expression","modifiers","staticStyle","model","callback","inputValue","odometer","setListing","$bvModal","hide","_l","selectList","Order","key","scopedSlots","_u","vehicleTrim","allOptions","Tags","directives","TagValues","sf","accept1","staticRenderFns","components","TheListingCard","TheImagesDelete","TheUpload","TheLocationEditer","TheSaveAndLeave","data","modalTitle","oninput","storeName","accept2","keys","door","seat","contact","props","nextButton","type","toPage","methods","openWindow","openSelectWindow","arr","saveInput","TagId","Value","ListingId","Amount","CurrencyCode","console","changeUnit","checkNextButton","scrollToTop","window","response","element","el","style","unit","currencyFormatter","currency","minimumFractionDigits","countContents","tags","computed","vehicleContact","FirstName","LastName","Email","Mobile","beforeMount","component"],"mappings":"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,SAAC,YAACtB,UAAW,GAAab,WAAU,YAAyI,CAACH,EAAG,OAAM,4DAACE,YAAY,2DAAqD,CAACF,EAAG,OAAYmC,YAAY,qD,CAACrB,aAAc,C,WAAS,EAAwBG,e,QAAW,wBAAkB,WAAG,kB,YAAoC,O,MAAC,CAAqB,QAAIjB,QAAW,cAAiM,GAAG,OAAM,CAAC,kJAACE,YAAY,kBAAe,EAAE,OAC32E,2BACGqC,I,sCC8WW,GACfC,YACAC,mEACAC,oEACAC,8DACAC,sEACAC,qEAEAC,OACA,OACAC,gBACA1B,gBACA2B,aACArB,gBACAnB,eACAC,aACAwC,eACAX,WACAY,WACA5B,yCACAW,cACAkB,UACAtB,SACAuB,UACAC,UACAC,eAGAC,OACAC,YAAAC,eACAC,QAAAD,gBAEAE,SACAjD,gBACA,uEACA,qBACA,aACA,6EAEAkD,kBACA,kBACA,iBACA,kBACA,mCAEAC,wBACA,kBACA,kBACA,iBAEAC,cACA,cAEA,2BAGA,oCAEAC,eACA,2BAEA,sBACA,mBACA,SACA,CACAC,QACAC,UAGA,IACA,yBACA,+BACAC,6CACAC,SACAC,kDAGA,+BACAF,6CACAhC,SAGA,kBACA,SACAmC,iBAGAC,aACA,mDAEAC,kBACA,aACA,4BAEA,6BAGAC,cACAC,wBAEA,0BACA,IACA,0CACAP,+CAEA,2DACA,+DACAQ,iCACA,UACAC,mBAQA,cACA,uBACAC,wBACA,cACA,sBAIA,cACA,uBACAA,wBACA,cACA,wBAMA,UACAD,mBACA,eACA,sBACAC,wBACA,cACA,uBAMA,WACA,mCAGA,SACAP,sBAGAhE,mBACA,uCACA,oCACA,CACAwE,aACAC,oBAIAC,qBACA,8CACA,kEACAF,iBACAG,kBACAC,mCACA,WAEA,oBACA,UACA,gCACAf,+CAEA,SACAG,sBAGAa,mBAEA,OADAC,sDACA,oBAGAC,aACA,8CACAC,iBACA,OACAC,sDACAC,oDACAC,8CACAC,iDAEA,YAGAC,cACA,uBACA,mBACA,2BCtlB8gB,I,4CCU1gBC,EAAY,eACd,EACA,EACApD,GACA,EACA,KACA,WACA,MAIa,aAAAoD,E,2CCrBf,W,gFCAA","file":"assets/js/chunk-41219e38.4745c1f0.js","sourcesContent":["export * from \"-!../../../node_modules/@vue/cli-service/node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../node_modules/sass-loader/dist/cjs.js??ref--14-0!../../../node_modules/@vue/cli-service/node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./TheListingReview.vue?vue&type=style&index=0&id=bcf4d114&prod&lang=scss&\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('b-container',{staticClass:\"vehicle-details px-md-6\"},[_c('h2',{staticClass:\"text-primary title text-center\"},[_vm._v(_vm._s(_vm.$t(\"ListingProcess.Review\")))]),_c('div',{staticClass:\"mt-4\"},[_c('TheListingCard')],1),_c('b-row',{staticClass:\"mt-4\"},[_c('b-col',{attrs:{\"cols\":\"12\"}},[_c('h5',{staticClass:\"section-title\"},[_vm._v(_vm._s(_vm.$t(\"ListingProcess.vehicleDetails\")))])]),_c('b-col',{attrs:{\"cols\":\"12\",\"md\":\"6\"}},[_c('table',{staticClass:\"table details-table\"},[_c('tr',[_c('td',[_c('p',[_vm._v(_vm._s(_vm.$t(\"ListingProcess.OdometerReading\"))+\":\")])]),_c('td',{staticClass:\"bold\"},[_vm._v(\" \"+_vm._s(_vm.numberFormatter(_vm.$store.getters.vehicleMileage))+\" \")]),_c('td',[_c('b-button',{staticClass:\"border-0 bg-transparent text-primary mini-font p-0\",on:{\"click\":function($event){_vm.openWindow(\n                  'Odometer reading',\n                  'vehicleMileage',\n                  _vm.$store.getters.vehicleMileage\n                );\n                _vm.inputType = 1;\n                _vm.inputID = 11;\n                _vm.changeOninput();}}},[_c('b-icon',{attrs:{\"icon\":\"pencil-square\",\"scale\":\"0.7\"}}),_vm._v(_vm._s(_vm.$t(\"global.button.edit\"))+\" \")],1)],1)]),_c('tr',[_c('td',[_c('p',[_vm._v(\"Number of key:\")])]),_c('td',{staticClass:\"bold\"},[_vm._v(\" \"+_vm._s(_vm.$store.getters.vehicleNumberOfKeys)+\" \")]),_c('td',[_c('b-button',{staticClass:\"border-0 bg-transparent text-primary mini-font p-0\",on:{\"click\":function($event){_vm.openSelectWindow('Number of keys', 'vehicleNumberOfKeys', _vm.keys);\n                _vm.inputID = 13;}}},[_c('b-icon',{attrs:{\"icon\":\"pencil-square\",\"scale\":\"0.7\"}}),_vm._v(_vm._s(_vm.$t(\"global.button.edit\"))+\" \")],1)],1)]),_c('tr',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.$store.getters.hasDoorInfo),expression:\"!$store.getters.hasDoorInfo\"}]},[_c('td',[_c('p',[_vm._v(\"Number of doors:\")])]),_c('td',{staticClass:\"bold\"},[_vm._v(\" \"+_vm._s(_vm.$store.getters.vehicleDoors)+\" \")]),_c('td',[_c('b-button',{staticClass:\"border-0 bg-transparent text-primary mini-font p-0\",on:{\"click\":function($event){_vm.openWindow(\n                  'Number of doors',\n                  'vehicleDoors',\n                  _vm.$store.getters.vehicleDoors\n                );\n                _vm.inputType = 2;\n                _vm.inputID = 6;\n                _vm.changeOninput();}}},[_c('b-icon',{attrs:{\"icon\":\"pencil-square\",\"scale\":\"0.7\"}}),_vm._v(_vm._s(_vm.$t(\"global.button.edit\"))+\" \")],1)],1)]),_c('tr',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.$store.getters.hasSeatInfo),expression:\"!$store.getters.hasSeatInfo\"}]},[_c('td',[_c('p',[_vm._v(\"Number of doors:\")])]),_c('td',{staticClass:\"bold\"},[_vm._v(\" \"+_vm._s(_vm.$store.getters.vehicleDoors)+\" \")]),_c('td',[_c('b-button',{staticClass:\"border-0 bg-transparent text-primary mini-font p-0\",on:{\"click\":function($event){_vm.openWindow(\n                  'Number of seats',\n                  'vehicleSeats',\n                  _vm.$store.getters.vehicleSeats\n                );\n                _vm.inputType = 2;\n                _vm.inputID = 7;\n                _vm.changeOninput();}}},[_c('b-icon',{attrs:{\"icon\":\"pencil-square\",\"scale\":\"0.7\"}}),_vm._v(_vm._s(_vm.$t(\"global.button.edit\"))+\" \")],1)],1)])])])],1),_c('b-row',[_c('b-col',[_c('b-link',{directives:[{name:\"b-modal\",rawName:\"v-b-modal.fullFeatures\",modifiers:{\"fullFeatures\":true}}],staticClass:\"see-all\"},[_vm._v(\" \"+_vm._s(_vm.$t(\"ListingProcess.SeeFullVehicleFeatures\"))+\" \")])],1)],1),_c('b-row',{staticClass:\"photos\"},[_c('b-col',{attrs:{\"cols\":\"12\"}},[_c('h5',{staticClass:\"section-title\"},[_vm._v(\" \"+_vm._s(_vm.$t(\"ListingProcess.photos\"))+\" \")])]),_c('b-col',{attrs:{\"cols\":\"12\"}},[_c('TheImagesDelete'),_c('TheUpload')],1)],1),_c('b-row',[_c('b-col',{attrs:{\"cols\":\"12\"}},[_c('h5',{staticClass:\"section-title\"},[_vm._v(\" \"+_vm._s(_vm.$t(\"ListingProcess.AskingPrice\"))+\" \"),_c('b-icon',{attrs:{\"icon\":\"exclamation-circle\",\"scale\":\"0.7\"}})],1)]),_c('b-col',{staticClass:\"mt-2\",attrs:{\"cols\":\"12\"}},[_c('h6',{staticClass:\"mb-0\"},[_vm._v(\" \"+_vm._s(_vm.$t(\"ListingProcess.AskingPrice\"))+\": \"),_c('b',[_vm._v(_vm._s(_vm.currencyFormatter(_vm.$store.getters.vehiclePrice)))]),_c('b-button',{staticClass:\"border-0 bg-transparent text-primary mini-font\",on:{\"click\":function($event){_vm.openWindow('Asking Price', 'vehiclePrice');\n            _vm.inputType = 3;}}},[_c('b-icon',{attrs:{\"icon\":\"pencil-square\",\"scale\":\"0.7\"}}),_vm._v(_vm._s(_vm.$t(\"global.button.edit\"))+\" \")],1)],1)]),_c('b-col',{attrs:{\"cols\":\"12\"}},[_c('b-alert',{staticClass:\"alert-box info-box border-0 py-5 price-alert\",attrs:{\"show\":\"\",\"dismissible\":\"\"}},[_c('span',[_vm._v(\" \"+_vm._s(_vm.$t(\"ListingProcess.priceEnterWarn\"))+\" \")])])],1)],1),_c('TheLocationEditer',{ref:\"LocationEditor\"}),_c('b-modal',{attrs:{\"id\":\"modifyValue\",\"title\":_vm.modalTitle,\"hide-footer\":\"\",\"centered\":\"\"}},[_c('div',{staticClass:\"p-5 text-center\"},[(_vm.inputType === 3)?_c('b-input-group',{staticClass:\"m-auto\",staticStyle:{\"max-width\":\"300px\"}},[_c('b-input-group-prepend',{staticClass:\"border left-rounded\"},[_c('country-flag',{staticStyle:{\"max-height\":\"36px\"},attrs:{\"country\":_vm.$store.getters.country.Code}}),_c('span',{staticClass:\"my-auto mr-2\"},[_vm._v(_vm._s(_vm.$store.getters.country.Currency))])],1),_c('b-form-input',{staticClass:\"right-rounded\",attrs:{\"type\":\"number\",\"min\":\"0\",\"oninput\":\"this.value = Math.abs(this.value); if(this.value === 0) this.value = null;\"},model:{value:(_vm.inputValue),callback:function ($$v) {_vm.inputValue=$$v},expression:\"inputValue\"}})],1):_c('b-input-group',{staticClass:\"mx-auto pl-3\",staticStyle:{\"max-width\":\"300px\"}},[_c('b-form-input',{staticClass:\"button-rounded\",attrs:{\"type\":\"number\",\"min\":\"1\",\"max\":\"9\",\"oninput\":_vm.oninput},model:{value:(_vm.inputValue),callback:function ($$v) {_vm.inputValue=$$v},expression:\"inputValue\"}})],1),_c('b-form-radio-group',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.inputType === 1),expression:\"inputType === 1\"}],staticClass:\"py-2\",on:{\"change\":function($event){return _vm.changeUnit()}},model:{value:(_vm.odometer),callback:function ($$v) {_vm.odometer=$$v},expression:\"odometer\"}},[_c('b-form-radio',{attrs:{\"value\":\"km\"}},[_vm._v(\"Kilometers\")]),_c('b-form-radio',{attrs:{\"value\":\"mi\"}},[_vm._v(\"Miles\")])],1),_c('b-row',{staticClass:\"mt-3\"},[_c('b-col',[_c('b-btn',{staticStyle:{\"width\":\"100px\"},attrs:{\"variant\":\"recommend\",\"pill\":\"\",\"size\":\"sm\"},on:{\"click\":function($event){return _vm.$bvModal.hide('modifyValue')}}},[_vm._v(\" \"+_vm._s(_vm.$t(\"global.button.cancel\"))+\" \")])],1),_c('b-col',[_c('b-btn',{staticStyle:{\"width\":\"100px\"},attrs:{\"variant\":\"primary\",\"pill\":\"\",\"size\":\"sm\"},on:{\"click\":function($event){_vm.saveInput(_vm.storeName, _vm.inputValue);\n              _vm.setListing(_vm.inputID, _vm.inputValue);\n              _vm.$bvModal.hide('modifyValue');}}},[_vm._v(\" \"+_vm._s(_vm.$t(\"global.button.update\"))+\" \")])],1)],1)],1)]),_c('b-modal',{attrs:{\"id\":\"selectValues\",\"title\":_vm.modalTitle,\"hide-footer\":\"\",\"centered\":\"\"}},[_c('div',{staticClass:\"p-5 text-center\"},[_c('div',{staticClass:\"pb-4\"},_vm._l((_vm.selectList),function(l){return _c('b-form-checkbox',{key:l.Order,staticClass:\"mx-1\",attrs:{\"button\":\"\",\"value\":l.Value,\"button-variant\":\"outline-primary\"},on:{\"change\":function($event){_vm.saveInput(_vm.storeName, l.Value);\n            _vm.inputValue = l.TagValueId;}},model:{value:(_vm.key),callback:function ($$v) {_vm.key=$$v},expression:\"key\"}},[_c('span',{staticClass:\"px-2\"},[_vm._v(_vm._s(l.Value))])])}),1),_c('b-row',{staticClass:\"mt-3\"},[_c('b-col',[_c('b-btn',{staticStyle:{\"width\":\"100px\"},attrs:{\"variant\":\"recommend\",\"pill\":\"\",\"size\":\"sm\"},on:{\"click\":function($event){return _vm.$bvModal.hide('selectValues')}}},[_vm._v(\" \"+_vm._s(_vm.$t(\"global.button.cancel\"))+\" \")])],1),_c('b-col',[_c('b-btn',{staticStyle:{\"width\":\"100px\"},attrs:{\"variant\":\"primary\",\"pill\":\"\",\"size\":\"sm\"},on:{\"click\":function($event){_vm.setListing(_vm.inputID, _vm.inputValue);\n              _vm.$bvModal.hide('selectValues');}}},[_vm._v(\" \"+_vm._s(_vm.$t(\"global.button.update\"))+\" \")])],1)],1)],1)]),_c('b-modal',{attrs:{\"id\":\"fullFeatures\",\"size\":\"lg\",\"scrollable\":\"\",\"hide-footer\":\"\"},scopedSlots:_vm._u([{key:\"modal-title\",fn:function(){return [_c('h3',{staticClass:\"modal-title\"},[_vm._v(_vm._s(_vm.$t(\"Overview.AllFeatures\")))])]},proxy:true}])},[_c('div',{staticClass:\"modal-carname\"},[_c('h3',{staticClass:\"car-make\"},[_vm._v(\" \"+_vm._s(_vm.vehicleName)+\" \")]),_c('h3',{staticClass:\"car-mode\"},[_vm._v(\" \"+_vm._s(_vm.vehicleTrim)+\" \")])]),_c('div',{staticClass:\"modal-all-features\"},_vm._l((_vm.allOptions),function(sf,key){return _c('div',{key:key},[(sf.Tags && sf.Tags.length > 0 && sf.Tags.some(o => o.TagValues[0] && o.TagValues[0].Installed === true))?[_c('h4',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.countContents(sf.Tags, sf.TagCategories) > 0),expression:\"countContents(sf.Tags, sf.TagCategories) > 0\"}],staticClass:\"pb-2 feature-part-title\"},[_vm._v(\" \"+_vm._s(sf.Name)+\" \")]),_c('ul',[_vm._l((sf.Tags.filter(\n                (item) => item.TagValues[0] && item.TagValues[0].Installed === true\n              )),function(sft,key){return [(sft.TagValues[0].Installed)?_c('li',{key:key,staticClass:\"feature-item\"},[_c('span',[_vm._v(\" \"+_vm._s(sft.TagName)+\" \")])]):_vm._e()]})],2),_vm._l((sf.TagCategories),function(sftc,key){return _c('ul',{key:'sftc_' + key,staticClass:\"feature-item\"},_vm._l((sftc.Tags),function(sftct,key){return _c('li',{key:'sftct_' + key,staticClass:\"feature-item\"},[_c('span',{directives:[{name:\"show\",rawName:\"v-show\",value:(sftct.TagValues[0].Installed),expression:\"sftct.TagValues[0].Installed\"}],staticClass:\"mb-1\"},[_vm._v(\" \"+_vm._s(sftct.TagName)+\" \")])])}),0)})]:_vm._e()],2)}),0)]),_c('b-modal',{attrs:{\"id\":\"specifications\",\"hide-header\":\"\",\"hide-footer\":\"\",\"centered\":\"\",\"size\":\"lg\"}},[_c('div',{staticClass:\"p-4\"},[_c('h3',{staticClass:\"border-bottom mb-4\"},[_vm._v(\" \"+_vm._s(_vm.$t(\"ListingProcess.VehicleSpecifications\"))+\" \")]),_c('TheListingCard')],1)]),_c('b-alert',{staticClass:\"alert-box info-box contact flex-column py-6 align-items-start mb-4\",staticStyle:{\"background\":\"rgb(197 237 195) !important\"},attrs:{\"variant\":\"info\",\"show\":\"\",\"dismissible\":\"\"}},[_c('h5',[_c('b-avatar',{attrs:{\"variant\":\"success\",\"size\":\"1.4em\"}},[_c('b-icon-shield-check',{attrs:{\"scale\":\"0.8\"}})],1),_c('b',{staticClass:\"px-2\"},[_vm._v(_vm._s(_vm.$t(\"ListingProcess.ContactWarnTitle\")))])],1),_c('p',[_vm._v(\" \"+_vm._s(_vm.$t(\"ListingProcess.ContactWarnDesc\"))+\" \")])]),_c('b-card-group',{staticClass:\"py-7 rounded w-100 accept-box justify-content-center text-center\",staticStyle:{\"background-color\":\"#CCE1F3\"}},[_c('b-form-checkbox',{attrs:{\"size\":\"lg\",\"value\":true,\"unchecked-value\":false},on:{\"change\":function($event){return _vm.checkNextButton()}},model:{value:(_vm.accept1),callback:function ($$v) {_vm.accept1=$$v},expression:\"accept1\"}},[_vm._v(\" \"+_vm._s(_vm.$t(\"ListingProcess.termsLabel\"))+\" \")])],1),_c('div',{staticClass:\"d-flex justify-content-between align-items-center mt-10\"},[_c('div',{staticClass:\"d-flex justify-content-between align-items-center\"},[_c('b-button',{directives:[{name:\"b-modal\",rawName:\"v-b-modal.cancelModal\",modifiers:{\"cancelModal\":true}}],staticClass:\"px-3\",attrs:{\"pill\":\"\",\"variant\":\"half-dark\"}},[_c('v-icon',[_vm._v(\"mdi-close\")]),_vm._v(\" \"+_vm._s(_vm.$t(\"global.button.cancel\"))+\" \")],1)],1),_c('TheSaveAndLeave')],1),(_vm.$store.getters.listingPlanID === 1)?_c('div',{staticClass:\"middleBar_end\"}):_c('div',{staticClass:\"middleBar\"})],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <b-container class=\"vehicle-details px-md-6\">\r\n    <h2 class=\"text-primary title text-center\">{{ $t(\"ListingProcess.Review\") }}</h2>\r\n\r\n    <div class=\"mt-4\">\r\n      <TheListingCard />\r\n    </div>\r\n\r\n    <b-row class=\"mt-4\">\r\n      <b-col cols=\"12\">\r\n        <h5 class=\"section-title\">{{ $t(\"ListingProcess.vehicleDetails\") }}</h5>\r\n      </b-col>\r\n      <b-col cols=\"12\" md=\"6\">\r\n        <table class=\"table details-table\">\r\n          <tr>\r\n            <td>\r\n              <p>{{ $t(\"ListingProcess.OdometerReading\") }}:</p>\r\n            </td>\r\n            <td class=\"bold\">\r\n              {{ numberFormatter($store.getters.vehicleMileage) }}\r\n            </td>\r\n            <td>\r\n              <b-button\r\n                class=\"border-0 bg-transparent text-primary mini-font p-0\"\r\n                @click=\"\r\n                  openWindow(\r\n                    'Odometer reading',\r\n                    'vehicleMileage',\r\n                    $store.getters.vehicleMileage\r\n                  );\r\n                  inputType = 1;\r\n                  inputID = 11;\r\n                  changeOninput();\r\n                \"\r\n                ><b-icon icon=\"pencil-square\" scale=\"0.7\"></b-icon\r\n                >{{ $t(\"global.button.edit\") }}\r\n              </b-button>\r\n            </td>\r\n          </tr>\r\n          <tr>\r\n            <td><p>Number of key:</p></td>\r\n            <td class=\"bold\">\r\n              {{ $store.getters.vehicleNumberOfKeys }}\r\n            </td>\r\n            <td>\r\n              <b-button\r\n                class=\"border-0 bg-transparent text-primary mini-font p-0\"\r\n                @click=\"\r\n                  openSelectWindow('Number of keys', 'vehicleNumberOfKeys', keys);\r\n                  inputID = 13;\r\n                \"\r\n                ><b-icon icon=\"pencil-square\" scale=\"0.7\"></b-icon\r\n                >{{ $t(\"global.button.edit\") }}\r\n              </b-button>\r\n            </td>\r\n          </tr>\r\n          <tr v-show=\"!$store.getters.hasDoorInfo\">\r\n            <td><p>Number of doors:</p></td>\r\n            <td class=\"bold\">\r\n              {{ $store.getters.vehicleDoors }}\r\n            </td>\r\n            <td>\r\n              <b-button\r\n                class=\"border-0 bg-transparent text-primary mini-font p-0\"\r\n                @click=\"\r\n                  openWindow(\r\n                    'Number of doors',\r\n                    'vehicleDoors',\r\n                    $store.getters.vehicleDoors\r\n                  );\r\n                  inputType = 2;\r\n                  inputID = 6;\r\n                  changeOninput();\r\n                \"\r\n                ><b-icon icon=\"pencil-square\" scale=\"0.7\"></b-icon\r\n                >{{ $t(\"global.button.edit\") }}\r\n              </b-button>\r\n            </td>\r\n          </tr>\r\n          <tr v-show=\"!$store.getters.hasSeatInfo\">\r\n            <td><p>Number of doors:</p></td>\r\n            <td class=\"bold\">\r\n              {{ $store.getters.vehicleDoors }}\r\n            </td>\r\n            <td>\r\n              <b-button\r\n                class=\"border-0 bg-transparent text-primary mini-font p-0\"\r\n                @click=\"\r\n                  openWindow(\r\n                    'Number of seats',\r\n                    'vehicleSeats',\r\n                    $store.getters.vehicleSeats\r\n                  );\r\n                  inputType = 2;\r\n                  inputID = 7;\r\n                  changeOninput();\r\n                \"\r\n                ><b-icon icon=\"pencil-square\" scale=\"0.7\"></b-icon\r\n                >{{ $t(\"global.button.edit\") }}\r\n              </b-button>\r\n            </td>\r\n          </tr>\r\n        </table>\r\n      </b-col>\r\n    </b-row>\r\n    <b-row\r\n      ><b-col>\r\n        <b-link v-b-modal.fullFeatures class=\"see-all\">\r\n          {{ $t(\"ListingProcess.SeeFullVehicleFeatures\") }}\r\n        </b-link>\r\n      </b-col>\r\n    </b-row>\r\n\r\n    <b-row class=\"photos\">\r\n      <b-col cols=\"12\">\r\n        <h5 class=\"section-title\">\r\n          {{ $t(\"ListingProcess.photos\") }}\r\n        </h5>\r\n      </b-col>\r\n      <b-col cols=\"12\">\r\n        <TheImagesDelete />\r\n        <TheUpload />\r\n      </b-col>\r\n    </b-row>\r\n\r\n    <b-row>\r\n      <b-col cols=\"12\">\r\n        <h5 class=\"section-title\">\r\n          {{ $t(\"ListingProcess.AskingPrice\") }}\r\n          <b-icon icon=\"exclamation-circle\" scale=\"0.7\"></b-icon>\r\n        </h5>\r\n      </b-col>\r\n      <b-col cols=\"12\" class=\"mt-2\">\r\n        <h6 class=\"mb-0\">\r\n          {{ $t(\"ListingProcess.AskingPrice\") }}:\r\n          <b>{{ currencyFormatter($store.getters.vehiclePrice) }}</b>\r\n\r\n          <b-button\r\n            class=\"border-0 bg-transparent text-primary mini-font\"\r\n            @click=\"\r\n              openWindow('Asking Price', 'vehiclePrice');\r\n              inputType = 3;\r\n            \"\r\n            ><b-icon icon=\"pencil-square\" scale=\"0.7\"></b-icon\r\n            >{{ $t(\"global.button.edit\") }}\r\n          </b-button>\r\n        </h6>\r\n      </b-col>\r\n      <b-col cols=\"12\">\r\n        <b-alert show dismissible class=\"alert-box info-box border-0 py-5 price-alert\">\r\n          <span>\r\n            {{ $t(\"ListingProcess.priceEnterWarn\") }}\r\n          </span>\r\n        </b-alert>\r\n      </b-col>\r\n    </b-row>\r\n\r\n    <TheLocationEditer ref=\"LocationEditor\" />\r\n\r\n    <b-modal id=\"modifyValue\" :title=\"modalTitle\" hide-footer centered>\r\n      <div class=\"p-5 text-center\">\r\n        <b-input-group class=\"m-auto\" style=\"max-width: 300px\" v-if=\"inputType === 3\">\r\n          <b-input-group-prepend class=\"border left-rounded\">\r\n            <country-flag\r\n              style=\"max-height: 36px\"\r\n              :country=\"$store.getters.country.Code\"\r\n            />\r\n            <span class=\"my-auto mr-2\">{{ $store.getters.country.Currency }}</span>\r\n          </b-input-group-prepend>\r\n\r\n          <b-form-input\r\n            type=\"number\"\r\n            min=\"0\"\r\n            class=\"right-rounded\"\r\n            v-model=\"inputValue\"\r\n            oninput=\"this.value = Math.abs(this.value); if(this.value === 0) this.value = null;\"\r\n          />\r\n        </b-input-group>\r\n\r\n        <b-input-group class=\"mx-auto pl-3\" style=\"max-width: 300px\" v-else>\r\n          <b-form-input\r\n            type=\"number\"\r\n            min=\"1\"\r\n            max=\"9\"\r\n            class=\"button-rounded\"\r\n            v-model=\"inputValue\"\r\n            :oninput=\"oninput\"\r\n          />\r\n        </b-input-group>\r\n        <b-form-radio-group\r\n          v-show=\"inputType === 1\"\r\n          v-model=\"odometer\"\r\n          @change=\"changeUnit()\"\r\n          class=\"py-2\"\r\n        >\r\n          <b-form-radio value=\"km\">Kilometers</b-form-radio>\r\n          <b-form-radio value=\"mi\">Miles</b-form-radio>\r\n        </b-form-radio-group>\r\n        <b-row class=\"mt-3\">\r\n          <b-col>\r\n            <b-btn\r\n              variant=\"recommend\"\r\n              pill\r\n              size=\"sm\"\r\n              style=\"width: 100px\"\r\n              @click=\"$bvModal.hide('modifyValue')\"\r\n            >\r\n              {{ $t(\"global.button.cancel\") }}\r\n            </b-btn>\r\n          </b-col>\r\n          <b-col>\r\n            <b-btn\r\n              variant=\"primary\"\r\n              pill\r\n              size=\"sm\"\r\n              style=\"width: 100px\"\r\n              @click=\"\r\n                saveInput(storeName, inputValue);\r\n                setListing(inputID, inputValue);\r\n                $bvModal.hide('modifyValue');\r\n              \"\r\n            >\r\n              {{ $t(\"global.button.update\") }}\r\n            </b-btn>\r\n          </b-col>\r\n        </b-row>\r\n      </div>\r\n    </b-modal>\r\n\r\n    <b-modal id=\"selectValues\" :title=\"modalTitle\" hide-footer centered>\r\n      <div class=\"p-5 text-center\">\r\n        <div class=\"pb-4\">\r\n          <b-form-checkbox\r\n            v-model=\"key\"\r\n            button\r\n            v-for=\"l in selectList\"\r\n            :key=\"l.Order\"\r\n            :value=\"l.Value\"\r\n            class=\"mx-1\"\r\n            button-variant=\"outline-primary\"\r\n            @change=\"\r\n              saveInput(storeName, l.Value);\r\n              inputValue = l.TagValueId;\r\n            \"\r\n          >\r\n            <span class=\"px-2\">{{ l.Value }}</span>\r\n          </b-form-checkbox>\r\n        </div>\r\n\r\n        <b-row class=\"mt-3\">\r\n          <b-col>\r\n            <b-btn\r\n              variant=\"recommend\"\r\n              pill\r\n              size=\"sm\"\r\n              style=\"width: 100px\"\r\n              @click=\"$bvModal.hide('selectValues')\"\r\n            >\r\n              {{ $t(\"global.button.cancel\") }}\r\n            </b-btn>\r\n          </b-col>\r\n          <b-col>\r\n            <b-btn\r\n              variant=\"primary\"\r\n              pill\r\n              size=\"sm\"\r\n              style=\"width: 100px\"\r\n              @click=\"\r\n                setListing(inputID, inputValue);\r\n                $bvModal.hide('selectValues');\r\n              \"\r\n            >\r\n              {{ $t(\"global.button.update\") }}\r\n            </b-btn>\r\n          </b-col>\r\n        </b-row>\r\n      </div>\r\n    </b-modal>\r\n\r\n    <b-modal id=\"fullFeatures\" size=\"lg\" scrollable hide-footer>\r\n      <template #modal-title>\r\n        <h3 class=\"modal-title\">{{ $t(\"Overview.AllFeatures\") }}</h3></template\r\n      >\r\n      <div class=\"modal-carname\">\r\n        <h3 class=\"car-make\">\r\n          {{ vehicleName }}\r\n        </h3>\r\n        <h3 class=\"car-mode\">\r\n          {{ vehicleTrim }}\r\n        </h3>\r\n      </div>\r\n\r\n      <div class=\"modal-all-features\">\r\n        <div v-for=\"(sf, key) in allOptions\" :key=\"key\">\r\n          <template v-if=\"sf.Tags && sf.Tags.length > 0 && sf.Tags.some(o => o.TagValues[0] && o.TagValues[0].Installed === true)\">\r\n            <h4\r\n              class=\"pb-2 feature-part-title\"\r\n              v-show=\"countContents(sf.Tags, sf.TagCategories) > 0\"\r\n            >\r\n              {{ sf.Name }}\r\n            </h4>\r\n            <ul>\r\n              <template\r\n                v-for=\"(sft, key) in sf.Tags.filter(\r\n                  (item) => item.TagValues[0] && item.TagValues[0].Installed === true\r\n                )\"\r\n              >\r\n                <li\r\n                  :key=\"key\"\r\n                  class=\"feature-item\"\r\n                  v-if=\"sft.TagValues[0].Installed\"\r\n                >\r\n                  <span>\r\n                    {{ sft.TagName }}\r\n                  </span>\r\n                </li>\r\n              </template>\r\n            </ul>\r\n            <ul\r\n              v-for=\"(sftc, key) in sf.TagCategories\"\r\n              :key=\"'sftc_' + key\"\r\n              class=\"feature-item\"\r\n            >\r\n              <li\r\n                v-for=\"(sftct, key) in sftc.Tags\"\r\n                :key=\"'sftct_' + key\"\r\n                class=\"feature-item\"\r\n              >\r\n                <span\r\n                  v-show=\"sftct.TagValues[0].Installed\"\r\n                  class=\"mb-1\"\r\n                >\r\n                  {{ sftct.TagName }}\r\n                </span>\r\n              </li>\r\n            </ul>\r\n          </template>\r\n        </div>\r\n      </div>\r\n    </b-modal>\r\n\r\n    <b-modal id=\"specifications\" hide-header hide-footer centered size=\"lg\">\r\n      <div class=\"p-4\">\r\n        <h3 class=\"border-bottom mb-4\">\r\n          {{ $t(\"ListingProcess.VehicleSpecifications\") }}\r\n        </h3>\r\n        <TheListingCard />\r\n      </div>\r\n    </b-modal>\r\n    <b-alert\r\n      variant=\"info\"\r\n      show\r\n      dismissible\r\n      class=\"alert-box info-box contact flex-column py-6 align-items-start mb-4\"\r\n      style=\"background:rgb(197 237 195) !important\"\r\n    >\r\n      <h5>\r\n        <b-avatar variant=\"success\" size=\"1.4em\">\r\n          <b-icon-shield-check scale=\"0.8\"/>\r\n        </b-avatar>\r\n        <b class=\"px-2\">{{ $t(\"ListingProcess.ContactWarnTitle\") }}</b>\r\n      </h5>\r\n      <p>\r\n        {{ $t(\"ListingProcess.ContactWarnDesc\") }}\r\n      </p>\r\n    </b-alert>\r\n\r\n    <b-card-group class=\"py-7 rounded w-100 accept-box justify-content-center text-center\" style=\"background-color:#CCE1F3;\">\r\n      <b-form-checkbox\r\n        size=\"lg\"\r\n        v-model=\"accept1\"\r\n        :value=\"true\"\r\n        :unchecked-value=\"false\"\r\n        @change=\"checkNextButton()\"\r\n      >\r\n        {{ $t(\"ListingProcess.termsLabel\") }}\r\n      </b-form-checkbox>\r\n    </b-card-group>\r\n    <!--  -->\r\n    <div class=\"d-flex justify-content-between align-items-center mt-10\">\r\n      <div class=\"d-flex justify-content-between align-items-center\">\r\n        <b-button pill variant=\"half-dark\" class=\"px-3\" v-b-modal.cancelModal>\r\n          <v-icon>mdi-close</v-icon> {{ $t(\"global.button.cancel\") }}\r\n        </b-button>\r\n      </div>\r\n        <TheSaveAndLeave />\r\n      </div>\r\n    <div v-if=\"$store.getters.listingPlanID === 1\" class=\"middleBar_end\"></div>\r\n    <div v-else class=\"middleBar\" />\r\n  </b-container>\r\n\r\n</template>\r\n\r\n<script>\r\nimport axios from \"axios\";\r\nimport { mapGetters } from \"vuex\";\r\n\r\nexport default {\r\n  components: {\r\n    TheListingCard: () => import(\"@/components/listing/TheListingCard\"),\r\n    TheImagesDelete: () => import(\"@/components/global/TheUploadImagesDelete\"),\r\n    TheUpload: () => import(\"@/components/global/TheUploadComponent\"),\r\n    TheLocationEditer: () => import(\"@/components/listing/TheLocationEditer\"),\r\n    TheSaveAndLeave: () => import(\"@/components/listing/TheSaveAndLeaveButton\"),\r\n  },\r\n  data() {\r\n    return {\r\n      modalTitle: null,\r\n      inputValue: null,\r\n      oninput: null,\r\n      selectList: null,\r\n      inputType: null,\r\n      inputID: null,\r\n      storeName: null,\r\n      accept1: false,\r\n      accept2: false,\r\n      odometer: this.$store.getters.mileageUnit,\r\n      allOptions: [],\r\n      keys: null,\r\n      key: null,\r\n      door: null,\r\n      seat: null,\r\n      contact: null\r\n    };\r\n  },\r\n  props: {\r\n    nextButton: { type: Function },\r\n    toPage: { type: Function },\r\n  },\r\n  methods: {\r\n    changeOninput() {\r\n      if (this.inputType === 1) this.oninput = \"this.value = Math.abs(this.value)\";\r\n      if (this.inputType === 2)\r\n        this.oninput =\r\n          \"if(this.value < 1) this.value = 1; if(this.value > 9) this.value = null;\";\r\n    },\r\n    openWindow(title, storeName, storeValue) {\r\n      this.modalTitle = title;\r\n      this.storeName = storeName;\r\n      this.inputValue = storeValue;\r\n      this.$bvModal.show(\"modifyValue\");\r\n    },\r\n    openSelectWindow(title, storeName, arr) {\r\n      this.modalTitle = title;\r\n      this.selectList = arr;\r\n      this.storeName = storeName;\r\n      // this.inputType = id;\r\n      arr.forEach((element) => {\r\n        if (element.Installed) {\r\n          // this.inputValue = element.TagValueId;\r\n          this.inputValue = element.Value;\r\n        }\r\n      });\r\n      this.$bvModal.show(\"selectValues\");\r\n    },\r\n    saveInput(item, value) {\r\n      this.$store.dispatch(item, value);\r\n    },\r\n    async setListing(tagId, value) {\r\n      let v = value.toString();\r\n      const tags = [\r\n        {\r\n          TagId: tagId,\r\n          Value: v,\r\n        },\r\n      ];\r\n      try {\r\n        if (this.inputType === 3) {\r\n          await axios.post(\"Listing/SetListing\", {\r\n            ListingId: this.$store.getters.listingStockID,\r\n            Amount: v,\r\n            CurrencyCode: this.$store.getters.currency,\r\n          });\r\n        } else {\r\n          await axios.post(\"Listing/SetListing\", {\r\n            ListingId: this.$store.getters.listingStockID,\r\n            Tags: tags,\r\n          });\r\n        }\r\n        this.inputID = null;\r\n      } catch (error) {\r\n        console.log(error);\r\n      }\r\n    },\r\n    changeUnit() {\r\n      this.$store.dispatch(\"mileageUnit\", this.odometer);\r\n    },\r\n    checkNextButton() {\r\n      if (this.accept1) {\r\n        this.nextButton(\"page6\", false);\r\n      } else {\r\n        this.nextButton(\"page6\", true);\r\n      }\r\n    },\r\n    scrollToTop() {\r\n      window.scrollTo(0, 125);\r\n    },\r\n    async getVehicleDetails() {\r\n      try {\r\n        const response = await axios.post(\"Listing/CarInfo\", {\r\n          ListingId: this.$store.getters.listingStockID,\r\n        });\r\n        this.$refs.LocationEditor.autoFillUserInfo(response.data.Contact);\r\n        this.$refs.LocationEditor.autoFilllocationInfo(response.data.Contact);\r\n        response.data.TagCategories.forEach((element) => {\r\n          if (element.Id === 1) {\r\n            element.Tags.forEach((el) => {\r\n              // if (el.TagId === 11) {\r\n              //   el.TagValues.forEach(e => {\r\n              //     if (e.Installed) {\r\n              //       this.mileage = e.Value;\r\n              //     }\r\n              //   });\r\n              // }\r\n              if (el.TagId === 6) {\r\n                this.doors = el.TagValues;\r\n                el.TagValues.forEach((e) => {\r\n                  if (e.Installed) {\r\n                    this.door = e.Value;\r\n                  }\r\n                });\r\n              }\r\n              if (el.TagId === 7) {\r\n                this.seats = el.TagValues;\r\n                el.TagValues.forEach((e) => {\r\n                  if (e.Installed) {\r\n                    this.seat = e.Value;\r\n                  }\r\n                });\r\n              }\r\n            });\r\n          }\r\n          if (element.Id === 3) {\r\n            element.Tags.forEach((el) => {\r\n              if (el.TagId === 13) {\r\n                this.keys = el.TagValues;\r\n                el.TagValues.forEach((e) => {\r\n                  if (e.Installed) {\r\n                    this.key = e.Value;\r\n                  }\r\n                });\r\n              }\r\n            });\r\n          }\r\n          if (element.Id === 4) {\r\n            this.allOptions = element.TagCategories;\r\n          }\r\n        });\r\n      } catch (error) {\r\n        console.log(error.data);\r\n      }\r\n    },\r\n    numberFormatter(value) {\r\n      return parseFloat(value ? value : 0).toLocaleString(\r\n        this.$store.getters.currencyCulture,\r\n        {\r\n          style: \"unit\",\r\n          unit: \"kilometer\",\r\n        }\r\n      );\r\n    },\r\n    currencyFormatter(value) {\r\n      const sc = this.$store.getters.currencyForSeller;\r\n      return new Intl.NumberFormat(this.$store.getters.currencyCulture, {\r\n        style: \"currency\",\r\n        currency: sc ? sc : \"CAD\",\r\n        minimumFractionDigits: value % 1 != 0 ? 2 : 0,\r\n      }).format(value);\r\n    },\r\n    async ListingDone() {\r\n      try {\r\n        await axios.post(\"Listing/ListingDone\", {\r\n          ListingId: this.$store.getters.listingStockID,\r\n        });\r\n      } catch (error) {\r\n        console.log(error.data);\r\n      }\r\n    },\r\n    countContents(tags, tagCategories) {\r\n      tags = tags.filter((el) => el.IsRequired && el.TagValues[0].Installed);\r\n      return tags.length + tagCategories.length;\r\n    },\r\n  },\r\n  computed: {\r\n    ...mapGetters([\"vehicleName\", \"vehicleTrim\"]),\r\n    vehicleContact() {\r\n      let contact = {\r\n        FirstName: this.$store.getters.vehicleContactFirstName,\r\n        LastName: this.$store.getters.vehicleContactLastName,\r\n        Email: this.$store.getters.vehicleContactEmail,\r\n        Mobile: this.$store.getters.vehicleContactMobile,\r\n      };\r\n      return [contact];\r\n    },\r\n  },\r\n  beforeMount() {\r\n    this.checkNextButton();\r\n    this.scrollToTop();\r\n    this.getVehicleDetails();\r\n  },\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\">\r\n\r\n\r\n.listingSubmit {\r\n  position: relative;\r\n  bottom: -94px;\r\n  z-index: 3;\r\n}\r\n.photos {\r\n  .primary-badge {\r\n    bottom: -8px;\r\n    right: 8px;\r\n    left: auto !important;\r\n    top: auto !important;\r\n    width: 75px;\r\n    height: 24px;\r\n    font-size: 12px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n  }\r\n}\r\n.accept-box {\r\n  label {\r\n    font-size: 16px;\r\n  }\r\n  .custom-checkbox.b-custom-control-lg .custom-control-label::before,\r\n  .custom-checkbox.b-custom-control-lg .custom-control-label::after {\r\n    top: 2px;\r\n  }\r\n}\r\n</style>\r\n\r\n<style scoped lang=\"scss\">\r\n.cancelButton {\r\n  margin-left: 210px;\r\n}\r\n.section-title {\r\n  font-size: 20px;\r\n  font-weight: 600;\r\n  font-family: \"Inter\", sans-serif !important;\r\n  padding-bottom: 2px;\r\n  border-bottom: 1px solid #dbdbdb;\r\n  margin-bottom: 16px;\r\n  text-transform: capitalize;\r\n}\r\n.details-table {\r\n  font-size: 16px;\r\n  margin-bottom: 0;\r\n  p {\r\n    margin-bottom: 0;\r\n  }\r\n  .bold {\r\n    font-size: 16px;\r\n    font-family: \"Inter\", sans-serif;\r\n    font-weight: 600;\r\n  }\r\n  td {\r\n    border: none;\r\n    padding: 0;\r\n    text-align: left;\r\n    width: min-content;\r\n  }\r\n  tr {\r\n    &:first-child {\r\n      td {\r\n        padding-bottom: 16px;\r\n      }\r\n    }\r\n  }\r\n}\r\n.see-all {\r\n  font-family: \"Inter\", sans-serif;\r\n  font-weight: 600;\r\n}\r\n.photos {\r\n  margin-top: 64px;\r\n  margin-bottom: 64px;\r\n}\r\n.price-alert {\r\n  margin-top: 32px;\r\n  margin-bottom: 64px;\r\n}\r\n</style>\r\n\r\n<style lang=\"scss\">\r\n#fullFeatures {\r\n  .modal-header {\r\n    background: $light-blue !important;\r\n    height: 58px;\r\n    position: relative;\r\n  }\r\n  .modal-body {\r\n    padding: 0;\r\n  }\r\n  .modal-title {\r\n    font-weight: 600;\r\n    color: white;\r\n    font-size: 20px;\r\n    text-transform: capitalize;\r\n  }\r\n  .modal-content {\r\n    border-radius: 4px;\r\n    overflow: hidden;\r\n    border: none;\r\n  }\r\n  .close {\r\n    top: 15px;\r\n    opacity: 1;\r\n    color: white;\r\n    padding: 0;\r\n    font-size: 40px;\r\n    position: absolute;\r\n    right: 30px;\r\n    height: 100%;\r\n    padding-bottom: 10px;\r\n    font-weight: normal;\r\n  }\r\n  .car-make {\r\n    font-weight: 600;\r\n    font-size: 28px;\r\n    line-height: 40px;\r\n    margin-bottom: 0;\r\n    @media (max-width: 575px) {\r\n      font-size: 20px;\r\n    }\r\n  }\r\n  .car-mode {\r\n    font-weight: normal;\r\n    font-size: 24px;\r\n    color: #404040;\r\n    margin-bottom: 0;\r\n    line-height: normal;\r\n  }\r\n  .modal-carname {\r\n    border-bottom: 1px solid #cdcdcd;\r\n    padding: 24px;\r\n    @media (max-width: 575px) {\r\n      padding: 16px;\r\n    }\r\n  }\r\n  .modal-all-features {\r\n    padding: 20px 24px;\r\n    @media (max-width: 575px) {\r\n      padding: 16px 16px;\r\n    }\r\n    ul {\r\n      display: flex;\r\n      flex-wrap: wrap;\r\n      justify-content: space-between;\r\n      list-style: none;\r\n    }\r\n    li {\r\n      width: 50%;\r\n      @media (max-width: 575px) {\r\n        width: 100%;\r\n      }\r\n    }\r\n  }\r\n  li.feature-item {\r\n    min-height: auto;\r\n    margin-bottom: 16px;\r\n    position: relative;\r\n    padding: 0 16px 0 40px;\r\n    display: flex;\r\n    align-items: center;\r\n    font-size: 14px;\r\n    line-height: normal;\r\n    &:before {\r\n      content: \"\";\r\n      position: absolute;\r\n      width: 8px;\r\n      height: 8px;\r\n      border-radius: 50%;\r\n      background: #232323;\r\n      left: 23px;\r\n      top: 50%;\r\n      transform: translateY(-50%);\r\n    }\r\n  }\r\n}\r\n.feature-part-title {\r\n  font-size: 16px;\r\n  font-weight: 500 !important;\r\n  font-family: \"Inter\", sans-serif !important;\r\n  color: #111;\r\n  @media (max-width: 575px) {\r\n    font-size: 18px !important;\r\n  }\r\n}\r\n</style>\r\n","import mod from \"-!../../../node_modules/@vue/cli-plugin-babel/node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/@vue/cli-plugin-babel/node_modules/thread-loader/dist/cjs.js!../../../node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js!../../../node_modules/@vue/cli-service/node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./TheListingReview.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/@vue/cli-plugin-babel/node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/@vue/cli-plugin-babel/node_modules/thread-loader/dist/cjs.js!../../../node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js!../../../node_modules/@vue/cli-service/node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./TheListingReview.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./TheListingReview.vue?vue&type=template&id=bcf4d114&scoped=true&\"\nimport script from \"./TheListingReview.vue?vue&type=script&lang=js&\"\nexport * from \"./TheListingReview.vue?vue&type=script&lang=js&\"\nimport style0 from \"./TheListingReview.vue?vue&type=style&index=0&id=bcf4d114&prod&lang=scss&\"\nimport style1 from \"./TheListingReview.vue?vue&type=style&index=1&id=bcf4d114&prod&scoped=true&lang=scss&\"\nimport style2 from \"./TheListingReview.vue?vue&type=style&index=2&id=bcf4d114&prod&lang=scss&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"bcf4d114\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../node_modules/@vue/cli-service/node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../node_modules/sass-loader/dist/cjs.js??ref--14-0!../../../node_modules/@vue/cli-service/node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./TheListingReview.vue?vue&type=style&index=1&id=bcf4d114&prod&scoped=true&lang=scss&\"","export * from \"-!../../../node_modules/@vue/cli-service/node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../node_modules/sass-loader/dist/cjs.js??ref--14-0!../../../node_modules/@vue/cli-service/node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./TheListingReview.vue?vue&type=style&index=2&id=bcf4d114&prod&lang=scss&\""],"sourceRoot":""}