phx-react 1.3.1563 → 1.3.1567

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

@@ -0,0 +1 @@
+{"version":3,"file":"NotiPreviewPane.js","sourceRoot":"","sources":["../../../../../../../src/components/MainWrapV4/components/notification/component/NotiPreviewPane.tsx"],"names":[],"mappings":"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"}

package/dist/cjs/components/MainWrapV4/components/notification/component/ReadStatusRight.js

@@ -6,14 +6,16 @@ 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');
-    return (react_1.default.createElement("span", { className: 'inline-flex items-center gap-2' },
-        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' },
-            react_1.default.createElement("mask", { fill: 'white', id: 'path-1-inside-1_4909_35651' },
-                react_1.default.createElement("path", { d: 'M0.667969 14.0513V9.74413C0.669586 8.27589 1.24951 6.86826 2.28051 5.83007C3.31151 4.79187 4.70938 4.2079 6.16743 4.20627H9.11881V3.23037C9.11886 2.98701 9.19056 2.74913 9.32485 2.54681C9.45914 2.34448 9.64999 2.18678 9.87326 2.09366C10.0965 2.00054 10.3422 1.97617 10.5793 2.02363C10.8163 2.0711 11.034 2.18826 11.2049 2.36031L14.7979 5.97777C15.1416 6.32393 15.3346 6.79337 15.3346 7.28286C15.3346 7.77234 15.1416 8.24178 14.7979 8.58794L11.2049 12.2054C11.034 12.3775 10.8163 12.4946 10.5793 12.5421C10.3422 12.5895 10.0965 12.5652 9.87326 12.472C9.64999 12.3789 9.45914 12.2212 9.32485 12.0189C9.19056 11.8166 9.11886 11.5787 9.11881 11.3353V10.3594H5.55638C4.58431 10.3604 3.65233 10.7497 2.96498 11.4419C2.27762 12.134 1.89104 13.0725 1.89007 14.0513C1.89007 14.2145 1.82569 14.3711 1.7111 14.4864C1.5965 14.6018 1.44108 14.6667 1.27902 14.6667C1.11696 14.6667 0.961536 14.6018 0.846941 14.4864C0.732347 14.3711 0.667969 14.2145 0.667969 14.0513ZM10.3409 4.82158C10.3409 4.98478 10.2765 5.14129 10.1619 5.25668C10.0473 5.37207 9.89192 5.4369 9.72986 5.4369H6.16743C5.0334 5.4382 3.94619 5.89242 3.14431 6.6999C2.34243 7.50738 1.89136 8.60218 1.89007 9.74413V10.7988C2.3481 10.2739 2.91205 9.8534 3.54428 9.56543C4.17651 9.27745 4.86247 9.1286 5.55638 9.12881H9.72986C9.89192 9.12881 10.0473 9.19364 10.1619 9.30903C10.2765 9.42443 10.3409 9.58093 10.3409 9.74413V11.3353L13.9333 7.71788C14.0478 7.6025 14.1122 7.44602 14.1122 7.28286C14.1122 7.1197 14.0478 6.96321 13.9333 6.84783L10.3409 3.23037V4.82158Z' })),
-            react_1.default.createElement("path", { d: 'M0.667969 14.0513V9.74413C0.669586 8.27589 1.24951 6.86826 2.28051 5.83007C3.31151 4.79187 4.70938 4.2079 6.16743 4.20627H9.11881V3.23037C9.11886 2.98701 9.19056 2.74913 9.32485 2.54681C9.45914 2.34448 9.64999 2.18678 9.87326 2.09366C10.0965 2.00054 10.3422 1.97617 10.5793 2.02363C10.8163 2.0711 11.034 2.18826 11.2049 2.36031L14.7979 5.97777C15.1416 6.32393 15.3346 6.79337 15.3346 7.28286C15.3346 7.77234 15.1416 8.24178 14.7979 8.58794L11.2049 12.2054C11.034 12.3775 10.8163 12.4946 10.5793 12.5421C10.3422 12.5895 10.0965 12.5652 9.87326 12.472C9.64999 12.3789 9.45914 12.2212 9.32485 12.0189C9.19056 11.8166 9.11886 11.5787 9.11881 11.3353V10.3594H5.55638C4.58431 10.3604 3.65233 10.7497 2.96498 11.4419C2.27762 12.134 1.89104 13.0725 1.89007 14.0513C1.89007 14.2145 1.82569 14.3711 1.7111 14.4864C1.5965 14.6018 1.44108 14.6667 1.27902 14.6667C1.11696 14.6667 0.961536 14.6018 0.846941 14.4864C0.732347 14.3711 0.667969 14.2145 0.667969 14.0513ZM10.3409 4.82158C10.3409 4.98478 10.2765 5.14129 10.1619 5.25668C10.0473 5.37207 9.89192 5.4369 9.72986 5.4369H6.16743C5.0334 5.4382 3.94619 5.89242 3.14431 6.6999C2.34243 7.50738 1.89136 8.60218 1.89007 9.74413V10.7988C2.3481 10.2739 2.91205 9.8534 3.54428 9.56543C4.17651 9.27745 4.86247 9.1286 5.55638 9.12881H9.72986C9.89192 9.12881 10.0473 9.19364 10.1619 9.30903C10.2765 9.42443 10.3409 9.58093 10.3409 9.74413V11.3353L13.9333 7.71788C14.0478 7.6025 14.1122 7.44602 14.1122 7.28286C14.1122 7.1197 14.0478 6.96321 13.9333 6.84783L10.3409 3.23037V4.82158Z', fill: '#9CA3AF' }),
-            react_1.default.createElement("path", { d: 'M0.667969 14.0513H-20.6654H0.667969ZM0.667969 9.74413L-20.6654 9.72063L-20.6654 9.73238V9.74413H0.667969ZM6.16743 4.20627V-17.1271H6.15551L6.1436 -17.1271L6.16743 4.20627ZM9.1188 4.20627V25.5396H30.4521V4.20627H9.1188ZM9.1188 3.23037L-12.2145 3.22585V3.23037H9.1188ZM11.2049 2.36031L26.341 -12.6733L26.34 -12.6743L11.2049 2.36031ZM14.7979 5.97777L29.9375 -9.05232L29.934 -9.0559L14.7979 5.97777ZM14.7979 8.58794L29.934 23.6216L29.9375 23.618L14.7979 8.58794ZM11.2049 12.2054L26.34 27.2401L26.341 27.2391L11.2049 12.2054ZM9.1188 11.3353H-12.2145L-12.2145 11.3399L9.1188 11.3353ZM9.1188 10.3594H30.4521V-10.9739H9.1188V10.3594ZM5.55638 10.3594V-10.9739H5.54565L5.53493 -10.9739L5.55638 10.3594ZM1.89007 14.0513L-19.4433 14.0302L-19.4433 14.0408V14.0513H1.89007ZM6.16743 5.4369V-15.8964H6.15517L6.14292 -15.8964L6.16743 5.4369ZM1.89007 9.74413L-19.4432 9.71996L-19.4433 9.73204V9.74413H1.89007ZM1.89007 10.7988H-19.4433V67.6944L17.9642 24.8249L1.89007 10.7988ZM5.55638 9.12881L5.54995 30.4621H5.55638V9.12881ZM10.3409 11.3353H-10.9924V63.093L25.4782 26.3677L10.3409 11.3353ZM13.9333 7.71788L29.0706 22.7503L29.0729 22.748L13.9333 7.71788ZM13.9333 6.84783L29.0729 -8.18226L29.0706 -8.18455L13.9333 6.84783ZM10.3409 3.23037L25.4782 -11.802L-10.9924 -48.5273V3.23037H10.3409ZM0.667969 14.0513H22.0013V9.74413H0.667969H-20.6654V14.0513H0.667969ZM0.667969 9.74413L22.0013 9.76763C21.9967 13.9015 20.3653 17.8944 17.4178 20.8624L2.28051 5.83007L-12.8568 -9.20231C-17.8663 -4.1579 -20.6576 2.65026 -20.6654 9.72063L0.667969 9.74413ZM2.28051 5.83007L17.4178 20.8624C14.4655 23.8354 10.4309 25.5349 6.19126 25.5396L6.16743 4.20627L6.1436 -17.1271C-1.01219 -17.1191 -7.84245 -14.2517 -12.8568 -9.20231L2.28051 5.83007ZM6.16743 4.20627V25.5396H9.1188V4.20627V-17.1271H6.16743V4.20627ZM9.1188 4.20627H30.4521V3.23037H9.1188H-12.2145V4.20627H9.1188ZM9.1188 3.23037L30.4521 3.2349C30.4513 7.1773 29.2904 11.043 27.0994 14.3441L9.32485 2.54681L-8.44968 -9.25053C-10.9093 -5.54472 -12.2136 -1.20327 -12.2145 3.22585L9.1188 3.23037ZM9.32485 2.54681L27.0994 14.3441C24.9072 17.647 21.7762 20.2437 18.0851 21.7832L9.87326 2.09366L1.66139 -17.5958C-2.47628 -15.8701 -5.98895 -12.958 -8.44968 -9.25053L9.32485 2.54681ZM9.87326 2.09366L18.0851 21.7832C14.3925 23.3232 10.3206 23.7287 6.39065 22.9417L10.5793 2.02363L14.7679 -18.8945C10.3638 -19.7763 5.80059 -19.3222 1.66139 -17.5958L9.87326 2.09366ZM10.5793 2.02363L6.39065 22.9417C2.46155 22.155 -1.12724 20.2166 -3.93013 17.395L11.2049 2.36031L26.34 -12.6743C23.1953 -15.8401 19.171 -18.0128 14.7679 -18.8945L10.5793 2.02363ZM11.2049 2.36031L-3.93112 17.394L-0.33814 21.0114L14.7979 5.97777L29.934 -9.0559L26.341 -12.6733L11.2049 2.36031ZM14.7979 5.97777L-0.34169 21.0079C-3.98083 17.3422 -5.9987 12.4025 -5.9987 7.28286H15.3346H36.668C36.668 1.18426 34.264 -4.69433 29.9375 -9.05232L14.7979 5.97777ZM15.3346 7.28286H-5.9987C-5.9987 2.16321 -3.98082 -2.77649 -0.34169 -6.44214L14.7979 8.58794L29.9375 23.618C34.264 19.26 36.668 13.3815 36.668 7.28286H15.3346ZM14.7979 8.58794L-0.338139 -6.44572L-3.93112 -2.82827L11.2049 12.2054L26.341 27.2391L29.934 23.6216L14.7979 8.58794ZM11.2049 12.2054L-3.93013 -2.82926C-1.12724 -5.65087 2.46155 -7.58926 6.39065 -8.37602L10.5793 12.5421L14.7679 33.4602C19.171 32.5785 23.1953 30.4058 26.34 27.2401L11.2049 12.2054ZM10.5793 12.5421L6.39065 -8.37602C10.3207 -9.16296 14.3925 -8.75753 18.0851 -7.21745L9.87326 12.472L1.66139 32.1615C5.80057 33.8879 10.3638 34.342 14.7679 33.4602L10.5793 12.5421ZM9.87326 12.472L18.0851 -7.21745C21.7762 -5.678 24.9072 -3.08125 27.0994 0.221566L9.32485 12.0189L-8.44968 23.8162C-5.98895 27.5237 -2.47627 30.4359 1.66139 32.1615L9.87326 12.472ZM9.32485 12.0189L27.0994 0.221566C29.2904 3.5227 30.4513 7.38839 30.4521 11.3308L9.1188 11.3353L-12.2145 11.3399C-12.2136 15.769 -10.9093 20.1104 -8.44968 23.8162L9.32485 12.0189ZM9.1188 11.3353H30.4521V10.3594H9.1188H-12.2145V11.3353H9.1188ZM9.1188 10.3594V-10.9739H5.55638V10.3594V31.6928H9.1188V10.3594ZM5.55638 10.3594L5.53493 -10.9739C-1.1357 -10.9672 -7.50104 -8.29445 -12.1724 -3.59052L2.96498 11.4419L18.1023 26.4742C14.8057 29.7939 10.3043 31.688 5.57783 31.6928L5.55638 10.3594ZM2.96498 11.4419L-12.1724 -3.59052C-16.8387 1.10842 -19.4367 7.4484 -19.4433 14.0302L1.89007 14.0513L23.2234 14.0725C23.2188 18.6966 21.394 23.1596 18.1023 26.4742L2.96498 11.4419ZM1.89007 14.0513H-19.4433C-19.4433 8.60432 -17.2958 3.3507 -13.4262 -0.545929L1.7111 14.4864L16.8484 29.5188C20.9472 25.3914 23.2234 19.8248 23.2234 14.0513H1.89007ZM1.7111 14.4864L-13.4262 -0.545929C-9.55163 -4.44759 -4.26492 -6.66667 1.27902 -6.66667V14.6667V36C7.14708 36 12.7446 33.6513 16.8484 29.5188L1.7111 14.4864ZM1.27902 14.6667V-6.66667C6.82296 -6.66667 12.1097 -4.44759 15.9843 -0.545929L0.846941 14.4864L-14.2904 29.5188C-10.1866 33.6513 -4.58904 36 1.27902 36V14.6667ZM0.846941 14.4864L15.9843 -0.545929C19.8539 3.3507 22.0013 8.60432 22.0013 14.0513H0.667969H-20.6654C-20.6654 19.8248 -18.3892 25.3914 -14.2904 29.5188L0.846941 14.4864ZM10.3409 4.82158H-10.9924C-10.9924 -0.625475 -8.84499 -5.87909 -4.9754 -9.77569L10.1619 5.25668L25.2993 20.2891C29.398 16.1617 31.6742 10.595 31.6742 4.82158H10.3409ZM10.1619 5.25668L-4.9754 -9.77569C-1.10083 -13.6773 4.18586 -15.8964 9.72986 -15.8964V5.4369V26.7702C15.598 26.7702 21.1955 24.4215 25.2993 20.2891L10.1619 5.25668ZM9.72986 5.4369V-15.8964H6.16743V5.4369V26.7702H9.72986V5.4369ZM6.16743 5.4369L6.14292 -15.8964C-0.688613 -15.8886 -7.20793 -13.151 -11.993 -8.33248L3.14431 6.6999L18.2816 21.7323C15.1003 24.9358 10.7554 26.765 6.19194 26.7702L6.16743 5.4369ZM3.14431 6.6999L-11.993 -8.33248C-16.7732 -3.51896 -19.4356 2.97611 -19.4432 9.71996L1.89007 9.74413L23.2234 9.7683C23.2183 14.2283 21.458 18.5337 18.2816 21.7323L3.14431 6.6999ZM1.89007 9.74413H-19.4433V10.7988H1.89007H23.2234V9.74413H1.89007ZM1.89007 10.7988L17.9642 24.8249C16.429 26.5843 14.5297 28.0038 12.3873 28.9797L3.54428 9.56543L-5.29874 -9.8488C-8.70562 -8.29699 -11.7328 -6.03651 -14.1841 -3.22737L1.89007 10.7988ZM3.54428 9.56543L12.3873 28.9797C10.2445 29.9557 7.91297 30.4629 5.54995 30.4621L5.55638 9.12881L5.5628 -12.2045C1.81198 -12.2057 -1.89143 -11.4008 -5.29874 -9.8488L3.54428 9.56543ZM5.55638 9.12881V30.4621H9.72986V9.12881V-12.2045H5.55638V9.12881ZM9.72986 9.12881V30.4621C4.18586 30.4621 -1.10083 28.243 -4.9754 24.3414L10.1619 9.30903L25.2993 -5.72334C21.1955 -9.85575 15.598 -12.2045 9.72986 -12.2045V9.12881ZM10.1619 9.30903L-4.9754 24.3414C-8.84499 20.4448 -10.9924 15.1912 -10.9924 9.74413H10.3409H31.6742C31.6742 3.97068 29.398 -1.59595 25.2993 -5.72334L10.1619 9.30903ZM10.3409 9.74413H-10.9924V11.3353H10.3409H31.6742V9.74413H10.3409ZM10.3409 11.3353L25.4782 26.3677L29.0706 22.7503L13.9333 7.71788L-1.20406 -7.31449L-4.79643 -3.69703L10.3409 11.3353ZM13.9333 7.71788L29.0729 22.748C33.1702 18.6208 35.4455 13.0552 35.4455 7.28286H14.1122H-7.22115C-7.22115 1.83682 -5.07452 -3.41583 -1.20633 -7.3122L13.9333 7.71788ZM14.1122 7.28286H35.4455C35.4455 1.51051 33.1702 -4.0551 29.0729 -8.18226L13.9333 6.84783L-1.20633 21.8779C-5.07452 17.9815 -7.22115 12.7289 -7.22115 7.28286H14.1122ZM13.9333 6.84783L29.0706 -8.18455L25.4782 -11.802L10.3409 3.23037L-4.79643 18.2627L-1.20406 21.8802L13.9333 6.84783ZM10.3409 3.23037H-10.9924V4.82158H10.3409H31.6742V3.23037H10.3409Z', fill: '#9CA3AF', mask: 'url(#path-1-inside-1_4909_35651)' }))) : (react_1.default.createElement("svg", { fill: 'none', height: '16', viewBox: '0 0 16 16', width: '16', xmlns: 'http://www.w3.org/2000/svg' },
-            react_1.default.createElement("path", { d: 'M5 2.5H4C3.60218 2.5 3.22064 2.65804 2.93934 2.93934C2.65804 3.22064 2.5 3.60218 2.5 4V5M11 2.5H12C12.3978 2.5 12.7794 2.65804 13.0607 2.93934C13.342 3.22064 13.5 3.60218 13.5 4V5M13.5 11V12C13.5 12.3978 13.342 12.7794 13.0607 13.0607C12.7794 13.342 12.3978 13.5 12 13.5H11M5 13.5H4C3.60218 13.5 3.22064 13.342 2.93934 13.0607C2.65804 12.7794 2.5 12.3978 2.5 12V11M10 8C10 8.53043 9.78929 9.03914 9.41421 9.41421C9.03914 9.78929 8.53043 10 8 10C7.46957 10 6.96086 9.78929 6.58579 9.41421C6.21071 9.03914 6 8.53043 6 8C6 7.46957 6.21071 6.96086 6.58579 6.58579C6.96086 6.21071 7.46957 6 8 6C8.53043 6 9.03914 6.21071 9.41421 6.58579C9.78929 6.96086 10 7.46957 10 8Z', stroke: '#9CA3AF', strokeLinecap: 'round', strokeLinejoin: 'round', strokeWidth: '1.5' })))),
-        react_1.default.createElement("span", { className: 'inline-flex items-center justify-end gap-1' },
+    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' },
+                react_1.default.createElement("mask", { fill: 'white', id: 'path-1-inside-1_4909_35651' },
+                    react_1.default.createElement("path", { d: 'M0.667969 14.0513V9.74413C0.669586 8.27589 1.24951 6.86826 2.28051 5.83007C3.31151 4.79187 4.70938 4.2079 6.16743 4.20627H9.11881V3.23037C9.11886 2.98701 9.19056 2.74913 9.32485 2.54681C9.45914 2.34448 9.64999 2.18678 9.87326 2.09366C10.0965 2.00054 10.3422 1.97617 10.5793 2.02363C10.8163 2.0711 11.034 2.18826 11.2049 2.36031L14.7979 5.97777C15.1416 6.32393 15.3346 6.79337 15.3346 7.28286C15.3346 7.77234 15.1416 8.24178 14.7979 8.58794L11.2049 12.2054C11.034 12.3775 10.8163 12.4946 10.5793 12.5421C10.3422 12.5895 10.0965 12.5652 9.87326 12.472C9.64999 12.3789 9.45914 12.2212 9.32485 12.0189C9.19056 11.8166 9.11886 11.5787 9.11881 11.3353V10.3594H5.55638C4.58431 10.3604 3.65233 10.7497 2.96498 11.4419C2.27762 12.134 1.89104 13.0725 1.89007 14.0513C1.89007 14.2145 1.82569 14.3711 1.7111 14.4864C1.5965 14.6018 1.44108 14.6667 1.27902 14.6667C1.11696 14.6667 0.961536 14.6018 0.846941 14.4864C0.732347 14.3711 0.667969 14.2145 0.667969 14.0513ZM10.3409 4.82158C10.3409 4.98478 10.2765 5.14129 10.1619 5.25668C10.0473 5.37207 9.89192 5.4369 9.72986 5.4369H6.16743C5.0334 5.4382 3.94619 5.89242 3.14431 6.6999C2.34243 7.50738 1.89136 8.60218 1.89007 9.74413V10.7988C2.3481 10.2739 2.91205 9.8534 3.54428 9.56543C4.17651 9.27745 4.86247 9.1286 5.55638 9.12881H9.72986C9.89192 9.12881 10.0473 9.19364 10.1619 9.30903C10.2765 9.42443 10.3409 9.58093 10.3409 9.74413V11.3353L13.9333 7.71788C14.0478 7.6025 14.1122 7.44602 14.1122 7.28286C14.1122 7.1197 14.0478 6.96321 13.9333 6.84783L10.3409 3.23037V4.82158Z' })),
+                react_1.default.createElement("path", { d: 'M0.667969 14.0513V9.74413C0.669586 8.27589 1.24951 6.86826 2.28051 5.83007C3.31151 4.79187 4.70938 4.2079 6.16743 4.20627H9.11881V3.23037C9.11886 2.98701 9.19056 2.74913 9.32485 2.54681C9.45914 2.34448 9.64999 2.18678 9.87326 2.09366C10.0965 2.00054 10.3422 1.97617 10.5793 2.02363C10.8163 2.0711 11.034 2.18826 11.2049 2.36031L14.7979 5.97777C15.1416 6.32393 15.3346 6.79337 15.3346 7.28286C15.3346 7.77234 15.1416 8.24178 14.7979 8.58794L11.2049 12.2054C11.034 12.3775 10.8163 12.4946 10.5793 12.5421C10.3422 12.5895 10.0965 12.5652 9.87326 12.472C9.64999 12.3789 9.45914 12.2212 9.32485 12.0189C9.19056 11.8166 9.11886 11.5787 9.11881 11.3353V10.3594H5.55638C4.58431 10.3604 3.65233 10.7497 2.96498 11.4419C2.27762 12.134 1.89104 13.0725 1.89007 14.0513C1.89007 14.2145 1.82569 14.3711 1.7111 14.4864C1.5965 14.6018 1.44108 14.6667 1.27902 14.6667C1.11696 14.6667 0.961536 14.6018 0.846941 14.4864C0.732347 14.3711 0.667969 14.2145 0.667969 14.0513ZM10.3409 4.82158C10.3409 4.98478 10.2765 5.14129 10.1619 5.25668C10.0473 5.37207 9.89192 5.4369 9.72986 5.4369H6.16743C5.0334 5.4382 3.94619 5.89242 3.14431 6.6999C2.34243 7.50738 1.89136 8.60218 1.89007 9.74413V10.7988C2.3481 10.2739 2.91205 9.8534 3.54428 9.56543C4.17651 9.27745 4.86247 9.1286 5.55638 9.12881H9.72986C9.89192 9.12881 10.0473 9.19364 10.1619 9.30903C10.2765 9.42443 10.3409 9.58093 10.3409 9.74413V11.3353L13.9333 7.71788C14.0478 7.6025 14.1122 7.44602 14.1122 7.28286C14.1122 7.1197 14.0478 6.96321 13.9333 6.84783L10.3409 3.23037V4.82158Z', fill: '#9CA3AF' }),
+                react_1.default.createElement("path", { d: 'M0.667969 14.0513H-20.6654H0.667969Z', fill: '#9CA3AF', mask: 'url(#path-1-inside-1_4909_35651)' }))) : (react_1.default.createElement("svg", { fill: 'none', height: '16', viewBox: '0 0 16 16', width: '16', xmlns: 'http://www.w3.org/2000/svg' },
+                react_1.default.createElement("path", { d: 'M5 2.5H4C3.60218 2.5 3.22064 2.65804 2.93934 2.93934C2.65804 3.22064 2.5 3.60218 2.5 4V5M11 2.5H12C12.3978 2.5 12.7794 2.65804 13.0607 2.93934C13.342 3.22064 13.5 3.60218 13.5 4V5M13.5 11V12C13.5 12.3978 13.342 12.7794 13.0607 13.0607C12.7794 13.342 12.3978 13.5 12 13.5H11M5 13.5H4C3.60218 13.5 3.22064 13.342 2.93934 13.0607C2.65804 12.7794 2.5 12.3978 2.5 12V11M10 8C10 8.53043 9.78929 9.03914 9.41421 9.41421C9.03914 9.78929 8.53043 10 8 10C7.46957 10 6.96086 9.78929 6.58579 9.41421C6.21071 9.03914 6 8.53043 6 8C6 7.46957 6.21071 6.96086 6.58579 6.58579C6.96086 6.21071 7.46957 6 8 6C8.53043 6 9.03914 6.21071 9.41421 6.58579C9.78929 6.96086 10 7.46957 10 8Z', stroke: '#9CA3AF', strokeLinecap: 'round', strokeLinejoin: 'round', strokeWidth: '1.5' })))),
+            label && react_1.default.createElement("span", { className: 'text-xs font-normal text-gray-500' }, label)),
+        react_1.default.createElement("div", { className: 'flex justify-center gap-1' },
             isRead ? (react_1.default.createElement("svg", { fill: 'none', height: '18', viewBox: '0 0 18 18', width: '18', xmlns: 'http://www.w3.org/2000/svg' },
                 react_1.default.createElement("path", { d: 'M4.76144 11.4799C4.61744 11.4799 4.47944 11.4179 4.38544 11.3079L2.28944 8.90794C2.10744 8.69994 2.12944 8.38394 2.33744 8.20194C2.54544 8.01994 2.86144 8.04194 3.04344 8.24994L4.76144 10.2179L9.62344 4.64994C9.80544 4.44194 10.1214 4.41994 10.3294 4.60194C10.5374 4.78394 10.5594 5.09994 10.3774 5.30794L5.13944 11.3079C5.04344 11.4159 4.90544 11.4799 4.76144 11.4799Z', fill: '#158017' }),
                 react_1.default.createElement("path", { d: 'M7.61838 11.5199C7.60838 11.5199 7.60038 11.5199 7.59038 11.5199C7.44438 11.5119 7.30838 11.4399 7.22038 11.3239L6.93438 10.9479C6.76638 10.7279 6.81038 10.4139 7.02838 10.2479C7.21638 10.1039 7.47438 10.1159 7.65038 10.2599L12.9684 4.67592C13.1584 4.47592 13.4744 4.46792 13.6744 4.65792C13.8744 4.84792 13.8824 5.16392 13.6924 5.36392L7.98038 11.3659C7.88638 11.4659 7.75638 11.5199 7.61838 11.5199Z', fill: '#158017' }))) : (react_1.default.createElement("svg", { fill: 'none', height: '14', viewBox: '0 0 14 14', width: '14', xmlns: 'http://www.w3.org/2000/svg' },
@@ -22,7 +24,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: " 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 ".concat(isRead ? 'text-green-700' : 'text-gray-500') }, text))));
 };
 exports.ReadStatusRight = ReadStatusRight;
 //# sourceMappingURL=ReadStatusRight.js.map

package/dist/cjs/components/MainWrapV4/components/notification/component/ReadStatusRight.js.map

@@ -1 +1 @@
-{"version":3,"file":"ReadStatusRight.js","sourceRoot":"","sources":["../../../../../../../src/components/MainWrapV4/components/notification/component/ReadStatusRight.tsx"],"names":[],"mappings":";;;;AAAA,wDAAyB;AAElB,IAAM,eAAe,GAAG,UAAC,EAQ/B;QAPC,UAAU,gBAAA,EACV,MAAM,YAAA,EACN,KAAK,WAAA;IAML,IAAM,IAAI,GAAG,KAAK,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAA;IACtD,OAAO,CACL,wCAAM,SAAS,EAAC,gCAAgC;QAC9C,wCAAM,SAAS,EAAC,aAAa,IAC1B,UAAU,CAAC,CAAC,CAAC,CACZ,uCAAK,IAAI,EAAC,MAAM,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,KAAK,EAAC,IAAI,EAAC,KAAK,EAAC,4BAA4B;YAC5F,wCAAM,IAAI,EAAC,OAAO,EAAC,EAAE,EAAC,4BAA4B;gBAChD,wCAAM,CAAC,EAAC,y+CAAy+C,GAAG,CAC/+C;YACP,wCACE,CAAC,EAAC,y+CAAy+C,EAC3+C,IAAI,EAAC,SAAS,GACd;YACF,wCACE,CAAC,EAAC,kkOAAkkO,EACpkO,IAAI,EAAC,SAAS,EACd,IAAI,EAAC,kCAAkC,GACvC,CACE,CACP,CAAC,CAAC,CAAC,CACF,uCAAK,IAAI,EAAC,MAAM,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,KAAK,EAAC,IAAI,EAAC,KAAK,EAAC,4BAA4B;YAC5F,wCACE,CAAC,EAAC,0pBAA0pB,EAC5pB,MAAM,EAAC,SAAS,EAChB,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,EACtB,WAAW,EAAC,KAAK,GACjB,CACE,CACP,CACI;QACP,wCAAM,SAAS,EAAC,4CAA4C;YACzD,MAAM,CAAC,CAAC,CAAC,CACR,uCAAK,IAAI,EAAC,MAAM,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,KAAK,EAAC,IAAI,EAAC,KAAK,EAAC,4BAA4B;gBAC5F,wCACE,CAAC,EAAC,mXAAmX,EACrX,IAAI,EAAC,SAAS,GACd;gBACF,wCACE,CAAC,EAAC,mZAAmZ,EACrZ,IAAI,EAAC,SAAS,GACd,CACE,CACP,CAAC,CAAC,CAAC,CACF,uCAAK,IAAI,EAAC,MAAM,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,KAAK,EAAC,IAAI,EAAC,KAAK,EAAC,4BAA4B;gBAC5F,qCAAG,QAAQ,EAAC,yBAAyB;oBACnC,wCACE,CAAC,EAAC,6tCAA6tC,EAC/tC,IAAI,EAAC,SAAS,GACd,CACA;gBACJ;oBACE,4CAAU,EAAE,EAAC,mBAAmB;wBAC9B,wCAAM,IAAI,EAAC,OAAO,EAAC,MAAM,EAAC,IAAI,EAAC,KAAK,EAAC,IAAI,GAAG,CACnC,CACN,CACH,CACP;YAED,wCAAM,SAAS,EAAE,+BAAwB,MAAM,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,eAAe,CAAE,IAAG,IAAI,CAAQ,CAChG,CACF,CACR,CAAA;AACH,CAAC,CAAA;AAxEY,QAAA,eAAe,mBAwE3B"}
+{"version":3,"file":"ReadStatusRight.js","sourceRoot":"","sources":["../../../../../../../src/components/MainWrapV4/components/notification/component/ReadStatusRight.tsx"],"names":[],"mappings":";;;;AAAA,wDAAyB;AAElB,IAAM,eAAe,GAAG,UAAC,EAQ/B;QAPC,UAAU,gBAAA,EACV,MAAM,YAAA,EACN,KAAK,WAAA;IAML,IAAM,IAAI,GAAG,KAAK,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAA;IAEtD,OAAO,CACL,uCAAK,SAAS,EAAC,qBAAqB;QAElC,uCAAK,SAAS,EAAC,+BAA+B;YAC5C,wCAAM,SAAS,EAAC,aAAa,IAC1B,UAAU,CAAC,CAAC,CAAC,CACZ,uCAAK,IAAI,EAAC,MAAM,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,KAAK,EAAC,IAAI,EAAC,KAAK,EAAC,4BAA4B;gBAC5F,wCAAM,IAAI,EAAC,OAAO,EAAC,EAAE,EAAC,4BAA4B;oBAChD,wCAAM,CAAC,EAAC,y+CAAy+C,GAAG,CAC/+C;gBACP,wCACE,CAAC,EAAC,y+CAAy+C,EAC3+C,IAAI,EAAC,SAAS,GACd;gBACF,wCAAM,CAAC,EAAC,sCAAsC,EAAC,IAAI,EAAC,SAAS,EAAC,IAAI,EAAC,kCAAkC,GAAG,CACpG,CACP,CAAC,CAAC,CAAC,CACF,uCAAK,IAAI,EAAC,MAAM,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,KAAK,EAAC,IAAI,EAAC,KAAK,EAAC,4BAA4B;gBAC5F,wCACE,CAAC,EAAC,0pBAA0pB,EAC5pB,MAAM,EAAC,SAAS,EAChB,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,EACtB,WAAW,EAAC,KAAK,GACjB,CACE,CACP,CACI;YACN,KAAK,IAAI,wCAAM,SAAS,EAAC,mCAAmC,IAAE,KAAK,CAAQ,CACxE;QAGN,uCAAK,SAAS,EAAC,2BAA2B;YACvC,MAAM,CAAC,CAAC,CAAC,CACR,uCAAK,IAAI,EAAC,MAAM,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,KAAK,EAAC,IAAI,EAAC,KAAK,EAAC,4BAA4B;gBAC5F,wCACE,CAAC,EAAC,mXAAmX,EACrX,IAAI,EAAC,SAAS,GACd;gBACF,wCACE,CAAC,EAAC,mZAAmZ,EACrZ,IAAI,EAAC,SAAS,GACd,CACE,CACP,CAAC,CAAC,CAAC,CACF,uCAAK,IAAI,EAAC,MAAM,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,KAAK,EAAC,IAAI,EAAC,KAAK,EAAC,4BAA4B;gBAC5F,qCAAG,QAAQ,EAAC,yBAAyB;oBACnC,wCACE,CAAC,EAAC,6tCAA6tC,EAC/tC,IAAI,EAAC,SAAS,GACd,CACA;gBACJ;oBACE,4CAAU,EAAE,EAAC,mBAAmB;wBAC9B,wCAAM,IAAI,EAAC,OAAO,EAAC,MAAM,EAAC,IAAI,EAAC,KAAK,EAAC,IAAI,GAAG,CACnC,CACN,CACH,CACP;YAED,wCACE,SAAS,EAAE,wDAAiD,MAAM,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,eAAe,CAAE,IAExG,IAAI,CACA,CACH,CACF,CACP,CAAA;AACH,CAAC,CAAA;AA/EY,QAAA,eAAe,mBA+E3B"}

package/dist/cjs/components/MainWrapV4/components/notification/hook/useAnimatedListHeight.d.ts

@@ -3,7 +3,10 @@ export declare function useAnimatedListHeight(): {
     contentVisible: boolean;
     showSkeleton: boolean;
     relaxMaxH: boolean;
+    contentMaxH: number;
+    frozenH: number | null;
     getMaxHeight: () => number | "none";
+    getHeightPx: () => number;
     resetForInitLoad: () => void;
     revealAfterInitLoad: () => void;
     cleanup: () => void;

package/dist/cjs/components/MainWrapV4/components/notification/hook/useAnimatedListHeight.js

@@ -73,14 +73,18 @@ function useAnimatedListHeight() {
             return (_a = frozenH !== null && frozenH !== void 0 ? frozenH : contentMaxH) !== null && _a !== void 0 ? _a : 0;
         return contentMaxH;
     }, [relaxMaxH, contentVisible, frozenH, contentMaxH]);
+    var getHeightPx = (0, react_1.useCallback)(function () { var _a; return (_a = frozenH !== null && frozenH !== void 0 ? frozenH : contentMaxH) !== null && _a !== void 0 ? _a : 0; }, [frozenH, contentMaxH]);
     return {
         contentRef: contentRef,
         // states
         contentVisible: contentVisible,
         showSkeleton: showSkeleton,
         relaxMaxH: relaxMaxH,
+        contentMaxH: contentMaxH,
+        frozenH: frozenH,
         // helpers
         getMaxHeight: getMaxHeight,
+        getHeightPx: getHeightPx,
         resetForInitLoad: resetForInitLoad,
         revealAfterInitLoad: revealAfterInitLoad,
         cleanup: cleanup,

package/dist/cjs/components/MainWrapV4/components/notification/hook/useAnimatedListHeight.js.map

@@ -1 +1 @@
-{"version":3,"file":"useAnimatedListHeight.js","sourceRoot":"","sources":["../../../../../../../src/components/MainWrapV4/components/notification/hook/useAnimatedListHeight.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"useAnimatedListHeight.js","sourceRoot":"","sources":["../../../../../../../src/components/MainWrapV4/components/notification/hook/useAnimatedListHeight.ts"],"names":[],"mappings":"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"}

package/dist/cjs/components/MainWrapV4/components/notification/hook/useMeasuredHeight.d.ts

@@ -0,0 +1 @@
+export declare function useMeasuredHeight(ref: React.RefObject<HTMLElement | null>, fallback?: number): number;

package/dist/cjs/components/MainWrapV4/components/notification/hook/useMeasuredHeight.js

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useMeasuredHeight = useMeasuredHeight;
+var react_1 = require("react");
+function useMeasuredHeight(ref, fallback) {
+    if (fallback === void 0) { fallback = 56; }
+    var _a = (0, react_1.useState)(fallback), h = _a[0], setH = _a[1];
+    (0, react_1.useLayoutEffect)(function () {
+        var el = ref.current;
+        if (!el)
+            return;
+        var update = function () { return setH(el.getBoundingClientRect().height || fallback); };
+        var ro = new ResizeObserver(update);
+        ro.observe(el);
+        update();
+        return function () { return ro.disconnect(); };
+    }, [ref, fallback]);
+    return h;
+}
+//# sourceMappingURL=useMeasuredHeight.js.map

package/dist/cjs/components/MainWrapV4/components/notification/hook/useMeasuredHeight.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMeasuredHeight.js","sourceRoot":"","sources":["../../../../../../../src/components/MainWrapV4/components/notification/hook/useMeasuredHeight.ts"],"names":[],"mappings":";;AAEA,8CAiBC;AAnBD,+BAAiD;AAEjD,SAAgB,iBAAiB,CAAC,GAAwC,EAAE,QAAa;IAAb,yBAAA,EAAA,aAAa;IACjF,IAAA,KAAY,IAAA,gBAAQ,EAAC,QAAQ,CAAC,EAA7B,CAAC,QAAA,EAAE,IAAI,QAAsB,CAAA;IAEpC,IAAA,uBAAe,EAAC;QACd,IAAM,EAAE,GAAG,GAAG,CAAC,OAAO,CAAA;QACtB,IAAI,CAAC,EAAE;YAAE,OAAM;QAEf,IAAM,MAAM,GAAG,cAAM,OAAA,IAAI,CAAC,EAAE,CAAC,qBAAqB,EAAE,CAAC,MAAM,IAAI,QAAQ,CAAC,EAAnD,CAAmD,CAAA;QACxE,IAAM,EAAE,GAAG,IAAI,cAAc,CAAC,MAAM,CAAC,CAAA;QAErC,EAAE,CAAC,OAAO,CAAC,EAAE,CAAC,CAAA;QACd,MAAM,EAAE,CAAA;QAER,OAAO,cAAM,OAAA,EAAE,CAAC,UAAU,EAAE,EAAf,CAAe,CAAA;IAC9B,CAAC,EAAE,CAAC,GAAG,EAAE,QAAQ,CAAC,CAAC,CAAA;IAEnB,OAAO,CAAC,CAAA;AACV,CAAC"}

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

@@ -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

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

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

@@ -1 +1 @@
-{"version":3,"file":"useNotificationData.js","sourceRoot":"","sources":["../../../../../../../src/components/MainWrapV4/components/notification/hook/useNotificationData.tsx"],"names":[],"mappings":"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"}
+{"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/hook/useWindowHeight.d.ts

@@ -0,0 +1 @@
+export declare function useWindowHeight(): number;

package/dist/cjs/components/MainWrapV4/components/notification/hook/useWindowHeight.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useWindowHeight = useWindowHeight;
+var react_1 = require("react");
+function useWindowHeight() {
+    var _a = (0, react_1.useState)(function () { return window.innerHeight; }), vh = _a[0], setVh = _a[1];
+    (0, react_1.useLayoutEffect)(function () {
+        var onResize = function () { return setVh(window.innerHeight); };
+        window.addEventListener('resize', onResize);
+        return function () { return window.removeEventListener('resize', onResize); };
+    }, []);
+    return vh;
+}
+//# sourceMappingURL=useWindowHeight.js.map

package/dist/cjs/components/MainWrapV4/components/notification/hook/useWindowHeight.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useWindowHeight.js","sourceRoot":"","sources":["../../../../../../../src/components/MainWrapV4/components/notification/hook/useWindowHeight.ts"],"names":[],"mappings":";;AAEA,0CAUC;AAZD,+BAAiD;AAEjD,SAAgB,eAAe;IACvB,IAAA,KAAc,IAAA,gBAAQ,EAAC,cAAM,OAAA,MAAM,CAAC,WAAW,EAAlB,CAAkB,CAAC,EAA/C,EAAE,QAAA,EAAE,KAAK,QAAsC,CAAA;IAEtD,IAAA,uBAAe,EAAC;QACd,IAAM,QAAQ,GAAG,cAAM,OAAA,KAAK,CAAC,MAAM,CAAC,WAAW,CAAC,EAAzB,CAAyB,CAAA;QAChD,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAA;QAC3C,OAAO,cAAM,OAAA,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,QAAQ,CAAC,EAA9C,CAA8C,CAAA;IAC7D,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,OAAO,EAAE,CAAA;AACX,CAAC"}

package/dist/cjs/components/MainWrapV4/components/notification/index.d.ts

@@ -1,3 +1,5 @@
 import React from 'react';
-declare const Notification: () => React.JSX.Element;
+declare const Notification: ({ unreadCount }: {
+    unreadCount: number;
+}) => React.JSX.Element;
 export default Notification;

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

@@ -1,137 +1,53 @@
 "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 constant_1 = require("../../constant");
-var helper_1 = require("../../helper");
-var HtmlIFrame_1 = require("./component/HtmlIFrame");
-var ReadStatusRight_1 = require("./component/ReadStatusRight");
-var UnlinkedPreview_1 = require("./component/UnlinkedPreview");
+var NotiDropdown_1 = tslib_1.__importDefault(require("./component/NotiDropdown"));
 var useAnimatedListHeight_1 = require("./hook/useAnimatedListHeight");
 var useIframeClickBlock_1 = require("./hook/useIframeClickBlock");
 var useInfiniteScrollInModal_1 = require("./hook/useInfiniteScrollInModal");
 var useNotificationData_1 = require("./hook/useNotificationData");
-var useNotificationUnreadPolling_1 = require("./hook/useNotificationUnreadPolling");
-var Skeleton_1 = require("../../../Skeleton");
-var Modal_1 = require("../../../Modal");
-var ReportButtonV2_1 = require("../../../ReportButtonV2");
-var ResourceList_1 = require("../../../ResourceList");
-var EmptyRecord_1 = require("../../../EmptyRecord");
-var LIMIT = 7;
-var Notification = function () {
-    var _a = (0, react_1.useState)(false), showModal = _a[0], setShowModal = _a[1];
-    var _b = (0, react_1.useState)(false), showPreviewModal = _b[0], setShowPreviewModal = _b[1];
+var LIMIT = 15;
+var Notification = function (_a) {
+    var unreadCount = _a.unreadCount;
+    var _b = (0, react_1.useState)(false), showModal = _b[0], setShowModal = _b[1];
     var _c = (0, react_1.useState)(null), previewModalData = _c[0], setPreviewModalData = _c[1];
-    var iframeClickRef = (0, useIframeClickBlock_1.useIframeClickBlock)();
+    var isPreview = !!previewModalData;
     var loadMoreRef = (0, react_1.useRef)(null);
-    var unreadCount = (0, useNotificationUnreadPolling_1.useNotificationUnreadPolling)(5000).unreadCount;
-    var _d = (0, useNotificationData_1.useNotificationData)({ limit: LIMIT }), activeTab = _d.activeTab, fetchFirstPage = _d.fetchFirstPage, hasMore = _d.hasMore, listData = _d.listData, loadMore = _d.loadMore, loadingInit = _d.loadingInit, loadingMore = _d.loadingMore, resetList = _d.resetList, setActiveTab = _d.setActiveTab, tabs = _d.tabs;
-    var _e = (0, useAnimatedListHeight_1.useAnimatedListHeight)(), cleanup = _e.cleanup, contentRef = _e.contentRef, contentVisible = _e.contentVisible, getMaxHeight = _e.getMaxHeight, relaxMaxH = _e.relaxMaxH, resetForInitLoad = _e.resetForInitLoad, revealAfterInitLoad = _e.revealAfterInitLoad, setRelaxMaxH = _e.setRelaxMaxH, showSkeleton = _e.showSkeleton;
+    var iframeClickRef = (0, useIframeClickBlock_1.useIframeClickBlock)();
+    var noti = (0, useNotificationData_1.useNotificationData)({ limit: LIMIT });
+    var animated = (0, useAnimatedListHeight_1.useAnimatedListHeight)();
+    // load first page when open / tab change
     (0, react_1.useLayoutEffect)(function () {
         if (!showModal)
             return;
-        resetList();
-        resetForInitLoad();
-        fetchFirstPage(activeTab).finally(function () { return revealAfterInitLoad(); });
+        noti.resetList();
+        animated.resetForInitLoad();
+        noti.fetchFirstPage(noti.activeTab).finally(function () { return animated.revealAfterInitLoad(); });
         // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [showModal, activeTab]);
+    }, [showModal, noti.activeTab]);
+    // infinite scroll only on list mode
     (0, useInfiniteScrollInModal_1.useInfiniteScrollInModal)({
-        enabled: showModal,
+        enabled: showModal && !isPreview,
         target: loadMoreRef,
-        rootSelector: '.noti-modal-scroll-root',
-        canLoad: !loadingInit && !loadingMore && hasMore,
-        onIntersect: loadMore,
+        rootSelector: '.noti-scroll-root',
+        canLoad: !noti.loadingInit && !noti.loadingMore && noti.hasMore,
+        onIntersect: noti.loadMore,
     });
-    var list = (0, react_1.useMemo)(function () {
-        return (listData !== null && listData !== void 0 ? listData : []).map(function (item) {
-            var _a, _b, _c, _d, _e;
-            var 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 fullText = (0, helper_1.htmlToText)(preview) || '';
-            var _f = (0, helper_1.truncateByChars)(fullText, constant_1.PREVIEW_CHAR_LIMIT), isLong = _f.isLong, short = _f.short;
-            return {
-                id: item.id,
-                __toggleable: item.unlinked && isLong,
-                __previewHtml: preview !== null && preview !== void 0 ? preview : '',
-                __title: (_e = item === null || item === void 0 ? void 0 : item.title) !== null && _e !== void 0 ? _e : 'Thông báo',
-                name: (react_1.default.createElement("span", { className: 'flex w-full min-w-0 items-center justify-between gap-2' },
-                    react_1.default.createElement("span", { className: "min-w-0 flex-1 whitespace-normal text-sm font-medium break-words".concat((item === null || item === void 0 ? void 0 : item.read_at) ? 'opacity-80' : ''), title: item === null || item === void 0 ? void 0 : item.title }, item === null || item === void 0 ? void 0 : item.title),
-                    react_1.default.createElement("span", { className: 'min-w-[86px] shrink-0 whitespace-nowrap text-right' },
-                        react_1.default.createElement(ReadStatusRight_1.ReadStatusRight, { isExpanded: !item.unlinked, isRead: !!(item === null || item === void 0 ? void 0 : item.read_at) })))),
-                fallback_url: item === null || item === void 0 ? void 0 : item.fallback_url,
-                location: (react_1.default.createElement("span", { className: 'block w-[calc(100vw-60px)] min-w-0 shrink-0 sm:w-[620px] md:w-[620px] lg:w-[620px]' },
-                    react_1.default.createElement("span", { className: 'block text-[12px] text-gray-500' }, item === null || item === void 0 ? void 0 : item.sent_at),
-                    !item.unlinked ? (react_1.default.createElement("span", { className: 'block min-w-0 truncate text-xs text-gray-500', title: previewText }, previewText)) : (react_1.default.createElement(UnlinkedPreview_1.UnlinkedPreview, { fullText: fullText, isLong: isLong, shortText: short })))),
-            };
-        });
-    }, [listData]);
-    var renderSkeletons = function () { return (react_1.default.createElement(react_1.default.Fragment, null, Array.from({ length: LIMIT }).map(function (_, i) { return (react_1.default.createElement(Skeleton_1.PHXSkeleton, { key: i, size: 'medium', type: 'only-report' })); }))); };
-    return (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement("div", { "aria-hidden": true, 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: function () {
-                resetList();
-                setShowModal(true);
-            } },
-            react_1.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_1.default.createElement(outline_1.BellIcon, { className: 'h-[19px] w-[22px] text-gray-600' }),
-                unreadCount > 0 && (react_1.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)))),
-        showModal && (react_1.default.createElement(Modal_1.PHXModal, { className: 'noti-modal-scroll-root', hiddenSubmit: true, inCard: false, onHide: function () {
-                setShowModal(false);
-                setActiveTab(constant_1.TAB.ALL);
-                cleanup();
-            }, show: showModal, size: 'large', title: 'Trung t\u00E2m th\u00F4ng b\u00E1o' },
-            react_1.default.createElement("div", { className: 'w-full max-w-[calc(100vw-36px)] sm:max-w-none' },
-                react_1.default.createElement(ReportButtonV2_1.PHXReportButtonTabV2, { activeTab: activeTab, onChange: function (t) { return setActiveTab(t); }, 
-                    // @ts-ignore
-                    tabs: tabs }),
-                react_1.default.createElement("div", { className: 'relative min-h-52' },
-                    react_1.default.createElement("div", { className: [
-                            relaxMaxH ? 'overflow-visible' : 'overflow-hidden',
-                            'transition-[max-height,opacity,transform] duration-500 ease-out',
-                            'will-change-[max-height,opacity,transform]',
-                            contentVisible ? 'translate-y-0 opacity-100' : 'translate-y-[2px] opacity-0',
-                            'motion-reduce:transform-none motion-reduce:transition-none',
-                        ].join(' '), onTransitionEnd: function (e) {
-                            if (e.propertyName === 'max-height' && contentVisible) {
-                                setRelaxMaxH(true);
-                            }
-                        }, style: { maxHeight: getMaxHeight() } },
-                        react_1.default.createElement("div", { ref: contentRef }, listData.length > 0 ? (react_1.default.createElement(react_1.default.Fragment, null,
-                            react_1.default.createElement(ResourceList_1.PHXResourceList
-                            // @ts-ignore
-                            , { 
-                                // @ts-ignore
-                                list: list, onClickItem: function (row) {
-                                    if ((row === null || row === void 0 ? void 0 : row.id) && iframeClickRef.current[row.id])
-                                        return;
-                                    if (row === null || row === void 0 ? void 0 : row.__toggleable) {
-                                        setPreviewModalData({
-                                            id: row.id,
-                                            title: row.__title,
-                                            html: row.__previewHtml,
-                                        });
-                                        setShowPreviewModal(true);
-                                        return;
-                                    }
-                                    if (row === null || row === void 0 ? void 0 : row.fallback_url) {
-                                        window.location.href = row.fallback_url;
-                                    }
-                                }, paging: loadingMore }),
-                            react_1.default.createElement("div", { ref: loadMoreRef, className: 'h-6' }))) : (react_1.default.createElement(EmptyRecord_1.PHXEmptyRecord, { className: 'flex flex-col items-center justify-center', description: 'B\u1EA1n ch\u01B0a c\u00F3 th\u00F4ng b\u00E1o n\u00E0o.', title: 'Tr\u1ED1ng' })))),
-                    react_1.default.createElement("div", { className: [
-                            'absolute inset-0',
-                            'transition-opacity duration-300 ease-out',
-                            showSkeleton ? 'opacity-100' : 'pointer-events-none opacity-0',
-                        ].join(' ') },
-                        react_1.default.createElement("div", { className: 'h-full overflow-hidden' }, renderSkeletons())))))),
-        showPreviewModal && previewModalData && (react_1.default.createElement(Modal_1.PHXModal, { hiddenSubmit: true, inCard: false, onHide: function () {
-                setShowPreviewModal(false);
-                setPreviewModalData(null);
-            }, show: showPreviewModal, size: 'large', title: previewModalData.title || 'Nội dung thông báo' },
-            react_1.default.createElement("div", { className: 'px-1' },
-                react_1.default.createElement(HtmlIFrame_1.HtmlIFrame, { html: previewModalData.html, id: previewModalData.id }))))));
+    var onCloseAll = function () {
+        setShowModal(false);
+        setPreviewModalData(null);
+        noti.setActiveTab(constant_1.TAB.ALL);
+        animated.cleanup();
+    };
+    return (react_1.default.createElement(NotiDropdown_1.default, { animated: animated, noti: noti, onClose: onCloseAll, onOpen: function () {
+            noti.resetList();
+            setShowModal(true);
+        }, open: showModal, previewDeps: {
+            iframeClickRef: iframeClickRef,
+            loadMoreRef: loadMoreRef,
+        }, previewModalData: previewModalData, setPreviewModalData: setPreviewModalData, unreadCount: unreadCount }));
 };
 exports.default = Notification;
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/components/MainWrapV4/components/notification/index.tsx"],"names":[],"mappings":";;;AAAA,uDAAsD;AACtD,qDAAyE;AACzE,2CAAwD;AACxD,uCAA0D;AAE1D,qDAAmD;AACnD,+DAA6D;AAC7D,+DAA6D;AAC7D,sEAAoE;AACpE,kEAAgE;AAChE,4EAA0E;AAC1E,kEAAgE;AAChE,oFAAkF;AAClF,8CAA+C;AAC/C,wCAAyC;AACzC,0DAA8D;AAC9D,sDAAuD;AACvD,oDAAqD;AAErD,IAAM,KAAK,GAAG,CAAC,CAAA;AAEf,IAAM,YAAY,GAAG;IACb,IAAA,KAA4B,IAAA,gBAAQ,EAAC,KAAK,CAAC,EAA1C,SAAS,QAAA,EAAE,YAAY,QAAmB,CAAA;IAE3C,IAAA,KAA0C,IAAA,gBAAQ,EAAC,KAAK,CAAC,EAAxD,gBAAgB,QAAA,EAAE,mBAAmB,QAAmB,CAAA;IACzD,IAAA,KAA0C,IAAA,gBAAQ,EAA0B,IAAI,CAAC,EAAhF,gBAAgB,QAAA,EAAE,mBAAmB,QAA2C,CAAA;IAEvF,IAAM,cAAc,GAAG,IAAA,yCAAmB,GAAE,CAAA;IAC5C,IAAM,WAAW,GAAG,IAAA,cAAM,EAAwB,IAAI,CAAC,CAAA;IAE/C,IAAA,WAAW,GAAK,IAAA,2DAA4B,EAAC,IAAI,CAAC,YAAvC,CAAuC;IAEpD,IAAA,KAWF,IAAA,yCAAmB,EAAC,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,EAVvC,SAAS,eAAA,EACT,cAAc,oBAAA,EACd,OAAO,aAAA,EACP,QAAQ,cAAA,EACR,QAAQ,cAAA,EACR,WAAW,iBAAA,EACX,WAAW,iBAAA,EACX,SAAS,eAAA,EACT,YAAY,kBAAA,EACZ,IAAI,UACmC,CAAA;IAEnC,IAAA,KAUF,IAAA,6CAAqB,GAAE,EATzB,OAAO,aAAA,EACP,UAAU,gBAAA,EACV,cAAc,oBAAA,EACd,YAAY,kBAAA,EACZ,SAAS,eAAA,EACT,gBAAgB,sBAAA,EAChB,mBAAmB,yBAAA,EACnB,YAAY,kBAAA,EACZ,YAAY,kBACa,CAAA;IAE3B,IAAA,uBAAe,EAAC;QACd,IAAI,CAAC,SAAS;YAAE,OAAM;QACtB,SAAS,EAAE,CAAA;QACX,gBAAgB,EAAE,CAAA;QAClB,cAAc,CAAC,SAAS,CAAC,CAAC,OAAO,CAAC,cAAM,OAAA,mBAAmB,EAAE,EAArB,CAAqB,CAAC,CAAA;QAC9D,uDAAuD;IACzD,CAAC,EAAE,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC,CAAA;IAE1B,IAAA,mDAAwB,EAAC;QACvB,OAAO,EAAE,SAAS;QAClB,MAAM,EAAE,WAAW;QACnB,YAAY,EAAE,yBAAyB;QACvC,OAAO,EAAE,CAAC,WAAW,IAAI,CAAC,WAAW,IAAI,OAAO;QAChD,WAAW,EAAE,QAAQ;KACtB,CAAC,CAAA;IAEF,IAAM,IAAI,GAAG,IAAA,eAAO,EAClB;QACE,OAAA,CAAC,QAAQ,aAAR,QAAQ,cAAR,QAAQ,GAAI,EAAE,CAAC,CAAC,GAAG,CAAC,UAAC,IAAc;;YAClC,IAAM,OAAO,GAAG,CAAC,IAAI,CAAC,QAAQ;gBAC5B,CAAC,CAAC,CAAA,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,YAAY,0CAAE,IAAI,EAAE,MAAI,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,KAAK,0CAAE,IAAI,EAAE,CAAA,KAAI,MAAA,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,OAAO,0CAAE,KAAK,0CAAE,IAAI,EAAE,CAAA,IAAI,WAAW;gBAClG,CAAC,CAAC,IAAI,CAAC,OAAO,CAAA;YAEhB,IAAM,WAAW,GAAG,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAA,mBAAU,EAAC,OAAO,CAAC,CAAC,CAAC,CAAC,OAAO,CAAA;YAEjE,IAAM,QAAQ,GAAG,IAAA,mBAAU,EAAC,OAAO,CAAC,IAAI,EAAE,CAAA;YACpC,IAAA,KAAoB,IAAA,wBAAe,EAAC,QAAQ,EAAE,6BAAkB,CAAC,EAA/D,MAAM,YAAA,EAAE,KAAK,WAAkD,CAAA;YAEvE,OAAO;gBACL,EAAE,EAAE,IAAI,CAAC,EAAE;gBACX,YAAY,EAAE,IAAI,CAAC,QAAQ,IAAI,MAAM;gBACrC,aAAa,EAAE,OAAO,aAAP,OAAO,cAAP,OAAO,GAAI,EAAE;gBAC5B,OAAO,EAAE,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,KAAK,mCAAI,WAAW;gBACnC,IAAI,EAAE,CACJ,wCAAM,SAAS,EAAC,wDAAwD;oBACtE,wCACE,SAAS,EAAE,0EACT,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,OAAO,EAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE,CACjC,EACF,KAAK,EAAE,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,KAAK,IAEjB,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,KAAK,CACP;oBAEP,wCAAM,SAAS,EAAC,oDAAoD;wBAClE,8BAAC,iCAAe,IAAC,UAAU,EAAE,CAAC,IAAI,CAAC,QAAQ,EAAE,MAAM,EAAE,CAAC,CAAC,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,OAAO,CAAA,GAAI,CACnE,CACF,CACR;gBACD,YAAY,EAAE,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,YAAY;gBAChC,QAAQ,EAAE,CACR,wCAAM,SAAS,EAAC,oFAAoF;oBAClG,wCAAM,SAAS,EAAC,iCAAiC,IAAE,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,OAAO,CAAQ;oBAEvE,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,CAChB,wCAAM,SAAS,EAAC,8CAA8C,EAAC,KAAK,EAAE,WAAW,IAC9E,WAAW,CACP,CACR,CAAC,CAAC,CAAC,CACF,8BAAC,iCAAe,IAAC,QAAQ,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,KAAK,GAAI,CAC1E,CACI,CACR;aACF,CAAA;QACH,CAAC,CAAC;IA9CF,CA8CE,EACJ,CAAC,QAAQ,CAAC,CACX,CAAA;IAED,IAAM,eAAe,GAAG,cAAM,OAAA,CAC5B,8DACG,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,CAAC,GAAG,CAAC,UAAC,CAAC,EAAE,CAAC,IAAK,OAAA,CAC3C,8BAAC,sBAAW,IAAC,GAAG,EAAE,CAAC,EAAE,IAAI,EAAC,QAAQ,EAAC,IAAI,EAAC,aAAa,GAAG,CACzD,EAF4C,CAE5C,CAAC,CACD,CACJ,EAN6B,CAM7B,CAAA;IAED,OAAO,CACL;QACE,4DAEE,SAAS,EAAE,4CACe,WAAW,GAAG,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,gTAMzD,EACD,OAAO,EAAE;gBACP,SAAS,EAAE,CAAA;gBACX,YAAY,CAAC,IAAI,CAAC,CAAA;YACpB,CAAC;YAED,uCAAK,SAAS,EAAC,+HAA+H;gBAC5I,8BAAC,kBAAQ,IAAC,SAAS,EAAC,iCAAiC,GAAG;gBACvD,WAAW,GAAG,CAAC,IAAI,CAClB,wCAAM,SAAS,EAAC,2GAA2G,IACxH,WAAW,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,WAAW,CAChC,CACR,CACG,CACF;QAEL,SAAS,IAAI,CACZ,8BAAC,gBAAQ,IACP,SAAS,EAAC,wBAAwB,EAClC,YAAY,QACZ,MAAM,EAAE,KAAK,EACb,MAAM,EAAE;gBACN,YAAY,CAAC,KAAK,CAAC,CAAA;gBACnB,YAAY,CAAC,cAAG,CAAC,GAAG,CAAC,CAAA;gBACrB,OAAO,EAAE,CAAA;YACX,CAAC,EACD,IAAI,EAAE,SAAS,EACf,IAAI,EAAC,OAAO,EACZ,KAAK,EAAC,oCAAqB;YAE3B,uCAAK,SAAS,EAAC,+CAA+C;gBAC5D,8BAAC,qCAAoB,IACnB,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,UAAC,CAAM,IAAK,OAAA,YAAY,CAAC,CAAC,CAAC,EAAf,CAAe;oBACrC,aAAa;oBACb,IAAI,EAAE,IAAI,GACV;gBAEF,uCAAK,SAAS,EAAC,mBAAmB;oBAChC,uCACE,SAAS,EAAE;4BACT,SAAS,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,iBAAiB;4BAClD,iEAAiE;4BACjE,4CAA4C;4BAC5C,cAAc,CAAC,CAAC,CAAC,2BAA2B,CAAC,CAAC,CAAC,6BAA6B;4BAC5E,4DAA4D;yBAC7D,CAAC,IAAI,CAAC,GAAG,CAAC,EACX,eAAe,EAAE,UAAC,CAAC;4BACjB,IAAI,CAAC,CAAC,YAAY,KAAK,YAAY,IAAI,cAAc,EAAE,CAAC;gCACtD,YAAY,CAAC,IAAI,CAAC,CAAA;4BACpB,CAAC;wBACH,CAAC,EACD,KAAK,EAAE,EAAE,SAAS,EAAE,YAAY,EAAE,EAAE;wBAEpC,uCAAK,GAAG,EAAE,UAAU,IACjB,QAAQ,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CACrB;4BACE,8BAAC,8BAAe;4BACd,aAAa;;gCAAb,aAAa;gCACb,IAAI,EAAE,IAAI,EACV,WAAW,EAAE,UAAC,GAAQ;oCACpB,IAAI,CAAA,GAAG,aAAH,GAAG,uBAAH,GAAG,CAAE,EAAE,KAAI,cAAc,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE,CAAC;wCAAE,OAAM;oCAErD,IAAI,GAAG,aAAH,GAAG,uBAAH,GAAG,CAAE,YAAY,EAAE,CAAC;wCACtB,mBAAmB,CAAC;4CAClB,EAAE,EAAE,GAAG,CAAC,EAAE;4CACV,KAAK,EAAE,GAAG,CAAC,OAAO;4CAClB,IAAI,EAAE,GAAG,CAAC,aAAa;yCACxB,CAAC,CAAA;wCACF,mBAAmB,CAAC,IAAI,CAAC,CAAA;wCACzB,OAAM;oCACR,CAAC;oCAED,IAAI,GAAG,aAAH,GAAG,uBAAH,GAAG,CAAE,YAAY,EAAE,CAAC;wCACtB,MAAM,CAAC,QAAQ,CAAC,IAAI,GAAG,GAAG,CAAC,YAAY,CAAA;oCACzC,CAAC;gCACH,CAAC,EACD,MAAM,EAAE,WAAW,GACnB;4BACF,uCAAK,GAAG,EAAE,WAAW,EAAE,SAAS,EAAC,KAAK,GAAG,CACxC,CACJ,CAAC,CAAC,CAAC,CACF,8BAAC,4BAAc,IACb,SAAS,EAAC,2CAA2C,EACrD,WAAW,EAAC,0DAA4B,EACxC,KAAK,EAAC,YAAO,GACb,CACH,CACG,CACF;oBAEN,uCACE,SAAS,EAAE;4BACT,kBAAkB;4BAClB,0CAA0C;4BAC1C,YAAY,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,+BAA+B;yBAC/D,CAAC,IAAI,CAAC,GAAG,CAAC;wBAEX,uCAAK,SAAS,EAAC,wBAAwB,IAAE,eAAe,EAAE,CAAO,CAC7D,CACF,CACF,CACG,CACZ;QAEA,gBAAgB,IAAI,gBAAgB,IAAI,CACvC,8BAAC,gBAAQ,IACP,YAAY,QACZ,MAAM,EAAE,KAAK,EACb,MAAM,EAAE;gBACN,mBAAmB,CAAC,KAAK,CAAC,CAAA;gBAC1B,mBAAmB,CAAC,IAAI,CAAC,CAAA;YAC3B,CAAC,EACD,IAAI,EAAE,gBAAgB,EACtB,IAAI,EAAC,OAAO,EACZ,KAAK,EAAE,gBAAgB,CAAC,KAAK,IAAI,oBAAoB;YAErD,uCAAK,SAAS,EAAC,MAAM;gBACnB,8BAAC,uBAAU,IAAC,IAAI,EAAE,gBAAgB,CAAC,IAAI,EAAE,EAAE,EAAE,gBAAgB,CAAC,EAAE,GAAI,CAChE,CACG,CACZ,CACA,CACJ,CAAA;AACH,CAAC,CAAA;AAED,kBAAe,YAAY,CAAA"}
+{"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"}

package/dist/cjs/components/MainWrapV4/components/search/SearchBarMobile.d.ts

@@ -1,6 +1,7 @@
 import React from 'react';
 import { INavItem } from '../../types';
-export default function SearchBarMobile({ menu, perCode }: {
+export default function SearchBarMobile({ menu, perCode, unreadCount, }: {
     menu: Array<INavItem>;
     perCode: Array<string>;
+    unreadCount: number;
 }): React.JSX.Element;

package/dist/cjs/components/MainWrapV4/components/search/SearchBarMobile.js

@@ -9,7 +9,7 @@ var Icon_1 = require("../../assets/Icon");
 var helper_1 = require("../../helper");
 var bold_icon_1 = tslib_1.__importDefault(require("../bold-icon"));
 function SearchBarMobile(_a) {
-    var menu = _a.menu, perCode = _a.perCode;
+    var menu = _a.menu, perCode = _a.perCode, unreadCount = _a.unreadCount;
     var _b = (0, react_1.useState)([]), flattenMenu = _b[0], setFlattenMenu = _b[1];
     var _c = (0, react_1.useState)([]), searchResult = _c[0], setSearchResult = _c[1];
     var _d = (0, react_1.useState)(false), show = _d[0], setShow = _d[1];
@@ -37,7 +37,7 @@ function SearchBarMobile(_a) {
         return function () { return clearTimeout(timerId); };
     }, [searchValue]);
     return (react_1.default.createElement("div", { className: 'lg:hidden' },
-        !show && (react_1.default.createElement("button", { className: 'absolute right-16 top-3 z-50 pr-8', onClick: function () { return setShow(true); }, type: 'button' },
+        !show && (react_1.default.createElement("button", { className: "absolute ".concat(unreadCount > 0 ? 'right-24' : 'right-20', " z-50 -mr-1.5 -mt-3 p-1"), onClick: function () { return setShow(true); }, type: 'button' },
             react_1.default.createElement(solid_1.MagnifyingGlassIcon, { className: 'h-4 w-4 text-gray-900' }))),
         react_1.default.createElement("div", { className: "absolute left-2 right-2 top-1.5 flex items-center gap-x-2 bg-[#dedede] transition-all ".concat(show ? 'z-50 opacity-100' : '-z-10 opacity-0') },
             react_1.default.createElement("div", { className: 'flex flex-1 items-center overflow-hidden rounded-2xl border-[0.66px] border-gray-900 bg-[#EBEBEB] px-3' },

package/dist/cjs/components/MainWrapV4/components/search/SearchBarMobile.js.map

@@ -1 +1 @@
-{"version":3,"file":"SearchBarMobile.js","sourceRoot":"","sources":["../../../../../../src/components/MainWrapV4/components/search/SearchBarMobile.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"SearchBarMobile.js","sourceRoot":"","sources":["../../../../../../src/components/MainWrapV4/components/search/SearchBarMobile.tsx"],"names":[],"mappings":"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"}

package/dist/cjs/components/MainWrapV4/components/search/index.d.ts

@@ -1,8 +1,9 @@
 import React from 'react';
 import { INavItem, TSidebarType } from '../../types';
-export default function SearchBarHeader({ menu, perCode, sideBarType, userId, }: {
+export default function SearchBarHeader({ menu, perCode, sideBarType, unreadCount, userId, }: {
     menu: Array<INavItem>;
     userId: number | undefined;
     perCode: Array<string>;
     sideBarType: TSidebarType;
+    unreadCount: number;
 }): React.JSX.Element;

package/dist/cjs/components/MainWrapV4/components/search/index.js

@@ -11,7 +11,7 @@ var SearchBarMobile = (0, dynamic_1.default)(function () { return Promise.resolv
     ssr: false,
 });
 function SearchBarHeader(_a) {
-    var menu = _a.menu, perCode = _a.perCode, sideBarType = _a.sideBarType, userId = _a.userId;
+    var menu = _a.menu, perCode = _a.perCode, sideBarType = _a.sideBarType, unreadCount = _a.unreadCount, userId = _a.userId;
     var _b = (0, react_1.useState)(false), isDesktop = _b[0], setIsDesktop = _b[1];
     (0, react_1.useEffect)(function () {
         var mq = window.matchMedia('(min-width: 768px)'); // Tailwind md = 768px
@@ -22,6 +22,6 @@ function SearchBarHeader(_a) {
         mq.addEventListener('change', handler);
         return function () { return mq.removeEventListener('change', handler); };
     }, []);
-    return (react_1.default.createElement(react_1.default.Fragment, null, userId && menu.length > 0 && perCode.length > 0 && (react_1.default.createElement(react_1.default.Fragment, null, isDesktop ? (react_1.default.createElement(SearchBarHeaderDesktop, { menu: menu, perCode: perCode, sideBarType: sideBarType, userId: userId })) : (react_1.default.createElement(SearchBarMobile, { menu: menu, perCode: perCode }))))));
+    return (react_1.default.createElement(react_1.default.Fragment, null, userId && menu.length > 0 && perCode.length > 0 && (react_1.default.createElement(react_1.default.Fragment, null, isDesktop ? (react_1.default.createElement(SearchBarHeaderDesktop, { menu: menu, perCode: perCode, sideBarType: sideBarType, userId: userId })) : (react_1.default.createElement(SearchBarMobile, { menu: menu, perCode: perCode, unreadCount: unreadCount }))))));
 }
 //# sourceMappingURL=index.js.map

package/dist/cjs/components/MainWrapV4/components/search/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/components/MainWrapV4/components/search/index.tsx"],"names":[],"mappings":";;AAWA,kCAuCC;;AAlDD,iEAAkC;AAClC,qDAAkD;AAGlD,IAAM,sBAAsB,GAAG,IAAA,iBAAO,EAAC,cAAM,gFAAO,oBAAoB,QAA3B,CAA4B,EAAE;IACzE,GAAG,EAAE,KAAK;CACX,CAAC,CAAA;AACF,IAAM,eAAe,GAAG,IAAA,iBAAO,EAAC,cAAM,gFAAO,mBAAmB,QAA1B,CAA2B,EAAE;IACjE,GAAG,EAAE,KAAK;CACX,CAAC,CAAA;AAEF,SAAwB,eAAe,CAAC,EAUvC;QATC,IAAI,UAAA,EACJ,OAAO,aAAA,EACP,WAAW,iBAAA,EACX,MAAM,YAAA;IAOA,IAAA,KAA4B,IAAA,gBAAQ,EAAC,KAAK,CAAC,EAA1C,SAAS,QAAA,EAAE,YAAY,QAAmB,CAAA;IAEjD,IAAA,iBAAS,EAAC;QACR,IAAM,EAAE,GAAG,MAAM,CAAC,UAAU,CAAC,oBAAoB,CAAC,CAAA,CAAC,sBAAsB;QAEzE,IAAM,OAAO,GAAG,UAAC,CAAuC;YACtD,YAAY,CAAC,CAAC,CAAC,OAAO,CAAC,CAAA;QACzB,CAAC,CAAA;QAED,OAAO,CAAC,EAAE,CAAC,CAAA,CAAC,cAAc;QAC1B,EAAE,CAAC,gBAAgB,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAA;QAEtC,OAAO,cAAM,OAAA,EAAE,CAAC,mBAAmB,CAAC,QAAQ,EAAE,OAAO,CAAC,EAAzC,CAAyC,CAAA;IACxD,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,OAAO,CACL,8DACG,MAAM,IAAI,IAAI,CAAC,MAAM,GAAG,CAAC,IAAI,OAAO,CAAC,MAAM,GAAG,CAAC,IAAI,CAClD,8DACG,SAAS,CAAC,CAAC,CAAC,CACX,8BAAC,sBAAsB,IAAC,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,GAAI,CACnG,CAAC,CAAC,CAAC,CACF,8BAAC,eAAe,IAAC,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,GAAI,CAClD,CACA,CACJ,CACA,CACJ,CAAA;AACH,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/components/MainWrapV4/components/search/index.tsx"],"names":[],"mappings":";;AAWA,kCAyCC;;AApDD,iEAAkC;AAClC,qDAAkD;AAGlD,IAAM,sBAAsB,GAAG,IAAA,iBAAO,EAAC,cAAM,gFAAO,oBAAoB,QAA3B,CAA4B,EAAE;IACzE,GAAG,EAAE,KAAK;CACX,CAAC,CAAA;AACF,IAAM,eAAe,GAAG,IAAA,iBAAO,EAAC,cAAM,gFAAO,mBAAmB,QAA1B,CAA2B,EAAE;IACjE,GAAG,EAAE,KAAK;CACX,CAAC,CAAA;AAEF,SAAwB,eAAe,CAAC,EAYvC;QAXC,IAAI,UAAA,EACJ,OAAO,aAAA,EACP,WAAW,iBAAA,EACX,WAAW,iBAAA,EACX,MAAM,YAAA;IAQA,IAAA,KAA4B,IAAA,gBAAQ,EAAC,KAAK,CAAC,EAA1C,SAAS,QAAA,EAAE,YAAY,QAAmB,CAAA;IAEjD,IAAA,iBAAS,EAAC;QACR,IAAM,EAAE,GAAG,MAAM,CAAC,UAAU,CAAC,oBAAoB,CAAC,CAAA,CAAC,sBAAsB;QAEzE,IAAM,OAAO,GAAG,UAAC,CAAuC;YACtD,YAAY,CAAC,CAAC,CAAC,OAAO,CAAC,CAAA;QACzB,CAAC,CAAA;QAED,OAAO,CAAC,EAAE,CAAC,CAAA,CAAC,cAAc;QAC1B,EAAE,CAAC,gBAAgB,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAA;QAEtC,OAAO,cAAM,OAAA,EAAE,CAAC,mBAAmB,CAAC,QAAQ,EAAE,OAAO,CAAC,EAAzC,CAAyC,CAAA;IACxD,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,OAAO,CACL,8DACG,MAAM,IAAI,IAAI,CAAC,MAAM,GAAG,CAAC,IAAI,OAAO,CAAC,MAAM,GAAG,CAAC,IAAI,CAClD,8DACG,SAAS,CAAC,CAAC,CAAC,CACX,8BAAC,sBAAsB,IAAC,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,GAAI,CACnG,CAAC,CAAC,CAAC,CACF,8BAAC,eAAe,IAAC,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,WAAW,EAAE,WAAW,GAAI,CAC5E,CACA,CACJ,CACA,CACJ,CAAA;AACH,CAAC"}

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

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

package/dist/cjs/components/TableReport/TableReport.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { TBodyComponent, THeader, TMergeConfig, TPagination, TSearch, TSelectedAllPeople, TTableData } from './types';
+import { NavigationUrlApply, TBodyComponent, THeader, TMergeConfig, TPagination, TSearch, TSelectedAllPeople, TTableData } from './types';
 export interface TableReportProps {
     tableData: Array<TTableData>;
     thHeader: Array<THeader>;
@@ -24,5 +24,6 @@ export interface TableReportProps {
     textCenter?: boolean;
     isHeaderBgWhite?: boolean;
     isResetPagination?: boolean;
+    configUrlApply?: NavigationUrlApply;
 }
-export declare function PHXTableReport({ tableData, thHeader, thBody, thBodyComponent, mergeConfig, rowHighlightConfig, search, loading, pagination, readonly, onClick, type, selectedAllPeople, tableKey, border, spacing, textCenter, isHeaderBgWhite, isResetPagination, }: TableReportProps): React.JSX.Element;
+export declare function PHXTableReport({ tableData, thHeader, thBody, thBodyComponent, mergeConfig, rowHighlightConfig, search, loading, pagination, readonly, onClick, type, selectedAllPeople, tableKey, border, spacing, textCenter, isHeaderBgWhite, isResetPagination, configUrlApply, }: TableReportProps): React.JSX.Element;