phx-react 1.3.1529 → 1.3.1531
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.
- package/dist/cjs/components/MainWrapV4/components/notification/component/HtmlIFrame.d.ts +2 -7
- package/dist/cjs/components/MainWrapV4/components/notification/component/HtmlIFrame.js +8 -32
- package/dist/cjs/components/MainWrapV4/components/notification/component/HtmlIFrame.js.map +1 -1
- package/dist/cjs/components/MainWrapV4/components/notification/component/ReadStatusRight.d.ts +2 -1
- package/dist/cjs/components/MainWrapV4/components/notification/component/ReadStatusRight.js +13 -7
- package/dist/cjs/components/MainWrapV4/components/notification/component/ReadStatusRight.js.map +1 -1
- package/dist/cjs/components/MainWrapV4/components/notification/component/UnlinkedPreview.d.ts +1 -4
- package/dist/cjs/components/MainWrapV4/components/notification/component/UnlinkedPreview.js +2 -15
- package/dist/cjs/components/MainWrapV4/components/notification/component/UnlinkedPreview.js.map +1 -1
- package/dist/cjs/components/MainWrapV4/components/notification/index.js +40 -47
- package/dist/cjs/components/MainWrapV4/components/notification/index.js.map +1 -1
- package/dist/cjs/components/MainWrapV4/types/notification.d.ts +11 -0
- package/dist/cjs/components/Modal/Modal.d.ts +2 -1
- package/dist/cjs/components/Modal/Modal.js +11 -6
- package/dist/cjs/components/Modal/Modal.js.map +1 -1
- package/dist/esm/components/MainWrapV4/components/notification/component/HtmlIFrame.d.ts +2 -7
- package/dist/esm/components/MainWrapV4/components/notification/component/HtmlIFrame.js +8 -32
- package/dist/esm/components/MainWrapV4/components/notification/component/HtmlIFrame.js.map +1 -1
- package/dist/esm/components/MainWrapV4/components/notification/component/ReadStatusRight.d.ts +2 -1
- package/dist/esm/components/MainWrapV4/components/notification/component/ReadStatusRight.js +13 -7
- package/dist/esm/components/MainWrapV4/components/notification/component/ReadStatusRight.js.map +1 -1
- package/dist/esm/components/MainWrapV4/components/notification/component/UnlinkedPreview.d.ts +1 -4
- package/dist/esm/components/MainWrapV4/components/notification/component/UnlinkedPreview.js +2 -15
- package/dist/esm/components/MainWrapV4/components/notification/component/UnlinkedPreview.js.map +1 -1
- package/dist/esm/components/MainWrapV4/components/notification/index.js +41 -48
- package/dist/esm/components/MainWrapV4/components/notification/index.js.map +1 -1
- package/dist/esm/components/MainWrapV4/types/notification.d.ts +11 -0
- package/dist/esm/components/Modal/Modal.d.ts +2 -1
- package/dist/esm/components/Modal/Modal.js +11 -6
- package/dist/esm/components/Modal/Modal.js.map +1 -1
- package/package.json +1 -1
- package/dist/cjs/components/MainWrapV4/components/notification/component/ToggleIcon.d.ts +0 -4
- package/dist/cjs/components/MainWrapV4/components/notification/component/ToggleIcon.js +0 -29
- package/dist/cjs/components/MainWrapV4/components/notification/component/ToggleIcon.js.map +0 -1
- package/dist/esm/components/MainWrapV4/components/notification/component/ToggleIcon.d.ts +0 -4
- package/dist/esm/components/MainWrapV4/components/notification/component/ToggleIcon.js +0 -24
- package/dist/esm/components/MainWrapV4/components/notification/component/ToggleIcon.js.map +0 -1
|
@@ -1,8 +1,3 @@
|
|
|
1
|
+
import { HtmlIFrameProps } from '../../../types/notification';
|
|
1
2
|
import React from 'react';
|
|
2
|
-
export
|
|
3
|
-
id: string;
|
|
4
|
-
html: string;
|
|
5
|
-
className?: string;
|
|
6
|
-
maxHeight?: number;
|
|
7
|
-
};
|
|
8
|
-
export declare const HtmlIFrame: ({ className, html, id, maxHeight }: HtmlIFrameProps) => React.JSX.Element;
|
|
3
|
+
export declare const HtmlIFrame: ({ className, html, id }: HtmlIFrameProps) => React.JSX.Element;
|
|
@@ -2,39 +2,15 @@
|
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.HtmlIFrame = void 0;
|
|
4
4
|
var tslib_1 = require("tslib");
|
|
5
|
-
var react_1 =
|
|
5
|
+
var react_1 = require("react");
|
|
6
|
+
var react_2 = tslib_1.__importDefault(require("react"));
|
|
6
7
|
var HtmlIFrame = function (_a) {
|
|
7
|
-
var className = _a.className, html = _a.html, id = _a.id
|
|
8
|
-
var
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
return "\n <!doctype html>\n <html>\n <head>\n <meta charset=\"utf-8\" />\n <meta name=\"viewport\" content=\"width=device-width,initial-scale=1\" />\n <style>".concat(css, "</style>\n </head>\n <body>").concat(bodyHtml !== null && bodyHtml !== void 0 ? bodyHtml : '', "<script>").concat(js, "</script></body>\n </html>\n ");
|
|
14
|
-
};
|
|
15
|
-
(0, react_1.useEffect)(function () {
|
|
16
|
-
var onMessage = function (e) {
|
|
17
|
-
var data = e.data;
|
|
18
|
-
if (!data || typeof data !== 'object')
|
|
19
|
-
return;
|
|
20
|
-
if (data.type === 'IFRAME_HEIGHT' && data.id === id) {
|
|
21
|
-
var next = Number(data.height) || 0;
|
|
22
|
-
if (!next)
|
|
23
|
-
return;
|
|
24
|
-
var capped_1 = maxHeight ? Math.min(next, maxHeight) : next;
|
|
25
|
-
setHeight(function (prev) { return (prev === capped_1 ? prev : capped_1); });
|
|
26
|
-
}
|
|
27
|
-
};
|
|
28
|
-
window.addEventListener('message', onMessage);
|
|
29
|
-
return function () { return window.removeEventListener('message', onMessage); };
|
|
30
|
-
}, [id, maxHeight]);
|
|
31
|
-
return (react_1.default.createElement("iframe", { ref: iframeRef, className: className, sandbox: 'allow-scripts allow-popups allow-forms', srcDoc: buildSrcDoc(html), style: {
|
|
32
|
-
width: '100%',
|
|
33
|
-
height: "".concat(height, "px"),
|
|
34
|
-
border: 'none',
|
|
35
|
-
display: 'block',
|
|
36
|
-
background: 'transparent',
|
|
37
|
-
}, title: "noti-html-".concat(id) }));
|
|
8
|
+
var className = _a.className, html = _a.html, id = _a.id;
|
|
9
|
+
var srcDoc = (0, react_1.useMemo)(function () {
|
|
10
|
+
var css = "\n html, body {\n margin: 0;\n padding: 0;\n background: transparent;\n font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial;\n font-size: 12px;\n line-height: 1.4;\n color: #374151;\n word-break: break-word;\n }\n body { overflow: auto; }\n a { color: #2563eb; text-decoration: underline; }\n img, video { max-width: 100%; height: auto; }\n ";
|
|
11
|
+
return "<!doctype html>\n <html>\n <head>\n <meta charset=\"utf-8\" />\n <meta name=\"viewport\" content=\"width=device-width,initial-scale=1\" />\n <style>".concat(css, "</style>\n </head>\n <body>").concat(html !== null && html !== void 0 ? html : '', "</body>\n </html>");
|
|
12
|
+
}, [html]);
|
|
13
|
+
return (react_2.default.createElement("iframe", { className: className, sandbox: 'allow-scripts allow-popups allow-forms', srcDoc: srcDoc, style: { width: '100%', height: '70vh', border: 'none', display: 'block' }, title: "noti-html-".concat(id) }));
|
|
38
14
|
};
|
|
39
15
|
exports.HtmlIFrame = HtmlIFrame;
|
|
40
16
|
//# sourceMappingURL=HtmlIFrame.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"HtmlIFrame.js","sourceRoot":"","sources":["../../../../../../../src/components/MainWrapV4/components/notification/component/HtmlIFrame.tsx"],"names":[],"mappings":";;;;AAAA,
|
|
1
|
+
{"version":3,"file":"HtmlIFrame.js","sourceRoot":"","sources":["../../../../../../../src/components/MainWrapV4/components/notification/component/HtmlIFrame.tsx"],"names":[],"mappings":";;;;AAAA,+BAA+B;AAE/B,wDAAyB;AAElB,IAAM,UAAU,GAAG,UAAC,EAAwC;QAAtC,SAAS,eAAA,EAAE,IAAI,UAAA,EAAE,EAAE,QAAA;IAC9C,IAAM,MAAM,GAAG,IAAA,eAAO,EAAC;QACrB,IAAM,GAAG,GAAG,gdAcX,CAAA;QAED,OAAO,qMAKQ,GAAG,sDAEN,IAAI,aAAJ,IAAI,cAAJ,IAAI,GAAI,EAAE,2BACZ,CAAA;IACZ,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAA;IAEV,OAAO,CACL,0CACE,SAAS,EAAE,SAAS,EACpB,OAAO,EAAC,wCAAwC,EAChD,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,EAC1E,KAAK,EAAE,oBAAa,EAAE,CAAE,GACxB,CACH,CAAA;AACH,CAAC,CAAA;AAtCY,QAAA,UAAU,cAsCtB"}
|
|
@@ -4,19 +4,25 @@ exports.ReadStatusRight = void 0;
|
|
|
4
4
|
var tslib_1 = require("tslib");
|
|
5
5
|
var react_1 = tslib_1.__importDefault(require("react"));
|
|
6
6
|
var ReadStatusRight = function (_a) {
|
|
7
|
-
var isRead = _a.isRead, label = _a.label;
|
|
7
|
+
var isExpanded = _a.isExpanded, isRead = _a.isRead, label = _a.label;
|
|
8
8
|
var text = label || (isRead ? 'Đã đọc' : 'Chưa đọc');
|
|
9
|
-
return (react_1.default.createElement("div", { className: 'flex
|
|
10
|
-
react_1.default.createElement("div", {
|
|
11
|
-
|
|
12
|
-
react_1.default.createElement("path", { d: '
|
|
13
|
-
|
|
9
|
+
return (react_1.default.createElement("div", { className: 'flex items-center gap-2' },
|
|
10
|
+
react_1.default.createElement("div", null, isExpanded ? (react_1.default.createElement("svg", { fill: 'none', height: '16', viewBox: '0 0 16 16', width: '16', xmlns: 'http://www.w3.org/2000/svg' },
|
|
11
|
+
react_1.default.createElement("mask", { fill: 'white', id: 'path-1-inside-1_4909_35651' },
|
|
12
|
+
react_1.default.createElement("path", { d: 'M0.667969 14.0513V9.74413C0.669586 8.27589 1.24951 6.86826 2.28051 5.83007C3.31151 4.79187 4.70938 4.2079 6.16743 4.20627H9.11881V3.23037C9.11886 2.98701 9.19056 2.74913 9.32485 2.54681C9.45914 2.34448 9.64999 2.18678 9.87326 2.09366C10.0965 2.00054 10.3422 1.97617 10.5793 2.02363C10.8163 2.0711 11.034 2.18826 11.2049 2.36031L14.7979 5.97777C15.1416 6.32393 15.3346 6.79337 15.3346 7.28286C15.3346 7.77234 15.1416 8.24178 14.7979 8.58794L11.2049 12.2054C11.034 12.3775 10.8163 12.4946 10.5793 12.5421C10.3422 12.5895 10.0965 12.5652 9.87326 12.472C9.64999 12.3789 9.45914 12.2212 9.32485 12.0189C9.19056 11.8166 9.11886 11.5787 9.11881 11.3353V10.3594H5.55638C4.58431 10.3604 3.65233 10.7497 2.96498 11.4419C2.27762 12.134 1.89104 13.0725 1.89007 14.0513C1.89007 14.2145 1.82569 14.3711 1.7111 14.4864C1.5965 14.6018 1.44108 14.6667 1.27902 14.6667C1.11696 14.6667 0.961536 14.6018 0.846941 14.4864C0.732347 14.3711 0.667969 14.2145 0.667969 14.0513ZM10.3409 4.82158C10.3409 4.98478 10.2765 5.14129 10.1619 5.25668C10.0473 5.37207 9.89192 5.4369 9.72986 5.4369H6.16743C5.0334 5.4382 3.94619 5.89242 3.14431 6.6999C2.34243 7.50738 1.89136 8.60218 1.89007 9.74413V10.7988C2.3481 10.2739 2.91205 9.8534 3.54428 9.56543C4.17651 9.27745 4.86247 9.1286 5.55638 9.12881H9.72986C9.89192 9.12881 10.0473 9.19364 10.1619 9.30903C10.2765 9.42443 10.3409 9.58093 10.3409 9.74413V11.3353L13.9333 7.71788C14.0478 7.6025 14.1122 7.44602 14.1122 7.28286C14.1122 7.1197 14.0478 6.96321 13.9333 6.84783L10.3409 3.23037V4.82158Z' })),
|
|
13
|
+
react_1.default.createElement("path", { d: 'M0.667969 14.0513V9.74413C0.669586 8.27589 1.24951 6.86826 2.28051 5.83007C3.31151 4.79187 4.70938 4.2079 6.16743 4.20627H9.11881V3.23037C9.11886 2.98701 9.19056 2.74913 9.32485 2.54681C9.45914 2.34448 9.64999 2.18678 9.87326 2.09366C10.0965 2.00054 10.3422 1.97617 10.5793 2.02363C10.8163 2.0711 11.034 2.18826 11.2049 2.36031L14.7979 5.97777C15.1416 6.32393 15.3346 6.79337 15.3346 7.28286C15.3346 7.77234 15.1416 8.24178 14.7979 8.58794L11.2049 12.2054C11.034 12.3775 10.8163 12.4946 10.5793 12.5421C10.3422 12.5895 10.0965 12.5652 9.87326 12.472C9.64999 12.3789 9.45914 12.2212 9.32485 12.0189C9.19056 11.8166 9.11886 11.5787 9.11881 11.3353V10.3594H5.55638C4.58431 10.3604 3.65233 10.7497 2.96498 11.4419C2.27762 12.134 1.89104 13.0725 1.89007 14.0513C1.89007 14.2145 1.82569 14.3711 1.7111 14.4864C1.5965 14.6018 1.44108 14.6667 1.27902 14.6667C1.11696 14.6667 0.961536 14.6018 0.846941 14.4864C0.732347 14.3711 0.667969 14.2145 0.667969 14.0513ZM10.3409 4.82158C10.3409 4.98478 10.2765 5.14129 10.1619 5.25668C10.0473 5.37207 9.89192 5.4369 9.72986 5.4369H6.16743C5.0334 5.4382 3.94619 5.89242 3.14431 6.6999C2.34243 7.50738 1.89136 8.60218 1.89007 9.74413V10.7988C2.3481 10.2739 2.91205 9.8534 3.54428 9.56543C4.17651 9.27745 4.86247 9.1286 5.55638 9.12881H9.72986C9.89192 9.12881 10.0473 9.19364 10.1619 9.30903C10.2765 9.42443 10.3409 9.58093 10.3409 9.74413V11.3353L13.9333 7.71788C14.0478 7.6025 14.1122 7.44602 14.1122 7.28286C14.1122 7.1197 14.0478 6.96321 13.9333 6.84783L10.3409 3.23037V4.82158Z', fill: '#9CA3AF' }),
|
|
14
|
+
react_1.default.createElement("path", { d: 'M0.667969 14.0513H-20.6654H0.667969ZM0.667969 9.74413L-20.6654 9.72063L-20.6654 9.73238V9.74413H0.667969ZM6.16743 4.20627V-17.1271H6.15551L6.1436 -17.1271L6.16743 4.20627ZM9.1188 4.20627V25.5396H30.4521V4.20627H9.1188ZM9.1188 3.23037L-12.2145 3.22585V3.23037H9.1188ZM11.2049 2.36031L26.341 -12.6733L26.34 -12.6743L11.2049 2.36031ZM14.7979 5.97777L29.9375 -9.05232L29.934 -9.0559L14.7979 5.97777ZM14.7979 8.58794L29.934 23.6216L29.9375 23.618L14.7979 8.58794ZM11.2049 12.2054L26.34 27.2401L26.341 27.2391L11.2049 12.2054ZM9.1188 11.3353H-12.2145L-12.2145 11.3399L9.1188 11.3353ZM9.1188 10.3594H30.4521V-10.9739H9.1188V10.3594ZM5.55638 10.3594V-10.9739H5.54565L5.53493 -10.9739L5.55638 10.3594ZM1.89007 14.0513L-19.4433 14.0302L-19.4433 14.0408V14.0513H1.89007ZM6.16743 5.4369V-15.8964H6.15517L6.14292 -15.8964L6.16743 5.4369ZM1.89007 9.74413L-19.4432 9.71996L-19.4433 9.73204V9.74413H1.89007ZM1.89007 10.7988H-19.4433V67.6944L17.9642 24.8249L1.89007 10.7988ZM5.55638 9.12881L5.54995 30.4621H5.55638V9.12881ZM10.3409 11.3353H-10.9924V63.093L25.4782 26.3677L10.3409 11.3353ZM13.9333 7.71788L29.0706 22.7503L29.0729 22.748L13.9333 7.71788ZM13.9333 6.84783L29.0729 -8.18226L29.0706 -8.18455L13.9333 6.84783ZM10.3409 3.23037L25.4782 -11.802L-10.9924 -48.5273V3.23037H10.3409ZM0.667969 14.0513H22.0013V9.74413H0.667969H-20.6654V14.0513H0.667969ZM0.667969 9.74413L22.0013 9.76763C21.9967 13.9015 20.3653 17.8944 17.4178 20.8624L2.28051 5.83007L-12.8568 -9.20231C-17.8663 -4.1579 -20.6576 2.65026 -20.6654 9.72063L0.667969 9.74413ZM2.28051 5.83007L17.4178 20.8624C14.4655 23.8354 10.4309 25.5349 6.19126 25.5396L6.16743 4.20627L6.1436 -17.1271C-1.01219 -17.1191 -7.84245 -14.2517 -12.8568 -9.20231L2.28051 5.83007ZM6.16743 4.20627V25.5396H9.1188V4.20627V-17.1271H6.16743V4.20627ZM9.1188 4.20627H30.4521V3.23037H9.1188H-12.2145V4.20627H9.1188ZM9.1188 3.23037L30.4521 3.2349C30.4513 7.1773 29.2904 11.043 27.0994 14.3441L9.32485 2.54681L-8.44968 -9.25053C-10.9093 -5.54472 -12.2136 -1.20327 -12.2145 3.22585L9.1188 3.23037ZM9.32485 2.54681L27.0994 14.3441C24.9072 17.647 21.7762 20.2437 18.0851 21.7832L9.87326 2.09366L1.66139 -17.5958C-2.47628 -15.8701 -5.98895 -12.958 -8.44968 -9.25053L9.32485 2.54681ZM9.87326 2.09366L18.0851 21.7832C14.3925 23.3232 10.3206 23.7287 6.39065 22.9417L10.5793 2.02363L14.7679 -18.8945C10.3638 -19.7763 5.80059 -19.3222 1.66139 -17.5958L9.87326 2.09366ZM10.5793 2.02363L6.39065 22.9417C2.46155 22.155 -1.12724 20.2166 -3.93013 17.395L11.2049 2.36031L26.34 -12.6743C23.1953 -15.8401 19.171 -18.0128 14.7679 -18.8945L10.5793 2.02363ZM11.2049 2.36031L-3.93112 17.394L-0.33814 21.0114L14.7979 5.97777L29.934 -9.0559L26.341 -12.6733L11.2049 2.36031ZM14.7979 5.97777L-0.34169 21.0079C-3.98083 17.3422 -5.9987 12.4025 -5.9987 7.28286H15.3346H36.668C36.668 1.18426 34.264 -4.69433 29.9375 -9.05232L14.7979 5.97777ZM15.3346 7.28286H-5.9987C-5.9987 2.16321 -3.98082 -2.77649 -0.34169 -6.44214L14.7979 8.58794L29.9375 23.618C34.264 19.26 36.668 13.3815 36.668 7.28286H15.3346ZM14.7979 8.58794L-0.338139 -6.44572L-3.93112 -2.82827L11.2049 12.2054L26.341 27.2391L29.934 23.6216L14.7979 8.58794ZM11.2049 12.2054L-3.93013 -2.82926C-1.12724 -5.65087 2.46155 -7.58926 6.39065 -8.37602L10.5793 12.5421L14.7679 33.4602C19.171 32.5785 23.1953 30.4058 26.34 27.2401L11.2049 12.2054ZM10.5793 12.5421L6.39065 -8.37602C10.3207 -9.16296 14.3925 -8.75753 18.0851 -7.21745L9.87326 12.472L1.66139 32.1615C5.80057 33.8879 10.3638 34.342 14.7679 33.4602L10.5793 12.5421ZM9.87326 12.472L18.0851 -7.21745C21.7762 -5.678 24.9072 -3.08125 27.0994 0.221566L9.32485 12.0189L-8.44968 23.8162C-5.98895 27.5237 -2.47627 30.4359 1.66139 32.1615L9.87326 12.472ZM9.32485 12.0189L27.0994 0.221566C29.2904 3.5227 30.4513 7.38839 30.4521 11.3308L9.1188 11.3353L-12.2145 11.3399C-12.2136 15.769 -10.9093 20.1104 -8.44968 23.8162L9.32485 12.0189ZM9.1188 11.3353H30.4521V10.3594H9.1188H-12.2145V11.3353H9.1188ZM9.1188 10.3594V-10.9739H5.55638V10.3594V31.6928H9.1188V10.3594ZM5.55638 10.3594L5.53493 -10.9739C-1.1357 -10.9672 -7.50104 -8.29445 -12.1724 -3.59052L2.96498 11.4419L18.1023 26.4742C14.8057 29.7939 10.3043 31.688 5.57783 31.6928L5.55638 10.3594ZM2.96498 11.4419L-12.1724 -3.59052C-16.8387 1.10842 -19.4367 7.4484 -19.4433 14.0302L1.89007 14.0513L23.2234 14.0725C23.2188 18.6966 21.394 23.1596 18.1023 26.4742L2.96498 11.4419ZM1.89007 14.0513H-19.4433C-19.4433 8.60432 -17.2958 3.3507 -13.4262 -0.545929L1.7111 14.4864L16.8484 29.5188C20.9472 25.3914 23.2234 19.8248 23.2234 14.0513H1.89007ZM1.7111 14.4864L-13.4262 -0.545929C-9.55163 -4.44759 -4.26492 -6.66667 1.27902 -6.66667V14.6667V36C7.14708 36 12.7446 33.6513 16.8484 29.5188L1.7111 14.4864ZM1.27902 14.6667V-6.66667C6.82296 -6.66667 12.1097 -4.44759 15.9843 -0.545929L0.846941 14.4864L-14.2904 29.5188C-10.1866 33.6513 -4.58904 36 1.27902 36V14.6667ZM0.846941 14.4864L15.9843 -0.545929C19.8539 3.3507 22.0013 8.60432 22.0013 14.0513H0.667969H-20.6654C-20.6654 19.8248 -18.3892 25.3914 -14.2904 29.5188L0.846941 14.4864ZM10.3409 4.82158H-10.9924C-10.9924 -0.625475 -8.84499 -5.87909 -4.9754 -9.77569L10.1619 5.25668L25.2993 20.2891C29.398 16.1617 31.6742 10.595 31.6742 4.82158H10.3409ZM10.1619 5.25668L-4.9754 -9.77569C-1.10083 -13.6773 4.18586 -15.8964 9.72986 -15.8964V5.4369V26.7702C15.598 26.7702 21.1955 24.4215 25.2993 20.2891L10.1619 5.25668ZM9.72986 5.4369V-15.8964H6.16743V5.4369V26.7702H9.72986V5.4369ZM6.16743 5.4369L6.14292 -15.8964C-0.688613 -15.8886 -7.20793 -13.151 -11.993 -8.33248L3.14431 6.6999L18.2816 21.7323C15.1003 24.9358 10.7554 26.765 6.19194 26.7702L6.16743 5.4369ZM3.14431 6.6999L-11.993 -8.33248C-16.7732 -3.51896 -19.4356 2.97611 -19.4432 9.71996L1.89007 9.74413L23.2234 9.7683C23.2183 14.2283 21.458 18.5337 18.2816 21.7323L3.14431 6.6999ZM1.89007 9.74413H-19.4433V10.7988H1.89007H23.2234V9.74413H1.89007ZM1.89007 10.7988L17.9642 24.8249C16.429 26.5843 14.5297 28.0038 12.3873 28.9797L3.54428 9.56543L-5.29874 -9.8488C-8.70562 -8.29699 -11.7328 -6.03651 -14.1841 -3.22737L1.89007 10.7988ZM3.54428 9.56543L12.3873 28.9797C10.2445 29.9557 7.91297 30.4629 5.54995 30.4621L5.55638 9.12881L5.5628 -12.2045C1.81198 -12.2057 -1.89143 -11.4008 -5.29874 -9.8488L3.54428 9.56543ZM5.55638 9.12881V30.4621H9.72986V9.12881V-12.2045H5.55638V9.12881ZM9.72986 9.12881V30.4621C4.18586 30.4621 -1.10083 28.243 -4.9754 24.3414L10.1619 9.30903L25.2993 -5.72334C21.1955 -9.85575 15.598 -12.2045 9.72986 -12.2045V9.12881ZM10.1619 9.30903L-4.9754 24.3414C-8.84499 20.4448 -10.9924 15.1912 -10.9924 9.74413H10.3409H31.6742C31.6742 3.97068 29.398 -1.59595 25.2993 -5.72334L10.1619 9.30903ZM10.3409 9.74413H-10.9924V11.3353H10.3409H31.6742V9.74413H10.3409ZM10.3409 11.3353L25.4782 26.3677L29.0706 22.7503L13.9333 7.71788L-1.20406 -7.31449L-4.79643 -3.69703L10.3409 11.3353ZM13.9333 7.71788L29.0729 22.748C33.1702 18.6208 35.4455 13.0552 35.4455 7.28286H14.1122H-7.22115C-7.22115 1.83682 -5.07452 -3.41583 -1.20633 -7.3122L13.9333 7.71788ZM14.1122 7.28286H35.4455C35.4455 1.51051 33.1702 -4.0551 29.0729 -8.18226L13.9333 6.84783L-1.20633 21.8779C-5.07452 17.9815 -7.22115 12.7289 -7.22115 7.28286H14.1122ZM13.9333 6.84783L29.0706 -8.18455L25.4782 -11.802L10.3409 3.23037L-4.79643 18.2627L-1.20406 21.8802L13.9333 6.84783ZM10.3409 3.23037H-10.9924V4.82158H10.3409H31.6742V3.23037H10.3409Z', fill: '#9CA3AF', mask: 'url(#path-1-inside-1_4909_35651)' }))) : (react_1.default.createElement("svg", { fill: 'none', height: '16', viewBox: '0 0 16 16', width: '16', xmlns: 'http://www.w3.org/2000/svg' },
|
|
15
|
+
react_1.default.createElement("path", { d: 'M5 2.5H4C3.60218 2.5 3.22064 2.65804 2.93934 2.93934C2.65804 3.22064 2.5 3.60218 2.5 4V5M11 2.5H12C12.3978 2.5 12.7794 2.65804 13.0607 2.93934C13.342 3.22064 13.5 3.60218 13.5 4V5M13.5 11V12C13.5 12.3978 13.342 12.7794 13.0607 13.0607C12.7794 13.342 12.3978 13.5 12 13.5H11M5 13.5H4C3.60218 13.5 3.22064 13.342 2.93934 13.0607C2.65804 12.7794 2.5 12.3978 2.5 12V11M10 8C10 8.53043 9.78929 9.03914 9.41421 9.41421C9.03914 9.78929 8.53043 10 8 10C7.46957 10 6.96086 9.78929 6.58579 9.41421C6.21071 9.03914 6 8.53043 6 8C6 7.46957 6.21071 6.96086 6.58579 6.58579C6.96086 6.21071 7.46957 6 8 6C8.53043 6 9.03914 6.21071 9.41421 6.58579C9.78929 6.96086 10 7.46957 10 8Z', stroke: '#9CA3AF', strokeLinecap: 'round', strokeLinejoin: 'round', strokeWidth: '1.5' })))),
|
|
16
|
+
react_1.default.createElement("div", { className: ' flex items-center justify-end gap-1' },
|
|
17
|
+
isRead ? (react_1.default.createElement("svg", { fill: 'none', height: '18', viewBox: '0 0 18 18', width: '18', xmlns: 'http://www.w3.org/2000/svg' },
|
|
18
|
+
react_1.default.createElement("path", { d: 'M4.76144 11.4799C4.61744 11.4799 4.47944 11.4179 4.38544 11.3079L2.28944 8.90794C2.10744 8.69994 2.12944 8.38394 2.33744 8.20194C2.54544 8.01994 2.86144 8.04194 3.04344 8.24994L4.76144 10.2179L9.62344 4.64994C9.80544 4.44194 10.1214 4.41994 10.3294 4.60194C10.5374 4.78394 10.5594 5.09994 10.3774 5.30794L5.13944 11.3079C5.04344 11.4159 4.90544 11.4799 4.76144 11.4799Z', fill: '#158017' }),
|
|
19
|
+
react_1.default.createElement("path", { d: 'M7.61838 11.5199C7.60838 11.5199 7.60038 11.5199 7.59038 11.5199C7.44438 11.5119 7.30838 11.4399 7.22038 11.3239L6.93438 10.9479C6.76638 10.7279 6.81038 10.4139 7.02838 10.2479C7.21638 10.1039 7.47438 10.1159 7.65038 10.2599L12.9684 4.67592C13.1584 4.47592 13.4744 4.46792 13.6744 4.65792C13.8744 4.84792 13.8824 5.16392 13.6924 5.36392L7.98038 11.3659C7.88638 11.4659 7.75638 11.5199 7.61838 11.5199Z', fill: '#158017' }))) : (react_1.default.createElement("svg", { fill: 'none', height: '14', viewBox: '0 0 14 14', width: '14', xmlns: 'http://www.w3.org/2000/svg' },
|
|
14
20
|
react_1.default.createElement("g", { clipPath: 'url(#clip0_4446_149436)' },
|
|
15
21
|
react_1.default.createElement("path", { d: 'M2.28375 6.73466C2.59117 7.10742 2.53867 7.65867 2.16592 7.96608C1.79375 8.27408 1.24192 8.22158 0.933917 7.84883C0.331917 7.11967 0 6.19683 0 5.25008C0.000583333 2.999 1.83225 1.16675 4.08392 1.16675H6.41725C8.66892 1.16675 10.5006 2.999 10.5006 5.25008C10.5006 7.06892 9.27908 8.68475 7.53083 9.17942C7.45092 9.20217 7.371 9.21267 7.29167 9.21267C6.91017 9.21267 6.55958 8.96125 6.4505 8.57567C6.31867 8.11075 6.58933 7.62717 7.05425 7.49533C8.0535 7.213 8.75117 6.28958 8.75117 5.2495C8.75117 3.96266 7.70467 2.91616 6.41783 2.91616H4.08392C2.79708 2.91616 1.75058 3.96266 1.75058 5.2495C1.75058 5.79841 1.93492 6.31175 2.28375 6.73408V6.73466ZM13.0667 6.15133C12.7587 5.77858 12.2074 5.72608 11.8347 6.03408C11.4619 6.3415 11.4094 6.89333 11.7168 7.2655C12.0657 7.68783 12.25 8.20117 12.25 8.75008C12.25 10.0369 11.2035 11.0834 9.91667 11.0834H7.58333C6.2965 11.0834 5.25 10.0369 5.25 8.75008C5.25 7.71058 5.94767 6.78716 6.94692 6.50425C7.41183 6.37242 7.68192 5.88883 7.55067 5.42392C7.41883 4.95842 6.93583 4.68833 6.47033 4.82016C4.7215 5.31541 3.50058 6.93067 3.50058 8.7495C3.50058 11.0006 5.33225 12.8328 7.58392 12.8328H9.91725C12.1689 12.8328 14.0006 11.0006 14.0006 8.7495C14.0006 7.80275 13.6693 6.87991 13.0667 6.15075V6.15133Z', fill: '#6B7280' })),
|
|
16
22
|
react_1.default.createElement("defs", null,
|
|
17
23
|
react_1.default.createElement("clipPath", { id: 'clip0_4446_149436' },
|
|
18
24
|
react_1.default.createElement("rect", { fill: 'white', height: '14', width: '14' }))))),
|
|
19
|
-
react_1.default.createElement("span", { className: "
|
|
25
|
+
react_1.default.createElement("span", { className: " text-xs font-normal ".concat(isRead ? 'text-green-700' : 'text-gray-500') }, text))));
|
|
20
26
|
};
|
|
21
27
|
exports.ReadStatusRight = ReadStatusRight;
|
|
22
28
|
//# sourceMappingURL=ReadStatusRight.js.map
|
package/dist/cjs/components/MainWrapV4/components/notification/component/ReadStatusRight.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ReadStatusRight.js","sourceRoot":"","sources":["../../../../../../../src/components/MainWrapV4/components/notification/component/ReadStatusRight.tsx"],"names":[],"mappings":";;;;AAAA,wDAAyB;AAElB,IAAM,eAAe,GAAG,UAAC,
|
|
1
|
+
{"version":3,"file":"ReadStatusRight.js","sourceRoot":"","sources":["../../../../../../../src/components/MainWrapV4/components/notification/component/ReadStatusRight.tsx"],"names":[],"mappings":";;;;AAAA,wDAAyB;AAElB,IAAM,eAAe,GAAG,UAAC,EAQ/B;QAPC,UAAU,gBAAA,EACV,MAAM,YAAA,EACN,KAAK,WAAA;IAML,IAAM,IAAI,GAAG,KAAK,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAA;IACtD,OAAO,CACL,uCAAK,SAAS,EAAC,yBAAyB;QACtC,2CACG,UAAU,CAAC,CAAC,CAAC,CACZ,uCAAK,IAAI,EAAC,MAAM,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,KAAK,EAAC,IAAI,EAAC,KAAK,EAAC,4BAA4B;YAC5F,wCAAM,IAAI,EAAC,OAAO,EAAC,EAAE,EAAC,4BAA4B;gBAChD,wCAAM,CAAC,EAAC,y+CAAy+C,GAAG,CAC/+C;YACP,wCACE,CAAC,EAAC,y+CAAy+C,EAC3+C,IAAI,EAAC,SAAS,GACd;YACF,wCACE,CAAC,EAAC,kkOAAkkO,EACpkO,IAAI,EAAC,SAAS,EACd,IAAI,EAAC,kCAAkC,GACvC,CACE,CACP,CAAC,CAAC,CAAC,CACF,uCAAK,IAAI,EAAC,MAAM,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,KAAK,EAAC,IAAI,EAAC,KAAK,EAAC,4BAA4B;YAC5F,wCACE,CAAC,EAAC,0pBAA0pB,EAC5pB,MAAM,EAAC,SAAS,EAChB,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,EACtB,WAAW,EAAC,KAAK,GACjB,CACE,CACP,CACG;QACN,uCAAK,SAAS,EAAC,sCAAsC;YAClD,MAAM,CAAC,CAAC,CAAC,CACR,uCAAK,IAAI,EAAC,MAAM,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,KAAK,EAAC,IAAI,EAAC,KAAK,EAAC,4BAA4B;gBAC5F,wCACE,CAAC,EAAC,mXAAmX,EACrX,IAAI,EAAC,SAAS,GACd;gBACF,wCACE,CAAC,EAAC,mZAAmZ,EACrZ,IAAI,EAAC,SAAS,GACd,CACE,CACP,CAAC,CAAC,CAAC,CACF,uCAAK,IAAI,EAAC,MAAM,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,KAAK,EAAC,IAAI,EAAC,KAAK,EAAC,4BAA4B;gBAC5F,qCAAG,QAAQ,EAAC,yBAAyB;oBACnC,wCACE,CAAC,EAAC,6tCAA6tC,EAC/tC,IAAI,EAAC,SAAS,GACd,CACA;gBACJ;oBACE,4CAAU,EAAE,EAAC,mBAAmB;wBAC9B,wCAAM,IAAI,EAAC,OAAO,EAAC,MAAM,EAAC,IAAI,EAAC,KAAK,EAAC,IAAI,GAAG,CACnC,CACN,CACH,CACP;YAED,wCAAM,SAAS,EAAE,+BAAwB,MAAM,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,eAAe,CAAE,IAAG,IAAI,CAAQ,CACjG,CACF,CACP,CAAA;AACH,CAAC,CAAA;AAxEY,QAAA,eAAe,mBAwE3B"}
|
package/dist/cjs/components/MainWrapV4/components/notification/component/UnlinkedPreview.d.ts
CHANGED
|
@@ -1,11 +1,8 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
type Props = {
|
|
3
|
-
id: string;
|
|
4
|
-
previewHtml: string;
|
|
5
3
|
fullText: string;
|
|
6
4
|
shortText: string;
|
|
7
5
|
isLong: boolean;
|
|
8
|
-
isExpanded: boolean;
|
|
9
6
|
};
|
|
10
|
-
export declare const UnlinkedPreview: ({ fullText,
|
|
7
|
+
export declare const UnlinkedPreview: ({ fullText, isLong, shortText }: Props) => React.JSX.Element;
|
|
11
8
|
export {};
|
|
@@ -3,10 +3,8 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
3
3
|
exports.UnlinkedPreview = void 0;
|
|
4
4
|
var tslib_1 = require("tslib");
|
|
5
5
|
var react_1 = tslib_1.__importDefault(require("react"));
|
|
6
|
-
var HtmlIFrame_1 = require("./HtmlIFrame");
|
|
7
|
-
var ToggleIcon_1 = require("./ToggleIcon");
|
|
8
6
|
var UnlinkedPreview = function (_a) {
|
|
9
|
-
var fullText = _a.fullText,
|
|
7
|
+
var fullText = _a.fullText, isLong = _a.isLong, shortText = _a.shortText;
|
|
10
8
|
if (!isLong) {
|
|
11
9
|
return react_1.default.createElement("span", { className: 'text-xs text-gray-700' }, fullText);
|
|
12
10
|
}
|
|
@@ -16,21 +14,10 @@ var UnlinkedPreview = function (_a) {
|
|
|
16
14
|
'min-w-0 flex-1',
|
|
17
15
|
'transition-all duration-300 ease-[cubic-bezier(0.22,1,0.36,1)]',
|
|
18
16
|
'will-change-[opacity,filter,transform]',
|
|
19
|
-
isExpanded ? 'translate-y-[1px] opacity-0 blur-[1px]' : 'opacity-100 blur-0',
|
|
20
17
|
].join(' ') },
|
|
21
18
|
react_1.default.createElement("span", { className: 'block truncate text-xs text-gray-700' },
|
|
22
19
|
shortText,
|
|
23
|
-
"..."))
|
|
24
|
-
react_1.default.createElement("span", { className: 'group shrink-0' },
|
|
25
|
-
react_1.default.createElement(ToggleIcon_1.ToggleIcon, { expanded: isExpanded }))),
|
|
26
|
-
react_1.default.createElement("div", { className: [
|
|
27
|
-
'overflow-hidden',
|
|
28
|
-
'transition-all duration-500 ease-[cubic-bezier(0.22,1,0.36,1)]',
|
|
29
|
-
'will-change-[max-height,opacity,transform]',
|
|
30
|
-
isExpanded ? 'max-h-[720px] translate-y-0 opacity-100' : 'max-h-0 -translate-y-1 opacity-0',
|
|
31
|
-
].join(' ') },
|
|
32
|
-
react_1.default.createElement("div", { className: 'pb-2 pt-2' },
|
|
33
|
-
react_1.default.createElement(HtmlIFrame_1.HtmlIFrame, { className: 'block', html: previewHtml, id: id, maxHeight: 500 })))));
|
|
20
|
+
"...")))));
|
|
34
21
|
};
|
|
35
22
|
exports.UnlinkedPreview = UnlinkedPreview;
|
|
36
23
|
//# sourceMappingURL=UnlinkedPreview.js.map
|
package/dist/cjs/components/MainWrapV4/components/notification/component/UnlinkedPreview.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"UnlinkedPreview.js","sourceRoot":"","sources":["../../../../../../../src/components/MainWrapV4/components/notification/component/UnlinkedPreview.tsx"],"names":[],"mappings":";;;;AAAA,wDAAyB;
|
|
1
|
+
{"version":3,"file":"UnlinkedPreview.js","sourceRoot":"","sources":["../../../../../../../src/components/MainWrapV4/components/notification/component/UnlinkedPreview.tsx"],"names":[],"mappings":";;;;AAAA,wDAAyB;AAQlB,IAAM,eAAe,GAAG,UAAC,EAAsC;QAApC,QAAQ,cAAA,EAAE,MAAM,YAAA,EAAE,SAAS,eAAA;IAC3D,IAAI,CAAC,MAAM,EAAE,CAAC;QACZ,OAAO,wCAAM,SAAS,EAAC,uBAAuB,IAAE,QAAQ,CAAQ,CAAA;IAClE,CAAC;IAED,OAAO,CACL,uCAAK,SAAS,EAAC,QAAQ;QACrB,uCAAK,SAAS,EAAC,yCAAyC;YAEtD,uCACE,SAAS,EAAE;oBACT,gBAAgB;oBAChB,gEAAgE;oBAChE,wCAAwC;iBACzC,CAAC,IAAI,CAAC,GAAG,CAAC;gBAEX,wCAAM,SAAS,EAAC,sCAAsC;oBAAE,SAAS;0BAAW,CACxE,CACF,CACF,CACP,CAAA;AACH,CAAC,CAAA;AArBY,QAAA,eAAe,mBAqB3B"}
|
|
@@ -5,28 +5,29 @@ var outline_1 = require("@heroicons/react/24/outline");
|
|
|
5
5
|
var react_1 = tslib_1.__importStar(require("react"));
|
|
6
6
|
var constant_1 = require("../../constant");
|
|
7
7
|
var helper_1 = require("../../helper");
|
|
8
|
+
var HtmlIFrame_1 = require("./component/HtmlIFrame");
|
|
8
9
|
var ReadStatusRight_1 = require("./component/ReadStatusRight");
|
|
9
10
|
var UnlinkedPreview_1 = require("./component/UnlinkedPreview");
|
|
10
11
|
var useIframeClickBlock_1 = require("./hook/useIframeClickBlock");
|
|
11
12
|
var useUnreadPolling_1 = require("./hook/useUnreadPolling");
|
|
12
|
-
var
|
|
13
|
+
var apiClient_1 = require("../../../../lib/fetch/apiClient");
|
|
13
14
|
var Modal_1 = require("../../../Modal");
|
|
14
15
|
var ReportButtonV2_1 = require("../../../ReportButtonV2");
|
|
15
16
|
var Skeleton_1 = require("../../../Skeleton");
|
|
16
17
|
var ResourceList_1 = require("../../../ResourceList");
|
|
17
|
-
var apiClient_1 = require("../../../../lib/fetch/apiClient");
|
|
18
18
|
var Notification = function () {
|
|
19
|
-
var LIMIT =
|
|
19
|
+
var LIMIT = 6;
|
|
20
20
|
var _a = (0, react_1.useState)(false), showModal = _a[0], setShowModal = _a[1];
|
|
21
21
|
var _b = (0, react_1.useState)([]), listData = _b[0], setListData = _b[1];
|
|
22
22
|
var _c = (0, react_1.useState)({ all: 0, to_me: 0, system: 0 }), count = _c[0], setCount = _c[1];
|
|
23
23
|
var _d = (0, react_1.useState)(constant_1.TAB.ALL), activeTab = _d[0], setActiveTab = _d[1];
|
|
24
24
|
var _e = (0, react_1.useState)(0), unreadCount = _e[0], setUnreadCount = _e[1];
|
|
25
|
-
var _f = (0, react_1.useState)(
|
|
26
|
-
var _g = (0, react_1.useState)(
|
|
27
|
-
var _h = (0, react_1.useState)(
|
|
28
|
-
var _j = (0, react_1.useState)(
|
|
29
|
-
var _k = (0, react_1.useState)(false),
|
|
25
|
+
var _f = (0, react_1.useState)(false), showPreviewModal = _f[0], setShowPreviewModal = _f[1];
|
|
26
|
+
var _g = (0, react_1.useState)(null), previewModalData = _g[0], setPreviewModalData = _g[1];
|
|
27
|
+
var _h = (0, react_1.useState)(1), page = _h[0], setPage = _h[1];
|
|
28
|
+
var _j = (0, react_1.useState)(true), hasMore = _j[0], setHasMore = _j[1];
|
|
29
|
+
var _k = (0, react_1.useState)(false), loadingInit = _k[0], setLoadingInit = _k[1];
|
|
30
|
+
var _l = (0, react_1.useState)(false), loadingMore = _l[0], setLoadingMore = _l[1];
|
|
30
31
|
var lockRef = (0, react_1.useRef)(false);
|
|
31
32
|
var iframeClickRef = (0, useIframeClickBlock_1.useIframeClickBlock)();
|
|
32
33
|
var fetchData = function (tabValue, pageValue, append) { return tslib_1.__awaiter(void 0, void 0, void 0, function () {
|
|
@@ -115,7 +116,6 @@ var Notification = function () {
|
|
|
115
116
|
setPage(1);
|
|
116
117
|
setHasMore(true);
|
|
117
118
|
setListData([]);
|
|
118
|
-
setExpandedIds({});
|
|
119
119
|
fetchData(activeTab, 1, false);
|
|
120
120
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
121
121
|
}, [showModal]);
|
|
@@ -125,7 +125,6 @@ var Notification = function () {
|
|
|
125
125
|
setPage(1);
|
|
126
126
|
setHasMore(true);
|
|
127
127
|
setListData([]);
|
|
128
|
-
setExpandedIds({});
|
|
129
128
|
fetchData(activeTab, 1, false);
|
|
130
129
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
131
130
|
}, [activeTab]);
|
|
@@ -153,51 +152,35 @@ var Notification = function () {
|
|
|
153
152
|
]; }, [count]);
|
|
154
153
|
var list = (0, react_1.useMemo)(function () {
|
|
155
154
|
return (listData !== null && listData !== void 0 ? listData : []).map(function (item) {
|
|
156
|
-
var _a, _b, _c, _d, _e
|
|
157
|
-
var receiver = ((_a = item === null || item === void 0 ? void 0 : item.tags) === null || _a === void 0 ? void 0 : _a.receiver) || 'Hệ thống';
|
|
158
|
-
var isSystem = receiver.toLowerCase().includes('hệ thống');
|
|
155
|
+
var _a, _b, _c, _d, _e;
|
|
159
156
|
var preview = !item.unlinked
|
|
160
|
-
? ((
|
|
157
|
+
? ((_a = item === null || item === void 0 ? void 0 : item.preview_text) === null || _a === void 0 ? void 0 : _a.trim()) || ((_b = item === null || item === void 0 ? void 0 : item.title) === null || _b === void 0 ? void 0 : _b.trim()) || ((_d = (_c = item === null || item === void 0 ? void 0 : item.payload) === null || _c === void 0 ? void 0 : _c.title) === null || _d === void 0 ? void 0 : _d.trim()) || 'Thông báo'
|
|
161
158
|
: item.content;
|
|
162
159
|
var previewText = item.unlinked ? (0, helper_1.htmlToText)(preview) : preview;
|
|
163
|
-
var isExpanded = !!expandedIds[item.id];
|
|
164
160
|
var fullText = (0, helper_1.htmlToText)(preview) || '';
|
|
165
|
-
var
|
|
161
|
+
var _f = (0, helper_1.truncateByChars)(fullText, constant_1.PREVIEW_CHAR_LIMIT), isLong = _f.isLong, short = _f.short;
|
|
166
162
|
return {
|
|
167
163
|
id: item.id,
|
|
168
164
|
__toggleable: item.unlinked && isLong,
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
react_1.default.createElement("path", { d: 'M12.8403 11.6024C13.5783 10.8481 14.0006 9.83136 14.0006 8.74986C14.0006 7.8031 13.6693 6.88027 13.0673 6.1511C12.7598 5.77894 12.2074 5.72585 11.8353 6.03327C11.4631 6.34069 11.41 6.8931 11.7174 7.26527C12.0663 7.6876 12.2506 8.20094 12.2506 8.74986C12.2506 9.36002 12.0149 9.9346 11.6025 10.3639L9.34033 8.10177C10.0782 7.34752 10.5006 6.33077 10.5006 5.24927C10.5006 2.99819 8.66833 1.16594 6.41725 1.16594H4.08392C3.59158 1.16594 3.11442 1.25227 2.66 1.42144L1.4945 0.255937C1.15267 -0.0853125 0.5985 -0.0853125 0.256667 0.255937C-0.0851667 0.597188 -0.0845833 1.15194 0.256667 1.49377L12.5067 13.7438C12.6776 13.9147 12.9016 13.9999 13.1256 13.9999C13.3496 13.9999 13.5736 13.9147 13.7445 13.7438C14.0863 13.4019 14.0863 12.8484 13.7445 12.5065L12.8403 11.6024ZM6.41725 2.91652C7.70408 2.91652 8.75058 3.96302 8.75058 5.24985C8.75058 5.86002 8.51492 6.4346 8.1025 6.86394L4.1545 2.91652H6.41725ZM2.28375 6.73444C2.59117 7.10719 2.53867 7.65844 2.16592 7.96585C2.00317 8.10061 1.80542 8.16652 1.60942 8.16652C1.35742 8.16652 1.10717 8.05802 0.933917 7.8486C0.331917 7.11944 0 6.1966 0 5.24985C0 5.12502 0.00583333 5.00252 0.0163333 4.8806C0.0589167 4.39877 0.484167 4.04294 0.965417 4.08669C1.44667 4.12927 1.8025 4.55452 1.75933 5.03577C1.75292 5.10635 1.74942 5.17752 1.74942 5.24985C1.74942 5.79877 1.93375 6.3121 2.28258 6.73444H2.28375ZM8.75058 11.9582C8.75058 12.4412 8.35858 12.8332 7.87558 12.8332H7.58392C5.33225 12.8332 3.50058 11.0009 3.50058 8.74986C3.50058 8.62502 3.50642 8.50252 3.51692 8.3806C3.5595 7.89877 3.98475 7.54352 4.466 7.58669C4.94725 7.62927 5.30308 8.05452 5.25992 8.53577C5.2535 8.60635 5.25 8.67752 5.25 8.74986C5.25 10.0367 6.2965 11.0832 7.58333 11.0832H7.875C8.358 11.0832 8.75 11.4752 8.75 11.9582H8.75058Z', fill: '#6B7280' }))) : (react_1.default.createElement(react_1.default.Fragment, null,
|
|
176
|
-
react_1.default.createElement("svg", { fill: 'none', height: '14', viewBox: '0 0 14 14', width: '14', xmlns: 'http://www.w3.org/2000/svg' },
|
|
177
|
-
react_1.default.createElement("g", { clipPath: 'url(#clip0_4446_149436)' },
|
|
178
|
-
react_1.default.createElement("path", { d: 'M2.28375 6.73466C2.59117 7.10742 2.53867 7.65867 2.16592 7.96608C1.79375 8.27408 1.24192 8.22158 0.933917 7.84883C0.331917 7.11967 0 6.19683 0 5.25008C0.000583333 2.999 1.83225 1.16675 4.08392 1.16675H6.41725C8.66892 1.16675 10.5006 2.999 10.5006 5.25008C10.5006 7.06892 9.27908 8.68475 7.53083 9.17942C7.45092 9.20217 7.371 9.21267 7.29167 9.21267C6.91017 9.21267 6.55958 8.96125 6.4505 8.57567C6.31867 8.11075 6.58933 7.62717 7.05425 7.49533C8.0535 7.213 8.75117 6.28958 8.75117 5.2495C8.75117 3.96266 7.70467 2.91616 6.41783 2.91616H4.08392C2.79708 2.91616 1.75058 3.96266 1.75058 5.2495C1.75058 5.79841 1.93492 6.31175 2.28375 6.73408V6.73466ZM13.0667 6.15133C12.7587 5.77858 12.2074 5.72608 11.8347 6.03408C11.4619 6.3415 11.4094 6.89333 11.7168 7.2655C12.0657 7.68783 12.25 8.20117 12.25 8.75008C12.25 10.0369 11.2035 11.0834 9.91667 11.0834H7.58333C6.2965 11.0834 5.25 10.0369 5.25 8.75008C5.25 7.71058 5.94767 6.78716 6.94692 6.50425C7.41183 6.37242 7.68192 5.88883 7.55067 5.42392C7.41883 4.95842 6.93583 4.68833 6.47033 4.82016C4.7215 5.31541 3.50058 6.93067 3.50058 8.7495C3.50058 11.0006 5.33225 12.8328 7.58392 12.8328H9.91725C12.1689 12.8328 14.0006 11.0006 14.0006 8.7495C14.0006 7.80275 13.6693 6.87991 13.0667 6.15075V6.15133Z', fill: '#6B7280' })),
|
|
179
|
-
react_1.default.createElement("defs", null,
|
|
180
|
-
react_1.default.createElement("clipPath", { id: 'clip0_4446_149436' },
|
|
181
|
-
react_1.default.createElement("rect", { fill: 'white', height: '14', width: '14' })))),
|
|
182
|
-
react_1.default.createElement(Badge_1.PHXBadge, { text: (_f = item === null || item === void 0 ? void 0 : item.tags) === null || _f === void 0 ? void 0 : _f.module, type: 'default' })))),
|
|
183
|
-
react_1.default.createElement("div", { className: 'px-1' },
|
|
184
|
-
react_1.default.createElement(ReadStatusRight_1.ReadStatusRight, { isRead: !!(item === null || item === void 0 ? void 0 : item.read_at) }))),
|
|
185
|
-
react_1.default.createElement("p", { className: 'font-medium' }, item === null || item === void 0 ? void 0 : item.title))),
|
|
165
|
+
__previewHtml: preview !== null && preview !== void 0 ? preview : '',
|
|
166
|
+
__title: (_e = item === null || item === void 0 ? void 0 : item.title) !== null && _e !== void 0 ? _e : 'Thông báo',
|
|
167
|
+
name: (react_1.default.createElement("div", { className: 'flex items-center justify-between' },
|
|
168
|
+
react_1.default.createElement("div", { className: "text-sm font-medium ".concat((item === null || item === void 0 ? void 0 : item.read_at) ? 'opacity-80' : '') }, item === null || item === void 0 ? void 0 : item.title),
|
|
169
|
+
react_1.default.createElement("div", { className: 'px-1' },
|
|
170
|
+
react_1.default.createElement(ReadStatusRight_1.ReadStatusRight, { isExpanded: !item.unlinked, isRead: !!(item === null || item === void 0 ? void 0 : item.read_at) })))),
|
|
186
171
|
fallback_url: item === null || item === void 0 ? void 0 : item.fallback_url,
|
|
187
|
-
location: (react_1.default.createElement("div",
|
|
172
|
+
location: (react_1.default.createElement("div", { className: 'flex flex-col gap-1' },
|
|
188
173
|
react_1.default.createElement("div", { className: 'flex min-w-[620px] items-center justify-between gap-2' },
|
|
189
|
-
react_1.default.createElement("span", { className: 'mt-0.5 text-gray-500' }, item === null || item === void 0 ? void 0 : item.sent_at),
|
|
190
|
-
|
|
191
|
-
react_1.default.createElement("svg", { fill: 'none', height: '24', viewBox: '0 0 24 24', width: '24', xmlns: 'http://www.w3.org/2000/svg' },
|
|
192
|
-
react_1.default.createElement("path", { clipRule: 'evenodd', d: 'M9.2636 17.4363C8.91213 17.0849 8.91213 16.515 9.2636 16.1636L13.4272 12L9.2636 7.83635C8.91213 7.48488 8.91213 6.91503 9.2636 6.56356C9.61508 6.21208 10.1849 6.21208 10.5364 6.56356L15.3364 11.3636C15.6879 11.715 15.6879 12.2849 15.3364 12.6363L10.5364 17.4363C10.1849 17.7878 9.61508 17.7878 9.2636 17.4363Z', fill: '#6B7280', fillRule: 'evenodd' }))))),
|
|
193
|
-
!item.unlinked ? (react_1.default.createElement("span", { className: 'block max-w-[70ch] overflow-hidden truncate text-ellipsis whitespace-nowrap text-xs text-gray-500' }, previewText)) : (react_1.default.createElement(UnlinkedPreview_1.UnlinkedPreview, { fullText: fullText, id: item.id, isExpanded: isExpanded, isLong: isLong, previewHtml: preview !== null && preview !== void 0 ? preview : '', shortText: short })))),
|
|
174
|
+
react_1.default.createElement("span", { className: 'mt-0.5 text-[12px] text-gray-500' }, item === null || item === void 0 ? void 0 : item.sent_at)),
|
|
175
|
+
!item.unlinked ? (react_1.default.createElement("span", { className: 'block max-w-[70ch] overflow-hidden truncate text-ellipsis whitespace-nowrap text-xs text-gray-500' }, previewText)) : (react_1.default.createElement(UnlinkedPreview_1.UnlinkedPreview, { fullText: fullText, isLong: isLong, shortText: short })))),
|
|
194
176
|
};
|
|
195
177
|
});
|
|
196
|
-
}, [listData
|
|
178
|
+
}, [listData]);
|
|
197
179
|
return (react_1.default.createElement(react_1.default.Fragment, null,
|
|
198
|
-
react_1.default.createElement("div", { "aria-hidden": true, className: '\n group inline-flex h-7 w-12 cursor-pointer items-center\n justify-center gap-0.5 rounded-lg\n
|
|
199
|
-
react_1.default.createElement(
|
|
200
|
-
|
|
180
|
+
react_1.default.createElement("div", { "aria-hidden": true, className: '\n group inline-flex h-7 w-12 cursor-pointer items-center\n justify-center gap-0.5 rounded-lg\n transition-all duration-150 ease-out\n hover:bg-white\n hover:shadow-[0_0_0_2px_rgba(0,0,0,0.04)]\n active:border-b-gray-300 active:bg-gray-200 active:shadow-[0rem_0.125rem_0.1rem_0rem_#0004_inset]\n ', onClick: function () { return setShowModal(true); } },
|
|
181
|
+
react_1.default.createElement("div", { className: '\n flex items-center gap-0.5\n transition-transform duration-150 ease-[cubic-bezier(0.22,1,0.36,1)]\n group-active:translate-y-[1px]\n ' },
|
|
182
|
+
react_1.default.createElement(outline_1.BellIcon, { className: 'h-4 w-4 text-gray-600' }),
|
|
183
|
+
unreadCount > 0 && (react_1.default.createElement("span", { className: '\n shadow-sm\n min-w-4\n rounded-md\n bg-red-500\n p-1 text-center text-[10px] font-semibold leading-none\n text-white\n ' }, unreadCount > 9 ? '9+' : unreadCount)))),
|
|
201
184
|
showModal && (react_1.default.createElement(Modal_1.PHXModal, { hiddenSubmit: true, inCard: false, onHide: function () { return setShowModal(false); }, show: showModal, size: 'large', title: 'Trung t\u00E2m th\u00F4ng b\u00E1o' },
|
|
202
185
|
react_1.default.createElement("div", null,
|
|
203
186
|
react_1.default.createElement(ReportButtonV2_1.PHXReportButtonTabV2, { activeTab: activeTab, onChange: function (t) { return setActiveTab(t); }, tabs: tab }),
|
|
@@ -206,17 +189,27 @@ var Notification = function () {
|
|
|
206
189
|
list: list, onClickItem: function (row) {
|
|
207
190
|
if ((row === null || row === void 0 ? void 0 : row.id) && iframeClickRef.current[row.id])
|
|
208
191
|
return;
|
|
192
|
+
// mở modal nội dung thay vì expand inline
|
|
209
193
|
if (row === null || row === void 0 ? void 0 : row.__toggleable) {
|
|
210
|
-
|
|
211
|
-
|
|
212
|
-
|
|
194
|
+
// row nên chứa sẵn html + title để mở modal
|
|
195
|
+
setPreviewModalData({
|
|
196
|
+
id: row.id,
|
|
197
|
+
title: row.__title,
|
|
198
|
+
html: row.__previewHtml,
|
|
213
199
|
});
|
|
200
|
+
setShowPreviewModal(true);
|
|
214
201
|
return;
|
|
215
202
|
}
|
|
216
203
|
if (row === null || row === void 0 ? void 0 : row.fallback_url) {
|
|
217
204
|
window.location.href = row.fallback_url;
|
|
218
205
|
}
|
|
219
|
-
}, onScrollBottom: loadMoreData, paging: loadingMore })))))
|
|
206
|
+
}, onScrollBottom: loadMoreData, paging: loadingMore }))))),
|
|
207
|
+
showPreviewModal && previewModalData && (react_1.default.createElement(Modal_1.PHXModal, { hiddenSubmit: true, inCard: false, onHide: function () {
|
|
208
|
+
setShowPreviewModal(false);
|
|
209
|
+
setPreviewModalData(null);
|
|
210
|
+
}, show: showPreviewModal, size: 'large-plus', title: previewModalData.title || 'Nội dung thông báo' },
|
|
211
|
+
react_1.default.createElement("div", { className: 'px-1' },
|
|
212
|
+
react_1.default.createElement(HtmlIFrame_1.HtmlIFrame, { html: previewModalData.html, id: previewModalData.id }))))));
|
|
220
213
|
};
|
|
221
214
|
exports.default = Notification;
|
|
222
215
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/components/MainWrapV4/components/notification/index.tsx"],"names":[],"mappings":";;;AAAA,uDAAsD;AACtD,qDAAgF;AAChF,2CAAkE;AAClE,uCAA0D;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/components/MainWrapV4/components/notification/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -31,3 +31,14 @@ export type NotiItem = {
|
|
|
31
31
|
};
|
|
32
32
|
unlinked?: boolean;
|
|
33
33
|
};
|
|
34
|
+
export type PreviewModalData = {
|
|
35
|
+
id: string;
|
|
36
|
+
title?: string;
|
|
37
|
+
html: string;
|
|
38
|
+
};
|
|
39
|
+
export type HtmlIFrameProps = {
|
|
40
|
+
id: string;
|
|
41
|
+
html: string;
|
|
42
|
+
className?: string;
|
|
43
|
+
maxHeight?: number;
|
|
44
|
+
};
|
|
@@ -43,5 +43,6 @@ export interface ModalProps {
|
|
|
43
43
|
customFooter?: any;
|
|
44
44
|
customHeight?: string;
|
|
45
45
|
headerClassName?: string;
|
|
46
|
+
theme?: 'WHITE' | 'GRAY';
|
|
46
47
|
}
|
|
47
|
-
export declare const PHXModal: ({ show, title, className, primaryActionText, secondaryActionText, dangerActionText, children, primaryLoading, size, dangerLoading, footerBulkAction, downloadLinkRef, downloadText, primarySubmit, dangerSubmit, hiddenSubmit, hrefLink, isCancel, closeButton, isHeaderDownload, noOverlay, headerContent, onHide, onSubmit, onPrimaryClick, onDangerClick, onCancel, onHeaderAction, type, customWidth, inCard, disableCloseButton, leftActionText, disableLeftAction, loadingLeftAction, onLeftActionText, disableSubmit, dowloadIcon, hiddenCloseButton, disableOutsideClick, customFooter, customHeight, headerClassName, }: ModalProps) => React.JSX.Element;
|
|
48
|
+
export declare const PHXModal: ({ show, title, className, primaryActionText, secondaryActionText, dangerActionText, children, primaryLoading, size, dangerLoading, footerBulkAction, downloadLinkRef, downloadText, primarySubmit, dangerSubmit, hiddenSubmit, hrefLink, isCancel, closeButton, isHeaderDownload, noOverlay, headerContent, onHide, onSubmit, onPrimaryClick, onDangerClick, onCancel, onHeaderAction, type, customWidth, inCard, disableCloseButton, leftActionText, disableLeftAction, loadingLeftAction, onLeftActionText, disableSubmit, dowloadIcon, hiddenCloseButton, disableOutsideClick, customFooter, customHeight, headerClassName, theme, }: ModalProps) => React.JSX.Element;
|
|
@@ -8,9 +8,14 @@ var Card_1 = require("../Card");
|
|
|
8
8
|
var types_1 = require("../types");
|
|
9
9
|
var Button_1 = require("../Button");
|
|
10
10
|
var solid_1 = require("@heroicons/react/24/solid");
|
|
11
|
+
var MODAL_THEME;
|
|
12
|
+
(function (MODAL_THEME) {
|
|
13
|
+
MODAL_THEME["WHITE"] = "WHITE";
|
|
14
|
+
MODAL_THEME["GRAY"] = "GRAY";
|
|
15
|
+
})(MODAL_THEME || (MODAL_THEME = {}));
|
|
11
16
|
var PHXModal = function (_a) {
|
|
12
|
-
var show = _a.show, title = _a.title, className = _a.className, _b = _a.primaryActionText, primaryActionText = _b === void 0 ? 'Xác nhận' : _b, _c = _a.secondaryActionText, secondaryActionText = _c === void 0 ? 'Đóng' : _c, dangerActionText = _a.dangerActionText, children = _a.children, primaryLoading = _a.primaryLoading, _d = _a.size, size = _d === void 0 ? 'small' : _d, dangerLoading = _a.dangerLoading, footerBulkAction = _a.footerBulkAction, downloadLinkRef = _a.downloadLinkRef, downloadText = _a.downloadText, primarySubmit = _a.primarySubmit, dangerSubmit = _a.dangerSubmit, hiddenSubmit = _a.hiddenSubmit, hrefLink = _a.hrefLink, _e = _a.isCancel, isCancel = _e === void 0 ? false : _e, closeButton = _a.closeButton, isHeaderDownload = _a.isHeaderDownload, _f = _a.noOverlay, noOverlay = _f === void 0 ? false : _f, headerContent = _a.headerContent, onHide = _a.onHide, onSubmit = _a.onSubmit, onPrimaryClick = _a.onPrimaryClick, onDangerClick = _a.onDangerClick, onCancel = _a.onCancel, onHeaderAction = _a.onHeaderAction, _g = _a.type, type = _g === void 0 ? 'default' : _g, customWidth = _a.customWidth, _h = _a.inCard, inCard = _h === void 0 ? true : _h, _j = _a.disableCloseButton, disableCloseButton = _j === void 0 ? false : _j, leftActionText = _a.leftActionText, _k = _a.disableLeftAction, disableLeftAction = _k === void 0 ? false : _k, _l = _a.loadingLeftAction, loadingLeftAction = _l === void 0 ? false : _l, onLeftActionText = _a.onLeftActionText, _m = _a.disableSubmit, disableSubmit = _m === void 0 ? false : _m, _o = _a.dowloadIcon, dowloadIcon = _o === void 0 ? false : _o, _p = _a.hiddenCloseButton, hiddenCloseButton = _p === void 0 ? false : _p, disableOutsideClick = _a.disableOutsideClick, customFooter = _a.customFooter, customHeight = _a.customHeight, _q = _a.headerClassName, headerClassName = _q === void 0 ? '' : _q;
|
|
13
|
-
var
|
|
17
|
+
var show = _a.show, title = _a.title, className = _a.className, _b = _a.primaryActionText, primaryActionText = _b === void 0 ? 'Xác nhận' : _b, _c = _a.secondaryActionText, secondaryActionText = _c === void 0 ? 'Đóng' : _c, dangerActionText = _a.dangerActionText, children = _a.children, primaryLoading = _a.primaryLoading, _d = _a.size, size = _d === void 0 ? 'small' : _d, dangerLoading = _a.dangerLoading, footerBulkAction = _a.footerBulkAction, downloadLinkRef = _a.downloadLinkRef, downloadText = _a.downloadText, primarySubmit = _a.primarySubmit, dangerSubmit = _a.dangerSubmit, hiddenSubmit = _a.hiddenSubmit, hrefLink = _a.hrefLink, _e = _a.isCancel, isCancel = _e === void 0 ? false : _e, closeButton = _a.closeButton, isHeaderDownload = _a.isHeaderDownload, _f = _a.noOverlay, noOverlay = _f === void 0 ? false : _f, headerContent = _a.headerContent, onHide = _a.onHide, onSubmit = _a.onSubmit, onPrimaryClick = _a.onPrimaryClick, onDangerClick = _a.onDangerClick, onCancel = _a.onCancel, onHeaderAction = _a.onHeaderAction, _g = _a.type, type = _g === void 0 ? 'default' : _g, customWidth = _a.customWidth, _h = _a.inCard, inCard = _h === void 0 ? true : _h, _j = _a.disableCloseButton, disableCloseButton = _j === void 0 ? false : _j, leftActionText = _a.leftActionText, _k = _a.disableLeftAction, disableLeftAction = _k === void 0 ? false : _k, _l = _a.loadingLeftAction, loadingLeftAction = _l === void 0 ? false : _l, onLeftActionText = _a.onLeftActionText, _m = _a.disableSubmit, disableSubmit = _m === void 0 ? false : _m, _o = _a.dowloadIcon, dowloadIcon = _o === void 0 ? false : _o, _p = _a.hiddenCloseButton, hiddenCloseButton = _p === void 0 ? false : _p, disableOutsideClick = _a.disableOutsideClick, customFooter = _a.customFooter, customHeight = _a.customHeight, _q = _a.headerClassName, headerClassName = _q === void 0 ? '' : _q, _r = _a.theme, theme = _r === void 0 ? MODAL_THEME.WHITE : _r;
|
|
18
|
+
var _s = (0, react_1.useState)(false), open = _s[0], setOpen = _s[1];
|
|
14
19
|
var headerText = headerContent ? headerContent : '';
|
|
15
20
|
var sizeModal = (0, types_1.classNames)(size === 'small' && 'sm:max-w-lg', size === 'medium' && 'sm:max-w-xl', size === 'large' && 'sm:max-w-2xl', size === 'large-plus' && 'sm:max-w-2xl lg:max-w-4xl', size === 'extra-large' && 'w-[90vw] max-w-[95vw] sm:max-w-3xl md:max-w-4xl lg:max-w-5xl xl:max-w-7xl');
|
|
16
21
|
(0, react_1.useEffect)(function () {
|
|
@@ -68,16 +73,16 @@ var PHXModal = function (_a) {
|
|
|
68
73
|
react_1.default.createElement("div", { className: "fixed inset-0 z-50 overflow-y-auto ".concat(className || '') },
|
|
69
74
|
react_1.default.createElement("div", { className: 'flex items-center justify-center min-h-full p-4 text-center sm:items-center sm:p-0' },
|
|
70
75
|
react_1.default.createElement(react_2.Transition.Child, { as: react_1.Fragment, enter: 'transform ease-out duration-300 transition', enterFrom: 'translate-y-2 opacity-0 sm:translate-y-0 sm:translate-y-10', enterTo: 'translate-y-0 opacity-100 sm:translate-y-0', leave: 'transition ease-in duration-100', leaveFrom: 'translate-y-0 opacity-100 sm:translate-y-0', leaveTo: 'translate-y-2 opacity-0 sm:translate-y-0 sm:translate-y-10' },
|
|
71
|
-
react_1.default.createElement("div", { className:
|
|
72
|
-
react_1.default.createElement(react_2.Dialog.Panel, { className: '
|
|
76
|
+
react_1.default.createElement("div", { className: (0, types_1.classNames)('flex-1', customWidth ? customWidth : sizeModal) },
|
|
77
|
+
react_1.default.createElement(react_2.Dialog.Panel, { className: (0, types_1.classNames)('shadow-xl relative transform rounded-lg text-left transition-all sm:my-24 sm:w-full', theme === MODAL_THEME.GRAY ? 'bg-[#F1F1F1]' : 'bg-white') }, inCard ? (primarySubmit || dangerSubmit ? (react_1.default.createElement("form", { onSubmit: onSubmit },
|
|
73
78
|
react_1.default.createElement(Card, null))) : (react_1.default.createElement(Card, null))) : (react_1.default.createElement("div", null,
|
|
74
|
-
react_1.default.createElement("div", { className: (0, types_1.classNames)('flex items-center justify-between rounded-t-lg border-b border-gray-200
|
|
79
|
+
react_1.default.createElement("div", { className: (0, types_1.classNames)('flex items-center justify-between rounded-t-lg border-b border-gray-200 p-4 text-sm font-semibold text-gray-900', headerClassName, theme === MODAL_THEME.GRAY ? 'bg-[#F1F1F1]' : 'bg-[#F3F3F3]') },
|
|
75
80
|
react_1.default.createElement("div", { className: 'flex items-center gap-1' },
|
|
76
81
|
isCancel && (react_1.default.createElement("button", { className: 'inline-flex items-center px-2 py-1 text-xs font-bold text-gray-700 bg-transparent rounded-lg hover:bg-gray-200', onClick: onCancel, type: 'button' },
|
|
77
82
|
react_1.default.createElement(solid_1.ArrowLeftIcon, { className: 'w-4 h-4' }))),
|
|
78
83
|
title)),
|
|
79
84
|
react_1.default.createElement("div", { style: { maxHeight: customHeight || '100%' }, className: type === 'default' ? 'p-3 text-xs text-gray-500' : '' }, children),
|
|
80
|
-
react_1.default.createElement("div", { className: 'flex items-center justify-between border-t border-gray-200
|
|
85
|
+
react_1.default.createElement("div", { className: (0, types_1.classNames)('flex items-center justify-between gap-x-3 rounded-b-lg border-t border-gray-200 ', theme === MODAL_THEME.GRAY ? 'bg-[#F1F1F1]' : 'bg-white') }, customFooter ? (customFooter) : (react_1.default.createElement(react_1.default.Fragment, null,
|
|
81
86
|
react_1.default.createElement("div", { className: 'flex items-center p-4 pl-5 rounded-t-lg gap-x-3' },
|
|
82
87
|
downloadLinkRef && hrefLink && downloadText && (react_1.default.createElement("div", { className: 'flex gap-x-0.5' },
|
|
83
88
|
dowloadIcon && (react_1.default.createElement("img", { alt: '', className: 'w-5 h-5', src: 'https://sisv2-cdn.phx-smartschool.com/store/product/5-26-2025/dd47876a-398f-4f00-852b-ce6882925825-download-icon.png' })),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Modal.js","sourceRoot":"","sources":["../../../../src/components/Modal/Modal.tsx"],"names":[],"mappings":";;;;AAAA,qDAA4D;AAC5D,2CAAsD;AACtD,gCAAiC;AACjC,kCAAqC;AACrC,oCAAqC;AACrC,mDAAyD;
|
|
1
|
+
{"version":3,"file":"Modal.js","sourceRoot":"","sources":["../../../../src/components/Modal/Modal.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,8 +1,3 @@
|
|
|
1
|
+
import { HtmlIFrameProps } from '../../../types/notification';
|
|
1
2
|
import React from 'react';
|
|
2
|
-
export
|
|
3
|
-
id: string;
|
|
4
|
-
html: string;
|
|
5
|
-
className?: string;
|
|
6
|
-
maxHeight?: number;
|
|
7
|
-
};
|
|
8
|
-
export declare const HtmlIFrame: ({ className, html, id, maxHeight }: HtmlIFrameProps) => React.JSX.Element;
|
|
3
|
+
export declare const HtmlIFrame: ({ className, html, id }: HtmlIFrameProps) => React.JSX.Element;
|