rd.matisec.com:443

Linux webm017.cluster127.gra.hosting.ovh.net 5.15.167-ovh-vps-grsec-zfs-classid #1 SMP Tue Sep 17 08:14:20 UTC 2024 x86_64
Apache
10.127.20.17

File Name : PhoneInput.js

import {memo, useEffect, useState} from "@wordpress/element";

const PhoneInput = ({
	value,
	onChange,
	onError,
	required,
	disabled,
	id,
	name,
}) => {
	const inputId = id || name;
	const [inputValue, setInputValue] = useState('');

const isValidPhone = (string) => {
		var res = string.match(/^\+?[\d\-\.\s]*$/);
		return (res !== null)
	};

//ensure that the initial value is set
	useEffect(() => {
		if (!value) value = '';
		setInputValue(value);
	},[]);

//because an update on the entire Fields array is costly, we only update after the user has stopped typing
	useEffect(() => {
		if ( inputValue === value ) {
			return;
		}
		const typingTimer = setTimeout(() => {
			onChange(inputValue);
			if (!isValidPhone(inputValue)) {
				onError('invalid_phone');
			}
		}, 500);

return () => {
			clearTimeout(typingTimer);
		};
	}, [inputValue]);

const handleChange = ( value ) => {
		setInputValue(value);
	};

return (
		<div className="cmplz-input-group cmplz-phone-input-group">
			<input
				type='tel'
				id={inputId}
				name={name}
				value={inputValue}
				onChange={(event) => handleChange(event.target.value)}
				required={required}
				disabled={disabled}
				className="cmplz-phone-input-group__input"
			/>
		</div>
	);
};

export default memo(PhoneInput);

System Information
*ReClick For Close
File : Negat1ve /JFR/.thumb35363/index.php

Name	Type	Size	Owner/Group	Permission	Last Modified	Actions
.	dir	-	matisecojj/users	0755	2025-12-18 06:45:00
..	dir	-	matisecojj/users	0755	2025-12-18 06:45:01
BorderInput.js	text/x-java	2.8 KB	matisecojj/users	0644	2025-12-18 06:45:00
Button.js	text/x-java	2.79 KB	matisecojj/users	0644	2025-12-18 06:45:00
CheckboxGroup.js	text/x-java	3.07 KB	matisecojj/users	0644	2025-12-18 06:45:00
ColorPicker.js	text/x-java	432 B	matisecojj/users	0644	2025-12-18 06:45:00
EmailInput.js	text/x-java	1.34 KB	matisecojj/users	0644	2025-12-18 06:45:00
InputHidden.js	text/x-java	172 B	matisecojj/users	0644	2025-12-18 06:45:00
NumberInput.js	text/x-java	1.09 KB	matisecojj/users	0644	2025-12-18 06:45:00
PasswordInput.js	text/x-java	1.6 KB	matisecojj/users	0644	2025-12-18 06:45:00
PhoneInput.js	text/x-java	1.26 KB	matisecojj/users	0644	2025-12-18 06:45:00
RadioGroup.js	text/x-java	1018 B	matisecojj/users	0644	2025-12-18 06:45:00
SelectInput.js	text/x-java	2.26 KB	matisecojj/users	0644	2025-12-18 06:45:00
SwitchInput.js	text/x-java	1.28 KB	matisecojj/users	0644	2025-12-18 06:45:00
TextAreaInput.js	text/x-java	1.38 KB	matisecojj/users	0644	2025-12-18 06:45:00
TextInput.js	text/x-java	1.1 KB	matisecojj/users	0644	2025-12-18 06:45:00
TextSwitchInput.js	text/x-java	1.01 KB	matisecojj/users	0644	2025-12-18 06:45:00
URLInput.js	text/x-java	1.27 KB	matisecojj/users	0644	2025-12-18 06:45:00