\n Almost there, just a few more details!\n
\n\n \n \n
\n \n \n\n\n\n\n\n","var root = require('./_root');\n\n/** Built-in value references. */\nvar Symbol = root.Symbol;\n\nmodule.exports = Symbol;\n","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = void 0;\n\nvar _common = require(\"./common\");\n\nvar _default = function _default(prop) {\n return (0, _common.withParams)({\n type: 'requiredIf',\n prop: prop\n }, function (value, parentVm) {\n return (0, _common.ref)(prop, this, parentVm) ? (0, _common.req)(value) : true;\n });\n};\n\nexports.default = _default;","var isObject = require('./isObject'),\n now = require('./now'),\n toNumber = require('./toNumber');\n\n/** Error message constants. */\nvar FUNC_ERROR_TEXT = 'Expected a function';\n\n/* Built-in method references for those with the same name as other `lodash` methods. */\nvar nativeMax = Math.max,\n nativeMin = Math.min;\n\n/**\n * Creates a debounced function that delays invoking `func` until after `wait`\n * milliseconds have elapsed since the last time the debounced function was\n * invoked. The debounced function comes with a `cancel` method to cancel\n * delayed `func` invocations and a `flush` method to immediately invoke them.\n * Provide `options` to indicate whether `func` should be invoked on the\n * leading and/or trailing edge of the `wait` timeout. The `func` is invoked\n * with the last arguments provided to the debounced function. Subsequent\n * calls to the debounced function return the result of the last `func`\n * invocation.\n *\n * **Note:** If `leading` and `trailing` options are `true`, `func` is\n * invoked on the trailing edge of the timeout only if the debounced function\n * is invoked more than once during the `wait` timeout.\n *\n * If `wait` is `0` and `leading` is `false`, `func` invocation is deferred\n * until to the next tick, similar to `setTimeout` with a timeout of `0`.\n *\n * See [David Corbacho's article](https://css-tricks.com/debouncing-throttling-explained-examples/)\n * for details over the differences between `_.debounce` and `_.throttle`.\n *\n * @static\n * @memberOf _\n * @since 0.1.0\n * @category Function\n * @param {Function} func The function to debounce.\n * @param {number} [wait=0] The number of milliseconds to delay.\n * @param {Object} [options={}] The options object.\n * @param {boolean} [options.leading=false]\n * Specify invoking on the leading edge of the timeout.\n * @param {number} [options.maxWait]\n * The maximum time `func` is allowed to be delayed before it's invoked.\n * @param {boolean} [options.trailing=true]\n * Specify invoking on the trailing edge of the timeout.\n * @returns {Function} Returns the new debounced function.\n * @example\n *\n * // Avoid costly calculations while the window size is in flux.\n * jQuery(window).on('resize', _.debounce(calculateLayout, 150));\n *\n * // Invoke `sendMail` when clicked, debouncing subsequent calls.\n * jQuery(element).on('click', _.debounce(sendMail, 300, {\n * 'leading': true,\n * 'trailing': false\n * }));\n *\n * // Ensure `batchLog` is invoked once after 1 second of debounced calls.\n * var debounced = _.debounce(batchLog, 250, { 'maxWait': 1000 });\n * var source = new EventSource('/stream');\n * jQuery(source).on('message', debounced);\n *\n * // Cancel the trailing debounced invocation.\n * jQuery(window).on('popstate', debounced.cancel);\n */\nfunction debounce(func, wait, options) {\n var lastArgs,\n lastThis,\n maxWait,\n result,\n timerId,\n lastCallTime,\n lastInvokeTime = 0,\n leading = false,\n maxing = false,\n trailing = true;\n\n if (typeof func != 'function') {\n throw new TypeError(FUNC_ERROR_TEXT);\n }\n wait = toNumber(wait) || 0;\n if (isObject(options)) {\n leading = !!options.leading;\n maxing = 'maxWait' in options;\n maxWait = maxing ? nativeMax(toNumber(options.maxWait) || 0, wait) : maxWait;\n trailing = 'trailing' in options ? !!options.trailing : trailing;\n }\n\n function invokeFunc(time) {\n var args = lastArgs,\n thisArg = lastThis;\n\n lastArgs = lastThis = undefined;\n lastInvokeTime = time;\n result = func.apply(thisArg, args);\n return result;\n }\n\n function leadingEdge(time) {\n // Reset any `maxWait` timer.\n lastInvokeTime = time;\n // Start the timer for the trailing edge.\n timerId = setTimeout(timerExpired, wait);\n // Invoke the leading edge.\n return leading ? invokeFunc(time) : result;\n }\n\n function remainingWait(time) {\n var timeSinceLastCall = time - lastCallTime,\n timeSinceLastInvoke = time - lastInvokeTime,\n timeWaiting = wait - timeSinceLastCall;\n\n return maxing\n ? nativeMin(timeWaiting, maxWait - timeSinceLastInvoke)\n : timeWaiting;\n }\n\n function shouldInvoke(time) {\n var timeSinceLastCall = time - lastCallTime,\n timeSinceLastInvoke = time - lastInvokeTime;\n\n // Either this is the first call, activity has stopped and we're at the\n // trailing edge, the system time has gone backwards and we're treating\n // it as the trailing edge, or we've hit the `maxWait` limit.\n return (lastCallTime === undefined || (timeSinceLastCall >= wait) ||\n (timeSinceLastCall < 0) || (maxing && timeSinceLastInvoke >= maxWait));\n }\n\n function timerExpired() {\n var time = now();\n if (shouldInvoke(time)) {\n return trailingEdge(time);\n }\n // Restart the timer.\n timerId = setTimeout(timerExpired, remainingWait(time));\n }\n\n function trailingEdge(time) {\n timerId = undefined;\n\n // Only invoke if we have `lastArgs` which means `func` has been\n // debounced at least once.\n if (trailing && lastArgs) {\n return invokeFunc(time);\n }\n lastArgs = lastThis = undefined;\n return result;\n }\n\n function cancel() {\n if (timerId !== undefined) {\n clearTimeout(timerId);\n }\n lastInvokeTime = 0;\n lastArgs = lastCallTime = lastThis = timerId = undefined;\n }\n\n function flush() {\n return timerId === undefined ? result : trailingEdge(now());\n }\n\n function debounced() {\n var time = now(),\n isInvoking = shouldInvoke(time);\n\n lastArgs = arguments;\n lastThis = this;\n lastCallTime = time;\n\n if (isInvoking) {\n if (timerId === undefined) {\n return leadingEdge(lastCallTime);\n }\n if (maxing) {\n // Handle invocations in a tight loop.\n clearTimeout(timerId);\n timerId = setTimeout(timerExpired, wait);\n return invokeFunc(lastCallTime);\n }\n }\n if (timerId === undefined) {\n timerId = setTimeout(timerExpired, wait);\n }\n return result;\n }\n debounced.cancel = cancel;\n debounced.flush = flush;\n return debounced;\n}\n\nmodule.exports = debounce;\n","var baseTrim = require('./_baseTrim'),\n isObject = require('./isObject'),\n isSymbol = require('./isSymbol');\n\n/** Used as references for various `Number` constants. */\nvar NAN = 0 / 0;\n\n/** Used to detect bad signed hexadecimal string values. */\nvar reIsBadHex = /^[-+]0x[0-9a-f]+$/i;\n\n/** Used to detect binary string values. */\nvar reIsBinary = /^0b[01]+$/i;\n\n/** Used to detect octal string values. */\nvar reIsOctal = /^0o[0-7]+$/i;\n\n/** Built-in method references without a dependency on `root`. */\nvar freeParseInt = parseInt;\n\n/**\n * Converts `value` to a number.\n *\n * @static\n * @memberOf _\n * @since 4.0.0\n * @category Lang\n * @param {*} value The value to process.\n * @returns {number} Returns the number.\n * @example\n *\n * _.toNumber(3.2);\n * // => 3.2\n *\n * _.toNumber(Number.MIN_VALUE);\n * // => 5e-324\n *\n * _.toNumber(Infinity);\n * // => Infinity\n *\n * _.toNumber('3.2');\n * // => 3.2\n */\nfunction toNumber(value) {\n if (typeof value == 'number') {\n return value;\n }\n if (isSymbol(value)) {\n return NAN;\n }\n if (isObject(value)) {\n var other = typeof value.valueOf == 'function' ? value.valueOf() : value;\n value = isObject(other) ? (other + '') : other;\n }\n if (typeof value != 'string') {\n return value === 0 ? value : +value;\n }\n value = baseTrim(value);\n var isBinary = reIsBinary.test(value);\n return (isBinary || reIsOctal.test(value))\n ? freeParseInt(value.slice(2), isBinary ? 2 : 8)\n : (reIsBadHex.test(value) ? NAN : +value);\n}\n\nmodule.exports = toNumber;\n","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nObject.defineProperty(exports, \"alpha\", {\n enumerable: true,\n get: function get() {\n return _alpha.default;\n }\n});\nObject.defineProperty(exports, \"alphaNum\", {\n enumerable: true,\n get: function get() {\n return _alphaNum.default;\n }\n});\nObject.defineProperty(exports, \"numeric\", {\n enumerable: true,\n get: function get() {\n return _numeric.default;\n }\n});\nObject.defineProperty(exports, \"between\", {\n enumerable: true,\n get: function get() {\n return _between.default;\n }\n});\nObject.defineProperty(exports, \"email\", {\n enumerable: true,\n get: function get() {\n return _email.default;\n }\n});\nObject.defineProperty(exports, \"ipAddress\", {\n enumerable: true,\n get: function get() {\n return _ipAddress.default;\n }\n});\nObject.defineProperty(exports, \"macAddress\", {\n enumerable: true,\n get: function get() {\n return _macAddress.default;\n }\n});\nObject.defineProperty(exports, \"maxLength\", {\n enumerable: true,\n get: function get() {\n return _maxLength.default;\n }\n});\nObject.defineProperty(exports, \"minLength\", {\n enumerable: true,\n get: function get() {\n return _minLength.default;\n }\n});\nObject.defineProperty(exports, \"required\", {\n enumerable: true,\n get: function get() {\n return _required.default;\n }\n});\nObject.defineProperty(exports, \"requiredIf\", {\n enumerable: true,\n get: function get() {\n return _requiredIf.default;\n }\n});\nObject.defineProperty(exports, \"requiredUnless\", {\n enumerable: true,\n get: function get() {\n return _requiredUnless.default;\n }\n});\nObject.defineProperty(exports, \"sameAs\", {\n enumerable: true,\n get: function get() {\n return _sameAs.default;\n }\n});\nObject.defineProperty(exports, \"url\", {\n enumerable: true,\n get: function get() {\n return _url.default;\n }\n});\nObject.defineProperty(exports, \"or\", {\n enumerable: true,\n get: function get() {\n return _or.default;\n }\n});\nObject.defineProperty(exports, \"and\", {\n enumerable: true,\n get: function get() {\n return _and.default;\n }\n});\nObject.defineProperty(exports, \"not\", {\n enumerable: true,\n get: function get() {\n return _not.default;\n }\n});\nObject.defineProperty(exports, \"minValue\", {\n enumerable: true,\n get: function get() {\n return _minValue.default;\n }\n});\nObject.defineProperty(exports, \"maxValue\", {\n enumerable: true,\n get: function get() {\n return _maxValue.default;\n }\n});\nObject.defineProperty(exports, \"integer\", {\n enumerable: true,\n get: function get() {\n return _integer.default;\n }\n});\nObject.defineProperty(exports, \"decimal\", {\n enumerable: true,\n get: function get() {\n return _decimal.default;\n }\n});\nexports.helpers = void 0;\n\nvar _alpha = _interopRequireDefault(require(\"./alpha\"));\n\nvar _alphaNum = _interopRequireDefault(require(\"./alphaNum\"));\n\nvar _numeric = _interopRequireDefault(require(\"./numeric\"));\n\nvar _between = _interopRequireDefault(require(\"./between\"));\n\nvar _email = _interopRequireDefault(require(\"./email\"));\n\nvar _ipAddress = _interopRequireDefault(require(\"./ipAddress\"));\n\nvar _macAddress = _interopRequireDefault(require(\"./macAddress\"));\n\nvar _maxLength = _interopRequireDefault(require(\"./maxLength\"));\n\nvar _minLength = _interopRequireDefault(require(\"./minLength\"));\n\nvar _required = _interopRequireDefault(require(\"./required\"));\n\nvar _requiredIf = _interopRequireDefault(require(\"./requiredIf\"));\n\nvar _requiredUnless = _interopRequireDefault(require(\"./requiredUnless\"));\n\nvar _sameAs = _interopRequireDefault(require(\"./sameAs\"));\n\nvar _url = _interopRequireDefault(require(\"./url\"));\n\nvar _or = _interopRequireDefault(require(\"./or\"));\n\nvar _and = _interopRequireDefault(require(\"./and\"));\n\nvar _not = _interopRequireDefault(require(\"./not\"));\n\nvar _minValue = _interopRequireDefault(require(\"./minValue\"));\n\nvar _maxValue = _interopRequireDefault(require(\"./maxValue\"));\n\nvar _integer = _interopRequireDefault(require(\"./integer\"));\n\nvar _decimal = _interopRequireDefault(require(\"./decimal\"));\n\nvar helpers = _interopRequireWildcard(require(\"./common\"));\n\nexports.helpers = helpers;\n\nfunction _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = Object.defineProperty && Object.getOwnPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : {}; if (desc.get || desc.set) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } } newObj.default = obj; return newObj; } }\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = void 0;\n\nvar _common = require(\"./common\");\n\nvar _default = function _default(equalTo) {\n return (0, _common.withParams)({\n type: 'sameAs',\n eq: equalTo\n }, function (value, parentVm) {\n return value === (0, _common.ref)(equalTo, this, parentVm);\n });\n};\n\nexports.default = _default;","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = void 0;\n\nvar _common = require(\"./common\");\n\nvar _default = (0, _common.regex)('decimal', /^[-]?\\d*(\\.\\d+)?$/);\n\nexports.default = _default;","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = void 0;\n\nvar _common = require(\"./common\");\n\nvar _default = (0, _common.withParams)({\n type: 'ipAddress'\n}, function (value) {\n if (!(0, _common.req)(value)) {\n return true;\n }\n\n if (typeof value !== 'string') {\n return false;\n }\n\n var nibbles = value.split('.');\n return nibbles.length === 4 && nibbles.every(nibbleValid);\n});\n\nexports.default = _default;\n\nvar nibbleValid = function nibbleValid(nibble) {\n if (nibble.length > 3 || nibble.length === 0) {\n return false;\n }\n\n if (nibble[0] === '0' && nibble !== '0') {\n return false;\n }\n\n if (!nibble.match(/^\\d+$/)) {\n return false;\n }\n\n var numeric = +nibble | 0;\n return numeric >= 0 && numeric <= 255;\n};","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.withParams = void 0;\n\nfunction _typeof(obj) { if (typeof Symbol === \"function\" && typeof Symbol.iterator === \"symbol\") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === \"function\" && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj; }; } return _typeof(obj); }\n\nvar root = typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : {};\n\nvar fakeWithParams = function fakeWithParams(paramsOrClosure, maybeValidator) {\n if (_typeof(paramsOrClosure) === 'object' && maybeValidator !== undefined) {\n return maybeValidator;\n }\n\n return paramsOrClosure(function () {});\n};\n\nvar withParams = root.vuelidate ? root.vuelidate.withParams : fakeWithParams;\nexports.withParams = withParams;","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"content\"},[_c('customer-detail')],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"mx-auto\",class:_vm.isMobile ? 'mb-4' : 'mb-5'},[_c('div',{staticClass:\"fs-20 font-weight-bold detail-title\"},[_vm._v(\" \"+_vm._s(_vm.info.rego ? (\"[\" + (_vm.info.rego) + \"]\") : '')+\" \"+_vm._s(_vm.info.year)+\" \"+_vm._s(_vm.info.make.toUpperCase())+\" \"+_vm._s(_vm.info.model.toUpperCase())+\" \"+_vm._s(_vm.info.badge.toUpperCase())+\" \"+_vm._s(_vm.info.edition.toUpperCase())+\" \")]),_c('div',{staticClass:\"customer-detail\"},[_c('div',{staticClass:\"\\n customer-detail-content\\n justify-content-between\\n align-items-center\\n text-center\\n mx-auto\\n \"},[_c('div',{staticClass:\"right-content-detail\"},[_c('p',{staticClass:\"title fs-16 mb-0 mx-auto font-weight-bold\"},[_vm._v(\" Almost there, just a few more details! \")]),_c('b-row',{staticClass:\"content-detail\"},[_c('b-col',{attrs:{\"cols\":\"12\",\"md\":\"6\"}},[_c('div',{staticClass:\"position-relative\"},[_c('float-label',{staticClass:\"mb-0\",attrs:{\"label\":\"Reserve price\"}},[_c('b-input',{ref:\"reservePriceInput\",class:[\n {\n error: _vm.$v.customerDetail.reservePrice.$error,\n },\n 'shadow-none' ],attrs:{\"placeholder\":\"Enter your reserve price\",\"autocomplete\":\"off\",\"required\":\"\",\"type\":\"number\",\"pattern\":\"\\\\d*\"},on:{\"keypress\":_vm.isNumber,\"keyup\":[function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,\"enter\",13,$event.key,\"Enter\")){ return null; }return _vm.setNextInput('name')},_vm.removeFirstZero]},model:{value:(_vm.customerDetail.reservePrice),callback:function ($$v) {_vm.$set(_vm.customerDetail, \"reservePrice\", (typeof $$v === 'string'? $$v.trim(): $$v))},expression:\"customerDetail.reservePrice\"}}),(\n _vm.$v.customerDetail.reservePrice.$dirty &&\n !_vm.$v.customerDetail.reservePrice.required\n )?_c('p',{staticClass:\"msg-error mb-0\"},[_c('i',[_vm._v(\"Please enter your reserve price\")])]):(\n _vm.$v.customerDetail.reservePrice.$dirty &&\n !_vm.$v.customerDetail.reservePrice.numeric\n )?_c('p',{staticClass:\"msg-error mb-0\"},[_c('i',[_vm._v(\"Please enter only numerics!\")])]):(\n _vm.$v.customerDetail.reservePrice.$dirty &&\n !_vm.$v.customerDetail.reservePrice.maxLength\n )?_c('p',{staticClass:\"msg-error mb-0\"},[_c('i',[_vm._v(\"Please enter 1 to 20 number!\")])]):_vm._e()],1)],1),_c('p',{staticClass:\"price-desc fs-8 text-right mb-2\",class:[\n !_vm.$v.customerDetail.reservePrice.$error ? 'mt-n2' : 'mt-1' ]},[_c('i',[_vm._v(\"Tell us the minimum amount you would be happy with!\")])])]),_c('b-col',{attrs:{\"cols\":\"12\",\"md\":\"6\"}},[_c('div',{staticClass:\"position-relative\"},[_c('float-label',{attrs:{\"label\":\"Name\"}},[_c('b-input',{class:[\n {\n error: _vm.$v.customerDetail.customerName.$error,\n },\n {\n 'mt-17': _vm.isMobile,\n },\n 'shadow-none' ],attrs:{\"placeholder\":\"Enter your full name\",\"autocomplete\":\"off\",\"required\":\"\"},on:{\"blur\":_vm.fullNameValidCheck,\"keyup\":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,\"enter\",13,$event.key,\"Enter\")){ return null; }return _vm.setNextInput('email')}},model:{value:(_vm.customerDetail.customerName),callback:function ($$v) {_vm.$set(_vm.customerDetail, \"customerName\", (typeof $$v === 'string'? $$v.trim(): $$v))},expression:\"customerDetail.customerName\"}}),(\n _vm.$v.customerDetail.customerName.$dirty &&\n !_vm.$v.customerDetail.customerName.required\n )?_c('p',{staticClass:\"msg-error mb-0\"},[_c('i',[_vm._v(\"Please enter your name\")])]):(\n _vm.$v.customerDetail.customerName.$dirty &&\n !_vm.$v.customerDetail.customerName.valid\n )?_c('p',{staticClass:\"msg-error mb-0\"},[_c('i',[_vm._v(\"Please enter only alphabet characters, numerics and space!\")])]):(\n _vm.$v.customerDetail.customerName.$dirty &&\n !_vm.$v.customerDetail.customerName.maxLength\n )?_c('p',{staticClass:\"msg-error mb-0\"},[_c('i',[_vm._v(\"Please enter 1 to 110 characters!\")])]):(!_vm.isNotShowFullNameErr)?_c('p',{staticClass:\"msg-error mb-0\"},[_c('i',[_vm._v(\"Please enter your full name.\")])]):_vm._e()],1)],1)]),_c('b-col',{attrs:{\"cols\":\"12\",\"md\":\"6\"}},[_c('div',{staticClass:\"position-relative\"},[_c('float-label',{attrs:{\"label\":\"Email\"}},[_c('b-input',{ref:\"email\",class:[\n {\n error: _vm.$v.customerDetail.customerEmail.$error || !_vm.isCorrectEmailDomain,\n },\n 'shadow-none',\n _vm.$v.customerDetail.customerName.$dirty &&\n !_vm.$v.customerDetail.customerName.valid\n ? 'mt-5'\n : 'mt-30' ],attrs:{\"placeholder\":_vm.emailGhostText ? _vm.emailGhostText : 'Enter your email',\"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.setNextInput('mobile')}},model:{value:(_vm.customerDetail.customerEmail),callback:function ($$v) {_vm.$set(_vm.customerDetail, \"customerEmail\", (typeof $$v === 'string'? $$v.trim(): $$v))},expression:\"customerDetail.customerEmail\"}}),(\n _vm.$v.customerDetail.customerEmail.$dirty &&\n !_vm.$v.customerDetail.customerEmail.required\n )?_c('p',{staticClass:\"msg-error mb-0\"},[_c('i',[_vm._v(\"Please enter your email\")])]):(\n _vm.$v.customerDetail.customerEmail.$dirty &&\n !_vm.$v.customerDetail.customerEmail.email\n )?_c('p',{staticClass:\"msg-error mb-0\"},[_c('i',[_vm._v(\"Please enter a valid email address!\")])]):(\n _vm.$v.customerDetail.customerEmail.$dirty &&\n !_vm.$v.customerDetail.customerEmail.maxLength\n )?_c('p',{staticClass:\"msg-error mb-0\"},[_c('i',[_vm._v(\"Please enter 1 to 256 characters!\")])]):(!_vm.isCorrectEmailDomain)?_c('p',{staticClass:\"msg-error mb-0\"},[_c('i',[_vm._v(\"Invalid email address entered!\")])]):_vm._e()],1)],1)]),_c('b-col',{attrs:{\"cols\":\"12\",\"md\":\"6\"}},[_c('div',{staticClass:\"position-relative\",class:(_vm.isPhoneNumberValid || !_vm.isNotShowErrMsg) && _vm.customerDetail.customerMobile.length !== 0 ? 'content-detail-mobile' : ''},[_c('float-label',{attrs:{\"label\":\"Mobile\"}},[_c('b-input',{ref:\"mobile\",class:[\n {\n error: _vm.$v.customerDetail.customerMobile.$error,\n },\n 'shadow-none mt-30' ],attrs:{\"placeholder\":\"Enter your phone\",\"autocomplete\":\"off\",\"required\":\"\",\"pattern\":\"\\\\d*\",\"type\":\"number\"},on:{\"keypress\":_vm.isNumber,\"keyup\":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,\"enter\",13,$event.key,\"Enter\")){ return null; }return _vm.setNextInput('dealership')},\"focusout\":_vm.handleFocusOut},model:{value:(_vm.customerDetail.customerMobile),callback:function ($$v) {_vm.$set(_vm.customerDetail, \"customerMobile\", (typeof $$v === 'string'? $$v.trim(): $$v))},expression:\"customerDetail.customerMobile\"}}),(\n _vm.$v.customerDetail.customerMobile.$dirty &&\n !_vm.$v.customerDetail.customerMobile.required\n )?_c('p',{staticClass:\"msg-error mb-0\"},[_c('i',[_vm._v(\"Please enter your phone\")])]):(_vm.isPhoneNumberValid || !_vm.isNotShowErrMsg)?_c('p',{staticClass:\"msg-error mb-0\"},[_c('i',[_vm._v(\"Please enter a valid mobile number starting with '04'\")])]):(_vm.isInPhoneNumberRule || _vm.phoneNumberRuleCheck)?_c('p',{staticClass:\"msg-error mb-0\"},[_c('i',[_vm._v(\"Invalid mobile number\")])]):_vm._e()],1)],1)]),_c('b-col',{attrs:{\"cols\":\"12\",\"md\":\"6\"}},[_c('div',{staticClass:\"position-relative\"},[_c('float-label',{attrs:{\"label\":\"Seller name\"}},[_c('b-input',{ref:\"dealership\",staticClass:\"shadow-none mt-30\",attrs:{\"placeholder\":\"Enter your business name\",\"autocomplete\":\"off\"},on:{\"keyup\":_vm.removeDuplicateSpace},model:{value:(_vm.customerDetail.company),callback:function ($$v) {_vm.$set(_vm.customerDetail, \"company\", (typeof $$v === 'string'? $$v.trim(): $$v))},expression:\"customerDetail.company\"}})],1)],1)]),_c('b-col',{attrs:{\"cols\":\"12\",\"md\":\"6\"}},[_c('div',{staticClass:\"position-relative\"},[_c('google-place-autocomplete',{staticClass:\"mt-30 pickup-location\",attrs:{\"label\":\"Car pick-up location\",\"error\":_vm.$v.customerDetail.customerPostalCode.$error,\"name\":\"location\",\"placeholder\":\"Start typing your postcode\",\"helperText\":_vm.postalCodeHelperText},on:{\"input\":_vm.handleLocationInput},model:{value:(_vm.customerDetail.customerPostalCode),callback:function ($$v) {_vm.$set(_vm.customerDetail, \"customerPostalCode\", $$v)},expression:\"customerDetail.customerPostalCode\"}})],1)])],1)],1)]),_c('btn-group',{attrs:{\"okText\":\"submit\",\"okBtnDisable\":_vm.activeBtnAction,\"isLoadingApi\":_vm.isLoadingApi,\"query\":this.$route.query,\"customClasses\":!_vm.isMobile ? 'pb-100' : ''},on:{\"onOk\":_vm.submitForm,\"onCancel\":_vm.goBack}})],1),_c('p',{staticClass:\"customer-detail-txt-note font-weight-thin mt-2 mb-0\"}),_c('div',{style:(_vm.isMobile ? 'height: 100px;' : 'height: 70px;')})])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","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!./CustomerDetail.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!./CustomerDetail.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./CustomerDetail.vue?vue&type=template&id=5112d7f2&\"\nimport script from \"./CustomerDetail.vue?vue&type=script&lang=js&\"\nexport * from \"./CustomerDetail.vue?vue&type=script&lang=js&\"\nimport style0 from \"./CustomerDetail.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","\n