namirasoft-account-react 1.3.158 → 1.3.160

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (47) hide show
  1. package/config-overrides.js +72 -72
  2. package/dist/components/NSAAccessModal.module.css +103 -103
  3. package/dist/components/NSABoxOTP.module.css +10 -10
  4. package/dist/components/NSAMessageDialog.module.css +148 -148
  5. package/dist/layouts/NSASectionView.d.ts +1 -1
  6. package/dist/layouts/NSASectionView.js +1 -1
  7. package/dist/layouts/NSASectionView.js.map +1 -1
  8. package/dist/pages/NSALoginPage.module.css +19 -19
  9. package/dist/pages/NSAVerificationPage.module.css +22 -22
  10. package/package.json +67 -67
  11. package/public/index.html +21 -21
  12. package/src/App.css +31 -31
  13. package/src/App.tsx +8 -8
  14. package/src/IEntityInfo.ts +28 -28
  15. package/src/INSARouterMaker.ts +8 -8
  16. package/src/INSARouterProps.ts +17 -17
  17. package/src/INSARouterState.ts +5 -5
  18. package/src/Info.ts +20 -20
  19. package/src/NSARouterMaker.tsx +138 -138
  20. package/src/components/NSAAccessModal.module.css +103 -103
  21. package/src/components/NSAAccessModal.tsx +134 -134
  22. package/src/components/NSABoxOTP.module.css +10 -10
  23. package/src/components/NSABoxOTP.tsx +63 -63
  24. package/src/components/NSADeleteModal.tsx +24 -24
  25. package/src/components/NSAMessageDialog.module.css +148 -148
  26. package/src/components/NSAMessageDialog.tsx +132 -132
  27. package/src/index.tsx +7 -7
  28. package/src/layouts/Actions.ts +119 -119
  29. package/src/layouts/Menus.ts +15 -15
  30. package/src/layouts/NSALayout.tsx +240 -240
  31. package/src/layouts/NSASectionEdit.tsx +114 -114
  32. package/src/layouts/NSASectionList.tsx +168 -168
  33. package/src/layouts/NSASectionTabs.tsx +36 -36
  34. package/src/layouts/NSASectionView.tsx +39 -39
  35. package/src/main.ts +17 -17
  36. package/src/pages/NSALoginPage.module.css +19 -19
  37. package/src/pages/NSALoginPage.tsx +37 -37
  38. package/src/pages/NSAVerificationPage.module.css +22 -22
  39. package/src/pages/NSAVerificationPage.tsx +58 -58
  40. package/tsconfig.json +43 -43
  41. package/dist/App.css +0 -32
  42. package/dist/assets/images/verify.png +0 -0
  43. package/dist/components/NSAAccessModel.d.ts +0 -17
  44. package/dist/components/NSAAccessModel.js +0 -73
  45. package/dist/components/NSAAccessModel.js.map +0 -1
  46. package/dist/components/NSAAccessModel.module.css +0 -101
  47. package/dist/index.css +0 -0
@@ -1,73 +1,73 @@
1
- const getCacheIdentifier = require('react-dev-utils/getCacheIdentifier');
2
- const webpack = require('webpack');
3
-
4
- const shouldUseSourceMap = process.env.GENERATE_SOURCEMAP !== 'false';
5
-
6
- module.exports = function config_overrides(config, webpackEnv)
7
- {
8
- console.log('overriding webpack config...');
9
- const isEnvDevelopment = webpackEnv === 'development';
10
- const isEnvProduction = webpackEnv === 'production';
11
- const loaders = config.module.rules[1].oneOf;
12
-
13
- loaders.splice(loaders.length - 1, 0, {
14
- test: /\.(js|mjs|cjs)$/,
15
- exclude: /@babel(?:\/|\\{1,2})runtime/,
16
- loader: require.resolve('babel-loader'),
17
- options: {
18
- babelrc: false,
19
- configFile: false,
20
- compact: false,
21
- presets: [
22
- [
23
- require.resolve('babel-preset-react-app/dependencies'),
24
- { helpers: true },
25
- ],
26
- ],
27
- cacheDirectory: true,
28
- // See #6846 for context on why cacheCompression is disabled
29
- cacheCompression: false,
30
- // @remove-on-eject-begin
31
- cacheIdentifier: getCacheIdentifier(
32
- isEnvProduction
33
- ? 'production'
34
- : isEnvDevelopment && 'development',
35
- [
36
- 'babel-plugin-named-asset-import',
37
- 'babel-preset-react-app',
38
- 'react-dev-utils',
39
- 'react-scripts',
40
- ]
41
- ),
42
- // @remove-on-eject-end
43
- // Babel sourcemaps are needed for debugging into node_modules
44
- // code. Without the options below, debuggers like VSCode
45
- // show incorrect code and set breakpoints on the wrong lines.
46
- sourceMaps: shouldUseSourceMap,
47
- inputSourceMap: shouldUseSourceMap,
48
- },
49
- });
50
-
51
- config.resolve.fallback = {
52
- "fs": false,
53
- "tls": false,
54
- "net": false,
55
- "https": false,
56
- // "http": require.resolve("stream-http"),
57
- // "zlib": require.resolve("browserify-zlib"),
58
- "path": require.resolve("path-browserify"),
59
- // "stream": require.resolve("stream-browserify"),
60
- // "util": require.resolve("util/"),
61
- // "crypto": require.resolve("crypto-browserify")
62
- "child_process": false,
63
- "os": false,
64
- "crypto": false
65
- }
66
- config.plugins = (config.plugins || []).concat([
67
- new webpack.NormalModuleReplacementPlugin(/node:/, (resource) =>
68
- {
69
- resource.request = resource.request.replace(/^node:/, "");
70
- })
71
- ]);
72
- return config;
1
+ const getCacheIdentifier = require('react-dev-utils/getCacheIdentifier');
2
+ const webpack = require('webpack');
3
+
4
+ const shouldUseSourceMap = process.env.GENERATE_SOURCEMAP !== 'false';
5
+
6
+ module.exports = function config_overrides(config, webpackEnv)
7
+ {
8
+ console.log('overriding webpack config...');
9
+ const isEnvDevelopment = webpackEnv === 'development';
10
+ const isEnvProduction = webpackEnv === 'production';
11
+ const loaders = config.module.rules[1].oneOf;
12
+
13
+ loaders.splice(loaders.length - 1, 0, {
14
+ test: /\.(js|mjs|cjs)$/,
15
+ exclude: /@babel(?:\/|\\{1,2})runtime/,
16
+ loader: require.resolve('babel-loader'),
17
+ options: {
18
+ babelrc: false,
19
+ configFile: false,
20
+ compact: false,
21
+ presets: [
22
+ [
23
+ require.resolve('babel-preset-react-app/dependencies'),
24
+ { helpers: true },
25
+ ],
26
+ ],
27
+ cacheDirectory: true,
28
+ // See #6846 for context on why cacheCompression is disabled
29
+ cacheCompression: false,
30
+ // @remove-on-eject-begin
31
+ cacheIdentifier: getCacheIdentifier(
32
+ isEnvProduction
33
+ ? 'production'
34
+ : isEnvDevelopment && 'development',
35
+ [
36
+ 'babel-plugin-named-asset-import',
37
+ 'babel-preset-react-app',
38
+ 'react-dev-utils',
39
+ 'react-scripts',
40
+ ]
41
+ ),
42
+ // @remove-on-eject-end
43
+ // Babel sourcemaps are needed for debugging into node_modules
44
+ // code. Without the options below, debuggers like VSCode
45
+ // show incorrect code and set breakpoints on the wrong lines.
46
+ sourceMaps: shouldUseSourceMap,
47
+ inputSourceMap: shouldUseSourceMap,
48
+ },
49
+ });
50
+
51
+ config.resolve.fallback = {
52
+ "fs": false,
53
+ "tls": false,
54
+ "net": false,
55
+ "https": false,
56
+ // "http": require.resolve("stream-http"),
57
+ // "zlib": require.resolve("browserify-zlib"),
58
+ "path": require.resolve("path-browserify"),
59
+ // "stream": require.resolve("stream-browserify"),
60
+ // "util": require.resolve("util/"),
61
+ // "crypto": require.resolve("crypto-browserify")
62
+ "child_process": false,
63
+ "os": false,
64
+ "crypto": false
65
+ }
66
+ config.plugins = (config.plugins || []).concat([
67
+ new webpack.NormalModuleReplacementPlugin(/node:/, (resource) =>
68
+ {
69
+ resource.request = resource.request.replace(/^node:/, "");
70
+ })
71
+ ]);
72
+ return config;
73
73
  };
@@ -1,104 +1,104 @@
1
- .ns_access_container {
2
- width: max-content;
3
- position: relative;
4
- background-color: rgba(255, 255, 255, 1);
5
- border-radius: 16px;
6
- border: 0.2px solid rgb(210, 210, 210);
7
- padding: 16px;
8
- position: absolute;
9
- right: 0;
10
- z-index: 1;
11
- top: 0;
12
- left: auto;
13
- transform: translate(30%, 50%);
14
- cursor: default;
15
- }
16
-
17
- .ns_access_container h6 {
18
- color: rgba(20, 27, 92, 1);
19
- text-align: center;
20
- font-weight: 300;
21
- font-size: 16px;
22
- cursor: default;
23
- }
24
-
25
- .ns_access_container h2 {
26
- color: rgba(3, 119, 255, 1);
27
- text-align: center;
28
- font-weight: 600;
29
- font-size: 16px;
30
- cursor: default;
31
- }
32
-
33
- .ns_access_container h4 {
34
- color: rgba(20, 27, 92, 1);
35
- font-weight: 600;
36
- font-size: 16px;
37
- text-align: left;
38
- cursor: default;
39
- }
40
-
41
- .ns_access_container h5 {
42
- color: rgba(20, 27, 92, 1);
43
- font-weight: 300;
44
- font-size: 12px;
45
- text-align: left;
46
- }
47
-
48
- .ns_access_account_container {
49
- display: flex;
50
- border: none;
51
- background-color: rgba(244, 246, 255, 1);
52
- border-radius: 50px;
53
- align-items: center;
54
- gap: 10px;
55
- width: 326px;
56
- max-width: 100%;
57
- cursor: pointer;
58
- }
59
-
60
- .ns_access_account_container:hover {
61
- background-color: rgba(178, 187, 217, 1);
62
- transition: all 0.4s ease-in-out;
63
- }
64
-
65
- .ns_access_account_info {
66
- display: flex;
67
- flex-direction: row;
68
- justify-content: left;
69
- align-items: flex-start;
70
- padding: 8px;
71
- cursor: default;
72
- }
73
-
74
- .nsa_close_icon {
75
- cursor: pointer;
76
- }
77
-
78
- .nsa_toast_background {
79
- width: 100vw;
80
- height: 100vh;
81
- background-color: #00000059;
82
- position: fixed;
83
- top: 0;
84
- left: 0;
85
- display: flex;
86
- justify-content: center;
87
- align-items: center;
88
- cursor: default;
89
- }
90
-
91
-
92
- @media only screen and (min-width: 500px) {
93
- .ns_access_container {
94
- padding: 16px;
95
- position: absolute;
96
- right: 0;
97
- z-index: 1;
98
- top: 30;
99
- left: auto;
100
- transform: translate(0%, 0%);
101
- width: 275px;
102
- min-height: 250px;
103
- }
1
+ .ns_access_container {
2
+ width: max-content;
3
+ position: relative;
4
+ background-color: rgba(255, 255, 255, 1);
5
+ border-radius: 16px;
6
+ border: 0.2px solid rgb(210, 210, 210);
7
+ padding: 16px;
8
+ position: absolute;
9
+ right: 0;
10
+ z-index: 1;
11
+ top: 0;
12
+ left: auto;
13
+ transform: translate(30%, 50%);
14
+ cursor: default;
15
+ }
16
+
17
+ .ns_access_container h6 {
18
+ color: rgba(20, 27, 92, 1);
19
+ text-align: center;
20
+ font-weight: 300;
21
+ font-size: 16px;
22
+ cursor: default;
23
+ }
24
+
25
+ .ns_access_container h2 {
26
+ color: rgba(3, 119, 255, 1);
27
+ text-align: center;
28
+ font-weight: 600;
29
+ font-size: 16px;
30
+ cursor: default;
31
+ }
32
+
33
+ .ns_access_container h4 {
34
+ color: rgba(20, 27, 92, 1);
35
+ font-weight: 600;
36
+ font-size: 16px;
37
+ text-align: left;
38
+ cursor: default;
39
+ }
40
+
41
+ .ns_access_container h5 {
42
+ color: rgba(20, 27, 92, 1);
43
+ font-weight: 300;
44
+ font-size: 12px;
45
+ text-align: left;
46
+ }
47
+
48
+ .ns_access_account_container {
49
+ display: flex;
50
+ border: none;
51
+ background-color: rgba(244, 246, 255, 1);
52
+ border-radius: 50px;
53
+ align-items: center;
54
+ gap: 10px;
55
+ width: 326px;
56
+ max-width: 100%;
57
+ cursor: pointer;
58
+ }
59
+
60
+ .ns_access_account_container:hover {
61
+ background-color: rgba(178, 187, 217, 1);
62
+ transition: all 0.4s ease-in-out;
63
+ }
64
+
65
+ .ns_access_account_info {
66
+ display: flex;
67
+ flex-direction: row;
68
+ justify-content: left;
69
+ align-items: flex-start;
70
+ padding: 8px;
71
+ cursor: default;
72
+ }
73
+
74
+ .nsa_close_icon {
75
+ cursor: pointer;
76
+ }
77
+
78
+ .nsa_toast_background {
79
+ width: 100vw;
80
+ height: 100vh;
81
+ background-color: #00000059;
82
+ position: fixed;
83
+ top: 0;
84
+ left: 0;
85
+ display: flex;
86
+ justify-content: center;
87
+ align-items: center;
88
+ cursor: default;
89
+ }
90
+
91
+
92
+ @media only screen and (min-width: 500px) {
93
+ .ns_access_container {
94
+ padding: 16px;
95
+ position: absolute;
96
+ right: 0;
97
+ z-index: 1;
98
+ top: 30;
99
+ left: auto;
100
+ transform: translate(0%, 0%);
101
+ width: 275px;
102
+ min-height: 250px;
103
+ }
104
104
  }
@@ -1,11 +1,11 @@
1
- .nsa_otp_input {
2
- border: none;
3
- background-color: transparent;
4
- border-bottom: 2px solid #141B5C;
5
- }
6
-
7
- .nsa_otp_input:focus {
8
- border: none;
9
- outline: none;
10
- border-bottom: 2px solid #141B5C;
1
+ .nsa_otp_input {
2
+ border: none;
3
+ background-color: transparent;
4
+ border-bottom: 2px solid #141B5C;
5
+ }
6
+
7
+ .nsa_otp_input:focus {
8
+ border: none;
9
+ outline: none;
10
+ border-bottom: 2px solid #141B5C;
11
11
  }
@@ -1,149 +1,149 @@
1
- .nsa_message_icon {
2
- cursor: pointer;
3
- }
4
-
5
- .nsa_message_title {
6
- color: hsla(212, 100%, 51%, 1)
7
- }
8
-
9
- .nsa_message_item_title {
10
- color: hsla(234, 64%, 22%, 1);
11
- font-size: 16px;
12
- font-weight: 600;
13
- text-align: left;
14
- }
15
-
16
- .nsa_message_item_content {
17
- color: hsla(234, 64%, 22%, 1);
18
- margin: 0;
19
- text-align: left;
20
- overflow: hidden;
21
- text-overflow: ellipsis;
22
- white-space: nowrap;
23
- }
24
-
25
- .nsa_message_item_ul {
26
- padding-left: 16px !important;
27
- margin-bottom: 8px;
28
- }
29
-
30
- .nsa_message_item_ul li::marker {
31
- color: hsla(157, 94%, 42%, 1);
32
- }
33
-
34
- .nsa_message_item_dot_green {
35
- width: 8px;
36
- height: 8px;
37
- background: hsla(157, 94%, 42%, 1);
38
- border-radius: 50%;
39
- }
40
-
41
- .nsa_message_item_dot_gray {
42
- width: 8px;
43
- height: 8px;
44
- background: hsla(228, 9%, 66%, 1);
45
- border-radius: 50%;
46
- }
47
-
48
- .nsa_body_green {
49
- background-color: hsla(157, 94%, 42%, 0.1);
50
- padding: 16px;
51
- cursor: pointer !important;
52
- }
53
-
54
- .nsa_body_gray {
55
- background-color: #fff;
56
- padding: 16px;
57
- box-shadow: 0px 2px 5px #e6e6e6;
58
- cursor: pointer !important;
59
- }
60
-
61
- .nsa_count {
62
- position: absolute;
63
- background: rgba(3, 119, 255, 1);
64
- right: -5px;
65
- top: -5px;
66
- color: #fff;
67
- width: 18px;
68
- height: 18px;
69
- border-radius: 50%;
70
- display: flex;
71
- justify-content: center;
72
- align-items: center;
73
- }
74
-
75
- .nsa_parent_count {
76
- position: relative;
77
- width: max-content;
78
- }
79
-
80
- .nsa_toast_body {
81
- padding: 0 !important;
82
- }
83
-
84
- .nsa_toast_header {
85
- padding: 16px !important;
86
- display: flex;
87
- justify-content: space-between !important;
88
- align-items: center;
89
- }
90
-
91
- .nsa_toast {
92
- background-color: rgb(252 252 252);
93
- width: 350px;
94
- max-width: 100vw;
95
- border: 8px;
96
- z-index: 1;
97
- position: fixed;
98
- z-index: 1;
99
- top: 50%;
100
- left: 50%;
101
- transform: translate(-50%, -50%);
102
- }
103
-
104
-
105
- .nsa_toast div {
106
- width: 100% !important;
107
- cursor: auto;
108
- }
109
-
110
- .nsa_close_icon {
111
- cursor: pointer;
112
- }
113
-
114
- .nsa_toast_background {
115
- width: 100vw;
116
- height: 100vh;
117
- background-color: #00000059;
118
- position: fixed;
119
- top: 0;
120
- left: 0;
121
- display: flex;
122
- justify-content: center;
123
- align-items: center;
124
- cursor: auto;
125
- }
126
-
127
- .nsa_toast {
128
- background-color: rgb(252 252 252);
129
- width: 350px;
130
- max-width: 100vw;
131
- border: 8px;
132
- position: fixed;
133
- z-index: 1;
134
- top: 50%;
135
- left: 50%;
136
- transform: translate(-50%, -50%);
137
- cursor: auto;
138
- }
139
-
140
- @media only screen and (min-width: 500px) {
141
- .nsa_toast {
142
- position: absolute;
143
- right: 0;
144
- z-index: 1;
145
- top: 30px;
146
- left: auto;
147
- transform: translate(0%, 0%);
148
- }
1
+ .nsa_message_icon {
2
+ cursor: pointer;
3
+ }
4
+
5
+ .nsa_message_title {
6
+ color: hsla(212, 100%, 51%, 1)
7
+ }
8
+
9
+ .nsa_message_item_title {
10
+ color: hsla(234, 64%, 22%, 1);
11
+ font-size: 16px;
12
+ font-weight: 600;
13
+ text-align: left;
14
+ }
15
+
16
+ .nsa_message_item_content {
17
+ color: hsla(234, 64%, 22%, 1);
18
+ margin: 0;
19
+ text-align: left;
20
+ overflow: hidden;
21
+ text-overflow: ellipsis;
22
+ white-space: nowrap;
23
+ }
24
+
25
+ .nsa_message_item_ul {
26
+ padding-left: 16px !important;
27
+ margin-bottom: 8px;
28
+ }
29
+
30
+ .nsa_message_item_ul li::marker {
31
+ color: hsla(157, 94%, 42%, 1);
32
+ }
33
+
34
+ .nsa_message_item_dot_green {
35
+ width: 8px;
36
+ height: 8px;
37
+ background: hsla(157, 94%, 42%, 1);
38
+ border-radius: 50%;
39
+ }
40
+
41
+ .nsa_message_item_dot_gray {
42
+ width: 8px;
43
+ height: 8px;
44
+ background: hsla(228, 9%, 66%, 1);
45
+ border-radius: 50%;
46
+ }
47
+
48
+ .nsa_body_green {
49
+ background-color: hsla(157, 94%, 42%, 0.1);
50
+ padding: 16px;
51
+ cursor: pointer !important;
52
+ }
53
+
54
+ .nsa_body_gray {
55
+ background-color: #fff;
56
+ padding: 16px;
57
+ box-shadow: 0px 2px 5px #e6e6e6;
58
+ cursor: pointer !important;
59
+ }
60
+
61
+ .nsa_count {
62
+ position: absolute;
63
+ background: rgba(3, 119, 255, 1);
64
+ right: -5px;
65
+ top: -5px;
66
+ color: #fff;
67
+ width: 18px;
68
+ height: 18px;
69
+ border-radius: 50%;
70
+ display: flex;
71
+ justify-content: center;
72
+ align-items: center;
73
+ }
74
+
75
+ .nsa_parent_count {
76
+ position: relative;
77
+ width: max-content;
78
+ }
79
+
80
+ .nsa_toast_body {
81
+ padding: 0 !important;
82
+ }
83
+
84
+ .nsa_toast_header {
85
+ padding: 16px !important;
86
+ display: flex;
87
+ justify-content: space-between !important;
88
+ align-items: center;
89
+ }
90
+
91
+ .nsa_toast {
92
+ background-color: rgb(252 252 252);
93
+ width: 350px;
94
+ max-width: 100vw;
95
+ border: 8px;
96
+ z-index: 1;
97
+ position: fixed;
98
+ z-index: 1;
99
+ top: 50%;
100
+ left: 50%;
101
+ transform: translate(-50%, -50%);
102
+ }
103
+
104
+
105
+ .nsa_toast div {
106
+ width: 100% !important;
107
+ cursor: auto;
108
+ }
109
+
110
+ .nsa_close_icon {
111
+ cursor: pointer;
112
+ }
113
+
114
+ .nsa_toast_background {
115
+ width: 100vw;
116
+ height: 100vh;
117
+ background-color: #00000059;
118
+ position: fixed;
119
+ top: 0;
120
+ left: 0;
121
+ display: flex;
122
+ justify-content: center;
123
+ align-items: center;
124
+ cursor: auto;
125
+ }
126
+
127
+ .nsa_toast {
128
+ background-color: rgb(252 252 252);
129
+ width: 350px;
130
+ max-width: 100vw;
131
+ border: 8px;
132
+ position: fixed;
133
+ z-index: 1;
134
+ top: 50%;
135
+ left: 50%;
136
+ transform: translate(-50%, -50%);
137
+ cursor: auto;
138
+ }
139
+
140
+ @media only screen and (min-width: 500px) {
141
+ .nsa_toast {
142
+ position: absolute;
143
+ right: 0;
144
+ z-index: 1;
145
+ top: 30px;
146
+ left: auto;
147
+ transform: translate(0%, 0%);
148
+ }
149
149
  }
@@ -1,7 +1,7 @@
1
1
  import { IEntityInfo } from "../IEntityInfo";
2
2
  import { ReactNode } from "react";
3
3
  export interface NSASectionViewProps<EntityType> {
4
- getChildren: (id: string, entity: EntityType) => ReactNode;
4
+ getChildren?: (id: string, entity: EntityType) => ReactNode;
5
5
  }
6
6
  export declare function NSASectionView<EntityType extends {
7
7
  id: string;