namirasoft-account-react 1.3.93 → 1.3.94
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.
|
@@ -13,5 +13,5 @@ export declare class NSAMessageDialog extends Component<NSAMessageDialogProps, N
|
|
|
13
13
|
hide(): void;
|
|
14
14
|
handleClickOutside(event: MouseEvent): void;
|
|
15
15
|
redirectToViewAll(): void;
|
|
16
|
-
render(): import("react/jsx-runtime").JSX.Element;
|
|
16
|
+
render(): import("react/jsx-runtime").JSX.Element | null;
|
|
17
17
|
}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import { Component, createRef } from 'react';
|
|
3
3
|
import MessageHeader from '../assets/images/icon-notification-header.png';
|
|
4
4
|
import CloseToast from '../assets/images/icon-close.png';
|
|
@@ -8,7 +8,7 @@ import { NSButtonBlue } from "namirasoft-site-react";
|
|
|
8
8
|
export class NSAMessageDialog extends Component {
|
|
9
9
|
constructor(props) {
|
|
10
10
|
super(props);
|
|
11
|
-
this.state = { show:
|
|
11
|
+
this.state = { show: true };
|
|
12
12
|
this.toastRef = createRef();
|
|
13
13
|
this.show = this.show.bind(this);
|
|
14
14
|
this.hide = this.hide.bind(this);
|
|
@@ -24,7 +24,6 @@ export class NSAMessageDialog extends Component {
|
|
|
24
24
|
this.setState({ show: true });
|
|
25
25
|
}
|
|
26
26
|
hide() {
|
|
27
|
-
debugger;
|
|
28
27
|
this.setState({ show: false });
|
|
29
28
|
}
|
|
30
29
|
handleClickOutside(event) {
|
|
@@ -36,8 +35,10 @@ export class NSAMessageDialog extends Component {
|
|
|
36
35
|
window.location.href = "http://message.namirasoft.com/list";
|
|
37
36
|
}
|
|
38
37
|
render() {
|
|
39
|
-
|
|
40
|
-
|
|
38
|
+
if (!this.state.show) {
|
|
39
|
+
return null;
|
|
40
|
+
}
|
|
41
|
+
return (_jsx("div", { className: Styles.nsa_toast, ref: this.toastRef, 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("img", { src: CloseToast, alt: "Close", width: 18, height: 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' }) })] })] }) }));
|
|
41
42
|
}
|
|
42
43
|
}
|
|
43
44
|
//# sourceMappingURL=NSAMessageDialog.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NSAMessageDialog.js","sourceRoot":"","sources":["../../src/components/NSAMessageDialog.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACpD,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;
|
|
1
|
+
{"version":3,"file":"NSAMessageDialog.js","sourceRoot":"","sources":["../../src/components/NSAMessageDialog.tsx"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -5,37 +5,36 @@ import Styles from './NSAMessageDialog.module.css';
|
|
|
5
5
|
import Toast from 'react-bootstrap/Toast';
|
|
6
6
|
import { NSButtonBlue } from "namirasoft-site-react";
|
|
7
7
|
|
|
8
|
-
export interface NSAMessageDialogProps
|
|
9
|
-
{ }
|
|
8
|
+
export interface NSAMessageDialogProps { }
|
|
10
9
|
|
|
11
|
-
export interface NSAMessageDialogState
|
|
10
|
+
export interface NSAMessageDialogState
|
|
12
11
|
{
|
|
13
12
|
show: boolean;
|
|
14
13
|
}
|
|
15
14
|
|
|
16
|
-
export class NSAMessageDialog extends Component<NSAMessageDialogProps, NSAMessageDialogState>
|
|
17
|
-
{
|
|
15
|
+
export class NSAMessageDialog extends Component<NSAMessageDialogProps, NSAMessageDialogState> {
|
|
18
16
|
private toastRef: React.RefObject<HTMLDivElement>;
|
|
19
17
|
|
|
20
18
|
constructor(props: NSAMessageDialogProps)
|
|
21
19
|
{
|
|
22
20
|
super(props);
|
|
23
|
-
this.state = { show:
|
|
21
|
+
this.state = { show: true };
|
|
24
22
|
this.toastRef = createRef();
|
|
25
23
|
this.show = this.show.bind(this);
|
|
26
24
|
this.hide = this.hide.bind(this);
|
|
27
25
|
this.handleClickOutside = this.handleClickOutside.bind(this);
|
|
28
26
|
}
|
|
27
|
+
|
|
29
28
|
override componentDidMount(): void
|
|
30
29
|
{
|
|
31
30
|
document.addEventListener('mousedown', this.handleClickOutside);
|
|
32
31
|
}
|
|
32
|
+
|
|
33
33
|
override componentWillUnmount(): void
|
|
34
34
|
{
|
|
35
35
|
document.removeEventListener('mousedown', this.handleClickOutside);
|
|
36
36
|
}
|
|
37
37
|
|
|
38
|
-
|
|
39
38
|
show()
|
|
40
39
|
{
|
|
41
40
|
this.setState({ show: true });
|
|
@@ -43,7 +42,6 @@ export class NSAMessageDialog extends Component<NSAMessageDialogProps, NSAMessag
|
|
|
43
42
|
|
|
44
43
|
hide()
|
|
45
44
|
{
|
|
46
|
-
debugger
|
|
47
45
|
this.setState({ show: false });
|
|
48
46
|
}
|
|
49
47
|
|
|
@@ -54,57 +52,59 @@ export class NSAMessageDialog extends Component<NSAMessageDialogProps, NSAMessag
|
|
|
54
52
|
this.hide();
|
|
55
53
|
}
|
|
56
54
|
}
|
|
55
|
+
|
|
57
56
|
redirectToViewAll()
|
|
58
57
|
{
|
|
59
58
|
window.location.href = "http://message.namirasoft.com/list";
|
|
60
59
|
}
|
|
60
|
+
|
|
61
61
|
override render()
|
|
62
62
|
{
|
|
63
|
+
if (!this.state.show)
|
|
64
|
+
{
|
|
65
|
+
return null;
|
|
66
|
+
}
|
|
67
|
+
|
|
63
68
|
return (
|
|
64
|
-
|
|
65
|
-
{this.state.show
|
|
66
|
-
<div className={Styles.
|
|
67
|
-
<
|
|
68
|
-
<
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
className={Styles.nsa_close_icon}
|
|
84
|
-
/>
|
|
85
|
-
</div>
|
|
86
|
-
<div className={Styles.nsa_toast_body}>
|
|
87
|
-
<div className={Styles.nsa_body_green}>
|
|
88
|
-
<ul className={Styles.nsa_message_item_ul}>
|
|
89
|
-
<li className={`${Styles.nsa_message_item_title}`}>You’ve Unlocked Our Gold Membership!</li>
|
|
90
|
-
</ul>
|
|
91
|
-
<p className={`${Styles.nsa_message_item_content} nsa_font_13_normal`}>Learn More!</p>
|
|
92
|
-
</div>
|
|
93
|
-
<div className={Styles.nsa_body_gray}>
|
|
94
|
-
<ul className={Styles.nsa_message_item_ul}>
|
|
95
|
-
<li className={`${Styles.nsa_message_item_title}`}>You’ve Unlocked Our Gold Membership!</li>
|
|
96
|
-
</ul>
|
|
97
|
-
<p className={`${Styles.nsa_message_item_content} nsa_font_13_normal`}>Learn More!</p>
|
|
98
|
-
</div>
|
|
99
|
-
<div className='p-3 mx-0 d-flex justify-content-center'>
|
|
100
|
-
<NSButtonBlue onClick={() => { }} title='View All' />
|
|
101
|
-
</div>
|
|
102
|
-
</div>
|
|
103
|
-
</Toast>
|
|
69
|
+
<div className={Styles.nsa_toast} ref={this.toastRef}>
|
|
70
|
+
<Toast show={this.state.show}>
|
|
71
|
+
<div className={Styles.nsa_toast_header}>
|
|
72
|
+
<article>
|
|
73
|
+
<img
|
|
74
|
+
src={MessageHeader}
|
|
75
|
+
alt="MessageHeader"
|
|
76
|
+
width={22}
|
|
77
|
+
/>
|
|
78
|
+
<span className={`${Styles.nsa_message_title} ms-2`}>Mark All As Read</span>
|
|
79
|
+
</article>
|
|
80
|
+
<img
|
|
81
|
+
src={CloseToast}
|
|
82
|
+
alt="Close"
|
|
83
|
+
width={18}
|
|
84
|
+
height={18}
|
|
85
|
+
onClick={this.hide}
|
|
86
|
+
className={Styles.nsa_close_icon}
|
|
87
|
+
/>
|
|
104
88
|
</div>
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
89
|
+
<div className={Styles.nsa_toast_body}>
|
|
90
|
+
<div className={Styles.nsa_body_green}>
|
|
91
|
+
<ul className={Styles.nsa_message_item_ul}>
|
|
92
|
+
<li className={`${Styles.nsa_message_item_title}`}>You’ve Unlocked Our Gold Membership!</li>
|
|
93
|
+
</ul>
|
|
94
|
+
<p className={`${Styles.nsa_message_item_content} nsa_font_13_normal`}>Learn More!</p>
|
|
95
|
+
</div>
|
|
96
|
+
<div className={Styles.nsa_body_gray}>
|
|
97
|
+
<ul className={Styles.nsa_message_item_ul}>
|
|
98
|
+
<li className={`${Styles.nsa_message_item_title}`}>You’ve Unlocked Our Gold Membership!</li>
|
|
99
|
+
</ul>
|
|
100
|
+
<p className={`${Styles.nsa_message_item_content} nsa_font_13_normal`}>Learn More!</p>
|
|
101
|
+
</div>
|
|
102
|
+
<div className='p-3 mx-0 d-flex justify-content-center'>
|
|
103
|
+
<NSButtonBlue onClick={() => { }} title='View All' />
|
|
104
|
+
</div>
|
|
105
|
+
</div>
|
|
106
|
+
</Toast>
|
|
107
|
+
</div>
|
|
108
108
|
);
|
|
109
109
|
}
|
|
110
110
|
}
|