namirasoft-account-react 1.3.93 → 1.3.95
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';
|
|
@@ -21,11 +21,16 @@ export class NSAMessageDialog extends Component {
|
|
|
21
21
|
document.removeEventListener('mousedown', this.handleClickOutside);
|
|
22
22
|
}
|
|
23
23
|
show() {
|
|
24
|
-
|
|
24
|
+
console.log("Show called");
|
|
25
|
+
this.setState({ show: true }, () => {
|
|
26
|
+
console.log("State after show:", this.state);
|
|
27
|
+
});
|
|
25
28
|
}
|
|
26
29
|
hide() {
|
|
27
|
-
|
|
28
|
-
this.setState({ show: false })
|
|
30
|
+
console.log("Hide called");
|
|
31
|
+
this.setState({ show: false }, () => {
|
|
32
|
+
console.log("State after hide:", this.state);
|
|
33
|
+
});
|
|
29
34
|
}
|
|
30
35
|
handleClickOutside(event) {
|
|
31
36
|
if (this.toastRef.current && !this.toastRef.current.contains(event.target)) {
|
|
@@ -36,8 +41,14 @@ export class NSAMessageDialog extends Component {
|
|
|
36
41
|
window.location.href = "http://message.namirasoft.com/list";
|
|
37
42
|
}
|
|
38
43
|
render() {
|
|
39
|
-
|
|
40
|
-
|
|
44
|
+
if (!this.state.show) {
|
|
45
|
+
return null;
|
|
46
|
+
}
|
|
47
|
+
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: (e) => {
|
|
48
|
+
e.stopPropagation();
|
|
49
|
+
console.log("Close button clicked");
|
|
50
|
+
this.hide();
|
|
51
|
+
}, 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
52
|
}
|
|
42
53
|
}
|
|
43
54
|
//# 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,16 +5,14 @@ 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)
|
|
@@ -26,25 +24,33 @@ export class NSAMessageDialog extends Component<NSAMessageDialogProps, NSAMessag
|
|
|
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
|
+
console.log("Show called");
|
|
41
|
+
this.setState({ show: true }, () =>
|
|
42
|
+
{
|
|
43
|
+
console.log("State after show:", this.state);
|
|
44
|
+
});
|
|
42
45
|
}
|
|
43
46
|
|
|
44
47
|
hide()
|
|
45
48
|
{
|
|
46
|
-
|
|
47
|
-
this.setState({ show: false })
|
|
49
|
+
console.log("Hide called");
|
|
50
|
+
this.setState({ show: false }, () =>
|
|
51
|
+
{
|
|
52
|
+
console.log("State after hide:", this.state);
|
|
53
|
+
});
|
|
48
54
|
}
|
|
49
55
|
|
|
50
56
|
handleClickOutside(event: MouseEvent)
|
|
@@ -54,57 +60,64 @@ export class NSAMessageDialog extends Component<NSAMessageDialogProps, NSAMessag
|
|
|
54
60
|
this.hide();
|
|
55
61
|
}
|
|
56
62
|
}
|
|
63
|
+
|
|
57
64
|
redirectToViewAll()
|
|
58
65
|
{
|
|
59
66
|
window.location.href = "http://message.namirasoft.com/list";
|
|
60
67
|
}
|
|
68
|
+
|
|
61
69
|
override render()
|
|
62
70
|
{
|
|
71
|
+
if (!this.state.show)
|
|
72
|
+
{
|
|
73
|
+
return null;
|
|
74
|
+
}
|
|
75
|
+
|
|
63
76
|
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
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
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>
|
|
77
|
+
<div className={Styles.nsa_toast} ref={this.toastRef}>
|
|
78
|
+
<Toast show={this.state.show}>
|
|
79
|
+
<div className={Styles.nsa_toast_header}>
|
|
80
|
+
<article>
|
|
81
|
+
<img
|
|
82
|
+
src={MessageHeader}
|
|
83
|
+
alt="MessageHeader"
|
|
84
|
+
width={22}
|
|
85
|
+
/>
|
|
86
|
+
<span className={`${Styles.nsa_message_title} ms-2`}>Mark All As Read</span>
|
|
87
|
+
</article>
|
|
88
|
+
<img
|
|
89
|
+
src={CloseToast}
|
|
90
|
+
alt="Close"
|
|
91
|
+
width={18}
|
|
92
|
+
height={18}
|
|
93
|
+
onClick={(e) =>
|
|
94
|
+
{
|
|
95
|
+
e.stopPropagation(); // Prevents the click from bubbling up
|
|
96
|
+
console.log("Close button clicked");
|
|
97
|
+
this.hide();
|
|
98
|
+
}}
|
|
99
|
+
className={Styles.nsa_close_icon}
|
|
100
|
+
/>
|
|
104
101
|
</div>
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
102
|
+
<div className={Styles.nsa_toast_body}>
|
|
103
|
+
<div className={Styles.nsa_body_green}>
|
|
104
|
+
<ul className={Styles.nsa_message_item_ul}>
|
|
105
|
+
<li className={`${Styles.nsa_message_item_title}`}>You’ve Unlocked Our Gold Membership!</li>
|
|
106
|
+
</ul>
|
|
107
|
+
<p className={`${Styles.nsa_message_item_content} nsa_font_13_normal`}>Learn More!</p>
|
|
108
|
+
</div>
|
|
109
|
+
<div className={Styles.nsa_body_gray}>
|
|
110
|
+
<ul className={Styles.nsa_message_item_ul}>
|
|
111
|
+
<li className={`${Styles.nsa_message_item_title}`}>You’ve Unlocked Our Gold Membership!</li>
|
|
112
|
+
</ul>
|
|
113
|
+
<p className={`${Styles.nsa_message_item_content} nsa_font_13_normal`}>Learn More!</p>
|
|
114
|
+
</div>
|
|
115
|
+
<div className='p-3 mx-0 d-flex justify-content-center'>
|
|
116
|
+
<NSButtonBlue onClick={() => { }} title='View All' />
|
|
117
|
+
</div>
|
|
118
|
+
</div>
|
|
119
|
+
</Toast>
|
|
120
|
+
</div>
|
|
108
121
|
);
|
|
109
122
|
}
|
|
110
123
|
}
|