namirasoft-account-react 1.5.4 → 1.5.6

package/src/main.ts

@@ -1,47 +1,47 @@
-export * from "./components/NSAAccessListDialog";
-export * from "./components/NSAMasterMenu";
-export * from "./components/NSAMasterMenuItem";
-export * from "./components/NSAMessageListDialog";
-export * from "./components/NSAProductListDialog";
-export * from "./components/quickfilter/NSAFilterBoxBase";
-export * from "./components/quickfilter/NSAFilterBoxBoolean";
-export * from "./components/quickfilter/NSAFilterBoxDate";
-export * from "./components/quickfilter/NSAFilterBoxDateTime";
-export * from "./components/quickfilter/NSAFilterBoxEnum";
-export * from "./components/quickfilter/NSAFilterBoxNumber";
-export * from "./components/quickfilter/NSAFilterBoxString";
-export * from "./components/quickfilter/NSAFilterBoxTime";
-export * from "./components/quickfilter/NSAQuickFilterBar";
-export * from "./components/quickfilter/NSAQuickFilterDialog";
-export * from "./components/NSAReorderDialog";
-export * from "./components/NSASortDialog";
-export * from "./components/NSATable";
-export * from "./components/NSAUserDialog";
-export * from "./components/NSAWorkspaceListDialog";
-export * from "./components/NSABoxSecret";
-export * from "./components/NSLabelSecret";
-export * from "./formatters/SecretFormatter";
-export * from "./layouts/Actions";
-export * from "./layouts/CFTUtil";
-export * from "./layouts/NSALayout";
-export * from "./layouts/NSASectionEdit";
-export * from "./layouts/NSASectionEditTabPage";
-export * from "./layouts/NSASectionList";
-export * from "./layouts/NSASectionView";
-export * from "./layouts/NSASectionViewTabMore";
-export * from "./layouts/NSASectionViewTabPage";
-export * from "./pages/NSAConsentPage";
-export * from "./pages/NSAEmailVerificationPage";
-export * from "./pages/NSAHomePage";
-export * from "./pages/NSALoginPage";
-export * from "./pages/NSAPhoneVerificationPage";
-export * from "./pages/NSAVerificationPage";
-export * from "./pages/PaymentRequired";
-export * from "./CTFRow";
-export * from "./IEntityInfo";
-export * from "./NSACacheService";
-export * from "./NSAFilterOperators";
-export * from "./NSARouterMaker";
-export * from "./NSARouterMakerConfig";
-export * from "./NSARouterMakerProps";
+export * from "./components/NSAAccessListDialog";
+export * from "./components/NSAMasterMenu";
+export * from "./components/NSAMasterMenuItem";
+export * from "./components/NSAMessageListDialog";
+export * from "./components/NSAProductListDialog";
+export * from "./components/quickfilter/NSAFilterBoxBase";
+export * from "./components/quickfilter/NSAFilterBoxBoolean";
+export * from "./components/quickfilter/NSAFilterBoxDate";
+export * from "./components/quickfilter/NSAFilterBoxDateTime";
+export * from "./components/quickfilter/NSAFilterBoxEnum";
+export * from "./components/quickfilter/NSAFilterBoxNumber";
+export * from "./components/quickfilter/NSAFilterBoxString";
+export * from "./components/quickfilter/NSAFilterBoxTime";
+export * from "./components/quickfilter/NSAQuickFilterBar";
+export * from "./components/quickfilter/NSAQuickFilterDialog";
+export * from "./components/NSAReorderDialog";
+export * from "./components/NSASortDialog";
+export * from "./components/NSATable";
+export * from "./components/NSAUserDialog";
+export * from "./components/NSAWorkspaceListDialog";
+export * from "./components/NSABoxSecret";
+export * from "./components/NSLabelSecret";
+export * from "./formatters/SecretFormatter";
+export * from "./layouts/Actions";
+export * from "./layouts/CFTUtil";
+export * from "./layouts/NSALayout";
+export * from "./layouts/NSASectionEdit";
+export * from "./layouts/NSASectionEditTabPage";
+export * from "./layouts/NSASectionList";
+export * from "./layouts/NSASectionView";
+export * from "./layouts/NSASectionViewTabMore";
+export * from "./layouts/NSASectionViewTabPage";
+export * from "./pages/NSAConsentPage";
+export * from "./pages/NSAEmailVerificationPage";
+export * from "./pages/NSAHomePage";
+export * from "./pages/NSALoginPage";
+export * from "./pages/NSAPhoneVerificationPage";
+export * from "./pages/NSAVerificationPage";
+export * from "./pages/PaymentRequired";
+export * from "./CTFRow";
+export * from "./IEntityInfo";
+export * from "./NSACacheService";
+export * from "./NSAFilterOperators";
+export * from "./NSARouterMaker";
+export * from "./NSARouterMakerConfig";
+export * from "./NSARouterMakerProps";
 export * from "./UseParams";

package/src/pages/NSAConsentPage.module.css

@@ -1,27 +1,27 @@
-.nsa_consent_page_container {
-	display: flex;
-	flex-direction: column;
-	align-items: center;
-	justify-content: center;
-	min-height: 100vh;
-}
-
-.nsa_consent_page_logo {
-	text-align: center;
-}
-
-.nsa_consent_page_title {
-	font-size: 32px;
-	font-weight: 700;
-	text-align: center;
-}
-
-.nsa_consent_page_button {
-	text-align: center;
-}
-
-.nsa_consent_page_version {
-	position: fixed;
-	left: 16px;
-	bottom: 16px;
+.nsa_consent_page_container {
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+	justify-content: center;
+	min-height: 100vh;
+}
+
+.nsa_consent_page_logo {
+	text-align: center;
+}
+
+.nsa_consent_page_title {
+	font-size: 32px;
+	font-weight: 700;
+	text-align: center;
+}
+
+.nsa_consent_page_button {
+	text-align: center;
+}
+
+.nsa_consent_page_version {
+	position: fixed;
+	left: 16px;
+	bottom: 16px;
 }

package/src/pages/NSAConsentPage.tsx

@@ -1,121 +1,121 @@
-import React, { useEffect, useRef, useState } from 'react';
-import { NSSpace, NSSpaceSizeType, NSButtonBlue, IBackgroundProps, NSLoading, ProductCacheService, NSBoxBoolean, NSBox } from 'namirasoft-site-react';
-import { ProductFullRow } from 'namirasoft-api-product';
-import { NSARouterMakerProps } from '../NSARouterMakerProps';
-import { ConsentRow } from 'namirasoft-account';
-import Styles from './NSAConsentPage.module.css';
-import { VersionOperation } from 'namirasoft-core';
-import { NSACacheService } from '../NSACacheService';
-
-export interface NSAConsentPageProps extends NSARouterMakerProps
-{
-	custom?: {
-		name?: string;
-		logo?: string;
-		background?: IBackgroundProps;
-	};
-	onAccepted: () => React.JSX.Element;
-}
-export interface NSAConsentPageState
-{
-	loading: boolean;
-	product: ProductFullRow | null;
-	consent: ConsentRow | null;
-	accepted: boolean;
-}
-
-export function NSAConsentPage(props: NSAConsentPageProps) 
-{
-	const NSBoxBoolean_Agree = useRef<NSBoxBoolean>(null);
-
-	let cache_product = ProductCacheService.get(props.product_id, console.error);
-	let cache_consent = NSACacheService.getConsent(props.account.token_manager, props.product_id, console.error);
-	let [state, setState] = useState<NSAConsentPageState>({ loading: true, product: null, consent: null, accepted: false });
-
-	useEffect(() =>
-	{
-		cache_product.get().then(product =>
-		{
-			setState(prev => { return { ...prev, product } });
-			cache_consent.get().then(consent =>
-			{
-				setState(prev => { return { ...prev, consent, loading: false } });
-			}).catch(() => { });
-		}).catch(() => { });
-		// eslint-disable-next-line 
-	}, []);
-
-	if (state.loading || !state.product)
-		return <NSLoading />;
-
-	if (state.consent)
-	{
-		let terms = true;
-		let privacy = true;
-		if (!VersionOperation.isGreaterThanOrEqual(state.consent.terms_version ?? "0.0.0", state.product.terms_version ?? "0.0.0"))
-			terms = false;
-		if (!VersionOperation.isGreaterThanOrEqual(state.consent.privacy_version ?? "0.0.0", state.product.privacy_version ?? "0.0.0"))
-			privacy = false;
-		if (terms && privacy)
-			return props.onAccepted();
-	}
-
-	let name = props.custom?.name ?? state.product.name ?? "";
-	let logo = props.custom?.logo ?? state.product.logo ?? "";
-	let background = props.custom?.background ?? state.product.background;
-
-	return (
-		<div
-			style={{
-				width: '100%',
-				background: background ? `url(${background})` : "",
-				backgroundSize: props.custom?.background?.size ?? "cover",
-				backgroundAttachment: props.custom?.background?.attachment ?? "fixed"
-			}}
-		>
-			<div className={`container ${Styles.nsa_consent_page_container}`}>
-				<div className={Styles.nsa_consent_page_logo}>
-					<img width={256} height={256} src={logo} alt={`${name} Logo`} />
-				</div>
-				<div>
-					<h1 className={Styles.nsa_consent_page_title}>{name}</h1>
-				</div>
-				<NSSpace size={NSSpaceSizeType.SMALL} />
-				<p
-					style={{ margin: "0px", maxWidth: NSBox.width.double }}
-				>
-					Before continuing, please read and accept our <a href={state.product.terms ?? ""}>Terms of Conditions</a> and <a href={state.product.privacy ?? ""}>Privacy Policy</a>. These documents are designed to help you understand what you can expect from us as a service provider and what we expect from you as a user. They explain how we collect, use, and protect your personal information, as well as the rules and guidelines for using our platform. Your privacy and trust are very important to us, and we are committed to being transparent about how your data is handled. By checking the box below, you confirm that you have read, understood, and agreed to these terms.
-				</p>
-				<NSBoxBoolean
-					ref={NSBoxBoolean_Agree}
-					required={false}
-					title=''
-					style={{ width: "max-content" }}
-					onChanged={(e) => { setState(prev => { return { ...prev, accepted: e.getValue() ?? false }; }); }}
-				>
-					<p
-						style={{ margin: "0px" }}
-					>
-						I have read and accpeted the <a href={state.product.terms ?? ""}>Terms of Conditions</a> and <a href={state.product.privacy ?? ""}>Privacy Policy</a>
-					</p>
-				</NSBoxBoolean>
-				<NSSpace size={NSSpaceSizeType.SMALL} />
-				<NSButtonBlue
-					title="Accept"
-					onClick={{
-						action: (onFinished) =>
-						{
-							props.account.server.consent.Create({ product_id: props.product_id }).then((consent) =>
-							{
-								cache_consent.set(consent);
-								setState(prev => { return { ...prev, consent } });
-								onFinished();
-							}).catch(onFinished);
-						}
-					}}
-					disabled={!state.accepted}
-				/>
-			</div>
-		</div>
-	);
+import { ConsentRow } from 'namirasoft-account';
+import { ProductFullRow } from 'namirasoft-api-product';
+import { VersionOperation } from 'namirasoft-core';
+import { IBackgroundProps, NSBox, NSBoxBoolean, NSButtonBlue, NSLoading, NSSpace, NSSpaceSizeType, ProductCacheService } from 'namirasoft-site-react';
+import React, { useEffect, useRef, useState } from 'react';
+import { NSACacheService } from '../NSACacheService';
+import { NSARouterMakerProps } from '../NSARouterMakerProps';
+import Styles from './NSAConsentPage.module.css';
+
+export interface NSAConsentPageProps extends NSARouterMakerProps
+{
+	custom?: {
+		name?: string;
+		logo?: string;
+		background?: IBackgroundProps;
+	};
+	onAccepted: () => React.JSX.Element;
+}
+export interface NSAConsentPageState
+{
+	loading: boolean;
+	product: ProductFullRow | null;
+	consent: ConsentRow | null;
+	accepted: boolean;
+}
+
+export function NSAConsentPage(props: NSAConsentPageProps) 
+{
+	const NSBoxBoolean_Agree = useRef<NSBoxBoolean>(null);
+
+	let cache_product = ProductCacheService.get(props.product_id, console.error);
+	let cache_consent = NSACacheService.getConsent(props.account.token_manager, props.product_id, console.error);
+	let [state, setState] = useState<NSAConsentPageState>({ loading: true, product: null, consent: null, accepted: false });
+
+	useEffect(() =>
+	{
+		cache_product.get().then(product =>
+		{
+			setState(prev => { return { ...prev, product } });
+			cache_consent.get().then(consent =>
+			{
+				setState(prev => { return { ...prev, consent, loading: false } });
+			}).catch(() => { });
+		}).catch(() => { });
+		// eslint-disable-next-line 
+	}, []);
+
+	if (state.loading || !state.product)
+		return <NSLoading />;
+
+	if (state.consent)
+	{
+		let terms = true;
+		let privacy = true;
+		if (!VersionOperation.isGreaterThanOrEqual(state.consent.terms_version ?? "0.0.0", state.product.terms_version ?? "0.0.0"))
+			terms = false;
+		if (!VersionOperation.isGreaterThanOrEqual(state.consent.privacy_version ?? "0.0.0", state.product.privacy_version ?? "0.0.0"))
+			privacy = false;
+		if (terms && privacy)
+			return props.onAccepted();
+	}
+
+	let name = props.custom?.name ?? state.product.name ?? "";
+	let logo = props.custom?.logo ?? state.product.logo ?? "";
+	let background = props.custom?.background ?? state.product.background;
+
+	return (
+		<div
+			style={{
+				width: '100%',
+				background: background ? `url(${background})` : "",
+				backgroundSize: props.custom?.background?.size ?? "cover",
+				backgroundAttachment: props.custom?.background?.attachment ?? "fixed"
+			}}
+		>
+			<div className={`container ${Styles.nsa_consent_page_container}`}>
+				<div className={Styles.nsa_consent_page_logo}>
+					<img width={256} height={256} src={logo} alt={`${name} Logo`} />
+				</div>
+				<div>
+					<h1 className={Styles.nsa_consent_page_title}>{name}</h1>
+				</div>
+				<NSSpace size={NSSpaceSizeType.SMALL} />
+				<p
+					style={{ margin: "0px", maxWidth: NSBox.width.double }}
+				>
+					Before continuing, please read and accept our <a href={state.product.terms ?? ""}>Terms of Conditions</a> and <a href={state.product.privacy ?? ""}>Privacy Policy</a>. These documents are designed to help you understand what you can expect from us as a service provider and what we expect from you as a user. They explain how we collect, use, and protect your personal information, as well as the rules and guidelines for using our platform. Your privacy and trust are very important to us, and we are committed to being transparent about how your data is handled. By checking the box below, you confirm that you have read, understood, and agreed to these terms.
+				</p>
+				<NSBoxBoolean
+					ref={NSBoxBoolean_Agree}
+					required={false}
+					title=''
+					style={{ width: "max-content" }}
+					onChanged={(e) => { setState(prev => { return { ...prev, accepted: e.getValue() ?? false }; }); }}
+				>
+					<p
+						style={{ margin: "0px" }}
+					>
+						I have read and accpeted the <a href={state.product.terms ?? ""}>Terms of Conditions</a> and <a href={state.product.privacy ?? ""}>Privacy Policy</a>
+					</p>
+				</NSBoxBoolean>
+				<NSSpace size={NSSpaceSizeType.SMALL} />
+				<NSButtonBlue
+					title="Accept"
+					onClick={{
+						action: (onFinished) =>
+						{
+							props.account.server.consent.Create({ product_id: props.product_id }).then((consent) =>
+							{
+								cache_consent.set(consent);
+								setState(prev => { return { ...prev, consent } });
+								onFinished();
+							}).catch(onFinished);
+						}
+					}}
+					disabled={!state.accepted}
+				/>
+			</div>
+		</div>
+	);
 }

package/src/pages/NSAEmailVerificationPage.tsx

@@ -1,31 +1,31 @@
-import { NSARouterMakerProps } from "../NSARouterMakerProps";
-import { NSAVerificationPage } from "./NSAVerificationPage";
-
-interface NSAEmailVerificationPageProps extends NSARouterMakerProps
-{
-	callback: string;
-}
-
-export function NSAEmailVerificationPage(props: NSAEmailVerificationPageProps) 
-{
-	return (
-		<NSAVerificationPage
-			{...props}
-			contact_type="Email"
-			contact_value_name="Email"
-			getContactValue={() =>
-			{
-				return props.account.token_manager.get()?.user?.email ?? "";
-			}}
-			onRequest={async () =>
-			{
-				await props.account.server.email.Request();
-			}}
-			onVerify={async (code: string) =>
-			{
-				await props.account.server.email.Verify({ code });
-			}}
-			onFinished={() => props.url.redirect(props.callback, {})}
-		/>
-	);
+import { NSARouterMakerProps } from "../NSARouterMakerProps";
+import { NSAVerificationPage } from "./NSAVerificationPage";
+
+interface NSAEmailVerificationPageProps extends NSARouterMakerProps
+{
+	callback: string;
+}
+
+export function NSAEmailVerificationPage(props: NSAEmailVerificationPageProps) 
+{
+	return (
+		<NSAVerificationPage
+			{...props}
+			contact_type="Email"
+			contact_value_name="Email"
+			getContactValue={() =>
+			{
+				return props.account.token_manager.get()?.user?.email ?? "";
+			}}
+			onRequest={async () =>
+			{
+				await props.account.server.email.Request();
+			}}
+			onVerify={async (code: string) =>
+			{
+				await props.account.server.email.Verify({ code });
+			}}
+			onFinished={() => props.url.redirect(props.callback, {})}
+		/>
+	);
 };

package/src/pages/NSAHomePage.module.css

@@ -1,42 +1,42 @@
-.nsa_home_container {
-    display: flex;
-    flex-direction: column;
-    width: 100%;
-    justify-content: center;
-    align-items: center;
-    text-align: center;
-    color: #141B5C;
-}
-
-.nsa_home_container h2 {
-    color: #141B5C;
-    font-size: 48px;
-    font-weight: 600;
-    text-align: center;
-}
-
-.nsa_home_container p {
-    color: #141B5C;
-    font-size: 16px;
-    max-width: 960px;
-    text-align: center;
-    margin-bottom: 0;
-}
-
-.nsa_home_search_wrapper {
-    height: 3.5rem;
-}
-
-.nsa_home_search_box {
-    min-height: 100%;
-    border: none !important;
-    border-radius: 2rem;
-    padding: 0.5rem 1rem 0.5rem 3rem;
-    background: url("https://static.namirasoft.com/image/concept/search/blue.svg") left 16px center / 24px no-repeat scroll white !important;
-    box-shadow: 0 0 0 4px rgba(64, 150, 255, 0.08);
-}
-
-.nsa_home_search_box:focus-visible {
-    outline: none !important;
-    box-shadow: 0 0 0 4px rgb(64, 150, 255, 0.24);
+.nsa_home_container {
+    display: flex;
+    flex-direction: column;
+    width: 100%;
+    justify-content: center;
+    align-items: center;
+    text-align: center;
+    color: #141B5C;
+}
+
+.nsa_home_container h2 {
+    color: #141B5C;
+    font-size: 48px;
+    font-weight: 600;
+    text-align: center;
+}
+
+.nsa_home_container p {
+    color: #141B5C;
+    font-size: 16px;
+    max-width: 960px;
+    text-align: center;
+    margin-bottom: 0;
+}
+
+.nsa_home_search_wrapper {
+    height: 3.5rem;
+}
+
+.nsa_home_search_box {
+    min-height: 100%;
+    border: none !important;
+    border-radius: 2rem;
+    padding: 0.5rem 1rem 0.5rem 3rem;
+    background: url("https://static.namirasoft.com/image/concept/search/blue.svg") left 16px center / 24px no-repeat scroll white !important;
+    box-shadow: 0 0 0 4px rgba(64, 150, 255, 0.08);
+}
+
+.nsa_home_search_box:focus-visible {
+    outline: none !important;
+    box-shadow: 0 0 0 4px rgb(64, 150, 255, 0.24);
 }