https://www.tapbit.com/_next_app/price/0.1.227/_next/static/chunks…ures-layer-guide-dialog.e88ac04fa5b9458d.js

1try{!function(){var e="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self?self:{},t=(new e.Error).stack;t&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[t]="ff36452f-95a6-4f9a-9c70-16ace111ce47",e._sentryDebugIdIdentifier="sentry-dbid-ff36452f-95a6-4f9a-9c70-16ace111ce47")}()}catch(e){}"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[3951,6243],{15011:(e,t,l)=>{l.r(t),l.d(t,{default:()=>g});var a=l(79237),s=l(37745),i=l(70659),n=l(53951),o=l(81742),r=l(66960),d=l(90477),c=l(83125),m=l(38113),u=l(68924),f=l(43129),x=l(72433),h=l(50791);let p={ko:"ko_KR",ja:"ja_JP","zh-TW":"zh_TW"};function g(){let{$t:e,locale:t}=(0,r.B)(),{theme:l}=(0,o.W)(),g=(0,h.T5)(),b=(0,f.J)(e=>e.guideDisplayed),v=(0,f.J)(e=>e.setGuideDisplayed),{showGuideTooltip:w}=(0,x.Z)(),N=g.visible,[j,y]=(0,m.useState)(1),C=()=>{y(1),b||w(),v(!0),g.hideLayer()},T=[{tabName:e("1. Demo Trading"),value:1,desc:e("Tapbit provide testnet environment for you to learn and practice basic trading skills before moving to Live mode")},{tabName:e("2. Adjustable Interface Module"),value:2,desc:e("Tapbit provides each user with a customised trading interface by supporting the dragging and extending of different operating modules.")},{tabName:e("3. Hedge Position Mode"),value:3,desc:e("You can hold long and short positions of the same symbol at the same time")}],k=T[j-1];return(0,a.jsx)(n.Dialog,{open:N,onOpenChange:e=>{if(!e)return void C()},title:(0,a.jsx)("div",{className:"text-t1 text-tm18",children:e("Main Features")}),footer:(0,a.jsxs)("div",{className:"gap-s2 grid w-full grid-cols-2 md:ml-auto md:w-[372px]",children:[(0,a.jsx)(i.$,{variant:"secondary",size:"m",disabled:1===j,className:"h-10 w-full",onClick:()=>{y(j-1)},children:e("Previous")}),(0,a.jsx)(i.$,{variant:"primary",size:"m",className:"h-10 w-full",onClick:()=>{let e=j+1;if(e>3)return void C();y(e)},children:e(3!==j?"Next":"Start Trading")})]}),onClose:C,variant:"drawer",className:"z-500 !h-[95dvh] !max-h-[95dvh] !w-full !max-w-none !overflow-hidden md:!h-auto md:!max-h-none md:!w-[720px] md:!max-w-[720px]",overlayClassName:"z-500",headerClassName:"px-4 pt-5 pb-0 md:p-0",footerClassName:"md:mt-s6",bodyClassName:"flex min-h-0 flex-1 flex-col overflow-auto px-4 pt-0 pb-0 md:mt-s6 md:block md:flex-none md:p-0 md:overflow-visible",children:(0,a.jsx)("div",{className:"flex min-h-0 flex-1 flex-col md:block",children:(0,a.jsxs)("div",{className:"md:gap-s6 flex min-h-0 flex-1 flex-col md:flex md:min-

1h-[384px] md:flex-row md:items-start",children:[(0,a.jsx)("div",{className:"border-l1 -ml-s6 hidden min-h-[384px] w-[208px] shrink-0 flex-col gap-1 border-r md:flex",children:T.map(e=>(0,a.jsx)("button",{type:"button",onClick:()=>y(e.value),className:(0,d.cn)("text-mm14 px-s6 py-s3 hover:bg-bg2 hover:text-t2 w-full text-left transition-colors",e.value===j?"text-t1":"text-t3"),children:e.tabName},e.value))}),(0,a.jsxs)("div",{className:"mb-4 flex shrink-0 flex-col md:hidden",children:[(0,a.jsx)("div",{className:"gap-s4 flex items-center",children:T.map(e=>(0,a.jsx)("button",{type:"button","aria-label":e.tabName,onClick:()=>y(e.value),className:(0,d.cn)("h-1 flex-1 rounded-full transition-colors",e.value===j?"bg-p1":"bg-bg6")},e.value))}),(0,a.jsx)("div",{className:"text-t16 text-t1 mt-4",children:null==k?void 0:k.tabName})]}),(0,a.jsx)("div",{className:"min-w-0 flex-1 md:self-stretch",children:(0,a.jsxs)("div",{className:"flex h-full flex-col items-start",children:[(0,a.jsx)(c.Image,{src:(()=>{let e=p[t]||"en_US";return"https://cdn.tapbit.mobi/contract/futures/".concat(j,"_").concat(e,"_").concat(l,"_new.png")})(),alt:"",width:464,height:296,dpi:2,unoptimized:!0,className:"h-auto w-full object-contain md:max-w-[464px]"}),(0,a.jsx)("div",{className:"text-cm12 text-t3 mt-s4 md:max-w-[464px]",children:null==k?void 0:k.desc}),1===j?(0,a.jsxs)("button",{type:"button",onClick:()=>{(0,u.Wf)()},className:"text-m12 text-p1-dark mt-s4 gap-s1 hover:text-p1 inline-flex items-center",children:[e("Start Demo Trading"),(0,a.jsx)(s.f,{className:"size-4 shrink-0"})]}):null]})})]})})})}},37745:(e,t,l)=>{l.d(t,{f:()=>n});var a=l(79237),s=l(38113),i=l(65375);let n=s.forwardRef((e,t)=>(0,a.jsx)(i.B,{ref:t,viewBox:"0 0 1024 1024",...e,children:(0,a.jsx)("path",{d:"M849.92 495.786667a42.666667 42.666667 0 0 0-8.96-14.08l-213.333333-213.333334a42.837333 42.837333 0 1 0-60.586667 60.586667l140.8 140.373333H213.333333a42.666667 42.666667 0 1 0 0 85.333334h494.506667l-140.8 140.373333a42.752 42.752 0 0 0 13.866667 69.973333 42.752 42.752 0 0 0 46.72-9.386666l213.333333-213.333334c3.882667-4.053333 6.912-8.832 8.96-14.08a42.666667 42.666667 0 0 0 0-32.426666z"})}));n.displayName="ArrowRightIcon"},53951:(e,t,l)=>{l.r(t),l.d(t,{Dialog:()=>y,DialogClose:()=>h,DialogContent:()=>g,DialogDescription:()=>N,DialogFooter:()=>v,DialogHeader:()=>b,DialogOverlay:()=>p,DialogPortal:()=>x,DialogRoot:()=>u,DialogTitle:()=>w,DialogTrigger:()=>f});var a=l(79237),s=l(91405),i=l(90477),n=l(45056),o=l(12407),r=l(61058),d=l(38113),c=l(51924),m=l(70659);let u=n.bL,f=n.l9,x=n.ZL,h=n.bm,p=d.forwardRef((e,t)=>{let{className:l,...s}=e;return(0,a.jsx)(n.hJ,{ref:t,className:(0,i.Q)("bg-p6 fixed inset-0 z-300","data-[state=open]:animate-in data-[state=closed]:animate-out","data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",l),...s})});p.displayName=n.hJ.displayName;let g=d.forwardRef((e,t)=>{let{className:l,children:s,style:o,overlayClassName:r,...d}=e;return(0,a.jsxs)(x,{children:[(0,a.jsx)(p,{className:r}),(0,a.jsx)(n.UC,{ref:t,style:o,className:(0,i.Q)("fixed top-[50%] left-[50%] z-300 translate-x-[-50%] translate-y-[-50%] outline-none","w-[420px] max-md:w-[calc(100vw-var(--spacing-s8)-var(--spacing-s8))] max-md:max-w-[420px]","flex flex-col","border-l1 bg-m1 p-s6 shadow-3 rounded-[12px] border","data-[state=open]:animate-in data-[state=closed]:animate-out","data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0","data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95",l),...d,children:s})]})});g.displayName=n.UC.displayName;let b=e=>{let{className:t,...l}=e;return(0,a.jsx)("div",{className:(0,i.Q)("gap-s4 flex flex-col",t),...l})};b.displayName="DialogHeader";let v=e=>{let{className:t,layout:l="horizontal",...s}=e;return(0,a.jsx)("div",{className:(0,i.Q)("gap-s2 flex w-full","horizontal"===l?"flex-row":"flex-col",t),...s})};v.displayName="DialogFooter";let w=d.forwardRef((e,t)=>{let{className:l,showClose:s=!0,onClose:o,children:r,...d}=e;return(0,a.jsxs)("div",{className:"gap-s6 flex items-center justify-between",children:[(0,a.jsx)(n.hE,{ref:t,className:(0,i.Q)("text-t1 text-tm18 flex-1",l),...d,children:r}

1),s&&(0,a.jsx)(h,{className:"flex h-[22px] cursor-pointer items-center justify-center px-0 py-[2px] focus:outline-none",onClick:o,children:(0,a.jsx)("div",{className:"flex items-center",children:(0,a.jsx)(c.U,{className:"text-t3 size-5"})})})]})});w.displayName=n.hE.displayName;let N=d.forwardRef((e,t)=>{let{className:l,...s}=e;return(0,a.jsx)(n.VY,{ref:t,className:(0,i.Q)("text-t2 text-b14",l),...s})});N.displayName=n.VY.displayName;let j=(0,o.default)(()=>Promise.all([l.e(2243),l.e(3447)]).then(l.bind(l,33447)),{loadableGenerated:{webpack:()=>[33447]},ssr:!1}),y=e=>{let{trigger:t,defaultOpen:l,open:n,onOpenChange:o,title:c,description:x,showClose:p=!0,okText:y,cancelText:C,onOk:T,onCancel:k,okButtonProps:D,cancelButtonProps:z,footerLayout:_,footer:R=null,children:P,onClose:S,className:I,hideHeader:V=!1,headerClassName:W,bodyClassName:G,footerClassName:A,preventOutsideClose:Q=!1,preventEscapeClose:L=!1,variant:O="default",overlayClassName:U,onOpenAutoFocus:$}=e,B=(0,s.no)(),[E,F]=d.useState(!1);d.useEffect(()=>{F(!0)},[]);let[H,J]=d.useState(null!=l&&l),K=void 0!==n,M=K?n:H,Y=K?o:e=>{J(e),null==o||o(e)},Z=_||(y&&C?"horizontal":"single"),q="vertical"===Z?"vertical":"horizontal",X=!V&&(c||x||p),ee=(e,t,l,a,s)=>{let{className:n,onClick:o,variant:r,size:d,...c}=e||{};return{...c,variant:r||t,size:d||l,className:(0,i.Q)(a,n),onClick:((e,t)=>l=>{null==e||e(l),l.defaultPrevented||null==t||t()})(o,s)}};return"drawer"===O&&E&&B?(0,a.jsx)(j,{open:M,onOpenChange:Y,trigger:t,title:c,description:x,showClose:p,okText:y,cancelText:C,onOk:T,onCancel:k,okButtonProps:D,cancelButtonProps:z,footerLayout:_,footer:R,onClose:S,className:I,hideHeader:V,headerClassName:W,bodyClassName:G,footerClassName:A,dismissible:!Q,overlayClassName:U,children:P}):(0,a.jsxs)(u,{open:M,onOpenChange:Y,children:[t&&(0,a.jsx)(f,{asChild:!0,children:t}),(0,a.jsxs)(g,{"aria-describedby":x?"dialog-description":void 0,className:I,overlayClassName:U,onOpenAutoFocus:$,onInteractOutside:e=>{Q&&e.preventDefault()},onPointerDownOutside:e=>{Q&&e.preventDefault()},onEscapeKeyDown:e=>{L&&e.preventDefault()},children:[X?(0,a.jsxs)(b,{className:W,children:[(0,a.jsx)(w,{showClose:p,onClose:()=>{null==Y||Y(!1),null==S||S()},children:c}),x&&(0,a.jsx)(N,{children:x})]}):(0,a.jsx)(r.bL,{children:(0,a.jsx)(w,{showClose:p,children:c})}),P&&(0,a.jsx)("div",{className:(0,i.Q)(X?"mt-s4":"mt-0",G),children:P}),(()=>{if(!1===R)return null;let e=R;return R||(e=(0,a.jsx)(v,{layout:q,children:"single"===Z?(0,a.jsx)(a.Fragment,{children:y?(0,a.jsx)(m.$,{...ee(D,"primary","m","w-full",T),children:y}):C?(0,a.jsx)(h,{asChild:!0,children:(0,a.jsx)(m.$,{...ee(z,"secondary","m","w-full",k),children:C})}):null}):"vertical"===Z?(0,a.jsxs)(a.Fragment,{children:[y&&(0,a.jsx)(m.$,{...ee(D,"primary","l","h-11 w-full md:h-12",T),children:y}),C&&(0,a.jsx)(h,{asChild:!0,children:(0,a.jsx)(m.$,{...ee(z,"white","l","text-t3 h-11 w-full border-none md:h-12",k),children:C})})]}):(0,a.jsxs)(a.Fragment,{children:[C&&(0,a.jsx)(h,{asChild:!0,children:(0,a.jsx)(m.$,{...ee(z,"secondary","m","h-10 flex-1",k),children:C})}),y&&(0,a.jsx)(m.$,{...ee(D,"primary","m",C?"h-10 flex-1":"h-10 w-full",T),children:y})]})})),(0,a.jsx)("div",{className:(0,i.Q)("mt-s7",A),children:e})})()]})]})};y.displayName="Dialog"},68924:(e,t,l)=>{l.d(t,{Cv:()=>n,Gj:()=>o,KN:()=>m,Kg:()=>c,Wf:()=>u,lX:()=>r,pp:()=>d});var a=l(749),s=l(3529);function i(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"_self";if("_blank"===t)return void window.open(e,"_blank","noopener,noreferrer");window.location.href=e}function n(e,t){let l=arguments.length>2&&void 0!==arguments[2]?arguments[2]:a.n1.Standard,i=new URLSearchParams({strategyMode:l}),n=t.endsWith("-SWAP")?(0,s.A2)(t,"-"):t;return"/".concat(e,"/futures/").concat(n,"?").concat(i.toString())}function o(e,t){let l=t.endsWith("-SWAP")?(0,s.A2)(t,"-"):t;return"/".concat(e,"/futures/data/mark-price?symbol=").concat(encodeURIComponent(l))}function r(e,t){let l=t.endsWith("-SWAP")?(0,s.A2)(t,"-"):t;return"/".concat(e,"/futures/data/funding-rate?symbol=").concat(encodeURIComponent(l))}function d(e,t){return"/".concat(e,"/futures/grid/").concat(encodeURIComponent(String(t)))}function c(e,t){i(d(e,t),"_blank")}function m(e){i("/".concat(e,"/wallet/deposit"))}function u(){i("/contract/simul/")}},72433:(e,t,l)=>{l.d(t,{Z:()=>s,n:()=>a});let a=(0,l(41809).v)()((e,t)=>{let l=()=>{let l=t().guideTooltipTimer;l&&(window.clearTimeout(l),e({guideTooltipTimer:null}))};return{currentBreakpoint:null,guideTooltipVisible:!1,guideTooltipTimer:null,layoutRe

1setVersion:0,setCurrentBreakpoint:t=>e({currentBreakpoint:t}),setGuideTooltipVisible:t=>e({guideTooltipVisible:t}),showGuideTooltip:()=>{l();let t=window.setTimeout(()=>{e({guideTooltipTimer:null,guideTooltipVisible:!1})},3e3);e({guideTooltipTimer:t,guideTooltipVisible:!0})},hideGuideTooltip:()=>{l(),e({guideTooltipVisible:!1})},requestLayoutReset:()=>e(e=>({layoutResetVersion:e.layoutResetVersion+1}))}});function s(){let e=a(e=>e.guideTooltipVisible);return{guideTooltipVisible:e,showGuideTooltip:a(e=>e.showGuideTooltip),hideGuideTooltip:a(e=>e.hideGuideTooltip)}}}}]);