Tan Phan tanpld

I hereby claim:

To claim this, I am signing this object:

	/^(?=.\d)(?=.[a-z])(?=.[A-Z])(?=.[a-zA-Z])(?=.[.!@$%^&(){}[\]\:\;\<\>\,\.\?\/\~\_\+\-\=\\|\\]).{8,32}$/gm

	At least one digit [0-9]
	At least one lowercase character [a-z]
	At least one uppercase character [A-Z]
	At least one special character [*.!@#$%^&(){}[]:;<>,.?/~_+-=\|\]
	At least 8 characters in length, but no more than 32.

	const maskedFirst4Char = (value: string): string => {
	return value.replace(/.(?=.{4})/g, '*');
	}

	const maskPhoneNumber = (phone: string): string => {
	if (!phone) return 'N/A';
	const code = phone.slice(0, 2);
	const number = phone.slice(2);
	const maskedFirst4Number = maskedFirst4Char(number)
	.replace(/.(?=(.{4})+$)/g, '$& '); // add a space after every 4 number

	import React, { useState, useEffect } from "react";
	import {
	makeStyles,
	Theme,
	createStyles,
	useTheme,
	} from "@material-ui/core/styles";
	import AppBar from "@material-ui/core/AppBar";
	import Toolbar from "@material-ui/core/Toolbar";
	import IconButton from "@material-ui/core/IconButton";