namirasoft-account-react 1.4.19 → 1.4.21

package/src/pages/NSALoginPage.tsx

@@ -1,66 +1,66 @@
-import { useEffect } from 'react';
-import Styles from './NSALoginPage.module.css';
-
-import { NSSpace, NSSpaceSizeType, NSButtonBlue } from 'namirasoft-site-react';
-import { Messages } from '../Messages';
-import { PackageService } from 'namirasoft-core';
-import { EnvService } from "namirasoft-core/dist/EnvService";
-
-export interface NSALoginPageProps
-{
-	title: string;
-	logo: string;
-	background: string;
-}
-
-export function NSALoginPage(props: NSALoginPageProps) 
-{
-	let REACT_APP_BASE_URL_ACCOUNT_CONSOLE = new EnvService("REACT_APP_BASE_URL_ACCOUNT_CONSOLE").getString();
-	useEffect(() =>
-	{
-		const handleLoginSuccess = (event: any) =>
-		{
-			if (event.origin === REACT_APP_BASE_URL_ACCOUNT_CONSOLE)
-				if (Messages.isLogin(event.data))
-					window.location.reload();
-		};
-
-		window.addEventListener("message", handleLoginSuccess);
-
-		return () =>
-		{
-			window.removeEventListener("message", handleLoginSuccess);
-		};
-		// eslint-disable-next-line react-hooks/exhaustive-deps 
-	}, []);
-
-	return (
-		<div
-			style={{
-				backgroundImage: `url(${props.background})`,
-				width: '100%',
-				backgroundSize: 'cover',
-				backgroundAttachment: 'fixed'
-			}}
-		>
-			<div className={Styles.ns_login_container} style={{ minHeight: '100vh' }}>
-				<div className={Styles.ns_logo}>
-					<img width={256} height={256} src={props.logo} alt={`${props.title} Logo`} />
-				</div>
-				<NSSpace size={NSSpaceSizeType.SMALL} />
-				<div>
-					<h1 className={Styles.ns_title}>{props.title}</h1>
-				</div>
-				<NSSpace size={NSSpaceSizeType.SMALL} />
-				<span> Version: {PackageService.MainJson?.version} </span>
-				<NSSpace size={NSSpaceSizeType.SMALL} />
-				<div className={Styles.ns_button}>
-					<NSButtonBlue title="Login" onClick={() =>
-					{
-						window.open(REACT_APP_BASE_URL_ACCOUNT_CONSOLE, "_blank", "");
-					}} />
-				</div>
-			</div>
-		</div>
-	);
+import { useEffect } from 'react';
+import Styles from './NSALoginPage.module.css';
+
+import { NSSpace, NSSpaceSizeType, NSButtonBlue } from 'namirasoft-site-react';
+import { Messages } from '../Messages';
+import { PackageService } from 'namirasoft-core';
+import { EnvService } from "namirasoft-core/dist/EnvService";
+
+export interface NSALoginPageProps
+{
+	title: string;
+	logo: string;
+	background: string;
+}
+
+export function NSALoginPage(props: NSALoginPageProps) 
+{
+	let REACT_APP_BASE_URL_ACCOUNT_CONSOLE = new EnvService("REACT_APP_BASE_URL_ACCOUNT_CONSOLE").getString();
+	useEffect(() =>
+	{
+		const handleLoginSuccess = (event: any) =>
+		{
+			if (event.origin === REACT_APP_BASE_URL_ACCOUNT_CONSOLE)
+				if (Messages.isLogin(event.data))
+					window.location.reload();
+		};
+
+		window.addEventListener("message", handleLoginSuccess);
+
+		return () =>
+		{
+			window.removeEventListener("message", handleLoginSuccess);
+		};
+		// eslint-disable-next-line react-hooks/exhaustive-deps 
+	}, []);
+
+	return (
+		<div
+			style={{
+				backgroundImage: `url(${props.background})`,
+				width: '100%',
+				backgroundSize: 'cover',
+				backgroundAttachment: 'fixed'
+			}}
+		>
+			<div className={Styles.ns_login_container} style={{ minHeight: '100vh' }}>
+				<div className={Styles.ns_logo}>
+					<img width={256} height={256} src={props.logo} alt={`${props.title} Logo`} />
+				</div>
+				<NSSpace size={NSSpaceSizeType.SMALL} />
+				<div>
+					<h1 className={Styles.ns_title}>{props.title}</h1>
+				</div>
+				<NSSpace size={NSSpaceSizeType.SMALL} />
+				<span> Version: {PackageService.MainJson?.version} </span>
+				<NSSpace size={NSSpaceSizeType.SMALL} />
+				<div className={Styles.ns_button}>
+					<NSButtonBlue title="Login" onClick={() =>
+					{
+						window.open(REACT_APP_BASE_URL_ACCOUNT_CONSOLE, "_blank", "");
+					}} />
+				</div>
+			</div>
+		</div>
+	);
 }

package/src/pages/NSAVerificationPage.module.css

@@ -1,23 +1,23 @@
-.nsa_verification_container {
-    background-color: #FFF;
-    border: 1px solid #A1A4B0;
-    backdrop-filter: blur(5px);
-    border-radius: 8px;
-    width: 100%;
-    max-width: 594px;
-    padding: 16px;
-    color: #141B5C !important;
-    display: flex;
-    flex-direction: column;
-    gap: 16px;
-    align-items: center;
-}
-
-.nsa_verification_container p {
-    text-align: center;
-}
-
-.nsa_verification_vector {
-    width: 224px;
-    height: 224px;
+.nsa_verification_container {
+    background-color: #FFF;
+    border: 1px solid #A1A4B0;
+    backdrop-filter: blur(5px);
+    border-radius: 8px;
+    width: 100%;
+    max-width: 594px;
+    padding: 16px;
+    color: #141B5C !important;
+    display: flex;
+    flex-direction: column;
+    gap: 16px;
+    align-items: center;
+}
+
+.nsa_verification_container p {
+    text-align: center;
+}
+
+.nsa_verification_vector {
+    width: 224px;
+    height: 224px;
 }

package/src/pages/NSAVerificationPage.tsx

@@ -1,60 +1,60 @@
-import Styles from './NSAVerificationPage.module.css';
-import { IBaseComponentProps } from 'namirasoft-site-react';
-import { NSABoxOTP } from '../components/NSABoxOTP';
-import React, { useState } from "react";
-import { NSSection, NSSpace, NSSpaceSizeType, NSButtonBlue } from 'namirasoft-site-react';
-
-export interface INSAVerificationPageProps extends IBaseComponentProps
-{
-    contact_type: string;
-    contact_value: string;
-    onApply: (code: string) => void
-    onChanged?: (e: React.ChangeEvent<HTMLInputElement>) => void;
-}
-
-export function NSAVerificationPage(props: INSAVerificationPageProps) 
-{
-    const [values, setValue] = useState<string>('');
-    const [sendCode, setSendCode] = useState<boolean>(true);
-
-    function onChanged(event: React.ChangeEvent<HTMLInputElement>): void
-    {
-		if (/^\d?$/.test(event.target.value))
-			setValue(prevValues => [...prevValues, event.target.value].join(''));
-    }
-    function onApply(){
-        props.onApply(values);
-        setSendCode(false);
-        setTimeout(() => setSendCode(true), 3000);
-    }
-    return (
-        <>
-            <NSSection center_items={true}>
-                <div
-                    className={`${Styles.nsa_verification_container} ${props.classList?.join(" ")}`}
-                    style={props.style}
-                >
-                    <img
-                        src={"https://static.namirasoft.com/image/concept/verification/purple.png"}
-                        alt={'verification vector'}
-                        className={Styles.nsa_verification_vector}
-                    />
-                    <div className='m-0'>
-                        <p className='m-2'>Type: {props.contact_type}</p>
-                        <p className='m-2'>Address: {props.contact_value}</p>
-                    </div>
-                    <p>Please enter code sent to {props.contact_value}</p>
-                    <NSABoxOTP onChanged={onChanged} />
-                </div>
-                <NSSpace size={NSSpaceSizeType.NORMAL}></NSSpace>
-                {
-                    sendCode ?
-                        <NSButtonBlue title="Apply" onClick={() => onApply()} />
-                        : <p className="nsa-color-blue">Please Wait</p>
-                }
-                <NSSpace size={NSSpaceSizeType.SMALL}></NSSpace>
-                <div className="nsa-font-16-normal ">Resend Code</div>
-            </NSSection>
-        </>
-    );
+import Styles from './NSAVerificationPage.module.css';
+import { IBaseComponentProps } from 'namirasoft-site-react';
+import { NSABoxOTP } from '../components/NSABoxOTP';
+import React, { useState } from "react";
+import { NSSection, NSSpace, NSSpaceSizeType, NSButtonBlue } from 'namirasoft-site-react';
+
+export interface INSAVerificationPageProps extends IBaseComponentProps
+{
+    contact_type: string;
+    contact_value: string;
+    onApply: (code: string) => void
+    onChanged?: (e: React.ChangeEvent<HTMLInputElement>) => void;
+}
+
+export function NSAVerificationPage(props: INSAVerificationPageProps) 
+{
+    const [values, setValue] = useState<string>('');
+    const [sendCode, setSendCode] = useState<boolean>(true);
+
+    function onChanged(event: React.ChangeEvent<HTMLInputElement>): void
+    {
+		if (/^\d?$/.test(event.target.value))
+			setValue(prevValues => [...prevValues, event.target.value].join(''));
+    }
+    function onApply(){
+        props.onApply(values);
+        setSendCode(false);
+        setTimeout(() => setSendCode(true), 3000);
+    }
+    return (
+        <>
+            <NSSection center_items={true}>
+                <div
+                    className={`${Styles.nsa_verification_container} ${props.classList?.join(" ")}`}
+                    style={props.style}
+                >
+                    <img
+                        src={"https://static.namirasoft.com/image/concept/verification/purple.png"}
+                        alt={'verification vector'}
+                        className={Styles.nsa_verification_vector}
+                    />
+                    <div className='m-0'>
+                        <p className='m-2'>Type: {props.contact_type}</p>
+                        <p className='m-2'>Address: {props.contact_value}</p>
+                    </div>
+                    <p>Please enter code sent to {props.contact_value}</p>
+                    <NSABoxOTP onChanged={onChanged} />
+                </div>
+                <NSSpace size={NSSpaceSizeType.NORMAL}></NSSpace>
+                {
+                    sendCode ?
+                        <NSButtonBlue title="Apply" onClick={() => onApply()} />
+                        : <p className="nsa-color-blue">Please Wait</p>
+                }
+                <NSSpace size={NSSpaceSizeType.SMALL}></NSSpace>
+                <div className="nsa-font-16-normal ">Resend Code</div>
+            </NSSection>
+        </>
+    );
 }

package/tsconfig.json

@@ -1,44 +1,44 @@
-{
-    "compilerOptions": {
-        "target": "ES6",
-        "jsx": "react-jsx",
-        "moduleResolution": "node",
-        "rootDir": "./src",
-        "outDir": "./dist",
-        "lib": [
-            "dom",
-            "dom.iterable",
-            "esnext"
-        ],
-        "allowJs": false,
-        "checkJs": false,
-        "strict": true,
-        "esModuleInterop": true,
-        "sourceMap": true,
-        "resolveJsonModule": true,
-        "declaration": true,
-        "noUnusedLocals": true,
-        "noUnusedParameters": true,
-        "noImplicitAny": true,
-        "noImplicitOverride": true,
-        "noImplicitReturns": true,
-        "noImplicitThis": true,
-        "skipLibCheck": true,
-        "allowSyntheticDefaultImports": true,
-        "forceConsistentCasingInFileNames": true,
-        "noFallthroughCasesInSwitch": true,
-        "isolatedModules": false,
-        "removeComments": true
-    },
-    "include": [
-        "src",
-        "build/types/**/*.ts"
-    ],
-    "exclude": [
-        "node_modules",
-        "build",
-        "dist",
-        "static",
-        "public"
-    ]
+{
+    "compilerOptions": {
+        "target": "ES6",
+        "jsx": "react-jsx",
+        "moduleResolution": "node",
+        "rootDir": "./src",
+        "outDir": "./dist",
+        "lib": [
+            "dom",
+            "dom.iterable",
+            "esnext"
+        ],
+        "allowJs": false,
+        "checkJs": false,
+        "strict": true,
+        "esModuleInterop": true,
+        "sourceMap": true,
+        "resolveJsonModule": true,
+        "declaration": true,
+        "noUnusedLocals": true,
+        "noUnusedParameters": true,
+        "noImplicitAny": true,
+        "noImplicitOverride": true,
+        "noImplicitReturns": true,
+        "noImplicitThis": true,
+        "skipLibCheck": true,
+        "allowSyntheticDefaultImports": true,
+        "forceConsistentCasingInFileNames": true,
+        "noFallthroughCasesInSwitch": true,
+        "isolatedModules": false,
+        "removeComments": true
+    },
+    "include": [
+        "src",
+        "build/types/**/*.ts"
+    ],
+    "exclude": [
+        "node_modules",
+        "build",
+        "dist",
+        "static",
+        "public"
+    ]
 }