{"version":3,"sources":["webpack:///./src/page/lms/LMS1000.vue?7fce","webpack:///src/page/lms/LMS1000.vue","webpack:///./src/page/lms/LMS1000.vue?fdde","webpack:///./src/page/lms/LMS1000.vue","webpack:///./src/page/lms/LMS1000.vue?a89c"],"names":["render","_vm","this","_h","$createElement","_c","_self","sym","userInfo","userId","_e","staticClass","tag","attrs","on","$event","preventDefault","_v","_s","formTitle","onLogonIdChanging","model","value","callback","$$v","logonId","expression","class","is_valid","contains_eight_characters","contains_number","contains_uppercase","contains_special_character","show_checkmark","valid_password","checked","showPassword","directives","name","rawName","domProps","Array","isArray","password","_i","checkPassword","$$a","$$el","target","$$c","$$i","concat","slice","_q","composing","togglePasswordVisibility","showCorrectPassword","onConfirmPasswordChanging","confirmPassword","toggleCorrectPasswordVisibility","lastName","firstName","middleName","onBirthDateChanging","birthDate","address","onEmailChanging","email","style","borderColor","isValidPhoneNumber","phoneNumber","validatePhoneNumber","ref","stopCountDown","OTP","isDisabled","onResendOTP","countDown","prcNumber","prcIssueDate","prcExpiryDate","surveyorType","surveyorTypeId","ptrNumber","ptrIssueDate","ptrExpiryDate","termsToggle","onSubmit","goBack","staticRenderFns","extends","PageBase","data","accountId","shortName","isUnderAge","registrationSuccess","accountTypeId","errorMessage","result","recaptcha","siteKey","isHuman","acceptTerms","requestedOTP","countDownSeconds","emailCountDown","emailCountDownSeconds","buttonEnabled","emailButtonEnabled","isEmailVerificationVisible","emailVerificationCode","emailOTP","requestedEmailOTP","password_length","isPTRRequiredFlag","computed","isEngineer","canRegister","isEmailDisabled","length","isValid","methods","getTargetPath","me","q","acctTypeId","$options","query","syncValues","core","isInteger","typeId","parseInt","test","format","createAccount","toLowerCase","validPhoneNumber","startCountDown","intervalId","setInterval","countDownHandler","emailStartCountDown","emailIntervalId","emailCountDownHandler","clearInterval","emailStopCountDown","InsertSMS","then","message","sendConfirmation","accountName","toEmail","verifyUrl","e","proposedValue","toString","logonIdCallback","isValidEntity","p","year","today","isValidEmail","emailCallback","replace","phoneNumberCallBack","setRequiredMode","setOptionalMode","dialog","fault","goHome","advice","duration","goLogin","go","route","setupRecaptcha","window","recaptchaCallback","recaptchaExpiredCallback","getAccountReferences","mounted","unshift","surveyorTypeName","params","replaceUrl","$nextTick","setTimeout","fm","minLength","setFocus","component"],"mappings":"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","file":"js/lms1000.02e9b45b.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return (!_vm.sym.userInfo.userId)?_c('div',{staticClass:\"reg-container justify-center pt-4 pb-5\"},[_c('script',{tag:\"component\",attrs:{\"src\":\"https://www.google.com/recaptcha/api.js\"}}),_c('form',{staticClass:\"reg-form lams-light border-main curved-1 shadow-dark\",attrs:{\"id\":\"lms1000\"},on:{\"submit\":function($event){$event.preventDefault();}}},[_c('Ul',{staticClass:\"crumbs text-charcoal mb-3\"}),_c('div',{staticClass:\"d-flex justify-between text-charcoal\"},[_c('span',{staticClass:\"display-7 bold mb-3\"},[_vm._v(_vm._s(_vm.formTitle))])]),_c('div',{staticClass:\"mb-3\"},[_c('p',{staticClass:\"info text-center p-1 mb-1 curved\"},[_vm._v(\"Login Credentials\")]),_c('sym-text',{staticClass:\"mb-3\",attrs:{\"plain\":\"\",\"align\":\"bottom\",\"caption\":\"Login ID *\"},on:{\"changing\":_vm.onLogonIdChanging},model:{value:(_vm.logonId),callback:function ($$v) {_vm.logonId=$$v},expression:\"logonId\"}}),_c('div',{attrs:{\"id\":\"app mt-2\"}},[_c('p',{},[_vm._v(\"Minimum Password Requirements\")]),_c('ul',[_c('li',{class:{ is_valid: _vm.contains_eight_characters }},[_vm._v(\"\\n            8 Characters\\n          \")]),_c('li',{class:{ is_valid: _vm.contains_number }},[_vm._v(\"\\n            Contains Number\\n          \")]),_c('li',{class:{ is_valid: _vm.contains_uppercase }},[_vm._v(\"\\n            Contains Uppercase\\n          \")]),_c('li',{class:{ is_valid: _vm.contains_special_character }},[_vm._v(\"\\n            Contains Special Character\\n          \")])]),_c('div',{staticClass:\"checkmark_container\",class:{ show_checkmark: _vm.valid_password }},[_c('svg',{attrs:{\"width\":\"50%\",\"height\":\"50%\",\"viewBox\":\"0 0 140 100\"}},[_c('path',{staticClass:\"checkmark\",class:{ checked: _vm.valid_password },attrs:{\"d\":\"M10,50 l25,40 l95,-70\"}})])]),((_vm.showPassword ? 'text' : 'password')==='checkbox')?_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.password),expression:\"password\"}],staticClass:\"ShowPassword\",attrs:{\"autocomplete\":\"off\",\"placeholder\":\"Password\",\"type\":\"checkbox\"},domProps:{\"checked\":Array.isArray(_vm.password)?_vm._i(_vm.password,null)>-1:(_vm.password)},on:{\"input\":_vm.checkPassword,\"change\":function($event){var $$a=_vm.password,$$el=$event.target,$$c=$$el.checked?(true):(false);if(Array.isArray($$a)){var $$v=null,$$i=_vm._i($$a,$$v);if($$el.checked){$$i<0&&(_vm.password=$$a.concat([$$v]))}else{$$i>-1&&(_vm.password=$$a.slice(0,$$i).concat($$a.slice($$i+1)))}}else{_vm.password=$$c}}}}):((_vm.showPassword ? 'text' : 'password')==='radio')?_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.password),expression:\"password\"}],staticClass:\"ShowPassword\",attrs:{\"autocomplete\":\"off\",\"placeholder\":\"Password\",\"type\":\"radio\"},domProps:{\"checked\":_vm._q(_vm.password,null)},on:{\"input\":_vm.checkPassword,\"change\":function($event){_vm.password=null}}}):_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.password),expression:\"password\"}],staticClass:\"ShowPassword\",attrs:{\"autocomplete\":\"off\",\"placeholder\":\"Password\",\"type\":_vm.showPassword ? 'text' : 'password'},domProps:{\"value\":(_vm.password)},on:{\"input\":[function($event){if($event.target.composing){ return; }_vm.password=$event.target.value},_vm.checkPassword]}}),_c('span',{staticClass:\"showEyeIcon\"},[(_vm.showPassword)?_c('i',{staticClass:\"fa fa-eye\",on:{\"click\":_vm.togglePasswordVisibility}}):_c('i',{staticClass:\"fa fa-eye-slash\",on:{\"click\":_vm.togglePasswordVisibility}})])]),_c('div',{staticClass:\" color-grey\"},[_c('sym-text',{staticClass:\"ConfirmPassword\",attrs:{\"plain\":\"\",\"align\":\"bottom\",\"caption\":\"Confirm Password *\",\"type\":_vm.showCorrectPassword ? 'text' : 'password'},on:{\"changing\":_vm.onConfirmPasswordChanging},model:{value:(_vm.confirmPassword),callback:function ($$v) {_vm.confirmPassword=$$v},expression:\"confirmPassword\"}}),_c('span',{staticClass:\"ShowConfirmEyeIcon\"},[(_vm.showCorrectPassword)?_c('i',{staticClass:\"fa fa-eye\",on:{\"click\":_vm.toggleCorrectPasswordVisibility}}):_c('i',{staticClass:\"fa fa-eye-slash\",on:{\"click\":_vm.toggleCorrectPasswordVisibility}})])],1),_c('p',{staticClass:\"info text-center p-1 mb-1 curved mt-4\"},[_vm._v(\"Personal Info\")]),_c('sym-text',{attrs:{\"plain\":\"\",\"align\":\"bottom\",\"caption\":\"Last Name *\"},model:{value:(_vm.lastName),callback:function ($$v) {_vm.lastName=$$v},expression:\"lastName\"}}),_c('sym-text',{attrs:{\"plain\":\"\",\"align\":\"bottom\",\"caption\":\"First Name *\"},model:{value:(_vm.firstName),callback:function ($$v) {_vm.firstName=$$v},expression:\"firstName\"}}),_c('sym-text',{attrs:{\"plain\":\"\",\"align\":\"bottom\",\"caption\":\"Middle Name\"},model:{value:(_vm.middleName),callback:function ($$v) {_vm.middleName=$$v},expression:\"middleName\"}}),_c('div',{staticClass:\"equal-width\"},[_c('sym-date',{attrs:{\"plain\":\"\",\"align\":\"bottom\",\"caption\":\"Birth Date *\"},on:{\"changing\":_vm.onBirthDateChanging,\"blur\":_vm.onBirthDateChanging},model:{value:(_vm.birthDate),callback:function ($$v) {_vm.birthDate=$$v},expression:\"birthDate\"}}),(_vm.isUnderAge)?_c('p',[_vm._v(\"Sorry, you must be 18 or older to register.\")]):_vm._e(),(_vm.registrationSuccess)?_c('p',[_vm._v(\"Registration successful!\")]):_vm._e()],1),_c('sym-memo',{attrs:{\"plain\":\"\",\"align\":\"bottom\",\"caption\":\"Address *\"},model:{value:(_vm.address),callback:function ($$v) {_vm.address=$$v},expression:\"address\"}}),_c('sym-text',{attrs:{\"plain\":\"\",\"align\":\"bottom\",\"caption\":\"Email Address\"},on:{\"changing\":_vm.onEmailChanging},model:{value:(_vm.email),callback:function ($$v) {_vm.email=$$v},expression:\"email\"}}),_c('div',{staticClass:\"equal-width\"},[_c('div',{staticClass:\"PhoneContainer\"},[_c('span',{staticClass:\"PhoneHeader\"},[_vm._v(\"Mobile Number *\")]),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.phoneNumber),expression:\"phoneNumber\"}],staticClass:\"MobilePhone\",style:({\n              borderColor:\n                _vm.isValidPhoneNumber == 'valid'\n                  ? 'green'\n                  : _vm.isValidPhoneNumber == 'invalid'\n                  ? 'red'\n                  : '',\n            }),attrs:{\"placeholder\":\"09*********\",\"type\":\"tel\"},domProps:{\"value\":(_vm.phoneNumber)},on:{\"input\":[function($event){if($event.target.composing){ return; }_vm.phoneNumber=$event.target.value},_vm.validatePhoneNumber]}})])]),_c('div',{staticClass:\"equal-width mt-2 mb-2\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.OTP),expression:\"OTP\"}],ref:\"OTP\",attrs:{\"type\":\"tel\",\"placeholder\":\"(OTP) 0000\"},domProps:{\"value\":(_vm.OTP)},on:{\"changing\":function($event){return _vm.stopCountDown()},\"input\":function($event){if($event.target.composing){ return; }_vm.OTP=$event.target.value}}}),_c('button',{staticClass:\"warning w-50 text-center shadow\",attrs:{\"type\":\"button\",\"disabled\":_vm.isDisabled},on:{\"click\":function($event){return _vm.onResendOTP()}}},[_vm._v(\"\\n          Request OTP (\"+_vm._s(_vm.countDown)+\")\\n        \")])]),(_vm.isEngineer)?_c('div',[_c('p',{staticClass:\"info text-center p-1 mb-1 curved mt-4\"},[_vm._v(\"License\")]),_c('sym-text',{attrs:{\"plain\":\"\",\"align\":\"bottom\",\"caption\":\"PRC License Number *\"},model:{value:(_vm.prcNumber),callback:function ($$v) {_vm.prcNumber=$$v},expression:\"prcNumber\"}}),_c('div',{staticClass:\"equal-width\"},[_c('sym-date',{attrs:{\"plain\":\"\",\"align\":\"bottom\",\"caption\":\"Date Issued *\"},model:{value:(_vm.prcIssueDate),callback:function ($$v) {_vm.prcIssueDate=$$v},expression:\"prcIssueDate\"}}),_c('sym-date',{attrs:{\"plain\":\"\",\"align\":\"bottom\",\"caption\":\"Expiry *\"},model:{value:(_vm.prcExpiryDate),callback:function ($$v) {_vm.prcExpiryDate=$$v},expression:\"prcExpiryDate\"}})],1),_c('sym-combo',{attrs:{\"plain\":\"\",\"vertical\":\"\",\"align\":\"bottom\",\"caption\":\"Type of Practice\",\"display-field\":\"surveyorTypeName\",\"datasource\":_vm.surveyorType},model:{value:(_vm.surveyorTypeId),callback:function ($$v) {_vm.surveyorTypeId=$$v},expression:\"surveyorTypeId\"}}),(_vm.surveyorTypeId == 1 || _vm.surveyorTypeId == 3)?_c('div',{staticClass:\"mt-4\"},[_c('p',{staticClass:\"info text-center p-1 mb-1 curved mt-4\"},[_vm._v(\"Tax Receipt\")]),_c('sym-text',{attrs:{\"plain\":\"\",\"align\":\"bottom\",\"caption\":\"Receipt Number *\"},model:{value:(_vm.ptrNumber),callback:function ($$v) {_vm.ptrNumber=$$v},expression:\"ptrNumber\"}}),_c('div',{staticClass:\"equal-width\"},[_c('sym-date',{attrs:{\"plain\":\"\",\"align\":\"bottom\",\"caption\":\"Date Issued *\"},model:{value:(_vm.ptrIssueDate),callback:function ($$v) {_vm.ptrIssueDate=$$v},expression:\"ptrIssueDate\"}}),_c('sym-date',{attrs:{\"plain\":\"\",\"align\":\"bottom\",\"caption\":\"Expiry *\"},model:{value:(_vm.ptrExpiryDate),callback:function ($$v) {_vm.ptrExpiryDate=$$v},expression:\"ptrExpiryDate\"}})],1)],1):_vm._e()],1):_vm._e(),_c('a',{staticClass:\"mt-2\",attrs:{\"href\":\"./res/pla/Policy.pdf\",\"target\":\"_blank\"},on:{\"click\":function($event){_vm.termsToggle = true}}},[_vm._v(\"View Privacy Policy\")]),_c('button',{staticClass:\"reg-button warning w-100 text-center shadow lg-3 p-1 mt-3 mb-0\",attrs:{\"type\":\"button\"},on:{\"click\":_vm.onSubmit}},[_vm._v(\"\\n        Register »\\n      \")]),_c('button',{staticClass:\"primary text-center w-100 lg-1 shadow mt-3 mb-2\",attrs:{\"type\":\"button\"},on:{\"click\":function($event){return _vm.goBack()}}},[_c('i',{staticClass:\"fa fa-arrow-left mr-2\"}),_vm._v(\" Back\\n      \")])],1)],1)],1):_vm._e()}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","// Registration\r\n\r\n<template>\r\n  <div\r\n    class=\"reg-container justify-center pt-4 pb-5\"\r\n    v-if=\"!sym.userInfo.userId\"\r\n  >\r\n    <component :is=\"'script'\" src=\"https://www.google.com/recaptcha/api.js\" />\r\n\r\n    <form\r\n      id=\"lms1000\"\r\n      class=\"reg-form lams-light border-main curved-1 shadow-dark\"\r\n      @submit.prevent\r\n    >\r\n      <Ul class=\"crumbs text-charcoal mb-3\">\r\n        <!-- <li><sym-link to=\"/\">Home</sym-link></li>\r\n      <li><span aria-current=\"page\">Registration</span></li> -->\r\n      </Ul>\r\n\r\n      <div class=\"d-flex justify-between text-charcoal\">\r\n        <span class=\"display-7 bold mb-3\">{{ formTitle }}</span>\r\n      </div>\r\n\r\n      <div class=\"mb-3\">\r\n        <p class=\"info text-center p-1 mb-1 curved\">Login Credentials</p>\r\n        <sym-text\r\n          plain\r\n          align=\"bottom\"\r\n          class=\"mb-3\"\r\n          v-model=\"logonId\"\r\n          caption=\"Login ID *\"\r\n          @changing=\"onLogonIdChanging\"\r\n        ></sym-text>\r\n\r\n        <div id=\"app mt-2\">\r\n          <p class=\"\">Minimum Password Requirements</p>\r\n          <ul>\r\n            <li v-bind:class=\"{ is_valid: contains_eight_characters }\">\r\n              8 Characters\r\n            </li>\r\n            <li v-bind:class=\"{ is_valid: contains_number }\">\r\n              Contains Number\r\n            </li>\r\n            <li v-bind:class=\"{ is_valid: contains_uppercase }\">\r\n              Contains Uppercase\r\n            </li>\r\n            <li v-bind:class=\"{ is_valid: contains_special_character }\">\r\n              Contains Special Character\r\n            </li>\r\n          </ul>\r\n\r\n          <div\r\n            class=\"checkmark_container\"\r\n            v-bind:class=\"{ show_checkmark: valid_password }\"\r\n          >\r\n            <svg width=\"50%\" height=\"50%\" viewBox=\"0 0 140 100\">\r\n              <path\r\n                class=\"checkmark\"\r\n                v-bind:class=\"{ checked: valid_password }\"\r\n                d=\"M10,50 l25,40 l95,-70\"\r\n              />\r\n            </svg>\r\n          </div>\r\n\r\n          <input\r\n            :type=\"showPassword ? 'text' : 'password'\"\r\n            @input=\"checkPassword\"\r\n            v-model=\"password\"\r\n            autocomplete=\"off\"\r\n            placeholder=\"Password\"\r\n            class=\"ShowPassword\"\r\n          />\r\n          <!-- <span class=\"showEyeIcon\"\r\n            ><i class=\"fa fa-eye \" @click=\"togglePasswordVisibility\"></i\r\n          ></span> -->\r\n          <span class=\"showEyeIcon\">\r\n            <i\r\n              v-if=\"showPassword\"\r\n              @click=\"togglePasswordVisibility\"\r\n              class=\"fa fa-eye\"\r\n            ></i>\r\n\r\n            <i\r\n              v-else\r\n              @click=\"togglePasswordVisibility\"\r\n              class=\"fa fa-eye-slash\"\r\n            ></i>\r\n          </span>\r\n\r\n          <!-- <sym-button\r\n            class=\"show-password text-info -mt-1 sm-1\"\r\n            plain\r\n            caption=\"Show Password\"\r\n            :captionWidth=\"32\"\r\n            @click=\"togglePasswordVisibility\"\r\n          ></sym-button> -->\r\n\r\n          <!-- <sym-text\r\n            plain\r\n            align=\"bottom\"\r\n            @input=\"checkPassword\"\r\n            v-model=\"password\"\r\n            caption=\"Password\"\r\n            type=\"password\"\r\n          ></sym-text> -->\r\n        </div>\r\n\r\n        <div class=\" color-grey\">\r\n          <sym-text\r\n            plain\r\n            align=\"bottom\"\r\n            v-model=\"confirmPassword\"\r\n            caption=\"Confirm Password *\"\r\n            :type=\"showCorrectPassword ? 'text' : 'password'\"\r\n            @changing=\"onConfirmPasswordChanging\"\r\n            class=\"ConfirmPassword\"\r\n          ></sym-text>\r\n          <!-- <input\r\n            :type=\"showCorrectPassword ? 'text' : 'password'\"\r\n            @input=\"onConfirmPasswordChanging\"\r\n            v-model=\"confirmPassword\"\r\n            autocomplete=\"off\"\r\n            placeholder=\"Confirm Password\"\r\n            class=\"ShowPassword\"\r\n          /> -->\r\n\r\n          <span class=\"ShowConfirmEyeIcon\">\r\n            <i\r\n              v-if=\"showCorrectPassword\"\r\n              @click=\"toggleCorrectPasswordVisibility\"\r\n              class=\"fa fa-eye\"\r\n            ></i>\r\n\r\n            <i\r\n              v-else\r\n              @click=\"toggleCorrectPasswordVisibility\"\r\n              class=\"fa fa-eye-slash\"\r\n            ></i>\r\n          </span>\r\n          <!-- <span class=\"ShowConfirmEyeIcon\"\r\n            ><i class=\"fa fa-eye \" @click=\"toggleCorrectPasswordVisibility\"></i>\r\n          </span> -->\r\n          <!-- <button\r\n            class=\"show-password text-info -mt-1 sm-1\"\r\n            plain\r\n            caption=\"Show Password\"\r\n            :captionWidth=\"32\"\r\n            :inputLeft=\"true\"\r\n            @click=\"togglePasswordVisibility\"\r\n          ></button> -->\r\n        </div>\r\n\r\n        <p class=\"info text-center p-1 mb-1 curved mt-4\">Personal Info</p>\r\n        <sym-text\r\n          plain\r\n          align=\"bottom\"\r\n          v-model=\"lastName\"\r\n          caption=\"Last Name *\"\r\n        ></sym-text>\r\n        <sym-text\r\n          plain\r\n          align=\"bottom\"\r\n          v-model=\"firstName\"\r\n          caption=\"First Name *\"\r\n        ></sym-text>\r\n        <sym-text\r\n          plain\r\n          align=\"bottom\"\r\n          v-model=\"middleName\"\r\n          caption=\"Middle Name\"\r\n        ></sym-text>\r\n\r\n        <div class=\"equal-width\">\r\n          <!-- <sym-text\r\n            plain\r\n            align=\"bottom\"\r\n            v-model=\"shortName\"\r\n            caption=\"Short Name *\"\r\n          ></sym-text> -->\r\n          <sym-date\r\n            plain\r\n            align=\"bottom\"\r\n            v-model=\"birthDate\"\r\n            caption=\"Birth Date *\"\r\n            @changing=\"onBirthDateChanging\"\r\n            @blur=\"onBirthDateChanging\"\r\n          ></sym-date>\r\n\r\n          <p v-if=\"isUnderAge\">Sorry, you must be 18 or older to register.</p>\r\n          <p v-if=\"registrationSuccess\">Registration successful!</p>\r\n        </div>\r\n\r\n        <sym-memo\r\n          plain\r\n          align=\"bottom\"\r\n          v-model=\"address\"\r\n          caption=\"Address *\"\r\n        ></sym-memo>\r\n\r\n        <sym-text\r\n          plain\r\n          align=\"bottom\"\r\n          v-model=\"email\"\r\n          caption=\"Email Address\"\r\n          @changing=\"onEmailChanging\"\r\n        ></sym-text>\r\n\r\n        <!-- <div class=\"equal-width mt-2\" v-if=\"isEmailVerificationVisible\"> \r\n        <input type=\"tel\" ref=\"OTP\" v-model=\"emailOTP\" placeholder=\"(OTP) 0000\">\r\n        <button type=\"button\" class=\"warning w-50 text-center shadow\" :disabled=\"isEmailDisabled\" @click=\"onResendConfirmation()\">Request OTP  ({{ emailCountDown }})</button>\r\n      </div> -->\r\n\r\n        <div class=\"equal-width\">\r\n          <!-- <sym-text\r\n            plain\r\n            align=\"bottom\"\r\n            v-model=\"phoneNumber\"\r\n            caption=\"Mobile Number *\"\r\n            @changing=\"onPhoneNumberChange\"\r\n            @input=\"validatePhoneNumber\"\r\n            placeholder=\"09*********\"\r\n            type=\"tel\"\r\n            :style=\"{\r\n              borderColor: isValidPhoneNumber ? 'green' : 'grey',\r\n            }\"\r\n          ></sym-text> -->\r\n          <div class=\"PhoneContainer\">\r\n            <span class=\"PhoneHeader\">Mobile Number *</span>\r\n            <input\r\n              class=\"MobilePhone\"\r\n              v-model=\"phoneNumber\"\r\n              @input=\"validatePhoneNumber\"\r\n              placeholder=\"09*********\"\r\n              type=\"tel\"\r\n              :style=\"{\r\n                borderColor:\r\n                  isValidPhoneNumber == 'valid'\r\n                    ? 'green'\r\n                    : isValidPhoneNumber == 'invalid'\r\n                    ? 'red'\r\n                    : '',\r\n              }\"\r\n            />\r\n          </div>\r\n\r\n          <!-- <div v-if=\"result !== null\">\r\n            <p>{{ result }}</p>\r\n          </div> -->\r\n          <!-- <sym-text\r\n            plain\r\n            align=\"bottom\"\r\n            v-model=\"OTP\"\r\n            caption=\"OTP *\"\r\n            cue=\"(OTP) 0000\"\r\n            type=\"tel\"\r\n          ></sym-text> -->\r\n        </div>\r\n\r\n        <div class=\"equal-width mt-2 mb-2\">\r\n          <input\r\n            type=\"tel\"\r\n            ref=\"OTP\"\r\n            v-model=\"OTP\"\r\n            @changing=\"stopCountDown()\"\r\n            placeholder=\"(OTP) 0000\"\r\n          />\r\n\r\n          <button\r\n            type=\"button\"\r\n            class=\"warning w-50 text-center shadow\"\r\n            :disabled=\"isDisabled\"\r\n            @click=\"onResendOTP()\"\r\n          >\r\n            Request OTP ({{ countDown }})\r\n          </button>\r\n          <!-- <button\r\n            type=\"button\"\r\n            class=\"warning w-50 text-center shadow\"\r\n            :disabled=\"isDisabled\"\r\n            @click=\"onResendOTP()\"\r\n          >\r\n            Request OTP\r\n          </button> -->\r\n        </div>\r\n\r\n        <div v-if=\"isEngineer\">\r\n          <p class=\"info text-center p-1 mb-1 curved mt-4\">License</p>\r\n          <sym-text\r\n            plain\r\n            align=\"bottom\"\r\n            v-model=\"prcNumber\"\r\n            caption=\"PRC License Number *\"\r\n          ></sym-text>\r\n\r\n          <div class=\"equal-width\">\r\n            <sym-date\r\n              plain\r\n              align=\"bottom\"\r\n              v-model=\"prcIssueDate\"\r\n              caption=\"Date Issued *\"\r\n            ></sym-date>\r\n            <sym-date\r\n              plain\r\n              align=\"bottom\"\r\n              v-model=\"prcExpiryDate\"\r\n              caption=\"Expiry *\"\r\n            ></sym-date>\r\n          </div>\r\n\r\n          <sym-combo\r\n            plain\r\n            vertical\r\n            align=\"bottom\"\r\n            v-model=\"surveyorTypeId\"\r\n            caption=\"Type of Practice\"\r\n            display-field=\"surveyorTypeName\"\r\n            :datasource=\"surveyorType\"\r\n          ></sym-combo>\r\n\r\n          <div class=\"mt-4\" v-if=\"surveyorTypeId == 1 || surveyorTypeId == 3\">\r\n            <p class=\"info text-center p-1 mb-1 curved mt-4\">Tax Receipt</p>\r\n            <sym-text\r\n              plain\r\n              align=\"bottom\"\r\n              v-model=\"ptrNumber\"\r\n              caption=\"Receipt Number *\"\r\n            ></sym-text>\r\n\r\n            <div class=\"equal-width\">\r\n              <sym-date\r\n                plain\r\n                align=\"bottom\"\r\n                v-model=\"ptrIssueDate\"\r\n                caption=\"Date Issued *\"\r\n              ></sym-date>\r\n              <sym-date\r\n                plain\r\n                align=\"bottom\"\r\n                v-model=\"ptrExpiryDate\"\r\n                caption=\"Expiry *\"\r\n              ></sym-date>\r\n            </div>\r\n          </div>\r\n\r\n          <!--         \r\n        <p class=\"info text-center p-1 mb-1 curved mt-4\">Tax Receipt</p>\r\n        <sym-text plain align=\"bottom\" v-model=\"ptrNumber\" caption=\"Receipt Number *\"></sym-text>\r\n\r\n        <div class=\"equal-width\">\r\n          <sym-date plain align=\"bottom\" v-model=\"ptrIssueDate\" caption=\"Date Issued *\"></sym-date>\r\n          <sym-date plain align=\"bottom\" v-model=\"ptrExpiryDate\" caption=\"Expiry *\"></sym-date>\r\n        </div>\r\n       -->\r\n        </div>\r\n\r\n        <!-- <sym-check v-model=\"acceptTerms\" class=\"text-info ml-0 mt-3\" plain caption=\"I have read the Privacy Policy\" :captionWidth=\"62\" :inputLeft=\"true\"></sym-check> -->\r\n\r\n        <a\r\n          href=\"./res/pla/Policy.pdf\"\r\n          class=\"mt-2\"\r\n          target=\"_blank\"\r\n          @click=\"termsToggle = true\"\r\n          >View Privacy Policy</a\r\n        >\r\n\r\n        <!-- <div class=\"recaptcha-container mt-2\">\r\n          <div\r\n            class=\"g-recaptcha d-inline-block curved\"\r\n            :data-sitekey=\"recaptcha.siteKey\"\r\n            data-callback=\"recaptchaCallback\"\r\n            data-expired-callback=\"recaptchaExpiredCallback\"\r\n          ></div>\r\n        </div> -->\r\n        <!-- <button type=\"button\" class=\"reg-button warning w-100 text-center shadow lg-3 p-1 mt-3 mb-0\" :disabled=\"!canRegister\" @click=\"onSubmit\">Register &raquo;</button> -->\r\n        <button\r\n          type=\"button\"\r\n          class=\"reg-button warning w-100 text-center shadow lg-3 p-1 mt-3 mb-0\"\r\n          @click=\"onSubmit\"\r\n        >\r\n          Register &raquo;\r\n        </button>\r\n        <button\r\n          type=\"button\"\r\n          class=\"primary text-center w-100 lg-1 shadow mt-3 mb-2\"\r\n          @click=\"goBack()\"\r\n        >\r\n          <i class=\"fa fa-arrow-left mr-2\"></i> Back\r\n        </button>\r\n      </div>\r\n    </form>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport { verifyRecaptcha } from \"../../js/dbSys\";\r\n\r\nimport { get, ajax } from \"../../js/http\";\r\n\r\nimport { DateTime } from \"../../js/core\";\r\n\r\nimport { appConfig } from \"../../js/session\";\r\n\r\nimport PageBase from \"../PageBase.vue\";\r\n\r\nconst countDownSeconds = 150;\r\nconst emailCountDownSeconds = 150;\r\n// const buttonEnabledSeconds = 5;\r\n\r\nexport default {\r\n  extends: PageBase,\r\n  name: \"lms1000\",\r\n\r\n  data() {\r\n    return {\r\n      accountId: -1,\r\n      lastName: \"\",\r\n      firstName: \"\",\r\n      middleName: \"\",\r\n      shortName: \"\",\r\n      logonId: \"\",\r\n      password: \"\",\r\n      confirmPassword: \"\",\r\n      birthDate: null,\r\n      isUnderAge: false,\r\n      registrationSuccess: false,\r\n      email: \"\",\r\n      phoneNumber: \"\",\r\n      address: \"\",\r\n      accountTypeId: 4,\r\n      errorMessage: \"\",\r\n      prcNumber: \"\",\r\n      prcIssueDate: null,\r\n      prcExpiryDate: null,\r\n      result: null,\r\n      ptrNumber: \"\",\r\n      ptrIssueDate: null,\r\n      ptrExpiryDate: null,\r\n\r\n      recaptcha: {\r\n        siteKey: \"\",\r\n        isHuman: false,\r\n      },\r\n      surveyorType: [],\r\n      surveyorTypeId: 0,\r\n\r\n      acceptTerms: false,\r\n      termsToggle: false,\r\n      OTP: \"\",\r\n      requestedOTP: \"\",\r\n      countDown: countDownSeconds,\r\n      emailCountDown: emailCountDownSeconds,\r\n      buttonEnabled: false,\r\n      emailButtonEnabled: false,\r\n      isEmailVerificationVisible: false,\r\n      emailVerificationCode: \"\",\r\n      emailOTP: \"\",\r\n      requestedEmailOTP: \"\",\r\n\r\n      password_length: 0,\r\n      contains_eight_characters: false,\r\n      contains_number: false,\r\n      contains_uppercase: false,\r\n      contains_special_character: false,\r\n      valid_password: false,\r\n      isPTRRequiredFlag: 0,\r\n      showPassword: false,\r\n      showCorrectPassword: false,\r\n    };\r\n  },\r\n\r\n  computed: {\r\n    formTitle() {\r\n      return this.accountTypeId === 3\r\n        ? \"Geodetic Engineer Sign-Up\"\r\n        : \"Client Registration\";\r\n    },\r\n\r\n    isEngineer() {\r\n      return this.accountTypeId === 3;\r\n    },\r\n\r\n    canRegister() {\r\n      return this.recaptcha.isHuman;\r\n      // return this.recaptcha.isHuman && this.acceptTerms;\r\n    },\r\n\r\n    isDisabled() {\r\n      return this.isValidPhoneNumber != \"valid\" || this.buttonEnabled;\r\n      // return this.countDown > buttonEnabledSeconds;\r\n    },\r\n\r\n    isEmailDisabled() {\r\n      return !this.email || this.emailButtonEnabled;\r\n      // return this.countDown > buttonEnabledSeconds;\r\n    },\r\n    isValidPhoneNumber() {\r\n      let value = \"\";\r\n      if (this.phoneNumber.length == 0) {\r\n        value = \"default\";\r\n        return value;\r\n      }\r\n\r\n      const phoneNumberRegex = /^09\\d{09}$/;\r\n      const isValid = phoneNumberRegex.test(this.phoneNumber);\r\n\r\n      value = isValid ? \"valid\" : \"invalid\";\r\n      return value;\r\n    },\r\n  },\r\n\r\n  methods: {\r\n    togglePasswordVisibility() {\r\n      this.showPassword = !this.showPassword;\r\n    },\r\n    toggleCorrectPasswordVisibility() {\r\n      this.showCorrectPassword = !this.showCorrectPassword;\r\n    },\r\n\r\n    getTargetPath() {\r\n      const me = this,\r\n        q = {};\r\n\r\n      if (me.accountTypeId) {\r\n        q.acctTypeId = me.accountTypeId;\r\n      }\r\n\r\n      return {\r\n        name: me.$options.name,\r\n        query: q,\r\n      };\r\n    },\r\n\r\n    syncValues(p, q) {\r\n      const me = this;\r\n      let typeId = 0;\r\n\r\n      if (\"acctTypeId\" in q && me.core.isInteger(q.acctTypeId)) {\r\n        typeId = parseInt(q.acctTypeId);\r\n        if (typeId > 2 && typeId < 5) {\r\n          me.accountTypeId = typeId;\r\n        }\r\n      }\r\n    },\r\n\r\n    checkPassword() {\r\n      this.password_length = this.password.length;\r\n      const format = /[ !@#$%^&*()_+\\-=[\\]{};':\"\\\\|,.<>/?]/;\r\n\r\n      if (this.password_length > 8) {\r\n        this.contains_eight_characters = true;\r\n      } else {\r\n        this.contains_eight_characters = false;\r\n      }\r\n\r\n      this.contains_number = /\\d/.test(this.password);\r\n      this.contains_uppercase = /[A-Z]/.test(this.password);\r\n      this.contains_special_character = format.test(this.password);\r\n\r\n      if (\r\n        this.contains_eight_characters === true &&\r\n        this.contains_special_character === true &&\r\n        this.contains_uppercase === true &&\r\n        this.contains_number === true\r\n      ) {\r\n        this.valid_password = true;\r\n      } else {\r\n        this.valid_password = false;\r\n      }\r\n    },\r\n\r\n    // API calls\r\n\r\n    createAccount() {\r\n      const me = this;\r\n\r\n      let payload = {\r\n        accountId: -1,\r\n        lastName: me.lastName,\r\n        firstName: me.firstName,\r\n        middleName: me.middleName,\r\n        shortName: me.shortName,\r\n        logonId: me.logonId,\r\n        password: me.password,\r\n        birthDate: me.birthDate,\r\n        email: me.email.toLowerCase(),\r\n        phoneNumber: me.phoneNumber,\r\n        validPhoneNumber: me.phoneNumber,\r\n        address: me.address,\r\n        accountTypeId: me.accountTypeId,\r\n        prcNumber: me.prcNumber,\r\n        prcIssueDate: me.prcIssueDate,\r\n        prcExpiryDate: me.prcExpiryDate,\r\n        ptrNumber: me.ptrNumber,\r\n        ptrIssueDate: me.ptrIssueDate,\r\n        ptrExpiryDate: me.ptrExpiryDate,\r\n        surveyorTypeId: me.surveyorTypeId,\r\n      };\r\n\r\n      const body = JSON.stringify(payload),\r\n        options = me.core.getAjaxOptions(\"POST\", body);\r\n\r\n      // return ajax('api/accounts?origin=' + window.location.origin, options);\r\n\r\n      // pass empty origin if email is empty so verification email is not sent\r\n      // const origin = !me.email ? '' : window.location.origin;\r\n      const origin = \"\";\r\n      return ajax(\"api/accounts?origin=\" + origin, options);\r\n    },\r\n\r\n    startCountDown() {\r\n      const me = this;\r\n\r\n      me.intervalId = setInterval(me.countDownHandler, 1000);\r\n    },\r\n\r\n    emailStartCountDown() {\r\n      const me = this;\r\n\r\n      me.emailIntervalId = setInterval(me.emailCountDownHandler, 1000);\r\n    },\r\n\r\n    // emailStopCountDown () {\r\n    //   const me = this;\r\n\r\n    //   if (me.emailIntervalId) {\r\n    //     emailClearInterval(me.emailIntervalId);\r\n    //   }\r\n\r\n    //   me.emailIntervalId = 0;\r\n    // },\r\n\r\n    stopCountDown() {\r\n      const me = this;\r\n\r\n      if (me.intervalId) {\r\n        clearInterval(me.intervalId);\r\n      }\r\n\r\n      me.intervalId = 0;\r\n    },\r\n\r\n    emailCountDownHandler() {\r\n      const me = this;\r\n\r\n      if (me.emailCountDown === 0) {\r\n        me.emailCountDown = emailCountDownSeconds;\r\n        me.emailButtonEnabled = false;\r\n        me.emailStopCountDown();\r\n        return;\r\n      }\r\n\r\n      me.emailCountDown -= 1;\r\n    },\r\n\r\n    countDownHandler() {\r\n      const me = this;\r\n\r\n      if (me.countDown === 0) {\r\n        me.countDown = countDownSeconds;\r\n        me.buttonEnabled = false;\r\n        me.stopCountDown();\r\n        return;\r\n      }\r\n\r\n      me.countDown -= 1;\r\n    },\r\n\r\n    onResendOTP() {\r\n      const me = this;\r\n\r\n      let wait = me.wait();\r\n\r\n      me.InsertSMS().then(\r\n        (result) => {\r\n          me.stopWait(wait);\r\n          if (result) {\r\n            me.dialog.success(\"OTP message sent to your phonenumber.\");\r\n          }\r\n        },\r\n        (fault) => {\r\n          me.stopWait(wait);\r\n          me.showFault(fault);\r\n        }\r\n      );\r\n    },\r\n\r\n    InsertSMS() {\r\n      const me = this,\r\n        phoneNumber = \"+63\" + me.phoneNumber.substring(1, 11),\r\n        // phoneNumber = me.phoneNumber,\r\n        requestedOTP = Math.floor(1000 + Math.random() * 9000),\r\n        message = \"Your One-Time Password (OTP) is \" + requestedOTP;\r\n\r\n      me.requestedOTP = requestedOTP;\r\n      me.buttonEnabled = true;\r\n\r\n      if (!me.intervalId) {\r\n        me.startCountDown();\r\n      }\r\n\r\n      let payload = {\r\n        message: message,\r\n        phoneNumber: phoneNumber,\r\n      };\r\n\r\n      const body = JSON.stringify(payload),\r\n        options = me.core.getAjaxOptions(\"POST\", body);\r\n\r\n      return ajax(\"api/sms-notification\", options);\r\n    },\r\n\r\n    sendConfirmation() {\r\n      const me = this,\r\n        toEmail = me.email,\r\n        accountName = me.lastName,\r\n        verifyUrl =\r\n          window.location.origin +\r\n          \"/verifier?email=\" +\r\n          me.email +\r\n          \"&code=\" +\r\n          me.accountCode;\r\n\r\n      let payload = {\r\n        accountName: accountName,\r\n        toEmail: toEmail,\r\n        verifyUrl: verifyUrl,\r\n      };\r\n\r\n      const body = JSON.stringify(payload),\r\n        options = me.core.getAjaxOptions(\"POST\", body);\r\n\r\n      return ajax(\"api/mails/confirmation\", options);\r\n    },\r\n\r\n    // event handlers\r\n\r\n    onLogonIdChanging(e) {\r\n      // https://stackoverflow.com/questions/17616624/detect-if-string-contains-any-spaces\r\n      if (/\\s/.test(e.proposedValue)) {\r\n        e.message = \"Login ID cannot contain spaces / special characters.\";\r\n        e.preventDefault();\r\n        return;\r\n      }\r\n\r\n      if (e.proposedValue.toString().length < 6) {\r\n        e.message = \"Login ID must be at least 6 characters.\";\r\n        e.preventDefault();\r\n        return;\r\n      }\r\n\r\n      e.callback = this.logonIdCallback;\r\n    },\r\n\r\n    logonIdCallback(e) {\r\n      e.message =\r\n        \"Login ID '<b>\" + e.proposedValue + \"</b>' is already registered.\";\r\n\r\n      return this.isValidEntity(\r\n        \"dbo.WebAccount\",\r\n        \"logonId\",\r\n        e.proposedValue,\r\n        false\r\n      ).then((result) => {\r\n        return !result;\r\n      });\r\n    },\r\n\r\n    onConfirmPasswordChanging(e) {\r\n      if (e.proposedValue.toString() !== this.password) {\r\n        e.message = \"Password mismatch.\";\r\n        // e.preventDefault();\r\n        return;\r\n      }\r\n    },\r\n\r\n    onBirthDateChanging(e) {\r\n      if (e.proposedValue instanceof DateTime) {\r\n        let p = e.proposedValue,\r\n          today = DateTime.now();\r\n\r\n        if (p.year < 1930) {\r\n          e.preventDefault();\r\n          return;\r\n        }\r\n\r\n        if (p > today) {\r\n          e.preventDefault();\r\n          return;\r\n        }\r\n      }\r\n    },\r\n\r\n    onEmailChanging(e) {\r\n      if (!e.proposedValue) {\r\n        return;\r\n      }\r\n\r\n      if (!this.core.isValidEmail(e.proposedValue)) {\r\n        e.message = \"(\" + e.proposedValue + \") is not a valid email address.\";\r\n        e.preventDefault();\r\n        return;\r\n      }\r\n\r\n      // this.isEmailVerificationVisible = true;\r\n      e.callback = this.emailCallback;\r\n    },\r\n\r\n    emailCallback(e) {\r\n      e.message =\r\n        \"Email '<b>\" + e.proposedValue + \"</b>' is already registered.\";\r\n\r\n      return this.isValidEntity(\r\n        \"dbo.WebAccount\",\r\n        \"email\",\r\n        e.proposedValue,\r\n        false\r\n      ).then((result) => {\r\n        return !result;\r\n      });\r\n    },\r\n\r\n    // onPhoneNumberChange(e) {\r\n    //   e.callback = this.phoneNumberCallBack;\r\n    // },\r\n    validatePhoneNumber() {\r\n      if (!this.phoneNumber) {\r\n        this.result = null;\r\n        return;\r\n      }\r\n\r\n      if (this.phoneNumber.length > 11) {\r\n        this.phoneNumber = this.phoneNumber.slice(0, 11);\r\n        // e.callback = this.phoneNumberCallBack;\r\n      }\r\n\r\n      // Check if the phone number is valid based on the regular expression\r\n      // if (this.isValidPhoneNumber) {\r\n      //   this.result = \"\";\r\n      // } else {\r\n      //   this.result = \"Phone number is not valid. Access denied.\";\r\n      // }\r\n\r\n      // Remove non-numeric characters from the input\r\n      this.phoneNumber = this.phoneNumber.replace(/\\D/g, \"\");\r\n    },\r\n\r\n    phoneNumberCallBack(e) {\r\n      e.message =\r\n        \"Phone Number '<b>\" + e.proposedValue + \"</b>' is already registered.\";\r\n\r\n      const me = this;\r\n\r\n      me.phoneNumber = \"\";\r\n\r\n      return this.isValidEntity(\r\n        \"dbo.WebAccount\",\r\n        \"phoneNumber\",\r\n        e.proposedValue,\r\n        false\r\n      ).then((result) => {\r\n        return !result;\r\n      });\r\n    },\r\n\r\n    onSubmit() {\r\n      const me = this;\r\n\r\n      if (me.surveyorTypeId == 1 || me.surveyorTypeId == 3) {\r\n        me.setRequiredMode(\"ptrNumber\", \"ptrIssueDate\", \"ptrExpiryDate\");\r\n      } else {\r\n        me.setOptionalMode(\"ptrNumber\", \"ptrIssueDate\", \"ptrExpiryDate\");\r\n      }\r\n\r\n      if (!me.isValid(me.$options.name)) {\r\n        me.advice.fault(\"Fill in the required fields (marked in red).\", {\r\n          duration: 5,\r\n        });\r\n        return;\r\n      }\r\n\r\n      if (\r\n        this.contains_eight_characters === true &&\r\n        this.contains_special_character === true &&\r\n        this.contains_uppercase === true &&\r\n        this.contains_number === true\r\n      ) {\r\n        this.valid_password = true;\r\n      } else {\r\n        me.advice.fault(\r\n          \"The password does not meet the password policy requirements. Check the minimum password length.\",\r\n          { duration: 5 }\r\n        );\r\n        return;\r\n      }\r\n\r\n      if (!me.OTP) {\r\n        me.advice.fault(\"OTP is required.\", { duration: 5 });\r\n        return;\r\n      }\r\n\r\n      if (me.OTP.toString() !== me.requestedOTP.toString()) {\r\n        me.advice.fault(\"incorrect OTP.\", { duration: 5 });\r\n        return;\r\n      }\r\n\r\n      if (!me.intervalId) {\r\n        me.stopCountDown();\r\n      }\r\n\r\n      if (me.accountTypeId > 4 || me.accountTypeId < 3) {\r\n        me.dialog.fault(\"Tampered account rejected.\").then(() => {\r\n          me.goHome();\r\n        });\r\n        return;\r\n      }\r\n\r\n      if (me.password !== me.confirmPassword) {\r\n        me.advice.fault(\"Cannot confirm password.\", { duration: 5 });\r\n        return;\r\n      }\r\n\r\n      let wait = me.wait();\r\n\r\n      me.createAccount().then(\r\n        (success) => {\r\n          if (success) {\r\n            let message = \"Sign-up completed.\";\r\n\r\n            me.stopWait(wait);\r\n            me.dialog.success(message).then(() => {\r\n              me.goLogin();\r\n            });\r\n          }\r\n        },\r\n        (fault) => {\r\n          me.stopWait(wait);\r\n          me.showFault(fault);\r\n        }\r\n      );\r\n    },\r\n\r\n    // helpers\r\n\r\n    goLogin() {\r\n      let route = {\r\n        name: \"logon\",\r\n      };\r\n      this.go(route);\r\n    },\r\n\r\n    setupRecaptcha() {\r\n      const me = this;\r\n\r\n      window.recaptchaCallback = function(response) {\r\n        const wait = me.wait();\r\n        verifyRecaptcha(response).then(\r\n          (info) => {\r\n            me.stopWait(wait);\r\n            me.recaptcha.isHuman = info.success;\r\n          },\r\n          (fault) => {\r\n            me.stopWait(wait);\r\n            me.showFault(fault);\r\n          }\r\n        );\r\n      };\r\n\r\n      window.recaptchaExpiredCallback = function() {\r\n        me.recaptcha.isHuman = false;\r\n      };\r\n\r\n      me.recaptcha.siteKey = appConfig.recaptcha.siteKey;\r\n    },\r\n\r\n    getAccountReferences() {\r\n      return get(\"api/app-references\");\r\n    },\r\n    //123\r\n    // validateAge() {\r\n    //   // Calculate age based on birthdate\r\n    //   const today = new Date();\r\n    //   const birthDate = new Date(this.birthdate);\r\n    //   const age = today.getFullYear() - birthDate.getFullYear();\r\n\r\n    //   // Check if user is under 18\r\n    //   if (age < 18) {\r\n    //     this.isUnderAge = true;\r\n    //     this.registrationSuccess = false;\r\n    //   } else {\r\n    //     this.isUnderAge = false;\r\n    //     this.registrationSuccess = true;\r\n    //     e.preventDefault();\r\n    //   }\r\n    // },\r\n  },\r\n\r\n  mounted() {\r\n    const me = this;\r\n\r\n    if (me.sym.userInfo.userId > 0) {\r\n      me.goHome();\r\n      return;\r\n    }\r\n\r\n    // me.createPDF();\r\n\r\n    me.getAccountReferences().then((data) => {\r\n      if (data) {\r\n        me.surveyorType = data.surveyorType;\r\n        me.surveyorType.unshift({\r\n          surveyorTypeId: \"\",\r\n          surveyorTypeName: \"--- Select Type ---\",\r\n        });\r\n      }\r\n    });\r\n\r\n    me.setupRecaptcha();\r\n\r\n    me.syncValues(me.params, me.query);\r\n    me.replaceUrl();\r\n\r\n    me.setRequiredMode(\r\n      \"logonId\",\r\n      \"password\",\r\n      \"confirmPassword\",\r\n      \"lastName\",\r\n      \"firstName\",\r\n      \"shortName\",\r\n      \"birthDate\",\r\n      \"phoneNumber\",\r\n      \"address\",\r\n      \"OTP\"\r\n    );\r\n\r\n    if (me.isEngineer) {\r\n      me.setRequiredMode(\r\n        \"prcNumber\",\r\n        \"prcIssueDate\",\r\n        \"prcExpiryDate\",\r\n        // 'ptrNumber',\r\n        // 'ptrIssueDate',\r\n        // 'ptrExpiryDate',\r\n        \"phoneNumber\",\r\n        \"OTP\",\r\n        \"surveyorTypeId\"\r\n      );\r\n    }\r\n\r\n    me.$nextTick(() => {\r\n      setTimeout(() => {\r\n        let fm = me.meta[\"password\"];\r\n        if (fm) {\r\n          fm.minLength = 8;\r\n        }\r\n\r\n        if (me.accountTypeId === 3 && !appConfig.canRegisterSurveyor) {\r\n          me.dialog\r\n            .fault(\"Geodetic Engineer sign-up is not available at this time.\")\r\n            .then(() => {\r\n              me.goHome();\r\n            });\r\n        }\r\n\r\n        if (me.accountTypeId === 4 && !appConfig.canRegisterClient) {\r\n          me.dialog\r\n            .fault(\"Client registration is not available at this time.\")\r\n            .then(() => {\r\n              me.goHome();\r\n            });\r\n        }\r\n\r\n        me.setFocus(\"logonId\");\r\n      }, 500);\r\n    });\r\n  },\r\n};\r\n</script>\r\n\r\n<style scoped>\r\n.reg-container {\r\n  display: flex;\r\n}\r\n\r\n.reg-container >>> .form-control {\r\n  margin-bottom: 2px;\r\n}\r\n\r\n.reg-container >>> .input-tag {\r\n  padding-bottom: 2px;\r\n  margin-left: 2px;\r\n}\r\n\r\n.reg-form {\r\n  width: 40%;\r\n  padding: 1rem 2rem;\r\n}\r\n\r\n.recaptcha-container {\r\n  transform-origin: 0 0;\r\n}\r\n\r\n.equal-width {\r\n  display: flex;\r\n}\r\n\r\n.equal-width > * {\r\n  flex: 1;\r\n}\r\n\r\n.equal-width > :not(:last-child) {\r\n  margin-right: 0.5rem;\r\n}\r\n\r\n.equal-width :last-child {\r\n  margin-right: 0;\r\n}\r\n\r\n.notice {\r\n  padding: 2rem 4rem;\r\n}\r\n.MobilePhone {\r\n  height: 37px;\r\n}\r\n.PhoneContainer {\r\n  margin-top: 8px;\r\n}\r\n.PhoneHeader {\r\n  margin-left: 4px;\r\n}\r\n.showEyeIcon {\r\n  float: right;\r\n  margin-top: -32px;\r\n  margin-right: 20px;\r\n  cursor: pointer;\r\n  /* margin-left: 20px;\r\n  margin-bottom: 60px; */\r\n}\r\n.ShowConfirmEyeIcon {\r\n  float: right;\r\n  margin-top: -30px;\r\n  margin-right: 20px;\r\n  offset: 10px;\r\n  cursor: pointer;\r\n}\r\n.ShowPassword {\r\n  height: 45px;\r\n}\r\n.ConfirmPassword {\r\n  /* height: 45px;\r\n  margin-bottom: 10px; */\r\n}\r\n\r\n@media (max-width: 1024px) {\r\n  .reg-form {\r\n    width: 60%;\r\n  }\r\n}\r\n\r\n@media (max-width: 800px) {\r\n  .reg-form {\r\n    width: 70%;\r\n  }\r\n\r\n  .notice {\r\n    padding: 2rem 3rem;\r\n  }\r\n}\r\n\r\n@media (max-width: 640px) {\r\n  .reg-form {\r\n    width: 80%;\r\n    padding: 1.25rem;\r\n  }\r\n\r\n  .notice {\r\n    padding: 2rem 2rem;\r\n  }\r\n}\r\n\r\n@media (max-width: 560px) {\r\n  .notice {\r\n    padding: 1rem 1rem;\r\n  }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n  .reg-form {\r\n    width: 90%;\r\n  }\r\n  .reg-button {\r\n    margin-top: 0.5rem !important;\r\n  }\r\n}\r\n\r\n@media (max-width: 384px) {\r\n  .reg-form {\r\n    padding: 0.75rem;\r\n  }\r\n  .recaptcha-container {\r\n    transform: scale(0.9);\r\n  }\r\n}\r\n\r\n@media (max-width: 320px) {\r\n  .reg-form {\r\n    width: 96%;\r\n    padding: 0.5rem;\r\n  }\r\n  .recaptcha-container {\r\n    transform: scale(0.9);\r\n  }\r\n}\r\n\r\n/* Basic Config --------- */\r\n\r\nhtml {\r\n  box-sizing: border-box;\r\n}\r\n\r\n*,\r\n*:before,\r\n*:after {\r\n  box-sizing: inherit;\r\n}\r\n\r\nhtml,\r\nbody {\r\n  height: 100%;\r\n  width: 100%;\r\n  margin: 0;\r\n  padding: 0;\r\n}\r\n\r\nbody {\r\n  font-family: \"Open Sans\", sans-serif;\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  background: #ff6b6b;\r\n  -webkit-font-smoothing: antialiased;\r\n  -moz-osx-font-smoothing: grayscale;\r\n}\r\n\r\nh2 {\r\n  text-align: center;\r\n  color: #fff;\r\n  font-weight: 400;\r\n}\r\n\r\nul {\r\n  padding-left: 20px;\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: flex-start;\r\n}\r\n\r\nli {\r\n  margin-bottom: 8px;\r\n  color: #525f7f;\r\n  position: relative;\r\n}\r\n\r\nli:before {\r\n  content: \"\";\r\n  width: 0%;\r\n  height: 2px;\r\n  background: #2ecc71;\r\n  position: absolute;\r\n  left: 0;\r\n  top: 50%;\r\n  display: block;\r\n  transition: all 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n}\r\n\r\n#app {\r\n  width: 400px;\r\n}\r\n\r\n/* Password Input --------- */\r\n\r\n.input_container {\r\n  position: relative;\r\n  padding: 30px;\r\n  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);\r\n  border-radius: 6px;\r\n  background: #fff;\r\n}\r\n\r\ninput[type=\"password\"] {\r\n  line-height: 1.5;\r\n  display: block;\r\n  color: rgba(136, 152, 170, 1);\r\n  font-weight: 300;\r\n  width: 100%;\r\n  height: calc(2.75rem + 2px);\r\n  padding: 0.625rem 0.75rem;\r\n  border-radius: 0.25rem;\r\n  background-color: #fff;\r\n  transition: border-color 0.4s ease;\r\n  border: 1px solid #cad1d7;\r\n  outline: 0;\r\n}\r\n\r\ninput[type=\"password\"]:focus {\r\n  border-color: rgba(50, 151, 211, 0.45);\r\n}\r\n\r\n/* Checkmark & Strikethrough --------- */\r\n\r\n.is_valid {\r\n  color: rgba(136, 152, 170, 0.8);\r\n}\r\n.is_valid:before {\r\n  width: 100%;\r\n}\r\n\r\n.checkmark_container {\r\n  border-radius: 50%;\r\n  position: absolute;\r\n  top: -15px;\r\n  right: -15px;\r\n  background: #2ecc71;\r\n  width: 50px;\r\n  height: 50px;\r\n  visibility: hidden;\r\n  opacity: 0;\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  transition: opacity 0.4s ease;\r\n}\r\n\r\n.show_checkmark {\r\n  visibility: visible;\r\n  opacity: 1;\r\n}\r\n\r\n.checkmark {\r\n  width: 100%;\r\n  height: 100%;\r\n  fill: none;\r\n  stroke: white;\r\n  stroke-width: 15;\r\n  stroke-linecap: round;\r\n  stroke-dasharray: 180;\r\n  stroke-dashoffset: 180;\r\n}\r\n\r\n.checked {\r\n  animation: draw 0.5s ease forwards;\r\n}\r\n\r\n@keyframes draw {\r\n  to {\r\n    stroke-dashoffset: 0;\r\n  }\r\n}\r\n</style>\r\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!./LMS1000.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!./LMS1000.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./LMS1000.vue?vue&type=template&id=190ec98f&scoped=true&\"\nimport script from \"./LMS1000.vue?vue&type=script&lang=js&\"\nexport * from \"./LMS1000.vue?vue&type=script&lang=js&\"\nimport style0 from \"./LMS1000.vue?vue&type=style&index=0&id=190ec98f&scoped=true&lang=css&\"\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  \"190ec98f\",\n  null\n  \n)\n\nexport default component.exports","import mod from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./LMS1000.vue?vue&type=style&index=0&id=190ec98f&scoped=true&lang=css&\"; export default mod; export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./LMS1000.vue?vue&type=style&index=0&id=190ec98f&scoped=true&lang=css&\""],"sourceRoot":""}