https://www.okx.com/cdn/assets/okfe/okx-nav/common/VipRmTooltip.b08dfd63.js

1"use strict";(self.webpackChunkokx_nav=self.webpackChunkokx_nav||[]).push([[6788],{2716:(e,t,n)=>{n.r(t),n.d(t,{default:()=>p});var o=n(3453),a=n(41594),i=n(29905),r=n(63039),c=n(21259),s=n(13734),l=n(51339),u=n(76269),d="okx_vip_rm_tooltip_cooldown",m=n(19919);const p=function(e){var t=e.showRmMessageReminder,n=(0,l.j)(!1,!0),p=(0,a.useState)(!0),f=(0,o.A)(p,2),v=f[0],w=f[1],k=(0,a.useState)(null),h=(0,o.A)(k,2),b=h[0],x=h[1],g=n&&!!t&&!function(){var e;try{e=u.LS.g.get(d)}catch(n){return!1}var t="number"===typeof e?e:Number.NaN;return!!Number.isFinite(t)&&Date.now()-t<432e5}(),y=g&&v&&null!==b,_=(0,a.useCallback)(function(){var e=document.querySelector(".nav-container .nav-im");if(e&&"none"!==window.getComputedStyle(e).display){var t=e.getBoundingClientRect(),n=t.left+t.width/2,o=window.innerWidth-250-8,a=Math.max(8,Math.min(n-125,o)),i=Math.max(16,Math.min(n-a,234));x({top:t.bottom+4-6,left:a,beakLeft:i})}else x(null)},[]);(0,a.useEffect)(function(){if(n&&g)return _(),window.addEventListener("resize",_),function(){window.removeEventListener("resize",_)}},[n,g,_]);var C=(0,a.useRef)(!1),N=(0,a.useCallback)(function(e){C.current||(!function(){try{u.LS.g.set(d,Date.now())}catch(e){}}(),C.current=!0),w(!1),e&&(0,i.u)((0,r.CZ)("/messages?vipServiceGroup=1"),"_self")},[]),E=(0,a.useCallback)(function(){N(!0)},[N]),j=(0,a.useCallback)(function(e){e.stopPropagation(),N(!1)},[N]),L=(0,a.useCallback)(function(e){"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),N(!0))},[N]);if((0,a.useEffect)(function(){if(y){var e=window.setTimeout(function(){N(!1)},1e4),t=function(e){"Escape"===e.key&&N(!1)};return document.addEventListener("keydown",t),function(){window.clearTimeout(e),document.removeEventListener("keydown",t)}}},[y,N]),!y||!b)return null;var S=c.A.cdnBaseUrl||"",F="".concat(S).concat("/cdn/assets/imgs/914/408885F1A03F425789BE26D2FEF8CFC9.png");return(0,m.jsx)("div",{className:"vip-rm-tooltip",style:{top:"".concat(b.top,"px"),left:"".concat(b.left,"px")},children:(0,m.jsxs)("div",{className:"vip-rm-tooltip-card",role:"button",tabIndex:0,onClick:E,onKeyDown:L,children:[(0,m.jsx)("span",{className:"vip-rm-tooltip-beak","aria-hidden":"true",style:{left:"".concat(b.beakLeft,"px")}}),(0,m.jsxs)("div",{className:"vip-rm-tooltip-row",children:[(0,m.jsx)("img",{className:"vip-rm-tooltip-logo",src:F,alt:"","aria-hidden":"true",width:24,height:24}),(0,m.jsx)("span",{className:"vip-rm-tooltip-text",children:(0,s.Tl)("web_nav_notification_rm_msg_view")}),(0,m.jsx)("button",{type:"button",className:"vip-rm-tooltip-close icon okx-header-footer-close","aria-label":(0,s.Tl)("commonall_resultpage_btn_close"),onClick:j})]})]})})}}}]);
2//# sourceMappingURL=https://static-daily.okg.com/crash/okfe/okx-nav/common/VipRmTooltip.b08dfd63.js.map