npm - phx-react - Versions diffs - 1.3.1576 → 1.3.1579 - Mend

phx-react 1.3.1576 → 1.3.1579

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 (1814) hide show

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

@@ -1,37 +1,142 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.HtmlIFrame = void 0;
-var tslib_1 = require("tslib");
-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;
-    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>");
+const tslib_1 = require("tslib");
+const react_1 = require("react");
+const react_2 = tslib_1.__importDefault(require("react"));
+const HtmlIFrame = ({ className, html, id }) => {
+    const [contentHeight, setContentHeight] = (0, react_1.useState)(200);
+    const srcDoc = (0, react_1.useMemo)(() => {
+        const css = `
+      html, body {
+        margin: 0;
+        padding: 0;
+        background: transparent;
+        font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial;
+        font-size: 12px;
+        line-height: 1.4;
+        color: #374151;
+        word-break: break-word;
+      }
+      body { overflow: hidden; padding-bottom: 32px; }
+      #__root > :last-child { margin-bottom: 0 !important; }
+      #__end { height: 1px; }
+      a { color: #2563eb; text-decoration: underline; }
+      img, video { max-width: 100%; height: auto; display: block; }
+      /* reset margin default gây hụt */
+      p, ul, ol, h1, h2, h3, h4, h5, h6 { margin: 0; }
+      p + p { margin-top: 10px; }
+      ul, ol { padding-left: 18px; }
+      li + li { margin-top: 6px; }
+    `;
+        const script = `
+      (function () {
+        function getDocHeight() {
+          var root = document.getElementById('__root');
+          var end = document.getElementById('__end');
+          // Ưu tiên đo bottom theo layout thực tế
+          if (root && end) {
+            var r1 = root.getBoundingClientRect();
+            var r2 = end.getBoundingClientRect();
+            // bottom của end relative với top root
+            var h = (r2.bottom - r1.top);
+            return Math.ceil(h || 0);
+          }
+          // fallback
+          var body = document.body;
+          var html = document.documentElement;
+          var h2 = Math.max(
+            body ? body.scrollHeight : 0,
+            html ? html.scrollHeight : 0
+          );
+          return Math.ceil(h2 || 0);
+        }
+        var lastSent = 0;
+        function measure() {
+          var h = getDocHeight();
+          var out = h + 2;
+          if (Math.abs(out - lastSent) < 2) return;
+          lastSent = out;
+          window.parent.postMessage(
+            { type: 'IFRAME_HEIGHT', id: '${id}', height: out },
+            '*'
+          );
+        }
+        var rafId = null;
+        function requestMeasure() {
+          if (rafId) cancelAnimationFrame(rafId);
+          rafId = requestAnimationFrame(function () {
+            rafId = null;
+            measure();
+          });
+        }
+        window.addEventListener('load', requestMeasure);
+        try {
+          new ResizeObserver(requestMeasure).observe(document.documentElement);
+          if (document.body) new ResizeObserver(requestMeasure).observe(document.body);
+        } catch (e) {}
+        function hookImages() {
+          var imgs = document.images || [];
+          for (var i = 0; i < imgs.length; i++) {
+            if (!imgs[i].complete) {
+              imgs[i].addEventListener('load', requestMeasure);
+              imgs[i].addEventListener('error', requestMeasure);
+            }
+          }
+        }
+        requestMeasure();
+        setTimeout(requestMeasure, 50);
+        setTimeout(requestMeasure, 150);
+        setTimeout(function () { hookImages(); requestMeasure(); }, 0);
+      })();
+    `;
+        return `<!doctype html>
+      <html>
+        <head>
+          <meta charset="utf-8" />
+          <meta name="viewport" content="width=device-width,initial-scale=1" />
+          <style>${css}</style>
+        </head>
+        <body>
+          <div id="__root">
+            ${html !== null && html !== void 0 ? html : ''}
+            <div id="__end"></div>
+          </div>
+          <script>${script}</script>
+        </body>
+      </html>`;
     }, [html, id]);
-    (0, react_1.useEffect)(function () {
-        var handler = function (e) {
+    (0, react_1.useEffect)(() => {
+        const handler = (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;
-            var h = Number(e.data.height) || 0;
-            setContentHeight(function (prev) { return (Math.abs(prev - h) < 2 ? prev : h); });
+            const h = Number(e.data.height) || 0;
+            setContentHeight((prev) => (Math.abs(prev - h) < 2 ? prev : h));
         };
         window.addEventListener('message', handler);
-        return function () { return window.removeEventListener('message', handler); };
+        return () => window.removeEventListener('message', handler);
     }, [id]);
-    var renderH = Math.max(0, contentHeight);
+    const 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(renderH, "px"),
+            height: `${renderH}px`,
             border: 'none',
             display: 'block',
-        }, title: "noti-html-".concat(id) }));
+        }, title: `noti-html-${id}` }));
 };
 exports.HtmlIFrame = HtmlIFrame;
 //# sourceMappingURL=HtmlIFrame.js.map

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~~,+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"}
1	+ {"version":3,"file":"HtmlIFrame.js","sourceRoot":"","sources":["../../../../../../../src/components/MainWrapV4/components/notification/component/HtmlIFrame.tsx"],"names":[],"mappings":";;;;AAAA,iCAAoD;AAEpD,0DAAyB;AAElB,MAAM,UAAU,GAAG,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,EAAE,EAAmB,EAAE,EAAE;IACrE,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,IAAA,gBAAQ,EAAS,GAAG,CAAC,CAAA;IAE/D,MAAM,MAAM,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QAC1B,MAAM,GAAG,GAAG;;;;;;;;;;;;;;;;;;;;;KAqBX,CAAA;QAED,MAAM,MAAM,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4CAmCyB,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAoCzC,CAAA;QAED,OAAO;;;;;mBAKQ,GAAG;;;;cAIR,IAAI,aAAJ,IAAI,cAAJ,IAAI,GAAI,EAAE;;;oBAGJ,MAAM;;cAEZ,CAAA;IACZ,CAAC,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,CAAA;IAEd,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,MAAM,OAAO,GAAG,CAAC,CAAe,EAAE,EAAE;;YAClC,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,MAAM,CAAC,GAAG,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,CAAA;YAEpC,gBAAgB,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;QACjE,CAAC,CAAA;QAED,MAAM,CAAC,gBAAgB,CAAC,SAAS,EAAE,OAAO,CAAC,CAAA;QAC3C,OAAO,GAAG,EAAE,CAAC,MAAM,CAAC,mBAAmB,CAAC,SAAS,EAAE,OAAO,CAAC,CAAA;IAC7D,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAA;IAER,MAAM,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,GAAG,OAAO,IAAI;YACtB,MAAM,EAAE,MAAM;YACd,OAAO,EAAE,OAAO;SACjB,EACD,KAAK,EAAE,aAAa,EAAE,EAAE,GACxB,CACH,CAAA;AACH,CAAC,CAAA;AAnJY,QAAA,UAAU,cAmJtB"}

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

@@ -1,13 +1,19 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.default = NotiBellButton;
-var tslib_1 = require("tslib");
-var react_1 = require("@headlessui/react");
-var outline_1 = require("@heroicons/react/24/outline");
-var react_2 = tslib_1.__importDefault(require("react"));
-function NotiBellButton(_a) {
-    var onClick = _a.onClick, unreadCount = _a.unreadCount;
-    return (react_2.default.createElement(react_1.Menu.Button, { className: "\n        group inline-flex h-7 ".concat(unreadCount > 0 ? 'w-12' : 'w-7', "\n        cursor-pointer items-center justify-center gap-0.5 rounded-lg\n        transition-all duration-150 ease-out\n        hover:border-gray-300 hover:bg-white\n        active:border-b-gray-300 active:bg-gray-200\n        active:shadow-[0rem_0.125rem_0.1rem_0rem_#0004_inset]\n      "), onClick: onClick, type: 'button' },
+const tslib_1 = require("tslib");
+const react_1 = require("@headlessui/react");
+const outline_1 = require("@heroicons/react/24/outline");
+const react_2 = tslib_1.__importDefault(require("react"));
+function NotiBellButton({ onClick, unreadCount }) {
+    return (react_2.default.createElement(react_1.Menu.Button, { className: `
+        group inline-flex h-7 ${unreadCount > 0 ? 'w-12' : 'w-7'}
+        cursor-pointer items-center justify-center gap-0.5 rounded-lg
+        transition-all duration-150 ease-out
+        hover:border-gray-300 hover:bg-white
+        active:border-b-gray-300 active:bg-gray-200
+        active:shadow-[0rem_0.125rem_0.1rem_0rem_#0004_inset]
+      `, onClick: onClick, type: 'button' },
         react_2.default.createElement("div", { className: 'flex items-center gap-0.5 transition-transform duration-150 ease-[cubic-bezier(0.22,1,0.36,1)] group-active:translate-y-[1px]' },
             react_2.default.createElement(outline_1.BellIcon, { className: 'h-[19px] w-[22px] text-gray-600' }),
             unreadCount > 0 && (react_2.default.createElement("span", { className: 'shadow-sm min-w-4 rounded-md bg-red-500 p-1 text-center text-[10px] font-semibold leading-none text-white' }, unreadCount > 9 ? '9+' : unreadCount)))));

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

	@@ -1 +1 @@
1	- {"version":3,"file":"NotiBellButton.js","sourceRoot":"","sources":["../../../../../../../src/components/MainWrapV4/components/notification/component/NotiBellButton.tsx"],"names":[],"mappings":";;AASA,iCAwBC;;AAjCD,~~2CAAwC~~;AACxC,~~uDAAsD~~;AACtD,~~wDAAyB~~;AAOzB,SAAwB,cAAc,CAAC,~~EAA+B;QAA7B~~,OAAO,~~aAAA,~~EAAE,WAAW,~~iBAAA~~;~~IAC3D~~,OAAO,CACL,8BAAC,YAAI,CAAC,MAAM,IACV,SAAS,EAAE,~~0CACe,~~WAAW,GAAG,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,~~oSAMzD,~~EACD,OAAO,EAAE,OAAO,EAChB,IAAI,EAAC,QAAQ;QAEb,uCAAK,SAAS,EAAC,+HAA+H;YAC5I,8BAAC,kBAAQ,IAAC,SAAS,EAAC,iCAAiC,GAAG;YACvD,WAAW,GAAG,CAAC,IAAI,CAClB,wCAAM,SAAS,EAAC,2GAA2G,IACxH,WAAW,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,WAAW,CAChC,CACR,CACG,CACM,CACf,CAAA;AACH,CAAC"}
1	+ {"version":3,"file":"NotiBellButton.js","sourceRoot":"","sources":["../../../../../../../src/components/MainWrapV4/components/notification/component/NotiBellButton.tsx"],"names":[],"mappings":";;AASA,iCAwBC;;AAjCD,6CAAwC;AACxC,yDAAsD;AACtD,0DAAyB;AAOzB,SAAwB,cAAc,CAAC,EAAE,OAAO,EAAE,WAAW,EAAS;IACpE,OAAO,CACL,8BAAC,YAAI,CAAC,MAAM,IACV,SAAS,EAAE;gCACe,WAAW,GAAG,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK;;;;;;OAMzD,EACD,OAAO,EAAE,OAAO,EAChB,IAAI,EAAC,QAAQ;QAEb,uCAAK,SAAS,EAAC,+HAA+H;YAC5I,8BAAC,kBAAQ,IAAC,SAAS,EAAC,iCAAiC,GAAG;YACvD,WAAW,GAAG,CAAC,IAAI,CAClB,wCAAM,SAAS,EAAC,2GAA2G,IACxH,WAAW,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,WAAW,CAChC,CACR,CACG,CACM,CACf,CAAA;AACH,CAAC"}

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

@@ -1,72 +1,67 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.default = NotiDropdown;
-var tslib_1 = require("tslib");
-var react_1 = require("@headlessui/react");
-var react_2 = require("react");
-var useMeasuredHeight_1 = require("../hook/useMeasuredHeight");
-var useWindowHeight_1 = require("../hook/useWindowHeight");
-var NotiBellButton_1 = tslib_1.__importDefault(require("./NotiBellButton"));
-var NotiHeader_1 = tslib_1.__importDefault(require("./NotiHeader"));
-var NotiListPane_1 = tslib_1.__importDefault(require("./NotiListPane"));
-var react_3 = tslib_1.__importDefault(require("react"));
-function NotiDropdown(_a) {
-    var animated = _a.animated, noti = _a.noti, onClose = _a.onClose, onOpen = _a.onOpen, open = _a.open, previewDeps = _a.previewDeps, previewModalData = _a.previewModalData, setPreviewModalData = _a.setPreviewModalData, unreadCount = _a.unreadCount;
-    var isPreview = !!previewModalData;
-    var headerRef = (0, react_2.useRef)(null);
-    var tabsRef = (0, react_2.useRef)(null);
-    var headerH = (0, useMeasuredHeight_1.useMeasuredHeight)(headerRef, 56);
-    var tabsH = (0, useMeasuredHeight_1.useMeasuredHeight)(tabsRef, 56);
-    var vh = (0, useWindowHeight_1.useWindowHeight)();
+const tslib_1 = require("tslib");
+const react_1 = require("@headlessui/react");
+const react_2 = require("react");
+const useMeasuredHeight_1 = require("../hook/useMeasuredHeight");
+const useWindowHeight_1 = require("../hook/useWindowHeight");
+const NotiBellButton_1 = tslib_1.__importDefault(require("./NotiBellButton"));
+const NotiHeader_1 = tslib_1.__importDefault(require("./NotiHeader"));
+const NotiListPane_1 = tslib_1.__importDefault(require("./NotiListPane"));
+const react_3 = tslib_1.__importDefault(require("react"));
+function NotiDropdown({ animated, noti, onClose, onOpen, open, previewDeps, previewModalData, setPreviewModalData, unreadCount, }) {
+    const isPreview = !!previewModalData;
+    const headerRef = (0, react_2.useRef)(null);
+    const tabsRef = (0, react_2.useRef)(null);
+    const headerH = (0, useMeasuredHeight_1.useMeasuredHeight)(headerRef, 56);
+    const tabsH = (0, useMeasuredHeight_1.useMeasuredHeight)(tabsRef, 56);
+    const vh = (0, useWindowHeight_1.useWindowHeight)();
     // menu height: list vs preview
     // menu height: luôn theo LIST (kể cả khi preview)
-    var listMenuH = (0, react_2.useMemo)(function () {
+    const listMenuH = (0, react_2.useMemo)(() => {
         var _a, _b;
         if (!open)
             return null;
-        var contentH = (_b = (_a = animated.getHeightPx) === null || _a === void 0 ? void 0 : _a.call(animated)) !== null && _b !== void 0 ? _b : 0;
-        var LIST_VERTICAL = 24; // padding dưới header
-        var raw = headerH + LIST_VERTICAL + contentH;
-        var MIN_H = 420;
-        var MAX_H = vh - 60;
+        const contentH = (_b = (_a = animated.getHeightPx) === null || _a === void 0 ? void 0 : _a.call(animated)) !== null && _b !== void 0 ? _b : 0;
+        const LIST_VERTICAL = 24; // padding dưới header
+        const raw = headerH + LIST_VERTICAL + contentH;
+        const MIN_H = 420;
+        const MAX_H = vh - 60;
         return Math.min(Math.max(raw, MIN_H), MAX_H);
     }, [open, headerH, vh, animated]);
-    var menuH = (0, react_2.useMemo)(function () {
-        // luôn dùng listMenuH
-        return listMenuH !== null && listMenuH !== void 0 ? listMenuH : 320;
-    }, [listMenuH]);
-    var shouldScrollList = (0, react_2.useMemo)(function () {
+    const menuH = (0, react_2.useMemo)(() =>
+    // luôn dùng listMenuH
+    listMenuH !== null && listMenuH !== void 0 ? listMenuH : 320, [listMenuH]);
+    const shouldScrollList = (0, react_2.useMemo)(() => {
         if (!open)
             return false;
         return listMenuH !== null && listMenuH >= vh - 60 - 2;
     }, [open, listMenuH, vh]);
-    return (react_3.default.createElement(react_1.Menu, { as: 'div', className: 'relative inline-block' }, function (_a) {
-        var close = _a.close, menuOpen = _a.open;
-        return (react_3.default.createElement(react_3.default.Fragment, null,
-            react_3.default.createElement(NotiBellButton_1.default, { onClick: onOpen, unreadCount: unreadCount }),
-            react_3.default.createElement(react_1.Transition, { afterLeave: function () { return onClose(); }, as: react_2.Fragment, enter: 'transition ease-out duration-150', enterFrom: 'opacity-0 translate-y-1', enterTo: 'opacity-100 translate-y-0', leave: 'transition ease-in duration-100', leaveFrom: 'opacity-100 translate-y-0', leaveTo: 'opacity-0 translate-y-1', show: menuOpen && open },
-                react_3.default.createElement(react_1.Menu.Items, { className: [
-                        'fixed right-12 top-10 z-[9999]',
-                        '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 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, onBack: function () {
+    return (react_3.default.createElement(react_1.Menu, { as: 'div', className: 'relative inline-block' }, ({ close, open: menuOpen }) => (react_3.default.createElement(react_3.default.Fragment, null,
+        react_3.default.createElement(NotiBellButton_1.default, { onClick: onOpen, unreadCount: unreadCount }),
+        react_3.default.createElement(react_1.Transition, { afterLeave: () => onClose(), as: react_2.Fragment, enter: 'transition ease-out duration-150', enterFrom: 'opacity-0 translate-y-1', enterTo: 'opacity-100 translate-y-0', leave: 'transition ease-in duration-100', leaveFrom: 'opacity-100 translate-y-0', leaveTo: 'opacity-0 translate-y-1', show: menuOpen && open },
+            react_3.default.createElement(react_1.Menu.Items, { className: [
+                    'fixed right-12 top-10 z-[9999]',
+                    '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 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 ? `${menuH}px` : undefined } },
+                react_3.default.createElement(NotiHeader_1.default, { ref: headerRef, isPreview: isPreview, onBack: () => {
+                        setPreviewModalData(null);
+                    }, 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, menuH: menuH, noti: noti, onBackToList: () => {
                             setPreviewModalData(null);
-                        }, 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, 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();
-                } }))));
-    }));
+                        }, onOpenPreview: (data) => 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: () => {
+                close();
+                onClose();
+            } }))))));
 }
 //# sourceMappingURL=NotiDropdown.js.map

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,+BA4HC;;AAxJD,~~2CAAoD~~;AACpD~~,+BAAiD~~;AACjD~~,+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;IAE5B,+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,uBAAuB;~~wBACvB~~,+OAA+O;~~wBAC~~/O,wEAAwE;~~wBACxE~~,sBAAsB;~~wBACtB~~,oBAAoB;~~qBACrB~~,CAAC,IAAI,CAAC,GAAG,CAAC,EACX,MAAM,QACN,KAAK,EAAE,EAAE,MAAM,EAAE,KAAK,CAAC,CAAC,CAAC,~~UAAG~~,KAAK,~~OAAI~~,CAAC,CAAC,CAAC,SAAS,EAAE;~~oBAEnD~~,8BAAC,oBAAU,IACT,GAAG,EAAE,SAAS,EACd,SAAS,EAAE,SAAS,EACpB,MAAM,EAAE;~~4BACN~~,mBAAmB,CAAC,IAAI,CAAC,CAAA;~~wBAC3B~~,CAAC,EACD,KAAK,EAAE,gBAAgB,aAAhB,gBAAgB,uBAAhB,gBAAgB,CAAE,KAAK,GAC9B;~~oBAEF~~,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,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,IAAI,EACV,YAAY,EAAE;~~gCACZ~~,mBAAmB,CAAC,IAAI,CAAC,CAAA;~~4BAC3B~~,CAAC,EACD,aAAa,EAAE,~~UAAC~~,IAAI,~~IAAK~~,~~OAAA~~,mBAAmB,CAAC,IAAI,CAAC,~~EAAzB,CAAyB,~~EAClD,gBAAgB,EAAE,gBAAgB,EAClC,gBAAgB,EAAE,gBAAgB,EAClC,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,OAAO,GAChB,CACE,CACK,CACF;~~YAEZ~~,QAAQ,IAAI,IAAI,IAAI,CACnB,4DAEE,SAAS,EAAC,oBAAoB,EAC9B,OAAO,EAAE;~~oBACP~~,KAAK,EAAE,CAAA;~~oBACP~~,OAAO,EAAE,CAAA;~~gBACX~~,CAAC,GACD,CACH,CACA,CACJ~~;IAxE+B~~,~~CAwE/B,~~CACI,CACR,CAAA;AACH,CAAC"}
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

@@ -1,24 +1,21 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-var tslib_1 = require("tslib");
-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 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',
-                'transition-all duration-300 ease-[cubic-bezier(0.16,1,0.3,1)]',
-                isPreview ? 'translate-x-0 opacity-100' : 'pointer-events-none -translate-x-2 opacity-0',
-            ].join(' '), onClick: onBack, type: 'button' },
-            react_1.default.createElement(outline_1.ArrowLeftIcon, { className: 'h-4 w-4' })),
-        react_1.default.createElement("div", { className: [
-                'truncate text-base font-semibold text-gray-900',
-                'transition-all duration-300 ease-[cubic-bezier(0.16,1,0.3,1)]',
-                isPreview ? 'pl-10' : 'pl-0',
-            ].join(' ') }, isPreview ? title !== null && title !== void 0 ? title : 'Thông báo' : 'Trung tâm thông báo')));
-});
+const tslib_1 = require("tslib");
+const outline_1 = require("@heroicons/react/24/outline");
+const react_1 = tslib_1.__importStar(require("react"));
+const NotiHeader = (0, react_1.forwardRef)(({ isPreview, onBack, title }, ref) => (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',
+            'transition-all duration-300 ease-[cubic-bezier(0.16,1,0.3,1)]',
+            isPreview ? 'translate-x-0 opacity-100' : 'pointer-events-none -translate-x-2 opacity-0',
+        ].join(' '), onClick: onBack, type: 'button' },
+        react_1.default.createElement(outline_1.ArrowLeftIcon, { className: 'h-4 w-4' })),
+    react_1.default.createElement("div", { className: [
+            'truncate text-base font-semibold text-gray-900',
+            'transition-all duration-300 ease-[cubic-bezier(0.16,1,0.3,1)]',
+            isPreview ? 'pl-10' : 'pl-0',
+        ].join(' ') }, isPreview ? title !== null && title !== void 0 ? title : 'Thông báo' : 'Trung tâm thông báo'))));
 NotiHeader.displayName = 'NotiHeader';
 exports.default = NotiHeader;
 //# sourceMappingURL=NotiHeader.js.map

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,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"}
1	+ {"version":3,"file":"NotiHeader.js","sourceRoot":"","sources":["../../../../../../../src/components/MainWrapV4/components/notification/component/NotiHeader.tsx"],"names":[],"mappings":";;;AAAA,yDAA2D;AAC3D,uDAAyC;AAQzC,MAAM,UAAU,GAAG,IAAA,kBAAU,EAAwB,CAAC,EAAE,SAAS,EAAE,MAAM,EAAE,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAC1F,uCAAK,GAAG,EAAE,GAAG,EAAE,SAAS,EAAC,sDAAsD;IAE7E,wDACa,MAAM,EACjB,SAAS,EAAE;YACT,wEAAwE;YACxE,iCAAiC;YACjC,+DAA+D;YAC/D,SAAS,CAAC,CAAC,CAAC,2BAA2B,CAAC,CAAC,CAAC,8CAA8C;SACzF,CAAC,IAAI,CAAC,GAAG,CAAC,EACX,OAAO,EAAE,MAAM,EACf,IAAI,EAAC,QAAQ;QAEb,8BAAC,uBAAa,IAAC,SAAS,EAAC,SAAS,GAAG,CAC9B;IAGT,uCACE,SAAS,EAAE;YACT,gDAAgD;YAChD,+DAA+D;YAC/D,SAAS,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM;SAC7B,CAAC,IAAI,CAAC,GAAG,CAAC,IAEV,SAAS,CAAC,CAAC,CAAC,KAAK,aAAL,KAAK,cAAL,KAAK,GAAI,WAAW,CAAC,CAAC,CAAC,qBAAqB,CACrD,CACF,CACP,CAAC,CAAA;AAEF,UAAU,CAAC,WAAW,GAAG,YAAY,CAAA;AACrC,kBAAe,UAAU,CAAA"}

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

@@ -1,29 +1,28 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.default = NotiListPane;
-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 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, 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-4 pt-[18px]' }, Array.from({ length: 10 }).map(function (_, i) { return (react_1.default.createElement("div", { key: i, className: 'animate-pulse space-y-3' },
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const NotiPreviewPane_1 = tslib_1.__importDefault(require("./NotiPreviewPane"));
+const ReadStatusRight_1 = require("./ReadStatusRight");
+const ReportButtonV2_1 = require("../../../../ReportButtonV2");
+const helper_1 = require("../../../helper");
+const EmptyRecord_1 = require("../../../../EmptyRecord");
+function NotiListPane({ animated, headerH, iframeClickRef, isPreview, loadMoreRef, menuH, noti, onBackToList, onOpenPreview, previewModalData, shouldScrollList, tabsH, tabsRef, }) {
+    const renderSkeletons = () => (react_1.default.createElement("div", { className: 'flex flex-col gap-4 pt-[18px]' }, Array.from({ length: 10 }).map((_, i) => (react_1.default.createElement("div", { key: i, className: 'animate-pulse space-y-3' },
         react_1.default.createElement("div", { className: 'h-2 w-1/2 rounded-full bg-gray-200' }),
         react_1.default.createElement("div", { className: 'h-2 w-full rounded-full bg-gray-200' }),
-        react_1.default.createElement("div", { className: 'h-2 w-full rounded-full bg-gray-200 pt-1' }))); }))); };
+        react_1.default.createElement("div", { className: 'h-2 w-full rounded-full bg-gray-200 pt-1' }))))));
     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-0.5' },
-            react_1.default.createElement(ReportButtonV2_1.PHXReportButtonTabV2, { activeTab: noti.activeTab, onChange: function (t) {
+            react_1.default.createElement(ReportButtonV2_1.PHXReportButtonTabV2, { activeTab: noti.activeTab, onChange: (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)") } },
+        react_1.default.createElement("div", { className: 'relative min-h-0 flex-1 overflow-hidden', style: { height: `calc(100% - ${tabsH}px)` } },
             react_1.default.createElement("div", { className: [
                     'absolute inset-0',
                     'transition-[opacity,transform] duration-[360ms] ease-out',
@@ -41,16 +40,16 @@ function NotiListPane(_a) {
                                 animated.contentVisible ? 'translate-y-0 opacity-100' : 'translate-y-[2px] opacity-0',
                             ].join(' '), style: { maxHeight: animated.getMaxHeight() } },
                             react_1.default.createElement("div", { ref: animated.contentRef }, noti.listData.length > 0 ? (react_1.default.createElement(react_1.default.Fragment, null,
-                                react_1.default.createElement("ul", null, noti.listData.map(function (item, idx) {
+                                react_1.default.createElement("ul", null, noti.listData.map((item, idx) => {
                                     var _a, _b, _c, _d, _e;
-                                    var preview = !item.unlinked
+                                    const preview = !item.unlinked
                                         ? ((_a = item === null || item === void 0 ? void 0 : item.preview_text) === null || _a === void 0 ? void 0 : _a.trim()) ||
                                             ((_b = item === null || item === void 0 ? void 0 : item.title) === null || _b === void 0 ? void 0 : _b.trim()) ||
                                             ((_d = (_c = item === null || item === void 0 ? void 0 : item.payload) === null || _c === void 0 ? void 0 : _c.title) === null || _d === void 0 ? void 0 : _d.trim()) ||
                                             'Thông báo'
                                         : item.content;
-                                    var previewText = item.unlinked ? (0, helper_1.htmlToText)(preview) : preview;
-                                    var handleClick = function () {
+                                    const previewText = item.unlinked ? (0, helper_1.htmlToText)(preview) : preview;
+                                    const handleClick = () => {
                                         var _a, _b, _c;
                                         if ((item === null || item === void 0 ? void 0 : item.id) && iframeClickRef.current[item.id]) {
                                             return;
@@ -65,7 +64,7 @@ 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-1.5') },
+                                    return (react_1.default.createElement("li", { key: item.id, className: `group ${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' },

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":";;AA4BA,+BAwJC;;AApLD,~~wDAAyB~~;AACzB,~~8EAA~~+C;AAC/C,~~qDAAmD~~;AAEnD~~,6DAAiE~~;AACjE,~~0CAA4C~~;AAC5C,~~uDAAwD~~;AAsBxD,SAAwB,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,uCAAK,SAAS,EAAC,+BAA+B,IAC3C,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,~~UAAC~~,CAAC,EAAE,CAAC,~~IAAK~~,~~OAAA~~,CACxC,uCAAK,GAAG,EAAE,CAAC,EAAE,SAAS,EAAC,yBAAyB;QAC9C,uCAAK,SAAS,EAAC,oCAAoC,GAAG;QACtD,uCAAK,SAAS,EAAC,qCAAqC,GAAG;QACvD,uCAAK,SAAS,EAAC,0CAA0C,GAAG,CACxD,CACP,~~EANyC,CAMzC,~~CAAC,CACE,CACP,~~EAV6B,CAU7B,~~CAAA;IAED,OAAO,CACL,uCAAK,SAAS,EAAC,qCAAqC;QAElD,uCAAK,GAAG,EAAE,OAAc,EAAE,SAAS,EAAC,aAAa;YAC/C,8BAAC,qCAAoB,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,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,SAAS,~~CAAE~~;wCACpE,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,gCAAgC,IAAE,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,OAAO,CAAO;oDACrE,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,IAAC,IAAI,EAAE,gBAAgB,EAAE,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,GAAI,CACxF,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.js CHANGED Viewed

@@ -1,22 +1,21 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.default = NotiPreviewPane;
-var tslib_1 = require("tslib");
-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, 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]);
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importStar(require("react"));
+const HtmlIFrame_1 = require("./HtmlIFrame");
+function NotiPreviewPane({ data, headerH, maxMenuH, tabsH }) {
+    var _a, _b;
+    const wrapRef = (0, react_1.useRef)(null);
+    const cardRef = (0, react_1.useRef)(null);
+    const availableH = (0, react_1.useMemo)(() => Math.max(0, maxMenuH - headerH - tabsH), [maxMenuH, headerH, tabsH]);
     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',
                 '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' }))) : (react_1.default.createElement("div", { className: 'flex h-full items-center justify-center text-sm text-gray-500' })))));
+            ].join(' '), style: { height: `${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: (_a = data.html) !== null && _a !== void 0 ? _a : '', id: (_b = data.id) !== null && _b !== void 0 ? _b : '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":";;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"}
1	+ {"version":3,"file":"NotiPreviewPane.js","sourceRoot":"","sources":["../../../../../../../src/components/MainWrapV4/components/notification/component/NotiPreviewPane.tsx"],"names":[],"mappings":";;AAeA,kCA4BC;;AA3CD,uDAA8C;AAC9C,6CAAyC;AAczC,SAAwB,eAAe,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAS;;IAC/E,MAAM,OAAO,GAAG,IAAA,cAAM,EAAwB,IAAI,CAAC,CAAA;IACnD,MAAM,OAAO,GAAG,IAAA,cAAM,EAAwB,IAAI,CAAC,CAAA;IAEnD,MAAM,UAAU,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,QAAQ,GAAG,OAAO,GAAG,KAAK,CAAC,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,GAAG,UAAU,IAAI,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/component/ReadStatusRight.js CHANGED Viewed

@@ -1,11 +1,10 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ReadStatusRight = void 0;
-var tslib_1 = require("tslib");
-var react_1 = tslib_1.__importDefault(require("react"));
-var ReadStatusRight = function (_a) {
-    var isExpanded = _a.isExpanded, isRead = _a.isRead, label = _a.label;
-    var text = label || (isRead ? 'Đã đọc' : 'Chưa đọc');
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const ReadStatusRight = ({ isExpanded, isRead, label, }) => {
+    const text = label || (isRead ? 'Đã đọc' : 'Chưa đọc');
     return (react_1.default.createElement("div", { className: 'flex flex-col gap-6' },
         react_1.default.createElement("div", { className: 'flex items-center justify-end' },
             react_1.default.createElement("span", { className: 'inline-flex' }, isExpanded ? (react_1.default.createElement("svg", { fill: 'none', height: '16', viewBox: '0 0 16 16', width: '16', xmlns: 'http://www.w3.org/2000/svg' },
@@ -24,7 +23,7 @@ var ReadStatusRight = function (_a) {
                 react_1.default.createElement("defs", null,
                     react_1.default.createElement("clipPath", { id: 'clip0_4446_149436' },
                         react_1.default.createElement("rect", { fill: 'white', height: '14', width: '14' }))))),
-            react_1.default.createElement("span", { className: "-mt-0.5 whitespace-nowrap text-xs font-normal ".concat(isRead ? 'text-green-700' : 'text-gray-500') }, text))));
+            react_1.default.createElement("span", { className: `-mt-0.5 whitespace-nowrap text-xs font-normal ${isRead ? 'text-green-700' : 'text-gray-500'}` }, text))));
 };
 exports.ReadStatusRight = ReadStatusRight;
 //# sourceMappingURL=ReadStatusRight.js.map