\"\r\n );\r\n } else {\r\n var $span = $(\r\n \"\" +\r\n idioma.text +\r\n \"
\"\r\n );\r\n }\r\n return $span;\r\n };\r\n\r\n this.select2Setting.templateSelection = function (idioma) {\r\n if (idioma.id) {\r\n if (idioma.title == \"bts\") {\r\n var $span = $(\r\n \"\" +\r\n idioma.text +\r\n \"\"\r\n );\r\n } else {\r\n var $span = $(\r\n \"\" +\r\n idioma.text +\r\n \"\"\r\n );\r\n }\r\n } else {\r\n var $span = $(\"\" + idioma.text + \"\");\r\n }\r\n return $span;\r\n };\r\n }\r\n\r\n if (this.props.templateSelection) {\r\n this.select2Setting.templateSelection = this.props.templateSelection;\r\n }\r\n\r\n if (this.props.minimumResultsForSearch) {\r\n this.select2Setting.minimumResultsForSearch =\r\n this.props.minimumResultsForSearch;\r\n }\r\n\r\n // console.log(this.select2Setting)\r\n this.$el\r\n .select2(this.select2Setting)\r\n .one(\"select2:open\", this.handleOpen)\r\n .on(\"select2:selecting\", this.handleChange);\r\n }\r\n\r\n componentDidUpdate(prevProps) {\r\n if (prevProps.option !== this.props.option) {\r\n this.$el.select2(\"destroy\");\r\n this.$el\r\n .select2(\r\n this.select2Setting\r\n // {\r\n // placeholder: this.props.placeholder,\r\n // allowClear: true,\r\n // //onChange: this.handleChange\r\n // }\r\n )\r\n .one(\"select2:open\", this.handleOpen)\r\n .on(\"select2:selecting\", this.handleChange);\r\n // console.log(`SelectList ${this.props.fieldName} Updated`)\r\n }\r\n if (prevProps.value !== this.props.value) {\r\n this.$el.trigger(\"change.select2\");\r\n }\r\n }\r\n\r\n render() {\r\n return (\r\n {props.name}
\r\n \r\n );\r\n};\r\n\r\nexport const CheckBoxCustomInput = (props) => {\r\n function check() {\r\n props.OnformsDataChange(props.fieldName, !props.value, props.group);\r\n }\r\n\r\n return (\r\n <>\r\n{props.name}
\r\n )\r\n}\r\n\r\nexport const LoginInputField = (props) => {\r\n\r\n const dispatch = useDispatch()\r\n\r\n const [customerInfo] = useSelector((state) => [\r\n state.login.customerInfo,\r\n ])\r\n\r\n function OnformsDataChange(e) {\r\n CustomerInfoDataChange(props.fieldName, e.target.value);\r\n // props.OnformsDataChange(props.fieldName, e.target.value);\r\n\r\n }\r\n\r\n function OnformsBlur(e) {\r\n CustomerInfoBlur(props.fieldName, e.target.value);\r\n props.formsBlur && props.formsBlur(props.fieldName, e.target.value);\r\n }\r\n\r\n function CustomerInfoDataChange(field, value) {\r\n\r\n let errorMessage = \"\"\r\n switch (field) {\r\n case 'otp':\r\n errorMessage = VaridateCustomerDataField(field, value);\r\n case 'phone':\r\n value = value.replace(regexForReplace.numberOnly, '')\r\n value = value.slice(0, 10);\r\n break;\r\n case 'fullName':\r\n value = value.replace(regexForReplace.thaiEngWithSpace, '')\r\n break;\r\n case 'email':\r\n default:\r\n break;\r\n };\r\n\r\n // console.log('on change', field, value, errorMessage);\r\n dispatch(formsCusInfoDataChange({ field, value, errorMessage }))\r\n\r\n if (props.validateField && props.setSubmitEnable) {\r\n const validates = props.validateField.map(x => {\r\n let errMsg = customerInfo[x].errorMessage\r\n if (x === field) {\r\n errMsg = errorMessage;\r\n }\r\n const result = customerInfo[x].value && !errMsg;\r\n return result;\r\n });\r\n const valid = validates.every(c => c);\r\n\r\n props.setSubmitEnable(valid);\r\n }\r\n }\r\n\r\n function CustomerInfoBlur(field, value) {\r\n value = (value || \"\").trim();\r\n const errorMessage = VaridateCustomerDataField(field, value);\r\n\r\n console.log('on blur', field, value, errorMessage)\r\n dispatch(formsCusInfoDataChange({ field, value, errorMessage }))\r\n\r\n if (props.validateField && props.setSubmitEnable) {\r\n const validates = props.validateField.map(x => {\r\n let errMsg = customerInfo[x].errorMessage\r\n if (x === field) {\r\n errMsg = errorMessage;\r\n }\r\n const result = customerInfo[x].value && !errMsg;\r\n return result;\r\n });\r\n const valid = validates.every(c => c);\r\n\r\n props.setSubmitEnable(valid);\r\n }\r\n }\r\n\r\n function VaridateCustomerDataField(field, value) {\r\n if (typeof (value) == 'boolean') {\r\n value = value.toString()\r\n }\r\n\r\n const formDataField = customerInfo[field];\r\n if (formDataField.required) {\r\n switch (field) {\r\n case 'fullName':\r\n if (value === '') {\r\n return 'กรุณากรอกชื่อ-นามสกุล';\r\n } else if (!isThaiEngNonNumber(value)) {\r\n return 'กรอกข้อมูลชื่อ-นามสกุลให้ถูกต้อง';\r\n }\r\n\r\n return '';\r\n case 'phone':\r\n if (value === '') {\r\n return 'กรุณากรอกเบอร์โทรศัพท์';\r\n } else if (!IsValidMobilePhone(value) || !/^0[869]/.test(value)) {\r\n return 'กรอกข้อมูลเบอร์โทรศัพท์ให้ถูกต้อง';\r\n }\r\n\r\n return '';\r\n case 'otp':\r\n if (value === '') {\r\n return 'กรุณากรอก OTP';\r\n }\r\n else if (value.length !== 6) {\r\n return 'กรอกข้อมูล OTP ให้ถูกต้อง';\r\n }\r\n\r\n return '';\r\n case 'email':\r\n if (value === '') {\r\n return 'กรุณากรอกอีเมล';\r\n } else if (!IsValidEmail(value)) {\r\n return 'กรอกข้อมูลอีเมลให้ถูกต้อง';\r\n }\r\n\r\n return '';\r\n default:\r\n return '';\r\n }\r\n }\r\n else {\r\n return '';\r\n }\r\n }\r\n\r\n return (\r\n| ตั้งค่าแจ้งเตือน | \r\nดำเนินการ | \r\n
|---|---|
| \r\n \r\n \r\n \r\n ยกเลิกการรับข่าวสารทั้งหมด\r\n \r\n \r\n | \r\n
![\"Search\"/](\"/SiteCollectionDocuments/assets/PFS2022/theme/img/icon/search.svg\"){kind=icon}
\r\n \r\n {/* \r\n */}\r\n \r\n