namirasoft-account-react 1.3.27 → 1.3.30

package/dist/App.js

@@ -1,6 +1,7 @@
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import './App.css';
-import { NSALoginPage, NSALayoutAction } from './main';
+import { NSALoginPage, NSALayoutAction, NSADeleteModal } from './main';
+import { useState } from "react";
 const actions = [
     {
         group: "actions",
@@ -44,7 +45,11 @@ const actions = [
     }
 ];
 export function App() {
-    return (_jsxs(_Fragment, { children: [_jsx(NSALoginPage, { title: "Namirasoft Payment", logo: "Logo", background: "https://static.namirasoft.com/image/namirasoft/account/background/base.svg" }), _jsx(NSALayoutAction, { scope: 'Namirasoft Account Console', logo: 'https://static.namirasoft.com/image/namirasoft/account/logo/base.png', background: "url('https://static.namirasoft.com/image/namirasoft/account/background/base.svg')", title: 'test', description: 'You\u2019re not a Premium user yet. It takes us 10 to 30 days to make you Premium.', notifications: [], actions: actions, children: _jsx("p", { children: "test" }) })] }));
+    const [showModal, setshowModal] = useState(false);
+    const handleModal = () => {
+        setshowModal(!showModal);
+    };
+    return (_jsxs(_Fragment, { children: [_jsx(NSALoginPage, { title: "Namirasoft Payment", logo: "Logo", background: "https://static.namirasoft.com/image/namirasoft/account/background/base.svg" }), _jsx(NSALayoutAction, { scope: 'Namirasoft Account Console', logo: 'https://static.namirasoft.com/image/namirasoft/account/logo/base.png', background: "url('https://static.namirasoft.com/image/namirasoft/account/background/base.svg')", title: 'test', description: 'You\u2019re not a Premium user yet. It takes us 10 to 30 days to make you Premium.', notifications: [], actions: actions, children: _jsx("p", { children: "test" }) }), _jsx(NSADeleteModal, { title: "string", description: "string", show: showModal, onYes: () => { }, onNo: handleModal })] }));
 }
 ;
 //# sourceMappingURL=App.js.map

package/dist/App.js.map

@@ -1 +1 @@
-{"version":3,"file":"App.js","sourceRoot":"","sources":["../src/App.tsx"],"names":[],"mappings":";AAAA,OAAO,WAAW,CAAC;AACnB,OAAO,EAAE,YAAY,EAAE,eAAe,EAAE,MAAM,QAAQ,CAAC;AAEvD,MAAM,OAAO,GAAG;IACZ;QACI,KAAK,EAAE,SAAS;QAChB,KAAK,EAAE;YACH;gBACI,EAAE,EAAE,GAAG;gBACP,SAAS,EAAE,MAAM;gBACjB,OAAO;gBAEP,CAAC;gBACD,QAAQ;oBAEJ,OAAO,IAAI,CAAC;gBAChB,CAAC;aACJ;YACD;gBACI,EAAE,EAAE,GAAG;gBACP,SAAS,EAAE,cAAc;gBACzB,OAAO;oBAEH,OAAO,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;gBAChC,CAAC;gBACD,QAAQ;oBAEJ,OAAO,IAAI,CAAC;gBAChB,CAAC;aACJ;YACD;gBACI,EAAE,EAAE,GAAG;gBACP,SAAS,EAAE,MAAM;gBACjB,OAAO,KACL,CAAC;gBACH,QAAQ;oBAEJ,OAAO,IAAI,CAAC;gBAChB,CAAC;aACJ;YACD;gBACI,EAAE,EAAE,GAAG;gBACP,SAAS,EAAE,QAAQ;gBACnB,OAAO,KACL,CAAC;gBACH,QAAQ;oBAEJ,OAAO,IAAI,CAAC;gBAChB,CAAC;aACJ;SACJ;KACJ;CACJ,CAAA;AACD,MAAM,UAAU,GAAG;IAEf,OAAO,CACH,8BACI,KAAC,YAAY,IACT,KAAK,EAAC,oBAAoB,EAC1B,IAAI,EAAC,MAAM,EACX,UAAU,EAAC,4EAA4E,GAAG,EAC9F,KAAC,eAAe,IACZ,KAAK,EAAC,4BAA4B,EAClC,IAAI,EAAC,sEAAsE,EAC3E,UAAU,EAAC,mFAAmF,EAC9F,KAAK,EAAC,MAAM,EACZ,WAAW,EAAC,oFAA+E,EAC3F,aAAa,EAAE,EAAE,EACjB,OAAO,EAAE,OAAO,YAEhB,+BAAW,GACG,IACnB,CACN,CAAC;AACN,CAAC;AAAA,CAAC"}
+{"version":3,"file":"App.js","sourceRoot":"","sources":["../src/App.tsx"],"names":[],"mappings":";AAAA,OAAO,WAAW,CAAC;AACnB,OAAO,EAAE,YAAY,EAAE,eAAe,EAAE,cAAc,EAAE,MAAM,QAAQ,CAAC;AACvE,OAAO,EAAG,QAAQ,EAAE,MAAM,OAAO,CAAC;AAElC,MAAM,OAAO,GAAG;IACZ;QACI,KAAK,EAAE,SAAS;QAChB,KAAK,EAAE;YACH;gBACI,EAAE,EAAE,GAAG;gBACP,SAAS,EAAE,MAAM;gBACjB,OAAO;gBAEP,CAAC;gBACD,QAAQ;oBAEJ,OAAO,IAAI,CAAC;gBAChB,CAAC;aACJ;YACD;gBACI,EAAE,EAAE,GAAG;gBACP,SAAS,EAAE,cAAc;gBACzB,OAAO;oBAEH,OAAO,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;gBAChC,CAAC;gBACD,QAAQ;oBAEJ,OAAO,IAAI,CAAC;gBAChB,CAAC;aACJ;YACD;gBACI,EAAE,EAAE,GAAG;gBACP,SAAS,EAAE,MAAM;gBACjB,OAAO,KACL,CAAC;gBACH,QAAQ;oBAEJ,OAAO,IAAI,CAAC;gBAChB,CAAC;aACJ;YACD;gBACI,EAAE,EAAE,GAAG;gBACP,SAAS,EAAE,QAAQ;gBACnB,OAAO,KACL,CAAC;gBACH,QAAQ;oBAEJ,OAAO,IAAI,CAAC;gBAChB,CAAC;aACJ;SACJ;KACJ;CACJ,CAAA;AACD,MAAM,UAAU,GAAG;IAEf,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAU,KAAK,CAAC,CAAC;IAC3D,MAAM,WAAW,GAAG,GAAS,EAAE;QAE3B,YAAY,CAAC,CAAC,SAAS,CAAC,CAAC;IAC7B,CAAC,CAAA;IACD,OAAO,CACH,8BACI,KAAC,YAAY,IACT,KAAK,EAAC,oBAAoB,EAC1B,IAAI,EAAC,MAAM,EACX,UAAU,EAAC,4EAA4E,GAAG,EAC9F,KAAC,eAAe,IACZ,KAAK,EAAC,4BAA4B,EAClC,IAAI,EAAC,sEAAsE,EAC3E,UAAU,EAAC,mFAAmF,EAC9F,KAAK,EAAC,MAAM,EACZ,WAAW,EAAC,oFAA+E,EAC3F,aAAa,EAAE,EAAE,EACjB,OAAO,EAAE,OAAO,YAEhB,+BAAW,GACG,EAClB,KAAC,cAAc,IACX,KAAK,EAAC,QAAQ,EACd,WAAW,EAAC,QAAQ,EACpB,IAAI,EAAE,SAAS,EACf,KAAK,EAAE,GAAG,EAAE,GAAG,CAAC,EAChB,IAAI,EAAE,WAAW,GACnB,IACH,CACN,CAAC;AACN,CAAC;AAAA,CAAC"}

package/dist/components/NSADeleteModal.d.ts

@@ -0,0 +1,8 @@
+export interface NSADeleteModalProps {
+    title: string;
+    description: string;
+    show: boolean;
+    onYes: () => void;
+    onNo: () => void;
+}
+export declare function NSADeleteModal(props: NSADeleteModalProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/NSADeleteModal.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { NSModal } from 'namirasoft-site-react';
+import { NSButtonGreen, NSButtonRed, NSSpace, NSSpaceSizeType } from "namirasoft-site-react";
+export function NSADeleteModal(props) {
+    return (_jsx(NSModal, { title: props.title, description: props.description, show: props.show, onClose: props.onNo, children: _jsxs("div", { children: [_jsx(NSButtonGreen, { title: "Yes", onClick: props.onYes }), _jsx(NSSpace, { size: NSSpaceSizeType.MICRO }), _jsx(NSButtonRed, { title: "No", onClick: props.onNo })] }) }));
+}
+//# sourceMappingURL=NSADeleteModal.js.map

package/dist/components/NSADeleteModal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NSADeleteModal.js","sourceRoot":"","sources":["../../src/components/NSADeleteModal.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAChD,OAAO,EAAE,aAAa,EAAE,WAAW,EAAE,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAW7F,MAAM,UAAU,cAAc,CAAC,KAA0B;IAErD,OAAO,CACH,KAAC,OAAO,IAAC,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,WAAW,EAAE,KAAK,CAAC,WAAW,EAAE,IAAI,EAAE,KAAK,CAAC,IAAI,EACzE,OAAO,EAAE,KAAK,CAAC,IAAI,EAAE,QAAQ,EACzB,0BACI,KAAC,aAAa,IAAC,KAAK,EAAC,KAAK,EAAC,OAAO,EAAE,KAAK,CAAC,KAAK,GAAI,EACnD,KAAC,OAAO,IAAC,IAAI,EAAE,eAAe,CAAC,KAAK,GAAY,EAChD,KAAC,WAAW,IAAC,KAAK,EAAC,IAAI,EAAC,OAAO,EAAE,KAAK,CAAC,IAAI,GAAI,IAC7C,GAAI,CACrB,CAAC;AACN,CAAC"}

package/dist/components/NSALayoutAction.js

@@ -1,6 +1,19 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { NSLayoutAction } from 'namirasoft-site-react';
 export function NSALayoutAction(props) {
-    return (_jsx(NSLayoutAction, { scope: props.scope, logo: props.logo, background: props.background, title: props.title, description: props.description, actions: props.actions, notifications: props.notifications, children: _jsx("div", { className: "container-fluid", children: props.children }) }));
+    const onLogout = () => {
+        console.log("clicked");
+    };
+    const onNotiffication = () => {
+        console.log("clicked");
+    };
+    let icons = [
+        { src: "https://static.namirasoft.com/image/concept/logout/white.svg", alt: "", onClicked: onLogout, },
+        { src: "https://static.namirasoft.com/image/concept/message/white.svg", alt: "", onClicked: onNotiffication, count: 1 },
+    ];
+    return (_jsx(NSLayoutAction, { header: {
+            title: "",
+            icons
+        }, scope: props.scope, logo: props.logo, background: props.background, title: props.title, description: props.description, actions: props.actions, notifications: props.notifications, children: _jsx("div", { className: "container-fluid", children: props.children }) }));
 }
 //# sourceMappingURL=NSALayoutAction.js.map

package/dist/components/NSALayoutAction.js.map

@@ -1 +1 @@
-{"version":3,"file":"NSALayoutAction.js","sourceRoot":"","sources":["../../src/components/NSALayoutAction.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAmBvD,MAAM,UAAU,eAAe,CAAC,KAA2B;IAEvD,OAAO,CACH,KAAC,cAAc,IACX,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,UAAU,EAAE,KAAK,CAAC,UAAU,EAC5B,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,WAAW,EAAE,KAAK,CAAC,WAAW,EAC9B,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,aAAa,EAAE,KAAK,CAAC,aAAa,YAElC,cAAK,SAAS,EAAC,iBAAiB,YAC3B,KAAK,CAAC,QAAQ,GACb,GACO,CACpB,CAAC;AACN,CAAC"}
+{"version":3,"file":"NSALayoutAction.js","sourceRoot":"","sources":["../../src/components/NSALayoutAction.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAmBvD,MAAM,UAAU,eAAe,CAAC,KAA2B;IAE1D,MAAM,QAAQ,GAAG,GAAG,EAAE;QAErB,OAAO,CAAC,GAAG,CAAC,SAAS,CAAC,CAAA;IACvB,CAAC,CAAA;IAED,MAAM,eAAe,GAAG,GAAG,EAAE;QAE5B,OAAO,CAAC,GAAG,CAAC,SAAS,CAAC,CAAA;IACvB,CAAC,CAAA;IAED,IAAI,KAAK,GAAG;QACX,EAAE,GAAG,EAAE,8DAA8D,EAAE,GAAG,EAAE,EAAE,EAAE,SAAS,EAAE,QAAQ,GAAG;QACtG,EAAE,GAAG,EAAE,+DAA+D,EAAE,GAAG,EAAE,EAAE,EAAE,SAAS,EAAE,eAAe,EAAE,KAAK,EAAE,CAAC,EAAE;KACvH,CAAC;IAEF,OAAO,CACN,KAAC,cAAc,IACd,MAAM,EACL;YACC,KAAK,EAAE,EAAE;YACT,KAAK;SACL,EAEF,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,UAAU,EAAE,KAAK,CAAC,UAAU,EAC5B,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,WAAW,EAAE,KAAK,CAAC,WAAW,EAC9B,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,aAAa,EAAE,KAAK,CAAC,aAAa,YAElC,cAAK,SAAS,EAAC,iBAAiB,YAC9B,KAAK,CAAC,QAAQ,GACV,GACU,CACjB,CAAC;AACH,CAAC"}

package/dist/main.d.ts

@@ -5,3 +5,4 @@ export * from "./INSARouterState";
 export * from "./NSARouterMaker";
 export * from "./pages/NSALoginPage";
 export * from "./components/NSALayoutAction";
+export * from "./components/NSADeleteModal";

package/dist/main.js

@@ -5,4 +5,5 @@ export * from "./INSARouterState";
 export * from "./NSARouterMaker";
 export * from "./pages/NSALoginPage";
 export * from "./components/NSALayoutAction";
+export * from "./components/NSADeleteModal";
 //# sourceMappingURL=main.js.map

package/dist/main.js.map

@@ -1 +1 @@
-{"version":3,"file":"main.js","sourceRoot":"","sources":["../src/main.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC;AACvB,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,kBAAkB,CAAC;AACjC,cAAc,sBAAsB,CAAC;AACrC,cAAc,8BAA8B,CAAC"}
+{"version":3,"file":"main.js","sourceRoot":"","sources":["../src/main.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC;AACvB,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,kBAAkB,CAAC;AACjC,cAAc,sBAAsB,CAAC;AACrC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,6BAA6B,CAAC"}

package/package.json

@@ -8,7 +8,7 @@
     "framework": "npm",
     "application": "package",
     "private": false,
-    "version": "1.3.27",
+    "version": "1.3.30",
     "author": "Amir Abolhasani",
     "license": "MIT",
     "main": "./dist/main.js",
@@ -24,11 +24,11 @@
         "@types/device-uuid": "^1.0.3",
         "@types/react": "^18.3.3",
         "device-uuid": "^1.0.4",
-        "namirasoft-account": "^1.3.22",
+        "namirasoft-account": "^1.3.24",
         "namirasoft-account-client": "^1.3.0",
-        "namirasoft-account-react": "^1.3.25",
-        "namirasoft-core": "^1.3.41",
-        "namirasoft-site-react": "^1.3.169",
+        "namirasoft-account-react": "^1.3.27",
+        "namirasoft-core": "^1.3.46",
+        "namirasoft-site-react": "^1.3.170",
         "os-browserify": "^0.3.0",
         "path-browserify": "^1.0.1",
         "process": "^0.11.10",

package/src/App.tsx

@@ -1,5 +1,6 @@
 import './App.css';
-import { NSALoginPage, NSALayoutAction } from './main';
+import { NSALoginPage, NSALayoutAction, NSADeleteModal } from './main';
+import {  useState } from "react";
 
 const actions = [
     {
@@ -53,6 +54,11 @@ const actions = [
 ]
 export function App()
 {
+    const [showModal, setshowModal] = useState<boolean>(false);
+    const handleModal = (): void =>
+    {
+        setshowModal(!showModal);
+    }
     return (
         <>
             <NSALoginPage
@@ -70,6 +76,13 @@ export function App()
             >
                 <p>test</p>
             </NSALayoutAction>
+            <NSADeleteModal
+                title="string"
+                description="string"
+                show={showModal}
+                onYes={() => { }}
+                onNo={handleModal}
+            />
         </>
     );
 };

package/src/components/NSADeleteModal.tsx

@@ -0,0 +1,25 @@
+// import Styles from './NSALayoutAction.module.css';
+import { NSModal } from 'namirasoft-site-react';
+import { NSButtonGreen, NSButtonRed, NSSpace, NSSpaceSizeType } from "namirasoft-site-react";
+
+export interface NSADeleteModalProps 
+{
+    title: string;
+    description: string;
+    show: boolean;
+    onYes: () => void;
+    onNo: () => void;
+}
+
+export function NSADeleteModal(props: NSADeleteModalProps)
+{
+    return (
+        <NSModal title={props.title} description={props.description} show={props.show}
+            onClose={props.onNo} children={
+                <div>
+                    <NSButtonGreen title="Yes" onClick={props.onYes} />
+                    <NSSpace size={NSSpaceSizeType.MICRO}></NSSpace>
+                    <NSButtonRed title="No" onClick={props.onNo} />
+                </div>} />
+    );
+}

package/src/components/NSALayoutAction.tsx

@@ -5,34 +5,55 @@ import { INSActionMenuProps, INSNotificationProps } from 'namirasoft-site-react'
 
 export interface NSALayoutActionProps 
 {
-    scope: string;
-    logo: string;
-    background:string;
-    title: string;
-    description?: string;
-    children: JSX.Element | JSX.Element[];
-    notifications: INSNotificationProps[];
-    actions: INSActionMenuProps[];
-    redirectToView?: () => void;
-    edit?: () => void;
-    delete?: () => void;
+	scope: string;
+	logo: string;
+	background: string;
+	title: string;
+	description?: string;
+	children: JSX.Element | JSX.Element[];
+	notifications: INSNotificationProps[];
+	actions: INSActionMenuProps[];
+	redirectToView?: () => void;
+	edit?: () => void;
+	delete?: () => void;
 }
 
 export function NSALayoutAction(props: NSALayoutActionProps)
 {
-    return (
-        <NSLayoutAction
-            scope={props.scope}
-            logo={props.logo}
-            background={props.background}
-            title={props.title}
-            description={props.description}
-            actions={props.actions}
-            notifications={props.notifications}
-        >
-            <div className="container-fluid">
-                {props.children}
-            </div>
-        </NSLayoutAction>
-    );
+	const onLogout = () =>
+	{
+		console.log("clicked")
+	}
+
+	const onNotiffication = () =>
+	{
+		console.log("clicked")
+	}
+
+	let icons = [
+		{ src: "https://static.namirasoft.com/image/concept/logout/white.svg", alt: "", onClicked: onLogout, },
+		{ src: "https://static.namirasoft.com/image/concept/message/white.svg", alt: "", onClicked: onNotiffication, count: 1 },
+	];
+
+	return (
+		<NSLayoutAction
+			header={
+				{
+					title: "",
+					icons
+				}
+			}
+			scope={props.scope}
+			logo={props.logo}
+			background={props.background}
+			title={props.title}
+			description={props.description}
+			actions={props.actions}
+			notifications={props.notifications}
+		>
+			<div className="container-fluid">
+				{props.children}
+			</div>
+		</NSLayoutAction>
+	);
 }

package/src/main.ts

@@ -4,4 +4,5 @@ export * from "./INSARouterProps";
 export * from "./INSARouterState";
 export * from "./NSARouterMaker";
 export * from "./pages/NSALoginPage";
-export * from "./components/NSALayoutAction";
+export * from "./components/NSALayoutAction";
+export * from "./components/NSADeleteModal";