{"version":3,"sources":["webpack:///./src/components/condition-info/ReminderPopup.vue?548e","webpack:///src/components/condition-info/ReminderPopup.vue","webpack:///./src/components/condition-info/ReminderPopup.vue?bdeb","webpack:///./src/components/condition-info/ReminderPopup.vue","webpack:///./src/components/condition-info/ReminderPopup.vue?80cd","webpack:///./src/assets/images/icons/ic-alert-triangle-gray.svg"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","_v","on","handleNext","handleCancel","_e","staticRenderFns","name","props","isReminderOpen","type","Boolean","required","methods","$emit","$router","push","component","module","exports"],"mappings":"uHAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAQF,EAAkB,eAAEI,EAAG,MAAM,CAACE,YAAY,kBAAkB,CAACF,EAAG,MAAM,CAACE,YAAY,0BAA0B,CAACF,EAAG,MAAM,CAACE,YAAY,iCAAiC,CAACF,EAAG,MAAM,CAACG,MAAM,CAAC,IAAM,EAAQ,QAAoD,IAAM,oBAAoBH,EAAG,KAAK,CAACJ,EAAIQ,GAAG,yBAAyBJ,EAAG,IAAI,CAACE,YAAY,oBAAoB,CAACN,EAAIQ,GAAG,0HAA0HJ,EAAG,MAAM,CAACE,YAAY,0BAA0B,CAACF,EAAG,SAAS,CAACE,YAAY,sBAAsBG,GAAG,CAAC,MAAQT,EAAIU,aAAa,CAACV,EAAIQ,GAAG,mCAAmCJ,EAAG,SAAS,CAACE,YAAY,wBAAwBG,GAAG,CAAC,MAAQT,EAAIW,eAAe,CAACX,EAAIQ,GAAG,+CAA+CR,EAAIY,MACt3BC,EAAkB,GCwBtB,GACEC,KAAM,gBACNC,MAAO,CACLC,eAAgB,CACdC,KAAMC,QACNC,UAAU,IAGdC,QAAS,CACPT,aADJ,WAEMV,KAAKoB,MAAM,UAEbX,WAJJ,WAKMT,KAAKqB,QAAQC,KAAK,CAAxB,+CCtCsW,I,wBCQlWC,EAAY,eACd,EACAzB,EACAc,GACA,EACA,KACA,KACA,MAIa,aAAAW,E,2CCnBf,W,qBCAAC,EAAOC,QAAU,IAA0B,2C","file":"js/chunk-44f40eaa.89002fd4.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return (_vm.isReminderOpen)?_c('div',{staticClass:\"reminder-popup\"},[_c('div',{staticClass:\"reminder-popup-content\"},[_c('div',{staticClass:\"reminder-popup-text text-left\"},[_c('img',{attrs:{\"src\":require(\"@/assets/images/icons/ic-alert-triangle-gray.svg\"),\"alt\":\"alert-triangle\"}}),_c('h3',[_vm._v(\"Avoid cancellations\")]),_c('p',{staticClass:\"font-weight-thin\"},[_vm._v(\" Make sure to describe your car's condition & damages accurately to avoid any price re-negotiations in your sale. \")])]),_c('div',{staticClass:\"reminder-popup-buttons\"},[_c('button',{staticClass:\"reminder-popup-next\",on:{\"click\":_vm.handleNext}},[_vm._v(\" My car details are accurate \")]),_c('button',{staticClass:\"reminder-popup-cancel\",on:{\"click\":_vm.handleCancel}},[_vm._v(\" Wait, I want to review my details \")])])])]):_vm._e()}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"reminder-popup\" v-if=\"isReminderOpen\">\n    <div class=\"reminder-popup-content\">\n      <div class=\"reminder-popup-text text-left\">\n        <img\n          :src=\"require(`@/assets/images/icons/ic-alert-triangle-gray.svg`)\"\n          alt=\"alert-triangle\"\n        />\n        <h3>Avoid cancellations</h3>\n        <p class=\"font-weight-thin\">\n          Make sure to describe your car's condition & damages accurately to avoid any price re-negotiations in your sale.\n        </p>\n      </div>\n      <div class=\"reminder-popup-buttons\">\n        <button class=\"reminder-popup-next\" @click=\"handleNext\">\n          My car details are accurate\n        </button>\n        <button class=\"reminder-popup-cancel\" @click=\"handleCancel\">\n          Wait, I want to review my details\n        </button>\n      </div>\n    </div>\n  </div>\n</template>\n<script>\nexport default {\n  name: \"ReminderPopup\",\n  props: {\n    isReminderOpen: {\n      type: Boolean,\n      required: true,\n    },\n  },\n  methods: {\n    handleCancel() {\n      this.$emit(\"close\");\n    },\n    handleNext() {\n      this.$router.push({ name: \"navigation\", query: this.$route.query });\n    },\n  },\n};\n</script>\n<style lang=\"scss\">\n.reminder-popup {\n  z-index: 9999999;\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  background-color: rgba(0, 0, 0, 0.5);\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  h3 {\n    font-family: Avenir Next LT W05 Regular !important;\n    font-weight: 600 !important;\n    font-size: 18px;\n    margin-top: 15px;\n    line-height: 30px !important;\n  }\n  p {\n    margin-bottom: 4px;\n    font-size: 14px;\n    line-height: 20px;\n    width: 352px;\n    color: #667085;\n  }\n  button {\n    // margin: 0 10px;\n    padding: 8px 16px;\n    border-radius: 4px;\n    cursor: pointer;\n  }\n  .reminder-popup-content {\n    background-color: #fff;\n    padding: 24px;\n    border-radius: 8px;\n    max-width: 400px;\n    text-align: center;\n    .reminder-popup-text {\n      width: 90%;\n    }\n    .reminder-popup-buttons {\n      display: flex;\n      flex-direction: column;\n      justify-content: center;\n      margin-top: 29px;\n      width: 352px;\n      .reminder-popup-next {\n        font-family: Avenir Next LT W05 Regular !important;\n        font-weight: 600 !important;\n        height: 44px;\n        background-color: var(--primary-color);\n        color: #fff;\n        border: none;\n        outline: none !important;\n        margin-right: 0 !important;\n        margin-bottom: 15px;\n      }\n      .reminder-popup-cancel {\n        font-family: Avenir Next LT W05 Regular !important;\n        color: black;\n        font-weight: 600 !important;\n        height: 44px;\n        background-color: #ffffff;\n        border: 1px solid var(--gray-300, #d0d5dd);\n        outline: none !important;\n        margin-left: 0 !important;\n      }\n    }\n  }\n}\n@media screen and(max-width: 768px) {\n  .reminder-popup {\n    p {\n      width: 270px;\n    }\n    .reminder-popup-content {\n      max-width: 450px !important;\n      .reminder-popup-buttons {\n        font-size: 14px;\n        line-height: 24px;\n        width: 270px;\n      }\n    }\n  }\n  @media (orientation: landscape) {\n    .reminder-popup {\n      h3 {\n        margin-top: 4px !important;\n        margin-bottom: 4px !important;\n      }\n      p {\n        width: 270px;\n      }\n      .reminder-popup-content {\n        max-width: 450px !important;\n        padding: 20px !important;\n        .reminder-popup-buttons {\n          margin-top: 14px !important;\n          width: 270px;\n        }\n      }\n    }\n  }\n}\n</style>\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ReminderPopup.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!./ReminderPopup.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ReminderPopup.vue?vue&type=template&id=fc6e9a7c&\"\nimport script from \"./ReminderPopup.vue?vue&type=script&lang=js&\"\nexport * from \"./ReminderPopup.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ReminderPopup.vue?vue&type=style&index=0&lang=scss&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ReminderPopup.vue?vue&type=style&index=0&lang=scss&\"","module.exports = __webpack_public_path__ + \"img/ic-alert-triangle-gray.aa7b272c.svg\";"],"sourceRoot":""}