phx-react 1.3.1571 → 1.3.1572
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 -2
- package/dist/cjs/components/MainWrapV4/components/notification/component/HtmlIFrame.js +15 -14
- package/dist/cjs/components/MainWrapV4/components/notification/component/HtmlIFrame.js.map +1 -1
- package/dist/cjs/components/MainWrapV4/components/notification/component/NotiDropdown.js +7 -6
- package/dist/cjs/components/MainWrapV4/components/notification/component/NotiDropdown.js.map +1 -1
- package/dist/cjs/components/MainWrapV4/components/notification/component/NotiHeader.js +1 -1
- package/dist/cjs/components/MainWrapV4/components/notification/component/NotiHeader.js.map +1 -1
- package/dist/cjs/components/MainWrapV4/components/notification/component/NotiListPane.d.ts +3 -4
- package/dist/cjs/components/MainWrapV4/components/notification/component/NotiListPane.js +18 -8
- package/dist/cjs/components/MainWrapV4/components/notification/component/NotiListPane.js.map +1 -1
- package/dist/cjs/components/MainWrapV4/components/notification/component/NotiPreviewPane.d.ts +1 -4
- package/dist/cjs/components/MainWrapV4/components/notification/component/NotiPreviewPane.js +3 -39
- package/dist/cjs/components/MainWrapV4/components/notification/component/NotiPreviewPane.js.map +1 -1
- package/dist/cjs/components/MainWrapV4/components/notification/hook/useNotificationData.d.ts +1 -1
- package/dist/cjs/components/MainWrapV4/components/notification/hook/useNotificationData.js +1 -1
- package/dist/cjs/components/MainWrapV4/components/notification/hook/useNotificationData.js.map +1 -1
- package/dist/cjs/components/MainWrapV4/components/notification/index.js +8 -2
- package/dist/cjs/components/MainWrapV4/components/notification/index.js.map +1 -1
- package/dist/cjs/components/MainWrapV4/types/notification.d.ts +0 -1
- package/dist/esm/components/MainWrapV4/components/notification/component/HtmlIFrame.d.ts +2 -2
- package/dist/esm/components/MainWrapV4/components/notification/component/HtmlIFrame.js +11 -10
- package/dist/esm/components/MainWrapV4/components/notification/component/HtmlIFrame.js.map +1 -1
- package/dist/esm/components/MainWrapV4/components/notification/component/NotiDropdown.js +8 -7
- package/dist/esm/components/MainWrapV4/components/notification/component/NotiDropdown.js.map +1 -1
- package/dist/esm/components/MainWrapV4/components/notification/component/NotiHeader.js +1 -1
- package/dist/esm/components/MainWrapV4/components/notification/component/NotiHeader.js.map +1 -1
- package/dist/esm/components/MainWrapV4/components/notification/component/NotiListPane.d.ts +3 -4
- package/dist/esm/components/MainWrapV4/components/notification/component/NotiListPane.js +18 -8
- package/dist/esm/components/MainWrapV4/components/notification/component/NotiListPane.js.map +1 -1
- package/dist/esm/components/MainWrapV4/components/notification/component/NotiPreviewPane.d.ts +1 -4
- package/dist/esm/components/MainWrapV4/components/notification/component/NotiPreviewPane.js +4 -40
- package/dist/esm/components/MainWrapV4/components/notification/component/NotiPreviewPane.js.map +1 -1
- package/dist/esm/components/MainWrapV4/components/notification/hook/useNotificationData.d.ts +1 -1
- package/dist/esm/components/MainWrapV4/components/notification/hook/useNotificationData.js +1 -1
- package/dist/esm/components/MainWrapV4/components/notification/hook/useNotificationData.js.map +1 -1
- package/dist/esm/components/MainWrapV4/components/notification/index.js +8 -2
- package/dist/esm/components/MainWrapV4/components/notification/index.js.map +1 -1
- package/dist/esm/components/MainWrapV4/types/notification.d.ts +0 -1
- package/package.json +1 -1
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
1
|
import { HtmlIFrameProps } from '../../../types/notification';
|
|
3
|
-
|
|
2
|
+
import React from 'react';
|
|
3
|
+
export declare const HtmlIFrame: ({ className, html, id }: HtmlIFrameProps) => React.JSX.Element;
|
|
@@ -2,32 +2,33 @@
|
|
|
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 =
|
|
6
|
-
var react_2 = require("react");
|
|
5
|
+
var react_1 = require("react");
|
|
6
|
+
var react_2 = tslib_1.__importDefault(require("react"));
|
|
7
7
|
var HtmlIFrame = function (_a) {
|
|
8
|
-
var className = _a.className, html = _a.html, id = _a.id
|
|
9
|
-
var _b = (0,
|
|
10
|
-
var srcDoc = (0,
|
|
11
|
-
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
|
|
12
|
-
var script = "\n (function () {\n var
|
|
13
|
-
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>\n ").concat(html !== null && html !== void 0 ? html : '', "\n <script>").concat(script, "</script>\n </body>\n </html>");
|
|
8
|
+
var className = _a.className, html = _a.html, id = _a.id;
|
|
9
|
+
var _b = (0, react_1.useState)(200), contentHeight = _b[0], setContentHeight = _b[1];
|
|
10
|
+
var srcDoc = (0, react_1.useMemo)(function () {
|
|
11
|
+
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: hidden; padding-bottom: 32px; }\n #__root > :last-child { margin-bottom: 0 !important; }\n #__end { height: 1px; }\n a { color: #2563eb; text-decoration: underline; }\n img, video { max-width: 100%; height: auto; display: block; }\n /* reset margin default g\u00E2y h\u1EE5t */\n p, ul, ol, h1, h2, h3, h4, h5, h6 { margin: 0; }\n p + p { margin-top: 10px; }\n ul, ol { padding-left: 18px; }\n li + li { margin-top: 6px; }\n ";
|
|
12
|
+
var script = "\n (function () {\n function getDocHeight() {\n var root = document.getElementById('__root');\n var end = document.getElementById('__end');\n\n // \u01AFu ti\u00EAn \u0111o bottom theo layout th\u1EF1c t\u1EBF\n if (root && end) {\n var r1 = root.getBoundingClientRect();\n var r2 = end.getBoundingClientRect();\n // bottom c\u1EE7a end relative v\u1EDBi top root\n var h = (r2.bottom - r1.top);\n return Math.ceil(h || 0);\n }\n\n // fallback\n var body = document.body;\n var html = document.documentElement;\n var h2 = Math.max(\n body ? body.scrollHeight : 0,\n html ? html.scrollHeight : 0\n );\n return Math.ceil(h2 || 0);\n }\n\n var lastSent = 0;\n\n function measure() {\n var h = getDocHeight();\n var out = h + 2;\n\n if (Math.abs(out - lastSent) < 2) return;\n lastSent = out;\n\n window.parent.postMessage(\n { type: 'IFRAME_HEIGHT', id: '".concat(id, "', height: out },\n '*'\n );\n }\n\n var rafId = null;\n function requestMeasure() {\n if (rafId) cancelAnimationFrame(rafId);\n rafId = requestAnimationFrame(function () {\n rafId = null;\n measure();\n });\n }\n\n window.addEventListener('load', requestMeasure);\n\n try {\n new ResizeObserver(requestMeasure).observe(document.documentElement);\n if (document.body) new ResizeObserver(requestMeasure).observe(document.body);\n } catch (e) {}\n\n function hookImages() {\n var imgs = document.images || [];\n for (var i = 0; i < imgs.length; i++) {\n if (!imgs[i].complete) {\n imgs[i].addEventListener('load', requestMeasure);\n imgs[i].addEventListener('error', requestMeasure);\n }\n }\n }\n\n requestMeasure();\n setTimeout(requestMeasure, 50);\n setTimeout(requestMeasure, 150);\n setTimeout(function () { hookImages(); requestMeasure(); }, 0);\n })();\n ");
|
|
13
|
+
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>\n <div id=\"__root\">\n ").concat(html !== null && html !== void 0 ? html : '', "\n <div id=\"__end\"></div>\n </div>\n <script>").concat(script, "</script>\n </body>\n </html>");
|
|
14
14
|
}, [html, id]);
|
|
15
|
-
(0,
|
|
15
|
+
(0, react_1.useEffect)(function () {
|
|
16
16
|
var handler = function (e) {
|
|
17
17
|
var _a, _b;
|
|
18
18
|
if (((_a = e.data) === null || _a === void 0 ? void 0 : _a.type) !== 'IFRAME_HEIGHT')
|
|
19
19
|
return;
|
|
20
20
|
if (((_b = e.data) === null || _b === void 0 ? void 0 : _b.id) !== id)
|
|
21
21
|
return;
|
|
22
|
-
|
|
23
|
-
|
|
22
|
+
var h = Number(e.data.height) || 0;
|
|
23
|
+
setContentHeight(function (prev) { return (Math.abs(prev - h) < 2 ? prev : h); });
|
|
24
24
|
};
|
|
25
25
|
window.addEventListener('message', handler);
|
|
26
26
|
return function () { return window.removeEventListener('message', handler); };
|
|
27
|
-
}, [id
|
|
28
|
-
|
|
27
|
+
}, [id]);
|
|
28
|
+
var renderH = Math.max(0, contentHeight);
|
|
29
|
+
return (react_2.default.createElement("iframe", { className: className, sandbox: 'allow-scripts allow-popups allow-forms', srcDoc: srcDoc, style: {
|
|
29
30
|
width: '100%',
|
|
30
|
-
height: "".concat(
|
|
31
|
+
height: "".concat(renderH, "px"),
|
|
31
32
|
border: 'none',
|
|
32
33
|
display: 'block',
|
|
33
34
|
}, title: "noti-html-".concat(id) }));
|
|
@@ -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,+BAAoD;AAEpD,wDAAyB;AAElB,IAAM,UAAU,GAAG,UAAC,EAAwC;QAAtC,SAAS,eAAA,EAAE,IAAI,UAAA,EAAE,EAAE,QAAA;IACxC,IAAA,KAAoC,IAAA,gBAAQ,EAAS,GAAG,CAAC,EAAxD,aAAa,QAAA,EAAE,gBAAgB,QAAyB,CAAA;IAE/D,IAAM,MAAM,GAAG,IAAA,eAAO,EAAC;QACrB,IAAM,GAAG,GAAG,8yBAqBX,CAAA;QAED,IAAM,MAAM,GAAG,umCAmCyB,EAAE,umCAoCzC,CAAA;QAED,OAAO,qMAKQ,GAAG,mGAIR,IAAI,aAAJ,IAAI,cAAJ,IAAI,GAAI,EAAE,yFAGJ,MAAM,8CAEZ,CAAA;IACZ,CAAC,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,CAAA;IAEd,IAAA,iBAAS,EAAC;QACR,IAAM,OAAO,GAAG,UAAC,CAAe;;YAC9B,IAAI,CAAA,MAAA,CAAC,CAAC,IAAI,0CAAE,IAAI,MAAK,eAAe;gBAAE,OAAM;YAC5C,IAAI,CAAA,MAAA,CAAC,CAAC,IAAI,0CAAE,EAAE,MAAK,EAAE;gBAAE,OAAM;YAE7B,IAAM,CAAC,GAAG,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,CAAA;YAEpC,gBAAgB,CAAC,UAAC,IAAI,IAAK,OAAA,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,EAAnC,CAAmC,CAAC,CAAA;QACjE,CAAC,CAAA;QAED,MAAM,CAAC,gBAAgB,CAAC,SAAS,EAAE,OAAO,CAAC,CAAA;QAC3C,OAAO,cAAM,OAAA,MAAM,CAAC,mBAAmB,CAAC,SAAS,EAAE,OAAO,CAAC,EAA9C,CAA8C,CAAA;IAC7D,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAA;IAER,IAAM,OAAO,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,aAAa,CAAC,CAAA;IAE1C,OAAO,CACL,0CACE,SAAS,EAAE,SAAS,EACpB,OAAO,EAAC,wCAAwC,EAChD,MAAM,EAAE,MAAM,EACd,KAAK,EAAE;YACL,KAAK,EAAE,MAAM;YACb,MAAM,EAAE,UAAG,OAAO,OAAI;YACtB,MAAM,EAAE,MAAM;YACd,OAAO,EAAE,OAAO;SACjB,EACD,KAAK,EAAE,oBAAa,EAAE,CAAE,GACxB,CACH,CAAA;AACH,CAAC,CAAA;AAnJY,QAAA,UAAU,cAmJtB"}
|
|
@@ -18,7 +18,6 @@ function NotiDropdown(_a) {
|
|
|
18
18
|
var headerH = (0, useMeasuredHeight_1.useMeasuredHeight)(headerRef, 56);
|
|
19
19
|
var tabsH = (0, useMeasuredHeight_1.useMeasuredHeight)(tabsRef, 56);
|
|
20
20
|
var vh = (0, useWindowHeight_1.useWindowHeight)();
|
|
21
|
-
var _b = (0, react_2.useState)(240), previewIframeH = _b[0], setPreviewIframeH = _b[1];
|
|
22
21
|
// menu height: list vs preview
|
|
23
22
|
// menu height: luôn theo LIST (kể cả khi preview)
|
|
24
23
|
var listMenuH = (0, react_2.useMemo)(function () {
|
|
@@ -51,17 +50,19 @@ function NotiDropdown(_a) {
|
|
|
51
50
|
'w-[calc(100vw-60px)] sm:w-[calc(100vw_-_30px)] md:max-w-[calc(100vw_-_200px)] lg:max-w-[calc(100vw_-_260px)] xl:max-w-[calc(100vw_-_280px)]',
|
|
52
51
|
'max-h-[calc(100vh-60px)]',
|
|
53
52
|
'flex flex-col overflow-hidden',
|
|
54
|
-
'rounded-2xl
|
|
53
|
+
'rounded-2xl bg-white ',
|
|
54
|
+
'shadow-[0_4px_16px_0_rgba(0,0,0,0.14),0_4px_38px_0_rgba(0,0,0,0.12),1px_0_0_0_rgba(0,0,0,0.13)_inset,-1px_0_0_0_rgba(0,0,0,0.13)_inset,0_-1px_0_0_rgba(0,0,0,0.17)_inset,0_1px_0_0_rgba(204,204,204,0.5)_inset,0_1px_0_0_rgba(26,26,26,0.07)]',
|
|
55
55
|
'transition-[height] duration-[480ms] ease-[cubic-bezier(0.16,1,0.3,1)]',
|
|
56
56
|
'will-change-[height]',
|
|
57
57
|
'focus:outline-none',
|
|
58
58
|
].join(' '), static: true, style: { height: menuH ? "".concat(menuH, "px") : undefined } },
|
|
59
|
-
react_3.default.createElement(NotiHeader_1.default, { ref: headerRef, isPreview: isPreview,
|
|
59
|
+
react_3.default.createElement(NotiHeader_1.default, { ref: headerRef, isPreview: isPreview, onBack: function () {
|
|
60
60
|
setPreviewModalData(null);
|
|
61
|
-
|
|
62
|
-
} }),
|
|
61
|
+
}, title: previewModalData === null || previewModalData === void 0 ? void 0 : previewModalData.title }),
|
|
63
62
|
react_3.default.createElement("div", { className: 'relative min-h-0 flex-1 overflow-hidden' },
|
|
64
|
-
react_3.default.createElement(NotiListPane_1.default, { animated: animated, headerH: headerH, iframeClickRef: previewDeps.iframeClickRef, isPreview: isPreview, loadMoreRef: previewDeps.loadMoreRef, noti: noti,
|
|
63
|
+
react_3.default.createElement(NotiListPane_1.default, { animated: animated, headerH: headerH, iframeClickRef: previewDeps.iframeClickRef, isPreview: isPreview, loadMoreRef: previewDeps.loadMoreRef, menuH: menuH, noti: noti, onBackToList: function () {
|
|
64
|
+
setPreviewModalData(null);
|
|
65
|
+
}, onOpenPreview: function (data) { return setPreviewModalData(data); }, previewModalData: previewModalData, shouldScrollList: shouldScrollList, tabsH: tabsH, tabsRef: tabsRef })))),
|
|
65
66
|
menuOpen && open && (react_3.default.createElement("div", { "aria-hidden": true, className: 'fixed inset-0 z-40', onClick: function () {
|
|
66
67
|
close();
|
|
67
68
|
onClose();
|
package/dist/cjs/components/MainWrapV4/components/notification/component/NotiDropdown.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NotiDropdown.js","sourceRoot":"","sources":["../../../../../../../src/components/MainWrapV4/components/notification/component/NotiDropdown.tsx"],"names":[],"mappings":";;AA4BA,+
|
|
1
|
+
{"version":3,"file":"NotiDropdown.js","sourceRoot":"","sources":["../../../../../../../src/components/MainWrapV4/components/notification/component/NotiDropdown.tsx"],"names":[],"mappings":"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"}
|
|
@@ -5,7 +5,7 @@ var outline_1 = require("@heroicons/react/24/outline");
|
|
|
5
5
|
var react_1 = tslib_1.__importStar(require("react"));
|
|
6
6
|
var NotiHeader = (0, react_1.forwardRef)(function (_a, ref) {
|
|
7
7
|
var isPreview = _a.isPreview, onBack = _a.onBack, title = _a.title;
|
|
8
|
-
return (react_1.default.createElement("div", { ref: ref, className: 'relative flex shrink-0 items-center px-4
|
|
8
|
+
return (react_1.default.createElement("div", { ref: ref, className: 'relative flex shrink-0 items-center px-4 pb-1.5 pt-3' },
|
|
9
9
|
react_1.default.createElement("button", { "aria-label": 'Back', className: [
|
|
10
10
|
'absolute left-4 inline-flex items-center justify-center rounded-lg p-2',
|
|
11
11
|
'text-gray-600 hover:bg-gray-100',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NotiHeader.js","sourceRoot":"","sources":["../../../../../../../src/components/MainWrapV4/components/notification/component/NotiHeader.tsx"],"names":[],"mappings":";;;AAAA,uDAA2D;AAC3D,qDAAyC;AAQzC,IAAM,UAAU,GAAG,IAAA,kBAAU,EAAwB,UAAC,EAA4B,EAAE,GAAG;QAA/B,SAAS,eAAA,EAAE,MAAM,YAAA,EAAE,KAAK,WAAA;IAAY,OAAA,CAC1F,uCAAK,GAAG,EAAE,GAAG,EAAE,SAAS,EAAC
|
|
1
|
+
{"version":3,"file":"NotiHeader.js","sourceRoot":"","sources":["../../../../../../../src/components/MainWrapV4/components/notification/component/NotiHeader.tsx"],"names":[],"mappings":";;;AAAA,uDAA2D;AAC3D,qDAAyC;AAQzC,IAAM,UAAU,GAAG,IAAA,kBAAU,EAAwB,UAAC,EAA4B,EAAE,GAAG;QAA/B,SAAS,eAAA,EAAE,MAAM,YAAA,EAAE,KAAK,WAAA;IAAY,OAAA,CAC1F,uCAAK,GAAG,EAAE,GAAG,EAAE,SAAS,EAAC,sDAAsD;QAE7E,wDACa,MAAM,EACjB,SAAS,EAAE;gBACT,wEAAwE;gBACxE,iCAAiC;gBACjC,+DAA+D;gBAC/D,SAAS,CAAC,CAAC,CAAC,2BAA2B,CAAC,CAAC,CAAC,8CAA8C;aACzF,CAAC,IAAI,CAAC,GAAG,CAAC,EACX,OAAO,EAAE,MAAM,EACf,IAAI,EAAC,QAAQ;YAEb,8BAAC,uBAAa,IAAC,SAAS,EAAC,SAAS,GAAG,CAC9B;QAGT,uCACE,SAAS,EAAE;gBACT,gDAAgD;gBAChD,+DAA+D;gBAC/D,SAAS,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM;aAC7B,CAAC,IAAI,CAAC,GAAG,CAAC,IAEV,SAAS,CAAC,CAAC,CAAC,KAAK,aAAL,KAAK,cAAL,KAAK,GAAI,WAAW,CAAC,CAAC,CAAC,qBAAqB,CACrD,CACF,CACP;AA5B2F,CA4B3F,CAAC,CAAA;AAEF,UAAU,CAAC,WAAW,GAAG,YAAY,CAAA;AACrC,kBAAe,UAAU,CAAA"}
|
|
@@ -11,10 +11,9 @@ type Props = {
|
|
|
11
11
|
loadMoreRef: React.RefObject<HTMLDivElement | null>;
|
|
12
12
|
onOpenPreview(data: PreviewModalData): void;
|
|
13
13
|
previewModalData: PreviewModalData | null;
|
|
14
|
-
previewIframeH: number;
|
|
15
|
-
onPreviewHeightChange(h: number): void;
|
|
16
14
|
headerH: number;
|
|
17
|
-
|
|
15
|
+
onBackToList(): void;
|
|
16
|
+
menuH: number;
|
|
18
17
|
};
|
|
19
|
-
export default function NotiListPane({ animated, headerH, iframeClickRef, isPreview, loadMoreRef,
|
|
18
|
+
export default function NotiListPane({ animated, headerH, iframeClickRef, isPreview, loadMoreRef, menuH, noti, onBackToList, onOpenPreview, previewModalData, shouldScrollList, tabsH, tabsRef, }: Props): React.JSX.Element;
|
|
20
19
|
export {};
|
|
@@ -5,16 +5,26 @@ var tslib_1 = require("tslib");
|
|
|
5
5
|
var react_1 = tslib_1.__importDefault(require("react"));
|
|
6
6
|
var NotiPreviewPane_1 = tslib_1.__importDefault(require("./NotiPreviewPane"));
|
|
7
7
|
var ReadStatusRight_1 = require("./ReadStatusRight");
|
|
8
|
-
var Skeleton_1 = require("../../../../Skeleton");
|
|
9
8
|
var ReportButtonV2_1 = require("../../../../ReportButtonV2");
|
|
10
9
|
var helper_1 = require("../../../helper");
|
|
11
10
|
var EmptyRecord_1 = require("../../../../EmptyRecord");
|
|
12
11
|
function NotiListPane(_a) {
|
|
13
|
-
var animated = _a.animated, headerH = _a.headerH, iframeClickRef = _a.iframeClickRef, isPreview = _a.isPreview, loadMoreRef = _a.loadMoreRef,
|
|
14
|
-
var renderSkeletons = function () { return (react_1.default.createElement(
|
|
12
|
+
var animated = _a.animated, headerH = _a.headerH, iframeClickRef = _a.iframeClickRef, isPreview = _a.isPreview, loadMoreRef = _a.loadMoreRef, menuH = _a.menuH, noti = _a.noti, onBackToList = _a.onBackToList, onOpenPreview = _a.onOpenPreview, previewModalData = _a.previewModalData, shouldScrollList = _a.shouldScrollList, tabsH = _a.tabsH, tabsRef = _a.tabsRef;
|
|
13
|
+
var renderSkeletons = function () { return (react_1.default.createElement("div", { className: 'flex flex-col gap-2' }, Array.from({ length: 9 }).map(function (_, i) { return (react_1.default.createElement("div", { key: i, className: 'flex animate-pulse space-x-4' },
|
|
14
|
+
react_1.default.createElement("div", { className: 'flex-1 space-y-6 py-1' },
|
|
15
|
+
react_1.default.createElement("div", { className: 'h-2 rounded bg-gray-200' }),
|
|
16
|
+
react_1.default.createElement("div", { className: 'space-y-3' },
|
|
17
|
+
react_1.default.createElement("div", { className: 'grid grid-cols-3 gap-4' },
|
|
18
|
+
react_1.default.createElement("div", { className: 'col-span-2 h-2 rounded bg-gray-200' }),
|
|
19
|
+
react_1.default.createElement("div", { className: 'col-span-1 h-2 rounded bg-gray-200' })),
|
|
20
|
+
react_1.default.createElement("div", { className: 'h-2 rounded bg-gray-200' }))))); }))); };
|
|
15
21
|
return (react_1.default.createElement("div", { className: 'flex h-full min-h-0 w-full flex-col' },
|
|
16
|
-
react_1.default.createElement("div", { ref: tabsRef, className: 'px-3 pt-
|
|
17
|
-
react_1.default.createElement(ReportButtonV2_1.PHXReportButtonTabV2, { activeTab: noti.activeTab, onChange: function (t) {
|
|
22
|
+
react_1.default.createElement("div", { ref: tabsRef, className: 'px-3 pt-0.5' },
|
|
23
|
+
react_1.default.createElement(ReportButtonV2_1.PHXReportButtonTabV2, { activeTab: noti.activeTab, onChange: function (t) {
|
|
24
|
+
if (isPreview)
|
|
25
|
+
onBackToList();
|
|
26
|
+
noti.setActiveTab(t);
|
|
27
|
+
},
|
|
18
28
|
// @ts-ignore
|
|
19
29
|
tabs: noti.tabs })),
|
|
20
30
|
react_1.default.createElement("div", { className: 'relative min-h-0 flex-1 overflow-hidden', style: { height: "calc(100% - ".concat(tabsH, "px)") } },
|
|
@@ -59,11 +69,11 @@ function NotiListPane(_a) {
|
|
|
59
69
|
html: (_c = (_b = item === null || item === void 0 ? void 0 : item.content) !== null && _b !== void 0 ? _b : preview) !== null && _c !== void 0 ? _c : '',
|
|
60
70
|
});
|
|
61
71
|
};
|
|
62
|
-
return (react_1.default.createElement("li", { key: item.id, className: "group ".concat(idx === 0 ? 'pt-1' : 'pt-5') },
|
|
72
|
+
return (react_1.default.createElement("li", { key: item.id, className: "group ".concat(idx === 0 ? 'pt-1' : ' pt-1.5') },
|
|
63
73
|
react_1.default.createElement("button", { className: 'w-full p-2 text-left hover:bg-gray-50', onClick: handleClick, type: 'button' },
|
|
64
74
|
react_1.default.createElement("div", { className: 'flex justify-between gap-3 sm:gap-4 md:gap-8 lg:gap-16 xl:gap-40' },
|
|
65
75
|
react_1.default.createElement("div", { className: 'min-w-0' },
|
|
66
|
-
react_1.default.createElement("div", { className: 'truncate text-
|
|
76
|
+
react_1.default.createElement("div", { className: 'truncate text-xs font-semibold text-gray-800' }, (_e = item === null || item === void 0 ? void 0 : item.title) !== null && _e !== void 0 ? _e : 'Thông báo'),
|
|
67
77
|
react_1.default.createElement("div", { className: 'mt-1 text-xs text-gray-500' }, item === null || item === void 0 ? void 0 : item.sent_at),
|
|
68
78
|
react_1.default.createElement("div", { className: 'mt-1 truncate text-xs text-gray-500' }, previewText)),
|
|
69
79
|
react_1.default.createElement("div", { className: 'flex items-center' },
|
|
@@ -78,6 +88,6 @@ function NotiListPane(_a) {
|
|
|
78
88
|
'will-change-[opacity,transform]',
|
|
79
89
|
isPreview ? 'scale-100 opacity-100' : 'pointer-events-none scale-[0.995] opacity-0',
|
|
80
90
|
].join(' ') },
|
|
81
|
-
react_1.default.createElement(NotiPreviewPane_1.default, { data: previewModalData, headerH: headerH,
|
|
91
|
+
react_1.default.createElement(NotiPreviewPane_1.default, { data: previewModalData, headerH: headerH, maxMenuH: menuH, tabsH: tabsH })))));
|
|
82
92
|
}
|
|
83
93
|
//# sourceMappingURL=NotiListPane.js.map
|
package/dist/cjs/components/MainWrapV4/components/notification/component/NotiListPane.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NotiListPane.js","sourceRoot":"","sources":["../../../../../../../src/components/MainWrapV4/components/notification/component/NotiListPane.tsx"],"names":[],"mappings":";;
|
|
1
|
+
{"version":3,"file":"NotiListPane.js","sourceRoot":"","sources":["../../../../../../../src/components/MainWrapV4/components/notification/component/NotiListPane.tsx"],"names":[],"mappings":"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"}
|
package/dist/cjs/components/MainWrapV4/components/notification/component/NotiPreviewPane.d.ts
CHANGED
|
@@ -1,13 +1,10 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { PreviewModalData } from '../../../types/notification';
|
|
3
3
|
type Props = {
|
|
4
|
-
isPreview: boolean;
|
|
5
4
|
data: PreviewModalData | null;
|
|
6
|
-
iframeH: number;
|
|
7
|
-
onHeightChange(h: number): void;
|
|
8
5
|
headerH: number;
|
|
9
6
|
tabsH: number;
|
|
10
7
|
maxMenuH: number;
|
|
11
8
|
};
|
|
12
|
-
export default function NotiPreviewPane({ data, headerH,
|
|
9
|
+
export default function NotiPreviewPane({ data, headerH, maxMenuH, tabsH }: Props): React.JSX.Element;
|
|
13
10
|
export {};
|
|
@@ -6,53 +6,17 @@ var react_1 = tslib_1.__importStar(require("react"));
|
|
|
6
6
|
var HtmlIFrame_1 = require("./HtmlIFrame");
|
|
7
7
|
function NotiPreviewPane(_a) {
|
|
8
8
|
var _b, _c;
|
|
9
|
-
var data = _a.data, headerH = _a.headerH,
|
|
9
|
+
var data = _a.data, headerH = _a.headerH, maxMenuH = _a.maxMenuH, tabsH = _a.tabsH;
|
|
10
10
|
var wrapRef = (0, react_1.useRef)(null);
|
|
11
11
|
var cardRef = (0, react_1.useRef)(null);
|
|
12
12
|
var availableH = (0, react_1.useMemo)(function () { return Math.max(0, maxMenuH - headerH - tabsH); }, [maxMenuH, headerH, tabsH]);
|
|
13
|
-
// overhead thực tế (padding, border...) ngoài iframe
|
|
14
|
-
var _d = (0, react_1.useState)(48), overhead = _d[0], setOverhead = _d[1]; // fallback an toàn
|
|
15
|
-
(0, react_1.useLayoutEffect)(function () {
|
|
16
|
-
if (!isPreview)
|
|
17
|
-
return;
|
|
18
|
-
var measure = function () {
|
|
19
|
-
var wrap = wrapRef.current;
|
|
20
|
-
if (!wrap)
|
|
21
|
-
return;
|
|
22
|
-
var wrapH = wrap.clientHeight; // = availableH (trừ scrollbar, ...)
|
|
23
|
-
// phần ngoài iframe: (wrap padding + card padding + gap...)
|
|
24
|
-
// cách ổn định: overhead = wrapH - iframeH (nhưng clamp >=0)
|
|
25
|
-
// nếu card chưa render thì vẫn đo theo wrap
|
|
26
|
-
var next = Math.max(0, wrapH - iframeH);
|
|
27
|
-
// clamp để tránh flicker do timing iframe update
|
|
28
|
-
setOverhead(function (prev) {
|
|
29
|
-
// chỉ update khi lệch đáng kể
|
|
30
|
-
if (Math.abs(prev - next) < 4)
|
|
31
|
-
return prev;
|
|
32
|
-
return next;
|
|
33
|
-
});
|
|
34
|
-
};
|
|
35
|
-
measure();
|
|
36
|
-
var ro = new ResizeObserver(measure);
|
|
37
|
-
if (wrapRef.current)
|
|
38
|
-
ro.observe(wrapRef.current);
|
|
39
|
-
if (cardRef.current)
|
|
40
|
-
ro.observe(cardRef.current);
|
|
41
|
-
return function () { return ro.disconnect(); };
|
|
42
|
-
}, [isPreview, iframeH, availableH]);
|
|
43
|
-
var shouldScrollPreview = (0, react_1.useMemo)(function () {
|
|
44
|
-
if (!isPreview)
|
|
45
|
-
return false;
|
|
46
|
-
// iframeH + overhead >= availableH => cần scroll
|
|
47
|
-
return iframeH + overhead >= availableH - 2;
|
|
48
|
-
}, [isPreview, iframeH, overhead, availableH]);
|
|
49
13
|
return (react_1.default.createElement("div", { className: 'h-full min-h-0' },
|
|
50
14
|
react_1.default.createElement("div", { ref: wrapRef, className: [
|
|
51
15
|
'h-full min-h-0 px-3 pb-6',
|
|
52
|
-
|
|
16
|
+
'overflow-y-auto',
|
|
53
17
|
'overflow-x-hidden',
|
|
54
18
|
'[scrollbar-gutter:stable]',
|
|
55
19
|
].join(' '), style: { height: "".concat(availableH, "px") } }, data ? (react_1.default.createElement("div", { ref: cardRef, className: 'bg-white p-3' },
|
|
56
|
-
react_1.default.createElement(HtmlIFrame_1.HtmlIFrame, { className: 'w-full', html: (_b = data.html) !== null && _b !== void 0 ? _b : '', id: (_c = data.id) !== null && _c !== void 0 ? _c : 'preview'
|
|
20
|
+
react_1.default.createElement(HtmlIFrame_1.HtmlIFrame, { className: 'w-full', html: (_b = data.html) !== null && _b !== void 0 ? _b : '', id: (_c = data.id) !== null && _c !== void 0 ? _c : 'preview' }))) : (react_1.default.createElement("div", { className: 'flex h-full items-center justify-center text-sm text-gray-500' })))));
|
|
57
21
|
}
|
|
58
22
|
//# sourceMappingURL=NotiPreviewPane.js.map
|
package/dist/cjs/components/MainWrapV4/components/notification/component/NotiPreviewPane.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NotiPreviewPane.js","sourceRoot":"","sources":["../../../../../../../src/components/MainWrapV4/components/notification/component/NotiPreviewPane.tsx"],"names":[],"mappings":";;
|
|
1
|
+
{"version":3,"file":"NotiPreviewPane.js","sourceRoot":"","sources":["../../../../../../../src/components/MainWrapV4/components/notification/component/NotiPreviewPane.tsx"],"names":[],"mappings":";;AAeA,kCA4BC;;AA3CD,qDAA8C;AAC9C,2CAAyC;AAczC,SAAwB,eAAe,CAAC,EAAyC;;QAAvC,IAAI,UAAA,EAAE,OAAO,aAAA,EAAE,QAAQ,cAAA,EAAE,KAAK,WAAA;IACtE,IAAM,OAAO,GAAG,IAAA,cAAM,EAAwB,IAAI,CAAC,CAAA;IACnD,IAAM,OAAO,GAAG,IAAA,cAAM,EAAwB,IAAI,CAAC,CAAA;IAEnD,IAAM,UAAU,GAAG,IAAA,eAAO,EAAC,cAAM,OAAA,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,QAAQ,GAAG,OAAO,GAAG,KAAK,CAAC,EAAvC,CAAuC,EAAE,CAAC,QAAQ,EAAE,OAAO,EAAE,KAAK,CAAC,CAAC,CAAA;IAErG,OAAO,CACL,uCAAK,SAAS,EAAC,gBAAgB;QAC7B,uCACE,GAAG,EAAE,OAAO,EACZ,SAAS,EAAE;gBACT,0BAA0B;gBAC1B,iBAAiB;gBACjB,mBAAmB;gBACnB,2BAA2B;aAC5B,CAAC,IAAI,CAAC,GAAG,CAAC,EACX,KAAK,EAAE,EAAE,MAAM,EAAE,UAAG,UAAU,OAAI,EAAE,IAEnC,IAAI,CAAC,CAAC,CAAC,CACN,uCAAK,GAAG,EAAE,OAAO,EAAE,SAAS,EAAC,cAAc;YACzC,8BAAC,uBAAU,IAAC,SAAS,EAAC,QAAQ,EAAC,IAAI,EAAE,MAAA,IAAI,CAAC,IAAI,mCAAI,EAAE,EAAE,EAAE,EAAE,MAAA,IAAI,CAAC,EAAE,mCAAI,SAAS,GAAI,CAC9E,CACP,CAAC,CAAC,CAAC,CACF,uCAAK,SAAS,EAAC,+DAA+D,GAAG,CAClF,CACG,CACF,CACP,CAAA;AACH,CAAC"}
|
|
@@ -3,8 +3,8 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
3
3
|
exports.useNotificationData = useNotificationData;
|
|
4
4
|
var tslib_1 = require("tslib");
|
|
5
5
|
var react_1 = require("react");
|
|
6
|
-
var react_2 = tslib_1.__importDefault(require("react"));
|
|
7
6
|
var constant_1 = require("../../../constant");
|
|
7
|
+
var react_2 = tslib_1.__importDefault(require("react"));
|
|
8
8
|
var apiClient_1 = require("../../../../../lib/fetch/apiClient");
|
|
9
9
|
function useNotificationData(_a) {
|
|
10
10
|
var _this = this;
|
package/dist/cjs/components/MainWrapV4/components/notification/hook/useNotificationData.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useNotificationData.js","sourceRoot":"","sources":["../../../../../../../src/components/MainWrapV4/components/notification/hook/useNotificationData.tsx"],"names":[],"mappings":";;AAQA,kDAgJC;;AAxJD,+BAA8D;
|
|
1
|
+
{"version":3,"file":"useNotificationData.js","sourceRoot":"","sources":["../../../../../../../src/components/MainWrapV4/components/notification/hook/useNotificationData.tsx"],"names":[],"mappings":"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"}
|
|
@@ -42,8 +42,14 @@ var Notification = function (_a) {
|
|
|
42
42
|
animated.cleanup();
|
|
43
43
|
};
|
|
44
44
|
return (react_1.default.createElement(NotiDropdown_1.default, { animated: animated, noti: noti, onClose: onCloseAll, onOpen: function () {
|
|
45
|
-
|
|
46
|
-
|
|
45
|
+
setShowModal(function (prev) {
|
|
46
|
+
// đang mở rồi thì đừng resetList (không là mất data + không fetch lại)
|
|
47
|
+
if (prev)
|
|
48
|
+
return prev;
|
|
49
|
+
noti.resetList();
|
|
50
|
+
setPreviewModalData(null); // optional: đảm bảo về list mode khi mở lại
|
|
51
|
+
return true;
|
|
52
|
+
});
|
|
47
53
|
}, open: showModal, previewDeps: {
|
|
48
54
|
iframeClickRef: iframeClickRef,
|
|
49
55
|
loadMoreRef: loadMoreRef,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/components/MainWrapV4/components/notification/index.tsx"],"names":[],"mappings":";;;AAAA,qDAAgE;AAChE,2CAAoC;AAEpC,kFAAmD;AACnD,sEAAoE;AACpE,kEAAgE;AAChE,4EAA0E;AAC1E,kEAAgE;AAEhE,IAAM,KAAK,GAAG,EAAE,CAAA;AAEhB,IAAM,YAAY,GAAG,UAAC,EAAwC;QAAtC,WAAW,iBAAA;IAC3B,IAAA,KAA4B,IAAA,gBAAQ,EAAC,KAAK,CAAC,EAA1C,SAAS,QAAA,EAAE,YAAY,QAAmB,CAAA;IAE3C,IAAA,KAA0C,IAAA,gBAAQ,EAA0B,IAAI,CAAC,EAAhF,gBAAgB,QAAA,EAAE,mBAAmB,QAA2C,CAAA;IAEvF,IAAM,SAAS,GAAG,CAAC,CAAC,gBAAgB,CAAA;IAEpC,IAAM,WAAW,GAAG,IAAA,cAAM,EAAwB,IAAI,CAAC,CAAA;IACvD,IAAM,cAAc,GAAG,IAAA,yCAAmB,GAAE,CAAA;IAE5C,IAAM,IAAI,GAAG,IAAA,yCAAmB,EAAC,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,CAAA;IAElD,IAAM,QAAQ,GAAG,IAAA,6CAAqB,GAAE,CAAA;IAExC,yCAAyC;IACzC,IAAA,uBAAe,EAAC;QACd,IAAI,CAAC,SAAS;YAAE,OAAM;QAEtB,IAAI,CAAC,SAAS,EAAE,CAAA;QAChB,QAAQ,CAAC,gBAAgB,EAAE,CAAA;QAE3B,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,OAAO,CAAC,cAAM,OAAA,QAAQ,CAAC,mBAAmB,EAAE,EAA9B,CAA8B,CAAC,CAAA;QACjF,uDAAuD;IACzD,CAAC,EAAE,CAAC,SAAS,EAAE,IAAI,CAAC,SAAS,CAAC,CAAC,CAAA;IAE/B,oCAAoC;IACpC,IAAA,mDAAwB,EAAC;QACvB,OAAO,EAAE,SAAS,IAAI,CAAC,SAAS;QAChC,MAAM,EAAE,WAAW;QACnB,YAAY,EAAE,mBAAmB;QACjC,OAAO,EAAE,CAAC,IAAI,CAAC,WAAW,IAAI,CAAC,IAAI,CAAC,WAAW,IAAI,IAAI,CAAC,OAAO;QAC/D,WAAW,EAAE,IAAI,CAAC,QAAQ;KAC3B,CAAC,CAAA;IAEF,IAAM,UAAU,GAAG;QACjB,YAAY,CAAC,KAAK,CAAC,CAAA;QACnB,mBAAmB,CAAC,IAAI,CAAC,CAAA;QACzB,IAAI,CAAC,YAAY,CAAC,cAAG,CAAC,GAAG,CAAC,CAAA;QAC1B,QAAQ,CAAC,OAAO,EAAE,CAAA;IACpB,CAAC,CAAA;IAED,OAAO,CACL,8BAAC,sBAAY,IACX,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,UAAU,EACnB,MAAM,EAAE;YACN,IAAI,CAAC,SAAS,EAAE,CAAA;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/components/MainWrapV4/components/notification/index.tsx"],"names":[],"mappings":";;;AAAA,qDAAgE;AAChE,2CAAoC;AAEpC,kFAAmD;AACnD,sEAAoE;AACpE,kEAAgE;AAChE,4EAA0E;AAC1E,kEAAgE;AAEhE,IAAM,KAAK,GAAG,EAAE,CAAA;AAEhB,IAAM,YAAY,GAAG,UAAC,EAAwC;QAAtC,WAAW,iBAAA;IAC3B,IAAA,KAA4B,IAAA,gBAAQ,EAAC,KAAK,CAAC,EAA1C,SAAS,QAAA,EAAE,YAAY,QAAmB,CAAA;IAE3C,IAAA,KAA0C,IAAA,gBAAQ,EAA0B,IAAI,CAAC,EAAhF,gBAAgB,QAAA,EAAE,mBAAmB,QAA2C,CAAA;IAEvF,IAAM,SAAS,GAAG,CAAC,CAAC,gBAAgB,CAAA;IAEpC,IAAM,WAAW,GAAG,IAAA,cAAM,EAAwB,IAAI,CAAC,CAAA;IACvD,IAAM,cAAc,GAAG,IAAA,yCAAmB,GAAE,CAAA;IAE5C,IAAM,IAAI,GAAG,IAAA,yCAAmB,EAAC,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,CAAA;IAElD,IAAM,QAAQ,GAAG,IAAA,6CAAqB,GAAE,CAAA;IAExC,yCAAyC;IACzC,IAAA,uBAAe,EAAC;QACd,IAAI,CAAC,SAAS;YAAE,OAAM;QAEtB,IAAI,CAAC,SAAS,EAAE,CAAA;QAChB,QAAQ,CAAC,gBAAgB,EAAE,CAAA;QAE3B,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,OAAO,CAAC,cAAM,OAAA,QAAQ,CAAC,mBAAmB,EAAE,EAA9B,CAA8B,CAAC,CAAA;QACjF,uDAAuD;IACzD,CAAC,EAAE,CAAC,SAAS,EAAE,IAAI,CAAC,SAAS,CAAC,CAAC,CAAA;IAE/B,oCAAoC;IACpC,IAAA,mDAAwB,EAAC;QACvB,OAAO,EAAE,SAAS,IAAI,CAAC,SAAS;QAChC,MAAM,EAAE,WAAW;QACnB,YAAY,EAAE,mBAAmB;QACjC,OAAO,EAAE,CAAC,IAAI,CAAC,WAAW,IAAI,CAAC,IAAI,CAAC,WAAW,IAAI,IAAI,CAAC,OAAO;QAC/D,WAAW,EAAE,IAAI,CAAC,QAAQ;KAC3B,CAAC,CAAA;IAEF,IAAM,UAAU,GAAG;QACjB,YAAY,CAAC,KAAK,CAAC,CAAA;QACnB,mBAAmB,CAAC,IAAI,CAAC,CAAA;QACzB,IAAI,CAAC,YAAY,CAAC,cAAG,CAAC,GAAG,CAAC,CAAA;QAC1B,QAAQ,CAAC,OAAO,EAAE,CAAA;IACpB,CAAC,CAAA;IAED,OAAO,CACL,8BAAC,sBAAY,IACX,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,UAAU,EACnB,MAAM,EAAE;YACN,YAAY,CAAC,UAAC,IAAI;gBAChB,uEAAuE;gBACvE,IAAI,IAAI;oBAAE,OAAO,IAAI,CAAA;gBAErB,IAAI,CAAC,SAAS,EAAE,CAAA;gBAChB,mBAAmB,CAAC,IAAI,CAAC,CAAA,CAAC,4CAA4C;gBACtE,OAAO,IAAI,CAAA;YACb,CAAC,CAAC,CAAA;QACJ,CAAC,EACD,IAAI,EAAE,SAAS,EACf,WAAW,EAAE;YACX,cAAc,gBAAA;YACd,WAAW,aAAA;SACZ,EACD,gBAAgB,EAAE,gBAAgB,EAClC,mBAAmB,EAAE,mBAAmB,EACxC,WAAW,EAAE,WAAW,GACxB,CACH,CAAA;AACH,CAAC,CAAA;AAED,kBAAe,YAAY,CAAA"}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
1
|
import { HtmlIFrameProps } from '../../../types/notification';
|
|
3
|
-
|
|
2
|
+
import React from 'react';
|
|
3
|
+
export declare const HtmlIFrame: ({ className, html, id }: HtmlIFrameProps) => React.JSX.Element;
|
|
@@ -1,12 +1,12 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
1
|
import { useEffect, useMemo, useState } from 'react';
|
|
2
|
+
import React from 'react';
|
|
3
3
|
export var HtmlIFrame = function (_a) {
|
|
4
|
-
var className = _a.className, html = _a.html, id = _a.id
|
|
5
|
-
var _b = useState(200),
|
|
4
|
+
var className = _a.className, html = _a.html, id = _a.id;
|
|
5
|
+
var _b = useState(200), contentHeight = _b[0], setContentHeight = _b[1];
|
|
6
6
|
var srcDoc = useMemo(function () {
|
|
7
|
-
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
|
|
8
|
-
var script = "\n (function () {\n var
|
|
9
|
-
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>\n ").concat(html !== null && html !== void 0 ? html : '', "\n <script>").concat(script, "</script>\n </body>\n </html>");
|
|
7
|
+
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: hidden; padding-bottom: 32px; }\n #__root > :last-child { margin-bottom: 0 !important; }\n #__end { height: 1px; }\n a { color: #2563eb; text-decoration: underline; }\n img, video { max-width: 100%; height: auto; display: block; }\n /* reset margin default g\u00E2y h\u1EE5t */\n p, ul, ol, h1, h2, h3, h4, h5, h6 { margin: 0; }\n p + p { margin-top: 10px; }\n ul, ol { padding-left: 18px; }\n li + li { margin-top: 6px; }\n ";
|
|
8
|
+
var script = "\n (function () {\n function getDocHeight() {\n var root = document.getElementById('__root');\n var end = document.getElementById('__end');\n\n // \u01AFu ti\u00EAn \u0111o bottom theo layout th\u1EF1c t\u1EBF\n if (root && end) {\n var r1 = root.getBoundingClientRect();\n var r2 = end.getBoundingClientRect();\n // bottom c\u1EE7a end relative v\u1EDBi top root\n var h = (r2.bottom - r1.top);\n return Math.ceil(h || 0);\n }\n\n // fallback\n var body = document.body;\n var html = document.documentElement;\n var h2 = Math.max(\n body ? body.scrollHeight : 0,\n html ? html.scrollHeight : 0\n );\n return Math.ceil(h2 || 0);\n }\n\n var lastSent = 0;\n\n function measure() {\n var h = getDocHeight();\n var out = h + 2;\n\n if (Math.abs(out - lastSent) < 2) return;\n lastSent = out;\n\n window.parent.postMessage(\n { type: 'IFRAME_HEIGHT', id: '".concat(id, "', height: out },\n '*'\n );\n }\n\n var rafId = null;\n function requestMeasure() {\n if (rafId) cancelAnimationFrame(rafId);\n rafId = requestAnimationFrame(function () {\n rafId = null;\n measure();\n });\n }\n\n window.addEventListener('load', requestMeasure);\n\n try {\n new ResizeObserver(requestMeasure).observe(document.documentElement);\n if (document.body) new ResizeObserver(requestMeasure).observe(document.body);\n } catch (e) {}\n\n function hookImages() {\n var imgs = document.images || [];\n for (var i = 0; i < imgs.length; i++) {\n if (!imgs[i].complete) {\n imgs[i].addEventListener('load', requestMeasure);\n imgs[i].addEventListener('error', requestMeasure);\n }\n }\n }\n\n requestMeasure();\n setTimeout(requestMeasure, 50);\n setTimeout(requestMeasure, 150);\n setTimeout(function () { hookImages(); requestMeasure(); }, 0);\n })();\n ");
|
|
9
|
+
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>\n <div id=\"__root\">\n ").concat(html !== null && html !== void 0 ? html : '', "\n <div id=\"__end\"></div>\n </div>\n <script>").concat(script, "</script>\n </body>\n </html>");
|
|
10
10
|
}, [html, id]);
|
|
11
11
|
useEffect(function () {
|
|
12
12
|
var handler = function (e) {
|
|
@@ -15,15 +15,16 @@ export var HtmlIFrame = function (_a) {
|
|
|
15
15
|
return;
|
|
16
16
|
if (((_b = e.data) === null || _b === void 0 ? void 0 : _b.id) !== id)
|
|
17
17
|
return;
|
|
18
|
-
|
|
19
|
-
|
|
18
|
+
var h = Number(e.data.height) || 0;
|
|
19
|
+
setContentHeight(function (prev) { return (Math.abs(prev - h) < 2 ? prev : h); });
|
|
20
20
|
};
|
|
21
21
|
window.addEventListener('message', handler);
|
|
22
22
|
return function () { return window.removeEventListener('message', handler); };
|
|
23
|
-
}, [id
|
|
23
|
+
}, [id]);
|
|
24
|
+
var renderH = Math.max(0, contentHeight);
|
|
24
25
|
return (React.createElement("iframe", { className: className, sandbox: 'allow-scripts allow-popups allow-forms', srcDoc: srcDoc, style: {
|
|
25
26
|
width: '100%',
|
|
26
|
-
height: "".concat(
|
|
27
|
+
height: "".concat(renderH, "px"),
|
|
27
28
|
border: 'none',
|
|
28
29
|
display: 'block',
|
|
29
30
|
}, title: "noti-html-".concat(id) }));
|
|
@@ -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,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAEpD,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,MAAM,CAAC,IAAM,UAAU,GAAG,UAAC,EAAwC;QAAtC,SAAS,eAAA,EAAE,IAAI,UAAA,EAAE,EAAE,QAAA;IACxC,IAAA,KAAoC,QAAQ,CAAS,GAAG,CAAC,EAAxD,aAAa,QAAA,EAAE,gBAAgB,QAAyB,CAAA;IAE/D,IAAM,MAAM,GAAG,OAAO,CAAC;QACrB,IAAM,GAAG,GAAG,8yBAqBX,CAAA;QAED,IAAM,MAAM,GAAG,umCAmCyB,EAAE,umCAoCzC,CAAA;QAED,OAAO,qMAKQ,GAAG,mGAIR,IAAI,aAAJ,IAAI,cAAJ,IAAI,GAAI,EAAE,yFAGJ,MAAM,8CAEZ,CAAA;IACZ,CAAC,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,CAAA;IAEd,SAAS,CAAC;QACR,IAAM,OAAO,GAAG,UAAC,CAAe;;YAC9B,IAAI,CAAA,MAAA,CAAC,CAAC,IAAI,0CAAE,IAAI,MAAK,eAAe;gBAAE,OAAM;YAC5C,IAAI,CAAA,MAAA,CAAC,CAAC,IAAI,0CAAE,EAAE,MAAK,EAAE;gBAAE,OAAM;YAE7B,IAAM,CAAC,GAAG,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,CAAA;YAEpC,gBAAgB,CAAC,UAAC,IAAI,IAAK,OAAA,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,EAAnC,CAAmC,CAAC,CAAA;QACjE,CAAC,CAAA;QAED,MAAM,CAAC,gBAAgB,CAAC,SAAS,EAAE,OAAO,CAAC,CAAA;QAC3C,OAAO,cAAM,OAAA,MAAM,CAAC,mBAAmB,CAAC,SAAS,EAAE,OAAO,CAAC,EAA9C,CAA8C,CAAA;IAC7D,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAA;IAER,IAAM,OAAO,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,aAAa,CAAC,CAAA;IAE1C,OAAO,CACL,gCACE,SAAS,EAAE,SAAS,EACpB,OAAO,EAAC,wCAAwC,EAChD,MAAM,EAAE,MAAM,EACd,KAAK,EAAE;YACL,KAAK,EAAE,MAAM;YACb,MAAM,EAAE,UAAG,OAAO,OAAI;YACtB,MAAM,EAAE,MAAM;YACd,OAAO,EAAE,OAAO;SACjB,EACD,KAAK,EAAE,oBAAa,EAAE,CAAE,GACxB,CACH,CAAA;AACH,CAAC,CAAA"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { Menu, Transition } from '@headlessui/react';
|
|
2
|
-
import { Fragment, useMemo, useRef
|
|
2
|
+
import { Fragment, useMemo, useRef } from 'react';
|
|
3
3
|
import { useMeasuredHeight } from '../hook/useMeasuredHeight';
|
|
4
4
|
import { useWindowHeight } from '../hook/useWindowHeight';
|
|
5
5
|
import NotiBellButton from './NotiBellButton';
|
|
@@ -14,7 +14,6 @@ export default function NotiDropdown(_a) {
|
|
|
14
14
|
var headerH = useMeasuredHeight(headerRef, 56);
|
|
15
15
|
var tabsH = useMeasuredHeight(tabsRef, 56);
|
|
16
16
|
var vh = useWindowHeight();
|
|
17
|
-
var _b = useState(240), previewIframeH = _b[0], setPreviewIframeH = _b[1];
|
|
18
17
|
// menu height: list vs preview
|
|
19
18
|
// menu height: luôn theo LIST (kể cả khi preview)
|
|
20
19
|
var listMenuH = useMemo(function () {
|
|
@@ -47,17 +46,19 @@ export default function NotiDropdown(_a) {
|
|
|
47
46
|
'w-[calc(100vw-60px)] sm:w-[calc(100vw_-_30px)] md:max-w-[calc(100vw_-_200px)] lg:max-w-[calc(100vw_-_260px)] xl:max-w-[calc(100vw_-_280px)]',
|
|
48
47
|
'max-h-[calc(100vh-60px)]',
|
|
49
48
|
'flex flex-col overflow-hidden',
|
|
50
|
-
'rounded-2xl
|
|
49
|
+
'rounded-2xl bg-white ',
|
|
50
|
+
'shadow-[0_4px_16px_0_rgba(0,0,0,0.14),0_4px_38px_0_rgba(0,0,0,0.12),1px_0_0_0_rgba(0,0,0,0.13)_inset,-1px_0_0_0_rgba(0,0,0,0.13)_inset,0_-1px_0_0_rgba(0,0,0,0.17)_inset,0_1px_0_0_rgba(204,204,204,0.5)_inset,0_1px_0_0_rgba(26,26,26,0.07)]',
|
|
51
51
|
'transition-[height] duration-[480ms] ease-[cubic-bezier(0.16,1,0.3,1)]',
|
|
52
52
|
'will-change-[height]',
|
|
53
53
|
'focus:outline-none',
|
|
54
54
|
].join(' '), static: true, style: { height: menuH ? "".concat(menuH, "px") : undefined } },
|
|
55
|
-
React.createElement(NotiHeader, { ref: headerRef, isPreview: isPreview,
|
|
55
|
+
React.createElement(NotiHeader, { ref: headerRef, isPreview: isPreview, onBack: function () {
|
|
56
56
|
setPreviewModalData(null);
|
|
57
|
-
|
|
58
|
-
} }),
|
|
57
|
+
}, title: previewModalData === null || previewModalData === void 0 ? void 0 : previewModalData.title }),
|
|
59
58
|
React.createElement("div", { className: 'relative min-h-0 flex-1 overflow-hidden' },
|
|
60
|
-
React.createElement(NotiListPane, { animated: animated, headerH: headerH, iframeClickRef: previewDeps.iframeClickRef, isPreview: isPreview, loadMoreRef: previewDeps.loadMoreRef, noti: noti,
|
|
59
|
+
React.createElement(NotiListPane, { animated: animated, headerH: headerH, iframeClickRef: previewDeps.iframeClickRef, isPreview: isPreview, loadMoreRef: previewDeps.loadMoreRef, menuH: menuH, noti: noti, onBackToList: function () {
|
|
60
|
+
setPreviewModalData(null);
|
|
61
|
+
}, onOpenPreview: function (data) { return setPreviewModalData(data); }, previewModalData: previewModalData, shouldScrollList: shouldScrollList, tabsH: tabsH, tabsRef: tabsRef })))),
|
|
61
62
|
menuOpen && open && (React.createElement("div", { "aria-hidden": true, className: 'fixed inset-0 z-40', onClick: function () {
|
|
62
63
|
close();
|
|
63
64
|
onClose();
|
package/dist/esm/components/MainWrapV4/components/notification/component/NotiDropdown.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NotiDropdown.js","sourceRoot":"","sources":["../../../../../../../src/components/MainWrapV4/components/notification/component/NotiDropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAA;AACpD,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,EAAE,
|
|
1
|
+
{"version":3,"file":"NotiDropdown.js","sourceRoot":"","sources":["../../../../../../../src/components/MainWrapV4/components/notification/component/NotiDropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAA;AACpD,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AACjD,OAAO,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAA;AAC7D,OAAO,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAA;AACzD,OAAO,cAAc,MAAM,kBAAkB,CAAA;AAC7C,OAAO,UAAU,MAAM,cAAc,CAAA;AACrC,OAAO,YAAY,MAAM,gBAAgB,CAAA;AACzC,OAAO,KAAK,MAAM,OAAO,CAAA;AAqBzB,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,EAU7B;QATN,QAAQ,cAAA,EACR,IAAI,UAAA,EACJ,OAAO,aAAA,EACP,MAAM,YAAA,EACN,IAAI,UAAA,EACJ,WAAW,iBAAA,EACX,gBAAgB,sBAAA,EAChB,mBAAmB,yBAAA,EACnB,WAAW,iBAAA;IAEX,IAAM,SAAS,GAAG,CAAC,CAAC,gBAAgB,CAAA;IAEpC,IAAM,SAAS,GAAG,MAAM,CAAwB,IAAI,CAAC,CAAA;IACrD,IAAM,OAAO,GAAG,MAAM,CAAwB,IAAI,CAAC,CAAA;IAEnD,IAAM,OAAO,GAAG,iBAAiB,CAAC,SAAS,EAAE,EAAE,CAAC,CAAA;IAChD,IAAM,KAAK,GAAG,iBAAiB,CAAC,OAAO,EAAE,EAAE,CAAC,CAAA;IAC5C,IAAM,EAAE,GAAG,eAAe,EAAE,CAAA;IAE5B,+BAA+B;IAC/B,kDAAkD;IAClD,IAAM,SAAS,GAAG,OAAO,CAAC;;QACxB,IAAI,CAAC,IAAI;YAAE,OAAO,IAAI,CAAA;QAEtB,IAAM,QAAQ,GAAG,MAAA,MAAA,QAAQ,CAAC,WAAW,wDAAI,mCAAI,CAAC,CAAA;QAC9C,IAAM,aAAa,GAAG,EAAE,CAAA,CAAC,sBAAsB;QAC/C,IAAM,GAAG,GAAG,OAAO,GAAG,aAAa,GAAG,QAAQ,CAAA;QAE9C,IAAM,KAAK,GAAG,GAAG,CAAA;QACjB,IAAM,KAAK,GAAG,EAAE,GAAG,EAAE,CAAA;QAErB,OAAO,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,KAAK,CAAC,EAAE,KAAK,CAAC,CAAA;IAC9C,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,EAAE,EAAE,EAAE,QAAQ,CAAC,CAAC,CAAA;IAEjC,IAAM,KAAK,GAAG,OAAO,CACnB;QACE,sBAAsB;QACtB,OAAA,SAAS,aAAT,SAAS,cAAT,SAAS,GAAI,GAAG;IAAhB,CAAgB,EAClB,CAAC,SAAS,CAAC,CACZ,CAAA;IAED,IAAM,gBAAgB,GAAG,OAAO,CAAC;QAC/B,IAAI,CAAC,IAAI;YAAE,OAAO,KAAK,CAAA;QACvB,OAAO,SAAS,KAAK,IAAI,IAAI,SAAS,IAAI,EAAE,GAAG,EAAE,GAAG,CAAC,CAAA;IACvD,CAAC,EAAE,CAAC,IAAI,EAAE,SAAS,EAAE,EAAE,CAAC,CAAC,CAAA;IAEzB,OAAO,CACL,oBAAC,IAAI,IAAC,EAAE,EAAC,KAAK,EAAC,SAAS,EAAC,uBAAuB,IAC7C,UAAC,EAAyB;YAAvB,KAAK,WAAA,EAAQ,QAAQ,UAAA;QAAO,OAAA,CAC9B;YACE,oBAAC,cAAc,IAAC,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,WAAW,GAAI;YAE7D,oBAAC,UAAU,IACT,UAAU,EAAE,cAAM,OAAA,OAAO,EAAE,EAAT,CAAS,EAC3B,EAAE,EAAE,QAAQ,EACZ,KAAK,EAAC,kCAAkC,EACxC,SAAS,EAAC,yBAAyB,EACnC,OAAO,EAAC,2BAA2B,EACnC,KAAK,EAAC,iCAAiC,EACvC,SAAS,EAAC,2BAA2B,EACrC,OAAO,EAAC,yBAAyB,EACjC,IAAI,EAAE,QAAQ,IAAI,IAAI;gBAEtB,oBAAC,IAAI,CAAC,KAAK,IACT,SAAS,EAAE;wBACT,gCAAgC;wBAChC,6IAA6I;wBAC7I,0BAA0B;wBAC1B,+BAA+B;wBAC/B,uBAAuB;wBACvB,+OAA+O;wBAC/O,wEAAwE;wBACxE,sBAAsB;wBACtB,oBAAoB;qBACrB,CAAC,IAAI,CAAC,GAAG,CAAC,EACX,MAAM,QACN,KAAK,EAAE,EAAE,MAAM,EAAE,KAAK,CAAC,CAAC,CAAC,UAAG,KAAK,OAAI,CAAC,CAAC,CAAC,SAAS,EAAE;oBAEnD,oBAAC,UAAU,IACT,GAAG,EAAE,SAAS,EACd,SAAS,EAAE,SAAS,EACpB,MAAM,EAAE;4BACN,mBAAmB,CAAC,IAAI,CAAC,CAAA;wBAC3B,CAAC,EACD,KAAK,EAAE,gBAAgB,aAAhB,gBAAgB,uBAAhB,gBAAgB,CAAE,KAAK,GAC9B;oBAEF,6BAAK,SAAS,EAAC,yCAAyC;wBACtD,oBAAC,YAAY,IACX,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,cAAc,EAAE,WAAW,CAAC,cAAc,EAC1C,SAAS,EAAE,SAAS,EACpB,WAAW,EAAE,WAAW,CAAC,WAAW,EACpC,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,IAAI,EACV,YAAY,EAAE;gCACZ,mBAAmB,CAAC,IAAI,CAAC,CAAA;4BAC3B,CAAC,EACD,aAAa,EAAE,UAAC,IAAI,IAAK,OAAA,mBAAmB,CAAC,IAAI,CAAC,EAAzB,CAAyB,EAClD,gBAAgB,EAAE,gBAAgB,EAClC,gBAAgB,EAAE,gBAAgB,EAClC,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,OAAO,GAChB,CACE,CACK,CACF;YAEZ,QAAQ,IAAI,IAAI,IAAI,CACnB,kDAEE,SAAS,EAAC,oBAAoB,EAC9B,OAAO,EAAE;oBACP,KAAK,EAAE,CAAA;oBACP,OAAO,EAAE,CAAA;gBACX,CAAC,GACD,CACH,CACA,CACJ;IAxE+B,CAwE/B,CACI,CACR,CAAA;AACH,CAAC"}
|
|
@@ -2,7 +2,7 @@ import { ArrowLeftIcon } from '@heroicons/react/24/outline';
|
|
|
2
2
|
import React, { forwardRef } from 'react';
|
|
3
3
|
var NotiHeader = forwardRef(function (_a, ref) {
|
|
4
4
|
var isPreview = _a.isPreview, onBack = _a.onBack, title = _a.title;
|
|
5
|
-
return (React.createElement("div", { ref: ref, className: 'relative flex shrink-0 items-center px-4
|
|
5
|
+
return (React.createElement("div", { ref: ref, className: 'relative flex shrink-0 items-center px-4 pb-1.5 pt-3' },
|
|
6
6
|
React.createElement("button", { "aria-label": 'Back', className: [
|
|
7
7
|
'absolute left-4 inline-flex items-center justify-center rounded-lg p-2',
|
|
8
8
|
'text-gray-600 hover:bg-gray-100',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NotiHeader.js","sourceRoot":"","sources":["../../../../../../../src/components/MainWrapV4/components/notification/component/NotiHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAA;AAC3D,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAQzC,IAAM,UAAU,GAAG,UAAU,CAAwB,UAAC,EAA4B,EAAE,GAAG;QAA/B,SAAS,eAAA,EAAE,MAAM,YAAA,EAAE,KAAK,WAAA;IAAY,OAAA,CAC1F,6BAAK,GAAG,EAAE,GAAG,EAAE,SAAS,EAAC
|
|
1
|
+
{"version":3,"file":"NotiHeader.js","sourceRoot":"","sources":["../../../../../../../src/components/MainWrapV4/components/notification/component/NotiHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAA;AAC3D,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAQzC,IAAM,UAAU,GAAG,UAAU,CAAwB,UAAC,EAA4B,EAAE,GAAG;QAA/B,SAAS,eAAA,EAAE,MAAM,YAAA,EAAE,KAAK,WAAA;IAAY,OAAA,CAC1F,6BAAK,GAAG,EAAE,GAAG,EAAE,SAAS,EAAC,sDAAsD;QAE7E,8CACa,MAAM,EACjB,SAAS,EAAE;gBACT,wEAAwE;gBACxE,iCAAiC;gBACjC,+DAA+D;gBAC/D,SAAS,CAAC,CAAC,CAAC,2BAA2B,CAAC,CAAC,CAAC,8CAA8C;aACzF,CAAC,IAAI,CAAC,GAAG,CAAC,EACX,OAAO,EAAE,MAAM,EACf,IAAI,EAAC,QAAQ;YAEb,oBAAC,aAAa,IAAC,SAAS,EAAC,SAAS,GAAG,CAC9B;QAGT,6BACE,SAAS,EAAE;gBACT,gDAAgD;gBAChD,+DAA+D;gBAC/D,SAAS,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM;aAC7B,CAAC,IAAI,CAAC,GAAG,CAAC,IAEV,SAAS,CAAC,CAAC,CAAC,KAAK,aAAL,KAAK,cAAL,KAAK,GAAI,WAAW,CAAC,CAAC,CAAC,qBAAqB,CACrD,CACF,CACP;AA5B2F,CA4B3F,CAAC,CAAA;AAEF,UAAU,CAAC,WAAW,GAAG,YAAY,CAAA;AACrC,eAAe,UAAU,CAAA"}
|
|
@@ -11,10 +11,9 @@ type Props = {
|
|
|
11
11
|
loadMoreRef: React.RefObject<HTMLDivElement | null>;
|
|
12
12
|
onOpenPreview(data: PreviewModalData): void;
|
|
13
13
|
previewModalData: PreviewModalData | null;
|
|
14
|
-
previewIframeH: number;
|
|
15
|
-
onPreviewHeightChange(h: number): void;
|
|
16
14
|
headerH: number;
|
|
17
|
-
|
|
15
|
+
onBackToList(): void;
|
|
16
|
+
menuH: number;
|
|
18
17
|
};
|
|
19
|
-
export default function NotiListPane({ animated, headerH, iframeClickRef, isPreview, loadMoreRef,
|
|
18
|
+
export default function NotiListPane({ animated, headerH, iframeClickRef, isPreview, loadMoreRef, menuH, noti, onBackToList, onOpenPreview, previewModalData, shouldScrollList, tabsH, tabsRef, }: Props): React.JSX.Element;
|
|
20
19
|
export {};
|
|
@@ -1,16 +1,26 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import NotiPreviewPane from './NotiPreviewPane';
|
|
3
3
|
import { ReadStatusRight } from './ReadStatusRight';
|
|
4
|
-
import { PHXSkeleton } from '../../../../Skeleton';
|
|
5
4
|
import { PHXReportButtonTabV2 } from '../../../../ReportButtonV2';
|
|
6
5
|
import { htmlToText } from '../../../helper';
|
|
7
6
|
import { PHXEmptyRecord } from '../../../../EmptyRecord';
|
|
8
7
|
export default function NotiListPane(_a) {
|
|
9
|
-
var animated = _a.animated, headerH = _a.headerH, iframeClickRef = _a.iframeClickRef, isPreview = _a.isPreview, loadMoreRef = _a.loadMoreRef,
|
|
10
|
-
var renderSkeletons = function () { return (React.createElement(
|
|
8
|
+
var animated = _a.animated, headerH = _a.headerH, iframeClickRef = _a.iframeClickRef, isPreview = _a.isPreview, loadMoreRef = _a.loadMoreRef, menuH = _a.menuH, noti = _a.noti, onBackToList = _a.onBackToList, onOpenPreview = _a.onOpenPreview, previewModalData = _a.previewModalData, shouldScrollList = _a.shouldScrollList, tabsH = _a.tabsH, tabsRef = _a.tabsRef;
|
|
9
|
+
var renderSkeletons = function () { return (React.createElement("div", { className: 'flex flex-col gap-2' }, Array.from({ length: 9 }).map(function (_, i) { return (React.createElement("div", { key: i, className: 'flex animate-pulse space-x-4' },
|
|
10
|
+
React.createElement("div", { className: 'flex-1 space-y-6 py-1' },
|
|
11
|
+
React.createElement("div", { className: 'h-2 rounded bg-gray-200' }),
|
|
12
|
+
React.createElement("div", { className: 'space-y-3' },
|
|
13
|
+
React.createElement("div", { className: 'grid grid-cols-3 gap-4' },
|
|
14
|
+
React.createElement("div", { className: 'col-span-2 h-2 rounded bg-gray-200' }),
|
|
15
|
+
React.createElement("div", { className: 'col-span-1 h-2 rounded bg-gray-200' })),
|
|
16
|
+
React.createElement("div", { className: 'h-2 rounded bg-gray-200' }))))); }))); };
|
|
11
17
|
return (React.createElement("div", { className: 'flex h-full min-h-0 w-full flex-col' },
|
|
12
|
-
React.createElement("div", { ref: tabsRef, className: 'px-3 pt-
|
|
13
|
-
React.createElement(PHXReportButtonTabV2, { activeTab: noti.activeTab, onChange: function (t) {
|
|
18
|
+
React.createElement("div", { ref: tabsRef, className: 'px-3 pt-0.5' },
|
|
19
|
+
React.createElement(PHXReportButtonTabV2, { activeTab: noti.activeTab, onChange: function (t) {
|
|
20
|
+
if (isPreview)
|
|
21
|
+
onBackToList();
|
|
22
|
+
noti.setActiveTab(t);
|
|
23
|
+
},
|
|
14
24
|
// @ts-ignore
|
|
15
25
|
tabs: noti.tabs })),
|
|
16
26
|
React.createElement("div", { className: 'relative min-h-0 flex-1 overflow-hidden', style: { height: "calc(100% - ".concat(tabsH, "px)") } },
|
|
@@ -55,11 +65,11 @@ export default function NotiListPane(_a) {
|
|
|
55
65
|
html: (_c = (_b = item === null || item === void 0 ? void 0 : item.content) !== null && _b !== void 0 ? _b : preview) !== null && _c !== void 0 ? _c : '',
|
|
56
66
|
});
|
|
57
67
|
};
|
|
58
|
-
return (React.createElement("li", { key: item.id, className: "group ".concat(idx === 0 ? 'pt-1' : 'pt-5') },
|
|
68
|
+
return (React.createElement("li", { key: item.id, className: "group ".concat(idx === 0 ? 'pt-1' : ' pt-1.5') },
|
|
59
69
|
React.createElement("button", { className: 'w-full p-2 text-left hover:bg-gray-50', onClick: handleClick, type: 'button' },
|
|
60
70
|
React.createElement("div", { className: 'flex justify-between gap-3 sm:gap-4 md:gap-8 lg:gap-16 xl:gap-40' },
|
|
61
71
|
React.createElement("div", { className: 'min-w-0' },
|
|
62
|
-
React.createElement("div", { className: 'truncate text-
|
|
72
|
+
React.createElement("div", { className: 'truncate text-xs font-semibold text-gray-800' }, (_e = item === null || item === void 0 ? void 0 : item.title) !== null && _e !== void 0 ? _e : 'Thông báo'),
|
|
63
73
|
React.createElement("div", { className: 'mt-1 text-xs text-gray-500' }, item === null || item === void 0 ? void 0 : item.sent_at),
|
|
64
74
|
React.createElement("div", { className: 'mt-1 truncate text-xs text-gray-500' }, previewText)),
|
|
65
75
|
React.createElement("div", { className: 'flex items-center' },
|
|
@@ -74,6 +84,6 @@ export default function NotiListPane(_a) {
|
|
|
74
84
|
'will-change-[opacity,transform]',
|
|
75
85
|
isPreview ? 'scale-100 opacity-100' : 'pointer-events-none scale-[0.995] opacity-0',
|
|
76
86
|
].join(' ') },
|
|
77
|
-
React.createElement(NotiPreviewPane, { data: previewModalData, headerH: headerH,
|
|
87
|
+
React.createElement(NotiPreviewPane, { data: previewModalData, headerH: headerH, maxMenuH: menuH, tabsH: tabsH })))));
|
|
78
88
|
}
|
|
79
89
|
//# sourceMappingURL=NotiListPane.js.map
|
package/dist/esm/components/MainWrapV4/components/notification/component/NotiListPane.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NotiListPane.js","sourceRoot":"","sources":["../../../../../../../src/components/MainWrapV4/components/notification/component/NotiListPane.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,eAAe,MAAM,mBAAmB,CAAA;AAC/C,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAA;AAEnD,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"NotiListPane.js","sourceRoot":"","sources":["../../../../../../../src/components/MainWrapV4/components/notification/component/NotiListPane.tsx"],"names":[],"mappings":"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"}
|
package/dist/esm/components/MainWrapV4/components/notification/component/NotiPreviewPane.d.ts
CHANGED
|
@@ -1,13 +1,10 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { PreviewModalData } from '../../../types/notification';
|
|
3
3
|
type Props = {
|
|
4
|
-
isPreview: boolean;
|
|
5
4
|
data: PreviewModalData | null;
|
|
6
|
-
iframeH: number;
|
|
7
|
-
onHeightChange(h: number): void;
|
|
8
5
|
headerH: number;
|
|
9
6
|
tabsH: number;
|
|
10
7
|
maxMenuH: number;
|
|
11
8
|
};
|
|
12
|
-
export default function NotiPreviewPane({ data, headerH,
|
|
9
|
+
export default function NotiPreviewPane({ data, headerH, maxMenuH, tabsH }: Props): React.JSX.Element;
|
|
13
10
|
export {};
|
|
@@ -1,54 +1,18 @@
|
|
|
1
|
-
import React, {
|
|
1
|
+
import React, { useMemo, useRef } from 'react';
|
|
2
2
|
import { HtmlIFrame } from './HtmlIFrame';
|
|
3
3
|
export default function NotiPreviewPane(_a) {
|
|
4
4
|
var _b, _c;
|
|
5
|
-
var data = _a.data, headerH = _a.headerH,
|
|
5
|
+
var data = _a.data, headerH = _a.headerH, maxMenuH = _a.maxMenuH, tabsH = _a.tabsH;
|
|
6
6
|
var wrapRef = useRef(null);
|
|
7
7
|
var cardRef = useRef(null);
|
|
8
8
|
var availableH = useMemo(function () { return Math.max(0, maxMenuH - headerH - tabsH); }, [maxMenuH, headerH, tabsH]);
|
|
9
|
-
// overhead thực tế (padding, border...) ngoài iframe
|
|
10
|
-
var _d = useState(48), overhead = _d[0], setOverhead = _d[1]; // fallback an toàn
|
|
11
|
-
useLayoutEffect(function () {
|
|
12
|
-
if (!isPreview)
|
|
13
|
-
return;
|
|
14
|
-
var measure = function () {
|
|
15
|
-
var wrap = wrapRef.current;
|
|
16
|
-
if (!wrap)
|
|
17
|
-
return;
|
|
18
|
-
var wrapH = wrap.clientHeight; // = availableH (trừ scrollbar, ...)
|
|
19
|
-
// phần ngoài iframe: (wrap padding + card padding + gap...)
|
|
20
|
-
// cách ổn định: overhead = wrapH - iframeH (nhưng clamp >=0)
|
|
21
|
-
// nếu card chưa render thì vẫn đo theo wrap
|
|
22
|
-
var next = Math.max(0, wrapH - iframeH);
|
|
23
|
-
// clamp để tránh flicker do timing iframe update
|
|
24
|
-
setOverhead(function (prev) {
|
|
25
|
-
// chỉ update khi lệch đáng kể
|
|
26
|
-
if (Math.abs(prev - next) < 4)
|
|
27
|
-
return prev;
|
|
28
|
-
return next;
|
|
29
|
-
});
|
|
30
|
-
};
|
|
31
|
-
measure();
|
|
32
|
-
var ro = new ResizeObserver(measure);
|
|
33
|
-
if (wrapRef.current)
|
|
34
|
-
ro.observe(wrapRef.current);
|
|
35
|
-
if (cardRef.current)
|
|
36
|
-
ro.observe(cardRef.current);
|
|
37
|
-
return function () { return ro.disconnect(); };
|
|
38
|
-
}, [isPreview, iframeH, availableH]);
|
|
39
|
-
var shouldScrollPreview = useMemo(function () {
|
|
40
|
-
if (!isPreview)
|
|
41
|
-
return false;
|
|
42
|
-
// iframeH + overhead >= availableH => cần scroll
|
|
43
|
-
return iframeH + overhead >= availableH - 2;
|
|
44
|
-
}, [isPreview, iframeH, overhead, availableH]);
|
|
45
9
|
return (React.createElement("div", { className: 'h-full min-h-0' },
|
|
46
10
|
React.createElement("div", { ref: wrapRef, className: [
|
|
47
11
|
'h-full min-h-0 px-3 pb-6',
|
|
48
|
-
|
|
12
|
+
'overflow-y-auto',
|
|
49
13
|
'overflow-x-hidden',
|
|
50
14
|
'[scrollbar-gutter:stable]',
|
|
51
15
|
].join(' '), style: { height: "".concat(availableH, "px") } }, data ? (React.createElement("div", { ref: cardRef, className: 'bg-white p-3' },
|
|
52
|
-
React.createElement(HtmlIFrame, { className: 'w-full', html: (_b = data.html) !== null && _b !== void 0 ? _b : '', id: (_c = data.id) !== null && _c !== void 0 ? _c : 'preview'
|
|
16
|
+
React.createElement(HtmlIFrame, { className: 'w-full', html: (_b = data.html) !== null && _b !== void 0 ? _b : '', id: (_c = data.id) !== null && _c !== void 0 ? _c : 'preview' }))) : (React.createElement("div", { className: 'flex h-full items-center justify-center text-sm text-gray-500' })))));
|
|
53
17
|
}
|
|
54
18
|
//# sourceMappingURL=NotiPreviewPane.js.map
|
package/dist/esm/components/MainWrapV4/components/notification/component/NotiPreviewPane.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NotiPreviewPane.js","sourceRoot":"","sources":["../../../../../../../src/components/MainWrapV4/components/notification/component/NotiPreviewPane.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,
|
|
1
|
+
{"version":3,"file":"NotiPreviewPane.js","sourceRoot":"","sources":["../../../../../../../src/components/MainWrapV4/components/notification/component/NotiPreviewPane.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AAC9C,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AAczC,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,EAAyC;;QAAvC,IAAI,UAAA,EAAE,OAAO,aAAA,EAAE,QAAQ,cAAA,EAAE,KAAK,WAAA;IACtE,IAAM,OAAO,GAAG,MAAM,CAAwB,IAAI,CAAC,CAAA;IACnD,IAAM,OAAO,GAAG,MAAM,CAAwB,IAAI,CAAC,CAAA;IAEnD,IAAM,UAAU,GAAG,OAAO,CAAC,cAAM,OAAA,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,QAAQ,GAAG,OAAO,GAAG,KAAK,CAAC,EAAvC,CAAuC,EAAE,CAAC,QAAQ,EAAE,OAAO,EAAE,KAAK,CAAC,CAAC,CAAA;IAErG,OAAO,CACL,6BAAK,SAAS,EAAC,gBAAgB;QAC7B,6BACE,GAAG,EAAE,OAAO,EACZ,SAAS,EAAE;gBACT,0BAA0B;gBAC1B,iBAAiB;gBACjB,mBAAmB;gBACnB,2BAA2B;aAC5B,CAAC,IAAI,CAAC,GAAG,CAAC,EACX,KAAK,EAAE,EAAE,MAAM,EAAE,UAAG,UAAU,OAAI,EAAE,IAEnC,IAAI,CAAC,CAAC,CAAC,CACN,6BAAK,GAAG,EAAE,OAAO,EAAE,SAAS,EAAC,cAAc;YACzC,oBAAC,UAAU,IAAC,SAAS,EAAC,QAAQ,EAAC,IAAI,EAAE,MAAA,IAAI,CAAC,IAAI,mCAAI,EAAE,EAAE,EAAE,EAAE,MAAA,IAAI,CAAC,EAAE,mCAAI,SAAS,GAAI,CAC9E,CACP,CAAC,CAAC,CAAC,CACF,6BAAK,SAAS,EAAC,+DAA+D,GAAG,CAClF,CACG,CACF,CACP,CAAA;AACH,CAAC"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { __awaiter, __generator, __spreadArray } from "tslib";
|
|
2
2
|
import { useCallback, useMemo, useRef, useState } from 'react';
|
|
3
|
-
import React from 'react';
|
|
4
3
|
import { TAB, TAB_NAME } from '../../../constant';
|
|
4
|
+
import React from 'react';
|
|
5
5
|
import { apiFetch } from '../../../../../lib/fetch/apiClient';
|
|
6
6
|
export function useNotificationData(_a) {
|
|
7
7
|
var _this = this;
|
package/dist/esm/components/MainWrapV4/components/notification/hook/useNotificationData.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useNotificationData.js","sourceRoot":"","sources":["../../../../../../../src/components/MainWrapV4/components/notification/hook/useNotificationData.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;
|
|
1
|
+
{"version":3,"file":"useNotificationData.js","sourceRoot":"","sources":["../../../../../../../src/components/MainWrapV4/components/notification/hook/useNotificationData.tsx"],"names":[],"mappings":"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"}
|
|
@@ -39,8 +39,14 @@ var Notification = function (_a) {
|
|
|
39
39
|
animated.cleanup();
|
|
40
40
|
};
|
|
41
41
|
return (React.createElement(NotiDropdown, { animated: animated, noti: noti, onClose: onCloseAll, onOpen: function () {
|
|
42
|
-
|
|
43
|
-
|
|
42
|
+
setShowModal(function (prev) {
|
|
43
|
+
// đang mở rồi thì đừng resetList (không là mất data + không fetch lại)
|
|
44
|
+
if (prev)
|
|
45
|
+
return prev;
|
|
46
|
+
noti.resetList();
|
|
47
|
+
setPreviewModalData(null); // optional: đảm bảo về list mode khi mở lại
|
|
48
|
+
return true;
|
|
49
|
+
});
|
|
44
50
|
}, open: showModal, previewDeps: {
|
|
45
51
|
iframeClickRef: iframeClickRef,
|
|
46
52
|
loadMoreRef: loadMoreRef,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/components/MainWrapV4/components/notification/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,eAAe,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAChE,OAAO,EAAE,GAAG,EAAE,MAAM,gBAAgB,CAAA;AAEpC,OAAO,YAAY,MAAM,0BAA0B,CAAA;AACnD,OAAO,EAAE,qBAAqB,EAAE,MAAM,8BAA8B,CAAA;AACpE,OAAO,EAAE,mBAAmB,EAAE,MAAM,4BAA4B,CAAA;AAChE,OAAO,EAAE,wBAAwB,EAAE,MAAM,iCAAiC,CAAA;AAC1E,OAAO,EAAE,mBAAmB,EAAE,MAAM,4BAA4B,CAAA;AAEhE,IAAM,KAAK,GAAG,EAAE,CAAA;AAEhB,IAAM,YAAY,GAAG,UAAC,EAAwC;QAAtC,WAAW,iBAAA;IAC3B,IAAA,KAA4B,QAAQ,CAAC,KAAK,CAAC,EAA1C,SAAS,QAAA,EAAE,YAAY,QAAmB,CAAA;IAE3C,IAAA,KAA0C,QAAQ,CAA0B,IAAI,CAAC,EAAhF,gBAAgB,QAAA,EAAE,mBAAmB,QAA2C,CAAA;IAEvF,IAAM,SAAS,GAAG,CAAC,CAAC,gBAAgB,CAAA;IAEpC,IAAM,WAAW,GAAG,MAAM,CAAwB,IAAI,CAAC,CAAA;IACvD,IAAM,cAAc,GAAG,mBAAmB,EAAE,CAAA;IAE5C,IAAM,IAAI,GAAG,mBAAmB,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,CAAA;IAElD,IAAM,QAAQ,GAAG,qBAAqB,EAAE,CAAA;IAExC,yCAAyC;IACzC,eAAe,CAAC;QACd,IAAI,CAAC,SAAS;YAAE,OAAM;QAEtB,IAAI,CAAC,SAAS,EAAE,CAAA;QAChB,QAAQ,CAAC,gBAAgB,EAAE,CAAA;QAE3B,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,OAAO,CAAC,cAAM,OAAA,QAAQ,CAAC,mBAAmB,EAAE,EAA9B,CAA8B,CAAC,CAAA;QACjF,uDAAuD;IACzD,CAAC,EAAE,CAAC,SAAS,EAAE,IAAI,CAAC,SAAS,CAAC,CAAC,CAAA;IAE/B,oCAAoC;IACpC,wBAAwB,CAAC;QACvB,OAAO,EAAE,SAAS,IAAI,CAAC,SAAS;QAChC,MAAM,EAAE,WAAW;QACnB,YAAY,EAAE,mBAAmB;QACjC,OAAO,EAAE,CAAC,IAAI,CAAC,WAAW,IAAI,CAAC,IAAI,CAAC,WAAW,IAAI,IAAI,CAAC,OAAO;QAC/D,WAAW,EAAE,IAAI,CAAC,QAAQ;KAC3B,CAAC,CAAA;IAEF,IAAM,UAAU,GAAG;QACjB,YAAY,CAAC,KAAK,CAAC,CAAA;QACnB,mBAAmB,CAAC,IAAI,CAAC,CAAA;QACzB,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC,GAAG,CAAC,CAAA;QAC1B,QAAQ,CAAC,OAAO,EAAE,CAAA;IACpB,CAAC,CAAA;IAED,OAAO,CACL,oBAAC,YAAY,IACX,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,UAAU,EACnB,MAAM,EAAE;YACN,IAAI,CAAC,SAAS,EAAE,CAAA;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/components/MainWrapV4/components/notification/index.tsx"],"names":[],"mappings":"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"}
|