namirasoft-site-react 1.3.177 → 1.3.178

package/src/props/IValidationStringProps.ts

@@ -1,5 +1,5 @@
-export interface IValidationStringProps
-{
-    min_length?: number;
-    max_length?: number;
+export interface IValidationStringProps
+{
+    min_length?: number;
+    max_length?: number;
 }

package/src/routing/INSRouterMaker.ts

@@ -1,7 +1,7 @@
-import React from "react";
-import { INSRouterProps } from "./INSRouterProps";
-
-export interface INSRouterMaker
-{
-    onRender(props: INSRouterProps): React.JSX.Element;
+import React from "react";
+import { INSRouterProps } from "./INSRouterProps";
+
+export interface INSRouterMaker
+{
+    onRender(props: INSRouterProps): React.JSX.Element;
 }

package/src/routing/INSRouterProps.ts

@@ -1,6 +1,6 @@
-import { Notifier } from "../routing/Notifier";
-
-export interface INSRouterProps
-{
-    notifier: Notifier;
+import { Notifier } from "../routing/Notifier";
+
+export interface INSRouterProps
+{
+    notifier: Notifier;
 }

package/src/routing/INSRouterState.ts

@@ -1,6 +1,6 @@
-import { INSNotificationProps } from "../components/NSNotification";
-
-export interface INSRouterState
-{
-    notifications?: INSNotificationProps[];
+import { INSBarNotificationProps } from "../components/NSBarNotification";
+
+export interface INSRouterState
+{
+    notifications?: INSBarNotificationProps[];
 }

package/src/routing/NSRouterMaker.tsx

@@ -1,34 +1,34 @@
-import { INSRouterProps } from './INSRouterProps';
-import { INSRouterMaker } from './INSRouterMaker';
-import { INSRouterState } from './INSRouterState';
-import { Notifier } from './Notifier';
-
-export class NSRouterMaker
-{
-    private state: INSRouterState | undefined;
-    private setState: React.Dispatch<React.SetStateAction<INSRouterState | undefined>>;
-    private component: INSRouterMaker;
-    constructor(state: INSRouterState | undefined, setState: React.Dispatch<React.SetStateAction<INSRouterState | undefined>>, component: INSRouterMaker)
-    {
-        this.state = state;
-        this.setState = setState;
-        this.component = component;
-        this.init = this.init.bind(this);
-        this.onRender = this.onRender.bind(this);
-    }
-    private init(): { props: INSRouterProps }
-    {
-        let notifier: Notifier = new Notifier(this.state, this.setState);
-
-        let props: INSRouterProps = {
-            notifier
-        };
-
-        return { props };
-    }
-    onRender(): React.JSX.Element
-    {
-        let { props } = this.init();
-        return this.component.onRender(props);
-    }
+import { INSRouterProps } from './INSRouterProps';
+import { INSRouterMaker } from './INSRouterMaker';
+import { INSRouterState } from './INSRouterState';
+import { Notifier } from './Notifier';
+
+export class NSRouterMaker
+{
+    private state: INSRouterState | undefined;
+    private setState: React.Dispatch<React.SetStateAction<INSRouterState | undefined>>;
+    private component: INSRouterMaker;
+    constructor(state: INSRouterState | undefined, setState: React.Dispatch<React.SetStateAction<INSRouterState | undefined>>, component: INSRouterMaker)
+    {
+        this.state = state;
+        this.setState = setState;
+        this.component = component;
+        this.init = this.init.bind(this);
+        this.onRender = this.onRender.bind(this);
+    }
+    private init(): { props: INSRouterProps }
+    {
+        let notifier: Notifier = new Notifier(this.state, this.setState);
+
+        let props: INSRouterProps = {
+            notifier
+        };
+
+        return { props };
+    }
+    onRender(): React.JSX.Element
+    {
+        let { props } = this.init();
+        return this.component.onRender(props);
+    }
 };

package/src/routing/Notifier.ts

@@ -1,80 +1,80 @@
-import axios from "axios";
-import { NSNotificationColor, INSNotificationProps, NotificationType } from "../components/NSNotification";
-import { INSRouterState } from "./INSRouterState";
-
-export class Notifier
-{
-    private static Counter: number = 1;
-    private state: INSRouterState | undefined;
-    private setState: React.Dispatch<React.SetStateAction<INSRouterState | undefined>>;
-    constructor(state: INSRouterState | undefined, setState: React.Dispatch<React.SetStateAction<INSRouterState | undefined>>)
-    {
-        this.state = state;
-        this.setState = setState;
-        this.notify = this.notify.bind(this);
-        this.onInformation = this.onInformation.bind(this);
-        this.onSuccess = this.onSuccess.bind(this);
-        this.onWarning = this.onWarning.bind(this);
-        this.onError = this.onError.bind(this);
-        this.delNotification = this.delNotification.bind(this);
-        this.getNotifications = this.getNotifications.bind(this);
-    }
-    private notify(message: INSNotificationProps) 
-    {
-        let notifications: INSNotificationProps[] = [];
-        if (this.state?.notifications)
-            notifications.push(...this.state.notifications);
-        notifications.push(message);
-        this.setState({ notifications });
-        setTimeout(() =>
-        {
-            message.onClose();
-        }, 5000);
-        window.scrollTo({ top: 0, left: 0, behavior: 'smooth' });
-    }
-    onInformation(text: string) 
-    {
-        let id = Notifier.Counter++ + "";
-        this.notify({ id, text, type: NotificationType.Information, color: NSNotificationColor.GRAY, onClose: () => this.delNotification(id) });
-    }
-    onSuccess(text: string) 
-    {
-        let id = Notifier.Counter++ + "";
-        this.notify({ id, text, type: NotificationType.Success, color: NSNotificationColor.GREEN, onClose: () => this.delNotification(id) });
-    }
-    onWarning(text: string) 
-    {
-        let id = Notifier.Counter++ + "";
-        this.notify({ id, text, type: NotificationType.Warning, color: NSNotificationColor.YELLOW, onClose: () => this.delNotification(id) });
-    }
-    onError(error: Error | string) 
-    {
-        let id = Notifier.Counter++ + "";
-        let text: string = "";
-        if (error instanceof Error)
-        {
-            text = error.message;
-            if (axios.isAxiosError(error))
-                if (error.response?.data)
-                    text = error.response.data;
-        }
-        else
-            text = error;
-        this.notify({ id, text, type: NotificationType.Error, color: NSNotificationColor.RED, onClose: () => this.delNotification(id) });
-    }
-    delNotification(id: string): void
-    {
-        if (!this.state)
-            return;
-
-        let notifications: INSNotificationProps[] = [];
-        if (this.state.notifications)
-            notifications.push(...this.state.notifications);
-        notifications = notifications.filter(x => x.id !== id);
-        this.setState({ notifications });
-    }
-    getNotifications(): INSNotificationProps[]
-    {
-        return this.state?.notifications ?? [];
-    }
+import axios from "axios";
+import { NSBarNotificationColor, INSBarNotificationProps, NotificationType } from "../components/NSBarNotification";
+import { INSRouterState } from "./INSRouterState";
+
+export class Notifier
+{
+    private static Counter: number = 1;
+    private state: INSRouterState | undefined;
+    private setState: React.Dispatch<React.SetStateAction<INSRouterState | undefined>>;
+    constructor(state: INSRouterState | undefined, setState: React.Dispatch<React.SetStateAction<INSRouterState | undefined>>)
+    {
+        this.state = state;
+        this.setState = setState;
+        this.notify = this.notify.bind(this);
+        this.onInformation = this.onInformation.bind(this);
+        this.onSuccess = this.onSuccess.bind(this);
+        this.onWarning = this.onWarning.bind(this);
+        this.onError = this.onError.bind(this);
+        this.delNotification = this.delNotification.bind(this);
+        this.getNotifications = this.getNotifications.bind(this);
+    }
+    private notify(message: INSBarNotificationProps) 
+    {
+        let notifications: INSBarNotificationProps[] = [];
+        if (this.state?.notifications)
+            notifications.push(...this.state.notifications);
+        notifications.push(message);
+        this.setState({ notifications });
+        setTimeout(() =>
+        {
+            message.onClose();
+        }, 5000);
+        window.scrollTo({ top: 0, left: 0, behavior: 'smooth' });
+    }
+    onInformation(text: string) 
+    {
+        let id = Notifier.Counter++ + "";
+        this.notify({ id, text, type: NotificationType.Information, color: NSBarNotificationColor.GRAY, onClose: () => this.delNotification(id) });
+    }
+    onSuccess(text: string) 
+    {
+        let id = Notifier.Counter++ + "";
+        this.notify({ id, text, type: NotificationType.Success, color: NSBarNotificationColor.GREEN, onClose: () => this.delNotification(id) });
+    }
+    onWarning(text: string) 
+    {
+        let id = Notifier.Counter++ + "";
+        this.notify({ id, text, type: NotificationType.Warning, color: NSBarNotificationColor.YELLOW, onClose: () => this.delNotification(id) });
+    }
+    onError(error: Error | string) 
+    {
+        let id = Notifier.Counter++ + "";
+        let text: string = "";
+        if (error instanceof Error)
+        {
+            text = error.message;
+            if (axios.isAxiosError(error))
+                if (error.response?.data)
+                    text = error.response.data;
+        }
+        else
+            text = error;
+        this.notify({ id, text, type: NotificationType.Error, color: NSBarNotificationColor.RED, onClose: () => this.delNotification(id) });
+    }
+    delNotification(id: string): void
+    {
+        if (!this.state)
+            return;
+
+        let notifications: INSBarNotificationProps[] = [];
+        if (this.state.notifications)
+            notifications.push(...this.state.notifications);
+        notifications = notifications.filter(x => x.id !== id);
+        this.setState({ notifications });
+    }
+    getNotifications(): INSBarNotificationProps[]
+    {
+        return this.state?.notifications ?? [];
+    }
 }

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"
+    ]
 }

package/dist/components/NSBoxOTP.module.css

@@ -1,11 +0,0 @@
-.ns_otp_input{
-    border: none;
-    background-color: transparent;
-    border-bottom: 2px solid #141B5C;
-}
-
-.ns_otp_input:focus{
-    border: none;
-    outline: none;
-    border-bottom: 2px solid #141B5C;
-}

package/dist/components/NSBoxTextArea.module.css

@@ -1,38 +0,0 @@
-.ns_text_area_parent {
-	display: flex;
-	flex-direction: column;
-	width: fit-content;
-	color: #141B5C;
-	position: relative;
-	justify-content: center;
-	width: 100%;
-	max-width: 560px;
-}
-
-.ns_text_area_container {
-	display: flex;
-	align-items: center;
-	position: relative;
-	width: 100%;
-}
-
-.ns_text_area_icon_container {
-	margin: 0 !important;
-	position: absolute;
-	right: 12px;
-	top: 10px;
-}
-
-.ns_text_area {
-	border-radius: 8px;
-	padding: 10px 12px 10px 12px;
-	font-size: 16px;
-	font-weight: 400;
-	border: 1px solid rgba(0, 0, 0, 1) !important;
-	width: 100%;
-}
-
-.ns_text_area_title {
-	font-size: 16px;
-	font-weight: 400;
-}

package/dist/components/NSVerification.module.css

@@ -1,23 +0,0 @@
-.ns_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;
-}
-
-.ns_verification_container p{
-    text-align: center;
-}
-
-.ns_verification_vector{
-    width: 224px;
-    height: 224px;
-}

package/src/components/NSLayoutHeroBanner.tsx

@@ -1,69 +0,0 @@
-"use client";
-
-import { ReactNode } from 'react';
-import { NSLayout, INSLayoutProps } from './NSLayout';
-import Styles from './NSLayoutHeroBanner.module.css'
-import { Link } from 'react-router-dom';
-import { IBaseComponentProps } from '../props/IBaseComponentProps';
-
-export interface INSLayoutHeroBannerProps extends INSLayoutProps, IBaseComponentProps
-{
-	title: string;
-	description?: string;
-	description_last?: string;
-	banner: string;
-	children: ReactNode;
-}
-
-export function NSLayoutHeroBanner(props: INSLayoutHeroBannerProps)
-{
-	return (
-		<NSLayout {...props} >
-			<div className={Styles.hero_holder}>
-				<section className={Styles.hero_wraper}>
-					<div className="container mx-auto px-4 lg:px-12">
-						<div className="flex flex-wrap lg:flex-nowrap justify-center lg:justify-between">
-							<article className={`mb-6 lg:mb-0 lg:mb-12lg:pe-12 ${Styles.hero_text_container}`} >
-								<h1 className="ns-font-32-bold  ns_font_lg_40_bold mb-6">
-									{props.title}
-								</h1>
-								<p className="ns-font-16-normal  lg:mb-4">
-									{props.description}
-								</p>
-								<p className="ns-font-16-normal">
-									{props.description_last}
-								</p>
-								<div className="hidden lg:block mt-6">
-									<Link to="#" style={{ width: "100%", marginBottom: "24px" }} >
-										Contact US
-									</Link>
-									<Link to="#" style={{ width: "100%" }} >
-										Book a Meeting With Us
-									</Link>
-								</div>
-							</article>
-							<div style={{ backgroundImage: `url(${props.banner})` }} className={`hidden lg:block lg:w-full xl:w-1/2 ${Styles.hero_image_bg}`}>
-								<div className={Styles.ns_hero_vector_bg}></div>
-							</div>
-							<div className={`block lg:hidden ${Styles.hero_img_container}`}>
-								<img
-									src={props.banner}
-									alt=""
-								/>
-							</div>
-							<div className="w-full mt-6 block lg:hidden">
-								<Link to="#" style={{ width: "100%", marginBottom: "24px" }} >
-									Contact US
-								</Link>
-								<Link to="#" style={{ width: "100%" }} >
-									Book a Meeting With Us
-								</Link>
-							</div>
-						</div>
-					</div>
-				</section>
-			</div>
-			{props.children}
-		</NSLayout>
-	);
-}

package/src/components/NSLayoutTitle.tsx

@@ -1,39 +0,0 @@
-import Styles from './NSLayoutTitle.module.css';
-import { ReactNode } from 'react';
-import { NSLayout, INSLayoutProps } from './NSLayout';
-import { NSSpace, NSSpaceSizeType } from './NSSpace';
-import { IBaseComponentProps } from '../props/IBaseComponentProps';
-
-export interface INSLayoutTitleProps extends INSLayoutProps, IBaseComponentProps
-{
-	title: string;
-	description?: string;
-	children: ReactNode;
-}
-
-export function NSLayoutTitle(props: INSLayoutTitleProps)
-{
-	let lines = (props.description ?? "").split(/(\n|\\n|<br>|<br\s*\/>)/gm);
-	return (
-		<NSLayout {...props}>
-			<NSSpace size={NSSpaceSizeType.SMALL}></NSSpace>
-			<div>
-				<h1 className={Styles.title}>{props.title}</h1>
-				{
-					props.description && lines &&
-					<p className={Styles.description}>{
-						lines.map((line, index) =>
-						{
-							return <>
-								{line.trim()}
-								{index != lines.length - 1 && <br />}
-							</>;
-						})
-					}</p>
-				}
-				<NSSpace size={NSSpaceSizeType.NORMAL}></NSSpace>
-			</div>
-			{props.children}
-		</NSLayout>
-	);
-}