namirasoft-account-react 1.5.20 → 1.5.21

package/src/pages/NSAVerificationPage.module.css

@@ -1,32 +1,32 @@
-.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_resend_button {
-	border: 0;	
-	outline: 0;
-	background: none;
-	color: #141B5C;
-	font-size: 16px;
-	font-weight: 500;
+.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_resend_button {
+	border: 0;	
+	outline: 0;
+	background: none;
+	color: #141B5C;
+	font-size: 16px;
+	font-weight: 500;
 }

package/src/pages/NSAVerificationPage.tsx

@@ -1,186 +1,186 @@
-import { BaseServer } from "namirasoft-core";
-import { IBaseComponentProps, NSBoxString, NSButtonBlue, NSRouterMakerResult, NSSection, NSSpace, NSSpaceSizeType } from 'namirasoft-site-react';
-import React, { createRef, ReactNode } from "react";
-import { NSARouterMakerResult } from '../NSARouterMakerResult';
-import Styles from './NSAVerificationPage.module.css';
-
-export interface NSAVerificationPageProps extends IBaseComponentProps, NSRouterMakerResult, NSARouterMakerResult
-{
-    contact_type: string;
-    contact_value_name: string;
-    getContactValue: (checkErrors: boolean) => string;
-    onRequest: (address: string) => Promise<void>;
-    onVerify: (code: string) => Promise<void>;
-    onFinished: () => void;
-    onChange?: () => void;
-    children?: ReactNode;
-}
-
-export interface NSAVerificationPageState
-{
-    isSendCode: boolean;
-}
-
-export class NSAVerificationPage extends React.Component<NSAVerificationPageProps, NSAVerificationPageState>
-{
-    private NSButtonBlue_Verify = createRef<NSButtonBlue>();
-    private NSBoxString_Code = createRef<NSBoxString>();
-    constructor(props: NSAVerificationPageProps)
-    {
-        super(props);
-        this.state = { isSendCode: false };
-        this.onRequest = this.onRequest.bind(this);
-        this.onVerify = this.onVerify.bind(this);
-    }
-    private async onRequest(onFinshied: () => void)
-    {
-        try
-        {
-            this.props.onRequest(this.props.getContactValue(true)).then(() =>
-            {
-                this.setState({ isSendCode: true });
-                this.props.notifier.onSuccess(`Verification code has been sent successfully.`);
-                onFinshied();
-            }).catch(onFinshied);
-        } catch (error)
-        {
-            this.props.notifier.onError(error as Error);
-            onFinshied();
-        }
-    }
-    private async onVerify(onFinshied: () => void)
-    {
-        try
-        {
-            let code = this.NSBoxString_Code.current?.getValue() ?? "";
-            this.props.onVerify(code).then(() =>
-            {
-                this.props.notifier.onSuccess("Verification has been done successfully.");
-                this.props.notifier.onSuccess("Redirecting ...", 2000);
-                setTimeout(() =>
-                {
-                    this.props.onFinished();
-                    onFinshied();
-                }, 2000);
-            }).catch(e =>
-            {
-                onFinshied();
-                if (BaseServer.isErrorCode(e, 410) || BaseServer.isErrorCode(e, 404))
-                    this.setState({ isSendCode: false });
-            });
-        } catch (error)
-        {
-            this.props.notifier.onError(error as Error);
-            onFinshied();
-        }
-    }
-    override componentDidMount(): void
-    {
-        let code = this.props.url.getQuery("code", false, true) ?? "";
-        if (code)
-        {
-            this.setState({ isSendCode: true }, () =>
-            {
-                this.NSBoxString_Code.current?.setValue(code, () =>
-                {
-                    this.NSButtonBlue_Verify.current?.performClick();
-                });
-            });
-        }
-    }
-    override render()
-    {
-        return (
-            <NSSection>
-                <div
-                    className={`${Styles.nsa_verification_container} ${this.props.classList?.join(" ") ?? ""}`}
-                    style={this.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: {this.props.contact_type}</p>
-                        {
-                            ((this.state.isSendCode || !this.props.children) && this.props.getContactValue(false)) &&
-                            <p className='m-2'>{this.props.contact_value_name}: {this.props.getContactValue(false)}</p>
-                        }
-                        {
-                            this.props.children &&
-                            <div style={{ display: this.state.isSendCode ? "none" : undefined }}>
-                                {this.props.children}
-                            </div>
-                        }
-                    </div>
-                    {
-                        this.state.isSendCode ?
-                            <>
-                                <p style={{ margin: 0 }}>
-                                    Please enter the code you received
-                                </p>
-                                <NSBoxString
-                                    ref={this.NSBoxString_Code}
-                                    title='Verification Code'
-                                    placeholder='Enter the code'
-                                    hideHeader={true}
-                                    required={true}
-                                    min_length={6}
-                                    max_length={6}
-                                    input={{ style: { fontSize: '24px', fontWeight: "bold", textAlign: "center" } }}
-                                />
-                            </>
-                            :
-                            <>
-                                {
-                                    this.props.onChange &&
-                                    <>
-                                        <button
-                                            onClick={this.props.onChange}
-                                            className={Styles.nsa_resend_button}
-                                            style={{ marginTop: "8px" }}
-                                        >Change {this.props.contact_value_name}</button>
-                                        <NSSpace size={NSSpaceSizeType.NANO} />
-                                    </>
-                                }
-                                <NSButtonBlue
-                                    title='Send Code'
-                                    onClick={{
-                                        action: (onFinished) =>
-                                        {
-                                            this.onRequest(onFinished);
-                                        },
-                                    }}
-                                />
-                            </>
-                    }
-                </div>
-                <NSSpace size={NSSpaceSizeType.NORMAL}></NSSpace>
-                {
-                    this.state.isSendCode &&
-                    <>
-                        <NSButtonBlue
-                            ref={this.NSButtonBlue_Verify}
-                            title="Verify"
-                            onClick={{
-                                action: (onFinished) =>
-                                {
-                                    this.onVerify(onFinished);
-                                },
-                            }}
-                        />
-                        <NSSpace size={NSSpaceSizeType.SMALL}></NSSpace>
-                        <button
-                            onClick={() =>
-                            {
-                                this.setState(prev => ({ ...prev, isSendCode: false }));
-                            }}
-                            className={Styles.nsa_resend_button}
-                        >Resend Code</button>
-                    </>
-                }
-            </NSSection>
-        );
-    }
+import { BaseServer } from "namirasoft-core";
+import { IBaseComponentProps, NSBoxString, NSButtonBlue, NSRouterMakerResult, NSSection, NSSpace, NSSpaceSizeType } from 'namirasoft-site-react';
+import React, { createRef, ReactNode } from "react";
+import { NSARouterMakerResult } from '../NSARouterMakerResult';
+import Styles from './NSAVerificationPage.module.css';
+
+export interface NSAVerificationPageProps extends IBaseComponentProps, NSRouterMakerResult, NSARouterMakerResult
+{
+    contact_type: string;
+    contact_value_name: string;
+    getContactValue: (checkErrors: boolean) => string;
+    onRequest: (address: string) => Promise<void>;
+    onVerify: (code: string) => Promise<void>;
+    onFinished: () => void;
+    onChange?: () => void;
+    children?: ReactNode;
+}
+
+export interface NSAVerificationPageState
+{
+    isSendCode: boolean;
+}
+
+export class NSAVerificationPage extends React.Component<NSAVerificationPageProps, NSAVerificationPageState>
+{
+    private NSButtonBlue_Verify = createRef<NSButtonBlue>();
+    private NSBoxString_Code = createRef<NSBoxString>();
+    constructor(props: NSAVerificationPageProps)
+    {
+        super(props);
+        this.state = { isSendCode: false };
+        this.onRequest = this.onRequest.bind(this);
+        this.onVerify = this.onVerify.bind(this);
+    }
+    private async onRequest(onFinshied: () => void)
+    {
+        try
+        {
+            this.props.onRequest(this.props.getContactValue(true)).then(() =>
+            {
+                this.setState({ isSendCode: true });
+                this.props.notifier.onSuccess(`Verification code has been sent successfully.`);
+                onFinshied();
+            }).catch(onFinshied);
+        } catch (error)
+        {
+            this.props.notifier.onError(error as Error);
+            onFinshied();
+        }
+    }
+    private async onVerify(onFinshied: () => void)
+    {
+        try
+        {
+            let code = this.NSBoxString_Code.current?.getValue() ?? "";
+            this.props.onVerify(code).then(() =>
+            {
+                this.props.notifier.onSuccess("Verification has been done successfully.");
+                this.props.notifier.onSuccess("Redirecting ...", 2000);
+                setTimeout(() =>
+                {
+                    this.props.onFinished();
+                    onFinshied();
+                }, 2000);
+            }).catch(e =>
+            {
+                onFinshied();
+                if (BaseServer.isErrorCode(e, 410) || BaseServer.isErrorCode(e, 404))
+                    this.setState({ isSendCode: false });
+            });
+        } catch (error)
+        {
+            this.props.notifier.onError(error as Error);
+            onFinshied();
+        }
+    }
+    override componentDidMount(): void
+    {
+        let code = this.props.url.getQuery("code", false, true) ?? "";
+        if (code)
+        {
+            this.setState({ isSendCode: true }, () =>
+            {
+                this.NSBoxString_Code.current?.setValue(code, () =>
+                {
+                    this.NSButtonBlue_Verify.current?.performClick();
+                });
+            });
+        }
+    }
+    override render()
+    {
+        return (
+            <NSSection>
+                <div
+                    className={`${Styles.nsa_verification_container} ${this.props.classList?.join(" ") ?? ""}`}
+                    style={this.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: {this.props.contact_type}</p>
+                        {
+                            ((this.state.isSendCode || !this.props.children) && this.props.getContactValue(false)) &&
+                            <p className='m-2'>{this.props.contact_value_name}: {this.props.getContactValue(false)}</p>
+                        }
+                        {
+                            this.props.children &&
+                            <div style={{ display: this.state.isSendCode ? "none" : undefined }}>
+                                {this.props.children}
+                            </div>
+                        }
+                    </div>
+                    {
+                        this.state.isSendCode ?
+                            <>
+                                <p style={{ margin: 0 }}>
+                                    Please enter the code you received
+                                </p>
+                                <NSBoxString
+                                    ref={this.NSBoxString_Code}
+                                    title='Verification Code'
+                                    placeholder='Enter the code'
+                                    hideHeader={true}
+                                    required={true}
+                                    min_length={6}
+                                    max_length={6}
+                                    input={{ style: { fontSize: '24px', fontWeight: "bold", textAlign: "center" } }}
+                                />
+                            </>
+                            :
+                            <>
+                                {
+                                    this.props.onChange &&
+                                    <>
+                                        <button
+                                            onClick={this.props.onChange}
+                                            className={Styles.nsa_resend_button}
+                                            style={{ marginTop: "8px" }}
+                                        >Change {this.props.contact_value_name}</button>
+                                        <NSSpace size={NSSpaceSizeType.NANO} />
+                                    </>
+                                }
+                                <NSButtonBlue
+                                    title='Send Code'
+                                    onClick={{
+                                        action: (onFinished) =>
+                                        {
+                                            this.onRequest(onFinished);
+                                        },
+                                    }}
+                                />
+                            </>
+                    }
+                </div>
+                <NSSpace size={NSSpaceSizeType.NORMAL}></NSSpace>
+                {
+                    this.state.isSendCode &&
+                    <>
+                        <NSButtonBlue
+                            ref={this.NSButtonBlue_Verify}
+                            title="Verify"
+                            onClick={{
+                                action: (onFinished) =>
+                                {
+                                    this.onVerify(onFinished);
+                                },
+                            }}
+                        />
+                        <NSSpace size={NSSpaceSizeType.SMALL}></NSSpace>
+                        <button
+                            onClick={() =>
+                            {
+                                this.setState(prev => ({ ...prev, isSendCode: false }));
+                            }}
+                            className={Styles.nsa_resend_button}
+                        >Resend Code</button>
+                    </>
+                }
+            </NSSection>
+        );
+    }
 }

package/src/pages/NSFCategoryEditPage.tsx

@@ -1,88 +1,88 @@
-import { CategoryInputRow, CategoryRow, CategoryScopeRow, SlotRow } from "namirasoft-field";
-import { NSBox, NSBoxString, NSBoxTextArea, NSColumn, NSRow } from "namirasoft-site-react";
-import { Component, createRef } from "react";
-import { NSALayoutCustomProps } from "../layouts/NSALayout";
-import { NSFRouterProps } from "../NSFRouterProps";
-import { NSFEntities } from "./NSFEntities";
-
-export interface NSFCategoryEditPageProps extends NSALayoutCustomProps<CategoryRow>, NSFRouterProps
-{
-	slot: SlotRow;
-	category_scope: CategoryScopeRow;
-	isEdit: boolean;
-}
-
-interface NSFCategoryEditPageState { }
-
-export class NSFCategoryEditPage extends Component<NSFCategoryEditPageProps, NSFCategoryEditPageState>
-{
-	NSBoxString_Name = createRef<NSBoxString>();
-	NSBoxTexArea_Description = createRef<NSBoxTextArea>();
-
-	constructor(props: NSFCategoryEditPageProps)
-	{
-		super(props);
-		this.state = {};
-	}
-
-	override render()
-	{
-		return this.props.layout.getNSALayout<CategoryRow, CategoryInputRow>({
-			...this.props,
-			action: {
-				description: this.props.isEdit ? "This section allows you to update the details of an existing category." : "This section allows you to add a new category by entering its details."
-			},
-			pages: {
-				entity: NSFEntities.category(this.props, this.props.slot, this.props.category_scope),
-				edit: {
-					...this.props,
-					ui: {
-						tab_page_edit: {
-							editor: {
-								getInputRow: () =>
-								{
-									let category_scope_id = this.props.category_scope.id;
-									let name = this.NSBoxString_Name.current?.getValue() ?? "";
-									let description = this.NSBoxTexArea_Description.current?.getValue() ?? "";
-
-									return {
-										workspace_id: "",
-										category_scope_id,
-										name,
-										description,
-										category_category: [],
-										category_field: [],
-										category_tag: [],
-									};
-								},
-								setRow: (row) =>
-								{
-									this.NSBoxString_Name.current?.setValue(row.name);
-									this.NSBoxTexArea_Description.current?.setValue(row.description ?? "");
-								}
-							}
-						}
-					}
-				}
-			},
-			children: <NSColumn>
-				<NSRow>
-					<NSBoxString
-						ref={this.NSBoxString_Name}
-						title="Name"
-						required
-						style={{ width: NSBox.width.double }}
-						info={{ link: "https://namirasoft.com/field/console-guide/category/#field-name" }}
-					/>
-				</NSRow>
-				<NSBoxTextArea
-					ref={this.NSBoxTexArea_Description}
-					title="Description"
-					required={false}
-					style={{ width: NSBox.width.double }}
-					info={{ link: "https://namirasoft.com/field/console-guide/category/#field-description" }}
-				/>
-			</NSColumn>
-		}, "nsf-page-category-view");
-	}
+import { CategoryInputRow, CategoryRow, CategoryScopeRow, SlotRow } from "namirasoft-field";
+import { NSBox, NSBoxString, NSBoxTextArea, NSColumn, NSRow } from "namirasoft-site-react";
+import { Component, createRef } from "react";
+import { NSALayoutCustomProps } from "../layouts/NSALayout";
+import { NSFRouterProps } from "../NSFRouterProps";
+import { NSFEntities } from "./NSFEntities";
+
+export interface NSFCategoryEditPageProps extends NSALayoutCustomProps<CategoryRow>, NSFRouterProps
+{
+	slot: SlotRow;
+	category_scope: CategoryScopeRow;
+	isEdit: boolean;
+}
+
+interface NSFCategoryEditPageState { }
+
+export class NSFCategoryEditPage extends Component<NSFCategoryEditPageProps, NSFCategoryEditPageState>
+{
+	NSBoxString_Name = createRef<NSBoxString>();
+	NSBoxTexArea_Description = createRef<NSBoxTextArea>();
+
+	constructor(props: NSFCategoryEditPageProps)
+	{
+		super(props);
+		this.state = {};
+	}
+
+	override render()
+	{
+		return this.props.layout.getNSALayout<CategoryRow, CategoryInputRow>({
+			...this.props,
+			action: {
+				description: this.props.isEdit ? "This section allows you to update the details of an existing category." : "This section allows you to add a new category by entering its details."
+			},
+			pages: {
+				entity: NSFEntities.category(this.props, this.props.slot, this.props.category_scope),
+				edit: {
+					...this.props,
+					ui: {
+						tab_page_edit: {
+							editor: {
+								getInputRow: () =>
+								{
+									let category_scope_id = this.props.category_scope.id;
+									let name = this.NSBoxString_Name.current?.getValue() ?? "";
+									let description = this.NSBoxTexArea_Description.current?.getValue() ?? "";
+
+									return {
+										workspace_id: "",
+										category_scope_id,
+										name,
+										description,
+										category_category: [],
+										category_field: [],
+										category_tag: [],
+									};
+								},
+								setRow: (row) =>
+								{
+									this.NSBoxString_Name.current?.setValue(row.name);
+									this.NSBoxTexArea_Description.current?.setValue(row.description ?? "");
+								}
+							}
+						}
+					}
+				}
+			},
+			children: <NSColumn>
+				<NSRow>
+					<NSBoxString
+						ref={this.NSBoxString_Name}
+						title="Name"
+						required
+						style={{ width: NSBox.width.double }}
+						info={{ link: "https://namirasoft.com/field/console-guide/category/#field-name" }}
+					/>
+				</NSRow>
+				<NSBoxTextArea
+					ref={this.NSBoxTexArea_Description}
+					title="Description"
+					required={false}
+					style={{ width: NSBox.width.double }}
+					info={{ link: "https://namirasoft.com/field/console-guide/category/#field-description" }}
+				/>
+			</NSColumn>
+		}, "nsf-page-category-view");
+	}
 }

package/src/pages/NSFCategoryListPage.tsx

@@ -1,24 +1,24 @@
-import { CategoryRow, CategoryScopeRow, SlotRow } from "namirasoft-field";
-import { NSALayoutCustomProps } from "../layouts/NSALayout";
-import { NSFRouterProps } from "../NSFRouterProps";
-import { NSFEntities } from "./NSFEntities";
-
-export interface NSFCategoryListPageProps extends NSALayoutCustomProps<CategoryRow>, NSFRouterProps
-{
-	slot: SlotRow;
-	category_scope: CategoryScopeRow;
-}
-
-export function NSFCategoryListPage(props: NSFCategoryListPageProps)
-{
-	return props.layout.getNSALayout({
-		...props,
-		action: {
-			description: "This section displays all categories you have created with their basic information."
-		},
-		pages: {
-			entity: NSFEntities.category(props, props.slot, props.category_scope),
-			list: {}
-		}
-	}, "nsf-page-category-list");
+import { CategoryRow, CategoryScopeRow, SlotRow } from "namirasoft-field";
+import { NSALayoutCustomProps } from "../layouts/NSALayout";
+import { NSFRouterProps } from "../NSFRouterProps";
+import { NSFEntities } from "./NSFEntities";
+
+export interface NSFCategoryListPageProps extends NSALayoutCustomProps<CategoryRow>, NSFRouterProps
+{
+	slot: SlotRow;
+	category_scope: CategoryScopeRow;
+}
+
+export function NSFCategoryListPage(props: NSFCategoryListPageProps)
+{
+	return props.layout.getNSALayout({
+		...props,
+		action: {
+			description: "This section displays all categories you have created with their basic information."
+		},
+		pages: {
+			entity: NSFEntities.category(props, props.slot, props.category_scope),
+			list: {}
+		}
+	}, "nsf-page-category-list");
 }