https://www.tapbit.com/_next_app/price/0.1.227/_next/static/chunks…layer-grid-guide-dialog.0504a59c37e37402.js

1try{!function(){var e="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self?self:{},l=(new e.Error).stack;l&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[l]="41003c65-241a-4a3b-b92d-1116b9d9463d",e._sentryDebugIdIdentifier="sentry-dbid-41003c65-241a-4a3b-b92d-1116b9d9463d")}()}catch(e){}"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[486,3951],{53951:(e,l,t)=>{t.r(l),t.d(l,{Dialog:()=>j,DialogClose:()=>x,DialogContent:()=>g,DialogDescription:()=>v,DialogFooter:()=>w,DialogHeader:()=>b,DialogOverlay:()=>f,DialogPortal:()=>p,DialogRoot:()=>u,DialogTitle:()=>y,DialogTrigger:()=>h});var a=t(79237),s=t(91405),i=t(90477),o=t(45056),n=t(12407),r=t(61058),d=t(38113),c=t(51924),m=t(70659);let u=o.bL,h=o.l9,p=o.ZL,x=o.bm,f=d.forwardRef((e,l)=>{let{className:t,...s}=e;return(0,a.jsx)(o.hJ,{ref:l,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",t),...s})});f.displayName=o.hJ.displayName;let g=d.forwardRef((e,l)=>{let{className:t,children:s,style:n,overlayClassName:r,...d}=e;return(0,a.jsxs)(p,{children:[(0,a.jsx)(f,{className:r}),(0,a.jsx)(o.UC,{ref:l,style:n,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",t),...d,children:s})]})});g.displayName=o.UC.displayName;let b=e=>{let{className:l,...t}=e;return(0,a.jsx)("div",{className:(0,i.Q)("gap-s4 flex flex-col",l),...t})};b.displayName="DialogHeader";let w=e=>{let{className:l,layout:t="horizontal",...s}=e;return(0,a.jsx)("div",{className:(0,i.Q)("gap-s2 flex w-full","horizontal"===t?"flex-row":"flex-col",l),...s})};w.displayName="DialogFooter";let y=d.forwardRef((e,l)=>{let{className:t,showClose:s=!0,onClose:n,children:r,...d}=e;return(0,a.jsxs)("div",{className:"gap-s6 flex items-center justify-between",children:[(0,a.jsx)(o.hE,{ref:l,className:(0,i.Q)("text-t1 text-tm18 flex-1",t),...d,children:r}),s&&(0,a.jsx)(x,{className:"flex h-[22px] cursor-pointer items-center justify-center px-0 py-[2px] focus:outline-none",onClick:n,children:(0,a.jsx)("div",{className:"flex items-center",children:(0,a.jsx)(c.U,{className:"text-t3 size-5"})})})]})});y.displayName=o.hE.displayName;let v=d.forwardRef((e,l)=>{let{className:t,...s}=e;return(0,a.jsx)(o.VY,{ref:l,className:(0,i.Q)("text-t2 text-b14",t),...s})});v.displayName=o.VY.displayName;let N=(0,n.default)(()=>Promise.all([t.e(2243),t.e(3447)]).then(t.bind(t,33447)),{loadableGenerated:{webpack:()=>[33447]},ssr:!1}),j=e=>{let{trigger:l,defaultOpen:t,open:o,onOpenChange:n,title:c,description:p,showClose:f=!0,okText:j,cancelText:C,onOk:T,onCancel:k,okButtonProps:D,cancelButtonProps:z,footerLayout:_,footer:G=null,children:I,onClose:V,className:O,hideHeader:R=!1,headerClassName:S,bodyClassName:P,footerClassName:Q,preventOutsideClose:F=!1,preventEscapeClose:L=!1,variant:$="default",overlayClassName:E,onOpenAutoFocus:B}=e,U=(0,s.no)(),[J,W]=d.useState(!1);d.useEffect(()=>{W(!0)},[]);let[H,M]=d.useState(null!=t&&t),Z=void 0!==o,K=Z?o:H,Y=Z?n:e=>{M(e),null==n||n(e)},q=_||(j&&C?"horizontal":"single"),A="vertical"===q?"vertical":"horizontal",X=!R&&(c||p||f),ee=(e,l,t,a,s)=>{let{className:o,onClick:n,variant:r,size:d,...c}=e||{};return{...c,variant:r||l,size:d||t,className:(0,i.Q)(a,o),onClick:((e,l)=>t=>{null==e||e(t),t.defaultPrevented||null==l||l()})(n,s)}};return"drawer"===$&&J&&U?(0,a.jsx)(N,{open:K,onOpenChange:Y,trigger:l,title:c,description:p,showClose:f,okText:j,cancelText:C,onOk:T,onCancel:k,okButtonProps:D,cancelButtonProps:z,footerLayout:_,footer:G,onClose:V,className:O,hideHeader:R,headerClassName:S,bodyClassName:P,footerClassName:Q,dism

1issible:!F,overlayClassName:E,children:I}):(0,a.jsxs)(u,{open:K,onOpenChange:Y,children:[l&&(0,a.jsx)(h,{asChild:!0,children:l}),(0,a.jsxs)(g,{"aria-describedby":p?"dialog-description":void 0,className:O,overlayClassName:E,onOpenAutoFocus:B,onInteractOutside:e=>{F&&e.preventDefault()},onPointerDownOutside:e=>{F&&e.preventDefault()},onEscapeKeyDown:e=>{L&&e.preventDefault()},children:[X?(0,a.jsxs)(b,{className:S,children:[(0,a.jsx)(y,{showClose:f,onClose:()=>{null==Y||Y(!1),null==V||V()},children:c}),p&&(0,a.jsx)(v,{children:p})]}):(0,a.jsx)(r.bL,{children:(0,a.jsx)(y,{showClose:f,children:c})}),I&&(0,a.jsx)("div",{className:(0,i.Q)(X?"mt-s4":"mt-0",P),children:I}),(()=>{if(!1===G)return null;let e=G;return G||(e=(0,a.jsx)(w,{layout:A,children:"single"===q?(0,a.jsx)(a.Fragment,{children:j?(0,a.jsx)(m.$,{...ee(D,"primary","m","w-full",T),children:j}):C?(0,a.jsx)(x,{asChild:!0,children:(0,a.jsx)(m.$,{...ee(z,"secondary","m","w-full",k),children:C})}):null}):"vertical"===q?(0,a.jsxs)(a.Fragment,{children:[j&&(0,a.jsx)(m.$,{...ee(D,"primary","l","h-11 w-full md:h-12",T),children:j}),C&&(0,a.jsx)(x,{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)(x,{asChild:!0,children:(0,a.jsx)(m.$,{...ee(z,"secondary","m","h-10 flex-1",k),children:C})}),j&&(0,a.jsx)(m.$,{...ee(D,"primary","m",C?"h-10 flex-1":"h-10 w-full",T),children:j})]})})),(0,a.jsx)("div",{className:(0,i.Q)("mt-s7",Q),children:e})})()]})]})};j.displayName="Dialog"},56604:(e,l,t)=>{t.r(l),t.d(l,{default:()=>x});var a=t(79237),s=t(70659),i=t(53951),o=t(81742),n=t(66960),r=t(90477),d=t(83125),c=t(38113),m=t(43129),u=t(72433),h=t(50791);let p={ko:"ko_KR",ja:"ja_JP","zh-TW":"zh_TW"};function x(){let{$t:e,locale:l}=(0,n.B)(),{theme:t}=(0,o.W)(),x=(0,h.zx)(),f=(0,m.J)(e=>e.setGridGuideDisplayed),{showGuideTooltip:g}=(0,u.Z)(),b=x.visible,[w,y]=(0,c.useState)(1),v=()=>{x.hideLayer(),y(1),f(!0),g()},N=[{tabName:e("1. Choose Direction"),value:1,desc:[e("Neutral: Ideal for range-bound markets. Create sell and buy orders without initial positions."),e("Long: Ideal for trending and volatile bull markets. Open long position with Grid."),e("Short: Ideal for trending and volatile bear markets. Open short position with Grid.")]},{tabName:e("2. Set up a Strategy"),value:2,desc:[e("Upper/Lower Price: The price range the strategy runs on."),e("Grids: the number of grids within the price range."),e("Initial Margin: The amount you would like to invest into the strategy.")]},{tabName:e("3. Run Strategy"),value:3,desc:[e("When the price hits the open order, the strategy will place a close order one grid up/ down from the current grid, depending on the strategy direction you chose."),e("The long strategy will place close long order only instead of opening short, the same applies to short strategy.")]},{tabName:e("4. Close Strategy"),value:4,desc:[e("Multi-ending action to set. If you choose close positions, all positions will be closed at market price after the strategy end. Or you can keep the positions in your Futures account")]}],j=N[w-1],C=1===w||2===w;return(0,a.jsx)(i.Dialog,{open:b,onOpenChange:e=>{e||v()},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)(s.$,{variant:"secondary",size:"m",disabled:1===w,className:"h-10 w-full",onClick:()=>{y(w-1)},children:e("Previous")}),(0,a.jsx)(s.$,{variant:"primary",size:"m",className:"h-10 w-full",onClick:()=>{let e=w+1;if(e>4)return void v();y(e)},children:e(4!==w?"Next":"Start Trading")})]}),onClose:v,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:N.map(e=>(0,a.jsx)("button",{type:"button",onClick:()=>y(e.value),className:(0,r.cn)("text-mm14 px-s6 py-s3 hover:bg-bg2 hover:text-t2 w-full text-left transition-colors",e.value===w?"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:N.map(e=>(0,a.jsx)("button",{type:"button","aria-label":e.tabName,onClick:()=>y(e.value),className:(0,r.cn)("h-1 flex-1 rounded-full transition-colors",e.value===w?"bg-p1":"bg-bg6")},e.value))}),(0,a.jsx)("div",{className:"text-t16 text-t1 mt-4",children:null==j?void 0:j.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)(d.Image,{src:(()=>{let e=p[l]||"en_US";return"https://cdn.tapbit.mobi/contract/grid/grid_".concat(w,"_").concat(e,"_").concat(t,".png")})(),alt:"",width:464,height:296,dpi:2,unoptimized:!0,className:"h-auto w-full object-contain md:max-w-[464px]"}),(0,a.jsx)("ul",{className:(0,r.cn)("text-cm12 text-t3 mt-s4 flex w-full flex-col text-left md:max-w-[464px]",C?"gap-s2":"gap-s3"),children:null==j?void 0:j.desc.map((e,l)=>(0,a.jsx)("li",{className:(0,r.cn)(C&&'pl-s3 before:bg-t3 relative before:absolute before:top-[6px] before:left-0 before:size-1 before:rounded-full before:content-[""]'),children:e},l))})]})})]})})})}},72433:(e,l,t)=>{t.d(l,{Z:()=>s,n:()=>a});let a=(0,t(41809).v)()((e,l)=>{let t=()=>{let t=l().guideTooltipTimer;t&&(window.clearTimeout(t),e({guideTooltipTimer:null}))};return{currentBreakpoint:null,guideTooltipVisible:!1,guideTooltipTimer:null,layoutResetVersion:0,setCurrentBreakpoint:l=>e({currentBreakpoint:l}),setGuideTooltipVisible:l=>e({guideTooltipVisible:l}),showGuideTooltip:()=>{t();let l=window.setTimeout(()=>{e({guideTooltipTimer:null,guideTooltipVisible:!1})},3e3);e({guideTooltipTimer:l,guideTooltipVisible:!0})},hideGuideTooltip:()=>{t(),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)}}}}]);