phx-react 1.3.1530 → 1.3.1532
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/SelectWithAction/SelectWithAction.js +4 -1
- package/dist/cjs/components/SelectWithAction/SelectWithAction.js.map +1 -1
- package/dist/cjs/components/SelectWithAction/remove-vn-tones.d.ts +1 -0
- package/dist/cjs/components/SelectWithAction/remove-vn-tones.js +13 -0
- package/dist/cjs/components/SelectWithAction/remove-vn-tones.js.map +1 -0
- 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/SelectWithAction/SelectWithAction.js +4 -1
- package/dist/esm/components/SelectWithAction/SelectWithAction.js.map +1 -1
- package/dist/esm/components/SelectWithAction/remove-vn-tones.d.ts +1 -0
- package/dist/esm/components/SelectWithAction/remove-vn-tones.js +9 -0
- package/dist/esm/components/SelectWithAction/remove-vn-tones.js.map +1 -0
- 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,35 +1,11 @@
|
|
|
1
|
-
import
|
|
1
|
+
import { useMemo } from 'react';
|
|
2
|
+
import React from 'react';
|
|
2
3
|
export var HtmlIFrame = function (_a) {
|
|
3
|
-
var className = _a.className, html = _a.html, id = _a.id
|
|
4
|
-
var
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
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 ");
|
|
10
|
-
};
|
|
11
|
-
useEffect(function () {
|
|
12
|
-
var onMessage = function (e) {
|
|
13
|
-
var data = e.data;
|
|
14
|
-
if (!data || typeof data !== 'object')
|
|
15
|
-
return;
|
|
16
|
-
if (data.type === 'IFRAME_HEIGHT' && data.id === id) {
|
|
17
|
-
var next = Number(data.height) || 0;
|
|
18
|
-
if (!next)
|
|
19
|
-
return;
|
|
20
|
-
var capped_1 = maxHeight ? Math.min(next, maxHeight) : next;
|
|
21
|
-
setHeight(function (prev) { return (prev === capped_1 ? prev : capped_1); });
|
|
22
|
-
}
|
|
23
|
-
};
|
|
24
|
-
window.addEventListener('message', onMessage);
|
|
25
|
-
return function () { return window.removeEventListener('message', onMessage); };
|
|
26
|
-
}, [id, maxHeight]);
|
|
27
|
-
return (React.createElement("iframe", { ref: iframeRef, className: className, sandbox: 'allow-scripts allow-popups allow-forms', srcDoc: buildSrcDoc(html), style: {
|
|
28
|
-
width: '100%',
|
|
29
|
-
height: "".concat(height, "px"),
|
|
30
|
-
border: 'none',
|
|
31
|
-
display: 'block',
|
|
32
|
-
background: 'transparent',
|
|
33
|
-
}, title: "noti-html-".concat(id) }));
|
|
4
|
+
var className = _a.className, html = _a.html, id = _a.id;
|
|
5
|
+
var srcDoc = useMemo(function () {
|
|
6
|
+
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 ";
|
|
7
|
+
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>");
|
|
8
|
+
}, [html]);
|
|
9
|
+
return (React.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) }));
|
|
34
10
|
};
|
|
35
11
|
//# 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,OAAO,
|
|
1
|
+
{"version":3,"file":"HtmlIFrame.js","sourceRoot":"","sources":["../../../../../../../src/components/MainWrapV4/components/notification/component/HtmlIFrame.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AAE/B,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,MAAM,CAAC,IAAM,UAAU,GAAG,UAAC,EAAwC;QAAtC,SAAS,eAAA,EAAE,IAAI,UAAA,EAAE,EAAE,QAAA;IAC9C,IAAM,MAAM,GAAG,OAAO,CAAC;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,gCACE,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"}
|
|
@@ -1,17 +1,23 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
export var ReadStatusRight = function (_a) {
|
|
3
|
-
var isRead = _a.isRead, label = _a.label;
|
|
3
|
+
var isExpanded = _a.isExpanded, isRead = _a.isRead, label = _a.label;
|
|
4
4
|
var text = label || (isRead ? 'Đã đọc' : 'Chưa đọc');
|
|
5
|
-
return (React.createElement("div", { className: 'flex
|
|
6
|
-
React.createElement("div", {
|
|
7
|
-
|
|
8
|
-
React.createElement("path", { d: '
|
|
9
|
-
|
|
5
|
+
return (React.createElement("div", { className: 'flex items-center gap-2' },
|
|
6
|
+
React.createElement("div", null, isExpanded ? (React.createElement("svg", { fill: 'none', height: '16', viewBox: '0 0 16 16', width: '16', xmlns: 'http://www.w3.org/2000/svg' },
|
|
7
|
+
React.createElement("mask", { fill: 'white', id: 'path-1-inside-1_4909_35651' },
|
|
8
|
+
React.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' })),
|
|
9
|
+
React.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' }),
|
|
10
|
+
React.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.createElement("svg", { fill: 'none', height: '16', viewBox: '0 0 16 16', width: '16', xmlns: 'http://www.w3.org/2000/svg' },
|
|
11
|
+
React.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' })))),
|
|
12
|
+
React.createElement("div", { className: ' flex items-center justify-end gap-1' },
|
|
13
|
+
isRead ? (React.createElement("svg", { fill: 'none', height: '18', viewBox: '0 0 18 18', width: '18', xmlns: 'http://www.w3.org/2000/svg' },
|
|
14
|
+
React.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' }),
|
|
15
|
+
React.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.createElement("svg", { fill: 'none', height: '14', viewBox: '0 0 14 14', width: '14', xmlns: 'http://www.w3.org/2000/svg' },
|
|
10
16
|
React.createElement("g", { clipPath: 'url(#clip0_4446_149436)' },
|
|
11
17
|
React.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' })),
|
|
12
18
|
React.createElement("defs", null,
|
|
13
19
|
React.createElement("clipPath", { id: 'clip0_4446_149436' },
|
|
14
20
|
React.createElement("rect", { fill: 'white', height: '14', width: '14' }))))),
|
|
15
|
-
React.createElement("span", { className: "
|
|
21
|
+
React.createElement("span", { className: " text-xs font-normal ".concat(isRead ? 'text-green-700' : 'text-gray-500') }, text))));
|
|
16
22
|
};
|
|
17
23
|
//# sourceMappingURL=ReadStatusRight.js.map
|
package/dist/esm/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,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,MAAM,CAAC,IAAM,eAAe,GAAG,UAAC,
|
|
1
|
+
{"version":3,"file":"ReadStatusRight.js","sourceRoot":"","sources":["../../../../../../../src/components/MainWrapV4/components/notification/component/ReadStatusRight.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,MAAM,CAAC,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,6BAAK,SAAS,EAAC,yBAAyB;QACtC,iCACG,UAAU,CAAC,CAAC,CAAC,CACZ,6BAAK,IAAI,EAAC,MAAM,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,KAAK,EAAC,IAAI,EAAC,KAAK,EAAC,4BAA4B;YAC5F,8BAAM,IAAI,EAAC,OAAO,EAAC,EAAE,EAAC,4BAA4B;gBAChD,8BAAM,CAAC,EAAC,y+CAAy+C,GAAG,CAC/+C;YACP,8BACE,CAAC,EAAC,y+CAAy+C,EAC3+C,IAAI,EAAC,SAAS,GACd;YACF,8BACE,CAAC,EAAC,kkOAAkkO,EACpkO,IAAI,EAAC,SAAS,EACd,IAAI,EAAC,kCAAkC,GACvC,CACE,CACP,CAAC,CAAC,CAAC,CACF,6BAAK,IAAI,EAAC,MAAM,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,KAAK,EAAC,IAAI,EAAC,KAAK,EAAC,4BAA4B;YAC5F,8BACE,CAAC,EAAC,0pBAA0pB,EAC5pB,MAAM,EAAC,SAAS,EAChB,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,EACtB,WAAW,EAAC,KAAK,GACjB,CACE,CACP,CACG;QACN,6BAAK,SAAS,EAAC,sCAAsC;YAClD,MAAM,CAAC,CAAC,CAAC,CACR,6BAAK,IAAI,EAAC,MAAM,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,KAAK,EAAC,IAAI,EAAC,KAAK,EAAC,4BAA4B;gBAC5F,8BACE,CAAC,EAAC,mXAAmX,EACrX,IAAI,EAAC,SAAS,GACd;gBACF,8BACE,CAAC,EAAC,mZAAmZ,EACrZ,IAAI,EAAC,SAAS,GACd,CACE,CACP,CAAC,CAAC,CAAC,CACF,6BAAK,IAAI,EAAC,MAAM,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,KAAK,EAAC,IAAI,EAAC,KAAK,EAAC,4BAA4B;gBAC5F,2BAAG,QAAQ,EAAC,yBAAyB;oBACnC,8BACE,CAAC,EAAC,6tCAA6tC,EAC/tC,IAAI,EAAC,SAAS,GACd,CACA;gBACJ;oBACE,kCAAU,EAAE,EAAC,mBAAmB;wBAC9B,8BAAM,IAAI,EAAC,OAAO,EAAC,MAAM,EAAC,IAAI,EAAC,KAAK,EAAC,IAAI,GAAG,CACnC,CACN,CACH,CACP;YAED,8BAAM,SAAS,EAAE,+BAAwB,MAAM,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,eAAe,CAAE,IAAG,IAAI,CAAQ,CACjG,CACF,CACP,CAAA;AACH,CAAC,CAAA"}
|
package/dist/esm/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 {};
|
|
@@ -1,8 +1,6 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import { HtmlIFrame } from './HtmlIFrame';
|
|
3
|
-
import { ToggleIcon } from './ToggleIcon';
|
|
4
2
|
export var UnlinkedPreview = function (_a) {
|
|
5
|
-
var fullText = _a.fullText,
|
|
3
|
+
var fullText = _a.fullText, isLong = _a.isLong, shortText = _a.shortText;
|
|
6
4
|
if (!isLong) {
|
|
7
5
|
return React.createElement("span", { className: 'text-xs text-gray-700' }, fullText);
|
|
8
6
|
}
|
|
@@ -12,20 +10,9 @@ export var UnlinkedPreview = function (_a) {
|
|
|
12
10
|
'min-w-0 flex-1',
|
|
13
11
|
'transition-all duration-300 ease-[cubic-bezier(0.22,1,0.36,1)]',
|
|
14
12
|
'will-change-[opacity,filter,transform]',
|
|
15
|
-
isExpanded ? 'translate-y-[1px] opacity-0 blur-[1px]' : 'opacity-100 blur-0',
|
|
16
13
|
].join(' ') },
|
|
17
14
|
React.createElement("span", { className: 'block truncate text-xs text-gray-700' },
|
|
18
15
|
shortText,
|
|
19
|
-
"..."))
|
|
20
|
-
React.createElement("span", { className: 'group shrink-0' },
|
|
21
|
-
React.createElement(ToggleIcon, { expanded: isExpanded }))),
|
|
22
|
-
React.createElement("div", { className: [
|
|
23
|
-
'overflow-hidden',
|
|
24
|
-
'transition-all duration-500 ease-[cubic-bezier(0.22,1,0.36,1)]',
|
|
25
|
-
'will-change-[max-height,opacity,transform]',
|
|
26
|
-
isExpanded ? 'max-h-[720px] translate-y-0 opacity-100' : 'max-h-0 -translate-y-1 opacity-0',
|
|
27
|
-
].join(' ') },
|
|
28
|
-
React.createElement("div", { className: 'pb-2 pt-2' },
|
|
29
|
-
React.createElement(HtmlIFrame, { className: 'block', html: previewHtml, id: id, maxHeight: 500 })))));
|
|
16
|
+
"...")))));
|
|
30
17
|
};
|
|
31
18
|
//# sourceMappingURL=UnlinkedPreview.js.map
|
package/dist/esm/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,OAAO,KAAK,MAAM,OAAO,CAAA;
|
|
1
|
+
{"version":3,"file":"UnlinkedPreview.js","sourceRoot":"","sources":["../../../../../../../src/components/MainWrapV4/components/notification/component/UnlinkedPreview.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAQzB,MAAM,CAAC,IAAM,eAAe,GAAG,UAAC,EAAsC;QAApC,QAAQ,cAAA,EAAE,MAAM,YAAA,EAAE,SAAS,eAAA;IAC3D,IAAI,CAAC,MAAM,EAAE,CAAC;QACZ,OAAO,8BAAM,SAAS,EAAC,uBAAuB,IAAE,QAAQ,CAAQ,CAAA;IAClE,CAAC;IAED,OAAO,CACL,6BAAK,SAAS,EAAC,QAAQ;QACrB,6BAAK,SAAS,EAAC,yCAAyC;YAEtD,6BACE,SAAS,EAAE;oBACT,gBAAgB;oBAChB,gEAAgE;oBAChE,wCAAwC;iBACzC,CAAC,IAAI,CAAC,GAAG,CAAC;gBAEX,8BAAM,SAAS,EAAC,sCAAsC;oBAAE,SAAS;0BAAW,CACxE,CACF,CACF,CACP,CAAA;AACH,CAAC,CAAA"}
|
|
@@ -1,30 +1,31 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { __awaiter, __generator, __spreadArray } from "tslib";
|
|
2
2
|
import { BellIcon } from '@heroicons/react/24/outline';
|
|
3
3
|
import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';
|
|
4
4
|
import { PREVIEW_CHAR_LIMIT, TAB, TAB_NAME } from '../../constant';
|
|
5
5
|
import { htmlToText, truncateByChars } from '../../helper';
|
|
6
|
+
import { HtmlIFrame } from './component/HtmlIFrame';
|
|
6
7
|
import { ReadStatusRight } from './component/ReadStatusRight';
|
|
7
8
|
import { UnlinkedPreview } from './component/UnlinkedPreview';
|
|
8
9
|
import { useIframeClickBlock } from './hook/useIframeClickBlock';
|
|
9
10
|
import { useUnreadPolling } from './hook/useUnreadPolling';
|
|
10
|
-
import {
|
|
11
|
+
import { apiFetch } from '../../../../lib/fetch/apiClient';
|
|
11
12
|
import { PHXModal } from '../../../Modal';
|
|
12
13
|
import { PHXReportButtonTabV2 } from '../../../ReportButtonV2';
|
|
13
14
|
import { PHXSkeleton } from '../../../Skeleton';
|
|
14
15
|
import { PHXResourceList } from '../../../ResourceList';
|
|
15
|
-
import { apiFetch } from '../../../../lib/fetch/apiClient';
|
|
16
16
|
var Notification = function () {
|
|
17
|
-
var LIMIT =
|
|
17
|
+
var LIMIT = 6;
|
|
18
18
|
var _a = useState(false), showModal = _a[0], setShowModal = _a[1];
|
|
19
19
|
var _b = useState([]), listData = _b[0], setListData = _b[1];
|
|
20
20
|
var _c = useState({ all: 0, to_me: 0, system: 0 }), count = _c[0], setCount = _c[1];
|
|
21
21
|
var _d = useState(TAB.ALL), activeTab = _d[0], setActiveTab = _d[1];
|
|
22
22
|
var _e = useState(0), unreadCount = _e[0], setUnreadCount = _e[1];
|
|
23
|
-
var _f = useState(
|
|
24
|
-
var _g = useState(
|
|
25
|
-
var _h = useState(
|
|
26
|
-
var _j = useState(
|
|
27
|
-
var _k = useState(false),
|
|
23
|
+
var _f = useState(false), showPreviewModal = _f[0], setShowPreviewModal = _f[1];
|
|
24
|
+
var _g = useState(null), previewModalData = _g[0], setPreviewModalData = _g[1];
|
|
25
|
+
var _h = useState(1), page = _h[0], setPage = _h[1];
|
|
26
|
+
var _j = useState(true), hasMore = _j[0], setHasMore = _j[1];
|
|
27
|
+
var _k = useState(false), loadingInit = _k[0], setLoadingInit = _k[1];
|
|
28
|
+
var _l = useState(false), loadingMore = _l[0], setLoadingMore = _l[1];
|
|
28
29
|
var lockRef = useRef(false);
|
|
29
30
|
var iframeClickRef = useIframeClickBlock();
|
|
30
31
|
var fetchData = function (tabValue, pageValue, append) { return __awaiter(void 0, void 0, void 0, function () {
|
|
@@ -113,7 +114,6 @@ var Notification = function () {
|
|
|
113
114
|
setPage(1);
|
|
114
115
|
setHasMore(true);
|
|
115
116
|
setListData([]);
|
|
116
|
-
setExpandedIds({});
|
|
117
117
|
fetchData(activeTab, 1, false);
|
|
118
118
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
119
119
|
}, [showModal]);
|
|
@@ -123,7 +123,6 @@ var Notification = function () {
|
|
|
123
123
|
setPage(1);
|
|
124
124
|
setHasMore(true);
|
|
125
125
|
setListData([]);
|
|
126
|
-
setExpandedIds({});
|
|
127
126
|
fetchData(activeTab, 1, false);
|
|
128
127
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
129
128
|
}, [activeTab]);
|
|
@@ -151,51 +150,35 @@ var Notification = function () {
|
|
|
151
150
|
]; }, [count]);
|
|
152
151
|
var list = useMemo(function () {
|
|
153
152
|
return (listData !== null && listData !== void 0 ? listData : []).map(function (item) {
|
|
154
|
-
var _a, _b, _c, _d, _e
|
|
155
|
-
var receiver = ((_a = item === null || item === void 0 ? void 0 : item.tags) === null || _a === void 0 ? void 0 : _a.receiver) || 'Hệ thống';
|
|
156
|
-
var isSystem = receiver.toLowerCase().includes('hệ thống');
|
|
153
|
+
var _a, _b, _c, _d, _e;
|
|
157
154
|
var preview = !item.unlinked
|
|
158
|
-
? ((
|
|
155
|
+
? ((_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'
|
|
159
156
|
: item.content;
|
|
160
157
|
var previewText = item.unlinked ? htmlToText(preview) : preview;
|
|
161
|
-
var isExpanded = !!expandedIds[item.id];
|
|
162
158
|
var fullText = htmlToText(preview) || '';
|
|
163
|
-
var
|
|
159
|
+
var _f = truncateByChars(fullText, PREVIEW_CHAR_LIMIT), isLong = _f.isLong, short = _f.short;
|
|
164
160
|
return {
|
|
165
161
|
id: item.id,
|
|
166
162
|
__toggleable: item.unlinked && isLong,
|
|
167
|
-
|
|
168
|
-
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
React.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.createElement(React.Fragment, null,
|
|
174
|
-
React.createElement("svg", { fill: 'none', height: '14', viewBox: '0 0 14 14', width: '14', xmlns: 'http://www.w3.org/2000/svg' },
|
|
175
|
-
React.createElement("g", { clipPath: 'url(#clip0_4446_149436)' },
|
|
176
|
-
React.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' })),
|
|
177
|
-
React.createElement("defs", null,
|
|
178
|
-
React.createElement("clipPath", { id: 'clip0_4446_149436' },
|
|
179
|
-
React.createElement("rect", { fill: 'white', height: '14', width: '14' })))),
|
|
180
|
-
React.createElement(PHXBadge, { text: (_f = item === null || item === void 0 ? void 0 : item.tags) === null || _f === void 0 ? void 0 : _f.module, type: 'default' })))),
|
|
181
|
-
React.createElement("div", { className: 'px-1' },
|
|
182
|
-
React.createElement(ReadStatusRight, { isRead: !!(item === null || item === void 0 ? void 0 : item.read_at) }))),
|
|
183
|
-
React.createElement("p", { className: 'font-medium' }, item === null || item === void 0 ? void 0 : item.title))),
|
|
163
|
+
__previewHtml: preview !== null && preview !== void 0 ? preview : '',
|
|
164
|
+
__title: (_e = item === null || item === void 0 ? void 0 : item.title) !== null && _e !== void 0 ? _e : 'Thông báo',
|
|
165
|
+
name: (React.createElement("div", { className: 'flex items-center justify-between' },
|
|
166
|
+
React.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),
|
|
167
|
+
React.createElement("div", { className: 'px-1' },
|
|
168
|
+
React.createElement(ReadStatusRight, { isExpanded: !item.unlinked, isRead: !!(item === null || item === void 0 ? void 0 : item.read_at) })))),
|
|
184
169
|
fallback_url: item === null || item === void 0 ? void 0 : item.fallback_url,
|
|
185
|
-
location: (React.createElement("div",
|
|
170
|
+
location: (React.createElement("div", { className: 'flex flex-col gap-1' },
|
|
186
171
|
React.createElement("div", { className: 'flex min-w-[620px] items-center justify-between gap-2' },
|
|
187
|
-
React.createElement("span", { className: 'mt-0.5 text-gray-500' }, item === null || item === void 0 ? void 0 : item.sent_at),
|
|
188
|
-
|
|
189
|
-
React.createElement("svg", { fill: 'none', height: '24', viewBox: '0 0 24 24', width: '24', xmlns: 'http://www.w3.org/2000/svg' },
|
|
190
|
-
React.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' }))))),
|
|
191
|
-
!item.unlinked ? (React.createElement("span", { className: 'block max-w-[70ch] overflow-hidden truncate text-ellipsis whitespace-nowrap text-xs text-gray-500' }, previewText)) : (React.createElement(UnlinkedPreview, { fullText: fullText, id: item.id, isExpanded: isExpanded, isLong: isLong, previewHtml: preview !== null && preview !== void 0 ? preview : '', shortText: short })))),
|
|
172
|
+
React.createElement("span", { className: 'mt-0.5 text-[12px] text-gray-500' }, item === null || item === void 0 ? void 0 : item.sent_at)),
|
|
173
|
+
!item.unlinked ? (React.createElement("span", { className: 'block max-w-[70ch] overflow-hidden truncate text-ellipsis whitespace-nowrap text-xs text-gray-500' }, previewText)) : (React.createElement(UnlinkedPreview, { fullText: fullText, isLong: isLong, shortText: short })))),
|
|
192
174
|
};
|
|
193
175
|
});
|
|
194
|
-
}, [listData
|
|
176
|
+
}, [listData]);
|
|
195
177
|
return (React.createElement(React.Fragment, null,
|
|
196
|
-
React.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
|
|
197
|
-
React.createElement(
|
|
198
|
-
|
|
178
|
+
React.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); } },
|
|
179
|
+
React.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 ' },
|
|
180
|
+
React.createElement(BellIcon, { className: 'h-4 w-4 text-gray-600' }),
|
|
181
|
+
unreadCount > 0 && (React.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)))),
|
|
199
182
|
showModal && (React.createElement(PHXModal, { hiddenSubmit: true, inCard: false, onHide: function () { return setShowModal(false); }, show: showModal, size: 'large', title: 'Trung t\u00E2m th\u00F4ng b\u00E1o' },
|
|
200
183
|
React.createElement("div", null,
|
|
201
184
|
React.createElement(PHXReportButtonTabV2, { activeTab: activeTab, onChange: function (t) { return setActiveTab(t); }, tabs: tab }),
|
|
@@ -204,17 +187,27 @@ var Notification = function () {
|
|
|
204
187
|
list: list, onClickItem: function (row) {
|
|
205
188
|
if ((row === null || row === void 0 ? void 0 : row.id) && iframeClickRef.current[row.id])
|
|
206
189
|
return;
|
|
190
|
+
// mở modal nội dung thay vì expand inline
|
|
207
191
|
if (row === null || row === void 0 ? void 0 : row.__toggleable) {
|
|
208
|
-
|
|
209
|
-
|
|
210
|
-
|
|
192
|
+
// row nên chứa sẵn html + title để mở modal
|
|
193
|
+
setPreviewModalData({
|
|
194
|
+
id: row.id,
|
|
195
|
+
title: row.__title,
|
|
196
|
+
html: row.__previewHtml,
|
|
211
197
|
});
|
|
198
|
+
setShowPreviewModal(true);
|
|
212
199
|
return;
|
|
213
200
|
}
|
|
214
201
|
if (row === null || row === void 0 ? void 0 : row.fallback_url) {
|
|
215
202
|
window.location.href = row.fallback_url;
|
|
216
203
|
}
|
|
217
|
-
}, onScrollBottom: loadMoreData, paging: loadingMore })))))
|
|
204
|
+
}, onScrollBottom: loadMoreData, paging: loadingMore }))))),
|
|
205
|
+
showPreviewModal && previewModalData && (React.createElement(PHXModal, { hiddenSubmit: true, inCard: false, onHide: function () {
|
|
206
|
+
setShowPreviewModal(false);
|
|
207
|
+
setPreviewModalData(null);
|
|
208
|
+
}, show: showPreviewModal, size: 'large-plus', title: previewModalData.title || 'Nội dung thông báo' },
|
|
209
|
+
React.createElement("div", { className: 'px-1' },
|
|
210
|
+
React.createElement(HtmlIFrame, { html: previewModalData.html, id: previewModalData.id }))))));
|
|
218
211
|
};
|
|
219
212
|
export default Notification;
|
|
220
213
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/components/MainWrapV4/components/notification/index.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAA;AACtD,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAChF,OAAO,EAAE,kBAAkB,EAAE,GAAG,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAA;AAClE,OAAO,EAAE,UAAU,EAAE,eAAe,EAAE,MAAM,cAAc,CAAA;
|
|
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
|
+
};
|
|
@@ -13,6 +13,7 @@ import { IconLoading } from '../../commons/IconLoading';
|
|
|
13
13
|
import { PHXText } from '../Text/Text';
|
|
14
14
|
import { PHXBadge } from '../Badge';
|
|
15
15
|
import { PHXHelpText } from './HelpText';
|
|
16
|
+
import { removeVietnameseTones } from './remove-vn-tones';
|
|
16
17
|
var ADD_NEW_VALUE = 'ADD_NEW';
|
|
17
18
|
export function PHXSelectWithAction(_a) {
|
|
18
19
|
var addNew = _a.addNew, _b = _a.className, className = _b === void 0 ? '' : _b, emptySearchState = _a.emptySearchState, emptyState = _a.emptyState, error = _a.error, helpText = _a.helpText, label = _a.label, loading = _a.loading, _c = _a.maxHeight, maxHeight = _c === void 0 ? '300px' : _c, onChange = _a.onChange, options = _a.options, _d = _a.placeholder, placeholder = _d === void 0 ? 'Lựa chọn' : _d, search = _a.search, _e = _a.searchPlaceholder, searchPlaceholder = _e === void 0 ? 'Tìm kiếm' : _e, suffix = _a.suffix, defaultValue = _a.value, disabled = _a.disabled;
|
|
@@ -20,7 +21,9 @@ export function PHXSelectWithAction(_a) {
|
|
|
20
21
|
var _g = useState(false), isOpen = _g[0], setIsOpen = _g[1];
|
|
21
22
|
var _h = useState(false), isLeaving = _h[0], setIsLeaving = _h[1];
|
|
22
23
|
var deferredQuery = PHXUseDebounce(searchQuery, 300);
|
|
23
|
-
var filteredOptions = options.filter(function (option) {
|
|
24
|
+
var filteredOptions = options.filter(function (option) {
|
|
25
|
+
return removeVietnameseTones(option.label).toLowerCase().includes(removeVietnameseTones(deferredQuery).toLowerCase());
|
|
26
|
+
});
|
|
24
27
|
var containerRef = useRef(null);
|
|
25
28
|
var inputRef = useRef(null);
|
|
26
29
|
useEffect(function () {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SelectWithAction.js","sourceRoot":"","sources":["../../../../src/components/SelectWithAction/SelectWithAction.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ,OAAO,KAAK,MAAM,YAAY,CAAA;AAC9B,OAAO,EAAa,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAC9D,OAAO,UAAU,MAAM,oCAAoC,CAAA;AAC3D,OAAO,QAAQ,MAAM,yCAAyC,CAAA;AAC9D,OAAO,UAAU,MAAM,oCAAoC,CAAA;AAC3D,OAAO,eAAe,MAAM,0CAA0C,CAAA;AACtE,OAAO,cAAc,MAAM,qBAAqB,CAAA;AAChD,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AACrC,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAA;AACvD,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAA;AACtC,OAAO,EAAc,QAAQ,EAAE,MAAM,UAAU,CAAA;AAC/C,OAAO,EAAE,WAAW,EAAE,MAAM,YAAY,CAAA;
|
|
1
|
+
{"version":3,"file":"SelectWithAction.js","sourceRoot":"","sources":["../../../../src/components/SelectWithAction/SelectWithAction.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const removeVietnameseTones: (str: string) => string;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"remove-vn-tones.js","sourceRoot":"","sources":["../../../../src/components/SelectWithAction/remove-vn-tones.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,IAAM,qBAAqB,GAAG,UAAC,GAAW;IAC/C,OAAO,GAAG;SACP,SAAS,CAAC,KAAK,CAAC,CAAC,WAAW;SAC5B,OAAO,CAAC,kBAAkB,EAAE,EAAE,CAAC,CAAC,UAAU;SAC1C,OAAO,CAAC,IAAI,EAAE,GAAG,CAAC;SAClB,OAAO,CAAC,IAAI,EAAE,GAAG,CAAC;SAClB,WAAW,EAAE,CAAA;AAClB,CAAC,CAAA"}
|
package/package.json
CHANGED
|
@@ -1,29 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.ToggleIcon = void 0;
|
|
4
|
-
var tslib_1 = require("tslib");
|
|
5
|
-
var outline_1 = require("@heroicons/react/24/outline");
|
|
6
|
-
var react_1 = tslib_1.__importDefault(require("react"));
|
|
7
|
-
var ToggleIcon = function (_a) {
|
|
8
|
-
var expanded = _a.expanded;
|
|
9
|
-
return (react_1.default.createElement("span", { className: [
|
|
10
|
-
'relative inline-flex h-4 w-4 items-center justify-center',
|
|
11
|
-
'transition-transform duration-200 ease-out',
|
|
12
|
-
'group-hover:scale-[1.06]',
|
|
13
|
-
'active:scale-[0.96]',
|
|
14
|
-
].join(' ') },
|
|
15
|
-
react_1.default.createElement(outline_1.PlusCircleIcon, { className: [
|
|
16
|
-
'absolute h-4 w-4 text-gray-800',
|
|
17
|
-
'transition-[opacity,transform,filter] duration-500',
|
|
18
|
-
'ease-[cubic-bezier(0.16,1,0.3,1)]',
|
|
19
|
-
expanded ? 'rotate-[95deg] scale-[0.72] opacity-0 blur-[1px]' : 'rotate-0 scale-100 opacity-100 blur-0',
|
|
20
|
-
].join(' ') }),
|
|
21
|
-
react_1.default.createElement(outline_1.MinusCircleIcon, { className: [
|
|
22
|
-
'absolute h-4 w-4 text-gray-800',
|
|
23
|
-
'transition-[opacity,transform,filter] duration-500',
|
|
24
|
-
'ease-[cubic-bezier(0.16,1,0.3,1)]',
|
|
25
|
-
expanded ? 'rotate-0 scale-100 opacity-100 blur-0' : '-rotate-[95deg] scale-[0.72] opacity-0 blur-[1px]',
|
|
26
|
-
].join(' ') })));
|
|
27
|
-
};
|
|
28
|
-
exports.ToggleIcon = ToggleIcon;
|
|
29
|
-
//# sourceMappingURL=ToggleIcon.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ToggleIcon.js","sourceRoot":"","sources":["../../../../../../../src/components/MainWrapV4/components/notification/component/ToggleIcon.tsx"],"names":[],"mappings":";;;;AAAA,uDAA6E;AAC7E,wDAAyB;AAElB,IAAM,UAAU,GAAG,UAAC,EAAmC;QAAjC,QAAQ,cAAA;IAA8B,OAAA,CACjE,wCACE,SAAS,EAAE;YACT,0DAA0D;YAC1D,4CAA4C;YAC5C,0BAA0B;YAC1B,qBAAqB;SACtB,CAAC,IAAI,CAAC,GAAG,CAAC;QAEX,8BAAC,wBAAc,IACb,SAAS,EAAE;gBACT,gCAAgC;gBAChC,oDAAoD;gBACpD,mCAAmC;gBACnC,QAAQ,CAAC,CAAC,CAAC,kDAAkD,CAAC,CAAC,CAAC,uCAAuC;aACxG,CAAC,IAAI,CAAC,GAAG,CAAC,GACX;QAEF,8BAAC,yBAAe,IACd,SAAS,EAAE;gBACT,gCAAgC;gBAChC,oDAAoD;gBACpD,mCAAmC;gBACnC,QAAQ,CAAC,CAAC,CAAC,uCAAuC,CAAC,CAAC,CAAC,mDAAmD;aACzG,CAAC,IAAI,CAAC,GAAG,CAAC,GACX,CACG,CACR;AA3BkE,CA2BlE,CAAA;AA3BY,QAAA,UAAU,cA2BtB"}
|