npm - phx-react - Versions diffs - 1.3.1571 → 1.3.1573 - Mend

phx-react 1.3.1571 → 1.3.1573

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.

Files changed (39) hide show

package/dist/cjs/components/MainWrapV4/components/notification/component/HtmlIFrame.d.ts CHANGED Viewed

@@ -1,3 +1,3 @@
-import React from 'react';
 import { HtmlIFrameProps } from '../../../types/notification';
-export declare const HtmlIFrame: ({ className, html, id, onHeightChange }: HtmlIFrameProps) => React.JSX.Element;
+import React from 'react';
+export declare const HtmlIFrame: ({ className, html, id }: HtmlIFrameProps) => React.JSX.Element;

package/dist/cjs/components/MainWrapV4/components/notification/component/HtmlIFrame.js CHANGED Viewed

@@ -2,32 +2,33 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.HtmlIFrame = void 0;
 var tslib_1 = require("tslib");
-var react_1 = tslib_1.__importDefault(require("react"));
-var react_2 = require("react");
+var react_1 = require("react");
+var react_2 = tslib_1.__importDefault(require("react"));
 var HtmlIFrame = function (_a) {
-    var className = _a.className, html = _a.html, id = _a.id, onHeightChange = _a.onHeightChange;
-    var _b = (0, react_2.useState)(200), height = _b[0], setHeight = _b[1];
-    var srcDoc = (0, react_2.useMemo)(function () {
-        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      /* tr\u00E1nh scroll b\u00EAn trong iframe */\n      body { overflow: hidden; }\n\n      a { color: #2563eb; text-decoration: underline; }\n      img, video { max-width: 100%; height: auto; display: block; }\n    ";
-        var script = "\n      (function () {\n        var BUFFER = 105; // ch\u1ED1ng h\u1EE5t cu\u1ED1i\n\n        function measure() {\n          var body = document.body;\n          var html = document.documentElement;\n\n          var h = Math.max(\n            body ? body.scrollHeight : 0,\n            body ? body.offsetHeight : 0,\n            html ? html.scrollHeight : 0,\n            html ? html.offsetHeight : 0,\n            html ? html.clientHeight : 0\n          );\n\n          window.parent.postMessage(\n            { type: 'IFRAME_HEIGHT', id: '".concat(id, "', height: h + BUFFER },\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          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        // \u0111o nhi\u1EC1u nh\u1ECBp \u0111\u1EC3 b\u1EAFt font/\u1EA3nh render\n        requestMeasure();\n        setTimeout(requestMeasure, 50);\n        setTimeout(requestMeasure, 150);\n        setTimeout(function () { hookImages(); requestMeasure(); }, 0);\n      })();\n    ");
-        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>");
+    var className = _a.className, html = _a.html, id = _a.id;
+    var _b = (0, react_1.useState)(200), contentHeight = _b[0], setContentHeight = _b[1];
+    var srcDoc = (0, react_1.useMemo)(function () {
+        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    ";
+        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    ");
+        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>");
     }, [html, id]);
-    (0, react_2.useEffect)(function () {
+    (0, react_1.useEffect)(function () {
         var handler = function (e) {
             var _a, _b;
             if (((_a = e.data) === null || _a === void 0 ? void 0 : _a.type) !== 'IFRAME_HEIGHT')
                 return;
             if (((_b = e.data) === null || _b === void 0 ? void 0 : _b.id) !== id)
                 return;
-            setHeight(e.data.height);
-            onHeightChange === null || onHeightChange === void 0 ? void 0 : onHeightChange(e.data.height);
+            var h = Number(e.data.height) || 0;
+            setContentHeight(function (prev) { return (Math.abs(prev - h) < 2 ? prev : h); });
         };
         window.addEventListener('message', handler);
         return function () { return window.removeEventListener('message', handler); };
-    }, [id, onHeightChange]);
-    return (react_1.default.createElement("iframe", { className: className, sandbox: 'allow-scripts allow-popups allow-forms', srcDoc: srcDoc, style: {
+    }, [id]);
+    var renderH = Math.max(0, contentHeight);
+    return (react_2.default.createElement("iframe", { className: className, sandbox: 'allow-scripts allow-popups allow-forms', srcDoc: srcDoc, style: {
             width: '100%',
-            height: "".concat(Math.max(0, height - 2), "px"),
+            height: "".concat(renderH, "px"),
             border: 'none',
             display: 'block',
         }, title: "noti-html-".concat(id) }));

package/dist/cjs/components/MainWrapV4/components/notification/component/HtmlIFrame.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"HtmlIFrame.js","sourceRoot":"","sources":["../../../../../../../src/components/MainWrapV4/components/notification/component/HtmlIFrame.tsx"],"names":[],"mappings":";;;;AAAA~~,wDAAyB;AACzB~~,+BAAoD;~~AAG7C~~,IAAM,UAAU,GAAG,UAAC,~~EAAwD~~;~~QAAtD~~,SAAS,eAAA,EAAE,IAAI,UAAA,EAAE,EAAE,QAAA~~,EAAE,cAAc,oBAAA~~;~~IACxD~~,IAAA,~~KAAsB~~,IAAA,gBAAQ,EAAS,GAAG,CAAC,~~EAA1C~~,~~MAAM~~,QAAA,EAAE,~~SAAS~~,QAAyB,CAAA;~~IAEjD~~,IAAM,MAAM,GAAG,IAAA,eAAO,EAAC;QACrB,IAAM,GAAG,GAAG,~~yhBAgBX~~,CAAA;QAED,IAAM,MAAM,GAAG,~~wiBAiByB~~,EAAE~~,+qCAqCzC~~,CAAA;QAED,OAAO,qMAKQ,GAAG,~~kEAGV~~,IAAI,aAAJ,IAAI,cAAJ,IAAI,GAAI,EAAE,~~iCACF~~,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,~~SAAS~~,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,CAAA;~~YAExB~~,~~cAAc~~,~~aAAd~~,~~cAAc~~,~~uBAAd~~,~~cAAc~~,~~CAAG~~,CAAC,CAAC,IAAI,CAAC,~~MAAM~~,CAAC,CAAA;~~QACjC~~,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,~~EAAE~~,~~cAAc~~,CAAC,CAAC,CAAA;~~IAExB~~,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,~~IAAI~~,~~CAAC,GAAG,CAAC,CAAC,EAAE,MAAM,GAAG,CAAC,CAAC,~~OAAI;~~YACtC~~,MAAM,EAAE,MAAM;YACd,OAAO,EAAE,OAAO;SACjB,EACD,KAAK,EAAE,oBAAa,EAAE,CAAE,GACxB,CACH,CAAA;AACH,CAAC,CAAA;~~AAxHY~~,QAAA,UAAU,~~cAwHtB~~"}
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"}

package/dist/cjs/components/MainWrapV4/components/notification/component/NotiDropdown.js CHANGED Viewed

@@ -18,7 +18,6 @@ function NotiDropdown(_a) {
     var headerH = (0, useMeasuredHeight_1.useMeasuredHeight)(headerRef, 56);
     var tabsH = (0, useMeasuredHeight_1.useMeasuredHeight)(tabsRef, 56);
     var vh = (0, useWindowHeight_1.useWindowHeight)();
-    var _b = (0, react_2.useState)(240), previewIframeH = _b[0], setPreviewIframeH = _b[1];
     // menu height: list vs preview
     // menu height: luôn theo LIST (kể cả khi preview)
     var listMenuH = (0, react_2.useMemo)(function () {
@@ -51,17 +50,19 @@ function NotiDropdown(_a) {
                         '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)]',
                         'max-h-[calc(100vh-60px)]',
                         'flex flex-col overflow-hidden',
-                        'rounded-2xl border border-gray-200 bg-white drop-shadow-xl',
+                        'rounded-2xl bg-white ',
+                        '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)]',
                         'transition-[height] duration-[480ms] ease-[cubic-bezier(0.16,1,0.3,1)]',
                         'will-change-[height]',
                         'focus:outline-none',
                     ].join(' '), static: true, style: { height: menuH ? "".concat(menuH, "px") : undefined } },
-                    react_3.default.createElement(NotiHeader_1.default, { ref: headerRef, isPreview: isPreview, title: previewModalData === null || previewModalData === void 0 ? void 0 : previewModalData.title, onBack: function () {
+                    react_3.default.createElement(NotiHeader_1.default, { ref: headerRef, isPreview: isPreview, onBack: function () {
                             setPreviewModalData(null);
-                            setPreviewIframeH(240);
-                        } }),
+                        }, title: previewModalData === null || previewModalData === void 0 ? void 0 : previewModalData.title }),
                     react_3.default.createElement("div", { className: 'relative min-h-0 flex-1 overflow-hidden' },
-                        react_3.default.createElement(NotiListPane_1.default, { animated: animated, headerH: headerH, iframeClickRef: previewDeps.iframeClickRef, isPreview: isPreview, loadMoreRef: previewDeps.loadMoreRef, noti: noti, onOpenPreview: function (data) { return setPreviewModalData(data); }, onPreviewHeightChange: setPreviewIframeH, previewIframeH: previewIframeH, previewModalData: previewModalData, shouldScrollList: shouldScrollList, tabsH: tabsH, tabsRef: tabsRef, vh: vh })))),
+                        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 () {
+                                setPreviewModalData(null);
+                            }, onOpenPreview: function (data) { return setPreviewModalData(data); }, previewModalData: previewModalData, shouldScrollList: shouldScrollList, tabsH: tabsH, tabsRef: tabsRef })))),
             menuOpen && open && (react_3.default.createElement("div", { "aria-hidden": true, className: 'fixed inset-0 z-40', onClick: function () {
                     close();
                     onClose();

package/dist/cjs/components/MainWrapV4/components/notification/component/NotiDropdown.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"NotiDropdown.js","sourceRoot":"","sources":["../../../../../../../src/components/MainWrapV4/components/notification/component/NotiDropdown.tsx"],"names":[],"mappings":";;AA4BA,+~~BA6HC~~;;~~AAzJD~~,2CAAoD;AACpD,+~~BAA2D~~;~~AAC3D~~,+DAA6D;AAC7D,2DAAyD;AACzD,4EAA6C;AAC7C,oEAAqC;AACrC,wEAAyC;AACzC,wDAAyB;AAqBzB,SAAwB,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,IAAA,cAAM,EAAwB,IAAI,CAAC,CAAA;IACrD,IAAM,OAAO,GAAG,IAAA,cAAM,EAAwB,IAAI,CAAC,CAAA;IAEnD,IAAM,OAAO,GAAG,IAAA,qCAAiB,EAAC,SAAS,EAAE,EAAE,CAAC,CAAA;IAChD,IAAM,KAAK,GAAG,IAAA,qCAAiB,EAAC,OAAO,EAAE,EAAE,CAAC,CAAA;IAC5C,IAAM,EAAE,GAAG,IAAA,iCAAe,GAAE,CAAA;~~IAEtB,IAAA,KAAsC,IAAA,gBAAQ,EAAC,GAAG,CAAC,EAAlD,cAAc,QAAA,EAAE,iBAAiB,QAAiB,CAAA;IAEzD~~,+BAA+B;IAC/B,kDAAkD;IAClD,IAAM,SAAS,GAAG,IAAA,eAAO,EAAC;;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,IAAA,eAAO,EACnB;QACE,sBAAsB;QACtB,OAAA,SAAS,aAAT,SAAS,cAAT,SAAS,GAAI,GAAG;IAAhB,CAAgB,EAClB,CAAC,SAAS,CAAC,CACZ,CAAA;IAED,IAAM,gBAAgB,GAAG,IAAA,eAAO,EAAC;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,8BAAC,YAAI,IAAC,EAAE,EAAC,KAAK,EAAC,SAAS,EAAC,uBAAuB,IAC7C,UAAC,EAAyB;YAAvB,KAAK,WAAA,EAAQ,QAAQ,UAAA;QAAO,OAAA,CAC9B;YACE,8BAAC,wBAAc,IAAC,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,WAAW,GAAI;YAE7D,8BAAC,kBAAU,IACT,UAAU,EAAE,cAAM,OAAA,OAAO,EAAE,EAAT,CAAS,EAC3B,EAAE,EAAE,gBAAQ,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,8BAAC,YAAI,CAAC,KAAK,IACT,SAAS,EAAE;wBACT,gCAAgC;wBAChC,6IAA6I;wBAC7I,0BAA0B;wBAC1B,+BAA+B;wBAC/B,~~4DAA4D~~;~~wBAC5D~~,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,8BAAC,oBAAU,IACT,GAAG,EAAE,SAAS,EACd,SAAS,EAAE,SAAS,EACpB,~~KAAK,EAAE,gBAAgB,aAAhB,gBAAgB,uBAAhB,gBAAgB,CAAE,KAAK,EAC9B,~~MAAM,EAAE;4BACN,mBAAmB,CAAC,IAAI,CAAC,CAAA;~~4BACzB~~,~~iBAAiB,~~CAAC,~~GAAG~~,~~CAAC~~,~~CAAA;wBACxB~~,~~CAAC~~,~~GACD~~;oBAEF,uCAAK,SAAS,EAAC,yCAAyC;wBACtD,8BAAC,sBAAY,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,IAAI,EAAE,IAAI,EACV,aAAa,EAAE,UAAC,IAAI,IAAK,OAAA,mBAAmB,CAAC,IAAI,CAAC,EAAzB,CAAyB,EAClD,~~qBAAqB,EAAE,iBAAiB,EACxC,cAAc,EAAE,cAAc,EAC9B,~~gBAAgB,EAAE,gBAAgB,EAClC,gBAAgB,EAAE,gBAAgB,EAClC,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,OAAO,~~EAChB~~,~~EAAE,EAAE,EAAE,GACN,~~CACE,CACK,CACF;YAEZ,QAAQ,IAAI,IAAI,IAAI,CACnB,4DAEE,SAAS,EAAC,oBAAoB,EAC9B,OAAO,EAAE;oBACP,KAAK,EAAE,CAAA;oBACP,OAAO,EAAE,CAAA;gBACX,CAAC,GACD,CACH,CACA,CACJ;~~IAvE~~+B,~~CAuE~~/B,CACI,CACR,CAAA;AACH,CAAC"}
1	+ {"version":3,"file":"NotiDropdown.js","sourceRoot":"","sources":["../../../../../../../src/components/MainWrapV4/components/notification/component/NotiDropdown.tsx"],"names":[],"mappings":"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"}

package/dist/cjs/components/MainWrapV4/components/notification/component/NotiHeader.js CHANGED Viewed

@@ -5,7 +5,7 @@ var outline_1 = require("@heroicons/react/24/outline");
 var react_1 = tslib_1.__importStar(require("react"));
 var NotiHeader = (0, react_1.forwardRef)(function (_a, ref) {
     var isPreview = _a.isPreview, onBack = _a.onBack, title = _a.title;
-    return (react_1.default.createElement("div", { ref: ref, className: 'relative flex shrink-0 items-center px-4 py-3' },
+    return (react_1.default.createElement("div", { ref: ref, className: 'relative flex shrink-0 items-center px-4 pb-1.5 pt-3' },
         react_1.default.createElement("button", { "aria-label": 'Back', className: [
                 'absolute left-4 inline-flex items-center justify-center rounded-lg p-2',
                 'text-gray-600 hover:bg-gray-100',

package/dist/cjs/components/MainWrapV4/components/notification/component/NotiHeader.js.map CHANGED Viewed

	@@ -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~~,+CAA+C~~;~~QAEtE~~,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"}
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"}

package/dist/cjs/components/MainWrapV4/components/notification/component/NotiListPane.d.ts CHANGED Viewed

@@ -11,10 +11,9 @@ type Props = {
     loadMoreRef: React.RefObject<HTMLDivElement | null>;
     onOpenPreview(data: PreviewModalData): void;
     previewModalData: PreviewModalData | null;
-    previewIframeH: number;
-    onPreviewHeightChange(h: number): void;
     headerH: number;
-    vh: number;
+    onBackToList(): void;
+    menuH: number;
 };
-export default function NotiListPane({ animated, headerH, iframeClickRef, isPreview, loadMoreRef, noti, onOpenPreview, onPreviewHeightChange, previewIframeH, previewModalData, shouldScrollList, tabsH, tabsRef, vh, }: Props): React.JSX.Element;
+export default function NotiListPane({ animated, headerH, iframeClickRef, isPreview, loadMoreRef, menuH, noti, onBackToList, onOpenPreview, previewModalData, shouldScrollList, tabsH, tabsRef, }: Props): React.JSX.Element;
 export {};

package/dist/cjs/components/MainWrapV4/components/notification/component/NotiListPane.js CHANGED Viewed

@@ -5,16 +5,26 @@ var tslib_1 = require("tslib");
 var react_1 = tslib_1.__importDefault(require("react"));
 var NotiPreviewPane_1 = tslib_1.__importDefault(require("./NotiPreviewPane"));
 var ReadStatusRight_1 = require("./ReadStatusRight");
-var Skeleton_1 = require("../../../../Skeleton");
 var ReportButtonV2_1 = require("../../../../ReportButtonV2");
 var helper_1 = require("../../../helper");
 var EmptyRecord_1 = require("../../../../EmptyRecord");
 function NotiListPane(_a) {
-    var animated = _a.animated, headerH = _a.headerH, iframeClickRef = _a.iframeClickRef, isPreview = _a.isPreview, loadMoreRef = _a.loadMoreRef, noti = _a.noti, onOpenPreview = _a.onOpenPreview, onPreviewHeightChange = _a.onPreviewHeightChange, previewIframeH = _a.previewIframeH, previewModalData = _a.previewModalData, shouldScrollList = _a.shouldScrollList, tabsH = _a.tabsH, tabsRef = _a.tabsRef, vh = _a.vh;
-    var renderSkeletons = function () { return (react_1.default.createElement(react_1.default.Fragment, null, Array.from({ length: 15 }).map(function (_, i) { return (react_1.default.createElement(Skeleton_1.PHXSkeleton, { key: i, size: 'medium', type: 'only-report' })); }))); };
+    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;
+    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' },
+        react_1.default.createElement("div", { className: 'flex-1 space-y-6 py-1' },
+            react_1.default.createElement("div", { className: 'h-2 rounded bg-gray-200' }),
+            react_1.default.createElement("div", { className: 'space-y-3' },
+                react_1.default.createElement("div", { className: 'grid grid-cols-3 gap-4' },
+                    react_1.default.createElement("div", { className: 'col-span-2 h-2 rounded bg-gray-200' }),
+                    react_1.default.createElement("div", { className: 'col-span-1 h-2 rounded bg-gray-200' })),
+                react_1.default.createElement("div", { className: 'h-2 rounded bg-gray-200' }))))); }))); };
     return (react_1.default.createElement("div", { className: 'flex h-full min-h-0 w-full flex-col' },
-        react_1.default.createElement("div", { ref: tabsRef, className: 'px-3 pt-3' },
-            react_1.default.createElement(ReportButtonV2_1.PHXReportButtonTabV2, { activeTab: noti.activeTab, onChange: function (t) { return noti.setActiveTab(t); },
+        react_1.default.createElement("div", { ref: tabsRef, className: 'px-3 pt-0.5' },
+            react_1.default.createElement(ReportButtonV2_1.PHXReportButtonTabV2, { activeTab: noti.activeTab, onChange: function (t) {
+                    if (isPreview)
+                        onBackToList();
+                    noti.setActiveTab(t);
+                },
                 // @ts-ignore
                 tabs: noti.tabs })),
         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) {
                                             html: (_c = (_b = item === null || item === void 0 ? void 0 : item.content) !== null && _b !== void 0 ? _b : preview) !== null && _c !== void 0 ? _c : '',
                                         });
                                     };
-                                    return (react_1.default.createElement("li", { key: item.id, className: "group ".concat(idx === 0 ? 'pt-1' : 'pt-5') },
+                                    return (react_1.default.createElement("li", { key: item.id, className: "group ".concat(idx === 0 ? 'pt-1' : ' pt-1.5') },
                                         react_1.default.createElement("button", { className: 'w-full p-2 text-left hover:bg-gray-50', onClick: handleClick, type: 'button' },
                                             react_1.default.createElement("div", { className: 'flex justify-between gap-3 sm:gap-4 md:gap-8 lg:gap-16 xl:gap-40' },
                                                 react_1.default.createElement("div", { className: 'min-w-0' },
-                                                    react_1.default.createElement("div", { className: 'truncate text-sm font-semibold text-gray-800' }, (_e = item === null || item === void 0 ? void 0 : item.title) !== null && _e !== void 0 ? _e : 'Thông báo'),
+                                                    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'),
                                                     react_1.default.createElement("div", { className: 'mt-1 text-xs text-gray-500' }, item === null || item === void 0 ? void 0 : item.sent_at),
                                                     react_1.default.createElement("div", { className: 'mt-1 truncate text-xs text-gray-500' }, previewText)),
                                                 react_1.default.createElement("div", { className: 'flex items-center' },
@@ -78,6 +88,6 @@ function NotiListPane(_a) {
                     'will-change-[opacity,transform]',
                     isPreview ? 'scale-100 opacity-100' : 'pointer-events-none scale-[0.995] opacity-0',
                 ].join(' ') },
-                react_1.default.createElement(NotiPreviewPane_1.default, { data: previewModalData, headerH: headerH, iframeH: previewIframeH, isPreview: isPreview, maxMenuH: vh - 60, onHeightChange: onPreviewHeightChange, tabsH: tabsH })))));
+                react_1.default.createElement(NotiPreviewPane_1.default, { data: previewModalData, headerH: headerH, maxMenuH: menuH, tabsH: tabsH })))));
 }
 //# sourceMappingURL=NotiListPane.js.map

package/dist/cjs/components/MainWrapV4/components/notification/component/NotiListPane.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"NotiListPane.js","sourceRoot":"","sources":["../../../../../../../src/components/MainWrapV4/components/notification/component/NotiListPane.tsx"],"names":[],"mappings":";;~~AA8BA~~,+~~BA0JC~~;;~~AAxLD~~,wDAAyB;AACzB,8EAA+C;AAC/C,qDAAmD;AAEnD,~~iDAAkD;AAClD,~~6DAAiE;AACjE,0CAA4C;AAC5C,uDAAwD;~~AAuBxD~~,SAAwB,YAAY,CAAC,~~EAe7B~~;~~QAdN~~,QAAQ,cAAA,EACR,OAAO,aAAA,EACP,cAAc,oBAAA,EACd,SAAS,eAAA,EACT,WAAW,iBAAA,EACX,IAAI,UAAA,EACJ,aAAa,mBAAA,EACb,~~qBAAqB,2BAAA,EACrB,cAAc,oBAAA,EACd,~~gBAAgB,sBAAA,EAChB,gBAAgB,sBAAA,EAChB,KAAK,WAAA,EACL,OAAO,aAAA~~,EACP,EAAE,QAAA~~;~~IAEF~~,IAAM,eAAe,GAAG,cAAM,OAAA,CAC5B,~~8DACG~~,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,~~EAAE~~,EAAE,CAAC,CAAC,GAAG,CAAC,UAAC,CAAC,EAAE,CAAC,IAAK,OAAA,~~CACxC~~,~~8BAAC~~,~~sBAAW,IAAC,~~GAAG,EAAE,CAAC,EAAE,~~IAAI~~,EAAC,~~QAAQ~~,EAAC,~~IAAI~~,EAAC,~~aAAa~~,GAAG,~~CACzD~~,~~EAFyC~~,~~CAEzC~~,CAAC,~~CACD~~,~~CACJ~~,~~EAN6B~~,~~CAM7B~~,CAAA;IAED,OAAO,CACL,uCAAK,SAAS,EAAC,qCAAqC;QAElD,uCAAK,GAAG,EAAE,OAAc,EAAE,SAAS,EAAC,~~WAAW~~;~~YAC7C~~,8BAAC,qCAAoB,IACnB,SAAS,EAAE,IAAI,CAAC,SAAS,EACzB,QAAQ,EAAE,UAAC,CAAM,~~IAAK~~,~~OAAA~~,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,~~EAApB~~,~~CAAoB~~;~~gBAC1C~~,aAAa;gBACb,IAAI,EAAE,IAAI,CAAC,IAAI,GACf,CACE;QAGN,uCAAK,SAAS,EAAC,yCAAyC,EAAC,KAAK,EAAE,EAAE,MAAM,EAAE,sBAAe,KAAK,QAAK,EAAE;YAEnG,uCACE,SAAS,EAAE;oBACT,kBAAkB;oBAClB,0DAA0D;oBAC1D,iCAAiC;oBACjC,SAAS,CAAC,CAAC,CAAC,6CAA6C,CAAC,CAAC,CAAC,uBAAuB;iBACpF,CAAC,IAAI,CAAC,GAAG,CAAC;gBAEX,uCACE,SAAS,EAAE;wBACT,2CAA2C;wBAC3C,gBAAgB,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,iBAAiB;qBACvD,CAAC,IAAI,CAAC,GAAG,CAAC;oBAEX,uCAAK,SAAS,EAAC,mBAAmB;wBAChC,uCACE,SAAS,EAAE;gCACT,QAAQ,CAAC,SAAS,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,iBAAiB;gCAC3D,iEAAiE;gCACjE,QAAQ,CAAC,cAAc,CAAC,CAAC,CAAC,2BAA2B,CAAC,CAAC,CAAC,6BAA6B;6BACtF,CAAC,IAAI,CAAC,GAAG,CAAC,EACX,KAAK,EAAE,EAAE,SAAS,EAAE,QAAQ,CAAC,YAAY,EAAE,EAAE;4BAE7C,uCAAK,GAAG,EAAE,QAAQ,CAAC,UAAU,IAC1B,IAAI,CAAC,QAAQ,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CAC1B;gCACE,0CACG,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,UAAC,IAAc,EAAE,GAAW;;oCAC7C,IAAM,OAAO,GAAG,CAAC,IAAI,CAAC,QAAQ;wCAC5B,CAAC,CAAC,CAAA,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,YAAY,0CAAE,IAAI,EAAE;6CAC1B,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,KAAK,0CAAE,IAAI,EAAE,CAAA;6CACnB,MAAA,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,OAAO,0CAAE,KAAK,0CAAE,IAAI,EAAE,CAAA;4CAC5B,WAAW;wCACb,CAAC,CAAC,IAAI,CAAC,OAAO,CAAA;oCAEhB,IAAM,WAAW,GAAG,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAA,mBAAU,EAAC,OAAO,CAAC,CAAC,CAAC,CAAC,OAAO,CAAA;oCAEjE,IAAM,WAAW,GAAG;;wCAClB,IAAI,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,EAAE,KAAI,cAAc,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,CAAC;4CAChD,OAAM;wCACR,CAAC;wCAED,IAAI,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,YAAY,EAAE,CAAC;4CACvB,MAAM,CAAC,QAAQ,CAAC,IAAI,GAAG,IAAI,CAAC,YAAY,CAAA;4CACxC,OAAM;wCACR,CAAC;wCAED,aAAa,CAAC;4CACZ,EAAE,EAAE,IAAI,CAAC,EAAE;4CACX,KAAK,EAAE,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,KAAK,mCAAI,WAAW;4CACjC,IAAI,EAAE,MAAA,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,OAAO,mCAAI,OAAO,mCAAI,EAAE;yCACrC,CAAC,CAAA;oCACJ,CAAC,CAAA;oCAED,OAAO,CACL,sCAAI,GAAG,EAAE,IAAI,CAAC,EAAE,EAAE,SAAS,EAAE,gBAAS,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,~~MAAM~~,CAAE;~~wCACjE~~,0CACE,SAAS,EAAC,uCAAuC,EACjD,OAAO,EAAE,WAAW,EACpB,IAAI,EAAC,QAAQ;4CAEb,uCAAK,SAAS,EAAC,kEAAkE;gDAC/E,uCAAK,SAAS,EAAC,SAAS;oDACtB,uCAAK,SAAS,EAAC,8CAA8C,IAC1D,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,KAAK,mCAAI,WAAW,CACvB;oDACN,uCAAK,SAAS,EAAC,4BAA4B,IAAE,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,OAAO,CAAO;oDACjE,uCAAK,SAAS,EAAC,qCAAqC,IAAE,WAAW,CAAO,CACpE;gDACN,uCAAK,SAAS,EAAC,mBAAmB;oDAChC,8BAAC,iCAAe,IAAC,UAAU,EAAE,CAAC,IAAI,CAAC,QAAQ,EAAE,MAAM,EAAE,CAAC,CAAC,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,OAAO,CAAA,GAAI,CACpE,CACF,CACC,CACN,CACN,CAAA;gCACH,CAAC,CAAC,CACC;gCAEL,uCAAK,GAAG,EAAE,WAAkB,EAAE,SAAS,EAAC,MAAM,GAAG;gCACjD,uCAAK,SAAS,EAAC,MAAM,GAAG,CACvB,CACJ,CAAC,CAAC,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAC5B,8BAAC,4BAAc,IAAC,WAAW,EAAC,0DAA4B,EAAC,KAAK,EAAC,YAAO,GAAG,CAC1E,CACG,CACF;wBAEL,QAAQ,CAAC,YAAY,IAAI,uCAAK,SAAS,EAAC,kBAAkB,IAAE,eAAe,EAAE,CAAO,CACjF,CACF,CACF;YAGN,uCACE,SAAS,EAAE;oBACT,kBAAkB;oBAClB,0DAA0D;oBAC1D,iCAAiC;oBACjC,SAAS,CAAC,CAAC,CAAC,uBAAuB,CAAC,CAAC,CAAC,6CAA6C;iBACpF,CAAC,IAAI,CAAC,GAAG,CAAC;gBAEX,8BAAC,yBAAe,~~IACd~~,IAAI,EAAE,gBAAgB,~~EACtB~~,OAAO,EAAE,OAAO,~~EAChB,OAAO,~~EAAE,~~cAAc,EACvB,SAAS,EAAE,SAAS,EACpB,~~QAAQ,EAAE,~~EAAE~~,~~GAAG,~~EAAE,~~EACjB,cAAc,EAAE,qBAAqB,EACrC,~~KAAK,EAAE,KAAK,~~GACZ~~,~~CACE~~,CACF,CACF,CACP,CAAA;AACH,CAAC"}
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 Viewed

@@ -1,13 +1,10 @@
 import React from 'react';
 import { PreviewModalData } from '../../../types/notification';
 type Props = {
-    isPreview: boolean;
     data: PreviewModalData | null;
-    iframeH: number;
-    onHeightChange(h: number): void;
     headerH: number;
     tabsH: number;
     maxMenuH: number;
 };
-export default function NotiPreviewPane({ data, headerH, iframeH, isPreview, maxMenuH, onHeightChange, tabsH }: Props): React.JSX.Element;
+export default function NotiPreviewPane({ data, headerH, maxMenuH, tabsH }: Props): React.JSX.Element;
 export {};

package/dist/cjs/components/MainWrapV4/components/notification/component/NotiPreviewPane.js CHANGED Viewed

@@ -6,53 +6,17 @@ var react_1 = tslib_1.__importStar(require("react"));
 var HtmlIFrame_1 = require("./HtmlIFrame");
 function NotiPreviewPane(_a) {
     var _b, _c;
-    var data = _a.data, headerH = _a.headerH, iframeH = _a.iframeH, isPreview = _a.isPreview, maxMenuH = _a.maxMenuH, onHeightChange = _a.onHeightChange, tabsH = _a.tabsH;
+    var data = _a.data, headerH = _a.headerH, maxMenuH = _a.maxMenuH, tabsH = _a.tabsH;
     var wrapRef = (0, react_1.useRef)(null);
     var cardRef = (0, react_1.useRef)(null);
     var availableH = (0, react_1.useMemo)(function () { return Math.max(0, maxMenuH - headerH - tabsH); }, [maxMenuH, headerH, tabsH]);
-    // overhead thực tế (padding, border...) ngoài iframe
-    var _d = (0, react_1.useState)(48), overhead = _d[0], setOverhead = _d[1]; // fallback an toàn
-    (0, react_1.useLayoutEffect)(function () {
-        if (!isPreview)
-            return;
-        var measure = function () {
-            var wrap = wrapRef.current;
-            if (!wrap)
-                return;
-            var wrapH = wrap.clientHeight; // = availableH (trừ scrollbar, ...)
-            // phần ngoài iframe: (wrap padding + card padding + gap...)
-            // cách ổn định: overhead = wrapH - iframeH (nhưng clamp >=0)
-            // nếu card chưa render thì vẫn đo theo wrap
-            var next = Math.max(0, wrapH - iframeH);
-            // clamp để tránh flicker do timing iframe update
-            setOverhead(function (prev) {
-                // chỉ update khi lệch đáng kể
-                if (Math.abs(prev - next) < 4)
-                    return prev;
-                return next;
-            });
-        };
-        measure();
-        var ro = new ResizeObserver(measure);
-        if (wrapRef.current)
-            ro.observe(wrapRef.current);
-        if (cardRef.current)
-            ro.observe(cardRef.current);
-        return function () { return ro.disconnect(); };
-    }, [isPreview, iframeH, availableH]);
-    var shouldScrollPreview = (0, react_1.useMemo)(function () {
-        if (!isPreview)
-            return false;
-        // iframeH + overhead >= availableH  => cần scroll
-        return iframeH + overhead >= availableH - 2;
-    }, [isPreview, iframeH, overhead, availableH]);
     return (react_1.default.createElement("div", { className: 'h-full min-h-0' },
         react_1.default.createElement("div", { ref: wrapRef, className: [
                 'h-full min-h-0 px-3 pb-6',
-                shouldScrollPreview ? 'overflow-y-auto' : 'overflow-y-hidden',
+                'overflow-y-auto',
                 'overflow-x-hidden',
                 '[scrollbar-gutter:stable]',
             ].join(' '), style: { height: "".concat(availableH, "px") } }, data ? (react_1.default.createElement("div", { ref: cardRef, className: 'bg-white p-3' },
-            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', onHeightChange: onHeightChange }))) : (react_1.default.createElement("div", { className: 'flex h-full items-center justify-center text-sm text-gray-500' }, "Ch\u1ECDn m\u1ED9t th\u00F4ng b\u00E1o \u0111\u1EC3 xem n\u1ED9i dung")))));
+            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' })))));
 }
 //# sourceMappingURL=NotiPreviewPane.js.map

package/dist/cjs/components/MainWrapV4/components/notification/component/NotiPreviewPane.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"NotiPreviewPane.js","sourceRoot":"","sources":["../../../../../../../src/components/MainWrapV4/components/notification/component/NotiPreviewPane.tsx"],"names":[],"mappings":";;~~AAoBA~~,~~kCA2EC~~;;~~AA/FD~~,~~qDAAyE~~;~~AACzE~~,2CAAyC;~~AAmBzC~~,SAAwB,eAAe,CAAC,~~EAA6E~~;;~~QAA3E~~,IAAI,UAAA,EAAE,OAAO,aAAA,EAAE,~~OAAO,aAAA,EAAE,SAAS,eAAA,EAAE,~~QAAQ,cAAA,EAAE,~~cAAc,oBAAA,EAAE,~~KAAK,WAAA;~~IAC1G~~,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,~~qDAAqD;IAC/C,IAAA,KAA0B,IAAA,gBAAQ,EAAC,EAAE,CAAC,EAArC,QAAQ,QAAA,EAAE,WAAW,QAAgB,CAAA,CAAC,mBAAmB;IAEhE,IAAA,uBAAe,EAAC;QACd,IAAI,CAAC,SAAS;YAAE,OAAM;QAEtB,IAAM,~~OAAO,GAAG;YACd,IAAM,IAAI,GAAG,OAAO,CAAC,OAAO,CAAA;YAC5B,IAAI,CAAC,IAAI;gBAAE,OAAM;YAEjB,IAAM,KAAK,GAAG,IAAI,CAAC,YAAY,CAAA,CAAC,oCAAoC;YAEpE,4DAA4D;YAC5D,6DAA6D;YAC7D,4CAA4C;YAC5C,IAAM,IAAI,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,GAAG,OAAO,CAAC,CAAA;YAEzC,iDAAiD;YACjD,WAAW,CAAC,UAAC,IAAI;gBACf,8BAA8B;gBAC9B,IAAI,IAAI,CAAC,GAAG,CAAC,IAAI,GAAG,IAAI,CAAC,GAAG,CAAC;oBAAE,OAAO,IAAI,CAAA;gBAC1C,OAAO,IAAI,CAAA;YACb,CAAC,CAAC,CAAA;QACJ,CAAC,CAAA;QAED,OAAO,EAAE,CAAA;QAET,IAAM,EAAE,GAAG,IAAI,cAAc,CAAC,OAAO,CAAC,CAAA;QACtC,IAAI,OAAO,CAAC,OAAO;YAAE,EAAE,CAAC,OAAO,CAAC,OAAO,CAAC,OAAO,CAAC,CAAA;QAChD,IAAI,OAAO,CAAC,OAAO;YAAE,EAAE,CAAC,OAAO,CAAC,OAAO,CAAC,OAAO,CAAC,CAAA;QAEhD,OAAO,cAAM,OAAA,EAAE,CAAC,UAAU,EAAE,EAAf,CAAe,CAAA;IAC9B,CAAC,EAAE,CAAC,SAAS,EAAE,OAAO,EAAE,UAAU,CAAC,CAAC,CAAA;IAEpC,IAAM,mBAAmB,GAAG,IAAA,eAAO,EAAC;QAClC,IAAI,CAAC,SAAS;YAAE,OAAO,KAAK,CAAA;QAC5B,kDAAkD;QAClD,OAAO,OAAO,GAAG,QAAQ,IAAI,UAAU,GAAG,CAAC,CAAA;IAC7C,CAAC,EAAE,CAAC,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,UAAU,CAAC,CAAC,CAAA;IAE9C,OAAO,CACL,uCAAK,SAAS,EAAC,gBAAgB;QAC7B,uCACE,GAAG,EAAE,OAAO,EACZ,SAAS,EAAE;gBACT,0BAA0B;gBAC1B,~~mBAAmB,CAAC,CAAC,CAAC,~~iBAAiB~~,CAAC,CAAC,CAAC,mBAAmB~~;~~gBAC7D~~,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,~~IACT~~,SAAS,EAAC,QAAQ,~~EAClB~~,IAAI,EAAE,MAAA,IAAI,CAAC,IAAI,mCAAI,EAAE,~~EACrB~~,EAAE,EAAE,MAAA,IAAI,CAAC,EAAE,mCAAI,SAAS,~~EACxB~~,~~cAAc~~,~~EAAE,cAAc,GAC9B,CACE,~~CACP,CAAC,CAAC,CAAC,CACF,uCAAK,SAAS,EAAC,+DAA+D,~~4EAExE~~,~~CACP~~,CACG,CACF,CACP,CAAA;AACH,CAAC"}
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"}

package/dist/cjs/components/MainWrapV4/components/notification/hook/useNotificationData.d.ts CHANGED Viewed

@@ -1,6 +1,6 @@
-import React from 'react';
 import { NotiItem } from '../../../types/notification';
 import { TAB } from '../../../constant';
+import React from 'react';
 type Counts = {
     all: number;
     to_me: number;

package/dist/cjs/components/MainWrapV4/components/notification/hook/useNotificationData.js CHANGED Viewed

@@ -3,8 +3,8 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.useNotificationData = useNotificationData;
 var tslib_1 = require("tslib");
 var react_1 = require("react");
-var react_2 = tslib_1.__importDefault(require("react"));
 var constant_1 = require("../../../constant");
+var react_2 = tslib_1.__importDefault(require("react"));
 var apiClient_1 = require("../../../../../lib/fetch/apiClient");
 function useNotificationData(_a) {
     var _this = this;

package/dist/cjs/components/MainWrapV4/components/notification/hook/useNotificationData.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useNotificationData.js","sourceRoot":"","sources":["../../../../../../../src/components/MainWrapV4/components/notification/hook/useNotificationData.tsx"],"names":[],"mappings":";;AAQA,kDAgJC;;AAxJD,+BAA8D;~~AAC9D~~,~~wDAAyB;AAEzB,~~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"}
1	+ {"version":3,"file":"useNotificationData.js","sourceRoot":"","sources":["../../../../../../../src/components/MainWrapV4/components/notification/hook/useNotificationData.tsx"],"names":[],"mappings":"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"}

package/dist/cjs/components/MainWrapV4/components/notification/index.js CHANGED Viewed

@@ -42,8 +42,14 @@ var Notification = function (_a) {
         animated.cleanup();
     };
     return (react_1.default.createElement(NotiDropdown_1.default, { animated: animated, noti: noti, onClose: onCloseAll, onOpen: function () {
-            noti.resetList();
-            setShowModal(true);
+            setShowModal(function (prev) {
+                // đang mở rồi thì đừng resetList (không là mất data + không fetch lại)
+                if (prev)
+                    return prev;
+                noti.resetList();
+                setPreviewModalData(null); // optional: đảm bảo về list mode khi mở lại
+                return true;
+            });
         }, open: showModal, previewDeps: {
             iframeClickRef: iframeClickRef,
             loadMoreRef: loadMoreRef,

package/dist/cjs/components/MainWrapV4/components/notification/index.js.map CHANGED Viewed

	@@ -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;~~YAChB~~,~~YAAY~~,CAAC,IAAI,CAAC,CAAA;~~QACpB~~,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	+ {"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"}

package/dist/cjs/components/MainWrapV4/types/notification.d.ts CHANGED Viewed

@@ -40,5 +40,4 @@ export type HtmlIFrameProps = {
     id: string;
     html: string;
     className?: string;
-    onHeightChange?(h: number): void;
 };

package/dist/esm/components/MainWrapV4/components/notification/component/HtmlIFrame.d.ts CHANGED Viewed

@@ -1,3 +1,3 @@
-import React from 'react';
 import { HtmlIFrameProps } from '../../../types/notification';
-export declare const HtmlIFrame: ({ className, html, id, onHeightChange }: HtmlIFrameProps) => React.JSX.Element;
+import React from 'react';
+export declare const HtmlIFrame: ({ className, html, id }: HtmlIFrameProps) => React.JSX.Element;

package/dist/esm/components/MainWrapV4/components/notification/component/HtmlIFrame.js CHANGED Viewed

@@ -1,12 +1,12 @@
-import React from 'react';
 import { useEffect, useMemo, useState } from 'react';
+import React from 'react';
 export var HtmlIFrame = function (_a) {
-    var className = _a.className, html = _a.html, id = _a.id, onHeightChange = _a.onHeightChange;
-    var _b = useState(200), height = _b[0], setHeight = _b[1];
+    var className = _a.className, html = _a.html, id = _a.id;
+    var _b = useState(200), contentHeight = _b[0], setContentHeight = _b[1];
     var srcDoc = useMemo(function () {
-        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      /* tr\u00E1nh scroll b\u00EAn trong iframe */\n      body { overflow: hidden; }\n\n      a { color: #2563eb; text-decoration: underline; }\n      img, video { max-width: 100%; height: auto; display: block; }\n    ";
-        var script = "\n      (function () {\n        var BUFFER = 105; // ch\u1ED1ng h\u1EE5t cu\u1ED1i\n\n        function measure() {\n          var body = document.body;\n          var html = document.documentElement;\n\n          var h = Math.max(\n            body ? body.scrollHeight : 0,\n            body ? body.offsetHeight : 0,\n            html ? html.scrollHeight : 0,\n            html ? html.offsetHeight : 0,\n            html ? html.clientHeight : 0\n          );\n\n          window.parent.postMessage(\n            { type: 'IFRAME_HEIGHT', id: '".concat(id, "', height: h + BUFFER },\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          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        // \u0111o nhi\u1EC1u nh\u1ECBp \u0111\u1EC3 b\u1EAFt font/\u1EA3nh render\n        requestMeasure();\n        setTimeout(requestMeasure, 50);\n        setTimeout(requestMeasure, 150);\n        setTimeout(function () { hookImages(); requestMeasure(); }, 0);\n      })();\n    ");
-        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>");
+        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    ";
+        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    ");
+        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>");
     }, [html, id]);
     useEffect(function () {
         var handler = function (e) {
@@ -15,15 +15,16 @@ export var HtmlIFrame = function (_a) {
                 return;
             if (((_b = e.data) === null || _b === void 0 ? void 0 : _b.id) !== id)
                 return;
-            setHeight(e.data.height);
-            onHeightChange === null || onHeightChange === void 0 ? void 0 : onHeightChange(e.data.height);
+            var h = Number(e.data.height) || 0;
+            setContentHeight(function (prev) { return (Math.abs(prev - h) < 2 ? prev : h); });
         };
         window.addEventListener('message', handler);
         return function () { return window.removeEventListener('message', handler); };
-    }, [id, onHeightChange]);
+    }, [id]);
+    var renderH = Math.max(0, contentHeight);
     return (React.createElement("iframe", { className: className, sandbox: 'allow-scripts allow-popups allow-forms', srcDoc: srcDoc, style: {
             width: '100%',
-            height: "".concat(Math.max(0, height - 2), "px"),
+            height: "".concat(renderH, "px"),
             border: 'none',
             display: 'block',
         }, title: "noti-html-".concat(id) }));

package/dist/esm/components/MainWrapV4/components/notification/component/HtmlIFrame.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"HtmlIFrame.js","sourceRoot":"","sources":["../../../../../../../src/components/MainWrapV4/components/notification/component/HtmlIFrame.tsx"],"names":[],"mappings":"AAAA,OAAO,~~KAAK~~,~~MAAM~~,~~OAAO~~,~~CAAA;AACzB,~~OAAO,EAAE,~~SAAS~~,EAAE,OAAO,~~EAAE~~,~~QAAQ~~,~~EAAE~~,MAAM,OAAO,CAAA;~~AAGpD~~,MAAM,CAAC,IAAM,UAAU,GAAG,UAAC,~~EAAwD~~;~~QAAtD~~,SAAS,eAAA,EAAE,IAAI,UAAA,EAAE,EAAE,QAAA~~,EAAE,cAAc,oBAAA~~;~~IACxD~~,IAAA,~~KAAsB~~,QAAQ,CAAS,GAAG,CAAC,~~EAA1C~~,~~MAAM~~,QAAA,EAAE,~~SAAS~~,QAAyB,CAAA;~~IAEjD~~,IAAM,MAAM,GAAG,OAAO,CAAC;QACrB,IAAM,GAAG,GAAG,~~yhBAgBX~~,CAAA;QAED,IAAM,MAAM,GAAG,~~wiBAiByB~~,EAAE~~,+qCAqCzC~~,CAAA;QAED,OAAO,qMAKQ,GAAG,~~kEAGV~~,IAAI,aAAJ,IAAI,cAAJ,IAAI,GAAI,EAAE,~~iCACF~~,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,~~SAAS~~,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,CAAA;~~YAExB~~,~~cAAc~~,~~aAAd~~,~~cAAc~~,~~uBAAd~~,~~cAAc~~,~~CAAG~~,CAAC,CAAC,IAAI,CAAC,~~MAAM~~,CAAC,CAAA;~~QACjC~~,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,~~EAAE~~,~~cAAc~~,CAAC,CAAC,CAAA;~~IAExB~~,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,~~IAAI~~,~~CAAC,GAAG,CAAC,CAAC,EAAE,MAAM,GAAG,CAAC,CAAC,~~OAAI;~~YACtC~~,MAAM,EAAE,MAAM;YACd,OAAO,EAAE,OAAO;SACjB,EACD,KAAK,EAAE,oBAAa,EAAE,CAAE,GACxB,CACH,CAAA;AACH,CAAC,CAAA"}
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"}

package/dist/esm/components/MainWrapV4/components/notification/component/NotiDropdown.js CHANGED Viewed

@@ -1,5 +1,5 @@
 import { Menu, Transition } from '@headlessui/react';
-import { Fragment, useMemo, useRef, useState } from 'react';
+import { Fragment, useMemo, useRef } from 'react';
 import { useMeasuredHeight } from '../hook/useMeasuredHeight';
 import { useWindowHeight } from '../hook/useWindowHeight';
 import NotiBellButton from './NotiBellButton';
@@ -14,7 +14,6 @@ export default function NotiDropdown(_a) {
     var headerH = useMeasuredHeight(headerRef, 56);
     var tabsH = useMeasuredHeight(tabsRef, 56);
     var vh = useWindowHeight();
-    var _b = useState(240), previewIframeH = _b[0], setPreviewIframeH = _b[1];
     // menu height: list vs preview
     // menu height: luôn theo LIST (kể cả khi preview)
     var listMenuH = useMemo(function () {
@@ -47,17 +46,19 @@ export default function NotiDropdown(_a) {
                         '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)]',
                         'max-h-[calc(100vh-60px)]',
                         'flex flex-col overflow-hidden',
-                        'rounded-2xl border border-gray-200 bg-white drop-shadow-xl',
+                        'rounded-2xl bg-white ',
+                        '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)]',
                         'transition-[height] duration-[480ms] ease-[cubic-bezier(0.16,1,0.3,1)]',
                         'will-change-[height]',
                         'focus:outline-none',
                     ].join(' '), static: true, style: { height: menuH ? "".concat(menuH, "px") : undefined } },
-                    React.createElement(NotiHeader, { ref: headerRef, isPreview: isPreview, title: previewModalData === null || previewModalData === void 0 ? void 0 : previewModalData.title, onBack: function () {
+                    React.createElement(NotiHeader, { ref: headerRef, isPreview: isPreview, onBack: function () {
                             setPreviewModalData(null);
-                            setPreviewIframeH(240);
-                        } }),
+                        }, title: previewModalData === null || previewModalData === void 0 ? void 0 : previewModalData.title }),
                     React.createElement("div", { className: 'relative min-h-0 flex-1 overflow-hidden' },
-                        React.createElement(NotiListPane, { animated: animated, headerH: headerH, iframeClickRef: previewDeps.iframeClickRef, isPreview: isPreview, loadMoreRef: previewDeps.loadMoreRef, noti: noti, onOpenPreview: function (data) { return setPreviewModalData(data); }, onPreviewHeightChange: setPreviewIframeH, previewIframeH: previewIframeH, previewModalData: previewModalData, shouldScrollList: shouldScrollList, tabsH: tabsH, tabsRef: tabsRef, vh: vh })))),
+                        React.createElement(NotiListPane, { animated: animated, headerH: headerH, iframeClickRef: previewDeps.iframeClickRef, isPreview: isPreview, loadMoreRef: previewDeps.loadMoreRef, menuH: menuH, noti: noti, onBackToList: function () {
+                                setPreviewModalData(null);
+                            }, onOpenPreview: function (data) { return setPreviewModalData(data); }, previewModalData: previewModalData, shouldScrollList: shouldScrollList, tabsH: tabsH, tabsRef: tabsRef })))),
             menuOpen && open && (React.createElement("div", { "aria-hidden": true, className: 'fixed inset-0 z-40', onClick: function () {
                     close();
                     onClose();

package/dist/esm/components/MainWrapV4/components/notification/component/NotiDropdown.js.map CHANGED Viewed

	@@ -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,~~QAAQ,EAAE,~~MAAM,OAAO,CAAA;~~AAC3D~~,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;~~IAEtB,IAAA,KAAsC,QAAQ,CAAC,GAAG,CAAC,EAAlD,cAAc,QAAA,EAAE,iBAAiB,QAAiB,CAAA;IAEzD~~,+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,~~4DAA4D~~;~~wBAC5D~~,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,~~KAAK,EAAE,gBAAgB,aAAhB,gBAAgB,uBAAhB,gBAAgB,CAAE,KAAK,EAC9B,~~MAAM,EAAE;4BACN,mBAAmB,CAAC,IAAI,CAAC,CAAA;~~4BACzB~~,~~iBAAiB,~~CAAC,~~GAAG~~,~~CAAC~~,~~CAAA;wBACxB~~,~~CAAC~~,~~GACD~~;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,IAAI,EAAE,IAAI,EACV,aAAa,EAAE,UAAC,IAAI,IAAK,OAAA,mBAAmB,CAAC,IAAI,CAAC,EAAzB,CAAyB,EAClD,~~qBAAqB,EAAE,iBAAiB,EACxC,cAAc,EAAE,cAAc,EAC9B,~~gBAAgB,EAAE,gBAAgB,EAClC,gBAAgB,EAAE,gBAAgB,EAClC,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,OAAO,~~EAChB~~,~~EAAE,EAAE,EAAE,GACN,~~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;~~IAvE~~+B,~~CAuE~~/B,CACI,CACR,CAAA;AACH,CAAC"}
1	+ {"version":3,"file":"NotiDropdown.js","sourceRoot":"","sources":["../../../../../../../src/components/MainWrapV4/components/notification/component/NotiDropdown.tsx"],"names":[],"mappings":"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"}

package/dist/esm/components/MainWrapV4/components/notification/component/NotiHeader.js CHANGED Viewed

@@ -2,7 +2,7 @@ import { ArrowLeftIcon } from '@heroicons/react/24/outline';
 import React, { forwardRef } from 'react';
 var NotiHeader = forwardRef(function (_a, ref) {
     var isPreview = _a.isPreview, onBack = _a.onBack, title = _a.title;
-    return (React.createElement("div", { ref: ref, className: 'relative flex shrink-0 items-center px-4 py-3' },
+    return (React.createElement("div", { ref: ref, className: 'relative flex shrink-0 items-center px-4 pb-1.5 pt-3' },
         React.createElement("button", { "aria-label": 'Back', className: [
                 'absolute left-4 inline-flex items-center justify-center rounded-lg p-2',
                 'text-gray-600 hover:bg-gray-100',

package/dist/esm/components/MainWrapV4/components/notification/component/NotiHeader.js.map CHANGED Viewed

	@@ -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~~,+CAA+C~~;~~QAEtE~~,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"}
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"}

package/dist/esm/components/MainWrapV4/components/notification/component/NotiListPane.d.ts CHANGED Viewed

@@ -11,10 +11,9 @@ type Props = {
     loadMoreRef: React.RefObject<HTMLDivElement | null>;
     onOpenPreview(data: PreviewModalData): void;
     previewModalData: PreviewModalData | null;
-    previewIframeH: number;
-    onPreviewHeightChange(h: number): void;
     headerH: number;
-    vh: number;
+    onBackToList(): void;
+    menuH: number;
 };
-export default function NotiListPane({ animated, headerH, iframeClickRef, isPreview, loadMoreRef, noti, onOpenPreview, onPreviewHeightChange, previewIframeH, previewModalData, shouldScrollList, tabsH, tabsRef, vh, }: Props): React.JSX.Element;
+export default function NotiListPane({ animated, headerH, iframeClickRef, isPreview, loadMoreRef, menuH, noti, onBackToList, onOpenPreview, previewModalData, shouldScrollList, tabsH, tabsRef, }: Props): React.JSX.Element;
 export {};

package/dist/esm/components/MainWrapV4/components/notification/component/NotiListPane.js CHANGED Viewed

@@ -1,16 +1,26 @@
 import React from 'react';
 import NotiPreviewPane from './NotiPreviewPane';
 import { ReadStatusRight } from './ReadStatusRight';
-import { PHXSkeleton } from '../../../../Skeleton';
 import { PHXReportButtonTabV2 } from '../../../../ReportButtonV2';
 import { htmlToText } from '../../../helper';
 import { PHXEmptyRecord } from '../../../../EmptyRecord';
 export default function NotiListPane(_a) {
-    var animated = _a.animated, headerH = _a.headerH, iframeClickRef = _a.iframeClickRef, isPreview = _a.isPreview, loadMoreRef = _a.loadMoreRef, noti = _a.noti, onOpenPreview = _a.onOpenPreview, onPreviewHeightChange = _a.onPreviewHeightChange, previewIframeH = _a.previewIframeH, previewModalData = _a.previewModalData, shouldScrollList = _a.shouldScrollList, tabsH = _a.tabsH, tabsRef = _a.tabsRef, vh = _a.vh;
-    var renderSkeletons = function () { return (React.createElement(React.Fragment, null, Array.from({ length: 15 }).map(function (_, i) { return (React.createElement(PHXSkeleton, { key: i, size: 'medium', type: 'only-report' })); }))); };
+    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;
+    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' },
+        React.createElement("div", { className: 'flex-1 space-y-6 py-1' },
+            React.createElement("div", { className: 'h-2 rounded bg-gray-200' }),
+            React.createElement("div", { className: 'space-y-3' },
+                React.createElement("div", { className: 'grid grid-cols-3 gap-4' },
+                    React.createElement("div", { className: 'col-span-2 h-2 rounded bg-gray-200' }),
+                    React.createElement("div", { className: 'col-span-1 h-2 rounded bg-gray-200' })),
+                React.createElement("div", { className: 'h-2 rounded bg-gray-200' }))))); }))); };
     return (React.createElement("div", { className: 'flex h-full min-h-0 w-full flex-col' },
-        React.createElement("div", { ref: tabsRef, className: 'px-3 pt-3' },
-            React.createElement(PHXReportButtonTabV2, { activeTab: noti.activeTab, onChange: function (t) { return noti.setActiveTab(t); },
+        React.createElement("div", { ref: tabsRef, className: 'px-3 pt-0.5' },
+            React.createElement(PHXReportButtonTabV2, { activeTab: noti.activeTab, onChange: function (t) {
+                    if (isPreview)
+                        onBackToList();
+                    noti.setActiveTab(t);
+                },
                 // @ts-ignore
                 tabs: noti.tabs })),
         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) {
                                             html: (_c = (_b = item === null || item === void 0 ? void 0 : item.content) !== null && _b !== void 0 ? _b : preview) !== null && _c !== void 0 ? _c : '',
                                         });
                                     };
-                                    return (React.createElement("li", { key: item.id, className: "group ".concat(idx === 0 ? 'pt-1' : 'pt-5') },
+                                    return (React.createElement("li", { key: item.id, className: "group ".concat(idx === 0 ? 'pt-1' : ' pt-1.5') },
                                         React.createElement("button", { className: 'w-full p-2 text-left hover:bg-gray-50', onClick: handleClick, type: 'button' },
                                             React.createElement("div", { className: 'flex justify-between gap-3 sm:gap-4 md:gap-8 lg:gap-16 xl:gap-40' },
                                                 React.createElement("div", { className: 'min-w-0' },
-                                                    React.createElement("div", { className: 'truncate text-sm font-semibold text-gray-800' }, (_e = item === null || item === void 0 ? void 0 : item.title) !== null && _e !== void 0 ? _e : 'Thông báo'),
+                                                    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'),
                                                     React.createElement("div", { className: 'mt-1 text-xs text-gray-500' }, item === null || item === void 0 ? void 0 : item.sent_at),
                                                     React.createElement("div", { className: 'mt-1 truncate text-xs text-gray-500' }, previewText)),
                                                 React.createElement("div", { className: 'flex items-center' },
@@ -74,6 +84,6 @@ export default function NotiListPane(_a) {
                     'will-change-[opacity,transform]',
                     isPreview ? 'scale-100 opacity-100' : 'pointer-events-none scale-[0.995] opacity-0',
                 ].join(' ') },
-                React.createElement(NotiPreviewPane, { data: previewModalData, headerH: headerH, iframeH: previewIframeH, isPreview: isPreview, maxMenuH: vh - 60, onHeightChange: onPreviewHeightChange, tabsH: tabsH })))));
+                React.createElement(NotiPreviewPane, { data: previewModalData, headerH: headerH, maxMenuH: menuH, tabsH: tabsH })))));
 }
 //# sourceMappingURL=NotiListPane.js.map

package/dist/esm/components/MainWrapV4/components/notification/component/NotiListPane.js.map CHANGED Viewed

	@@ -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,~~WAAW,EAAE,MAAM,sBAAsB,CAAA;AAClD,OAAO,EAAE,~~oBAAoB,EAAE,MAAM,4BAA4B,CAAA;AACjE,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAA;AAC5C,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAA;~~AAuBxD~~,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,~~EAe7B~~;~~QAdN~~,QAAQ,cAAA,EACR,OAAO,aAAA,EACP,cAAc,oBAAA,EACd,SAAS,eAAA,EACT,WAAW,iBAAA,EACX,IAAI,UAAA,EACJ,aAAa,mBAAA,EACb,~~qBAAqB,2BAAA,EACrB,cAAc,oBAAA,EACd,~~gBAAgB,sBAAA,EAChB,gBAAgB,sBAAA,EAChB,KAAK,WAAA,EACL,OAAO,aAAA~~,EACP,EAAE,QAAA~~;~~IAEF~~,IAAM,eAAe,GAAG,cAAM,OAAA,CAC5B,~~0CACG~~,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,~~EAAE~~,EAAE,CAAC,CAAC,GAAG,CAAC,UAAC,CAAC,EAAE,CAAC,IAAK,OAAA,~~CACxC~~,~~oBAAC~~,~~WAAW,IAAC,~~GAAG,EAAE,CAAC,EAAE,~~IAAI~~,EAAC,~~QAAQ~~,EAAC,~~IAAI~~,EAAC,~~aAAa~~,GAAG,~~CACzD~~,~~EAFyC~~,~~CAEzC~~,CAAC,~~CACD~~,~~CACJ~~,~~EAN6B~~,~~CAM7B~~,CAAA;IAED,OAAO,CACL,6BAAK,SAAS,EAAC,qCAAqC;QAElD,6BAAK,GAAG,EAAE,OAAc,EAAE,SAAS,EAAC,~~WAAW~~;~~YAC7C~~,oBAAC,oBAAoB,IACnB,SAAS,EAAE,IAAI,CAAC,SAAS,EACzB,QAAQ,EAAE,UAAC,CAAM,~~IAAK~~,~~OAAA~~,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,~~EAApB~~,~~CAAoB~~;~~gBAC1C~~,aAAa;gBACb,IAAI,EAAE,IAAI,CAAC,IAAI,GACf,CACE;QAGN,6BAAK,SAAS,EAAC,yCAAyC,EAAC,KAAK,EAAE,EAAE,MAAM,EAAE,sBAAe,KAAK,QAAK,EAAE;YAEnG,6BACE,SAAS,EAAE;oBACT,kBAAkB;oBAClB,0DAA0D;oBAC1D,iCAAiC;oBACjC,SAAS,CAAC,CAAC,CAAC,6CAA6C,CAAC,CAAC,CAAC,uBAAuB;iBACpF,CAAC,IAAI,CAAC,GAAG,CAAC;gBAEX,6BACE,SAAS,EAAE;wBACT,2CAA2C;wBAC3C,gBAAgB,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,iBAAiB;qBACvD,CAAC,IAAI,CAAC,GAAG,CAAC;oBAEX,6BAAK,SAAS,EAAC,mBAAmB;wBAChC,6BACE,SAAS,EAAE;gCACT,QAAQ,CAAC,SAAS,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,iBAAiB;gCAC3D,iEAAiE;gCACjE,QAAQ,CAAC,cAAc,CAAC,CAAC,CAAC,2BAA2B,CAAC,CAAC,CAAC,6BAA6B;6BACtF,CAAC,IAAI,CAAC,GAAG,CAAC,EACX,KAAK,EAAE,EAAE,SAAS,EAAE,QAAQ,CAAC,YAAY,EAAE,EAAE;4BAE7C,6BAAK,GAAG,EAAE,QAAQ,CAAC,UAAU,IAC1B,IAAI,CAAC,QAAQ,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CAC1B;gCACE,gCACG,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,UAAC,IAAc,EAAE,GAAW;;oCAC7C,IAAM,OAAO,GAAG,CAAC,IAAI,CAAC,QAAQ;wCAC5B,CAAC,CAAC,CAAA,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,YAAY,0CAAE,IAAI,EAAE;6CAC1B,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,KAAK,0CAAE,IAAI,EAAE,CAAA;6CACnB,MAAA,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,OAAO,0CAAE,KAAK,0CAAE,IAAI,EAAE,CAAA;4CAC5B,WAAW;wCACb,CAAC,CAAC,IAAI,CAAC,OAAO,CAAA;oCAEhB,IAAM,WAAW,GAAG,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,OAAO,CAAA;oCAEjE,IAAM,WAAW,GAAG;;wCAClB,IAAI,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,EAAE,KAAI,cAAc,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,CAAC;4CAChD,OAAM;wCACR,CAAC;wCAED,IAAI,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,YAAY,EAAE,CAAC;4CACvB,MAAM,CAAC,QAAQ,CAAC,IAAI,GAAG,IAAI,CAAC,YAAY,CAAA;4CACxC,OAAM;wCACR,CAAC;wCAED,aAAa,CAAC;4CACZ,EAAE,EAAE,IAAI,CAAC,EAAE;4CACX,KAAK,EAAE,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,KAAK,mCAAI,WAAW;4CACjC,IAAI,EAAE,MAAA,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,OAAO,mCAAI,OAAO,mCAAI,EAAE;yCACrC,CAAC,CAAA;oCACJ,CAAC,CAAA;oCAED,OAAO,CACL,4BAAI,GAAG,EAAE,IAAI,CAAC,EAAE,EAAE,SAAS,EAAE,gBAAS,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,~~MAAM~~,CAAE;~~wCACjE~~,gCACE,SAAS,EAAC,uCAAuC,EACjD,OAAO,EAAE,WAAW,EACpB,IAAI,EAAC,QAAQ;4CAEb,6BAAK,SAAS,EAAC,kEAAkE;gDAC/E,6BAAK,SAAS,EAAC,SAAS;oDACtB,6BAAK,SAAS,EAAC,8CAA8C,IAC1D,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,KAAK,mCAAI,WAAW,CACvB;oDACN,6BAAK,SAAS,EAAC,4BAA4B,IAAE,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,OAAO,CAAO;oDACjE,6BAAK,SAAS,EAAC,qCAAqC,IAAE,WAAW,CAAO,CACpE;gDACN,6BAAK,SAAS,EAAC,mBAAmB;oDAChC,oBAAC,eAAe,IAAC,UAAU,EAAE,CAAC,IAAI,CAAC,QAAQ,EAAE,MAAM,EAAE,CAAC,CAAC,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,OAAO,CAAA,GAAI,CACpE,CACF,CACC,CACN,CACN,CAAA;gCACH,CAAC,CAAC,CACC;gCAEL,6BAAK,GAAG,EAAE,WAAkB,EAAE,SAAS,EAAC,MAAM,GAAG;gCACjD,6BAAK,SAAS,EAAC,MAAM,GAAG,CACvB,CACJ,CAAC,CAAC,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAC5B,oBAAC,cAAc,IAAC,WAAW,EAAC,0DAA4B,EAAC,KAAK,EAAC,YAAO,GAAG,CAC1E,CACG,CACF;wBAEL,QAAQ,CAAC,YAAY,IAAI,6BAAK,SAAS,EAAC,kBAAkB,IAAE,eAAe,EAAE,CAAO,CACjF,CACF,CACF;YAGN,6BACE,SAAS,EAAE;oBACT,kBAAkB;oBAClB,0DAA0D;oBAC1D,iCAAiC;oBACjC,SAAS,CAAC,CAAC,CAAC,uBAAuB,CAAC,CAAC,CAAC,6CAA6C;iBACpF,CAAC,IAAI,CAAC,GAAG,CAAC;gBAEX,oBAAC,eAAe,~~IACd~~,IAAI,EAAE,gBAAgB,~~EACtB~~,OAAO,EAAE,OAAO,~~EAChB,OAAO,~~EAAE,~~cAAc,EACvB,SAAS,EAAE,SAAS,EACpB,~~QAAQ,EAAE,~~EAAE~~,~~GAAG,~~EAAE,~~EACjB,cAAc,EAAE,qBAAqB,EACrC,~~KAAK,EAAE,KAAK,~~GACZ~~,~~CACE~~,CACF,CACF,CACP,CAAA;AACH,CAAC"}
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,oBAAoB,EAAE,MAAM,4BAA4B,CAAA;AACjE,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAA;AAC5C,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAA;AAsBxD,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,EAc7B;QAbN,QAAQ,cAAA,EACR,OAAO,aAAA,EACP,cAAc,oBAAA,EACd,SAAS,eAAA,EACT,WAAW,iBAAA,EACX,KAAK,WAAA,EACL,IAAI,UAAA,EACJ,YAAY,kBAAA,EACZ,aAAa,mBAAA,EACb,gBAAgB,sBAAA,EAChB,gBAAgB,sBAAA,EAChB,KAAK,WAAA,EACL,OAAO,aAAA;IAEP,IAAM,eAAe,GAAG,cAAM,OAAA,CAC5B,6BAAK,SAAS,EAAC,qBAAqB,IACjC,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,CAAC,CAAC,GAAG,CAAC,UAAC,CAAC,EAAE,CAAC,IAAK,OAAA,CACvC,6BAAK,GAAG,EAAE,CAAC,EAAE,SAAS,EAAC,8BAA8B;QACnD,6BAAK,SAAS,EAAC,uBAAuB;YACpC,6BAAK,SAAS,EAAC,yBAAyB,GAAG;YAC3C,6BAAK,SAAS,EAAC,WAAW;gBACxB,6BAAK,SAAS,EAAC,wBAAwB;oBACrC,6BAAK,SAAS,EAAC,oCAAoC,GAAG;oBACtD,6BAAK,SAAS,EAAC,oCAAoC,GAAG,CAClD;gBACN,6BAAK,SAAS,EAAC,yBAAyB,GAAG,CACvC,CACF,CACF,CACP,EAbwC,CAaxC,CAAC,CACE,CACP,EAjB6B,CAiB7B,CAAA;IAED,OAAO,CACL,6BAAK,SAAS,EAAC,qCAAqC;QAElD,6BAAK,GAAG,EAAE,OAAc,EAAE,SAAS,EAAC,aAAa;YAC/C,oBAAC,oBAAoB,IACnB,SAAS,EAAE,IAAI,CAAC,SAAS,EACzB,QAAQ,EAAE,UAAC,CAAM;oBACf,IAAI,SAAS;wBAAE,YAAY,EAAE,CAAA;oBAC7B,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,CAAA;gBACtB,CAAC;gBACD,aAAa;gBACb,IAAI,EAAE,IAAI,CAAC,IAAI,GACf,CACE;QAGN,6BAAK,SAAS,EAAC,yCAAyC,EAAC,KAAK,EAAE,EAAE,MAAM,EAAE,sBAAe,KAAK,QAAK,EAAE;YAEnG,6BACE,SAAS,EAAE;oBACT,kBAAkB;oBAClB,0DAA0D;oBAC1D,iCAAiC;oBACjC,SAAS,CAAC,CAAC,CAAC,6CAA6C,CAAC,CAAC,CAAC,uBAAuB;iBACpF,CAAC,IAAI,CAAC,GAAG,CAAC;gBAEX,6BACE,SAAS,EAAE;wBACT,2CAA2C;wBAC3C,gBAAgB,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,iBAAiB;qBACvD,CAAC,IAAI,CAAC,GAAG,CAAC;oBAEX,6BAAK,SAAS,EAAC,mBAAmB;wBAChC,6BACE,SAAS,EAAE;gCACT,QAAQ,CAAC,SAAS,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,iBAAiB;gCAC3D,iEAAiE;gCACjE,QAAQ,CAAC,cAAc,CAAC,CAAC,CAAC,2BAA2B,CAAC,CAAC,CAAC,6BAA6B;6BACtF,CAAC,IAAI,CAAC,GAAG,CAAC,EACX,KAAK,EAAE,EAAE,SAAS,EAAE,QAAQ,CAAC,YAAY,EAAE,EAAE;4BAE7C,6BAAK,GAAG,EAAE,QAAQ,CAAC,UAAU,IAC1B,IAAI,CAAC,QAAQ,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CAC1B;gCACE,gCACG,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,UAAC,IAAc,EAAE,GAAW;;oCAC7C,IAAM,OAAO,GAAG,CAAC,IAAI,CAAC,QAAQ;wCAC5B,CAAC,CAAC,CAAA,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,YAAY,0CAAE,IAAI,EAAE;6CAC1B,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,KAAK,0CAAE,IAAI,EAAE,CAAA;6CACnB,MAAA,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,OAAO,0CAAE,KAAK,0CAAE,IAAI,EAAE,CAAA;4CAC5B,WAAW;wCACb,CAAC,CAAC,IAAI,CAAC,OAAO,CAAA;oCAEhB,IAAM,WAAW,GAAG,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,OAAO,CAAA;oCAEjE,IAAM,WAAW,GAAG;;wCAClB,IAAI,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,EAAE,KAAI,cAAc,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,CAAC;4CAChD,OAAM;wCACR,CAAC;wCAED,IAAI,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,YAAY,EAAE,CAAC;4CACvB,MAAM,CAAC,QAAQ,CAAC,IAAI,GAAG,IAAI,CAAC,YAAY,CAAA;4CACxC,OAAM;wCACR,CAAC;wCAED,aAAa,CAAC;4CACZ,EAAE,EAAE,IAAI,CAAC,EAAE;4CACX,KAAK,EAAE,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,KAAK,mCAAI,WAAW;4CACjC,IAAI,EAAE,MAAA,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,OAAO,mCAAI,OAAO,mCAAI,EAAE;yCACrC,CAAC,CAAA;oCACJ,CAAC,CAAA;oCAED,OAAO,CACL,4BAAI,GAAG,EAAE,IAAI,CAAC,EAAE,EAAE,SAAS,EAAE,gBAAS,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,CAAE;wCACpE,gCACE,SAAS,EAAC,uCAAuC,EACjD,OAAO,EAAE,WAAW,EACpB,IAAI,EAAC,QAAQ;4CAEb,6BAAK,SAAS,EAAC,kEAAkE;gDAC/E,6BAAK,SAAS,EAAC,SAAS;oDACtB,6BAAK,SAAS,EAAC,8CAA8C,IAC1D,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,KAAK,mCAAI,WAAW,CACvB;oDACN,6BAAK,SAAS,EAAC,4BAA4B,IAAE,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,OAAO,CAAO;oDACjE,6BAAK,SAAS,EAAC,qCAAqC,IAAE,WAAW,CAAO,CACpE;gDACN,6BAAK,SAAS,EAAC,mBAAmB;oDAChC,oBAAC,eAAe,IAAC,UAAU,EAAE,CAAC,IAAI,CAAC,QAAQ,EAAE,MAAM,EAAE,CAAC,CAAC,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,OAAO,CAAA,GAAI,CACpE,CACF,CACC,CACN,CACN,CAAA;gCACH,CAAC,CAAC,CACC;gCAEL,6BAAK,GAAG,EAAE,WAAkB,EAAE,SAAS,EAAC,MAAM,GAAG;gCACjD,6BAAK,SAAS,EAAC,MAAM,GAAG,CACvB,CACJ,CAAC,CAAC,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAC5B,oBAAC,cAAc,IAAC,WAAW,EAAC,0DAA4B,EAAC,KAAK,EAAC,YAAO,GAAG,CAC1E,CACG,CACF;wBAEL,QAAQ,CAAC,YAAY,IAAI,6BAAK,SAAS,EAAC,kBAAkB,IAAE,eAAe,EAAE,CAAO,CACjF,CACF,CACF;YAGN,6BACE,SAAS,EAAE;oBACT,kBAAkB;oBAClB,0DAA0D;oBAC1D,iCAAiC;oBACjC,SAAS,CAAC,CAAC,CAAC,uBAAuB,CAAC,CAAC,CAAC,6CAA6C;iBACpF,CAAC,IAAI,CAAC,GAAG,CAAC;gBAEX,oBAAC,eAAe,IAAC,IAAI,EAAE,gBAAgB,EAAE,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,GAAI,CACxF,CACF,CACF,CACP,CAAA;AACH,CAAC"}

package/dist/esm/components/MainWrapV4/components/notification/component/NotiPreviewPane.d.ts CHANGED Viewed

@@ -1,13 +1,10 @@
 import React from 'react';
 import { PreviewModalData } from '../../../types/notification';
 type Props = {
-    isPreview: boolean;
     data: PreviewModalData | null;
-    iframeH: number;
-    onHeightChange(h: number): void;
     headerH: number;
     tabsH: number;
     maxMenuH: number;
 };
-export default function NotiPreviewPane({ data, headerH, iframeH, isPreview, maxMenuH, onHeightChange, tabsH }: Props): React.JSX.Element;
+export default function NotiPreviewPane({ data, headerH, maxMenuH, tabsH }: Props): React.JSX.Element;
 export {};

package/dist/esm/components/MainWrapV4/components/notification/component/NotiPreviewPane.js CHANGED Viewed

@@ -1,54 +1,18 @@
-import React, { useLayoutEffect, useMemo, useRef, useState } from 'react';
+import React, { useMemo, useRef } from 'react';
 import { HtmlIFrame } from './HtmlIFrame';
 export default function NotiPreviewPane(_a) {
     var _b, _c;
-    var data = _a.data, headerH = _a.headerH, iframeH = _a.iframeH, isPreview = _a.isPreview, maxMenuH = _a.maxMenuH, onHeightChange = _a.onHeightChange, tabsH = _a.tabsH;
+    var data = _a.data, headerH = _a.headerH, maxMenuH = _a.maxMenuH, tabsH = _a.tabsH;
     var wrapRef = useRef(null);
     var cardRef = useRef(null);
     var availableH = useMemo(function () { return Math.max(0, maxMenuH - headerH - tabsH); }, [maxMenuH, headerH, tabsH]);
-    // overhead thực tế (padding, border...) ngoài iframe
-    var _d = useState(48), overhead = _d[0], setOverhead = _d[1]; // fallback an toàn
-    useLayoutEffect(function () {
-        if (!isPreview)
-            return;
-        var measure = function () {
-            var wrap = wrapRef.current;
-            if (!wrap)
-                return;
-            var wrapH = wrap.clientHeight; // = availableH (trừ scrollbar, ...)
-            // phần ngoài iframe: (wrap padding + card padding + gap...)
-            // cách ổn định: overhead = wrapH - iframeH (nhưng clamp >=0)
-            // nếu card chưa render thì vẫn đo theo wrap
-            var next = Math.max(0, wrapH - iframeH);
-            // clamp để tránh flicker do timing iframe update
-            setOverhead(function (prev) {
-                // chỉ update khi lệch đáng kể
-                if (Math.abs(prev - next) < 4)
-                    return prev;
-                return next;
-            });
-        };
-        measure();
-        var ro = new ResizeObserver(measure);
-        if (wrapRef.current)
-            ro.observe(wrapRef.current);
-        if (cardRef.current)
-            ro.observe(cardRef.current);
-        return function () { return ro.disconnect(); };
-    }, [isPreview, iframeH, availableH]);
-    var shouldScrollPreview = useMemo(function () {
-        if (!isPreview)
-            return false;
-        // iframeH + overhead >= availableH  => cần scroll
-        return iframeH + overhead >= availableH - 2;
-    }, [isPreview, iframeH, overhead, availableH]);
     return (React.createElement("div", { className: 'h-full min-h-0' },
         React.createElement("div", { ref: wrapRef, className: [
                 'h-full min-h-0 px-3 pb-6',
-                shouldScrollPreview ? 'overflow-y-auto' : 'overflow-y-hidden',
+                'overflow-y-auto',
                 'overflow-x-hidden',
                 '[scrollbar-gutter:stable]',
             ].join(' '), style: { height: "".concat(availableH, "px") } }, data ? (React.createElement("div", { ref: cardRef, className: 'bg-white p-3' },
-            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', onHeightChange: onHeightChange }))) : (React.createElement("div", { className: 'flex h-full items-center justify-center text-sm text-gray-500' }, "Ch\u1ECDn m\u1ED9t th\u00F4ng b\u00E1o \u0111\u1EC3 xem n\u1ED9i dung")))));
+            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' })))));
 }
 //# sourceMappingURL=NotiPreviewPane.js.map

package/dist/esm/components/MainWrapV4/components/notification/component/NotiPreviewPane.js.map CHANGED Viewed

	@@ -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,~~eAAe,EAAE,~~OAAO,EAAE,MAAM,EAAE,~~QAAQ,EAAE,~~MAAM,OAAO,CAAA;~~AACzE~~,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;~~AAmBzC~~,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,~~EAA6E~~;;~~QAA3E~~,IAAI,UAAA,EAAE,OAAO,aAAA,EAAE,~~OAAO,aAAA,EAAE,SAAS,eAAA,EAAE,~~QAAQ,cAAA,EAAE,~~cAAc,oBAAA,EAAE,~~KAAK,WAAA;~~IAC1G~~,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,~~qDAAqD;IAC/C,IAAA,KAA0B,QAAQ,CAAC,EAAE,CAAC,EAArC,QAAQ,QAAA,EAAE,WAAW,QAAgB,CAAA,CAAC,mBAAmB;IAEhE,eAAe,CAAC;QACd,IAAI,CAAC,SAAS;YAAE,OAAM;QAEtB,IAAM,~~OAAO,GAAG;YACd,IAAM,IAAI,GAAG,OAAO,CAAC,OAAO,CAAA;YAC5B,IAAI,CAAC,IAAI;gBAAE,OAAM;YAEjB,IAAM,KAAK,GAAG,IAAI,CAAC,YAAY,CAAA,CAAC,oCAAoC;YAEpE,4DAA4D;YAC5D,6DAA6D;YAC7D,4CAA4C;YAC5C,IAAM,IAAI,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,GAAG,OAAO,CAAC,CAAA;YAEzC,iDAAiD;YACjD,WAAW,CAAC,UAAC,IAAI;gBACf,8BAA8B;gBAC9B,IAAI,IAAI,CAAC,GAAG,CAAC,IAAI,GAAG,IAAI,CAAC,GAAG,CAAC;oBAAE,OAAO,IAAI,CAAA;gBAC1C,OAAO,IAAI,CAAA;YACb,CAAC,CAAC,CAAA;QACJ,CAAC,CAAA;QAED,OAAO,EAAE,CAAA;QAET,IAAM,EAAE,GAAG,IAAI,cAAc,CAAC,OAAO,CAAC,CAAA;QACtC,IAAI,OAAO,CAAC,OAAO;YAAE,EAAE,CAAC,OAAO,CAAC,OAAO,CAAC,OAAO,CAAC,CAAA;QAChD,IAAI,OAAO,CAAC,OAAO;YAAE,EAAE,CAAC,OAAO,CAAC,OAAO,CAAC,OAAO,CAAC,CAAA;QAEhD,OAAO,cAAM,OAAA,EAAE,CAAC,UAAU,EAAE,EAAf,CAAe,CAAA;IAC9B,CAAC,EAAE,CAAC,SAAS,EAAE,OAAO,EAAE,UAAU,CAAC,CAAC,CAAA;IAEpC,IAAM,mBAAmB,GAAG,OAAO,CAAC;QAClC,IAAI,CAAC,SAAS;YAAE,OAAO,KAAK,CAAA;QAC5B,kDAAkD;QAClD,OAAO,OAAO,GAAG,QAAQ,IAAI,UAAU,GAAG,CAAC,CAAA;IAC7C,CAAC,EAAE,CAAC,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,UAAU,CAAC,CAAC,CAAA;IAE9C,OAAO,CACL,6BAAK,SAAS,EAAC,gBAAgB;QAC7B,6BACE,GAAG,EAAE,OAAO,EACZ,SAAS,EAAE;gBACT,0BAA0B;gBAC1B,~~mBAAmB,CAAC,CAAC,CAAC,~~iBAAiB~~,CAAC,CAAC,CAAC,mBAAmB~~;~~gBAC7D~~,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,~~IACT~~,SAAS,EAAC,QAAQ,~~EAClB~~,IAAI,EAAE,MAAA,IAAI,CAAC,IAAI,mCAAI,EAAE,~~EACrB~~,EAAE,EAAE,MAAA,IAAI,CAAC,EAAE,mCAAI,SAAS,~~EACxB~~,~~cAAc~~,~~EAAE,cAAc,GAC9B,CACE,~~CACP,CAAC,CAAC,CAAC,CACF,6BAAK,SAAS,EAAC,+DAA+D,~~4EAExE~~,~~CACP~~,CACG,CACF,CACP,CAAA;AACH,CAAC"}
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"}

package/dist/esm/components/MainWrapV4/components/notification/hook/useNotificationData.d.ts CHANGED Viewed

@@ -1,6 +1,6 @@
-import React from 'react';
 import { NotiItem } from '../../../types/notification';
 import { TAB } from '../../../constant';
+import React from 'react';
 type Counts = {
     all: number;
     to_me: number;

package/dist/esm/components/MainWrapV4/components/notification/hook/useNotificationData.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import { __awaiter, __generator, __spreadArray } from "tslib";
 import { useCallback, useMemo, useRef, useState } from 'react';
-import React from 'react';
 import { TAB, TAB_NAME } from '../../../constant';
+import React from 'react';
 import { apiFetch } from '../../../../../lib/fetch/apiClient';
 export function useNotificationData(_a) {
     var _this = this;

package/dist/esm/components/MainWrapV4/components/notification/hook/useNotificationData.js.map CHANGED Viewed

	@@ -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;~~AAC9D~~,OAAO,~~KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,~~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"}
1	+ {"version":3,"file":"useNotificationData.js","sourceRoot":"","sources":["../../../../../../../src/components/MainWrapV4/components/notification/hook/useNotificationData.tsx"],"names":[],"mappings":"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"}

package/dist/esm/components/MainWrapV4/components/notification/index.js CHANGED Viewed

@@ -39,8 +39,14 @@ var Notification = function (_a) {
         animated.cleanup();
     };
     return (React.createElement(NotiDropdown, { animated: animated, noti: noti, onClose: onCloseAll, onOpen: function () {
-            noti.resetList();
-            setShowModal(true);
+            setShowModal(function (prev) {
+                // đang mở rồi thì đừng resetList (không là mất data + không fetch lại)
+                if (prev)
+                    return prev;
+                noti.resetList();
+                setPreviewModalData(null); // optional: đảm bảo về list mode khi mở lại
+                return true;
+            });
         }, open: showModal, previewDeps: {
             iframeClickRef: iframeClickRef,
             loadMoreRef: loadMoreRef,

package/dist/esm/components/MainWrapV4/components/notification/index.js.map CHANGED Viewed

	@@ -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;~~YAChB~~,~~YAAY~~,CAAC,IAAI,CAAC,CAAA;~~QACpB~~,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,eAAe,YAAY,CAAA"}
1	+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/components/MainWrapV4/components/notification/index.tsx"],"names":[],"mappings":"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"}

package/dist/esm/components/MainWrapV4/types/notification.d.ts CHANGED Viewed

@@ -40,5 +40,4 @@ export type HtmlIFrameProps = {
     id: string;
     html: string;
     className?: string;
-    onHeightChange?(h: number): void;
 };

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "phx-react",
-  "version": "1.3.1571",
+  "version": "1.3.1573",
   "description": "PHX REACT",
   "main": "./dist/cjs/index.js",
   "module": "./dist/esm/index.js",
@@ -89,7 +89,8 @@
     "ts-jest": "^28.0.4",
     "tslib": "^2.6.2",
     "typescript": "^5.9.3",
-    "vite": "^4.3.9"
+    "vite": "^4.3.9",
+    "@types/katex": "^0.16.7"
   },
   "eslintConfig": {
     "extends": [