namirasoft-account-react 1.3.81 → 1.3.83

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 (6) hide show
  1. package/dist/components/NSAMessageDialog.js +1 -2
  2. package/dist/components/NSAMessageDialog.js.map +1 -1
  3. package/dist/components/NSAMessageDialog.module.css +16 -7
  4. package/package.json +1 -1
  5. package/src/components/NSAMessageDialog.module.css +16 -7
  6. package/src/components/NSAMessageDialog.tsx +8 -9
package/dist/components/NSAMessageDialog.js CHANGED
@@ -16,12 +16,11 @@ export class NSAMessageDialog extends Component {
16
16
  this.setState({ show: true });
17
17
  }
18
18
  hide() {
19
- debugger;
20
19
  this.setState({ show: false });
21
20
  }
22
21
  render() {
23
22
  return (_jsx(_Fragment, { children: this.state.show &&
24
- _jsx("div", { className: Styles.nsa_toast, children: _jsxs(Toast, { show: this.state.show, onClose: this.hide, children: [_jsxs("div", { className: Styles.nsa_toast_header, children: [_jsxs("article", { children: [_jsx("img", { src: MessageHeader, alt: "MessageHeader", width: 22 }), _jsx("span", { className: `${Styles.nsa_message_title} ms-2`, children: "Mark All As Read" })] }), _jsx("article", { children: _jsx("img", { src: CloseToast, alt: "Close", width: 18, onClick: this.hide, className: Styles.nsa_close_icon }) })] }), _jsxs("div", { className: Styles.nsa_toast_body, children: [_jsxs("div", { className: Styles.nsa_body_green, children: [_jsxs("h3", { className: `${Styles.nsa_message_item_title} nsa_font_16_bold`, children: [_jsx("article", { className: `${Styles.nsa_message_item_dot_green}` }), "You\u2019ve Unlocked Our Gold Membership!"] }), _jsx("p", { className: `${Styles.nsa_message_item_content} nsa_font_13_normal`, children: "Learn More!" })] }), _jsxs("div", { className: Styles.nsa_body_gray, children: [_jsxs("h3", { className: `${Styles.nsa_message_item_title} nsa_font_16_bold`, children: [_jsx("article", { className: `${Styles.nsa_message_item_dot_gray}` }), "You\u2019ve Unlocked Our Gold Membership!"] }), _jsx("p", { className: `${Styles.nsa_message_item_content} nsa_font_13_normal`, children: "Learn More!" })] }), _jsx("div", { className: 'p-3 mx-0 d-flex justify-content-center', children: _jsx(NSButtonBlue, { onClick: () => { }, title: 'View All' }) })] })] }) }) }));
23
+ _jsx("div", { className: Styles.nsa_toast, children: _jsxs(Toast, { show: this.state.show, children: [_jsxs("div", { className: Styles.nsa_toast_header, children: [_jsxs("article", { children: [_jsx("img", { src: MessageHeader, alt: "MessageHeader", width: 22 }), _jsx("span", { className: `${Styles.nsa_message_title} ms-2`, children: "Mark All As Read" })] }), _jsx("article", { children: _jsx("img", { src: CloseToast, alt: "Close", width: 18, onClick: () => this.hide(), className: Styles.nsa_close_icon }) })] }), _jsxs("div", { className: Styles.nsa_toast_body, children: [_jsxs("div", { className: Styles.nsa_body_green, children: [_jsx("ul", { className: Styles.nsa_message_item_ul, children: _jsx("li", { className: `${Styles.nsa_message_item_title}`, children: "You\u2019ve Unlocked Our Gold Membership!" }) }), _jsx("p", { className: `${Styles.nsa_message_item_content} nsa_font_13_normal`, children: "Learn More!" })] }), _jsxs("div", { className: Styles.nsa_body_gray, children: [_jsx("ul", { className: Styles.nsa_message_item_ul, children: _jsx("li", { className: `${Styles.nsa_message_item_title}`, children: "You\u2019ve Unlocked Our Gold Membership!" }) }), _jsx("p", { className: `${Styles.nsa_message_item_content} nsa_font_13_normal`, children: "Learn More!" })] }), _jsx("div", { className: 'p-3 mx-0 d-flex justify-content-center', children: _jsx(NSButtonBlue, { onClick: () => { }, title: 'View All' }) })] })] }) }) }));
25
24
  }
26
25
  }
27
26
  //# sourceMappingURL=NSAMessageDialog.js.map
package/dist/components/NSAMessageDialog.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"NSAMessageDialog.js","sourceRoot":"","sources":["../../src/components/NSAMessageDialog.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,aAAa,MAAM,+CAA+C,CAAC;AAC1E,OAAO,UAAU,MAAM,iCAAiC,CAAC;AACzD,OAAO,MAAM,MAAM,+BAA+B,CAAC;AACnD,OAAO,KAAK,MAAM,uBAAuB,CAAC;AAC1C,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAUrD,MAAM,OAAO,gBAAiB,SAAQ,SAAuD;IAEzF,YAAY,KAA4B;QAEpC,KAAK,CAAC,KAAK,CAAC,CAAC;QACb,IAAI,CAAC,KAAK,GAAG,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC;QAC7B,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACjC,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IACrC,CAAC;IACD,IAAI;QAEA,IAAI,CAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,CAAC;IAClC,CAAC;IACD,IAAI;QAEA,QAAQ,CAAA;QACR,IAAI,CAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,CAAC;IACnC,CAAC;IACQ,MAAM;QAEX,OAAO,CACH,4BACK,IAAI,CAAC,KAAK,CAAC,IAAI;gBACZ,cAAK,SAAS,EAAE,MAAM,CAAC,SAAS,YAC5B,MAAC,KAAK,IAAC,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,OAAO,EAAE,IAAI,CAAC,IAAI,aAC5C,eAAK,SAAS,EAAE,MAAM,CAAC,gBAAgB,aACnC,8BACI,cACI,GAAG,EAAE,aAAa,EAClB,GAAG,EAAC,eAAe,EACnB,KAAK,EAAE,EAAE,GACX,EACF,eAAM,SAAS,EAAE,GAAG,MAAM,CAAC,iBAAiB,OAAO,iCAAyB,IACtE,EACV,4BACI,cACI,GAAG,EAAE,UAAU,EACf,GAAG,EAAC,OAAO,EACX,KAAK,EAAE,EAAE,EACT,OAAO,EAAE,IAAI,CAAC,IAAI,EAClB,SAAS,EAAE,MAAM,CAAC,cAAc,GAClC,GACI,IACR,EACN,eAAK,SAAS,EAAE,MAAM,CAAC,cAAc,aACjC,eAAK,SAAS,EAAE,MAAM,CAAC,cAAc,aACjC,cAAI,SAAS,EAAE,GAAG,MAAM,CAAC,sBAAsB,mBAAmB,aAC9D,kBAAS,SAAS,EAAE,GAAG,MAAM,CAAC,0BAA0B,EAAE,GAAY,iDAC7B,EAC7C,YAAG,SAAS,EAAE,GAAG,MAAM,CAAC,wBAAwB,qBAAqB,4BAAiB,IACpF,EACN,eAAK,SAAS,EAAE,MAAM,CAAC,aAAa,aAChC,cAAI,SAAS,EAAE,GAAG,MAAM,CAAC,sBAAsB,mBAAmB,aAC9D,kBAAS,SAAS,EAAE,GAAG,MAAM,CAAC,yBAAyB,EAAE,GAAY,iDAC5B,EAC7C,YAAG,SAAS,EAAE,GAAG,MAAM,CAAC,wBAAwB,qBAAqB,4BAAiB,IACpF,EACN,cAAK,SAAS,EAAC,wCAAwC,YACnD,KAAC,YAAY,IAAC,OAAO,EAAE,GAAG,EAAE,GAAG,CAAC,EAAE,KAAK,EAAC,UAAU,GAAG,GACnD,IACJ,IACF,GACN,GAGX,CACN,CAAC;IACN,CAAC;CACJ"}
1
+ {"version":3,"file":"NSAMessageDialog.js","sourceRoot":"","sources":["../../src/components/NSAMessageDialog.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,aAAa,MAAM,+CAA+C,CAAC;AAC1E,OAAO,UAAU,MAAM,iCAAiC,CAAC;AACzD,OAAO,MAAM,MAAM,+BAA+B,CAAC;AACnD,OAAO,KAAK,MAAM,uBAAuB,CAAC;AAC1C,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAUrD,MAAM,OAAO,gBAAiB,SAAQ,SAAuD;IAEzF,YAAY,KAA4B;QAEpC,KAAK,CAAC,KAAK,CAAC,CAAC;QACb,IAAI,CAAC,KAAK,GAAG,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC;QAC7B,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACjC,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IACrC,CAAC;IACD,IAAI;QAEA,IAAI,CAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,CAAC;IAClC,CAAC;IACD,IAAI;QAEA,IAAI,CAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,CAAC;IACnC,CAAC;IACQ,MAAM;QAEX,OAAO,CACH,4BACK,IAAI,CAAC,KAAK,CAAC,IAAI;gBACZ,cAAK,SAAS,EAAE,MAAM,CAAC,SAAS,YAC5B,MAAC,KAAK,IAAC,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,aACxB,eAAK,SAAS,EAAE,MAAM,CAAC,gBAAgB,aACnC,8BACI,cACI,GAAG,EAAE,aAAa,EAClB,GAAG,EAAC,eAAe,EACnB,KAAK,EAAE,EAAE,GACX,EACF,eAAM,SAAS,EAAE,GAAG,MAAM,CAAC,iBAAiB,OAAO,iCAAyB,IACtE,EACV,4BACI,cACI,GAAG,EAAE,UAAU,EACf,GAAG,EAAC,OAAO,EACX,KAAK,EAAE,EAAE,EACT,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,IAAI,EAAE,EAC1B,SAAS,EAAE,MAAM,CAAC,cAAc,GAClC,GACI,IACR,EACN,eAAK,SAAS,EAAE,MAAM,CAAC,cAAc,aACjC,eAAK,SAAS,EAAE,MAAM,CAAC,cAAc,aACjC,aAAI,SAAS,EAAE,MAAM,CAAC,mBAAmB,YACrC,aAAI,SAAS,EAAE,GAAG,MAAM,CAAC,sBAAsB,EAAE,0DAA2C,GAC3F,EACL,YAAG,SAAS,EAAE,GAAG,MAAM,CAAC,wBAAwB,qBAAqB,4BAAiB,IACpF,EACN,eAAK,SAAS,EAAE,MAAM,CAAC,aAAa,aAChC,aAAI,SAAS,EAAE,MAAM,CAAC,mBAAmB,YACrC,aAAI,SAAS,EAAE,GAAG,MAAM,CAAC,sBAAsB,EAAE,0DAA2C,GAC3F,EACL,YAAG,SAAS,EAAE,GAAG,MAAM,CAAC,wBAAwB,qBAAqB,4BAAiB,IACpF,EACN,cAAK,SAAS,EAAC,wCAAwC,YACnD,KAAC,YAAY,IAAC,OAAO,EAAE,GAAG,EAAE,GAAG,CAAC,EAAE,KAAK,EAAC,UAAU,GAAG,GACnD,IACJ,IACF,GACN,GAGX,CACN,CAAC;IACN,CAAC;CACJ"}
package/dist/components/NSAMessageDialog.module.css CHANGED
@@ -8,16 +8,24 @@
8
8
 
9
9
  .nsa_message_item_title {
10
10
  color: hsla(234, 64%, 22%, 1);
11
- display: flex;
12
- align-items: center;
13
- gap: 8px;
11
+ font-size: 16px;
12
+ font-weight: 600;
14
13
  }
15
14
 
16
15
  .nsa_message_item_content {
17
16
  color: hsla(234, 64%, 22%, 1);
18
17
  margin: 0;
18
+ text-align: left;
19
+
19
20
  }
20
21
 
22
+ .nsa_message_item_ul {
23
+ padding-left: 16px !important;
24
+ margin-bottom: 8px;
25
+ }
26
+ .nsa_message_item_ul li::marker {
27
+ color: hsla(157, 94%, 42%, 1);
28
+ }
21
29
  .nsa_message_item_dot_green {
22
30
  width: 8px;
23
31
  height: 8px;
@@ -73,16 +81,17 @@
73
81
  }
74
82
 
75
83
  .nsa_toast {
76
-
77
- width: max-content;
84
+ background-color: rgb(252 252 252);
85
+ width: 350px;
78
86
  max-width: 100vw;
79
87
  border: 8px;
80
88
  position: absolute;
81
89
  top: 0;
82
90
  right: 0;
83
91
  }
84
- .nsa_toast div{
85
- width: 100% !important;
92
+
93
+ .nsa_toast div {
94
+ width: 100% !important;
86
95
  }
87
96
 
88
97
  .nsa_close_icon {
package/package.json CHANGED
@@ -8,7 +8,7 @@
8
8
  "framework": "npm",
9
9
  "application": "package",
10
10
  "private": false,
11
- "version": "1.3.81",
11
+ "version": "1.3.83",
12
12
  "author": "Amir Abolhasani",
13
13
  "license": "MIT",
14
14
  "main": "./dist/main.js",
package/src/components/NSAMessageDialog.module.css CHANGED
@@ -8,16 +8,24 @@
8
8
 
9
9
  .nsa_message_item_title {
10
10
  color: hsla(234, 64%, 22%, 1);
11
- display: flex;
12
- align-items: center;
13
- gap: 8px;
11
+ font-size: 16px;
12
+ font-weight: 600;
14
13
  }
15
14
 
16
15
  .nsa_message_item_content {
17
16
  color: hsla(234, 64%, 22%, 1);
18
17
  margin: 0;
18
+ text-align: left;
19
+
19
20
  }
20
21
 
22
+ .nsa_message_item_ul {
23
+ padding-left: 16px !important;
24
+ margin-bottom: 8px;
25
+ }
26
+ .nsa_message_item_ul li::marker {
27
+ color: hsla(157, 94%, 42%, 1);
28
+ }
21
29
  .nsa_message_item_dot_green {
22
30
  width: 8px;
23
31
  height: 8px;
@@ -73,16 +81,17 @@
73
81
  }
74
82
 
75
83
  .nsa_toast {
76
-
77
- width: max-content;
84
+ background-color: rgb(252 252 252);
85
+ width: 350px;
78
86
  max-width: 100vw;
79
87
  border: 8px;
80
88
  position: absolute;
81
89
  top: 0;
82
90
  right: 0;
83
91
  }
84
- .nsa_toast div{
85
- width: 100% !important;
92
+
93
+ .nsa_toast div {
94
+ width: 100% !important;
86
95
  }
87
96
 
88
97
  .nsa_close_icon {
package/src/components/NSAMessageDialog.tsx CHANGED
@@ -28,7 +28,6 @@ export class NSAMessageDialog extends Component<NSAMessageDialogProps, NSAMessag
28
28
  }
29
29
  hide()
30
30
  {
31
- debugger
32
31
  this.setState({ show: false });
33
32
  }
34
33
  override render()
@@ -37,7 +36,7 @@ export class NSAMessageDialog extends Component<NSAMessageDialogProps, NSAMessag
37
36
  <>
38
37
  {this.state.show &&
39
38
  <div className={Styles.nsa_toast}>
40
- <Toast show={this.state.show} onClose={this.hide}>
39
+ <Toast show={this.state.show} >
41
40
  <div className={Styles.nsa_toast_header}>
42
41
  <article>
43
42
  <img
@@ -52,22 +51,22 @@ export class NSAMessageDialog extends Component<NSAMessageDialogProps, NSAMessag
52
51
  src={CloseToast}
53
52
  alt="Close"
54
53
  width={18}
55
- onClick={this.hide}
54
+ onClick={() => this.hide()}
56
55
  className={Styles.nsa_close_icon}
57
56
  />
58
57
  </article>
59
58
  </div>
60
59
  <div className={Styles.nsa_toast_body}>
61
60
  <div className={Styles.nsa_body_green}>
62
- <h3 className={`${Styles.nsa_message_item_title} nsa_font_16_bold`}>
63
- <article className={`${Styles.nsa_message_item_dot_green}`}></article>
64
- You’ve Unlocked Our Gold Membership!</h3>
61
+ <ul className={Styles.nsa_message_item_ul}>
62
+ <li className={`${Styles.nsa_message_item_title}`}>You’ve Unlocked Our Gold Membership!</li>
63
+ </ul>
65
64
  <p className={`${Styles.nsa_message_item_content} nsa_font_13_normal`}>Learn More!</p>
66
65
  </div>
67
66
  <div className={Styles.nsa_body_gray}>
68
- <h3 className={`${Styles.nsa_message_item_title} nsa_font_16_bold`}>
69
- <article className={`${Styles.nsa_message_item_dot_gray}`}></article>
70
- You’ve Unlocked Our Gold Membership!</h3>
67
+ <ul className={Styles.nsa_message_item_ul}>
68
+ <li className={`${Styles.nsa_message_item_title}`}>You’ve Unlocked Our Gold Membership!</li>
69
+ </ul>
71
70
  <p className={`${Styles.nsa_message_item_content} nsa_font_13_normal`}>Learn More!</p>
72
71
  </div>
73
72
  <div className='p-3 mx-0 d-flex justify-content-center'>