namirasoft-account-react 1.3.229 → 1.3.231

package/config-overrides.js

@@ -1,73 +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;
+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.css

@@ -0,0 +1,32 @@
+@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;
+}
+
+
+.btn-close {
+    background: url(./assets/images/icon-close.png) center/1em auto no-repeat !important;
+    opacity: 1 !important;
+}
+
+.nsa_font_16_bold {
+    font-size: 16px;
+    font-weight: 600;
+}
+
+.nsa_font_13_normal {
+    font-size: 13px;
+    font-weight: 300;
+}
+
+.nsa_font_12_normal {
+    font-size: 12px;
+    font-weight: 300;
+}

package/dist/components/NSAAccessModal.module.css

@@ -1,120 +1,120 @@
-.ns_access_container {
-	width: max-content;
-	position: relative;
-	background-color: rgba(255, 255, 255, 1);
-	border-radius: 16px;
-	border: 0.2px solid rgb(210, 210, 210);
-	padding: 16px;
-	position: absolute;
-	right: 0;
-	z-index: 1;
-	top: 0;
-	left: auto;
-	transform: translate(30%, 50%);
-	cursor: default;
-}
-
-.ns_access_container h6 {
-	color: rgba(20, 27, 92, 1);
-	text-align: left;
-	font-weight: 300;
-	font-size: 16px;
-	cursor: default;
-}
-
-.ns_access_container h2 {
-	color: rgba(3, 119, 255, 1);
-	text-align: center;
-	font-weight: 600;
-	font-size: 16px;
-	cursor: default;
-	margin: 0;
-}
-
-.ns_access_container h4 {
-	color: rgba(20, 27, 92, 1);
-	font-weight: 600;
-	font-size: 16px;
-	text-align: left;
-	cursor: default;
-}
-
-.ns_access_account_container h4 {
-	cursor: pointer;
-}
-
-.ns_access_container h5 {
-	color: rgba(20, 27, 92, 1);
-	font-weight: 300;
-	font-size: 12px;
-	text-align: left;
-}
-
-.ns_access_content h6 {
-	text-align: center;
-	padding: 0;
-	margin: 0;
-}
-
-
-.ns_access_account_container {
-	display: flex;
-	cursor: pointer;
-	border: none;
-	background-color: rgba(244, 246, 255, 1);
-	border-radius: 8px;
-	align-items: center;
-	gap: 10px;
-	width: 326px;
-	max-width: 100%;
-}
-
-.ns_access_account_container:hover {
-	background-color: rgba(178, 187, 217, 1);
-	transition: all 0.3s ease-in-out;
-}
-
-
-.ns_access_account_container img {
-	cursor: pointer;
-}
-
-.ns_access_account_info {
-	display: flex;
-	flex-direction: row;
-	justify-content: left;
-	align-items: flex-start;
-	padding: 8px;
-}
-
-.nsa_close_icon {
-	cursor: pointer;
-}
-
-.nsa_toast_background {
-	width: 100vw;
-	height: 100vh;
-	background-color: #00000059;
-	position: fixed;
-	top: 0;
-	left: 0;
-	display: flex;
-	justify-content: center;
-	align-items: center;
-	cursor: default;
-}
-
-
-@media only screen and (min-width: 500px) {
-	.ns_access_container {
-		padding: 16px;
-		position: absolute;
-		right: 0;
-		z-index: 1;
-		top: 30px;
-		left: auto;
-		transform: translate(0%, 0%);
-		width: 275px;
-		min-height: 250px;
-	}
+.ns_access_container {
+	width: max-content;
+	position: relative;
+	background-color: rgba(255, 255, 255, 1);
+	border-radius: 16px;
+	border: 0.2px solid rgb(210, 210, 210);
+	padding: 16px;
+	position: absolute;
+	right: 0;
+	z-index: 1;
+	top: 0;
+	left: auto;
+	transform: translate(30%, 50%);
+	cursor: default;
+}
+
+.ns_access_container h6 {
+	color: rgba(20, 27, 92, 1);
+	text-align: left;
+	font-weight: 300;
+	font-size: 16px;
+	cursor: default;
+}
+
+.ns_access_container h2 {
+	color: rgba(3, 119, 255, 1);
+	text-align: center;
+	font-weight: 600;
+	font-size: 16px;
+	cursor: default;
+	margin: 0;
+}
+
+.ns_access_container h4 {
+	color: rgba(20, 27, 92, 1);
+	font-weight: 600;
+	font-size: 16px;
+	text-align: left;
+	cursor: default;
+}
+
+.ns_access_account_container h4 {
+	cursor: pointer;
+}
+
+.ns_access_container h5 {
+	color: rgba(20, 27, 92, 1);
+	font-weight: 300;
+	font-size: 12px;
+	text-align: left;
+}
+
+.ns_access_content h6 {
+	text-align: center;
+	padding: 0;
+	margin: 0;
+}
+
+
+.ns_access_account_container {
+	display: flex;
+	cursor: pointer;
+	border: none;
+	background-color: rgba(244, 246, 255, 1);
+	border-radius: 8px;
+	align-items: center;
+	gap: 10px;
+	width: 326px;
+	max-width: 100%;
+}
+
+.ns_access_account_container:hover {
+	background-color: rgba(178, 187, 217, 1);
+	transition: all 0.3s ease-in-out;
+}
+
+
+.ns_access_account_container img {
+	cursor: pointer;
+}
+
+.ns_access_account_info {
+	display: flex;
+	flex-direction: row;
+	justify-content: left;
+	align-items: flex-start;
+	padding: 8px;
+}
+
+.nsa_close_icon {
+	cursor: pointer;
+}
+
+.nsa_toast_background {
+	width: 100vw;
+	height: 100vh;
+	background-color: #00000059;
+	position: fixed;
+	top: 0;
+	left: 0;
+	display: flex;
+	justify-content: center;
+	align-items: center;
+	cursor: default;
+}
+
+
+@media only screen and (min-width: 500px) {
+	.ns_access_container {
+		padding: 16px;
+		position: absolute;
+		right: 0;
+		z-index: 1;
+		top: 30px;
+		left: auto;
+		transform: translate(0%, 0%);
+		width: 275px;
+		min-height: 250px;
+	}
 }

package/dist/components/NSAAccessModel.d.ts

@@ -0,0 +1,17 @@
+import { Component } from 'react';
+import { INSARouterProps } from '../INSARouterProps';
+import { PermissionRow } from 'namirasoft-access';
+export interface NSAAccessModelProps extends INSARouterProps {
+    onClose: () => void;
+}
+export interface NSAAccessModelState {
+    permissions: PermissionRow[] | null;
+}
+export default class NSAAccessModel extends Component<NSAAccessModelProps, NSAAccessModelState> {
+    private toastRef;
+    constructor(props: NSAAccessModelProps);
+    componentDidMount(): void;
+    componentWillUnmount(): void;
+    private handleClickOutside;
+    render(): import("react/jsx-runtime").JSX.Element;
+}

package/dist/components/NSAAccessModel.js

@@ -0,0 +1,73 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Component, createRef } from 'react';
+import Styles from './NSAAccessModel.module.css';
+import ProfileAccount from '../assets/images/icon-close.png';
+import CloseToast from '../assets/images/icon-close.png';
+import { NamirasoftAccessServer } from 'namirasoft-access';
+import { NSLoading } from 'namirasoft-site-react';
+export default class NSAAccessModel extends Component {
+    constructor(props) {
+        super(props);
+        this.state = { permissions: null };
+        this.toastRef = createRef();
+        this.handleClickOutside = this.handleClickOutside.bind(this);
+    }
+    componentDidMount() {
+        document.addEventListener('mousedown', this.handleClickOutside);
+        let server = new NamirasoftAccessServer(this.props.account.token_manager, this.props.notifier.onError);
+        server.permission.ListIncoming([], null, null).then(res => {
+            this.setState({ permissions: res.rows });
+        }).catch(() => { });
+    }
+    componentWillUnmount() {
+        document.removeEventListener('mousedown', this.handleClickOutside);
+    }
+    handleClickOutside(event) {
+        if (this.toastRef.current && !this.toastRef.current.contains(event.target))
+            this.props.onClose();
+    }
+    render() {
+        let profile = null;
+        let content = null;
+        if (this.state.permissions == null)
+            content =
+                _jsx("div", { style: { width: "250px", height: "263px" }, children: _jsx(NSLoading, {}) });
+        else {
+            let user_id = this.props.account.token_manager.getUserData(u => u.id, "");
+            let first_name = this.props.account.token_manager.getUserData(u => u.first_name, "");
+            let last_name = this.props.account.token_manager.getUserData(u => u.last_name, "");
+            let email = this.props.account.token_manager.getUserData(u => u.email, "");
+            let generate = (permission) => {
+                return _jsxs("div", { className: Styles.ns_access_account_container, onClick: () => {
+                        let server = new NamirasoftAccessServer(this.props.account.token_manager, this.props.notifier.onError);
+                        if (permission.id)
+                            server.access.SetOwner({ owner_id: permission.user_id }).then(() => {
+                                this.props.onClose();
+                            }).catch(() => { });
+                        else
+                            server.access.SetOwner({ owner_id: null }).then(() => {
+                                this.props.onClose();
+                            }).catch(() => { });
+                    }, children: [_jsx("div", { className: Styles.ns_access_account_info, children: _jsx("img", { src: ProfileAccount, alt: 'User Profile', width: 48, height: 48, className: 'rounded-circle' }) }), _jsxs("div", { className: 'd-flex flex-column', children: [_jsx("h4", { children: `${permission.firstName} ${permission.lastName}`.trim() }), _jsx("h5", { children: permission.user_id })] })] });
+            };
+            let me = {
+                id: "",
+                user_id,
+                to_user_id: user_id,
+                firstName: first_name,
+                lastName: last_name,
+                email: email,
+                default: this.state.permissions.filter(x => x.default).length == 0
+            };
+            let permissions = [me, ...this.state.permissions];
+            let current = permissions.filter(x => x.default)[0];
+            content = permissions.filter(x => !x.default).map(generate);
+            profile = _jsxs(_Fragment, { children: [_jsx("div", { className: 'text-center pb-2', children: _jsx("img", { src: "https://static.namirasoft.com/image/concept/no-profile/grey.svg", alt: 'No Profile', width: 103, height: 103, className: 'rounded-circle' }) }), _jsx("h2", { className: 'text-center', children: current.user_id }), _jsx("h6", { className: 'text-center pb-2', children: `${current.firstName} ${current.lastName}`.trim() })] });
+        }
+        return (_jsxs(_Fragment, { children: [_jsxs("section", { className: Styles.ns_access_container, ref: this.toastRef, children: [_jsxs("div", { className: Styles.ns_access_content, children: [_jsx("div", { className: 'd-flex justify-content-end', children: _jsx("img", { src: CloseToast, alt: "Close", width: 18, height: 18, onClick: (e) => {
+                                            e.stopPropagation();
+                                            this.props.onClose();
+                                        }, className: Styles.nsa_close_icon }) }), profile] }), content] }), _jsx("div", { className: Styles.nsa_toast_background })] }));
+    }
+}
+//# sourceMappingURL=NSAAccessModel.js.map

package/dist/components/NSAAccessModel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NSAAccessModel.js","sourceRoot":"","sources":["../../src/components/NSAAccessModel.tsx"],"names":[],"mappings":"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"}

package/dist/components/NSAAccessModel.module.css

@@ -0,0 +1,101 @@
+.ns_access_container {
+	width: max-content;
+	position: relative;
+	background-color: rgba(255, 255, 255, 1);
+	border-radius: 16px;
+	border: 0.2px solid rgb(210, 210, 210);
+	padding: 16px;
+	position: absolute;
+	right: 0;
+	z-index: 1;
+	top: 0;
+	left: auto;
+	transform: translate(30%, 50%);
+	cursor: default;
+}
+
+.ns_access_container h6 {
+	color: rgba(20, 27, 92, 1);
+	text-align: center;
+	font-weight: 300;
+	font-size: 16px;
+	cursor: pointer;
+}
+
+.ns_access_container h2 {
+	color: rgba(3, 119, 255, 1);
+	text-align: center;
+	font-weight: 600;
+	font-size: 16px;
+	cursor: pointer;
+}
+
+.ns_access_container h4 {
+	color: rgba(20, 27, 92, 1);
+	font-weight: 600;
+	font-size: 16px;
+	text-align: left;
+	cursor: pointer;
+}
+
+.ns_access_container h5 {
+	color: rgba(20, 27, 92, 1);
+	font-weight: 300;
+	font-size: 12px;
+	text-align: left;
+}
+
+.ns_access_account_container {
+	display: flex;
+	border: none;
+	background-color: rgba(244, 246, 255, 1);
+	border-radius: 50px;
+	align-items: center;
+	gap: 10px;
+	width: 326px;
+	max-width: 100%;
+}
+
+.ns_access_account_container:hover {
+	background-color: rgba(178, 187, 217, 1);
+	transition: all 0.4s ease-in-out;
+}
+
+.ns_access_account_info {
+	display: flex;
+	flex-direction: row;
+	justify-content: left;
+	align-items: flex-start;
+	padding: 8px;
+}
+
+.nsa_close_icon {
+	cursor: pointer;
+}
+
+.nsa_toast_background {
+	width: 100vw;
+	height: 100vh;
+	background-color: #00000059;
+	position: fixed;
+	top: 0;
+	left: 0;
+	display: flex;
+	justify-content: center;
+	align-items: center;
+	cursor: default;
+}
+
+
+@media only screen and (min-width: 500px) {
+	.ns_access_container {
+		width: fit-content;
+		padding: 16px;
+		position: absolute;
+		right: 0;
+		z-index: 1;
+		top: 0;
+		left: auto;
+		transform: translate(0%, 0%);
+	}
+}

package/dist/components/NSABoxOTP.module.css

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