{"version":3,"sources":["webpack:///./src/components/listing/TheListingPlanSelecter.vue?681a","webpack:///./src/components/listing/TheListingPlanSelecter.vue?26f2","webpack:///./src/views/pages/ListingOption.vue","webpack:///src/views/pages/ListingOption.vue","webpack:///./src/views/pages/ListingOption.vue?b942","webpack:///./src/views/pages/ListingOption.vue?a8c2","webpack:///./src/components/global/TheListingPlanBox.vue?75fd","webpack:///./src/components/global/TheListingPlanBox.vue?d680","webpack:///./src/components/listing/TheListingPlanSelecter.vue","webpack:///./src/components/global/TheListingPlanBox.vue","webpack:///src/components/global/TheListingPlanBox.vue","webpack:///./src/components/global/TheListingPlanBox.vue?6b00","webpack:///./src/components/global/TheListingPlanBox.vue?e1f2","webpack:///src/components/listing/TheListingPlanSelecter.vue","webpack:///./src/components/listing/TheListingPlanSelecter.vue?c99e","webpack:///./src/components/listing/TheListingPlanSelecter.vue?4e1b","webpack:///./src/views/pages/ListingOption.vue?e15e"],"names":["render","_vm","this","_c","_self","staticClass","staticStyle","_v","_s","$t","attrs","on","mailto","staticRenderFns","components","TheListingPlanSelecter","data","plans","l","methods","window","console","response","title","fee","currencyCode","description","subtitle","planId","ParentId","beforeMount","beforeRouteEnter","next","vm","component","_l","plan","key","class","active","selectedPlan","$event","selectedPlanName","selectedPlanPrice","selectPlan","input","currencyFormatter","split","desc","length","$store","getters","listingAgreement","closepop","listingPlanID","_e","planID","openAgreement","gotoListing","modalID","props","type","selected","style","currency","minimumFractionDigits","descriptions","TheListingPlanBox","agreement"],"mappings":"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","file":"assets/js/ListingOption.620d4c2c.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!./TheListingPlanSelecter.vue?vue&type=style&index=0&id=f5a3cec0&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!./TheListingPlanSelecter.vue?vue&type=style&index=1&id=f5a3cec0&prod&lang=scss&\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('b-container',{staticClass:\"mt-10\",staticStyle:{\"max-width\":\"915px !important\"}},[_c('div',{staticClass:\"text-center mx-auto\"},[_c('h2',{staticClass:\"mb-3\"},[_vm._v(_vm._s(_vm.$t(\"listing.label.optionHead\")))]),_c('b-row',[_c('b-col',{staticClass:\"col-10 offset-1\"},[_c('i18n',{attrs:{\"tag\":\"p\",\"path\":\"listing.label.optionSubHead\"}})],1)],1)],1),_c('TheListingPlanSelecter'),_c('div',{staticClass:\"question-buttons my-5 text-center\"},[_c('h3',{staticClass:\"mb-3\"},[_vm._v(_vm._s(_vm.$t(\"listing.label.question\")))]),_c('b-button',{staticClass:\"m-2\",attrs:{\"variant\":\"outline-primary\"},on:{\"click\":_vm.mailto}},[_c('i',{staticClass:\"fa fa-at fa-lg text-primary-dark mr-2\",attrs:{\"aria-hidden\":\"true\"}}),_vm._v(\" \"+_vm._s(_vm.$t(\"listing.button.email\"))+\" \")]),_c('b-button',{staticClass:\"m-2\",attrs:{\"variant\":\"outline-primary\"}},[_c('i',{staticClass:\"fa fa-phone fa-lg text-primary-dark mr-2 links\",attrs:{\"aria-hidden\":\"true\"}}),_vm._v(\" \"+_vm._s(_vm.$t(\"listing.button.call\"))+\" \")])],1)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <b-container class=\"mt-10\"  style=\"max-width: 915px !important;\">\r\n    <div class=\"text-center mx-auto\">\r\n      <h2 class=\"mb-3\">{{ $t(\"listing.label.optionHead\") }}</h2>\r\n      <b-row>\r\n        <!--<b-col style=\"max-width: 35px\"\r\n          ><b-icon\r\n            icon=\"exclamation-circle-fill\"\r\n            font-scale=\"1\"\r\n            class=\"text-recommend\"\r\n          ></b-icon>\r\n        </b-col>-->\r\n        <b-col class=\"col-10 offset-1\">\r\n          <i18n tag=\"p\" path=\"listing.label.optionSubHead\">\r\n            <!--<router-link to=\"\">{{ $t(\"global.label.learnMore\") }}</router-link>-->\r\n          </i18n>\r\n        </b-col>\r\n      </b-row>\r\n    </div>\r\n    <TheListingPlanSelecter />\r\n    <div class=\"question-buttons my-5 text-center\">\r\n      <h3 class=\"mb-3\">{{ $t(\"listing.label.question\") }}</h3>\r\n      <b-button variant=\"outline-primary\" class=\"m-2\" @click=\"mailto\">\r\n        <i class=\"fa fa-at fa-lg text-primary-dark mr-2\" aria-hidden=\"true\"/>\r\n        {{ $t(\"listing.button.email\") }}\r\n      </b-button>\r\n      <b-button variant=\"outline-primary\" class=\"m-2\">\r\n        <i\r\n          class=\"fa fa-phone fa-lg text-primary-dark mr-2 links\"\r\n          aria-hidden=\"true\"\r\n        />\r\n        {{ $t(\"listing.button.call\") }}\r\n      </b-button>\r\n    </div>\r\n    <!-- location: {{ l }} -->\r\n  </b-container>\r\n</template>\r\n\r\n<script>\r\nimport axios from \"axios\";\r\nimport TheListingPlanSelecter from \"@/components/listing/TheListingPlanSelecter\";\r\n\r\nexport default {\r\n  components: {\r\n    TheListingPlanSelecter\r\n  },\r\n  data() {\r\n    return { plans: [], l: null };\r\n  },\r\n  methods: {\r\n    mailto(){\r\n      window.location.href = \"mailto:contact@pashmotors.com\"\r\n    },\r\n    async getListingPlan() {\r\n      try {\r\n        const response = await axios.get(\"Listing/GetPlans\");\r\n        console.log(response.data);\r\n\r\n        response.data.forEach(element => {\r\n          let plan = [\r\n            {\r\n              title: element.Name,\r\n              fee: element.Amount,\r\n              currencyCode: element.CurrencyCode,\r\n              description: element.Description,\r\n              subtitle: element.Bonus,\r\n              planId: element.PlanId\r\n            }\r\n          ];\r\n          this.plans.push(plan);\r\n        });\r\n        this.$store.dispatch(\"listingPlan\", this.plans);\r\n      } catch (error) {\r\n        console.log(error);\r\n      }\r\n    },\r\n    async getlocation() {\r\n      try {\r\n        const response = await axios.post(\"Basic/Locations\", {\r\n          ParentId: 15\r\n        });\r\n\r\n        this.l = response.data;\r\n      } catch (error) {\r\n        console.log(error);\r\n      }\r\n    }\r\n  },\r\n  beforeMount() {\r\n    this.getListingPlan();\r\n    this.getlocation();\r\n    this.$store.dispatch(\"setCurrency\", \"CAD\");\r\n    this.$store.dispatch(\"listingPlan\", this.plans);\r\n  },\r\n  beforeRouteEnter(to, from, next) {\r\n    next(vm => {\r\n      let u = vm.$store.getters.user;\r\n\r\n      vm.$store.dispatch(\"listingAgreement\", false);\r\n      if (vm.$store.getters.country.Code !== \"CA\") {\r\n        vm.$bvModal.show(\"registerCountryNotFound\");\r\n        vm.$router.back();\r\n      } else if (!u) {\r\n        vm.$bvModal.show(\"signin\");\r\n        vm.$router.back();\r\n      } else if(!vm.$store.getters.userType.includes('Seller')){\r\n        if(!u.IsEmailVerified){\r\n          vm.$store.dispatch('resendEmail');\r\n        }else {\r\n          vm.$bvModal.show(\"beSellerModal\")\r\n        }\r\n        //vm.$router.back();\r\n      } else if (!vm.$store.getters.verifyForListing && !vm.$store.getters.doneRegister) {\r\n        vm.$bvModal.show(\"sellerChecking\");\r\n        vm.$router.back();\r\n      }\r\n    });\r\n  }\r\n};\r\n</script>\r\n\r\n<style scoped lang=\"scss\">\r\n.question-buttons button:hover i {\r\n  color: #fff !important;\r\n}\r\n.links{\r\n  &:hover{\r\n    background: $light-blue !important;\r\n    *{\r\n      color: #fff !important;\r\n    }\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!./ListingOption.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!./ListingOption.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ListingOption.vue?vue&type=template&id=71f6c288&scoped=true&\"\nimport script from \"./ListingOption.vue?vue&type=script&lang=js&\"\nexport * from \"./ListingOption.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ListingOption.vue?vue&type=style&index=0&id=71f6c288&prod&scoped=true&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  \"71f6c288\",\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!./TheListingPlanBox.vue?vue&type=style&index=1&id=0c4e93ca&prod&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!./TheListingPlanBox.vue?vue&type=style&index=0&id=0c4e93ca&prod&scoped=true&lang=scss&\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"mx-auto plan-wrapper d-md-flex\"},_vm._l((_vm.plans),function(plan,key){return _c('div',{key:key,staticClass:\"plan-box\"},[_c('div',{staticClass:\"m-auto\",class:{ active: _vm.selectedPlan === plan[0].planId },on:{\"mouseover\":function($event){(_vm.selectedPlan = plan[0].planId),\n          (_vm.selectedPlanName = plan[0].title),\n          (_vm.selectedPlanPrice = plan[0].fee)},\"mouseleave\":function($event){_vm.selectedPlan = null}}},[_c('TheListingPlanBox',{attrs:{\"input\":plan,\"selected\":_vm.selectedPlan === plan[0].planId,\"selectPlan\":_vm.selectPlan,\"planID\":_vm.selectedPlan}})],1)])}),0)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[_vm._l((_vm.input),function(input,key){return _c('div',{key:key,staticClass:\"p-0 border-0 bg-transparent text-left\"},[_c('b-card',{staticClass:\"my-4 w-100 plan-card\"},[(input.planId === 2)?_c('div',{staticClass:\"recomended-badge mx-auto rounded-pill text-center py-1 px-3 mb-2\"},[_vm._v(\" \"+_vm._s(_vm.$t(\"listing.label.recommended\"))+\" \")]):_c('div',{staticClass:\"d-none d-md-block py-3 mb-2\"}),_c('div',{staticClass:\"border-bottom p-0 plan-box-title\"},[_c('h4',{staticClass:\"text-center\"},[_vm._v(_vm._s(input.title))]),_c('h5',{staticClass:\"text-center\"},[_vm._v(_vm._s(_vm.currencyFormatter(input.fee)))])]),_c('div',{staticClass:\"px-2 py-4\"},[_c('section',[_c('p',{staticClass:\"font-weight-bold\"},[_vm._v(\" \"+_vm._s(input.subtitle)+\" \")]),_c('ul',_vm._l((input.description.split('/')),function(desc,key){return _c('li',{key:key,class:key < input.description.split('/').length - 1 ? 'mb-2 mb-md-3' : ''},[_vm._v(\" \"+_vm._s(desc)+\" \")])}),0)])]),_c('div',{staticClass:\"text-center container-fluid position-md-absolute\",staticStyle:{\"bottom\":\"1.25rem\",\"left\":\"0\"}},[(!_vm.$store.getters.listingAgreement)?_c('b-button',{staticClass:\"px-4 start-btn\",on:{\"click\":function($event){_vm.planID === 1 ? _vm.openAgreement() : _vm.gotoListing(_vm.planID)}}},[_vm._v(_vm._s(_vm.$t('ListingProcess.agreementModalGetStarted')))]):(_vm.$store.getters.listingAgreement)?_c('b-button',{staticClass:\"px-4 start-btn\",on:{\"click\":function($event){_vm.selectPlan(input.planId), _vm.closepop()}}},[(input.planId === _vm.$store.getters.listingPlanID)?_c('span',[_vm._v(_vm._s(_vm.$t('ListingProcess.agreementModalContinue')))]):_c('span',[_vm._v(_vm._s(_vm.$t('ListingProcess.agreementModalChangePlan')))])]):_vm._e()],1)])],1)}),_c('b-modal',{attrs:{\"id\":_vm.modalID,\"hide-footer\":\"\",\"hide-header\":\"\",\"centered\":\"\"}},[_c('div',{staticClass:\"text-center\"},[_c('p',{staticClass:\"mb-4\"},[_vm._v(\" \"+_vm._s(_vm.$t('ListingProcess.agreementModalLabel'))+\" \")]),_c('b-btn',{staticClass:\"px-5\",attrs:{\"pill\":\"\",\"variant\":\"primary\"},on:{\"click\":function($event){return _vm.gotoListing(1)}}},[_vm._v(_vm._s(_vm.$t('ListingProcess.agreementModalButton')))])],1)])],2)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div>\r\n    <div\r\n      v-for=\"(input, key) in input\"\r\n      :key=\"key\"\r\n      class=\"p-0 border-0 bg-transparent text-left\"\r\n    >\r\n      <b-card class=\"my-4 w-100 plan-card\">\r\n        <!-- disabledDiv: input.planId === 2 -->\r\n        <div class=\"recomended-badge mx-auto rounded-pill text-center py-1 px-3 mb-2\" v-if=\"input.planId === 2\">\r\n          {{ $t(\"listing.label.recommended\") }}\r\n        </div>\r\n        <div class=\"d-none d-md-block py-3 mb-2\" v-else></div>\r\n        <div class=\"border-bottom p-0 plan-box-title\">\r\n          <h4 class=\"text-center\">{{ input.title }}</h4>\r\n          <h5 class=\"text-center\">{{ currencyFormatter(input.fee) }}</h5>\r\n\r\n          <!-- <div class=\"text-center\">\r\n            <h3 class=\"price\">\r\n              {{ currencyFormatter(input.fee) }}\r\n            </h3>\r\n          </div> -->\r\n        </div>\r\n\r\n        <div class=\"px-2 py-4\">\r\n          <section>\r\n            <p class=\"font-weight-bold\">\r\n              {{ input.subtitle }}\r\n            </p>\r\n            <ul>\r\n              <li\r\n                v-for=\"(desc, key) in input.description.split('/')\"\r\n                :key=\"key\"\r\n                :class=\"key < input.description.split('/').length - 1 ? 'mb-2 mb-md-3' : ''\"\r\n              >\r\n                {{ desc }}\r\n              </li>\r\n            </ul>\r\n          </section>\r\n        </div>\r\n        <div\r\n            class=\"text-center container-fluid position-md-absolute\"\r\n            style=\"bottom:1.25rem; left:0;\"\r\n          >\r\n            <b-button\r\n              v-if=\"!$store.getters.listingAgreement\"\r\n              @click=\"planID === 1 ? openAgreement() : gotoListing(planID)\"\r\n              class=\"px-4 start-btn\"\r\n              >{{$t('ListingProcess.agreementModalGetStarted')}}</b-button>\r\n            <b-button\r\n              v-else-if=\"$store.getters.listingAgreement\"\r\n              class=\"px-4 start-btn\"\r\n              @click=\"selectPlan(input.planId), closepop()\"\r\n              ><span v-if=\"input.planId === $store.getters.listingPlanID\">{{$t('ListingProcess.agreementModalContinue')}}</span>\r\n              <span v-else>{{$t('ListingProcess.agreementModalChangePlan')}}</span></b-button\r\n            >\r\n          </div>\r\n      </b-card>\r\n    </div>\r\n\r\n    <b-modal :id=\"modalID\" hide-footer hide-header centered>\r\n      <div class=\"text-center\">\r\n        <p class=\"mb-4\">\r\n          {{$t('ListingProcess.agreementModalLabel')}}\r\n        </p>\r\n        <b-btn pill variant=\"primary\" class=\"px-5\" @click=\"gotoListing(1)\">{{$t('ListingProcess.agreementModalButton')}}</b-btn>\r\n      </div>\r\n    </b-modal>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  props: {\r\n    input: { type: Array },\r\n    selected: { type: Boolean },\r\n    planID: { type: Number },\r\n    selectPlan: { type: Function },\r\n  },\r\n  data() {\r\n    return {\r\n      modalID: \"listingAgreement\" + this.input[0].planId,\r\n    };\r\n  },\r\n\r\n  methods: {\r\n    openAgreement() {\r\n      this.$bvModal.show(this.modalID);\r\n    },\r\n    gotoListing(id) {\r\n      this.selectPlan(id);\r\n      this.$store.dispatch(\"listingAgreement\", true);\r\n      this.$router.push(\"ListingVehicle\");\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    closepop() {\r\n      this.$root.$emit(\"bv::hide::popover\");\r\n      this.$root.$emit(\"bv::toggle::collapse\", \"planSelector\");\r\n    },\r\n    descriptions(text) {\r\n      return text.split(\".\");\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style scoped lang=\"scss\">\r\n\r\n.d-md-block {\r\n  @media screen and (min-width:768px) {\r\n    display:block!important\r\n  }\r\n}\r\n.checkfield::before,\r\n.checkfield::after {\r\n  border-bottom-right-radius: 15px;\r\n  content: \"\";\r\n  position: absolute;\r\n  bottom: 0;\r\n  right: 0;\r\n  border-color: transparent;\r\n  border-style: solid;\r\n}\r\n\r\n.checkfield::after {\r\n  content: \"\\2713\";\r\n  font-size: 25px;\r\n  line-height: 25px;\r\n  font-weight: bold;\r\n  color: $white;\r\n}\r\n\r\n.checkfield::before {\r\n  border-width: 25px;\r\n  border-right-color: $primary;\r\n  border-bottom-color: $primary;\r\n}\r\n\r\n::v-deep .checkmark-line::before {\r\n  content: \"\\2713\";\r\n  margin-right: 0.5em;\r\n  font-size: 25px;\r\n  line-height: 25px;\r\n  font-weight: bold;\r\n  color: $success;\r\n}\r\n\r\n.disabledDiv {\r\n  pointer-events: none;\r\n  opacity: 0.1;\r\n}\r\n\r\nul {\r\n  list-style: none;\r\n}\r\n\r\nul li::before {\r\n  content: \"\\2022\";\r\n  color: $primary;\r\n  font-size: 1.3em;\r\n  display: inline-block;\r\n  width: 0.8em;\r\n  margin-left: -1em; /* Also needed for space (tweak if needed) */\r\n}\r\n.recomended-badge {\r\n  width:fit-content;\r\n  font-size: 12px;\r\n  background: $yellow;\r\n  color: #111 !important;\r\n}\r\n.price {\r\n  font-size: 48px;\r\n  font-weight: 600 !important;\r\n  padding-top: 16px;\r\n  padding-bottom: 24px;\r\n}\r\n.start-btn {\r\n  width: 100%;\r\n  height: 56px;\r\n  font-size: 20px;\r\n  font-weight: 600;\r\n  font-family: \"Inter\" !important;\r\n  border: 1px solid $light-blue !important;\r\n  color: $light-blue !important;\r\n  background: none !important;\r\n  border-radius: 40px;\r\n}\r\n</style>\r\n\r\n<style lang=\"scss\">\r\n.position-md-absolute {\r\n  @media screen and (min-width: 768px) {\r\n    position:absolute;\r\n  } \r\n}\r\n\r\n#listingAgreement1 {\r\n  .modal-content {\r\n    width: 418px;\r\n    margin: auto;\r\n  }\r\n  .modal-body {\r\n    padding: 24px;\r\n  }\r\n  .btn {\r\n    width: 100%;\r\n    height: 48px;\r\n    font-weight: 600;\r\n    font-family: \"Inter\" !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!./TheListingPlanBox.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!./TheListingPlanBox.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./TheListingPlanBox.vue?vue&type=template&id=0c4e93ca&scoped=true&\"\nimport script from \"./TheListingPlanBox.vue?vue&type=script&lang=js&\"\nexport * from \"./TheListingPlanBox.vue?vue&type=script&lang=js&\"\nimport style0 from \"./TheListingPlanBox.vue?vue&type=style&index=0&id=0c4e93ca&prod&scoped=true&lang=scss&\"\nimport style1 from \"./TheListingPlanBox.vue?vue&type=style&index=1&id=0c4e93ca&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  \"0c4e93ca\",\n  null\n  \n)\n\nexport default component.exports","<template>\r\n  <div class=\"mx-auto plan-wrapper d-md-flex\">\r\n    <div v-for=\"(plan, key) in plans\" :key=\"key\" class=\"plan-box\">\r\n      <div\r\n        v-bind:class=\"{ active: selectedPlan === plan[0].planId }\"\r\n        @mouseover=\"\r\n          (selectedPlan = plan[0].planId),\r\n            (selectedPlanName = plan[0].title),\r\n            (selectedPlanPrice = plan[0].fee)\r\n        \"\r\n        @mouseleave=\"selectedPlan = null\"\r\n        class=\"m-auto\"\r\n      >\r\n        <TheListingPlanBox\r\n          :input=\"plan\"\r\n          :selected=\"selectedPlan === plan[0].planId\"\r\n          :selectPlan=\"selectPlan\"\r\n          :planID=\"selectedPlan\"\r\n        />\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport TheListingPlanBox from \"@/components/global/TheListingPlanBox\";\r\nexport default {\r\n  components: {\r\n    TheListingPlanBox,\r\n  },\r\n  data() {\r\n    return {\r\n      selectedPlan: this.$store.getters.listingPlanID,\r\n      selectedPlanName: this.$store.getters.listingPlanName,\r\n      selectedPlanPrice: this.$store.getters.listingPlanPrice,\r\n      agreement: this.$store.getters.listingAgreement,\r\n      plans: this.$store.getters.listingPlan,\r\n    };\r\n  },\r\n  methods: {\r\n    selectPlan(id) {\r\n      this.$store.dispatch(\"listingPlanID\", id);\r\n      this.$store.dispatch(\"listingPlanName\", this.selectedPlanName);\r\n      this.$store.dispatch(\"listingPlanPrice\", this.selectedPlanPrice);\r\n    },\r\n  },\r\n  beforeMount() {\r\n    // this.selectedPlanName = this.plans[\r\n    //   this.$store.getters.listingPlanID - 1\r\n    // ][0].title;\r\n  },\r\n};\r\n</script>\r\n\r\n<style scoped lang=\"scss\">\r\n\r\n\r\n.active {\r\n  box-shadow: 0 0 1rem 0.5rem $gray-200;\r\n  border-radius: 25px;\r\n}\r\n.plan-wrapper {\r\n  flex-wrap: wrap;\r\n  column-gap: 40px;\r\n}\r\n.plan-box {\r\n  @media screen and (min-width: 768px) {\r\n    width: calc(50% - 20px);\r\n  }\r\n}\r\n</style>\r\n\r\n<style lang=\"scss\">\r\n.plan-card {\r\n  transition: 0.3s;\r\n  border: 2px solid white !important;\r\n  box-sizing: border-box;\r\n  border-radius: 4px;\r\n  &:hover {\r\n    box-shadow: -5px 10px 50px rgba(34, 119, 239, 0.15) !important;\r\n    border: 2px solid $light-blue !important;\r\n  }\r\n  @media screen and (min-width: 768px) {\r\n    min-height: 583px;\r\n    max-height: 731px;\r\n  }\r\n}\r\n.plan-box {\r\n  .plan-box-title,\r\n  .price,\r\n  .start-btn {\r\n    transition: 0.3s;\r\n  }\r\n  &:hover {\r\n    .plan-box-title,\r\n    .price {\r\n      color: $light-blue !important;\r\n    }\r\n    .start-btn {\r\n      background: $light-blue !important;\r\n      color: white !important;\r\n    }\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!./TheListingPlanSelecter.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!./TheListingPlanSelecter.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./TheListingPlanSelecter.vue?vue&type=template&id=f5a3cec0&scoped=true&\"\nimport script from \"./TheListingPlanSelecter.vue?vue&type=script&lang=js&\"\nexport * from \"./TheListingPlanSelecter.vue?vue&type=script&lang=js&\"\nimport style0 from \"./TheListingPlanSelecter.vue?vue&type=style&index=0&id=f5a3cec0&prod&scoped=true&lang=scss&\"\nimport style1 from \"./TheListingPlanSelecter.vue?vue&type=style&index=1&id=f5a3cec0&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  \"f5a3cec0\",\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!./ListingOption.vue?vue&type=style&index=0&id=71f6c288&prod&scoped=true&lang=scss&\""],"sourceRoot":""}