{"version":3,"sources":["webpack:///./src/components/vehicle/RegoPopup.vue?178e","webpack:///src/components/vehicle/RegoPopup.vue","webpack:///./src/components/vehicle/RegoPopup.vue?8104","webpack:///./src/components/vehicle/RegoPopup.vue","webpack:///./src/assets/images/white-input-spinner.gif","webpack:///./src/components/vehicle/RegoPopup.vue?83a2"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","_v","_s","isShowStateField","class","error","$v","regoPopupInfo","state","$error","attrs","states","model","value","callback","$$v","$set","expression","_e","regoNumber","on","$event","type","indexOf","_k","keyCode","key","submit","apply","arguments","trim","$dirty","required","alphaNum","maxLength","handleSkipRego","updateButtonDisable","handleUpdateRego","directives","name","rawName","isLoadingApi","staticRenderFns","data","computed","$invalid","props","isShowRegoPopup","Boolean","default","methods","$emit","$touch","validations","components","CustomSelect","FloatLabel","component","module","exports"],"mappings":"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","file":"js/chunk-d370b914.d1e3d577.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return (_vm.isShowRegoPopup)?_c('div',{staticClass:\"rego-popup\"},[_c('div',{staticClass:\"rego-popup-content\"},[_c('h3',[_vm._v(\"Update your rego\")]),_c('p',{staticClass:\"font-weight-thin\"},[_vm._v(\" We noticed that you didn't provide a registration number. Please enter your \"+_vm._s(_vm.isShowStateField ? \"'state' and \" : \"\")+\" 'registration number' if you have one. \")]),_c('p',{staticClass:\"font-weight-thin\"},[_vm._v(\" If your car is unregistered click 'Skip rego' to continue. \")]),_c('div',{staticClass:\"rego-popup-form mt-4\"},[(_vm.isShowStateField)?_c('div',{staticClass:\"state-input\"},[_c('p',{staticClass:\"font-weight-regular mb-2\"},[_vm._v(\"State\")]),_c('custom-select',{class:{\n            error: _vm.$v.regoPopupInfo.state.$error,\n            'shadow-none': true,\n          },attrs:{\"label\":\"\",\"options\":_vm.states,\"error\":_vm.$v.regoPopupInfo.state.$error,\"helperText\":\"Please select state\"},model:{value:(_vm.regoPopupInfo.state),callback:function ($$v) {_vm.$set(_vm.regoPopupInfo, \"state\", $$v)},expression:\"regoPopupInfo.state\"}})],1):_vm._e(),_c('div',{staticClass:\"rego-input\"},[_c('p',{staticClass:\"font-weight-regular mb-2\"},[_vm._v(\"Rego\")]),_c('float-label',{attrs:{\"label\":\"\"}},[_c('b-input',{class:{\n              error: _vm.$v.regoPopupInfo.regoNumber.$error,\n              'shadow-none': true,\n            },attrs:{\"placeholder\":\"Enter rego\",\"autocomplete\":\"off\",\"required\":\"\"},on:{\"keyup\":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,\"enter\",13,$event.key,\"Enter\")){ return null; }return _vm.submit.apply(null, arguments)}},model:{value:(_vm.regoPopupInfo.regoNumber),callback:function ($$v) {_vm.$set(_vm.regoPopupInfo, \"regoNumber\", (typeof $$v === 'string'? $$v.trim(): $$v))},expression:\"regoPopupInfo.regoNumber\"}})],1),(\n            _vm.$v.regoPopupInfo.regoNumber.$dirty &&\n            !_vm.$v.regoPopupInfo.regoNumber.required\n          )?_c('p',{staticClass:\"msg-error mb-0\"},[_c('i',[_vm._v(\"Please enter rego number\")])]):(\n            _vm.$v.regoPopupInfo.regoNumber.$dirty &&\n            !_vm.$v.regoPopupInfo.regoNumber.alphaNum\n          )?_c('p',{staticClass:\"msg-error mb-0\"},[_c('i',[_vm._v(\"Please enter only alphabet characters and numerics\")])]):(\n            _vm.$v.regoPopupInfo.regoNumber.$dirty &&\n            !_vm.$v.regoPopupInfo.regoNumber.maxLength\n          )?_c('p',{staticClass:\"msg-error mb-0\"},[_c('i',[_vm._v(\"Please enter 1 to 9 characters!\")])]):_vm._e()],1)]),_c('div',{staticClass:\"rego-popup-buttons mt-4\"},[_c('button',{staticClass:\"rego-popup-skip\",on:{\"click\":_vm.handleSkipRego}},[_vm._v(\"Skip rego\")]),_c('button',{staticClass:\"rego-popup-update\",class:_vm.updateButtonDisable ? 'disabled' : '',on:{\"click\":_vm.handleUpdateRego}},[_c('b',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.isLoadingApi),expression:\"!isLoadingApi\"}],staticClass:\"font-weight-regular\"},[_vm._v(\"Update\")]),_c('img',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.isLoadingApi),expression:\"isLoadingApi\"}],staticClass:\"input-spinner\",attrs:{\"src\":require(\"../../assets/images/white-input-spinner.gif\")}})])])])]):_vm._e()}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"rego-popup\" v-if=\"isShowRegoPopup\">\n    <div class=\"rego-popup-content\">\n      <h3>Update your rego</h3>\n      <p class=\"font-weight-thin\">\n        We noticed that you didn't provide a registration number. Please enter\n        your {{ isShowStateField ? \"'state' and \" : \"\"}} 'registration number' if you have one.\n      </p>\n      <p class=\"font-weight-thin\">\n        If your car is unregistered click 'Skip rego' to continue.\n      </p>\n      <div class=\"rego-popup-form mt-4\">\n        <div class=\"state-input\" v-if=\"isShowStateField\">\n          <p class=\"font-weight-regular mb-2\">State</p>\n          <custom-select\n            label=\"\"\n            v-model=\"regoPopupInfo.state\"\n            :options=\"states\"\n            :error=\"$v.regoPopupInfo.state.$error\"\n            helperText=\"Please select state\"\n            :class=\"{\n              error: $v.regoPopupInfo.state.$error,\n              'shadow-none': true,\n            }\"\n          />\n        </div>\n        <div class=\"rego-input\">\n          <p class=\"font-weight-regular mb-2\">Rego</p>\n          <float-label label=\"\">\n            <b-input\n              v-model.trim=\"regoPopupInfo.regoNumber\"\n              placeholder=\"Enter rego\"\n              autocomplete=\"off\"\n              required\n              @keyup.enter=\"submit\"\n              :class=\"{\n                error: $v.regoPopupInfo.regoNumber.$error,\n                'shadow-none': true,\n              }\"\n            />\n          </float-label>\n          <p\n            v-if=\"\n              $v.regoPopupInfo.regoNumber.$dirty &&\n              !$v.regoPopupInfo.regoNumber.required\n            \"\n            class=\"msg-error mb-0\"\n          >\n            <i>Please enter rego number</i>\n          </p>\n          <p\n            v-else-if=\"\n              $v.regoPopupInfo.regoNumber.$dirty &&\n              !$v.regoPopupInfo.regoNumber.alphaNum\n            \"\n            class=\"msg-error mb-0\"\n          >\n            <i>Please enter only alphabet characters and numerics</i>\n          </p>\n          <p\n            v-else-if=\"\n              $v.regoPopupInfo.regoNumber.$dirty &&\n              !$v.regoPopupInfo.regoNumber.maxLength\n            \"\n            class=\"msg-error mb-0\"\n          >\n            <i>Please enter 1 to 9 characters!</i>\n          </p>\n        </div>\n      </div>\n      <div class=\"rego-popup-buttons mt-4\">\n        <button class=\"rego-popup-skip\" @click=\"handleSkipRego\">Skip rego</button>\n        <button class=\"rego-popup-update\" @click=\"handleUpdateRego\" :class=\"updateButtonDisable ? 'disabled' : ''\">\n          <b class=\"font-weight-regular\" v-show=\"!isLoadingApi\">Update</b>\n          <img\n            v-show=\"isLoadingApi\"\n            class=\"input-spinner\"\n            src=\"../../assets/images/white-input-spinner.gif\"\n          />\n        </button>\n      </div>\n    </div>\n  </div>\n</template>\n<script>\nimport { required, maxLength, alphaNum } from \"vuelidate/lib/validators\";\n\nexport default {\n  name: \"RegoPopup\",\n  data() {\n    return {\n      regoPopupInfo: {\n        state: \"\",\n        regoNumber: \"\",\n      },\n    };\n  },\n  computed: {\n    states: function () {\n      return [\"ACT\", \"NSW\", \"NT\", \"QLD\", \"SA\", \"TAS\", \"VIC\", \"WA\"];\n    },\n    updateButtonDisable: function() {\n      return this.$v.regoPopupInfo.$invalid;\n    },\n  },\n  props: {\n    isShowRegoPopup: {\n      type: Boolean,\n      required: true,\n    },\n    isLoadingApi: {\n      type: Boolean,\n      required: true,\n    },\n    isShowStateField: {\n      type: Boolean,\n      default: () => false,\n    },\n  },\n  methods: {\n    handleSkipRego() {\n      this.$emit('skipRego');\n    },\n    handleUpdateRego() {\n      this.$v.regoPopupInfo.$touch();\n      if (!this.$v.regoPopupInfo.$invalid) {\n        this.$emit('updateRego', this.regoPopupInfo);\n      }\n    },\n  },\n  validations: {\n    regoPopupInfo: {\n      regoNumber: {\n        required,\n        alphaNum,\n        maxLength: maxLength(9),\n      },\n      state: {\n        required: function() {\n          return !this.isShowStateField || this.regoPopupInfo.state !== ''\n        }\n      },\n    },\n  },\n  components: {\n    CustomSelect: () => import(\"../../components/common/CustomSelect\"),\n    FloatLabel: () => import(\"../../components/common/FloatLabel.vue\"),\n  },\n};\n</script>\n<style lang=\"scss\">\n$error_color: #c1272d;\n\n.rego-popup {\n  z-index: 9999999;\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  background-color: rgba($color: #344054, $alpha: 0.7);\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  .rego-popup-content {\n    background-color: #fff;\n    padding: 24px;\n    border-radius: 8px;\n    max-width: 372px;\n    h3 {\n      font-weight: 500;\n      font-size: 20px;\n      line-height: 28px;\n    }\n    p {\n      font-size: 16px;\n      line-height: 20px;\n    }\n    .rego-popup-form {\n      display: flex;\n      gap: 20px;\n      .state-input {\n        min-width: 136px;\n      }\n      .rego-input {\n        flex: 1;\n        .border-lable-flt {\n          margin-bottom: 0 !important;\n        }\n      }\n      .form-control {\n        border-radius: 5px !important;\n        &.select-custom {\n          background-position-x: 92% !important;\n        }\n      }\n      input.error {\n        caret-color: $error_color;\n        border-color: $error_color !important;\n      }\n      select.form-control.invalid {\n        border-color: $error_color !important;\n      }\n      .msg-error, .err-text {\n        font-size: 12px;\n        color: $error_color;\n        text-align: right;\n        white-space: nowrap;\n        line-height: 20px !important;\n        margin-bottom: 0 !important;\n      }\n    }\n    .rego-popup-buttons {\n      display: flex;\n      justify-content: center;\n      gap: 10px;\n      .rego-popup-skip, .rego-popup-update {\n        flex: 1;\n        font-family: Avenir Next LT W05 Regular !important;\n        font-weight: 600 !important;\n        height: 44px;\n        outline: none !important;\n        border: none;\n        position: relative;\n      }\n      .rego-popup-skip {\n        background-color: #fff;\n        border: 1px solid var(--primary-color);\n        color: var(--primary-color);\n      }\n      .rego-popup-update {\n        background-color: var(--primary-color);\n        color: #fff;\n        &.disabled {\n          background-color: #CACACA !important;\n          cursor: default;\n        }\n      }\n    }\n    .input-spinner {\n      right: 50% !important;\n      transform: translate(50%, -50%) !important;\n    }\n  }\n}\n\n@media screen and(min-width: 768px) {\n  .rego-popup {\n    .rego-popup-content {\n      max-width: 480px;\n    }\n  }\n}\n</style>","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./RegoPopup.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!./RegoPopup.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./RegoPopup.vue?vue&type=template&id=d0de89c8&\"\nimport script from \"./RegoPopup.vue?vue&type=script&lang=js&\"\nexport * from \"./RegoPopup.vue?vue&type=script&lang=js&\"\nimport style0 from \"./RegoPopup.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","module.exports = __webpack_public_path__ + \"img/white-input-spinner.a6845736.gif\";","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!./RegoPopup.vue?vue&type=style&index=0&lang=scss&\""],"sourceRoot":""}