namirasoft-account-react 1.3.24 → 1.3.27

package/config-overrides.js

@@ -0,0 +1,73 @@
+const getCacheIdentifier = require('react-dev-utils/getCacheIdentifier');
+const webpack = require('webpack');
+
+const shouldUseSourceMap = process.env.GENERATE_SOURCEMAP !== 'false';
+
+module.exports = function config_overrides(config, webpackEnv)
+{
+    console.log('overriding webpack config...');
+    const isEnvDevelopment = webpackEnv === 'development';
+    const isEnvProduction = webpackEnv === 'production';
+    const loaders = config.module.rules[1].oneOf;
+
+    loaders.splice(loaders.length - 1, 0, {
+        test: /\.(js|mjs|cjs)$/,
+        exclude: /@babel(?:\/|\\{1,2})runtime/,
+        loader: require.resolve('babel-loader'),
+        options: {
+            babelrc: false,
+            configFile: false,
+            compact: false,
+            presets: [
+                [
+                    require.resolve('babel-preset-react-app/dependencies'),
+                    { helpers: true },
+                ],
+            ],
+            cacheDirectory: true,
+            // See #6846 for context on why cacheCompression is disabled
+            cacheCompression: false,
+            // @remove-on-eject-begin
+            cacheIdentifier: getCacheIdentifier(
+                isEnvProduction
+                    ? 'production'
+                    : isEnvDevelopment && 'development',
+                [
+                    'babel-plugin-named-asset-import',
+                    'babel-preset-react-app',
+                    'react-dev-utils',
+                    'react-scripts',
+                ]
+            ),
+            // @remove-on-eject-end
+            // Babel sourcemaps are needed for debugging into node_modules
+            // code.  Without the options below, debuggers like VSCode
+            // show incorrect code and set breakpoints on the wrong lines.
+            sourceMaps: shouldUseSourceMap,
+            inputSourceMap: shouldUseSourceMap,
+        },
+    });
+
+    config.resolve.fallback = {
+        "fs": false,
+        "tls": false,
+        "net": false,
+        "https": false,
+        // "http": require.resolve("stream-http"),
+        // "zlib": require.resolve("browserify-zlib"),
+        "path": require.resolve("path-browserify"),
+        // "stream": require.resolve("stream-browserify"),
+        // "util": require.resolve("util/"),
+        // "crypto": require.resolve("crypto-browserify")
+        "child_process": false,
+        "os": false,
+        "crypto": false
+    }
+    config.plugins = (config.plugins || []).concat([
+        new webpack.NormalModuleReplacementPlugin(/node:/, (resource) =>
+        {
+            resource.request = resource.request.replace(/^node:/, "");
+        })
+    ]);
+    return config;
+};

package/dist/App.d.ts

@@ -0,0 +1,2 @@
+import './App.css';
+export declare function App(): import("react/jsx-runtime").JSX.Element;

package/dist/App.js

@@ -0,0 +1,50 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import './App.css';
+import { NSALoginPage, NSALayoutAction } from './main';
+const actions = [
+    {
+        group: "actions",
+        items: [
+            {
+                id: "1",
+                menu_item: "View",
+                handler() {
+                },
+                isActive() {
+                    return true;
+                }
+            },
+            {
+                id: "2",
+                menu_item: "View History",
+                handler() {
+                    console.log("View History");
+                },
+                isActive() {
+                    return true;
+                }
+            },
+            {
+                id: "3",
+                menu_item: "Edit",
+                handler() { },
+                isActive() {
+                    return true;
+                }
+            },
+            {
+                id: "4",
+                menu_item: "Delete",
+                handler() { },
+                isActive() {
+                    return true;
+                }
+            }
+        ]
+    }
+];
+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" }) })] }));
+}
+;
+//# sourceMappingURL=App.js.map

package/dist/App.js.map

@@ -0,0 +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"}

package/dist/INSARouterMaker.js

@@ -1,3 +1,2 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
+export {};
 //# sourceMappingURL=INSARouterMaker.js.map

package/dist/INSARouterProps.js

@@ -1,3 +1,2 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
+export {};
 //# sourceMappingURL=INSARouterProps.js.map

package/dist/INSARouterState.js

@@ -1,3 +1,2 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
+export {};
 //# sourceMappingURL=INSARouterState.js.map

package/dist/Info.js

@@ -1,25 +1,19 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const device_uuid_1 = __importDefault(require("device-uuid"));
-class Info {
+import DeviceUUID from "device-uuid";
+export default class Info {
     static getDeviceName(query) {
         var _a;
-        var du = new device_uuid_1.default.DeviceUUID().parse();
+        var du = new DeviceUUID.DeviceUUID().parse();
         return (_a = query.device) !== null && _a !== void 0 ? _a : (du.platform + " " + du.version);
     }
     static getVersion() {
-        var du = new device_uuid_1.default.DeviceUUID().parse();
+        var du = new DeviceUUID.DeviceUUID().parse();
         return du.version;
     }
     static getOS(query) {
         var _a;
-        var du = new device_uuid_1.default.DeviceUUID().parse();
+        var du = new DeviceUUID.DeviceUUID().parse();
         return (_a = query.os) !== null && _a !== void 0 ? _a : du.os;
     }
 }
-exports.default = Info;
 ;
 //# sourceMappingURL=Info.js.map

package/dist/Info.js.map

@@ -1 +1 @@
-{"version":3,"file":"Info.js","sourceRoot":"","sources":["../src/Info.ts"],"names":[],"mappings":";;;;;AACA,8DAAqC;AAErC,MAAqB,IAAI;IAErB,MAAM,CAAC,aAAa,CAAC,KAAkB;;QAEnC,IAAI,EAAE,GAAG,IAAI,qBAAU,CAAC,UAAU,EAAE,CAAC,KAAK,EAAE,CAAC;QAC7C,OAAO,MAAA,KAAK,CAAC,MAAM,mCAAI,CAAC,EAAE,CAAC,QAAQ,GAAG,GAAG,GAAG,EAAE,CAAC,OAAO,CAAC,CAAC;IAC5D,CAAC;IACD,MAAM,CAAC,UAAU;QAEb,IAAI,EAAE,GAAG,IAAI,qBAAU,CAAC,UAAU,EAAE,CAAC,KAAK,EAAE,CAAC;QAC7C,OAAO,EAAE,CAAC,OAAO,CAAC;IACtB,CAAC;IACD,MAAM,CAAC,KAAK,CAAC,KAAkB;;QAE3B,IAAI,EAAE,GAAG,IAAI,qBAAU,CAAC,UAAU,EAAE,CAAC,KAAK,EAAE,CAAC;QAC7C,OAAO,MAAA,KAAK,CAAC,EAAE,mCAAI,EAAE,CAAC,EAAE,CAAC;IAC7B,CAAC;CACJ;AAjBD,uBAiBC;AAAA,CAAC"}
+{"version":3,"file":"Info.js","sourceRoot":"","sources":["../src/Info.ts"],"names":[],"mappings":"AACA,OAAO,UAAU,MAAM,aAAa,CAAC;AAErC,MAAM,CAAC,OAAO,OAAO,IAAI;IAErB,MAAM,CAAC,aAAa,CAAC,KAAkB;;QAEnC,IAAI,EAAE,GAAG,IAAI,UAAU,CAAC,UAAU,EAAE,CAAC,KAAK,EAAE,CAAC;QAC7C,OAAO,MAAA,KAAK,CAAC,MAAM,mCAAI,CAAC,EAAE,CAAC,QAAQ,GAAG,GAAG,GAAG,EAAE,CAAC,OAAO,CAAC,CAAC;IAC5D,CAAC;IACD,MAAM,CAAC,UAAU;QAEb,IAAI,EAAE,GAAG,IAAI,UAAU,CAAC,UAAU,EAAE,CAAC,KAAK,EAAE,CAAC;QAC7C,OAAO,EAAE,CAAC,OAAO,CAAC;IACtB,CAAC;IACD,MAAM,CAAC,KAAK,CAAC,KAAkB;;QAE3B,IAAI,EAAE,GAAG,IAAI,UAAU,CAAC,UAAU,EAAE,CAAC,KAAK,EAAE,CAAC;QAC7C,OAAO,MAAA,KAAK,CAAC,EAAE,mCAAI,EAAE,CAAC,EAAE,CAAC;IAC7B,CAAC;CACJ;AAAA,CAAC"}

package/dist/NSARouterMaker.js

@@ -1,16 +1,10 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.NSARouterMaker = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const query_string_1 = __importDefault(require("query-string"));
-const namirasoft_core_1 = require("namirasoft-core");
-const namirasoft_account_1 = require("namirasoft-account");
-const namirasoft_site_react_1 = require("namirasoft-site-react");
-const axios_1 = __importDefault(require("axios"));
-class NSARouterMaker {
+import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
+import queryString from 'query-string';
+import { IStorageCookie, ObjectService, URLOperation } from "namirasoft-core";
+import { NamirasoftAccountServer, TokenManager } from "namirasoft-account";
+import { NSRouterMaker } from 'namirasoft-site-react';
+import axios from "axios";
+export class NSARouterMaker {
     constructor(state, setState, location, navigate, component) {
         this.state = state;
         this.setState = setState;
@@ -29,13 +23,13 @@ class NSARouterMaker {
         var _a, _b;
         let qToken = this.getQuery("token");
         let Cookies = process.env.REACT_APP_TOKEN;
-        let storage = new namirasoft_core_1.IStorageCookie({ domain: ".namirasoft.com", path: "/" }, Cookies);
-        let token_manager = new namirasoft_account_1.TokenManager(storage, () => this.setState({}));
+        let storage = new IStorageCookie({ domain: ".namirasoft.com", path: "/" }, Cookies);
+        let token_manager = new TokenManager(storage, () => this.setState({}));
         if (qToken)
             token_manager.setValue(qToken, true);
-        let server = new namirasoft_account_1.NamirasoftAccountServer(token_manager, (error) => {
+        let server = new NamirasoftAccountServer(token_manager, (error) => {
             var _a;
-            if (axios_1.default.isAxiosError(error))
+            if (axios.isAxiosError(error))
                 if (error.response)
                     if (((_a = error.response) === null || _a === void 0 ? void 0 : _a.status) === 401) {
                         token_manager.del();
@@ -59,17 +53,17 @@ class NSARouterMaker {
         return { props, inited };
     }
     getQueryStrings() {
-        return query_string_1.default.parse(this.location.search);
+        return queryString.parse(this.location.search);
     }
     getQuery(name) {
         let query = this.getQueryStrings();
         let item = query[name];
-        return new namirasoft_core_1.ObjectService(item).getString();
+        return new ObjectService(item).getString();
     }
     getLink(sub, customQuery) {
         if (!customQuery)
             customQuery = {};
-        return namirasoft_core_1.URLOperation.getLink("", sub, customQuery);
+        return URLOperation.getLink("", sub, customQuery);
     }
     redirect(sub, customQuery) {
         let ans = this.getLink(sub, customQuery);
@@ -93,12 +87,12 @@ class NSARouterMaker {
         }
     }
     onRender() {
-        let maker = new namirasoft_site_react_1.NSRouterMaker(this.state, this.setState, {
+        let maker = new NSRouterMaker(this.state, this.setState, {
             onRender: (ns_router_maker_props) => {
                 this.ns_router_maker_props = ns_router_maker_props;
                 let { inited, props } = this.init();
                 if (!inited)
-                    return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {});
+                    return _jsx(_Fragment, {});
                 let banned = false;
                 if (props.account.token_manager.exists()) {
                     banned = props.account.token_manager.getUserData(user => user.banned, false);
@@ -111,6 +105,5 @@ class NSARouterMaker {
         return maker.onRender();
     }
 }
-exports.NSARouterMaker = NSARouterMaker;
 ;
 //# sourceMappingURL=NSARouterMaker.js.map

package/dist/NSARouterMaker.js.map

@@ -1 +1 @@
-{"version":3,"file":"NSARouterMaker.js","sourceRoot":"","sources":["../src/NSARouterMaker.tsx"],"names":[],"mappings":";;;;;;;AAAA,gEAAwD;AACxD,qDAA+F;AAC/F,2DAA2E;AAI3E,iEAAsE;AAEtE,kDAA0B;AAE1B,MAAa,cAAc;IAQvB,YAAY,KAAkC,EAAE,QAA2E,EACvH,QAAsB,EAAE,QAA8B,EACtD,SAA0B;QAE1B,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;QACnB,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC;QACzB,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC;QACzB,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC;QACzB,IAAI,CAAC,SAAS,GAAG,SAAS,CAAC;QAC3B,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACjC,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACvD,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACzC,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACvC,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACzC,IAAI,CAAC,mBAAmB,GAAG,IAAI,CAAC,mBAAmB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAC/D,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAC7C,CAAC;IACO,IAAI;;QAER,IAAI,MAAM,GAAW,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;QAC5C,IAAI,OAAO,GAAG,OAAO,CAAC,GAAG,CAAC,eAAe,CAAC;QAC1C,IAAI,OAAO,GAAG,IAAI,gCAAc,CAAC,EAAE,MAAM,EAAE,iBAAiB,EAAE,IAAI,EAAE,GAAG,EAAE,EAAE,OAAO,CAAC,CAAC;QACpF,IAAI,aAAa,GAAG,IAAI,iCAAY,CAAC,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,CAAC;QACvE,IAAI,MAAM;YACN,aAAa,CAAC,QAAQ,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC;QACzC,IAAI,MAAM,GAAG,IAAI,4CAAuB,CAAC,aAAa,EAAE,CAAC,KAAY,EAAE,EAAE;;YAErE,IAAI,eAAK,CAAC,YAAY,CAAC,KAAK,CAAC;gBACzB,IAAI,KAAK,CAAC,QAAQ;oBACd,IAAI,CAAA,MAAA,KAAK,CAAC,QAAQ,0CAAE,MAAM,MAAK,GAAG,EAClC;wBACI,aAAa,CAAC,GAAG,EAAE,CAAC;wBACpB,IAAI,CAAC,SAAS,CAAC,KAAK,EAAE,CAAC;wBACvB,OAAO;qBACV;YACT,IAAI,CAAC,qBAAqB,CAAC,QAAQ,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;QACvD,CAAC,CAAC,CAAC;QACH,IAAI,KAAK,mBACL,OAAO,EAAE;gBACL,aAAa;gBACb,MAAM;aACT,EACD,GAAG,EAAE;gBACD,OAAO,EAAE,IAAI,CAAC,OAAO;gBACrB,QAAQ,EAAE,IAAI,CAAC,QAAQ;gBACvB,eAAe,EAAE,IAAI,CAAC,eAAe;gBACrC,QAAQ,EAAE,IAAI,CAAC,QAAQ;aAC1B,IACE,IAAI,CAAC,qBAAqB,CAChC,CAAC;QACF,IAAI,MAAM,GAAG,IAAI,CAAC;QAClB,IAAI,MAAM;YACN,MAAM,GAAG,MAAA,MAAA,IAAI,CAAC,KAAK,0CAAE,MAAM,mCAAI,KAAK,CAAC;QACzC,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC;IAC7B,CAAC;IACD,eAAe;QAEX,OAAO,sBAAW,CAAC,KAAK,CAAC,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC;IACnD,CAAC;IACD,QAAQ,CAAC,IAAY;QAEjB,IAAI,KAAK,GAAG,IAAI,CAAC,eAAe,EAAE,CAAC;QACnC,IAAI,IAAI,GAAG,KAAK,CAAC,IAAI,CAAC,CAAC;QACvB,OAAO,IAAI,+BAAa,CAAC,IAAI,CAAC,CAAC,SAAS,EAAE,CAAC;IAC/C,CAAC;IACD,OAAO,CAAC,GAAW,EAAE,WAAgD;QAEjE,IAAI,CAAC,WAAW;YACZ,WAAW,GAAG,EAAE,CAAC;QACrB,OAAO,8BAAY,CAAC,OAAO,CAAC,EAAE,EAAE,GAAG,EAAE,WAAW,CAAC,CAAC;IACtD,CAAC;IACD,QAAQ,CAAC,GAAW,EAAE,WAAgD;QAElE,IAAI,GAAG,GAAG,IAAI,CAAC,OAAO,CAAC,GAAG,EAAE,WAAW,CAAC,CAAC;QACzC,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC;IACvB,CAAC;IACD,mBAAmB;QAEf,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,IAAI,CAAC,IAAI,EAAE,CAAC;QACpC,IAAI,CAAC,QAAQ,CAAC,EAAE,aAAa,EAAE,EAAE,EAAE,MAAM,EAAE,CAAC,CAAC;QAC7C,IAAI,KAAK,GAAG,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;QACnC,IAAI,KAAK,EACT;YACI,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,aAAa,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,EAC3D;gBACI,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,OAAO,CAAC,OAAO,EAAE;qBACjC,IAAI,CAAC,QAAQ,CAAC,EAAE;oBAEb,KAAK,CAAC,OAAO,CAAC,aAAa,CAAC,GAAG,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAC;oBACjD,IAAI,CAAC,QAAQ,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,CAAC;gBACpC,CAAC,CAAC;qBACD,KAAK,CAAC,GAAG,EAAE;oBAER,IAAI,CAAC,QAAQ,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,CAAC;gBACpC,CAAC,CAAC,CAAC;aACV;SACJ;IACL,CAAC;IACD,QAAQ;QAEJ,IAAI,KAAK,GAAG,IAAI,qCAAa,CAAC,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,QAAQ,EAAE;YACrD,QAAQ,EAAE,CAAC,qBAAqC,EAAE,EAAE;gBAEhD,IAAI,CAAC,qBAAqB,GAAG,qBAAqB,CAAC;gBACnD,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,IAAI,CAAC,IAAI,EAAE,CAAC;gBACpC,IAAI,CAAC,MAAM;oBACP,OAAO,kDAAK,CAAC;gBACjB,IAAI,MAAM,GAAG,KAAK,CAAC;gBACnB,IAAI,KAAK,CAAC,OAAO,CAAC,aAAa,CAAC,MAAM,EAAE,EACxC;oBACI,MAAM,GAAG,KAAK,CAAC,OAAO,CAAC,aAAa,CAAC,WAAW,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC;oBAC7E,IAAI,CAAC,MAAM;wBACP,OAAO,IAAI,CAAC,SAAS,CAAC,eAAe,CAAC,KAAK,CAAC,CAAC;iBACpD;gBACD,OAAO,IAAI,CAAC,SAAS,CAAC,gBAAgB,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC;YAC1D,CAAC;SACJ,CAAC,CAAC;QAEH,OAAO,KAAK,CAAC,QAAQ,EAAE,CAAC;IAC5B,CAAC;CACJ;AAhID,wCAgIC;AAAA,CAAC"}
+{"version":3,"file":"NSARouterMaker.js","sourceRoot":"","sources":["../src/NSARouterMaker.tsx"],"names":[],"mappings":";AAAA,OAAO,WAA4B,MAAM,cAAc,CAAC;AACxD,OAAO,EAAE,cAAc,EAAE,aAAa,EAAmB,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/F,OAAO,EAAE,uBAAuB,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAI3E,OAAO,EAAkB,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAEtE,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,OAAO,cAAc;IAQvB,YAAY,KAAkC,EAAE,QAA2E,EACvH,QAAsB,EAAE,QAA8B,EACtD,SAA0B;QAE1B,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;QACnB,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC;QACzB,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC;QACzB,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC;QACzB,IAAI,CAAC,SAAS,GAAG,SAAS,CAAC;QAC3B,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACjC,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACvD,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACzC,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACvC,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACzC,IAAI,CAAC,mBAAmB,GAAG,IAAI,CAAC,mBAAmB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAC/D,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAC7C,CAAC;IACO,IAAI;;QAER,IAAI,MAAM,GAAW,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;QAC5C,IAAI,OAAO,GAAG,OAAO,CAAC,GAAG,CAAC,eAAe,CAAC;QAC1C,IAAI,OAAO,GAAG,IAAI,cAAc,CAAC,EAAE,MAAM,EAAE,iBAAiB,EAAE,IAAI,EAAE,GAAG,EAAE,EAAE,OAAO,CAAC,CAAC;QACpF,IAAI,aAAa,GAAG,IAAI,YAAY,CAAC,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,CAAC;QACvE,IAAI,MAAM;YACN,aAAa,CAAC,QAAQ,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC;QACzC,IAAI,MAAM,GAAG,IAAI,uBAAuB,CAAC,aAAa,EAAE,CAAC,KAAY,EAAE,EAAE;;YAErE,IAAI,KAAK,CAAC,YAAY,CAAC,KAAK,CAAC;gBACzB,IAAI,KAAK,CAAC,QAAQ;oBACd,IAAI,CAAA,MAAA,KAAK,CAAC,QAAQ,0CAAE,MAAM,MAAK,GAAG,EAClC;wBACI,aAAa,CAAC,GAAG,EAAE,CAAC;wBACpB,IAAI,CAAC,SAAS,CAAC,KAAK,EAAE,CAAC;wBACvB,OAAO;qBACV;YACT,IAAI,CAAC,qBAAqB,CAAC,QAAQ,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;QACvD,CAAC,CAAC,CAAC;QACH,IAAI,KAAK,mBACL,OAAO,EAAE;gBACL,aAAa;gBACb,MAAM;aACT,EACD,GAAG,EAAE;gBACD,OAAO,EAAE,IAAI,CAAC,OAAO;gBACrB,QAAQ,EAAE,IAAI,CAAC,QAAQ;gBACvB,eAAe,EAAE,IAAI,CAAC,eAAe;gBACrC,QAAQ,EAAE,IAAI,CAAC,QAAQ;aAC1B,IACE,IAAI,CAAC,qBAAqB,CAChC,CAAC;QACF,IAAI,MAAM,GAAG,IAAI,CAAC;QAClB,IAAI,MAAM;YACN,MAAM,GAAG,MAAA,MAAA,IAAI,CAAC,KAAK,0CAAE,MAAM,mCAAI,KAAK,CAAC;QACzC,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC;IAC7B,CAAC;IACD,eAAe;QAEX,OAAO,WAAW,CAAC,KAAK,CAAC,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC;IACnD,CAAC;IACD,QAAQ,CAAC,IAAY;QAEjB,IAAI,KAAK,GAAG,IAAI,CAAC,eAAe,EAAE,CAAC;QACnC,IAAI,IAAI,GAAG,KAAK,CAAC,IAAI,CAAC,CAAC;QACvB,OAAO,IAAI,aAAa,CAAC,IAAI,CAAC,CAAC,SAAS,EAAE,CAAC;IAC/C,CAAC;IACD,OAAO,CAAC,GAAW,EAAE,WAAgD;QAEjE,IAAI,CAAC,WAAW;YACZ,WAAW,GAAG,EAAE,CAAC;QACrB,OAAO,YAAY,CAAC,OAAO,CAAC,EAAE,EAAE,GAAG,EAAE,WAAW,CAAC,CAAC;IACtD,CAAC;IACD,QAAQ,CAAC,GAAW,EAAE,WAAgD;QAElE,IAAI,GAAG,GAAG,IAAI,CAAC,OAAO,CAAC,GAAG,EAAE,WAAW,CAAC,CAAC;QACzC,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC;IACvB,CAAC;IACD,mBAAmB;QAEf,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,IAAI,CAAC,IAAI,EAAE,CAAC;QACpC,IAAI,CAAC,QAAQ,CAAC,EAAE,aAAa,EAAE,EAAE,EAAE,MAAM,EAAE,CAAC,CAAC;QAC7C,IAAI,KAAK,GAAG,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;QACnC,IAAI,KAAK,EACT;YACI,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,aAAa,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,EAC3D;gBACI,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,OAAO,CAAC,OAAO,EAAE;qBACjC,IAAI,CAAC,QAAQ,CAAC,EAAE;oBAEb,KAAK,CAAC,OAAO,CAAC,aAAa,CAAC,GAAG,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAC;oBACjD,IAAI,CAAC,QAAQ,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,CAAC;gBACpC,CAAC,CAAC;qBACD,KAAK,CAAC,GAAG,EAAE;oBAER,IAAI,CAAC,QAAQ,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,CAAC;gBACpC,CAAC,CAAC,CAAC;aACV;SACJ;IACL,CAAC;IACD,QAAQ;QAEJ,IAAI,KAAK,GAAG,IAAI,aAAa,CAAC,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,QAAQ,EAAE;YACrD,QAAQ,EAAE,CAAC,qBAAqC,EAAE,EAAE;gBAEhD,IAAI,CAAC,qBAAqB,GAAG,qBAAqB,CAAC;gBACnD,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,IAAI,CAAC,IAAI,EAAE,CAAC;gBACpC,IAAI,CAAC,MAAM;oBACP,OAAO,mBAAK,CAAC;gBACjB,IAAI,MAAM,GAAG,KAAK,CAAC;gBACnB,IAAI,KAAK,CAAC,OAAO,CAAC,aAAa,CAAC,MAAM,EAAE,EACxC;oBACI,MAAM,GAAG,KAAK,CAAC,OAAO,CAAC,aAAa,CAAC,WAAW,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC;oBAC7E,IAAI,CAAC,MAAM;wBACP,OAAO,IAAI,CAAC,SAAS,CAAC,eAAe,CAAC,KAAK,CAAC,CAAC;iBACpD;gBACD,OAAO,IAAI,CAAC,SAAS,CAAC,gBAAgB,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC;YAC1D,CAAC;SACJ,CAAC,CAAC;QAEH,OAAO,KAAK,CAAC,QAAQ,EAAE,CAAC;IAC5B,CAAC;CACJ;AAAA,CAAC"}

package/dist/components/NSALayoutAction.d.ts

@@ -0,0 +1,16 @@
+/// <reference types="react" />
+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;
+}
+export declare function NSALayoutAction(props: NSALayoutActionProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/NSALayoutAction.js

@@ -0,0 +1,6 @@
+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 }) }));
+}
+//# sourceMappingURL=NSALayoutAction.js.map

package/dist/components/NSALayoutAction.js.map

@@ -0,0 +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"}

package/dist/index.d.ts

@@ -1,5 +1 @@
-export * from "./Info";
-export * from "./INSARouterMaker";
-export * from "./INSARouterProps";
-export * from "./INSARouterState";
-export * from "./NSARouterMaker";
+import './index.css';

package/dist/index.js

@@ -1,22 +1,7 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./Info"), exports);
-__exportStar(require("./INSARouterMaker"), exports);
-__exportStar(require("./INSARouterProps"), exports);
-__exportStar(require("./INSARouterState"), exports);
-__exportStar(require("./NSARouterMaker"), exports);
+import { jsx as _jsx } from "react/jsx-runtime";
+import ReactDOM from 'react-dom/client';
+import './index.css';
+import { App } from './App';
+const root = ReactDOM.createRoot(document.getElementById('root'));
+root.render(_jsx(App, {}));
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,yCAAuB;AACvB,oDAAkC;AAClC,oDAAkC;AAClC,oDAAkC;AAClC,mDAAiC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":";AAAA,OAAO,QAAQ,MAAM,kBAAkB,CAAC;AACxC,OAAO,aAAa,CAAC;AACrB,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAE5B,MAAM,IAAI,GAAG,QAAQ,CAAC,UAAU,CAC5B,QAAQ,CAAC,cAAc,CAAC,MAAM,CAAgB,CACjD,CAAC;AACF,IAAI,CAAC,MAAM,CAAC,KAAC,GAAG,KAAG,CAAC,CAAC"}

package/dist/main.d.ts

@@ -0,0 +1,7 @@
+export * from "./Info";
+export * from "./INSARouterMaker";
+export * from "./INSARouterProps";
+export * from "./INSARouterState";
+export * from "./NSARouterMaker";
+export * from "./pages/NSALoginPage";
+export * from "./components/NSALayoutAction";

package/dist/main.js

@@ -0,0 +1,8 @@
+export * from "./Info";
+export * from "./INSARouterMaker";
+export * from "./INSARouterProps";
+export * from "./INSARouterState";
+export * from "./NSARouterMaker";
+export * from "./pages/NSALoginPage";
+export * from "./components/NSALayoutAction";
+//# sourceMappingURL=main.js.map

package/dist/main.js.map

@@ -0,0 +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"}

package/dist/pages/NSALoginPage.d.ts

@@ -0,0 +1,6 @@
+export interface INSALoginPageProps {
+    title: string;
+    logo: string;
+    background: string;
+}
+export declare function NSALoginPage(props: INSALoginPageProps): import("react/jsx-runtime").JSX.Element;

package/dist/pages/NSALoginPage.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import Styles from './NSALoginPage.module.css';
+import { NSSpace, NSSpaceSizeType, NSLinkBlue } from 'namirasoft-site-react';
+export function NSALoginPage(props) {
+    return (_jsx("div", { style: {
+            backgroundImage: `url(${props.background})`,
+            width: '100%',
+            backgroundSize: 'cover',
+            backgroundAttachment: 'fixed'
+        }, children: _jsxs("div", { className: Styles.ns_login_container, style: { minHeight: '100vh' }, children: [_jsx("div", { className: Styles.ns_logo, children: _jsx("img", { width: 256, height: 256, src: props.logo, alt: `${props.title} Logo` }) }), _jsx(NSSpace, { size: NSSpaceSizeType.SMALL }), _jsx("div", { children: _jsx("h1", { className: Styles.ns_title, children: props.title }) }), _jsx(NSSpace, { size: NSSpaceSizeType.SMALL }), _jsx("div", { className: Styles.ns_button, children: _jsx(NSLinkBlue, { title: "Login", href: 'https://account.namirasoft.com/login' }) })] }) }));
+}
+//# sourceMappingURL=NSALoginPage.js.map

package/dist/pages/NSALoginPage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NSALoginPage.js","sourceRoot":"","sources":["../../src/pages/NSALoginPage.tsx"],"names":[],"mappings":";AAAA,OAAO,MAAM,MAAM,2BAA2B,CAAC;AAE/C,OAAO,EAAE,OAAO,EAAE,eAAe,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAS7E,MAAM,UAAU,YAAY,CAAC,KAAyB;IAElD,OAAO,CACH,cACI,KAAK,EAAE;YACH,eAAe,EAAE,OAAO,KAAK,CAAC,UAAU,GAAG;YAC3C,KAAK,EAAE,MAAM;YACb,cAAc,EAAE,OAAO;YACvB,oBAAoB,EAAE,OAAO;SAChC,YAED,eAAK,SAAS,EAAE,MAAM,CAAC,kBAAkB,EAAE,KAAK,EAAE,EAAE,SAAS,EAAE,OAAO,EAAE,aACpE,cAAK,SAAS,EAAE,MAAM,CAAC,OAAO,YAC1B,cAAK,KAAK,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,GAAG,EAAE,KAAK,CAAC,IAAI,EAAE,GAAG,EAAE,GAAG,KAAK,CAAC,KAAK,OAAO,GAAI,GAC3E,EACN,KAAC,OAAO,IAAC,IAAI,EAAE,eAAe,CAAC,KAAK,GAAI,EACxC,wBACI,aAAI,SAAS,EAAE,MAAM,CAAC,QAAQ,YAAG,KAAK,CAAC,KAAK,GAAM,GAChD,EACN,KAAC,OAAO,IAAC,IAAI,EAAE,eAAe,CAAC,KAAK,GAAI,EACxC,cAAK,SAAS,EAAE,MAAM,CAAC,SAAS,YAC5B,KAAC,UAAU,IAAC,KAAK,EAAC,OAAO,EAAC,IAAI,EAAE,sCAAsC,GAAI,GACxE,IACJ,GACJ,CACT,CAAC;AACN,CAAC"}

package/dist/pages/NSALoginPage.module.css

@@ -0,0 +1,20 @@
+.ns_login_container {
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+	justify-content: center;
+}
+
+.ns_logo {
+	text-align: center;
+}
+
+.ns_title {
+	font-size: 32px;
+	font-weight: 700;
+	text-align: center;
+}
+
+.ns_button {
+	text-align: center;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "namirasoft-account-react",
-    "title": "Namirasoft Account React",
+    "title": "Namirasoft Account React NPM Package",
     "description": "Namira Software Corporation Account React NPM Package",
     "icon": "logo.png",
     "logo": "https://static.namirasoft.com/image/namirasoft/account/logo/name.png",
@@ -8,29 +8,59 @@
     "framework": "npm",
     "application": "package",
     "private": false,
-    "version": "1.3.24",
+    "version": "1.3.27",
     "author": "Amir Abolhasani",
     "license": "MIT",
-    "main": "./dist/index.js",
-    "types": "./dist/index.d.ts",
+    "main": "./dist/main.js",
+    "types": "./dist/main.d.ts",
     "scripts": {
-        "build": ""
+        "start": "react-app-rewired start",
+        "build": "npm run copy",
+        "test": "react-app-rewired test",
+        "eject": "react-app-rewired eject",
+        "copy": "copyfiles -u 1 src/**/*.html src/**/*.css src/**/*.svg src/**/*.png src/**/*.jpg dist/"
     },
     "dependencies": {
         "@types/device-uuid": "^1.0.3",
         "@types/react": "^18.3.3",
         "device-uuid": "^1.0.4",
-        "namirasoft-account": "^1.3.20",
+        "namirasoft-account": "^1.3.22",
+        "namirasoft-account-client": "^1.3.0",
+        "namirasoft-account-react": "^1.3.25",
         "namirasoft-core": "^1.3.41",
-        "namirasoft-site-react": "^1.3.163",
+        "namirasoft-site-react": "^1.3.169",
+        "os-browserify": "^0.3.0",
+        "path-browserify": "^1.0.1",
+        "process": "^0.11.10",
         "query-string": "^9.0.0",
         "react": "^18.3.1",
+        "react-app-rewired": "^2.2.1",
+        "react-dom": "^18.3.1",
         "react-router-dom": "^6.23.1",
+        "react-scripts": "5.0.1",
         "run": "^1.5.0"
     },
+    "eslintConfig": {
+        "extends": [
+            "react-app",
+            "react-app/jest"
+        ]
+    },
     "skip": {
         "content": [
             "/tsconfig.json"
         ]
+    },
+    "browserslist": {
+        "production": [
+            ">0.2%",
+            "not dead",
+            "not op_mini all"
+        ],
+        "development": [
+            "last 1 chrome version",
+            "last 1 firefox version",
+            "last 1 safari version"
+        ]
     }
 }

package/public/index.html

@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="utf-8" />
+    <!-- <link rel="icon" href="%PUBLIC_URL%/favicon.ico" /> -->
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <meta name="theme-color" content="#000000" />
+    <meta name="description" content="Web site created using create-react-app" />
+    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet"
+        integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous" />
+    <link rel="apple-touch-icon" href="%PUBLIC_URL%/logo192.png" />
+    <!-- <link rel="manifest" href="%PUBLIC_URL%/manifest.json" /> -->
+    <title>React App</title>
+</head>
+
+<body>
+    <noscript>You need to enable JavaScript to run this app.</noscript>
+    <div id="root"></div>
+</body>
+
+</html>

package/src/App.css

@@ -0,0 +1,10 @@
+@font-face {
+    font-family: inter;
+    src: url("../src/assets/fonts/Inter-Regular.ttf");
+}
+body {
+    margin: 0;
+    font-family: inter;
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+}

package/src/App.tsx

@@ -0,0 +1,75 @@
+import './App.css';
+import { NSALoginPage, NSALayoutAction } from './main';
+
+const actions = [
+    {
+        group: "actions",
+        items: [
+            {
+                id: "1",
+                menu_item: "View",
+                handler()
+                {
+                },
+                isActive()
+                {
+                    return true;
+                }
+            },
+            {
+                id: "2",
+                menu_item: "View History",
+                handler()
+                {
+                    console.log("View History");
+                },
+                isActive()
+                {
+                    return true;
+                }
+            },
+            {
+                id: "3",
+                menu_item: "Edit",
+                handler()
+                { },
+                isActive()
+                {
+                    return true;
+                }
+            },
+            {
+                id: "4",
+                menu_item: "Delete",
+                handler()
+                { },
+                isActive()
+                {
+                    return true;
+                }
+            }
+        ]
+    }
+]
+export function App()
+{
+    return (
+        <>
+            <NSALoginPage
+                title="Namirasoft Payment"
+                logo="Logo"
+                background="https://static.namirasoft.com/image/namirasoft/account/background/base.svg" />
+            <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’re not a Premium user yet. It takes us 10 to 30 days to make you Premium.'
+                notifications={[]}
+                actions={actions}
+            >
+                <p>test</p>
+            </NSALayoutAction>
+        </>
+    );
+};

package/src/components/NSALayoutAction.tsx

@@ -0,0 +1,38 @@
+// import Styles from './NSALayoutAction.module.css';
+import { NSLayoutAction } from 'namirasoft-site-react';
+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;
+}
+
+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>
+    );
+}

package/src/index.tsx

@@ -0,0 +1,8 @@
+import ReactDOM from 'react-dom/client';
+import './index.css';
+import { App } from './App';
+
+const root = ReactDOM.createRoot(
+    document.getElementById('root') as HTMLElement
+);
+root.render(<App />);

package/src/{index.ts → main.ts}

@@ -2,4 +2,6 @@ export * from "./Info";
 export * from "./INSARouterMaker";
 export * from "./INSARouterProps";
 export * from "./INSARouterState";
-export * from "./NSARouterMaker";
+export * from "./NSARouterMaker";
+export * from "./pages/NSALoginPage";
+export * from "./components/NSALayoutAction";

package/src/pages/NSALoginPage.module.css

@@ -0,0 +1,20 @@
+.ns_login_container {
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+	justify-content: center;
+}
+
+.ns_logo {
+	text-align: center;
+}
+
+.ns_title {
+	font-size: 32px;
+	font-weight: 700;
+	text-align: center;
+}
+
+.ns_button {
+	text-align: center;
+}

package/src/pages/NSALoginPage.tsx

@@ -0,0 +1,38 @@
+import Styles from './NSALoginPage.module.css';
+
+import { NSSpace, NSSpaceSizeType, NSLinkBlue } from 'namirasoft-site-react';
+
+export interface INSALoginPageProps
+{
+    title: string;
+    logo: string;
+    background: string;
+}
+
+export function NSALoginPage(props: INSALoginPageProps)
+{
+    return (
+        <div
+            style={{
+                backgroundImage: `url(${props.background})`,
+                width: '100%',
+                backgroundSize: 'cover',
+                backgroundAttachment: 'fixed'
+            }}
+        >
+            <div className={Styles.ns_login_container} style={{ minHeight: '100vh' }}>
+                <div className={Styles.ns_logo}>
+                    <img width={256} height={256} src={props.logo} alt={`${props.title} Logo`} />
+                </div>
+                <NSSpace size={NSSpaceSizeType.SMALL} />
+                <div>
+                    <h1 className={Styles.ns_title}>{props.title}</h1>
+                </div>
+                <NSSpace size={NSSpaceSizeType.SMALL} />
+                <div className={Styles.ns_button}>
+                    <NSLinkBlue title="Login" href={'https://account.namirasoft.com/login'} />
+                </div>
+            </div>
+        </div>
+    );
+}

package/tsconfig.json

@@ -2,12 +2,13 @@
     "compilerOptions": {
         "target": "ES6",
         "jsx": "react-jsx",
-        "module": "CommonJS",
+        "moduleResolution": "node",
         "rootDir": "./src",
         "outDir": "./dist",
         "lib": [
-            "es6",
-            "dom"
+            "dom",
+            "dom.iterable",
+            "esnext"
         ],
         "allowJs": false,
         "checkJs": false,
@@ -27,11 +28,11 @@
         "forceConsistentCasingInFileNames": true,
         "noFallthroughCasesInSwitch": true,
         "isolatedModules": false,
-        "removeComments": true
+        "removeComments": true,
     },
     "include": [
         "src",
-        "build/types/**/*.ts"
+        "build/types/**/*.ts",
     ],
     "exclude": [
         "node_modules",