namirasoft-account-react 1.4.70 → 1.4.73

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 (61) hide show
  1. package/.env.template +12 -12
  2. package/config-overrides.js +72 -72
  3. package/dist/App.js +5 -3
  4. package/dist/App.js.map +1 -1
  5. package/dist/Messages.d.ts +3 -1
  6. package/dist/Messages.js +18 -2
  7. package/dist/Messages.js.map +1 -1
  8. package/dist/components/NSAAccessListDialog.module.css +86 -86
  9. package/dist/components/NSABoxOTP.d.ts +1 -1
  10. package/dist/components/NSABoxOTP.js +1 -1
  11. package/dist/components/NSABoxOTP.js.map +1 -1
  12. package/dist/components/NSABoxOTP.module.css +10 -10
  13. package/dist/components/NSAMessageListDialog.module.css +98 -98
  14. package/dist/components/NSAProductListDialog.module.css +44 -44
  15. package/dist/components/NSAWorkspaceListDialog.module.css +42 -42
  16. package/dist/pages/NSAHomePage.module.css +23 -23
  17. package/dist/pages/NSALoginPage.module.css +19 -19
  18. package/dist/pages/NSAVerificationPage.js +8 -3
  19. package/dist/pages/NSAVerificationPage.js.map +1 -1
  20. package/dist/pages/NSAVerificationPage.module.css +31 -31
  21. package/package.json +70 -70
  22. package/public/index.html +21 -21
  23. package/src/App.css +31 -31
  24. package/src/App.tsx +31 -23
  25. package/src/IEntityInfo.ts +31 -31
  26. package/src/INSARouterMaker.ts +7 -7
  27. package/src/INSARouterProps.ts +17 -17
  28. package/src/INSARouterState.ts +5 -5
  29. package/src/Info.ts +20 -20
  30. package/src/Message.ts +7 -7
  31. package/src/Messages.ts +53 -34
  32. package/src/NSARouterMaker.tsx +142 -142
  33. package/src/Router.tsx +39 -39
  34. package/src/components/NSAAccessListDialog.module.css +86 -86
  35. package/src/components/NSAAccessListDialog.tsx +136 -136
  36. package/src/components/NSABoxOTP.module.css +10 -10
  37. package/src/components/NSABoxOTP.tsx +63 -63
  38. package/src/components/NSAMessageListDialog.module.css +98 -98
  39. package/src/components/NSAMessageListDialog.tsx +128 -128
  40. package/src/components/NSAProductListDialog.module.css +44 -44
  41. package/src/components/NSAProductListDialog.tsx +100 -100
  42. package/src/components/NSAWorkspaceListDialog.module.css +42 -42
  43. package/src/components/NSAWorkspaceListDialog.tsx +94 -94
  44. package/src/index.tsx +24 -24
  45. package/src/layouts/Actions.ts +151 -151
  46. package/src/layouts/Menus.ts +15 -15
  47. package/src/layouts/NSALayout.tsx +422 -422
  48. package/src/layouts/NSASectionEdit.tsx +149 -149
  49. package/src/layouts/NSASectionList.tsx +166 -166
  50. package/src/layouts/NSASectionTabs.tsx +161 -161
  51. package/src/layouts/NSASectionView.tsx +61 -61
  52. package/src/main.ts +19 -19
  53. package/src/pages/NSAHomePage.module.css +23 -23
  54. package/src/pages/NSAHomePage.tsx +29 -29
  55. package/src/pages/NSALoginPage.module.css +19 -19
  56. package/src/pages/NSALoginPage.tsx +63 -63
  57. package/src/pages/NSAVerificationPage.module.css +31 -31
  58. package/src/pages/NSAVerificationPage.tsx +89 -83
  59. package/tsconfig.json +43 -43
  60. package/dist/App.css +0 -32
  61. package/dist/index.css +0 -0
package/.env.template CHANGED
@@ -1,13 +1,13 @@
1
- ## BASE
2
- REACT_APP_BASE_PATH = ""
3
- REACT_APP_BASE_URL_ACCESS = "https://access.namirasoft.com/api/v1"
4
- REACT_APP_BASE_URL_ACCOUNT = "https://account.namirasoft.com/api/v1"
5
- REACT_APP_BASE_URL_ACCOUNT_CONSOLE = "https://account.namirasoft.com"
6
- REACT_APP_BASE_URL_API_LINK = "https://namirasoft.com/api/link/v1"
7
- REACT_APP_BASE_URL_API_PRODUCT = "https://namirasoft.com/api/product/v1"
8
- REACT_APP_BASE_URL_FIELD = "https://field.namirasoft.com/api/v1";
9
- REACT_APP_BASE_URL_HISTORY = "https://history.namirasoft.com/api/v1";
10
- REACT_APP_BASE_URL_HISTORY_CONSOLE = "https://history.namirasoft.com";
11
- REACT_APP_BASE_URL_MESSAGE = "https://message.namirasoft.com/api/v1";
12
- REACT_APP_BASE_URL_MESSAGE_CONSOLE = "https://message.namirasoft.com"
1
+ ## BASE
2
+ REACT_APP_BASE_PATH = ""
3
+ REACT_APP_BASE_URL_ACCESS = "https://access.namirasoft.com/api/v1"
4
+ REACT_APP_BASE_URL_ACCOUNT = "https://account.namirasoft.com/api/v1"
5
+ REACT_APP_BASE_URL_ACCOUNT_CONSOLE = "https://account.namirasoft.com"
6
+ REACT_APP_BASE_URL_API_LINK = "https://namirasoft.com/api/link/v1"
7
+ REACT_APP_BASE_URL_API_PRODUCT = "https://namirasoft.com/api/product/v1"
8
+ REACT_APP_BASE_URL_FIELD = "https://field.namirasoft.com/api/v1";
9
+ REACT_APP_BASE_URL_HISTORY = "https://history.namirasoft.com/api/v1";
10
+ REACT_APP_BASE_URL_HISTORY_CONSOLE = "https://history.namirasoft.com";
11
+ REACT_APP_BASE_URL_MESSAGE = "https://message.namirasoft.com/api/v1";
12
+ REACT_APP_BASE_URL_MESSAGE_CONSOLE = "https://message.namirasoft.com"
13
13
  REACT_APP_BASE_URL_WORKSPACE = "https://workspace.namirasoft.com/api/v1"
@@ -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
  };
package/dist/App.js CHANGED
@@ -1,7 +1,9 @@
1
- import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
2
- import { NSALayout, NSASectionTabs } from "./main";
1
+ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
2
+ import { NSALayout, NSASectionTabs, NSAVerificationPage } from "./main";
3
3
  export function App(props) {
4
- return (_jsx(_Fragment, { children: _jsx(NSALayout, Object.assign({}, props, { scope: "Namirasoft Job Arranger Console", logo: "", background: "", header: "", notifications: [], children: _jsx(NSASectionTabs, {}) })) }));
4
+ return (_jsx(_Fragment, { children: _jsxs(NSALayout, Object.assign({}, props, { scope: "Namirasoft Job Arranger Console", logo: "", background: "", header: "", notifications: [], children: [_jsx(NSASectionTabs, {}), _jsx(NSAVerificationPage, { contact_type: "Email", contact_value: "fsdfgs gfsd gd ", onApply: (code) => {
5
+ console.log(code);
6
+ }, onSend: () => { } })] })) }));
5
7
  }
6
8
  ;
7
9
  //# sourceMappingURL=App.js.map
package/dist/App.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"App.js","sourceRoot":"","sources":["../src/App.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,QAAQ,CAAC;AAMnD,MAAM,UAAU,GAAG,CAAC,KAAe;IAE/B,OAAO,CACH,4BACI,KAAC,SAAS,oBAAK,KAAK,IAChB,KAAK,EAAE,iCAAiC,EACxC,IAAI,EAAE,EAAE,EACR,UAAU,EAAE,EAAE,EACd,MAAM,EAAE,EAAE,EACV,aAAa,EAAE,EAAE,YAE7B,KAAC,cAAc,KAAG,IAEG,GACd,CACN,CAAC;AACN,CAAC;AAAA,CAAC"}
1
+ {"version":3,"file":"App.js","sourceRoot":"","sources":["../src/App.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,SAAS,EAAE,cAAc,EAAE,mBAAmB,EAAE,MAAM,QAAQ,CAAC;AAMxE,MAAM,UAAU,GAAG,CAAC,KAAe;IAElC,OAAO,CACN,4BACC,MAAC,SAAS,oBAAK,KAAK,IACnB,KAAK,EAAE,iCAAiC,EACxC,IAAI,EAAE,EAAE,EACR,UAAU,EAAE,EAAE,EACd,MAAM,EAAE,EAAE,EACV,aAAa,EAAE,EAAE,aAEjB,KAAC,cAAc,KAAG,EAClB,KAAC,mBAAmB,IACnB,YAAY,EAAC,OAAO,EACpB,aAAa,EAAC,iBAAiB,EAC/B,OAAO,EAAE,CAAC,IAAI,EAAE,EAAE;wBAEjB,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC,CAAA;oBAClB,CAAC,EACD,MAAM,EAAE,GAAG,EAAE,GAAG,CAAC,GAChB,KACU,GACX,CACH,CAAC;AACH,CAAC;AAAA,CAAC"}
@@ -1,6 +1,8 @@
1
1
  import { Message } from "./Message";
2
2
  export declare class Messages {
3
3
  static login(token: string): Message;
4
+ static logout(token: string): Message;
4
5
  static isTheSame(a: Message, b: Message): boolean;
5
- static isLogin(message: string): boolean;
6
+ static isLogin(message: Message): boolean;
7
+ static isLogout(message: Message): boolean;
6
8
  }
package/dist/Messages.js CHANGED
@@ -8,6 +8,15 @@ export class Messages {
8
8
  token
9
9
  };
10
10
  }
11
+ static logout(token) {
12
+ return {
13
+ scope: "namirasoft",
14
+ name: "account",
15
+ action: "logout",
16
+ result: "successful",
17
+ token
18
+ };
19
+ }
11
20
  static isTheSame(a, b) {
12
21
  if (a.scope === b.scope)
13
22
  if (a.name === b.name)
@@ -18,8 +27,15 @@ export class Messages {
18
27
  }
19
28
  static isLogin(message) {
20
29
  try {
21
- let value = JSON.parse(message);
22
- return Messages.isTheSame(Messages.login(""), value);
30
+ return Messages.isTheSame(Messages.login(""), message);
31
+ }
32
+ catch (error) {
33
+ }
34
+ return false;
35
+ }
36
+ static isLogout(message) {
37
+ try {
38
+ return Messages.isTheSame(Messages.logout(""), message);
23
39
  }
24
40
  catch (error) {
25
41
  }
@@ -1 +1 @@
1
- {"version":3,"file":"Messages.js","sourceRoot":"","sources":["../src/Messages.ts"],"names":[],"mappings":"AAEA,MAAM,OAAO,QAAQ;IAEjB,MAAM,CAAC,KAAK,CAAC,KAAa;QAEtB,OAAO;YACH,KAAK,EAAE,YAAY;YACnB,IAAI,EAAE,SAAS;YACf,MAAM,EAAE,OAAO;YACf,MAAM,EAAE,YAAY;YACpB,KAAK;SACR,CAAC;IACN,CAAC;IACD,MAAM,CAAC,SAAS,CAAC,CAAU,EAAE,CAAU;QAEnC,IAAI,CAAC,CAAC,KAAK,KAAK,CAAC,CAAC,KAAK;YACnB,IAAI,CAAC,CAAC,IAAI,KAAK,CAAC,CAAC,IAAI;gBACjB,IAAI,CAAC,CAAC,MAAM,KAAK,CAAC,CAAC,MAAM;oBACrB,IAAI,CAAC,CAAC,MAAM,KAAK,CAAC,CAAC,MAAM;wBACrB,OAAO,IAAI,CAAC;QAC5B,OAAO,KAAK,CAAC;IACjB,CAAC;IACD,MAAM,CAAC,OAAO,CAAC,OAAe;QAE1B,IACA,CAAC;YACG,IAAI,KAAK,GAAY,IAAI,CAAC,KAAK,CAAC,OAAO,CAAY,CAAC;YACpD,OAAO,QAAQ,CAAC,SAAS,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE,CAAC,EAAE,KAAK,CAAC,CAAC;QACzD,CAAC;QAAC,OAAO,KAAK,EACd,CAAC;QACD,CAAC;QACD,OAAO,KAAK,CAAC;IACjB,CAAC;CACJ"}
1
+ {"version":3,"file":"Messages.js","sourceRoot":"","sources":["../src/Messages.ts"],"names":[],"mappings":"AAEA,MAAM,OAAO,QAAQ;IAEjB,MAAM,CAAC,KAAK,CAAC,KAAa;QAEtB,OAAO;YACH,KAAK,EAAE,YAAY;YACnB,IAAI,EAAE,SAAS;YACf,MAAM,EAAE,OAAO;YACf,MAAM,EAAE,YAAY;YACpB,KAAK;SACR,CAAC;IACN,CAAC;IACD,MAAM,CAAC,MAAM,CAAC,KAAa;QAEvB,OAAO;YACH,KAAK,EAAE,YAAY;YACnB,IAAI,EAAE,SAAS;YACf,MAAM,EAAE,QAAQ;YAChB,MAAM,EAAE,YAAY;YACpB,KAAK;SACR,CAAC;IACN,CAAC;IACD,MAAM,CAAC,SAAS,CAAC,CAAU,EAAE,CAAU;QAEnC,IAAI,CAAC,CAAC,KAAK,KAAK,CAAC,CAAC,KAAK;YACnB,IAAI,CAAC,CAAC,IAAI,KAAK,CAAC,CAAC,IAAI;gBACjB,IAAI,CAAC,CAAC,MAAM,KAAK,CAAC,CAAC,MAAM;oBACrB,IAAI,CAAC,CAAC,MAAM,KAAK,CAAC,CAAC,MAAM;wBACrB,OAAO,IAAI,CAAC;QAC5B,OAAO,KAAK,CAAC;IACjB,CAAC;IACD,MAAM,CAAC,OAAO,CAAC,OAAgB;QAE3B,IACA,CAAC;YACG,OAAO,QAAQ,CAAC,SAAS,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE,CAAC,EAAE,OAAO,CAAC,CAAC;QAC3D,CAAC;QAAC,OAAO,KAAK,EACd,CAAC;QACD,CAAC;QACD,OAAO,KAAK,CAAC;IACjB,CAAC;IACD,MAAM,CAAC,QAAQ,CAAC,OAAgB;QAE5B,IACA,CAAC;YACG,OAAO,QAAQ,CAAC,SAAS,CAAC,QAAQ,CAAC,MAAM,CAAC,EAAE,CAAC,EAAE,OAAO,CAAC,CAAC;QAC5D,CAAC;QAAC,OAAO,KAAK,EACd,CAAC;QACD,CAAC;QACD,OAAO,KAAK,CAAC;IACjB,CAAC;CACJ"}
@@ -1,87 +1,87 @@
1
- .ns_access_container {
2
- width: 300px;
3
- }
4
-
5
- .ns_access_container h6 {
6
- color: rgba(20, 27, 92, 1);
7
- text-align: left;
8
- font-weight: 300;
9
- font-size: 16px;
10
- cursor: default;
11
- }
12
-
13
- .ns_access_container h2 {
14
- color: rgba(3, 119, 255, 1);
15
- text-align: center;
16
- font-weight: 600;
17
- font-size: 16px;
18
- cursor: default;
19
- margin: 0;
20
- }
21
-
22
- .ns_access_container h4 {
23
- color: rgba(20, 27, 92, 1);
24
- font-weight: 600;
25
- font-size: 16px;
26
- text-align: left;
27
- cursor: default;
28
- }
29
-
30
- .ns_access_content h6 {
31
- text-align: center;
32
- padding: 0;
33
- margin: 0;
34
- }
35
-
36
- .ns_access_account_container {
37
- display: flex;
38
- cursor: pointer;
39
- border: none;
40
- background-color: rgba(244, 246, 255, 1);
41
- border-radius: 8px;
42
- align-items: center;
43
- gap: 10px;
44
- width: 326px;
45
- max-width: 100%;
46
- }
47
-
48
- .ns_access_account_container:hover {
49
- background-color: rgba(178, 187, 217, 1);
50
- transition: all 0.3s ease-in-out;
51
- }
52
-
53
-
54
- .ns_access_account_container img {
55
- cursor: pointer;
56
- }
57
-
58
- .ns_access_account_info {
59
- display: flex;
60
- flex-direction: row;
61
- justify-content: left;
62
- align-items: flex-start;
63
- padding: 8px;
64
- }
65
-
66
- .nsa_close_icon {
67
- cursor: pointer;
68
- }
69
-
70
- .nsa_toast_background {
71
- width: 100vw;
72
- height: 100vh;
73
- background-color: #00000059;
74
- position: fixed;
75
- top: 0;
76
- left: 0;
77
- display: flex;
78
- justify-content: center;
79
- align-items: center;
80
- cursor: default;
81
- }
82
-
83
- .ns_line {
84
- border-left: none !important;
85
- border-right: none !important;
86
- width: 100% !important;
1
+ .ns_access_container {
2
+ width: 300px;
3
+ }
4
+
5
+ .ns_access_container h6 {
6
+ color: rgba(20, 27, 92, 1);
7
+ text-align: left;
8
+ font-weight: 300;
9
+ font-size: 16px;
10
+ cursor: default;
11
+ }
12
+
13
+ .ns_access_container h2 {
14
+ color: rgba(3, 119, 255, 1);
15
+ text-align: center;
16
+ font-weight: 600;
17
+ font-size: 16px;
18
+ cursor: default;
19
+ margin: 0;
20
+ }
21
+
22
+ .ns_access_container h4 {
23
+ color: rgba(20, 27, 92, 1);
24
+ font-weight: 600;
25
+ font-size: 16px;
26
+ text-align: left;
27
+ cursor: default;
28
+ }
29
+
30
+ .ns_access_content h6 {
31
+ text-align: center;
32
+ padding: 0;
33
+ margin: 0;
34
+ }
35
+
36
+ .ns_access_account_container {
37
+ display: flex;
38
+ cursor: pointer;
39
+ border: none;
40
+ background-color: rgba(244, 246, 255, 1);
41
+ border-radius: 8px;
42
+ align-items: center;
43
+ gap: 10px;
44
+ width: 326px;
45
+ max-width: 100%;
46
+ }
47
+
48
+ .ns_access_account_container:hover {
49
+ background-color: rgba(178, 187, 217, 1);
50
+ transition: all 0.3s ease-in-out;
51
+ }
52
+
53
+
54
+ .ns_access_account_container img {
55
+ cursor: pointer;
56
+ }
57
+
58
+ .ns_access_account_info {
59
+ display: flex;
60
+ flex-direction: row;
61
+ justify-content: left;
62
+ align-items: flex-start;
63
+ padding: 8px;
64
+ }
65
+
66
+ .nsa_close_icon {
67
+ cursor: pointer;
68
+ }
69
+
70
+ .nsa_toast_background {
71
+ width: 100vw;
72
+ height: 100vh;
73
+ background-color: #00000059;
74
+ position: fixed;
75
+ top: 0;
76
+ left: 0;
77
+ display: flex;
78
+ justify-content: center;
79
+ align-items: center;
80
+ cursor: default;
81
+ }
82
+
83
+ .ns_line {
84
+ border-left: none !important;
85
+ border-right: none !important;
86
+ width: 100% !important;
87
87
  }
@@ -3,6 +3,6 @@ import React from 'react';
3
3
  export interface INSABoxOTPProps extends IBaseComponentProps {
4
4
  placeholder?: string;
5
5
  defaultValue?: string;
6
- onChanged?: (e: React.ChangeEvent<HTMLInputElement>) => void;
6
+ onChanged?: (e: React.ChangeEvent<HTMLInputElement>, index: number) => void;
7
7
  }
8
8
  export declare function NSABoxOTP(props: INSABoxOTPProps): import("react/jsx-runtime").JSX.Element;
@@ -19,7 +19,7 @@ export function NSABoxOTP(props) {
19
19
  }
20
20
  }
21
21
  if (props.onChanged)
22
- props.onChanged(event);
22
+ props.onChanged(event, index);
23
23
  };
24
24
  const handleKeyDown = (index) => (event) => {
25
25
  var _a;
@@ -1 +1 @@
1
- {"version":3,"file":"NSABoxOTP.js","sourceRoot":"","sources":["../../src/components/NSABoxOTP.tsx"],"names":[],"mappings":";AAAA,OAAO,MAAM,MAAM,wBAAwB,CAAC;AAE5C,OAAc,EAAE,QAAQ,EAAe,MAAM,EAAE,MAAM,OAAO,CAAC;AAS7D,MAAM,UAAU,SAAS,CAAC,KAAsB;;IAE5C,IAAI,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IAErC,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAW,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,CAAC;IAClE,MAAM,SAAS,GAAG,MAAM,CAA8B,EAAE,CAAC,CAAC;IAE1D,MAAM,YAAY,GAAG,CAAC,KAAa,EAAE,EAAE,CAAC,CAAC,KAAoC,EAAE,EAAE;;QAE7E,MAAM,QAAQ,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC;QACpC,QAAQ,CAAC,KAAK,GAAG,QAAQ,CAAC,CAAA;QAC1B,IAAI,OAAO,CAAC,IAAI,CAAC,QAAQ,CAAC,EAC1B,CAAC;YACG,MAAM,aAAa,GAAG,CAAC,GAAG,MAAM,CAAC,CAAC;YAClC,aAAa,CAAC,KAAK,CAAC,GAAG,QAAQ,CAAC;YAChC,SAAS,CAAC,aAAa,CAAC,CAAC;YACzB,IAAI,QAAQ,IAAI,KAAK,GAAG,CAAC,EACzB,CAAC;gBACG,MAAA,SAAS,CAAC,OAAO,CAAC,KAAK,GAAG,CAAC,CAAC,0CAAE,KAAK,EAAE,CAAC;YAC1C,CAAC;QACL,CAAC;QACD,IAAI,KAAK,CAAC,SAAS;YACf,KAAK,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC;IAC/B,CAAC,CAAC;IAEF,MAAM,aAAa,GAAG,CAAC,KAAa,EAAE,EAAE,CAAC,CAAC,KAA4C,EAAE,EAAE;;QAEtF,IAAI,KAAK,CAAC,GAAG,KAAK,WAAW,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,IAAI,KAAK,GAAG,CAAC,EAC5D,CAAC;YACG,MAAA,SAAS,CAAC,OAAO,CAAC,KAAK,GAAG,CAAC,CAAC,0CAAE,KAAK,EAAE,CAAC;QAC1C,CAAC;IACL,CAAC,CAAC;IAEF,OAAO,CACH,cAAK,EAAE,EAAE,KAAK,CAAC,EAAE,EAAE,SAAS,EAAE,GAAG,MAAM,CAAC,gBAAgB,IAAI,MAAA,KAAK,CAAC,SAAS,0CAAE,IAAI,CAAC,GAAG,CAAC,EAAE,EAAE,KAAK,kCAAO,KAAK,CAAC,KAAK,KAAE,OAAO,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,eAEvI,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE,CAAC,CACzB,gBAEI,GAAG,EAAE,EAAE,CAAC,EAAE,CAAC,SAAS,CAAC,OAAO,CAAC,KAAK,CAAC,GAAG,EAAE,EACxC,IAAI,EAAC,MAAM,EACX,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,YAAY,CAAC,KAAK,CAAC,EAC7B,SAAS,EAAE,aAAa,CAAC,KAAK,CAAC,EAC/B,SAAS,EAAE,CAAC,EACZ,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,EAC7C,SAAS,EAAE,MAAM,CAAC,aAAa,IAR1B,uBAAuB,KAAK,EAAE,CASrC,CACL,CAAC,GAEH,CACV,CAAC;AACN,CAAC"}
1
+ {"version":3,"file":"NSABoxOTP.js","sourceRoot":"","sources":["../../src/components/NSABoxOTP.tsx"],"names":[],"mappings":";AAAA,OAAO,MAAM,MAAM,wBAAwB,CAAC;AAE5C,OAAc,EAAE,QAAQ,EAAe,MAAM,EAAE,MAAM,OAAO,CAAC;AAS7D,MAAM,UAAU,SAAS,CAAC,KAAsB;;IAE5C,IAAI,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IAErC,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAW,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,CAAC;IAClE,MAAM,SAAS,GAAG,MAAM,CAA8B,EAAE,CAAC,CAAC;IAE1D,MAAM,YAAY,GAAG,CAAC,KAAa,EAAE,EAAE,CAAC,CAAC,KAAoC,EAAE,EAAE;;QAE7E,MAAM,QAAQ,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC;QACpC,QAAQ,CAAC,KAAK,GAAG,QAAQ,CAAC,CAAA;QAC1B,IAAI,OAAO,CAAC,IAAI,CAAC,QAAQ,CAAC,EAC1B,CAAC;YACG,MAAM,aAAa,GAAG,CAAC,GAAG,MAAM,CAAC,CAAC;YAClC,aAAa,CAAC,KAAK,CAAC,GAAG,QAAQ,CAAC;YAChC,SAAS,CAAC,aAAa,CAAC,CAAC;YACzB,IAAI,QAAQ,IAAI,KAAK,GAAG,CAAC,EACzB,CAAC;gBACG,MAAA,SAAS,CAAC,OAAO,CAAC,KAAK,GAAG,CAAC,CAAC,0CAAE,KAAK,EAAE,CAAC;YAC1C,CAAC;QACL,CAAC;QACD,IAAI,KAAK,CAAC,SAAS;YACf,KAAK,CAAC,SAAS,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;IACtC,CAAC,CAAC;IAEF,MAAM,aAAa,GAAG,CAAC,KAAa,EAAE,EAAE,CAAC,CAAC,KAA4C,EAAE,EAAE;;QAEtF,IAAI,KAAK,CAAC,GAAG,KAAK,WAAW,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,IAAI,KAAK,GAAG,CAAC,EAC5D,CAAC;YACG,MAAA,SAAS,CAAC,OAAO,CAAC,KAAK,GAAG,CAAC,CAAC,0CAAE,KAAK,EAAE,CAAC;QAC1C,CAAC;IACL,CAAC,CAAC;IAEF,OAAO,CACH,cAAK,EAAE,EAAE,KAAK,CAAC,EAAE,EAAE,SAAS,EAAE,GAAG,MAAM,CAAC,gBAAgB,IAAI,MAAA,KAAK,CAAC,SAAS,0CAAE,IAAI,CAAC,GAAG,CAAC,EAAE,EAAE,KAAK,kCAAO,KAAK,CAAC,KAAK,KAAE,OAAO,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,eAEvI,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE,CAAC,CACzB,gBAEI,GAAG,EAAE,EAAE,CAAC,EAAE,CAAC,SAAS,CAAC,OAAO,CAAC,KAAK,CAAC,GAAG,EAAE,EACxC,IAAI,EAAC,MAAM,EACX,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,YAAY,CAAC,KAAK,CAAC,EAC7B,SAAS,EAAE,aAAa,CAAC,KAAK,CAAC,EAC/B,SAAS,EAAE,CAAC,EACZ,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,EAC7C,SAAS,EAAE,MAAM,CAAC,aAAa,IAR1B,uBAAuB,KAAK,EAAE,CASrC,CACL,CAAC,GAEH,CACV,CAAC;AACN,CAAC"}
@@ -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,99 +1,99 @@
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
- margin: 16px 0;
53
- }
54
-
55
- .nsa_body_gray {
56
- background-color: #fff;
57
- padding: 16px;
58
- box-shadow: 0px 2px 5px #e6e6e6;
59
- cursor: pointer !important;
60
- }
61
-
62
- .nsa_count {
63
- position: absolute;
64
- background: rgba(3, 119, 255, 1);
65
- right: -5px;
66
- top: -5px;
67
- color: #fff;
68
- width: 18px;
69
- height: 18px;
70
- border-radius: 50%;
71
- display: flex;
72
- justify-content: center;
73
- align-items: center;
74
- }
75
-
76
- .nsa_parent_count {
77
- position: relative;
78
- width: max-content;
79
- }
80
-
81
- .nsa_toast_body {
82
- padding: 0 !important;
83
- }
84
-
85
- .nsa_toast_header {
86
- padding: 2px !important;
87
- display: flex;
88
- justify-content: space-between !important;
89
- align-items: center;
90
- }
91
-
92
-
93
- .nsa_toast div {
94
- cursor: auto;
95
- }
96
-
97
- .nsa_close_icon {
98
- cursor: pointer;
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
+ margin: 16px 0;
53
+ }
54
+
55
+ .nsa_body_gray {
56
+ background-color: #fff;
57
+ padding: 16px;
58
+ box-shadow: 0px 2px 5px #e6e6e6;
59
+ cursor: pointer !important;
60
+ }
61
+
62
+ .nsa_count {
63
+ position: absolute;
64
+ background: rgba(3, 119, 255, 1);
65
+ right: -5px;
66
+ top: -5px;
67
+ color: #fff;
68
+ width: 18px;
69
+ height: 18px;
70
+ border-radius: 50%;
71
+ display: flex;
72
+ justify-content: center;
73
+ align-items: center;
74
+ }
75
+
76
+ .nsa_parent_count {
77
+ position: relative;
78
+ width: max-content;
79
+ }
80
+
81
+ .nsa_toast_body {
82
+ padding: 0 !important;
83
+ }
84
+
85
+ .nsa_toast_header {
86
+ padding: 2px !important;
87
+ display: flex;
88
+ justify-content: space-between !important;
89
+ align-items: center;
90
+ }
91
+
92
+
93
+ .nsa_toast div {
94
+ cursor: auto;
95
+ }
96
+
97
+ .nsa_close_icon {
98
+ cursor: pointer;
99
99
  }