namirasoft-account-react 1.4.113 → 1.4.115

package/dist/App.js

@@ -1,9 +1,18 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { NSALayout, NSASectionTabs, NSAVerificationPage } from "./main";
 export function App(props) {
-    return (_jsx(_Fragment, { children: _jsxs(NSALayout, Object.assign({}, props, { scope: "Namirasoft Job Arranger Console", logo: "", background: "", header: "", notifications: [], children: [_jsx(NSASectionTabs, {}), _jsx(NSAVerificationPage, { contact_type: "Email", contact_value: "fsdfgs gfsd gd ", onApply: (code) => {
+    return (_jsx(_Fragment, { children: _jsxs(NSALayout, Object.assign({}, props, { scope: "Namirasoft Job Arranger Console", logo: "", background: "", header: "", notifications: [], children: [_jsx(NSASectionTabs, {}), _jsx(NSAVerificationPage, Object.assign({}, props, { contact_type: "Email", contact_value_name: "Email", getContactValue: () => "myname@example.com", onVerify: (code) => __awaiter(this, void 0, void 0, function* () {
                         console.log(code);
-                    }, onSend: () => { } })] })) }));
+                    }), onSend: () => __awaiter(this, void 0, void 0, function* () { }) }))] })) }));
 }
 ;
 //# sourceMappingURL=App.js.map

package/dist/App.js.map

@@ -1 +1 @@
-{"version":3,"file":"App.js","sourceRoot":"","sources":["../src/App.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,SAAS,EAAE,cAAc,EAAE,mBAAmB,EAAE,MAAM,QAAQ,CAAC;AAMxE,MAAM,UAAU,GAAG,CAAC,KAAe;IAElC,OAAO,CACN,4BACC,MAAC,SAAS,oBAAK,KAAK,IACnB,KAAK,EAAE,iCAAiC,EACxC,IAAI,EAAE,EAAE,EACR,UAAU,EAAE,EAAE,EACd,MAAM,EAAE,EAAE,EACV,aAAa,EAAE,EAAE,aAEjB,KAAC,cAAc,KAAG,EAClB,KAAC,mBAAmB,IACnB,YAAY,EAAC,OAAO,EACpB,aAAa,EAAC,iBAAiB,EAC/B,OAAO,EAAE,CAAC,IAAI,EAAE,EAAE;wBAEjB,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC,CAAA;oBAClB,CAAC,EACD,MAAM,EAAE,GAAG,EAAE,GAAG,CAAC,GAChB,KACU,GACX,CACH,CAAC;AACH,CAAC;AAAA,CAAC"}
+{"version":3,"file":"App.js","sourceRoot":"","sources":["../src/App.tsx"],"names":[],"mappings":";;;;;;;;;;AACA,OAAO,EAAE,SAAS,EAAE,cAAc,EAAE,mBAAmB,EAAE,MAAM,QAAQ,CAAC;AAMxE,MAAM,UAAU,GAAG,CAAC,KAAe;IAElC,OAAO,CACN,4BACC,MAAC,SAAS,oBAAK,KAAK,IACnB,KAAK,EAAE,iCAAiC,EACxC,IAAI,EAAE,EAAE,EACR,UAAU,EAAE,EAAE,EACd,MAAM,EAAE,EAAE,EACV,aAAa,EAAE,EAAE,aAEjB,KAAC,cAAc,KAAG,EAClB,KAAC,mBAAmB,oBACf,KAAK,IACT,YAAY,EAAC,OAAO,EACpB,kBAAkB,EAAC,OAAO,EAC1B,eAAe,EAAE,GAAG,EAAE,CAAC,oBAAoB,EAC3C,QAAQ,EAAE,CAAO,IAAI,EAAE,EAAE;wBAExB,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC,CAAA;oBAClB,CAAC,CAAA,EACD,MAAM,EAAE,GAAS,EAAE,gDAAG,CAAC,CAAA,IACtB,KACU,GACX,CACH,CAAC;AACH,CAAC;AAAA,CAAC"}

package/dist/pages/NSAVerificationPage.d.ts

@@ -1,11 +1,12 @@
-import { IBaseComponentProps } from 'namirasoft-site-react';
-import React from "react";
-export interface INSAVerificationPageProps extends IBaseComponentProps {
+import { IBaseComponentProps, INSRouterProps } from 'namirasoft-site-react';
+import { ReactNode } from "react";
+export interface INSAVerificationPageProps extends IBaseComponentProps, INSRouterProps {
     contact_type: string;
-    contact_value: string;
-    onSend: () => void;
-    onApply: (code: string) => void;
-    onChanged?: (e: React.ChangeEvent<HTMLInputElement>) => void;
+    contact_value_name: string;
+    getContactValue: () => string;
+    onSend: () => Promise<void>;
+    onVerify: (code: string) => Promise<void>;
+    children?: ReactNode;
 }
 export interface NSAVerificationPageState {
     values: string;

package/dist/pages/NSAVerificationPage.js

@@ -1,3 +1,12 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import Styles from './NSAVerificationPage.module.css';
 import { NSABoxOTP } from '../components/NSABoxOTP';
@@ -18,16 +27,32 @@ export function NSAVerificationPage(props) {
             setState(prevState => (Object.assign(Object.assign({}, prevState), { values: updatedValues.join("") })));
         }
     }
-    function sendClickHandler() {
-        props.onSend();
-        setState(prevState => (Object.assign(Object.assign({}, prevState), { isSendCode: true })));
+    function onSend() {
+        return __awaiter(this, void 0, void 0, function* () {
+            try {
+                yield props.onSend();
+                setState(prevState => (Object.assign(Object.assign({}, prevState), { isSendCode: true })));
+            }
+            catch (error) {
+                props.notifier.onError(error);
+            }
+        });
     }
-    function onApply() {
-        props.onApply(state.values);
+    function onVerify() {
+        return __awaiter(this, void 0, void 0, function* () {
+            try {
+                yield props.onVerify(state.values);
+            }
+            catch (error) {
+                props.notifier.onError(error);
+            }
+        });
     }
-    return (_jsx(_Fragment, { children: _jsxs(NSSection, { center_items: true, children: [_jsxs("div", { className: `${Styles.nsa_verification_container} ${(_a = props.classList) === null || _a === void 0 ? void 0 : _a.join(" ")}`, style: props.style, children: [_jsx("img", { src: "https://static.namirasoft.com/image/concept/verification/purple.png", alt: 'verification vector', className: Styles.nsa_verification_vector }), _jsxs("div", { className: 'm-0', children: [_jsxs("p", { className: 'm-2', children: ["Type: ", props.contact_type] }), _jsxs("p", { className: 'm-2', children: ["Address: ", props.contact_value] })] }), state.isSendCode ?
-                            _jsxs(_Fragment, { children: [_jsxs("p", { children: ["Please enter code sent to ", props.contact_value] }), _jsx(NSABoxOTP, { onChanged: onChanged })] }) :
-                            _jsx(_Fragment, { children: _jsx(NSButtonBlue, { onClick: sendClickHandler, title: 'Send Code' }) })] }), _jsx(NSSpace, { size: NSSpaceSizeType.NORMAL }), state.isSendCode &&
-                    _jsxs(_Fragment, { children: [_jsx(NSButtonBlue, { title: "Apply", onClick: () => onApply() }), _jsx(NSSpace, { size: NSSpaceSizeType.SMALL }), _jsx("button", { onClick: props.onSend, className: Styles.nsa_resend_button, children: "Resend Code" })] })] }) }));
+    return (_jsx(_Fragment, { children: _jsxs(NSSection, { center_items: true, children: [_jsxs("div", { className: `${Styles.nsa_verification_container} ${(_a = props.classList) === null || _a === void 0 ? void 0 : _a.join(" ")}`, style: props.style, children: [_jsx("img", { src: "https://static.namirasoft.com/image/concept/verification/purple.png", alt: 'verification vector', className: Styles.nsa_verification_vector }), _jsxs("div", { className: 'm-0', children: [_jsxs("p", { className: 'm-2', children: ["Type: ", props.contact_type] }), props.children && !state.isSendCode ? props.children : _jsxs("p", { className: 'm-2', children: [props.contact_value_name, ": ", props.getContactValue()] })] }), state.isSendCode ?
+                            _jsxs(_Fragment, { children: [_jsxs("p", { children: ["Please enter code sent to ", props.getContactValue()] }), _jsx(NSABoxOTP, { onChanged: onChanged })] }) :
+                            _jsx(_Fragment, { children: _jsx(NSButtonBlue, { onClick: onSend, title: 'Send Code' }) })] }), _jsx(NSSpace, { size: NSSpaceSizeType.NORMAL }), state.isSendCode &&
+                    _jsxs(_Fragment, { children: [_jsx(NSButtonBlue, { title: "Verify", onClick: () => onVerify() }), _jsx(NSSpace, { size: NSSpaceSizeType.SMALL }), _jsx("button", { onClick: () => {
+                                    setState(prevState => (Object.assign(Object.assign({}, prevState), { isSendCode: false })));
+                                }, className: Styles.nsa_resend_button, children: "Resend Code" })] })] }) }));
 }
 //# sourceMappingURL=NSAVerificationPage.js.map

package/dist/pages/NSAVerificationPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"NSAVerificationPage.js","sourceRoot":"","sources":["../../src/pages/NSAVerificationPage.tsx"],"names":[],"mappings":";AAAA,OAAO,MAAM,MAAM,kCAAkC,CAAC;AAEtD,OAAO,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AACpD,OAAc,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACxC,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,eAAe,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAiB1F,MAAM,UAAU,mBAAmB,CAAC,KAAgC;;IAEnE,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAA2B;QAC5D,MAAM,EAAE,EAAE;QACV,UAAU,EAAE,KAAK;KACjB,CAAC,CAAC;IAEH,SAAS,SAAS,CAAC,KAA0C,EAAE,KAAa;QAErE,MAAM,QAAQ,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC;QAC1C,QAAQ,CAAC,SAAS,CAAC,EAAE,CAAC,iCAAM,SAAS,KAAE,MAAM,EAAE,KAAK,CAAC,MAAM,GAAG,QAAQ,IAAG,CAAC,CAAC;QAC3E,IAAI,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,EACpC,CAAC;YACA,MAAM,aAAa,GAAG,CAAC,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC;YAC/B,aAAa,CAAC,KAAK,CAAC,GAAG,QAAQ,CAAC;YACzC,QAAQ,CAAC,SAAS,CAAC,EAAE,CAAC,iCAAM,SAAS,KAAE,MAAM,EAAE,aAAa,CAAC,IAAI,CAAC,EAAE,CAAC,IAAE,CAAC,CAAA;QACzE,CAAC;IACF,CAAC;IAED,SAAS,gBAAgB;QAExB,KAAK,CAAC,MAAM,EAAE,CAAC;QACf,QAAQ,CAAC,SAAS,CAAC,EAAE,CAAC,iCAAM,SAAS,KAAE,UAAU,EAAE,IAAI,IAAG,CAAC,CAAA;IAC5D,CAAC;IAED,SAAS,OAAO;QAEf,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;IAC7B,CAAC;IAED,OAAO,CACN,4BACC,MAAC,SAAS,IAAC,YAAY,EAAE,IAAI,aAC5B,eACC,SAAS,EAAE,GAAG,MAAM,CAAC,0BAA0B,IAAI,MAAA,KAAK,CAAC,SAAS,0CAAE,IAAI,CAAC,GAAG,CAAC,EAAE,EAC/E,KAAK,EAAE,KAAK,CAAC,KAAK,aAElB,cACC,GAAG,EAAE,qEAAqE,EAC1E,GAAG,EAAE,qBAAqB,EAC1B,SAAS,EAAE,MAAM,CAAC,uBAAuB,GACxC,EACF,eAAK,SAAS,EAAC,KAAK,aACnB,aAAG,SAAS,EAAC,KAAK,uBAAQ,KAAK,CAAC,YAAY,IAAK,EACjD,aAAG,SAAS,EAAC,KAAK,0BAAW,KAAK,CAAC,aAAa,IAAK,IAChD,EAEL,KAAK,CAAC,UAAU,CAAC,CAAC;4BACjB,8BACC,sDAA8B,KAAK,CAAC,aAAa,IAAK,EACtD,KAAC,SAAS,IAAC,SAAS,EAAE,SAAS,GAAI,IACjC,CAAC,CAAC;4BACL,4BACC,KAAC,YAAY,IAAC,OAAO,EAAE,gBAAgB,EAAE,KAAK,EAAC,WAAW,GAAG,GAC3D,IAEA,EACN,KAAC,OAAO,IAAC,IAAI,EAAE,eAAe,CAAC,MAAM,GAAY,EAChD,KAAK,CAAC,UAAU;oBAChB,8BACC,KAAC,YAAY,IAAC,KAAK,EAAC,OAAO,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,EAAE,GAAI,EACxD,KAAC,OAAO,IAAC,IAAI,EAAE,eAAe,CAAC,KAAK,GAAY,EAChD,iBAAQ,OAAO,EAAE,KAAK,CAAC,MAAM,EAAE,SAAS,EAAE,MAAM,CAAC,iBAAiB,4BAAuB,IACvF,IAEO,GACV,CACH,CAAC;AACH,CAAC"}
+{"version":3,"file":"NSAVerificationPage.js","sourceRoot":"","sources":["../../src/pages/NSAVerificationPage.tsx"],"names":[],"mappings":"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"}

package/package.json

@@ -8,7 +8,7 @@
     "framework": "npm",
     "application": "package",
     "private": false,
-    "version": "1.4.113",
+    "version": "1.4.115",
     "author": "Amir Abolhasani",
     "license": "MIT",
     "main": "./dist/main.js",

package/src/App.tsx

@@ -18,13 +18,15 @@ export function App(props: AppProps)
 			>
 				<NSASectionTabs />
 				<NSAVerificationPage
+					{...props}
 					contact_type="Email"
-					contact_value="fsdfgs gfsd gd "
-					onApply={(code) =>
+					contact_value_name="Email"
+					getContactValue={() => "myname@example.com"}
+					onVerify={async (code) =>
 					{
 						console.log(code)
 					}}
-					onSend={() => { }}
+					onSend={async () => { }}
 				/>
 			</NSALayout >
 		</>

package/src/pages/NSAVerificationPage.tsx

@@ -1,16 +1,17 @@
 import Styles from './NSAVerificationPage.module.css';
-import { IBaseComponentProps } from 'namirasoft-site-react';
+import { IBaseComponentProps, INSRouterProps } from 'namirasoft-site-react';
 import { NSABoxOTP } from '../components/NSABoxOTP';
-import React, { useState } from "react";
+import React, { ReactNode, useState } from "react";
 import { NSSection, NSSpace, NSSpaceSizeType, NSButtonBlue } from 'namirasoft-site-react';
 
-export interface INSAVerificationPageProps extends IBaseComponentProps
+export interface INSAVerificationPageProps extends IBaseComponentProps, INSRouterProps
 {
 	contact_type: string;
-	contact_value: string;
-	onSend: () => void;
-	onApply: (code: string) => void;
-	onChanged?: (e: React.ChangeEvent<HTMLInputElement>) => void;
+	contact_value_name: string;
+	getContactValue: () => string;
+	onSend: () => Promise<void>;
+	onVerify: (code: string) => Promise<void>;
+	children?: ReactNode;
 }
 
 export interface NSAVerificationPageState
@@ -28,25 +29,37 @@ export function NSAVerificationPage(props: INSAVerificationPageProps)
 
 	function onChanged(event: React.ChangeEvent<HTMLInputElement>, index: number): void
 	{
-        const newValue = event.target.value;
+		const newValue = event.target.value;
 		setState(prevState => ({ ...prevState, values: state.values + newValue }));
 		if (/^\d?$/.test(event.target.value))
 		{
 			const updatedValues = [...state.values];
-            updatedValues[index] = newValue;
-			setState(prevState => ({ ...prevState, values: updatedValues.join("")}))
+			updatedValues[index] = newValue;
+			setState(prevState => ({ ...prevState, values: updatedValues.join("") }))
 		}
 	}
 
-	function sendClickHandler()
+	async function onSend()
 	{
-		props.onSend();
-		setState(prevState => ({ ...prevState, isSendCode: true }))
+		try
+		{
+			await props.onSend();
+			setState(prevState => ({ ...prevState, isSendCode: true }))
+		} catch (error)
+		{
+			props.notifier.onError(error as Error);
+		}
 	}
 
-	function onApply()
+	async function onVerify()
 	{
-		props.onApply(state.values);
+		try
+		{
+			await props.onVerify(state.values);
+		} catch (error)
+		{
+			props.notifier.onError(error as Error);
+		}
 	}
 
 	return (
@@ -63,25 +76,31 @@ export function NSAVerificationPage(props: INSAVerificationPageProps)
 					/>
 					<div className='m-0'>
 						<p className='m-2'>Type: {props.contact_type}</p>
-						<p className='m-2'>Address: {props.contact_value}</p>
+						{
+							props.children && !state.isSendCode ? props.children : <p className='m-2'>{props.contact_value_name}: {props.getContactValue()}</p>
+						}
 					</div>
 					{
 						state.isSendCode ?
 							<>
-								<p>Please enter code sent to {props.contact_value}</p>
+								<p>Please enter code sent to {props.getContactValue()}</p>
 								<NSABoxOTP onChanged={onChanged} />
 							</> :
 							<>
-								<NSButtonBlue onClick={sendClickHandler} title='Send Code' />
+								<NSButtonBlue onClick={onSend} title='Send Code' />
 							</>
 					}
 				</div>
 				<NSSpace size={NSSpaceSizeType.NORMAL}></NSSpace>
-				{state.isSendCode &&
+				{
+					state.isSendCode &&
 					<>
-						<NSButtonBlue title="Apply" onClick={() => onApply()} />
+						<NSButtonBlue title="Verify" onClick={() => onVerify()} />
 						<NSSpace size={NSSpaceSizeType.SMALL}></NSSpace>
-						<button onClick={props.onSend} className={Styles.nsa_resend_button} >Resend Code</button>
+						<button onClick={() =>
+						{
+							setState(prevState => ({ ...prevState, isSendCode: false }))
+						}} className={Styles.nsa_resend_button}>Resend Code</button>
 					</>
 				}
 			</NSSection>